@charset "utf-8";

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

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

}
*{margin: 0; padding: 0}




body {
    background-color:#ffffff;
    padding-left: 150px;
    padding-right: 150px;}
   header{margin: auto;
   position: relative;
       
}




.button {
    display: inline-block;
    background: #abb9ba;
    color: white;
    padding:5px 0;
    text-align: center;
    width: 200px;
    text-decoration: none;
  align-content: space-around;
}



   
nav{
    align-items: center;
    
}

nav a {
    text-decoration: none;
   font-family: 'open_sansregular';
    font-size: 25px;
    color: white;
    
}


nav a:hover{
    
    background:  #0ee2e2;
}

.contenedor2{
  display: flex;
    flex-direction: row;
  align-content: space-around;
   flex-wrap: nowrap;
    padding: 5% 5%;

   
    
    
}

.menu {
    
    padding-left:8%;
    
}


.minombre{
    font-family: 'open_sansregular';
    color: #0ee2e2;
    font-size: 34px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    background: #420650;
    height: 12%;
    text-align: center;
    padding-right: 6%;
   
    
    
}


.cuerpomartu{
    
    background: #420650;  
    
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    flex-direction: row;
    flex-wrap: wrap;
    
    
    
}


.martufoto{
    width: 100%;
    
}

.martufoto img{
    width: 100%;
    
}

.parte1personal{
    width: 40%;
    margin: 5%;
    

}

    
.titulopersonal{
    font-size: 28px;
    font-family: 'open_sansregular';
    color: aqua;
}

   

.personal1{
    font-size: 14px;
    margin-right: 15%;
    font-family: 'open_sansregular';
    color: white;
}



.parte2personal{
    width: 40%;
    margin: 5%;
    font-family: 'open_sansregular';
    
}

.nombrematerias{
            font-size: 28px;
            font-family: 'open_sansregular';
            color: aqua;
}

.personal2{
    font-size: 14px;
    margin-right: 15%;
    font-family: 'open_sansregular';
    color: white;
}









.footer {
     background: #abb9ba;
    color: white;
    text-align: center;
    margin: auto;
    font-family:'open_sansregular' ;
    font-size: 14px;
    padding: 5% 5%;
}   

/*-------comienza responsive------*/

@media all and (max-width: 480px){
    

    
    body{ background: #ffffff;}
    
    
    
    .parte1{
         width: 100%;
        
    }   
    
    .menu {
        width: 100%;}
            
       .parte3{
        display: block;
        flex-wrap: wrap;
        align-content: center;
        width: 100%;  
            
    }
    
    
   .menu a{
        width: 100%;}
    
     body{
        margin: 0% 0%;
        padding: 0%;
        width: 100%;
          
    }
    
    .button {
    display: inline-block;
    background: #abb9ba;
    color: white;
    
    text-align: center;
    width: 150px;
    text-decoration: none;
  align-content: center;
        width: 100%;
       
}
    
    nav{
    align-items: baseline;
    
}
    
    
    nav a {
    text-decoration: none;
   font-family: 'open_sansregular';
    font-size: 14px;
    color: white;
    
}


nav a:hover{
    
    background:  #0ee2e2;
}
   
   
    .minombre{
    font-family: 'open_sansregular';
    color: #0ee2e2;
    font-size: 24px;
     padding-left: 20px;
    padding-right: 20px;
    padding-top: 34px;
    background: #420650;
    height: 12%;
    text-align: center;
      
    }    
    

    
    .martufoto{
         width: 100%;}
    
    .martufoto img{
         width: 100%;} 
            
    .cuerpomartu{
        display: block;
        flex-direction: column;
        align-content: space-around;
    margin-bottom: 15px;}
    
    
    
    .parte1personal{
    width: 60%;
    margin: 5%;
    

}

    
.titulopersonal{
    font-size: 20px;
    font-family: 'open_sansregular';
    color: aqua;
}

   

.personal1{
    font-size: 12px;
    margin-right: 15%;
    font-family: 'open_sansregular';
    color: white;
}



.parte2personal{
    width: 50%;
    margin: 5%;
    font-family: 'open_sansregular';
    
}

.nombrematerias{
            font-size: 20px;
            font-family: 'open_sansregular';
            color: aqua;
}

.personal2{
    font-size: 12px;
    margin-right: 15%;
    font-family: 'open_sansregular';
    color: white;
}


    hr{
        display: none;
    }
    
    
    .footer{
        flex-direction: column;
        align-content: space-around;}
        font-size: 10px;    
               
    
    
    
    
}



/*-------FIN DEL RESPONSIVE------*/