#page{
    margin: auto;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    width: 100%;
    max-width: 1100px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: left;
}
#page_title{
    margin-top: 20px;
    background:url(/imagenes/Barras.jpg) no-repeat;
    height: 76px;
}
#page_title h2{
    color: #0095D5;
    padding-left: 100px;
    line-height: 76px;
    margin: 0;
}
div.seccion{
 width: 100%;
 clear: both;
 border-bottom: 1px solid #CCC;
 padding: 10px 0;
}
#user_info{
    float: right;
    width: 200px;
    padding: 10px;
    color: #666;
}
#login{
    width: 300px;
    margin: auto;
}
.mensaje{
    padding: 10px;
    margin: 10px;
    border: 1px solid #CCC;
    
}
.msn_mensaje{
    color: #0095D5;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
.msn_warning{
    color: #FFF;
    background: #FF0000;
    font-weight: 700;
}
div.pager{
    text-align: center;
    padding: 10px;
}
a.active{
    color: #FF0000;
}

a.pager{
    border: 1px solid #6699CC;
    padding: 3px;
    margin: 3px;
}
table.theme_table,
table#extintores{
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 100%;
}
table.theme_table .even,
table#extintores  .even{
 background: #F2F2F2;
}
table.theme_table th,
table#extintores th {
    background: #333333;
    color: #FFF;
}
table.theme_table td,
table#extintores td {
   border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}
table.theme_table tr:hover ,
table#extintores tr:hover {
    background: #FFFFCC;
    
}

.magic_form {
       border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}
.magic_form .form_item{
    padding: 10px;
}
.magic_form .odd{
     background: #FFF;

}
.magic_form .even{
     background: #F2F2F2;

}
.magic_form .form_item label{
    font-weight: bold;
    display: block;
}
.ot_title{
    text-align: center;
    color: #FFF;
    margin-top: 10px;
    padding: 5px;
    background: #E7612C;
}
#ot_data .ot_data_item{
    padding: 10px 100px  10px ;
    
}
#ot_data {
    clear: both;
}
#ot_data .num_ot{
  font-size: 180%;
  font-weight: 700;
    font-weight: 700;

  
}
#ext_ot td {
    padding: 10px;
}
#ext_ot .baja,
#ext_ot .baja td
{
    background: #FF0000;
    color: #FFF;
    font-weight: 700;
}
#dialog{
    font-size: 10px;
}
.delete_row{
    color: #FFF;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    float: left;
    margin:0  10px;
}
.visual_ok {
    color: #FFF;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    width: 30px;
    float: left;
}

.mant,
.ph {
    border: dotted 1px #000;
    color: #000;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    width: 30px;
    float: left;
    cursor: pointer;
}
.mant-undefined,
.mant-0,
.ph-undefined,
.ph-0{
    background: #FFCC00;
}
.mant-1,
.ph-1{
    background: #38A51A;
    color: #FFF;
}
.mant-2,
.ph-2{
    background: #AA1735;
    color: #FFF;
}

.radio-visual {
    margin-top: 10px;
    width: 30%;
    text-align: center;
    float: left;
    color: #FFF;
    padding: 15px;

}
.radio-visual.si {
   background: #38A51A;
}
.radio-visual.no {
   background: #AA1735;
}
fieldset#ph_estado{
    display: none;
}
#ph_form{
    width: 600px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: left;

}
fieldset#ph_items label{
    width: 300px;
    color: #FFF;
    background: #000;
    float: left;
    padding: 10px;
    line-height: 25px;
    
}
fieldset#ph_items .textfield input{
    font-size: 20px;
    height: 35px;
    margin-left: 5px;
    margin-right: 5px;
    width: 120px;
}
fieldset#ph_items .form_item{
    clear: both;
}
fieldset#ph_items .radio-1{
    background: #AA1735;
    line-height: 25px;
    padding: 10px;
    display: block;
    float: left;
    color: #FFF;
    font-weight: 700;
    font-size: 14px;

}
fieldset#ph_items .radio-0{
    background: #38A51A;
    line-height: 25px;
    padding: 10px;
    display: block;
    float: left;
    color: #FFF;
    font-weight: 700;
    font-size: 14px;
}
#form_item_noapto{
   margin: 20px;
   background: #AA1735;
   text-align: center;
   color: #FFF;
   font-weight: 700;
   display: none;

}
#form_item_apto{
   margin: 20px;
   background: #38A51A;
   text-align: center;
   color: #FFF;
   font-weight: 700;
   display: none;
}
#mant_estado .radio-0{
   padding: 20px;
   background: #AA1735;
   text-align: center;
   color: #FFF;
   font-weight: 700;
   font-size: 18px;
   width: 150px;
}
#mant_estado .radio-1{
   padding: 20px;
   background: #38A51A;
   text-align: center;
   color: #FFF;
   font-weight: 700;
   font-size: 18px;
   width: 150px;
}
#submit_mantenimiento{
    display: none;
}
#ext_ot .baja .ph{
  /*display:none;*/
}
table.aire {
    width: 400px;
}
table.aire td ,
table#ots td{
    
    padding: 10px;

}

.ot_raquing{
    
    margin: 20px;
    float: left;
    width: 200px;
    font-size: 14px;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    text-align: center
}
.ot_raquing h2,
.ot_raquing_total{
    background: #E25A00;
    color: #FFF;
    font-weight: 700;
    padding: 5px;
    margin: 0;
    font-size: 10pt;
}
.ot_raquing_item{
   padding: 10px;
   text-align: left;    
   font-size: 9pt;
}
.ot_raquing .even{
 background: #F2F2F2;
}

#agenda ul{
   margin: 0;
   padding: 0;
   
}
#agenda li{
    list-style: none;
    display: inline;
}
#agenda li a{
    text-align: center;
    font-size: 8.5pt;
    display: block;
    height: 110px;
    width: 100px;
    margin: 5px;
    border: 1px dotted #CCC;
    float: left;
    background: #FFF ;
    color: #E87A44;
    overflow: hidden;
}
#agenda li a .cantidad{
    font-size: 20pt;
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
}
#agenda .udn_name{
    color: #666;
}
h2.home{
  background: #E25A00;
  color: #FFF;
  padding: 10px;
  text-align: center;
   
}
ul.icos{
    float: right;
}
#page_title .item_list{
    float: right;
}
ul.icos,
ul.consola{
   margin: 0;
   padding: 0;
   
}
ul.icos li {
    list-style: none;
    display: inline;
    
}
ul.icos li div{
    background-position: center top !important;
    width: 40px;
    margin: 5px;
    display: block;
    text-align: center;
    font-size: 8.5pt;
    border: 1px dotted #CCC;
    float: left;
    overflow: hidden;
    padding-top: 30px;
    cursor: pointer;
    margin-top: 10px;

}
ul.icos li div:hover{
    background-position: center -32px !important;
}
ul.consola li{
    height: 80px;
    width: 80px;
    margin: 5px;
    list-style: none;
    display: block;
    text-align: center;
    font-size: 8.5pt;
    border: 1px dotted #CCC;
    float: left;
    overflow: hidden;

}
ul.two-links li a{
    height: 39px;
}

ul.consola li a:link ,
ul.consola li a:visited{
    display: block;
    background: #FFF ;
    color: #E87A44;
}
ul.consola li a:hover ,
ul.consola li a:active{
    display: block;
    background: #E87A44;
    color: #FFF ;
}

ul.consola li a.gris:link ,
ul.consola li a.gris:visited
{
    display: block;
    color: #555;
    padding-top: 10px;
    padding-bottom: 10px;
}

ul.consola li a.gris:hover ,
ul.consola li a.gris:active
{
    display: block;
    background: #555;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
}
form#edit_extintor,
form#edit_extintor select,
form#edit_extintor  input
{
    font-size: 9pt;
}
form#edit_extintor .form_item{
    width: 30%;
    float: left;
    padding: 5px;
    
}
form#edit_extintor label{
    width: 80px;
    float: left;
    
}
form#edit_extintor .form_item.fieldset{
    width: 100%;
    clear: both;
}
form#edit_extintor .form_item.odd{
    background: #F2F2F2;
}
.page_ot_panel h2.title_area ,
.page_gestor_extintores_particulares h2.title_area ,
.page_gestor_extintores_empresa h2.title_area{
    width: 260px;
    float: left;
}
.page_ot_panel #ot_search ,
.page_gestor_extintores_particulares #extintor_search ,
.page_gestor_extintores_empresa #extintor_search{
    width: 300px;
    float: right;
    border: none;
    padding: 20px 0 0;
}
.page_ot_panel .magic_form label ,
.page_ot_panel .magic_form  .form_item,
.page_gestor_extintores_particulares .magic_form label ,
.page_gestor_extintores_particulares .magic_form  .form_item,
.page_gestor_extintores_empresa .magic_form label ,
.page_gestor_extintores_empresa .magic_form  .form_item {
    display: inline;
    
}
.page_ot_panel .magic_form .odd,
.page_ot_panel .magic_form,
.page_ot_panel .magic_form select,
.page_ot_panel .magic_form input,

.page_gestor_extintores_particulares .magic_form .odd,
.page_gestor_extintores_particulares .magic_form,
.page_gestor_extintores_particulares .magic_form select,
.page_gestor_extintores_particulares .magic_form input,
.page_gestor_extintores_empresa .magic_form .odd,
.page_gestor_extintores_empresa .magic_form,
.page_gestor_extintores_empresa .magic_form select,
.page_gestor_extintores_empresa .magic_form input
{
    font-size: 9pt;
    background: none;
    
}
page_gestor_extintores_particulares #empresa_filter,
.page_gestor_extintores_empresa #empresa_filter{
    text-align: right;
}
table#extintores .selected{
    background: #E25A00;
    color: #FFF;
    height: 50px;
    
}
table#extintores .selected:hover{
    background: #E87946;
}
table#extintores .even td .even{
    background: none;
}
.page_gestor_extintores_particulares  form#edit_extintor .form_item.odd ,
.page_gestor_extintores_particulares #edit_extintor .even,
.page_gestor_extintores_particulares #edit_extintor .odd,

.page_gestor_extintores_empresa  form#edit_extintor .form_item.odd ,
.page_gestor_extintores_empresa #edit_extintor .even,
.page_gestor_extintores_empresa #edit_extintor .odd
{
    background: #FFF;
}

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:14pt;
   line-height: 16pt;
   width:100%;
   padding: 0 20px;
   background:#E25A00;
   color: #FFF;
  box-shadow: 0 3px 20px #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
}
#footer a{
box-shadow: 0 3px 3px #000000;
 color:#FFF;
    font-size: 9pt;
   padding: 3px;
 
}
.desc_extintor ul{
    list-style: none;
}
.desc_extintor li{
    font-size: 11pt;
    height: 14pt;
    list-style: none;
}
.desc_extintor li.first{
    font-size: 12pt;
    height: 14pt;

}
.extintor_ot_data{
       border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}

h2.noapto{
    background: #AA1735;
    color: #FFF;
    padding: 30px 0;
    text-align: center;
}
h2.apto{
    background: #38A51A;
    color: #FFF;
    padding: 30px 0;
    text-align: center;
}

   
.rep_observacion{
    background: #eee;
    border: none;
    border-bottom: 1px dotted #333;
}

#form_item_unificar_localidades label{
    font-weight: 100;
}


#form_item_serial{
    width: 45%;
    float: left;
}
#form_item_serial textarea{
    height: 300px;
}
#form_item_udn ,
#form_item_no_force_create,
#form_item_unificar_localidades{
    width: 45%;
    float: right;
    padding: 15px;
}


#ordenar_ots .contenedor_empresa {
    padding:  5px;
    border: 1px dotted #333;
    clear: both;
    background: #EEE;
    margin: 10px;    
}
#ordenar_ots .item-list{
    border: 1px dotted #333;
    padding: 5px;
    margin: 5px;
    width: 200px;
    float: left;
    background: #FFF;
}
#ordenar_ots .item-list h3 {
 color: #E25A00    ;
 font-size: 80%;
}

.ot_lista {
    list-style: none;
    padding: 0;
    margin: 5px;
    
    min-height: 30px;
    width: 200px;
}
.ot_lista  li{
    list-style: none;
    padding: 5px;
    margin: 5px;
    background: #F2F2F2;
    border: 1px dashed #E87A44;
    cursor: move;

}

#procesar_extintores{
     text-align: center;
    color: #FFF;
    margin-top: 10px;
    padding: 15px;
    background: #E7612C;
    cursor: pointer;
}
.accion_dup{
    padding: 5px;
    margin: 5px;
    text-align: center;
    font-weight: 700;
   color:#FFF;
   background: #E25A00;
 cursor: pointer;
}

.red
{
    background: #FF0000;
    color: #FFF;
    font-weight: 700;
}
.green
{
    background: #047A00;
    color: #FFF;
    font-weight: 700;
}
.yellow{
    background: #FFCC00;

}
.acciones_dup{
    display: none;
}
#extintores_dup .col1,
#extintores_dup .col2{
    width: 40%;
}
#extintores_dup .col3{
    width: 20%;
}


tr.MO01 {color: #0000FF;}