@import url("osoa.css");

#tacohandheld{
width:220px;
height:20px;
background:#FF33CC;
}

body{
text-align:left;
font-size:70%;
background:#fff;
}

#principal{
width:220px;
}

#laguntza{
display:block;
}

#laguntza ul{
margin:0;
padding:0;
}

/*.......................CABECERA...................*/
#cabecera{
width:220px;
height:auto;
background:none;

}

#cabecera img{
display:none;
}

#fotocabecera{
width:220px;
height:20px;
background:none;
}

#fotocabecera span.invisible{
display:block;
font-size:14px;
}

#logo_idiomas{
float:left;
width:220px;
height:75px;
background:#fff;
}

#logoprincipal{
width:220px;
height:35px;
background:url(imagescss/movil_logo.jpg) no-repeat left top;
}

#logoprincipal a{
width:220px;
height:35px;
left:0;
}

#fotocabeceradinamica{
display:none;
}


/*.................idiomas...............*/

#idiomas{
padding:0 0 0 2px;
width:220px;
height:19px;
text-align:left;
border-bottom:1px dotted #CCCCCC;
}

#idiomas li{
float:left;
font-size:11px;
}

#idiomas li a#enlacerss{
display:block;
color:#000;
height:17px;
width:19px;
border-right:1px solid;
margin-right:3px;
}

#idiomas li a#enlacerss img{
margin-top:2px;
margin-right:3px;
}


/*.................fin idiomas...............*/


/*..................formulario de búsqueda................*/
#buscador{
width:210px;
margin-left:2px;
}

#quetermino{
margin-top:4px;
margin-right:2px;
width:170px;
padding-left:0;
background:#eaeaea;
}

#buscador input#buscar{ 
background:url(imagescss/movil_lupa.jpg) no-repeat left top;
width:25px;
height:25px;
float:left;
} 



/*..................fin formulario de búsqueda................*/

/*..................formulario de búsqueda de noticias, documentos...................*/
#buscador_general{
width:200px;
}

#termino{
margin-top:4px;
width:180px;
padding-left:2px;
}

select{
color:#71725e;
font-size:12px;
margin:2px 0;
height:19px;
border:1px solid #c7d7aa;
background:#fff;
}

/*..................fin formulario de búsqueda................*/

/*..................formulario de contacto...................*/
#form_contacto{
width:210px;
margin-top:4px;
}

#nombre_contacto, #email_contacto, #web_contacto{
margin-top:2px;
width:190px;
padding-left:2px;
font-size:11px;
}

#cod_antispam{
margin-top:7px;
width:190px;
padding-left:2px;
font-size:11px;
}

textarea{
padding:0 2px;
font-size:11px;
width:190px;
}


/*..................fin formulario de contacto................*/



/*.......................FIN CABECERA...................*/

/*..............MENU PRINCIPAL.............*/
#menuprincipal{
float:left;
padding:8px 0 0 2px;
width:220px!important;
width:210px;
width:auto;
height:auto;
}

#menuprincipal li{
display:block;
padding:2px 0;
height:12px;
border-right:none;
width:215px;
border-bottom:1px solid #e3e3e3;
}

#menuprincipal li a{
padding:0 0 0 2px;
}

#menuprincipal li.menuaukera{
background:#ccc;
color:#961504;
font-size:100%;
font-weight:300;
height:12px;
border-right:none;
border-bottom:1px solid #e3e3e3;
}

#menuprincipal li a:hover{
color:#000;
}

#submenu_indice li ul{
margin:2px 5px 0 8px;
width:190px;
}

/*..............FIN MENU PRINCIPAL.............*/
/*...................CONTENEDOR...............*/
#contenedor{
float:left;
margin-top:2px;
width:220px;
background:none;
}

#trescolumnas_uno{
width:220px;
}

#trescolumnas_dos{
width:220px;
}

#trescolumnas_tres{
width:220px!important;
width:217px;
}

#doscolumnas{
width:220px;
}

/*..........TÍTULOS............*/

#titulo_index_cas, #titulo_destnot_cas, #titulo_desteven_cas, #titulo_destdoc_cas, #titulo_destgal_cas, #titulo_destnot_eu, #titulo_desteven_eu, #titulo_destdoc_eu, #titulo_destgal_eu{
float:left;
width:218px;
height:auto;
background:none;
margin-top:5px;
margin-bottom:5px;
margin-left:2px;
font-size:120%;
}
#titulo_destdoc_cas, #titulo_destgal_cas, #titulo_destdoc_eu, #titulo_destgal_eu{
margin-top:0;
padding-top:5px;
}


#titulo_index_cas span.invisible, #titulo_destnot_cas span.invisible, #titulo_desteven_cas span.invisible, #titulo_destdoc_cas span.invisible, #titulo_destgal_cas span.invisible, #titulo_destnot_eu span.invisible, #titulo_desteven_eu span.invisible, #titulo_destdoc_eu span.invisible, #titulo_destgal_eu span.invisible{
display:block;
}


#titulo_destnot_cas a, #titulo_destevencas a, #titulo_destdoc_cas a, #titulo_destgal_cas a, #titulo_destnot_eu a, #titulo_desteven_eu a, #titulo_destdoc_eu a, #titulo_destgal_eu a{
display:block;
width:218px;
height:auto;
}

.titu_epigrafe{
margin-left:2px;
font-size:120%;
font-weight:600;
margin-bottom:5px;
margin-top:5px;
background:#eaeaea;
border-top:1px dotted #777;
}

.titusitem{
margin:0 0 5px 0;
}


/*...........FIN TÍTULOS.......*/

/*...............ITEMS............*/

.fondo_item{
width:220px;
padding-top:10px;
background:none;
border-top:1px dotted #777;
}

.fondo_item .itemsubrayado, .fondo_item .item, .fondo_item .itemsubrayado_pagina{
padding-left:2px;
padding-right:2px;
padding-bottom:5px;
margin-bottom:2px;
}

/*...............FIN ITEMS............*/


/*........MÁRGENES.......*/

.trescolumnas_uno_margen{
margin:0 2px;
}

.trescolumnas_dos_margen{
margin:0 2px;
}

.trescolumnas_tres_margen{
margin:0 2px;
}

.fondo_destacadas .itemsubrayado, .fondo_destacadas .itemsubrayado_pagina{
width:210px;
}

.fondo_destacadas{
margin-top:5px;
float:left;
width:220px;
background:#F2F3EB;
border-top:1px solid #ccc;
}

/*........FIN DE MÁRGENES.......*/

/*...............INDEX ALCALDE.............*/
#tacoalcalde{
background:#dddfbf;
}

#titulo_alcalde{
padding:0;
height:98px;
width:220px;
background:url(imagescss/movil_alcalde.jpg) no-repeat left top;
}

#titulo_alcalde a{
height:89px;
width:220px;
}

#comentarioalcalde{
display:none;
}

#contenidoalcalde{
padding:0 2px;
}

#tacoalcalde_menu{
padding-top:8px;
/*background:url(imagescss/indexalcalde_fondomenu_dena.jpg) no-repeat left top;*/
}

#menualcaldetitu_index{
display:none;
}
#menualcalde li{
width:216px;
}

/*...............FIN INDEX ALCALDE.............*/

/*................MENU ALCALDE DE COLUMNA LATERAL..........*/

#alcaldelateral{
width:220px;
background:#dddfbf;
margin:5px 0;
}

#titulo_alcaldelateral{
padding:0;
height:98px;
width:220px;
background:url(imagescss/movil_alcalde.jpg) no-repeat left top;
}

#titulo_alcalde_menu a{
display:none;
}

#comentarioalcaldelateral{
display:none;
}

#comentarioalcaldelateral p{
display:none;
}


#menualcaldelateral{
float:left;
padding:5px 0 0 0;
width:218px;
margin:0;
}

#menualcaldetitu{
display:none;
}

#menualcaldelateral li{
margin-top:-5px;
float:left;
width:206px;
padding-bottom:12px;
padding-left:0;
background:url(imagescss/alcalde_fondomenu_li.gif) no-repeat left bottom;
}

#menualcaldelateral li span{
padding-left:12px;
background:url(imagescss/ico_flecha_alcalde.gif) no-repeat left 4px;
font-size:110%;
font-weight:700;
color:#961504;
}

#menualcaldelateral li a{
padding-left:12px;
background:url(imagescss/ico_flecha_alcalde.gif) no-repeat left 4px;
display:block;
}
/*...............FIN MENUALCALDE_LATERAL.............*/

/*................................AGENDA.........................*/
#agenda{
float:left;
background:none;
width:220px;
}

#agenda table{
float:left;
text-align:right;
background:none;
}

#agenda td{
font-size:120%;
font-size:16px;
border-right:1px solid #fff;
border-top:1px solid #fff;
width:25px;
height:25px;
/*padding-right:10px;*/
padding-right:3px;
}

#agenda td.dia{
color:#416607;
padding-right:3px;
}

#agenda td.diactivo, #agenda td.diactivo_festivo{
color:#416607;
padding-right:3px;
background:#eaeaea;
}

#agenda td.diactivo a{
color:#416607;
}

#agenda td.diactivo_festivo a{
color:#d74004;
}

#agenda td.diactivo a:hover, #agenda td.diactivo_festivo a:hover{
color:#000;
}

#agenda td.diactivo:hover, #agenda td.diactivo_festivo:hover{
background:#ccc;
}

#agenda td.diafestivo{
color:#d74004;
padding-right:3px;
}

#agenda td.dia{
width:25px;
height:25px;
}

#agendatras{
width:auto;
height:auto;
background:url(imagescss/ico_flecha_atras.gif) no-repeat left 10px;
}

#agendatras a{
display:block;
width:25px;
height:25px;
}

#agendadelante{
width:auto;
height:auto;
background:url(imagescss/ico_flecha_alcalde.gif) no-repeat right 10px;
}

#agendadelante a{
display:block;
width:25px;
height:25px;
}

#mes1 span.invisible, #mes2 span.invisible, #mes3 span.invisible, #mes4 span.invisible, #mes5 span.invisible, #mes6 span.invisible, #mes7 span.invisible, #mes8 span.invisible, #mes9 span.invisible, #mes10 span.invisible, #mes11 span.invisible, #mes12 span.invisible{
display:block;
font-size:110%;
text-transform: uppercase;
}

#agenda table td#mes1, #agenda table td#mes2, #agenda table td#mes3, #agenda table td#mes4, #agenda table td#mes5, #agenda table td#mes6, #agenda table td#mes7, #agenda table td#mes8, #agenda table td#mes9, #agenda table td#mes10, #agenda table td#mes11, #agenda table td#mes12{
width:143px;
height:auto;
background:none;
text-align:center;
}


#cuerpoagendauno{
display:none;
}

#cuerpoagendados{
float:left;
width:220px;
}

#cuerpoagendatres{
display:none;
}

#pieagenda{
display:none;
}


/*..........................FIN AGENDA.........................*/

/*..................SUSCRIPCIÓN AL BOLETÍN.................*/
#suscripcionboletin{
width:220px;
float:left;
height:85px;
background: url(imagescss/movil_boletin_fondo.jpg) no-repeat left top;
margin-bottom:3px;
}

#suscripcionboletin_e{
width:220px;
float:left;
height:85px;
background: url(imagescss/movil_boletin_fondo_e.jpg) no-repeat left top;
margin-bottom:3px;
}

/*..................formulario de boletín................*/
#boletin{
width:195px;
margin:28px 2px 8px 20px;
}

#email{
font-size:12px;
float:left;
width:168px!important;
width:165px;
height:18px;
border:1px solid #a8cbe3;
color:#0169b0;
margin-right:3px;
}

#enviaremail{
float:left;
width:63px;
height:24px;
background:url(imagescss/boletin_boton.jpg) no-repeat left top;
}

#enviaremail:hover{
float:left;
width:63px;
height:24px;
background:url(imagescss/boletin_boton_over.jpg) no-repeat left top;
}


/*..................fin formulario de boletín................*/
/*.........................NAVEGADOR HORIZONTAL...............*/

#navegador_horizontal{
width:220px;
text-align:left;
}

.conbordes{
border:none;
padding:0 2px;
}

#navegador_horizontal ul{
padding:0;
margin:5px 0;
}

#navegador_horizontal p{
padding:0 0 0 2px;
margin:5px 0;
}

#navegador_horizontal li{
display:block;
width:210px;
}


/*.........................FIN NAVEGADOR HORIZONTAL...............*/




/*....................menu blogroll.............*/
#menu_blogroll, #submenu{
background:none;
padding:5px 0 0 0;
margin:0;
width:220px;
}

#submenu{
margin-top:5px;
}

#menu_blogroll h3, #submenu h3{
padding-left:2px;
padding-bottom:5px;
font-size:120%;
}

#entradasblogroll{
padding:0 0 5px 0;
margin:0 0 5px 0;
background:none;

}

#entradasblogroll li{
padding:0 0 8px 0;
}

#entradasblogroll li a{
margin:0 2px;
}

#submenu_indice{
padding:0 0 5px 0;
margin:0 0 5px 0;
background:none;
}

#submenu_indice li{
padding-bottom:2px;
border-bottom:1px dotted #ccc;
background:none;
}

#submenu_indice li span{
margin:0 2px;
}

#submenu_indice li a{
margin:0 2px;
}

/*.................fin menu blogroll.............*/

/*.............PÁGINA DE UBICACIÓN............*/

.enlacesabajo{
float:left;
padding-top:5px;
padding-left:2px;
padding-right:2px;
padding-bottom:5px;
margin:0;
width:210px;
overflow:hidden;
}

/*.............FIN PÁGINA DE UBICACIÓN............*/

/*.................PÁGINA BLOG ALCALDE...........*/
.pieblog{
width:218px;
background:url(imagescss/separador_blog.gif) no-repeat -34px top;
}

.vertodo, .volveratras{
background:none;
}
/*.................FIN PÁGINA BLOG ALCALDE...........*/

/*......................BANNERS..................*/

.itemsubrayado img.movil_banner, .itemsubrayado_pagina img.movil_banner, .item img.movil_banner{
float:left;
margin:5px 0;
width:200px;
}

img.movil_banner{
width:100%;
height:auto;
}

iframe#mapagoogle{
float:left;
width:100%;
height:auto;
background:none;
margin-bottom:5px;
}

/*................FIN BANNERS..............*/

/*...............................PIE......................*/
#pie{
float:left;
margin-top:5px;
padding-bottom:5px;
width:220px;
height:auto;
background:url(imagescss/pie_fondo.jpg) repeat-x left top;
}

#pie address{
margin-right:2px;
padding-top:5px;
}

address#ubicacion{
width:210px;
margin:5px 2px;
}

#menupie{
float:left;
margin:0;
padding:5px 0 0 2px;
width:220px;
}

#menupie li{
display:block;
width:210px;
padding-left:0;
border-left:none;
margin-right:0;
color:#fff;
}

#menupie li a{
color:#fff;
}

#menupie li a:hover{
color:#000;
}
/*......................FIN PIE.......................*/

/*........................VÍDEOS DEL INDEX.......................*/
.vervideo{
max-width:220px;
width:auto!important;
width:220px;
}

/*........................FIN VÍDEOS DEL INDEX.......................*/