/* CSS Document */
 @import url('https://fonts.googleapis.com/css?family=Economica|Oswald');
 body{background-color:#690708;margin-left:auto;margin-right:auto;background-image:url(img/bg-main-i.jpg);background-size:cover; background-position:center center; width:100%; background-attachment: fixed;position:fixed; margin-top:0px;margin-bottom:0px;}
#contenedor{width:90%;height:auto;border: solid 0px #ddd;margin-left:auto;margin-right:auto;color:none;margin-top:2%; }
#contenedor .top{width:100%;height:auto;text-align:center;padding-bottom:2%; padding-top:2%;}
#contenedor .top h1{color:#ffae00;font-size:40px; font-family:'Oswald', Sans-serif; letter-spacing:-3px; text-shadow:1px 3px 6px #663300;line-height:68px;margin:2px 0px;}
#contenedor .top .descrip{color:#fff;font-size:17px;letter-spacing:-1px;font-family:'Economica', Sans-serif;margin-top:-7px;text-shadow:1px 3px 6px #663300; text-transform:uppercase;}
#contenedor .top img{margin-top:5%;margin-left:auto;margin-right:auto;}

#contenedor .cen{width:100%;height:auto;border-collapse:collapse;}
#contenedor .cen a{text-decoration:none;color:#fff;margin:8px 15px;}
#contenedor .bot{width:100%;height:auto;float:left; }


@media only screen and (max-width: 1024px ) {
 
}

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

}

@media only screen and (max-width: 480px ) {
 
}
@media only screen and (max-width: 320px ) { 
 #contenedor .top{width:100%;height:auto;text-align:center;padding-bottom:5%;padding-top:12%;}
#contenedor .top h1{color:#ffae00;font-size:28px; font-family:'Oswald', Sans-serif; letter-spacing:-2px; text-shadow:1px 2px 4px #663300;line-height:68px;margin:2px 0px;}
#contenedor .top .descrip{color:#fff;font-size:15px;letter-spacing:-1px;font-family:'Economica', Sans-serif;margin-top:-7px;text-shadow:1px 2px 4px #663300; text-transform:uppercase;}

#contenedor .top img{margin-top:2%;margin-left:auto;margin-right:auto;}
}