/* CSS Document */

/* ---- RESET ----- */

body, div, span, h1, h2, h3, h4, h5, p, ul, ol, li, img, table, tr, td, form, input, legend, fieldset, object, embed, param{
 margin:0;
 padding:0;
}

ul li, ol li{list-style-type:none;}

img, input{
 border:0;
}

.limpia{
float:none;
display:block;
clear:both;
}

fieldset{
border:0;
}

h2{font: normal 21px/25px Verdana, Arial, Helvetica, sans-serif; color: #666; margin-bottom: 30px;}
h3{font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif}

a{color: #355168; text-decoration:none ;}
a:hover{color: #000;}

.pdf{
	background: url(images/pdf.jpg) no-repeat 0 0;
	display: block; 
	min-height: 33px;
	padding-left: 40px;
}

p{margin: 5px 0 15px 0}
p.text_right{text-align:right;}

span.right{float: right; margin-top: -17px;_margin-top: -20px; color:#CCC;}
						
.floatLeft{float:left;}
.floatRight{float:right;}

/* ----- ESTRUCTURA ------ */


body{
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #E8E8E8 url(images/bg.png) repeat-x 0 0;
}

/* ESTRUCTURA GENERAL: contenedores */


	#wrapper{
		margin: 0 auto;
		width: 815px;
		height: 620px;
		overflow:hidden;
		background: url(images/bg_wrapper.png) no-repeat 0 0;
	}
	
		/* COLUMNA 1 */
			
		#col1{
			width: 242px;
			height: 620px;
			float: left;
			padding: 10px 0;
			overflow: hidden;
		}
		
			#col1 #logo_es, #col1 #logo_eu{
				width: 242px;
				height: 193px;
				background: url(images/bg_logo_es.jpg) no-repeat 0 0;	
			}
			
			#col1 #logo_eu{background: url(images/bg_logo_eu.jpg) no-repeat 0 0;	}
				
				h1{display: none;}
				
			
			/* NAVEGACION PRINCIPAL */
		
			#col1 ul#navmain{}
				
				#navmain ul li{}
				
				#navmain ul li.first a,#navmain ul li.last a{
					
				}
					
					ul#navmain li a{	
						height: 24px;
						display: block;
						text-decoration:none;
						color: #000;
						padding: 10px 20px 0 20px;
						font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;	
						background: url(images/bg_navmain_1_off.png) repeat-y  0 0;					
					}
					
					ul#navmain li a:hover, ul#navmain li.current a{
						background: url(images/bg_navmain_1_on.gif)  0 0;	
						color:#FFF;
					}
					
						ul#navmain li ul{
							margin: 6px 0;
							background: url(images/bg_navmain_2.png) no-repeat 0 0;
						}
						
							ul#navmain li ul li{
								background: url(images/bg_navmain_2.png) no-repeat bottom left;
								height: 36px;
								padding: 2px 25px 0 25px;
								overflow:hidden;
								}
								
								ul#navmain li ul li.last{padding-top: 9px; height:29px;}
								ul#navmain li ul li.current, ul#navmain li.current a ul li.current{
									background:  url(images/bg_navmain_2_on.png) no-repeat bottom left;
								}
								
														
							ul#navmain li ul li a, ul#navmain li.current ul li a{
								background: url(images/pic.png) no-repeat 0 4px;
								text-decoration:none;
								color: #666;
								padding: 0 0 0 15px;
								font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;	
							}
							
							ul#navmain li ul li a:hover{
								background: url(images/pic.png) no-repeat 0 4px;
								color:#000;
							}
			
			#col1 #logo_xs{
				padding: 14px 25px;	
			}
			
			
			
			
			/* Footer de Col1*/
			#col1 #footer{
				height: 30px;
				overflow: hidden;
				background-color:#355167;
				color: #FFF;
			}
			
				#col1 #footer img{
					padding: 2px 10px 2px 25px;
					float: left;
				}
				
				#col1 #footer ul{
					float: left;
					background-color: none;	
				}
					
		
		/* COLUMNA 2 */
			
		#col2{
			width: 548px;
			height: 620px;
			float: left;
			padding: 10px 0;
			overflow: hidden;
		}
		
			#col2 #nav_second{
				height: 39px;
				background: #000 url(images/bg_navsecond.jpg) no-repeat top right;
			}
			
				 #nav_second ul{}
				 	
					#nav_second ul li{
						float: left;
						overflow:hidden;
						margin-top: 7px;
					}
					
						#nav_second ul li a{
							background: url(images/pic.png) no-repeat 10px 15px;
							color: #666;
							font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
							height: 22px;
							display: block;
							text-decoration:none;
							padding: 10px 0 0 20px;
						}
						
						#nav_second ul li.first a{
							background: url(images/pic.png) no-repeat 18px 15px;
							padding: 10px 0 0 30px;
						}
						
						#nav_second ul li a:hover, #nav_second ul li.current a{
							background-color: #8D8FBF;
							color:#000;
						}
						#nav_second ul li#nav_presentacion-de-la-alcaldesa a{width: 170px;}
						#nav_second ul li#nav_organizacion-politica-y-administrativa a{width: 228px;}
						#nav_second ul li#nav_la-ciudad a{width: 80px;}
			
			#col2 #content{
				height: 426px;
				overflow:hidden;
				padding: 35px 30px;
			}
			
				/* Imágenes de fondo de las secciones */
				
				body.home #content{background: url(images/secciones/00.home.jpg) no-repeat 0 0;}
				body.alcaldesa #content{background: url(images/secciones/01.alcaldesa.jpg) no-repeat 0 0;}
				body.organizacion #content{background: url(images/secciones/02.organizacion.jpg) no-repeat 0 0;}
				body.ciudad #content{background: url(images/secciones/03.ciudad.jpg) no-repeat 0 0;}
				body.mem_gestion #content{background: url(images/secciones/04.mem_gestion.jpg) no-repeat 0 0;}
				body.gob_municipal #content{background: url(images/secciones/05.gob_municipal.jpg) no-repeat 0 0;}
				body.urbanismo #content{background: url(images/secciones/06.urbanismo.jpg) no-repeat 0 0;}
				body.bienestar #content{background: url(images/secciones/07.bienestar.jpg) no-repeat 0 0;}
				body.seguridad #content{background: url(images/secciones/08.seguridad.jpg) no-repeat 0 0;}
				body.cultura #content{background: url(images/secciones/09.cultura.jpg) no-repeat 0 0;}
				
		
		
				/* Los textos */
				
					body.home #content #text{
						width: 280px;
						float: right;
						padding-top: 410px;
					}
					
					body.home #content #text h3{font-size: 12px; font-weight: normal;}
				
				#content #text{}
				
				#content #text h3{
					font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
					color: #355168;
					padding-top: 5px;
				}
				
					#text .scroll{
						width: 390px;
						height: 370px;
						overflow: auto;
					}
					
					#content #text ul{
						margin-left: 25px;
					}
					
						#content #text ul ul{
							position: absolute;
							margin: 15px 0 0 -35px;
							font-size: 11px;
						}
					
					
						#content #text ul ul li{
							padding: 3px 0 0 28px;
							height: 30px;
						}
						
						#content #text ul ul li.first{
							background: url(images/li_first_pdf.gif) no-repeat 0 0;
						}
						#content #text ul ul li.last{
							background: url(images/li_last_pdf.gif) no-repeat 0 0;
						}
						
					#text ul.submenu li{
						padding-bottom: 20px;
						font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
						color:#666;
					}
					
									
			/* Footer de Col2*/
			
			#col2 #footer{
				*margin-top: 2px;
				height: 30px;
				overflow: hidden;
				background-color:#355167;
				color: #FFF;
			}
			
				#col2 #footer ul{
					float: right;
					padding-right: 35px;
				}
	
				#col2 #footer ul li{
					float: left;
					height: 20px;
					padding: 6px 5px 0 15px;
				}
				
					#col2 #footer ul li a, #col1 #footer ul li a{
						color: #FFF;
						font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
						background: url(images/pic_navthrid.jpg) no-repeat  0 3px;
						padding-left: 12px;
					}
					
					#col1 #footer ul li a{background: none; padding: 0; display:block; float: left; margin: 9px 0; font-size: 10px;}
					
					#col2 #footer ul li a:hover, #col1 #footer ul li a:hover{
						color: #ccc;
					}