BODY {font:62.5%  Verdana, Arial, Helvetica, sans-serif; text-align:center; background: #fff ; color:#000;}
HTML>BODY {background: #fff;}


/* 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, h4, h5, h6, pre, form, body, html, fieldset, input {margin:0; padding:0;}
:link, :visited {text-decoration:none;}
:hover {text-decoration:none;}
.clear {clear:both;} 
P { font:1.1em  Verdana, Arial, Helvetica, sans-serif; text-align:justify; line-height:2em; margin:0; margin-bottom:-0.5em;}
* html P { line-height:1.8em;}
th{font-weight:normal;}
#interior ul{margin-left:4em; margin-right:2em; position:relative;z-index:10; margin-top:1em;}
#interior ul li{padding-bottom:1em;list-style-position:inside; 
 list-style-image:url('../images/flechaLista.gif'); padding-left:0.9em; text-align:justify;line-height:1.8em; font-family:Verdana, Arial, Helvetica, sans-serif}
   #interior .ctro{text-align:center;  margin:0 auto;
 font-size:0.8em; color:#999999;}
 #interior .ctro img{ border:1px solid #F3F6F9;padding:0.5em; }

#contenedor{margin:0 auto; width:98%; background-color:#FFFFFF; padding-bottom:2em; font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1.2em; color:#000;}
#contenedor a{color:#000;}
#contenedor a:hover{color:#999999;}


input.bt{border:1px solid #2D507E; background-color:transparent; color:#FFFFFF; padding:0 1em; font-size:1.2em;}


table.tableNoticias{  border-collapse: collapse; width:96%;margin:0 auto; margin-top:2em; margin-bottom:2em;}
table.tableNoticias td{ border:1px solid #D6E0EA; padding:0.2em 0.5em;}
table.tableNoticias b{color:#2D507E;}

table.table{width:96%;margin:0 auto; margin-top:2em; margin-bottom:2em;}
table.table th{ background-color:#2D507E; color:#fff; }
table.table .dest{background-color:#F3F6F9;}
table.table td{padding:0.3em 0;  border:none;}

/*HOME*/
/*cabecera de la home*/
#cabeceraES #zonaIzda{ float:left; position: relative;}
#cabeceraES #zonaIzda h1 {position: relative; z-index: 1; }
#cabeceraES #zonaIzda h1 a { background:url('../es/images/logoAyuntamiento.png') no-repeat 0 100%; display: block; height: 106px; width: 181px }
#cabeceraES #zonaIzda h1 a span {position: absolute; z-index: -1; top:3.5em;}

#cabeceraES #zonaDcha{ float:right; width:162px; background-color:#fff; border-left:1px solid #2D507E; position:relative;
 z-index:1000; top:0; left:0; font-size:0.8em; height:106px;}
#cabeceraES #zonaDcha ul{ background-color:#FFFFFF; text-align:left; position: relative;}
#cabeceraES #zonaDcha ul li{border-top:1px solid #2D507E;padding-top:0.3em; padding-bottom:0.5em; padding-left:1em; padding-right:1em;}

#zonaCentral{height:106px; margin-right:300px; text-align:right; position:relative; z-index:1; top:0; left:181px;
 background-color:#2D507E;}

#cabeceraES #zonaCentral h1 {position: relative; z-index: 1; }
#cabeceraES #zonaCentral h1 a { background:url('../es/images/cabecera1.png') no-repeat 0 0; display: block; height: 106px  }
#cabeceraES #zonaCentral h1 a span {position: absolute; z-index: -1;}

#cabeceraEU #zonaIzda{ float:left; position: relative;}
#cabeceraEU #zonaIzda h1 {position: relative; z-index: 1; }
#cabeceraEU #zonaIzda h1 a { background:url('../eu/images/logoAyuntamiento.png') no-repeat 0 100%; display: block; height: 106px; width: 181px }
#cabeceraEU #zonaIzda h1 a span {position: absolute; z-index: -1; top:3.5em;}

#cabeceraEU #zonaDcha{ float:right; width:162px; background-color:#fff; border-left:1px solid #2D507E; position:relative;
 z-index:1000; top:0; left:0; font-size:0.8em; height:106px;}
#cabeceraEU #zonaDcha ul{ background-color:#FFFFFF; text-align:left; position: relative;}
#cabeceraEU #zonaDcha ul li{border-top:1px solid #2D507E;padding-top:0.3em; padding-bottom:0.5em; padding-left:1em; padding-right:1em;}

#cabeceraEU #zonaCentral h1 {position: relative; z-index: 1; }
#cabeceraEU #zonaCentral h1 a { background:url('../eu/images/cabecera1.png') no-repeat 0 0; display: block; height: 106px  }
#cabeceraEU #zonaCentral h1 a span {position: absolute; z-index: -1;}


#busqueda{ position:relative; z-index:10; top:-4.5em; left:-2.5em;}

#btBusquedaES{margin-right:2em;  }
input#btBusquedaES{background-color:#F3F6F9; border:1px solid #2D507E;padding:0; }
.inputWidth{width:137px;}
.selectWidth{width:141px;}

#btBusquedaEU{margin-right:2em; width:61px;}
input#btBusquedaEU{background-color:#F3F6F9; border:1px solid #2D507E;padding:0 0.34em; }

#cajaSeccion{margin-right:1.9em; margin-bottom:0.5em; height:18px; width:192px;}
input#cajonBusqueda{height:15px; width:130px;}

#menuLateral{width:167px; float:left; text-align:left; font-size:1em; }
#menuLateral h2{margin-left:2em; margin-top:1.5em; text-transform:uppercase; color:#2D507E;
 background:transparent url('../images/flecha.gif') no-repeat 0 0em;; padding-left:1em; font-size:0.9em; margin-bottom:0.5em}
 #menuLateral h2 a {text-transform:uppercase; color:#2D507E; background-color:transparent;}
#menuLateral ul{border-bottom:1px dashed #000; margin-left:2em; padding-bottom:1em;}
#menuLateral ul li{padding:0.3em 0;}


#banners{width:149px; float:right; text-align:right;}
#banners ul{margin-top:2em;}
#banners li{border-bottom:1px solid #000;}



#interiorHome, #interior{margin-right:160px; margin-left:180px; text-align:left;}
#interior p{padding:1em 2em; text-align:justify;}
#interior .dcha{float:right; margin:0.5em 2em; border:1px solid #F3F6F9; padding:0.5em; text-align:left;
 font-size:0.8em; color:#999999;}
#interior .izda{float:left; margin:0.5em 2em; border:1px solid #F3F6F9;padding:0.5em; text-align:left;
 font-size:0.8em; color:#999999;}
 #interior img.transparente {display:none}
#interiorHome h3{padding-top:2em; text-transform:uppercase; padding-bottom:0.3em; text-align:left;}
#interior h3{padding-top:2em; text-transform:uppercase; padding-bottom:0.3em; text-align:left; padding-left:2em; color:#2D507E; background-color:transparent;}
#interior h4{padding-top:2em; margin-bottom:1em; text-align:left; padding-left:2em; color:#2D507E; background-color:transparent;}
#interior h4.title {padding-top:2em; margin-bottom:-1em; display:inline;  text-align:left; padding-left:1.5em; color:#2D507E; 
background:transparent url('../images/bullet3.gif') no-repeat 0 2em; margin-left:2em; text-transform:capitalize;}
#interior p.title {padding-top:2em; margin-bottom:2em; display:inline;  text-align:left; padding-left:1.5em; color:#2D507E; 
background:transparent url('../images/bullet3.gif') no-repeat 0 2em; margin-left:2em; text-transform:capitalize; line-height:1.8em;}
#interior h4.patrimon { font:1.5em Arial, Helvetica, sans-serif; background:#eaedf2; padding:0.3em 1em; margin:0.5em 0 0em 1em; color:#2D507E; text-transform:uppercase}
#interior h5.patrimon, #interior h4.resBusq { color:#2D507E; text-transform:uppercase; background:#fff url('../images/flecha.gif') no-repeat 0.5em 50%; ; font-style:normal; font-variant:normal; font-weight:normal; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; margin-left:1em; margin-right:0; margin-top:0.5em; margin-bottom:0em; padding-left:1.4em; padding-right:1.4em; padding-top:0.3em; padding-bottom:0.3em}
#interior h6.patrimon {font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:1px dashed #d4d4d4; color:#706f6f; margin:1em 0 0 1.8em; padding:0 0 0.3em 0.4em }

#interior ul.menuh, #interior ul.menuhbottom { margin:0 auto; margin-left:1.8em; padding:0.5em ; border-bottom:1px dashed #000; margin-top:2em;}
#interior ul.menuh li, #interior ul.menuhbottom li { display:inline; margin-right:2%}
#interior ul.menuhbottom { background:#f4f6f8}

#interior #imgPatrimon { border:1px solid #cfcfcf; padding:0.7em; margin-top:0em; background:#fff;margin-left:1.8em; margin-right:0.8em; float:left; position:relative}
#interior #imgPatrimon SPAN {font:0.9em Verdana, Arial, Helvetica, sans-serif; color:#706f6f}


#interior .styleLista{padding:0em 0 0em 0.2em; font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:1px dashed #d4d4d4;
line-height:1.2em; 
}
#interior .styleListaVer{padding:0em 0 0em 0.2em; font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:0.6em;
}
#interior p.styleLista, #interior p.styleListaVer{margin-left:1.8em; margin-right:1.8em; margin-bottom:0.5em;}
#interior .styleLista span{ font-weight:bold; color:#706f6f}
#interior .styleLista a, #interior .styleLista a:visited{ text-decoration:underline; color:#990000}
#interior .styleLista a:hover{text-decoration:none;}
#interior .styleListaVer a, #interior .styleListaVer a:visited{ text-decoration:underline; color:#990000}
#interior .styleListaVer a:hover{text-decoration:none;}
#desc{margin-top:2.5em;}

#interior #piePatrimon A, #interior #piePatrimon A:visited { text-decoration:underline; color:#990000; margin:0 0 2em 1.8em; line-height:3em}
#interior #piePatrimon A:hover { text-decoration:none}

#interior DL { margin:0; padding:0; margin-left:1.8em; margin-bottom:2em; width:93%}
#interior DT { font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:1px dashed #d4d4d4; color:#990000; margin:1em 0 0em 1.8em; padding:0 0 0.3em 0.4em; font-weight:bold }
#interior DD { margin:0.3em 0 1.5em 2em; line-height:1.8em}

#migas{color:#999999; padding-top:0.5em; margin-left:2em;}
#migas a{color:#999999; text-decoration:underline;}
#migas a:hover{color:#CCCCCC;}



#zonaDchaImgP ,  #zonaIzdaImgP{width:46%; float:left; margin-right:2em; }
#zonaDchaImgP img,  #zonaIzdaImgP img{ margin-left:2em; margin-right:1em; margin-bottom:0.2em;
 margin-top:1em; padding: 0.5em; border: 1px solid #CCC;text-align:right; width:175px; height:150px}
#zonaDchaImgP span, #zonaIzdaImgP span{font:0.8em Verdana, Arial, Helvetica, sans-serif; 
color:#706f6f;float:right; text-align:right; margin-right:-4em; }
.zona{ float:left;width:175px; height:210px; display:block; background-color:transparent; margin-right:2.5em;}

#zonaIzdaImgP a{text-decoration:underline; color:#990000}
#zonaDchaImgP a{text-decoration:underline; color:#990000}
#zonaIzdaImgP a:hover{text-decoration:none;}
#zonaDchaImgP a:hover{text-decoration:none;} 


#numeracionImg{text-align:left; color:#999999; font-size:0.9em; margin-left:3em;}
#numeracionImg a{font-size:1em;}

#mapaDcha{width:45%; float:left;}
#mapaIzda{width:50%;float:left; margin-right:0; }
#mapaIzda ul, #mapaDcha ul{margin-left:0;}
#mapaIzda ul span, #mapaDcha ul span{ font-weight:bold; color:#2D507E; text-decoration:underline; background-color:transparent;}
#mapaIzda ul li, #mapaDcha ul li{margin-left:0; text-transform:uppercase; padding-bottom:0.3em }
#mapaIzda ul li ul li, #mapaDcha ul li ul li{margin-left:0; text-transform:capitalize; }
#mapaIzda ul li ul li ul li, #mapaDcha ul li ul li ul li{margin-left:0; text-transform:capitalize;}
#mapaIzda 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{ padding-left:0; padding-left:0; margin-left:2em}
#mapaIzda ul li ul li ul li a{padding-left:0; margin-left:0}



#interior .capaResultado {border:1px solid #2d507e; width:92%; height:18.5em; margin:0 auto; background:#f3f6f9; margin-left:2em; margin-top:1.5em; }
#interior .capaResultado H5 {background:#94a8c2; color:#fff; font:1.4em Verdana, Arial, Helvetica, sans-serif; padding:0.4em 1em}
#interior .capaResultado img {float:left; padding:0.5em; border:1px solid #666666; margin:1.5em 1em; background:#ffffff}
#interior .capaResultado P {padding:0 1.5em; font-size:0.9em; padding-top:1.3em;}
#interior .capaResultado A, #interior .capaResultado A:visited { text-decoration:underline; color:#990000}
#interior .capaResultado A:hover { text-decoration:none}

#interior a.enlace , #interior a:visited.enlace  { text-decoration:underline; color:#990000}
#interior a:hover.enlace  { text-decoration:none}
#interior a.enlace1 , #interior a:visited.enlace1  { text-decoration:underline; color:#990000; background:#fff url(../images/cercanias.jpg) 0 0 no-repeat;  padding-left:7em; padding-bottom:0.5em;}
#interior a:hover.enlace1, #interior a:hover.enlace2, #interior a:hover.enlace3  { text-decoration:none}
#interior a.enlace2 , #interior a:visited.enlace2  { text-decoration:underline; color:#990000; background:#fff url(../images/mediadistancia.gif) 0 0 no-repeat; padding-left:8.5em;}
#interior a.enlace3 , #interior a:visited.enlace3  { text-decoration:underline; color:#990000; background:#fff url(../images/ave.jpg) 0 0 no-repeat; padding-left:4em; padding-bottom:0.5em;}

.nota{ color:#990000}

#interior .capaResultado2 {border:1px solid #2d507e; width:92%; margin:0 auto; background:#f3f6f9; margin-left:2em; margin-top:3em; }
#interior .capaResultado2 H5 {background:#94a8c2; color:#fff; font:1.4em Verdana, Arial, Helvetica, sans-serif; padding:0.4em 1em; text-transform:uppercase;}
#interior .capaResultado2 P {padding:1.5em; font-size:0.9em}
#interior .capaResultado2 A, #interior .capaResultado A:visited { text-decoration:underline; color:#990000}
#interior .capaResultado2 A:hover { text-decoration:none}



#destacados{background-color:#2D507E; width:100%;}
#listado{padding:1em;}
#destacados td {vertical-align:top;}
#listado li{padding-bottom:0.5em;}
#listado li a{background:transparent url('../images/flechaBlanca.gif') no-repeat 0 0.5em; color:#fff; font-size:0.9em; padding-left:1em; padding-right:1em; padding-top:0.5em; margin-bottom:1em}
#destacados img{text-align:right;float:right;padding:0.5em;} 
#destacados td#imagen{vertical-align:top;}
#destacados td#ampliar{ font-size:0.9em; padding-left:1em; vertical-align:bottom;}
#destacados #ampliar a{color:#CCCCCC;}





#seccionesHome{margin-top:1em;}
#seccionesHome #seccion1{float:left; width:48.5%;}
#seccionesHome #seccion2{float:right; width:48.5%;}
#seccion1, #seccion2{text-align:left; border:1px solid #2D507E; background-color:#F3F6F9; font-size:0.9em;}
#seccion1 p, #seccion2 p{margin:0em; padding:0em;  text-align:right; margin-right:1em; margin-top:1em;}
#seccion1 ul, #seccion2 ul{margin-left:1em; margin-right:1em;}
#seccion1 ul li, #seccion2 ul li{ background:url('../images/flecha.gif') no-repeat 0 1em; padding-left:1em; padding-top:1em}
#seccionesHome .seccionimg{background-color:#FFFFFF;}
#seccion1 h3, #seccion2 h3{background-color:#94A8C2;text-align:left; text-transform:uppercase; color:#fff; font-size:1.2em;
 padding:0.5em; }


p#fechaArt{padding:0em 2em;text-align:justify; }
#interior ul.listado{padding:1em 0em; text-align:left; border:1px solid #2D507E; margin:-0.9em 1em 0 1em; background-color:#F3F6F9}
#interior ul.listado li{margin-bottom:0.5em; border-bottom:1px solid #E8EEF4; background:none; padding-bottom:0.3em;list-style-image:url('none'); padding-right:0.8em;}
#interior ul.listado li span{font-size:0.9em; color:#999;}
#interior h4.h4Listado{background:transparent url('../images/flecha.gif') no-repeat 1em 2em; font-size:1.1em;
 margin-top:1.5em; padding-top:2em; margin-bottom:1em; text-align:left; padding-left:2em; color:#2D507E}
 
 #interior ul.listadoImg{padding:1em 0em; text-align:left; border:1px solid #2D507E; margin:-0.9em 1em 0 1em; background-color:#F3F6F9}
#interior ul.listadoImg li{margin-bottom:0.5em; border-bottom:1px solid #E8EEF4; background:none; padding-bottom:0.3em;list-style-image:url('none'); padding-right:0.8em;}
#interior ul.listadoImg li span{font-size:0.9em; color:#999;}


#interior table.extras{width:100%; float:left;}
#interior ul.listadoGral{ padding:2em 2em; text-align:left; border:1px solid #2D507E; margin:2em 1em; background-color:#F3F6F9}
#interior ul.listadoGral li{margin-bottom:1.5em; border-bottom:1px solid #E8EEF4; background:url('../images/flecha.gif') no-repeat 0 0; 
padding-left:1em; list-style-image:url('none'); padding-bottom:0.4em}
.numeracion{text-align:right; margin-right:3em; padding-top:1em; color:#999999; font-size:0.9em;}
.numeracion a{font-size:1em;}


/*comienzan estilos propios de beasain*/

#interior #noticiasListado{margin:1.5em 2em;}
#interior #noticiasListado li{ list-style-image:url('none'); background:url('../images/flecha.gif') no-repeat 0.3em 1em; padding-left:1.3em; padding-right:0.2em; padding-top:1em; padding-bottom:1em}
#interior #noticiasListado li.dest{background-color:#F3F6F9;}
#interior #noticiasListado li span{font-size:0.9em; color:#999;}


.form{ text-align:right; width:70%; margin-bottom:1em;}
.form2{ text-align:right; width:50%; margin-bottom:1em; margin-top:2em}

.forms{margin:0 auto; text-align:right; width:44.6%; margin-bottom:1em;}
.forms2{text-align:left; width:44.6%; margin-bottom:1em; margin-left:15.3em;}
.forms2_eu{text-align:left; width:44.6%; margin-bottom:1em;  margin-left:19.2em;}

select#asunto{width:12.1em;}
select#buzonSelect{width:12.1em;}
textarea#buzonTxt{margin-left:16%;}

.separacion{border-top:5px solid #F6F8FA; margin:2em 0.5em; text-align:right;}
.separacion input{margin-top:0.3em;}
input.bt{border:1px solid #2D507E; background-color:#94A8C2; color:#FFFFFF; padding:0 1em; font-size:1.2em;}
.numNoticias {margin-right:1.5em; text-align:right;}
.numNoticias a{font-size:0.9em;}
.numNoticias a:hover{color:#999999;}





.titleDni{ font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:1px dashed #d4d4d4; color:#990000; margin:2em 0 1.5em 1.5em; padding:0; font-weight:bold }
.formDni{margin-left:1.5em; margin-bottom:0.5em;}
#interior h4.dni { font:1.3em Arial, Helvetica, sans-serif; background:#eaedf2; padding:0.3em 1em; margin:0.5em 0 0em 1em; color:#2D507E; text-transform:uppercase; margin-bottom:1.5em; margin-top:2em;}

/*menu*/
li#fecha{ background-color:#2D507E; color:#fff;padding:0.5em 0; font-size:0.8em; width:180px;}
#zonaMenu{  background-color:#fff; display:block; border:1px solid #000;}

.menu { width:100%; position:relative; margin:0; font-size:1em; z-index:100; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;
 color:#000; height:20px; padding-right:0.5em; padding-left:0.5em; text-align:left; color:#000;
 border-left:1px solid #fff;border-right:1px solid #fff; border-bottom:1px solid #fff;
background-color:transparent;  line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:0px; position:relative;}
.menu ul li ul {display: none;}
.menu ul li ul li {width:170px;}
.menu ul li ul li a{width:170px;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:155px;}
.menu ul li:hover ul li a.hide {background:#9e9e9e; color:#000;}

.menu ul li:hover ul li:hover a.hide {background:#9e9e9e; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#F3F6F9; color:#000; border-bottom: 1px solid #2D507E;
 border-right: 1px solid #2D507E; border-left: 1px solid #2D507E;width:170px;}
.menu ul li:hover ul li a:hover {background-color:#2D507E; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:115px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-115px;}

#pie{border-top:1px solid #000;margin-top:5em;}
#pie #pieIzqdo{float:left; width:40%; text-align:left; margin-left:1em; margin-bottom:1em; margin-top:1em;}
#pie #pieDcho{float:right; width:50%; text-align:right; margin-right:1em; margin-bottom:1em; margin-top:1em;}
#error{ background-color:#FDFEEE; padding-bottom:0.5em;margin-left:1.3em;}
#error ul{margin-left:0.9em;}
#error ul li{list-style:none;}
.errorMessage{color:#999;  font-weight:lighter;}

.nota{color:#D7232F;font-family:Verdana, Arial, Helvetica, sans-serif;}

#agenda{ background-color:#F3F6F9; border:1px solid #2D507E;  padding:0.9em 0 0.9em 1.5em; margin:0.5em 1em;}
#agenda a{ background:url(../images/imgAgenda.png) no-repeat 0 0;  padding:0.5em 0 0.5em 2.5em;
 font-weight:bold; color:#2D507E; background-color:transparent;}

#formDiasrenov {margin:0 auto; width:95%;}
.filaForm {width:95%; padding-bottom:10px; height:20px}
.filaForm LABEL {color:#000; font-weight:normal}
.filaForm span.etiqueta {width:35%; height:20px; line-height:20px; float:left; text-align:right}
.filaForm span.campos {width:62%; height:auto; float:right; text-align:left} 

p#error{ background:url(../images/important.png) 0 0 no-repeat; margin-left:3%; margin-right:3%; padding-left:2em; padding-top:0.2em; margin-top:3em; margin-bottom:6em; font-size:1.1em;font-family:Verdana, Arial, Helvetica, sans-serif;}

#gal{margin-left:5%;}

#bannerImage{float:right; height:327px;
width:48.5%; background:url(../images/beasainImagenes.png) 0 90% no-repeat;}
#bannerImage img{padding-top:4em;}
#bannerImage a{height:327px; width:100%; display:block}