@charset "utf-8";
/* CSS Document */

body {font:62.5% Tahoma; text-align: center; background:#ccc; color:#000; margin:0 ; padding:0;}
html>body {background:#ccc; color:#000}

/*Estilos genericos*/
form{display:inline;}
a img,:link img,:visited img {border:none;}
a{ outline:none; text-decoration:none;}
ul, ol {list-style:none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,fieldset,input,acronym,table,tr,th,td,caption {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;}
p{ margin:0}
.clear {clear:both; height:0; }


body{background-color:#ccc;}

#contenedor{width:960px; background:#fff url(../images/fondoPie.png) 0 100% repeat-x; margin:0 auto; color:#000; font-size:1em; font-family:Tahoma; padding:0 10px }
#contenido{background-color:#fff; overflow:hidden; height:1%; margin-top:2em; }
#contenido ul{ overflow:hidden; font-family:Tahoma; font-size:1.1em; margin-top:0.5em; margin-bottom:0.5em; 
}
#contenido ul li{background:url(../images/flechaListados.png) 0 0.3em no-repeat; padding-left:1.5em; padding-bottom:1em; margin-left:1.5em;}

#contenido ul li a{color:#000;}
#contenido ul li a:hover{color:#999;}
#contenido p{padding:0.5em 0em; text-align:justify;}
#contenido p a{ text-decoration:underline; color:#000;}
#contenido p a:hover{color:#999;}
#contenido table.tablaComun{width:90%; margin:0 auto; font-size:1.2em; border:1px solid #ccc;  border-collapse:collapse; margin-top:1em; margin-bottom:1em;}
#contenido table.tablaComun th{color:#153125; font-weight:500; border-bottom:2px solid #c5cf7f; padding:0.5em; background-color:#f9faf2;}
#contenido table.tablaComun td{padding:0.5em; border-bottom:1px solid #ccc;}

#contenido table.tablaComun a{  color:#000;}
#contenido table.tablaComun a:hover{color:#999; text-decoration:underline;}
/*común*/
p{font:1.1em Tahoma; text-align:justify; line-height:2em;}
* html p{line-height:1.8em;}



#cabecera{ height:56px;border-bottom:1px dotted #153125; margin-bottom:5px; }
#logotipo{ position:absolute; z-index:1;  background-color:#fff; }
#logotipo h1 {position: relative; z-index: 1; }
#logotipo h1 a {background: url(../images/logotipoItelazpi.png) no-repeat 0 0em; display: block; height:56px; width:130px;}
#logotipo h1 a span {position: absolute; z-index: -1; left:0}

#busqueda{float:right; margin-top:1.5em; height:33px; overflow:hidden;}
#busqueda img{margin-left:0.5em;}
#cajonBusqueda{background:url(../images/busquedaInput.png) 0 0 no-repeat; padding:0.7em;}

#btBusquedaES{background:url(../images/buscar.png) 0 0 no-repeat; padding-bottom:0.7em; padding-top:0.6em; border:none; width:70px;color:#fff; text-align:right;padding-right:0.6em;}


#menu{text-align:left; background-color:#153125;}
#menu a{color:#fff;}
#menu ul li{display:inline;}
#enlaces{border-bottom:1px dotted #2b2b2b; text-align:right; padding:1px 2px 1px 0; overflow:hidden; height:1%; width:100%;}
#enlaces p{float:right;}
#enlaces a{color:#000; font-size:1.1em;margin:0 3px;}
#enlaces a:hover{color:#999;}
#enlaces #migas{float:left; font-size:1.1em; color:#999; padding-top:0.4em}
#enlaces #migas a{font-size:1em; color:#999;}
#enlaces #migas a:hover{ color:#ccc; text-decoration:underline;}
#enlaces #contacto{ font-weight:bold;}
#enlaces #sugerencias{ background:url(../images/sugerencias.png) 0 -2px no-repeat; padding-left:1.2em; padding-bottom:0.4em;}
#interior{ overflow:hidden;}
#contenido{text-align:left; margin-right:210px;}
#banners{ width:250px; float:right; padding-top:1.7em;text-align:right;}
#banners ul li{padding-bottom:0.4em;}
#contenido #bannerHome{ margin-top:12px; margin-bottom:20px;}
#servicios{background-color:#f0f3f4; overflow:hidden; height:1%; margin:0 auto; margin-bottom:20px;}
#servicios h2{background:url(../images/h2Servicios.png) 0 100% no-repeat; color:#72868f; font: 1.7em tahoma; margin-left:0.2em;}
#servicios a{color:#000; width:210px;}
#servicios .boxServicios{width:210px; margin:12px; float:left;}
#servicios .boxServicios a img{border:4px solid #fff;}
#servicios .boxServicios a:hover img{border-color:#d5e3e8;}
#servicios .boxServicios a:hover{color:#999;}
#inferiorDcha{ width:340px; float:right;}
#inferiorDcha ul li{padding:0; margin:0; background-image:none; padding-bottom:0.7em; }
#inferiorDcha h3{ font-size:1.3em; background:url(../images/h3InferiorDcha.png) 0 100% no-repeat; margin-bottom:0.7em;}
#inferiorIzda{margin-right:390px;}
#inferiorIzda h3{ margin-top:14px; color:#fff; font-size:1.3em;padding:5px 0 6px 2px; 
background:#8ea103 url(../images/h3InferiorIzda.png) 0 80% no-repeat; }
#inferiorIzda p{border-bottom:1px dotted #8ea103; margin-bottom:0.5em; margin-top:0.5em; padding-bottom:0.3em; line-height:1.3em;}
#inferiorIzda p#mas{text-align:right; border:none; font-size:1em;}
#inferiorIzda p a{color:#000; text-decoration:none;}
#inferiorIzda p a:hover{color:#999;}
#inferiorIzda p#mas a:hover{color:#999;}

#contenido h2.titleH2{ background: url(../images/fondoTitle.png) 0 0 no-repeat;padding-bottom:0.5em; padding-top:0.5em; padding-left:0.5em; margin-top:0em; color:#fff; font-size:1.5em}

#contenido .dcha{float:right; margin:0.5em 0 0.5em 2em; border:1px solid #ECEBF4; padding:0.5em 0.5em 0.5em 0.5em; text-align:left;
 font-size:0.8em; color:#999999;}
#contenido .izda {float:left; margin:0.5em 2em 0.5em 0; border:1px solid #ECEBF4;padding:0.5em 0.5em 0.5em 0.5em; text-align:left;
 font-size:0.8em; color:#999999}
 
 #contenido .izdaSinBorde {float:left; margin:0.5em 2em 0.5em 0; padding:0.5em 0.5em 0.5em 0.5em; text-align:left;
 font-size:0.8em; color:#999999}
 
 
#contenido img.transparente {display:none}
#contenido .ctro{text-align:center; margin-top:1em; margin-bottom:1em; font-size:0.8em; color:#999999;}


#contenido ul.indice{margin-top:2em;  font-size:1.2em;}
#contenido ul.indice li{border-bottom:1px solid #79BC32;padding-bottom:0.1em; margin-bottom:1.2em; margin-left:0 }

#contenido table.extras{width:94%; float:left;}
#contenido .h3indiceListado{padding:0; margin:0;color:#72868f; font-size:1.5em; margin-bottom:0; margin-top:0.5em; }
#contenido .h3Listado{padding:0; margin:0; background:url(../images/fondoExtras.png) 0 100% no-repeat; color:#72868f; font-size:1.3em; margin-bottom:0.5em; margin-top:0.5em; padding-bottom:0.1em;}
#contenido .indiceTipo{background-color:#f0f3f4; padding:1.5em 0 1em 0; margin:0.3em;}
.indiceTipoDiv{ border:1px solid #ccc; margin-right:3.2em;}
#contenido table.extras ul.listado{padding:0; margin:0}
#contenido table.extras ul.listado li a{color:#000;}
#contenido table.extras ul.listado li a:hover{color:#999;}

#contenido ul#ficheros{margin-top:2em;}
#contenido ul#ficheros li{background:url(../images/fichero.png) 0 0 no-repeat; padding-left:2.2em; padding-bottom:1.5em; margin-left:0.5em}
#contenido #tipoListado{margin-top:2em;}
#contenido #tipoListado  li p{margin-left:9em; background:url(../images/fondoExtras.png) 0 75% no-repeat; margin-top:-6em;}
#contenido #tipoListado  li p a{text-decoration:none;}
#contenido #tipoListado  li{background-image:none; margin-left:0;padding-bottom:5.5em;}

#contenido #sugerenciasConsultas{background:#0f0; }
#contenido #sugerenciasConsultas li{display:inline; background-image:none;}



#identificacion{background:#fff url(../images/identificacion.png) 0 0 no-repeat; padding-top:3em; margin-top:3em;}

#identificacion #cajaIdentificacion{background-color:#f6f6f6; padding:2em 0 1em 0; margin-right:3.7em; width:auto; overflow:hidden; height:1%;}

#identificacion .form{text-align:right; width:470px; font-size:1.1em; margin-bottom:0.7em;}
#identificacion .form input{border:1px solid #000;padding:0.1em;}
#identificacion .form input.bt{background-color:#d4d3d3;}

#identificacion #cajaIdentificacion  a{color:#9a2b2b; text-decoration:underline; margin-bottom:0; text-align:right; width:60%; }
#identificacion #cajaIdentificacion  a:hover{ text-decoration:none;}


#mapaDcha{width:45%; float:left;}
#mapaIzda{width:45%;float:left; margin-right:0; }
#mapaIzda ul, #mapaDcha ul{margin-left:0; list-style-image:none;}
#mapaIzda ul li, #mapaDcha ul li{background-image:none;}
#mapaIzda ul span, #mapaDcha ul span{ font-weight:bold; color:#000; 
text-decoration:underline;}
#mapaIzda ul span a, #mapaDcha ul span a{ font-weight:bold; color:#000; text-decoration:underline; background-image:none; }
#mapaIzda ul li, #mapaDcha ul li{margin-left:0; 
text-transform:uppercase; padding-bottom:0.3em; line-height:2em; }
#mapaIzda ul li ul li, #mapaDcha ul li ul li{margin-left:0; 
text-transform:capitalize;line-height:1.5em; }

#mapaIzda ul li ul li ul, #mapaDcha ul li ul li ul{ width:100%; margin-left:1em; 
margin-right:0;padding-left:0; margin-left:0;}

#mapaIzda ul li ul li ul li , #mapaDcha ul li ul li ul li {padding-left:0; margin-left:0; background:url(../images/flechaListados.png) no-repeat 0.5em 0.5em; padding-left:2em; font-size:0.9em;text-transform:capitalize; text-decoration:underline}

ul#resultado{margin:0 0.5em 0.5em 0.5em; padding:0; list-style-image:none; margin-bottom:1.5em; border-bottom:1px solid #707070; border-top:1px solid #707070;  margin-left:0; padding-left:0;}
ul#resultado li{background:none; padding-left:0; margin-left:0;}
ul#resultado li a{text-decoration:none;}
ul#resultado li h3{font-size:1.1em;  font-weight:bold; margin-bottom:-0.5em; margin-top:0.5em;  }
ul#resultado li h3 a:hover{text-decoration:underline;}
.paginacion{text-align:right; font-size:1.1em; margin-right:1em; margin-top:0.5em;}
.paginacion span{ font-weight:bold;}
.paginacion a{text-decoration:none; color:#202020;}
.paginacion a:hover{color:#ccc;}

.parrafo{overflow:hidden; height:1%;}
#pie{ width:auto; background:#255942 url(../images/fondoPie.png) 0 0 repeat-x; color:#fff; margin-top:10px; overflow:hidden; height:1%; text-align:left; padding-left:1em;padding-top:0.2em; padding-bottom:0.3em; width:960px;}
#pie a{color:#fff; margin-right:0.5em;}
#pie a:hover{color:#999;}
/*#pie #pieTxt{float:right; width:45%; margin-right:2em;}*/
#pie #pieTxt{float:right; width:48%; margin-right:2em;}
#pie #pieTxt p{text-align:right; line-height:1.5em; margin-top:0.5em;}
#pie #pieTxt p #rss{ background:url(../images/rss.png) 0 0 no-repeat; padding-left:1.5em; padding-bottom:0.2em;}
#pie .logos{height:55px; width:auto}
#pie .logos img{padding-top:0.5em; vertical-align:middle; }

/* ESTILOS MENU SUPERIOR */
#zonaMenu {width:100%; height:2.9em;  background:#44413d url(../images/degradado.png) repeat-x 0 0; }
* html #zonaMenu{ height:2.8em;}
#zonaMenu ul {padding:0;margin:0; width:100%; float:left;list-style-type:none; background:#44413d url(../images/degradado.png) repeat-x 0 100%;}

#zonaMenu ul li {float:left; border-right:1px solid #FFF; padding:0; margin:0;}
#zonaMenu li li {display:block; float:none; border:1px solid #44413d; border-top:none;}
#zonaMenu a, #zonaMenu a:visited {display:block;  text-decoration:none; color:#fff;  padding:0.80em 0.7em; }
* html #zonaMenu a, * html #zonaMenu a:visited {padding:0.7em;}
#zonaMenu ul ul a, #zonaMenu ul ul a:visited {display:block;  background:#ccc; color:#000; line-height:1em; padding:0.5em 1.5em 0.5em 1em;}/*estilos del primer desplegado*/

#zonaMenu table {position:absolute; left:0; top:0; width:0; height:0; font-size:1em; z-index:1;}
#zonaMenu ul ul ul a, #zonaMenu ul ul ul a:visited {background:#ccc; border:none; }/*estilos del 2ºdesplegado*/
#zonaMenu ul ul ul li {margin:0; border:1px solid #44413d; }
#zonaMenu ul :hover a.desplegable {background:#ccc; }
* html #zonaMenu a:hover {color:#fff;background:#44413d; position:relative; z-index:100; display:block}
#zonaMenu li:hover {position:relative;z-index:100}
#zonaMenu :hover > a {color:#fff;background:#44413d;}
* html #zonaMenu ul ul a:hover, * html #zonaMenu ul ul a.desplegable:hover{color:#fff;background:#44413d; position:relative; z-index:110;}
#zonaMenu ul ul li:hover {position:relative;}
#zonaMenu ul ul :hover > a, #zonaMenu ul ul :hover > a.desplegable {color:#fff;background:#44413d;}
* html #zonaMenu ul ul ul a:hover {color:#fff;background:#44413d;position:relative; z-index:120;}
#zonaMenu ul ul ul :hover > a {color:#fff;background:#44413d;}
#zonaMenu ul ul {visibility:hidden;position:absolute;height:0;top:2.8em;left:0;width:15em;  }
* html #zonaMenu ul ul {left:-0.7em; top:2.65em;}/*Si no se selecciona facilmente*/

#zonaMenu ul ul ul{left:14.9em;top:0;margin:0;padding:0}
* html #zonaMenu ul ul ul {left:13.7em;top:0.1em;}
#zonaMenu ul :hover ul{visibility:visible; height:auto;}
#zonaMenu ul :hover ul ul{visibility:hidden; }
#zonaMenu ul :hover ul :hover ul{visibility:visible;}