/* Hoja de estilos desarrollada por Deusto Sistemas [CASTELLANO/PANTALLA] */ /* Modificado 25/04/2007 13:00 */ BODY {margin:0; padding:0; font:62.5% Verdana, Arial, Helvetica, sans-serif; /*background:#9D978D url('../images/skin01/fdWeb.png') 0 0 repeat-x*/} HTML>BODY {background:#A5A096 url('../images/skin01/fdWeb.png') 0 0 repeat-x} #capaPrincipal {margin:0 auto; width:98%; border:1px solid #595949} /* ESTILOS GENERICOS */ FORM {display:inline;} SELECT {font-size:1em} A IMG,:link IMG,:visited IMG {border:none} H1,H2,H3,H4,H5,H6,PRE,CODE {font-size:1em} UL {list-style:none} UL,OL,LI,H1,H2,H3,H5,H6,PRE,FORM,BODY,HTML,FIELDSET,INPUT {margin:0; padding:0} :link,:visited {text-decoration:none} :hover {text-decoration:none} .clr {clear:both} .ocultar {display:none} A {outline:none} /* CABECERA */ #cabecera {margin:0; padding:0; background:#C5C5C5} /* Idiomas y utilidades */ #cabecera #idiomasUtilidades {position:relative; top:0; left:0; width:98%; height:25px; line-height:24px; padding:0 1%; background:#000 url('../images/skin01/fdIdiomasUtilidades.png') 0 0 repeat-x; border-bottom:1px solid #000} #cabecera #idiomasUtilidades #fecha {float:left; color:#fff} #cabecera #idiomasUtilidades #idiomas {float:right; margin-left:5px; font-weight:700; position:relative; top:0px;} #cabecera #idiomasUtilidades #utilidades {float:right} #cabecera #idiomasUtilidades UL LI {display:inline; padding:0 0.2em 0 0.5em; border-right:1px solid #FFF; border-right:expression((this.parentNode.lastChild == this)? "none" :"1px solid #FFF")} #cabecera #idiomasUtilidades UL LI:last-child {border:none} #cabecera #idiomasUtilidades UL LI A {color:#FFF; font-size:1.1em} #cabecera #idiomasUtilidades UL LI A:hover {text-decoration:underline} #cabecera #dirAyunt {width:20%; background:#d6d6c9; font-size:1em; font-family: Tahoma, Arial, Helvetica, sans-serif; filter:alpha(opacity=95); -moz-opacity:0.95} /*Añadido para UdalWeb*/ #cabecera #logoudalWeb { width:100%; height:121px; background:#313a3f; background-image:url('../es/images/udalweb_header.jpg'); background-repeat:no-repeat;z-index:1; border-bottom:1px solid #fff} #cabecera #logoudalWeb SPAN {display:none} /*Fin añadido para UdalWeb*/ /*Añadido para Udalnet*/ #cabecera #logoudalNet { width:100%; height:108px; background:#313a3f; background-image:url('../es/images/fotoUdalnet.png'); background-repeat:no-repeat;z-index:1; border-bottom:1px solid #fff} #cabecera #logoudalNet SPAN {display:none} /*Fin añadido para Udalnet*/ /*Listado Municipios*/ #divListadoPueblos {width:100%; height:auto; border-top:1px dashed #242423; clear:both; width:99.5%; margin:0 auto; text-align:center} .tdceldalistado {border-bottom:1px dashed #242423; border-right:1px solid #bcbcbc; background:#fff} .tdceldalistadofin {border-bottom:1px dashed #242423; background:#fff} .tdceldalistado a, .tdceldalistadofin a {font:1em Verdana, Arial, Helvetica, sans-serif; background:#fff; color:#940202; display:block; padding:3px 1px 3px 5px} .tdceldalistado a:hover, .tdceldalistadofin a:hover {background:#940202; color:#fff; display:block} /*************************ANA********************************/ /* Logotipo Castellano*/ #cabecera #logoFotoES {background:#CCC url('../es/images/fotoPrincipal1.png') 0 0 repeat-x;z-index:1} HTML>BODY #cabecera #logoFotoES {background:#CCC url('../es/images/fotoPrincipal1.png') 0 0 repeat-x;z-index:1} #cabecera #logoFotoES A {margin:0 ; padding:0; width:98%; height:98px; display:block; position:absolute; text-decoration:none; } #cabecera #logoFotoES A:hover {background-position:50% -111px} #cabecera #logoFotoES A SPAN {position:relative; z-index:-1; display:none} #cabecera #logoFotoES #logo {position:relative; top:0; left:0; width:20%; height:98px; background:#E3E1DA url('../es/images/logoAyuntamiento.png') 50% 0 no-repeat; filter:alpha(opacity=90); -moz-opacity:0.9; border-right:1px solid #fff} HTML>BODY #cabecera #logoFotoES #logo {background:#E3E1DA url('../es/images/logoAyuntamiento.png') 50% 0 no-repeat; border-right:1px solid #fff} #cabecera #logoFotoES #logo H1 A {margin:0 ; padding:0; width:100%; height:98px; display:block; text-decoration:none; background: url('../es/images/logoAyuntamiento.png') 50% 0 no-repeat} #cabecera #logoFotoES #logo H1 A:hover {background-position:50% -111px} #cabecera #logoFotoES #logo H1 A SPAN {position:relative; z-index:-1; display:none} #cabecera #logoFotoES #logoUdalNet {position:relative; top:0; left:0; width:20%; height:98px; background:#fff url('../es/images/logoAyuntamiento.png') 50% 0 no-repeat; /*filter:alpha(opacity=90); -moz-opacity:0.9;*/ border-right:1px solid #fff} HTML>BODY #cabecera #logoFotoES #logoUdalNet {background:#FFFFFF url('../es/images/logoAyuntamiento.png') 50% 0 no-repeat; border-right:3px solid #fff} #cabecera #logoFotoES #logoUdalNet H1 A {margin:0 ; padding:0; width:100%; height:98px; display:block; text-decoration:none; background: url('../es/images/logoAyuntamiento.png') 50% 0 no-repeat} #cabecera #logoFotoES #logoUdalNet H1 A:hover {background-position:50% -111px} #cabecera #logoFotoES #logoUdalNet H1 A SPAN {position:relative; z-index:-1; display:none} /* Buscador */ #cabecera #logoFotoES #buscador {position:relative; float:right;width:auto; text-align:right; background:#434343; filter:alpha(opacity=85); -moz-opacity:0.9; margin-right:0.1%; overflow:hidden; height:1%; padding:0.5em 1em; padding-bottom:0.1em;} * html #cabecera #logoFotoES #buscador{width:175px!important; padding-bottom:0; height:47px; margin-right:0%} #cabecera #logoFotoES #buscador a{color:#fcffca; font-weight:bold; font-size:1.1em; margin-top:-0.1em;position:relative; height:7px; * top:-1.5em!important; top:-1.3em} #cajaSeccion{margin-bottom:0.2em;} #cabecera #logoFotoES #buscador LABEL {font-size:1.1em; font-weight:700; color:#FFF} #cabecera #logoFotoES #cajaBuscador {font-size:1.3em; border:1px solid #A5ACB2; width:113px;} * html #cabecera #logoFotoES #cajaBuscador { width:106px;} #cabecera #logoFotoES #cajaSeccion{width:174px;} #cabecera #logoFotoES #botonBuscador {font-size:1em; border:1px solid #FFF; background:#F0EBE6; color:#734928; margin-right:15px; } #cabecera #dirAyunt {width:20%; background:#d6d6c9; font-size:1em; font-family: Tahoma, Arial, Helvetica, sans-serif; filter:alpha(opacity=95); -moz-opacity:0.95} #zonaBuscador{position:absolute; float:right; width:98%; top:60px; * top:48px!important;} * html #zonaBuscador{width:auto; } #cabecera #logoFotoEU #buscador {position:relative; float:right;width:auto; text-align:right; background:#434343; filter:alpha(opacity=85); -moz-opacity:0.9; margin-right:0.1%; overflow:hidden; height:1%; padding:0.5em 1em; padding-bottom:0.1em;} * html #cabecera #logoFotoEU #buscador{width:175px!important; padding-bottom:0; height:47px; margin-right:0%} #cabecera #logoFotoEU #buscador a{color:#fcffca; font-weight:bold; font-size:1.1em; margin-top:-0.1em;position:relative; height:7px; * top:-1.5em!important; top:-1.3em} #cabecera #logoFotoEU #buscador LABEL {font-size:1.1em; font-weight:700; color:#FFF} #cabecera #logoFotoEU #cajaBuscador {font-size:1.3em; border:1px solid #A5ACB2; width:119px;} * html #cabecera #logoFotoEU #cajaBuscador { width:115px;} #cabecera #logoFotoEU #cajaSeccion{width:174px;} #cabecera #logoFotoEU #botonBuscador {font-size:1em; border:1px solid #FFF; background:#F0EBE6; color:#734928; margin-right:15px;} #cabecera #logoFotoEN #buscador {position:relative; float:right;width:auto; text-align:right; background:#434343; filter:alpha(opacity=85); -moz-opacity:0.9; margin-right:0.1%; overflow:hidden; height:1%; padding:0.5em 1em; padding-bottom:0.1em;} * html #cabecera #logoFotoEN #buscador{width:175px!important; padding-bottom:0; height:47px; margin-right:0%} #cabecera #logoFotoEN #buscador a{color:#fcffca; font-weight:bold; font-size:1.1em; margin-top:-0.1em;position:relative; height:7px; * top:-1.5em!important; top:-1.3em} #cabecera #logoFotoEN #buscador LABEL {font-size:1.1em; font-weight:700; color:#FFF} #cabecera #logoFotoEN #cajaBuscador {font-size:1.3em; border:1px solid #A5ACB2; width:112px;} * html #cabecera #logoFotoEN #cajaBuscador { width:103px;} #cabecera #logoFotoEN #cajaSeccion{width:174px;} #cabecera #logoFotoEN #botonBuscador {font-size:1em; border:1px solid #FFF; background:#F0EBE6; color:#734928; margin-right:15px;} /* Fin Buscador */ #cabecera #logoFotoFR #buscador {position:relative; float:right;width:auto; text-align:right; background:#434343; filter:alpha(opacity=85); -moz-opacity:0.9; margin-right:0.1%; overflow:hidden; height:1%; padding:0.5em 1em; padding-bottom:0.1em;} * html #cabecera #logoFotoFR #buscador{width:465px; padding-bottom:0} * html #cabecera #logoFotoFR #buscador {margin-right:0%} #cabecera #logoFotoFR #buscador a{color:#fcffca; font-weight:bold; font-size:1.1em; margin-top:-0.1em;position:relative; height:7px; * top:-1.5em!important; top:-1.3em} #cabecera #logoFotoFR #buscador LABEL {font-size:1.1em; font-weight:700; color:#FFF} #cabecera #logoFotoFR #cajaBuscador {font-size:1.3em; border:1px solid #A5ACB2; width:90px;} #cabecera #logoFotoFR #botonBuscador {font-size:1em; border:1px solid #FFF; background:#F0EBE6; color:#734928; margin-right:75px;} /* Logotipo Euskera*/ #cabecera #logoFotoEU {background:#CCC url('../eu/images/fotoPrincipal1.png') 0 0 repeat-x;z-index:1} HTML>BODY #cabecera #logoFotoEU {background:#CCC url('../eu/images/fotoPrincipal1.png') 0 0 repeat-x;z-index:1} #cabecera #logoFotoEU A {margin:0 ; padding:0; width:98%; height:98px; display:block; position:absolute; text-decoration:none; } #cabecera #logoFotoEU A:hover {background-position:50% -111px} #cabecera #logoFotoEU A SPAN {position:relative; z-index:-1; display:none} #cabecera #logoFotoEU #logo {position:relative; top:0; left:0; width:20%; height:98px; background:#E3E1DA url('../eu/images/logoAyuntamiento.png') 50% 0 no-repeat; filter:alpha(opacity=90); -moz-opacity:0.9; border-right:1px solid #fff} HTML>BODY #cabecera #logoFotoEU #logo {background:#E3E1DA url('../eu/images/logoAyuntamiento.png') 50% 0 no-repeat; border-right:1px solid #fff} #cabecera #logoFotoEU #logo H1 A {margin:0 ; padding:0; width:100%; height:98px; display:block; text-decoration:none; background: url('../eu/images/logoAyuntamiento.png') 50% 0 no-repeat} #cabecera #logoFotoEU #logo H1 A:hover {background-position:50% -111px} #cabecera logoFotoEU #logo H1 A SPAN {position:relative; z-index:-1; display:none} #cabecera #logoFotoEU #logoUdalNet {position:relative; top:0; left:0; width:20%; height:98px; background:#FFFFFF url('../eu/images/logoAyuntamiento.png') 50% 0 no-repeat;/* filter:alpha(opacity=90); -moz-opacity:0.9;*/ border-right:1px solid #fff} HTML>BODY #cabecera #logoFotoEU #logoUdalNet {background:#FFFFFF url('../eu/images/logoAyuntamiento.png') 50% 0 no-repeat; border-right:1px solid #fff} #cabecera #logoFotoEU #logoUdalNet H1 A {margin:0 ; padding:0; width:100%; height:98px; display:block; text-decoration:none; background: url('../eu/images/logoAyuntamiento.png') 50% 0 no-repeat} #cabecera #logoFotoEU #logoUdalNet H1 A:hover {background-position:50% -111px} #cabecera #logoFotoEU #logoUdalNet H1 A SPAN {position:relative; z-index:-1; display:none} /* Logotipo Inglés*/ #cabecera #logoFotoEN {background:#CCC url('../en/images/fotoPrincipal1.png') 0 0 repeat-x;z-index:1} HTML>BODY #cabecera #logoFotoEN {background:#CCC url('../en/images/fotoPrincipal1.png') 0 0 repeat-x;z-index:1} #cabecera #logoFotoEN A {margin:0 ; padding:0; width:98%; height:98px; display:block; position:absolute; text-decoration:none; } #cabecera #logoFotoEN A:hover {background-position:50% -111px} #cabecera #logoFotoEN A SPAN {position:relative; z-index:-1; display:none} #cabecera #logoFotoEN #logo {position:relative; top:0; left:0; width:20%; height:98px; background:#E3E1DA url('../en/images/logoAyuntamiento.png') 50% 0 no-repeat; filter:alpha(opacity=90); -moz-opacity:0.9; border-right:1px solid #fff} HTML>BODY #cabecera #logoFotoEN #logo {background:#E3E1DA url('../en/images/logoAyuntamiento.png') 50% 0 no-repeat; border-right:1px solid #fff} #cabecera #logoFotoEN #logo H1 A {margin:0 ; padding:0; width:100%; height:98px; display:block; text-decoration:none; background: url('../en/images/logoAyuntamiento.png') 50% 0 no-repeat} #cabecera #logoFotoEN #logo H1 A:hover {background-position:50% -111px} #cabecera #logoFotoEN #logo H1 A SPAN {position:relative; z-index:-1; display:none} #cabecera #logoFotoEN #logoUdalNet {position:relative; top:0; left:0; width:20%; height:98px; background:#FFFFFF url('../en/images/logoAyuntamiento.png') 50% 0 no-repeat; /*filter:alpha(opacity=90); -moz-opacity:0.9; */border-right:1px solid #fff} HTML>BODY #cabecera #logoFotoEN #logoUdalNet {background:#FFFFFF url('../en/images/logoAyuntamiento.png') 50% 0 no-repeat; border-right:1px solid #fff} #cabecera #logoFotoEN #logoUdalNet H1 A {margin:0 ; padding:0; width:100%; height:98px; display:block; text-decoration:none; background: url('../en/images/logoAyuntamiento.png') 50% 0 no-repeat} #cabecera #logoFotoEN #logoUdalNet H1 A:hover {background-position:50% -111px} #cabecera #logoFotoEN #logoUdalNet H1 A SPAN {position:relative; z-index:-1; display:none} /* Logotipo Francés*/ #cabecera #logoFotoFR {background:#CCC url('../fr/images/fotoPrincipal1.png') 0 0 repeat-x;z-index:1} HTML>BODY #cabecera #logoFotoFR {background:#CCC url('../fr/images/fotoPrincipal1.png') 0 0 repeat-x;z-index:1} #cabecera #logoFotoFR A {margin:0 ; padding:0; width:98%; height:98px; display:block; position:absolute; text-decoration:none; } #cabecera #logoFotoFR A:hover {background-position:50% -111px} #cabecera #logoFotoFR A SPAN {position:relative; z-index:-1; display:none} #cabecera #logoFotoFR #logo {position:relative; top:0; left:0; width:20%; height:98px; background:#E3E1DA url('../fr/images/logoAyuntamiento.png') 50% 0 no-repeat; filter:alpha(opacity=90); -moz-opacity:0.9; border-right:1px solid #fff} HTML>BODY #cabecera #logoFotoFR #logo {background:#E3E1DA url('../fr/images/logoAyuntamiento.png') 50% 0 no-repeat; border-right:1px solid #fff} #cabecera #logoFotoFR #logo H1 A {margin:0 ; padding:0; width:100%; height:98px; display:block; text-decoration:none; background: url('../fr/images/logoAyuntamiento.png') 50% 0 no-repeat} #cabecera #logoFotoFR #logo H1 A:hover {background-position:50% -111px} #cabecera #logoFotoFR #logo H1 A SPAN {position:relative; z-index:-1; display:none} #cabecera #logoFotoFR #logoUdalNet {position:relative; top:0; left:0; width:20%; height:98px; background:#FFFFFF url('../fr/images/logoAyuntamiento.png') 50% 0 no-repeat; /*filter:alpha(opacity=90); -moz-opacity:0.9; */border-right:1px solid #fff} HTML>BODY #cabecera #logoFotoFR #logoUdalNet {background:#FFFFFF url('../fr/images/logoAyuntamiento.png') 50% 0 no-repeat; border-right:1px solid #fff} #cabecera #logoFotoFR #logoUdalNet H1 A {margin:0 ; padding:0; width:100%; height:98px; display:block; text-decoration:none; background: url('../fr/images/logoAyuntamiento.png') 50% 0 no-repeat} #cabecera #logoFotoFR #logoUdalNet H1 A:hover {background-position:50% -111px} #cabecera #logoFotoFR #logoUdalNet H1 A SPAN {position:relative; z-index:-1; display:none} /**********************************************************/ /* MENU SUPERIOR */ #saludoymenu {clear:both; width:100%;} #saludoAlcalde {position:relative; float:left; width:19.87%; background:#53473f; border-top:1px solid #fff;border-bottom:1px solid #000; text-align:center; padding:8px 0; border-right:1px solid #fff} * html #saludoAlcalde {padding:7px 0;} #saludoAlcalde A { color:#FFFFFF} #saludoAlcalde A:hover { color:#a3a3a3} #menuSuperior {font-size:1em;} #menuSuperior ul {padding:0;margin:0; width:80%; float:right;list-style-type:none; background:#817769;} #menuSuperior ul li {float:left; border-right:1px solid #FFF; padding:0; margin:0;} #menuSuperior li li {display:block; float:none; border:1px solid #6E6559; border-top:none} #menuSuperior a, #menuSuperior a:visited {display:block; border-top:1px solid #FFF; border-bottom:1px solid #665D52; text-decoration:none; color:#fff; background:#817769; padding:0.80em 0.7em } * html #menuSuperior a, * html #menuSuperior a:visited {padding:0.7em;} #menuSuperior ul ul a, #menuSuperior ul ul a:visited {display:block; background:#DFDDD5; color:#000; line-height:1em; padding:0.5em 1.5em 0.5em 1em;} #menuSuperior table {position:absolute; left:0; top:0; width:0; height:0; font-size:1em; z-index:1;} #menuSuperior ul ul ul a, #menuSuperior ul ul ul a:visited {background:#DFDDD5; border:none; } #menuSuperior ul ul ul li {margin:0; border:1px solid #6E6559; } #menuSuperior ul :hover a.desplegable {background:#DFDDD5 url('../images/skin01/icnDesplegar.png') no-repeat bottom right; } * html #menuSuperior a:hover {color:#fff;background:#6E6559; position:relative; z-index:100;} #menuSuperior li:hover {position:relative;z-index:100} #menuSuperior :hover > a {color:#fff;background:#6E6559;} * html #menuSuperior ul ul a:hover, * html #menuSuperior ul ul a.desplegable:hover{color:#fff;background:#6E6559; position:relative; z-index:110;} #menuSuperior ul ul li:hover {position:relative;} #menuSuperior ul ul :hover > a, #menuSuperior ul ul :hover > a.desplegable {color:#fff;background:#6E6559;} * html #menuSuperior ul ul ul a:hover {color:#fff;background:#6E6559;position:relative; z-index:120;} #menuSuperior ul ul ul :hover > a {color:#fff;background:#6E6559;} #menuSuperior ul ul {visibility:hidden;position:absolute;height:0;top:2.8em;left:0;width:15em; border-top:1px solid #6E6559 } * html #menuSuperior ul ul {left:-0.7em} #menuSuperior ul ul ul{left:14.9em;top:0;margin:0;padding:0} * html #menuSuperior ul ul ul {left:13.9em;top:1px;} #menuSuperior ul :hover ul{visibility:visible; height:auto; } #menuSuperior ul :hover ul ul{visibility:hidden;} #menuSuperior ul :hover ul :hover ul{visibility:visible;} #contenedorCentral {margin:0; padding:0; clear:both; height:auto; background:#DFDDD5;/* background:#DFDDD5 url('../images/fondoLargo.png') top right repeat-y; */} /* COLUMNA IZQUIERDA */ #colIzquierda {/*float:left; width:20%;*/ width:19.65%; position:absolute; background:#DFDDD5 url('../images/skin01/fdColIzquierda.png') top right repeat-y; z-index:2 !important} * html #colIzquierda {/*float:left; width:20%;*/ width:19.75%; position:absolute; background:#DFDDD5 url('../images/skin01/fdColIzquierda.png') top right repeat-y; z-index:2 !important} HTML>BODY #colIzquierda {background:#DFDDD5 url('../images/skin01/fdColIzquierda.png') top right repeat-y} /* COLUMNA IZQUIERDA - Aquí empieza el código del menú lateral */ /* remove all the bullets, borders and padding from the default list styling */ #colIzquierda ul {padding:0; margin:0; list-style-type:none;} #colIzquierda ul li {background:transparent; padding:0; font:bold 1.0em Tahoma,Verdana,Arial,Helvetica,sans-serif; color:#594531; border-bottom:1px solid #A59789} * html #colIzquierda ul li {margin-left:-16px; margin-lef\t:0;} /* get rid of the table */ #colIzquierda table {position:absolute; border-collapse:collapse; top:0; left:0; font-size:1em; width:0; height:0;} /* style the links */ #colIzquierda ul li a, #colIzquierda ul li a:visited {display:block; text-decoration:none; height:auto; line-height:1.2em; color:#594531; background:transparent; padding: 0.5em 0.2em 0.5em 0.7em} /* style the link hover */ #colIzquierda ul li a:hover {color:#fff; background:#6e6559; } * html #colIzquierda ul li a:hover {color:#fff; background:#6e6559;} #colIzquierda ul li:hover > a {color:#fff; background:#6e6559;} /* hide the sub levels and give them a positon absolute so that they take up no room */ #colIzquierda ul ul {visibility:hidden;position:absolute; width:19em; margin-top:4px; background:#f1f0ec; color:#fff; border:1px solid #69513a;} /* make the second level visible when hover on first level list OR link */ #colIzquierda ul :hover ul {visibility:visible;left:15.1em;} #colIzquierda ul ul li {margin:0; padding:0 font-size:1.0em; background: url('../images/skin01/listadoCuadro5px.png') no-repeat 0.2em 1em; border-bottom:1px solid #69513a;} #colIzquierda ul ul a {padding:0.5em 1.1em} #colIzquierda ul ul a:hover {color:#fff;} /* Tercer nivel */ #colIzquierda ul ul ul{position:absolute;left:190px;padding:0;color:#fff;background:#f1f0ec} /* html #colIzquierda ul ul ul {position:absolute;left:190px;}*/ #colIzquierda ul :hover ul ul{visibility:hidden;} #colIzquierda ul :hover ul :hover ul{visibility:visible;} #colIzquierda ul ul :hover > a, #colIzquierda ul ul :hover > a.desplegable {color:#fff;background:#6E6559;} * html #colIzquierda ul ul ul a:hover {color:#fff;background:#6E6559;position:relative;} #colIzquierda ul ul ul :hover > a {color:#fff;background:#6E6559;} #colIzquierda ul.top1 {top:-0.40em;} #colIzquierda ul.top2 {top:1.90em;} #colIzquierda ul.top3 {top:4.1em;} #colIzquierda ul.top4 {top:6.4em;} #colIzquierda ul.top5 {top:8.7em;} #colIzquierda ul.top6 {top:11em;} #colIzquierda ul.top7 {top:13.3em;} #colIzquierda ul.top8 {top:15.6em} #colIzquierda ul.top9 {top:17.9em} #colIzquierda ul.top10 {top:20.2em} #colIzquierda ul.top11 {top:22.5em} #colIzquierda ul.top12 {top:24.8em} #colIzquierda ul.top13 {top:27.1em} /* COLUMNA IZQUIERDA - Aquí acaba el código del menú lateral */ /* COLUMNA IZQUIERDA UDALWEB - Aquí empieza el código del menú lateral */ #colIzqudalWeb H2 {width:auto; height:12px; background-image: url('../images/bulletInfogeneral.png'); background-repeat: no-repeat; background-position: 4.6% 50%; border-bottom:1px dashed #000; text-align:left} #colIzqudalWeb {float:left; width:20%; /*width:19.35%;*/ background:#DFDDD5; z-index:100 !important} * html #colIzqudalWeb {float:left; width:19.75%; background:#DFDDD5; z-index:100 !important} HTML>BODY #colIzqudalWeb {background:#DFDDD5} #colIzqudalWeb ul {padding:0; margin:0; list-style-type:none; background:#DFDDD5 url('../images/skin01/fdColIzquierda.png') top right repeat-y; width:100%} #colIzqudalWeb ul li {background:transparent; padding:0; font:bold 1.0em Verdana,Arial,Helvetica,sans-serif; color:#594531;} * html #colIzqudalWeb ul li {margin-left:-16px; margin-lef\t:0;} /* style the links */ #colIzqudalWeb ul li a, #colIzqudalWeb ul li a:visited {display:block; text-decoration:none; height:auto; line-height:1.2em; color:#594531; background:transparent; padding: 0.5em 0.2em 0.5em 0.6em; display:block; border-top:1px solid #A59789} * html #colIzqudalWeb ul li a, #colIzqudalWeb ul li a:visited { height:1em} * html #colIzqudalWeb table, * html #colIzqudalWeb td { border-collapse: collapse; margin:0; padding:0; width:100% } * html #colIzqudalWeb table { margin:0.5em 0 0 0; } /* style the link hover */ #colIzqudalWeb ul li a:hover {color:#fff; background:#6e6559;} * html #colIzqudalWeb ul li a:hover {color:#fff; background:#6e6559;} #colIzqudalWeb ul li:hover > a {color:#fff; background:#6e6559;} #colIzqudalWeb ul ul {margin:0; padding:0; width:auto; visibility:visible; background:#e9e9e4} #colIzqudalWeb li li {text-indent:0} #colIzqudalWeb li li a, #colIzqudalWeb li li a:visited {font-weight:normal; border-top:1px solid #A59789; } #colIzqudalWeb li li a:hover { background:#a9a49d; color:#fff} #colIzqudalWeb li li:hover > a { background:#a9a49d; color:#fff} #colIzqudalWeb ul ul ul {margin:0; padding:0; width:auto; visibility:visible; background:#fcfcfb} #colIzqudalWeb li li li a, #colIzqudalWeb li li li a:visited {text-indent:0; font-weight:normal} #colIzqudalWeb li li li a:hover { background:#aca298; color:#fcfcfb} #colIzqudalWeb li li li:hover > a { background:#e9e9e4; color:#A59789} * html #colIzqudalWeb ul li a, * html #colIzqudalWeb ul li a:visited { padding:0.5em 0 0 0; margin:0; text-indent:0.6em} * html #colIzqudalWeb li li a, * html #colIzqudalWeb li li a:visited { text-indent:0.6em } * html #colIzqudalWeb li li li a, * html #colIzqudalWeb li li li a:visited { padding-left:0.6em; text-indent:0 } /* COLUMNA IZQUIERDA UDALWEB - Aquí acaba el código del menú lateral */ /* MODIFICACIÓN DEL MENU LATERAL 20/04/2007*/ #colIzqudalNew ul ul {margin:0; padding:0; width:auto; visibility:visible; background:#e9e9e4} #colIzqudalNew li li {text-indent:10px; border:none;} #colIzqudalNew li li a, #colIzqudalNew li li a:visited {font-weight:normal; border-top:1px dashed #A59789; background:#e9e9e4 url(../images/bulletNew.png) no-repeat 5px 8px } #colIzqudalNew li li a:hover { background:#a9a49d; color:#fff} #colIzqudalNew li li:hover > a { background:#a9a49d; color:#fff} #colIzqudalNew ul ul ul {margin:0; padding:0; width:auto; visibility:visible; background:#fcfcfb} #colIzqudalNew li li li a, #colIzqudalNew li li li a:visited {text-indent:13px; font-weight:normal; background:#f3f3f3 url(../images/bulletNew2.png) no-repeat 8px 8px; border:1px dashed #CCCCCC; border-width:1px 0 0 0; height:auto} #colIzqudalNew li li li a:hover { background:#aca298; color:#fcfcfb} #colIzqudalNew li li li:hover > a { background:#e9e9e4; color:#A59789} * html #colIzqudalNew ul li a, * html #colIzqudalNew ul li a:visited { padding:0.5em 0 0 0; margin:0; text-indent:0.6em} * html #colIzqudalNew li li a, * html #colIzqudalNew li li a:visited { text-indent:0.6em } * html #colIzqudalNew li li li a, * html #colIzqudalNew li li li a:visited { padding-left:0.6em; text-indent:0 } /* FIN MODIFICACIÓN*/ /* COLUMNA CENTRAL */ #colCentral { float:right; width:61.7%; background:#FFF; border-right:1px solid #4D443A; border-left:1px solid #4D443A; min-height: 600px; overflow: hidden; height: expression(this.scrollHeight < 601? "600px": "auto"); } * html #colCentral {width:62.0%} @media all and (min-width: 0px){#colCentral {width:61.7%}} /* Ancho central para Opera */ #colCentral form {z-index:1; display:block;} #colCentral H2 {font:bold 1.7em Arial,Verdana,Helvetica,sans-serif; text-transform:uppercase; padding:1.5% 1% 2.3% 3.5%; color:#940202; background:#FFF url('../images/skin01/fdEncabezadoH2.png') 0 100% repeat-x} #colCentral H2.interior {font:1.7em Arial,Verdana,Helvetica,sans-serif; padding:1.5% 0.7% 2% 3.5%; color:#940202; background:#FFF url('../images/skin01/fdEncabezadoH2.png') 0 100% repeat-x; text-transform:none} * html #colCentral H2.interior {font:1.7em Arial,Verdana,Helvetica,sans-serif; padding:1.5% 0.7% 1.0% 2.5%; color:#940202; background:#FFF url('../images/skin01/fdEncabezadoH2.png') 0 100% repeat-x; text-transform:none} #colCentral H3 {padding:0.5% 1%; background:#A9A59c; color:#FFF; font:bold 1.1em Verdana,Arial,Helvetica,sans-serif; border-bottom:none; } * html #colCentral H3 {padding:0.5% 1%; background:#A9A59c; color:#FFF; font:bold 1.1em Verdana,Arial,Helvetica,sans-serif; border-bottom:none; } #colCentral .breadcrumb {padding:0.8% 3%; height:auto; border-bottom:1px dotted #A37745; color:#69513A; background:#F1F0F0 url('../images/skin01/fdBreadcrumb.png') 0 0 repeat-x} #colCentral .breadcrumb SPAN {font-weight:700} #colCentral .breadcrumb A {text-decoration:underline; color:#69513A} #colCentral .breadcrumb A:hover {text-decoration:none} #colCentral .contenidos {padding:0 3%; font:1.1em Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; color:#434343; letter-spacing:0.02em;list-style-image:none;} #colCentral .contenidos IMG {border:2px solid #CFCCC8} /* añadido 14/03/2007 */ .txtRojo { color:#f10e0e} .txtAzul { color:#517487} #colCentral .contenidos H3 {font:1.4em Arial,Verdana,Helvetica,sans-serif; background:none; padding:1.5% 1% 0.4% 0.5%; color:#53473f; text-align:left; border-bottom:3px solid #d1d1d1 } #colCentral .contenidos H3 SPAN { text-transform:uppercase} #colCentral .contenidos .reg { color:#517487} #colCentral .contenidos .reg A {text-decoration:underline; color:#517487} #colCentral .contenidos .reg A:hover { text-decoration:none;} #colCentral .contenidos .tituloh5 { font-weight:bolder; margin-left:5px; text-transform:uppercase} /* MODIFICADO 25 DE ABRIL 2007 */ #colCentral .suscripc {padding:0 3%; font:1.1em Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; color:#434343; letter-spacing:0.02em} #colCentral .suscripc H3 { font:bold 1.4em Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; background:#517487; border-bottom:none; padding:3px 4px} #colCentral .suscripc H3 SPAN { text-transform:uppercase} #colCentral .suscripc .reg { color:#517487} #colCentral .suscripc .reg A {text-decoration:underline; color:#517487} #colCentral .suscripc .reg A:hover { text-decoration:none;} /* FIN MODIFICADO 25 DE ABRIL 2007 */ .buttonAcceder { font:Tahoma, Arial, Helvetica, sans-serif; width:74px; height:22px; color:#FFF; font-weight:normal; background:url('../images/fondoBoton1.png') no-repeat left top; cursor:pointer; border:none; text-align:center} .buttonAcceder:hover {background:url('../images/fondoBoton1_on.png') no-repeat left top} #colCentral .contenidos IMG.grafica {border:none;z-index:-1;} #colCentral OL {margin:0; padding:0 0 0 25px; list-style-position:inside;} DIV.grafica {margin:10px 0; border:none; text-align:center} DIV.fotoIzquierda {float:left; margin:0.5% 2% 1% 0; border:1px solid #F3F6F9; position:relative; font-size:0.8em;} * html DIV.fotoIzquierda {margin:0.5% 1% 1% 0} DIV.fotoDerecha {float:right; margin:0.5% 0 1% 2%; border-bottom:1px solid #EFEFEF; position:relative; font-size:0.8em;} * html DIV.fotoDerecha {margin:0.5% 0 1% 1%} DIV.fotoCentrada {clear:both; margin:auto; text-align:center; position:relative} DIV.fotoIzquierda div, DIV.fotoDerecha div, DIV.fotoCentrada div { font-size:1em; color:#999; line-height:normal; letter-spacing:normal; text-align:center} DIV.fotoIzquierda div span, DIV.fotoDerecha div span, DIV.fotoCentrada div span{clear:both; font-size:1em; text-align:right; color:#000;} DIV.transparente {display:none} /* Contenidos Index UdalWeb */ #colCentral .contenidosUdalweb {padding:0; font:1.1em Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; color:#434343; letter-spacing:0.02em} /* Fin Contenidos Index UdalWeb */ /* Contenidos Index Udalnet */ #colCentral UL.subrayado {margin:0; padding:10px 0 20px 0; width:100%} #colCentral LI.subrayado A{ border-bottom:1px dotted #000; margin:15px 0; width:100%} /* Fin Contenidos Index Udalnet */ /* Añadido el 26-03-2007*/ #colCentralListado { width:75%; background:#FFF; border-right:1px solid #4D443A; border-left:1px solid #4D443A; margin:0 auto; padding-bottom:10px; height:100%} * html #colCentralListado {width:75%} @media all and (min-width: 0px){#colCentralListado {width:75%}} /* Ancho central para Opera */ #colCentralListado H1 {background:#000; font:1.7em Arial, Verdana, Helvetica, sans-serif; color:#d8d8a3; text-transform:uppercase; font-weight:bolder; margin-bottom:0; padding:10px; border-bottom:1px solid #cec7c0; border-bottom:1px dashed #fff} #colCentralListado H2 {font:bold 1.7em Arial,Verdana,Helvetica,sans-serif; text-transform:uppercase; padding:1.5% 1% 2.3% 3.5%; color:#940202; background:#FFF url('../images/skin01/fdEncabezadoH2.png') 0 100% repeat-x} #colCentralListado H3 {font:1.5em Arial,Verdana,Helvetica,sans-serif; padding:0% 1% 0.2% 3%; color:#000; border-bottom:1px solid #000; margin:5px 2% 0px 2%; background-image:url(../images/icnGo.png); background-repeat:no-repeat; background-position:3px 0px} #colCentralListado P A { font-weight:bold; color:#909090; margin-left:20px; margin-top:-5px; text-decoration:underline} #colCentralListado P A:hover { color:#000; text-decoration:none} /* COLUMNA DERECHA */ #colDerecha {float:right; width:18%; /*background:#F8F8F8 url('../images/skin01/fdColDerecha.png') top left repeat-y;*/ text-align:center} #colDerecha UL {margin:3% 0} HTML>BODY #colDerecha UL {margin:13% 0} #colDerecha UL LI {margin:2% 0} HTML>BODY #colDerecha UL LI {margin:12% 0} /*Columnsa derecha Udal Web*/ #colDerudalWeb {float:right; width:18%; background:#f9f9f9 url('../images/skin01/fdColDerecha.png') top left repeat-y; text-align:center;} #colDerudalWeb H3 {width:100%; height:auto; background-image: url('../images/bulletdetMunicipio.png'); background-repeat: no-repeat; background-position: 4.6% 50%; padding:4.6% 1.2% 5.4% 14.5%; border-bottom:1px dashed #000; font:1.30em Arial, Verdana, Helvetica, sans-serif; text-align:left; display:block; margin-bottom:-16px} #colDerudalWeb H4 {background:#d4d2d1; font:1.2em Verdana, Arial, Helvetica, sans-serif; color:#940202; text-transform:uppercase; font-weight:bolder; margin-bottom:0; padding:10px 0; border-bottom:1px solid #cec7c0} #colDerudalWeb UL {width:100%; height:auto; background:#fafafa} #colDerudalWeb LI {text-align:left; padding:0.3em 0em 0.6em 0.4em; margin:0; border-bottom:1px solid #cec7c0} #colDerudalWeb LI A { font:1.1em Verdana, Arial, Helvetica, sans-serif; color:#69513a} #colDerudalWeb LI A:hover {color:#000} * html #colDerudalWeb UL, * html #colDerudalWeb H3, * html #colDerudalWeb H4 { margin:0 -18%; } * html #colDerudalWeb H3 { margin:0 -18% 0 0; } /* Banners */ #colDerudalWeb #banners {float:left; width:100%; background:#DFDDD5 top left repeat-y; text-align:center;} #colDerudalWeb #banners UL {margin:3% 0; background:#DFDDD5} HTML>BODY #colDerudalWeb #banners UL {margin:13% 0; background:#DFDDD5} #colDerudalWeb #banners UL LI {margin:10% 0; text-align:center; background:#DFDDD5; padding:0em 0em 0em 0em; border-bottom:0px} HTML>BODY #colDerudalWeb #banners UL LI {margin:12% 0; background:#DFDDD5} /* PIE DE PAGINA */ #piePagina {height:3em; text-align:right; background:#69513A; color:#FFF; padding:5px; line-height:1.5em;} #piePagina #pieLogo {float:left; } #piePagina #pieTexto {float:right} #piePagina UL LI {display:inline; padding:0 0.2em 0 0.5em; border-right:1px solid #FFF; border-right:expression((this.parentNode.lastChild == this)? "none" :"1px solid #FFF"); padding-right:expression((this.parentNode.lastChild == this)? "0" :"0.2em")} #piePagina UL LI:last-child {border:none; padding-right:0} #piePagina UL LI A {color:#fffcd6} #piePagina UL LI A:hover {text-decoration:underline} /* ESTILOS HOME */ #home H2 {font-size:1.7em; padding:2% 1% 1.5% 3%} HTML>BODY #home H2 {padding:2.5% 1% 2.5% 3%} #home .contenidos UL {list-style-type:square; margin:0 0 0 3%} #home .contenidos UL LI {margin-bottom:0.4%;list-style:none; padding-left:15px; background-image:url('../images/skin01/listadoCirculo8px.png'); background-position:0px 4px; background-repeat:no-repeat} * html #home .contenidos UL LI {list-style:url('../images/skin01/listadoCirculo8px.png'); padding-left:5px; background-image:none} #home .contenidos UL LI A {color:#434343; text-decoration:none} #home .contenidos UL LI A:hover {text-decoration:underline} #home .contenidos .fotoIzquierda {margin-right:3%} HTML>BODY #home .contenidos .fotoIzquierda {margin-right:5%} #home .verMas {padding:0.2% 3%; text-align:right; background:#FBF9F7; border-bottom:1px solid #E5D9CA} HTML>BODY #home .verMas {padding:0.6% 3%} #home .verMas A {font-size:0.9em; font-weight:700; color:#A59789} #home .verMas A:hover {color:#827468} /*Estilos para listado home Udalnet*/ #home .contUdalnet UL {list-style-type:square; margin:1% 5% 5% 5%;} #home .contUdalnet UL LI {margin-bottom:2%;list-style:none; padding-left:15px; background-image:url('../images/skin01/listadoCirculo8px.png'); background-position:0px 4px; padding-bottom:8px; background-repeat:no-repeat; border-bottom:1px dashed #000} * html #home .contUdalnet UL LI {list-style:url('../images/skin01/listadoCirculo8px.png'); padding:0 0 5px 5px; background-image:none} #home .contUdalnet UL LI A {color:#434343; text-decoration:none; font:1.1em Verdana, Arial, Helvetica, sans-serif} #home .contUdalnet UL LI A:hover {text-decoration:underline} /* Fin Estilos para listado home Udalnet*/ /* MODULOS CONTENIDOS */ /* Bloques para listados de enlaces y ficheros */ .bloqueEnlacesFicheros {border:1px solid #B8B8B8; margin:1% 3%; clear:both} .bloqueEnlacesFicheros .bloquePliegue {padding:3px 4px 15px 7px; background:transparent url('../images/skin01/esquinaBloque.png') bottom right no-repeat} .bloqueEnlacesFicheros UL {list-style-type:square; margin:1% 1% 1% 3%} .bloqueEnlacesFicheros UL LI {margin-bottom:0.5%} .bloqueEnlacesFicheros h6 {padding:0.5% 1%; background:#A9A59c; color:#FFF; font-weight:700; font-size:1.1em} .bloqueEnlacesFicheros A {font-size:1em; text-decoration:underline; color:#000} .bloqueEnlacesFicheros A:hover {text-decoration:none; color:#69513A} /* Listados basicos */ DIV.contenidos UL {list-style-type:square; margin:0 0 0 3%;} DIV.contenidos UL LI {margin-bottom:0.5%;list-style-position:inside;padding-left:15px; list-style-image:url('../images/skin01/listadoCirculo8px.png'); background-position:0 4px; background-repeat:no-repeat}} * html DIV.contenidos UL LI {padding-left:0px; list-style-position:outside; list-style-image:url('../images/skin01/listadoCirculo8px.png');background-image:none } /* Listados de portada */ .listadoPortada {background:#F6F5F3 url('../images/skin01/fdBordeDegradado.png') 0 0 repeat-x} .listadoPortada P {font-weight:700; color:#4D3620; margin-bottom:1%} .listadoPortada UL LI {font-size:1.2em; border-bottom:1px solid #A59789; margin-bottom:1.8%; padding-bottom:0.5%; list-style-image:url('../images/skin01/listadoFlecha6px.png')} .listadoPortada UL LI A {color:#000; text-decoration:none} .listadoPortada UL LI A:hover {color:#69513A} /* Bloques de informacion adicional */ .bloqueInfoAdicional {margin:1% 3%; padding-left:10%; height:3em; line-height:3em; border:1px solid #B8B8B8; background:#D1CFC5 url('../images/icnAgenda22px.png') 5% 50% no-repeat} .bloqueInfoAdicional A {font-size:1.2em; font-weight:700; color:#69513A} .bloqueInfoAdicional A:hover {color:#000000} /* TABLAS DE DATOS */ DIV.contenidos TABLE {width:100%; border:1px solid #69513A} DIV.contenidos TABLE CAPTION {margin-bottom:0; background:#817769; color:#EFEFEF; font-weight:700; font-size:1em; padding:0.5% 1.5%; text-transform:uppercase; text-align:left} HTML>BODY DIV.contenidos TABLE CAPTION {margin-bottom:1%; padding:0.5%} DIV.contenidos TABLE THEAD {background:url('../images/skin01/fdBordeDegradado.png'); font-size:0.9em; text-align:left; border-bottom:1px solid #E1DDD5} DIV.contenidos TABLE THEAD TH {padding:0.5% 1%} DIV.contenidos TABLE TFOOT TD {background:#F4F5F5; border-top:1px solid #69513A; padding:0.5% 1%} DIV.contenidos TABLE TBODY TD {border-bottom:1px solid #DCDDDD; padding:1%} DIV.contenidos TABLE TBODY TR:last-child TD {border-bottom:none} /* RESULTADOS DE BUSQUEDA */ /* Resultados encontrados */ P.busquedaEncontrados { text-align:right; border-bottom:1px solid #CCC} /* Listado de resultados */ .busquedaResultados LI H6 {padding:0.2%; border-left:10px solid #69513A; background:#F5F4F4} HTML>BODY .busquedaResultados LI H6 {padding:0.5% 1.5%} .busquedaResultados LI A {color:#69513A} .busquedaResultados LI A:hover {color:#000} .busquedaResultados LI P {margin:1% 0 2.5% 0} .busquedaResultados EM {font-weight:700; font-style:italic; background:#FFFF99} /* Paginacion de resultados */ P.busquedaPaginacion {padding-top:0.5%; border-top:2px solid #69513A; text-align:right} P.busquedaPaginacion A {color:#69513A} P.busquedaPaginacion A:hover {text-decoration:underline} /* MAPA WEB */ .mapaWeb {width:45%; float:left; padding-left:2%; margin:0 0.5%} /* Primer nivel */ .mapaWeb UL {margin-left:3%} .mapaWeb UL LI {color:#69513a; font-weight:700; list-style-type:square; list-style-image:url('../images/skin01/listadoFlecha6px.png') !important} .mapaWeb UL LI A {color:#69513a; font-weight:700; text-decoration:none} .mapaWeb UL LI A:hover {color:#000} /* Segundo nivel */ .mapaWeb UL LI UL {margin:0 0 1.5% 7%} .mapaWeb UL LI UL LI {font-weight:400; color:#000; list-style-image:url('../images/skin01/listadoCuadro5px.png') !important} .mapaWeb UL LI UL LI A {font-weight:400; color:#000} .mapaWeb UL LI UL LI A:hover {color:#69513A} /* ENLACES */ DIV.contenidos A {font-size:1em; text-decoration:underline; color:#000} DIV.contenidos A:hover {text-decoration:none; color:#69513A} * html DIV.contenidos A:visited {text-decoration:underline} /* GALERIA DE IMAGENES */ .galeriaImagenes {width:100%; text-align:center} .galeriaImagenes {width:100%; margin:0; padding:0} .galeriaImagenes LI {margin:0; padding:0; width:48%; float:left; padding:1%; list-style:none url(none) !important; text-align:center} .galeriaImagenes LI A{font-size:1em; text-decoration:underline; color:#000} .galeriaImagenes LI A:hover {text-decoration:none} * html .galeriaImagenes LI A:visited {text-decoration:underline} * html .galeriaImagenes LI A:hover {text-decoration:none} /* LIGHTBOX */ #lightbox {background-color:#eee; padding:10px; border-bottom:2px solid #666; border-right:2px solid #666} #lightboxDetails {font-size:1em; padding-top:0.4em} #lightboxCaption {float:left} #keyboardMsg {float:right} #closeButton {top:5px; right:5px} #lightbox img {border:none; clear:both} #overlay img {border:none} #overlay {background-image:url('../images/overlay.png')} * html #overlay {background-color:#333; back\ground-color:transparent; background-image:url(blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale")} /* Start Mac IE5 filter \*/ /* Comentado en Mejoras 2009 #colCentral, #colDerecha {padding-bottom:32767px !important; margin-bottom:-32767px !important} @media all and (min-width: 0px) { #colCentral, #colDerecha {padding-bottom: 0 !important; margin-bottom: 0 !important} #colCentral:before, #colDerecha:before { content:'[DO NOT LEAVE IT IS NOT REAL]'; display:block; background:inherit; padding-top:32767px !important; margin-bottom:-32767px !important; height:0; } } */ /* End Mac IE5 filter */ #contenedorCentral {overflow:hidden; /* This hides the excess padding in non-IE browsers */} /* we need this for IE 5.01 - otherwise the contenedorCentral does not expand to the necessary height (unless fixed, this problem becomes even more acute weirdness as the method is enhanced */ #contenedorCentral { /* Normally a Holly-style hack height: 1% would suffice but that causes IE 5.01 to completely collapse the contenedorCentral - instead we float it */ float:left; /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes (I saw it happen many moons ago) makes the width of contenedorCentral too small the float: none with the comment is ignored by 5.01, 5.5 and above see it and carry on about their business It's probably fine to just remove it, but it's left here just in case that many moons ago problem rears its head again */ float/**/: none; } /* easy clearing */ /* Comentario en Mejoras 2009 #contenedorCentral:after {content:'[DO NOT LEAVE IT IS NOT REAL]'; display:block; height:0; clear:both; visibility:hidden} */ #contenedorCentral {display:inline-block} /*\*/ #contenedorCentral {display:block; } /* end easy clearing */ #piePagina {clear:both} /* Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack */ * > form, * > #notes, * > .output {position:relative; z-index:1000} /* ESTILOS FORMULARIO */ .filaForm {width:95%; padding-bottom:1em; height:2em} .filaForm LABEL {color:#594531; font-weight:bold} .filaForm span.etiqueta {width:30%; height:2em; line-height:2em; float:left; text-align:right} .filaForm span.campos {width:68%; height:auto; float:right; text-align:left} .textinput{width:23em; height:1.2em; background:url('../images/formInput.png') top left no-repeat; border:none; padding:0.3em 0.6em; font-size:1.1em} .textinputHovered {background-position:left bottom}/* TEXTAREA {font-family:Verdana, Arial, Helvetica, sans-serif} .textarea, .textareaHovered {width:336px; height:125px; background:url('../images/formTextarea.png') top left no-repeat; border:none; padding:4px 8px} .textareaHovered {background-position:left bottom} */ .buttonSubmit, .buttonSubmitHovered {width:5.5em; height:1.8em; color:#FFF; font-weight:bold; padding:0.2em 0.45em; background:url('../images/skin01/formBoton.png') no-repeat left top; cursor:pointer; border:none} .buttonSubmitHovered {background-position:left bottom} /* modificaciones Mejoras 2009 Nuevos Estilos */ .txtPequenio { font-size:1em;} .txtMediano { font-size:1.5em;} .txtGrande { font-size:1.7em;} .txtMuygrande { font-size:2.1em;} .txtRojo { color:#890000;} .txtAzul { color:#0066CC;} .txtVerde { color:#009900;} .txtBlanco{color:#fff;} .fondoRojo{background-color:#890000;} .fondoAzul{background-color:#0066CC;} .fondoVerde{background-color:#009900;} .txtArial { font-family:Arial, Helvetica, sans-serif; } .txtGeorgia {font-family:Georgia, "Times New Roman", Times, serif;} .txtVerdana { font-family:Verdana, Arial, Helvetica, sans-serif;} .txtHelvetica{font-family:Helvetica, sans-serif;} .txtSans{font-family:sans-serif;} .txtTimes{ font-family:"Times New Roman", Times, serif;} .txtAlignDcha{ text-align:right;} .txtAlignIzda{ text-align:left;} .txtAlignCenter{ text-align:center;} .cajaParrafo{overflow:hidden; text-align:center;} .cajaParrafo .bloque{float:left; width:45%; margin-right:5%; text-align:left;} * html .cajaParrafo .bloque{float:left; width:45%; margin-right:1%; text-align:left; } .cajaParrafo .bloque .img{ text-align:center;} .cajaParrafo .bloque span{ clear:both; font-size:0.8em; text-align:center;} .cajaParrafo .bloque .img p{margin-top: 0pt; color: #999; font-size: 0.8em;} #herramientas a{color:#000;} #herramientas a:hover{color:#999;} .parrafo {height:1%; overflow:hidden; margin-bottom:1em;* height:auto!important;} * html .parrafo{height:auto;} #iconos{float:right; margin-right:1.5em; } #iconos img{position:relative; top:1px;} #iconos A{margin-left:0.3em;} a#aumentar{font-size:1.6em; font-weight:bold; color:#fff} a#disminuir{font-size:0.9em; color:#fff}