/* CSS MUNICIPIO DE COLON BY ISAIAS GARCIA */
#body {
background:#325e9b;
/*background:#0e1833;*/

}

#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:80%;
top:280px;
list-style:none;	
}

#gruposocial li {
	margin:0px;
	padding:0px;
	border-top:0px solid #666666;	
		
}

#gruposocial li a {
	display:block; 
	width:auto;
	padding:0px 0;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#BAC4C7;
	
}

#gruposocial li a:hover {
	color:#666666;	
	
}

/*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;}