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


*{ font-weight: normal;}


/* Estilos generales */
.contenedor{ max-width: 960px; margin: 0 auto 0 auto;}
html{ font-size:  100%}
body{ font-family: Arial; font-size: 16px;}
header{ background-image: url(imagenes/headerindex.jpg);background-repeat: no-repeat; background-color: #FEFEFE; width: 100%; min-height: 380px;position: relative;float: left;text-align:left;box-sizing: border-box;margin-top: -20px;}
section{ width: 100%}

article{position: relative; float: left; background: #e6e6e6;}
.articulofoto {min-height: 50px;background: #e6e6e6;position: relative;float: left;margin: 0%;padding: 2%;width: 100%;box-sizing: border-box;}

aside{ width: 100%; position: relative; float: right; background: #e6e6e6; min-height: 350px;}
.idea1{ width: 50%; position: relative; float: left; background: #e6e6e6; min-height: 350px; padding: 2%;text-align:left;box-sizing: border-box;}
.idea2{ width: 50%; position: relative; float: right; background: #e6e6e6; min-height: 350px; padding: 2%;box-sizing: border-box;}
.idea3{ width: 100%; position: relative; float: left; background: #e6e6e6; min-height: 350px; padding: 2%;box-sizing: border-box;}


footer{ width: 100%; height: 50px; text-align: center;margin-top: 1em;}
.logo{ width: 100px; height: auto; }

.articulofoto ul li a{ text-decoration: none; color: #000; padding: 10px;font-family: 'Oswald', sans-serif; font-weight: 300;  outline: medium solid #000;}
.articulofoto a:hover{color: #EC268F;text-decoration: none;outline: medium solid #EC268F;}
.articulofoto ul{ list-style-type: none;}
.separador{ clear: both;}



h1{font-size: 3rem; font-family: 'Palanquin', sans-serif; font-weight: 600; color: #fff;}
h2{font-size: 2rem; font-family: 'Serendity';}
b{ font-size: 14px; font-weight: bold;}
b2{ font-size: 17px; font-weight: bold; outline: medium solid #000; padding: 10px 15px;}
p{ font-size: 16px}
p1{ font-size: 12px; text-align: center;margin: 0%; padding: 2%;}
p2{ font-size: 17px}

/* Menú */
header nav{ float: right; margin-top: 300px;}
header nav ul{ list-style-type: none;}
header nav ul li{ display: inline;}
header nav ul li a{ text-decoration: none; color: #000; padding: 10px 15px;font-family: 'palanquin', sans-serif; font-weight: 600; outline: medium solid #000;margin-right: 25px;}

header nav ul li a:hover{color: #EC268F;text-decoration: none; outline: medium solid #EC268F;}



/* Responsive */
/* Chequear de afuera a adentro */


@media screen and (max-width:500px){
    h1{ font-size: 1.75rem}
    article{ width: 100%;}
    aside { width: 100%;}
    .no-small{ display: none;}
    .logo{ width: 50px; height: auto;}
    
}