/* CSS MUNICIPIO DE COLON BY ISAIAS GARCIA */

#body {

/*background:#325e9b;*/

/*background:#0e1833;*/
background:url(imagenespagina/fondoprueba.jpg);



}



#linefondoheader

{ 

margin-left:-10px;

margin-right:-10px;

margin-top:-10px;

/*background:#1871B1;* color original*/

background:#18419E;

height:200px;

width:100%;

}





#menu { 

	list-style:none;

	margin:0 15px 0 5px;

	padding:0;

	height:60px;

}

#menu li {

	margin:1px;

	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)

	

	

}



#menu li a {

	display:block; 

	width:120px;

	padding:4px 0;

	text-decoration:none;

	text-align:center;

	font-size:11px;

	color:#FFFFFF;

	background:url(botones/menup.png);

}



#menu li a:hover {

	color:#0A305A;

	background-color:#003366;

}







/*MENU IZQUIERDO*/



#menuizq {

    position:relative;

	list-style:none;

	margin:0;

	padding:0;

}



#menuizq li {

	margin:2px;

	padding:0;

	

}



#menuizq li a {

	display:block; 

	width:120px;

	padding:4px 0;

	text-decoration:none;

	text-align:center;

	font-size:11px;

	color:#fff;

	background-color:#D96C00;

}



#menuizq li a:hover {

	color:#2F5B9F;

	background-color:#003366;

}







/* links grupos sociales*/







#gruposocial {
	position:absolute;
	left:612px;
	top:398px;
	list-style:none;

}




/*menu sub derecho debajo de grupos sociales*/





#menusubderacho {

clear:both;

position:relative;  

	list-style:none;

	margin:0px;

	padding:3px;

		

}



#menusubderacho li {

	margin:3px;

	padding:0;

	

}



#menusubderacho li a {

	display:block; 

	width:150px;

	padding:4px 0;

	text-decoration:none;

	text-align:center;

	font-size:11px;

	color:#fff;

	background-color:#567892;

}



#menusubderacho li a:hover {

	color:#2F5B9F;

	background-color:#7AD2F3

}





/*clases de articulos*/











/*servicios*/







#servicios {

position:absolute;

left:83%;

top:240px;

list-style:none;	

}



#servicios li {

	margin:1px;

	padding:0px;

	border:1px solid #CCCCCC;	

	/*float:left;*/ //para eliminar el comportamiento de elemento de bloque(salto de linea)

	

}



#servicios li a {

	display:block; 

	width:auto;

	padding:0px 0;

	text-decoration:none;

	text-align:center;

	font-size:11px;

	color:#FFFFFF;

	

}



#servicios li a:hover {

	color:#FF6600;	

	

}



/*mservicios*/



#predial{

position:relative;

left:5%;

border:px solid #000066;

}





#menucarrusel{

position:relative;

margin:10px;}