* {
    margin: 0 auto;
}

/**, *:before, *:after{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;*/
}

.ocultar {
    display: none;
}

body {
    font-family: Merriweather, Georgia, serif;
    overflow: hidden;
    width: 100%;
}


/* Viajare a Bali */

#cabecera {
    width: 100%;
    height: 10%;
    padding: 30px 15px;
}

.texto_cabecera {
    font-size: 30px;
    text-align: left;
    color: black;
}


/* Menu horizontal */

#menu {
    width: 90%;
    margin-left: 5%;
    height: 100%;
    background-color: #ed6000;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
}


/* ul que engloba a todo el menu del boton: turismo */

.ul_menu_grande_escritorio {
    background-color: white;
    height: 387px;
    /*width: 100%;*/
    position: relative;
    bottom: 86px;
}

.ul_menu_grande_escritorio li:last-child {
    border-right: none;
}


/* Primer desplegable: turismo */

.primer_desplegable {
    background-color: #ed6000;
    color: white;
    padding: 15px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    width: 11.2%;
    z-index: 999;
    margin: 0;
    padding-bottom: 0;
    padding-top: 26px;
}

.primer_desplegable:hover {
    background-color: white;
    color: black;
}

.primer_desplegable .primer_desplegable_li {
    background-color: #ed6000;
    color: white;
    padding: 15px;
    text-align: left;
    display: inline-block;
    bottom: 11px;
    position: relative;
}

.primer_desplegable:hover .primer_desplegable_li {
    background-color: white;
    color: black;
}

.primer_desplegable .enlace_3 {
    color: #fff;
}

.primer_desplegable:hover .enlace_3 {
    color: black;
}


/* div con id: menu_grande  */


/* Especificaciones del div */

#menu_grande {
    text-align: left;
    box-shadow: 1px 20px 29.7px 1px rgba(0, 0, 0, .1);
    z-index: 999;
    display: none;
}


/* Div menu grande mostrado con medidas */

.primer_desplegable:hover #menu_grande {
    display: block;
    width: 80%;
    margin-top: 5px;
    height: 330px;
    left: 0px;
    top: 161px;
    position: fixed;
    background-color: white;
}


/* Submenus del 1 al 4  */

.sub_menus {
    width: 23%;
    border-right: .0625rem solid #e0e0e0;
    padding: 15px;
    height: 100%;
    margin-left: 0px;
    float: left;
    list-style: none;
    padding-bottom: 24px;
}

.sub_menus ul {
    width: 100%;
}

.sub_menus ul li {
    list-style: none;
    padding: 5px 12px;
    margin-left: 20px;
}

.sub_menus ul li a {
    text-decoration: none;
    color: #666;
}

.sub_menus ul li a:hover {
    color: #ed6000;
}


/* Submenus del 5 al 8 */

.sub_menus_2 {
    width:23%;
    border-right: .0625rem solid #e0e0e0;
    border-bottom: .0625rem solid #e0e0e0;
    padding: 15px;
    height: 92%;
    margin-left: 0px;
    float: left;
    list-style: none;
}

.sub_menus_2 ul {
    width: 100%;
}

.sub_menus_2 ul li {
    list-style: none;
    padding: 8px 4px;
    margin-left: 16px;
}

.sub_menus_2 ul li a {
    text-decoration: none;
    color: #666;
}

.sub_menus_2 li a:hover {
    color: #ed6000;
}


/* Imagenes: submenus del 1 al 4  */

.imagen_1 {
    width: 30px;
    height: 30px;
    float: left;
    bottom: 7px;
	position: relative;
}


/* Imagenes: submenus del 5 al 8  */

.imagen_2 {
    width: 30px;
    height: 30px;
    float: left;
    display: inline-block;
    bottom: 7px;
	position: relative;
}


/* Span "Informacion": submenus del 1 al 4  */

.Informacion{
	padding-bottom: 10px;
	display: inline-block;
}

.Informacion a {
    color: #ed6000;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: normal;
}


/* Span "Informacion": submenus del 5 al 8 */

.Informacion2 {
    padding-bottom: 16px;
    display: block;
}

.Informacion2 a {
    color: #ed6000;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: normal;
    /* margin-left: 12px; */
    line-height: 1.5em;
}


/* li con clase desplegable_1_1_1: submenus del 1 al 4  */

.desplegable_1_1_1 {
    color: gray;
    font-size: 15px;
}


/* Segundo desplegable: seguros, alojamiento, coches, viajes, guias, excursiones, blog */

.segundo_desplegable {
    background-color: #ed6000;
    color: white;
    padding: 15px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    width: auto;
    position: relative;
    z-index: 999;
    margin: 0;
    padding-bottom: 0;
    padding-top: 26px;
}


/* revisar  */

.segundo_desplegable:hover {
    background-color: white;
    color: black;
}

.segundo_desplegable:hover .segundo_desplegable_li {
    background-color: white;
    color: black;
}

.segundo_desplegable .segundo_desplegable_li {
    background-color: #ed6000;
    color: white;
    padding: 15px;
    text-align: left;
    display: inline-block;
    bottom: 11px;
    position: relative;
}


/* Segundo desplegable: li con clase desplegable_1_1:  */

.segundo_desplegable:hover .desplegable_1_1 {
    background-color: white;
    display: block;
    top: 80px;
    left: 0;
    position: absolute;
    padding: 15px;
    text-align: left;
    width: 300px;
}

.segundo_desplegable .desplegable_1_1 .enlace_2 {
    color: #ed6000;
}


/* Segundo desplegable: li con clase desplegable_1_2: */

.segundo_desplegable:hover .desplegable_1_2 {
    background-color: white;
    display: block;
    top: 120px;
    left: 0;
    position: absolute;
    padding: 15px;
    text-align: left;
    width: 300px;
}

.segundo_desplegable .desplegable_1_2 .enlace_2 {
    color: #ed6000;
}


/* Segundo desplegable: li con clase desplegable_1_3: */

.segundo_desplegable:hover .desplegable_1_3 {
    background-color: white;
    display: block;
    top: 160px;
    left: 0;
    position: absolute;
    padding: 15px;
    text-align: left;
    width: 300px;
}

.segundo_desplegable .desplegable_1_3 .enlace_2 {
    color: #ed6000;
}


/* Segundo desplegable: li con clase desplegable_1_4: */

.segundo_desplegable:hover .desplegable_1_4 {
    background-color: white;
    display: block;
    top: 200px;
    left: 0;
    position: absolute;
    padding: 15px;
    text-align: left;
    width: 300px;
}

.segundo_desplegable .desplegable_1_4 .enlace_2 {
    color: #ed6000;
}

/* Segundo desplegable: li con clase desplegable_1_5: */

.segundo_desplegable:hover .desplegable_1_5 {
    background-color: white;
    display: block;
    top: 240px;
    left: 0;
    position: absolute;
    padding: 15px;
    text-align: left;
    width: 300px;
}

.segundo_desplegable .desplegable_1_5 .enlace_2 {
    color: #ed6000;
}

/* Segundo desplegable: li con clase desplegable_1_6: */

.segundo_desplegable:hover .desplegable_1_6 {
    background-color: white;
    display: block;
    top: 280px;
    left: 0;
    position: absolute;
    padding: 15px;
    text-align: left;
    width: 300px;
}

.segundo_desplegable .desplegable_1_6 .enlace_2 {
    color: #ed6000;
}

/* Segundo desplegable: li con clase desplegable_1_7: */

.segundo_desplegable:hover .desplegable_1_7 {
    background-color: white;
    display: block;
    top: 320px;
    left: 0;
    position: absolute;
    padding: 15px;
    text-align: left;
    width: 300px;
}

.segundo_desplegable .desplegable_1_7 .enlace_2 {
    color: #ed6000;
}

/* Segundo desplegable: li con clase desplegable_1_8: */

.segundo_desplegable:hover .desplegable_1_8 {
    background-color: white;
    display: block;
    top: 360px;
    left: 0;
    position: absolute;
    padding: 15px;
    text-align: left;
    width: 300px;
}

.segundo_desplegable .desplegable_1_8 .enlace_2 {
    color: #ed6000;
}

/* Segundo desplegable: li con clase desplegable_1_9: */

.segundo_desplegable:hover .desplegable_1_9 {
    background-color: white;
    display: block;
    top: 400px;
    left: 0;
    position: absolute;
    padding: 15px;
    text-align: left;
    width: 300px;
}

.segundo_desplegable .desplegable_1_9 .enlace_2 {
    color: #ed6000;
}

/* Segundo desplegable: li con clase desplegable_1_10: */

.segundo_desplegable:hover .desplegable_1_10 {
    background-color: white;
    display: block;
    top: 440px;
    left: 0;
    position: absolute;
    padding: 15px;
    text-align: left;
    width: 300px;
}

.segundo_desplegable .desplegable_1_10 .enlace_2 {
    color: #ed6000;
}


/* Segundo desplegable: cambiar color cuando se pasa el raton por encima*/

.segundo_desplegable:hover li a:hover {
    color: black;
}


/* Segundo desplegable: color de la fuente, color del texto y para que no ponga la linea al enlace*/

.segundo_desplegable:hover li a {
    background-color: white;
    color: black;
    text-decoration: none;
}


/* Segundo desplegable: oculto*/

.segundo_desplegable>li {
    display: none;
}


/* Pruebas: para mostrar textos */

#textos {
    width: 100%;
    height: 80%;
}


/* a con clase enlace_1 en los submenus del 1 al 4 */

.enlace_1 {
    text-decoration: none;
    margin-bottom: 30px;
    padding: 15px;
    line-height: 1.5em;
}

.Informacion .enlace_1:hover {
    color: #ed6000;
}


/* a con clase enlace_2 en los submenus del 5 al 6 y en el segundo desplegable */

.enlace_2 {
    text-decoration: none;
    padding: 15px;
    padding-bottom: 11px;
    padding-top: 11px;
}

.Informacion2 .enlace_2:hover {
    color: #ed6000;
}

.segundo_desplegable .enlace_3 {
    color: #fff;
}

.segundo_desplegable .enlace_3:hover {
    color: black;
}


/* Flecha de "informacion general, que ver y segunda flecha que ver" */

.flecha1,
.flecha2,
.flecha3,
.flecha4 {
    cursor: pointer;
}


/* Imagen flecha: derecha */

.imagen_3 {
    float: right;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 8px;
}

.imagen_3:hover {
    transform: translate(15px);
}


/* Imagen flecha: izquierda */

.imagen_3_2 {
    float: right;
    padding-top: 8px;
    padding-right: 20px;
    padding-left: 20px;
    cursor: pointer;
}

.imagen_3_2:hover {
    transform: translate(-15px);
}


/*Sub_menu oculto_1: "informacion general" */

.sub_menu_oculto_1 {
    width: 23%;
    /* border-bottom: .0625rem solid #e0e0e0;*/
    padding: 15px;
    height: 90%;
    display: none;
    position: absolute;
    top: 0px;
    left: 15px;
}

.sub_menu_oculto_1 ul li {
    list-style: none;
    padding: 5px 4px;
    margin-left: 16px;
    padding-left: 14px;
}

.sub_menu_oculto_1 ul li a {
    text-decoration: none;
    color: #666;
}


/*Sub_menu oculto_2: "Que ver" */

.sub_menu_oculto_2 {
    width: 23%;
    /*border-bottom: .0625rem solid #e0e0e0;*/
    padding: 15px;
    height: 90%;
    display: none;
    position: absolute;
    left: 17.75vw;
}

.sub_menu_oculto_2 ul li {
    list-style: none;
    padding: 5px 4px;
    margin-left: 16px;
}

.sub_menu_oculto_2 ul li a {
    text-decoration: none;
    color: #666;
}


/*Sub_menu oculto_3: "Que ver" */

.sub_menu_oculto_3 {
    width: 23%;
    /* border-bottom: .0625rem solid #e0e0e0;*/
    padding: 15px;
    height: 90%;
    display: none;
    position: absolute;
    left: 17.75vw;
}

.sub_menu_oculto_3 ul li {
    list-style: none;
    padding: 5px 4px;
    margin-left: 16px;
    padding-left: 14px;
}

.sub_menu_oculto_3 ul li a {
    text-decoration: none;
    color: #666;
}


/*Sub_menu oculto_4: "Cultura" */

.sub_menu_oculto_4 {
    width: 23%;
    /*border-bottom: .0625rem solid #e0e0e0;*/
    padding: 15px;
    height: 90%;
    display: none;
    position: absolute;
    left: 15px;
}

.sub_menu_oculto_4 ul li {
    list-style: none;
    padding: 5px 4px;
    margin-left: 16px;
    padding-left: 14px;
}

.sub_menu_oculto_4 ul li a {
    text-decoration: none;
    color: #666;
}


/* Tablets */

@media only screen and (min-width: 769px) and (max-width: 1023px) {
    .primer_desplegable .primer_desplegable_li {
        padding: 15px 7px;
    }
    .primer_desplegable .enlace_3 {
        font-size: 12px;
    }
    .segundo_desplegable .enlace_3 {
        font-size: 12px;
    }
    .imagen_3,
    .imagen_3_2 {
        padding: 0;
        width: 10px;
        height: 10px;
        margin-top: 1px;
        margin-right: 5px;
    }
    .Informacion a,
    .desplegable_1_1_1,
    .Informacion2 a {
        font-size: 12px;
    }
    .Informacion a {
        padding-left: 5px;
    }
    .Informacion2 a {
        padding-left: 0;
        margin-left: 5px;
        line-height: 1.5em;
    }
    .enlace_1 {
        padding: 2px;
        line-height: 1.5em;
    }
    .imagen_1,
    .imagen_2 {
        width: 15px;
        height: 15px;
        margin-top: 6px;
    }
    /* Segundo desplegable: li con clase desplegable_1_1: hoteles */
    .segundo_desplegable:hover .desplegable_1_1 {
        background-color: white;
        display: block;
        top: 84px;
        position: absolute;
        padding: 15px;
        text-align: left;
        width: 300px;
    }
    /* Segundo desplegable: li con clase desplegable_1_2: apartamentos */
    .segundo_desplegable:hover .desplegable_1_2 {
        background-color: white;
        display: block;
        top: 121px;
        position: absolute;
        padding: 15px;
        text-align: left;
        width: 300px;
    }
    /*Segundo desplegable: li con clase desplegable_1_3: Airbnb */
    .segundo_desplegable:hover .desplegable_1_3 {
        background-color: white;
        display: block;
        top: 158px;
        position: absolute;
        padding: 15px;
        text-align: left;
        width: 300px;
    }
    /* Segundo desplegable: li con clase desplegable_1_4: resort */
    .segundo_desplegable:hover .desplegable_1_4 {
        background-color: white;
        display: block;
        top: 195px;
        position: absolute;
        padding: 15px;
        text-align: left;
        width: 300px;
    }
}


/* Pantallas grandes */

@media only screen and (min-width: 1024px) and (max-width: 1201px) {
    .primer_desplegable .enlace_3 {
        font-size: 10px;
    }
    .segundo_desplegable .enlace_3 {
        font-size: 10px;
    }
    .sub_menus ul li {
        padding: 7px 4px;
    }
    .sub_menu_oculto_1 ul li {
        padding: 7px 4px;
    }
    .sub_menu_oculto_2 ul li {
        padding: 7px 4px;
    }
    .sub_menu_oculto_3 ul li {
        padding: 7px 4px;
    }
    .imagen_3,
    .imagen_3_2 {
        padding: 0;
        width: 17px;
        height: 17px;
        margin-top: 2px;
        margin-right: 5px;
    }
    .Informacion a {
        color: #ed6000;
        font-size: 9.5px;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
    }
    /* Span "Informacion": submenus del 5 al 8 */
    .Informacion2 a {
        color: #ed6000;
        font-size: 11.5px;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
        margin-left: 12px;
        line-height: 1.5em;
    }
    /* li con clase desplegable_1_1_1: submenus del 1 al 4  */
    .desplegable_1_1_1 {
        color: gray;
        font-size: 11.5px;
    }
    .Informacion a {
        padding-left: 4px;
    }
    .Informacion2 a {
        padding-left: 0;
        margin-left: 5px;
        line-height: 1.5em;
    }
    .enlace_1 {
        padding: 2px;
        line-height: 1.5em;
    }
    .imagen_1,
    .imagen_2 {
        width: 21px;
        height: 21px;
        margin-top: 6px;
    }
    #menu {
        width: 69%;
        left: 20px;
        position: relative;
    }
}


/* Pantallas muy grandes */

@media only screen and (min-width: 1202px) and (max-width: 1440px) {
    .imagen_3,
    .imagen_3_2 {
        padding: 0;
        width: 16px;
        height: 16px;
        margin-top: 4px;
        margin-right: 5px;
    }
    .Informacion a {
        color: #ed6000;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
    }
    /* Span "Informacion": submenus del 5 al 8 */
    .Informacion2 a {
        color: #ed6000;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
        margin-left: 12px;
        line-height: 1.5em;
    }
    /* li con clase desplegable_1_1_1: submenus del 1 al 4  */
    .desplegable_1_1_1 {
        color: gray;
        font-size: 13px;
    }
    .Informacion a {
        padding-left: 5px;
    }
    .Informacion2 a {
        padding-left: 0;
        margin-left: 5px;
        line-height: 1.5em;
    }
    .enlace_1 {
        padding: 2px;
        line-height: 1.5em;
    }
    .imagen_1,
    .imagen_2 {
        width: 20px;
        height: 20px;
        margin-top: 6px;
    }
    .sub_menus ul li {
        padding: 6.5px 4px;
    }
    .sub_menu_oculto_1 ul li {
        padding: 6.5px 4px;
    }
    .sub_menu_oculto_2 ul li {
        padding: 6.5px 4px;
    }
    .sub_menu_oculto_3 ul li {
        padding: 6.5px 4px;
    }
    #menu {
        /* width: 86%; */
        /* left: 20px; */
        position: relative;
    }
}


/* Pantallas muy muy grandes */

@media only screen and (min-width: 1441px) and (max-width: 1554px) {
    .imagen_3,
    .imagen_3_2 {
        padding: 0;
        width: 17px;
        height: 17px;
        margin-top: 6px;
        margin-right: 5px;
    }
    .Informacion a {
        color: #ed6000;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
    }
    /* Span "Informacion": submenus del 5 al 8 */
    .Informacion2 a {
        color: #ed6000;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
        margin-left: 12px;
        line-height: 1.5em;
    }
    /* li con clase desplegable_1_1_1: submenus del 1 al 4  */
    .desplegable_1_1_1 {
        color: gray;
        font-size: 15px;
    }
    .Informacion a {
        padding-left: 5px;
    }
    .Informacion2 a {
        padding-left: 0;
        margin-left: 5px;
        line-height: 1.5em;
    }
    .enlace_1 {
        padding: 2px;
        line-height: 1.5em;
    }
    .imagen_1,
    .imagen_2 {
        width: 22px;
        height: 22px;
        margin-top: 6px;
    }
    .sub_menus ul li {
        padding: 6.5px 4px;
    }
    .sub_menu_oculto_1 ul li {
        padding: 6.5px 4px;
    }
    .sub_menu_oculto_2 ul li {
        padding: 6.5px 4px;
    }
    .sub_menu_oculto_3 ul li {
        padding: 6.5px 4px;
    }
}

@media only screen and (max-width: 1024px) {
    .qodef-header-vertical .qodef-vertical-menu-area,
    .qodef-page-header {
        display: block !important;
    }
}

@media only screen and (min-width: 1558px) and (max-width: 1907px) {
    .imagen_3,
    .imagen_3_2 {
        margin-right: 5px;
    }
}

/*ultimos ajustes*/
ul.iconosGenerales li {
    padding: 0;
    margin-left: 0;
    display:flex;
}

ul.iconosGenerales li i{
    text-align: center;
}

ul.iconosGenerales li:hover i{
    transform: none;
}

ul.iconosGenerales li span.Informacion2 a {
    color:#ed6000;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: normal;
    margin-left: 12px;
    line-height: 1.5em;
}