.checkbtn{ font-size: 40px;  color:blue; float:right; line-height: 80px; margin-right: 40px; cursor: pointer; display: none;}
.icon__menu{ font-size: 40px; color: blue; cursor: pointer; width: 30px; height: 100%; display: none; align-items: center; padding-top: 10%;}

#label__check{ width: 26px; height: 100%; display:none; }
#check__menu{display: none;}

/*-----------------------------------------------------------REMID 9 CELULAR----------------------------------------------------*/

@media handheld, only screen and (max-width:500px){
    
   nav > ul{
        flex-direction: column;
        background-color: lightskyblue;
        position: fixed;
        left: -100%;
        top:80px;/*posisicion del menu para celulares al margen del encabezado*/
        width: 70%; /*ancho de base blanco para sub menu de celular*/
        height:100vh;
        transition: all 500ms ease;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
           text-align: left;
      
    }
  
    nav > ul >li > a:hover{transform: scale(1);    }
    
    nav ul li ul{left:90px; width:100%; }
    
    nav > ul > li:hover ul{top:50px;    }
    
    nav > ul > li:first-child a{background-position: 20px;  }
    
    #selected{transform: scale(1);}/*inoco */
    
    #label__check {display: none;}
    
    .icon__menu{display: flex; padding-top: 50%;}
  
    #check__menu:checked  ~  ul{height: 300px;visibility: visible;opacity: 1;position: fixed;z-index: 1000; left: 0;}
    
    .checkbtn{display: block;visibility: visible;opacity: 1;}
    

    html{ overflow-x:hidden; }

    
    .carro{
        position:relative;
       
    }
    
    
   .CloudCarousel {
       display:block;
       display:inline-block;
      
   
      
      
       margin-top:80px;
     
   }
    
    
    
    
    

      
       #carousel1 {
      margin-left:-480px;
 
  }

  
    
    #slider-left-but { 
   margin-top:500px; 
  position: absolute;
}

#slider-right-but { 
  margin-top:500px;
  position: absolute;
  margin-left: -35px;
}

    
    
   
    
    .container7  .whitetext {
    color: #fff !important;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transform: scale(1);
    margin-left: 15px;
}
    
    
    
    
 
    
  .container7 .row{
       
        margin-left: 20px;
        margin-top:100px;
    }
	
       .container7 .row .three p{   
        width: 90%;
        margin-right:-50px;
       
       }
	
	  .container7 {
        width: 100%;
       
    }
	
	
	 .container .row .three a{   
        
        margin-left:20px;
       
       }
           .container .row .three p{   
        width: 90%;
        margin-right:-50px;
       
       }


    .container .row .two .sociales{   
       
        margin-left:20px;
       
       }

	
	 #templatemo_main .video1{
	transform: scale(0.55);
   
    margin-top:180px;
    margin-left: -250px;
}

   #content2{ 
    margin-left: -15px;
 
	width: 200%;
   
    height: 3px;
}

	


	
.whitetext {
    color: #fff !important;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transform: scale(1);
    margin-left: 15px;
}

.icon-zoom-in{margin-left: 5px;}


.container center{
     margin-top:15px;
 }
		.row { 
            width: 100%;
            min-width: 0;
            margin-left: 0;
            margin-right: 0;
            
        }
		.row .row .column, .row .row .columns { 
            padding: 0; 
        }
		.column, .columns { 
            width: auto !important;
            float: none; 
            margin-left: 0; 
            margin-right: 0; 
        }
		.column:last-child, .columns:last-child {
            margin-right: 0;
            float: none; 
        }
		.row .row .column, .row .row .columns {
            padding: 0; 
        }
		.column, .columns {
            width: auto !important;
            float: none; 
            margin-left: 0px; 
            margin-right: 0px;
        }
		.column:last-child, .columns:last-child {
            margin-right: 0; 
            float: none;
        }
		[class*="column"] + [class*="column"]:last-child {
            float: none; 
        }
		[class*="column"]:before, [class*="column"]:after {
            display: table; 
        }
		[class*="column"]:after { 
            clear: both;
        }
				
		.push_one, .push_two, .push_three, .push_four, .push_five, .push_six, .push_seven, .push_eight, .push_nine, .push_ten, .push_eleven, .centered { margin-left: 0% !important; }
	
	
     
      



.search input{display: none;}
    
    .header__superior{ padding: 10px;}

    .deslemimagen img{
        position: relative;
        transform: scale(0.7);
      left:5px;
   top:-30px;
        
    }
    

    

    


        
        
    
    .enlace{transform: scale(0.7);padding-left:3px;left:5%; }






  .three .logo7{
        transform: scale(0.7);
        margin-left: 43px;
        margin-top: -50px;
    }


 .center2{
    font-size: 20px;
    margin-left: 0%;
    padding-top: 15%;
    color: white;
    width: 100%;
    font-weight: 900;
     text-shadow: 0.1em 0.1em 0.2em black
    }


	
  .container .row{
     margin-left: 0px;
    }
    
     .container5{
        margin-left:-105px;
        transform: scale(0.7);
        margin-top:  -200px;
        width: 100%;   
    }
    
  .container3{ 
    width: 100%;
    padding-top: 10%;
    line-height: 100px;
     
    } 
    
    .cuadro0{	
     width: 100%;
     margin-left: 0%;
     padding-top:22%;
   
}
  .cuadro1{	
	position: relative;
	width:950px;
	margin-top:-150px;
    margin-left: -120px; 
    transform: scale(0.7);
    font-size:100%;     
  }
    .cuadro2{	
	width:950px;
	margin-top:-180px;
    margin-left: -250px; 
    transform: scale(0.7);   
  }
    .cuadro2 .datos{
       width: 50%;
       margin-left: 20%;
    }
 
    .two2{
    width: 40%;
    line-height: 35px;
    padding-left: 3%;
     transform: scale(1.2);  
}
    header3 {
     position: relative;
    margin-top: 100px;
    }
    
    
    
     .container9 {
    width: 100%;
 
   
}

.cuadro2 .datos a font{
       width: 10%;
       position:absolute;
       
    }



}







 


/*-----------------------------------------------------------tabel vertical ---------------------------------------------------*/

@media handheld, only screen and   (min-width: 501px) and  (max-width: 800px)  { 
    
    
    
nav > ul{transform: scale(0.7); width: 80%; padding-left:15%; }


 .center2{
    font-size: 20px;
    margin-left: 0%;
    padding-top: 15%;
    color: white;
    width: 100%;
    font-weight: 900;
     text-shadow: 0.1em 0.1em 0.2em black
    }

 .deslemimagen img{
    position: absolute;
    left:110px;
    margin-top:900px;
    transform: scale(0.3);
}






#carousel1{
   
    margin-left:-280px;
}



#slider-left-but { 
	
   top:-50px; 
}

#slider-right-but { 
	
    top:-50px;
}
 

	 #templatemo_main .video1{
	transform: scale(0.68);
    margin-left: -80px;
}

	  .container7 .row {
       margin-left:10%;
       position:relative;
       width:90%;
    }
	

	  .container .row {
        width: 100%;
        margin:0 auto;
        
       
    }
    
    
    
    
    
    
   
  
    
    
   
    
    
    .cuadro0{	
     width: 100%;
     margin-left: 0%;
     padding-top:5%;
   
}
  .cuadro1{	
	position: relative;
	width:950px;
	margin-top:-150px;
    margin-left: -120px; 
    transform: scale(0.7);
    font-size:100%;     
  }
    .cuadro2{	
	width:950px;
	margin-top:-250px;
    margin-left: -250px; 
    transform: scale(0.7);   
  }
    .cuadro2 .datos{
       width: 50%;
       margin-left: 20%;
    }
    
   
   
   
   
 nav ul li ul li a{
   
    padding: 10px;/*espacio de sub menu entre lista*/
   padding-left: 14px;/*posicion de laletras delsub menu para laizquierda*/
        font-size: 16px;/*tamañode letra*/
   
}  
   
   nav ul li ul li a:hover{
   
    transform: scale(1.3);

    font-size:14.5px; /*pas el curso y se agranda laletra*/
    
}

   nav ul li ul{
    width:350%;
   
    z-index: 20;
   
}
    
   
   
 
   
   
   
    
}


@media handheld, only screen and     (min-width: 800px)  {
 .container9 {
   width:100%;
text-align: center;
margin:0  auto;
}

}
/*
@media handheld, only screen and   (min-width: 1118px)   { 



    
#carousel1{
  
  


}



}
*/
/* 1119*/

@media handheld, only screen and   (min-width: 1600px)  { 


#carousel1{ 
   padding-left: 300px;
 

    }

  .deslemimagen img{
       
        
      
   top:580px;
        
    }



}




/*





----------------------------------------------------------PANTALLA GRANDE----------------------------------------------------


@media screen  and (min-width: 1266px) {
    
.carro {
    margin-left:-120px;
}

nav > ul{
    transform: scale(0.8);
    width: 90%; 
    padding-left:35%;
}


 .container center{
   margin-top:20px;   
    }


#slider-left-but { 
   top:-50px; 
   margin-left:140px;
}

#slider-right-but { 
  margin-right:40px;
  top:-50px;
}




}

*/