@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300);
*{margin: 0; padding: 0}

html {font-size: 16px; font-family: 'Lato', sans-serif;
background: #f8f8f8}

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


nav {
    float: right;
    position: relative;
    margin-top: 30px;
    margin-right: 30px;
}

nav ul {
    list-style-type:none;  
}

nav ul li {
    display: inline;
    list-style-type: none; 
} 

nav ul li a { 
    padding: 10px;
    color: #5c5c5c; 
    font-size:0.8rem;
    text-decoration: none;
    font-weight: 700;
    margin-top: 100px;
}
nav ul li a:hover { color: #1dbee8;}

header {width: 100% ;background: ;
        min-height: 370px;
        box-sizing: border-box}

.portada {  margin-left:230px;
    margin-top: 100px;
    margin-bottom: 30px;
    float: left;
    position: relative;
    
}

h1 {
    font-size:3rem;
    color: #c73d32;
    font-weight: 300;
    text-align: left;
    margin-top: ;
    margin:50px 0px 0px 30px;
    background: ;
    width: 250px;
    float: left;
}

#foto {
    float: left;
    position: relative;
    
}





main {width:710px ;
    min-height: 300px; 
    box-sizing: border-box;
    position: relative;
    margin: auto;
    }


section { background: ; 
    position: relative;
    float: left;
    margin: auto;
    width: 510px;  
    min-height: 250px;
}

h2{color: #28c4b2; 
    padding: 0 0 10px 0;
    font-size:1.3rem;
    color:;
    font-weight: 300;
    text-align: left;}



section article { 
    background: ;
    height: 210px; 
    width: 160px; 
    float: left; 
    margin: 5px; 
        
}
h4{
    padding: 0px 0px 6px 0;
    font-size: 1rem;
    color:;
    font-weight: 400;
    text-align: left}


article ul li {
    list-style: none;
    font-size:0.7rem;
    line-height: 1.8;
    color:;
    font-weight: 300;
    text-align: left
}

.gris {color: #bebebe}

aside {
    background: ; 
    min-height: 270px; 
    color: ; 
    float: right; 
    position: relative; 
    width: 200px
}

aside h3{
    position: relative; 
    padding: 10px 10px 10px 20px; 
    font-size: 1rem;
    color: #28c4b2;
    font-weight: 400;
}

aside p {
        padding: 00px 20px 10px 20px;
        font-size:0.7rem;
        line-height: 1.4;
        color:;
        font-weight: 300;
        text-align: left

}





footer {
    text-align:center;
    font-size:0.6rem;
    color: #656565;
    background: ;
    position: relative;
    margin: auto;
    height: 30px;
    width: 760px;
    padding:5px 0px 10px 0px;
    margin-top:50px;
    clear: both;    
    
}