body1 { font: 12px/normal Tahoma, Arial, Helvetica, sans-serif; margin:0; padding: 0; background:#F0EBD7; } 
body { font: 12px/normal Tahoma, Arial, Helvetica, sans-serif; margin:0; padding: 0; } 

.header     { float:left; width:100%; min-height:60px; background: #FACC2E; }
.header-img { float:left; margin-top: 10px; }

#contenedor { width:1022px; background: #F5ECCE; border: 1px solid #D2C082; margin: 0 auto; }

.cab-titulo { float:left; height: 30px; width:100%; font-size:18px; font-family:Arial; font-weight:bold; background: #F5DA81; color: #000000; }

.sub-titulo { 
   float:left;
   margin:5px 0px 5px 0px;
   height:25px;
   width:100%;
   font-size:14px;
   font-family:Arial;
   font-weight:bold;
   background: #F6EAC1;
   color: #000000;  
   border-top:1px solid #D2C082;
   border-bottom:1px solid #D2C082;
}
.sub-titulo2 { 
   float:left;
   padding:8px;
   font-size:16px;
   font-family:Arial;
   font-weight:bold;
   color: #000000;  
}

.box-periodo { float:left; width:150px; margin:4px; height:25px; 
               border:1px solid #D2C082; background: #F6EAC1; 
               font-family:Arial; font-size:16px; font-weight:bold; }

#footer { clear:both; width:100%; height:30px; background: #F5DA81; }

.btncss { float:left; display: block; height:22px; width:80px; background: #F6E099; color: #000000;
          border: 1px solid #AFA482; text-align:center; font-size:12px; }
.btncss:hover  { background: #F8E4C4; border: 1px solid #F54F07; color: #E74703; } 

.totales-barra { 
   float:left;  
   margin:2px 0px 2px 0px;
   width:100%;
   height:32px;
   background: #F6EAC1; 
   border-top:1px solid #D2C082;
   border-bottom:1px solid #D2C082;
}
.titulo-tot {
   float:left; 
   margin-left:5px;
   margin-top:5px;
   border:1px solid #816A1F; 
   background-color:#F3E2A9;
   min-width:40px;
   height:20px;
   font-family:Arial;
   font-size:16px;
   font-weight: bold;
   text-align: center;
}
.box-exportar { float:left; margin:9px 0px 0px 5px; }
.box-exportar a { text-decoration:none; color:#0B610B; }
.box-exportar a:hover { text-decoration:underline; }

.box-sitios { padding:3px; font-size:12px; font-weight:normal; }
.box-sitios a { text-decoration:none; color:#000000; }
.box-sitios a:hover { text-decoration:underline; }

.box-descargas      { margin:5px 0px 8px 0px; }
.box-descargas ul   { list-style-type:none; margin:0; padding: 0;}
.box-descargas li   { padding:2px; }
.box-descargas li a { padding:1px; text-decoration:none;}
.box-descargas a:link,.menu-opciones a:visited { color:#000000; }
.box-descargas li a:hover {
text-decoration:underline;
}


.box-limpiar {
   float:left;

   width:280px;
   height:100px;
   border:1px solid #AFA482; 
}
.titulo-limpiar {
   padding:3px;  
   font-size:14px;
   font-family:Arial;
   font-weight:bold;
   background: #F5DA81;
   color: #000000;  
}
.msg_r {
   float:left;
   width:100%;
   height:30px; 
   color: #ff0000; 
   background:#F8E6E0; 
   border-top: 1px solid #FA5858; 
   border-bottom: 1px solid #FA5858; 
}
.msg_v {
   float:left;
   width:100%; 
   height:30px; 
   color: #4B8A08; 
   background:#ECF6CE; 
   border-top: 1px solid #04B404; 
   border-bottom: 1px solid #04B404; 
}
.box-agregar { margin:5px 0px 5px 20px; width:400px; }
.cssinput {
   font-size:12px;
   font-family:Arial;
   width:300px;
   height:18px;
   border:1px solid #AFA482;
}
.titulo-agregar {
   float:left;
   height:30px;
   width:100%;
   font-size:14px;
   font-family:Arial;
   font-weight:bold;
   background: #F6EAC1;
   color: #000000;  
   border-top:1px solid #D2C082;
   border-bottom:1px solid #D2C082;
}


.box-nivel { float:left; height:30px; margin-top:5px; font-size:12px; font-family:Arial; font-weight:normal;
             background: #F6EAC1; color: #000000; border-top:0px solid #D2C082; border-bottom:0px solid #D2C082;
}
.box-nivel a { text-decoration:none; color: #000000; }
.box-nivel a:hover { text-decoration:underline; }

.box-cliente { float:left; margin:2px; font-size:12px; font-family:Arial; font-weight:normal; background: #F6EAC1; color: #000000; }

.busqueda-barra { float:left; width:100%; height:30px; border:1px solid #AFA482; }
.buscar-input { font-family:Arial; font-size:11px; width:200px; background-color:#F4EFDF; border:1px solid #AFA482; }
.busqueda-titulo { float:left; margin:7px 0px 0px 20px; font-family:Arial; font-size:12px; font-weight:bold; }
.csscombo { border:1px solid #AFA482; font-size:11px; width:120px; }

ul { border:0; margin:0; padding:0;}
#csspag li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left; }
#csspag a           { border:solid 1px #6E6E6E; margin-right:2px; }
#csspag .previous-off,
#csspag .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
#csspag .next a,
#csspag .previous a { font-weight:bold; }
#csspag .active     { border:solid 1px #6E6E6E; background:#F3E2A9; color:#000000; font-weight:bold; display:block; float:left; padding:3px 6px; margin-right:2px; }
#csspag a:link,
#csspag a:visited   { color:#424242; display:block; float:left; padding:3px 6px; text-decoration:none; }
#csspag a:hover     { border:solid 1px #000000; }

.menu-opciones      { margin:5px 0px 8px 0px; }
.menu-opciones ul   { list-style-type:none; margin:0; padding: 0;}
.menu-opciones li   { padding:2px; }
.menu-opciones li a { padding:1px; text-decoration:none;}
.menu-opciones a:link,.menu-opciones a:visited { color:#000000; }
.menu-opciones li a:hover {
   color: #000000;
   font-weight:bold; 
   font-size:12px;
}
.menu-opciones-titulo { margin:5px 0px 0px 0px; font-family:Arial; font-Size:14px; font-weight:bold; }

.menu-datos      { margin: 5px 0 0 0;}
.menu-datos ul   { list-style-type:none; padding:0;  margin:0;}
.menu-datos li   { padding:2px;  }
.menu-datos li a { display: block; padding:3px 0px 3px 8px; text-decoration:none; margin:auto;}
.menu-datos a:link,.menu-datos a:visited { color:#000000; }
.menu-datos li a:hover {
   background-color: #E6D28F; 
   color: #000000;
   font-weight:bold; 
   font-size:12px;
   border-right: 5px solid #BBA96F; 
}
.menu-datos-titulo { margin: 10px 0px 0px 8px; font-family:Arial; font-Size:13px; font-weight:bold; }
.seccion-titulo {
   height:20px;
   font-size:14px;
   font-family:Arial;
   font-weight:bold;
   background: #E8CC71;
   color: #000000;
   text-align:center;
}