@import url(http://fonts.googleapis.com/css?family=Abel);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);


body { background: #FBF7D7;}
header { width: 100%; height: 220px; background: #50ABB3; margin-bottom: 1%; }

main section article{ font-family: Abel; sans-serif; font-size: 0.8rem; text-align: left; margin: 0rem;}
main section article  ul {list-style:none; text-align: left; margin: 0rem;}    
main section   ul li a{ color:#fbf7d7; text-decoration:none; background:#a2d063; float:left;}    

header  ul {list-style:none; margin-left: -30px;}    
header  ul li a{ color:#fbf7d7; text-decoration:none; background:#50abb3; display: block;}    

header nav{ font-family: 'Abel', sans-serif; font-size: 0.8rem; float:right; margin:45px 0 0 0;}
header nav ul li{ float: left; list-style-type:none;}
header nav ul li a{ color:#fbf7d7; text-decoration:none; padding:6px; margin:8px; background:#50abb3;}

.PERFIL{width: 80%; float: right;}


main{ width: 100%;
           background: #FBF7D7;
           margin: 0 ;
            margin-bottom: 1%;}


section{ width: 35%;
    height: 467px;
             background: #50ABB3;
             float:left;
             margin-bottom: 1%;
padding: 1%;}
 
   
aside{  width: 63%;
            background: #bf1951;
            float:right; 
            margin: 0;} 

section article{ width: 80%;
                     background: #f0d75f; 
                     float:left;
                     margin: 0%; } 

      
.art1{  width: 19.5%;
        background: #a2d063; 
        float:left; margin: 1% 0;
         }

.art3{  width: 78%;
        background: #a2d063; 
        float:LEFT; margin: 1% 0 1% 1% ;
        }

.art2{ width: 98%;
            background: #f0d75f; 
            float:left; 
            margin: 1%;
             }

 aside article{  width: 46%;
                    background: #f0d75f; 
                    float:right;
                    margin: 2%; } 

footer { width: 100%; background: #ED706E; clear: both;  }

h1 {font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    color:  #3d3535;
    font-size: 1rem;
    text-align: left;
    margin: 0.5rem}

h2 {font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    color:  #185155;
    padding: 9px 0 0px 5px;
    font-size: 1.1rem;
    text-align: left;
    margin: 0rem 0 0 0;
    line-height: 1.2remM;}

h3 {font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    color:  #3d3535;
    font-size: 1rem;
    text-align: left;
    margin: 0.5rem;
    line-height: 1rem;
   }

h4 {font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    color:  #FBF7D7;
    font-size: 5rem;
    text-align: left;
    margin: 0.5rem}

h5 {font-family: 'Droid Serif', serif;
    color: #3d3535;
    font-weight: 700;
    font-size: 0.8rem;
    text-align: left;
    margin: 0.5rem;
    line-height: 1.5rem;}

p {font-family: 'Droid Serif', serif;
    color: #3d3535;
    font-size: 0.8rem;
    text-align: left;
    margin: 0.5rem;
    line-height: 1.5rem;}

footer p {font-family: 'Abel', sans-serif;
    text-decoration:none;
    color: #FBF7D7;
    font-size: 0.9rem;
    text-align: center;
    margin: 0rem;
    padding: 1%}

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



@media screen and (max-width:768px){
    aside{ display: none;}
    section {width: 98%; background: #bf1951;margin-bottom: 1%;}
    section article {width: 100%; }
    .art1{ display: none;}
    .art3 { width: 98%;}
    header  ul {list-style:none; margin-left: -30px; margin-top: 0px;} 
    header nav{ font-family: 'Abel', sans-serif; font-size: 0.9rem; float:right; margin-right: 2%;}
    header nav ul li{ float: left; list-style-type:none;}
    header nav ul li a{ color:#fbf7d7; text-decoration:none; padding:2px; margin:0px; background:#50abb3;}
    header {height: 190px;}

    
@media screen and (max-width:320px){
    aside{ display: none;}
    section {width: 98%; background: #bf1951;}
    section article{width: 100%;}
    .art1{ display: none;}
    .art3 { width: 98%;}
    header {height: 190px;}
    
    header  ul {list-style:none; margin-left: -30px; margin-top: 0px;} 
    header  ul li a{ color:#fbf7d7; text-decoration:none; background:#50abb3; display: block; }    
    header nav{ font-family: 'Abel', sans-serif; font-size: 0.8rem; float:right; margin-right: 2%;}
    header nav ul li{ float: left; list-style-type:none;}
    header nav ul li a{ color:#fbf7d7; text-decoration:none; padding:2px; margin:0px; background:#50abb3;}