/*** cabecera.php ***/

#cabecera { width: 992px; height: 65px; background-color: #FFFFFF; overflow: hidden; }

#cabizq { float: left; width: 49%; }

#cabizq img{ float: left; margin-left: 7px; margin-right: 8px; margin-top: 8px; }


#cabdcha { float: right; height: 100px; overflow: hidden; width: 45%; }

#comunes { position: relative; font: 10px Tahoma, Arial, Helvetica, sans-serif; float: right; height: 18px; width: 250px; top: 0px; text-align: right; color: #667274; padding: 0; overflow: hidden; }

#comunes ul { margin: 0px; padding: 0px; list-style: none outside; }

#comunes ul li { margin: 3px 1px; padding: 0px; list-style: none outside; }

#comunes #inicio a { position: absolute; top: 0; left: 0; display: block; width: 38px; height: 18px; background: url(../images/menu_inicio.gif) no-repeat; }
#comunes #contacto a { position: absolute; top: 0px; left: 40px; display: block; width: 55px; height: 18px; background: url(../images/menu_contacto.gif) no-repeat; }
#comunes #mapa a { position: absolute; top: 0px; left: 96px; display: block; width: 59px; height: 18px; background: url(../images/menu_mapa.gif) no-repeat; }
#comunes #enlaces a { position: absolute; top: 0px; left: 157px; display: block; width: 93px; height: 18px; background: url(../images/menu_enlaces.gif) no-repeat; }

#comunes #inicio a:hover, #comunes #contacto a:hover, #comunes #mapa a:hover, #comunes #enlaces a:hover { background-position: 0 -18px; }

/*Menu principal*/

#principal { position: relative; float: right; width: 445px; margin-top: 20px; }

*html #principal { padding-bottom: 4px; padding-top: 2px; }

#principal ul { margin: 0px; padding: 0px; list-style: none outside; }

#principal ul li { margin: 0px; padding: 0px; list-style: none outside; display: block; width: 144px; height: 28px; }


#quienes a { display: block; position: absolute; left: 0; top: 0; width: 125px; height: 25px; background: url(../images/botmenu2.gif) no-repeat; }
#menu_pub a { display: block; position: absolute; left: 223px; top: 0; width: 120px; height: 25px; background: url(../images/botmenu2_2.gif) no-repeat; }
#actualidad a { display: block; position: absolute; left: 344px; top: 0; width: 105px; height: 25px; background: url(../images/botmenu2_3.gif) no-repeat; }
#memoria a { display: block; position: absolute; left: 127px; top: 0; width: 105px; height: 25px; background: url(../images/botmenu2_4.gif) no-repeat; }
#quienes a:hover, #menu_pub a:hover, #actualidad a:hover, #memoria a:hover { display: block; background-position: 0 -25px; }

span.sincss { visibility: hidden; }

/*Fin Menu principal*/
/*Fin Cabecera*/


/*Menu izquierda*/

#menu { width: 247px; float: left; padding: 10px 0 0px 0px; margin: 0 0 0 0; color: #667274; }

/*#menu ul { margin: 0 8px 1px 6px;  padding: 0px;  }*/

#menu ul li { margin: 0px; padding: 0px; list-style: none outside; width: 100%; }

#menu ul li a { display: block; padding: 10px 20px 5px; text-decoration: none; color: #003399; }

#menu ul li a:hover { color: #0000CC; background-color: #FFFFFF; background-image: url(../images/flecha_azul.gif); background-repeat: no-repeat; background-position: right center; }

#menu h5 { color: #C20000; font-size: 16px; margin: 0; padding: 0; }

#menu a {  padding: 0; line-height: 13px; color: #000; }

/*#menu a:hover { color: #1D4369; }*/
img.menu_izq { padding: 0; margin: 0 0 0 3px; }


#particulares, #empresas, #colaboradores { position: relative; display: block; margin: 0 0 0 0;  height: 112px; width: 240px; color: #000;  background: url(../images/particulares.jpg) no-repeat left top; }
#particulares img, #empresas img, #colaboradores img { margin: 20px 0 0 80px; }
#particulares span, #empresas span, #colaboradores span, #premios span { display: block; position: absolute; top: 50px; left: 80px; margin: 0 7px 0 0; }
#particulares:hover, #empresas:hover, #colaboradores:hover { background-position: 0 -112px; text-decoration: underline; color: #000; }

#particularesabierto 	{ width: 247px; height: 55px; background: #FFF url(../images/particulares_abierto.jpg) no-repeat; color: #000; }
#empresasabierto 		{ width: 247px; height: 55px; background: #FFF url(../images/empresas_abierto.jpg) no-repeat; color: #000; }
#colaboradoresabierto 	{ width: 247px; height: 55px; background: #FFF url(../images/colaboradores_abierto.jpg) no-repeat; color: #000; }

#servicios_medio { width: 247px; background: url(../images/fondo_menu.gif) repeat-y; }
#fin_menu { height: 15px; width: 247px; margin: 0; background: url(../images/fondo_finmenu.gif) no-repeat; }
#servicios_medio h5 { padding: 5px 3px 5px 8px; margin: 0 8px 0 6px; background-color: #AA2D4B; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; border-bottom: 1px solid #AEB4B8;}
#servicios_medio a.tipo { display: block; height: 18px; font-weight: bold; margin: 0 8px 0 6px; padding-left: 10px; padding-top: 2px; border-bottom: 1px solid #AEB4B8; border-right: 1px solid #C3CDE4; border-left: 1px solid #C3CDE4; background: url(../images/mas_submenu.gif) no-repeat 215px 5px; font-size: 11px; background-color: #f6f7f7; }
#servicios_medio a.tiponotit { display: block; height: auto; font-weight: bold; margin: 0 8px 0 6px; padding-left: 10px; padding-top: 2px; border-bottom: 1px solid #AEB4B8; border-right: 1px solid #C3CDE4; border-left: 1px solid #C3CDE4; font-size: 11px; background-color: #F6F7F7; }
#servicios_medio a.tipo:hover, #servicios_medio a.tiponotit:hover { background-color: #e6e8ed; }

#servicios_medio ul {  margin: 0 8px 1px 6px; padding: 0;  border-bottom: 1px solid #AEB4B8; border-right: 1px solid #C3CDE4; border-left: 1px solid #C3CDE4; }
#servicios_medio ul li { padding: 0; margin: 0 0 -1px 0; }
#servicios_medio ul li a { display: block; margin: 0; padding: 3px 0 3px 20px; background: #E9ECF5 url(../images/circulo.gif) no-repeat 10px 7px; font-size: 11px;  color: #000;}
#servicios_medio ul li a:hover{ display: block; background: #D0D7E2 url(../images/circulo_flecha.gif) no-repeat 10px 5px; color: #000; text-decoration: none; }








#empresas { background-image: url(../images/empresas.jpg); }

#colaboradores { background-image: url(../images/colaboradores.jpg); }

#premios { position: relative; display: block; margin: 2px 0 0 0;  height: 110px; width: 240px; color: #000;  background: url(../images/premios.jpg) no-repeat left top;}
#premios img { margin: 20px 0 0 80px; }
#premios:hover { background-position: 0 -111px; text-decoration: underline; color: #000; }
#premiosabierto 	{ width: 247px; height: 55px; background: #FFF url(../images/premios_abierto.jpg) no-repeat; color: #000;}


/*** Pie - sin limpiar ***/

#pie { clear: both; width: 750px; height: 45px; margin-left: 250px; padding: 5px 0 15px 0;  color: #000; font: 10px Tahoma, Arial, Helvetica, sans-serif; }
#pie.ancho { width: 750px; clear: none; }
#pie p { float: left; margin: 10px 0 0 5px; padding: 0 0 0 10px; width: 380px;  text-align: left; border-left: 1px solid #D2D5D6; line-height: 15px; }
#pie a { color: #667274; text-decoration: none; }
#pie a:hover { color: #1D4369; text-decoration: none; }
#pie img { margin: 5px; float: left; }
#pie img.der { border: none; float: right; margin-right: 20px; margin-bottom: 20px; }
a.logo { display: block; float: right; width: 41px; height: 15px; margin-right: 0; margin-bottom: 20px; background: url(../images/veiss.gif) no-repeat; }
a.logo:hover { background-position: 0 -15px; }