/* ------------------------------------- General -----------------------------------*/
body {
	margin: 0px;
	padding:0px;
	font-family: Helvetica,Arial, sans-serif;
	font-size: 75%;
	color:#333333;
	}

img{border:0px;}

acronym {cursor: help; text-decoration:underline;}

/* ------------------------------------- Cookies -----------------------------------*/

#overbox3 {
		    position: fixed;
		    bottom: 0px;
		    left: 0px;
		    width: 100%;
		    z-index: 999999;
		    display: block;
		}
		#infobox3 {
		    margin: auto;
		    position: relative;
		    top: 0px;
		    height: 58px;
		    width: 100%;
		    text-align:center;
		    background-color: #eeeeee;
		    padding-bottom: 20px;
		}
		#infobox3 p {
		    line-height:58px;
		    font-size:12px;
		    text-align:center;
		}
		#infobox3 p a {
		    margin-right:5px;
		    text-decoration: underline;
		}

/* ----------------- Tablas ------------ */


caption {color: #F06; text-align: left;}
table {margin: 0 0 20px 0; padding: 0; border-collapse: collapse; width: 100%; border:1px solid #dfdad3;}

td, th {padding: 7px 8px; border-bottom: 1px solid #ddd; color: #333; vertical-align:middle; text-align:left;}
td + td {border-left: 1px solid #FAFAFA; color: #333;}
td + td + td {color: #333; border-left: none;}
td a {}
td a, th a {}
td a:hover {}


tfoot th {text-align: right;}
th {text-align: left; color:#333; background-color:#dfdad3;}
th + th {text-align: left;}
th + th + th {text-align: left;}
th a {color: #F06; text-decoration: none;}
th a:visited {color: #F69;}
th a:hover {color: #F06; text-decoration: underline;}
thead th {color: #555; background-color:#c3bfbc;}
thead tr, tfoot tr {color: #555; }
tr {font: 100% sans-serif; background: url(/bundles/tudela/img/interfaz/bg_degradado_tabla.png) repeat-x #F8F8F8; color: #666;}
tr:hover {background: #eee;}


/* ----------------- ENLACES ------------*/
/* ----------------- General ------------*/

a {
	color: #C03;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

a:hover{
	text-decoration: underline;	
}


/* ----------- ENCABEZADOS -------------*/
h1,h2,h3,h4 {
	font-family: 'Asap', sans-serif;
	font-weight:400;
	}

h1 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	font-size:220%;
	clear:both;
	text-align:left;
	font-weight: 200;
	color:#444;
	line-height:110%;
	}

h2 {
	padding:8px 10px 8px 10px;
	margin:10px 0px 10px 0px;
	font-size:130%;
	text-align:left;
	clear:both;
	color:#fff;
	text-transform:uppercase;
	background-color: #716e6f;
	
	
	}
h2 a{ color:#fff;font-weight:lighter;}
	
h3 {
	background-color:#dfdad3;
	clear:both;
	padding:5px 8px;
	margin:10px 0px 5px 0px;
	color: #444;
	text-align:left;
	font-size:120%;
}


h4 {
	color:#333333;
	font-size:120%;
	padding:3px 5px 3px 0px;
	margin:10px 0px 5px 0px;
	clear:both;
	font-weight: 700;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:100%;
	padding:0px;
	margin:15px 0px 5px 0px;
	clear:both;
}



p	{
	margin:0px 0px 10px 0px;
	padding:0px;
	}
	
	
/* ------------------------------------- CAPAS ESTRUCTURA -----------------------------------*/

/* ------------------------------------- cabecera -----------------------------------*/

#cabecera {
	padding:0px;
	margin:0px auto;
	width:960px;
	height:100px;
	background-repeat:no-repeat;
	background-position:right;
}

#logo {
	float:left;
	width:300px;
	padding:0px;
	margin: 15px 0px 0px 0px;
}

#cab_links {
	float:right;
	padding: 0px;
	margin: 20px 0px;
}

#cab_links a {color:#666; font-weight:normal;}

/* ------------------------------------- menu -----------------------------------*/
#menu_contenedor{
	padding:0px;
	margin:0px;
	height:35px;
	border:1px solid #03C;
	}

#menu {
	width:960px;
	padding:0px 0px;
	margin:0px auto;
	text-transform:uppercase;
	border:1px solid #c30;
	}


/* ------------------------------------- zona slide (home) -----------------------------------*/
#slide_contenedor{
	padding:0px 0px;
	margin:0px auto;
	background: #dedad3;
	}
	
#slide_cuerpo{
	width:960px;
	padding:0px 0px;
	margin:0px auto;
	height:300px;
	z-index:10;
}

#slide_izda {
	float:left;
	width:610px;
	padding:0px 0px;
	margin:20px 20px 20px 0px;
	border: 5px solid #fff;
	z-index:20;
}
#slide_dcha {
	float:right;
	width:310px;
	padding:0px 0px;
	margin:20px 0px 0px 0px;
	z-index:30;
}

#slide_dcha div{
	float:right;
	border:5px solid #FFF;
	width:280px;
	height:52px;
	padding:10px 10px 0px 10px;
	margin:0px 0px 22px 0px;
	background-color:#868280;
	z-index:30;
	color:#fff;
}

#acc_alcalde{ background:url(/bundles/tudela/img/home_acc_alcalde.jpg) no-repeat bottom right;}
#acc_twitter{ background:url(/bundles/tudela/img/home_acc_twitter.jpg) no-repeat bottom right;}
#acc_aqs	{ background:url(/bundles/tudela/img/home_acc_aqs.jpg) no-repeat bottom right;}
#acc_guia 	{ background:url(/bundles/tudela/img/home_acc_guia.jpg) no-repeat bottom right;}
#acc_farmacia 	{ background:url(/bundles/tudela/img/home_acc_farmacia.jpg) no-repeat bottom right;}
#acc_transparencia { background:url(/bundles/tudela/img/home_acc_transparencia.jpg) no-repeat bottom right;}
#covid19 { background:url(/bundles/tudela/img/home_acc_covid19.jpg) no-repeat bottom right;}
#ffe { background:url(/bundles/tudela/img/home_acc_ffe.jpg) no-repeat bottom right;}
#acc_banner03 	{ background:url(/bundles/tudela/img/home_acc_banner03.jpg) no-repeat bottom right;}
#acc_presupuestos 	{ background:url(/bundles/tudela/img/home_acc_presupuestos.jpg) no-repeat bottom right;}

#slide_dcha div h2{color:#333; background:none; margin:0px; padding:5px 0px; font-size:130%; text-transform:none;}
#slide_dcha div a{color:#dedad3;}

/* ------------------------------------- ruta -----------------------------------*/
#ruta_contenedor{
	padding:0px;
	margin:0px;
	background: #dedad3;
	}
	
#ruta {
	width:950px;
	padding:10px 0px;
	margin:0px auto;
	color:#ada29d;
	font-size:90%;
	}

#ruta_share {
	float:right;
	width:100px;
	padding: 0px;
	margin:0px;
	}

/* ------------------------------------- cuerpo (contenido) -----------------------------------*/
#cuerpo_contenedor{
	padding:0px;
	margin:0px;

	background: url(/bundles/tudela/img/interfaz/bg_cuerpo.gif) repeat-x top #ffffff;

	}
#cuerpo {
	width:960px;
	padding:30px 0px 20px 0px;
	margin:0px auto;
	color:#444;
	line-height:140%;
	}
	
	
/* ------------------------------------- secc. estaticas interiores (cuerpo) -----------------------------------*/	

#lateral{
	width:199px;
	float:left;
	border-right:1px solid #999;
	padding:20px 20px 10px 0px;
	background:url(/bundles/tudela/img/interfaz/bg_sombra_submenu_izda.png) no-repeat top right;
	}
		
#principal{
	width:720px;
	float:left;
	padding:0px;
	margin:0 0 0 20px;
	text-align: left;
	border:0px solid #aaa;
	}	



/* ------------------------------------- compartir -----------------------------------*/
#compartir_contenedor{
	padding:0px 0px;
	margin:0px;
	background: #dedad3;
	}	
#compartir {
	background: url(/bundles/tudela/img/interfaz/bg_sombra_big.png) top center no-repeat;
	width:960px;
	padding:20px 0px 10px 0px;
	margin:0px auto;
	color:#666;
	font-size:95%;

	}



/* ------------------------------------- destacados -----------------------------------*/
#destacados_contenedor{
	padding:0px 0px;
	margin:0px;
	background: #bab5ae;
	}	
#destacados {
	background: url(/bundles/tudela/img/interfaz/bg_sombra_destacados.png) top center no-repeat;
	width:960px;
	padding:30px 0px;
	margin:0px auto;
	color:#999;
	font-size:95%;
	height:230px;
	}


/* ------------------------------------- zona inferior (home) -----------------------------------*/
#inferior_contenedor {
	padding:0px;
	margin:0px;
	background: #312c2e;
	border-top:1px solid #ccc;
	}

#inferior {
	width:960px;
	padding:20px 0px;
	margin:0px auto;
	clear:both;
	line-height:1.5em;
	color:#929191;
	background: url(/bundles/tudela/img/interfaz/bg_sombra_big.png) top center no-repeat;
	}

#inferior h4 {color:#ddd; text-transform:none; font-size:140%;}
#inferior label {color:#dfdad3;}	
	
/* ------------------------------------- pie -----------------------------------*/
#pie_contenedor {
	padding:0px;
	margin:0px;
	background: #272123;
	border-top:1px solid #555;
	}

#pie {
	width:960px;
	padding:20px 0px;
	margin:0px auto;
	clear:both;
	color:#ada29d;
	height:60px;
	}

#pie a{ color:#CCC; font-weight:normal;}

#pie_copy{float:left; padding:10px; width:850px;}

#pie_subir {float:right; padding:00px; width:30px;}

.ico_movil{ background:url(/bundles/tudela/img/iconos/ico_pie_movil.png) no-repeat left; padding:2px 0px 2px 18px;}


/* ------------------------------------- CLASES -----------------------------------*/

/* ------------------------------------- comunes -----------------------------------*/

.clearcapa {clear:both;}
.separador {clear:both;	margin:0px;	padding:0px;	font-size:1%;}
.mini{font-size:90%; color:#666666;}
.fecha{font-size:90%; color:#666666;}
.oculto{display:none;}
.tecla {text-decoration: underline;} 

.separah2 {margin-top:40px;}

/* ------------------------------------- RSS -----------------------------------*/

.rss {float:left;margin-right:10px;}

/* ------------------------------------- iconos -----------------------------------*/

.ico_pdf{ background:url(/bundles/tudela/img/iconos/16_file.gif) no-repeat left; padding:2px 0px 2px 20px;}
.ico_link{ background:url(/bundles/tudela/img/iconos/16_link.gif) no-repeat left; padding:2px 0px 2px 20px;}
.ico_mail{ background:url(/bundles/tudela/img/iconos/16_mail.gif) no-repeat left; padding:2px 0px 2px 18px;}
.ico_telf{ background:url(/bundles/tudela/img/iconos/16_phone.gif) no-repeat left; padding:2px 0px 2px 18px;}
.ico_twitter{ background:url(/bundles/tudela/img/iconos/16_twitter.png) no-repeat left; padding:2px 0px 2px 18px;}
.ico_facebook{ background:url(/bundles/tudela/img/iconos/16_facebook.png) no-repeat left; padding:2px 0px 2px 18px;}
.ico_youtube{ background:url(/bundles/tudela/img/iconos/16_youtube.png) no-repeat left; padding:2px 0px 2px 18px;}




/* ------------------------------------- ENLACES TIPO BOTON -----------------------------------*/

/* ------------------------------------- boton +info -----------------------------------*/
.boton_masinfo {
	overflow: hidden;
    margin: 15px 0px;
    padding: 15px 0;
    clear: both;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
.boton_masinfo a{
	background-color: #ddd;
	color:#666;
	padding:6px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 10px;
	}
.boton_masinfo a:hover{
	background-color: #c00;
	color:#FFF;
	text-decoration:none;
	}
	
.boton_masinfo_widget {
	overflow: hidden;
    margin: 15px 0px;
    padding: 10px 0 !important;
    clear: both;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
.boton_masinfo_widget a{
	background-color: #ddd;
	color:#666;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 10px;
	}
.boton_masinfo_widget a:hover{
	background-color: #c00;
	color:#FFF;
	text-decoration:none;
	}
	
.inferior {
	border:none;
	padding:0px 0px 0px 0px;
	}
.inferior a {
	background-color: #8e8a85;
	color:#FFF;
	}
	
.inferior a:hover{
	background-color: #927e8e;
	text-decoration:none;
	}
	
	
/* ------------------------------------- boton volver -----------------------------------*/
.boton_volver {
	clear:both;
	margin:15px 0px;
	padding:20px 0px 0px 0px;
	border-top: 1px dotted #CCC;
	}
.boton_volver a{
	background-color: #ddd;
	font-size:100%;
	font-weight:normal;
	color:#666;
	padding:4px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
.boton_volver a:hover{
	background-color: #999;
	color:#FFF;
	text-decoration:none;
	}
/* ------------------------------------- imagenes -----------------------------------*/

.fotoparrafode {
	float: right;
	padding: 1px;
	margin: 5px 0px 10px 10px;
}

.fotoparrafoiz {
	float: left;
	padding: 1px;
	margin: 5px 10px 10px 0px;
}

.fotomarco {
	padding: 1px;
	margin: 5px 5px 0px 0px;
	border: 2px solid #dce3e5;
}

.fotoparrafomarcode {
	float: right;
	padding: 1px;
	margin: 5px 5px 0px 0px;
	border:3px solid #e4e1d6;
}

.fotoparrafomarcoiz {
	float: left;
	padding: 1px;
	margin: 0px 10px 10px 0px;
	border:2px solid #e4e1d6;
}


.fotoinfo{}

.caption {
	background: #fff;
	font-size: 90%;
	padding: 5px 8px;
	color: #333;
	margin-bottom:10px;
	margin-right:10px;
}







/* ------------------------------------- LISTAS -----------------------------------*/

/* ----------------- general ------------*/
ul{
	margin:0px;
	padding:0px;
}
li{
	list-style-type:none;
	margin:0px;
	padding:0px;
	line-height:120%;
}


/* ----------------- submenu lateral ------------*/

#submenu{ }
		
#submenu li {border-bottom:1px dotted #ccc; padding:5px 0px;}
#submenu li a{ color:#333;}		
#submenu ul li {border-bottom:none; border-top:1px dotted #ccc; padding: 5px 0px 5px 0px; margin:0px 0 0 15px;}
#submenu li li a{ color:#888;}	
#submenu ul li li {}

#submenu a:hover{color:#333;}
#submenu ul a{}
#submenu ul a:hover{color:#888;}

#submenu ul{ margin:5px 0 0 0;}
#submenu li ul {display:none;}
		
		
.submenu_desplegar {
	float:right;
	background-color:#eee;
	padding:0px 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
.submenu_desplegar:hover {background-color: #ccc; text-decoration:none;}



/* ----------------- ruta ------------*/
#ruta ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
	}
	
#ruta li {
	display:inline;
	background: url(/bundles/tudela/img/interfaz/bullet_lista_destacados.png) no-repeat left center;
	padding: 0px 0px 0px 8px;
	margin:0px 0px 0px 5px;
	font-weight:normal;
	color:#666;
	}
	
#ruta li a{
	display:inline;
	text-decoration: none;
	font-weight:normal;
	color:#333;
	}
	
#ruta a:hover {
	text-decoration: underline;
	}


.ruta_tu-ciudad 		{ border-top:5px solid #d94a3d;	}
.ruta_turismo 		{ border-top:5px solid #C63;	}
.ruta_noticias  	{ border-top:5px solid #9da346;	}
.ruta_tu-ayuntamiento			{ border-top:5px solid #7698a1;	}
.ruta_ventanilla-municipal 	{ border-top:5px solid #927e8e;	}



/* ----------------- clases para listas ----------------*/


/* ----------------- listado ------------*/
ul.listado {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
.listado li {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 3px 15px;
	text-decoration: none;	
	text-align: left;
	border-bottom:1px dotted #ccc;
	background-image:url(/bundles/tudela/img/interfaz/bullet_lista_destacados.png);
	background-repeat:no-repeat;
	background-position:3px 8px;
}
.listado li a{
	display:inline;
	text-decoration: none;
}
.listado a:hover {
	text-decoration: underline;
}


.listado li ul li {border-bottom:none; border-top:1px dotted #ccc; padding: 5px 0px 3px 15px; margin-top:2px;}


/* ----------------- zona inferior (home) ------------*/
.lista_inferior ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.lista_inferior li {
	margin: 0px 0px 0px 2px;
	padding: 5px 0px 5px 15px;
	text-decoration: none;	
	border-bottom:1px dotted #565555;
	background-image:url(/bundles/tudela/img/interfaz/bullet_lista_destacados.png);
	background-repeat:no-repeat;
	background-position:3px 8px;
	color:#ddd;
}
.lista_inferior li a{
	display:inline;
	text-decoration: none;
	color:#ddd;
	font-weight:normal;
}
.lista_inferior a:hover {
	color:#6CC;
}





/* ----------------- RECUADROS  ------------------*/

.recuadro_info, .recuadro_ok, .recuadro_att, .recuadro_ko {
       border: 1px solid;
       margin: 20px 0px;
       padding:15px 10px 15px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
       position:relative;   
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
.recuadro_info {
       color: #00529B;
       background-color: #BDE5F8;
       background-image: url('/bundles/tudela/img/ico_info.gif');
}
.recuadro_ok {
       color: #4F8A10;
       background-color: #DFF2BF;
       background-image:url('/bundles/tudela/img/ico_ok.gif');
}
.recuadro_att {
       color: #9F6000;
       background-color: #FEEFB3;
       background-image: url('/bundles/tudela/img/ico_att.gif');
}
.recuadro_ko {
       color: #D8000C;
       background-color: #FFBABA;
       background-image: url('/bundles/tudela/img/ico_ko.gif');
}




/* ------------------- FORMULARIOS -------------------*/


form {
padding: 0px 0px 20px 0px;
margin:0px;
}

input{
	color:#333333;
	font-size:100%;
	border:1px solid #aaa;
	padding:4px 6px;
	margin:2px 0px 10px 0px;
	background: url(/bundles/tudela/img/interfaz/bg_degradado_tabla.png) repeat-x #F8F8F8;
	}
 	
.over{
	border:1px solid #C00;
	}
	
select{
	color:#333333;
	font-size:100%;
	border:1px solid #aaa;
	padding:4px 6px;
	margin:2px 0px 10px 0px;
	background: url(/bundles/tudela/img/interfaz/bg_degradado_tabla.png) repeat-x #F8F8F8;
	}
	
label{color:#666; }	

fieldset{
	border:1px solid #e3e0dd;
	color:#5e594f;
	padding:20px;
	margin:20px 0px;
	}
	
legend{
	font-size:90%;
	text-transform:uppercase;
	padding:5px;
	}

textarea{
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%;
	color: #333333;
	border:1px solid #aaa;
	padding:4px 6px;
	margin:0px 0px 10px 0px;
	background: url(/bundles/tudela/img/interfaz/bg_degradado_tabla.png) repeat-x #F8F8F8;
	}
submit{
	border:1px solid #565048;
	padding-left:3px;
	}

.botontxt{
	border:1px solid #fff;
	background-color: #C66;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	text-decoration:none;
	}
	
.botontxt:hover{
	background-color: #65696e;
	color:#FFFFFF;
	padding:5px;
	cursor:pointer;
	text-decoration:none;
	}
	
	
	
/* ----------------- cuadros respuesta ------------*/


.message {
	 padding:0px;
	 position:relative;
	 padding-right:15px;
	 border: dotted 1px !important;
	}

.message li{
	 list-style-type: none;
	 margin-left: 10px;
	}



.message ul{
	  margin: 5px 0px;
	}

.message.valid {
	 background: #E5EDC4;
	 padding: 10px 20px;
	 margin-bottom: 15px;
	}

.message.invalid {
	 background: #F6B9B9;
	 color: #C32727;
	 margin: 10px 0px;
	 width: 350px;
	}



.message.info {
	 background-color: #D9EFFF;
	 color: #2E6093 !important;
	}

.message.alert {
	 background-color: #FFF3BB;
	 color: #9E660C !important;
	}

.close {
	 position: absolute;
	 right:3px;
	 top: 0px;
	 font-weight:bold;
	 font-size:10px;
	 padding:10px;
	 cursor:pointer;
	}
		
	
/* ------------------------------------- ACTUALIDAD -----------------------------------*/

/* ----------------- capas ------------*/

#actualidad_index {
	float:left;
	width: 800px;
	}
	
.actualidad_col{
	float:left;
	width: 360px;
	padding:0px;
	margin: 0px 30px 0px 10px;
	}


#actualidad_datos{
	padding:5px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	}

#actualidad_paginacion {
	clear:both;
	border-top: 1px dotted #CCC;
	padding:10px 0px 10px 0px;
	margin:10px 0px 0px 0px;
	}

#actualidad_desarrollo {
	float:left;
	width: 520px;
	padding:0px 20px 10px 10px;
	}

#actualidad_ultimas {
	float:left;
	width: 220px;
	border-left:1px solid #999;
	padding:0px 20px 10px 20px;
	background:url(/bundles/tudela/img/interfaz/bg_sombra_submenu_dcha.png) no-repeat top left;
	}

#actualidad_categorias {
	float:right;
	width: 120px;
	border-left:1px solid #999;
	padding:20px 0px 20px 20px;
	background:url(/bundles/tudela/img/interfaz/bg_sombra_submenu_dcha.png) no-repeat top left;
	}


/* ----------------- textos e imagenes ------------*/


#actualidad_desarrollo h1{
	padding:0px;
	margin:0 0 5px 0;
	color:#444;	
	}
	
#actualidad_ultimas h3{
	border-top: 1px dotted #CCC;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:none;
	}

#actualidad_ultimas h3 a{
	font-weight:lighter;
	}


.lista_actualidad h2{ background:none; border-top: 1px dotted #CCC; padding:15px 0 0 0; margin:15px 0px 5px 0px; text-transform:none; font-size:140%; }
.lista_actualidad h2 a{ font-weight:lighter; }

.lista_actualidad h3{ background:none; border-top: 1px dotted #CCC; padding:15px 0 0 0; margin:15px 0px 5px 0px; text-transform:none; font-size:140%;}
.lista_actualidad h3 a{ font-weight:lighter;}

.lista_actualidad img{ float:left; margin:0px 10px 10px 0px; }

.desarrollo_actualidad h2{ font-size:150%;  margin:5px 0px 5px 0px; line-height:120%;}

.fecha_actualidad{ color:#999; background:url(/bundles/tudela/img/iconos/ico_reloj_fecha.png) no-repeat left center; padding:0px 0px 0px 12px; }
.categ_actualidad a{ color: #333; font-weight:normal; font-style: italic;}


/* ----------------- colores noticias y anuncios ------------*/
.anuncio h2 a{color:#949a3b; }
.noticia h2 a{color:#C00;}

.anuncio h3 a{color:#949a3b;}
.noticia h3 a{color:#C00;}



/* ----------------- imagenes noticias y anuncios ------------*/

#actualidad_masfotos  {
	width:500px;
	margin:10px 0px 20px 0px;
	}

#actualidad_masfotos img {
	float:left;
	margin:5px 5px 0px 0px;
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	}
	

#actualidad_masfotos img:hover {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	}

/* ------------------------------------- botones paginacion  -----------------------------------*/

#actualidad_paginacion .current{
	background-color: #999;
	font-size:100%;
	font-weight:normal;
	color:#fff;
	padding:4px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	
#actualidad_paginacion .first{
margin-right:3px; 
	}
	
#actualidad_paginacion a{
	background-color: #ddd;
	font-size:100%;
	font-weight:normal;
	color:#666;
	padding:4px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}	
#actualidad_paginacion a:hover{
	background-color: #c30;
	color:#FFF;
	text-decoration:none;
	}
	



/* ------------------------------------- BOTÓN COMPRA TICKETS -----------------------------------*/

.bt_gr_rojo{
background: url(/bundles/tudela/img/interfaz/tickets-cultura.png) no-repeat left center #eae1d9;
background-position-x: 20px;
	padding:15px 15px 15px 95px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 25px;
	text-decoration: none;	
	
}


.bt_gr_rojo h2{
	background: none;
	padding:0px;
	margin:0px;
	line-height:110%;
	color:#555;
	font-size:18px;
	font-weight: normal;
	text-transform: uppercase;
	}
	
.bt_gr_rojo span{
	color:#666;
	}
	
.bt_gr_tickets{
background: url(/bundles/tudela/img/interfaz/tickets.png) no-repeat left center #eae1d9;
background-position-x: 20px;
	padding:15px 15px 15px 95px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 25px;
	text-decoration: none;
	
}


.bt_gr_tickets h2{
	background: none;
	padding:0px;
	margin:0px;
	line-height:110%;
	color:#555;
	font-size:18px;
	font-weight: normal;
	text-transform: uppercase;
	}
	
.bt_gr_tickets span{
	color:#666;
	}

.bt_gr_deporte{
background: url(/bundles/tudela/img/interfaz/deporte.png) no-repeat left center #eae1d9;
background-position-x: 20px;
	padding:15px 15px 15px 95px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 25px;
	text-decoration: none;
	
}

.bt_gr_deporte h2{
	background: none;
	padding:0px;
	margin:0px;
	line-height:110%;
	color:#555;
	font-size:18px;
	font-weight: normal;
	text-transform: uppercase;
	}
	
.bt_gr_deporte span{
	color:#666;
	}


/* ------------------------------------- BANNERS RIGHT SLIDE -----------------------------------*/	

.banner{
	display: grid;
	grid-template-columns: 1fr 2fr;
	align-items: center;     
	gap: 15px;               
	background: #EBE0D9;    
	padding: 15px;
	margin-bottom: 30px;
	border-radius: 12px;
	transition: box-shadow 0.25s ease;
	cursor: pointer;
}

.banner > * {
	pointer-events: none;
}

.banner:hover{
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  
  text-decoration: none;
}

.banner_titulo h2{
	position: relative;
	margin: 0;
	font-size: 18px;
	line-height: 1.1;
	color: #4a4a4a;
	background: none;
	padding: 0;
}

.banner_titulo p{
	color: #666;
	margin: 0;
}

.banner_titulo--pq h2{
	font-size: 12px;
}

.banner_imagen img{
	position: relative;
	max-width: 70px !important; 
	height: auto;
}


/* ------------------------------------- BOTONES DE COLORES -----------------------------------*/

.boton_masinfo_rojo {
	overflow: hidden;
    margin: 15px 0px;
    padding: 15px 0;
    clear: both;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
.boton_masinfo_rojo a{
	background-color: #D94A3D;
	color:#FFF;
	padding:6px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 10px;
	}
.boton_masinfo_rojo a:hover{
	background-color: #ddd;
	color:#666;
	text-decoration:none;
	}
	
	
/* ------------------------------------- CUADRO TRAMITES home -----------------------------------*/

.cuadro_tramites {
	background: url(/bundles/tudela/img/interfaz/fondo_tramites.png) no-repeat bottom right #eae1d9;
	padding:25px 25px 90px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top:8px solid #927e8e;
	margin-bottom: 25px;	
	}

.cuadro_tramites h1{
	background: none;
	padding:0px 0px 5px 0px;
	line-height:110%;
	color:#555;
	font-size:180%;
	font-weight: normal;
	text-transform: uppercase;
	}


.cuadro_tramites ul{
	border:none;
	margin: 20px 0px;
	padding: 0px;
	list-style: none;
	background-image:none;
}
.cuadro_tramites li{
	padding: 3px 0px 3px 10px;
	text-decoration: none;	
	background: url(/bundles/tudela/img/interfaz/bullet_lista_destacados.png) no-repeat left 5px;
}
.cuadro_tramites li a{
	color:#555;
}

/* ------------------------------------- CUADRO PRESUPUESTOS home -----------------------------------*/

.cuadro_presupuestos {
	background: url(/bundles/tudela/img/interfaz/widget-participativos.png) no-repeat bottom right #eae1d9;
	padding:25px 25px 90px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top:8px solid #7698a1;	
	margin-bottom: 25px;
	}

.cuadro_presupuestos h2{
	background: none;
	padding:0px 0px 5px 0px;
	line-height:110%;
	color:#555;
	font-size:180%;
	font-weight: normal;
	text-transform: uppercase;
	}

.cuadro_presupuestos ul{
	border:none;
	margin: 20px 0px;
	padding: 0px;
	list-style: none;
	background-image:none;
}
.cuadro_presupuestos li{
	padding: 3px 0px 3px 10px;
	text-decoration: none;	
	background: url(/bundles/tudela/img/interfaz/bullet_lista_destacados.png) no-repeat left 5px;
}
.cuadro_presupuestos li a{
	color:#555;
}

/* ------------------------------------- CUADRO PLENOS home -----------------------------------*/

.cuadro_plenos {
	background: url(/bundles/tudela/img/interfaz/widget-plenos.png) no-repeat bottom right #eae1d9;
	padding:25px 25px 90px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top:8px solid #7698a1;	
	margin-bottom: 25px;
	}

.cuadro_plenos h2{
	background: none;
	padding:0px 0px 5px 0px;
	line-height:110%;
	color:#555;
	font-size:180%;
	font-weight: normal;
	text-transform: uppercase;
	}

.cuadro_plenos li a{
	color:#555;
}

.cuadro_plenos ul{
	border:none;
	margin: 20px 0px;
	padding: 0px;
	list-style: none;
	background-image:none;
}
.cuadro_plenos li{
	padding: 3px 0px 3px 10px;
	text-decoration: none;	
	background: url(/bundles/tudela/img/interfaz/bullet_lista_destacados.png) no-repeat left 5px;
}
.cuadro_plenos li a{
	color:#555;
}

/* ------------------------------------- CUADRO DENUNCIAS home -----------------------------------*/

.cuadro_denuncias {
	padding:25px 25px 90px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top:8px solid #CC6533;	
	margin-bottom: 25px;
	background: #eae1d9;
	}
	
.cuadro_denuncias h2{
	background: none;
	padding:0px 0px 5px 0px;
	line-height:110%;
	color:#555;
	font-size:180%;
	font-weight: normal;
	text-transform: uppercase;
	}


/* ------------------------------------- CUADRO INVEST home -----------------------------------*/

.cuadro_invest {
	background: url(/bundles/tudela/img/interfaz/widget-invest.png) no-repeat bottom right #eae1d9;
	padding:25px 25px 90px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top:8px solid #5a863a;	
	margin-bottom: 25px;
	}

.cuadro_invest h2{
	background: none;
	padding:0px 0px 5px 0px;
	line-height:110%;
	color:#555;
	font-size:180%;
	font-weight: normal;
	text-transform: uppercase;
	}

.cuadro_invest ul{
	border:none;
	margin: 20px 0px;
	padding: 0px;
	list-style: none;
	background-image:none;
}
.cuadro_invest li{
	padding: 3px 0px 3px 10px;
	text-decoration: none;	
	background: url(/bundles/tudela/img/interfaz/bullet_lista_destacados.png) no-repeat left 5px;
}
.cuadro_invest li a{
	color:#555;
}



/* ------------------------------------- slogan Ventanilla -----------------------------------*/

.slogan_ventanilla{
	padding:0px 0px;
	font-size:150%;
	line-height:150%;
	color:#888;
	font-style:italic;
	font-family: 'Asap', sans-serif;
	}

/* ------------------------------------- Mensajes Twitter -----------------------------------*/	
.cuadro_twitter {
	background:  #eae1d9;
	padding:25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top:8px solid #00acf1;
	margin-top: 40px;	
	}
	
.cuadro_twitter h1{
	background: none;
	padding:0px 0px 20px 0px;
	line-height:110%;
	color:#555;
	font-size:180%;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #c9c9c9;
	margin-bottom: 0;
	}
	
.knp_last_tweets li{
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px dotted #565555;
}
.knp_last_tweets li a{
	color: #fff;
}

.bt_twitter {
	border:none;
	padding:0px 0px 0px 0px;
	}
.bt_twitter a {
	background-color: #8e8a85;
	color:#FFF;
	}
	
.bt_twitter a:hover{
	background-color: #00acf1;
	text-decoration:none;
	}

/* ------------------------------------- Farmacias -----------------------------------*/
.cuadro_farmacia {
	background:  #eae1d9;
	padding:25px;
	border-top:8px solid #829555;
	height: 260px;
	/*
	margin-top: 40px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
	}

.cuadro_farmacia h1{
	background: none;
	padding:0px 0px 20px 0px;
	line-height:110%;
	color:#555;
	font-size:180%;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #c9c9c9;
	margin-bottom: 0;
	}	

.cuadro_farmacia ul{
	padding: 20px 0;
	border-bottom: 1px solid #c9c9c9;
}

/* ------------------------------------- Widget noticias -----------------------------------*/	
.cuadro_noticias {
	background:  #f4f4f4;
	padding:25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 20px 0 0 0;		
	}
	
.cuadro_noticias h2{
	background: none;	
	line-height:110%;
	color:#666;
	font-size:180%;
	font-weight: normal;	
	text-transform: none;
	padding: 0;
	margin: 0 0 10px 0;
	}
	
.cuadro_noticias li{
	overflow: hidden;
	padding: 3px 0;
}
.cuadro_noticias li a{
	color: #C00;
}

.cuadro_noticias p{
	padding: 0;
	margin: 0;
}

.bt_noticias {
	border:none;
	padding:0px 0px 0px 0px;
	margin-top: 15px !important;
	}
.bt_noticias a {
	background-color: #8e8a85;
	color:#FFF;
	}
	
.bt_noticias a:hover{
	background-color: #C00;
	text-decoration:none;
	}

/* ------------------------------------- Widget anuncios -----------------------------------*/	
.cuadro_anuncios {
	background:  #f4f4f4;
	padding:25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 20px 0 0 0;	
	}
	
.cuadro_anuncios h2{
	background: none;	
	line-height:110%;
	color:#666;
	font-size:180%;
	font-weight: normal;	
	text-transform: none;
	padding: 0;
	margin: 0 0 10px 0;
	}
	
.cuadro_anuncios li{
	overflow: hidden;
	padding: 3px 0;
}
.cuadro_anuncios li a{
	color: #949a3b;
}

.cuadro_anuncios p{
	padding: 0;
	margin: 0;
}

.bt_anuncios {
	border:none;
	padding:0px 0px 0px 0px;
	margin-top: 15px !important;
	}
.bt_anuncios a {
	background-color: #8e8a85;
	color:#FFF;
	}
	
.bt_anuncios a:hover{
	background-color: #949a3b;
	text-decoration:none;
	}
	
/* ------------------------------------- Widget weather -----------------------------------*/		
	
		.cuadro_meteo {
			width: 220px;
			background: #eae1d9;
			padding: 0px 0px 1px 0px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			border-top: 8px solid #f96;
			text-align: center;
			margin-bottom:40px;
			}
		.boton_meteo {
			margin: 15px 10px;
			clear: both;
			font-size: 12px;
		}	
		.boton_meteo a {
			background-color: #8e8a85;
			color: #fff;
			padding: 6px 8px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			margin-right: 10px;
		}
		.boton_meteo a:hover {
			background-color: #f96;
			text-decoration: none;
		}
		
/* ------------------------------------- Buscador -----------------------------------*/				
table.gsc-table-result tr{background: white;border: none}
table.gsc-table-result td{border: 1px solid white;}

/* ------------------------------------- Galeria imagenes Museo Policia -----------------------------------*/
.galeria img {width: 70px;}