@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

*{margin:0;padding:0;}

body{background:white;font-family: 'Oswald', sans-serif;margin:0%;}

.contenedor{margin: 5% auto 0 auto;max-width:960px;}

main{background: #0ead95; color: #000; width: 100%;  height: 470px;margin:2% 0 0 0;}

header{background:#7e7d78;height: 100px; width: 100%;color:white;margin: 1% 0;}

h1{margin: 1%;}


body div header nav li {font-size: 15px; display:inline;position: relative;float: left;text-decoration: none;margin:1%;}

body div header nav ul li  {display:inline;position: relative;float:right;text-decoration: none;}

body div header nav ul li a{color:white;background: rgba(0, 0, 0, 0.49);padding: 5%;}
body div header nav li a{color:white;}

H3{margin:2% 0;text-decoration:underline;}

main section ul  {list-style-type: none;color: white;font-size: 11PX;}

a{color: #000; text-decoration: none;}

footer{font-size: 10px; text-decoration: none;text-align: center;width: 90%;position: relative;float: left;margin:1%;padding: 1%}

main div aside{width:50%;min-height: 430px;background: #0ead95;position:relative;float:left;color:white;margin:4:padding:4}

main div aside img{margin: 4%;padding: 0;position: relative;float:left;}

section{width:50%;;min-height: 470px;background: #0ead95;position:relative;float:right;color:white}

.separador{clear:both;}

h4{color:#000;font-size: 20px;margin: 4% 0;}

body main div aside p{color:white;font-size: 20px;position: relative;float:left;margin: 1%}

body main div aside H2{Color:#0ead95;font-size: 25px;margin:3%;background:#ffffff;}

.mockups {position:relative;float:right; margin: 170px;padding: 0px; border: yellow}

.menupropuesta {position:relative;float:right;font-size: 15px; color:white;padding:2%;display:inline;text-decoration: none;color: white}

body main aside ul id{background: #ffffff;color:#000;position:relative;float:left; border-bottom:yellow;widht:20%; margin:3% 60% 1% 2% ;padding:2%}

.propuesta{font-size: 12px;}
.comision{font-size: 12px;}


/*Responsive*/
@media screen and (max-width:736px){
    *{transition: 0.1s;}
    body div header nav li{font-size: 12px;}
   
    
}

@media screen and (max-width:593px){
    *{transition: 0.1s;}
    body div header nav ul li{margin: 5px;float: left;}
    body div header nav li{font-size: 15px;margin:12px;}
    aside img{height: 170px;}
    body div header nav ul li a{padding: 5%;font-size: 15px;margin:15px;}
    header{height: 150px}
    

    
}


@media screen and (max-width:463px){
    *{transition: 0.1s;}
    body div header nav ul li{margin: 5px;float: left;}
    body div header nav li{font-size: 12px;margin:12px;}
    aside img{height: 170px;}
    body div header nav ul li a{padding: 5%;font-size: 12px;margin:12px;}
    header{height: 150px}
    body main div aside p{font-size: 12px;}
    .propuesta{font-size: 10px;}
.comision{font-size: 10px;}
    
body main div aside H2{font-size: 15px;}
    
    
}

@media screen and (max-width:391px){
    body div header nav ul li{margin: -2px;float: left;}
    body div header nav li{font-size: 10px;margin:5px;}
    aside img{height: 120px;}
    ul id a{font-size: 10px;}
     .propuesta{font-size: 0px;}
.comision{font-size: 0px;}

}