/* Hoja de estilos para Itelazpi BZ desarrollada por Deusto Sistemas [CASTELLANO/PANTALLA] */
BODY {color:#FFF; background:#7b7366 url('../images/fdWeb.gif') top left repeat-x}

/* ESTRUCTURA BASICA */
#contenedorPrincipal {position:absolute; left:50%; top:50%; margin-left:-380px; margin-top:-236px; width:760px; height:472px}
#contenedorInterior {width:760px; height:410px; color:#FFF; background:#000}
#contenedorInterior #bloqueSuperior {position:relative; top:0; left:0; width:760px; height:359px; color:#000; background:#e7e7e7 url('../images/fdContenedorInterior.jpg') top left no-repeat}
#cabeceraPrincipal {position:relative; top:0; left:0; width:760px; height:60px; z-index:1; border-bottom:7px solid #dfa152; background:url('../images/fdCabecera.gif') repeat-x}
#areaBuscador {position:absolute; top:0; right:0; width:145px; height:314px; border:0; background:url('../images/fdAreaBuscador.jpg') no-repeat}

/* COLUMNA IZQUIERDA: LOGO Y MENU PRINCIPAL */
#columnaIzda {position:relative; top:0; left:0; width:202px; height:auto; float:left}
/* Logotipo Itelazpi */
#logotipo {position:relative; top:4px; left:30px; width:151px; height:53px; z-index:1; background:url('../images/logoItelazpi.gif') no-repeat}
#logotipo H1 A {margin:0; padding:0; width:151px; height:53px; display:block; text-decoration:none; background:url('../images/logoItelazpi.gif') 0 0 no-repeat}
#logotipo H1 A:hover {background-position:0 -53px}
#logotipo H1 A SPAN {position:relative; z-index:-1; display:none}
/* Logotipo BZ */
#logotipoBZ {position:relative; top:5px; left:30px; width:131px; height:152px; z-index:1; background:url('../images/es/logoItelazpiBZ.gif') no-repeat}
#logotipoBZ H2 A {margin:0; padding:0; width:131px; height:152px; display:block; text-decoration:none; background:url('../images/es/logoItelazpiBZ.gif') 0 0 no-repeat}
#logotipoBZ H2 A:hover {background-position:0 -152px}
#logotipoBZ H2 A SPAN {position:relative; z-index:-1}
/* Eleccion idioma */
#eleccionIdioma {position:absolute; top:0; left:580px; width:190px; height:15px}
#eleccionIdioma UL LI {display:inline}
#eleccionIdioma UL LI A {font:bold 0.7em Arial, Helvetica, sans-serif; color:#CCCCCC; padding:0 5px}
#eleccionIdioma UL LI A:hover {color:#FFF; background:#c47509}
/* Menu principal */
#menuPrincipal {position:relative; top:40px; left:0; width:170px; height:60px}
#menuPrincipal LI {width:170px; height:20px; margin:5px 0; padding:0; color:#FFF; background:#cb7a10 url('../images/fdMenuPrincipal_Listado.gif')}
#menuPrincipal LI A {width:135px; height:17px; padding:3px 0 0 35px; display:block; font:bold 0.65em Tahoma,Arial,Helvetica,sans-serif; color:#FFF; background:transparent url('../images/fdMenuPrincipal_Enlace.gif') top left no-repeat}
#menuPrincipal LI A:hover {background:url('../images/fdMenuPrincipal_EnlaceOver.gif') top left no-repeat; color:#dfa152}


/* COLUMNA DERECHA: CONTENIDOS PRINCIPALES */
/* Titulo de seccion y breadcrumb */
#home #columnaDcha {position:relative; top:2px; left:0; width:552px; height:366px; float:right; background:#CCC url('../images/fdHome.jpg') top left no-repeat}
#columnaDcha {position:relative; top:0; left:0; width:558px; height:auto; float:left}
#columnaDcha #cabeceraSeccion {position:relative; top:5px; left:0; width:548px}
#columnaDcha #cabeceraSeccion H2 {margin-top:1px; padding:4px 5px 1px 15px; font:1em Helvetica,Arial,sans-serif; letter-spacing:0.1em; color:#FFF; background:#3c5f80}
#columnaDcha #cabeceraSeccion H3 {position:absolute; top:8px; left:200px; width:250px; height:15px; font:0.75em Helvetica, Verdana, Arial, sans-serif; letter-spacing:0.1em; color:#fe9000; text-transform:uppercase}
#columnaDcha #cabeceraSeccion #breadcrumb {padding:1px 5px 2px 15px; font:0.65em Arial, Helvetica, sans-serif; color:#ec962f; background:#000000; letter-spacing:0.05em}
#columnaDcha #cabeceraSeccion #breadcrumb A {color:#d17e11; background:#000; text-decoration:underline}
#columnaDcha #cabeceraSeccion #breadcrumb A:hover {text-decoration:none}
/* Contenidos de la seccion */
#columnaDcha #contenidosSeccion {position:relative; top:5px; left:0; width:548px; height:314px; background:transparent url('../images/fdContenidosSeccion.jpg') no-repeat fixed; overflow:auto}
HTML>BODY #columnaDcha #contenidosSeccion {background-attachment:inherit}
#introduccion #contenidosSeccion A {color:#000; text-decoration:underline}
#introduccion #contenidosSeccion A:hover {color:#ab620f; text-decoration:none}
#introduccion #contenidosSeccion EM {font-style:normal; font-weight:bold}
#columnaDcha #contenidosSeccion #mapaComarcas {position:relative; top:0; left:2px; width:400px; height:314px; float:left; border-right:1px solid #BEBEBE}
#columnaDcha #contenidosSeccion #listadoAccesibilidad {display:none}
#introduccion #columnaDcha #contenidosSeccion {width:523px; height:292px; padding:10px 10px 10px 15px}
#columnaDcha #contenidosSeccion P {font:0.7em Tahoma,Verdana,Arial,Helvetica,sans-serif; line-height:1.25em; letter-spacing:0.05em; text-align:justify}
#columnaDcha #contenidosSeccion H3 {font:bold 0.75em Tahoma,Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.05em; color:#ab620f; border-bottom:1px solid #000000}
#mapasCobertura_municipios #mapaComarcas {width:400px !important; border-right:1px solid #d07d11 !important}
#mapasCobertura_municipios #mapaComarcas #info {position:absolute; top:300px; left:0; width:400px; height:auto; z-index:10; color:#fcfbf9; background:#d07d11; border-right:1px solid #d07d11; font:0.7em Arial, Helvetica, sans-serif; letter-spacing:0.05em; text-align:center}
/* Paginas de detalle */
#mapasCobertura_detalle #infoMunicipio {position:relative; top:15px; left:15px; width:380px; height:270px; float:left; background:#e3e3e3 url('../images/fdContenidosDetalle.jpg') top left no-repeat}
#mapasCobertura_detalle #infoMunicipio H4 {margin:0; padding:3px 10px; color:#f3f3f3; font:bold 0.7em Tahoma,Verdana,Arial,Helvetica,sans-serif; letter-spacing:0.1em; text-transform:uppercase}
#mapasCobertura_detalle #infoMunicipio P {margin:10px 20px}
#mapasCobertura_detalle #infoMunicipio UL {margin:0 0 0 40px; padding:0; list-style-type:square; font:0.7em Tahoma,Verdana,Arial,Helvetica,sans-serif}
#mapasCobertura_detalle #imagenesMapas {position:relative; top:15px; left:30px; width:122px; height:270px; float:left; background:#dcdcdc url('../images/fdContenidosImgsMapas.jpg') top left no-repeat}
#mapasCobertura_detalle #imagenesMapas H5 {margin:0; padding:3px 0; color:#fbfbfb; font:bold 0.6em Tahoma,Verdana,Arial,Helvetica,sans-serif; letter-spacing:0.05px; text-align:center; text-transform:uppercase}
#mapasCobertura_detalle #imagenesMapas #bloqueImagen {position:relative; top:12px; left:12px; width:100px; height:100px; text-align:center; padding:1px}
#mapasCobertura_detalle #imagenesMapas #ampliarImagen {position:absolute; top:68px; left:87px; width:8px; height:8px}
#mapasCobertura_detalle #imagenesMapas IMG {border:1px solid #adadad}
#mapasCobertura_detalle #imagenesMapas P {margin:0; padding:0; text-align:center; font:0.6em Arial, Helvetica, sans-serif; letter-spacing:normal}
#mapasCobertura_detalle #leyenda {position:relative; top:30px; left:15px; width:520px; height:20px; clear:both; border-top:1px solid #686868; font:0.65em Arial, Helvetica, sans-serif}
#mapasCobertura_detalle #leyenda UL LI {margin:0 0 0 15px; list-style-type:square}


/* Capa mapas detalle */
#capaMapasDetalle {position:absolute; left:50%; top:50%; margin-left:-380px; margin-top:-236px; width:760px; height:428px; z-index:10; background:url('../images/fdMapasDetalle.gif'); display:none}
#capaMapasDetalle #cabecera {position:relative; top:0; left:0; width:760px; height:30px; background:#000000; border-top:5px solid #dfa152}
#capaMapasDetalle #cabecera H6 {padding:4px 0 4px 10px; font:bold 1.2em Tahoma,Verdana,Arial,Helvetica,sans-serif; letter-spacing:0.05em; background:url('../images/logoItelazpi_pequeno.gif') 10px 5px no-repeat}
#capaMapasDetalle #mapaGrande {position:relative; top:10px; left:10px; width:460px; height:360px; float:left; border:1px solid #000000; background-color:#000000; background-repeat:no-repeat}
#capaMapasDetalle #mapaPequeno {position:relative; top:10px; left:30px; width:250px; height:155px; float:left; border:1px solid #000000; background:#000000}
#capaMapasDetalle #marcador {position:absolute; top:0px; left:0px; border:2px solid #ff0000; width:75px; height:50px; cursor:move; background-image:url("tp.gif")}
/* Leyenda */
#capaMapasDetalle #capaLeyenda {position:relative; top:40px; left:30px; width:250px; height:auto; float:left}
#capaMapasDetalle #capaLeyenda UL LI {width:246px; font:bold 0.7em Arial, Helvetica, sans-serif; padding:3px; background:#484848; text-transform:uppercase}
#capaMapasDetalle #capaLeyenda UL LI UL {background:#FFF}
#capaMapasDetalle #capaLeyenda UL LI UL LI {font-size:0.8em; font-weight:normal; color:#000000; background:#FFF; list-style-type:none; width:220px}
/* Cerrar */
#capaMapasDetalle #btnCerrar {position:absolute; top:10px; left:695px; width:65px; height:15px}
#capaMapasDetalle #btnCerrar A {font:bold 0.6em Verdana, Arial, Helvetica, sans-serif; color:#d17e11; background:url('../images/btn_cerrar.gif') 0 6px no-repeat; padding:2px 0 2px 10px}
#capaMapasDetalle #btnCerrar A:hover {color:#CCCCCC}
#capaMapasDetalle #infoAyuda {position:relative; top:30px; left:30px; width:205px; height:30px; padding-left:45px; float:left; color:#000000; background:#f1f1f1 url('../images/fdMapasDetalle_ayuda.gif') 0 0 no-repeat; border:1px solid #484848; font:0.65em Arial, Helvetica, sans-serif}

/* BLOQUE INFERIOR: PIE DE PAGINA */
#bloqueInferior {position:relative; top:0; left:0; width:760px; height:40px; font:0.75em Arial, Helvetica, sans-serif; color:#fcfdfd; border-top:7px solid #dfa152; background:#000000 url('../images/fdCabecera.gif') top left repeat-x}
#bloqueInferior #estandares {position:relative; top:15px; right:10px; width:170px; height:15px; float:right; text-align:right}
#bloqueInferior #estandares UL LI {display:inline; border-right:1px solid #FFF; padding:0 5px}
#bloqueInferior #estandares UL LI.ultimo {border-right:none !important}
#bloqueInferior #estandares UL LI A {color:#fcfdfd; font-size:0.85em}
#bloqueInferior #estandares UL LI A:hover {color:#e1860b}
#bloqueInferior #copyright {position:absolute; top:15px; left:15px; width:100px; height:15px; float:left}


/* ESTILOS GENERICOS */
:link,:visited {text-decoration:none}
FORM {display:inline}
A IMG,:link IMG,:visited IMG {border:none}
UL,OL {list-style:none}
H1,H2,H3,H4,H5,H6,PRE,CODE {font-size:1em}
UL,OL,LI,H1,H2,H3,H5,H6,PRE,FORM,BODY,HTML,FIELDSET,INPUT {margin:0; padding:0}
.clr {clear:both} 
.ocultar {display:none}