@charset "utf-8";
/* =============================================================================== */
/* REDEFINICIÓN DE CLASES PRINCIPALES */
h1{
	font-size:20px;
	color:#284D6D;
}
h2{
	font-size:18px;
	color:#284D6D;
}
h3{
	font-size:16px;
	color:#284D6D;
}
h4{
	font-size:13px;
	color:#284D6D;
}
img{
	border:0;
}
/* =============================================================================== */


/* =============================================================================== */
/* CONTENEDORES PRINCIPALES */
body  {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	background: #FFF;
	margin: 0;
	padding: 0;
	text-align: center; /* IE hack */
	color:#284D6D;
}
.plantilla #container { 
	width: 100%;
	background: #FFF;
	margin: 0 auto;
	text-align: left; /* IE hack */
	font-size:1em;
}
.plantilla #header { 
	background: #DDDDDD;
	height:118px;
	position:relative;
	text-align: left; /* IE hack */
	background:url(../img/header_fondo.jpg) repeat-x;
} 
.plantilla #derecha {
	float: right; 
	width:214px;
	background: #FFF;
	padding: 2px 0;
	font-size:1em;
	color:#666;
}
.plantilla #main{
	position:relative;
	padding:0;
	margin:0 224px 0 0;
	font-size:1em;
}

.plantilla #main #migapan{
	position:relative;
	margin:0 0 0 20px;
	padding:0;
	height:auto;
	border-bottom:2px dotted #DDD;
	clear:left;
}
.plantilla #main #izquierda{
	width:260px;
	float:left;
}
.plantilla #main #principal {
	padding:0;
	margin: 0 0 0 270px;
	/*font-size:0.7em;*/
	overflow:hidden;
}
#principalheadimage{
	position:relative;
	margin:0 0 20px 0;
	padding-top:5px;
	min-height:82px;
}
#piedepagina {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color:#DDD;
	font-size:0.7em;
} 
/* =============================================================================== */


/* =============================================================================== */
/* CLASES PARA LA CABECERA */
#logotipo{border:none;}
#menubar{
	position:absolute;
	bottom:0;
	left:0;
	background-color:#81A0BC;
	height:25px;
	width:100%;
	line-height:25px;
}
#sddm{margin: 0 25px; padding: 0;}
#sddm li{	
	margin: 0; padding: 0; list-style: none; float: left; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif !important;;
}
#sddm li a{	
	display: block;
	height:25px;
	line-height:25px;
	margin: 0 1px 0 0;
	padding: 0 8px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	text-transform:uppercase;
}
#sddm li a:hover{background: #2F506F; color:#FFF;}

#search{
	position:absolute;
	right:10px;
	bottom:30px;
	text-align:right;
	font-size:11px;
	color:#666;
}
#search form{margin:5px 0; padding:0;}
#search_term{
	border:none;
}
#search_btn{
	border:1px solid #666;
	background:#81A0BC;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
}
a#search_advanced:link, a#search_advanced:visited,#superior a:link, #superior a:visited{
	text-decoration:none;
	padding:2px;
	color:#666;
	margin-top:5px;
}
a#search_advanced:hover,#superior a:hover{
	background:#81A0BC;
	color:#FFF;
}
#superior{
	position:absolute;
	top:10px;
	right:10px;
	font-size:11px;
}


.plantilla #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
/* =============================================================================== */


/* =============================================================================== */
/* CLASES PARA EL PANEL DERECHO */
/* Filtro de la agenda */
#derecha_filtro{
	margin:0;
	background-image:url(../img/fondo_derecha_filtro.jpg);
	height:36px;
}
#filter_form{
	position:relative;
	padding-top:10px;
	padding-left:15px;
}
#filter_form label{
	text-transform:uppercase;
	color:#666;
	font-size:10px;
}
#filter_term{
	border:none;
	font-size:10px;
	height:20px;
	width:80px;
}
#filter_term option{
}
#filter_btn{
	position:absolute;
	right:13px;
	top:10px;
	border:1px solid #666;
	background:#81A0BC;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	width:20px;
	height:18px;
}

/* Items de la agenda */
.derecha_agenda{
	font-family:Arial, Helvetica, sans-serif;
	padding:8px;
	font-size:11px;
	border-bottom:1px solid #EEE;
}
.derecha_agenda h3{
	text-transform:uppercase;
	color:#00814A;
	font-weight:bold;
	font-size:11px;
	margin:0 !important;
}
.derecha_agenda h4{
	color:#00814A;
	font-weight:bold;
	font-size:11px;
	margin:0;
}
.derecha_agenda a:link, .derecha_agenda a:visited{
	color:#284D6D;
	text-decoration:none;
}
.derecha_agenda a:hover{
	text-decoration:underline;
}

.plantilla #derecha h3, .plantilla #derecha p {
	margin-left: 10px;
	margin-right: 10px;
}

/* Módulo de encuestas */
.derecha_encuesta{
	border-top:2px dotted #7AC3A5;
	font-family:Arial, Helvetica, sans-serif;
	padding:8px;
	font-size:11px;
}
.derecha_encuesta h3{
	color:#ccc;
	font-size:18px !important;
	font-weight:normal !important;
	padding:0 !important;
	margin:0 0 10px 0 !important;
}
.derecha_encuesta form{
	margin:5px 0;
}
.derecha_encuesta form fieldset{
	font-weight:bold;
	color:#666;
	padding:5px;
	border:1px solid #CCC;
}
.derecha_encuesta label{
	display:block;
	margin:0;
}
#poll_buttons{
	text-align:right;
	margin-top:10px;
	margin-bottom:-15px;
}
.poll_button{
	border:1px solid #666;
	background:#81A0BC;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	height:18px;
}

/* Módulo suscripción a newsletters */
.derecha_newsletters{
	border-top:2px dotted #7AC3A5;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	padding:8px;
	font-size:11px;
	color:#666;
}
.derecha_newsletters h3{
	color:#999;
	font-size:18px !important;
	font-weight:normal !important;
	padding:0 !important;
	margin:0 0 10px 0 !important;
}
.derecha_newsletters form{
	margin:5px 0;
}
.derecha_newsletters label{
	display:none;
}
#subscr_email{
	border:1px solid #CCC;
	font-size:10px;
	width:140px;
}
#subscr_btn{
	border:1px solid #666;
	background:#81A0BC;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	width:45px;
	height:18px;
}
/* Módulo de subir foto */
.derecha_upload{
	border-top:2px dotted #7AC3A5;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	padding:8px;
	font-size:11px;
	color:#666;
}
.derecha_upload h3{
	color:#999;
	font-size:18px !important;
	font-weight:normal !important;
	padding:0 !important;
	margin:0 0 10px 0 !important;
}

/* Módulo de banners */
.derecha_banners{
	border-top:2px dotted #7AC3A5;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	padding:8px 0;
	font-size:11px;
}
.derecha_banners img{
	border:1px solid #666;
}
.derecha_banners a{
	width:100%;
	display:block;
	margin-bottom:10px;
}

/* Clases comunes de este módulo */
a.link_derecha:link, a.link_derecha:visited{
	color:#666;
	text-transform:uppercase;
	font-size:10px;
	padding-left:10px;
	text-decoration:none;
	margin:5px 15px 5px 0;
	background-image:url(../img/icono_mas.gif);
	background-repeat:no-repeat;
	background-position:center left;
}
a.link_derecha:hover{
	background-color:#333;
	color:#FFF;
}
.home_right_suscr_error{
	background-color:#FC9;
	border:1px solid #C30;
	color:#900;
	margin:6px auto;
	padding:3px;
}
/* =============================================================================== */

/* =============================================================================== */
/* CLASES PARA LA ZONA DE CONTENIDOS PRINCIPAL */
#principal h1{
	font-size:2.2em;
	color:#4A5D6B;
	margin:10px 0;
	font-weight:normal;
}
#principal h2{
	font-size:1.6em;
	color:#4A5D6B;
	margin:10px 0;
	font-weight:normal;
	border-bottom:1px dotted #7AC3A5 !important;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
}
#principal h3{
	font-size:1.3em;
	color:#4A5D6B;
	margin:10px 0;
	/*border-bottom:1px dotted #7AC3A5;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
}
#principal h3 a:link, #principal h3 a:visited{
	color:#036;
	text-decoration:none;
	/*border-bottom:1px solid #036;*/
}
#principal h3 a:hover{
	text-decoration:underline;
}
#principal .imagen{
	float:left;
	margin-right:10px;
}
#principal a:link, #principal a:visited{
	color:#284D6D;
	/*font-weight:normal;*/
}
#principal a:hover{
	
}
/* Encabezamiento de la zona principal del artículo */
#principalheadimage img{
	display:block;
	margin:0;
	/*float:left;*/
}
#principalheadimage h1{
	position:absolute;
	bottom:10px;
	left:195px;
	right:0;
	z-index:1900;
	
	/*display:inline;
	vertical-align:text-bottom;*/
	font-size:2.0em;
	font-weight:normal;
	color:#036;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	background-color:#DDD;
	
	margin:60px 0 0 0; /* ojo con esto, que no va */
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}
#principalheadtext{
	position:absolute;
	bottom:0;
	left:0;
	padding-left:210px;
}
.principalheadtextnopadding{
	padding-left:10px !important;
}
.principalheadimagenopadding{
	left:0 !important;
}
/* =============================================================================== */



/* =============================================================================== */
/* CLASES PARA LOS LISTADOS */
.list_item_container{
	width:49% !important;
	float:left !important;
	margin:4px 0;
	padding:5px 0;
	/*border:1px dashed #ccc;*/
	display:inline !important;
	font-size:1em;
	overflow:auto;
}
.list_item_containerr{
	width:49% !important;
	float:right !important;
	margin:4px 0;
	padding:5px 0;
	/*border:1px dashed #ccc;*/
	display:inline !important;
	font-size:1em;
}
.list_item_container2{
	width:95% !important;
	float:left !important;
	margin:4px 0;
	padding:5px 0;
	border-bottom:1px dashed #ccc;
	display:inline !important;
	font-size:1em;
}
.list_item_image{			/* Este es para una imagen de una anchura de 60 px */
	width:70px;
	margin:0;
	float:left;
}
.list_item_image2{			/* Este es para una imagen de una anchura de 80 px */
	width:90px;
	margin:0;
	float:left;
}
.list_item_image3{			/* Este es para una imagen de una anchura de 105 px */
	width:115px;
	margin:10px 0 0 0;
	float:left;
}
.lsit_item_content{
	/*margin-left:70px;*/
	margin-right:10px;
	overflow:hidden;
}
.lsit_item_content2{
	/*margin-left:0;*/
	margin-right:10px;
	overflow:hidden;
}
.lsit_item_content h3, .lsit_item_content2 h3{
	color:#284c66;
	font-size:1.2em !important;
	margin:0 !important;
}
.lsit_item_content p,.lsit_item_content2 p{
	margin:0;
	text-align:justify;
}
.lsit_item_date{
	color:#C00;
	font-style:italic;
}
a.list_item_vermas:link,a.list_item_vermas:visited{
	color:#81A0BC;
	text-decoration:none;
	margin:0;
	font-weight:bold;
	display:block;
}
a.list_item_vermas:hover{
	color:#FFF;
	background-color:#81A0BC;
}
.lsit_item_clear{
	clear:both;
	font-size:1px;
	height:0.05em;
}
.lsit_item_clear_left{
	clear:left;
	font-size:0.05em;
	height:1px;
}
.lsit_item_clear_right{
	clear:right;
	font-size:0.05em;
	height:1px;
}
/* =============================================================================== */


/* =============================================================================== */
/* CLASES PARA EL PANEL IZQUIERDO */
#izquierda ul{
	margin:0;
	padding:0;
	background-image:url(../img/fonfo_menu_ayunta.jpg);
	background-repeat:repeat-y;
}
#izquierda ul li{
	list-style:none;
	padding-left:20px;
	border-top:1px solid #EEE;
	font-size:11px;
	position:relative;
}
#izquierda ul li a:link, #izquierda ul li a:visited{
	display:block;
	line-height:18px;
	margin:0;
	padding:0;
	padding-left:15px !important;
	color:#666;
	text-decoration:none;
}
#izquierda ul li a:hover{
	background-color:#036;
	color:#FFF;
}
/* Estilos para poner un dot en los items finales delk listado */
.dot{
	list-style-position:inside !important;
	list-style-type:square !important;
}

/* Estilos para el cuadro de los enlaces destacados */
.enlaces_destacados{
	padding:10px;
}
.enlaces_destacados h3{
	font-size:14px;
	color:#666;
	margin-bottom:5px;
}
.enlaces_destacados ul{
	background:none !important;
}
.enlaces_destacados ul li{
	border-top:0 !important;
	height:18px;
	margin:0;
}

/* Estilos adicionales para los colores y flechas de los items de la lista */
.menu_ayunta1{
	color:#81A0BC !important;
	font-weight:bold;
	background:url(../img/menu_azul_1.gif) no-repeat;
}
.menu_vivir1{
	color:#459F75 !important;
	font-weight:bold;
	background:url(../img/menu_verde_1.gif) no-repeat;
}
.menu_ciudad1{
	color:#CFA540 !important;
	font-weight:bold;
	background:url(../img/menu_am_1.gif) no-repeat;
}
.menu_ayunta2{
	color:#81A0BC !important;
	font-weight:bold;
	background:url(../img/menu_azul_2.gif) no-repeat;
}
.menu_vivir2{
	color:#459F75 !important;
	font-weight:bold;
	background:url(../img/menu_verde_2.gif) no-repeat;
}
.menu_ciudad2{
	color:#CFA540 !important;
	font-weight:bold;
	background:url(../img/menu_am_2.gif) no-repeat;
}
.menu_dot{
	background:url(../img/menu_dot_1.gif) no-repeat;
}
/* =============================================================================== */


/* =============================================================================== */
/* CLASES PARA LA MIGA DE PAN */
#migapan_label{
	float:left;
	color:#81A0BC;
	font-size:0.7em;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;;
	padding-top:16px;
}
#migapan_buttons{
	margin-left:240px;
}
a#migapan_button1:link, a#migapan_button1:visited, a#migapan_button2:link, a#migapan_button2:visited, a#migapan_button3:link, a#migapan_button3:visited{
	text-decoration:none;
	color:#FFF;
	font-size:0.7em !important;
	font-weight:bold;
	border:1px solid #CCC;
	margin-top:5px;
	text-transform:uppercase;
	width:150px;
	display:block;
	float:left;
	padding:2px;
	margin-right:5px;
	text-align:center;

}
a#migapan_button1:link, a#migapan_button1:visited{
	background:#81A0BC;
}
a#migapan_button1:hover{
	background:#2F506F;
}
a#migapan_button2:link, a#migapan_button2:visited{
	background:#80BFA2;
}
a#migapan_button2:hover{
	background:#2F506F;
}
a#migapan_button3:link, a#migapan_button3:visited{
	background:#EED087;
}
a#migapan_button3:hover{
	background:#2F506F;
}
#migapan_breadcs{
	/*position:absolute;
	top:30px;
	clear:both;
	left:0;*/
	/*bottom:5px;*/
	margin:0 100px 0 0;
	padding:0;
	font-size:0.7em;
	color:#666;
}
#migapan_breadcs a:link, #migapan_breadcs a:visited{
	color:#666;
	text-decoration:none;
}
#migapan_breadcs a:hover{
	text-decoration:underline;
}
#migapan_tools{
	position:absolute;
	right:0;
	bottom:0px;
	z-index:1000;
}
#migapan_tools img{
	border:none;
}
/* =============================================================================== */

/* =============================================================================== */
/* CLASES PARA EL PIE DE PAGINA */
#piedepagina p {
	margin: 0 20px;
	padding: 10px 0;
	color:#666;
}
#piedepagina a:link, #piedepagina a:visited{
	text-decoration:none;
	color:#666;
}
#piedepagina a:hover{
	text-decoration:underline;
}
/* =============================================================================== */



/* Lista de items relacionados... */
/*.related{
	margin:0 0 0 10px;
	padding:0;
}
.related li{
	color:#999;
	font-weight:bold;
	margin-bottom:10px;
	list-style:none;
}
.related li ul{
	margin:0 0 0 10px;
	padding:0;
}
.related li ul li{
	color:#999;
	font-weight:normal;
	list-style:none;
	margin:4px 0 4px 0;
}
.related a:link, .related a:visited{
	text-decoration:none;
	color:#999;
	display:block;
}
.related a:hover{
	color:#FFF;
	background-color:#81A0BC;
}*/
#page_middle_extra{
	width:100%;
	margin:0;
	padding:0;
	text-align:justify;
	background-color:#EEE;
}
.page_middle_extrablock1{
	/*border-top:4px solid #4790d8;*/
	width:48%;
	float:left;
}
.page_middle_extrablock2{
	/*border-top:4px solid #4790d8;*/
	width:48%;
	float:right;
}
.page_middle_extrablock3{
	/*border-top:4px solid #4790d8;*/
	width:100%;
}
.page_middle_extratitle{
	font-size:1em;
	color:#FFFFFF;
	background-color:#81A0BC;
	font-weight:bold;
	margin-top:4px;
	margin-bottom:4px;
	display:block;
	line-height:18px;
	height:18px;
}
a.page_middle_extratitle:link,a.page_middle_extratitle:visited{
	text-decoration:none;
}
a.page_middle_extratitle:hover{
	color:#FFF;
	background-color:#81A0BC;
}
.page_middle_extratitle img{
	vertical-align:bottom;
}
a.page_middle_extralink:link,a.page_middle_extralink:visited{
	text-decoration:none;
	color:#999;
	/*font-size:.85em;*/
	display:block;
}
a.page_middle_extralink:hover{
	color:#FFF;
	background-color:#81A0BC;
}
.page_middle_extralink img{
	border:0;
}

/* =============================================================================== */
/* CLASES VARIAS */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 0.05em;
    line-height: 0px;
}
.clearleft {
	clear:left;
    height:0;
    font-size: 0.05em;
    line-height: 0px;
}
.imgvideo{
	width:60px;
	height:44px;
}
.clearfloat_border {
	clear:both;
    height:0;
    font-size: 0.05em;
    line-height: 0px;
	border-bottom:1px dotted #090;
}
/* =============================================================================== */


/* =============================================================================== */
/* CLASES PARA LAS TABLAS */
.tabla{
}
.tabla th{
	background-color:#CCC;
	border:1px solid #999;
}
.tabla td{
	border:1px solid #999;
	background-color:#EEE;
}
/* =============================================================================== */


/* =============================================================================== */
/* CLASES PARA EL BLOG */
.blog_izda{
	font-size:0.7em;
	background-color:#DDD;
	padding:10px;
	margin:5px 0;
}
.blog_izda0{
	font-size:0.7em;
	background-color:#FFF;
	padding:10px;
	margin:5px 0;
	vertical-align:middle;
}
.blog_izda h3, .blog_izda0 h3{
	text-transform:uppercase;
	color:#333;
	font-size:1.2em;
	margin:0 0 10px 0;
}
.blog_izda a, .blog_izda0 a{
	color:#333;
	text-decoration:none;
	margin-left:15px;
}
.blog_izda a:hover, .blog_izda0 a:hover{
	text-decoration:underline;
}
.entradapie{
	border-bottom:2px dotted #063;
	margin-bottom:15px;
	height:18px;
}
.entradapie a{
	text-decoration:none;
	font-weight:bold !important;
}
.entradapie a:hover{
	background-color:#284D6D;
	color:#FFF !important;
}
.entradapie .text{
	float:left;
}
.entradapie .tools{
	text-align:right;
	float:right;
}
.titulolistado a{
	text-decoration:none;
}
.entradafecha{
	color:#900;
	font-style:italic;
	font-size:1.1em;
	margin:3px 0;
}
/* =============================================================================== */


/* ---------------------------------------------------------------------------------------------- */
/* PAGINADOR DE RESULTADOS */
.paginator_container{
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	margin-top:8px;
}
.paginator_inactive{
	color:#999;
	padding-left:8px;
	padding-right:8px;
	font-size:1em;
}
a.paginator_link:link,a.paginator_link:visited{
	padding-left:8px;
	padding-right:8px;
	color:#284c66;
	text-decoration:none;
	font-size:1em;
}
a.paginator_link:hover{
	color:#FFF;
	background-color:#81A0BC;
}
.paginator_current{
	padding-left:8px;
	padding-right:8px;
	background-color:#003366;
	font-weight:bold;
	color:#FFF;
	font-size:1em;
}
/* ---------------------------------------------------------------------------------------------- */