@import url(https://fonts.googleapis.com/css?family=Roboto:400,300italic,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Anton);
*{font-family: 'Roboto', sans-serif;margin: 0; padding: 0;color: white}

#contenedor{background-color: #114e75;width: 960px;margin: auto;padding-left: 1%;box-sizing: border-box;padding-right: 1%;}

h1{font-family: 'Anton', sans-serif;font-weight: 400;line-height: 0.9em;font-size:2em;}
h2{font-size: 1.3em;font-weight: 400;font-style:italic;color:#b4dff2;}
h3{font-weight: 400;font-size: 1em;}
h4{font-size: 1em;font-weight: 400;}
.subido{font-weight: 300;font-style: italic;}
.votos{font-size: 0.5em;}

.color{color: white}
p{font-size:0.5em;}
nav ul li a{font-size: 1em;}
article nav ul li a{font-size:0.4em;font-weight: 400;}

nav ul{list-style-type: none;}
nav ul li a{text-decoration: none;background-color:#61aace;float:left;}
nav{width: 100%;}
#principal ul{font-size:1em;font-weight: 400;margin-right: 2%;}
#principal a{padding-left: 1%;padding-right: 1%;padding-top: 0.6%;padding-bottom:0.6%;margin-right: 2.7%;margin-top: 1.5%;}


.mnav{width:100%;}
header{padding-top: 1%;}
header h1{width: 16%;float: left;}
header h2{width:37%;float: right;margin-top:3.2%;}

img{margin-top: 2%}

.info img{margin-top: 3%}
.info{float:left;margin-top: 2%;width: 32%}
.info p {width: 95%;margin-top: 2%}
.videos{background-color: #226e82;margin-top: 2%;height:250px}
.subidos{width: 16%;float: left;padding-left: 0.6%;}

article nav ul{margin-top: 4%;}
.subidos p {width:70%;}

section h3{padding: 1%; width: 50%;}
#clear{clear: both;}

footer{background-color:#114e75;padding-top:2%;padding-bottom:2%;}

h1:hover{color:#b4dff2}