.*{font-family: 'Roboto', sans-serif;}

a{ color:dimgray;  
    text-decoration: none;
    font-family:'Roboto Condensed', sans-serif;} 
   a:hover { color: #666; }

ul, li {list-style:none;}

footer {font-family: 'Roboto Condensed', sans-serif;color:dimgray; margin: 0;
    padding: 1rem;
    text-align: center;
    padding: 2% ; 
    font-size: 0.8rem;
    margin: 20%, 0%, 0%, 0%;}

.barra { padding: 2rem;
         width: auto;
         display: flex; 
         justify-content: space-between;
         align-content: flex-start;} 

#menu { font-size: 1rem; 
        line-height: 3rem;
        text-align: right;
        background-color:  #FF90BE;
        color: #FFFFFF;
        position: fixed;
        right: -80vw;
        top: 1vh;
        height: auto;
        min-width: 25vw;
        transition: all .6s ease;
        z-index: 9999; }

#menu:target {right: 0}

ul#sinmargen , li#sinmargen {margin: 0; padding: 0;}

nav { padding: 1rem; margin: 1rem;}

.jerarquia{ padding: 1rem;
            background-color: #a0ead9; 
            border-radius:38px; 
            width: 38%;
            height: 25%;
            display: block;
            text-align: center;
            cursor: pointer;
    
            }


.segunda {  padding: 1rem;
            background-color: #00FBBB; 
            border-radius:38px; 
            width: auto;
           text-align: center;
           cursor: pointer; }


.contenedor2{ display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
            }

.titulo { font-weight: bold;
         }

.subtitulo { font-weight: lighter;}

ul, li { width: auto;}

.linea { width: auto; display: flex; flex-direction: column;}


@media only screen and (min-width: 800px) {
    .contenedor2 { flex-wrap: nowrap; }
    .segunda {margin: 1rem; width: 100%; }
    .linea {display: flex;flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
    .jerarquia {margin: 1rem;}  }
    
    
    
    
    
    
    
/* afecta test*/
.alineado{ display: flex;
           justify-content: flex-end;}

/* Hide default HTML checkbox */
.switch input {display:none;}

.switch {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 2rem;
}

.seleccion { background-color:#fcfafb;
             border-radius:5px;
             padding: 1rem;
             margin-left: -1rem;
             margin-top: 1rem;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #cc6d89;
}

input:focus + .slider {
  box-shadow: 0 0 1px #cc6d89;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
    
}
.coloor{ color: #cc6d89;
         font-family: 'Roboto', sans-serif;}  
div#cambio{color: #cc6d89;
         margin: 2rem;
         font-family: 'Roboto', sans-serif;}
.cambiocolor {color: #00FBBB;}
    .cuadrotitulo { font-family: 'Roboto', sans-serif;
                    color: #cc6d89;
                    margin: 1rem; 
                    padding: 1rem;}
    .casilleros { font-family: 'Roboto', sans-serif;
                    margin: 1rem; 
                    padding: 1rem;
                    background: #BAF3E5;
                    border-radius:30px; }
    
    .casilleroencasillado { display: flex; 
                            flex-wrap: wrap; 
                            }
.enviar{
     font-family: 'Roboto Condensed', sans-serif;
     background-color: #cc6d89; 
    border: none;
    color: white;
    margin: 1rem;
    padding:1rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
     font-size: 2rem;}
    
   /*test*/
    @media only screen and (min-width: 800px) {
        .casilleros {width: 45%;
                     }
}


/*ley*/

.completo{font-family: 'Roboto', sans-serif;
                    margin: 1rem; 
                    padding: 1rem;
                    display: flex;
                    flex-wrap: wrap}

.completo{font-family: 'Roboto', sans-serif;
                    margin: 1rem; 
                    padding: 1rem;
                    }
.mapaemail{ font-family: 'Roboto', sans-serif;
                    margin: 1rem; 
                    padding: 1rem;
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;}

.contacto{ width: auto;}


input#name{height:2rem;
            width: 10rem;
            margin-right: 2rem;}
input#email{height:8rem;
            width: 18rem;
            margin-right: 2rem;}
                    

 @media only screen and (min-width: 800px) {
     .completo {flex-wrap: nowrap;}
     .cuadrotexto2 {margin-left: 1rem; padding-top: 4rem;background: #00FBBB;
                    border-radius:30px; padding-left: 1rem;padding-right: 1rem;}
     .cuadrotexto {margin-right: 1rem; } 
.mapaemail{ display: flex;
            flex-wrap: nowrap;}
.division{ width: 40%;}
.division2{width: 60%; margin: 1rem;}
.normal{width: 400; height: auto;}
     
input#name{height:5rem;
            width: 30rem;
            margin-right: 2rem;}
input#email{height:10rem;
            width: 46rem;
            margin-right: 2rem;}
     
     iframe#youtube{width: 48%;
                    height: 48%;
                    margin-top : 1rem;
                     margin-bottom: 1rem;}}


.videos {margin: 2rem;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;}