/* CSS Document */

body { margin:0; padding:0; background-color:#003399;}
#contenedor {position:absolute; top:25%; left:50%;  margin:0; margin-left: -480px; margin-top:-125px;
padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:center; text-decoration:none; list-style:none; list-style-image:none; list-style-type:none; width:960px;}
#azul{ position:absolute; top:0; left:0; margin:0; padding:0; background-color:#000000; width:100%; height:200px; background:url(../imagen/fondocabeazul.jpg) repeat-x;}
/*CABECERA*/
#cabecera { position:absolute; top:0; left:0; margin:0; padding:0; background-color:#000000; width:100%; height:200px; background:url(../imagen/fondocabeazul.jpg) repeat-x; z-index:2; background-color:#FFFFFF;}
#arriba{ position:absolute; top:25px; left:400px; width:560px; height:200px; background-image:url(../imagen1/fondocabece.png);}
#ciudad { position:absolute; top:50px; left:0px; width:400px; height:200px; background:url(../imagen/vitoria.png) no-repeat;}
#palacio { position:absolute; top:50px; left:400px; width:400px; height:200px; background:url(../imagen/palacio.png) no-repeat;}
#logo { position:absolute; top:50px; left:0; margin:0; padding:0; width:400px; height:113px; background-image:url(../imagen/logo 4.jpg);}
#logo h1{ margin:0; padding:0; text-decoration:none; font-size: 1em; font-style:normal; color:#FFF;}
#telefono { position:absolute; top:100px; left:460px; margin:0; padding:0;}
#telefono h1 {margin:0; padding:0; text-decoration:none; font-size:7em; font-style:normal; color:#FFF;}
#eslogan { position:absolute; top:25px; left:480px;}
#eslogan h2 {margin:0; padding:0; text-decoration:none; font-size:2.5em; color:#FFFFFF;}
#donde { position:absolute; top:205px; left:500px;}
#donde a:link { margin:0; padding:0; text-decoration:none; color:#FFFFFF;}
#donde a:visited { margin:0; padding:0; text-decoration:none; color:#FFFFFF;}
#donde a:hover { margin:0; padding:0; text-decoration:none; color:#FFFFFF;}

/*MENU PRINCIPAL*/
#enlacepin1 {position:absolute; top:200px; left:0px; margin:0; padding:0; width:120px; height:25px; z-index:5;}
#enlacepin1:hover { background-color:#FFFFFF;}
#enlacepin1:hover #quienes { visibility:visible;}
#enlacepin2 {position:absolute; top:200px; left:120px; margin:0; padding:0; width:120px; height:25px; z-index:5;}
#enlacepin2:hover { background-color:#FFFFFF;}
#enlacepin2:hover #servicios { visibility:visible;}
#enlacepin3 {position:absolute; top:200px; left:240px; margin:0; padding:0; width:120px; height:25px; z-index:5;}
#enlacepin3:hover { background-color:#FFFFFF;}
#enlacepin3:hover #contacto { visibility:visible;}
#enlacepin1 a:link { margin:0; padding:0; text-decoration:none; color:#000000; display:block; width:120px; height:25px; line-height:25px;}
#enlacepin1 a:visited { margin:0; padding:0; text-decoration:none; color:#000000; display:block; width:120px; height:25px; line-height:25px;}
#enlacepin1 a:hover { margin:0; padding:0; text-decoration:none; color:#000; background-color:#fff; display:block; width:120px; height:25px; line-height:25px;}
#enlacepin2 a:link { margin:0; padding:0; text-decoration:none; color:#000000; display:block; width:120px; height:25px; line-height:25px;}
#enlacepin2 a:visited { margin:0; padding:0; text-decoration:none; color:#000000; display:block; width:120px; height:25px; line-height:25px;}
#enlacepin2 a:hover { margin:0; padding:0; text-decoration:none; color:#000000; background-color:#FFFFFF; display:block; width:120px; height:25px; line-height:25px;}
#enlacepin3 a:link { margin:0; padding:0; text-decoration:none; color:#000000; display:block; width:120px; height:25px; line-height:25px;}
#enlacepin3 a:visited { margin:0; padding:0; text-decoration:none; color:#000000; display:block; width:120px; height:25px; line-height:25px;}
#enlacepin3 a:hover { margin:0; padding:0; text-decoration:none; color:#000000; background-color:#FFFFFF; display:block; width:120px; height:25px; line-height:25px;}
/*#menuprincipal ul{ margin:0; padding:0; list-style:none;}
#menuprincipal ul li { margin:0; padding:0; margin-left:15px; list-style:none; text-align:left; display:inline; float:left; line-height:2em;}
#menuprincipal li a:link { margin:0; padding:0;  text-decoration:none;  color:#000000;}
#menuprincipal li a:visited {margin:0; padding:0; text-decoration:none; color:#000000;}
#menuprincipal li a:hover {margin:0; padding:0;  text-decoration:none;  color:#003366;}*/

/*FECHA*/
#cabecera #fecha { position:absolute; top:205px; left:770px; margin:0; padding:0;}

/*NUEVO INICIO*/
#nuevoinicio { position:absolute; top:200px; left:0; margin:0; padding:0; width:960px; height:500px; background-color:#FFFFFF;}
/*NOTICIAS*/

#nuevoinicio #titunoti { position:absolute; top:60px; left:0; margin:0; padding:0; width:650px; height:30px;}
#nuevoinicio #titunoti h1 {margin:0; padding:0; font-size:1.5em; font-style:none; text-align:left; margin-left:10px; color:#006699; border-bottom-style:solid; border-bottom-color:#006699; border-bottom-width:1px;}
#nuevoinicio  #noticia1 { position:absolute; top:90px; left:0px; width:650px; margin:0; padding:0; visibility:visible;}
#nuevoinicio  #noticia2 { position:absolute; top:90px; left:0px; width:650px; margin:0; padding:0; visibility:hidden;}
#nuevoinicio  #noticia3 { position:absolute; top:90px; left:0px; width:650px; margin:0; padding:0; visibility:hidden;}
#nuevoinicio  #noticia4 { position:absolute; top:90px; left:0px; width:650px; margin:0; padding:0; visibility:hidden;}
#nuevoinicio #noticia1 p {margin-left:15px; margin-right:15px; margin-bottom:10px; margin-top:0; padding:0; text-align:justify; text-decoration:none; font-style:none;}
#nuevoinicio #noticia1 h2 {margin:0; margin-left:15px; margin-right:15px; margin-bottom:5px; padding:0; text-align:justify; text-decoration:none; font-style:none; font-size:1.2em;}
#nuevoinicio  #noticia2 p {margin-left:15px; margin-right:15px; margin-bottom:10px; margin-top:0; padding:0; text-align:justify; text-decoration:none; font-style:none;}
#nuevoinicio #noticia2 h2 {margin:0; margin-left:15px; margin-right:15px; margin-bottom:5px; padding:0; text-align:justify; text-decoration:none; font-style:none; font-size:1.2em;}
#nuevoinicio  #noticia3 p {margin-left:15px; margin-right:15px; margin-bottom:10px; margin-top:0; padding:0; text-align:justify; text-decoration:none; font-style:none;}
#nuevoinicio #noticia3 h2 {margin:0; margin-left:15px; margin-right:15px; margin-bottom:5px; padding:0; text-align:justify; text-decoration:none; font-style:none; font-size:1.2em;}
#nuevoinicio  #noticia4 p {margin-left:15px; margin-right:15px; margin-bottom:10px; margin-top:0; padding:0; text-align:justify; text-decoration:none; font-style:none;}
#nuevoinicio #noticia4 h2 {margin:0; margin-left:15px; margin-right:15px; margin-bottom:5px; padding:0; text-align:justify; text-decoration:none; font-style:none; font-size:1.2em;}



#nuevoinicio #fotoestos { position:absolute; top:0px; left:650px; width:310px; height:500px; background:url(../imagen/palaciomanos.jpg) no-repeat;}


/*QUIENES SOMOS*/
#enlacepin1 #quienes { position:absolute; top:25px; left:0; width:650px; height:475px; background:url(../imagen/tarjeta.png) bottom left no-repeat; background-color:#FFFFFF; visibility:hidden;}
#enlacepin1 #quienes p { margin:30px 30px; padding:0; text-align:justify; font-size:1em;}
#enlacepin1 #quienes #nombreaitor { position:absolute; bottom:155px; left:165px;}
#enlacepin1 #quienes #nombreaitor:hover #fotoaitor { visibility:visible;}
#enlacepin1 #quienes #nombreaitor  #fotoaitor { position:absolute; top:0px;  left:305px; width:150px; height:180px; background:url(../imagen/aitormod.png) no-repeat; visibility:hidden;}
#nombreaitor #nuevo1:link { margin:0; padding:0; color:#003399; text-decoration:underline; display:inline}
#nombreaitor #nuevo1:visited { margin:0; padding:0; color:#003399; text-decoration:underline; display:inline;}
#nombreaitor #nuevo1:hover { margin:0; padding:0; text-decoration:none; font-size:2em; color:#000000; display:inline;}
#enlacepin1 #quienes #nombrejon { position:absolute; bottom:125px; left:165px;}
#enlacepin1 #quienes #nombrejon:hover #fotojon{ visibility:visible;}
#enlacepin1 #quienes #nombrejon #fotojon { position:absolute; top:-30px;  left:305px; width:150px; height:180px; background:url(../imagen/jonmod.png) no-repeat; visibility:hidden;}
#nombrejon #nuevo2:link { margin:0; padding:0; color:#003399; text-decoration:underline; display:inline}
#nombrejon #nuevo2:visited { margin:0; padding:0; color:#003399; text-decoration:underline; display:inline}
#nombrejon #nuevo2:hover { margin:0; padding:0; text-decoration:none; font-size:2em; color:#000000; display:inline}

/*SERVICIOS*/
#enlacepin2 #servicios { position:absolute; top:25px; left:-120px; width:650px; height:475px; background-color:#FFFFFF; visibility:hidden;}
#enlacepin2 #servicios #textoservicios { position:absolute; top:05px; left:0px; width:650px; height:475px; background:url(../imagen/servicios.png) no-repeat;}

#enlacepin2 #servicios #textoservicios #civil { position:absolute; top:50px; left:50px;  margin:0; padding:0; text-align:left;}
#enlacepin2 #servicios #textoservicios #civil p { margin:0; padding:0; text-decoration:none; font-size:1.2em;}
#enlacepin2 #servicios #textoservicios #civil:hover p { font-size:2em;}
#enlacepin2 #servicios #textoservicios #civil #liscivil { position:absolute; top:0px; left:300px;  margin:0; padding:0; text-align:left; visibility:hidden;}
#enlacepin2 #servicios #textoservicios #civil:hover #liscivil { visibility:visible;}
#enlacepin2 #servicios #textoservicios #civil #liscivil ul { margin:0; padding:0;}
#enlacepin2 #servicios #textoservicios #civil #liscivil ul li { margin:0; padding:0; display:block; width:200px; height:30px;}

#enlacepin2 #servicios #textoservicios #familia { position:absolute; top:100px; left:50px;  margin:0; padding:0; text-align:left;}
#enlacepin2 #servicios #textoservicios #familia p { margin:0; padding:0; text-decoration:none; font-size:1.2em;}
#enlacepin2 #servicios #textoservicios #familia:hover p { font-size:2em;}
#enlacepin2 #servicios #textoservicios #familia #lisfamilia { position:absolute; top:-50px; left:300px;  margin:0; padding:0; text-align:left; visibility:hidden;}
#enlacepin2 #servicios #textoservicios #familia:hover #lisfamilia { visibility:visible;}
#enlacepin2 #servicios #textoservicios #familia #lisfamilia ul { margin:0; padding:0;}
#enlacepin2 #servicios #textoservicios #familia #lisfamilia ul li { margin:0; padding:0; display:block; width:200px; height:30px;}

#enlacepin2 #servicios #textoservicios #penal { position:absolute; top:150px; left:50px;  margin:0; padding:0; text-align:left;}
#enlacepin2 #servicios #textoservicios #penal p { margin:0; padding:0; text-decoration:none; font-size:1.2em;}
#enlacepin2 #servicios #textoservicios #penal:hover p { font-size:2em;}
#enlacepin2 #servicios #textoservicios #penal #lispenal { position:absolute; top:-100px; left:300px;  margin:0; padding:0; text-align:left; visibility:hidden;}
#enlacepin2 #servicios #textoservicios #penal:hover #lispenal { visibility:visible;}
#enlacepin2 #servicios #textoservicios #penal #lispenal ul { margin:0; padding:0;}
#enlacepin2 #servicios #textoservicios #penal #lispenal ul li { margin:0; padding:0; display:block; width:200px; height:30px;}

#enlacepin2 #servicios #textoservicios #extranjeria { position:absolute; top:200px; left:50px;  margin:0; padding:0; text-align:left;}
#enlacepin2 #servicios #textoservicios #extranjeria p { margin:0; padding:0; text-decoration:none; font-size:1.2em;}
#enlacepin2 #servicios #textoservicios #extranjeria:hover p { font-size:2em;}
#enlacepin2 #servicios #textoservicios #extranjeria #lisextranje { position:absolute; top:-150px; left:300px;  margin:0; padding:0; text-align:left; visibility:hidden;}
#enlacepin2 #servicios #textoservicios #extranjeria:hover #lisextranje { visibility:visible;}
#enlacepin2 #servicios #textoservicios #extranjeria #lisextranje ul { margin:0; padding:0;}
#enlacepin2 #servicios #textoservicios #extranjeria #lisextranje ul li { margin:0; padding:0; display:block; width:200px; height:30px;}

#enlacepin2 #servicios #textoservicios #laboral{ position:absolute; top:250px; left:50px;  margin:0; padding:0; text-align:left;}
#enlacepin2 #servicios #textoservicios #laboral p { margin:0; padding:0; text-decoration:none; font-size:1.2em;}
#enlacepin2 #servicios #textoservicios #laboral:hover p { font-size:2em;}
#enlacepin2 #servicios #textoservicios #laboral #lislaboral { position:absolute; top:-200px; left:300px;  margin:0; padding:0; text-align:left; visibility:hidden;}
#enlacepin2 #servicios #textoservicios #laboral:hover #lislaboral { visibility:visible;}
#enlacepin2 #servicios #textoservicios #laboral #lislaboral ul { margin:0; padding:0;}
#enlacepin2 #servicios #textoservicios #laboral #lislaboral ul li { margin:0; padding:0; display:block; width:200px; height:30px;}

#enlacepin2 #servicios #textoservicios #mercantil { position:absolute; top:300px; left:50px;  margin:0; padding:0; text-align:left;}
#enlacepin2 #servicios #textoservicios #mercantil p { margin:0; padding:0; text-decoration:none; font-size:1.2em;}
#enlacepin2 #servicios #textoservicios #mercantil:hover p { font-size:2em;}
#enlacepin2 #servicios #textoservicios #mercantil #lismercantil { position:absolute; top:-250px; left:300px;  margin:0; padding:0; text-align:left; visibility:hidden;}
#enlacepin2 #servicios #textoservicios #mercantil:hover #lismercantil { visibility:visible;}
#enlacepin2 #servicios #textoservicios #mercantil #lismercantil ul { margin:0; padding:0;}
#enlacepin2 #servicios #textoservicios #mercantil #lismercantil ul li { margin:0; padding:0; display:block; width:200px; height:30px;}

#enlacepin2 #servicios #textoservicios #textobajo1 { position:absolute; top:230px; left:380px; width:200px; text-align:justify;}


/*CONTACTO*/
#enlacepin3 #contacto { position:absolute; top:25px; left:-240px; width:650px; height:475px; background-color:#FFFFFF; visibility:hidden;}
#enlacepin3 #contacto #texcontacto { position:absolute; top:0px; left:0px; width:650px; height:475px; background-color:#FFFFFF; background:url(../imagen/contacto.png) no-repeat;}
#enlacepin3 #contacto #texcontacto #palabras { position:absolute; top:240px; left:150px;}
#enlacepin3 #contacto #texcontacto #palabras p { margin:0; padding:0; text-align:left; font-size:1.2em;}
#enlacepin3 #contacto #texcontacto #textoalto1 { position:absolute; top:50px; left:400px; width:200px;}
#enlacepin3 #contacto #texcontacto #textoalto1 p { margin:0; padding:0; text-align:justify;}


/*MENU NOTICIAS*/
#nuevoinicio  #menunoti { position:absolute; top:25px; left:650px; margin:0; padding:0; z-index:3; background:url(../imagen/fondocuerpo.png) repeat-x; width:100px;}
#nuevoinicio  #menunoti ul { margin:0; padding:0;}
#nuevoinicio  #menunoti ul li { margin:0; margin-top:5px; margin-bottom:5px; padding:0; list-style:none; list-style-image:none; list-style-type:none;}
#nuevoinicio  #menunoti ul li a:link { text-decoration:none; font-size:1em; color:#fff;}
#nuevoinicio  #menunoti ul li a:visited { text-decoration:none; font-size:1em; color:#fff;}
#nuevoinicio  #menunoti ul li a:hover { text-decoration:none; font-size:1em; color:#fff;}


/*PIE*/
#pie {position:absolute; top:190px; left:60px; margin:0; width:140px; height:20px; z-index:4;}
#pie #titupie {position:absolute; top:0; left:0; width:140px; height:20px; margin:0;  background:url(../imagen/fondocuerpo.png) repeat-x;}
#pie #titupie a { margin:0; padding:0; font-size:1.2em; font-style:none; text-decoration:none; color:#fff;}
#pie .enlaces { position:absolute; top:20px; left:0; width:200px; height:291px; margin:0;  padding:0; background:url(../imagen/fondocuerpo.png) repeat-x; visibility:visible; opacity: .50; -moz-opacity: .50; filter:alpha(opacity=50);}
#pie .enlaces ul { margin:0; padding:0; margin-right:0px;}
#pie .enlaces ul li { margin:0; padding:0; list-style:none; list-style-image:none; list-style-type:none;}
#pie .enlaces ul li a:link { margin:0; padding:0; text-decoration:none; color:#fff; display:block; padding-top:10px; padding-bottom:10px;}
#pie .enlaces ul li a:visited { margin:0; padding:0; text-decoration:none; color:#0066CC; display:block; padding-top:10px; padding-bottom:10px;}
#pie .enlaces ul li a:hover { margin:0; padding:0; text-decoration:none; color:#fff; display:block; padding-top:10px; padding-bottom:10px; text-decoration:underline;}
#pie .enlaces:hover {opacity: .80; -moz-opacity: .80; filter:alpha(opacity=80);}


/*PIE2*/
#pie2 { position:absolute; top:543px; left:0px; width:960px; height:150px; margin:0; padding:0;}
#pie2 h1 { margin:0; padding:0; text-decoration:none; font-style:none; font-size:10em; color:#003399;}



#enlaces {position:absolute; top:0; left:0; margin:0; padding:0; width:50px;}
#over1 {position:absolute; top:100px; left:100px; margin:0; padding:0; width:300px; height:300px; background-color:#003399; visibility:visible;}
#over2 {position:absolute; top:100px; left:400px; margin:0; padding:0; width:300px; height:300px; background-color:#993333; visibility:hidden;}
#over3 {position:absolute; top:100px; left:700px; margin:0; padding:0; width:300px; height:300px; background-color:#FF9900; visibility:hidden;}
#mierda { position:absolute; top:450px; left:100px; margin:0; padding:0; width:300px; height:300px; background-color:#33CCFF; z-index:3;  opacity: .30; -moz-opacity: .30; filter:alpha(opacity=30);}
#into { position:absolute; top:100px; left:0px; margin:0; padding:0; width:300px; background-color:#993333; visibility:hidden; z-index:2; opacity: .100; -moz-opacity: .100; filter:alpha(opacity=100);}
#mierda:hover #into { visibility:visible;}
#mierda2 { position:absolute; top:450px; left:400px; margin:0; padding:0; width:300px; height:300px; background-color:#996699; visibility:hidden;}
#mierda3 { position:absolute; top:450px; left:800px; margin:0; padding:0; width:300px; height:300px; background-color:#FFFFFF;}
#mierda4 { position:absolute; top:470px; left:820px; margin:0; padding:0; width:200px; height:200px; background-color:#0066FF;}
#mierda5 { position:absolute; top:474px; left:824px; margin:0; padding:0; width:200px; height:200px; background-color:#999999; opacity: .50; -moz-opacity: .50; filter:alpha(opacity=50);}
#mierda6 { position:absolute; top:472px; left:822px; margin:0; padding:0; width:200px; height:200px; background-color:#333333; opacity: .50; -moz-opacity: .50; filter:alpha(opacity=50);}
#menu { position:absolute; left:400px; top:100px; background-color:#FF6699; width:100px; height:20px;}
#menu:hover #into3 { visibility:visible;}
#menu #into3 {position:absolute; left:0px; top:20px; background-color:#FFCCCC; width:300px; height:300px; visibility:hidden;}