@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Pacifico|Oswald:400,300,700);

*{ margin: 0; padding: 0; }

body{ font-family: Helvetica, Arial, sans-serif; }

#wrapper{ position:relative; width: 1000px; margin: 0 auto; }

header{;
	width: 100%;
	height: 150px;
	margin-bottom:30px ;
	text-align: center;
}

#logo{ color: black; }

a{ font-weight: bold; text-decoration: none; }
#grupo a:hover, #links a:hover{ color: red; }


ul{ list-style-type: none; }

#grupo{ 
	position: fixed;
	top:0;
	right: 0;
}

#grupo ul li{ 
	font-family: 'Oswald', sans-serif; 
	text-align: right; 
	margin: 5px 20px 0 0;
	font-size: 12px;
}

#grupo a{ color: #aaaaaa; }

h1{ 
	font-family: 'Pacifico', cursive;
	text-align: center;
	font-size: 50px;
	border-bottom: 3px solid red;
	padding-bottom: 10px;
	width: 400px;
	margin: 0 auto;
}

h2{ margin-bottom: 30px; }

#links{ padding-top: 10px; }

#links ul{ 
	width: 360px;
	margin: 0 auto;
}

#links ul li{ font-family: 'Oswald', sans-serif;
	float: left;
	margin: 15px 15px;
}

#links a{ color: #555; }

section { 
	width: 695px;
	margin:0 5px 30px 0;
	float: left;
} 

#mapa ol{ margin-left: 20px }

p{ margin: 10px 0; color: #888888; line-height: 30px;}
.bold{font-weight: bold;}
h3{ font-size: 15px; }

aside{ 
	width: 296px;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
	float:left;
	border: 2px solid red; 
	background: url(trama.png);
	
}

aside img{ width: 250px; margin-bottom: 15px}

aside ul{ margin-bottom: 20px; }

aside ul li{ font-size: 10px }


footer{
	text-align: center;
	font-size: 12px;
	color: white;
	clear: both;
	background: black;
	height: 100px;
	width: 100%;
}

#pie{
	padding-top: 15px;
	float:left;
	width:60%;
	margin-left: 15px; color: #888888; line-height: 15px;
}

footer a { margin: 25px; display: inline-block; }


#dgpc{
	background-color: white;
}