*{margin:0;padding:0}

body {font-family:Open Sans,sans-serif; background-image:url(img/fondo.png)}

a {
	text-decoration:none;
}

div {
	max-width:960px;
	position:relative;
	margin:0 auto 0 auto;
}

header {
	margin:10px auto 10px auto; width:100%;display:table;
	}
	
header img {float:left;}
	
header nav{
	float:right;
	}
	
header nav ul li{
	float: left; list-style-type:none; margin:40px 0 0 10px;
	}
	
header nav ul li a{
	color:#1015f5; text-decoration:none; font-family:Open Sans, sans-serif; font-size:10pt; font-weight:bold; border:#1015f5 solid; border-radius:10px; padding:6px 20px 6px 20px;display:block;
	}
	
header nav ul li a:hover {
	background-color:#1015f5;
	color:white;
}
			
section {width:100%; height:100%; display:table; background-color:#2302F5;
	}

section article {width:69%; background-color:#2302F5; float:left; padding:3%
	}

section article h1{
	color:white; font-size:15pt; font-family:Open Sans, sans-serif; font-weight:400;
	}
	
section article h2{
	color:white; font-size:18pt; font-family:Open Sans, sans-serif; font-weight:700; line-height:20px;
	}
	
section article p{
	color:white; font-size:10pt; font-family:Open Sans, sans-serif; font-weight:400; margin:20px 0 5px 0;
	}

section aside {
	width:21%; height:100%; background-color:#101500; float:right; color:white; padding:2%; font-size:10pt;
	}

footer {
	width:100%; display:table; font-size:10px; color:#7C7C7C; padding:10px 0 0 0;}
	
footer img{
	float:left; margin:5px 10px 0 2px;
	}
	
footer p{
	float:rigth; margin: 15px 0px 0px 50px;
}
	
.vertpgrupo {
	color:white;
	text-decoration:none;
	font-family:Open Sans, sans-serif;
	border:white solid;
	border-radius:10px;
	padding:0;
	width: auto;
	height: 25px;
	display: block;
	float: left;
	margin-top: 25px;
}
	
.vertpgrupo p {
	color: white;
	font-size: 10pt;
	font-family: Open Sans, sans-serif;
	font-weight: bold;
	margin: 3px 10px 0 10px;
}	
	
.mapasitio {
	padding: 25px 0 25px 25px;
}

.mapasitio a {
	color:white;
}

.mapasitio a:hover {
	text-decoration:underline;
}

.mapasitio ul {
	list-style: none;
	color: white;
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.mapasitio li {
	margin-bottom:5px;
	font-size:16px;
}

.mapasitio ul ul li {
	font-size:14px;
}

.mapasitio ul ul ul li {
	font-size:12px;
}

.home {
	margin-top:25px;
	font-weight:bold;
}



@media screen and (max-width:690px){

header nav { float:left; width:100%; }
	
header nav ul { float:left; padding:0; margin:0; position:relative; width:100%; }

header nav ul li { float:left; padding:0; margin:1%; position:relative; }

.vertpgrupo { margin: 10px 0 0 0; }

@media screen and (max-width:320px){
	
header nav ul li a{ color:#1015f5; text-decoration:none; font-family:Open Sans, sans-serif; font-size:10pt; font-weight:bold; border:2% #1015f5 solid; border-radius:10px; padding:5px 0 5px 0; width:96%; margin:5px auto 0 auto;display:block;}

header {margin:10px auto 0 auto; width:100%;display:table;}
	
header nav ul li{display:table; list-style-type:none;width:100%; text-align:center; margin:0px}

header nav {width:100%; margin:5px auto 10px auto; padding:0 auto 0 auto;}

header img {width:50%; margin:0 auto 0 auto;float:none; padding:0 auto 0 auto; display:block;}

section {width:100%;display:block;}

section article {width:90%;padding:10px 5% 0px 5%; display:block;}

section article h1{color:white; font-size:13pt; font-family:Open Sans, sans-serif; font-weight:400;}

section article h2{color:white; font-size:15pt; font-family:Open Sans, sans-serif; font-weight:700; line-height:20px;}

section article p {color:white; font-size:10pt; font-family:Open Sans, sans-serif; font-weight:400; margin:10px 0 10px 0}

section aside  {width:90%; padding:5%}

.vertpgrupo { margin: 10px 0 15px 0; }

footer img{display:none}

footer p{float:rigth; margin: 10px 5px 0px 5px; text-align:center;}