/* Documento css registrado por FLEXO estudio digital */

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

body {
	margin: 0px;
	padding:0px;
	background-color: #c2c2ba;
	font-family: Arial, sans-serif;
	font-size: 70%;
	color:#333333;
	background-image:url(/img/img_fondo.gif);
	background-repeat:repeat-y;
	background-position:center;
	}

img{border:0px;}

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

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

th{
	background-color:#96958b;
	color:#FFFFFF;
	text-align:center;
	padding:3px;
}

td{
	background-color:#EDEBDD;
	text-align:center;
	padding:3px;
}


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

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

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

h2 {
	font-size:90%;
	float:left;
	width:510px;
	height:19px;
	padding:5px 0px 0px 25px;
	margin:5px 0px 0px 10px;
	background-color:#666666;
	color:#FFFFFF;
	text-transform:uppercase;

	}
	
h3 {
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#555;
	font-size:110%;
	padding:0px;
	margin:10px 0px 10px 0px;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-size:100%;
	padding:4px 5px 4px 20px;
	margin:15px 0px 5px 0px;
	background-color:#edebdd;
	background-image:url(/img/ico_down_ng.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	clear:both;

}

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

}



p	{
	margin:0px 0px 10px 0px;
	padding:0px;
	}


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

input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #928f8b;
	padding-left:3px;
	margin:0px 0px 10px 0px;
	}
select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #928f8b;
	padding-left:3px;
	margin:0px 0px 0px 5px;
	}

textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #928f8b;
	padding-left:3px;
	margin:0px 0px 10px 0px;
	}
submit{
	border:1px solid #333333;
	padding-left:3px;
	}
	
	
/* ------------------------------------- Capas principales -----------------------------------*/
#contenedor{
	position:absolute;
	width:700px;
	margin-left:-350px;
	margin-top:10px;
	left:50%;
	padding:0px;
}

#cabecera{
	padding: 0px;
	margin:0px;
	width:700px;
	clear:both;
	height:135px;
}

#logo{
	float:left;
}


#superior{
	font-size:90%;
	text-align:right;
	width:520px;
	padding:0px 0px 10px 10px;
	margin:2px 0px 0px 0px;
	color:#333;
}

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

#fecha{
	float:left;
	font-size:90%;
	width:155px;
	padding:0px;
	margin:5px 0px 0px 0px;
	color:#666;
	text-align:center;

}

#ruta{
	float:left;
	width:500px;
	padding:0px 0px;
	margin:5px 0px 0px 10px;
	color:#333;

}

#menu{
	clear:both;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	width:155px;
}

#home1{
	float:left;
	padding:0px 10px;
	width: 340px;
	margin: 10px 10px 10px 0px;
	border-right:1px solid #ccc;
}
#home2{
	float:left;
	padding:0px;
	width:170px;
	margin: 10px 0px 0px 0px;
}
.homecapita{
	padding: 2px 5px 15px 5px;
	margin: 0px 0px 0px 0px;
}

.homecapita img{border:1px solid #ccc; margin:0px 10px 5px 0px; padding:1px;}

.h2home {
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	height:19px;
	font-weight:normal;
	padding:5px 0px 0px 15px;
	margin:0px 0px 5px 0px;
	background-color:#8e8e85;
	color:#FFFFFF;
	text-transform:uppercase;
	background-image:url(/img/ico_down.gif);
	background-position:right;
	background-repeat:no-repeat;
	}


#textos{
	float:left;
	padding:0px 0px 0px 0px;
	width:322px;
	margin: 10px 5px 10px 30px;
}

#textos img{border:1px solid #ccc; padding:1px;}

#submenu{
	float:right;
	width:159px;
	background:#f7f7f3;
	margin:10px 0px 10px 0px;
	font-size:90%;
	padding:10px;

}

#submenu img{
	border:1px solid #cccccc;
	padding:1px;
	margin:0px;
}

#submenu p{
	padding:3px 0px 5px 0px;
	margin:0px;
}

#pie{
	clear:both;
	font-size:90%;
	padding:5px 10px;
	margin: 10px 0px;
	width:680px;
	border-top:1px solid #999;
	text-align:right;
}


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

.fotoparrafo {
	float: left;
	padding: 1px;
	border: 1px solid #cccccc;
	margin: 5px 10px 5px 0px;
}

.fotoparrafomarco {
	float: left;
	padding: 1px;
	margin: 5px 10px 10px 0px;
	border:1px solid #cccccc;
}


.fotopie {
	float: left;
	padding: 5px;
	background-color: #cccccc;
	margin: 0px 10px 5px 0;
	clear:both;
	font-size:90%;
	width:149px;
}

.separador {
	clear:both;
}



.rojo{color:#CC0000;}
.hora{font-weight:bold;}
.mini{font-size:90%; color:#888;}
.oculto{display:none;}
.gris{color:#666;}
.tecla {text-decoration: underline;} 

.volver{
	font-size:90%;
	border-top:1px solid #dddddd;
	margin:10px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	}
	
#descargapdf{
	color:#666;
	border-top:1px solid #dddddd;
	margin:15px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	}
#descargapdf img{
	border:none;
	padding:0px;
	margin:0px;
}

.icopdf{
	background-image:url(/img/iconos/ico_pdf.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0px 0px 1px 20px;
	}
	
.masinfo{
	font-size:90%;
	border-top:1px solid #dddddd;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	}

.toponimos p{
	margin:0px 0px 5px 0px;
}

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

.paginacion{
	border-top:1px solid #CCCCCC;
	margin:10px 0px;
	padding:5px 5px;
	}


.seccionagenda{
	background-image:url(/img/servicios/agenda/pix_secciones.jpg);
	background-repeat:repeat-y;
	border-bottom:1px solid #d6d2cf;
	padding:2px 5px;
	margin:12px 0px 0px 0px;
	}


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

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


/* ----------------- menu ppal ------------*/
#menu ul{
	margin: 0px;
	padding: 0px;
	background-color:#edebdd;
}
#menu li a{
	display: block;
	padding: 5px 0px 5px 25px;
	margin:0px;
	width: 130px;
	color: #444; 
	border-bottom:1px dotted #fff;
}	
#menu li a:hover {
	color:#cc0000;
	text-decoration:none;
	border-bottom:1px solid #928f8b;
}	

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

/* ----------------- enlaces zona superior ------------*/
#superior ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
#superior li {
	display:inline;
	text-decoration: none;
	padding: 0px 5px 0px 18px;
}
#superior li a{
	display:inline;
	text-decoration: none;
}
#superior a:hover {
	text-decoration: underline;
}

/* ----------------- clases para listas ------------*/
.listado ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.listado li {
	margin: 0px 0px 0px 5px;
	text-decoration: none;
	background-image:url(../img/iconos/ico_flecha_der.gif);
	background-repeat:no-repeat;
	background-position:3px 5px;
	padding: 0px 0px 3px 10px;
}
.listado li a{
	display:inline;
	text-decoration: none;
}
.listado a:hover {
	text-decoration: underline;
}
/* ----------------- clases para sublistado ------------*/
.sublistado ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.sublistado li {
	margin: 0px 0px 0px 15px;
	text-decoration: none;
	background-image:url(../img/iconos/ico_flecha_der.gif);
	background-repeat:no-repeat;
	background-position:3px 5px;
	padding: 0px 0px 3px 10px;
}
.sublistado li a{
	display:inline;
	text-decoration: none;
}
.sublistado a:hover {
	text-decoration: underline;
}

/* ----------------- clases para listas ------------*/
.listanoticias ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.listanoticias li {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
	border-top:1px solid #ccc;
	clear:both;
}
.listanoticias li a{
	display:inline;
	text-decoration: none;
	font-weight:800;
}
.listanoticias a:hover {
	text-decoration: underline;
}



/* ------------------------------------- clases para el menu ppal-----------------------------------*/

.menuayto{
	font-size:90%;
	padding:5px 10px;
	margin:0px;
	background-image:url(/img/img_menu_ayto.gif);
	background-repeat:repeat-y;
	background-position:center;
	border-top:5px solid #fff;
	border-bottom:1px solid #fff;
	color:#FFFFFF;
}

.menuservicios{
	font-size:90%;
	padding:5px 10px;
	margin:0px;
	background-image:url(/img/img_menu_servicios.gif);
	background-repeat:repeat-y;
	background-position:center;
	border-top:5px solid #fff;
	border-bottom:1px solid #fff;
	color:#FFFFFF;
}

.menudatos{
	font-size:90%;
	margin: 0px; 
	padding:5px 10px;
	background-image:url(/img/img_menu_datos.gif);
	background-repeat:repeat-y;
	background-position: center;
	border-top:5px solid #fff;
	border-bottom:1px solid #fff;
	color:#FFFFFF;
}

.menuadmin{
	font-size:90%;
	padding:5px 10px;
	background-image:url(/img/img_menu_admin.gif);
	background-repeat:repeat-y;
	border-top:5px solid #fff;
	border-bottom:1px solid #fff;
	color:#FFFFFF;
}

/* ------------------------------------- clases para los encabezados -----------------------------------*/

.seccayto{color: #FF6600;}
.seccdatos{color:#999900;}
.seccservicios{color: #0099CC;}


/* ------------------------------------- clases para el menu (iconos) -----------------------------------*/

.saludo{
background-image:url(/img/iconos/ico_alcalde.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.organizacion{
background-image:url(/img/iconos/ico_organizacion.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.tasas{
background-image:url(/img/iconos/ico_tasas.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.certificados{
background-image:url(/img/iconos/ico_certificados.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.anuncios{
background-image:url(/img/iconos/ico_anuncios.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}

.geografia{
background-image:url(/img/iconos/ico_geografia.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.historia{
background-image:url(/img/iconos/ico_historia.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.arte{
background-image:url(/img/iconos/ico_arte.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.industria{
background-image:url(/img/iconos/ico_industria.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.educacion{
background-image:url(/img/iconos/ico_educacion.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.salud{
background-image:url(/img/iconos/ico_salud.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.deporte{
background-image:url(/img/iconos/ico_deporte.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.cultura{
background-image:url(/img/iconos/ico_cultura.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.fiestas{
background-image:url(/img/iconos/ico_fiestas.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.telefono{
background-image:url(/img/iconos/ico_telefonos.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.boletin{
background-image:url(/img/iconos/ico_boletin.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.agenda{
background-image:url(/img/iconos/ico_agenda.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.noticias{
background-image:url(/img/iconos/ico_noticias.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.foro{
background-image:url(/img/iconos/ico_foro.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}
.links{
background-image:url(/img/iconos/ico_links.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}


.accesibilidad{
background-image:url(/img/iconos/ico_accesibilidad.gif);
background-repeat:no-repeat;
background-position:3px 0px;
}
.mapaweb{
background-image:url(/img/iconos/ico_mapaweb.gif);
background-repeat:no-repeat;
background-position:3px 0px;
}
.contacto{
background-image:url(/img/iconos/ico_contacto.gif);
background-repeat:no-repeat;
background-position:3px 0px;
}
.plano{
background-image:url(/img/iconos/ico_plano.gif);
background-repeat:no-repeat;
background-position:3px 0px;
}
.paginicio{
background-image:url(/img/iconos/ico_paginicio.gif);
background-repeat:no-repeat;
background-position:3px 0px;
}
.favoritos{
background-image:url(/img/iconos/ico_favoritos.gif);
background-repeat:no-repeat;
background-position:3px 0px;
}


/* ----------------- ADMINISTRACION ------------*/

/* ----------- paginacion ------------*/
.admin_paginacion{
	border-top:1px solid #CCCCCC;
	margin:10px 0px;
	padding:5px 5px;
}
	
/* ------------- clases para listas ------------*/
.admin_lista ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.admin_lista li {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
	border-top:1px solid #eee;
}
.admin_lista li a{
	display:inline;
	text-decoration: none;
}
.admin_lista a:hover {
	text-decoration: underline;
}