@import url("abstract_styles.css");


html * {
	margin: 0;
	padding: 0;
}


BODY{
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em; 
	/*background: url(cssimg/fondoBody.gif) left top repeat;*/
}

A{
	text-decoration: none;
	color: black;
	outline: none;
}

A:hover{
	text-decoration: underline;
}

ul ,li{
	
	list-style: none;
}

IMG {
	border: 0;
}

p {
	margin-top: 3px;
}

#contenedor{
	margin: auto;
	text-align: left;
	background-color: White;
	width: 980px;
}

.fuente_naranja{
	color: #be064e;
}

.fuente_naranja a{
	color: #be064e;
}

h1{
	font-size: 1.3em;
	color: #c60651;
	position: absolute;
	top: 12px;
	left: 20px;
}

form{
	border: 0;
	margin:0;
}

.pie_bloq{
	clear: both;
	font-size: 0.1em;
}

.enlaceGenerico a, a.enlaceGenerico{
	font-weight: bold;
	color: #577ABC;
}

/*===============================================================================================*/
/* ===================================== ESTRUCTURA PAGINA ===================================== */
/*===============================================================================================*/

#cuerpo{
	width: 100%;
	/*background: url(cssimg/fondoCuerpo.gif) left top repeat-y;*/

}

.contenedorMenuIzq{
/*	background-color: #E0E0E0;   */ /*EEEEEE*/
	width:  85.5%;
	padding-left: 1.5%
}

#menuIzq{
	float: left;
	width: 15.8%;  /*16*/

/*	background-color: #E0E0E0;*/   /*EEEEEE*/

	padding: 5px 0 0 0px;
	width: 150px;
}

#menuDrc{
	width: 24%;
	padding-right: 2%;
	/*background: url(cssimg/libro.gif) bottom no-repeat;	*/
	padding-bottom: 178px;
	float: right;
	position: relative;
	right: 0;
	top: -20px;
}

#contenedor2{
	width: 100%; 
	position: relative;
}

#contenedor2 #centro {
	width: 71%;
	font-size: 1em;
	float: left;
	font-family: "MS Sans Serif", Geneva, sans-serif;
}

#centro {
	width: 100%;  
	font-size: 1em;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	float:left;
}
#centro_2 {
	width: 73%;  
	font-size: 1em;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	float:left;
}


#pie{
	width: 100%;
	margin-top: 30px;
	position: relative;
}

/*===============================================================================================*/
/* ==================================== CABECERA =============================================== */
/*===============================================================================================*/
/* ############################ CABECERA ########################## */
.cuerpoPortada {
	width: 100%;
	background-color: #ffFFFF;
}
.contenedorTodo	{
	background: #fff;
	border: 0.1em solid #FFFFFF;
	width: 997px;
	margin: auto;
}

.cabecera {
	height: 133px;
	width: 100%;
	position: relative;
	background-image: url(cssimg/cabecera.jpg);

}

.logo {
	float: left;
	width: 261px;
	height: 133px;
	/*background-image:url(cssimg/escudoRonda.jpg);*/
}

.logoHidden{
	float:left;	
}

.cuerpocabecera {
	float: left;
	width: 735px;
	height: 133px;
	position:relative;
	/*background-image: url(cssimg/topRonda.jpg);*/
}

.opcionescabecera {
	position:absolute;
	top:0pt;
	left:0pt;
	width:100%;
}

.opciones {
	float: right;

}

.borderMenuSuperior{
	background: url(cssimg/bordeMenuIconos.gif) no-repeat;
	float: left;
	padding-left: 6px;
}

.todasOpcionesMenuSuperior{
	float:left;
	background-image: url(cssimg/fondosuperior.jpg);
	height: 19px;
	background-color: #b4064b;	
}

.opcion1 {
	float: left;
	width: 26px;
	margin: 1px 0px 0px 2px;
}

.opcion2 {
	float: left;
	width: 25px;
	margin: 1px 0px 0px 2px;
}

.opcion3 {
	float: left;
	width: 25px;
	margin: 1px 0px 0px 2px;
}

.opcion4 {
	float: left;
	width: 25px;
	margin: 1px 0px 0px 2px;
}

.opcion5 {
	float: left;
	width: 26px;
	margin: 1px 0px 0px 2px;
}
/* ############################### MENU SUPERIOR ################################# */

.menusuperior {
	/*background: #aa0746 url(cssimg/colorBotones.gif) repeat-x;*/
	background: #aa0746 url(cssimg/fondoMenuCabecera.gif) repeat-x;
}

.menusuperior ul {
	padding: 0;
	margin: 0;
	list-style-type: none;

}

.menusuperior ul li {
	float: left; 
	position: relative;
	z-index: 10;
	border-right: 2px solid #a7230c;	

}
.menusuperior2 ul li  {
	float: left;
	text-decoration: none; 
	color: #ffffff; 
	font-size: 11px;
	height: 21px;
	padding: 5px 5px 0 5px;

}
/*.menusuperior ul li {
	float: left;
	text-decoration: none; 
	color: #ffffff; 
	font-size: 11px;
	height: 21px;
	padding: 5px 5px 0 5px;
}*/

.menusuperior ul li a, .menusuperior ul li a:visited,.menusuperior ul li span,.menusuperior ul li p{
	float: left;
	text-decoration: none; 
	color: #ffffff; 
	font-size: 11px;
	height: 21px;
	padding: 5px 5px 0 5px;
	cursor:pointer;
	display: inline;
	text-transform: uppercase;
	
}

.menusuperior ul li:hover a, .menusuperior ul li:hover span{
	color: #ffffff; 
	background: url(cssimg/fondoMenuCabecera.gif) repeat-x;
	background-position: 0px -26px;
}

.menusuperior ul li ul {
	display: none;
}

.menusuperior ul li:hover ul {
	display: block; 
	position: absolute; 
	top: 26px; 
	left: 0; 
	border-top: 0;
	text-align: left;


}

.menusuperior ul li:hover ul li a {
	display: block; 
	
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	width: 250px;
}

.menusuperior ul li:hover ul li a:hover {
	background: #aa0746; 
	color: #f4e089;
}

.menusuperior ul li:hover ul li:hover a {
	background: #aa0746 url(cssimg/fondoMenuCabecera.gif) repeat-x;
	color: #f4e089;
}

.menusuperior ul li:hover ul li .nivel3 a{
	padding-left: 5px;
	width: 125px;
	color: #ffffff;

}

.menusuperior ul li a.current{
	font-weight: bold;
	color: #ffffff;

}



form.formularioTop {
	float: right;
	margin: 3px 0px 0px 0px;
	width: 14%;
	display: block;
	
}
.oculto{
	font-size: 1em;
}

.inputBuscar{
	float: left;
	border: 1px solid #910136;
	width: 100px;
}

.envioFormularioTop{
	margin: 0px 2px 1px 5px;
	cursor: pointer;
}


/*===============================================================================================*/
/* ===================================== MENU IZQUIERDO =========================================*/
/*===============================================================================================*/

#menuIzq ul {
	width: 100%;
}

#menuIzq ul li {
	width: 100%;
}


#menuIzq ul li ul{
	width: 100%;
}



#menuIzq div.miNivel1{
	width: 100%;
	min-height: 26px;
	height: auto !important;
	height: 26px;
	margin-bottom: 10px;
}

#menuIzq ul li div.miNivel1 div.plegado{
	background: transparent url(cssimg/icono_contraido.gif) 1% no-repeat;
	padding-left: 15px;
	/height: 0px;
	min-height: 10px;
	margin-bottom: 0px;
	width: 90%;
	text-transform: uppercase;
}

#menuIzq ul li div.miNivel1 div.desplegado{
	background: transparent url(cssimg/icono_expandido.gif) 1% no-repeat;
	padding-left: 15px;
	/height: 0px;
	min-height: 10px;
	margin-bottom: 0px;
	width: 50%;
	text-transform: uppercase;
	padding-bottom: 6px;
}

.menu_portada #menuIzq ul li div.miNivel1 div.plegado, .menu_portada #menuIzq ul li div.miNivel1 div.desplegado{
	background: transparent url(cssimg/icono_contraido.gif) 20% no-repeat;
	padding-left: 40px;    
	/height: 0px;
	min-height: 10px;
	margin-bottom: 0px;
	width: 70%;
}

.menu_portada #menuIzq ul li div.miNivel1 div.espaciado {
	padding-left: 40px;    
	/height: 0px;
	min-height: 10px;
	margin-bottom: 0px;
	width: 75%;
}


.menu_portada #menuIzq ul li div.miNivel1 div.plegado{
	background: transparent url(cssimg/icono_contraido.gif) 20% no-repeat;
}

.menu_portada #menuIzq ul li div.miNivel1 div.desplegado{
	background: transparent url(cssimg/icono_expandido.gif) 20% no-repeat;
	color: #FFFFFF;
	font-weight: bold;
}


#menuIzq ul li div.miNivel1 div.plegado a, #menuIzq ul li div.miNivel1 div.desplegado a{
	color: #FFFFFF;
	font-weight: bold;
}

#menuIzq ul li ul{
	margin-bottom: 10px;
	width: 100%;
	padding-left: 1em;
}

#menuIzq ul li ul li ul{
	margin-bottom: 0px;
}


.cintillo_inf_izq, .cintillo_inf_drc, .cintillo_sup_izq{
	width: 100%;
}

.cintillo_inf_izq{
	background: #a60842 url(cssimg/fondoMenuIzquierdoRojo.jpg) bottom right repeat-x;
	padding-top: 32px;
}

.cintillo_inf_drc{
	background: #a60842 url(cssimg/fondoMenuIzquierdoRojo.jpg) bottom right repeat-x;
	padding-top: 32px; /*30*/
}

.cintillo_sup_izq{
	background: #a60842 url(cssimg/fondoMenuIzquierdoRojo.jpg) top left repeat-x;
	padding-top: 20px; /*30*/
	padding-bottom: 0px;
}

.cintillo_normal{
	background-color: #7f8180;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	padding-left: 2%;
	width: 98% !important;
}

.cintilloAyuntamiento {
	background: #a60842 url(cssimg/fondoMenuIzquierdoRojo.jpg) bottom right repeat-x;
	padding-left: 29px;
	width: 125px !important; 
	width: 109px !important; 
	background: #a60842 url(cssimg/fondoMenuIzquierdoRojo.jpg) top left repeat-x;
	padding-left: 20%;
	width: 80% !important;
}

.cintilloGeneral {
	background: #a60842 url(cssimg/fondoMenuIzquierdoRojo.jpg) top right repeat-x !important;
   padding-left: 20px;
	width: 134px !important;   /*134*/
	width: 118px !important;   /*134*/
	background: #a60842 url(cssimg/fondoMenuIzquierdoRojo.jpg) top left repeat-x !important;
	padding-left: 18%;
	width: 82% !important;
}

.ajusteTE {
/*	/margin-left: 7px;*/
}

.cintilloGeneral a{
	color: #FFFFFF;
}

.cintillo_normal a{
	color: #Ffffff;
}

.texto_menu, .texto_menu2 {
	bottom: 3px;
	padding-left: 4px;
	color: #Ffffff;
	font-weight: bold;
	cursor:pointer;
	text-transform: uppercase;
}

.texto_menu a {
	color: #Ffffff;
}

.texto_menu2 {
	margin: 0;
	padding: 0;
}

.texto_menu{
	width: 90%;	/*80*/
	padding-top: 7px; 
	padding-bottom: 5px;
}

.texto_menu2{
	width: 90%;	
	/*padding-left: 5px;*/
	padding-top: 7px; 
	padding-bottom: 5px;
}



#menuIzq div.miNivel2{
	width: 94%;
	background: url(cssimg/puntoMenuIzquierdo.jpg) left 4px no-repeat;
	padding-left: 6%;
}


#menuIzq div.miNivel3{
	width: 94%;
	background: url(cssimg/puntoMenuIzquierdo.jpg) left 4px no-repeat;
	padding-left: 6%;
}

#menuIzq ul li ul li div.desplegado{
	background: url(cssimg/flecha_menu_abajo.gif) right no-repeat;
}

#menuIzq ul li ul li ul li{
	margin-left: 20px;
	margin-left: 20%;
	width: 80%;
}

#menuIzq ul li ul li div.seleccionado, #menuIzq ul li ul li ul li div.seleccionado{
	background: url(cssimg/flecha_menu_drc.gif) left  no-repeat;
}

#menuIzq ul li ul li div.seleccionado a, #menuIzq ul li ul li ul li div.seleccionado a{
	color: #c91e60;
	background: url(cssimg/flecha_menu_drc.gif) left  no-repeat;
	padding-left: 8px;	
	font-weight: bold;
}

#menuIzq ul li ul li div.seleccionado{
	background: url(cssimg/flecha_menu_drc.gif) left  no-repeat;
}

#menuIzq ul li ul li div.seleccionado a{
	color: #c91e60;
	background: url(cssimg/flecha_menu_drc.gif) left  no-repeat;
	padding-left: 8px;	
	font-weight: bold;
}




/*===============================================================================================*/
/* ===================================== MENU DERECHA ========================================== */
/*===============================================================================================*/
.contenedor_mdNivel1 {
	background:transparent url(cssimg/fondo_menu_derecha.gif) repeat-x scroll left bottom;
	margin-bottom:10px;
	padding-bottom:4px;
	width:100%;
}
.contenedor_mdNivel2{
	background:transparent url(cssimg/fondo_menu_derecha_1.gif) repeat-x scroll left bottom;
	margin-bottom:10px;
	padding-bottom:4px;
	width:100%;
}
.mdNivel1{
	/*color: #7D99C0;    #c91e60;*/
	/*background: url(cssimg/menu_derecha_flecha_abajo.gif) no-repeat  5%;*/
	color:#C60651;
	padding-right:15px;
	text-align:right;
	font-size: 1em;
}

.mdNivel2 a
	{
	color:#C60651;
	}

.mdNivel1 a {
	color: #7D99C0;    /*#c91e60;*/
}

#menuDrc ul {
	width: 100%;
/*border: 1px solid red;*/
	margin: 0;
	padding: 0;
}


#menuDrc ul li {
	width: 100%;
	margin: 0;
	padding: 0;
}

#menuDrc ul ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

#menuDrc ul ul ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

.mdNivel2, #menuDrc ul li div.seleccionado{
	/*text-align: right;	*/
	padding-left: 25px;
}

.mdNivel2{
	/*background: url(cssimg/circulito.gif) 2% 2px no-repeat;*/
	background: url(cssimg/menu_derecha_flecha_derecha.gif) no-repeat  5%;
	color:#C60651;
	padding-left:30px;
	text-align:left;
	font-size: 1em;
	cursor:pointer;
}
.mdNivel21{
	/*background: url(cssimg/circulito.gif) 2% 2px no-repeat;*/
	background: url(cssimg/menu_derecha_flecha_abajo.gif) no-repeat  5%;
	color:#C60651;
	padding-left:30px;
	text-align:left;
	font-size: 1em;
	cursor:pointer;
}

#menuDrc ul li div.seleccionado{
	background: url(cssimg/circulo.gif) 2% 2px no-repeat;
	font-weight: bold;
}

#menuDrc ul li div.seleccionado a{
	color: #c91e60;
}


.mdNivel3,  #menuDrc ul li ul li div.seleccionado {
	/*text-align: right;*/
	padding-left: 30px;
}

.mdNivel3 {
	background: url(cssimg/puntoMenuIzquierdo.jpg) 10px no-repeat;
	cursor: pointer;
	width:85%;
	/*padding-right: 18%;*/
	padding-left: 22px;
	font-size: 0.9em;
	margin-bottom: 5px;
	margin-left: 12px;
}

#menuDrc ul li ul li div.seleccionado {
	font-weight: bold;	
	color: #c91e60;
	background: url(cssimg/flecha_menu_drc.gif) 10% 3px no-repeat;
}
/*===============================================================================================*/
/* ===================================== PORTADA =============================================== */
/*===============================================================================================*/
.pie_bloq3 {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 0px;
}

.pie_bloq2 {
	clear: both;
	font-size: 1px;
	background: #FFFFFF;
}

.fondoPortada {
	background : #FFFFFF !important;
}

.bottomPortada {
	background : #FFFFFF;
	width: 100%;
	padding-top: 20px;
}

.menu_portada{
	float: left;
	width: 38.5%;      /*41*/
	background: #FFFFFF url(cssimg/fondo_portada.gif) bottom left no-repeat;
	padding-bottom: 37px; /*25*/
	/*padding-right: 0.5%;*/
        padding-left: 24px;   /*4*/
}

.menu_portada #menuIzq{
	float: left;
	width: 47%;	  /*47.5*/ /* 48*/
	margin-left: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 0.5%;
	padding-right: 0.5%;
}

.menu_portada .menuPortadaDrc{
	float: right;
	width: 45% !important;	  
	margin-left: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 2% !important;	  
}

.drc_menu_portada{
	float: left;
	width: 42%;
}

.drc_menu_portada ul li ul li ul li{
	padding-left: 10px;
}

.derecha_portada{
	float: right;
	width: 57%;
	padding-top: 30px;
}

.derecha_portada ul li{
	list-style-type: none;
}

.caja_destacados{
	position: relative;
	width: 101px;
	height: 67px;
	float: left;
	margin: 0 10px 4px 0;
}

.fondo_imagen_destacados{
	background: url(cssimg/fondo_destacados.gif);
	width: 101px;
	height: 67px;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
}

.imagen_destacados{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 101px;
	height: 67px; 
}

.titulo_adm_elect{
	background: url(cssimg/flechitas.gif) right no-repeat;
	font-weight: bold;
	font-size: 1.1em;
//	color: #E2A344;
	color: #AB1414;
	padding-right: 25px;
	position: relative;
}

a.mas_info_portada{
	background: url(cssimg/fondo_mas_amarillo.gif) left no-repeat;
	padding-left: 15px;
	font-weight: normal;
	font-size: 0.9em;
}


.enPortadaIzq {
	border: 2px solid #d6d6d6;
	float: left;
	width: 45%;
	padding: 1%;
}

.enPortadaDrc {
	border: 2px solid #d6d6d6;
	float: right;
	width: 45%;
	padding: 1%;
	margin-right: 10px;
	/margin-right: 3px;
}


/*===============================================================================================*/
/* ==================================== CUERPO PRINCIPAL ======================================= */
/*===============================================================================================*/


.miguita{
	float:left;
	font-size:0.9em;
	padding-top:0.8em;
	text-align:left;
	width:65%;
}
.contenedor_miguita{
	width: 100%;
	margin-bottom: 30px;
}

.titulo h1, .titulo_2 h1 {
	margin: 0;
	padding: 0;
	display: block;
position: static;
background: url(cssimg/fondoMenuSuperiorPagina.jpg) bottom repeat-x;
}

/*.fondo_titulo{
	background: url(cssimg/escudo.gif) top right no-repeat;
	padding-left: 3px;
	padding-right: 45px;
	padding-top: 26px;	
	padding-bottom: 6px;
	position: relative;
	font-size: 0.95em;
}*/
.fondo_titulo{
	display: block;
	background: url(cssimg/escudo.gif) top right no-repeat;
	padding-left: 3px;
	padding-top: 26px;	
	padding-bottom: 7px;
}
.enlaces_titulo{
	float: right;
	margin-right: 50px;
	margin-top: 10px;
	width: 50%;
	display: inline;
	text-align: right;
}

.enlace_titulo{
	background: url(cssimg/flecha_izq.gif) left no-repeat;
	padding-left: 25px;
	font-size: 1.2em;
}

.enlace_titulo2{
	background: url(cssimg/flecha_drc.gif) right no-repeat;
	padding-right: 25px;
	font-size: 1.2em;
}

.enlace_titulo2 a, .enlace_titulo a, .enlace010 a{
	color: #c91e60;
}

.enlace010{
	color: #c91e60;
	font-size: 1.2em;
	margin-right: 15px;
}

.circulito_sup{
	position: absolute;
	background: url(cssimg/circulito.gif) left bottom no-repeat;
	left: -5px;
	top: -5px;    
	height: 9px;    
	width: 10px;
	/top: -10px; 
}

.circulito_inf{
	position: absolute;
	background: url(cssimg/circulito.gif) left bottom no-repeat;
	left: -5px;
	bottom: -6px; 
	/bottom: -8px;
	height: 9px;
	width: 10px;
}

.circulito_sup_drc{
	position: absolute;
	background: url(cssimg/circulito.gif) left bottom no-repeat;
	right: -5px;
	top: -5px;
	height: 9px;
	width: 10px;
	/top: -12px;
}

.circulito_inf_drc{
	position: absolute;
	background: url(cssimg/circulito.gif) left bottom no-repeat;
	right: -5px;
	bottom: -6px;
	height: 9px;
	width: 10px;
}

.paginacion{
	width: 100%;
	position: relative;
	text-align: center;
}

.paginacion *{
	vertical-align: middle;
}

.paginacion_numeros{
	text-align: center;
	width: 65%;
	font-size: 1.2em;
}

.caja_seccion{
	padding:6px 0px 15px 20px;
	background: url(cssimg/fondo_seccion.gif) bottom left no-repeat;
	
	
}

.caja_seccion h2{
	//color: #c91e60;
	color: #ab1414;
	font-size: 1.4em;	
}

.caja_seccion h2 a{
	color: #c91e60;
}

.caja_subseccion{
	padding-left: 20px;
	margin-bottom: 10px;
}

.caja_subseccion2{
	padding-left: 40px;
	margin-bottom: 10px;
}


.caja_subseccion2 h3{
	color: #c91e60;
	font-size: 1.2em;	
}

.caja_subseccion h3{
	color: #c91e60;
	font-size: 1.2em;	
}

.imagen_asociada_actividad{
	float: right;
	background: url(cssimg/fondo_imagen_asociada.gif);
	width: 183px;
	height: 145px;
	position: relative;
	padding-left: 11px;
	padding-top: 11px;
	margin-right: 10px;
}

.caja_subseccion2 h3 a{
	color: #c91e60;	
}

.caja_subseccion h3 a{
	color: #c91e60;	
}

/*===============================================================================================*/
/* ============================================= PIE =========================================== */
/*===============================================================================================*/
.pie {
	background: transparent url(cssimg/imagenFondoAbajo.gif) no-repeat scroll 100% bottom;
	margin: 20px 0px 0px 0px;
}

.logos{
	margin: 20px 0x 20px 0px;
	padding:0px 0px 20px 0px
}

.textoPie{
	width: 100%;
	margin: 20px 0 20px 0;
	height: 60px;
	text-align: center;
	float: left;
	color: #98281a;
	font-size: 1em;
}
.pie_banners{
	text-align: center;
	width: 100%;

}

.pie_banners li{
	float: left;
}

.pie_banners ul{
	/*margin-left: 4%;
	margin-right: 4%;
	width: 85%;*/
}
.pie_banners ul li{
	margin-left: 10px;
	
}
.pie_enlaces{
	width: 100%;
	/*background: url(cssimg/fondo_pie.gif) bottom left repeat-x;*/
	border-bottom: 4px solid #c9195a;
	margin-top: 10px;
	font-size: 0.9em;
	text-align: center;
	padding: 17px 0 10px 0;
/*	position: relative;*/
}
.pie_contenedor_enlaces
	{
	width: 100%;
	}
.pie_enlaces_izq{
	width: 32%;  /*42*/
	float: left;
	padding: 0 0 2% 3%;
	text-align: left;
}


.pie_enlaces_izq2{
	width: 23%;
	float: left;
	padding: 0 1 0 1%;
}

.pie_enlaces_centro{
	width: 49%;
	float: left;
	color:#98281A;
	text-align:center;
}
.pie_enlaces_centro a{
	color:#98281A;
}

.pie_enlaces_drc{
	width: 62%; /*52*/
	float: left;
	padding: 0 0 2% 1%;
	text-align: right;  /*center*/
}


.pie_enlaces_drc2{
	width: 23%;
	float: left;
	padding: 2% 1% 0 1%;
	text-align: right;
}


.logo_w3c{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/*===============================================================================================*/
/* ================================= AGENDA DE ACTIVIDADES ===================================== */
/*===============================================================================================*/

.izq_buscador{
	float: left;
	width: 45%;
	padding-left: 3%;
}

.drc_buscador{
	float: right;
	width: 45%;
	padding-right: 3%;
	text-align: right;
}

.caja_agenda{
	width: 100%;
	position: relative;
	border-top: 3px solid #c91e60;
	border-bottom: 3px solid #c91e60;
	margin-bottom: 20px;
}

.izq_agenda{
	float: left;
	width: 42%;
	text-align: center;
	padding-top: 6px; 
}

.drc_agenda{
	float: right;
	width: 57%;
	background-color: #FFF1DC;
	text-align: center;
	padding: 10px 0;
}

.drc_agenda table, .drc_agenda table td, .drc_agenda table tr, .drc_agenda table th{
	border: none;
}




.caja_fecha{
	width: 236px;
	font-weight: bold;
	font-size: 1.1em;
	margin: auto;
	margin-top: 10px;
	text-align: center;
}

.caja_fecha *{
	vertical-align: middle;
}

.caja_fecha a{
	color: #E2A344;
}

.flecha_izq{
	vertical-align: middle;
}

.flecha_drc{
	vertical-align: middle;
}

.anyo{
	text-align: center;
	width: 65%;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.1em;
}

.mes{
	text-align: center;
	width: 65%;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1.1em;
}

.drc_agenda table{
	width: 45%;
	margin: auto;
	font-size: 1.3em;
}

.imagen_reducida_1{
	height: 135px;
	width: 171px;
}


/*===============================================================================================*/
/* ========================================== CLIMA ============================================= */
/*===============================================================================================*/

.imagen_reducida_2{
	height: 85px;
	width: 111px;
}

.imagen_reducida_3{
	height: 435px;
	width: 450px;
}

.imagen_reducida_4{
	height: 335px;
	width: 452px;
}

.imagen_asociada{
	float: right;
	margin-right: 5px;
}

/*===============================================================================================*/
/* ====================================== COMO LLEGAR ========================================== */
/*===============================================================================================*/

.llegarARonda{
	width: 90%;
	text-align: left;
	/margin-left: -10px;
	margin-left: 12px;
}

.lineas_tren{
	float: left;
	margin: 5px;
}

.detalles_tren{
	text-align: left;
}

.mapa_tren{
	float: left;
	margin: 0 10px 10px 10px;
}

.imagen_reducida_5{
	height: 309px;
	width: 476px;
}

.imagen_reducida_6{
	height: 204px;
	width: 248px;
}

/*===============================================================================================*/
/* ========================================   LISTAS ============================================ */
/*===============================================================================================*/

.circulo_izq{
	background: url(cssimg/circulo.gif) left no-repeat 3px;
	padding-left: 15px;
}

.circulito_izq{
	background: url(cssimg/circulito.gif) left no-repeat 3px;	
	padding-left: 15px;
}

.bolaMundo_izq{
	background: url(cssimg/ico_mundo.gif) left no-repeat;	
	padding-left: 20px;
	padding-top: 3px;
}

.descarga_doc{
	background: url(cssimg/move_f.gif) left no-repeat 1px;	
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 2px;
}

.lista_circulito li{
	list-style-image: url(cssimg/circulito.gif);
}

.enlaceTramite{
	margin-left: 40px;
	/*font-size: 1.1em;*/
	font-weight: bold;
}

.enlaceTramite a{
	color: #577ABC;
}
/*===============================================================================================*/
/* ====================================== DIRECTORIOS  ========================================== */
/*===============================================================================================*/

.directorio{
	width: 90%;
	text-align: left;
}

.directorio ul{
	margin: 0;
	padding: 0;
}

.directorio li{
	margin: 10px 0 10px 0;
}

.lista_directorio{
	margin-left: 15px;
}

.lista_directorio h2{
	font-size: 1em;
	background: url(cssimg/circulito.gif) left no-repeat;
	padding-left: 15px;
}

.lista_directorio ul li{
	background: url(cssimg/circulo.gif) left no-repeat;	
	padding-left: 15px;
}

.directorio_seccion_simple{
	width: 90%;
}

.directorio_seccion_simple h2, h3{
	font-size: 1em;
	padding-left: 15px;
}

.directorio_seccion_simple h2{
	background: url(cssimg/circulito.gif) left no-repeat;	
}

.directorio_seccion_simple h3{
	background: url(cssimg/circulo.gif) left no-repeat;	
}

.directorio_seccion_multiple{
	width: 75%;
	background: url(cssimg/circulito.gif) left no-repeat;
	padding-left: 15px;
}

.directorio_seccion_multiple h2{
	font-size: 1em;
	display: inline;
}

.directorio_izq{
	float: left;
	width: 68%;	
	padding-left: 10px;
	/padding-left: 20px;
}


.directorio_drc{
	float: right;
	width: 27%;	
	margin-right: 10px;
	/margin-right: 5px;
}

.imagen_reducida_7{
	height: 172px;
	width: 165px;
}

.pie_imagen{
	text-align: center;
	color: #c91e60;
	font-size: 1.2em;
	margin-top: 7px;
	/*width: 99%;*/
}

.colorEntidad{
	color: #c91e60;
}

.contenedorDatosContacto{
	margin-left: 15px;
	background-color:#FFF9DF;
	padding: 5px 0;
}

.masInfoEntidad{
	color: #6F6F6F;
}

a.tituloDirectorio{
	color: #AB1414;
	font-weight: bold;
}

/*===============================================================================================*/
/* =================================== ENLACES DE INTERES ======================================= */
/*===============================================================================================*/

.lista_enlaces{
	width: 90%;
	padding-left: 30px;
}


.lista_enlaces h2{
	padding-left: 15px;
	font-size: 1em;
	background: url(cssimg/circulito.gif) left no-repeat;
}


/*===============================================================================================*/
/* ====================================== FORMULARIOS ========================================== */
/*===============================================================================================*/

.input_texto{
	border: 1px solid White;
	font-size: 0.9em;
	margin-left: 20px;
	width: 65%;
}


.input_select{
	border: 1px solid White;
	font-size: 0.9em;
	margin-left: 20px;
	width: 65%;
}

.input_texto2{
	width: 80%;
	border: 1px solid #e2c58d;
	font-size: 0.9em;
	float: right;
	padding: 1px 0 1px 0;
}

.label_texto2{
	width: 16%;
	margin-right: 4px;
	float: left;
}

.input_texto3{
	width: 59%;
	border: 1px solid #e2c58d;
	font-size: 0.9em;
	float: left;
}

.label_texto3{
	float: left;
	width: 40%;
}

.label_texto4{
	float: left;
	width: 14%;
	text-align: center;	
}

.textarea_buzon{
	border: 1px solid #C40950;
	overflow: auto;
	margin: 0;
	padding: 0;
	width: 99%;
}

.linea_formulario, .linea_formulario2{
	margin-bottom: 5px;
	padding-right: 3%;
	text-align: left;
}

.linea_formulario{
	margin-left: 5%;
	width: 92%;
}

.linea_formulario2{
	margin-left: 2.5%;
	width: 93%;
}

.linea_formulario_izq{
	float: left;
	width: 49%;	
}

.linea_formulario_drc{
	float: right;
	width: 49%;	
}

.linea_final_form{
	width: 70%;
	position: relative;
	border-top: 3px solid #c91e60;
	border-bottom: 3px solid #c91e60;
	margin-top: 56px;
}

.linea_opciones_form{
	width: 95%;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 5%;
}

.campos_obligatorios{
	margin: 10px 10px 10px 20px;
	float: left;
	line-height: 1.2em;
}

.boton_sugerencias{
	background: url(cssimg/boton_buscar.gif);
	float: right;
	margin: 10px 20px 10px 10px;
}


.caja_con_borde, .caja_con_borde2{
	border: 1px solid #f062a6;
	margin-top: 3px;
	padding-top: 7px;
	font-size: 1.2em;
	padding-bottom: 5px;
}

.caja_con_borde{
	padding-left: 21px;
}

.caja_con_borde2{
	font-size: 1.1em;
	padding: 3px 0 5px 5px;
	margin-bottom: 30px;
}


.texto_encuesta{
	color: #f062a6;
	padding-left: 3px;
}

.texto_aclarativo{
	margin-top: 16px;
}


/*===============================================================================================*/
/* ======================================== GOBIERNO ============================================ */
/*===============================================================================================*/

.nombre_gobierno{
	border-bottom: 3px solid #c91e60;
	position: relative;
	padding-bottom: 3px;
	padding-left: 20px;
	width: 96%;
	
}

.cuadro_gob{
	position: absolute;
	background: url(cssimg/fondo_gob.gif) top left no-repeat;
	width: 79px;
	height: 98px;
	right: 0;
	top: -30px;
	z-index: 1;
	text-align: center;
	padding-top: 8px;
}

.cuadro_gob img{
	height: 86px;
	width: 71px;
	padding-right: 1px;
}

.circulo_gob {
	font-size: 1px;
	background: url(cssimg/circulo_fondo_gob.gif) left top no-repeat;
	height: 16px;
	width: 18px;
	position: absolute; 
	top: 88px; 
	right: 66px;
}


.circulito_gob{
	position: absolute;
	background: url(cssimg/circulito.gif) left bottom no-repeat;
	left: -5px;
	top: 15px;
	height: 9px;
	width: 10px;
	/top: 10px;
}

.lista_gobierno{
	width: 75%;
	padding-left: 20px;
}

.lista_gobierno li{
	margin-bottom: 40px;
}

.cargo{
	color: #c91e60;
	padding: 5px 0 0 20px;
	width: 80%;
	/height: 51px;
	min-height: 51px;
}

/*===============================================================================================*/
/* ======================================== MAPA WEB ============================================ */
/*===============================================================================================*/

.mapa_seccion{
	font-size: 1.1em;
	color:  #d74e82;
	width: 50%;
	position: relative;
	border-bottom: 3px solid #c91e60;
	padding-left: 12px;
	padding-bottom: 6px;
	margin-bottom: 10px;
	float: left;
}

.mapa_seccion a{
	color:  #d74e82;
}

.subsecciones_mapa_web{
	float: left;
	width: 35%;
	margin-top: 15px;
	margin-left: 10px;
}

.subsecciones_mapa_web li{
	padding-bottom: 5px;
}

.subsecciones_mapa_web li a{
	background: url(cssimg/circulo.gif) left no-repeat;
	padding-left: 15px;
}

.mapaNivel3 {
	margin-left: 10px;
	margin-top: 8px;
}

.mapaNivel3 li a {
	background: none;
}

.mapaNivel3 li div {
	background: url(cssimg/flecha_menu_drc.gif) 5% 3px no-repeat;
	padding-left: 10px;
}

/*===============================================================================================*/
/* ======================================= NOTICIAS ============================================= */
/*===============================================================================================*/

.noticia_izq{
	float: left;
	width: 16%;
}

.noticia_drc{
	float: right;
	width: 80%;
}

.noticia_drc a{
	color: #c91e60;
	color: #ab1414;
	font-weight: bold;
	font-size: 1.2em;
}

.noticia_izq2{
	float: left;
	width: 20%;
}

.noticia_drc2{
	float: right;
	width: 74%;
}

.imagen_reducida_9{
	height:76px;
   width:111px;
}

.imagen_reducida_10{
	height:101px; 
	width:151px;
}

/*===============================================================================================*/
/* ====================================== ORGANIGRAMA ========================================== */
/*===============================================================================================*/

.organigrama_alcaldia, .organigrama_areas, .organigrama_unidades {
	position: relative;
	line-height: 1.8em;
	color: #c91e60;
	font-size: 1.1em;
}

.organigrama_alcaldia{
	width: 12%;  
}

.organigrama_areas{
	width: 44.5%;
	padding-left: 30px;
}

.organigrama_unidades{
	width: 40.5%;
	padding-left: 10px;
}

.organigrama_area{
	margin-left: 40px;
	padding-top: 45px; 
	padding-right: 20px;
	vertical-align: top;
	width:44.5%;
}

.organigrama_area div{
	background: url(cssimg/circulo.gif) top left no-repeat;
	padding-left: 15px;
	margin-left: 30px;
}

.organigrama_unidad{
	padding-top: 45px;
	margin-left: 15px;
	padding-left: 15px;
	width: 40.5%;
}

.organigrama_unidad li{
	background: url(cssimg/circulo.gif) left no-repeat;
	padding-left: 15px;	
	padding-bottom: 5px;
}

.organigrama_borde_drc{
	border-right: 3px solid #c91e60;	
	width: 12%;
}

.organigrama_areas_cabecera{
	border-bottom: 3px solid #c91e60;
	width: 90%;
	position: relative;
}

.organigrama_alcaldia_cabecera{
	border-bottom: 3px solid #c91e60;
	width: 100%;		
	position: relative;
}

.organigrama_unidades_cabecera{
	border-bottom: 3px solid #c91e60;
	width:90%;
	position: relative;
}


/*===============================================================================================*/
/* ======================================= IMAGENES =============================================*/
/*===============================================================================================*/


.enlace_bottom_imagen{
	width: 50%;
	text-align: center;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	vertical-align: middle;
	position: relative;
	background: #c91e60;
	padding: 2px 0 2px 0;
	position: relative;
}

.enlace_bottom_imagen a{
	padding-left: 30px;
	padding-right: 30px;
	color: white;
	font-weight: bold;
}

.enlace_bottom_sup_izq{
	position: absolute;
	top: -3px;
	left: -5px;
	background: url(cssimg/fondo_izq_top_2.gif) left top no-repeat;
	width: 17px;
	height: 14px;
}

.enlace_bottom_sup_drc{
	position: absolute;
	top:-1px;
	right: -1px;
	background: url(cssimg/fondo_drc_top_2.gif) left top no-repeat;
	width: 11px;
	height: 14px;
}

.enlace_bottom_inf_izq{
	position: absolute;
	bottom: -1px;
	left: -6px;
	background: url(cssimg/fondo_izq_bottom_2.gif) bottom left no-repeat;
	width: 17px;
	height: 8px;
}

.enlace_bottom_inf_drc{
	position: absolute;
	bottom: -1px;
	
	right: -1px;
	background: url(cssimg/fondo_drc_bottom_2.gif) bottom left no-repeat;
	width: 11px;
	height: 8px;
}

/*===============================================================================================*/
/* =================================== GALERIA DE IMAGENES ======================================*/
/*===============================================================================================*/

.linea_galeria_elem{
	float: left;	
	width: 47%;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-top: 5px;	
}

.linea_galeria_elem img{
	width: 40%;
	float: left;
	width: 90px;
	height: 68px;
}

.linea_galeria_elem span, .linea_galeria_elem strong
{
	width: 58%;
	float: right;
	padding-left: 1px;
}

.galeria_texto a:hover{
	color: #c91e60;
	text-decoration: none;
	font-weight: bold;
}


/*===============================================================================================*/
/* ========================================  SALUDO =============================================*/
/*===============================================================================================*/

.firma{
	text-align: right;
	color: #939393;
	width: 100%;
	margin-top: 20px;
}

.foto_saludo{
	float: left;
	/*width: 128px;
	height: 157px;*/
	position: absolute;
}

.cuadro_saludo{
	position: absolute;
	background: url(cssimg/fondo_saludo.gif) top left no-repeat;
	width: 119px;
	height: 148px;
	left: 0;
	top: 0px;
	z-index: 1;
	text-align: center;
	padding-top: 10px;
}

.circulo_saludo {
	font-size: 1px;
	background: url(cssimg/circulo_fondo_saludo.gif) left top no-repeat;
	height: 26px;
	width: 25px;
	position: absolute; 
	bottom: 0px; 
	left: -10px;
}

.cuadro_saludo img{
	height: 132px;
	width: 107px;
	padding-right: 1px;
}



/*===============================================================================================*/
/* ========================================== LEY ===============================================*/
/*===============================================================================================*/

.ley h2{
	color: #c91e60;
	font-size: 1.2em;
}



/*===============================================================================================*/
/* ===================================== CAJA REDONDA ===========================================*/
/*===============================================================================================*/

.CajaN, .CajaNE, .CajaS, .CajaSO { height: 12px; }
.CajaNO, .CajaSO { 
	width:12px; 
	float: left; 
}
.Todo { background:url(cssimg/fondo_e.gif) right top repeat-y; }
.CajaNO { background:url(cssimg/fondo_no.gif) no-repeat; }
.CajaN { background:url(cssimg/fondo_n.gif) repeat-x;}
.CajaNE { background:url(cssimg/fondo_ne.gif) right top no-repeat; }
.CajaO { background:url(cssimg/fondo_o.gif) repeat-y; }
.CajaSO { background:url(cssimg/fondo_so.gif) no-repeat; }
.CajaS { background:url(cssimg/fondo_s.gif) repeat-x; }
.CajaSE { background:url(cssimg/fondo_se.gif) right top no-repeat; }

.CajaNO, .CajaSE{
	height: 15px;
}

.CajaO p{
	border-top: 0px;
	margin-top: 0px;
}

/*la caja 2 es la de los buscadores para mas de una linea*/

.CajaN_2, .CajaNE_2, .CajaS_2, .CajaSO_2{ height: 12px; }   
.CajaNO_2, .CajaSO_2 { 
	width:12px; 
	float: left; 
}

.Todo_2{
	 background:url(cssimg/fondo_e_2.gif) right top repeat-y; }
.CajaNO_2 { background:url(cssimg/fondo_no_2.gif) no-repeat; }
.CajaN_2 { background: #d52468;}
.CajaNE_2 { background:url(cssimg/fondo_ne_2.gif) right top no-repeat; }
.CajaO_2 { 
	background: #d52468 url(cssimg/fondo_e_2.gif) right top repeat-y;
	font-weight: bold;
	color: #Ffffff;
}
.CajaSO_2 { background:url(cssimg/fondo_so_2.gif) no-repeat; }
.CajaS_2 { background:url(cssimg/fondo_s_2.gif) repeat-x;}
.CajaSE_2 { background:url(cssimg/fondo_se_2.gif) right top no-repeat; }

.CajaNO_2, .CajaSE_2{
	height: 15px;
}


/*  esto es para el buscador de una sola linea*/
.CajaN_3, .CajaNE_3, .CajaS_3, .CajaSO_3
{ 
	height: 12px; 
}
.CajaNO_3, .CajaSO_3 { 
	width:12px; 
	float: left; 
}

.CajaNO_3 { background:url(cssimg/fondo_no_2.gif) no-repeat; }
.CajaN_3 { background: #c91e60;}
.CajaNE_3 { background:url(cssimg/fondo_ne_2.gif) right top no-repeat; }
.CajaSO_3 { background:url(cssimg/fondo_so_3.gif) no-repeat; }
.CajaS_3 { background:url(cssimg/fondo_s_3.gif) repeat-x;}
.CajaSE_3 { background:url(cssimg/fondo_se_3.gif) right top no-repeat; }

 .CajaSE_3, .CajaNO_3{
	height: 15px;
}

/*===============================================================================================*/
/* ======================================= AUXILIARES ===========================================*/
/*===============================================================================================*/


.correctorAncho {
	width:130%;
}

.color1{
	color: #cb175e;
}

.color2{
	color: #6b9df3;
}

.color3{
	color: #7e7e7e;
}

.color4{
	color: #972a15;
}

.color5 {
	color: #ab1414;
}


/*===============================================================================================*/
/* =================================== ABSTRACTOS PROPIOS ======================================= */
/*===============================================================================================*/


.ancho65{
	width: 65%;
}

.ancho88{
	width: 95%;  /*88*/
}

.ancho98{
	width: 98%;	
}

.margen_sup8px{
	margin-top: 8px;
}


.margen_drc40px{
	margin-right: 40px;
}

.margen_inf30px{
	margin-bottom: 30px;
}

.margen_inf40px{
	margin-bottom: 40px;
}

.margen_izq25px{
	margin-left: 25px;
}

.margen_izq30px{
	margin-left: 30px;
}

.margen_izq40px{
	margin-left: 40px;
}

.margen_izq50px{
	margin-left: 50px;
}

.margin_2x30px{
	margin-left: 30px;
	margin-right: 30px;
}

.padding_sup30px{
	padding-top: 30px;
}

.padding_izq14px{
	padding-left: 14px;	
}

.padding_drc14px{
	padding-right: 14px;
}



.fondo_linea_texto{
	background: url(cssimg/punto_amarillo.gif) left 5px no-repeat;
	padding-left: 10px;
}



p.texto_noticia{
	text-align: justify;
}


.mensaje_votacion{
	background-color: #c91e60;
	text-align: center;
	color: #F1F4DC;
	font-weight: bold;
	padding: 15px ;
	margin: 0 30px;
}




.contenedorT1 {
	width: 99.9%;
	margin: 5px 0 24px 0;
	border-bottom: 1px solid #577ABC;
	padding-bottom: 12px;
}
.contenedorT11 {
	width: 95%;
	margin: 5px 0 24px 2%;
	padding-bottom: 12px;
}


.listadoEnlacesRelacionados {
	width: 100%;
	background-color: #E0E0E0; /*EAEAEA*/
	padding-top: 15px;
	padding-bottom: 7px;
}

.listadoEnlacesRelacionados ul {
	width: 95%;
	padding-left: 5%;
	clear: both;
}

.listadoEnlacesRelacionados ul li {
	width: 27%;
	float: left;
	display: inline;
	padding-right: 2%;
	padding-left: 14px;
	background: url(cssimg/flechaT2_drc_azul.gif) left 2px no-repeat;
	margin-bottom: 5px;
}

.h2T1 {
	font-size: 1.2em;
	padding-left: 4%;
}




/* =============== AUXILIARES ==================== */
.contenedorT6 {
	width: 98%;
}


.cajaLogin {
	border: 1px solid #FEE8C5;
	background: #FFFFFF url(cssimg/fondo_botones_formulario.gif) top left repeat-x;
	width: 200px;
}

.cajaLogin a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}



.principal {
	width: 82%;  
	float: right;
	font-size: 1.1em;
}


.titulo{
	width: 71%;
	margin-left: 16px;
	margin-bottom: 15px;
}
.titulo_2{
	width: 100%;
	margin-bottom: 15px;
}
/*.titulo{
	background: url(cssimg/fondoTitulo.jpg) no-repeat scroll left bottom;
	background: url(cssimg/fondoTitulo.jpg) no-repeat scroll left bottom;
	width: 73%;
	height: 35px;
	padding: 1px 0px 0px 5px;
	position: relative;
	margin-left: 16px;
	margin-bottom: 15px;
}*/

.recuadroListados{
	border: 2px solid #d6d6d6;
	padding: 1%;
	margin-left: 20px;
}

.recuadroListadosTematicas{
	border: 2px solid #d6d6d6;
	padding: 1%;
	margin-left: 2%;
}




/* ############################ MENU TIEMPO ######################## */
.menutiempo {

   background-color: #ffffff;
   width: 100%;
   height: 28px;
}

.tiempoMenuDerecho {
   float: right;
   width: 34%;
   background-color: #ffffff;
}

.bordeMenuDerechoTiempo{
   float: left;
   height: 28px;
   width: 15px;
   background: url(cssimg/bordeMenuTiempo.jpg) no-repeat;
}

.fondoMenuDerechoTiempo {
   float: left;
   height: 28px;
   width: 94.1%;
   background: url(cssimg/fondoMenuTiempo.jpg) repeat-x;
}

.textMenuDerechoTiempo {
   padding: 8px 0 0 0px;
   color: #fff;
   font-weight: bold;
   font-size: 1.1em;
   width: 84%;
   float: left;
}

.imgTiempoMenu{
   height: 21px;
   width: 21px;
   padding: 3px 2px 0 2px;
   float: right;
}