/*** 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: 240px; float: left; padding: 10px 0 0px 0px; margin: 0 5px 0 0; color: #667274; }

#menu ul { margin: 0px; padding: 0px; width: 100%; }

#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 { margin: 5px 0 0 0; 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; }
/*#particulares a, #empresas a, #colaboradores a { display: block; height: 90px; width: 154px; margin: 0; padding: 20px 0px 0 80px; color: #000; }*/

#particularesabierto { width: 235px; margin: 0 0 0 2px; padding: 55px 0 0 0; background: #FFF url(../images/particulares_abierto.jpg) no-repeat -2px 0; color: #000; }
#servicios_medio { background: url(../images/fondo_menu.gif) -5px 0; }

#empresasabierto { width: 235px; margin: 0 0 0 2px; padding: 55px 0 0 0; background: #FFF url(../images/empresas_abierto.jpg) no-repeat -2px 0; color: #000; }
#colaboradoresabierto { width: 235px; margin: 0 0 0 2px; padding: 55px 0 0 0; background: #FFF url(../images/colaboradores_abierto.jpg) no-repeat -2px 0; color: #000; }

#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;}


#fin_menu { height: 15px; background: url(../images/fondo_finmenu.gif) -6px 0; }

#particularesabierto h1, #empresasabierto h1, #colaboradoresabierto h1  { margin: 0px; padding-left: 70px; color: #C20000; font-size: 18px; }
#particularesabierto h5, #empresasabierto h5, #colaboradoresabierto h5 { width: 220px; padding: 2px 3px 2px 8px; margin: 0 0 0 1px; background-color: #AA2D4B; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; border-left: 1px solid #C3CDE4; border-right: 1px solid #C3CDE4; }


#particularesabierto h6, #empresasabierto h6, #colaboradoresabierto h6 { margin: 0 2px 0 2px; padding-left: 10px; background: url(../images/flecha_submenu.gif) no-repeat 215px 5px; font-size: 11px; background-color: #F6F7F7; border-top: 1px solid #AEB4B8; border-bottom: 1px solid #AEB4B8; }
#particularesabierto a.tipo, #empresasabierto a.tipo, #colaboradoresabierto a.tipo { display: block; height: 18px; font-weight: bold; text-align: middle; margin: 0 2px 0 2px; padding-left: 10px; background: url(../images/flecha_submenu.gif) no-repeat 215px 5px; font-size: 11px; background-color: #F6F7F7; border-top: 1px solid #AEB4B8; border-bottom: 1px solid #AEB4B8; }

#particularesabierto ul, #empresasabierto ul, #colaboradoresabierto ul { margin: 0; padding: 0; }

#particularesabierto ul li, #empresasabierto ul li, #colaboradoresabierto ul li { padding: 0; margin: 0 0 -1px 2px; }

#particularesabierto ul li a, #empresasabierto ul li a, #colaboradoresabierto ul li a { display: block; width: 210px; margin: 0; padding: 3px 0 3px 20px; background: #E9ECF5 url(../images/circulo.gif) no-repeat 10px 7px; font-size: 11px;  color: #000;  }

#particularesabierto ul li a:hover, #empresasabierto ul li a:hover, #colaboradoresabierto ul li a:hover{ display: block; width: 212px; 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); }

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

#pie { clear: both; width: 770px; 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 5px 0 5px; padding: 0 10px 0 10px; width: 380px;  text-align: left; border-left: 1px solid #D2D5D6; border-right: 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: 20px; margin-bottom: 20px; background: url(../images/veiss.gif) no-repeat; }
a.logo:hover { background-position: 0 -15px; }

table.datos{border: 1px solid #D5D5D5; empty-cells:hide; margin: 0 0 10px 0; font-size: 11px; width: 60%;}
table.datos caption{background-color: #AE2F58; color: #fff; font-weight: bold; font-size: 12px;}
table.datos th{background-color:#D5D5D5; text-align: center; padding: 1px 5px;}
table.datos tr.gris{background-color: #eee;}
table.datos tr.gris2{background-color: #ccc;}
table.datos td{padding: 2px;}