header, main, footer, aside, nav, hgroup, article, section { display: block; }
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);


* {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;

}    


@media all and (max-width: 480px)
{div#contenedor {
        width:100%;
        height:auto;
    }


    
body {
    background-color: #E6E7E8;
      }
	
	
#imagen img {
    display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5em;
      } 
    
.usuario {
    background-color: #fff;
    margin-bottom: 0.7em;
    padding: 0.6em;
    margin-top: 1em;
    padding-right: 4em;
	margin-left: 6em;
	margin-right: 6em;
      } 
    

#entrar {
    text-align: center;
    color:#fff;
    background-color: #00A99D;
    padding:1em;
    text-decoration: none;
	margin-left: 6em;
	margin-right: 6em;
    
    } 
    
    
#registrate  {   
    text-align: center;
    font-size: 11pt;
    margin-top: 1em;
    color: #00A99D;
    
     } 
    

/*--- header ---*/
    
    
 header  {   
    background-color: #00A99D;
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: flex-start;
         
}   
    
header a  {   
   margin-top: 1em;
     
 }       

 
header img {   
    margin: 1em;
    margin-right: 4.5em;
 
 }     
    

 /*--- inicio.html ---*/   
    
 #inicio {   
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
        
 }  
    

#inicio a {
    text-decoration: none;
 }    
      

.cajaInicio1 { 
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1em;
    background-color: #00A99D;
    padding-right: 1.5em;
}  
    
#inicio .cajaInicio1 img { 
    padding-right: 2em;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    margin-left: 3em;
    width: 20%;
    
}     
    
h1 {
    text-decoration: none;
    font-size: 1.5em;
    color: #fff;
    
}    
    
.cajaInicio2 {   
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #EFED90;
    margin-top: 1em;
    padding-right: 3.8em;
    padding-left: 3.8em;
    
}     
    
#inicio .cajaInicio2 img {  
    width: 30%;
    padding-right: 2em;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}   

.cajaInicio2 h1{
    color: #00A99D;
    
    }
    
.cajaInicio3 {   
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #7F8083;
    margin-top: 1em;
    padding-right: 6.5em;
    padding-left: 4.5em;
    
}  
    
.cajaInicio3 h1{
    padding-left: 1em;
    }
    
    
    
 #inicio .cajaInicio3 img { 
        width: 35%;
        padding-right: 1em;
        margin-top: 0.8em;
        margin-bottom: 0.8em;
        margin-left: 0em;
}     
    
    
.cajaInicio4 {   
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff; 
    margin-top: 1em;
    padding-right: 4.1em;
    padding-left: 4.1em;
}         
    
#inicio .cajaInicio4 img { 
    width:30%;
    margin-left: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}     

#inicio .cajaInicio4 h1 {   
   color: #AF1B1B;
    padding-left: 2em;
    padding-right: 1.5em;
}     
       
    
    
  /*--- anoto.html ---*/   
    
    
 #marca {   
    display:flex;
    justify-content: flex-start;
    align-content: center;
    background-color: #EFED90;
        
 }  
    
 #pregunta {  
     padding-top: 1.5em;
     padding-bottom: 1.2em;
     padding-right: 1.2em;
 
 } 
    
    
    
  #pregunta p{  
     padding-top: 0.5em;
      font-size: 0.9em;
           
 }      
    
 #marca img{   
    width:75%;
  margin:0.5em;
     margin-top: 1.3em;
    
 }      
    
       
h3   {  
    margin-top: 1em;
    background-color: #EFED90;
    color: #00A99D;
    padding: 0.3em;
    font-size:1.2em; 
    padding-left: 1em;
    
 }      
    
    
 .opcion {  
    margin-left: 1.5em;
    display: flex;
    margin-left: 3em;
    align-content: center;
    margin-top: 0.5em;
 }        
    
 div.opcion img{
     width: 5%;
     height: 5%;
}      
    
    
  div.opcion p{
    margin-left: 0.5em;
    margin-top: 0.1em;
}      
 
    
#calcular {
    margin: 1em;
    background-color: #00A99D;
    color: #fff;
    text-align: center;
    padding: 0.5em;
    margin-top: 2em;
    margin-left: 5em;
    margin-right: 5em;
    text-decoration: none;
} 
    
a {
 text-decoration: none;
    
} 
    
/*--- calculando.html ---*/     
 
    
#fondoCalculando{
    background-color:dimgrey;
      }
    
#calculando img  {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7em;
      }
    
    
    
#preparando h2 {
    background-color:#00A99D;
    text-align: center;
    color: #fff;
    font-size: 1.3em;
    margin-top: 2em;
    padding: 1em;
    margin-left: 5em;
    margin-right: 5em;
    margin-bottom: 0.3em;

} 
    
#preparando p {
    text-align: center;
    color: #fff;
    font-size: 1em;
    padding: 1em;
    margin-left: 5em;
    margin-right: 5em;
    margin-bottom: 1em;

} 
    
    
 /*--- resultado.html ---*/     
    
 #titulo {   
    display:flex;
    justify-content: center;
    align-content: center;
    margin-top: 3em;
}  
    
 #titulo h2{   
    margin-left: 2.4em;
    padding-top: 0.4em; 
    font-size: 1.6em;
} 
    
h2 {   
    color: #fff;
    font-weight: 300;
       
 }  
    
#diasResultados nav ul{   
    display: flex;
    justify-content: center;
    align-content: center;
    list-style-type: none;
    padding: 1em;
    
    
 }    
    
    
 #diasResultados nav ul li{   
    display: flex;
    justify-content: flex-start;
    align-content: center;
    list-style-type: none;
    padding: 0.5em;
    background-color: #AFAFAF;
    margin:0.6em; 
    font-size: 1.1em;
    color: #fff;
 }    
       
  #diasResultados nav ul li a{   
     color: #fff;
 } 
    
#diasResultados nav ul #lunes {   
     background-color: #00A99D;
 }    
    

.turnosResultados {   
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-left: 0.5em;
    margin-right: 0.5em;
 }    


.cajaResultados  {   
   background-color: #EFF1F5;
    width: 15em;
    height: 4em;
    margin-top: 1em;
 }    
    
.turnosResultados1 h4  {   
    text-align: center;
    color: #fff;
    font-size: 1.3em;
    margin-top: 1em;

 }     
    
    
.turnosResultados1 p  {   
    text-align: center;
    color: #fff;
    font-size: 0.9em;
    margin-top: 0.2em;

 }     
    
#cajaResultados1{  
    background-color: #EFED90;
    width: 15em;
    height: 7em;
    margin-top: 1em;
    text-align: center;
    
  }     
    
 #cajaResultados1 p{  
    margin-top: 1.6em;
    color: #00A99D;
    font-size: 1.2em;
     font-weight: 500;
        
  }        
    
 #flechitas img  {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4em;
      }   
    
    

}