body {background: #fff;
      margin:0px auto
} 

.pagina {max-width: 960px;
         margin: 0px auto
}
header {width : 100%;
        height: 120px;
        background: #fff;
}
nav {width: 100%;
     height: 40px;
     background:#ff735f;
     
}

div {font-family: Lato;
     margin-top: 1%;
}
main {min-height: 520px;
}

section {width: 100%;
         min-height: 400px;
         background: #ffffff;
         display: inline-block;
}
section article 
        {width: 210px;
         height: 260px;
         background: #ff735f;
         float: left;
         margin-right:  10px;
}
    

aside {width: 100%;
       height: 520%;
       background: #b4e1e4;
       
}

article.primero {width: 60%;
                 height: 210px;
                 background: #999;
                 float: left;
                 margin: 5% 2% 5% 5%;
                 margin-right: 10px;
                 margin-top: 10px;
}
article p {width: 180px;
           height: 100px;
           float: left;
           font-family: Lato;
           font-size: 12px;
           text-align:left;
           margin-left: 18px;
           margin-top: 10%;
           color: #fff;
}


footer {width: 100%;
        height: 50px;
        background: #39395B;
}

h1 {font-family: Verdana;
    font-size: 24px;
    margin: 2%;
    color: #fff
}

p {font-family:Lato;
   font-size: 14px;
   color: #000000;
   margin: 2% 5% 0% 43%;
   font-weight: bold;
}



h2 {font-family: Lato;
    font-size: 18px;
    margin: 2%;
    color: #ff735f;
    text-align:left;
    padding-bottom: 25px;
    position: relative;
}
header article img { margin-top: 10px;
                     margin-left: -20%;
                        

}
h1 {font-family: Lato;
    font-size: 18px;
    text-align: center;
}

span {font-family: Lato;
      font-size: 18px;
      color: #ff735f;
      
}


h3 {font-family: Lato;
    font-size: 18px;
    margin-left: 250px;
    color: #c6c6c6;
    font-style:normal;
    text-align: left;
    width: 650px;
     
}

h4 {font-family:Lato;
    font-size: 12px;
    margin: 2%;
    color: #ffffff;
    text-align:left;
    padding-bottom: 25px;
    position: relative;
    float: left;
    max-width: 860px;
    text-align: center;
    
    
}

h5 {font-family:Lato;
    font-size: 14px;
    margin: 2%;
    color: #000;
    padding-bottom: 25px auto;
    position: relative;
    float: center;
    text-align: justify;
    width: 860px;
}

img {margin:4% 2% 0% 45%;
     
    
    
}
section p img {margin: 2% 2% 0% 6%;
               margin-top: auto;
}

ul li {display:inline-block;
       font-family: Lato;
       font-size: 14px;
       margin: 2%;
       color: #000;
       text-align: left;
       
}

ul li .botonactivo { color: #000;text-decoration: none;}
ul li a:hover {color: #ff735f;text-decoration: none;
}

h6 {font-family: Lato;
    color: #ff735f;
    font-size: 14px;
    float: left;
    margin-left: 42px;
    width: 650px;
    text-align: left;
    margin-left: 175px;
}

h7 {font-family: Lato;
    color: #000;
    margin: 5% 0% 0% -13%;
    font-size: 18px;}
 



   

    


 

/*tamaño de referencia*/






/* resol a 500px*/

@media screen and (max-width:320px) {
.secundario .div {display:none; } }