*{margin:0;padding:0}

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

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 img {width:185px;;float:left;
}

section article {width:50%; background-color:#2302F5; float:left; padding:6px 20px 6px 0px}

section article h1{
	color:white; font-size:15pt; font-family:Open Sans, sans-serif; font-weight:400; margin-top: 15px;
	}
	
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:10px 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;
	}
	
.botontp { width:85px; height:20px;color:white; font-family:Open Sans, sans-serif; font-size:10pt; font-weight:bold; border:white solid; border-radius:10px; padding:6px 20px 6px 20px;display:block; margin:15px 0px}
a {text-decoration:none}

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

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

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

section img {width:150px;}

@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:table;}

section article {width:100%;height:100%; padding:0; display:block;}

section img {width: 80%; margin: 20px 18% 0;}

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

.botontp {margin-left: 10px}

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

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