@media (min-width: 1367px) and (max-width: 5000px) {
  /*corregido 160924*/
       html{
         background: #000;
       }
       ::-webkit-scrollbar {
         display: none;
     }
     .contenedorax{
       float: left;
       width: 100vw;
       min-height: 100vh;
       height: auto;
     }
        .flotando{
             position: relative;
             width: 100%;
             height: 100%;
         }
     .contenedorax h1{
       
         font-family: "Poppins", sans-serif;
         font-weight: 800;
         font-style: normal;
         color: #FFA700;
         font-size: 3em;
         text-align: center;
      }
      .contenedorax h2{
       font-family: "Poppins", sans-serif;
       font-weight: 500;
       font-style: normal;
       color: #FFA700;
       font-size: 4em;
       text-align: center;
      }
      .contenedorax h3{
         font-family: "Poppins", sans-serif;
         font-weight: 500;
         text-align: left;
         margin-left: 50px;
         font-style: normal;
         color: #FFA700;
         font-size: 4em;
       }
      
     .contenedorasl{
       float: left;
       width: 100vw;
       height: 100vh;
     }
     .wslides{
       
       height: 100vh;
     }
     .v100{
       height: 100vh;
     }
     .v90{
       min-height: 96vh;
       height: auto;
       max-height: 120vh;
       width: 100vw;
       padding-bottom: 5vh;
     }
     .v70{
       height: 70vh;
       width: 100vw;
     }
     .v50{
       
       height: 50vh;
     }
     .v35{
        min-height: 38vh;
        height: auto;
        max-height:120vh;
        background-color: #FFA700;
     }
     .vauta{
       height: auto;
       padding-bottom: 50px;
       background: whitesmoke;
     }
     
     .cnegros{
       background-color: rgb(0, 0, 0);
     }
     .cblanca{
       background-color: rgb(255, 255, 255);
     }
     .camarilla{
       background-color: #FFA700;
     }
     .categorizacion{
       float: left;
       margin-left: 2%;
       width: 94vw;
       min-height: 90vh;
       height: 92vh;
       margin-top: 2%;
 
     }
     .galeria{
       position: absolute;
       z-index: 6;
       width: 100%;
       height: 100%;
       padding: 3%;
       background: #0143fb;
     }
     .faldanegra{
       position: absolute;
       bottom: 0px;
       left: 0px;
       width: 100%;
       min-width: 40%;
       height: 20vh;
       background: rgb(0,0,0);
       background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(9,9,121,1) 48%, rgba(0,0,0,0) 100%);
       z-index: 3;
     }
     .loslogros{
       position: absolute;
       bottom: 0px;
       left: 0px;
       padding-left: 5%;
       min-width: 40%;
       width: 100%;
       margin-left:0%;
       height: 18vh; 
       z-index: 8;
       background: rgb(0,0,0);
       background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(9,9,121,1) 48%, rgba(0,0,0,0) 100%);
     
     }
     .logrox1{
      float: left;
       width: 14vw;
       height: 18vh;
       background:  url(../assets/inicial/cumple1.svg);
       background-size:  auto 100%;
       background-repeat: no-repeat;
       background-position: center center;
       z-index: 10;
     }
     
     .logrox2{
       float: left;
       width: 16vw;
       height: 18vh;
       background:  url(../assets/inicial/cumple2.svg);
       background-size:  auto 100%;
       background-repeat: no-repeat;
       background-position: center center;
       z-index: 10;
     }
     .logrox3{
       float: left;
       width: 22vw;
       height: 22vh;
       background:  url(../assets/inicial/cumple3.png);
       background-size:   100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
       z-index: 10;
     }
     .logrox4{
       float: left;
       width: 30vw;
       height: 18vh;
       background:  url(../assets/inicial/cumple4.png);
       background-size:  auto 100%;
       background-repeat: no-repeat;
       background-position: center center;
       z-index: 10;
     }
     .centrada{
       float: left;
       margin-top: 5%;
       margin-left: 15%;
       width: 80vw;
       min-height: 80vh;
     
     }
     .centradax{
       float: left;
       margin-top: 5%;
       margin-left: 15%;
       width: 70vw;
       height: 80vh;
     
     }
     .tclases{
       float: left;
       width: 60%;
       min-height: 65vh;
       height: auto;
       background: #FFA700;
       margin-left: 2%;
       padding-top: 30px;
       padding-right: 5%;
     }
     .tclases h3{
       font-family: "Poppins", sans-serif;
       font-weight: 800;
       font-style: normal;
       color: #000000;
       font-size: 6em;
       margin-top: 5%;
       text-align: left;
     }
     .tclases p{
       font-family: "Poppins", sans-serif;
       font-weight: 500;
       font-style: normal;
       color: #000000;
       font-size: 3em;
       text-align: left;
       margin-left: 6%;
     }
     
     .tfotos{
       float: right;
       width:30%;
       min-width: 20vw;
       height: 65vh;
       margin-left: 3vw;       
      margin-right: 2vw;
     }
     
     
     
     .sizquierdo{
       float: left;
       width: 45%;
       min-height: 80vh;
       background: #FFA700;
       padding-top: 2%;
       padding-left: 2%;
       padding-right: 2%;
     }
     
     .sizquierdo p{
       font-family: "Poppins", sans-serif;
       font-weight: 500;
       font-style: normal;
       color: #000000;
       font-size: 1.5em;
       text-align: center;
     }
     .sderecha{
       float: left;
       margin-left: 0px;
       width: 23vw;
       min-height: 80vh;
       background:  url(../assets/inicial/bienvenidostodos.jpg) ;
       background-size: auto 100%  ;
       background-repeat: no-repeat;
       background-position: center center;
     
     }
     .stexto{
       float: left;
       width: 11%;
       min-height: 80vh;
       background:  url(../assets/inicial/domina.svg);
       background-size: 100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     
     }
     .popups{
       display: none;
     }
     .mismaquinas{
       float: left;
       min-width: 10vw;
       width: 20vw;
       min-height: 30vh;
       height: 65vh;
       margin-bottom: 5vh;
       margin-left: 0%;
       overflow: hidden;
       cursor: pointer;
     }
     
     .mismaquinas:hover{
       transition: 3ms linear;
     transform: scale(1.3);
     
     }
     .maquinavideox{
       position: fixed;
       top: 5vh;
       left: 0px;
       width: 100vw;
       height: 95vh;
       background: #000;
       z-index: 80; 
     }
     .lamaqu1{
       background:  url(../assets/inicial/maq1.png);
       background-size:  100% auto; 
       background-repeat: no-repeat;
       background-position: center center;
     }
     .lamaqu2{
       background:  url(../assets/inicial/maq2.png);
       background-size:  100% auto; 
       background-repeat: no-repeat;
       background-position: center center;
     }
     .lamaqu3{
       background:  url(../assets/inicial/maq3.png);
       background-size:  100% auto; 
       background-repeat: no-repeat;
       background-position: center center;
     }
     .lamaqu4{
       background:  url(../assets/inicial/maq4.png);
       background-size:  100% auto; 
       background-repeat: no-repeat;
       background-position: center center;
     }
     .lassedes{
       float: left;
       width: 25vw;
       height: 33vh;
       background-color: #FFA700;
       margin-left: 6%;
       margin-top: 60px;
       cursor: pointer;
     }
     .ciudad1{
       background:  url(../assets/inicial/sedes/huancayo.jpg);
       background-size: 100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .ciudad2{
       background:  url(../assets/inicial/sedes/ciudad2.jpg);
       background-size: 100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .ciudad3{
       background:  url(../assets/inicial/sedes/ciudad3.jpg);
       background-size: 100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .ciudad4{
       background:  url(../assets/inicial/sedes/ciudad4.jpg);
       background-size: 100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .ciudad5{
       background:  url(../assets/inicial/sedes/ciudad5.jpg);
       background-size: 100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .ciudad6{
       background:  url(../assets/inicial/sedes/ciudad6.jpg);
       background-size: 100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .ciudad7{
       background:  url(../assets/inicial/sedes/ciudad7.jpg);
       background-size: 100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .ciudad8{
       background:  url(../assets/inicial/sedes/ciudad8.jpg);
       background-size: 100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .whasappea{
       position: fixed;
     bottom: 20px;
     right: 20px;
     height:90px;
     width: 90px;
     background: black;
     background:  url(../assets/inicial/sedes/whatssapp.png);
     background-size: 100% auto ;
     background-repeat: no-repeat;
     background-position: center center;
     z-index: 20;
     cursor: pointer;
     }
     .whasappea:hover{
       transform: scale(0.9);
       transition: ease-in-out;
     }
     .textociudad{
     position: absolute;
     bottom: -20px;
     left: 20%;
     width: 60%;
     height: auto;
     background: rgb(0, 0, 0);
     border: 1px #FFA700 solid;
     z-index: 6;
     padding: 3px;
     }
     .textociudad p{
       font-family: "Poppins", sans-serif;
       font-weight: 500;
       text-align: center;
       font-style: normal;
       color: #FFA700;
       font-size: 1.3em;
       margin-top: 2px;
     
     }
     .vermapa{
       position: absolute;
       bottom: 0px;
       left: 0px;
       width: 100%;
       height: 0%;
       background: rgba(0,0,0,0.0);
       z-index: 2;
     }
     .vermapa p{
       font-family: "Poppins", sans-serif;
       font-weight: 300;
       margin-top: 30%;
       opacity: 0;
       font-style: normal;
       color: #ffffff;
       font-size: 2em;
       text-align: center;
     }
     
     
     .lassedes:hover .vermapa{
       transition: ease-in 0.5s;
       width: 100%;
       height: 100%;
       background: rgba(0,0,0,0.65);
     }
     .lassedes:hover .vermapa p{ 
       transition: ease-in 0.5s;
     opacity: 1;
     }
     
     
     .laubicacion{
       position: fixed;
       top: 5%;
       left: 5%;
       z-index: 8;
       width: 90vw;
       height: 80vh;
       display: none;
       background: rgba(0,0,0,0.90);
       padding:1%;
      
     }
     .elmapa{
       position: absolute;
       width: 74%;
       height: 100%;
       top: 0px;
       left: 0px;
       z-index: 9;
     }
     .asistenteciudad{
       position: absolute;
       width: 22%;
       height: 60%;
       background: yellow;
       bottom: 0px;
       right: 22px;
       z-index: 10;
     }
     .fotoalumno{
       position: absolute;
       width: 22%;
       height: 37%;
       background: #0143fb;
       top: 0px;
       right: 22px;
       z-index: 10;
     }
     .fotoc1a{
       background:  url(../assets/inicial/sedes/c1a.jpg);
       background-size:  100% auto  ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc1b{
       background:  url(../assets/inicial/sedes/c1b.jpg);
       background-size:  100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc2a{
       background:  url(../assets/inicial/sedes/c2a.jpg);
       background-size:  100% auto  ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc2b{
       background:  url(../assets/inicial/sedes/c2b.jpg);
       background-size:  100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc3a{
       background:  url(../assets/inicial/sedes/c3a.jpg);
       background-size:  100% auto  ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc3b{
       background:  url(../assets/inicial/sedes/c3b.jpg);
       background-size:  100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc4a{
       background:  url(../assets/inicial/sedes/c4a.jpg);
       background-size:  100% auto  ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc4b{
       background:  url(../assets/inicial/sedes/c4b.jpg);
       background-size:  100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc5a{
       background:  url(../assets/inicial/sedes/c5a.png);
       background-size:  100% auto  ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc5b{
       background:  url(../assets/inicial/sedes/c5b.jpg);
       background-size:  100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc6a{
       background:  url(../assets/inicial/sedes/c6a.png);
       background-size:  100% auto  ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc6b{
       background:  url(../assets/inicial/sedes/c6b.jpg);
       background-size:  100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc7a{
       background:  url(../assets/inicial/sedes/c7a.png);
       background-size:  100% auto  ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc7b{
       background:  url(../assets/inicial/sedes/c7b.jpg);
       background-size:  100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc8a{
       background:  url(../assets/inicial/sedes/c8a.jpg);
       background-size:  100% auto  ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .fotoc8b{
       background:  url(../assets/inicial/sedes/c8b.jpg);
       background-size:  100% auto ;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .mnombreciudad{
       position: absolute;
       bottom: 20px;
       left: 20px;
       width: 400px;
       height: 100px;
       z-index: 12; 
       background: #000; 
       padding-top: 20px;
       padding-left: 20px;
       border-radius: 20px 0 20px 0;
     
     }
     .mnombreciudad h4{
       color: #FFA700 ;
       font-family: "Poppins", sans-serif;
       font-weight: 300;
       font-size: 1.3em;
       line-height: 10px;
     }
     .mnombreciudad h3{
       color: #fff;
       line-height: 10px;
       font-family: "Poppins", sans-serif;
       font-weight: 300;
       font-size: 1.6em;
     }
     .btncerrar{
       position: absolute;
       top: 0px;
       right: -40px;
       width: 45px;
       height: 45px;
       z-index: 80;
       border-radius: 10px;
       text-align: center;
       color: white;
       font-size: 1em;
       padding-top: 10px;
       background: red;
       cursor: pointer;
     }
     .btncerrar:hover{
       transform: scale(0.8);
       transition: ease-out;
     } 
     
     
     .logotipo{
       position: absolute;
       z-index: 6;
       top: 0px;
       left: 0px; 
       width: 20vw;
       height: 180px;
       background:  url(../assets/logos/logotipo.png);
       background-size:  auto 90%;
       background-repeat: no-repeat;
       background-position: center center;
     }
     .adorno{
       position: absolute;
       z-index: 3;
       top: 0px;
       right: 0px;
       width: 30vw;
       height: 100%;
       background:  url(../assets/inicial/mecano.svg);
       background-size:  auto  cover ;
       background-repeat: no-repeat;
       background-position: center right;
     }
     
     
     .validad1{
       position: absolute;
       z-index: 6;
       top: 30vh;
       right: 0px;
       width: 20vw;
       height: 120px;
       background:  url(../assets/inicial/cumple3.png);
       background-size:  auto 100%;
       background-repeat: no-repeat;
       background-position: center center;
     }
     
     .validad2{
       position: absolute;
       z-index: 6;
       top: 55vh;
       right: 0px;
       width:20vw;
       height: 150px;
       background:  url(../assets/inicial/cumple4.png);
       background-size:  auto 100%;
       background-repeat: no-repeat;
       background-position: center center;
     }
     
     .cerrito{
     float: left;
       width: 100%;
       height: 100%;
       background: rgba(0,0,0,0.6);
     }
         .cover{     
             background:  url(../assets/fondos/login.jpg)#00127f;
             background-size:  100% auto;
             background-repeat: no-repeat;
             background-position: center center;
          }
         .covermenu{
             background:  url(../assets/fondos/menubarra.png) #00127f;
             background-size:  100% auto;
             background-repeat: no-repeat;
             background-position: bottom center;
         }
           
         .contenedorasuperior{
           background:  url(../assets/fondos/inicial.jpg) #CDD8DC;
           background-size: 100% auto ;
           background-repeat: no-repeat;
           background-position:center center;     
           float: left;
           width: 100%;
           height: 100vh;
           overflow: auto;
           margin: 0 auto;
           scrollbar-width: none;
       }
     
     
     
       .mislidevideo2{
         position: absolute;
         z-index: 2;
         top: 0px;
         left: 0px; 
         width: 100%;
         height: 100vh;
         max-height: 100vh;
         object-fit: cover !important;
     
       }
       .misslides{
         float: left;
         width: 100%;
         height: 100%;    
         
       }
       .textomotivo{
         float: left;
         margin-top: 20%;
         min-height: 30%;
         width: 40vw;
         height: 60%;
         /*
         background: rgba(0,0,0,0.4);
         */
       }
       .motivo1{
         background:  url(../assets/inicial/sedes/estudia.png);
         min-width: 10vw;
         background-size:  90% auto ;
         background-repeat: no-repeat;
         background-position: center center;
         
       }
     
       .motivo2{
         background:  url(../assets/inicial/sedes/estudia1.png);
         background-size:  90% auto ;
         background-repeat: no-repeat;
         background-position: center center;
         
       }
       .motivo3{
         background:  url(../assets/inicial/sedes/estudia2.png);
         background-size:  90% auto ;
         background-repeat: no-repeat;
         background-position: center center;
         
       }
       .motivo4{
         background:  url(../assets/inicial/sedes/estudia3.png);
         background-size:  90% auto ;
         background-repeat: no-repeat;
         background-position: center center;
         
       }
       .slidesa1{
         background-image: url(../assets/inicial/slide/1.jpg);
         background-repeat: no-repeat;
         background-size:  100% auto ;
         background-position: center center;
 
       }
       .slidesa2{
         background-image: url(../assets/inicial/slide/2.jpg);
         background-repeat: no-repeat;
         background-size:  100% auto ;
         background-position: center center;
       }
       .slidesa3{
         background-image: url(../assets/inicial/slide/3.jpg);
         background-repeat: no-repeat;
         background-size:  100% auto ;
         background-position: center center;
       }
       .slidesa4{
         background-image: url(../assets/inicial/slide/4.jpg);
         background-repeat: no-repeat;
         background-size:  100% auto ;
         background-position: center center;
       }
     
       .calidad1{
         background-image: url(../assets/inicial/calidad/calidad1.jpg);
         background-repeat: no-repeat;
         background-size: 100% auto ;
         background-position: center top;
       }
       .calidad2{
         background-image: url(../assets/inicial/calidad/calidad2.jpg);
         background-repeat: no-repeat;
         background-size: 100% auto ;
         background-position: center top;
       }
       .calidad3{
         background-image: url(../assets/inicial/calidad/calidad3.jpg);
         background-repeat: no-repeat;
         background-size: 100% auto ;
         background-position: center center;
       }
       .calidad4{
         background-image: url(../assets/inicial/calidad/calidad4.jpg);
         background-repeat: no-repeat;
         background-size: 100% auto ;
         background-position: center center;
       }
     
       .calidad5{
         background-image: url(../assets/inicial/calidad/calidad5.jpg);
         background-repeat: no-repeat;
         background-size: 100% auto ;
         background-position: center center;
       }
       .calidad6{
         background-image: url(../assets/inicial/calidad/calidad6.jpg);
         background-repeat: no-repeat;
         background-size: 100% auto ;
         background-position: center center;
       }
       .calidad7{
         background-image: url(../assets/inicial/calidad/calidad7.jpg);
         background-repeat: no-repeat;
         background-size: 100% auto ;
         background-position: center center;
       }
      
  
  
     
       .mislidevideo3{
         position: absolute;
         z-index: 1;
         top: 0vh;
         left: 0px; 
         width: 100%;
         height: 90vh;
     
       }
       .mismeritos{
         float: left;
         width: 100%;
         height: 100%;    
         background-position: center center;
        
         
       }
      
       .v35  h3{
         font-family: "Poppins", sans-serif;
         font-weight: 800;
         font-style: normal;
         color: #ffffff;
         font-size: 3.5em;
         margin-top: 2%;
         text-align: center;
         margin-bottom: 1%;
       }
       .v35  h4{
         font-family: "Poppins", sans-serif;
         font-weight: 800;
         font-style: normal;
         color: #fff;
         font-size: 2em;
         margin-top: 0px;
         text-align: center !important;
       }
       .v35  p{
         font-family: "Poppins", sans-serif;
         font-weight: 500;
         font-style: normal;
         color: #000000;
         font-size: 1.5em;
         text-align: justify;
         margin-left: 6%;
         margin-top: 8px;
       }
       .ladoan{
         float: left;
         width: 50%;
         height: auto;
         padding: 2%;
         
       }
       .ladoanx{
          float: left;
          width: 50%;
          height: auto;
          padding: 2%;
          
        }
       
       .exito1{
         background-image: url(../assets/inicial/certificados/certi1.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito2{
         background-image: url(../assets/inicial/certificados/certi2.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito3{
         background-image: url(../assets/inicial/certificados/certi3.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito4{
         background-image: url(../assets/inicial/certificados/certi4.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito5{
         background-image: url(../assets/inicial/certificados/certi5.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito6{
         background-image: url(../assets/inicial/certificados/certi6.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito7{
         background-image: url(../assets/inicial/certificados/certi7.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito8{
         background-image: url(../assets/inicial/certificados/certi8.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito9{
         background-image: url(../assets/inicial/certificados/certi9.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito10{
         background-image: url(../assets/inicial/certificados/certi10.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito11{
         background-image: url(../assets/inicial/certificados/certi11.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito12{
         background-image: url(../assets/inicial/certificados/certi12.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito13{
         background-image: url(../assets/inicial/certificados/certi13.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito14{
         background-image: url(../assets/inicial/certificados/certi14.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito15{
         background-image: url(../assets/inicial/certificados/certi15.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito16{
         background-image: url(../assets/inicial/certificados/certi16.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
 
       .exito17{
         background-image: url(../assets/inicial/certificados/certi17.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito18{
         background-image: url(../assets/inicial/certificados/certi18.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito19{
         background-image: url(../assets/inicial/certificados/certi19.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito20{
         background-image: url(../assets/inicial/certificados/certi20.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito21{
         background-image: url(../assets/inicial/certificados/certi21.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito22{
         background-image: url(../assets/inicial/certificados/certi22.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito23{
         background-image: url(../assets/inicial/certificados/certi23.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito24{
         background-image: url(../assets/inicial/certificados/certi24.jpg);
         background-repeat: no-repeat;
         background-position: center center;
          background-size: 100% auto;
        }
       .exito25{
         background-image: url(../assets/inicial/certificados/certi25.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
       .exito26{
         background-image: url(../assets/inicial/certificados/certi26.jpg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% auto;
       }
 
         /*menux*/
         .menubtn{
             position: absolute;
             top: 20px;
             left: 20px;
             width: 60px;
             height: 60px; 
             background:  url(../assets/botons/rts_boton_menu.svg);
             padding: 2px;
             cursor: pointer;
             background-size:  100% auto;
             background-position: center center;
             background-repeat: no-repeat;  
             z-index:120;
         }
         .menubtn:hover{
           transform: scale(0.85);
           transition: 1ms linear;
         }
       
     
         .mamenu{
           position: absolute;
           top: 10vh;
           left: -100px;
           width: 100px;
           height: 85vh; 
           z-index: 90;
           background:  #FFA700;
           background-size:  auto 100% ;  
           background-repeat: no-repeat;
           background-position: top center;
           padding-top: 60px;
           border-radius: 30px 30px 30px 30px;
         }
         
         .mamenu .cajax{
           float: left;
           width: 80%;
           height: 80px;
           margin-left: 10%;
           border-radius: 10px;
           margin-top: 15%;
           background: #0e0a04d1;  
           cursor: pointer;
           padding: 8px;
         }
         .mamenu .cajax:hover{
             transition: 0.5s linear;
             background: #0143fb;
             
           }
         .bbtn1{  
             float: left;
             width: 100%;
             height: 100%;  
             background:  url(../assets/botons/rbtbserv1.svg);
             background-size:  auto 100%;
             background-repeat: no-repeat;
             background-position:center center;
         }
         .bbtn2{  
             float: left;
             width: 100%;
             height: 100%;  
             background:  url(../assets/botons/rbtbserv2.svg);
             background-size:  auto 100%;
             background-repeat: no-repeat;
             background-position:center center;
         }
         
         .bbtn3{  
             float: left;
             width: 100%;
             height: 100%;  
             background:  url(../assets/botons/rbtbserv3.svg);
             background-size:  auto 100%;
             background-repeat: no-repeat;
             background-position:center center;
         }
         
         .bbtn4{  
             float: left;
             width: 100%;
             height: 100%;  
             background:  url(../assets/botons/rbtbserv4.svg);
             background-size:  auto 100%;
             background-repeat: no-repeat;
             background-position:center center;
         }
         
         .bbtn5{  
             float: left;
             width: 100%;
             height: 100%;  
             background:  url(../assets/botons/rbtbserv5.svg);
             background-size:  auto 100%;
             background-repeat: no-repeat;
             background-position:center center;
         }
         
         .bbtn6{  
             float: left;
             width: 100%;
             height: 100%;  
             background:  url(../assets/botons/rbtbserv6.svg);
             background-size:  auto 100%;
             background-repeat: no-repeat;
             background-position:center center;
         }
         
         .bbtn7{  
             float: left;
             width: 100%;
             height: 100%;  
             background:  url(../assets/botons/rbtbserv7.svg);
             background-size:  auto 100%;
             background-repeat: no-repeat;
             background-position:center center;
         }
         
     /*login*/
         .lelogin{
             position: absolute;
             z-index: 90;
             right: 20px;
             top: 20px;
             width: 240px;
             height: 40px;   
         }
         .lelogin .lafoto{
             position: absolute;
             width: 40px;
             height: 40px;
             right: 0px;
             top: 0px;
             z-index: 92;
             border-radius: 50%;
             background:  url(../assets/logos/rtslogox.png) white;
             padding: 2px;
             cursor: pointer;
             background-size:  90% auto;
             background-position: center center;
             background-repeat: no-repeat;  
         }
       
         .lelogin .btnsalir{
           position: absolute;
           width: 25px;
           height: 25px;
           top: 8px;
           left: 16px;
           border-radius: 50%;
           background:  url(../assets/botons/rbtnsalir.svg) whitesmoke;
           background-size: 90% auto ;
           background-repeat: no-repeat;
           background-position:center center;
           padding: 0;
           z-index: 10;
           cursor: pointer;
       }
       .lelogin .btnsalir:hover{
           background:  url(../assets/botons/rbtnsalirover.svg);
           transform: 0.1s linear;
       }
       
         .lelogin .persona{
             position: absolute;
             width: 180px;
             height: 35px;
             right: 13px;
             top: 3px;
             z-index: 91;
             border-radius: 15px 0 0 15px;
             background: rgb(0, 0, 0);
             padding: 0;
         }
       
       
         
         .lelogin .persona h3 {
             margin-left: 20px;
             font-family: "Poppins", sans-serif;
             font-weight: 600;
             font-style: normal;
             margin-top: 12px;
             text-align: left;
             font-size: 0.85em;
             color: #02ff9e;
         }
     /*menu principal */
     
     .mainmenux{
     position: absolute;
     width: 80vw;
     height: auto;
     bottom: 10vh;
     left: 10vw;
     }
     .boxmenux{
         float: left;
         width: 130px;
         height: 130px;
         margin: 20px;
         background: rgb(231, 184, 31);
         border: #000 solid 2px;
         border-radius: 10px;
         cursor: pointer;
         color: #000;
         padding-top:3%;
         text-align: center;
         font-size: 1.2em;
     }
     .boxmenux:hover{
       transition: 3ms linear;
       color: #02ff9e;
       background: rgb(0, 0, 0);
       
     }
     .ocultame{
       display: none;
     }
     
     .margin5{
             float: left;
             margin-left: 5%;
     }
     .margin10{
             float: left;
             margin-left: 10%;
     }
     .margin25{
             margin-left: 35%;
     }
     
      .margintitulo{
             margin-top: 50px;
     }
     
           .amarello{
             background: rgba(255,255,255,0.35);
             backdrop-filter: blur(3px);
             /*filter: blur(1px);*/
           }
           .leblack{
             background: rgba(0,0,0,0.35);  
             border: solid #0EC6BD 2px; 
           }
     
        
     
     .fondocar1{
            background:  url(../assets/fondos/car1.jpg);
             background-size: 100% auto ;
             background-repeat: no-repeat;
             background-position:center center;
     }
     .fondochica{
       background:  url(../assets/fondos/car1.jpg);
        background-size: 100% auto ;
        background-repeat: no-repeat;
        background-position:center center;
     }
     .finicial{
       float: left;
       width: 100vw;
       height: 100vh;
       background:  url(../assets/fondos/inicial.jpg);
       background-size: 100% auto ;
       background-repeat: no-repeat;
       background-position:center center;
     }
     
     
         .contenedora{
             float: left;
             overflow-y: auto;
             }
     
     
             .w60{
               margin-left: 4vw;
               margin-top: 12vh;
               width: 60vw;
               height: auto;
               padding-bottom:80px;
               padding-left: 2%;
               padding-right:2%;
              
           }
             .w55{
                 margin-left: 20px;
                 margin-top: 20px;
                 width: 55vw;
                 height: 96vh;
                 padding-bottom: 20px;           
             }
             .w48{
               margin-left: 7vw;
               margin-top: 20px;
               width: 48vw;
               height: 96vh;             
               padding:  20px; 
           }
     
           .w42w{
             margin-left: 20px;
             margin-top: 12vh;
             width: 42vw;
             height: auto;
             padding-bottom:80px;
             padding-left: 2%;
             padding-right:2%;
            
         }
         .w36{
           margin-left: 20px;
           margin-top: 12vh;
           width: 34vw;
           height: auto;
           padding-bottom:80px;
           padding-left: 2%;
           padding-right:2%;
          
       }
     
             .w42{
                 margin-left: 20px;
                 margin-top: 20px;
                 width: 42vw;
                 height: 96vh;
                 padding-bottom: 20px;
                 padding-left: 2%;
                 padding-right:2%;
                
             }
     .titulos{
       float: left;
       width: 100%;
       height: auto;
     }
             .titulos  h2{
               font-weight:600;
               font-style: 'SemiBold';
                text-align: left;
                margin-top: 15px !important;
                font-size: 1.5em;
                color: #000000;
          }
          .titulos h3{
           font-weight:600;
           font-style: 'SemiBold';
            text-align: left;
            margin-top: 15px !important;
            font-size: 2em;
            color: #000000;
            background: #02ff9e;
      }
         
          .subtitulos{
           float: left;
           font-weight:300;
           margin-top: 30px;
           font-style: 'SemiBold';
            text-align: left;
            font-size: 1.3em;
            color: #000;
            width: 100%;       
            line-height: 20px;
            padding-bottom: 5px;
        }
        .logointerfaz{
         float: right;
         width: 200px;
         height: 120px;
         background: black;
        }
     
        .estlineaformulariox{
         float: left;
         width: 90%;
         height: auto;
         margin-left: 5%;
         }
     
         .estlineaformulariox label {
           width: 100%;
           margin-bottom: 5px;
           font-family: "Poppins", sans-serif;
           font-weight: 400;
           font-style: normal;
           text-align: center;
           font-size: 1.4em;
           color: #fff;
           }
     
          .estlineaformulariox  input[type=text] {
           width: 100%;
           box-sizing: border-box;
           border-radius: 5px;
           border: 1px #AAAAAA solid;
           color:#000;
           font-size: 1.2em !important; 
           text-align: left;       
           line-height:30px;
     }
     
     
     .estlineaformulariox .btn {        
       text-shadow: 0px -1px 0px #5b6178;
       background: rgb(0, 19, 190);
       -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
       border-radius: 8px;
       text-decoration: none;
       border: #fff solid 1px;
       margin-left: 18%;
       margin-top: 15px;
       height: 35px;
       float: left;
       width: 60%;   
       color:#fff; 
       text-align: center; 
       cursor: pointer; 
       font-family: "Poppins", sans-serif;
       font-weight: 400;
       font-style: normal;
       text-align: center;
     }
     
     .estlineaformulariox .btn:hover {
       background: linear-gradient(#019ad2, #33bdef);
       text-decoration: none;
       color:#ffffff;
     }  
     
     
             .estlineaformulario{
                 float: left;
                 width: 95%;
                 height: auto;
                 }
                 .estlineaformulariodoble{
                     float: left;
                     width: 45%;
                     height: auto;
                     margin-top: 0px;                
                     }
           .estlineaformulariocuatro{
             float: left;
             width: 22%;
             height: auto;
             margin-top: 15px;
             margin-right: 2%; 
           }
               
           label {
                     width: 100%;
                     margin-bottom: 5px;
                     font-family: "Poppins", sans-serif;
                     font-weight: 400;
                     font-style: normal;
                     text-align: left;
                     font-size: 0.8m;
                     color: #000;
                     }
               
                input[type=text] {
                     width: 100%;
                     box-sizing: border-box;
                     border-radius: 5px;
                     border: 1px #AAAAAA solid;
                     color:#000;
                     font-size: 0.95em !important; 
                     text-align: left;       
                     line-height:22px;
               }
       
            
                textarea {
                width: 100%;
                height: 150px;
                overflow-y: auto;
                box-sizing: border-box;
                font-size: 0.8em !important; 
                border-radius: 5px;
                border: 1px #AAAAAA solid;
                color:#000;
                text-align: left;
               }
             
              
                
            select {
              width: 100% !important;
             font-size: 0.9em;
             height: 24px !important;
             text-align: center;
             border: 1px #AAAAAA solid;
               box-sizing: border-box;
              border-radius: 5px;
              font-family: 'arial';
             text-align: center;
             background: #fff;
              color:#000;
             }
             
             
               input[type=date] {
                 width: 100% !important;
                 box-sizing: border-box;
                 border-radius: 5px;
                 background: #fff;
                 border: 1px #AAAAAA solid;
                 color:#000;
                 text-align: center;
               }
     
               .btn {        
                 text-shadow: 0px -1px 0px #5b6178;
                 background: rgb(231, 184, 31);
                 -webkit-border-radius: 8px;
                 -moz-border-radius: 8px;
                 border-radius: 8px;
                 text-decoration: none;
                 margin-left: 18%;
                 margin-top: 15px;
                 height: 35px;
                 float: left;
                 width: 60%;   
                 color:#000000; 
                 text-align: center; 
                 cursor: pointer; 
               }
             
             .btn:hover {
                 background: linear-gradient(#019ad2, #33bdef);
                 text-decoration: none;
                 color:#ffffff;
               }  
             
               /* Customize the label (the container) */
     .container {
       display: block;
       position: relative;
       padding-left: 35px;
       margin-bottom: 12px;
       cursor: pointer;
       font-size: 1em ;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
     }
     
     /* Hide the browser's default checkbox */
     .container input {
       position: absolute;
       opacity: 0;
       cursor: pointer;
       height: 0;
       width: 0;
     }
     
     /* Create a custom checkbox */
     .checkmark {
       position: absolute;
       top: 0;
       left: 0;
       height: 20px;
       width: 20px;
       background-color: #eee;
       border: 1px solid #000;
     }
     
     /* On mouse-over, add a grey background color */
     .container:hover input ~ .checkmark {
       background-color: #ccc;
     }
     
     /* When the checkbox is checked, add a blue background */
     .container input:checked ~ .checkmark {
       background-color: #2196F3;
     }
     
     /* Create the checkmark/indicator (hidden when not checked) */
     .checkmark:after {
       content: "";
       position: absolute;
       display: none;
     }
     
     /* Show the checkmark when checked */
     .container input:checked ~ .checkmark:after {
       display: block;
     }
     
     /* Style the checkmark/indicator */
     .container .checkmark:after {
       left: 9px;
       top: 5px;
       width: 5px;
       height: 10px;
       border: solid white;
       border-width: 0 3px 3px 0;
       -webkit-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
       transform: rotate(45deg);
     }  
        
     /*seccion administracion*/
     .cabeceramach{
       float: left;
       width: 100%;
       height: auto;
     }
     .logocabeza{
       float: left;
       width: 100%;
       height: 130px;
       background:  url(../assets/logos/logotipo.png);
       background-size:  auto 90%;
       background-repeat: no-repeat;
       background-position:right center;
     }
     .titulocabeza{
       float: left;
       width: 100%;
       height: auto;
       padding-bottom: 10px;
     }
     
     .titulocabeza h2{
       font-weight:600;
       font-style: 'SemiBold';
        text-align: left;
        margin-top: 15px !important;
        font-size: 1.3em;
        color: #fff;
     }
     .titulocabeza h3{
     font-weight:300;
     font-style: 'SemiBold';
     text-align: left;
     margin-top: 10px !important;
     font-size: 1em;
     color: #02ff9e;
     }
     .titulocabezanegro{
       float: left;
       width: 100%;
       height: auto;
       padding-bottom: 5px;
     }
     
     .titulocabezanegro h2{
       font-weight:600;
       font-style: 'SemiBold';
        text-align: left;
        margin-top: 15px !important;
        font-size: 1.3em;
        color: #070707;
     }
     .titulocabezanegro h3{
     font-weight:300;
     font-style: 'SemiBold';
     text-align: left;
     margin-top: 10px !important;
     font-size: 1em;
     color: #0b0655;
     }
     
     table{
       background: #ddd;
       
     }
     .dt-paging{
       font-size: 0.8em;
       color: pink;
       
      }
      .dataTables_info{
       color: rgb(0, 255, 98);
       
      }
         .dt-info{
           font-size: 0.9em;
           color: rgb(0, 255, 98);
         }
       
        .dt-buttons{
           float: right;
         }
       .dt-search{
           font-size: 0.9em;
          margin-top: 5px;
          margin-bottom: 3px;    
       }
       .dt-search{
       color: white;
       }
     
       .elmensaje{
         border:2px solid #fff;
         border-radius: 10px;
         padding-bottom: 10px;
         float: left;
       width: 80%;
       height: auto;
       margin-top:2%;
       margin-left: 10%;
       margin-right: 10%;
       margin-bottom: 5px;
       padding: 3%;
       font-size: 0.9em !important;
       line-height: 1em;
       color: #fff;
       }
       .elmensaje h3{
        color:#000;
        text-align: center;
        font-size: 1.2em !important;
        line-height: 1em;
      }
       .lepie{
         float: left;
         width: 100%;
         height: 30vh;
         background: rgb(2,0,36);
         background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,74,255,1) 100%);
     
       }
       .pielogo{
         position: absolute;
        top: 20px;
        left:42%;
        width: 20vw;
        height: 200px;
        background:  url(../assets/logos/logotipo.png);
         background-size:  90% auto ;
         background-repeat: no-repeat;
         background-position:  center center;
         z-index: 8;
       }
       .numeros{
         position: absolute;
         top: 50px;
         left: 10px;
         width: 440px;
         height: 80px;
         z-index: 4;   
         font-family: "Poppins", sans-serif;
         font-weight: 300;
         text-align: left;
         margin-left: 50px;
         font-style: normal;
         color: #FFA700;
         font-size: 1.3em;
       }
     
       .lasredes{
         position: absolute;
         top: 10px;
         right: 10px;
         width: 30vw;
        min-height: 120px;
        height: auto;
         padding-left: 2%;
         z-index: 4;
       } 
       .redex{
         float: left;
         width: 80px;
         height: 80px;
         margin-left: 5%;
         border-radius: 5px;
         cursor: pointer;
         background: #fff;
         border-radius: 10px;
       }
       .redex:hover{
         transform: scale(1.20);
       }
       .margin8{
         margin-left: 100px;
       }
       .flotandox{
         position: relative;
         width: 100%;
         height: 100%;
       }
     
       .icontelefono{
         background-image: url(../assets/botoneria/telefono.svg);
         background-repeat: no-repeat;
         background-size:   auto 80% ;
         background-position: center center;
         }
       .icontelefono:hover{
         background-image: url(../assets/botoneria/telefonoh.svg);
         }
       .iconlugar{
           background-image: url(../assets/botoneria/lugar.svg);
           background-repeat: no-repeat;
           background-size:   auto 80% ;
           background-position: center center;
           }
       .iconlugar:hover{
               background-image: url(../assets/botoneria/lugarh.svg);
         }
       .iconcorreo{
           background-image: url(../assets/botoneria/correo.svg);
           background-repeat: no-repeat;
           background-size:   auto 80% ;
           background-position: center center;
           }
       .iconcorreo:hover{
               background-image: url(../assets/botoneria/correoh.svg);
             }
       .iconlinkedin{
           background-image: url(../assets/botoneria/linkedin.svg);
           background-repeat: no-repeat;
           background-size:   auto 80% ;
           background-position: center center;
           }
       .iconlinkedin:hover{
               background-image: url(../assets/botoneria/linkedinh.svg);
         }
       .iconweb{
           background-image: url(../assets/botoneria/web.svg);
           background-repeat: no-repeat;
           background-size:   auto 80% ;
           background-position: center center;
          }
       .iconweb:hover{
              background-image: url(../assets/botoneria/webh.svg);
          }
       .iconface{
           background-image: url(../assets/botoneria/facebook.svg);
           background-repeat: no-repeat;
           background-size:   auto 80% ;
           background-position: center center;
         }
         .iconface:hover{
             background-image: url(../assets/botoneria/facebookh.svg);
           }
          
 }
@media (min-width: 721px) and (max-width: 1366px) {
  html{
    background: #000;
  }
  ::-webkit-scrollbar {
    display: none;
}
.contenedorax{
  float: left;
  width: 100vw;
  min-height: 100vh;
  height: auto;
}
   .flotando{
        position: relative;
        width: 100%;
        height: 100%;
    }
.contenedorax h1{
  
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
    color: #FFA700;
    font-size: 3em;
    text-align: center;
 }
 .contenedorax h2{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #FFA700;
  font-size:calc(12px + 3vw);
  text-align: center;
 }
 .contenedorax h3{
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    text-align: left;
    margin-left: 50px;
    font-style: normal;
    color: #FFA700;
    font-size:calc(12px + 4vw);
  }
 
.contenedorasl{
  float: left;
  width: 100vw;
  height: 100vh;
}
.wslides{
  
  height: 100vh;
}
.v100{
  height: 100vh;
}
.v90{
  min-height: 96vh;
  height: auto;
  width: 100vw;
  padding-bottom: 10vh;
}
.v70{
  height: 70vh;
  width: 100vw;
}
.v50{
  
  height: 50vh;
}
.v35{
   min-height: 38vh;
   height: auto;
   max-height:120vh;
   background-color: #FFA700;
}
.vauta{
  height: auto;
  padding-bottom: 50px;
  background: whitesmoke;
}

.cnegros{
  background-color: rgb(0, 0, 0);
}
.cblanca{
  background-color: rgb(255, 255, 255);
}
.camarilla{
  background-color: #FFA700;
}
.categorizacion{
  float: left;
  margin-left: 2%;
  width: 94vw;
  min-height: 90vh;
  height: 92vh;
  margin-top: 2%;

}
.galeria{
  position: absolute;
  z-index: 6;
  width: 100%;
  height: 100%;
  padding: 3%;
  background: #0143fb;
}
.faldanegra{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  min-width: 40%;
  height: 20vh;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(9,9,121,1) 48%, rgba(0,0,0,0) 100%);
  z-index: 3;
}
.loslogros{
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding-left: 5%;
  min-width: 40%;
  width: 100%;
  margin-left:0%;
  height: 18vh; 
  z-index: 8;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(9,9,121,1) 48%, rgba(0,0,0,0) 100%);

}
.logrox1{
 float: left;
  width: 14vw;
  height: 18vh;
  background:  url(../assets/inicial/cumple1.svg);
  background-size:  auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 10;
}

.logrox2{
  float: left;
  width: 16vw;
  height: 18vh;
  background:  url(../assets/inicial/cumple2.svg);
  background-size:  auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 10;
}
.logrox3{
  float: left;
  width: 22vw;
  height: 22vh;
  background:  url(../assets/inicial/cumple3.png);
  background-size:   100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 10;
}
.logrox4{
  float: left;
  width: 30vw;
  height: 18vh;
  background:  url(../assets/inicial/cumple4.png);
  background-size:  auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 10;
}
.centrada{
  float: left;
  margin-top: 5%;
  margin-left: 15%;
  width: 80vw;
  min-height: 80vh;

}
.centradax{
  float: left;
  margin-top: 5%;
  margin-left: 15%;
  width: 70vw;
  height: 80vh;
  object-fit: cover;

}
.tclases{
  float: left;
  width: 60%;
  min-height: 65vh;
  height: auto;
  background: #FFA700;
  margin-left: 2%;
  padding: 2%;
}
.tclases h3{
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #000000;
  font-size:calc(12px + 2.5vw);
  margin-top: 5%;
  text-align: left;
  margin-left: 10px !important;

}
.tclases p{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000000;
  font-size:calc(12px + 1.6vw);
  text-align: left;
  margin-left: 10px !important;
}

.tfotos{
  float: right;
  width:30%;
  min-width: 20vw;
  height: 65vh;
  margin-left: 3vw;       
 margin-right: 2vw;
}


.sizquierdo{
  float: left;
  width: 55%;
  min-height: 80vh;
  background: #FFA700;  
 padding: 2%;
  padding-top: 4%;
}

.sizquierdo p{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000000;
  font-size: 1.1em;
  text-align: center;
}
.sderecha{
  float: left;
  margin-left: 0px;
  width: 23vw;
  min-height: 80vh;
  background:  url(../assets/inicial/bienvenidostodos.jpg) ;
  background-size: auto 100%  ;
  background-repeat: no-repeat;
  background-position: center center;

}
.stexto{
  float: left;
  width: 11%;
  min-height: 80vh;
  background:  url(../assets/inicial/domina.svg);
  background-size: 90% auto ;
  background-repeat: no-repeat;
  background-position: center center;

}
.popups{
  display: none;
}
.mismaquinas{
  float: left;
  min-width: 10vw;
  width: 20vw;
  min-height: 30vh;
  height: 65vh;
  margin-bottom: 5vh;
  margin-left: 0%;
  overflow: hidden;
  cursor: pointer;
}

.mismaquinas:hover{
  transition: 3ms linear;
transform: scale(1.3);

}
.maquinavideox{
  position: fixed;
  top: 5vh;
  left: 0px;
  width: 100vw;
  height: 95vh;
  background: #000;
  z-index: 80;


}
.lamaqu1{
  background:  url(../assets/inicial/maq1.png);
  background-size:  100% auto; 
  background-repeat: no-repeat;
  background-position: center center;
}
.lamaqu2{
  background:  url(../assets/inicial/maq2.png);
  background-size:  100% auto; 
  background-repeat: no-repeat;
  background-position: center center;
}
.lamaqu3{
  background:  url(../assets/inicial/maq3.png);
  background-size:  100% auto; 
  background-repeat: no-repeat;
  background-position: center center;
}
.lamaqu4{
  background:  url(../assets/inicial/maq4.png);
  background-size:  100% auto; 
  background-repeat: no-repeat;
  background-position: center center;
}
.lassedes{
  float: left;
  width: 25vw;
  height: 33vh;
  background-color: #FFA700;
  margin-left: 6%;
  margin-top: 60px;
  cursor: pointer;
}
.ciudad1{
  background:  url(../assets/inicial/sedes/huancayo.jpg);
  background-size: 100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.ciudad2{
  background:  url(../assets/inicial/sedes/ciudad2.jpg);
  background-size: 100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.ciudad3{
  background:  url(../assets/inicial/sedes/ciudad3.jpg);
  background-size: 100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.ciudad4{
  background:  url(../assets/inicial/sedes/ciudad4.jpg);
  background-size: 100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.ciudad5{
  background:  url(../assets/inicial/sedes/ciudad5.jpg);
  background-size: 100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.ciudad6{
  background:  url(../assets/inicial/sedes/ciudad6.jpg);
  background-size: 100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.ciudad7{
  background:  url(../assets/inicial/sedes/ciudad7.jpg);
  background-size: 100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.ciudad8{
  background:  url(../assets/inicial/sedes/ciudad8.jpg);
  background-size: 100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.whasappea{
  position: fixed;
bottom: 20px;
right: 20px;
height:60px;
width: 0px;
background: black;
background:  url(../assets/inicial/sedes/whatssapp.png);
background-size: 100% auto ;
background-repeat: no-repeat;
background-position: center center;
z-index: 80;
cursor: pointer;
}
.whasappea:hover{
  transform: scale(0.9);
  transition: ease-in-out;
}
.textociudad{
position: absolute;
bottom: -20px;
left: 20%;
width: 60%;
height: auto;
background: rgb(0, 0, 0);
border: 1px #FFA700 solid;
z-index: 6;
padding: 3px;
}
.textociudad p{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-align: center;
  font-style: normal;
  color: #FFA700;
  font-size: 1.3em;
  margin-top: 2px;

}
.vermapa{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 0%;
  background: rgba(0,0,0,0.0);
  z-index: 2;
}
.vermapa p{
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  margin-top: 30%;
  opacity: 0;
  font-style: normal;
  color: #ffffff;
  font-size: 2em;
  text-align: center;
}


.lassedes:hover .vermapa{
  transition: ease-in 0.5s;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.65);
}
.lassedes:hover .vermapa p{ 
  transition: ease-in 0.5s;
opacity: 1;
}


.laubicacion{
  position: fixed;
  top: 5%;
  left: 5%;
  z-index: 8;
  width: 90vw;
  height: 80vh;
  display: none;
  background: rgba(0,0,0,0.90);
  padding:1%;
 
}
.elmapa{
  position: absolute;
  width: 74%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 9;
}
.asistenteciudad{
  position: absolute;
  width: 22%;
  height: 60%;
  background: yellow;
  bottom: 0px;
  right: 22px;
  z-index: 10;
}
.fotoalumno{
  position: absolute;
  width: 22%;
  height: 37%;
  background: #0143fb;
  top: 0px;
  right: 22px;
  z-index: 10;
}
.fotoc1a{
  background:  url(../assets/inicial/sedes/c1a.jpg);
  background-size:  100% auto  ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc1b{
  background:  url(../assets/inicial/sedes/c1b.jpg);
  background-size:  100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc2a{
  background:  url(../assets/inicial/sedes/c2a.jpg);
  background-size:  100% auto  ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc2b{
  background:  url(../assets/inicial/sedes/c2b.jpg);
  background-size:  100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc3a{
  background:  url(../assets/inicial/sedes/c3a.jpg);
  background-size:  100% auto  ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc3b{
  background:  url(../assets/inicial/sedes/c3b.jpg);
  background-size:  100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc4a{
  background:  url(../assets/inicial/sedes/c4a.jpg);
  background-size:  100% auto  ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc4b{
  background:  url(../assets/inicial/sedes/c4b.jpg);
  background-size:  100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc5a{
  background:  url(../assets/inicial/sedes/c5a.png);
  background-size:  100% auto  ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc5b{
  background:  url(../assets/inicial/sedes/c5b.jpg);
  background-size:  100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc6a{
  background:  url(../assets/inicial/sedes/c6a.png);
  background-size:  100% auto  ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc6b{
  background:  url(../assets/inicial/sedes/c6b.jpg);
  background-size:  100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc7a{
  background:  url(../assets/inicial/sedes/c7a.png);
  background-size:  100% auto  ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc7b{
  background:  url(../assets/inicial/sedes/c7b.jpg);
  background-size:  100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc8a{
  background:  url(../assets/inicial/sedes/c8a.jpg);
  background-size:  100% auto  ;
  background-repeat: no-repeat;
  background-position: center center;
}
.fotoc8b{
  background:  url(../assets/inicial/sedes/c8b.jpg);
  background-size:  100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}
.mnombreciudad{
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 400px;
  height: 100px;
  z-index: 12; 
  background: #000; 
  padding-top: 20px;
  padding-left: 20px;
  border-radius: 20px 0 20px 0;

}
.mnombreciudad h4{
  color: #FFA700 ;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 1.3em;
  line-height: 10px;
}
.mnombreciudad h3{
  color: #fff;
  line-height: 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 1.6em;
}
.btncerrar{
  position: absolute;
  top: 0px;
  right: -40px;
  width: 45px;
  height: 45px;
  z-index: 80;
  border-radius: 10px;
  text-align: center;
  color: white;
  font-size: 1em;
  padding-top: 10px;
  background: red;
  cursor: pointer;
}
.btncerrar:hover{
  transform: scale(0.8);
  transition: ease-out;
} 


.logotipo{
  position: absolute;
  z-index: 6;
  top: 0px;
  left: 30px; 
  width: 18vw;
  height: 120px;
  background:  url(../assets/logos/logotipo.png);
  background-size:  auto 90%;
  background-repeat: no-repeat;
  background-position: center center;
}
.adorno{
  position: absolute;
  z-index: 3;
  top: 0px;
  right: 0px;
  width: 30vw;
  height: 100%;
  background:  url(../assets/inicial/mecano.svg);
  background-size:  auto  cover ;
  background-repeat: no-repeat;
  background-position: center right;
}


.validad1{
  position: absolute;
  z-index: 6;
  top: 30vh;
  right: 0px;
  width: 17vw;
  height: 120px;
  background:  url(../assets/inicial/cumple3.png);
  background-size: 100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}

.validad2{
  position: absolute;
  z-index: 6;
  top: 55vh;
  right: 0px;
  width:17vw;
  height: 150px;
  background:  url(../assets/inicial/cumple4.png);
  background-size: 100% auto ;
  background-repeat: no-repeat;
  background-position: center center;
}

.cerrito{
float: left;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
}
    .cover{     
        background:  url(../assets/fondos/login.jpg)#00127f;
        background-size:  100% auto;
        background-repeat: no-repeat;
        background-position: center center;
     }
    .covermenu{
        background:  url(../assets/fondos/menubarra.png) #00127f;
        background-size:  100% auto;
        background-repeat: no-repeat;
        background-position: bottom center;
    }
      
    .contenedorasuperior{
      background:  url(../assets/fondos/inicial.jpg) #CDD8DC;
      background-size: 100% auto ;
      background-repeat: no-repeat;
      background-position:center center;     
      float: left;
      width: 100%;
      height: 100vh;
      overflow: auto;
      margin: 0 auto;
      scrollbar-width: none;
  }



  .mislidevideo2{
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px; 
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    object-fit: cover !important;
    

  }
  .misslides{
    float: left;
    width: 100%;
    height: 100%;    
    
  }
  .textomotivo{
    float: left;
    margin-top: 20%;
    min-height: 30%;
    width: 40vw;
    height: 60%;
    /*
    background: rgba(0,0,0,0.4);
    */
  }
  .motivo1{
    background:  url(../assets/inicial/sedes/estudia.png);
    min-width: 10vw;
    background-size:  90% auto ;
    background-repeat: no-repeat;
    background-position: center center;
    
  }

  .motivo2{
    background:  url(../assets/inicial/sedes/estudia1.png);
    background-size:  90% auto ;
    background-repeat: no-repeat;
    background-position: center center;
    
  }
  .motivo3{
    background:  url(../assets/inicial/sedes/estudia2.png);
    background-size:  90% auto ;
    background-repeat: no-repeat;
    background-position: center center;
    
  }
  .motivo4{
    background:  url(../assets/inicial/sedes/estudia3.png);
    background-size:  90% auto ;
    background-repeat: no-repeat;
    background-position: center center;
    
  }
  .slidesa1{
    background-image: url(../assets/inicial/slide/1.jpg);
    background-repeat: no-repeat;
    background-size:  100% auto ;
    background-position: center center;

  }
  .slidesa2{
    background-image: url(../assets/inicial/slide/2.jpg);
    background-repeat: no-repeat;
    background-size:  100% auto ;
    background-position: center center;
  }
  .slidesa3{
    background-image: url(../assets/inicial/slide/3.jpg);
    background-repeat: no-repeat;
    background-size:  100% auto ;
    background-position: center center;
  }
  .slidesa4{
    background-image: url(../assets/inicial/slide/4.jpg);
    background-repeat: no-repeat;
    background-size:  100% auto ;
    background-position: center center;
  }

  .calidad1{
    background-image: url(../assets/inicial/calidad/calidad1.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto ;
    background-position: center top;
    object-fit: cover;
  }
  .calidad2{
    background-image: url(../assets/inicial/calidad/calidad2.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto ;
    background-position: center top;
    object-fit: cover;
  }
  .calidad3{
    background-image: url(../assets/inicial/calidad/calidad3.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto ;
    background-position: center top;
    object-fit: cover;
  }
  .calidad4{
    background-image: url(../assets/inicial/calidad/calidad4.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto ;
    background-position: center top;
    object-fit: cover;
  }

  .calidad5{
    background-image: url(../assets/inicial/calidad/calidad5.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto ;
    background-position: center top;
    object-fit: cover;
  }
  .calidad6{
    background-image: url(../assets/inicial/calidad/calidad6.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto ;
    background-position: center top;
    object-fit: cover;
  }
  .calidad7{
    background-image: url(../assets/inicial/calidad/calidad7.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto ;
    background-position: center top;
    object-fit: cover;
  }
 



  .mislidevideo3{
    position: absolute;
    z-index: 1;
    top: 0vh;
    left: 0px; 
    width: 100%;
    height: 90vh;

  }
  .mismeritos{
    float: left;
    width: 100%;
    height: 100%;    
    
    background-position: center center;
   
    
  }
 
  .v35  h3{
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
    color: #ffffff;
    font-size: 3em;
    margin-top: 2%;
    text-align: center;
    margin-bottom: 1%;
  }
  .v35  h4{
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
    color: #fff;
    font-size: 1.6em;
    margin-top: 0px;
    text-align: center !important;
  }
  .v35  p{
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #000000;
    font-size: 1.2em;
    text-align: justify;
    margin-left: 6%;
    margin-top: 8px;
  }
  .ladoan{
    float: left;
    width: 50%;
    height: auto;
    padding: 2%;
  }
  
  .ladoanx{
    float: left;
    width: 50%;
    height: auto;
    padding: 2%;
    
  }
  .exito1{
    background-image: url(../assets/inicial/certificados/certi1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito2{
    background-image: url(../assets/inicial/certificados/certi2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito3{
    background-image: url(../assets/inicial/certificados/certi3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito4{
    background-image: url(../assets/inicial/certificados/certi4.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito5{
    background-image: url(../assets/inicial/certificados/certi5.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito6{
    background-image: url(../assets/inicial/certificados/certi6.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito7{
    background-image: url(../assets/inicial/certificados/certi7.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito8{
    background-image: url(../assets/inicial/certificados/certi8.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito9{
    background-image: url(../assets/inicial/certificados/certi9.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito10{
    background-image: url(../assets/inicial/certificados/certi10.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito11{
    background-image: url(../assets/inicial/certificados/certi11.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito12{
    background-image: url(../assets/inicial/certificados/certi12.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito13{
    background-image: url(../assets/inicial/certificados/certi13.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito14{
    background-image: url(../assets/inicial/certificados/certi14.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito15{
    background-image: url(../assets/inicial/certificados/certi15.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito16{
    background-image: url(../assets/inicial/certificados/certi16.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }

  .exito17{
    background-image: url(../assets/inicial/certificados/certi17.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito18{
    background-image: url(../assets/inicial/certificados/certi18.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito19{
    background-image: url(../assets/inicial/certificados/certi19.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito20{
    background-image: url(../assets/inicial/certificados/certi20.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito21{
    background-image: url(../assets/inicial/certificados/certi21.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito22{
    background-image: url(../assets/inicial/certificados/certi22.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito23{
    background-image: url(../assets/inicial/certificados/certi23.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito24{
    background-image: url(../assets/inicial/certificados/certi24.jpg);
    background-repeat: no-repeat;
    background-position: center center;
     background-size: 100% auto;
   }
  .exito25{
    background-image: url(../assets/inicial/certificados/certi25.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  .exito26{
    background-image: url(../assets/inicial/certificados/certi26.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }

    /*menux*/
    .menubtn{
        position: absolute;
        top: 20px;
        left: 20px;
        width: 60px;
        height: 60px; 
        background:  url(../assets/botons/rts_boton_menu.svg);
        padding: 2px;
        cursor: pointer;
        background-size:  100% auto;
        background-position: center center;
        background-repeat: no-repeat;  
        z-index:120;
    }
    .menubtn:hover{
      transform: scale(0.85);
      transition: 1ms linear;
    }
  

    .mamenu{
      position: absolute;
      top: 10vh;
      left: -100px;
      width: 100px;
      height: 85vh; 
      z-index: 90;
      background:  #FFA700;
      background-size:  auto 100% ;  
      background-repeat: no-repeat;
      background-position: top center;
      padding-top: 60px;
      border-radius: 30px 30px 30px 30px;
    }
    
    .mamenu .cajax{
      float: left;
      width: 80%;
      height: 80px;
      margin-left: 10%;
      border-radius: 10px;
      margin-top: 15%;
      background: #0e0a04d1;  
      cursor: pointer;
      padding: 8px;
    }
    .mamenu .cajax:hover{
        transition: 0.5s linear;
        background: #0143fb;
        
      }
    .bbtn1{  
        float: left;
        width: 100%;
        height: 100%;  
        background:  url(../assets/botons/rbtbserv1.svg);
        background-size:  auto 100%;
        background-repeat: no-repeat;
        background-position:center center;
    }
    .bbtn2{  
        float: left;
        width: 100%;
        height: 100%;  
        background:  url(../assets/botons/rbtbserv2.svg);
        background-size:  auto 100%;
        background-repeat: no-repeat;
        background-position:center center;
    }
    
    .bbtn3{  
        float: left;
        width: 100%;
        height: 100%;  
        background:  url(../assets/botons/rbtbserv3.svg);
        background-size:  auto 100%;
        background-repeat: no-repeat;
        background-position:center center;
    }
    
    .bbtn4{  
        float: left;
        width: 100%;
        height: 100%;  
        background:  url(../assets/botons/rbtbserv4.svg);
        background-size:  auto 100%;
        background-repeat: no-repeat;
        background-position:center center;
    }
    
    .bbtn5{  
        float: left;
        width: 100%;
        height: 100%;  
        background:  url(../assets/botons/rbtbserv5.svg);
        background-size:  auto 100%;
        background-repeat: no-repeat;
        background-position:center center;
    }
    
    .bbtn6{  
        float: left;
        width: 100%;
        height: 100%;  
        background:  url(../assets/botons/rbtbserv6.svg);
        background-size:  auto 100%;
        background-repeat: no-repeat;
        background-position:center center;
    }
    
    .bbtn7{  
        float: left;
        width: 100%;
        height: 100%;  
        background:  url(../assets/botons/rbtbserv7.svg);
        background-size:  auto 100%;
        background-repeat: no-repeat;
        background-position:center center;
    }
    
/*login*/
    .lelogin{
        position: absolute;
        z-index: 90;
        right: 20px;
        top: 20px;
        width: 240px;
        height: 40px;   
    }
    .lelogin .lafoto{
        position: absolute;
        width: 40px;
        height: 40px;
        right: 0px;
        top: 0px;
        z-index: 92;
        border-radius: 50%;
        background:  url(../assets/logos/rtslogox.png) white;
        padding: 2px;
        cursor: pointer;
        background-size:  90% auto;
        background-position: center center;
        background-repeat: no-repeat;  
    }
  
    .lelogin .btnsalir{
      position: absolute;
      width: 25px;
      height: 25px;
      top: 8px;
      left: 16px;
      border-radius: 50%;
      background:  url(../assets/botons/rbtnsalir.svg) whitesmoke;
      background-size: 90% auto ;
      background-repeat: no-repeat;
      background-position:center center;
      padding: 0;
      z-index: 10;
      cursor: pointer;
  }
  .lelogin .btnsalir:hover{
      background:  url(../assets/botons/rbtnsalirover.svg);
      transform: 0.1s linear;
  }
  
    .lelogin .persona{
        position: absolute;
        width: 180px;
        height: 35px;
        right: 13px;
        top: 3px;
        z-index: 91;
        border-radius: 15px 0 0 15px;
        background: rgb(0, 0, 0);
        padding: 0;
    }
  
  
    
    .lelogin .persona h3 {
        margin-left: 20px;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: normal;
        margin-top: 12px;
        text-align: left;
        font-size: 0.85em;
        color: #02ff9e;
    }
/*menu principal */

.mainmenux{
position: absolute;
width: 80vw;
height: auto;
bottom: 10vh;
left: 10vw;
}
.boxmenux{
    float: left;
    width: 130px;
    height: 130px;
    margin: 20px;
    background: rgb(231, 184, 31);
    border: #000 solid 2px;
    border-radius: 10px;
    cursor: pointer;
    color: #000;
    padding-top:3%;
    text-align: center;
    font-size: 1.2em;
}
.boxmenux:hover{
  transition: 3ms linear;
  color: #02ff9e;
  background: rgb(0, 0, 0);
  
}
.ocultame{
  display: none;
}

.margin5{
        float: left;
        margin-left: 5%;
}
.margin10{
        float: left;
        margin-left: 10%;
}
.margin25{
        margin-left: 35%;
}

 .margintitulo{
        margin-top: 50px;
}

      .amarello{
        background: rgba(255,255,255,0.35);
        backdrop-filter: blur(3px);
        /*filter: blur(1px);*/
      }
      .leblack{
        background: rgba(0,0,0,0.35);  
        border: solid #0EC6BD 2px; 
      }

   

.fondocar1{
       background:  url(../assets/fondos/car1.jpg);
        background-size: 100% auto ;
        background-repeat: no-repeat;
        background-position:center center;
}
.fondochica{
  background:  url(../assets/fondos/car1.jpg);
   background-size: 100% auto ;
   background-repeat: no-repeat;
   background-position:center center;
}
.finicial{
  float: left;
  width: 100vw;
  height: 100vh;
  background:  url(../assets/fondos/inicial.jpg);
  background-size: 100% auto ;
  background-repeat: no-repeat;
  background-position:center center;
}


    .contenedora{
        float: left;
        overflow-y: auto;
        }


        .w60{
          margin-left: 4vw;
          margin-top: 12vh;
          width: 60vw;
          height: auto;
          padding-bottom:80px;
          padding-left: 2%;
          padding-right:2%;
         
      }
        .w55{
            margin-left: 20px;
            margin-top: 20px;
            width: 55vw;
            height: 96vh;
            padding-bottom: 20px;           
        }
        .w48{
          margin-left: 7vw;
          margin-top: 20px;
          width: 48vw;
          height: 96vh;             
          padding:  20px; 
      }

      .w42w{
        margin-left: 20px;
        margin-top: 12vh;
        width: 42vw;
        height: auto;
        padding-bottom:80px;
        padding-left: 2%;
        padding-right:2%;
       
    }
    .w36{
      margin-left: 20px;
      margin-top: 12vh;
      width: 34vw;
      height: auto;
      padding-bottom:80px;
      padding-left: 2%;
      padding-right:2%;
     
  }

        .w42{
            margin-left: 20px;
            margin-top: 20px;
            width: 42vw;
            height: 96vh;
            padding-bottom: 20px;
            padding-left: 2%;
            padding-right:2%;
           
        }
.titulos{
  float: left;
  width: 100%;
  height: auto;
}
        .titulos  h2{
          font-weight:600;
          font-style: 'SemiBold';
           text-align: left;
           margin-top: 15px !important;
           font-size: 1.5em;
           color: #000000;
     }
     .titulos h3{
      font-weight:600;
      font-style: 'SemiBold';
       text-align: left;
       margin-top: 15px !important;
       font-size: 2em;
       color: #000000;
       background: #02ff9e;
 }
    
     .subtitulos{
      float: left;
      font-weight:300;
      margin-top: 30px;
      font-style: 'SemiBold';
       text-align: left;
       font-size: 1.3em;
       color: #000;
       width: 100%;       
       line-height: 20px;
       padding-bottom: 5px;
   }
   .logointerfaz{
    float: right;
    width: 200px;
    height: 120px;
    background: black;
   }

   .estlineaformulariox{
    float: left;
    width: 100%;
    height: auto;
    margin-left: 0%;
    }

    .estlineaformulariox label {
      width: 100%;
      margin-bottom: 5px;
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      font-style: normal;
      text-align: center;
      font-size: 1.2em;
      color: #fff;
      }

     .estlineaformulariox  input[type=text] {
      width: 100%;
      box-sizing: border-box;
      border-radius: 5px;
      border: 1px #AAAAAA solid;
      color:#000;
      font-size: 0.95em !important; 
      text-align: left;       
      line-height:22px;
}


.estlineaformulariox .btn {        
  text-shadow: 0px -1px 0px #5b6178;
  background: rgb(0, 19, 190);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-decoration: none;
  border: #fff solid 1px;
  margin-left: 18%;
  margin-top: 15px;
  height: 35px;
  float: left;
  width: 60%;   
  color:#fff; 
  text-align: center; 
  cursor: pointer; 
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
}

.estlineaformulariox .btn:hover {
  background: linear-gradient(#019ad2, #33bdef);
  text-decoration: none;
  color:#ffffff;
}  


        .estlineaformulario{
            float: left;
            width: 95%;
            height: auto;
            }
            .estlineaformulariodoble{
                float: left;
                width: 45%;
                height: auto;
                margin-top: 0px;                
                }
      .estlineaformulariocuatro{
        float: left;
        width: 22%;
        height: auto;
        margin-top: 15px;
        margin-right: 2%; 
      }
          
      label {
                width: 100%;
                margin-bottom: 5px;
                font-family: "Poppins", sans-serif;
                font-weight: 400;
                font-style: normal;
                text-align: left;
                font-size: 0.8m;
                color: #000;
                }
          
           input[type=text] {
                width: 100%;
                box-sizing: border-box;
                border-radius: 5px;
                border: 1px #AAAAAA solid;
                color:#000;
                font-size: 0.95em !important; 
                text-align: left;       
                line-height:22px;
          }
  
       
           textarea {
           width: 100%;
           height: 150px;
           overflow-y: auto;
           box-sizing: border-box;
           font-size: 0.8em !important; 
           border-radius: 5px;
           border: 1px #AAAAAA solid;
           color:#000;
           text-align: left;
          }
        
         
           
       select {
         width: 100% !important;
        font-size: 0.9em;
        height: 24px !important;
        text-align: center;
        border: 1px #AAAAAA solid;
          box-sizing: border-box;
         border-radius: 5px;
         font-family: 'arial';
        text-align: center;
        background: #fff;
         color:#000;
        }
        
        
          input[type=date] {
            width: 100% !important;
            box-sizing: border-box;
            border-radius: 5px;
            background: #fff;
            border: 1px #AAAAAA solid;
            color:#000;
            text-align: center;
          }

          .btn {        
            text-shadow: 0px -1px 0px #5b6178;
            background: rgb(231, 184, 31);
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            text-decoration: none;
            margin-left: 18%;
            margin-top: 15px;
            height: 35px;
            float: left;
            width: 60%;   
            color:#000000; 
            text-align: center; 
            cursor: pointer; 
          }
        
        .btn:hover {
            background: linear-gradient(#019ad2, #33bdef);
            text-decoration: none;
            color:#ffffff;
          }  
        
          /* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1em ;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border: 1px solid #000;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}  
   
/*seccion administracion*/
.cabeceramach{
  float: left;
  width: 100%;
  height: auto;
}
.logocabeza{
  float: left;
  width: 100%;
  height: 130px;
  background:  url(../assets/logos/logotipo.png);
  background-size:  auto 90%;
  background-repeat: no-repeat;
  background-position:right center;
}
.titulocabeza{
  float: left;
  width: 100%;
  height: auto;
  padding-bottom: 10px;
}

.titulocabeza h2{
  font-weight:600;
  font-style: 'SemiBold';
   text-align: left;
   margin-top: 15px !important;
   font-size: 1.3em;
   color: #fff;
}
.titulocabeza h3{
font-weight:300;
font-style: 'SemiBold';
text-align: left;
margin-top: 10px !important;
font-size: 1em;
color: #02ff9e;
}
.titulocabezanegro{
  float: left;
  width: 100%;
  height: auto;
  padding-bottom: 5px;
}

.titulocabezanegro h2{
  font-weight:600;
  font-style: 'SemiBold';
   text-align: left;
   margin-top: 15px !important;
   font-size: 1.3em;
   color: #070707;
}
.titulocabezanegro h3{
font-weight:300;
font-style: 'SemiBold';
text-align: left;
margin-top: 10px !important;
font-size: 1em;
color: #0b0655;
}

table{
  background: #ddd;
  
}
.dt-paging{
  font-size: 0.8em;
  color: pink;
  
 }
 .dataTables_info{
  color: rgb(0, 255, 98);
  
 }
    .dt-info{
      font-size: 0.9em;
      color: rgb(0, 255, 98);
    }
  
   .dt-buttons{
      float: right;
    }
  .dt-search{
      font-size: 0.9em;
     margin-top: 5px;
     margin-bottom: 3px;    
  }
  .dt-search{
  color: white;
  }

  .elmensaje{
    border:2px solid #fff;
    border-radius: 10px;
    background: blue;
    padding-bottom: 10px;
    float: left;
  width: 70%;
  margin-top:2%;
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: 5px;
  font-size: 0.9em !important;
  line-height: 1em;
  color: #fff;
  }
  .elmensaje h3{
    color:#000;
    text-align: center !important;
    margin: 0px !important;
    font-size: 1em !important;
    line-height: 1em;
    
  }
  .lepie{
    float: left;
    width: 100%;
    height: 40vh;
    background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,74,255,1) 100%);

  }
  .pielogo{
    position: absolute;
   top: 20px;
   left:42%;
   width: 20vw;
   height: 200px;
   background:  url(../assets/logos/logotipo.png);
    background-size:  90% auto ;
    background-repeat: no-repeat;
    background-position:  center center;
    z-index: 8;
  }
  .numeros{
    position: absolute;
    top: 50px;
    left: 10px;
    width: 440px;
    height: 80px;
    z-index: 4;   
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    text-align: left;
    margin-left: 50px;
    font-style: normal;
    color: #FFA700;
    font-size: 1.3em;
  }

  .lasredes{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30vw;
   min-height: 120px;
   height: auto;
    padding-left: 2%;
    z-index: 4;
  } 
  .redex{
    float: left;
    width: 50px;
    height: 0px;
    margin-left: 5%;
    border-radius: 5px;
    cursor: pointer;
    background: #fff;
    border-radius: 10px;
  }
  .redex:hover{
    transform: scale(1.20);
  }
  .margin8{
    margin-left: 100px;
  }
  .flotandox{
    position: relative;
    width: 100%;
    height: 100%;
  }

  .icontelefono{
    background-image: url(../assets/botoneria/telefono.svg);
    background-repeat: no-repeat;
    background-size:   auto 80% ;
    background-position: center center;
    }
  .icontelefono:hover{
    background-image: url(../assets/botoneria/telefonoh.svg);
    }
  .iconlugar{
      background-image: url(../assets/botoneria/lugar.svg);
      background-repeat: no-repeat;
      background-size:   auto 80% ;
      background-position: center center;
      }
  .iconlugar:hover{
          background-image: url(../assets/botoneria/lugarh.svg);
    }
  .iconcorreo{
      background-image: url(../assets/botoneria/correo.svg);
      background-repeat: no-repeat;
      background-size:   auto 80% ;
      background-position: center center;
      }
  .iconcorreo:hover{
          background-image: url(../assets/botoneria/correoh.svg);
        }
  .iconlinkedin{
      background-image: url(../assets/botoneria/linkedin.svg);
      background-repeat: no-repeat;
      background-size:   auto 80% ;
      background-position: center center;
      }
  .iconlinkedin:hover{
          background-image: url(../assets/botoneria/linkedinh.svg);
    }
  .iconweb{
      background-image: url(../assets/botoneria/web.svg);
      background-repeat: no-repeat;
      background-size:   auto 80% ;
      background-position: center center;
     }
  .iconweb:hover{
         background-image: url(../assets/botoneria/webh.svg);
     }
  .iconface{
      background-image: url(../assets/botoneria/facebook.svg);
      background-repeat: no-repeat;
      background-size:   auto 80% ;
      background-position: center center;
    }
    .iconface:hover{
        background-image: url(../assets/botoneria/facebookh.svg);
      }
     
}       
@media (min-width: 320px) and (max-width: 720px) {
     
      html{
        background: #000;
      }
      ::-webkit-scrollbar {
        display: none;
    }
    .contenedorax{
      float: left;
      width: 100%;
      min-height: 70vh;
      height: auto;
      padding-bottom: 5vh;
      overflow: hidden;
    }
    .contenedorax h1{
      
        font-family: "Poppins", sans-serif;
        font-weight: 800;
        font-style: normal;
        color: #FFA700;
        font-size: 2em;
        text-align: center;
     }
     .contenedorax h2{
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      font-style: normal;
      color: #FFA700;
      font-size: 2em;
      text-align: center;
     }
     .contenedorax h3{
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        text-align: left;
        margin-left: 50px;
        font-style: normal;    
        color: #FFA700;
        font-size: 2em;
      }
     
    .contenedorasl{
      float: left;
      width: 100vw;
      height: 100vh;
    }
    .wslides{
      
      height: 100vh;
    }
    .v100{
      min-height: 100vh;
      height: auto;
    
    }
    .v90{
      min-height: 90vh;
      height: auto;
      width: 100vw;
    }
    .v70{
      height: 70vh;
      width: 100vw;
    }
    .v50{
      
      height: 50vh;
    }
    .v35{
      margin-top: 5vh;
      min-height: 30vh !important;
       max-height:auto;
       background-color: #FFA700;
       padding-bottom: 2vh;
    }
    .vauta{
      height: auto;
      padding-bottom: 50px;
      background: whitesmoke;
    }
    
    .cnegros{
      background-color: rgb(0, 0, 0);
    }
    .cblanca{
      background-color: rgb(255, 255, 255);
    }
    .camarilla{
      background-color: #FFA700;
    }
    .categorizacion{
      float: left;
      margin-left: 2%;
      width: 96vw;
      height: 90vh;
      margin-top:2%;
    }
    .galeria{
      position: absolute;
      z-index: 6;
      width: 100%;
      height: 100%;
      padding: 3%;
      background: #0143fb;
    }
    
    .centrada{
      float: left;
      margin-top: 5%;
      margin-left: 10%;
      width: 80vw;
      min-height: 80vh;
    
    }
    .centradax{
      float: left;
      margin-top: 5%;
      margin-left: 15%;
      width: 70vw;
      height: 80vh;
    
    }
    .tclases{
      float: left;
      width: 70%;
      height: auto;
      padding-bottom: 5vh;
      background: #FFA700;
      margin-left: 15%;
      padding-top: 50px;
    }
    .tclases h3{
      font-family: "Poppins", sans-serif;
      font-weight: 800;
      font-style: normal;
      color: #000000;
      font-size: 2em;
      margin-top: 2%;
      margin-left: 0px !important;
      text-align: center !important;
    }
    .tclases p{
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      font-style: normal;
      color: #000000;
      font-size: 1.6em;
      text-align: center;
      margin-left: 6%;
    }
    
    .tfotos{
      margin-top: 0px;
      float: left;
      width:70%;
      height: 55vh;
      margin-left: 15%;
    }
    
    
    
    .sizquierdo{
      float: left;
      width: 100%;
      height: auto;
      background: #FFA700;
      padding: 2%;
    }
    
    .sizquierdo p{
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      font-style: normal;
      color: #000000;
      font-size: 0.9em;
      text-align: center;
    }
    .sderecha{
      float: left;
      width: 70%;
      height: 40vh;
      background: red;
      background:  url(../assets/inicial/bienvenidostodos.jpg);
      background-size: 100% auto   ;
      background-repeat: no-repeat;
      background-position: center center;
    
    }
    .stexto{
      float: left;
      margin-left: 0%;
      width: 30%;
      height: 40vh;
      background:  url(../assets/inicial/domina.svg);
      background-size:   auto 100% ;
      background-repeat: no-repeat;
      background-position: top center;
    
    }
    
    .mismaquinas{
      float: left;
      width: 60vw;
      height: 50vh;
      margin-left: 20%;
      background: red;
      cursor: pointer;
      
    }
    
    .mismaquinas:hover{
      transition: 3ms linear;
    transform: scale(1.1);
    
    }
    .popups{
      display: none;
    }
    .maquinavideox{
      position: fixed;
      top: 5vh;
      left: 0px;
      width: 100vw;
      height: 95vh;
      background: #000;
      z-index: 80; 
    }
    .lamaqu1{
      background:  url(../assets/inicial/maq1.png);
      background-size:   100% auto;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .lamaqu2{
      background:  url(../assets/inicial/maq2.png);
      background-size:   100% auto;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .lamaqu3{
      background:  url(../assets/inicial/maq3.png);
      background-size:   100% auto;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .lamaqu4{
      background:  url(../assets/inicial/maq4.png);
      background-size:   100% auto;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .lassedes{
      float: left;
      width: 70vw;
      height: 30vh;
      background-color: #FFA700;
      margin-left: 15%;
      margin-top: 30px;
      cursor: pointer;
    }
    .ciudad1{
      background:  url(../assets/inicial/sedes/huancayo.jpg);
      background-size: 100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .ciudad2{
      background:  url(../assets/inicial/sedes/ciudad2.jpg);
      background-size: 100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .ciudad3{
      background:  url(../assets/inicial/sedes/ciudad3.jpg);
      background-size: 100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .ciudad4{
      background:  url(../assets/inicial/sedes/ciudad4.jpg);
      background-size: 100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .ciudad5{
      background:  url(../assets/inicial/sedes/ciudad5.jpg);
      background-size: 100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .ciudad6{
      background:  url(../assets/inicial/sedes/ciudad6.jpg);
      background-size: 100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .ciudad7{
      background:  url(../assets/inicial/sedes/ciudad7.jpg);
      background-size: 100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .ciudad8{
      background:  url(../assets/inicial/sedes/ciudad8.jpg);
      background-size: 100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .whasappea{
      position: fixed;
    bottom: 5vh;
    right: 20px;
    height:60px;
    width: 60px;
    background: black;
    background:  url(../assets/inicial/sedes/whatssapp.png);
    background-size: 100% auto ;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 80;
    cursor: pointer;
    }
    .whasappea:hover{
      transform: scale(0.9);
      transition: ease-in-out;
    }
    .textociudad{
    position: absolute;
    bottom: -20px;
    left: 25%;
    width: 50%;
    height: auto;
    padding-top: 8px;
    background: black;
    border: 1px #FFA700 solid;
    z-index: 6;
    }
    .textociudad p{
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      text-align: center;
      font-style: normal;
      color: #FFA700;
      font-size: 1em;
    
    }
    .vermapa{
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 0%;
      background: rgba(0,0,0,0.0);
      z-index: 2;
    }
    .vermapa p{
      font-family: "Poppins", sans-serif;
      font-weight: 300;
      margin-top: 30%;
      opacity: 0;
      font-style: normal;
      color: #ffffff;
      font-size: 2em;
      text-align: center;
    }
    
    
    .lassedes:hover .vermapa{
      transition: ease-in 0.5s;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.65);
    }
    .lassedes:hover .vermapa p{ 
      transition: ease-in 0.5s;
    opacity: 1;
    }
    
    
    .laubicacion{
      position: fixed;
      top: 5%;
      left: 2%;
      z-index: 8;
      width: 96vw;
      height: 90vh;
      border-radius: 10px;
      display: none;
      background: rgba(0,0,0,0.90);
      padding:1%;
     
    }
    .elmapa{
      position: absolute;
      width: 100%;
      height: 50%;
      bottom: 15vh;
      left: 0px;
      z-index: 9;
    }
    .asistenteciudad{
      position: absolute;
      width: 40%;
      height: 30%;
      background: yellow;
      top: 0px;
      right: 5px;
      z-index: 10;
      overflow: hidden;
    
    }
    .fotoalumno{
      position: absolute;
      width: 50vw;
      height: 30%;
      top: 0px;
      left: 5px;
      z-index: 10;
      overflow: hidden;
    }
    .fotoc1a{
      background:  url(../assets/inicial/sedes/c1a.jpg);
      background-size:  100% auto  ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc1b{
      background:  url(../assets/inicial/sedes/c1b.jpg);
      background-size:  100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc2a{
      background:  url(../assets/inicial/sedes/c2a.jpg);
      background-size:  100% auto  ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc2b{
      background:  url(../assets/inicial/sedes/c2b.jpg);
      background-size:  100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc3a{
      background:  url(../assets/inicial/sedes/c3a.jpg);
      background-size:  100% auto  ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc3b{
      background:  url(../assets/inicial/sedes/c3b.jpg);
      background-size:  100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc4a{
      background:  url(../assets/inicial/sedes/c4a.jpg);
      background-size:  100% auto  ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc4b{
      background:  url(../assets/inicial/sedes/c4b.jpg);
      background-size:  100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc5a{
      background:  url(../assets/inicial/sedes/c5a.png);
      background-size:  100% auto  ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc5b{
      background:  url(../assets/inicial/sedes/c5b.jpg);
      background-size:  100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc6a{
      background:  url(../assets/inicial/sedes/c6a.png);
      background-size:  100% auto  ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc6b{
      background:  url(../assets/inicial/sedes/c6b.jpg);
      background-size:  100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc7a{
      background:  url(../assets/inicial/sedes/c7a.png);
      background-size:  100% auto  ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc7b{
      background:  url(../assets/inicial/sedes/c7b.jpg);
      background-size:  100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc8a{
      background:  url(../assets/inicial/sedes/c8a.jpg);
      background-size:  100% auto  ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .fotoc8b{
      background:  url(../assets/inicial/sedes/c8b.jpg);
      background-size:  100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .mnombreciudad{
      position: absolute;
      bottom: 20px;
      left: 20px;
      width: 400px;
      height: 80px;
      z-index: 12; 
      background: #000; 
      padding-top: 20px;
      padding-left: 20px;
      border-radius: 20px 0 20px 0;
    
    }
    .mnombreciudad h4{
      color: #FFA700 ;
      font-family: "Poppins", sans-serif;
      font-weight: 300;
      font-size: 1.2em;
      line-height: 10px;
    }
    .mnombreciudad h3{
      color: #fff;
      line-height: 10px;
      font-family: "Poppins", sans-serif;
      font-weight: 300;
      font-size: 1.4em;
    }
    .btncerrar{
      position: absolute;
      top: -20px;
      right: 40%;
      width: 40px;
      height: 40px;
      z-index: 80;
      border-radius: 10px;
      text-align: center;
      color: white;
      font-size: 1em;
      padding-top: 10px;
      background: red;
      cursor: pointer;
    }
    .btncerrar:hover{
      transform: scale(0.8);
      transition: ease-out;
    } 
    
    
    .logotipo{
      position: absolute;
      z-index: 6;
      top: 10px;
      left: 20vw; 
      width: 60vw;
      height: 15vh;     
      background:  url(../assets/logos/logotipo.png); 
      background-size:  auto 100% ;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .adorno{
      position: absolute;
      z-index: 3;
      bottom: 5%;
      right: 0px;
      width: 45vw;
      height: 60%;
      background:  url(../assets/inicial/mecano.svg);
      background-size:   auto 100%;
      background-repeat: no-repeat;
      background-position: left center;
    }
    
    
    .validad1{
      position: absolute;
      z-index: 6;
      top: 50vh;
      right: 0px;
      width: 45vw;
      height: 15vh;
      background: purple;    
      background:  url(../assets/inicial/cumple3.png);
      background-size:   100% auto;
      background-repeat: no-repeat;
      background-position: center center;
    }
    
    .validad2{
      position: absolute;
      z-index: 6;
      top: 62vh;
      right: 0px;
      width:45vw;
      height: 15vh;
      background:  url(../assets/inicial/cumple4.png);
      background-size:   100% auto;
      background-repeat: no-repeat;
      background-position: center center;
    }
    
    .cerrito{
    float: left;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.6);
    }
        .cover{     
            background:  url(../assets/fondos/login.jpg)#00127f;
            background-size:  100% auto;
            background-repeat: no-repeat;
            background-position: center center;
         }
        .covermenu{
            background:  url(../assets/fondos/menubarra.png) #00127f;
            background-size:  100% auto;
            background-repeat: no-repeat;
            background-position: bottom center;
        }
          
        .contenedorasuperior{
          background:  url(../assets/fondos/inicial.jpg) #CDD8DC;
          background-size: 100% auto ;
          background-repeat: no-repeat;
          background-position:center center;     
          float: left;
          width: 100%;
          height: 100vh;
          overflow: auto;
          margin: 0 auto;
          scrollbar-width: none;
      }
    
    
    
      .mislidevideo2{
        position: absolute;
        z-index: 2;
        top: 0px;
        left: 0px; 
        width: 100%;
        height: 100vh;
        background: #000;
    
      }
      .misslides{
        float: left;
        width: 100%;
        height: 100%;
        background-position: center center;
       overflow: hi;
        
      }
      .textomotivo{
        position: absolute;
        bottom: 0px;
        left: 00px;
        width: 60vw;
        height: 35%;
        background-size:auto  100% ;
      
      }
      .motivo1{
        background:  url(../assets/inicial/sedes/estudia.png);
        background-size: 120% auto  ;
        background-repeat: no-repeat;
        background-position: center center;
        
      }
    
      .motivo2{
        background:  url(../assets/inicial/sedes/estudia1.png);
        background-size: 120% auto  ;
        background-repeat: no-repeat;
        background-position: center center;
        
      }
      .motivo3{
        background:  url(../assets/inicial/sedes/estudia2.png);
        background-size: 120% auto  ;
        background-repeat: no-repeat;
        background-position: center center;
        
      }
      .motivo4{
        background:  url(../assets/inicial/sedes/estudia3.png);
        background-size: 120% auto  ;
        background-repeat: no-repeat;
        background-position: center center;
        
      }
      .slidesa1{
        background-image: url(../assets/inicial/slide/1m.jpg);
        background-repeat: no-repeat;
        background-size: auto cover ;
      }
      .slidesa2{
        background-image: url(../assets/inicial/slide/2m.jpg);
        background-repeat: no-repeat;
        background-size: auto cover ;
      }
      .slidesa3{
        background-image: url(../assets/inicial/slide/3m.jpg);
        background-repeat: no-repeat;
        background-size: auto 100% ;
      }
      .slidesa4{
        background-image: url(../assets/inicial/slide/4m.jpg);
        background-repeat: no-repeat;
        background-size: auto 100% ;
      }
    
      .calidad1{
        background-image: url(../assets/inicial/calidad/calidad1.jpg);
        background-repeat: no-repeat;
        background-size: 100% auto ;
        background-position: center top;
      }
      .calidad2{
        background-image: url(../assets/inicial/calidad/calidad2.jpg);
        background-repeat: no-repeat;
        background-size: 100% auto ;
        background-position: center top;
      }
      .calidad3{
        background-image: url(../assets/inicial/calidad/calidad3.jpg);
        background-repeat: no-repeat;
        background-size: 100% auto ;
        background-position: center center;
      }
      .calidad4{
        background-image: url(../assets/inicial/calidad/calidad4.jpg);
        background-repeat: no-repeat;
        background-size: 100% auto ;
        background-position: center center;
      }
    
      .calidad5{
        background-image: url(../assets/inicial/calidad/calidad5.jpg);
        background-repeat: no-repeat;
        background-size: 100% auto ;
        background-position: center center;
      }
      .calidad6{
        background-image: url(../assets/inicial/calidad/calidad6.jpg);
        background-repeat: no-repeat;
        background-size: 100% auto ;
        background-position: center center;
      }
      .calidad7{
        background-image: url(../assets/inicial/calidad/calidad7.jpg);
        background-repeat: no-repeat;
        background-size: 100% auto ;
        background-position: center center;
      }
    
    
      .mislidevideo3{
        position: absolute;
        z-index: 1;
        top: 8vh;
        left: 0px; 
        width: 100%;
        min-height: 40vh;
        max-height: 30vh;
        overflow: hidden;
    
      }
  
      .loslogros{
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding-left: 5%;
        min-width: 40%;
        width: 100%;
        margin-left:0%;
        height: auto; 
        z-index: 8;
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(9,9,121,1) 48%, rgba(0,0,0,0) 100%);
      
      }


      .logrox1{
        float: left;
         width: 40%;
         margin-left: 5%;
         height: 12vh;
         background:  url(../assets/inicial/cumple1.svg);
         background-size:  auto 100%;
         background-repeat: no-repeat;
         background-position: center center;
         z-index: 10;
       }
       
       .logrox2{
        float: left;
        width: 40%;
        margin-left: 10%;
         height: 12vh;
         background:  url(../assets/inicial/cumple2.svg);
         background-size:  auto 100%;
         background-repeat: no-repeat;
         background-position: center center;
         z-index: 10;
       }
       .logrox3{
         float: left;
         width: 70%;
         height: 15vh;
         margin-left: 15%;
         background:  url(../assets/inicial/cumple3.png);
         background-size:   100% auto ;
         background-repeat: no-repeat;
         background-position: center center;
         z-index: 10;
       }
       .logrox4{
        float: left;
        width: 70%;
        height: 15vh;
        margin-left: 15%;
         background:  url(../assets/inicial/cumple4.png);
         background-size:  auto 100%;
         background-repeat: no-repeat;
         background-position: center center;
         z-index: 10;
       }
 
 

/*
.faldanegra{
      position: absolute;
      bottom: -3px;
      left: 0px;
      width: 100%;
      height: 25vh;
      background: rgb(0,0,0);
      background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(9,9,121,1) 48%, rgba(0,0,0,0) 100%);
      z-index: 3;
    }
    .logrox1{
      position: absolute;
      top: 5px;
      left: 5%;
      width: 40vw;
      height: 12vh;
      background:  url(../assets/inicial/cumple1.svg);
      background-size: auto 100%  ;
      background-repeat: no-repeat;
      background-position: center center;
      z-index: 10;
    }
    
    .logrox2{
      position: absolute;
      top: 5px;
      left: 50%;
      width: 40vw;
      height: 12vh;
      background:  url(../assets/inicial/cumple2.svg);
      background-size:  auto 100%;
      background-repeat: no-repeat;
      background-position: center center;
      z-index: 10;
    }
    .logrox3{
      position: absolute;
      bottom: 5px;
      left: 5%;
      width: 40vw;
      height: 12vh;
      background:  url(../assets/inicial/cumple3.png);
      background-size:  100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
      z-index: 10;
    }
    .logrox4{
      position: absolute;
      bottom: 5px;
      right: 5%;
      width: 40vw;
      height: 12vh;
      background:  url(../assets/inicial/cumple4.png);
      background-size:  100% auto ;
      background-repeat: no-repeat;
      background-position: center center;
      z-index: 10;
    }
      */


      .mismeritos{
        float: left;
        width: 100%;
        height: 100%;    
        background-position: center center;
       
        
      }
      .ladoan{
        float: left;
        width: 90%;
        margin-top: 5%;
        height: auto;
        padding: 2%;
      }
      .ladoanx{
        float: left;
        width: 90%;
        margin-top: 5%;
        min-height: 40vh;
        height: auto;
        padding: 2%;
        padding-bottom: 15vh;
      }

      .v35  h3{
        font-family: "Poppins", sans-serif;
        font-weight: 800;
        font-style: normal;
        color: #ffffff;
        font-size: 1.6em;
        margin-top: 6%;
        margin-left: 0px !important;
        text-align: center !important;   
        margin-bottom: 1%;
      }
      .v35  h4{
        font-family: "Poppins", sans-serif;
        font-weight: 800;
        font-style: normal;
        color: #fff;
        font-size: 1.1em;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0 !important;
        text-align: center !important;
      }
      .v35  p{
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #000000;
        font-size: 0.9em;
        text-align: justify !important;  
        margin-left: 5%;
        margin-top: 8px;
      }
  

      .exito1{
        background-image: url(../assets/inicial/certificados/certi1.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito2{
        background-image: url(../assets/inicial/certificados/certi2.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito3{
        background-image: url(../assets/inicial/certificados/certi3.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito4{
        background-image: url(../assets/inicial/certificados/certi4.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito5{
        background-image: url(../assets/inicial/certificados/certi5.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito6{
        background-image: url(../assets/inicial/certificados/certi6.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito7{
        background-image: url(../assets/inicial/certificados/certi7.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito8{
        background-image: url(../assets/inicial/certificados/certi8.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito9{
        background-image: url(../assets/inicial/certificados/certi9.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito10{
        background-image: url(../assets/inicial/certificados/certi10.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito11{
        background-image: url(../assets/inicial/certificados/certi11.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito12{
        background-image: url(../assets/inicial/certificados/certi12.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito13{
        background-image: url(../assets/inicial/certificados/certi13.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito14{
        background-image: url(../assets/inicial/certificados/certi14.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito15{
        background-image: url(../assets/inicial/certificados/certi15.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito16{
        background-image: url(../assets/inicial/certificados/certi16.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }

      .exito17{
        background-image: url(../assets/inicial/certificados/certi17.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito18{
        background-image: url(../assets/inicial/certificados/certi18.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito19{
        background-image: url(../assets/inicial/certificados/certi19.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito20{
        background-image: url(../assets/inicial/certificados/certi20.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito21{
        background-image: url(../assets/inicial/certificados/certi21.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito22{
        background-image: url(../assets/inicial/certificados/certi22.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito23{
        background-image: url(../assets/inicial/certificados/certi23.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito24{
        background-image: url(../assets/inicial/certificados/certi24.jpg);
        background-repeat: no-repeat;
        background-position: center center;
         background-size: auto 100% ;
       }
      .exito25{
        background-image: url(../assets/inicial/certificados/certi25.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
      .exito26{
        background-image: url(../assets/inicial/certificados/certi26.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100% ;
      }
        /*menux*/
        .menubtn{
            position: absolute;
            top: 20px;
            left: 20px;
            width: 60px;
            height: 60px; 
            background:  url(../assets/botons/rts_boton_menu.svg);
            padding: 2px;
            cursor: pointer;
            background-size:  100% auto;
            background-position: center center;
            background-repeat: no-repeat;  
            z-index:120;
        }
        .menubtn:hover{
          transform: scale(0.85);
          transition: 1ms linear;
        }
      
    
        .mamenu{
          position: absolute;
          top: 10vh;
          left: -100px;
          width: 100px;
          height: 85vh; 
          z-index: 90;
          background:  #FFA700;
          background-size:  auto 100% ;  
          background-repeat: no-repeat;
          background-position: top center;
          padding-top: 60px;
          border-radius: 30px 30px 30px 30px;
        }
        
        .mamenu .cajax{
          float: left;
          width: 80%;
          height: 80px;
          margin-left: 10%;
          border-radius: 10px;
          margin-top: 15%;
          background: #0e0a04d1;  
          cursor: pointer;
          padding: 8px;
        }
        .mamenu .cajax:hover{
            transition: 0.5s linear;
            background: #0143fb;
            
          }
        .bbtn1{  
            float: left;
            width: 100%;
            height: 100%;  
            background:  url(../assets/botons/rbtbserv1.svg);
            background-size:  auto 100%;
            background-repeat: no-repeat;
            background-position:center center;
        }
        .bbtn2{  
            float: left;
            width: 100%;
            height: 100%;  
            background:  url(../assets/botons/rbtbserv2.svg);
            background-size:  auto 100%;
            background-repeat: no-repeat;
            background-position:center center;
        }
        
        .bbtn3{  
            float: left;
            width: 100%;
            height: 100%;  
            background:  url(../assets/botons/rbtbserv3.svg);
            background-size:  auto 100%;
            background-repeat: no-repeat;
            background-position:center center;
        }
        
        .bbtn4{  
            float: left;
            width: 100%;
            height: 100%;  
            background:  url(../assets/botons/rbtbserv4.svg);
            background-size:  auto 100%;
            background-repeat: no-repeat;
            background-position:center center;
        }
        
        .bbtn5{  
            float: left;
            width: 100%;
            height: 100%;  
            background:  url(../assets/botons/rbtbserv5.svg);
            background-size:  auto 100%;
            background-repeat: no-repeat;
            background-position:center center;
        }
        
        .bbtn6{  
            float: left;
            width: 100%;
            height: 100%;  
            background:  url(../assets/botons/rbtbserv6.svg);
            background-size:  auto 100%;
            background-repeat: no-repeat;
            background-position:center center;
        }
        
        .bbtn7{  
            float: left;
            width: 100%;
            height: 100%;  
            background:  url(../assets/botons/rbtbserv7.svg);
            background-size:  auto 100%;
            background-repeat: no-repeat;
            background-position:center center;
        }
        
    /*login*/
        .lelogin{
            position: absolute;
            z-index: 90;
            right: 20px;
            top: 20px;
            width: 240px;
            height: 40px;   
        }
        .lelogin .lafoto{
            position: absolute;
            width: 40px;
            height: 40px;
            right: 0px;
            top: 0px;
            z-index: 92;
            border-radius: 50%;
            background:  url(../assets/logos/rtslogox.png) white;
            padding: 2px;
            cursor: pointer;
            background-size:  90% auto;
            background-position: center center;
            background-repeat: no-repeat;  
        }
      
        .lelogin .btnsalir{
          position: absolute;
          width: 25px;
          height: 25px;
          top: 8px;
          left: 16px;
          border-radius: 50%;
          background:  url(../assets/botons/rbtnsalir.svg) whitesmoke;
          background-size: 90% auto ;
          background-repeat: no-repeat;
          background-position:center center;
          padding: 0;
          z-index: 10;
          cursor: pointer;
      }
      .lelogin .btnsalir:hover{
          background:  url(../assets/botons/rbtnsalirover.svg);
          transform: 0.1s linear;
      }
      
        .lelogin .persona{
            position: absolute;
            width: 180px;
            height: 35px;
            right: 13px;
            top: 3px;
            z-index: 91;
            border-radius: 15px 0 0 15px;
            background: rgb(0, 0, 0);
            padding: 0;
        }
      
      
        
        .lelogin .persona h3 {
            margin-left: 20px;
            font-family: "Poppins", sans-serif;
            font-weight: 600;
            font-style: normal;
            margin-top: 12px;
            text-align: left;
            font-size: 0.85em;
            color: #02ff9e;
        }
    /*menu principal */
    
    .mainmenux{
    position: absolute;
    width: 80vw;
    height: auto;
    bottom: 10vh;
    left: 10vw;
    }
    .boxmenux{
        float: left;
        width: 130px;
        height: 130px;
        margin: 20px;
        background: rgb(231, 184, 31);
        border: #000 solid 2px;
        border-radius: 10px;
        cursor: pointer;
        color: #000;
        padding-top:3%;
        text-align: center;
        font-size: 1.2em;
    }
    .boxmenux:hover{
      transition: 3ms linear;
      color: #02ff9e;
      background: rgb(0, 0, 0);
      
    }
    .ocultame{
      display: none;
    }
    
    .margin5{
            float: left;
            margin-left: 5%;
    }
    .margin10{
            float: left;
            margin-left: 20%;
    }
    .margin25{
            margin-left: 35%;
    }
    
     .margintitulo{
            margin-top: 50px;
    }
    
          .amarello{
            background: rgba(255,255,255,0.35);
            backdrop-filter: blur(3px);
            /*filter: blur(1px);*/
          }
          .leblack{
            background: rgba(0,0,0,0.35);  
            border: solid #0EC6BD 2px; 
          }
    
          .flotando{
            position: relative;
            width: 100%;
            height: 100%;
        }
    
    .fondocar1{
           background:  url(../assets/fondos/car1.jpg);
            background-size: 100% auto ;
            background-repeat: no-repeat;
            background-position:center center;
    }
    .fondochica{
      background:  url(../assets/fondos/car1.jpg);
       background-size: 100% auto ;
       background-repeat: no-repeat;
       background-position:center center;
    }
    .finicial{
      float: left;
      width: 100vw;
      height: 100vh;
      background:  url(../assets/fondos/inicial.jpg);
      background-size: 100% auto ;
      background-repeat: no-repeat;
      background-position:center center;
    }
    
    
        .contenedora{
            float: left;
            overflow-y: auto;
            }
    
    
            .w60{
              margin-left: 4vw;
              margin-top: 12vh;
              width: 60vw;
              height: auto;
              padding-bottom:80px;
              padding-left: 2%;
              padding-right:2%;
             
          }
            .w55{
                margin-left: 20px;
                margin-top: 20px;
                width: 55vw;
                height: 96vh;
                padding-bottom: 20px;           
            }
            .w48{
              margin-left: 7vw;
              margin-top: 20px;
              width: 48vw;
              height: 96vh;             
              padding:  20px; 
          }
    
          .w42w{
            margin-left: 20px;
            margin-top: 12vh;
            width: 42vw;
            height: auto;
            padding-bottom:80px;
            padding-left: 2%;
            padding-right:2%;
           
        }
        .w36{
          margin-left: 20px;
          margin-top: 12vh;
          width: 34vw;
          height: auto;
          padding-bottom:80px;
          padding-left: 2%;
          padding-right:2%;
         
      }
    
            .w42{
                margin-left: 20px;
                margin-top: 20px;
                width: 42vw;
                height: 96vh;
                padding-bottom: 20px;
                padding-left: 2%;
                padding-right:2%;
               
            }
    .titulos{
      float: left;
      width: 100%;
      height: auto;
    }
            .titulos  h2{
              font-weight:600;
              font-style: 'SemiBold';
               text-align: left;
               margin-top: 15px !important;
               font-size: 1.5em;
               color: #000000;
         }
         .titulos h3{
          font-weight:600;
          font-style: 'SemiBold';
           text-align: left;
           margin-top: 15px !important;
           font-size: 2em;
           color: #000000;
           background: #02ff9e;
     }
        
         .subtitulos{
          float: left;
          font-weight:300;
          margin-top: 30px;
          font-style: 'SemiBold';
           text-align: left;
           font-size: 1.3em;
           color: #000;
           width: 100%;       
           line-height: 20px;
           padding-bottom: 5px;
       }
       .logointerfaz{
        float: right;
        width: 200px;
        height: 120px;
        background: black;
       }
    
       .estlineaformulariox{
        float: left;
        width: 100%;
        height: auto;
        margin-left: 0%;
        margin-right: 0%;
        }
    
        .estlineaformulariox label {
          width: 100%;
          margin-bottom: 5px;
          font-family: "Poppins", sans-serif;
          font-weight: 400;
          font-style: normal;
          text-align: center;
          font-size: 0.8em;
          margin-left: 0 !important;
          color: #000;
          }
    
         .estlineaformulariox  input[type=text] {
          width: 100%;
          box-sizing: border-box;
          border-radius: 5px;
          border: 1px #AAAAAA solid;
          color:#000;
          font-size: 0.8em; 
          text-align: center;       
          line-height:25px;
    }
    
    
    .estlineaformulariox .btn {        
      text-shadow: 0px -1px 0px #5b6178;
      background: rgb(0, 19, 190);
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      text-decoration: none;
      border: #fff solid 1px;
      margin-left: 10%;
      margin-top: 15px;
      height: 35px;
      float: left;
      width: 80%;   
      color:#fff; 
      text-align: center; 
      cursor: pointer; 
      font-family: "Poppins", sans-serif;
          font-weight: 400;
          font-style: normal;
          text-align: center;
    }
    
    .estlineaformulariox .btn:hover {
      background: linear-gradient(#019ad2, #33bdef);
      text-decoration: none;
      color:#ffffff;
    }  
    
    
            .estlineaformulario{
                float: left;
                width: 95%;
                height: auto;
                }
                .estlineaformulariodoble{
                    float: left;
                    width: 45%;
                    height: auto;
                    margin-top: 0px;                
                    }
          .estlineaformulariocuatro{
            float: left;
            width: 22%;
            height: auto;
            margin-top: 15px;
            margin-right: 2%; 
          }
              
          label {
                    width: 100%;
                    margin-bottom: 5px;
                    font-family: "Poppins", sans-serif;
                    font-weight: 400;
                    font-style: normal;
                    text-align: left;
                    font-size: 0.8m;
                    color: #000;
                    }
              
               input[type=text] {
                    width: 100%;
                    box-sizing: border-box;
                    border-radius: 5px;
                    border: 1px #AAAAAA solid;
                    color:#000;
                    font-size: 0.95em !important; 
                    text-align: left;       
                    line-height:22px;
              }
      
           
               textarea {
               width: 100%;
               height: 150px;
               overflow-y: auto;
               box-sizing: border-box;
               font-size: 0.8em !important; 
               border-radius: 5px;
               border: 1px #AAAAAA solid;
               color:#000;
               text-align: left;
              }
            
             
               
           select {
             width: 100% !important;
            font-size: 0.9em;
            height: 24px !important;
            text-align: center;
            border: 1px #AAAAAA solid;
              box-sizing: border-box;
             border-radius: 5px;
             font-family: 'arial';
            text-align: center;
            background: #fff;
             color:#000;
            }
            
            
              input[type=date] {
                width: 100% !important;
                box-sizing: border-box;
                border-radius: 5px;
                background: #fff;
                border: 1px #AAAAAA solid;
                color:#000;
                text-align: center;
              }
    
              .btn {        
                text-shadow: 0px -1px 0px #5b6178;
                background: rgb(231, 184, 31);
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px;
                text-decoration: none;
                margin-left: 18%;
                margin-top: 15px;
                height: 35px;
                float: left;
                width: 60%;   
                color:#000000; 
                text-align: center; 
                cursor: pointer; 
              }
            
            .btn:hover {
                background: linear-gradient(#019ad2, #33bdef);
                text-decoration: none;
                color:#ffffff;
              }  
            
              /* Customize the label (the container) */
    .container {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 1em ;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    
    /* Hide the browser's default checkbox */
    .container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }
    
    /* Create a custom checkbox */
    .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      width: 20px;
      background-color: #eee;
      border: 1px solid #000;
    }
    
    /* On mouse-over, add a grey background color */
    .container:hover input ~ .checkmark {
      background-color: #ccc;
    }
    
    /* When the checkbox is checked, add a blue background */
    .container input:checked ~ .checkmark {
      background-color: #2196F3;
    }
    
    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }
    
    /* Show the checkmark when checked */
    .container input:checked ~ .checkmark:after {
      display: block;
    }
    
    /* Style the checkmark/indicator */
    .container .checkmark:after {
      left: 9px;
      top: 5px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }  
       
    /*seccion administracion*/
    .cabeceramach{
      float: left;
      width: 100%;
      height: auto;
    }
    .logocabeza{
      float: left;
      width: 100%;
      height: 130px;
      background:  url(../assets/logos/logotipo.png);
      background-size:  auto 90%;
      background-repeat: no-repeat;
      background-position:right center;
    }
    .titulocabeza{
      float: left;
      width: 100%;
      height: auto;
      padding-bottom: 10px;
    }
    
    .titulocabeza h2{
      font-weight:600;
      font-style: 'SemiBold';
       text-align: left;
       margin-top: 15px !important;
       font-size: 1.3em;
       color: #fff;
    }
    .titulocabeza h3{
    font-weight:300;
    font-style: 'SemiBold';
    text-align: left;
    margin-top: 10px !important;
    font-size: 1em;
    color: #02ff9e;
    }
    .titulocabezanegro{
      float: left;
      width: 100%;
      height: auto;
      padding-bottom: 5px;
    }
    
    .titulocabezanegro h2{
      font-weight:600;
      font-style: 'SemiBold';
       text-align: left;
       margin-top: 15px !important;
       font-size: 1.3em;
       color: #070707;
    }
    .titulocabezanegro h3{
    font-weight:300;
    font-style: 'SemiBold';
    text-align: left;
    margin-top: 10px !important;
    font-size: 1em;
    color: #0b0655;
    }
    
    table{
      background: #ddd;
      
    }
    .dt-paging{
      font-size: 0.8em;
      color: pink;
      
     }
     .dataTables_info{
      color: rgb(0, 255, 98);
      
     }
        .dt-info{
          font-size: 0.9em;
          color: rgb(0, 255, 98);
        }
      
       .dt-buttons{
          float: right;
        }
      .dt-search{
          font-size: 0.9em;
         margin-top: 5px;
         margin-bottom: 3px;    
      }
      .dt-search{
      color: white;
      }
    
  
      .elmensaje{
        border:2px solid #fff;
        border-radius: 10px;
        padding-bottom: 10px;
        float: left;
      width: 90%;
      height: auto;
      margin-top:2%;
      margin-left: 5%;
      margin-bottom: 5px;
      padding: 2%;
      font-size: 1em !important;
      line-height: 1em;
      color: #fff;
      }
      .elmensaje h3{
        color:#000;
        text-align: center !important;
        margin: 0px !important;
        font-size: 1em !important;
        line-height: 1em;
        
      }
     .lepie{
    float: left;
    width: 100%;
    height: 36vh;
    background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,74,255,1) 100%);

  }
  .pielogo{
    position: absolute;
   bottom:20%;
   left:20%;
   width: 60vw;
   height: 200px;
   background:  url(../assets/logos/logotipo.png);
    background-size: auto 100% ; 
    background-repeat: no-repeat;
    background-position:  center center;
    z-index: 8;
  }
  .numeros{
    position: absolute;
    top: 50px;
    left: 10px;
    width: 440px;
    height: 80px;
    z-index: 4;   
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    text-align: left;
    margin-left: 50px;
    font-style: normal;
    color: #FFA700;
    font-size: 1.3em;
  }

  .lasredes{
    position: absolute;
    top: 20px;
    right: 16%;
    width: 55vw;
    height: auto;
    z-index: 4;
  
  } 
  .redex{
    float: left;
    width: 50px;
    height: 50px;
    background: white;
    margin-left: 12px;
    border-radius: 5px;
    cursor: pointer;
  }
  .redex:hover{
    transform: scale(1.20);
  }
  .margin8{
    margin-left: 0px;
  }
  .flotandox{
    position: relative;
    width: 100%;
    height: 100%;
  }

  .icontelefono{
    background-image: url(../assets/botoneria/telefono.svg);
    background-repeat: no-repeat;
    background-size:   auto 80% ;
    background-position: center center;
    }
  .icontelefono:hover{
    background-image: url(../assets/botoneria/telefonoh.svg);
    }
  .iconlugar{
      background-image: url(../assets/botoneria/lugar.svg);
      background-repeat: no-repeat;
      background-size:   auto 80% ;
      background-position: center center;
      }
  .iconlugar:hover{
          background-image: url(../assets/botoneria/lugarh.svg);
    }
  .iconcorreo{
      background-image: url(../assets/botoneria/correo.svg);
      background-repeat: no-repeat;
      background-size:   auto 80% ;
      background-position: center center;
      }
  .iconcorreo:hover{
          background-image: url(../assets/botoneria/correoh.svg);
        }
  .iconlinkedin{
      background-image: url(../assets/botoneria/linkedin.svg);
      background-repeat: no-repeat;
      background-size:   auto 80% ;
      background-position: center center;
      }
  .iconlinkedin:hover{
          background-image: url(../assets/botoneria/linkedinh.svg);
    }
  .iconweb{
      background-image: url(../assets/botoneria/web.svg);
      background-repeat: no-repeat;
      background-size:   auto 80% ;
      background-position: center center;
     }
  .iconweb:hover{
         background-image: url(../assets/botoneria/webh.svg);
     }
  .iconface{
      background-image: url(../assets/botoneria/facebook.svg);
      background-repeat: no-repeat;
      background-size:   auto 80% ;
      background-position: center center;
    }
    .iconface:hover{
        background-image: url(../assets/botoneria/facebookh.svg);
      }
    
      .lepie{
        float: left;
        width: 100%;
        height: 36vh;
        background: rgb(2,0,36);
        background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,74,255,1) 100%);
    
      }
      .pielogo{
        position: absolute;
       bottom:20%;
       left:20%;
       width: 60vw;
       height: 120px;
       background:  url(../assets/logos/logotipo.png);
        background-size:100%  auto ; 
        background-repeat: no-repeat;
        background-position:  center center;
        z-index: 8;
      }
      .numeros{
        position: absolute;
        top: 50px;
        left: 10px;
        width: 440px;
        height: 80px;
        z-index: 4;   
        font-family: "Poppins", sans-serif;
        font-weight: 300;
        text-align: left;
        margin-left: 50px;
        font-style: normal;
        color: #FFA700;
        font-size: 1.3em;
      }
    
      
         
    }