body { 
    font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
    margin: 1 0 10 0px; 
    text-align: center; 
    background-color: #020202; 
} 

 #contenedor{ 
    text-align: left; 
    width: 970px; 
    margin: auto; 
 } 
 #cabecera{ 
    background-color: #EBEBEB; 
    color: #333300; 
    font-size:12pt; 
  font-weight: bold; 
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
} 

#cuerpo{ 
  margin: 10 0 10 0px;}
 
#reporte td{
    font-size: 10pt; 
    font_family: "Verdana",Arial,Calibri;
  padding: 4px 2px 2px 8px;
  color: #000000;
  border: 1px solid #c0c0c0;
  border-width: 0px 1px 1px 0px;
}
/*MEnu*/

#menuh {
  font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;  
  margin-top: 2px;
  margin-left: 280 px;  
  margin-right: 210 px;
  background: #bc0f00; 
}

#menuh ul, li {  list-style-type: none;}

#menuh ul {  margin: 0,0,0,200px; padding: 0;}
#menuh li {  float: left;
}

#menuh a {
  text-decoration: none;
  color: #50658B;
  background: #BEC5D2; 
  display: block;
  margin-left: 120 px; 
  padding: 5px 15px;
  text-align: center;
  border: 4px solid #ffffff;
  border-width: 1px 1px 1px 0;
}


#menuh a:hover {
  background: #bc0f00;
  color: #5B7292;  
}

#menuh ul.nav li a:hover{
  background-color:#5B7292;
  color:#ffff0f;
}
/*end of menu */



#menua {   
 width: 200px; 
  font: 100% Verdana, Arial, Helvetica, sans-serif;  
  margin-top: 1px;
  margin-right: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
    border: 1px solid #000033;
  border-width: 1px 1px 1px 1px;

}
#menua ul, li {  
  list-style-type: none;
      background-color: #999999;
}
#menua ul {  
  margin: 10px; 
  padding: 3px;}
#menua li {  
  float: left;
}


#menua a {
  text-decoration: none;
  color: #FFFFFF;
  background: #848484;
  display: block;
  padding: 6px 6px 6px 6px;
  text-align: left;
  border: 1px solid #000033;
  border-width: 1px 1px 1px 1px;
}



#menua a:hover {
  background: #546573;
  color: #ffffff;  
}


#menua ul.nav li a:hover{
  background:#546573;
  color:#FFFFFF;
}

/* termina menua  */

#menucal {   
 width: 200px; 
  font: 100% Verdana, Arial, Helvetica, sans-serif;  
  margin-top: 1px;
  margin-right: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
    border: 1px solid #000033;
  border-width: 1px 1px 1px 1px;
}

/* style del calendario*/

.tit td{
 font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #FFFFFF;
  background: #848484;
  padding: 2px 10px 2px 10px;
  text-align: center;
  border: 0px solid #000033;
  border-width: 0px 0px 0px 0px;
}


.diavalido {
  font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;    text-decoration: none;
  color: #d2d2d2;
  background: #f2f2f2;
  padding: 1px 1px 1px 1px;
  text-align: center;
  border: 0px solid #000033;
  border-width: 0px 0px 0px 0px;
}

.tit a{
  font: 14pt "Trebuchet MS", Arial, Helvetica, sans-serif;    text-decoration: none;
  color: #d2d2d2;
  display: block;
  padding: 1px 1px 1px 1px;
  text-align: center;
  border: 0px solid #000033;
  border-width: 0px 0px 0px 0px;
}

.diavalido a{
  text-decoration: none;
  color: #000080;
}

.reportemes {
  font: 10pt "Verdana", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #848484;
  background: #f2f2f2;
  display: block;
  padding: 0px 0px 0px 10px;
  text-align: center;
  border: 0px solid #ebebeb;
  border-width: 0px 0px 10px 0px;
}


.diasemana {
  text-decoration: none;
  color: #FFFFFF;
  background: #c2c2c2;
  padding: 2px 6px 2px 6px;
  text-align: left;
  border: 1px solid #610B21;
  border-width: 1px 1px 1px 1px;
}

/*table, td{border-width:0px; border-style:solid; font: 12px Verdana, Arial, Helvetica, sans-serif;} */



#menucal a {
  text-decoration: none;
  color: #FFFFFF;
  background: #848484;
  display: block;
  padding: 6px 6px 6px 6px;
  text-align: left;
  border: 1px solid #000033;
  border-width: 1px 1px 1px 1px;
}



#menucal a:hover {
  background: #546573;
  color: #ffffff;  
}



.calendario {
 width: 40px; 
  font: 12px Verdana, Arial, Helvetica, sans-serif;
   background: #fef2fc;
    text-align: center;
    text-decoration: none;
}


/* termina menuh empieza larteral*/




 #lateral{ 
    width: 240px; 
    background-color: #999999; 
    float:left; 
 } 
 #lateral ul{ 
    margin : 0 0 0 0px; 
    padding: 0 0 0 0px; 
    list-style: none; 
 } 
 #lateral li{ 
    background-color: #ffffcc; 
    margin: 2 2 2 2px; 
    padding: 2 2 2 2px; 
    font-weight: bold; 
 } 
 #lateral a{ 
    color: #ffffff; 
    text-decoration: none; 
 } 
 #principal{ 
  height: 710px;
    margin-left: 240px; 
    background-color: #ffffff; 
    padding: 0 0 0 0px; 
} 
 #principalmediano { 
  height: 910px;
    margin-left: 240px; 
    background-color: #ffffff; 
    padding: 0 0 0 0px; 
} 
 #precios{ 
    margin-left: 240px; 
    background-color: #ffffff; 
    padding: 0 0 0 0px; 
 } 

 #pie{ 
  font: 80% Verdana, Arial, Helvetica, sans-serif;
    color: #ebebeb;
    background-color: #8A8B86;
    padding: 3 10 3 10px; 
    text-align:center; 
} 

 td{border-bottom: 1px; border-right: 1px; border-left: 0px; border-top: 0px;border-style:solid; padding-left: 2px; margin-bottom: 0px; margin-top: 0px; text-align:center; color: #000000; font: 12pt Calibri, Verdana, Arial, Helvetica, sans-serif;}
table{margin-bottom: 0px}