*{

margin: 0; 
padding: 0;
}

nav{
    
     width: 100% 
     

}

nav ul{
    margin:0;
    
    padding:0;
    background:#333;
    text-align: center;
    
}

nav ul li{
    
     display:inline-block;
     
    
}

nav ul li a{
     color:white;
     text-decoration: none;
     width: 200px;
     display: block;
     padding: 15px;
     font-size: 17px;
     font-family: Arial, Helvetica, sans-serif;

}

nav ul li a:hover{

background: cadetblue;

}

.left {
    
    width: 10%  ;  
    height: 100%;
    background:green;
    top: 10%;
    left: 0;
    /*display: flex;*/
    align-items: center;
    position:absolute;
    color :black;
    
} 

h3, h1{
     text-align: center;
     font: bold;
}
h2{
     text-align: center;
     font-size: 40px;
}


iframe{
     
     margin: 0 auto;

}



.iframe{
width: 80%;
height: 90rem;
margin: 0;
top: 0;
padding: 0 10%;

}

.iframe1{
     width: 80%;
     height: 55rem;
     margin: 0;
     top: 0;
     left:auto ;
     margin: 0 auto;
     padding: 0 10%;
     }

.video{

     width: 50%;
     height: 75%;
     padding: 0 20%;

}

b{

    font-style: unset; 
    font-size: 29;

}

.logo{

width: 26px;

}
.des{
     align-content: center;
     width: 70%;
     height: auto;
     overflow-x: hidden;
     overflow-y: hidden;

     padding: 2rem 20%;
     
}


footer{

width: 100%;
background: rgb(126, 153, 235);
text-align: center;
font-size: 17px;
padding: 3rem  2rem;

}

footer div{
     top: 0%;
     display:inline-block;
     padding: 0rem 3rem;
}


footer div ul li{
     display: block;
     
    
     
}


.submenu_ventas {

     display: none;
     position: relative;
}



.ventas:hover  .submenu_ventas { 

     display: block;
     padding: 5px 3rem;
     background-color: rgb(24, 29, 32);
     transition: 1s;
}


.ventas:hover{
     font: bold;
     font-size: 20px;
     background-color: rgb(17, 167, 49);
     transition: 1s;
}

.submenu_info{
     display: none;
     position: relative;
}

.info:hover{
     font: bold;
     font-size: 20px;    
     background-color: rgb(17, 167, 49);  
}

.info:hover .submenu_info   {
     display: block;
     padding: 5px 3rem;
     background-color: rgb(16, 36, 49);
     transition: 1s;
}