/* Documento css registrado por FLEXO estudio digital */

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

body {
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color:#333333;
	background-image:url(/img/pix_fondo.gif);
	background-repeat:repeat-x;
	background-color: #ccc4b6;
	}

img{border:0px;}

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


/* ----------------- Tablas ------------*/
table{
	margin: 0px 0px 10px 0px;
	}

th{
	font-weight:bold;
	color:#666666;
	text-align:center;
	padding:3px;
	background-color: #ccc4b6;

}

td{
	border-bottom: 1px solid #dcdacc;
	background-color: #f3f0ed;
	color:#333333;
	padding:3px;
	font-size:100%;
}


/* ----------------- Enlaces ------------*/
a {
	color: #cc3300;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;	
}

/* ----------- Encabezados y parrafo -------------*/
h1 {
	display:none;
	}

h2 {
	font-weight:bold;
	font-size:200%;
	padding:0px 0px 0px 0px;
	color:#333333;
	margin:0px 0px 10px 0px;
	clear:both;
	}
	
h3 {
	font-size:150%;
	font-weight:normal;
	font-family: Georgia, Times, serif;
	padding:5px 0px 5px 0px;
	margin:15px 0px 5px 0px;
	color: #333333;
	clear:both;

}

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

h5 {
	color:#555555;
	font-size:100%;
	padding:3px 5px;
	margin:10px 0px 5px 0px;
}

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


/* ------------------- Formularios -------------------*/

form {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin:5px;
}

fieldset{
	margin:10px 0px;
	border:1px solid #CCC;
	padding:10px 20px;
	}

legend{ text-transform:uppercase;}
	
input{
	font-size:100%;
	border:1px solid #cccccc;
	padding:5px 8px;
	margin:0px 0px 10px 0px;
	background-color: #f3f0ed;
	}
	
select{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #cccccc;
	background-color: #f3f0ed;
	padding:3px;
	color:#333333;
	margin:3px 0px 10px 0px;
	}
optgroup{
	font-style:normal;
}

.radiobutton { margin:0px 5px 0px 10px;}

textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #cccccc;
	background-color: #f3f0ed;
	padding:5px;
	margin:0px 0px 10px 0px;
	}
	
submit{
	border:1px solid #333333;
	padding:0px 0px 0px 3px;
	margin:0px;
	}
label{
	color:#666666;
	font-weight:bold;
	}
	
.noborder{
	border:none;
	margin:0px 2px 0px 10px;
	padding:0px 0px 0px 0px;
	vertical-align:text-top;
}

.botontxt{
	padding:3px 6px;
	border:1px solid #999999;
	background-color: #f3f0ed;
	margin:5px;
}

/* ------------------------------------- Capas principales -----------------------------------*/


#contenedor{
	width:800px;
	margin:0px auto;
	padding:0px;
}

#cabecera{
	width:800px;
	padding:0px;
	margin:0px auto;
	height:210px;
	}
	
#carrusel{
	float:left;
	width:200px;
	height:164px;
	background-color:#CCCCCC;
	margin: 0px;
	padding:0px;
}

#logo{
	float:left;
	width:250px;
	height:50px;
	margin:80px 0px 0px 20px;
	padding:0px;
}

#linkscab{
	float:right;
	margin:140px 20px 0px 0px;
	padding:0px;
	color:#999999;
}

#linkscab a{ color:#c4bbad; font-weight: normal;}
#linkscab a:hover{ color:#ffffff; text-decoration:none;}

#menu{
	clear:both;
	width:600px;
	margin:0px;
	padding:0px 0px 0px 200px;
	background-image:url(/img/pix_menu.gif);
	background-repeat:repeat-x;
	height:45px;
}

#ruta{
	width:770px;
	margin:0px auto;
	padding:10px 15px;
	color:#666666;
	background-color: #f3f0ed;
	border-bottom:1px solid #e6e2dd;
}

#contenido{
	width:800px;
	margin:0px auto;
	clear:both;
	padding:0px;
	background-color:#FFFFFF;
}


#boletin{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:20px;
	background-color:#f0efe8;
}

#principal{
	float:left;
	width:490px;
	padding:25px;
	margin:0px;
}

#lateral{
	float:right;
	width:200px;
	padding: 30px;
	margin:0px;
	background-image:url(/img/pix_sombra_lateral.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
} 

#home_izda{
	float:left;
	width:190px;
	padding: 30px;
	margin:0px;
}
#home_centro{
	float:left;
	width:225px;
	padding: 30px;
	margin:0px;
	background-image:url(/img/pix_sombra_lateral.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}
#home_dcha{
	float:right;
	width:205px;
	padding: 30px;
	margin:0px;
	background-image:url(/img/pix_sombra_lateral.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

#pie{
	width:720px;
	margin:0px auto;
	clear:both;
	padding:15px 10px 0px 70px;
	height:50px;
	background-image:url(/img/pix_pie.gif);
	background-repeat:no-repeat;
	color:#666666;
}
#pie a{ font-weight:normal;}

#contacto{
	width:400px;
	margin:0px auto;
	clear:both;
	padding:20px;
	background-color:#FFFFFF;
}

/* ------------------------------------ encuestas -----------------------------------*/
#encuesta_cab{
	width:540px;
	margin:0px auto 0px auto;
	clear:both;
	padding:0px;
	
}
#encuesta{
	width:500px;
	margin:0px auto 20px auto;
	border-top: 5px solid #c5bbac;
	clear:both;
	padding:20px;
	background-color:#FFFFFF;
}

/* ------------------------------------ clases -----------------------------------*/


.capa_pueblos{
	float:left;
	width:210px;
	padding:0px 0px 10px 10px;
	margin:10px 10px;
	border-top:3px solid #f3f0ed;
}

.capa_galeria{
	float:left;
	width:110px;
	height:180px;
	padding:15px;
	margin:10px 10px;
	border-top:3px solid #e6e2dd;
	background-color: #f3f0ed;
}

.fotosgaleria{
	color:#777777;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 20px;
	border-top: 1px solid #e6e2dd;
	background-image:url(/img/ico_foto.gif);
	background-repeat:no-repeat;
	background-position: left center;
	}


.fotoparrafode {
	float: right;
	padding: 0px;
	margin: 0px 0px 15px 15px;
}
.fotoparrafoiz{
	float: left;
	padding: 0px;
	margin: 0px 15px 15px 0px;
}

.fotoparrafomarcoiz {
	float: left;
	padding: 0px;
	margin: 3px 10px 10px 0px;
	border:4px solid #edebdd;
}
.fotoparrafomarcode {
	float: right;
	padding: 0px;
	margin: 3px 0px 10px 10px;
	border:4px solid #edebdd;
}

.fotomarco {
	padding: 0px;
	margin: 3px 0px 10px 0px;
	border:4px solid #edebdd;
}

.separador {
	clear:both;
	margin:0px;
	padding:0px;
	font-size:1px;
	}
	
.separahome{
	clear:both;
	margin:10px 0px;
	padding:0px;
	background-image:url(/img/pix_sombra_separa.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:15px;
	
}	
	
.fecha{color:#777777;}

.fechanoticia{
	color:#777777;
	border-top: 1px solid #edebdd;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 25px;
	background-image:url(/img/ico_fecha.gif);
	background-repeat:no-repeat;
	background-position: left center;
	}

.tipo{font-size:90%; color:#777777; text-transform:uppercase;}
.mini{font-size:90%;}
.gris{ color:#999999;}
.oculto{display:none;}
.tecla {text-decoration: underline;} 
.negrita{ font-weight:bold;}

.masinfo{
	text-align:right;
	margin:10px 0px 0px 0px;
	padding:4px 6px 4px 8px;
	color:#666666;
	clear:left;
}
.masinfo a{font-weight:normal; color:#556b63;}

.pdf{
	background-image:url(/img/ico_pdf.gif);
	background-repeat:no-repeat;
	margin:5px;
	padding:5px 0px 5px 25px;
}

.volver{
	clear:both;
	border-top:3px solid #e6e4da;
	background-image:url(/img/ico_volver.gif);
	background-repeat:no-repeat;
	background-position: 3px 8px;
	margin:15px 0px 0px 0px;
	padding:4px 10px 0px 10px;
}
.volver a { font-weight:normal;}

.recuadro {
	margin:10px 0px;
	padding:10px;
	background-color:  #f3f0ed;
}

.recuadro_manc {
	margin:10px 0px;
	padding:15px;
	background-image:url(/img/fondo_recuadro.gif);
	background-position: top center;
	background-repeat:no-repeat;
}

.inscripciones {
	margin:10px 0px;
	padding:15px 50px;
	background-image: url(/img/ico_inscripciones.gif);
	background-position: left center;
	background-repeat:no-repeat;
}
.inscripciones a{
	color: #ffffff;
}

.carta_serv{
	margin:20px 0px;
	padding:15px 50px 15px 15px;
	background-image: url(/img/ico_carta_servicios.gif);
	background-position: right center;
	background-repeat:no-repeat;
	background-color: #eae6d8;
	}

/* ------------------------------------- Listas -----------------------------------*/
/* ----------------- general -----------------*/

ol{
	margin:0px;
	padding:0px 0px 0px 30px;
}
ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
li{
	margin:0px;
	padding:0px;
}

/* ---------------- lista del menu  -------------------- */

#menu ul {
	font-size: 90%;
	margin: 0px;
	padding: 0px;
}

#menu li {
	padding:0px 0px;
	margin: 0px;
	display: inline;
}

#menu li a{
	padding: 14px 20px;
	float:left;
	margin:0px;
	background-image:url(/img/pix_bt_menu.gif);
	background-repeat:no-repeat;
	color: #ffffff; 
	text-decoration:none;
	background-color:#494643;
	text-transform:uppercase;
	font-weight:normal;
}

#menu li a:hover {
	text-decoration:none;
	background-image:url(/img/pix_bt_menu_on.gif);
	background-repeat:no-repeat;
	background-color:#3a3430;
}

.menu_mancomunidad	 {border-top:5px solid #cb0a1c;}	
.menu_noticias		 {border-top:5px solid #e8690c;}	
.menu_eventos		 {border-top:5px solid #66aecf;}	
.menu_galeria		 {border-top:5px solid #fecc36;}	
.menu_ligas			 {border-top:5px solid #a0b96a;}	


/* ----------------- ruta ------------------*/
#ruta ul{
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
	display:inline;
}
#ruta li {
	display:inline;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding: 0px 0px 0px 10px;
	font-weight:normal;
}
#ruta li a{
	display:inline;
	text-decoration: none;
	color: #cc3300;
	font-weight:normal;
}
#ruta a:hover {
	text-decoration: underline;
}


/* ----------------- lista del submenu ----------------*/
.submenu ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:block;
}
.submenu li {
	margin: 0px 0px 1px 0px;
	text-decoration: none;

}
.submenu li a{
	text-decoration: none;
	color:#333333;
	width:235px;
	display: block;
	background-image:url(/img/pix_submenu.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding: 5px 0px 5px 10px;
}
	
.submenu a:hover {
	background-color: #ded6bd;
	text-decoration:none;
	background-image:none;
}


/* ----------------- listado ----------------*/


.listado ul{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}
.listado li {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding: 3px 0px 3px 8px;
	border-bottom:1px solid #edebdd;
}
.listado li a{
	display:inline;
	text-decoration: none;
	font-weight:normal;
}
.listado a:hover {
	text-decoration: underline;
}

/* ----------------- sublistado ----------------*/
.sublistado ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}
.sublistado li {
	margin: 0px 0px 0px 5px;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding: 3px 0px 3px 8px;
	border-bottom:0px solid #fff;
}
.sublistado li a{
	display:inline;
	text-decoration: none;
}
.sublistado a:hover {
	text-decoration: underline;
}


/* ----------------- lista de noticias ------------*/
.listanoticias ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.listanoticias li {
	clear:both;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
	border-top:1px solid #e6e4da;
}
.listanoticias li a{
	display:inline;
	text-decoration: none;
	color: #e6690d;
	font-size:100%;
	font-weight: bold;
}
.listanoticias a:hover {
	text-decoration: underline;
}

.paginacion{
	clear:both;
	border-top:3px solid #edebdd;
	margin:10px 0px 0px 0px;
	padding:5px 5px;
	}


.parrafonoticia{
	clear:both;
	margin-top:30px;
}

.fotonoticia{
	clear:both;
	margin-bottom:5px;
	border:4px solid #edebdd;
}


/* ----------------- lista de eventos ------------*/
.listaeventos ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.listaeventos li {
	clear:both;	
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
	border-top:1px solid #e6e4da;
}
.listaeventos li a{
	display:inline;
	text-decoration: none;
	color: #3399cc;
	font-weight: bold;
	
}
.listaeventos a:hover {
	text-decoration: underline;
}

.linkevento{ margin:10px 0px 0px 0px;}

/* ----------------- lista de eventos ------------*/
.listaligas ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.listaligas li {
	clear:both;	
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
	border-top:1px solid #e6e4da;
}
.listaligas li a{
	display:inline;
	text-decoration: none;
	color: #669933;
	font-weight: bold;
	
}
.listaligas a:hover {
	text-decoration: underline;
}


/* ----------------- galeria imagenes----------------*/


.galeria li {
	text-decoration: none;
	margin:0px;
	padding:0px;
	display:inline;
}
.galeria li a{
	display:inline;
	font-size:90%;
	float:left;
	margin: 0px 3px 3px 0px;
	padding:3px 0px;
	text-align:center;
	width:20px;
	text-decoration: none;
	font-weight:normal;
	background-color: #edebdd;
	color:#666666;
}
.galeria a:hover {
	text-decoration: none;
	background-color: #CC3300;
	color:#FFFFFF;
}


/* ----------------- clases para titulos de seccion ----------------*/


.tt_mancomunidad{
background-image:url(/img/tt_mancomunidad.gif);
background-repeat:no-repeat;
height:30px;
}
.tt_noticias{
background-image:url(/img/tt_noticias.gif);
background-repeat:no-repeat;
height:30px;
}
.tt_eventos{
background-image:url(/img/tt_actividades.gif);
background-repeat:no-repeat;
height:30px;
}
.tt_ligas{
background-image:url(/img/tt_ligas.gif);
background-repeat:no-repeat;
height:30px;
}
.tt_galeria{
background-image:url(/img/tt_galeria.gif);
background-repeat:no-repeat;
height:30px;
}
.tt_boletin{
background-image:url(/img/tt_boletin_pq.gif);
background-repeat:no-repeat;
height:30px;
}
.tt_mapaweb{
background-image:url(/img/tt_mapaweb.gif);
background-repeat:no-repeat;
height:30px;
}
.tt_contacto{
background-image:url(/img/tt_contacto.gif);
background-repeat:no-repeat;
height:30px;
}
.tt_accesibilidad{
background-image:url(/img/tt_accesibilidad.gif);
background-repeat:no-repeat;
height:30px;
}
.tt_legal{
background-image:url(/img/tt_legal.gif);
background-repeat:no-repeat;
height:30px;
}



/* ----------------- calendario de eventos ----------------*/

 .tdmesant {
	padding:3px 5px;
	background-color:#FFFFFF;
	border: none;
	}
 .tdmes {
	background-color: #494643;
	padding:3px 5px;
	color:#FFFFFF;
}
.tdmeslink {
	color:#FFFFFF;
	text-decoration:none;
	background-color: #5d584f;
}

.tdmeslink a{
	color:#FFFFFF;
	text-decoration:none;
}

.tdmeslink:hover{
	background-color: #66aecf;
}

.tdnormal{
	padding:3px 5px;
}

.tdhoy {
	padding:3px 5px;
	border:1px solid #993300;
}

.tdevento {
	background-color: #3399cc;
	color:#FFFFFF;
	padding:0px;
	text-align:center;
}

.tdevento a{
	color:#FFFFFF;
	text-decoration:none;
}


.tdevento:hover{
	background-color: #66aecf;
}