/*Hoja de estilos CSS*/



*{  
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    padding: 0;
    margin:0;
        
}

:visited {color: #76706d;}



body {
    margin-left: 10%;
    margin-right: 10%;
}


header {
    line-height: 1em;
    display: block;   
           
}


nav{
    display: flex;  
    
    }
    
nav ul{
    display: flex;
    flex-direction: row;
    padding: 2% 0 2% 0;
    justify-content: space-around ;
    width: 100%;
    margin:0;
    
        
    
}

nav ul li a{ 
          
            color: #4e4e4e;
            font-family: 'roboto';
            font-size: 1,5em;        
            
}


img {
    max-width: 100%;
    margin-bottom: 30px;
    
    
}


h1 { 
    font-family: 'roboto';
    text-align: center;
    background-color: #4bd4ca;
    font-size: 1,5em;
    
    
}


main {
       
    
}

h2 {
    background-color: #e26641;
    font-family: 'roboto';
    text-align: center;
    padding: 1em;
    color: white;
    
    
}


.vm13{
    font-family: 'roboto';
    text-align: center;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    background-color: #4bd4ca;
    color: white;
        
    }

.carta {
    color: black;
    text-align: left;
    font-family: 'roboto';
    padding: 2em;
    width: 70
    
    
     
}
   
      

footer p {
    background-color: #37393b;
    color: white;  
    text-align: center;
    font-family: 'roboto';
    font-size: 1em;
    padding: 1em;
    display: flex;
    flex-direction: row;
    
    
}




-----------------------------------------------------------------------------------------------------------------------
    
    
    /* Generated by Font Squirrel (https://www.fontsquirrel.com) on May 30, 2016 */



@font-face {
    font-family: 'robotoblack';
    src: url('roboto-black-webfont.woff2') format('woff2'),
         url('roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoblack_italic';
    src: url('roboto-blackitalic-webfont.woff2') format('woff2'),
         url('roboto-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold';
    src: url('roboto-bold-webfont.woff2') format('woff2'),
         url('roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold_italic';
    src: url('roboto-bolditalic-webfont.woff2') format('woff2'),
         url('roboto-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoitalic';
    src: url('roboto-italic-webfont.woff2') format('woff2'),
         url('roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight';
    src: url('roboto-light-webfont.woff2') format('woff2'),
         url('roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight_italic';
    src: url('roboto-lightitalic-webfont.woff2') format('woff2'),
         url('roboto-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium';
    src: url('roboto-medium-webfont.woff2') format('woff2'),
         url('roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium_italic';
    src: url('roboto-mediumitalic-webfont.woff2') format('woff2'),
         url('roboto-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular-webfont.woff2') format('woff2'),
         url('roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotothin';
    src: url('roboto-thin-webfont.woff2') format('woff2'),
         url('roboto-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotothin_italic';
    src: url('roboto-thinitalic-webfont.woff2') format('woff2'),
         url('roboto-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}