@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fuentes/opensans-bolditalic-webfont.eot');
    src: url('fuentes/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('fuentes/opensans-bolditalic-webfont.woff') format('woff'),
         url('fuentes/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fuentes/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('fuentes/opensans-extrabold-webfont.eot');
    src: url('fuentes/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans-extrabold-webfont.woff2') format('woff2'),
         url('fuentes/opensans-extrabold-webfont.woff') format('woff'),
         url('fuentes/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fuentes/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('fuentes/opensans-bold-webfont.eot');
    src: url('fuentes/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans-bold-webfont.woff2') format('woff2'),
         url('fuentes/opensans-bold-webfont.woff') format('woff'),
         url('fuentes/opensans-bold-webfont.ttf') format('truetype'),
         url('fuentes/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('fuentes/opensans-light-webfont.eot');
    src: url('fuentes/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans-light-webfont.woff2') format('woff2'),
         url('fuentes/opensans-light-webfont.woff') format('woff'),
         url('fuentes/opensans-light-webfont.ttf') format('truetype'),
         url('fuentes/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fuentes/opensans-italic-webfont.eot');
    src: url('fuentes/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans-italic-webfont.woff2') format('woff2'),
         url('fuentes/opensans-italic-webfont.woff') format('woff'),
         url('fuentes/opensans-italic-webfont.ttf') format('truetype'),
         url('fuentes/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('fuentes/opensans-extrabolditalic-webfont.eot');
    src: url('fuentes/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('fuentes/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('fuentes/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('fuentes/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('fuentes/opensans-regular-webfont.eot');
    src: url('fuentes/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans-regular-webfont.woff2') format('woff2'),
         url('fuentes/opensans-regular-webfont.woff') format('woff'),
         url('fuentes/opensans-regular-webfont.ttf') format('truetype'),
         url('fuentes/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fuentes/opensans-lightitalic-webfont.eot');
    src: url('fuentes/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('fuentes/opensans-lightitalic-webfont.woff') format('woff'),
         url('fuentes/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fuentes/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fuentes/opensans-semibold-webfont.eot');
    src: url('fuentes/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans-semibold-webfont.woff2') format('woff2'),
         url('fuentes/opensans-semibold-webfont.woff') format('woff'),
         url('fuentes/opensans-semibold-webfont.ttf') format('truetype'),
         url('fuentes/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fuentes/opensans-semibolditalic-webfont.eot');
    src: url('fuentes/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('fuentes/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fuentes/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fuentes/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    
body {
    margin-left: 5rem;
    margin-right: 5rem;
  
    font-size:12pt;
    }

div#carilla {
    background-color: #fff;
}
 
main{

clear: both;
width: 75%;
float: center;}

header{
    

margin-left: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
margin-right: 1rem;

}

nav div{
   
box-sizing: content-box;
margin-top: 1.5rem;
float: left;
font-family: 'open_sansbold', sans-serif, bold;
color: #000;
font-size: 20pt;
    
}
nav ul li { 
display: inline-block; 
margin-left: 1rem; 
padding-top: 1rem;
float: right;
margin-bottom: 1.5rem;
} 

nav ul li a { 
box-sizing: content-box;
margin-bottom: 1.5rem;
color: #000; 
font-family: 'open_sanslight', sans-serif;
text-decoration: none; 
float: right;
 
} 

nav {
   
margin-top: none;
margin-bottom: 0.5rem;
height:  3rem;
list-style: none;
font-family: 'open_sansregular',sans-serif;
color: #000;
font-size: 12pt; 
width: 1200px;
height: 50px;
display: inline-block;
  
    
}

a:hover{
color: #00baff;
background-color: #d0d94f;
text-decoration: none;
}

article{
    margin-bottom: 2rem;
    width: 900px;
    float: right;
font-family: 'open_sanslight',sans-serif;
    font-size: 12pt;
    clear: both;
    overflow: auto;
}
aside{
float: right;
font-family: 'open_sanslight',sans-serif;
    
}

footer{
width: 1200px;
height: 100px;
font-family: 'open_sanslight_italic';
color:#000;
font-size: 9pt;
text-align: center;
align-content: center;
}

footer h4{
margin-left: 5rem;
margin-right: 5rem;
}