*{margin: 0; padding: 0;}

body{
	font-family: helvetica;
	color: #536d82;
}

h1{
	text-align: center;
	color: #8393a4;
	background-color: #ffffff;
	padding-top: 300px;
	padding-bottom: 25px;
}

h2{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4%;
	padding-right: 4%;

}

h3{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4%;
	padding-right: 4%;
}

a{
	color: #FD4D55;
	text-decoration:none;
	padding-left: 4%;
	padding-right: 4%;
}

p{
	color: #c7c7c7;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 10px;
	padding-top: 10px;
}

li{
	color: #c7c7c7;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 5px;
}

hr{
	border-color: #14E5E2;
}

#dgpc{
	position: absolute;
	top: 20px;
	left: 20px;
}

#menu{
	background-color: #99bb59;
	text-align: center;
}

#menu ul{
	text-align: center;
}

#menu li{
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 2%;
	padding-right: 2%;
	width: 10%;
}

#menu a{
	font-size: 28px;
	color: #ffffff;
}

#mapadesitio img{
	width: 100%;
}

#carta2 h2{
	margin-top: 30px;
	color: #536d82;
}

#top img{
	width: 80%;
	position: absolute;
	left: 10%;
}

#inicio{
	width: 46%;
	height: 200px;
	background-color: #99bb59;
	text-align: center;
	padding-top: 200px;
	padding-bottom: 20px;
	border-radius: 25px;
	margin: 2%;
	float: left;
}

#inicio a{
	color: #545454;
	font-weight: bold;
	font-size: 36px;
}

#centro{
	width: 46%;
	height: 200px;
	background-color: #ede37c;
	text-align: center;
	padding-top: 200px;
	padding-bottom: 20px;
	border-radius: 25px;
	margin: 2%;
	float: left;
}

#centro a{
	color: #545454;
	font-weight: bold;
	font-size: 36px;
}

#barbi{
	width: 46%;
	height: 200px;
	background-color: #8393a4;
	text-align: center;
	padding-top: 200px;
	padding-bottom: 20px;
	border-radius: 25px;
	margin: 2%;
	float: left;
}

#barbi a{
	color: #ffffff;
	font-weight: bold;
	font-size: 36px;
}

#cami{
	width: 46%;
	height: 200px;
	background-color: #E0512C;
	text-align: center;
	padding-top: 200px;
	padding-bottom: 20px;
	border-radius: 25px;
	margin: 2%;
	float: left;
}

#cami a{
	color: #ffffff;
	font-weight: bold;
	font-size: 36px;
}

#mapa{
	width: 46%;
	height: 200px;
	background-color: #7b9d4d;
	text-align: center;
	padding-top: 200px;
	padding-bottom: 20px;
	border-radius: 25px;
	margin: 2%;
	float: left;
}

#mapa a{
	color: #ffffff;
	font-weight: bold;
	font-size: 36px;
}

#carta{
	width: 46%;
	height: 200px;
	background-color: #536d82;
	text-align: center;
	padding-top: 200px;
	padding-bottom: 20px;
	float: left;
	margin-bottom: 50px;
	border-radius: 25px;
	margin: 2%;
}

#carta a{
	color: #ffffff;
	font-weight: bold;
	font-size: 36px;
}

#info{
	margin-top: 50px;
}

#info p{
	color: #7b9d4d;
}

#leyenda{
	padding-left: 4%;
	padding-right: 4%;
	background-color: #E0512C;
	height: 150px;
	padding-top: 30px;
	margin-top: 20px;
}

#leyenda p{
	color: #ffffff;
	font-size: 24px;
}

footer{
	width: 100%;
	background-color: #536d82;
	padding-top: 15px;
	padding-bottom: 10px;
}

footer p {
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

/* 
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;

	*/