/*
Documento CSS propiedad de FLEXO estudio digital.
Prohibida la reproducción total o parcial de este código salvo consentimiento expreso del autor.
*/


/* ---------- GENERAL ---------------------------------------------------------------------- */

body	{
	background-color: #E9E6E0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

acronym {
 cursor: help;
}

li{list-style-type:none;}

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

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

}

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

.diafiestas { background-color:#CC0000;}
.diafiestas a{ color:#FFFFFF;}
.diaprefiestas{ background-color: #FF6600;}
.diaprefiestas a{ color:#FFFFFF;}


/* ---------- enlaces ---------------------------------------------------------------------- */

a {
 text-decoration: none;
 color: #CC0000;
}
a:hover {
	text-decoration: underline;
}

 
/* ---------- ENCABEZADOS  ---------------------------------------------------------------------- */

h1 {
	display:none;
}
h2 {
	clear:both;
	font-family: Georgia, Times, serif;
	font-size: 150%;
	padding: 5px 0px 10px 0px;
	margin: 0px;
	font-weight:normal;
	color: #5C5850;
}
h3 {
	clear:both;
	margin: 5px 0px 10px 0px;
	padding: 5px 0px 5px 10px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	background-color: #E9E6E0;
}
h4 {
	clear:both;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}
 

/* ---------- CAPAS ---------------------------------------------------------------------- */

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

#cabecera{
	float:left;
	width: 650px;
	height:140px;
	margin: 0px 0px 10px 0px;
	background-color: #e20a16;
}

#banner1{
	float:right;
	width: 140px;
	height:140px;
}

#usuarios{
	clear:both;
	font-size:100%;
	color: #E9E6E0;
	margin: 10px 0px;
	padding: 5px 10px;
	background-color:#5C5850;
}

#twitter_status {
	clear:both;
	margin: 10px 0px;
	padding: 7px 10px 7px 150px;
	color:#069;
	background:url(/img/logo_twitter.gif) no-repeat left  #e6f6fc;
}
#twitter_status a{color:#069;}



#ruta {
	clear:both;
	margin: 10px 0px;
	padding: 3px 5px;
	background-color:#ffffff;
}

#latiz{
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	}

#menu {
	width: 140px;
	text-align: left;
	background-color:#AEA9A1;
}

#central_home{
	float:left;
	width: 440px;
	margin: 0px 10px 0px 10px;	
}

#central{
	float:left;
	width: 400px;
	padding:20px;
	margin: 0px 5px 10px 10px;
	background-color:#FFFFFF;
}


#latde {
	float:right;
	width: 200px;
	margin:0px 0px 10px 0px;
}

#submenu {
	width: 160px;
	padding:20px;
	text-align: left;
	background-color:#FFFFFF;
}

#noticiashome {
	width: 160px;
	padding:20px;
	text-align: left;
	background-color:#FFFFFF;
	height:350px;
	overflow:auto;
	
	SCROLLBAR-FACE-COLOR: #C7C5C0;
	SCROLLBAR-HIGHLIGHT-COLOR: #C7C5C0;
	SCROLLBAR-SHADOW-COLOR: #C7C5C0;
	SCROLLBAR-3DLIGHT-COLOR: #C7C5C0;
	SCROLLBAR-ARROW-COLOR:  #ffffff;
	SCROLLBAR-TRACK-COLOR: #E9E6E0;
	SCROLLBAR-DARKSHADOW-COLOR: #C7C5C0; 
}

#pie{
	clear: both;
	text-align:center;
	margin: 0px;
	padding: 5px 10px;
	color: #ffffff; 
	background-color: #AEA9A1;
}
#pie a{
	color:#FFFFFF;
	}

/* ---------- ventanaaspop up  ------------------------------------------- */


#pop_usuarios {
	padding: 30px;
	margin: 20px;
	text-align: left;
	background-color:#FFFFFF;
}


#pop {
	padding: 20px;
	width:300px;
	text-align: left;
	background-color:#FFFFFF;
}

#popup {
	margin:0px;
	padding: 10px;
	background-color:#FFFFFF;
}

#descarga {
	padding: 20px;
	text-align: left;
	background-color:#FFFFFF;
	clear:right;
}

#datosimagen {
	float:left;
	margin: 0px 0px;
	padding: 10px;
	width:150px;
	text-align: left;
	background-color:#FFFFFF;
}

#verimagen {
	float:left;
	margin: 0px 0px 0px 10px;
	left:190px;
	padding: 0px;
}


/* ---------- capas de la home -------------------- */

#home1 {
	position: relative;
	float:left;
	margin:0px 10px 10px 0px;
	padding: 15px;
	width:185px;
	height: 200px;
	text-align: left;
	background-color:#FFFFFF;
}
#home2 {
	position: relative;
	float:right;
	margin:0px;
	padding: 15px;
	width:185px;
	height: 200px;
	text-align: left;
	background-color:#FFFFFF;
}


#home3 {
	position: relative;
	float:left;
	margin:0px 10px 10px 0px;
	padding: 15px;
	width:185px;
	height: 200px;
	text-align: left;
	background-color:#FFFFFF;
}
#home4 {
	position: relative;
	float:right;
	margin: 0px;
	padding: 15px;
	width:185px;
	height: 200px;
	text-align: left;
	background-color:#FFFFFF;
}

#home5 {
	position: relative;
	float:left;
	margin:0px 10px 10px 0px;
	padding: 15px;
	width:185px;
	height: 200px;
	text-align: left;
	background-color:#FFFFFF;
}
#home6 {
	position: relative;
	float:right;
	margin: 0px;
	padding: 15px;
	width:185px;
	height: 200px;
	text-align: left;
	background-color:#FFFFFF;
}
 
/* ---------- PARRAFOS ---------------------------------------------------------------------- */
p {
	font-weight: normal;
	font-size:1em;
	margin: 0px;
	padding: 5px 0px;
}
.listanot{
	margin: 0px;
	padding: 2px 0px;
	}
.entrar {
	margin: 0px;
	padding: 5px 0px;
	}

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

.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;
}



.subir {
	clear:both;
	font-size: 0.9em;
	text-align: right;
	padding:5px;
	background-color: #E9E6E0;
}

.volver {
	clear:both;
	border-top:1px solid #cccccc;
	margin: 20px 0px 5px 0px;
	padding:5px 10px;
	background-image:url(../img/ico_flecha_izq.gif);
	background-repeat:no-repeat;
	background-position:left center;
}



.banner1{border: 10px solid #ffffff;}
.banner2{border: 10px solid #ffffff;	margin-top:10px;}
.banner3{border: 10px solid #ffffff;	margin-top:10px;}

.fecha{font-size:90%; color:#666666;}
.foto{border: 5px solid #DCD8D2;}

.ganadores{ background-color:#FFFFCC; border:1px solid #FFCC66; background-image:url(/img/ico_ganadores.gif); background-repeat:no-repeat; background-position:10px center; padding:10px 0px 10px 100px;}

.fotomarco{border: 5px solid #E9E6E0; margin: 0px 0px 5px 0px;}
.fotomarco:hover{border: 5px solid #AEA9A1; }

.cartelito{border: 5px solid #DCD8D2; margin:5px;}
.cartelazo{border: 10px solid #FFFFFF;}

.fotito{border: 5px solid #DCD8D2; margin:0px 5px 5px 0px;}

.enviafoto{ background-image:url(/img/ico_enviar.gif); background-repeat:no-repeat; background-position:left center; padding:5px 30px; font-size:90%;}

.recuadro{ border:1px solid #ddd; padding:5px;}

.tecla {text-decoration: underline;} 

.linea {border-top:1px solid #cccccc; margin: 10px 0px 0px 0px;}

.blanco{color:#ffffff;}
.negro {color:#000000;}
.naranja {color:#FF6600;}
.rojo {color:#CC0000;}
.gris {color:#666666;}

.errorregistro{ color:#FFFFFF; background-color: #C33; border: 1px solid #C30}


.datosfotos_medias{background-color:#FFFFFF; padding:20px; margin:10px auto; width:90%;}
.datosfotos_grandes{background-color:#FFFFFF; padding:20px; margin:10px auto; width:90%;}
.verfoto{border: 10px solid #FFFFFF; margin:0px auto;}

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

ul {margin:0px; padding:0px;}
ol {margin:0px; padding:0px;}
li {margin:0px; padding:0px;}


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

#menu ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style: none;
}

#menu li {
	vertical-align: top;
	width: 130px;
	background-color:#5C5850;
}

#menu li a{
	padding: 3px 0px 3px 15px;
	border-bottom: 1px solid #AEA9A1;
	color: #ffffff; 
	display: block;
	text-transform:uppercase;
	text-decoration:none;
}	

#menu li a:hover {
	background-color:#AEA9A1;
	
}	

/* ---------- lista de la ruta --------------------- */

#ruta ul {
	margin: 0px;
	padding: 0px;

}
#ruta li {
	display: inline;
	color:#333333;
	padding: 0px 2px 0px 10px;
	background-image: url(/img/ico_flecha_der.gif);
	background-repeat:no-repeat;
	background-position: 1px 6px;
}

#ruta li a {
	color: #CC0000;
}	


/* ----------------- 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;
	font-weight:bold;
	color: #cc0000;
	font-size:100%;
}
.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:20px;
}

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

.fuente{
	color: #666666;
}

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


.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 listas ----------------*/
.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.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding: 3px 0px 3px 8px;
	border-bottom:1px solid #eee;
}
.listado li a{
	text-decoration: none;
}
.listado a:hover {
	text-decoration: underline;
}
/*-------- FORMULARIOS ----------------------------------------------------------------------------*/

form{
	margin:0px;
}
input, select, file, textarea {
	margin-top: 4px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color: #E9E6E0;
	border: 0px none;
	padding: 3px 5px;
	border:1px solid #ccc;
}

.over{border:1px solid #666;}

fieldset{border:1px solid #ccc; padding:10px;}
legend{ padding:0px 10px; font-weight:bold;}


.boton {
	font-size:0.9em;
	padding: 2px 4px;
	background-color: #AEA9A1;
	color: #FFFFFF;
	text-decoration:none;
	border:none;
}
.boton:hover{
	text-decoration:none;
	cursor: pointer;
	background-color:#990000;
}

.botontxt {
	font-size:0.9em;
	padding: 3px 6px;
	background-color: #AEA9A1;
	color: #FFFFFF;
}
.botontxt:hover{
	text-decoration:none;
	background-color:#990000;
	cursor:pointer;
}

/* ------------- icono de progreso ------------*/
#progreso{
	display:none;
	margin:5px 0px;
	padding:5px 5px 5px 30px;
	border:1px dotted #CCCC99;
	background-image:url(/img/progress.gif);
	background-position: 5px;
	background-repeat:no-repeat;
	background-color: #FFFFCC;
	font-size:90%;
}


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


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

#socialmedia{
	padding:5px 10px;
	margin:10px 0px;
	text-align:left;
	}


#socialmedia img{
	margin: 4px 2px;
	border: none;

}


/* ---------------- transparencia   -------------------- */
.trans{
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	}
	
.trans:hover {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	}