@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700,900');


@import url('https://fonts.googleapis.com/css?family=Lato');


*{  
    margin: 0rem; 
    font-size: 100% 

}

body {
    background:url(../3/img/textura6.jpg);
    text-decoration: none;
    background-position: center;
    background-attachment: fixed;
     font-family: 'lato', sans-serif;
    color:#fff;
   
    
    
    }


header {
   
    background-size: cover;
    height:500px;
    color: #fff;
    font-family: 'lato', sans-serif;
    text-align: center;
    padding-top: rem; padding-bottom: 1rem; 
    margin: 0;
}

header h1{
    font-family: 'lato', sans-serif;
    font-size: 3rem;
    line-height: 0.9;
    padding-top: 0.8rem;
}

header p{
    font-family: 'lato', sans-serif;
    font-size: 1.5rem;  
    font-weight:100;
    padding-top: 0.8rem;
}

.luli img{
        width:20rem;
        text-align: center;
        margin-top: rem;
        border-radius: 100%;
}





.menu{
    text-align:center; background-color:#ff7e3a;
    padding: 2rem 0rem 2rem 0rem;
    font-weight: 100;
}


.menu ul {
    padding: 0rem;
    
}

.menu ul li{
    list-style-type: none; 
}

.menu li a {
        text-decoration: none;
        color:#64025c;
        display: block;
        padding: 1rem 9rem;
        

}

.menu ul li:hover {
    background: rgba(0,0,0,0.1);
    
    
}

.menu img{
    width: 2rem;
}


@media screen and (max-width: 767px) {
    .niveles div {  
        width: 100%;
        float:none;
       }
    

}

.niveles {
    text-align: center;
    color:#fff;

}

.niveles div{
    text-align: center;
    padding-bottom: 5%;

}


.niveles h4 {
    font-family: 'lato', sans-serif;
    font-size: 3rem;
    color:#fff;
    padding: 3%;
    text-align: center;
    
}

.niveluno {
    float: left;
    width:33.3%;
}
.niveluno h5{
     padding: 0.9rem;
    border-style: solid;
    border-radius: 3rem;
    margin:0 2rem 0 2rem;
    background-color: #fff;
    color:#b70d7c;
    border-color:#b70d7c;
}

.niveluno ul{
    padding: 0;   
}

.niveluno li{
    list-style-type:none;
}


.niveldos {
    float: left;
    width: 33.3%;
}

.niveldos ul{
    padding: 0;   
}
.niveldos li{
    list-style-type:none;   
}

.niveldos h5{
    padding: 0.9rem;
    border-style: solid;
    border-radius: 3rem;
    margin:0 2rem 0 2rem;
    background-color: #fff;
    color:#b70d7c;
    border-color:#b70d7c;
}



.niveltres h5{
    padding: 1rem;
    border-style: solid;
    border-radius: 3rem;
    margin:0 2rem 0 2rem;
background-color: #fff;
    color:#b70d7c;
    border-color:#b70d7c;
}

.niveltres ul{
    padding: 0;   
}

.niveltres {
    float: left;
    width: 33.3%;
    
}
.niveltres li{
    list-style-type:none; 

}




.footer img {
    width:3rem;
    text-align: center;
    padding-bottom: 1rem;

}






.footer {
    background:#ff7e3a; 
    color:#000000;
    padding: 2rem 2rem 4rem 2rem;
    position: relative;
    text-align: center;
    clear: both;

}


.footer p{ 
    font-weight:200; font-size: 1rem;
   
}