/* Hoja de Estilos: Itelazpi Banda Zabala */


HTML, BODY {margin:0; padding:0; text-align:center} 


BODY {font:0.8em Verdana, Arial, Helvetica, sans-serif; background:url('../images/fdWeb.gif'); margin-bottom:20px}





/* HOME */


#contenedorPrincipalHome {position:absolute; left:50%; top:50%; margin-left:-380px; margin-top:-210px; width:760px; height:420px; z-index:1; background:#DEDEDE url('../images/homeFoto.jpg')}


/* Menu home */


#MenuPrincipalHome {position:relative; top:119px; right:5px; width:445px; height:170px; float:right}


#MenuPrincipalHome UL#MenuListado {position:absolute; top:0; left:0; margin:0; padding:0; width:445px}


#MenuPrincipalHome UL#MenuListado LI {display:inline; list-style:none}


#MenuPrincipalHome UL#MenuListado A {width:73px; height:41px; display:block; float:left; padding:10px 3px 0 3px; margin:0 8px 0 0; text-align:center; font:0.8em Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; background:#9d4a22; border:1px solid #9d4a22; border-bottom:none; filter:alpha(opacity=90); -moz-opacity:0.9}


#MenuPrincipalHome UL#MenuListado A:hover {color:#faf494; background:#883911}


#MenuPrincipalHome UL#MenuListado LI.filaInferior A {position:relative; float:right; top:0; right:10px; margin:82px 0 0 8px}


#MenuPrincipalHome UL#MenuListado LI.euskera A {float:left; left:0; margin-left:0; margin-top:82px; background:#b79e43; border:1px solid #b79e43; height:20px}


#MenuPrincipalHome UL#MenuListado LI.euskera A:hover {background:#c8ae51; color:#585858}


/* Logotipos */


#MenuLogosHome {position:relative; top:200px; right:5px; width:340px; height:30px; margin:0; padding:0; float:right}


#MenuLogosHome UL {margin:0; padding:0; width:100%}


#MenuLogosHome LI {margin:0 5px 0 0; padding:0; display:inline; list-style-type:none}


#logoWAI {position:absolute; left:15px; top:380px; width:88px; height:31px; z-index:2}





/* INTERIORES */


#contenedorPrincipal {width:760px; text-align:left; min-width:500px; margin-left:auto; margin-right:auto;  border:1px solid #dedede} 


#cabecera {width:100%; height:71px; background:#3b5377 url('../images/fdCabecera.gif') repeat-x}


#cabeceraKZbandaZabala {position:absolute; top:3px; left:50%; width:131px; height:125px; margin-left:-370px; padding:0; float:left; z-index:10}


#cabeceraItelazpi {position:relative; top:10px; right:30px; float:right}


#columnaIzda {position:relative; width:190px; float:left; margin-left:-190px; margin-right:1px}


#inner {margin:0; width:100%}


#outer {border:solid white 0px; border-left-style:solid; width:auto; height:75%; min-height:90%; 


/*/*/ border-left-width: 190px ;  /* left column width. NN4 hack to hide borders */ 


border-left-color: #7d353c;   /* left column colour */ 


background-color: #FFFFFF; /* center column colour */ 


} 


#outer>#inner {border-bottom:1px solid #FFFFFF}  


#columnaContenidos {float: left; width: 100%; height:100%; position: relative; margin: 0 -8px 0 -2px; background:url('../images/fdContenidos.gif') top left no-repeat} 

#columnaContenidos {min-height:570px;}


/* PIE DE PAGINA */


#piePagina {width:100%; height:29px; background-color:#364d6e} 


#copyrightPie {position:relative; top:0; left:35px; width:120px; height:10px; float:left; line-height:29px; font-size:0.8em; color:#FFFFFF}


#logosPie {position:relative; top:1px; right:1px; width:303px; height:29px; margin:0; padding:0; float:right}


#logosPie UL {margin:0; padding:0; width:100%}


#logosPie LI {margin:0 -3px 0 0; padding:0; display:inline; list-style-type:none}





/* MENU PRINCIPAL */


#menuPrincipal {position:relative; left:0px; top:0; width:190px; height:340px; z-index:1; margin:0; padding-top:70px; background:url('../images/fdMenuIzda.jpg') top left no-repeat}


#menuPrincipal UL {width:152px; margin:0 0 7px 0; padding:0; list-style-type:none}


#menuPrincipal LI {margin:0; padding:0}


#menuPrincipal LI A {margin:0; padding:3px; width:152px; background:#b76843; color:#FFFFFF; display:block; text-decoration:none; font-size:0.8em; font-weight:bold}


#menuPrincipal LI A:hover {color:#000000}


#menuPrincipal LI.euskera A {background:#b79e43}


#menuPrincipal LI LI A {background:#efefef; color:#000000; text-decoration:none; font-weight:normal; filter:alpha(opacity=80); -moz-opacity:0.8}


#menuPrincipal LI LI A:hover {color:#b76843}





/* ZONA DE CONTENIDOS */


#tituloSeccion {position:relative; top:4px; left:1px; width:550px; height:25px; line-height:25px; background:#efefef; border-left:10px solid #ffffff; background:url('../images/fdTitSeccion.gif') top left}


#tituloSeccion H2 {font-size:1.5em; color:#63272b; padding-left:10px}


#breadcrumb {position:relative; top:6px; left:1px; width:540px; height:15px; padding-left:10px; line-height:15px; background:#efefef; border-left:10px solid #ffffff; background:url('../images/fdBreadcrumb.gif') top left}


#areaContenidos {position:relative; top:8px; left:1px; width:539px; height:270px; margin-bottom:25px; padding:10px; font-size:0.85em; text-align:justify; line-height:1.3em; border-right:1px solid #535353; border-bottom:1px solid #535353; background:#f5f5f5}


html>body #areaContenidos {position:relative; top:8px; left:1px; width:539px; min-height:270px; height:auto; margin-bottom:25px; padding:10px; font-size:0.85em; text-align:justify; line-height:1.3em; border-right:1px solid #535353; border-bottom:1px solid #535353; background:#f5f5f5}


P.conTitulo {margin-top:5px}


/* Solapas de contenidos */


#solapasContenidos {position:relative; top:11px; left:0; width:500px; height:20px; margin:auto; padding:0; text-align:center}


#solapasContenidos UL {width:500px; height:20px; margin:0; padding:0}


#solapasContenidos LI {list-style-type:none; display:inline; margin:0 5px; line-height:20px}


#solapasContenidos LI A {padding:6px 10px; background:#cccccc url('../images/caja_ArribaIzda.gif') top left no-repeat}


#solapasContenidos LI A.paginacion {position:relative; top:3px; margin:0 -5px; padding:0 5px; background:none}


#solapasContenidos LI.activado A {background:#dcddcb url('../images/caja_ArribaIzda.gif') top left no-repeat; font-weight:bold; text-decoration:none}


/* Caja redondeada */


.cajaRedondeada {margin:1em auto; background:#dcddcb; min-height:100%}
* html .cajaRedondeada {margin:1em auto; background:#dcddcb}


.cajaRedondeada.cajaCabecera DIV {background:url('../images/caja_ArribaIzda.gif') top left no-repeat}


.cajaRedondeada.cajaCabecera  {background:url('../images/caja_ArribaDcha.gif') top right no-repeat}


.cajaRedondeada.cajaContenido {margin:0 7px}


.cajaRedondeada.cajaPie DIV {background:url('../images/caja_AbajoIzda.gif') bottom left no-repeat}


.cajaRedondeada.cajaPie     {background:url('../images/caja_AbajoDcha.gif') bottom right no-repeat}


.cajaCabecera div, .cajaCabecera, .cajaPie div, .cajaPie {width:100%; height:7px}


.cajaDetalleMunicipio {position:relative; width:95%; height:auto; margin:auto; padding:5px 10px 10px 10px; background:#f9fbe8}


.cajaAmarilla {position:relative; width:90%; margin:auto; padding:5px 10px; background:#f9fbe8}


.cajaNormal {position:relative; width:95%; margin:auto; padding:5px 10px}


.cajaAmarilla UL, .cajaNormal UL {margin:5px 15px}


/* Columnas */


.columna {float:left; margin-right:1%}


.columnaUltima {float:left}


/* Posicionar imagenes */


.imagenIzquierda {float:left; margin:3px 10px 3px 0; font-size:0.8em; font-style:italic; border-bottom:1px solid #c6c8b5}


.imagenDerecha   {float:right; margin:3px 0 3px 10px; font-size:0.8em; font-style:italic; border-bottom:1px solid #c6c8b5}


.imagenIzquierda IMG, .imagenDerecha IMG {border:1px inset #000000}





/* MAPAS DE DESPLIEGUE */


#mapaComarcas {position:relative; width:400px; height:310px; border:3px double #000000; background:#ffffff}


#mapaMunicipios {position:relative; width:400px; height:305px; border:3px double #000000; background:#ffffff}


#municipioDatos {width:68%}


#municipioDatos UL {margin:5px 0 0 15px; padding:0}


#municipioDatos UL LI {margin-bottom:5px}


#municipioDatos UL.adjuntos LI {list-style-image:url('../images/icnDocsAdjuntos.gif') !important}


/* Leyenda del mapa */


#mapaLeyenda {position:relative; top:5px; left:0; width:120px}


#mapaLeyenda UL {margin:0; padding:0; text-align:left; list-style-type:none; font-size:0.8em}


#mapaLeyenda UL LI {padding-left:4px; margin-bottom:2px}


/* Fotos municipios */


#municipioFotos {width:30%}


.municipioFotosListado {position:relative; top:0; left:0; width:70px; height:auto; z-index:1; margin:5px auto 5px auto}


.municipioFotosListado IMG {border:1px solid #000000}


.municipioFotosListado .pieFoto {font-size:0.8em; line-height:1.1em}


.icnZoom {position:absolute; left:61px; top:61px; width:9px; height:9px; z-index:2}





/* FORMULARIOS */


FORM #FSconsultas {margin:0; padding:0; border:none}


LABEL {font-weight:bold; color:#b76843}


INPUT, TEXTAREA {font:0.9em Verdana, Arial, Helvetica, sans-serif; border:1px solid #b76843; background:#f1f1f1}


.filaForm { width:100%; margin-bottom:5px}


.etiqueta {float:left; text-align:right; margin-right:10px}


.campo {float:left; text-align:left}


INPUT.boton {background: url('../images/fdBotones.gif'); border: 3px double #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.04em 0.2em 0.04em 0.2em}


/* Formulario busqueda */


#cajaBusqueda { position:relative; top:0; left:0; float:right; width:120px; height:150px; background:#e6e6e6}


#FSbusqueda {margin:0; padding:0; border:none}


#cajaBusqueda LEGEND {margin:0 -7px; padding-left:5px; width:120px; height:17px; background:#af4d20; font-weight:bold; color:#FFFFFF}


#cajaBusqueda LABEL {font-size:0.8em; color:#6a6a6a}


#cajaBusqueda SELECT {font-size:0.9em; background:#f2f4f3; width:110px}





/* TEXTO */


.texto08em  {font-size:0.8em}


.texto085em {font-size:0.85em}


.texto09em  {font-size:0.9em}





/* ENLACES */


A.LKtamano08em {font-size:0.8em; color:#000000}


A.LKtamano085em {font-size:0.85em; color:#000000}


A.LKtamano09em {font-size:0.9em; color:#000000}


A.LKnaranjaBold:link, A.LKnaranjaBold:active, A.LKnaranjaBold:visited {font-weight:bold; color:#B76843}


A.LKnaranjaBold:hover {text-decoration:none}


#breadcrumb {font-size:0.85em}


#breadcrumb A:link, A:active, A:visited {color:#000000}


#breadcrumb A:hover {text-decoration:none}





/* ENCABEZADOS */


H1,H2,H3,H4,H5,H6 {margin:0; padding:0}


H1 A {margin:0; padding:0; width:131px; height:125px; display:block; background:url('../images/logoKZbandaZabala.gif') no-repeat}


H1 A SPAN {display:none}


H3.nombreMunicipio { text-transform:uppercase; font-size:1.1em !important; color:#63272b !important}


H4 {font-size:1em; padding-bottom:5px; color:#464748; border-bottom:1px dotted #c8c8c3}


H5 {font-size:1em; color:#4b4b4b}





/* ESTILOS GENERALES */


#areaContenidos H3 {font-size:1.5em; font-weight:bold; color:#B76843; margin-bottom:10px}


#listado3Cols { position:relative; top:0; left:0; width:100%; height:100%}


#listado3Cols UL {margin:0 0 0 20px; padding:0}


FORM {display:inline}


UL {list-style-type:square}


.tituloListado {margin-top:0px; padding:0 0 20px 5px; font-size:1.1em; font-weight:bold; text-transform:capitalize}


.ocultar {display:none}


.clr {clear:both}





/* NUEVOS ESTILOS PARA LA PLANTILLA 1 */


TABLE.datos TH {padding:2px 0 2px 5px; background:#b76843; color:#ffffff}


TABLE.datos TD {padding:2px 0 2px 5px; border:1px solid #a1a291}



A.LKsolapasHome:link, A.LKsolapasHome:active, A.LKsolapasHome:visited { font: 90% Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none}
A.LKsolapasHome:hover {color:#000000}