/* ------------------------------------ *
 mainpage.css
 OJO!!! Al hacer cualquier cambio verificar la sintaxis!!!
 De lo contrario los menús podrían desplegarse mal
 * ------------------------------------ */

div#mainmenu { width:150px;float:left; }
#pagemenu { position:relative; }

@media screen {

#encabezado1.main_hdr #encabezado
{
  width:1008px;border:none;margin:0;
  background:url(img/fondocuadros.jpg);
  background-position:0px 0px;
}

#encabezado1.main_hdr
{ margin-right:0;padding:0;width:99.5%;overflow:hidden;
  border:1px solid #000;
}

#img_header_a,#img_header_b,#img_header_c,
#img_header_d,#img_header_e ,#img_header_f
{ border:none;margin:0;padding:0;float:left;display:inline-block; }

#img_header_a, #img_header_a span
              { width:263px;height:95px;background:url(img/header_a.jpg); }
#img_header_a { margin-right:-2px; }  /* Corrección de un error de diseño */
#img_header_b { width:172px;height:95px;background:url(img/header_b.jpg); }
#img_header_c { width:327px;height:95px;background:url(img/header_c.jpg); }
#img_header_d { width:246px;height:95px;background:url(img/header_d.jpg); }
#img_header_e, #img_header_e span
              { width:356px;height:39px;background:url(img/header_e.jpg); }
#img_header_e { vertical-align:top;margin:16px 0 0 44px; }
#img_header_f, #img_header_f span
              { width:208px;height:75px;background:url(img/header_f.jpg); }
#img_header_f { vertical-align:top;margin-left:102px; }

#img_header_a,#img_header2_b,#img_header2_d ,
#barranav .coverup { float:left; }

#barranav .coverup { font:0.8em bold Arial,Sans-serif;overflow:hidden; }

/* Arregla bug del IE de overflow */
* html #encabezado1.main_hdr { position:relative;z-index:0; }
* html div.mainmenu { position:relative;z-index:1; }
/* ****************************** */

/* Barra de menú */
#mainmenudiv span.menu_ruler
{ display:block;border:none;border-bottom:1px solid #000;width:80%;height:1px;
  margin:0.5em auto;
}

/* ************   Rollovers para el menú principal    **************** */

#mainmenu .coverup,
#mainmenu .coverup a,
#mainmenu .coverup a span { display:block;margin:0;padding:0;
                            width:148px;height:31px;
                          }

#mainmenu .coverup a:active,
#mainmenu .coverup a:active span { background-position:0px 31px; }
#mainmenu .coverup a:hover,
#mainmenu .coverup a:hover span { background-position:0px 31px; }
#mainmenu .coverup a:focus,
#mainmenu .coverup a:focus span { background-position:0px 31px; }

#img_mm1,#img_mm1 a,#img_mm1 span { background:url(img/mm1.jpg) 0px 0px; }
#img_mm2,#img_mm2 a,#img_mm2 span { background:url(img/mm2.jpg) 0px 0px; }
#img_mm3,#img_mm3 a,#img_mm3 span { background:url(img/mm3.jpg) 0px 0px; }
#img_mm4,#img_mm4 a,#img_mm4 span { background:url(img/mm4.jpg) 0px 0px; }
#img_mm5,#img_mm5 a,#img_mm5 span { background:url(img/mm5.jpg) 0px 0px; }
#img_mm6,#img_mm6 a,#img_mm6 span { background:url(img/mm6.jpg) 0px 0px; }

/* ******************************************************************* */

}

@media print{
  #encabezado1 { overflow:hidden;border:none;height:2em; }
}