/*
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding-top: 60px;
    font-family: 'Alef', sans-serif;
    overflow-x: hidden;
}
*/

.SPONSORSoppMenuafter{
    margin-right: 25px;
}

.SPONSORSoppMenuafter ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    max-width: 1170px;
    gap:20px;
}

.SPONSORSoppMenuafter ul li {
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    padding: 8px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    transition: background-color 0.7s;
    font-size:24px;
    font-weight: bolder;
    font-family: 'Alef', sans-serif;
    width: 100%;
    
}


.SPONSORSoppMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    max-width: 1170px;
    gap:20px;
}

.SPONSORSoppMenu ul li {
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    padding: 8px;
    margin-bottom: 20px;
    /*background-color: #FFFFFF;*/
    cursor: pointer;
    transition: background-color 0.7s;
    font-size:24px;
    font-weight: bolder;
    font-family: 'Alef', sans-serif;
    border-radius:5px;
}


.SPONSORSoppMenuActivo {
    transition: background-color 0.7s;
    background-color: #446993;
    color: #FFFFFF;
    border-radius:5px;
}


.SPONSORSoppMenu ul li:hover {
    transition: background-color 0.7s;
    background-color: #446993;
    color: #FFFFFF;
    border-radius:5px;
}
.SPONSORSoppMenuContenedor{
position: absolute;
max-width: 1170px;
display: flex;
flex-direction: row; 
justify-content: flex-start;
width: 98%;
top:10px;
align-content: center;
}

.SPONSORSoppContenedor{
 max-width: 1170px;
 height: 800px;
 display: flex;
 flex-direction: column;
 justify-content:flex-start;
 align-items: center;
 position: relative;
 width:100%;
 }
.submenuprice{
    display: flex;
    justify-content: center;
    width: 100%;
    font-size:0.7em;
    
}
.submenuprice2{
    display: flex;
    width: 100%;
    font-size:0.7em;
    
}
.SPONSORSoppOpcion {
    position: absolute;
    max-width: 1170px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    top:140px;
    box-shadow: -5px 5px 10px #446993;
}
.SPONSORSoppvisible{
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s, visibility 0.5s;
}
.SPONSORSoppoculta{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s;
}

.SPONSORSoppTuplaTitle{
    font-size:1.5em;
    font-weight: bold;
    color: #446993;
    padding: 20px;
    font-family: 'Alef', sans-serif;
}
.SPONSORSoppTuplaprice {
    max-width: 1170;
    display: flex;
    justify-content:space-between;
    box-shadow: 2px 2px .4em rgba(0, 0, 0, 0.3);
}
.SPONSORSoppTupla {
    max-width: 1170;
    display: flex;
    justify-content:space-between;
    box-shadow: 2px 2px .4em rgba(0, 0, 0, 0.3);
    width: 99%;
}

.SPONSORSoppColumnMain{
    padding: 10px;
    background:#FFFFFF;
    color:#446993;
    width: 80%;
    flex-grow:4;
    border: 1px solid #FFFFFF;
}

.SPONSORSoppColumn1{
    padding: 10px;
    background:#446993;
    color:#FFFFFF;
    width: 80%;
    flex-grow:4;
    border: 1px solid #FFFFFF;
}
.SPONSORSoppColumn2{
    display: flex;
    padding: 10px;
    color:#DD0000;
    width: 20%;
    flex-grow:1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
ul li:hover > .submenu {
    display: block;
    animation: slideDown 0.5s ease-out;
}
.SPONSORSasterisco{
    display: none;
}
.SPONSORSasteriscoFrase{
    display: none;
    padding-bottom: 30px;
    font-weight: bolder;
}

@keyframes slideDown {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}


@media screen and (max-width: 1100px) {


.SPONSORSoppMenuafter{
display: none;
}
.SPONSORSasterisco{
    display: block;    
}
.SPONSORSasteriscoFrase{
    display: block;
    padding-bottom: 30px;
    position: absolute;
    top:110px;
}
}


@media screen and (max-width: 768px) {
    #menu-icon {
        display: block;
    }
     .SPONSORSoppMenu{
        width:100%;        
    }
    
    .SPONSORSoppMenu ul {
    gap:8px;
}
    

    
    .SPONSORSoppMenuContenedor{
    padding-left:10px;
    padding-right:10px;
    }
    .SPONSORSoppMenuContenedor span{
    font-size:0.65em;
    }
    .SPONSORSoppMenuContenedor div{
    font-size:0.5em;
    }
    .SPONSORSoppContenedor{
    width: 100%;
    }

     .SPONSORSoppMenu #Mainli{
        display: none;
    }

    #menu {
        display: none;
        flex-direction: column;
        align-items: flex-start;
    }

    .submenu {
        display: none;
        padding-left: 20px;
    }
    .SPONSORSoppOpcion{
        width:98%;
        max-width: none;
        box-sizing: border-box; 
        justify-content:space-around;
        
    }
    
}