*{margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
background-color:#FF9A00;
box-sizing: border-box;
font-family: 'Roboto Condensed', sans-serif;}

img{
    max-width: 100%;
    padding: 1em;
    
    
    display:flex;
    align-items: center;
    justify-content: center;
    margin:auto;
}


div {display: flex;
margin-left: 3em;
padding-bottom:3em;
padding-top: 2em;
font-size: 1.2em;}

div ul li{padding: 0.5em;
background-color: whitesmoke;
width: 70vw;
color:#FF9A00;
font-size: 0.9em;
letter-spacing: 0.02em;
padding: 0.8em;
margin-top: 0.5em;}

footer{ 
    
    display: flex;
justify-content: center;
align-items: center;
margin: auto;
    flex-direction: column;
}

p{font-size:1.2em;
background-color: #57006A;
color:whitesmoke;
padding: 0.5em;
width: 70vw;
text-align: center;

letter-spacing: 0.05em;}


p .descargarpdf {font-size:1em;
background-color: #57006A;
color:whitesmoke;
padding: 0.5em;
width: 70vw;
text-align: center;
font-family: 'Roboto', sans-serif;
letter-spacing: 0.05em;}


div ul li{ padding-bottom: 0.5em;}

h1{font-size: 1.7em;
padding: 0.5em;
   
    
    background-color: #57006A;
    color: whitesmoke;
    width: 80vw;
    
    display: flex;
    margin: auto;
 
    
    
}


.teorico, .practico, .psicotecnico{ margin-bottom: 0.5em;
letter-spacing: 0.04em;
    margin-top: 0.5em;
    

}


.iconos { padding-bottom: 3em;
    padding-top: 2em;
max-width: 100vw;
background-color: #FF9A00;}

.volantear{max-width: 55vw;
    
background-color: #FF9A00;
   
    
}

.fondo, .fondoo{background-color: #FF9A00;}

.pantallatres{ background-color: #FF9A00;
padding: 5em;
}

nav ul li .menu{ max-height: 40vw;
}

.tuperfil{
    
    display: flex;
flex-direction: column;
align-items: flex-end;
    flex-wrap: wrap;
}


h3{ background-color: #FF9A00;
padding: 0.5em;
font-size: 1.4em;
    letter-spacing: 0.03em;
    padding-top: 0.8em;
    margin-bottom: 2em;
    
   
}

.menudesple{ background-color: #FF9A00;}

h2{background-color: whitesmoke;
color: #FF9A00;
    padding-top: 0.3em;
    
    
    text-shadow: 50px;
font-size: 1.5em;
    letter-spacing: 0.03em;
padding: 0.6em;
    
    }
    
.yo{ background-color: #FF9A00;
letter-spacing: 0.05em;
    text-align: right;
    padding-right: 1em;
    padding-left: 1.2em;
    color: whitesmoke;
    
display: flex;
flex-direction: column;
    flex-wrap: wrap;
}

.holaque{display: flex;
flex-direction: row;
align-items: center;
    justify-content: flex-end;

margin-top: -2.5em;
margin-bottom: 1em;}

.volantearmenu{ max-height: 25vh;}

.menubasico { 
   

    display: flex;
flex-direction: row;
    justify-content: space-between;


}

.iconoatras, .iconomenu, .iconobuscar { max-width: 18vw;

background-color: #57006A;
}


nav ul li figure { background-color: #57006A;}

.iconomenu{ margin-left: 11em;
}
.volantear{ max-width: 50vw;
    margin-top:0.8em;
    
    
}





.pcuatro{ background-color: #FF9A00;}

.clasedos{ text-align: center;
margin-top: 1em;
}

.clasedoss{ text-align: center;
color: whitesmoke;
    background-color: #57006A;
  
letter-spacing: 0.06em;

    font-size: 1.5em;
    padding-bottom: 1.5em;
    
    
}

.reglasconducir{ background-color: #FF9A00;
margin-top: -4em;}

.descripcion{ font-size: 0.9em;
background-color: #FF9A00;
color: whitesmoke;
padding: 2em;
    
text-align: center;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 2em;
  

   }

.titulos{ text-align: center;}

.notificaciones li{ padding: 0.5em;
    text-align: center;
    padding-top: 1em;
    
   
background-color:#57006A;

font-size: 1.2em;
margin: auto;
    margin-top: 1em;
color: whitesmoke;
    max-width: 90%;
}

p{margin-top: 0.5em;}

.manuela{ 
    max-width: 70vw;
    margin: auto;
  
    padding: 0.5em;
    }

figcaption{ margin: auto;
font-size: 2em;
color: whitesmoke;
text-align: center;
margin-top: -0.5em;}

header section .menupantallacuatro nav ul{ background-color: #57006A;}

.descargar{ 


background-color:#57006A; 
}



   
.bonditaxi{ margin-top: -5em;}

footer{ margin-bottom: 2em;}

.fondoo{ 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    margin:auto;
}


a{background: none;
color: whitesmoke;
}

.contenedor{ width: 100%;
margin: auto 0;}

.menubasico{ background-color: #57006A;
   
    
}

.iconomenuprimero{ 
    background-color:#57006A; 
    max-width: 19vw;
margin-left: 14em;}

.quienessomos{ background-color:#57006A;
color: whitesmoke;
margin-left: 1em;
margin-top: 0.8em;}

.bonditaxi{padding-top: 2.5em;}

.iconocandado{
    background-color: whitesmoke;
    max-width: 12vw;}

.clasesuno{ color: #FF9A00;
    margin-top: 1em;
    display: flex;
flex-wrap: wrap;
    align-content: center;
align-items: center;
}

.clasesdos{
    color:#FF9A00 ;
    
    display: flex;
flex-wrap: wrap;
 margin-bottom: 1em;
align-content: center;
align-items: center;}


.candado{
    background-color: whitesmoke;
    
    display: flex;
align-items: center;}

.clasesuno li{padding:0.2em;}
.clasesdos li{padding: 0.2em;}

.clasesuno li .candado{ padding-left:0.3em;}
.clasesdos li .candado{ padding-left:0.3em;}

.pdf{ 
    background-color: #57006A;
    width: 90%;
    display: flex;
flex-wrap: nowrap;
margin: auto;
    align-content: center;
    align-items: center;
    justify-content: center;
 }

.descargar{ max-width: 20vw;
    
}

.footercuatro{ font-size: 1.5em;
margin-bottom: 0.5em;}

a{ display: block;}


.jpg{margin: auto;}

.lecturauno{font-size: 0.8em;
color:#FF9A00;

text-align: center;
  margin: auto;
    margin-top: 1.5em;
}

.lecturaunoo{ font-size: 0.8em;
color:#FF9A00;
background-color: whitesmoke;
text-align: center;
    margin: auto;
    margin-top: 1.5em;


}
.leidas > .lasleidas { background-color: whitesmoke;
color: #57006A;}

.leidas > .lasleidas > a{background-color: whitesmoke;
color: #57006A;}

.iconodelete{ 
max-width: 8vw;
background-color:#57006A; 
   padding: 0.1em;
    margin-top: -0.6em;
    

}

.borrar{ 
    background-color: #57006A;
    display: flex;
align-items:flex-start;}

@media (min-width: 50em) { 
    
    .descripcion { display: none;
    }


    h2 {
        font-size: 2em;
    }

    footer {padding-top: 25px;}
    footer figure img {width:  35%;}
    
    header {font-size:  50px; padding: 0; margin: 0;}
    
}
.bxslider {width: 100%;
border: none;
padding: 0;
margin: 0;}