* {
    margin: 0;
    padding: 0;
    font-family: 'Roboto','Unica One', sans-serif;
}

li {
    list-style: none;
    text-decoration: none;
    
}

li a {
    list-style: none;
    text-decoration: none;
    
}

header .flechaatras  {
     margin-bottom: -5vw;
    
}

.flechaatras img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 3vw;
    padding-left: 2vw;
    padding-bottom: 5vw;
    padding-right: 4vw;
    max-height: 8vw;
    max-width: 20vw;
    

   }

header .cancelar  {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;

    
}

.cancelar  {
    

    width: 20vw;
        padding: 4vw 5vw 8vw;
        margin-left: 73vw
      
}

.cancelar a {
  
     text-decoration: none;
    color: #5C5C5C;
    background-color: 006666;
    background: -webkit-gradient(radial, center center, 3, center center, 300, 
    from(white), to(#7FD9C0));
     border-radius: 100px;
        padding: 3vw 3vw 3vw;
    
}
  
main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
       padding-top:vw ;
    padding-bottom:4vw ;
}

body {
    max-width: 100vw;
    max-height: 100vw;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;

    	background-image: url(img/fondo.jpg);
	background-size: cover;
	border-image-repeat: no-repeat;

    
}

.activado1 {
       
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80vw, #48C9B0), color-stop(200vw, red) );
       
    background: linear-gradient(#48C9B0 80vw, red 200vw );
   
 
}
.activado2 {
       
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30vw, #48C9B0), color-stop(150vw, red));
       
    background: linear-gradient(#48C9B0 30vw, red 150vw);
   
 
}
.activado3 {
       
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0vw, #48C9B0), color-stop(100vw, red));
       
    background: linear-gradient(#48C9B0 0vw, red 100vw);
   
}



.items {
    
    padding-top: 10vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: 40vw;
    
}

.items li {
    
    font-size: 7vw;
    
    
    
}



.items a {
    
      text-decoration: none;
    color: #5C5C5C;
    background-color: 006666;
    background: -webkit-gradient(radial, center center, 2, center center, 250, 
    from(white), to(black));
     border-radius: 100px;
    padding: 6vw 8vw 6vw;
    
     display: -webkit-box;
    
     display: -ms-flexbox;
    
     display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    width: 75vw;

    
    
    
}

.fondocontactos {
    background-image: url(../img/contactos.jpg);
    max-height: 100vw;
    max-width: 100vw;
 }

h4 {
    text-align: center;
    font-size: 11vw;
    color: white;
    font-family: 'Unica one'
    
}

.menu {
    padding-bottom: 10vw;
}

h3 {
    text-align: center;
    font-size: 9vw;
    color: white;
    font-family: 'Unica one'
    
}

.tituloactivado {
    
    color: red;
    font-weight: bold;
    font-size: 13vw;
    
    
}



.contenedor {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
 

    
}


.contenedor li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100vw;
    
       
}

.contenedor a {
    
    text-decoration: none;
    color: #5C5C5C;
    background-color: 006666;
    background: -webkit-gradient(radial, center center, 3, center center, 300, 
    from(white), to(#7FD9C0));

       
    display: -webkit-box;

       
    display: -ms-flexbox;

       
    display: flex;
    height: 10vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    margin-top: 12px;
    width: 90vw;
    height: 18vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 7vw;
    
    
}

.texto a {

 
}

.julia a{
    max-width: 70vw;
    max-height: 11vw;
    margin-right: 3vw;
    margin-left: 5vw;
    font-size: 5vw;
    
}


.mas a {
    
    max-width: 18vw;
    font-size: 10vw;
    max-height: 11vw;
    
    color: #5C5C5C;
    background-color: 006666;
    background: -webkit-gradient(radial, center center, 3, center center, 80, 
    from(white), to(#7FD9C0));
        
}

.mas {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
     margin-right: 3vw;
    
        
}

 .contactos {
  
    max-width: 100vw;
     max-height: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;


}

.contactos a {

}

.nuevo a {
    
    max-width: 70vw;
    margin-right: 3vw;
    margin-left: 5vw;
    
    
}

.nuevo2 a {
    
    max-width: 70vw;
    margin-right: 3vw;
    margin-left: 5vw;
    
    
}


.boton {
 -webkit-box-flex: 1;
 -ms-flex-positive: 1;
 flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
 
}
.panico img  {
     
    width: 20vw;
    height: 20vw;
    padding-bottom: 5vw;
   }

.alerta a img {
    width: 30vw;
    height: 30vw;
}

.lala img {
    margin-left:-10vw;
    max-height: 15vw;
    max-width: 15vw;
    
}

footer ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
-webkit-box-pack: f;
-ms-flex-pack: f;
justify-content: f;
    
    
}

footer ul li {
  
   
}


footer ul li a {
    }



.boton a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: distribute;
    justify-content: space-around;


}



main select {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    margin-left: 
        5vw;
    margin-right: 
        5vw;
    height: 8vw;

   
}
.styled-select {
   
 
     
   }

.styled-select select {
   background: ;
   width: 50vw;
   font-size: 16px;
   line-height: 1;
   border: 0;
   height: 34px;
   -webkit-appearance: none;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    margin-left: 5vw;
    
   }

p {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
        ;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: 
        horizontal;
    -webkit-box-direction: 
        normal;
    -ms-flex-direction: 
        row
        ;
    flex-direction: 
        row
        ;
    
    margin-left: 
        5vw;
    margin-right: 
            
        10vw;
    
    width: 
        90vw;
    
    text-align: center;
    font-size: 5vw;
    color: white;
    
    padding-bottom: 2vw;
     padding-top: 4vw;
    
    
}
.cuentaregresiva {
     text-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
    color: white;
    font-size: 50vw;
}

.activar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.activar a {
    
    font-size:9vw;
    
       color: white;
    background-color: 006666;
    background: -webkit-gradient(radial, center center, 30, center center, 100, 
    from(red), to(black));
     border-radius: 100px;
        padding: 3vw 3vw 3vw;
    
    
    width: 30vw;
    height: 30vw;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
text-align: center;
    text-transform: uppercase;
     font-weight: bold;
    
    
}