@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

.space{
	clear:both;
	margin:0;
	padding:0;
}


/*-------------------------------- Publi top -----------------------------------*/
/*-------------------------------- Cabecera -----------------------------------*/
/*La componen los div head y header. Header está dentro de head y tiene un ancho de 916px*/
/*Dentro de estos div estará el menú*/
/*Poner todo a 990px de ancho*/
#head{
	width:100%;
	height:255px;
	background-color:#fff;
	background-image:url(../Images/top.jpg);
	background-repeat:repeat-x;
	background-position:left top;

}

#header{
	width:990px;
	margin:0 auto;
	height:255px;
	background-color:#e1e6fa;
	background-image:url(../Images/head.gif);
	background-repeat:no-repeat;
	
}

/*-------------------------------- Cuerpo -----------------------------------*/
/*Aquí estarán los demás divs. Habrá 4: publi,left, middle, right*/

#content{
	width:1000px;
	margin:0 auto;
	background-color:#e1e6fa;
	background-image:url(../Images/content.gif);
	background-repeat:repeat-y;
}
/*---------------------Izquierda----------------------*/
#left{
	float:left;
	width:25%;
	height:1000px;
}

#left h1{
	color:#e1e6fa;
	margin:10px 14px 0px 14px;
	font-size:18px;
	font-weight:bold;
	height:40px;
	padding:7px 0px 0px 0px;
	text-align: center;
}

h1.ppcarmona{
	background-image:url(../Images/ppcarmona.gif);
	background-repeat:no-repeat;	
}

#left ul.menu{
	list-style:square;
	color:#F60 !important;
	font-size:14px;
	margin:0 0 0 20px;
	padding: 0 10px 0 20px;
}
#left ul.menu li{
	padding:0 2px 0 2px;
	font-size:14px;
	font-weight:100;
}
#left ul.menu li a{
	color:#06F;
	text-decoration:none;
	padding:0 4px 0 1px;
	font-size:12px;
	font-weight:bolder;
}
#left ul.menu li a:hover{
	text-decoration:underline;
}
h1.grupomunicipal{
	background-image:url(../Images/grupomunicipal.gif);
	background-repeat:no-repeat;
}

h1.calendario{
	background-image:url(../Images/calendario.gif);
	background-repeat:no-repeat;
}
h1.encuestas{
	background-image:url(../Images/encuestas.gif);
	background-repeat:no-repeat;
}
h1.enlaces{
	background-image:url(../Images/enlaces.gif);
	background-repeat:no-repeat;
}

/*---------------------Medio----------------------*/

#middle{
	float:left;
	width:75%;
}


#esquina{
	clear:both;
	width:1000px;
	height:94px;
	margin:0 auto;
	background-image:url(../Images/esquina_bg.gif);
	background-repeat:no-repeat;
}

/*-------------------------------- Pie -----------------------------------*/
/* Habrá 2: foot y footer. Será como el encabezado, el footer estará dentro de foot con un ancho de 916px*/

#foot{
	clear:both;
	width:100%;
	margin:0 auto;
	height:40px;
	}
#footer{
	width:1000px;
	margin:0 auto;
	height:100%;
	background:url(../images/footer.gif) no-repeat;
	
}
#footer p{
	text-align:center;
	color:#fff;
	padding-top:15px;
	font-size:12px;
	font-weight:bolder;
}