/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > STANDARTS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
    vertical-align: baseline;
    font-family: 'Roboto', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    line-height: 1;
    overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.noscroll{
    overflow: hidden;
}
.av
{
	display: block;
	position: relative;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ah
{
	display: block;
	margin-left:50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ac
{
	display: block;
	position: relative;
	left:50% !important;
	top: 50% !important;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translateX(-50%,-50%);
	transform: translateX(-50%,-50%);
}
.tr
{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.ts
{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.noactivedbody{
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

.master{
    max-width: 1000px !important;
    position: relative;
    display: block !important;
    margin:0 auto;
    /* background-color: violet; */
}
    .master.h100{
        height: 100%;
    }
    .master.left{
        text-align: left;
    }
    .master.right{
        text-align: right;
    }


.vermas{
    padding: 2.5px 20px 1.5px 20px;
    border:1px solid #223466;
    color: #223466;
    font-size: 10px;
    letter-spacing: 0.7px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 80% center;
    background-image: none;
    transition: all 150ms ease;
    line-height: 24px !important;
}
.vermas.nd{
    position: absolute !important;
    bottom:20px;
    right:20px;
}
.ndi{
    padding: 2.5px 20px 1.5px 0px;
    /* border:1px solid #223466; */
    color: rgb(212, 75, 75);
    font-size: 11px;
    letter-spacing: 0.7px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    transition: all 150ms ease;
    line-height: 16px !important;
    position:absolute;
    bottom:15px;
    left:20px;
}
.ndi span{
    color:#555;
}
.vermas.mT15{
    margin-top: 15px;
}
.vermas.mT10{
    margin-top: 15px;
}
    .vermas:hover{
        padding: 2.5px 27px 1.5px 13px;
    }
    .vermas.white{
        border:1px solid #FFF;
        color: #FFF;
    }
    .vermas.reservarSuite{
        border:1px solid #0AADBE;
        color: #FFF;
        background-color: #0AADBE;
        margin-left: 15px;
    }
    .vermas.reservarSuite.blue{
        border:1px solid #223466;
        background-color: #223466;
    }
    .vermas.white:hover, .vermas.reservarSuite:hover{
        background-image: url(../img/rightW.png);
        background-position: 89% 8px;
    }
    .vermas.black:hover{
        background-image: url(../img/rightA.png);
        background-position: 89% 8px;
    }
    .vermas.blue:hover{
        background-image: url(../img/rightW.png);
        background-position: 89% 8.5px;
    }
    .vermas.hack1:hover{
        background-position: 89% 8px;
    }
    .vermas.hack2:hover{
        background-image: url(../img/rightW.png);
        background-position: 94% 8px;
    }
    .vermas.serv{
        margin-top: 20px;
        float: right;
    }

.titGeneral{
    font-size: 42px;
    font-weight: 200;
    color: #000;
    width: 100%;
    text-align: center;
    /* background-color: violet; */
    margin: 70px 0 30px 0;
}
    .titGeneral.inner{
        font-size: 38px;
        font-weight: 100;
        color: #0AADBE;
        margin-top: 50px;
    }

    .titGeneral.extramargin{
        margin-top: 90px;
    }
    .titGeneral .sub{
        font-size: 14px;
        font-weight: 300;
        color: #999;
        margin-top: 20px;
        line-height: 23px;
    }
    .titGeneral.nomargin{
        margin-top: 10px;
    }

    .titGeneral.halfmargin{
        margin-top: 30px;
    }

    .txt1{
        line-height: 24px;
        font-size: 13px;
        font-weight: 300;
    }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > INICIO
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/
.banner{
    width: 300px;
    height:200px;
    /* background-color: #213366;
     */
     box-shadow: 0 -2px 3px 1px rgba(0,0,0,0.2);
     /* border:1px solid #213366; */
    /* background-color: red; */
    position: fixed;
    bottom: 40px;
    right: 2%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display:none;
    z-index: 100;
    border-radius: 10px;
}
.banner .mastarde{
    border-radius: 5px;
    background-color: #213366;
    color: #FFF;
    padding: 10px 15px;
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    font-size: 11px;
    letter-spacing: 0.3px;
    transition: all ease 150ms;
}
.banner .mastarde:hover{
    background-color: #333;
}
.mainBack{
    width: 100%;
    height: 100vh;
    /* background-color: red; */
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: top;
}

   
    .mainBack .slideshow{
        /* background-color: thistle; */
        height: calc(100% - 30px);
        width: 100%;
        display: inline-block;
        position: absolute;
        top:0;
        left:0;
        z-index: 0;
    }

             /*  RS SLIDE */

            .slide{
                width: 100%;
                height: 100%;
                display: inline-block;
                vertical-align: top;
                /* background-color: yellowgreen; */
                z-index: 1;
            }

                .rslides {
                    position: relative;
                    list-style: none;
                    overflow: hidden;
                    width: 100%;
                    height: 100%;
                    padding: 0;
                    margin: 0;

                }
                
                .rslides li {
                    -webkit-backface-visibility: hidden;
                    position: absolute;
                    display: none;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                    /* background-color: aqua; */
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                }
                .rslides li:first-child {
                    position: relative;
                    display: block;
                    float: left;
                }
                .rslides img {
                    display: block;
                    height: auto;
                    float: left;
                    width: 100%;
                    border: 0;
                }
                .rslides_tabs{
                    position: absolute;
                    display: inline-block;
                    z-index: 10000;
                    vertical-align: top;
                    height: max-content;
                    width: 100%;
                    position: absolute;
                    text-align: center;
                    right: 0px;
                    top: 93px;
                    width: 30px;
                    padding: 10px 0;
                    background-color: #0aadbede;
                }
                    .rslides_tabs li{
                        display: inline;
                        float: none;
                        margin:10px 6px;
                        vertical-align: top;
                    }
                    .rslides_tabs a{
                        text-indent: -9999px;
                        overflow: hidden;
                        display: inline-block;
                        color: transparent;
                        width: 6px;
                        height: 6px;
                        border-radius: 30px;
                        background-color: transparent;
                        border: 1px solid #fff;
                        vertical-align: top;
                        margin: 10px 0;
                    }
                    .rslides_here a, .rslides_tabs a:hover{
                        background-color: #fff !important;
                    }


    .leftBar{
        width: 70px;
        height: calc(100% + 150px);
        background-color: #213366;
        display: inline-block;
        position: absolute;
        top:0;
        left:0;
        z-index: 2;
    }
        .leftBar .menu{
            width: 42px;
            height: 20px;
            display: inline-block;
            position: relative;
            margin-top: 20px;
            margin-bottom: 20px;
            background-repeat: no-repeat;
            background-size: 22px;
            background-position: center 11px;
            background-image: url(../img/menu.png);
            padding-top: 35px;
            font-size: 9px;
            text-align: center;
            letter-spacing: 0.5px;
            font-weight: 500;
            cursor: pointer;
            color: white;         
        }
            .leftBar .menu:hover{
                text-decoration:underline;
            }

        .leftBar .covidfree{ 
            width: 42px;
            height: 20px;
            /* background-color: red; */
            display: inline-block;
            position: relative;
            margin-top: 30px;
            margin-bottom: 30px;
            background-repeat: no-repeat;
            background-size: 40px;
            background-position: center top;
            background-image: url(../img/covidfree.png);
            padding-top: 45px;
            font-size: 9px;
            text-align: center;
            letter-spacing: 0.5px;
            font-weight: 500;
            cursor: pointer;
            color: white;  
            text-decoration: none;    
        }
        .leftBar .covidfree:hover{
            color: #0AADBE;
        }
        .leftBar .menuextra{
            display: inline-block;
            width: 32px;
            left: calc(50% - 16px);
            /* height: 100px; */
            /* background-color: red; */
            position: relative;
        }
            .leftBar .menuextra .suit{
                width: 32px;
                height: 32px;
                display: inline-block;
                position: relative;
                /* background-color: blue; */
                vertical-align: top;
                margin-bottom: 25px;
                background-repeat: no-repeat;
                background-size: 31px;
                background-position: center;
                background-image: url(../img/cama.png);
                text-transform: uppercase;
                /* cursor: pointer; */
            }
            .leftBar .menuextra .rest{
                width: 32px;
                height: 32px;
                display: inline-block;
                position: relative;
                vertical-align: top;
                margin-bottom: 28px;
                background-repeat: no-repeat;
                background-size: 32px;
                background-position: center;
                background-image: url(../img/services.png);
                cursor: pointer;
            }
            .leftBar .menuextra .wam{
                width: 32px;
                height: 32px;
                display: inline-block;
                position: relative;
                vertical-align: top;
                margin-bottom: 28px;
                background-repeat: no-repeat;
                background-size: 27px;
                background-position: center;
                background-image: url(../img/wpW.png);
                cursor: pointer;
            }
            .leftBar .menuextra .seb{
                width: 32px;
                height: 32px;
                display: inline-block;
                position: relative;
                vertical-align: top;
                margin-bottom: 28px;
                background-repeat: no-repeat;
                background-size: 27px;
                background-position: center;
                background-image: url(../img/seb.png);
                cursor: pointer;
            }
            .leftBar .menuextra .telegram{
                width: 32px;
                height: 32px;
                display: inline-block;
                position: relative;
                vertical-align: top;
                margin-bottom: 28px;
                background-repeat: no-repeat;
                background-size: 27px;
                background-position: center;
                background-image: url(../img/telegram.png);
                cursor: pointer;
            }
            .leftBar .menuextra .serv{
                width: 36px;
                height: 36px;
                display: inline-block;
                position: relative;
                /* background-color: blue; */
                vertical-align: top;
                background-repeat: no-repeat;
                background-size: 33px;
                background-position: center;
                background-image: url(../img/restaurantes.png);
                cursor: pointer;
            }


                .leftBar .menuextra .text{
                    position: absolute;
                    background-color: #213366;
                    /* top: 0; */
                    left: -500px;
                    display: block;
                    padding: 14px 10px 13px 30px;
                    font-size: 11px;
                    font-weight: 400;
                    color: #FFF;
                    letter-spacing: 1px;
                    width: max-content;
                    opacity: 0;
                    cursor:  pointer;
                    text-decoration: none;
                    text-transform: uppercase;
                }
                    .leftBar .menuextra .text:hover{
                        color: #0AADBE;
                    }

                    .leftBar .menuextra .text.ss{
                        cursor: default;
                    }

                    .leftBar .menuextra .text a{
                        display: inline-block;
                        padding: 5px 0;
                        position: relative;
                        color: #FFF;
                        margin: 5px 0;
                        text-decoration: none;
                        transition: all 300ms ease;
                    }
                        .leftBar .menuextra .text a:hover{
                            color: #0AADBE;
                        }

                .leftBar .menuextra div:hover .text{
                    opacity: 1;
                    left: 100%;
                }
                
    


    .mainBack .mainlogo{
        /* width: 45%;*/
        position: absolute;
        /* margin-top: -3%; */
        top:58px;
        left: 0;;
        /* background-color:red; */
        border:none;
    }
        .mainBack .mainlogo img{
            width: 100%;
        }

    .mainBack .reserva{
        width: 100%;
        height: 60px;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        /* background-color: tomato; */
    }
        .mainBack .reserva .reserva-tit{
            width: calc(15% - 20px);
            height: 100%;
            margin-right: 1%;
            position: relative;
            background-color: #FFF;
            vertical-align: top;
            text-align: right;
            font-size: 11px;
            letter-spacing: 0.8px;
            font-weight: 500;
            color: #223466;
            padding: 0 10px;
            display: inline-block;
        }
            .mainBack .reserva .reserva-tit span{
                /* background-color: blue; */
                width: 70%;
                display: inline-block;
                position: relative;
            }

        .mainBack .reserva .reserva-check{
            width: 12%;
            margin-right: 1%;
            height: 100%;
            position: relative;
            background-color: #223466;
            vertical-align: top;
            text-align: center;
            font-size: 11px;
            letter-spacing: 1px;
            font-weight:400;
            color: #FFF;
            display: inline-block;
            transition: all 150ms ease;
            cursor: pointer;
        }
            .mainBack .reserva .reserva-check .reserva-action{
                /* background-color: blue; */
                width: auto;
                display: inline-block;
                position: relative;
                padding: 9px 0 9px 0;
            }
                .mainBack .reserva .reserva-check .reserva-action img{
                    width: 18px;
                    vertical-align: middle;
                    margin-right: 7px;
                    opacity: 0.4;
                }
                .mainBack .reserva .reserva-check .reserva-action span{
                    vertical-align: middle;
                    margin-top: 2px;
                    display: inline-block;
                }
        .mainBack .reserva .reserva-suite{
            width: 12%;
            margin-right: 1%;
            height: 100%;
            position: relative;
            background-color: #223466;
            vertical-align: top;
            text-align: center;
            font-size: 11px;
            letter-spacing: 1px;
            font-weight:400;
            color: #FFF;
            display: inline-block;
            transition: all 150ms ease;
            cursor: pointer;
        }
            .mainBack .reserva .reserva-suite .reserva-action{
                /* background-color: blue; */
                width: auto;
                display: inline-block;
                position: relative;
                padding: 9px 0 9px 0;
            }
                .mainBack .reserva .reserva-suite .reserva-action img{
                    width: 24px;
                    vertical-align: middle;
                    margin-right: 7px;
                    opacity: 0.4;
                }
                .mainBack .reserva .reserva-suite .reserva-action span{
                    vertical-align: middle;
                    margin-top: 2px;
                    display: inline-block;
                }
        .mainBack .reserva .reserva-reservar{
            width: 12%;
            margin-right: 1%;
            height: 100%;
            position: relative;
            background-color: #0AADBE;
            vertical-align: top;
            text-align: center;
            font-size: 13px;
            letter-spacing: 0.5px;
            font-weight:400;
            color: #FFF;
            display: inline-block;
            cursor: pointer;
            margin-top: 0;
            transition: all 150ms ease;
        }
            .mainBack .reserva .reserva-reservar:hover, .mainBack .reserva .reserva-suite:hover, .mainBack .reserva .reserva-check:hover{
                margin-top:-4px;
                box-shadow: 0 3px 4px 0 rgba(0,0,0,0.3);
            }

            .mainBack .reserva .reserva-reservar .reserva-action{
                /* background-color: blue; */
                width: auto;
                display: inline-block;
                position: relative;
                padding: 9px 0 9px 0;
            }
                
                .mainBack .reserva .reserva-reservar .reserva-action img{
                    width: 20px;
                    vertical-align: middle;
                    margin-right: 7px;
                    opacity: 1;
                }
                .mainBack .reserva .reserva-reservar .reserva-action span{
                    vertical-align: middle;
                    margin-top: 2px;
                    display: inline-block;
                }
        .mainBack .reserva .reserva-redes{
            width: 12%;
            height: 45px;
            position: relative;
            vertical-align: top;
            text-align: center;
            font-size: 13px;
            letter-spacing: 0.5px;
            font-weight:400;
            color: #FFF;
            display: inline-block;
            padding-top: 15px;
            /* background-color: violet; */

        }
            .mainBack .reserva .reserva-redes .red{
                width: 32%;
                margin-right: 2%;
                height: 45px;
                position: relative;
                background-color: #223466;
                vertical-align: top;
                display: inline-block;
                background-repeat: no-repeat;
                background-size: 18px;
                background-position: center;
                transition: all 150ms ease;
            }
                .mainBack .reserva .reserva-redes .red.last{
                    margin-right: 0;
                }
                .mainBack .reserva .reserva-redes .red.whatsapp{
                    background-image: url(../img/wpW.png);
                }
                    .mainBack .reserva .reserva-redes .red.whatsapp:hover{
                        background-image: url(../img/wpC.png);
                    }
                
                .mainBack .reserva .reserva-redes .red.instagram{
                    background-image: url(../img/instagramW.png);
                    background-size: 19px;
                }
                    .mainBack .reserva .reserva-redes .red.instagram:hover{
                        background-image: url(../img/instagramC.png);
                    }

                .mainBack .reserva .reserva-redes .red.linkedin{
                    background-image: url(../img/linkedinW.png);
                    background-size: 16px;
                    background-position: center 13px;
                }
                    .mainBack .reserva .reserva-redes .red.linkedin:hover{
                        background-image: url(../img/linkedinC.png);
                    }

                .mainBack .reserva .reserva-redes .red.facebook{
                    background-image: url(../img/facebookW.png);
                    background-size: 9px;
                }
                    .mainBack .reserva .reserva-redes .red.facebook:hover{
                        background-image: url(../img/facebookC.png);
                    }

    .mainBack .datos{
        background-color:#223466;
        top:0px;
        right: -350px;
        position: absolute;
        padding:18px 20px 16px 0px;
        text-align: right;
        z-index: 10000;
        width: 360px;
        cursor: pointer;
    }
    .mainBack .datos:hover{
        right: 0;
    }
        .mainBack .datos .c1{
            width: 30px;
            display: inline-block;
            position: absolute;
            text-align: left;
            vertical-align: top;
            margin-right: 10px;
            height: 100%;
            background-color: #0aadbede;
            top: 0;
            left: 0;
        }
        .mainBack .datos .c1 .cs1{
            text-decoration: none;
            background-color: rgba(255,255,255,0.1);
            color: #0AADBE;
            font-size: 14px;
            font-weight: 400;
            display: inline-block;
            background-repeat: no-repeat;
            background-size: 20px;
            background-position: 10px center;
            transition: all 150ms ease;
            padding: 5px 11px 4px 11px;
            color: #CEE1E5;
            /* background-image: url(../img/wpC.png); */
            font-size: 12px;
            letter-spacing: 0.5px;
        }
            .mainBack .datos .c1 .cs1:hover{
                background-color: rgba(255,255,255,0.2);
            }
            .mainBack .datos .c1 .cs1 span{
                font-size: 10px;
                font-weight: 400;
            }
        .mainBack .datos .c1 .cs2{
            text-decoration: none;
            /* background-color: #0AADBE; */
            font-size: 14px;
            font-weight: 300;
            display: inline-block;
            transition: all 150ms ease;
            padding: 5px 12px 0px 40px;
            letter-spacing: 0.5px;
            margin-top: 7px;
            cursor: default;
            height: 100%;
            background-image: url(../img/clock.svg), url(../img/sol.svg);
            background-repeat: no-repeat, no-repeat;
            background-size: 18px, 20px;
            background-position: 6px 18px, 5px 50px;
        }
        .mainBack .datos .c2{
            /* width: 200px; */
            display: inline-block;
            /* background-color: blue; */
            position: relative;
            padding-right: 30px;
            border-right: 1px solid rgba(255,255,255,0.2);
        }
        .mainBack .datos .lugar{
            color: #CEE1E5;
            position: relative;
            display: block;
            font-size: 12px;
            font-weight: 300;
            letter-spacing: 0.5px;
        }

        
        .mainBack .datos .horalocal{
            color: #0AADBE;
            position: relative;
            display: inline-block;
            font-size: 9px;
            font-weight: 500;
            letter-spacing: 0.4px;
            margin-top: 15px;
        }
            .mainBack .datos .horalocal .hora{
                border-top: 1px solid #CEE1E5;
                display: block;
                font-size: 14px;
                margin-top: 3px;
                padding: 4.5px 0px 0 0;
                letter-spacing: 0.5px;
                /* background-repeat: no-repeat;
                background-size: 13px;
                background-position: right 4.5px;
                background-image: url(../img/hourW.png); */
                font-weight: 300;
                color: #CEE1E5;
                /* background-color: yellow; */
            }
        
        .mainBack .datos .templocal{
            color: #0AADBE;
            position: relative;
            display: inline-block;
            font-size: 9px;
            font-weight: 500;
            letter-spacing: 0.4px;
            margin-top: 15px;
            margin-left: 20px;
        }
            .mainBack .datos .templocal .temperatura{
                border-top: 1px solid #CEE1E5;
                display: block;
                font-size: 14px;
                margin-top: 3px;
                padding: 4.5px 0px 0 0;
                letter-spacing: 0.5px;
                /* background-repeat: no-repeat;
                background-size: 13px;
                background-position: right 4.5px;
                background-image: url(../img/sunW.png); */
                font-weight: 300;
                color: #CEE1E5;
            }


            .language{
                width: 42px;
                display: inline-block;
                position: relative;
                top: 0;
                margin-bottom: 0px;
                background-repeat: no-repeat;
                padding: 10px 0;
                font-size: 9px;
                text-align: center;
                letter-spacing: 0.5px;
                font-weight: 500;
                cursor: pointer;
                color: white;
                margin-top: 10px;
            }
            
            .language img{
                width: 25px;
                height: 14px;
                vertical-align: top;
            }
            .language:hover{
                background-color: rgba(255,255,255,0.1);
            }

            .mainBack .datos .locating{
                color: #CEE1E5;
                position: relative;
                display: inline-block;
                font-size: 12px;
                font-weight: 300;
                /* background-color: green; */
                width: fit-content;
                height: 20px;
                padding-top: 40px;
                vertical-align: top;
                margin-left: 25px;
                letter-spacing: 0.5px;
                background-repeat: no-repeat;
                background-size: 28px;
                background-image: url(../img/locationA.png);
                background-position: center top;
                font-size: 11px;
                text-transform: uppercase;
                text-decoration: none;
            }
            .mainBack .datos .locating:hover{
                text-decoration: underline;
            }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > MAIN H1
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.mainh1{
    /* background-color: violet; */
    vertical-align: top;
    text-align: center;
}
    .mainh1 h1{
        /* background-color: blue; */
        width: 90%;
        font-size: 28px;
        font-weight: 200;
        color: #333;
        position: relative;
        display: inline-block;
        margin:60px 0 60px 0;
        line-height: 44px;
    }

    .mainh1 h2{
        /* background-color: blue; */
        width: 90%;
        font-size: 28px;
        font-weight: 200;
        color: #333;
        position: relative;
        display: inline-block;
        margin:60px 0 60px 0;
        line-height: 44px;
    }

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > MAIN INTRODUCTION
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.mainIntro{
    width: 100%;
    /* background-color: red; */
    display: inline-block;
    /* height: 300px; */
}
    .mainIntro .textLeft{
        width: calc(50% - 150px);
        padding: 50px 75px;
        display: inline-block;
        height: 100%;
        background-color: #CEE1E5;
        vertical-align: top;
        text-align: center;
        font-size: 13px;
        font-weight: 300;
        line-height: 24px;
        color: #333;
        letter-spacing: 0.5px;
    }
        .mainIntro .textLeft img{
            width: 230px;
        }

    .mainIntro .fotoRight{
        width: 50%;
        right: 0;
        display: inline-block;
        height: 100%;
        /* background-color: cyan; */
        vertical-align: top;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .mainIntro .line1{
        width: 100px;
        border-top: 1px solid #213366;
        display: inline-block;
        margin: 13px 0 10px 0;
    }
    .mainIntro .infinito{
        width: 100vw;
        height: 100%;
        position: absolute;
        top:0;
        right:100%;
        background-color: #CEE1E5;
    }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > SUITES
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.suite{
    width: 100%;
    /* background-color: red; */
    display: inline-block;
    /* height: 300px; */
}

    .suite .fotoSuite{
        width: 50%;
        left: 0;
        display: inline-block;
        height: 100%;
        /* background-color: cyan; */
        vertical-align: top;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
        .suite .fotoSuite.right{
            left: auto;
            right: 0;
        }

    .suite .descripcionSuite{
        width: calc(50% - 100px);
        padding: 70px 50px;
        display: inline-block;
        height: 100%;
        background-color: #0AADBE;
        vertical-align: top;
        text-align: left;
        font-size: 13px;
        font-weight: 300;
        line-height: 24px;
        color: #FFF;
        letter-spacing: 0.5px;
        /* background-color: red !important; */
    }
        .suite .descripcionSuite.right{
            margin-left: 50%;
        }
        .suite .descripcionSuite.colorA{
            background-color: #223466;
        }
        .suite .descripcionSuite.left{
            margin-left: 0%;
        }
        .suite .descripcionSuite.colorB{
            background-color: #165992;
        }
        .suite .descripcionSuite.colorC{
            background-color: #0AADBE;
        }

        .suite .descripcionSuite .infinito{
            width: 100vw;
            height: 100%;
            position: absolute;
            top:0;
        }
            .suite .descripcionSuite .infinito.right{
                left:100%;
            }
            .suite .descripcionSuite .infinito.colorA{
                background-color: #223466;
            }
            .suite .descripcionSuite .infinito.left{
                right:100%;
            }
            .suite .descripcionSuite .infinito.colorB{
                background-color: #165992;
            }
            .suite .descripcionSuite .infinito.colorC{
                background-color: #0AADBE;
            }

        .suite .descripcionSuite .tipo{
            font-size: 24px;
            font-weight: 200;
            letter-spacing: 1px;
            width: 100%;
            display: inline-block;
        }
        .suite .descripcionSuite .descripcion{
            color: #FFF;
            display: inline-block;
            margin: 10px 0 20px 0;
        }
        .suite .descripcionSuite .minidetalles{
            display: inline-block;
            position: relative;
            /* background-color: violet; */
            width: 100%;
            margin-top: 20px;
            text-align: left;
            text-transform: uppercase;
        }
            .suite .descripcionSuite .minidetalles .capacidad{
                vertical-align: top;
                /* background-color: wheat; */
                font-size: 9.5px;
                letter-spacing: 0.5px;
                font-weight: 400;
                margin-right: 10px;
                display: inline-block;
                padding: 4px 0 0px 0;
                text-align: left;
            }
                .suite .descripcionSuite .minidetalles .capacidad img{
                    vertical-align: middle;
                    width: 10px;
                    margin-right: 5px;
                }
                .suite .descripcionSuite .minidetalles .capacidad img:last-child{
                    margin-right: 7px;
                }

            .suite .descripcionSuite .minidetalles .cama{
                vertical-align: top;
                /* background-color: wheat; */
                font-size: 9.5px;
                letter-spacing: 0.5px;
                font-weight: 400;   
                display: inline-block;
                padding: 5px 0 0px 0px;
                text-align: left;                
            }
                .suite .descripcionSuite .minidetalles .cama img{
                    vertical-align: middle;
                    width: 30px;
                    margin-right:8px;
                    opacity: 0.7;
                }
                .suite .descripcionSuite .minidetalles .cama .hack2{
                    display: inline-block;
                    vertical-align: middle;
                    line-height: 16px;
                    margin-top: 4px;
                }
                .suite .descripcionSuite .minidetalles .cama .hack3{
                    vertical-align: top;
                    margin-top: 3px;
                }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > PROMOCIONES
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/    
    
.promociones{
    width: 100%;
    height: max-content;
    padding-bottom: 50px;
    /* background-color: violet; */
    display: inline-block;
}
    .promociones .master{
        display: grid !important;
        grid-template-columns:calc(50% - 4px) calc(25% - 3px) calc(25% - 3px);
        grid-column-gap: 5px;
    }

    .promo{
        /* width: 25%; */
        height: 300px;
        display: inline-block;
        /* background-color: red; */
        vertical-align: top;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; 
    }

        .promo .titPromo{
            width: max-content;
            max-width: calc(100% - 20px);
            padding: 20px 10px;
            /* background-color: blue; */
            color: #FFF;
            font-size: 20px;
            font-weight: 300;
            letter-spacing: 0.5px;
            position: absolute;
            bottom: -50px;
            left: 0px;
        }
        .promo .titPromo .esquina{
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 10px 10px 0;
            border-color: transparent #FFF transparent transparent;
            position: absolute;
            top:4px;
            right:4px;
        }

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > SALAS DE EVENTOS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/    
    
.salas{
    width: 100%;
    height: max-content;
    /* padding-bottom: 50px; */
    /* background-color: violet; */
    display: inline-block;
}
    .salas .master{
        display: grid !important;
        grid-template-columns:calc(33.3% - 3px) calc(33.3% - 3px) calc(33.3% - 3px);
        grid-column-gap: 5px;
    }

    .sala{
        /* width: 25%; */
        height: 360px;
        display: inline-block;
        /* background-color: red; */
        vertical-align: top;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; 
    }
        .sala .titPromo{
            width: 100%;
            text-align: center;
            max-width: calc(100% - 20px);
            padding: 15px 10px;
            /* background-color: blue; */
            color: #FFF;
            font-size: 20px;
            font-weight: 200;
            letter-spacing: 0.5px;
            position: absolute;
            /*-webkit-transform: translateY(50%);
            -ms-transform: translateY(50%);
            transform: translateY(50%);*/
            bottom: 0%;
            /* background-color: transparent !important; */
        }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > VALORES
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/    
    
.valores{
    width: 100%;
    /* height: 500px; */
    /* background-color: blue; */
    display: inline-block;
    /* padding: 40px 0; */
    /* box-shadow: 0 0 0 1px #CEE1E5; */
    position: relative;
    margin-top: 0px;
}
    /*
    .lineasAtras{
        height: 50%;
        border-top: 1px solid #CEE1E5;
        border-bottom: 1px solid #CEE1E5;
        width: 100%;
        top: 25%;
        z-index: 0;
        position: absolute;
        left: 0;
    }*/
    .valores .fondo{
        width: 50%;
        height: 100%;
        top: 0;
        /* background-color: aliceblue; */
        display: inline-block;
        position: absolute;
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: center;
        background-image: url(../img/logoIconBlue.png);
        opacity: 0.02;
        z-index: 2;
    }

    .valores .master{
        text-align: center;
        /* border: 1px solid #CEE1E5; */
        padding:20px 0 40px 0;
        background-color: #FFF;
        position: relative;
    }

    .valor{
        width: 31.3%;
        margin:0px 1% 20px 1%;
        /* background-color: aqua; */
        display: inline-block;
        vertical-align: top;
        text-align: center;
        z-index: 3;
        position: relative;
    }
        .valor.nomarginBottom{
            margin-bottom: 0 !important
        }
        .valor .icon{
            width: 100%;
            height: 70px;
            display: inline-block;
            vertical-align: top;
            /* background-color: orange; */
            text-align: center;
        }
            .valor .icon img{
                max-width: 100%;
                max-height: 100%;
                opacity: 0.8;
            }
        .valor .titValor{
            font-size: 21px;
            font-weight: 500;
            letter-spacing: 0.5px;
            display: inline-block;
            width: 100%;
            color: #333;
            margin:20px 0 0 0;
            /* background-color: orange; */
        }
        .valor .line1{
            width: 100px;
            border-top: 1px solid rgba(0,0,0,0.2);
            display: inline-block;
            margin: 10px 0 10px 0;
        }
        .valor .desc{
            font-size: 13px;
            font-weight: 300;
            line-height: 24px;
            color: #333;
            display: inline-block;
            /* background-color: orange; */
            width: 90%;
            letter-spacing: 0.5px;
        }
        .valor .desc a{
            color: #0AADBE;
            font-size: 12px;
            font-weight: 500;
            font-style: italic;
        }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > EXPERIENCIAS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/    
    
.experiencias{
    width: 100%;
    /* height: 370px; */
    background-color: #223466;
    display: inline-block;
    margin-top: 10px;
}
    .experiencias .titulo{
        display: inline-block;
        /* background-color: orange; */
        width: 40%;
        vertical-align: top;
        position: relative;
        text-align: right;
        height: 100%;
        margin-top: 50px;
        margin-bottom: 50px;
    }
        .experiencias .titulo .expe{
            display: inline-block;
            font-size: 110px;
            text-align: right;
            font-weight: 900;
            margin-right: 20px;
            color: #165992;
            letter-spacing: 5px;
            line-height: 90px;
        }
            .experiencias .titulo .expe .b{
                font-size: 13px !important;
                line-height: 12px !important;
                display: block;
                letter-spacing: 0.5px;
                color: #ffffff6e;
                font-weight: 300;
                margin-right: 8px;
            }


    .experiencias .opinion{
        display: inline-block;
        /* background-color: red; */
        width: 50%;
        vertical-align: top;
        position: relative;
        height: 100%;
    }
        .experiencias .opinion .cita{
            width: calc(100% - 60px);
            /* margin-left: 10px; */
            /* background-color: blue; */
            padding:0 0 0 30px;
            background-position: left top;
            background-repeat: no-repeat;
            background-size: 26px;
            background-image: url(../img/comilla.png);
            font-size: 13px;
            font-weight: 300;
            letter-spacing: 0.5px;
            line-height: 24px;
            color: #CEE1E5;
            padding-bottom: 180px;
        }   
            .experiencias .opinion .cita .autor{
                /* font-size: 11px; */
                margin-top: 15px;
                display: inline-block;
                line-height: 22px;
                font-weight: 400;
                /* background-color: orange; */
                padding:0;
                vertical-align: top;
            }
            .experiencias .opinion .cita .empresa{
                font-size: 11px;
                display: inline-block;
                font-weight: 500;
                line-height: 22px;
                /* background-color: orange; */
                padding:0;
                vertical-align: top;
                margin-top: -2px;
                text-transform: uppercase;
            }
        .experiencias .ranking{
            width: auto;
            /* height: 100px; */
            bottom: 35px;
            right: 0;
            position: absolute;
            /* background-color: blue; */
        }
            .experiencias .ranking .total{
                width: 130px;
                position: relative;
                display: inline-block;
                /* background-color: orange; */
                vertical-align: bottom;
                text-align: right;
                margin-bottom: 2.5px;
            }
                .experiencias .ranking .total .tt{
                    font-size: 48px;
                    font-weight: 300;
                    color: #0AADBE;
                    letter-spacing: 0.5px;
                    display: inline-block;
                    line-height: 18px;
                }
                    .experiencias .ranking .total .tt span{
                        font-size: 11px;
                        font-weight: 400;
                        color: #CEE1E5;
                        display: inline-block;
                    }

            .experiencias .ranking .individuales{
                /* width: 170px; */
                margin-left: 15px;
                position: relative;
                display: inline-block;
                /* background-color: orange; */
                vertical-align: bottom;
            }
                .experiencias .ranking .individuales .item{
                    font-size: 11px;
                    font-weight: 500;
                    color: #0AADBE;
                    padding:6px 0 5px 90px;
                    letter-spacing: 0.5px;
                    /* background-color: violet; */
                    margin:2px 0 0 0;
                    position: relative;
                    display: inline-block;
                    background-position: left center;
                    background-repeat: no-repeat;
                    background-size: 84px;
                }
                    .experiencias .ranking .individuales .item.i5{
                        background-image: url(../img/ranking5.png);
                    }
                    .experiencias .ranking .individuales .item.i4{
                        background-image: url(../img/ranking4.png);
                    }
                    .experiencias .ranking .individuales .item.i3{
                        background-image: url(../img/ranking3.png);
                    }
                    .experiencias .ranking .individuales .item.i2{
                        background-image: url(../img/ranking2.png);
                    }
                    .experiencias .ranking .individuales .item.i1{
                        background-image: url(../img/ranking1.png);
                    }
                    
                    .experiencias .ranking .individuales .item.i5-c{
                        background-image: url(../img/ranking5-c.png);
                    }
                    .experiencias .ranking .individuales .item.i4-c{
                        background-image: url(../img/ranking4-c.png);
                    }
                    .experiencias .ranking .individuales .item.i3-c{
                        background-image: url(../img/ranking3-c.png);
                    }
                    .experiencias .ranking .individuales .item.i2-c{
                        background-image: url(../img/ranking2-c.png);
                    }
                    .experiencias .ranking .individuales .item.i1-c{
                        background-image: url(../img/ranking1-c.png);
                    }
                    
/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > SUSCRIBCION
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/    
    
.suscripcion{
    width: 100%;
    /* height: 500px; */
    background-color: #CEE1E5;
    display: inline-block;
}
    .suscripcion .master{
        text-align: center;
        /* background-color: violet; */
        padding:120px 0 120px 0;
    }
    
    .suscripcion .texto{
        width: 60%;
        /* background-color: antiquewhite; */
        display: inline-block;
        font-size: 13px;
        font-weight: 300;
        line-height: 24px;
    }
        .suscripcion .texto .titSuscripcion{
            font-size: 42px;
            font-weight: 200;
            margin-bottom: 20px;
        }
    
    .suscripcion .suscription{
        /* width: 50%; */
        /* background-color:red; */
        display: inline-block;
        border:1px solid #223466;
        padding:5px 0;
        margin-top: 20px;
        letter-spacing: 1px;
    }
        .suscripcion .suscription .mail{
            display: inline-block;
            background-color: transparent;
            border:none;
            outline: none;
            /* background-color: orange; */
            padding:5px 0;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 12px;
            color: #223466;
            margin:3px 10px;
            width: 400px;
        }
        .suscripcion .suscription .mail::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #223466;
        }
        .suscripcion .suscription .mail::-moz-placeholder { /* Firefox 19+ */
            color: #223466;
        }
        .suscripcion .suscription .mail::-ms-input-placeholder { /* IE 10+ */
            color: #223466;
        }
        .suscripcion .suscription .mail::-moz-placeholder { /* Firefox 18- */
            color: #223466;
        }
        .suscripcion .suscription .send{
            background-color: #223466;
            color: #FFF;
            outline: none;
            border: none;
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            letter-spacing: 0.3px;
            padding:5px 20px;
            font-size: 12px;
            margin:3px 10px;
            cursor: pointer;
            transition: all 150ms ease;
        }
            .suscripcion .suscription .send:hover{
                background-color: #0AADBE;
            }

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > DISFRUTA
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/    
    
.disfrutainit{
    width: 100%;
    /* height: 500px; */
    /* background-color: violet; */
    display: inline-block;
}   
    
    .disfrutainit .lineaA{
        display: grid;
        grid-template-columns:33.3% 33.3% 33.3%;
        grid-row-gap: 3px;
        place-content: start;
        position: relative;
        /* background-color: violet; */
    }
    .disfrutainit .lineaB{
        display: grid;
        grid-template-columns:15% 20% 25% 30%;
        grid-column-gap: 3px;
        margin-top: 5px;
        position: relative;
        place-content: end;
        /* background-color: violet; */

    }
        .disfrutainit .dis{
            height: 250px;
            display: inline-block;
            /* background-color: red; */
            position: relative;
            cursor: default;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
            .disfrutainit .dis.s1{
                background-image: url(../img/servicios/s1.jpg);
            }
            .disfrutainit .dis.s2{
                background-image: url(../img/servicios/s3.jpg);
            
            }
            .disfrutainit .dis.s3{
                background-image: url(../img/servicios/s3.jpg);
            
            }
            .disfrutainit .dis.s4{
                background-image: url(../img/servicios/s4.jpg);
            
            }
            .disfrutainit .dis.s5{
                background-image: url(../img/servicios/s5.jpg);
            
            }
            .disfrutainit .dis.s6{
                background-image: url(../img/servicios/s6.jpg);
            
            }
            .disfrutainit .dis.s7{
                background-image: url(../img/servicios/s7.jpg);
            
            }
            .disfrutainit .dis.s8{
                background-image: url(../img/servicios/s8.jpg);
            
            }

            .disfrutainit .dis .gradient{
                width: 100%;
                height: 50%;
                position: absolute;
                bottom: 0;
                left: 0;
                /* background-color: blue; */
                vertical-align: top;
                background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

            }
                .disfrutainit .dis .gradient .tit{
                    display: inline-block;
                    /* background-color: orange; */
                    font-weight: 300;
                    font-size: 18px;
                    line-height: 22px;
                    color: #FFF;
                    vertical-align: top;
                    height: 53px;
                    bottom: 10px;
                    left: 10px;
                    position: absolute;
                }
                    .disfrutainit .dis .gradient .tit span{
                        font-weight: 300;
                        font-size: 24px;
                    }    
                .disfrutainit .dis .gradient .tit .line{
                    width: 50px;
                    border-top: 1px solid #FFF;
                    border-bottom: none !important;
                    display: inline-block;
                    vertical-align: top;
                    margin-top: 4px;
                    vertical-align: top;
                    height: 1px;
                }
                
/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > RESTAURANTES
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/                 


.restaurantes{
    /* background-color: violet; */
    width: 100%;
    /* height: 600px; */
    display: inline-block;
    position: relative;
    /* margin-top: 70px; */
    vertical-align: top;
}   
    .restaurantes .master{
        position: relative;
        /* background-color: green; */
    }

    .restaurantes .barraAzul{
        display: inline-block;
        background-color: #223466;
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        width: calc(50% - 20px);
        background-position: calc(100% - 25px) 50px;
        background-repeat: no-repeat;
        background-size: 210px;
        background-image: url(../img/logo2W.png);
    }
    .restaurantes .restaurantList{
        display: inline-block;
        /* background-color: red; */
        position: relative;
        margin-left: 50%;
        /* padding-bottom:10px; */
        width: 50%;
        vertical-align: top;
    }  
        .restaurantes .restaurantList .title{
            color: #000;
            width: 100%;
            text-align: right;
            /* background-color: yellow; */
            font-weight: 300;
            font-size: 22px;
            margin-bottom: 30px;
        }
            .restaurantes .restaurantList .title span{
                font-size: 42px;
                font-weight: 200;
            }
            .restaurantes .restaurantList .title .sub{
                font-size: 14px;
                font-weight: 300;
                color: #999;
                margin-top: 5px;
            }    
        .restaurantes .restaurantList .rest{
            height: 250px;
            /* background-color: orange; */
            display: inline-block;
            position: relative;
            width: 100%;
            vertical-align: top;
            margin-bottom: 30px;
        }
            .restaurantes .restaurantList .rest.last{
                margin-bottom: 0;
            }

            .restaurantes .restaurantList .rest .foto{
                height: 100%;
                position: absolute;
                width:100%;
                /* background-color: blue; */
                right: 0;
                top: 0;
                display: inline-block;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            }
                .restaurantes .restaurantList .rest .foto.f1{
                    background-image: url(../img/restaurantes/r1.jpg);
                }
                .restaurantes .restaurantList .rest .foto.f2{
                    background-image: url(../img/restaurantes/r2.jpg);
                }
                .restaurantes .restaurantList .rest .foto.f3{
                    background-image: url(../img/restaurantes/r3.jpg);
                }

            .restaurantes .restaurantList .rest .midata{
                height: 100%;
                position: absolute;
                width:100%;
                /* background-color: red; */
                right: 100%;
                top: 0;
                display: inline-block;
            }
                .restaurantes .restaurantList .rest .midata .barra{
                    position: absolute;
                    height: 80px;
                    top: 20px;
                    right: -150px;
                    display: inline-block;
                    width: 100vw;
                }
                    .restaurantes .restaurantList .rest .midata .barra.b1{
                        background: #0AADBE;
                    }
                    .restaurantes .restaurantList .rest .midata .barra.b2{
                        background: #0AADBE;
                    }
                    .restaurantes .restaurantList .rest .midata .barra.b3{
                        background: #0AADBE;
                    }

                .restaurantes .restaurantList .rest .midata .titulo{
                    position: absolute;
                    height: 80px;
                    top: 20px;
                    right: -150px;
                    display: inline-block;
                    /* background: chartreuse; */
                    width: calc(100% + 150px);
                }
                    .restaurantes .restaurantList .rest .midata .titulo .ll{
                        width: 30%;
                        height: 100%;
                        display: inline-block;
                        background-color: #223466;
                        top: 0;
                        left: 10%;
                        position: absolute;
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: contain;
                    }
                        .restaurantes .restaurantList .rest .midata .titulo .ll.l1{
                            background-image: url(../img/restaurantes/logo-magnolia.png);
                        }
                        .restaurantes .restaurantList .rest .midata .titulo .ll.l2{
                            background-image: url(../img/restaurantes/logo.png);
                        }
                        .restaurantes .restaurantList .rest .midata .titulo .ll.l3{
                            background-image: url(../img/restaurantes/logo.png);
                        }

                    .restaurantes .restaurantList .rest .midata .titulo .tt{
                        width: calc(44% - 20px);
                        /* height: 100%; */
                        display: inline-block;
                        /* background-color: indianred; */
                        /* top: 0; */
                        left: 55%;
                        position: absolute;
                        text-align: right;
                        font-size: 32px;
                        font-weight: 200;
                        letter-spacing: 1px;
                        color: #FFF;
                    }
                        .restaurantes .restaurantList .rest .midata .titulo .trian{
                            width: 0;
                            height: 0;
                            border-style: solid;
                            border-width: 0 0 10px 10px;
                            border-color: transparent transparent #ffffff transparent;
                            position: absolute;
                            display: inline-block;
                            bottom: 5px;
                            right: 5px;
                        }
                .restaurantes .restaurantList .rest .midata .resena{
                    position: absolute;
                    /* height: 90px; */
                    top: 115px;
                    left: 0%;
                    display: inline-block;
                    /* background: antiquewhite; */
                    width: calc(100% + 150px);
                }
                    .restaurantes .restaurantList .rest .midata .resena .txt{
                        position: absolute;
                        /* background-color: aqua; */
                        top: 0;
                        left: 10%;
                        /* height: 100px; */
                        width: calc(80% - 150px);
                        font-size: 12px;
                        font-weight: 300;
                        letter-spacing: 0.3px;
                        line-height: 18px;
                        color: #CEE1E5;
                    }
                .restaurantes .masrest{
                    font-size: 12px;
                    font-weight: 400;
                    color: #FFF;
                    margin-left: 10px;
                    text-decoration: none;
                    background-repeat: no-repeat;
                    background-image: url(../img/rightW.png);
                    background-position: calc(100% - 0px) 7px;
                    background-size: 12px;
                    display: inline-block;
                    padding-right: 16px;
                }
                .restaurantes .masrest:hover{
                    text-decoration: underline;
                }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > NOTICIAS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/     

.noticias{
    display: inline-block;
    /* background-color: violet; */
    width: 100%;
}
    .noticias .master{
        /* background-color: orange; */
        text-align: center;
    }

    .noticias .galeria{
        display: grid;
        grid-template-columns:50% 50%;
        grid-column-gap: 10px;
    }
        .noticias .galeria .noticia{
            text-align: left;
            /* height: 350px; */
            border:1px solid #CEE1E5;
            display: inline-block;
            margin-bottom: 20px;
            padding: 20px;
            position: relative;
        }

        .noticias .galeria .noticia .texto{
            width: 50%;
            position: relative;
            display: inline-block;
            left: 0;
            /* background-color: aquamarine; */
        }
            .noticias .galeria .noticia .texto .date{
                width: 100%;
                display: inline-block;
                font-size: 10px;
                letter-spacing: 0.3px;
                font-weight: 400;
                /* background-color: violet; */
                margin-bottom: 10px;
                vertical-align: top;
                color: #777;
            }
            .noticias .galeria .noticia .texto .tit{
                font-size: 18px;
                font-weight: 300;
                letter-spacing: 1px;
                line-height: 22px;
                display: inline-block;
                width: 100%;
                /* background-color: violet; */
                vertical-align: top;
                margin-bottom: 10px;
                color: #0AADBE;
            }
            .noticias .galeria .noticia .texto .resumen{
                font-size: 13px;
                font-weight: 300;
                line-height: 24px;
                display: inline-block;
                width: 100%;
                /* background-color: violet; */
                vertical-align: top;
                margin-bottom: 10px;
                color: #333;
            }

        .noticias .galeria .noticia .foto{
            width: calc(50% - 30px);
            height: calc(100% - 65px);
            /* background-color: brown; */
            right: 20px;
            top:20px;
            display: inline-block;
            position: absolute;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .noticias .galeria .noticia .share{
            width: calc(50% - 20px);
            padding:5px 0;
            /* background-color: red; */
            right: 20px;
            bottom:7px;
            display: inline-block;
            position: absolute;
            text-align: right;
        }
            .noticias .galeria .noticia .share .tit{
                position: relative;
                display: inline-block;
                vertical-align: middle;
                /* background-color: chartreuse; */
                font-size: 10px;
                letter-spacing: 0.3px;
                font-weight: 400;
                color: #999;
            }
            .noticias .galeria .noticia .share .red{
                width: 24px;
                height: 24px;
                vertical-align: middle;
                display: inline-block;
                position: relative;
                /* background-color: cyan; */
                margin: 0 0 0 5px;
                background-position: center;
                background-repeat: no-repeat;
                transition: all 150ms ease;
            }
                .noticias .galeria .noticia .share .red:hover{
                    opacity: 0.6;       
                }

                .noticias .galeria .noticia .share .red.whatsapp{
                    background-image: url(../img/wpC.png);
                    background-size: 18px;
                }
                .noticias .galeria .noticia .share .red.instagram{
                    background-image: url(../img/instagramC.png);
                    background-size: 18px;
                }
                .noticias .galeria .noticia .share .red.linkedin{
                    background-image: url(../img/linkedinC.png);
                    background-size: 15px;
                }
                .noticias .galeria .noticia .share .red.facebook{
                    background-image: url(../img/facebookC.png);
                    background-size: 8px;
                }



/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > GO TO TOP
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/     

.gototop{
    display: inline-block;
    /* background-color: violet; */
    width: 100%;
    text-align: center;
    margin:50px 0 50px 0;
}
    .gototop .top{
        width: 38px;
        height: 38px;
        /* background-color: red; */
        display: inline-block;
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 18px;
        background-position: center 9px;
        background-image: url(../img/topW.png);
        cursor: pointer;
        border-radius: 100px;
        background-color: #0AADBE;
        transition: all 150ms ease;
    }
        .gototop .top:hover{
            background-color: #165992;
        }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > CARDS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/     

.cards{
    display: inline-block;
    background-color: #F0F0F0;
    border-top:1px solid  #ddd;
    width: 100%;
    text-align: center;
    padding: 15px 0;
}
    .cards .t1{
        vertical-align: middle;
        height: 20px;
    }
    


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > FOOTER
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/     

.footer{
    display: inline-block;
    background-color: #165992;
    width: 100%;
    text-align: left;
}

.footer.contacto{
    background-color: #223466;
    text-align: center;
}    

    .footer .contactanos{
        width: 50%;
        /* background-color: red; */
        vertical-align: top;
        height: 390px;
        display: inline-block;
        position: relative;
    }
        .footer .contactanos .direccion{
            position: relative;
            display: inline-block;
            /* background-color: orange; */
            width: 60%;
            padding-left: 30px;
            letter-spacing: 0.5px;
            font-weight: 300;
            line-height: 22px;
            line-height: 17px;
            color: #CEE1E5;
            background-repeat: no-repeat;
            background-size: 18px;
            background-position: left 3px;
            background-image: url(../img/location.png);
            padding-top: 3px;
            font-size: 13px;
        }
        .footer .contactanos .telefonos{
            position: relative;
            display: inline-block;
            /* background-color: orange; */
            /* width: 60%; */
            font-size: 13px;
            letter-spacing: 0.5px;
            font-weight: 300;
            line-height: 22px;
            color: #CEE1E5;
            text-align: left;
            margin: 15px 0;
            background-repeat: no-repeat;
            background-size: 18px;
            background-position: left 3px;
            background-image: url(../img/phone.png);
            padding-top: 3px;
            padding-left: 30px;
        }
            .footer .contactanos .telefonos a{
                color: #FFF;
                text-decoration: none;
            }
            .footer .contactanos .telefonos a:hover{
                text-decoration: underline;
            }
        .footer .contactanos .mails{
            position: relative;
            display: inline-block;
            /* background-color: orange; */
            width: 60%;
            font-size: 13px;
            letter-spacing: 0.5px;
            font-weight: 300;
            line-height: 22px;
            color: #CEE1E5;
            background-repeat: no-repeat;
            background-size: 18px;
            background-position: left 6px;
            background-image: url(../img/mailW.png);
            padding-top: 3px;
            padding-left: 30px;
        }
            .footer .contactanos .mails a{
                color: #FFF;
                text-decoration: none;
            }
            .footer .contactanos .mails a:hover{
                text-decoration: underline;
            }

        .footer .contactanos .redes{
            position: relative;
            display: inline-block;
            /* background-color: orange; */
            width: 100%;
            font-size: 18px;
            letter-spacing: 0.5px;
            font-weight: 300;
            line-height: 18px;
            color: #FFF;
            margin-top: 20px;
            text-align: center;
        }
            .footer .contactanos .red{
                width: 28px;
                height: 28px;
                vertical-align: middle;
                display: inline-block;
                position: relative;
                background-color: rgba(255,255,255,0.1);
                margin: 0 10px 0 0;
                background-position: center;
                background-repeat: no-repeat;
                transition: all 150ms ease;
            }
                .footer .contactanos .red:hover{
                    opacity: 0.6;       
                }

                .footer .contactanos .red.whatsapp{
                    background-image: url(../img/wpW.png);
                    background-size: 18px;
                }
                .footer .contactanos .red.telegram{
                    background-image: url(../img/telegram.png);
                    background-size: 20px;
                }
                .footer .contactanos .red.instagram{
                    background-image: url(../img/instagramW.png);
                    background-size: 18px;
                }
                .footer .contactanos .red.linkedin{
                    background-image: url(../img/linkedinW.png);
                    background-size: 15px;
                }
                .footer .contactanos .red.facebook{
                    background-image: url(../img/facebookW.png);
                    background-size: 8px;
                }

    .footer .ubicanos{
        width: 50%;
        /* background-color: blue; */
        vertical-align: top;
        /* height: 300px; */
        display: inline-block;
        position: relative;
    }
        .footer .ubicanos .map{
            width: 100%;
            height: 270px;
            /* background-color: red; */
            display: inline-block;
            vertical-align: top;
        }

    .footer .escribenos{
        width: 50%;
        background-color: #0AADBE;
        vertical-align: top;
        /* height: 300px; */
        display: inline-block;
        position: relative;
        padding-bottom: 10px;
    }
        .footer .escribenos .infinito{
            width: 100vw;
            height: 100%;
            position: absolute;
            top: 0;
            right: 100%;
            background-color: #0AADBE;
        }   
            .footer .escribenos input
            {
                width: 60%;
                border: none;
                border-bottom: 1px solid #CEE1E5;
                outline: none;
                background-color: transparent;
                padding: 8px 0;
                /* background-color: red; */
                font-size: 13px;
                font-weight:400;
                font-family: 'Roboto', sans-serif;
                margin-bottom: 10px;
                color: #FFF;
                letter-spacing: 0.3px;
            }
            .footer .escribenos textarea
            {
                width: calc(60% - 20px);
                border: 1px solid #CEE1E5;
                outline: none;
                background-color: transparent;
                padding: 8px 10px;
                height: 120px;
                font-size: 13px;
                font-weight:400;
                font-family: 'Roboto', sans-serif;
                color: #FFF;
                letter-spacing: 0.3px;
                margin-top: 5px;
                resize: none;
            }
                .footer .escribenos input::-webkit-input-placeholder, .footer .escribenos textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                    color: #CEE1E5;
                }
                .footer .escribenos input::-moz-placeholder, .footer .escribenos textarea::-moz-placeholder { /* Firefox 19+ */
                    color: #CEE1E5;
                }
                .footer .escribenos input::-ms-input-placeholder, .footer .escribenos textarea::-ms-input-placeholder { /* IE 10+ */
                    color: #CEE1E5;
                }
                .footer .escribenos input::-moz-placeholder, .footer .escribenos textarea::-moz-placeholder { /* Firefox 18- */
                    color: #CEE1E5;
                }
            .footer .escribenos .submit{
                background-color: #223466;
                color: #FFF;
                outline: none;
                border: none;
                font-family: 'Roboto', sans-serif;
                font-weight: 400;
                letter-spacing: 0.3px;
                padding:5px 20px;
                font-size: 12px;
                margin-top:10px;
                cursor: pointer;
                transition: all 150ms ease;
                width: 100px;
            }
                .footer .escribenos .submit:hover{
                    background-color: #165992;
                }
        
    .footer .menuResumen{
        width: 50%;
        background-color: #223466;
        vertical-align: top;
        height: 421px;
        display: inline-block;
        position: relative;
    }
        .footer.contacto .menuResumen{
            width: 50%;
        }

        .footer .menuResumen .infinito{
            width: 100vw;
            height: 100%;
            position: absolute;
            top: 0;
            left: 100%;
            background-color: #223466;
        }

    .footer .titSection{
        position: relative;
        padding: 17px 20px 15px 20px;
        display: inline-block;
        margin: 20px 0 20px 0;
        background-color: rgba(255,255,255,0.07);
        vertical-align: top;
        font-size: 24px;
        font-weight: 200;
        color: #FFF;
    }
        .footer .menuResumen .logo{
            height: 50px;
            width: 60%;
            margin-left: 20%;
            /* background-color: red; */
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            background-image: url(../img/logo2W.png);
            margin-top: 80px;
            margin-bottom: 30px;
        }
            .footer .menuResumen .minmenu{
                width: 80%;
                /* background-color: aqua; */
                display: inline-block;
                vertical-align: top;
                position: relative;
                margin-left: 10%;
                text-align: center;
            }
                .footer.contacto .menuResumen .minmenu{
                    margin-left: 0;
                    width: 100%;
                }

                .footer .menuResumen .minmenu .columna{
                    width: 48%;
                    margin: 0 1%;
                    display: inline-block;
                    vertical-align: top;
                    /* background-color: blue; */
                }
                    .footer .menuResumen .minmenu .columna a{
                        width: calc(100% - 20px);
                        text-align: left;
                        padding:8px 0 8px 20px;
                        font-weight: 400;
                        font-size: 12px;
                        color: #CEE1E5;
                        display: inline-block;
                        margin:3px 0;
                        position: relative;
                        vertical-align: top;
                        background-color: rgba(255,255,255,0.05);
                        letter-spacing: 0.1px;
                        text-decoration: none;
                        cursor: pointer;
                        transition: all 150ms ease;
                    }
                    .footer .menuResumen .minmenu .columna a:hover{
                        background-color: rgba(255,255,255,0.1);
                    }
                    .footer .menuResumen .minmenu .columna a.active{
                        color: #0AADBE;
                        font-weight: 600;
                    }
                    .footer .menuResumen .minmenu .columna a.invisible{
                        visibility: hidden;
                    }
    .footer .menuResumen .copy{
        width: 90%;
        padding:8px 0;
        background-color: #165992;
        font-size: 10px;
        font-weight: 500;
        position: absolute;
        bottom: 0;
        left: 0;
        padding-left: calc(10% + 5px);
        color: #CEE1E5;
        letter-spacing: 0.3px;
    }
        .footer.contacto .menuResumen .copy{
            background-color: #223466;
            border-top: 1px solid rgba(255,255,255,0.1);
        }

        .footer .menuResumen .copy a{
            display: inline-block;
            color: #0AADBE;
            text-decoration: none;
            font-weight: 600;
            margin-left: 5px;
            padding-left: 10px;
            position: relative;
            vertical-align: middle;
            margin-top: -1px;
            border-left: 1px solid #0AADBE;
        }
            .footer .menuResumen .copy a:hover{
                color: #FFF;
            }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > MENU PANEL
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.menuPanel{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #2234666e;
    display: none;
    z-index: 10000000000000000000000000;
}
    .menuPanel .main{
        width: 50%;
        height: 100%;
        display: inline-block;
        position: absolute; 
        left: 0;
        top: 0;
        background-color: #223466;
        box-shadow: 1px 0 20px 0 rgba(0,0,0,0.5);
    }

        .menuPanel .main .men{
            width: 42px;
            height: 20px;
            /* background-color: red; */
            display: inline-block;
            position: absolute;
            top: 64px;
            background-repeat: no-repeat;
            background-size: 22px;
            background-position: center 11px;
            background-image: url(../img/menu.png);
            padding-top: 35px;
            font-size: 9px;
            text-align: center;
            letter-spacing: 0.5px;
            font-weight: 500;
            cursor: default;
            color: white;   
            left: 14px;      
            /* opacity: 0.6; */
        }
        .menuPanel .main .log{
            height: 75px;
            width: 30%;
            top: 40px;
            opacity: 0.15;
            /* background-color: violet; */
            display: inline-block;
            position: absolute;
            left:100px;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: left center;
            background-image: url(../img/logo2W.png);
        }
        .menuPanel .main .close{
            height: 55px;
            width: 32px;
            top: 50px;
            /* background-color: violet; */
            opacity: 0.6;
            display: inline-block;
            position: absolute;
            right:20px;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            background-image: url(../img/closeW.png);
            cursor: pointer;
            transition: all 200ms ease;
        }
        .menuPanel .main .close:hover{
            opacity: 1;
        }
        .menuPanel .main .baseColumnas{
            width: calc(100% - 120px);
            /* height: calc(100% - 125px); */
            /* background-color: red; */
            /* bottom: 0; */
            display: inline-block;
            position: absolute;
            right: 20px;
        }
            .menuPanel .main .baseColumnas .columna{
                width: calc(50% - 10px);
                height:100%;
                margin-right: 20px;
                /* background-color: orange; */
                position: relative;
                display: inline-block;
                vertical-align: top;
            }
            .menuPanel .main .baseColumnas .columna.last{
                margin-right: 0;
            }
                .menuPanel .main .baseColumnas .columna .item{
                    width: calc(100% - 5px);
                    /* background-color:blue; */
                    font-size: 14px;
                    padding: 5px 0 5px 5px;
                    font-weight: 300;
                    margin:0 0 5px 0;
                    letter-spacing: 0.5px;
                    color: #FFF;
                    text-decoration: none;
                    position: relative;
                    display: inline-block;
                    vertical-align: top;
                    transition:all 200ms ease;
                    opacity: 0.9;
                } 
                    .menuPanel .main .baseColumnas .columna .item.subt{
                        margin-bottom: 5px;
                    }

                    .menuPanel .main .baseColumnas .columna .item.sub{
                        width: calc(80% - 22px);
                        margin-left: 20%;
                        padding-left: 20px;
                        border-left: 2px solid #0AADBE;
                        padding: 3px 0 3px 20px;
                        font-size: 14px;
                        font-weight: 300;
                        margin-bottom: 5px;
                    }
                    .menuPanel .main .baseColumnas .columna .item.sub.last{
                        margin-bottom: 10px;
                    }

                    .menuPanel .main .baseColumnas .columna .item span{
                        font-size: 13px;
                        font-weight: 300;
                    }

                    .menuPanel .main .baseColumnas .columna a:hover{
                        background-color: rgba(255,255,255,0.1);
                        /* opacity: 1; */
                    }
                .menuPanel .main .baseColumnas .columna .atencion-0{
                    padding: 5px 0px 5px 5px;
                    background-repeat: no-repeat;
                    background-size: 24px;
                    background-position: 15px center;
                    /* background-image: url(../img/wpW.png); */
                    /* border:1px solid rgba(255,255,255,0.3); */
                    color: #FFF;
                    font-size: 14px;
                    font-weight: 300;
                    margin-top: 15px;
                    display: inline-block;
                    /* border-radius: 2px; */
                    text-decoration: none;
                    transition:all 200ms ease;
                }
                .menuPanel .main .baseColumnas .columna .atencion-a{
                    padding: 7px 20px 10px 20px;
                    background-repeat: no-repeat;
                    background-size: 24px;
                    background-position: 15px center;
                    /* background-image: url(../img/wpW.png); */
                    border:1px solid rgba(255,255,255,0.3);
                    color: #FFF;
                    font-size: 18px;
                    font-weight: 200;
                    margin-top: 5px;
                    display: inline-block;
                    /* border-radius: 2px; */
                    text-decoration: none;
                    transition:all 200ms ease;
                    margin-right: 5px;
                }
                .menuPanel .main .baseColumnas .columna .atencion-b{
                    padding: 7px 20px 10px 20px;
                    background-repeat: no-repeat;
                    background-size: 24px;
                    background-position: 15px center;
                    /* background-image: url(../img/wpW.png); */
                    border:1px solid rgba(255,255,255,0.3);
                    color: #FFF;
                    font-size: 18px;
                    font-weight: 200;
                    margin-top: 5px;
                    display: inline-block;
                    /* border-radius: 2px; */
                    text-decoration: none;
                    transition:all 200ms ease;
                }
                    .menuPanel .main .baseColumnas .columna .atencion-a span, .menuPanel .main .baseColumnas .columna .atencion-b span{
                        font-size: 11px;
                        font-weight: 400;
                        letter-spacing: 0.5px;
                    }
                    .menuPanel .main .baseColumnas .columna .atencion-a:hover, .menuPanel .main .baseColumnas .columna .atencion-b:hover{
                        background-color: rgba(255,255,255,0.1);
                    }
                .menuPanel .main .baseColumnas .columna .r{
                    padding: 5px 20px 5px 50px;
                    color: rgba(255,255,255,0.8);
                    font-size: 13px;
                    margin-top: 15px; 
                    font-weight: 300;
                    display: inline-block;
                    text-decoration: none;
                    position: relative;
                    transition:all 200ms ease;
                    letter-spacing: 0.5px;

                }


                    .menuPanel .main .baseColumnas .columna .r span{
                        width: 40px;
                        height: 100%;
                        display: inline-block;
                        vertical-align: middle;
                        margin-right: 10px;
                        background-color: rgba(255,255,255,0.1);
                        position: absolute;
                        top: 0;
                        left: 0px;
                    }
                        .menuPanel .main .baseColumnas .columna .r.i span{
                            background-repeat: no-repeat;
                            background-size: 17px;
                            background-position: 19px center;
                            background-image: url(../img/instagramW.png);
                        }
                        .menuPanel .main .baseColumnas .columna .r.f span{
                            background-repeat: no-repeat;
                            background-size: 8px;
                            background-position: 22px center;
                            background-image: url(../img/facebookW.png);
                        }
                        .menuPanel .main .baseColumnas .columna .r.l span{
                            background-repeat: no-repeat;
                            background-size: 14px;
                            background-position: 19px center;
                            background-image: url(../img/linkedinW.png);
                        }

                    
/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > ESTANDAR INNER PAGES
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/


.leftBarInner{
    width: 70px;
    height: calc(100% + 150px);
    background-color: #0AADBE;
    display: inline-block;
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
}
    .leftBarInner .menu{
        width: 42px;
        height: 20px;
        /* background-color: red; */
        display: inline-block;
        position: absolute;
        top: 50px;
        background-repeat: no-repeat;
        background-size: 22px;
        background-position: center 11px;
        background-image: url(../img/menu.png);
        padding-top: 35px;
        font-size: 9px;
        text-align: center;
        letter-spacing: 0.5px;
        font-weight: 500;
        cursor: pointer;
        color: white;         
    }
        .leftBarInner .menu:hover{
            background-image: url(../img/menuB.png);            
        }
    .leftBarInner .menuextra{
        display: inline-block;
        width: 32px;
        left: calc(50% - 16px);
        /* height: 100px; */
        /* background-color: red; */
        position: absolute;
        top:calc(50% - 75px);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
        .leftBarInner .menuextra .suit{
            width: 32px;
            height: 32px;
            display: inline-block;
            position: relative;
            /* background-color: blue; */
            vertical-align: top;
            margin-bottom: 35px;
            background-repeat: no-repeat;
            background-size: 24px;
            background-position: center;
            background-image: url(../img/cama.png);
            text-transform: uppercase;
        }
        .leftBarInner .menuextra .rest{
            width: 32px;
            height: 32px;
            display: inline-block;
            position: relative;
            /* background-color: blue; */
            vertical-align: top;
            margin-bottom: 38px;
            background-repeat: no-repeat;
            background-size: 26px;
            background-position: center;
            background-image: url(../img/services.png);
            cursor: pointer;
        }
        .leftBarInner .menuextra .serv{
            width: 32px;
            height: 32px;
            display: inline-block;
            position: relative;
            /* background-color: blue; */
            vertical-align: top;
            background-repeat: no-repeat;
            background-size: 29px;
            background-position: center;
            background-image: url(../img/restaurantes.png);
            cursor: pointer;
        }
            .leftBarInner .menuextra .suit:hover{
               background-image: url(../img/camaB.png);
            }
            .leftBarInner .menuextra .rest:hover{
               background-image: url(../img/servicesB.png);
            }
            .leftBarInner .menuextra .serv:hover{
               background-image: url(../img/restaurantesB.png);
            }

            .leftBarInner .menuextra .text{
                position: absolute;
                background-color: #0AADBE;
                /* top: 0; */
                left: -500px;
                display: block;
                padding: 14px 10px 13px 30px;
                font-size: 11px;
                font-weight: 400;
                color: #FFF;
                letter-spacing: 1px;
                width: max-content;
                opacity: 0;
                cursor:  pointer;
                text-decoration: none;
            }

            .leftBarInner .menuextra .text:hover{
                color: #223466;
            }

            .leftBarInner .menuextra .text.ss{
                cursor: default;
            }

            .leftBarInner .menuextra .text a{
                display: inline-block;
                padding: 5px 0;
                position: relative;
                color: #FFF;
                margin: 5px 0;
                text-decoration: none;
                transition: all 300ms ease;
            }
                .leftBarInner .menuextra .text a:hover{
                    color: #223466;
                }

            .leftBarInner .menuextra div:hover .text{
                opacity: 1;
                left: 100%;
            }

.header{
    width: 100%;
    height: 196.5px;
    /* background-color: red; */
    display: inline-block;
    vertical-align: top;
}
    .header.mini{
        z-index: 10000000;
        position: fixed;
        top: -70px;
        left: 0;
        height: 60px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);
        background-color: #223466;
        transition: top 250ms ease;
    }
    .header.mini.activo{
        top: 0;
    }
    .header.mini .language-top{
        font-size: 13px;
        font-weight: 300;
        color: #FFFFFF;
        position: absolute;
        right: 310px;
        text-decoration: none;
        top:15px;
        padding: 9px 15px;
    }
    .header.mini .language-top:hover{
        background-color: rgba(255,255,255,0.1);
    }


    .header.mini .menu{
        width: 42px;
        height: 20px;
        /* background-color: red; */
        display: inline-block;
        position: absolute;
        top: 5px;
        left: 0;
        background-repeat: no-repeat;
        background-size: 22px;
        background-position: center 11px;
        background-image: url(../img/menu.png);
        padding-top: 35px;
        font-size: 9px;
        text-align: center;
        letter-spacing: 0.5px;
        font-weight: 500;
        cursor: pointer;
        color: #FFF;         
    }
        .header.mini .menu:hover{
            opacity: 0.6;
        }


    .header .logo{
        width: 300px;
        height: 95px;
        /* background-color: blue; */
        position: absolute;
        top: 28px;
        left: 0px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left center;
        background-image: url(../img/logo2B.png);
    }
        .header.mini .logo{
            height: 50px;
            top: 5px;
            width: 200px;
            left: 80px;
            background-image: url(../img/logo2W.png);

        }

    .header .inicio{
        padding: 9px 15px;
        text-decoration: none;
        /* background-color: orange; */
        color: #223466;
        font-size: 13px;
        font-weight: 400;
        position: absolute;
        top: 59.5px;
        left: 350px;
        display: inline-block;
        transition:all 150ms ease;
    }
        .header.mini .inicio{
            top: 15px;
            color: #FFF;
            font-weight: 300;
            /* background-color: rgba(255,255,255,0.1); */
            font-size: 13px;
            letter-spacing: 0.5px;
            left: 320px;
        }
    .header .cs{
        padding: 9px 12px 9px 12px;
        text-decoration: none;
        /* background-color: orange; */
        color: #0AADBE;
        font-size: 16px;
        font-weight: 300;
        position: absolute;
        top: 49.5px;
        right: 125px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 10px center;
        /* background-image: url(../img/wpC.png); */
        transition:all 150ms ease;
    }
        .header .cs a{
            padding: 4px 0px 4px 0px;
            top: 12px;
            color: #333;
            /* background-image: url(../img/wpW.png); */
            background-image: none;
            font-size: 9.5px;
            font-weight: 400;
            letter-spacing: 0.5px;
            text-decoration: none;
            margin-right: 15px;
        }
        .header .cs a:hover{
            color:#213366;
            text-decoration: underline;
        }

        .header .inicio:hover, .header .cs:hover{
            background-color: #EEE;
        }
        .header.mini .inicio:hover{
            background-color: rgba(255,255,255,0.1);
            /* text-decoration: underline; */
        }

        .header.mini .cs{
            padding: 4px 12px 4px 12px;
            top: 12px;
            color: #FFF;
            /* background-image: url(../img/wpW.png); */
            background-image: none;
            font-size: 14px;
        }
        .header.mini .cs a{
            padding: 4px 0px 4px 0px;
            top: 12px;
            color: #FFF;
            /* background-image: url(../img/wpW.png); */
            background-image: none;
            font-size: 9.5px;
            font-weight: 400;
            letter-spacing: 0.5px;
            text-decoration:none;
            margin-right: 15px;
        }
        .header.mini .cs a:hover{
            text-decoration:underline;
        }
        
        .header.mini .cs:hover{
            background-color: rgba(255,255,255,0.1);
        }

    .header .reserv{
        padding: 14px 20px 12px 20px;
        text-decoration: none;
        background-color: #0AADBE;
        color: #ffffff;
        font-size: 13px;
        font-weight: 400;
        position: absolute;
        top: 53px;
        right: 0;
        display: inline-block;
        letter-spacing: 0.3px;
        transition: all 150ms ease;
        background-repeat: no-repeat;
        background-size: 12px;
        background-position: 80% center;
        background-image: none;
        cursor: pointer;
    }
        .header.mini .reserv{
            top: 9.5px;
        }

        .header .reserv .i{
            background-color: #CEE1E5;
            height: 100%;
            width: 100vw;
            top: 0;
            left: 100%;
            position: absolute;
        }
            .header.mini .reserv .i{
                background-color: rgba(255,255,255,0.1);
            }


        .header .reserv:hover{
            background-image: url(../img/rightW.png);
            background-position: 89% center;
            padding: 14px 28px 12px 12px;
        }
    .header .sectionTit{
        width: 409px;
        padding: 20px 0;
        background-color: #CEE1E5;
        display: inline-block;
        position: absolute;
        font-size: 22px;
        font-weight: 300;
        top: 135px;
        color: #213366;
    }
        .header .sectionTit span{
            font-size:16px;
            font-weight: 300;
        }

    .header .sectionTit .cola{
        width: 500px;
        height: 100%;
        background-color: #CEE1E5;
        display: inline-block;
        right: 100%;
        top: 0;
        position: absolute;
    }

    .generalTit{
        font-size: 38px;
        font-weight: 100;
        display: inline-block;
        color: #223466;
        margin-top: 40px;
        margin-bottom: 20px;
        position: relative;
    }
    .generalTit.white{
        color: #FFF;
    }

    .generalTit.center{
        text-align: center;
        width: 100%;
        padding:20px 0;
        background-color: #0AADBE;
        color: #FFF !important;
        margin-bottom: 0 !important;
    }
    .generalTit.center img{
        max-width: 210px;
        display: inline-block;
        /* margin-bottom: 10px; */
        vertical-align: top;
    }

    .introinner{
        width: 100%;
        /* background-color: violet; */
        display: inline-block;
        margin-bottom: 30px;
        vertical-align: top;
    }
    .introinner.margintop{
        margin-top: 40px;
        margin-bottom: 0;
    }

    .ancla1{
        position: absolute;
        height: 10px;
        width: 60px;
        display: inline-block;
        left: 0;
        top: -80px; 
    }

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > SUITES
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.suite-slide{
    width: 100%;
    height: 530px;
    /* background-color: red; */
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 30px;
}


.s-descripcion{
    width: calc(50% - 20px);
    /* height: 300px; */
    position: relative;
    vertical-align: top;
    background-color: #EEE;
    margin-right: 40px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: 300;
}
    .s-descripcion .banda{
        padding: 20px 0 18px 0;
        display: inline-block;
        width: 100%;
        position: relative;
        background-color: #223466;
        color: #FFF;
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 0.7px;
        text-transform: uppercase;
    }
        .s-descripcion .banda .per{
            display: inline-block;
        }
            .s-descripcion .banda .per img{
                height: 30px;
                display: inline-block;
                vertical-align: middle;
            }

        .s-descripcion .banda .cam{
            display: inline-block;
            margin-left: 30px;
            vertical-align: middle;
            text-align: left;
        }
            .s-descripcion .banda .cam img{
                height: 22px;
                display: inline-block;
                vertical-align: middle;
                text-align: left;
                margin-right: 5px;
            }
            .s-descripcion .banda .per span, .s-descripcion .banda .cam span{
                margin-left:8px;
                display:inline-block;
                vertical-align: middle;
                text-align: left;
            }
    .s-descripcion .txt{
        width: 80%;
        /* background-color: blue; */
        display: inline-block;
        padding: 30px 0;
    }
        .s-descripcion .txt .t{
            /* background-color: violet; */
            color: #000;
            letter-spacing: 0.3px;
            text-align: justify;
        }

.s-equipamiento{
    width: calc(50% - 20px);
    position: relative;
    vertical-align: top;
    display: inline-block;
    column-count: 2;
    column-gap: 20px;
    line-height: 24px;
    /* background-color: yellow; */
}
    .s-equipamiento span{
        padding-left: 20px;
        background-repeat: no-repeat;
        background-size: 12px;
        background-position: left 5.3px;
        display: inline-block;
        background-image: url(../img/checkB.png);
    }


.costos{
    width: 100%;
    /* background-color: red; */
    display: inline-block;
    margin-top: 30px;
}
    .costos .head{
        width: 100%;
        /* background-color: violet; */
        display: inline-block;
        border-bottom: 1px solid #DDD;
        vertical-align:top;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }
        .costos .head .tt{
            padding: 14px 20px;
            font-size: 14px;
            letter-spacing: 0.3px;
            font-weight:300;
            background-color: #223466;
            display: inline-block;
            color: #FFF;
            vertical-align:middle;
            margin-right: 30px;
        }
        .costos .head .moneda{
            /* background-color: orange; */
            display: inline-block;
            vertical-align:middle;
        }
            .costos .head .moneda .tit{
                font-size: 11px;
                font-weight: 400;
                padding: 4px 0 3px 20px;
                /* background-color: grey; */
                background-repeat: no-repeat;
                background-size: 14px;
                background-position: left center;
                background-image: url(../img/bill-d.png);
                display:inline-block;
                vertical-align:middle;
                opacity: 0.5;
            }
            .costos .head .moneda .opc{
                font-size: 11px;
                font-weight: 400;
                padding: 10px 0 10px 20px;
                border-bottom: 1px solid #0AADBE;
                /* background-color: grey; */
                background-repeat: no-repeat;
                background-size: 12px;
                background-position: left center;
                background-image: url(../img/downB.png);
                display:none;
                vertical-align:middle;
                margin-left:10px;
                cursor: pointer;
                transition: all 100ms ease;
            }
                .costos .head .moneda .opc.active{
                    display: inline-block;
                }
                .costos .head .moneda .opc:hover{
                    border-bottom-color: #223466;
                    background-image: url(../img/downD.png);
                }


    .costos .panelCostos{
        width: 100%;
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        grid-column-gap: 20px;
        vertical-align:top;
    }
        .costos .panelCostos .costo{
            /* background-color: violet; */
            border: 1px solid #CEE1E5;
            text-align: left;
            position: relative;
            margin-top: 20px;
            padding: 20px 20px 70px 20px;
        }
         .costos .panelCostos .costo.prom {
                background-color: #213366 !important;
            }
            .costos .panelCostos .costo .promocionspan{
                background-color: #fff;
                font-size: 12px;
                padding: 5px 10px;
                color: #213366;
                margin-bottom: 4px;
                display: inline-block;
            }

            .costos .panelCostos .costo .desayuno{
                position: relative;
                display: inline-block;
                /* background-color: greenyellow; */
                color: #0AADBE;
                margin-right: 40px;
                font-size: 16px;
                font-weight: 400;
                vertical-align:middle;
                margin-top: 12px;
                text-transform: uppercase;
            }
            .costos .panelCostos .costo.prom .desayuno{
                color: #FFF;
                font-size: 22px;
                font-weight: 300;
            }
            .costos .panelCostos .costo .precio{
                position: relative;
                /* display: inline-block; */
                /* background-color: greenyellow; */
                font-size: 36px;
                font-weight: 100;
                vertical-align:middle;
                float: right; 
                display: none;
            }
            .costos .panelCostos .costo.prom .precio{
                color: #FFF;
            }
            
            .costos .panelCostos .costo .precio.active{
                display: inline-block;
            }
                .costos .panelCostos .costo .precio .coin{
                    color: #0AADBE;
                    display: inline-block;
                    margin-right: 10px;
                    font-size: 18px;
                    font-weight: 300;
                }
                .costos .panelCostos .costo .precio .dec{
                    font-size: 16px;
                    font-weight: 300;
                    margin-top: 2px;
                    display: inline-block;
                    vertical-align: top;
                    margin-left: 3px;
                }

            .costos .panelCostos .costo .incluye{
                position: relative;
                display: inline-block;
                /* background-color: greenyellow; */
                margin-top: 10px;
                text-align: left;
                width: 90%;
                color: #333333;
                font-size: 13px;
                letter-spacing: 0.3px;
                font-weight: 300;
                line-height: 18px;
            }
                .costos .panelCostos .costo .incluye span{
                    font-weight: 400;
                }
            .costos .panelCostos .costo.prom .incluye{
                color: #FFF;
                font-size: 13px;
            }

            .costos .panelCostos .costo .reservarsuite{
                bottom: 20px;
                right: 20px;
                padding: 15px 25px 14px 25px;
                text-decoration: none;
                background-color: #0AADBE;
                color: #ffffff;
                font-size: 13px;
                font-weight: 400;
                position: absolute;
                background-repeat: no-repeat;
                background-size: 12px;
                background-position: 80% center;
                cursor: pointer;
                transition: all 150ms ease;
            }
                .costos .panelCostos .costo .reservarsuite:hover{
                    background-image: url(../img/rightW.png);
                    background-position: 90% center;
                    padding: 15px 33px 14px 17px;
                }

.politicas{
    width: calc(60% - 20px);
    padding: 30px 0px 10px 20px;
    font-size: 11px;
    color: #999999;
    letter-spacing: 0.3px;
    text-align: right;
    font-weight: 400;
    font-style: italic;
    margin-left: 40%;
}
    .politicas img{
        height: 16px;
        display: inline-block;
        margin-right: 5px;
        vertical-align: top;
        margin-top: -3px;
    }

.disfrutainit.inner .lineaA, .disfrutainit.inner .lineaB{
    display: grid;
    grid-template-columns:calc(33.3% - 3px) calc(33.3% - 3px) calc(33.3% - 3px);
    grid-row-gap: 5px;
    grid-column-gap: 5px;
    place-content: start;
    position: relative;
}

.o-suite{
    width: calc(100% - 42px);
    border:1px solid #D9D9D9;
    background-color: #f7f7f7;
    padding: 20px;
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
}
    .o-suite .data{
        width: calc(50% - 40px);
        /* background-color: orange; */
        vertical-align:top;
        display:inline-block;
        position:absolute;
    }
        .o-suite .data .tit{
            font-size: 28px;
            font-weight: 200;
            /* background-color: greenyellow; */
            display: inline-block;
            width: 100%;
            margin-bottom:15px;

        }
        .o-suite .data .caracteristicas{
            display: inline-block;
            width: 100%;
            /* background-color: greenyellow; */
            font-size: 10px;
            font-weight: 400;
            color: #666;
            letter-spacing: 0.7px;
            text-transform: uppercase;
            line-height: 14px;
            margin-bottom:15px;

        }

            .o-suite .data .caracteristicas .per{
                display: inline-block;
            }
                .o-suite .data .caracteristicas .per img{
                    height: 14px;
                    display: inline-block;
                    vertical-align: middle;
                    opacity: 0.3;
                }

            .o-suite .data .caracteristicas .cam{
                display: inline-block;
                margin-left: 30px;
            }
                .o-suite .data .caracteristicas .cam img{
                    height: 18px;
                    display: inline-block;
                    vertical-align: middle;
                    opacity: 0.3;
                }
                .o-suite .data .caracteristicas .per span, .o-suite .data .caracteristicas .cam span{
                    margin-left:8px;
                    display:inline-block;
                    vertical-align: middle;
                }

        .o-suite .data .detalles{
            padding: 10px 18px 9px 18px;
            text-decoration: none;
            /* background-color: #0AADBE; */
            border:1px solid #223466;
            color: #223466;
            font-size: 11px;
            font-weight: 400;
            position: relative;
            background-repeat: no-repeat;
            background-size: 12px;
            background-position: 80% center;
            cursor: pointer;
            transition: all 150ms ease;
            display: inline-block;
        }
            .o-suite .data .detalles:hover{
                background-image: url(../img/rightA.png);
                background-position: 90% center;
                padding: 10px 26px 9px 10px;
            }

    .o-suite .pic{
        width: 50%;
        /* background-color: green; */
        vertical-align:top;
        display:inline-block;
        position:relative;
        height: 180px;
        margin-left: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;

    }

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > EI-SLIDER
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

    .ei-slider{
        position: relative;
        width: 100%;
        max-width: 1920px;
        height: 100%;
        margin: 0 auto;
        z-index: 0;
    }
    .ei-slider-loading{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index:999;
        background: rgba(0,0,0,0.9);
        color: #fff;
        text-align: center;
        line-height: 400px;
        font-size: 13px;
        font-weight: 300;
    }
    .ei-slider-large{
        height: 100%;
        width: 100%;
        position:relative;
        overflow: hidden;
    }
    .ei-slider-large li{
        position: absolute;
        top: 0px;
        left: 0px;
        overflow: hidden;
        height: 100%;
        width: 100%;
    }
    .ei-slider-large li img{
        width: 100%;
    }
    .ei-title{
        position: absolute;
        right: 50%;
        margin-right: 13%;
        top: 30%;
    }
    .ei-title h2, .ei-title h3{
        text-align: right;
    }
    .ei-title h2{
        font-size: 40px;
        line-height: 50px;
        font-family: 'Playfair Display', serif;
        font-style: italic;
        color: #b5b5b5;
    }
    .ei-title h3{
        font-size: 70px;
        line-height: 70px;
        font-family: 'Open Sans Condensed', sans-serif;
        text-transform: uppercase;
        color: #000;
    }
    .ei-slider-thumbs{
        margin: 0 auto;
        position: absolute;
        height: 60px;
        text-align: center;
        background-color: white;
        width: auto;
        display: inline-block !important;
        bottom: 0;
        right: 0;
        z-index: 20000;
        padding-top: 3px;
        padding-left: 3px;
    }
    .ei-slider-thumbs li{
        position: relative;
        float: left;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        cursor: pointer;
        margin: 0 3px 0 0;
        width: 100px !important;
    }
        .ei-slider-thumbs li:last-child{
            margin-right: 0;
        }

    .ei-slider-thumbs li.ei-slider-element{
        top: 3px;
        left: 3px;
        position: absolute;
        height: 100%;
        z-index: 1000;
        text-indent: -9000px;
        background:rgba(10, 172, 190, 0.768);
        height: 60px;
        /* top: auto; */
        opacity: 1;
        bottom: 0px !important;
        cursor: default;
        border-bottom:3px solid #FFF;
        box-shadow: 0 1px 0 0 #0AADBE;
    }
    .ei-slider-thumbs li a{
        display: block;
        text-indent: -9000px;
        background: #666 ;
        width: 100%;
        height: 100%;
        cursor: pointer;
        -webkit-box-shadow: 
            0px 1px 1px 0px rgba(0,0,0,0.3), 
            0px 1px 0px 1px rgba(255,255,255,0.5);
        -moz-box-shadow: 
            0px 1px 1px 0px rgba(0,0,0,0.3), 
            0px 1px 0px 1px rgba(255,255,255,0.5);
        box-shadow: 
            0px 1px 1px 0px rgba(0,0,0,0.3), 
            0px 1px 0px 1px rgba(255,255,255,0.5);
        -webkit-transition: background 0.2s ease;
        -moz-transition: background 0.2s ease;
        -o-transition: background 0.2s ease;
        -ms-transition: background 0.2s ease;
        transition: background 0.2s ease;
    }
    .ei-slider-thumbs li a:hover{
        background-color: #f0f0f0;
    }
    .ei-slider-thumbs li img{
        position: absolute;
        bottom: 50px;
        opacity: 0;
        z-index: 999;
        max-width: 100%;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
        opacity:1;
        bottom: 13px;
    }




    .covid-tit{
        font-size: 38px;
        font-weight: 100;
        display: inline-block;
        color: #333333;
        margin-top: 40px;
        margin-bottom: 20px;
        position: relative;
        /* background-color: yellow; */
        text-align: center;
        width: 100%;
    }
    .covid-tit span{
        color: #0AADBE;
    }
    .covid-intro{
        width: 70%;
        font-size: 24px;
        font-weight: 200;
        color: #777;
        position: relative;
        display: inline-block;
        margin: 15px 0 40px 15%;
        line-height: 34px;
        text-align: center;
    }
    .covid-img1{
        width: 100%;
        height: 450px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url(../img/otras/anticovid.jpg);
    }

    .covid-text{
        width: 80%;
        font-size: 24px;
        font-weight: 200;
        color: #777;
        position: relative;
        display: inline-block;
        margin:40px 0 50px 10%;
        line-height: 34px;
        text-align: center;
    }
    .covid-subtit{
        /* width: 409px; */
        padding: 20px 20px 20px 0;
        background-color: #CEE1E5;
        display: inline-block;
        position: relative;
        font-size: 22px;
        font-weight: 300;
        /* top: 135px; */
        margin-bottom: 20px;
        color: #213366;
    }
    .covid-subtit .cola{
        width: 500px;
        height: 100%;
        background-color: #CEE1E5;
        display: inline-block;
        right: 100%;
        top: 0;
        position: absolute;
    }
    .covid-item{
        width: 100%;
        font-size: 16px;
        font-weight: 300;
        color: #333;
        position: relative;
        display: inline-block;
        margin:10px 0 10px 0%;
        line-height: 34px;
        
        text-align: left;
        padding-left: 50px;
        /* background-color: yellow; */
    }
    .covid-item .nbmr{
        position: absolute;
        display: flex;
        align-items: center;
        height: 30px;
        padding-top: 2px;
        width: 30px;
        background-color: #213366;
        color: #FFFFFF;
        justify-content: center;
        left: 0;
        top: 0;
        border-radius: 2px;
    }
    .covid-img2{
        width: 350px;
        height: 300px;
        display: block;
        margin:0 auto;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url(../img/covid2.jpg);
        margin-top: 30px;
    }

.anuncioclave{
    width: 100%;
    padding: 10px 0 0 0;
    /* background-color: yellow; */
    position: relative;
    display: inline-block;
    color: #333333;
    line-height: 17px;
}
    .anuncioclave .t{   
        color: #213366;
        font-weight: 600;
        width: 100%;
        margin-bottom: 5px;
    }
    .anuncioclave span{
        font-weight: 600;
    }

    .anuncioclave1{
        width: 100%;
        padding: 10px 0 0 0;
        /* background-color: yellow; */
        position: relative;
        display: inline-block;
        color: #333333;
        line-height: 17px;
        text-align: left;
    }
        .anuncioclave1 .t{   
            color: #213366;
            font-weight: 600;
            width: 100%;
        }
        .anuncioclave1 span{
            font-weight: 600;
        }
        
    .banconota{
        font-size: 11px;
        padding: 10px;
        border: 1px solid #CCC;
    }
    .banconota span{
        font-weight: 600;

    }


    @media screen and (max-width: 830px) {
        .ei-title{
            position: absolute;
            right: 0px;
            margin-right: 0px;
            width: 100%;
            text-align: center;
            top: auto;
            bottom: 10px;
            background: #fff;
            background: rgba(255,255,255,0.9);
            padding: 5px 0;
        }
        .ei-title h2, .ei-title h3{
            text-align: center;
        }
        .ei-title h2{
            font-size: 20px;
            line-height: 24px;
        }
        .ei-title h3{
            font-size: 30px;
            line-height: 40px;
        }
    }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > RESTAURANTES
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.contenido-rest{
    width: 100%;
    /* height: 300px; */
    position: relative;
    vertical-align: top;
    /* background-color: #F0F0F0; */
    padding-bottom: 20px;
    margin-right: 40px;
    display: inline-block;
    text-align: justify;
    font-size: 14px;
    color: #333;
    font-weight: 300;

    -webkit-column-count: 2;
      -moz-column-count: 2;
           column-count: 2;

           column-width: 200px;
           column-gap: 50px;
           

   /* -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
           column-gap: 20px; */
}

.contactos_rest{
    width: 100%;
    /* background-color: red; */
    /* height: 150px; */
    display: inline-block;
    padding: 0 0 5px 0;
    position: relative;
    border-bottom:1px solid #0AADBE;
    text-align: right;
}
.contactos_rest .d{
    width: calc(50% - 50px);
    padding: 5px 0 5px 30px;
    /* background-color: violet; */
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    margin:2px 0;
    color: #333;
    text-decoration: none;
    text-align: left;
    margin-left: 20px;
}  
    .contactos_rest .d:not(.horario):hover{
        font-weight: 500;
    }
    .contactos_rest .d.horario{
        background-size: 20px;
        background-position: left center;
        background-image: url(../img/horario.png);
        cursor: default;
    }
    .contactos_rest .d.phone{
        background-size: 22px;
        background-position: left center;
        background-image: url(../img/phoneC.png);
    }
    .contactos_rest .d.mail{
        background-size: 22px;
        background-position: left center;
        background-image: url(../img/mainC.png);
    }
    .contactos_rest .d.ins{
        background-size: 22px;
        background-position: left center;
        background-image: url(../img/instagramC.png);
    }
    .contactos_rest .d.fac{
        background-size: 10px;
        background-position: 6px center;
        background-image: url(../img/facebookC.png);
    }

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > INSTALACIONES / SERVICIOS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/


.disfruta .item{
    width: 100%;
    /* background-color: violet; */
    display: inline-block;
    margin-bottom: 20px;
    height: 260px;
    position: relative;

}
    .disfruta .ancla{
        position: absolute; 
        width: 50px;
        height: 70px;
        left: 0;
        top: -70px;
        background-color: red;
        visibility: hidden;
    }
    .disfruta .item .desc{
        width: calc(50% - 51px);
        /* background-color: yellow; */
        height: calc(100% - 40px);
        display: inline-block;
        left: 0;
        top: 20px;
        border-bottom: 1px solid #999;
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        position: absolute;
        padding-left: 30px;
        padding-right: 20px;
        text-align: justify;
    }
        .disfruta .item .desc .tit{
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 5px;
        }
            .disfruta .item .desc .tit.a{
                color: #0AADBE;
            }
            .disfruta .item .desc .tit.a{
                color: #0AADBE;
            }
            .disfruta .item .desc .tit.b{
                color: #165992;
            }
            .disfruta .item .desc .tit.c{
                color: #223466;
            }

    .disfruta .item .pic{
        width: 50%;
        /* background-color: orange; */
        height: 100%;
        display: inline-block;
        left: 50%;
        top: 0;
        position: absolute;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
        .disfruta .item .i{
            position: absolute;
            top: 0;
            left: 100%;
            width: 100vw;
            display: inline-block;
            height: 100%;
        }
            .disfruta .item .i.a{
                background-color: #0AADBE;
            }
            .disfruta .item .i.b{
                background-color: #165992;
            }
            .disfruta .item .i.c{
                background-color: #223466;
            }


        .disfruta .item .pic.s1{
            background-image: url(../img/servicios/i1.jpg);
        }
        .disfruta .item .pic.s2{
            background-image: url(../img/servicios/s8.jpg);
        }
        .disfruta .item .pic.s3{
            background-image: url(../img/servicios/s6.jpg);
        }
        .disfruta .item .pic.s4{
            background-image: url(../img/servicios/s3.jpg);
        }
        .disfruta .item .pic.s5{
            background-image: url(../img/servicios/s11.jpg);
        }
        .disfruta .item .pic.s6{
            background-image: url(../img/servicios/s5.jpg);
        }
        .disfruta .item .pic.s7{
            background-image: url(../img/servicios/s2.jpg);
        }
        .disfruta .item .pic.s8{
            background-image: url(../img/servicios/s7.jpg);
        }
        .disfruta .item .pic.s9{
            background-image: url(../img/servicios/s2.jpg);
        }

        .disfruta .item .pic.s10{
            background-image: url(../img/servicios/s10.jpg);
        }
        .disfruta .item .pic.s11{
            background-image: url(../img/servicios/s12.jpg);
        }
        .disfruta .item .pic.s12{
            background-image: url(../img/servicios/s12.jpg);
        }
        .disfruta .item .pic.s13{
            background-image: url(../img/servicios/s9.jpg);
        }

        .disfruta .item .pic.s14{
            background-image: url(../img/eventos/n2.jpg);
        }
        .disfruta .item .pic.s15{
            background-image: url(../img/promociones/p2.jpg);
        }
        .disfruta .item .pic.s16{
            background-image: url(../img/promociones/p1.jpg);
        }
        .disfruta .item .pic.s17{
            background-image: url(../img/promociones/p3.jpg);
        }
        .disfruta .item .pic.s18{
            background-image: url(../img/promociones/p3.jpg);
        }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > SALAS DE EVENTOS Y BANQUETES
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.contenido-salas{
    width: 100%;
    /* height: 300px; */
    position: relative;
    vertical-align: top;
    /* background-color: violet; */
    border-bottom:1px solid #0AADBE;
    padding-bottom: 20px;
    margin-right: 40px;
    display: inline-block;
    text-align: justify;
}
    .contenido-salas .descripcion{
        width: calc(32% - 10px);
        /* height: 200px; */
        display: inline-block;
        /* background-color: red; */
        padding-right: 10px;
        vertical-align: top;
        margin-right: 2%;  
        /* border-right: 1px solid #999;  */
    }
    .contenido-salas .equipamiento{
        width: calc(60% - 11px);
        height: 230px;
        display: inline-block;
        /* background-color: red; */
        vertical-align: top;
        margin-right: 4%;
    }
        .contenido-salas .equipamiento.left{
            margin-right: 0;
            width: 36%;
            padding-left: 10px;
            border-left: 1px solid #EEE;
        }

        .contenido-salas .equipamiento .tt{
            width: auto;
            padding: 7px 0 5px 25px;
            background-color:#CEE1E5;
            color: #0AADBE;
            font-size: 11px;
            font-weight: 500;
            margin-bottom: 10px;
            position: relative;
        }
        .contenido-salas .equipamiento .cont{
            column-count: 2;
            column-gap: 40px;
            column-fill:auto;
            text-align: left;
            height: calc(100% - 44px);
            position: relative;
        }
            .contenido-salas .equipamiento .cont span{
                padding-left: 20px;
                background-repeat: no-repeat;
                background-size: 12px;
                background-position: left 5.3px;
                display: inline-block;
                background-image: url(../img/checkB.png);
            }
            
    .contenido-salas .opciones{
        width: 48%;
        /* height: 200px; */
        display: inline-block;
        background-color: red;
        vertical-align: top;
        margin-right: 0%;
    }
        .contenido-salas .opciones .tt{
            width: calc(50% - 25px);
            padding: 5px 0 5px 25px;
            background-color:#CEE1E5;
            color: #0AADBE;
            font-size: 11px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .contenido-salas .opciones .i{
            width: calc(100% - 23px);
            padding: 5px 0 5px 21px;
            /* background-color: #999; */
            margin:5px 0 0 1px;
            border-left: 2px solid #0AADBE;
        }
        .contenido-salas .montajes{
            padding: 2.5px 8px 1.5px 24px;
            border: 1px solid #223466;
            background-color: #223466;
            color: #FFFFFF;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 400;
            text-decoration: none;
            display: inline-block;
            cursor: pointer;
            transition: all 150ms ease;
            line-height: 24px !important;
            margin-bottom: 10px;
            border-radius: 3px;
            margin-top: 5px;
            background-repeat: no-repeat;
            background-size: 14px;
            background-position: 5px center;
            background-image: url(../img/download.png);
        }
            .contenido-salas .montajes:hover{
                text-decoration: underline;
            }


    .contenido-salas .masinfo{
        padding: 12px 25px 11px 25px;
        text-decoration: none;
        background-color: #0AADBE;
        color: #ffffff;
        font-size: 13px;
        font-weight: 400;
        position: relative;
        background-repeat: no-repeat;
        background-size: 12px;
        background-position: 80% center;
        cursor: pointer;
        transition: all 150ms ease;
        float: right;
        margin-top: 0px;
    }
        .contenido-salas .masinfo:hover{
            background-image: url(../img/rightW.png);
            background-position: 90% center;
            padding: 12px 33px 11px 17px;
        }
        .infosalas:hover .massalas{
            display: inline-block;
        }
    
        .infosalas .massalas{
            width: 200px;
            height: fit-content;
            padding: 5px 10px;
            background-color: rgba(33, 51, 102, 0.932);
            display: none;
            position: absolute;
            bottom:calc(100% - 10px);
            right: 10px;
            cursor: default;
            font-weight: 300;
        }
            .infosalas .massalas *{
                /* background-color: red; */
                margin:3px 0;
                padding: 3px 0 3px 28px;
                background-repeat: no-repeat;
                line-height: 20px;
                background-position: left center;
                display: block; 
            }
                .infosalas .massalas .m{
                    background-size: 18px;
                    background-image: url(../img/mailW.png);
                }
                .infosalas .massalas .p{
                    background-size: 18px;
                    background-image: url(../img/phone.png);
                }
                .infosalas .massalas .w{
                    background-size: 18px;
                    background-image: url(../img/wpW.png);
                    color: #FFF;
                    text-decoration:none;
                    color:#0AADBE;
                }
                    .infosalas .massalas .w:hover{
                        text-decoration:underline;
                    }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > SOBRE EL HOTEL
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.elhotel .bold1{
    color: #0AADBE;
    font-weight: 500;
}

.d1{
    width: 100%;
    /* background-color: violet; */
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: auto;
}
    .d1 .text{
        width: calc(50% - 30px);
        vertical-align: top;
        /* background-color: yellow; */
        vertical-align: top;
        padding-right: 30px;
        text-align: justify;

    }
    .d1 .thepic{
        width: 50%;
        top: 0;
        right: 0;
        /* background-color: orange; */
        height: 100%;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-image: url(../img/otras/b.jpg);
    }
        .d1 .thepic .i{
            position: absolute;
            top: 0;
            left: 100%;
            width: 100vw;
            display: inline-block;
            height: 100%;
            background-color: #223466;
        }
.d2{
    width: 100%;
    /* background-color: violet; */
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: auto;
    margin-top: 50px;
}
    .d2 .text{
        width: calc(50% - 30px);
        vertical-align: top;
        /* background-color: yellow; */
        vertical-align: top;
        padding-left: 30px;
        float: right;
        text-align: justify;
    }
        .d2 .text .ttt{
            width: 100%;
            color: #0AADBE;
            font-size: 32px;
            font-weight: 200;
            border-bottom: 1px solid #EEE;
            text-align: right;   
            padding: 15px 0 25px 0;
            margin-bottom: 18px;
        }
    .d2 .fotoantigua{
        width: 50%;
        top: 0;
        left: 0;
        /* background-color: orange; */
        height: 100%;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-image: url(../img/otras/c.jpg);
        box-shadow: -4px 4px 10px 0 rgba(0,0,0,0.1);
    }

.mision{
    width: 100%;
    /* background-color: violet; */
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: auto;
    margin-top: 50px;
}
    .mision.other{
        margin-top: 0;
    }
    .mision.sometop{
        margin-bottom: 40px;
    }
    .mision .texto{
        width: calc(50% - 30px);
        vertical-align: top;
        background-color: #165992;
        vertical-align: top;
        padding: 50px 100px 50px 0;
        text-align: justify;
        color: #FFF;
        height: 230px;
    }
        .mision .texto .t1{
            width: 100%;
            display: inline-block;
            color: #FFF;
            font-size: 32px;
            font-weight: 200;
            margin-bottom: 10px;
            line-height: 38px;
            text-align: left;
        }
        .mision.other .texto .t1{
            width: auto;
            vertical-align: middle;
            /* margin-bottom: 0px; */
        }

        .mision.other .texto .t1 .sub{
            font-size: 15px;
            font-weight: 300;
            letter-spacing: 0.5px;
            margin-left: 10px;
        }

        .mision.other .texto img{
            max-width: 120px;
            max-height: 100px;
            position: relative;
            display: inline-block;
            /* margin-left: 20px; */
            vertical-align: middle;
            margin-bottom: 10px;
        }
        .mision .texto .inf{
            position: absolute;
            top: 0;
            right: 100%;
            width: 100vw;
            display: inline-block;
            height: 100%;
            background-color: #165992;
        }
    .mision .fotomision{
        width: 50%;
        top: 30px;
        right: 0;
        /* background-color: orange; */
        /* opacity: 0.8; */
        height: calc(100% - 60px);
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-image: url(../img/otras/aboutus.jpg);
    }
    .mision.other .fotomision{
        background-image:none;
    }
.vision{
    width: 100%;
    /* background-color: violet; */
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: auto;
    margin-top: 50px;
}
    .vision.other{
        margin-top: 0;
    }
    .vision.sometop{
        margin-bottom: 40px;
    }
    .vision .texto{
        width: calc(50% - 30px);
        vertical-align: top;
        background-color: #0AADBE;
        vertical-align: top;
        padding: 50px 0px 50px 100px;
        text-align: justify;
        color: #FFF;
        height: 230px;
        float: right;
    }
        .vision .texto .t1{
            width: 100%;
            display: inline-block;
            color: #FFF;
            font-size: 32px;
            font-weight: 200;
            margin-bottom: 10px;
            line-height: 38px;
            text-align: left;
        }
        .vision.other .texto .t1{
            width: auto;
            vertical-align: middle;
            /* margin-bottom: 0px; */
        }
        .vision.other .texto .t1 .sub{
            font-size: 15px;
            font-weight: 300;
            letter-spacing: 0.5px;
            margin-left:10px;
        }
        .vision .texto .inf{
            position: absolute;
            top: 0;
            left: 100%;
            width: 100vw;
            display: inline-block;
            height: 100%;
            background-color: #0AADBE;
        }
    .vision .fotovision{
        width: 50%;
        top: 30px;
        left: 0;
        /* background-color: orange; */
        /* opacity: 0.8; */
        height: calc(100% - 60px);
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-image: url(../img/otras/vision.jpg);
    }
    .vision.other .fotomision{
        background-image:none;
    }
.line{
    width: 50%;
    border-bottom: 1px solid #0AADBE;
    display: inline-block;
    position: relative;
    margin-top:0px;
}
    .line .i{
        width: 100vw;
        border-bottom: 1px solid #0AADBE;
        display: inline-block;
        margin-top: 10px;
        position: absolute;
        bottom: -1px;
        right: 100%;
    }

.membresias{
    width: 100%;
    background-color: #213366;
    display: inline-block;
    position: relative;
    padding: 40px 0 40px 0;
}
    .membresias .tt{
        width: 100%;
        display: inline-block;
        color: #FFF;
        font-size: 32px;
        font-weight: 200;
        margin-bottom: 10px;
    }
        .membresias .tt .sub{
            width: 100%;
            display: inline-block;
            color: #FFF;
            font-size: 16px;
            font-weight: 200;
            margin-bottom: 10px;
        }
        .membresias .grilla{
            display: inline-block;
            margin-top: 10px;
            width: 100%;
            text-align: center;
        }
            .membresias .grilla .miem{
                background-color: rgba(255,255,255,0.05);
                width: 60%;
                font-weight: 300;
                font-size: 16px;
                color: #FFF;
                text-align: center;
                padding: 15px 0;
                display: inline-block;
                margin:5px 0;
            } 
            .membresias .grilla .miembro{
                position: relative;
                display: inline-block;
                vertical-align: top;
                margin-bottom: 20px;
                margin:0 10px 20px 10px;
                width: 22%;
            }
            .membresias .grilla .miembro .foto{
                background-color: rgba(255,255,255,0.05);
                    width: calc(100% - 20px);
                    height: 150px;
                    padding: 0 10px;
                    /* background-color: blue; */
                    display: inline-block;
                    vertical-align: top;
                    background-repeat: no-repeat;
                    background-size: contain;
                    background-position: center;
                    background-origin: content-box;
                }
                    .membresias .grilla .miembro .foto.m1{
                        background-image: url(../img/membresias/1.png);
                    }
                    .membresias .grilla .miembro .foto.m2{
                        background-image: url(../img/membresias/2.png);
                    }
                    .membresias .grilla .miembro .foto.m3{
                        background-image: url(../img/membresias/3.png);
                    }
                    .membresias .grilla .miembro .foto.m4{
                        background-image: url(../img/membresias/4.png);
                        background-size: 50%;

                    }
                    .membresias .grilla .miembro .foto.m5{
                        background-image: url(../img/membresias/5.png);
                    }
                    .membresias .grilla .miembro .foto.m6{
                        background-image: url(../img/membresias/6.png);
                    }
                    .membresias .grilla .miembro .foto.m7{
                        background-image: url(../img/membresias/7.png);
                    }

                .membresias .grilla .miembro .nombre{
                    width: 100%;
                    text-align: center;
                    font-size: 12px;
                    font-weight: 400;
                    color: #FFF;
                    /* background-color: violet; */
                    display: inline-block;
                    line-height: 18px;
                    vertical-align: top;
                    margin-top: 10px;
                }

            



.val{
    width: 100%;
    /* border-left: 1px solid #CEE1E5; */
    /* background-color: violet; */
    padding: 0 0 20px 0;
    border-bottom: 1px solid #CCC;
    margin-top: 20px;
    margin-bottom: 20px;
}
    .val .t{
        width: calc(50% - 80px);
        padding: 0px 0 0px 80px;
        /* background-color: yellow; */
        display: inline-block;
        position: relative;
        font-size: 22px;
        font-weight: 600;
        color: #0AADBE;
        vertical-align: middle;
    }
        .val .t span{
            font-size: 14px;
            font-weight: 600;
            color: #999;
        }

        .val .t .i{
            position: absolute;
            width: 60px;
            margin-right: 15px;
            min-height: 60px;
            /* background-color: blue; */
            display: inline-block;
            background-repeat: no-repeat;
            background-position: left center;
            background-size: contain;
            opacity: 1;
            left: 0;
            top: calc(50% - 30px);
        }


    .val .txt{
        position: relative;
        display: inline-block;
        width: 50%;
        /* background-color: orange; */
        vertical-align: middle;
        text-align: justify;
        
    }
       
    
/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > BLOG
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.itemBlog{
    width: calc(100% - 40px);
    padding: 20px 20px;
    /* background-color: violet; */
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #CEE1E5;
}
    .itemBlog:hover{
        box-shadow: -1px 1px 5px 0 rgba(0,0,0,0.2);
        border-bottom-color: transparent;
    }

    .itemBlog .fotoblog{
        width: 300px;
        /* height: calc(100% - 40px); */
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 200px;
        vertical-align: top;
    }
    .itemBlog .data{
        width: calc(100% - 350px);
        /* display: inline-block; */
        position: relative;
        float: right;
        margin-right: 10px;
        vertical-align: top;
        /* background-color: yellow; */
    }
        .itemBlog .data .titulo{
            font-size: 26px;
            display: inline-block;
            width: 100%;
            padding: 0 0 0px 0;
            font-weight: 400;
            color: #0AADBE;
            line-height: 32px;
        }
        .itemBlog .data .fecha{
            font-size: 11px;
            display: inline-block;
            width: 100%;
            padding: 5px 0 0px 0;
            font-weight: 500;
            color: #777;
            text-transform: uppercase;
        }
        .itemBlog .data .minidescripcion{
            font-size: 13px;
            display: inline-block;
            width: 100%;
            padding: 15px 0 0px 0;
            font-weight: 400;
            color: #777;
            line-height: 18px !important;
        }
        .itemBlog .data .masdetalles{
            padding: 13px 20px 13px 20px;
            text-decoration: none;
            background-color: #0AADBE;
            color: #ffffff;
            font-size: 13px;
            font-weight: 400;
            position: relative;
            /* display: inline-block; */
            float: right;
            letter-spacing: 0.3px;
            transition: all 150ms ease;
            background-repeat: no-repeat;
            background-size: 12px;
            background-position: 80% center;
            background-image: none;
            cursor: pointer;
            margin-top: 10px;
        }
        .itemBlog .data .masdetalles:hover{
            background-image: url(../img/rightW.png);
            background-position: 89% center;
            padding: 13px 28px 13px 12px;
        }

.b-back{
    background-color: #0AADBE;
    padding: 13px 10px 13px 26px;
    color: #FFF;
    font-size: 11px;
    font-weight: 400;
    position: relative;
    vertical-align: top;
    background-position: 9px center;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/left.png);
    text-decoration: none;
}
    .b-back:hover{
        text-decoration: underline;
    }

.b-pic{
    max-width: 40%;
    margin-right: 30px;
    margin-bottom: 20px;
    padding: 10px;
    border:1px solid #CEE1E5;
}
.b-tit{
    font-size: 26px;
    display: inline-block;
    font-weight: 300;
    color: #0AADBE;
    line-height: 32px;
}
.b-date{
    font-size: 11px;
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 1px solid #0AADBE;
    width: 100%;
    font-weight: 500;
    color: #777;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 5px;
}
.b-source{
    font-size: 11px;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    color: #777;
    text-transform: uppercase;
    margin-top: 15px;
}
.b-source span{
    color: #0AADBE;
    font-weight: 600;
}
.b-description{
    column-count: 2;
    column-gap: 40px;
    vertical-align: top;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > EXPERIENCIAS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.destacados{
    width: 100%;
    /* background-color: violet; */
    display: grid;
    margin-top: 10px;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #EEE;
}
    .destacados .dest{
        text-align: center;
    }
        .destacados .dest .d-foto{
            width: 50%;
            padding-bottom: 50%;
            /* background-color: yellow; */
            display: inline-block;
            border-radius: 1000px;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .destacados .dest .d-mensaje{
            width: 100%;
            text-align: center;
            line-height: 28px !important;
        }
        .destacados .dest .d-nombre{
            width: 100%;
            text-align: center;
            font-weight: 500;
            font-size: 16px;
            color: #0AADBE;
            margin-top: 5px;
        }
        .destacados .dest .d-oficio{
            width: 100%;
            text-align: center;
            font-weight: 500;
            font-size: 10px;
            color: #777;
            margin-top: 5px;
            text-transform: uppercase;
            line-height: 17px;
        }
        

.calificaciones{
    width: 100%;
    /* background-color: violet; */
    display: grid;
    margin-top: 50px;
    grid-template-columns:repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;

}
    .calificaciones .q{
        border:1px solid #CEE1E5;
        padding: 20px;
        /* background-color: yellow; */

    }
        .calificaciones .q .q-foto{
            width: 100px;
            height: 100px;
            border-radius: 1000px;
            /* background-color: red; */
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2);

        }
        .calificaciones .q .q-name{
            position: relative;
            display: inline-block;
            vertical-align: middle;
            font-size: 17px;
            font-weight: 400;
            color: #0AADBE;
        }
            .calificaciones .q .q-name span{
                position: relative;
                display: inline-block;
                vertical-align: middle;
                font-size: 9px;
                font-style: italic;
                font-weight: 500;
                color: #999;
                text-transform: uppercase;
            }
        .calificaciones .q .q-mensaje{
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin-top: 10px;
        }

        .calificaciones .ranking{
            width: 100%;
            /* height: 100px; */
            position: relative;
            text-align: right;
            /* background-color: blue; */
            margin-top: 10px;
            display: inline-block;
        }
            .calificaciones .ranking .total{
                width: 100px;
                position: relative;
                display: inline-block;
                /* background-color: orange; */
                vertical-align: bottom;
                text-align: right;
                margin-bottom: 2.5px;
            }
                .calificaciones .ranking .total .tt{
                    font-size: 48px;
                    font-weight: 300;
                    color: #0AADBE;
                    letter-spacing: 0.5px;
                    display: inline-block;
                    line-height: 18px;
                }
                    .calificaciones .ranking .total .tt span{
                        font-size: 11px;
                        font-weight: 400;
                        color: #777;
                        display: inline-block;
                    }

            .calificaciones .ranking .individuales{
                /* width: 170px; */
                margin-left: 15px;
                position: relative;
                display: inline-block;
                /* background-color: orange; */
                vertical-align: bottom;
                text-align: left;
            }
                .calificaciones .ranking .individuales .item{
                    font-size: 11px;
                    font-weight: 500;
                    color: #999;
                    padding:6px 0 5px 90px;
                    letter-spacing: 0.5px;
                    /* background-color: violet; */
                    margin:2px 0 0 0;
                    position: relative;
                    display: inline-block;
                    background-position: left center;
                    background-repeat: no-repeat;
                    background-size: 84px;
                }
                    .calificaciones .ranking .individuales .item.i1{
                        background-image: url(../img/ranking1.png);
                    }
                    .calificaciones .ranking .individuales .item.i2{
                        background-image: url(../img/ranking2.png);
                    }
                    .calificaciones .ranking .individuales .item.i3{
                        background-image: url(../img/ranking3.png);
                    }
                    .calificaciones .ranking .individuales .item.i4{
                        background-image: url(../img/ranking4.png);
                    }
                    .calificaciones .ranking .individuales .item.i5{
                        background-image: url(../img/ranking5.png);
                    }
                    


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > CONTACTO
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.col1{
    width: calc(50% - 1px);
    /* height: 800px; */
    /* background-color: yellow; */
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    border-right: 1px solid #CEE1E5;
}
    .col1 .c-atencion0{
        width: 100%;
        padding: 10px 20px 10px 0px;
        /* background-color: #19bb37; */
        position: relative;
        display: inline-block;
        color: #333;
        font-size: 22px;
        font-weight: 200;
        line-height: 18px;
    }
    .col1 .c-atencion{
        width: auto;
        padding: 10px 25px 10px 50px;
        background-color: #19bb37;
        position: relative;
        display: inline-block;
        color: #FFF;
        font-size: 22px;
        font-weight: 200;
        line-height: 18px;
        background-position: 20px center;
        background-repeat: no-repeat;
        background-size: 19px;
        background-image: url(../img/wpW.png);
        text-decoration: none;
        transition: all 150ms ease;
        margin-right:10px;
    }
        .col1 .c-atencion:hover{
            background-color: #0eb12c;
        }

        .col1 .c-atencion span{
            font-size: 13px;
            font-weight: 400;
            letter-spacing: 0.5px;
        }
    
    .col1 .c-atencion1{
        width: auto;
        padding: 10px 25px 10px 50px;
        background-color: #32afed;
        position: relative;
        display: inline-block;
        color: #FFF;
        font-size: 22px;
        font-weight: 200;
        line-height: 18px;
        background-position: 18px center;
        background-repeat: no-repeat;
        background-size: 21px;
        background-image: url(../img/telegram.png);
        text-decoration: none;
        transition: all 150ms ease;
    }
        .col1 .c-atencion1:hover{
            background-color: #1a81b5;
        }

        .col1 .c-atencion1 span{
            font-size: 13px;
            font-weight: 400;
        }    
    .c-item{
        width: 80%;
        /* background-color: orange; */
        position: relative;
        padding: 7px 0;
        margin: 8px 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        color: #333;
        letter-spacing: 0.3px;
    }

        .c-item .ic{
            background-color: #EEE;
            width: 60px;
            position: absolute;
            display: inline-block;
            left: 0;
            height: 36px;
            background-repeat: no-repeat;
            background-position: center;

        }
            .c-item .ic.location{
                background-size: 22px;
                background-image: url(../img/locationA.png);
            }
            .c-item .ic.phone{
                background-size: 22px;
                background-image: url(../img/phoneA.png);
                color: #333;
            }
            .c-item .ic.email{
                background-size: 22px;
                background-image: url(../img/mainA.png);
            }

            .c-item .ic.ins{
                background-size: 22px;
                background-image: url(../img/instagramC.png);
            }
            .c-item .ic.link{
                background-size: 18px;
                background-image: url(../img/linkedinC.png);
            }
            .c-item .ic.face{
                background-size: 10px;
                background-image: url(../img/facebookC.png);
            }

        .c-item .c-desc{
            margin-left: 80px;
            display: inline-block;
            position: relative;
            /* background-color: greenyellow; */
        }
            .c-item .c-desc a{
                color: #333;
                text-decoration: none;
            }
                .c-item .c-desc a:hover{
                    color: #0AADBE;
                }


            .c-item.phone .c-desc{    
                /* font-size: 18px; */
                /* font-weight: 300; */
                line-height: 18px;
                /* text-align: right; */
                /* line-height: 32px; */
                margin-top: 3px;
                color: #333;
                /* color: #0AADBE; */
            }

    .c-sub{
        width: 80%;
        display: inline-block;
        font-size: 18px;
        color: #0AADBE;
        font-weight: 300;
        margin: 30px 0 10px 0;
    }
        .c-sub span{
            font-size: 13px;
            color: #777;
            font-weight: 400;
        }
.col2{
    width: calc(50% - 60px);
    /* height: 800px; */
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    /* background-color: violet; */
    padding-left: 60px;
}
    .col2 .c-titGeneral{
        background-color: #CEE1E5;
        color: #0AADBE;
        width: 200px;
        padding:13px 0px 13px 20px;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.5px;
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin-bottom: 40px;
    }
    .col2 .subempleo{
        width: 100%;
        /* background-color: yellow; */
        font-size: 14px;
        line-height: 22px;
        font-weight: 300;
        display: inline-block;
        margin-bottom: 10px;
    }
        .col2 .subempleo span{
            font-weight: 500;
        }
        .col2 .subempleo a{
            font-weight: 500;
            color: #0AADBE;
        }


    .col2 .c-titGeneral.empleos{
        margin-bottom: 20px;
    }

    .col2 select{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 12px;
        background-image: url(../img/downB.png);
        border-radius: 0;
    }
    .col2 .inputText{
        padding: 13px 0;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.3px;
        background-color: #FFF;
        outline: none;
        border: none;
        border-bottom: 1px solid #CCC;
        position: relative;
        margin-bottom: 15px;
        display: inline-block;
        width: 100%;
    }
    .col2 .inputTextArea{
        padding: 10px 0;
        resize: none;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.3px;
        background-color: #FFF;
        outline: none;
        border: 1px solid #CCC;
        padding: 10px;
        position: relative;
        margin-bottom: 10px;
        display: inline-block;
        width: calc(100% - 22px);
        height: 150px;
        font-family: 'Roboto', sans-serif;
    }

    .col2 .enviarForm{
        padding: 15px 30px;
        border: none;
        float: right;
        position: relative;
        background-color: #0AADBE;
        vertical-align: top;
        text-align: center;
        font-size: 13px;
        letter-spacing: 0.5px;
        font-weight:400;
        color: #FFF;
        cursor: pointer;
        margin-top: 0;
        transition: all 150ms ease;
    }
        .col2 .enviarForm:hover{
            margin-top:-4px;
            box-shadow: 0 3px 4px 0 rgba(0,0,0,0.3);
        }
.col3{
    width: 100%;
    /* height: 800px; */
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    padding-top: 40px;
    /* background-color: violet; */
    border-top: 1px solid #CEE1E5;
}
    .col3 .c-titGeneral{
        background-color: #CEE1E5;
        color: #0AADBE;
        width: 200px;
        padding:13px 0px 13px 20px;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.5px;
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin-bottom: 20px;
    }
    .col3 .mapa{
        width: 100%;
        height: 350px;
        /* background-color: red; */
        display: inline-block;
    }

    .mail1{
        font-weight:500;
        color: #0AADBE;
    }
    .mail2{
        /* font-weight:500; */
        color: #0AADBE;
        text-decoration: none;
    }

    .empleo{
        padding: 4px 20px;
        border: 1px solid #223466;
        background-color: #223466;
        color: #FFFFFF;
        font-size: 12px;
        letter-spacing: 0.7px;
        font-weight: 300;
        text-decoration: none;
        display: inline-block;
        cursor: pointer;
        transition: all 150ms ease;
        line-height: 24px !important;
        border-radius: 3px;
        margin-top: 20px;
    }
        .empleo:hover{
            text-decoration: underline;
        }

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > SUBSCRIPCION
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.suscripcionBody{
    width: 100vw;
    height: 100vh;
    background-color: #223466;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #BBB;
}
    .suscripcionBody{
        background-color: #f6f6f6;
        color: #333;
    }

    .suscripcionBody .sus-init{
        position: relative;
        display: inline-block;
        padding: 10px 20px;
        background-color: #0AADBE;
        color: #FFF;
        font-size: 13px;
        font-weight: 400;
        text-decoration: none;
        margin-top: 80px;
    }

    .suscripcionBody .sus-logo{
        width: 350px;
        height: 150px;
        /* background-color: red; */
        display: inline-block;
        margin-bottom: 70px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url(../img/logo.png);
    }

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > RESERVAS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.panelReservas{
    width: 100vw;
    height: 100vh;
    background-color: #333333e8;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1000000000000;
    text-align: center;
    display: none;
}
.panelReservas .inactive{
    display: none !important;
}
    .panelReservas .contenedorReservas{
        min-width: 1000px;
        height: 90vh;
        background-color: #FFF;
        display: inline-block;
        position: absolute;
        left:50% !important;
        top: 50% !important;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translateX(-50%,-50%);
        transform: translateX(-50%,-50%);
    }
        .panelReservas .contenedorReservas .head 
        {
            width: 100%;
            height: 60px;
            display: inline-block;
            position: relative;
            background-color:#165992;
            vertical-align: top;
            text-align: left;
        }
            .panelReservas .contenedorReservas .head .logRes{
                width: 18%;
                height: 100%;
                position: relative;
                background-color: #223466;
                background-position: center;
                background-repeat: no-repeat;
                background-size: 85%;
                background-image: url(../img/logo2W.png);
                vertical-align: top;
                display: inline-block;
            }

            .panelReservas .contenedorReservas .head .titRes{
                position: relative;
                vertical-align: top;
                font-size: 22px;
                font-weight: 300;
                color: #FFF;
                width: auto;
                letter-spacing: 1px;
                display: inline-block;
                margin-left: 30px;
            }
        
            .panelReservas .contenedorReservas .head .closeRes{
                position: absolute;
                right: 15px;
                top: 15px;
                width: 30px;
                height: 30px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                background-image: url(../img/closeW.png);
                display: inline-block;
                cursor: pointer;
            }
                .panelReservas .contenedorReservas .head .closeRes:hover{
                    opacity: 0.7;
                }
            .panelReservas .contenedorReservas .head .steps{
                /* background-color: red; */
                display: inline-block;
                position: absolute;
                right: 150px;
                height: calc(100% - 22px);
                padding: 22px 20px 0 20px;
            }
                .panelReservas .contenedorReservas .head .steps .step{
                    width: 30px;
                    height: 30px;
                    display: inline-block;
                    background-color: none;
                    position: relative;
                    vertical-align: middle;
                    border-radius: 100px;
                    border:1px solid #FFF;
                    opacity: 0.7;
                }
                    .panelReservas .contenedorReservas .head .steps .step.active{
                        background-color: #FFF;
                        opacity: 1;
                    }

                        .panelReservas .contenedorReservas .head .steps .step .tit{
                            position: absolute;
                            font-size: 11px;
                            font-weight: 300;
                            color: #FFF;
                            display: inline-block;
                            margin-top: -16px;
                        }
                            .panelReservas .contenedorReservas .head .steps .step.active .tit{
                                font-weight: 400;
                            }
                        .panelReservas .contenedorReservas .head .steps .step .num{
                            position: absolute;
                            font-size: 14px;
                            font-weight: 300;
                            color: #FFF;
                            display: inline-block;
                        }
                            .panelReservas .contenedorReservas .head .steps .step.active .num{
                                font-weight: 500;
                                color: #165992;
                            }
                .panelReservas .contenedorReservas .head .steps .linestep{
                    width: 60px;
                    height: 1px;
                    display: inline-block;
                    background-color: #FFF;
                    position: relative;
                    vertical-align: middle;
                    margin-top: 0px;
                    opacity: 0.7;
                }
                .panelReservas .contenedorReservas .head .steps .linestep.active{
                    height: 3px;
                    display: inline-block;
                    background-color: #FFF;
                    position: relative;
                    vertical-align: middle;
                    margin-top: -2px;
                    opacity: 1;
                }
        .panelReservas .contenedorReservas .contendorRes{
            width: 50%;
            height: auto;
            padding: 20px 20px 40px 20px;
            margin-top: 20vh;
            display: inline-block;
            vertical-align: top;
            position: relative;
            text-align: left;
            transition: all 500ms ease;
            /* background-color: violet; */
        }
            .panelReservas .contenedorReservas .contendorRes .loadingRes{
                /* background-color: yellow; */
                width: calc(100% - 40px);
                font-size: 16px;
                font-weight: 400;
                font-style: italic;
                text-align: center;
                position: absolute;
                color: #165992;
                margin-top: 0vh;
            }
            .panelReservas .contenedorReservas .contendorRes.full{
                margin-top: 0;
                height: calc(100% - 120px);
                overflow-y: auto;
                overflow-x: hidden;
            }
            .panelReservas .contenedorReservas .contendorRes.fullfull{
                margin-top: 0;
                height: calc(100% - 100px);
                overflow-y: hidden;
                overflow-x: hidden;
                width: 80%;
            }

            .panelReservas .contenedorReservas .contendorRes .ttStep{
                position: relative;
                border-bottom: 1px solid #CCC;
                padding: 0 0 8px 0;
                font-size: 18px;
                font-weight: 500;
                letter-spacing: 0.5px;
                color: #165992;
                margin-bottom: 5px;
            }
                .panelReservas .contenedorReservas .contendorRes .ttStep.final{
                    border: none;
                    padding-bottom: 0;
                    margin-bottom: 0;
                    width: 90%;
                }
                .panelReservas .contenedorReservas .contendorRes .ttStep.final span{
                    vertical-align: bottom;
                    font-size: 10px;
                    display: inline-block;
                    margin-left: 2px;
                    margin-bottom: 4px;
                    font-weight: 700;
                }
                .panelReservas .contenedorReservas .contendorRes .ttStep.otras{
                    color: #777;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    font-size: 14px;
                    font-weight: 400;
                    letter-spacing: 0;
                }

            .panelReservas .contenedorReservas .contendorRes .req{
                width: 100%;
                padding: 5px 0;
                text-align: right;
                font-size: 11px;
                color: #777;
                font-weight: 400;
                font-style: italic;
                margin-bottom: 20px;
            }
            .panelReservas .contenedorReservas .contendorRes .input-reserva{
                position: relative;
                border:1px solid #CCC;
                width: 100%;
                height: 36px;
                /* background-color: violet; */
                margin-bottom: 5px;
                background-repeat: no-repeat;
                background-position: calc(100% - 15px) center;
                background-size: 8px;
                background-image: url(../img/rightGrey.png);

            }
                .panelReservas .contenedorReservas .contendorRes .input-reserva .trigger{
                    /* background-color: yellow; */
                    width: 100%;
                    border:none;
                    outline: none;
                    height: 100%;
                    display: inline-block;
                    position: absolute;
                    left: 0;
                    opacity: 0;
                    top: 0;
                    cursor: pointer;
                }
                .panelReservas .contenedorReservas .contendorRes .input-reserva .trigger.none{
                    display: none !important;
                }

                .panelReservas .contenedorReservas .contendorRes .input-reserva .titInput{
                    /* background-color: violet; */
                    width: 200px;
                    display: inline-block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    padding: 11px 0 11px 40px;
                    font-size: 14px;
                    font-weight: 400;
                    color: #777;
                    background-repeat: no-repeat;
                    background-position: 10px center;
                    background-size: 16px;
                    background-image: url(../img/canlendarGrey.png);
                }

                .panelReservas .contenedorReservas .contendorRes .input-reserva .truly{
                    /* background-color: violet; */
                    width: calc(100% - 190px);
                    display: inline-block;
                    position: absolute;
                    left: 120px;
                    top: 0;
                    padding: 10px 30px 10px 0;
                    font-size: 14px;
                    font-weight: 400;
                    color: #223466;
                    outline: none;
                    border: none;
                    background-color: transparent;
                }
                .panelReservas .contenedorReservas .contendorRes .input-reserva.fixed{
                    background-image: none !important;
                }
                .panelReservas .contenedorReservas .contendorRes .input-reserva.fixed .truly{
                    cursor: default !important;
                }
                .panelReservas .contenedorReservas .contendorRes .input-reserva.inputSalida, .panelReservas .contenedorReservas .contendorRes .input-reserva.inputSuite{
                    display: none;
                }
                .panelReservas .contenedorReservas .contendorRes .input-reserva.inputEstadia{
                    display: none;
                    background-image: none;
                }
                .panelReservas .contenedorReservas .contendorRes .input-reserva.inputSuite{
                    background-image: none;
                    border:1px solid transparent;
                    /* background-color: violet; */
                }
                    .panelReservas .contenedorReservas .contendorRes .input-reserva.inputSuite span{
                        font-size: 10px;
                        font-weight: 500;
                        margin-top: 4px;
                        display: inline-block;
                        color: #e24949;
                    }

                .panelReservas .contenedorReservas .contendorRes .input-reserva.inputSuite .titInput{
                    background-image: url(../img/camaGrey.png) !important;
                    background-size: 18px;
                    background-position: 9px center;
                }
                
            .panelReservas .contenedorReservas .contendorRes .input-selectSuite{
                position: relative;
                border:1px solid transparent;
                width: 100%;
                /* background-color: violet; */
                margin-bottom: 5px;
                background-repeat: no-repeat;
                background-position: calc(100% - 15px) center;
                background-size: 8px;
                display: none;
            }
                .panelReservas .contenedorReservas .contendorRes .input-selectSuite.activo{
                    display: grid;
                    grid-template-columns:repeat(3, 1fr);
                    grid-column-gap: 20px;
                }
                .panelReservas .contenedorReservas .contendorRes .input-selectSuite .suiteBtn{
                    position: relative;
                    padding: 11px 0 10px 0;
                    background-color: #F9F9F9;
                    font-size: 14px;
                    font-weight: 400;
                    color: #223466;
                    text-align: center;
                    display: inline-block;
                    border:1px solid #DDD;
                    cursor: pointer;
                    transition: all 200ms ease;
                }
                    .panelReservas .contenedorReservas .contendorRes .input-selectSuite .suiteBtn span{
                        font-size: 11px;
                        color: #333;
                        letter-spacing: 0.3px;
                        font-weight: 500;
                        margin-top: 8px;
                        display: inline-block;
                    }

                    .panelReservas .contenedorReservas .contendorRes .input-selectSuite .suiteBtn:hover{
                        border:1px solid #CCC;
                        background-color: #EEE;
                        opacity: 1;
                    }
                        .panelReservas .contenedorReservas .contendorRes .input-selectSuite .suiteBtn.activo{
                            background-color: #223466;
                            color: #FFF !important;
                            cursor: default;
                            font-weight: 300;
                        }
                            .panelReservas .contenedorReservas .contendorRes .input-selectSuite .suiteBtn.activo span{
                                color: #FFF !important;
                                font-weight: 300;
                            }
                        .panelReservas .contenedorReservas .contendorRes .input-selectSuite .suiteBtn.inactivo{
                            opacity: 0.7;
                        }
                        .panelReservas .contenedorReservas .contendorRes .input-selectSuite .suiteBtn.inactivo:hover{
                            opacity: 1;
                        }

            .panelReservas .contenedorReservas .contendorRes .input-cantidadesSuites{
                position: relative;
                border:1px solid transparent;
                width: 100%;
                height: 36px;
                /* background-color: violet; */
                margin-bottom: 5px;
                background-repeat: no-repeat;
                background-position: calc(100% - 15px) center;
                background-size: 8px;
                display: none;
            }
                .panelReservas .contenedorReservas .contendorRes .input-cantidadesSuites .titInputq{
                    /* background-color: yellow; */
                    width: auto;
                    display: inline-block;
                    position: absolute;
                    right: calc(40% + 20px);
                    top: 0;
                    padding: 11px 0 11px 0px;
                    font-size: 14px;
                    font-weight: 400;
                    color: #777;
                    text-align: right;
                }
                .panelReservas .contenedorReservas .contendorRes .input-cantidadesSuites .titInputq span{
                    font-size: 10px;
                    font-weight: 500;
                    margin-top: 4px;
                    display: inline-block;
                    color: #e24949;
                }
                .panelReservas .contenedorReservas .contendorRes .input-cantidadesSuites .titInputq.seleccione{
                    padding: 5px 0;
                }
                .panelReservas .contenedorReservas .contendorRes .input-cantidadesSuites .cants{
                    /* background-color: greenyellow; */
                    width: 40%;
                    display: inline-block;
                    position: absolute;
                    right: 0;
                    top: 0;
                    padding: 9px 0px 9px 0;
                    font-size: 14px;
                    font-weight: 400;
                    color: #223466;
                    text-align: right;
                    outline: none;
                    border: none;
                    background-color: transparent;
                    border:1px solid #CCC;
                }
                .panelReservas .contenedorReservas .contendorRes .input-cantidadesSuites .cants::-webkit-inner-spin-button, .panelReservas .contenedorReservas .contendorRes .input-cantidadesSuites .cants::-webkit-outer-spin-button { 
                        opacity: 1;
                        margin-left: 10px;
                }

            .panelReservas .contenedorReservas .contendorRes .input-paquetes{
                position: relative;
                border:1px solid transparent;
                width: 100%;
                /* background-color: violet; */
                margin-bottom: 5px;
                background-repeat: no-repeat;
                background-position: calc(100% - 15px) center;
                background-size: 8px;
                display: none;
            }
                .panelReservas .contenedorReservas .contendorRes .input-paquetes .titInput{
                    /* background-color: yellow; */
                    width: calc(100% - 40px);
                    display: inline-block;
                    position: relative;
                    left: 0;
                    top: 0;
                    padding: 11px 0 11px 40px;
                    font-size: 14px;
                    font-weight: 400;
                    color: #777;
                    background-repeat: no-repeat;
                    background-position: 10px center;
                    background-size: 16px;
                    background-image: url(../img/camaGrey.png) !important;
                    
                }
                .panelReservas .contenedorReservas .contendorRes .titInputOnly{
                    /* background-color: yellow; */
                    width: calc(100% - 40px);
                    display: inline-block;
                    position: relative;
                    left: 0;
                    top: 0;
                    padding: 11px 0 11px 40px;
                    font-size: 14px;
                    font-weight: 400;
                    color: #777;
                    background-repeat: no-repeat;
                    background-position: 11px center;
                    background-size: 16px;
                    background-image: url(../img/canlendarGrey.png);
                    margin-top:20px;
                }
                    .panelReservas .contenedorReservas .contendorRes .titInputOnly span{
                        color: #165992;
                        font-style: italic;
                        font-weight: 600;
                        display: none;
                    }
                    .panelReservas .contenedorReservas .contendorRes .input-paquetes .titInput span{
                        font-size: 10px;
                        font-weight: 500;
                        margin-top: 4px;
                        display: inline-block;
                        color: #e24949;
                    }
                .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes{
                    width: 100%;
                    /* height: 200px; */
                    /* background-color: goldenrod; */
                    display: inline-block;
                    vertical-align: top;
                    position: relative;
                }
                    .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .loadingPaq{
                        width: 100%;
                        padding: 30px 0;
                        text-align: center;
                        color: #165992;
                        font-size: 14px;
                        font-style: italic;
                        background-color: #F7F7F7;
                        display: inline-block;
                        vertical-align: top;
                        position: relative;
                    }
                    .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq{
                        width: calc(100% - 2px);
                        position: relative;
                        padding: 18px 0 15px 0;
                        background-color: #F9F9F9;
                        font-size: 14px;
                        text-align: center;
                        display: inline-block;
                        border: 1px solid #DDD;
                        cursor: pointer;
                        text-align: left;
                        transition:all 150ms ease;
                        margin-top: 15px;
                    }
                        .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq:hover{
                            border:1px solid #CCC;
                            background-color: #EEE;
                            opacity: 1;
                        }

                        .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq.activo{
                            background-color: #223466;
                            color: #FFF;
                            cursor: default;
                        }
                        .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq.inactivo{
                            opacity: 0.7;
                        }
                        .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq.inactivo:hover{
                            opacity: 1;
                        }



                        .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq.init{
                            margin-top: 0;
                        }

                        .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq .paq-tit{
                            width: auto;
                            color: #165992;
                            font-weight: 400;
                            font-size: 16px;
                            display: inline-block;
                            position: relative;
                            vertical-align: top;
                            /* background-color: violet; */
                            padding-left: 39px;
                            text-transform: uppercase;
                        }
                        .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq .paq-tit.pro{
                            background-color: #0AADBE;
                            color: #FFF;
                            display: inline-block;
                            margin-bottom: 15px;
                            padding: 5px 5px 3px 39px;
                                font-weight: 400;
                        }
                            .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq.activo .paq-tit{
                                color: #FFF;
                                font-weight: 300;
                            }
                            .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq.activo .paq-tit.pro{
                                background-color: #FFF;
                                color: #213366;
                                font-weight: 400;
                            }

                        .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq .paq-incluye{
                            width: calc(100% - 69px);
                            padding:0 30px 0 39px;
                            font-size: 13px;
                            line-height: 18px;
                            font-weight: 300;
                            color: #333;
                            /* background-color: violet; */
                            vertical-align: top;
                            margin-top: 10px;
                        }
                            .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq.activo .paq-incluye{
                                color: #FFF;
                            }

                            .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq .paq-incluye span{
                                font-weight: 500;
                                font-size: 11px;
                                color: #555;
                            }
                                .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq.activo .paq-incluye span{
                                    color: #ffffff85;
                                    font-weight: 400;
                                }

                        .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq .paq-precio{
                            width: calc(100% - 69px);
                            padding:0 30px 0 39px;
                            position: relative;
                            text-align: right;
                            font-size: 24px;
                            font-weight: 300;
                            color: #165992;
                        }
                            .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq.activo .paq-precio{
                                color: #FFF;
                            }

                            .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq .paq-precio .coin{
                                vertical-align: bottom;
                                font-size: 16px;
                                display: inline-block;
                                margin-right: 10px;
                                color: #777;
                                margin-bottom: 2px;
                            }
                                .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq.activo .paq-precio .coin{
                                    color: #FFF;
                                }

                                .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq .paq-precio span{
                                    vertical-align: bottom;
                                    font-size: 14px;
                                    display: inline-block;
                                    margin-left: 2px;
                                    margin-bottom: 9px;
                                    font-weight: 400;
                                }
                                    .panelReservas .contenedorReservas .contendorRes .input-paquetes .contenedorPaquetes .paq.activo .paq-precio span{
                                        font-weight: 300;
                                    }

            .panelReservas .contenedorReservas .contendorRes .input-totalizar{
                position: relative;
                width: 100%;
                margin-top: 15px;
                border-top: 3px solid #213366;
                display: none;
                text-align: right;
                padding: 16px 0 0 0;
            }
            .panelReservas .contenedorReservas .contendorRes .input-totalizar.ahora.hide{
                display: none !important;
            }
            .panelReservas .contenedorReservas .contendorRes .input-totalizar.antes{
                border-top: none;
                padding: 0;
                margin-top: 10px;
            }


                .panelReservas .contenedorReservas .contendorRes .input-totalizar .titTotal{
                    width: auto;
                    color: #165992;
                    font-weight: 500;
                    font-size: 16px;
                    display: inline-block;
                    position: relative;
                    vertical-align: middle;
                    margin-right: 20px;
                }
                .panelReservas .contenedorReservas .contendorRes .input-totalizar.antes .titTotal{
                    font-size: 12px;
                    color: #777;
                    margin-right: 0;
                }

                    .panelReservas .contenedorReservas .contendorRes .input-totalizar #total-pagar, .panelReservas .contenedorReservas .contendorRes .input-totalizar #total-pagar-ahora{
                        width: auto;
                        padding:0 30px 0 39px;
                        position: relative;
                        text-align: right;
                        font-size: 24px;
                        font-weight: 300;
                        color: #165992;
                        display: inline-block;
                        vertical-align: middle;

                    }
                    .panelReservas .contenedorReservas .contendorRes .input-totalizar.antes #total-pagar{
                        font-weight: 300;
                        color: #777;
                        text-decoration: line-through;
                    }

                    .panelReservas .contenedorReservas .contendorRes .input-totalizar #total-pagar .coin, .panelReservas .contenedorReservas .contendorRes .input-totalizar #total-pagar-ahora .coin{
                        vertical-align: bottom;
                        font-size: 16px;
                        display: inline-block;
                        margin-right: 10px;
                        color: #777;
                        margin-bottom: 2px;
                    }
                    
                    .panelReservas .contenedorReservas .contendorRes .input-totalizar #total-pagar span, .panelReservas .contenedorReservas .contendorRes .input-totalizar #total-pagar-ahora span{
                        vertical-align: bottom;
                        font-size: 14px;
                        display: inline-block;
                        margin-left: 2px;
                        margin-bottom: 9px;
                        font-weight: 400;
                    }
                    .panelReservas .contenedorReservas .contendorRes .input-totalizar.antes #total-pagar span, 
                    .panelReservas .contenedorReservas .contendorRes .input-totalizar.antes #total-pagar .coin{
                        text-decoration: line-through;
                    }


            .panelReservas .contenedorReservas .contendorRes .input-continuar{
                position: relative;
                width: 100%;
                margin-top: 15px;
                border-top: 3px solid #213366;
                display: none;
                text-align: right;
            }
                .panelReservas .contenedorReservas .contendorRes .input-continuar.visible{
                    display: inline-block;
                    margin-top: 5px;
                    border-top: 1px solid #CCC;
                }

                .panelReservas .contenedorReservas .contendorRes .input-continuar .continuarReservacion{
                    width: auto;
                    padding: 10px 40px 10px 25px;
                    background-color: #0AADBE;
                    color: #FFF;
                    display: inline-block;
                    vertical-align: top;
                    position: relative;
                    cursor: pointer;
                    background-repeat: no-repeat;
                    background-position: calc(100% - 20px) center;
                    background-size: 7px;
                    background-image: url(../img/rightWhite.png);
                    font-size: 14px;
                    font-weight: 400;
                    letter-spacing: 0.5px;
                    border-radius: 3px;
                    margin-top: 15px;
                }
                    .panelReservas .contenedorReservas .contendorRes .input-continuar .continuarReservacion.down{
                        background-repeat: no-repeat;
                        background-position: calc(100% - 20px) center;
                        background-size: 10px;
                        background-image: url(../img/downWhite.png);
                    }

                    .panelReservas .contenedorReservas .contendorRes .input-continuar .continuarReservacion:hover{
                        text-decoration: underline;
                    }

            .panelReservas .contenedorReservas .contendorRes .input-dato{
                position: relative;
                /* border:1px solid #CCC; */
                width: 100%;
                /* height: 36px; */
                /* background-color: violet; */
                margin-bottom: 10px;
            }
                .panelReservas .contenedorReservas .contendorRes .input-dato .titInput{
                    /* background-color: greenyellow; */
                    width: 160px;
                    display: inline-block;
                    position: relative;
                    left: 0;
                    top: 0;
                    line-height: 18px;
                    font-size: 14px;
                    font-weight: 400;
                    color: #777;
                    vertical-align:middle;
                }
                .panelReservas .contenedorReservas .contendorRes .input-dato input{
                    width: calc(100% - 188px);
                    display: inline-block;
                    position: relative;
                    left: 0;
                    top: 0;
                    padding: 9px 10px;
                    font-size: 14px;
                    font-weight: 400;
                    color: #223466;
                    outline: none;
                    border: none;
                    border: 1px solid #CCC;
                    vertical-align: middle;
                }
                .panelReservas .contenedorReservas .contendorRes .input-dato textarea{
                    /* background-color: goldenrod; */
                    resize: none;
                    width: calc(100% - 188px);
                    display: inline-block;
                    position: relative;
                    /* margin-left: 4px; */
                    top: 0;
                    padding:9px 10px;
                    font-size: 14px;
                    font-weight: 400;
                    color: #223466;
                    outline: none;
                    border:none;
                    border:1px solid #CCC;
                    height: 60px;
                    vertical-align: top;
                    /* background-color: transparent; */
                }

            .panelReservas .contenedorReservas .contendorRes .datosHuespedes{
                position: relative;
                /* border:1px solid #CCC; */
                width: 100%;
                /* height: 300px; */
                /* background-color: violet; */
                display: none;
                margin-top: 30px;
                /* padding-bottom: 20px; */
            }
                .panelReservas .contenedorReservas .contendorRes .seleccionadaTit{
                    width: 100%;
                    /* background-color: yellow; */
                    color: #999;
                    display: inline-block;
                    margin-left: 0;
                    padding: 3px 0;
                    font-size: 11px;
                    font-weight: 400;
                    letter-spacing: 0.5px;
                    margin-top: 0px;
                }
                    .panelReservas .contenedorReservas .contendorRes .seleccionadaTit span{
                        color: #333;
                        font-size: 14px;
                        font-weight: 500;
                    }

                .panelReservas .contenedorReservas .contendorRes .seleccionadaSuite{
                    width: 100%;
                    /* background-color: yellow; */
                    color: #333;
                    display: inline-block;
                    margin-left: 0%;
                    padding: 3px 0;
                    font-size: 16px;
                    font-weight: 400;
                    margin-top: 2px;
                    letter-spacing: 0;
                }
                    .panelReservas .contenedorReservas .contendorRes .seleccionadaSuite span{
                        color: #333;
                        font-size: 14px;
                        font-weight: 500;
                    }
                .formhuespedes{
                    width: calc(100% - 32px);
                    border:1px solid #CCC;
                    padding: 15px;
                    margin-top: 7px;
                    text-align: right;
                    position: relative;
                    background-color: #F1F1F1;
                }
                    .formhuespedes .titagregar{
                        font-size: 15px;
                        /* text-transform: uppercase; */
                        font-weight: 400;
                        color: #0AADBE;
                        position: relative;
                        /* background-color: violet; */
                        width: 100%;
                        padding: 5px 0;
                        display: inline-block;
                        margin-bottom: 0px;
                        text-align: left;
                    }
                    .formhuespedes .titagregar span{
                        color:#555;
                        font-size: 12px;
                    }
                    .formhuespedes .complete{
                        font-size: 12px;
                        /* text-transform: uppercase; */
                        font-weight: 400;
                        color: #e24949;
                        position: absolute;
                        /* background-color: violet; */
                        padding: 5px 0;
                        top:17px;
                        right:15px;
                        display: none;
                        text-align: right;
                    }
                    .formhuespedes .labelhuesped{
                        font-size: 11px;
                        text-transform: uppercase;
                        font-weight: 500;
                        color: #777;
                        position: relative;
                        /* background-color: violet; */
                        width: 100%;
                        padding: 5px 0;
                        display: inline-block;
                        margin-bottom: 0px;
                        text-align: left;
                    }
                        .formhuespedes .labelhuesped.half{
                            width: 48%;
                        }
                            .formhuespedes .labelhuesped.half.ml{
                                margin-left: 4%;
                           }
                    .formhuespedes .inputhuesped{
                        font-size: 14px;
                        border:1px solid #CCC;
                        font-weight: 500;
                        color: #333333;
                        position: relative;
                        background-color: #FFF;
                        outline: none;
                        width: calc(100% - 2px);
                        padding: 5px 0;
                        display: inline-block;
                        margin-bottom: 5px;
                        text-align: left;
                    }
                        .formhuespedes .inputhuesped.half{
                            width: calc(48% - 2px);
                            margin-bottom: 10px;
                        }
                            .formhuespedes .inputhuesped.half.ml{
                                margin-left: 4%;
                        }
                            .formhuespedes .puede{
                                font-size: 12px;
                                font-weight: 400;
                                color: #0AADBE;
                                font-style: italic;
                                display: inline-block;
                                margin-right: 20px;
                                vertical-align: middle;
                            }
                                .formhuespedes .puede span{
                                    color: #000;
                                    font-weight: 500;
                                }

                        .formhuespedes #agregarhuesped{
                            width: auto;
                            padding: 8px 35px 7.5px 15px;
                            background-color: #213366;
                            color: #FFF;
                            display: inline-block;
                            vertical-align: middle;
                            position: relative;
                            cursor: pointer;
                            background-repeat: no-repeat;
                            background-position: calc(100% - 16px) 10px;
                            background-size: 10px;
                            background-image: url(../img/plusB.png);
                            font-size: 12px;
                            font-weight: 400;
                            letter-spacing: 0.5px;
                            border-radius: 3px;
                            /* margin-top: 10px; */
                        }
                            .formhuespedes #agregarhuesped:hover{
                                background-color: #333;
                            }
                .huespedesagregados{
                    width: calc(100% - 32px);
                    border:1px dashed #CCC;
                    padding: 0 15px 15px 15px;
                    margin-top: 15px;
                    text-align: left;
                    margin-bottom: 20px;
                }
                    .huespedesagregados.activo{
                        border:1px solid #213366;
                    }

                    .huespedesagregados .nohayhuespedes{
                        width: 100%;
                        /* background-color: violet; */
                        text-align: center;
                        font-size: 13px;
                        font-weight: 400;
                        color: #e24949;
                        padding: 10px 0;
                        margin-top: 15px;
                    }
                    .huespedesagregados .huespedadded{
                        width: 100%;
                        /* background-color: violet; */
                        padding: 2px 0 7px 0;
                        border-bottom: 1px solid #CCC;
                        font-size: 15px;
                        font-weight: 400;
                        color: #333;
                        position: relative;
                        line-height: 12px;
                        margin-top: 15px;
                    }
                        .huespedesagregados .huespedadded span{
                            font-size: 12px;
                            color: #999;
                            font-weight: 500;
                        }
                        .huespedesagregados .huespedadded .nya{
                            margin-bottom: 5px;
                            display: inline-block;
                            color: #213366;
                        }
                        .huespedesagregados .huespedadded .remove{
                            position: absolute;
                            top:0px;
                            right: 0;
                            width: 16px;
                            height: 16px;
                            background-repeat: no-repeat;
                            background-size: contain;
                            background-position: center;
                            background-image: url(../img/closeD.png);
                            cursor: pointer;
                        }
                            .huespedesagregados .huespedadded .remove:hover{
                                opacity: 0.7;
                            }
            .panelResumen{
                position: relative;
                width: 48%;
                display: inline-block;
                /* background-color: #EEE; */
                height: 100%;
                vertical-align: top;
            }  
                .panelResumen.last{
                border: 1px solid #DDD;
                padding: 20px;
                height: auto;
                width: 50%;
                }
                .panelResumen .endtop{
                    font-weight: 400;
                    text-transform: uppercase;
                    /* color: #213366; */
                    font-size: 14px;
                    margin-bottom: 10px;
                    float: left;
                }

                .panelResumen .miresumen{
                    position: relative;
                    width: calc(100% - 10px);
                    display: inline-block;
                    /* background-color: yellow; */
                    height: calc(100% - 260px);
                    overflow-y: auto;
                    overflow-x: hidden;
                    vertical-align: top;
                    margin-top: -5px;
                    margin-bottom: 15px;
                    /* padding-right: 10px; */
                    border-bottom: 1px solid #CCC;
                    padding: 10px 10px 0px 0;
                    text-align: left;
                }
                    .panelResumen .miresumen .resumenTit{
                        width: 26%;
                        font-size: 11px;
                        font-weight: 400;
                        color: #999;
                        text-transform: uppercase;
                        display: inline-block;
                        letter-spacing: 0.3px;
                        /* background-color:#CCC; */
                        padding: 5px 0 5px 26px;
                        background-repeat: no-repeat;
                    }
                        .panelResumen .miresumen .resumenTit.almanaque{
                            background-size: 16px;
                            background-position: left 2px;
                            background-image: url(../img/canlendarGrey.png);
                        }
                        .panelResumen .miresumen .resumenTit.suite{
                            background-size: 17px;
                            background-position: left 4px;
                            background-image: url(../img/camaGrey.png);
                        }
                        .panelResumen .miresumen .resumenTit.personas{
                            background-size: 15px;
                            background-position: left 2.5px;
                            background-image: url(../img/personaGrey.png);
                        }

                    .panelResumen .miresumen .dato{
                        width: 75%;
                        margin-left: 25%;
                        font-size: 14px;
                        font-weight: 400;
                        color: #333;
                        display: inline-block;
                        letter-spacing: 0.3px;
                        margin-bottom: 5px;
                    }
                        .panelResumen .miresumen .dato.suite{
                            color: #165992;
                            font-size: 16px;
                            font-weight: 300;
                        }
                            .panelResumen .miresumen .dato.suite .t{
                                font-size: 10px;
                                font-weight: 500;
                                color: #999;
                                display: inline-block;
                                width: 140px;
                                text-transform: uppercase;
                                vertical-align: middle;
                            }
                            .panelResumen .miresumen .dato.suite .x{
                                font-size: 11px;
                                font-weight: 500;
                                color: #333;
                                display: inline-block;
                                text-transform: uppercase;
                                vertical-align: middle;
                            }

                            .panelResumen .miresumen .dato.huesped .t{
                                font-size: 10px;
                                font-weight: 500;
                                color: #999;
                                display: inline-block;
                                width: 105px;
                                text-transform: uppercase;
                                vertical-align: bottom;
                            }
                            .panelResumen .miresumen .dato.huesped .x{
                                font-size: 14px;
                                font-weight: 400;
                                color: #165992;
                                display: inline-block;
                                text-transform: uppercase;
                                vertical-align: bottom;
                            }
                            .panelResumen .miresumen .dato .huesp{
                                border-bottom: 1px dashed #CCC;
                                padding-bottom: 10px;
                                margin-top: 10px;
                            }
                            .panelResumen .miresumen .dato .huesp:last-child{
                                border-bottom:none;
                            }


                        .panelResumen .miresumen .dato .huesp{
                            line-height: 10px;
                        }

                            .panelResumen .miresumen .dato .huesp .minom{
                                display: inline-block;
                                /* background-color: orange; */
                                margin-bottom: 4px;
                                width: 100%;
                            }
                            .panelResumen .miresumen .dato .huesp span{
                                font-size: 11px;
                                font-weight: 400;
                                color: #999;
                            }

                            .panelResumen .mitotal{
                                width: 100%;
                                /* background-color: violet; */
                                padding:10px 0 0 0;
                                position: relative;
                                text-align: right;
                                font-size: 24px;
                                font-weight: 300;
                                color: #165992;
                                display: inline-block;
                                vertical-align: middle;
                                margin-bottom: 30px;
                                position: relative;
                            }
                            #pagando_bo.antes{
                                font-size: 18px !important;
                                color: #777777 !important;
                                font-weight: 300 !important;
                                text-decoration: line-through !important;
                            }
                                .panelResumen .mitotal.final{
                                    padding-top:0;
                                    margin-top: 12px;
                                    margin-bottom: 5px;
                                }
                                .panelResumen .ttStep{
                                    position: relative;
                                    vertical-align: top;
                                    width: 70%;
                                    display: inline-block;
                                    text-align: left;
                                }
                                .panelResumen .ttStep.final span{
                                    vertical-align: bottom;
                                    font-size: 10px;
                                    display: inline-block;
                                    margin-left: 2px;
                                    margin-bottom: 7px;
                                    font-weight: 400;
                                }
                                .panelResumen .mitotal.last{
                                    padding-top:0;
                                    margin-top: 0px;
                                    margin-bottom: 0px;
                                    /* background-color: red; */
                                    text-align: right;
                                    width: 70%;
                                    vertical-align: middle;
                                }
                                .panelResumen .mitotal.bs{
                                    margin-bottom: 5px !important;
                                }
                                    .panelResumen .mitotal .moneda{
                                        position: absolute;
                                        /* background-color: yellow; */
                                        /* width: 100px; */
                                        color: #333;
                                        font-size: 12px;
                                        font-weight: 400;
                                        text-align: left;
                                        top: -1px;
                                        left: 0;
                                        display: inline-block
                                    }
                                    .panelResumen .mitotal .moneda select{
                                        -webkit-appearance: none;
                                        -moz-appearance: none;
                                        appearance: none;
                                        font-size: 14px;
                                        border: 1px solid #CCC;
                                        font-weight: 500;
                                        color: #333333;
                                        position: relative;
                                        background-color: #FFF;
                                        outline: none;
                                        width: 70px;
                                        padding: 2px 5px 4px 5px;
                                        display: inline-block;
                                        text-align: left;
                                        margin-left: 5px;
                                        border-radius: 3px;
                                        text-align: center;
                                        background-position: calc(100% - 10px) 11px;
                                        background-repeat: no-repeat;
                                        background-size: 11px;
                                        background-image: url(../img/downB.png);
                                        vertical-align: middle;
                                    }
                            .panelResumen .mitotal #pagando_do{
                                display: none;
                            }
                            .panelResumen .mitotal .pagandoa{
                                color: #555;
                                display: block;
                                line-height: 15px;
                                margin-top: 2px;
                                font-size: 11px;
                                padding-top: 7px;
                                font-weight: 500;
                            }
                            .panelResumen .mitotal .coin{
                                vertical-align: bottom;
                                font-size: 16px;
                                display: inline-block;
                                margin-right: 10px;
                                color: #777;
                                margin-bottom: 2px;
                            }
                                .panelResumen .mitotal .antes .coin{
                                    font-size: 13px;
                                    font-weight: 400;
                                    margin-bottom: 1px;
                                    margin-right: 6px;
                                    text-decoration: line-through;
                                }
                            .panelResumen .mitotal span{
                                vertical-align: bottom;
                                font-size: 14px;
                                display: inline-block;
                                margin-left: 2px;
                                margin-bottom: 9px;
                                font-weight: 400;
                            }
                            
                                .panelResumen .antes span{
                                    vertical-align: bottom;
                                    font-size: 14px;
                                    display: inline-block;
                                    margin-left: 2px;
                                    margin-bottom: 9px;
                                    font-weight: 400;
                                    text-decoration: line-through;
                                }

                            
                            


                            .disposicion{
                                width: 100%;
                                padding: 15px 0px 0px 0px;
                                font-size: 11px;
                                color: #999999;
                                letter-spacing: 0.3px;
                                text-align: right;
                                font-weight: 400;
                                font-style: italic;
                                /* background-color: violet; */
                                line-height: 16px;
                                border-top: 1px solid #CCC;
                            }
                            
            .panelResumen .entero{
                display: inline-block;
                text-decoration: line-through;
            }
            .panelResumen .entero1{
                display: inline-block;
            }
            .panelResumen .cupon{
                height: 40px;
                width: 100%;
                /* background-color: red; */
                display: grid;
                grid-template-columns: auto 120px;
                position: relative;
                /* font-size: 12px; */
                padding-bottom: 15px;
                border-bottom: 1px solid #CCC;
                margin-bottom: 15px;
            }
            .panelResumen .cupon.hide{
                display: none;
            }
            .panelResumen .cupon .codigo{
                background-color: #E0E0E0;
                border: none;
                font-size: 12px;
                font-family: 'Roboto', sans-serif;
                font-weight: 500;
                letter-spacing: 0.5px;
                padding: 0 0 0 10px;
                outline: none;
                text-transform: uppercase;
            }
            .panelResumen .cupon .aplicar{
                background-color: #2b5a92;
                font-size: 12px;
                color: #FFF;
                outline: none;
                border: none;
                cursor: pointer;
                font-family: 'Roboto', sans-serif;
                letter-spacing: 0.2px;
            }

            .panelResumen .cuponaplicado{
                color: #333;
                font-size: 12px;
                position: absolute;
                text-align: left;
                line-height: 10px;
                margin-top: 5px;
                font-weight: 400;
            }
            .panelResumen .cuponaplicado.hide, .montoanterior.hide{
                display: none;
            }
            .panelResumen .cuponaplicado .titulo{
                text-transform: uppercase;
                font-size: 11px;
                color: #777;
            }
            .panelResumen .cuponaplicado .nombre{
                color: #165992;
                font-size: 13px;
                font-weight: 500;
            }
            .panelResumen .cuponaplicado .descuento{
                color: #165992;
                font-size: 13px;
                font-weight: 500;
            }
            .panelResumen .cuponaplicado .desaplicar{
                cursor: pointer;
                font-size: 11px;
                color: #777;
            }
            .panelResumen .cuponaplicado .desaplicar:hover{
                text-decoration: underline;
            }

            .panelResumen .cuponaplicado .novalido{
                color: #d7635b;
                font-size: 13px;
                font-weight: 500;
                margin-top: 5px;
            }
            .panelResumen .cuponaplicado .intente{
                cursor: pointer;
                font-size: 11px;
                color: #777;
                margin-top: 5px;
                margin-bottom: 5px;
            }

            .panelReservas .contenedorReservas .contendorRes .panelPago{
                    position: relative;
                    width: calc(48% - 1px);
                    padding-left: 2%;
                    margin-left: 1%;
                    border-left: 1px solid #CCC;
                    display: inline-block;
                    vertical-align: top;
                    height: 100%;
                    overflow-y: auto;
                    overflow-x: hidden;
                    padding-right: 1%;
            }   
            
            

                    .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPago{
                        display: inline-block;
                        width: calc(100% - 20px);
                        padding:10px 0 10px 20px;
                        position: relative;
                        background-color: #cdcdcd;
                        color: #165992;
                        font-size: 14px;
                        font-weight: 400;
                        border-radius: 3px;
                        margin-bottom: 5px;
                        background-repeat: no-repeat;
                        line-height: 19px;
                    }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPago.tdc{
                            background-position: calc(100% - 10px) center;
                            background-size: 70px;
                            background-image: url(../img/tdci.png);
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPago.tdci{
                            background-position: calc(100% - 10px) center;
                            background-size: 70px;
                            background-image: url(../img/tdci.png);
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPago.tdc{
                            background-position: calc(100% - 10px) center;
                            background-size: 70px;
                            background-image: url(../img/tdci.png);
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPago.tdd{
                            background-position: calc(100% - 10px) 9px;
                            background-size: 70px;
                            background-image: url(../img/debito.png);
                        }


                        .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPago.inactivo{
                            /*background-color: #F0F0F0;
                            border: 1px solid #CCC;
                            color: #777;
                            width: calc(100% - 55px);
                            padding:10px 0 10px 55px;
                            margin-bottom: 10px;
                            cursor: pointer;
                            background-image: none;*/
                            display:none;
                        }
                            .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPago.tdd{
                                background-position: calc(100% - 10px) center;
                                background-repeat: no-repeat;
                                background-size: 32px;
                                background-image: url(../img/debito.jpg);
                                /* background-color: #223466; */
                            }
                            .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPago.paypal{
                                background-position: 14px center;
                                background-repeat: no-repeat;
                                background-size: 26px;
                                background-image: url(../img/paypal-logo.png);
                            }
                            

                    .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPagoDown{
                        background-color: #F0F0F0;
                        border: 1px solid #CCC;
                        color: #777;
                        width: calc(100% - 57px);
                        padding:10px 0 10px 55px;
                        margin-bottom: 10px;
                        cursor: pointer;
                        background-image: none;
                        font-size:14px;
                        line-height: 19px;
                    }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPagoDown.inactivo{
                            display: none;
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPagoDown.tdd{
                            background-position: 10px center;
                            background-repeat: no-repeat;
                            background-size: 32px;
                            background-image: url(../img/debito.jpg);
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPagoDown.tdc, .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPagoDown.tdci{
                            background-position: 10px center;
                            background-repeat: no-repeat;
                            background-size: 71px;
                            background-image: url(../img/tdci.png);
                            padding: 10px 0 10px 90px;
                            width: calc(100% - 92px);                        
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPagoDown.pm{
                            background-position: 12px center;
                            background-repeat: no-repeat;
                            background-size: 30px;
                            background-image: url(../img/smartphone.png);
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPagoDown.tri{
                            background-position: 12px center;
                            background-repeat: no-repeat;
                            background-size: 30px;
                            background-image: url(../img/transfer.png);
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPagoDown:hover{
                            border-color: #165992;
                        }




                    .panelReservas .contenedorReservas .contendorRes .panelPago .formPago{
                        display: inline-block;
                        width: calc(100% - 42px);
                        padding:15px 20px;
                        position: relative;
                        background-color: #f9f9f9;
                        border:1px solid #CCC;
                        color: #333;
                        font-size: 12px;
                        font-weight: 400;
                        border-radius: 3px;
                        margin-bottom: 10px;
                        text-align: left;
                    }
                    .panelReservas .contenedorReservas .contendorRes .panelPago .formPago.inactive{
                        display: none;
                    }



                        .panelReservas .contenedorReservas .contendorRes .panelPago .formPago .label{
                            font-size: 11px;
                            text-transform: uppercase;
                            font-weight: 500;
                            color: #777;
                            position: relative;
                            /* background-color: violet; */
                            width: 100%;
                            padding: 5px 0;
                            display: inline-block;
                            margin-bottom: 1px;
                            text-align: left;
                            margin-left: 2px;
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .formPago .label.b1, .panelReservas .contenedorReservas .contendorRes .panelPago .formPago .label.b2{
                            width:50%;
                            margin:0;
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .formPago .input{
                            font-size: 14px;
                            border:1px solid #CCC;
                            font-weight: 500;
                            color: #333333;
                            position: relative;
                            background-color: #FFF;
                            outline: none;
                            width: calc(100% - 2px);
                            padding: 5px 0;
                            display: inline-block;
                            margin-bottom: 5px;
                            text-align: left;
                            border-radius: 3px;
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .formPago .input.cedula{
                            width: calc(100% - 57px);
                            margin-left: 7px;
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .formPago .input.celular {
                            width: calc(100% - 119px);
                            margin-left: 7px;
                        }

                        .panelReservas .contenedorReservas .contendorRes .panelPago .formPago .mibloq{
                            width: 32%;
                            margin-right: 2%;
                            display: inline-block;
                            vertical-align: bottom;
                        }
                            .panelReservas .contenedorReservas .contendorRes .panelPago .formPago .mibloq.last{
                                margin-right: 0;
                            }


                        .panelReservas .contenedorReservas .contendorRes .panelPago .formPago select{
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            appearance: none;
                            font-size: 14px;
                            border: 1px solid #CCC;
                            font-weight: 500;
                            color: #333333;
                            position: relative;
                            background-color: #FFF;
                            outline: none;
                            width: 100%;
                            padding: 4px 5px 6px 5px;
                            display: inline-block;
                            margin-bottom: 5px;
                            text-align: left;
                            border-radius: 3px;
                            text-align: center;
                            background-position: calc(100% - 10px) 11px;
                            background-repeat: no-repeat;
                            background-size: 11px;
                            background-image: url(../img/downB.png);
                        }
                            .panelReservas .contenedorReservas .contendorRes .panelPago .formPago #tdd-tipocuenta{
                                width:calc(50% - 10px);
                            }
                            .panelReservas .contenedorReservas .contendorRes .panelPago .formPago #tdd-clave{
                                width: calc(50% - 2px);
                                vertical-align: top;
                                margin-left: 7px;
                            }

                            

                        .panelReservas .contenedorReservas .contendorRes .panelPago .formPago select.cedula-tipo{
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            appearance: none;
                            font-size: 14px;
                            border: 1px solid #CCC;
                            font-weight: 500;
                            color: #333333;
                            position: relative;
                            background-color: #FFF;
                            outline: none;
                            width: 48px;
                            vertical-align: top;
                            padding: 4px 5px 6px 5px;
                            display: inline-block;
                            margin-bottom: 5px;
                            text-align: left;
                            border-radius: 3px;
                            text-align: center;
                            background-position: calc(100% - 10px) 11px;
                            background-repeat: no-repeat;
                            background-size: 11px;
                            background-image: url(../img/downB.png);
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .formPago select.celular-tipo{
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            appearance: none;
                            font-size: 14px;
                            border: 1px solid #CCC;
                            font-weight: 500;
                            color: #333333;
                            position: relative;
                            background-color: #FFF;
                            outline: none;
                            width: 110px;
                            vertical-align: top;
                            padding: 4px 5px 6px 5px;
                            display: inline-block;
                            margin-bottom: 5px;
                            text-align: left;
                            border-radius: 3px;
                            text-align: center;
                            background-position: calc(100% - 10px) 11px;
                            background-repeat: no-repeat;
                            background-size: 11px;
                            background-image: url(../img/downB.png);
                        }

                        .panelReservas .contenedorReservas .contendorRes .panelPago .formPago .pagarreservacion{
                            width: auto;
                            padding: 10px 40px 10px 25px;
                            background-color: #0AADBE;
                            color: #FFF;
                            display: inline-block;
                            vertical-align: top;
                            position: relative;
                            cursor: pointer;
                            background-repeat: no-repeat;
                            background-position: calc(100% - 20px) center;
                            background-size: 7px;
                            background-image: url(../img/rightWhite.png);
                            font-size: 14px;
                            font-weight: 400;
                            letter-spacing: 0.5px;
                            border-radius: 3px;
                            transition:all 200ms ease;
                            margin-top: 15px;
                            border:1px solid #08808d;
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .formPago .pagarreservacion:not(.inactive):hover{
                            background-color: #333;
                        }
                        .panelReservas .contenedorReservas .contendorRes .panelPago .formPago .pagarreservacion.inactive{
                            background-color: #a1a1a1;
                            color: #ffffff;
                            cursor:default;
                            border:1px solid #CCCCCC;
                        }


.tambien{
    width: calc(100% - 42px);
    background-color: #F0F0F0;
    display: inline-block;
    padding: 20px 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    border:1px solid #0AADBE;
    margin-top: 20px;
    line-height: 22px;
    color: #333;
}
    .tambien a{
        color: #0AADBE;
        font-weight: 500;
        text-decoration: none;
    }
        .tambien a:hover{
            text-decoration: underline;
        }

.onlypc{
    display: inline-block !important;
}
.onlymovil{
    display: none !important;
}
.panel-movil{
    display: none !important;
}

.logoend{
    width: 80%;
    max-width: 300px;
    position: relative;
    margin:0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
}
.logoend img{
    width: 100%;
}
.success{
    width: 80%;
    max-width: 600px;
    position: relative;
    margin:0 auto;
    margin-bottom: 30px;
    line-height: 28px;
}
.success span{
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-top: 20px;
    color: #213366;
}

.seguridad{
    width: calc(100% - 42px);
    padding: 0 20px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #ddd;
    margin-top: 10px;
    justify-content: center;
    cursor: pointer;
    border-radius: 3px;
}
.seguridad:hover{
    border-color: #AAA;
}
.seguridad a{
    color: #165992;
    font-weight: 500;
    text-decoration: underline;
    margin-left: 5px;
}
.seguridad input{
    margin-right: 5px;
}

.anuncio{
    width: calc(100% - 40px);
    border: 1px solid #DDD;
    background-color: #F0F0F0;
    text-align: center;
    display: inline-block;
    position: relative;
    margin: 20px 0;
    padding: 10px 20px;
    font-size: 11px;
    font-weight: 500;
    font-style: italic;
}

.modalTitular{
    display: none;
}

/*//////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////// > MEDIA QUERIES
////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
/* PANTALLA MEDIANA (Tablet) */
/*///////////////////////////////
/////////////////////////////////
/////////////////////////////////
/////////////////////////////////
///////////////////////////////*/
@media (min-width: 1023px) and (max-width: 1200px){

}
/* PANTALLA PEQUEÑA (Smartphone) */
/*///////////////////////////////
/////////////////////////////////
/////////////////////////////////
/////////////////////////////////
///////////////////////////////*/
@media (max-width: 1022px){

    .onlypc{
        display: none !important;
    }
    .onlymovil{
        display: inline-block !important;
    }

    .master.h100{
        /* height: 260px; */
    }

    .menu-movil{
        width: 48px;
        height: 48px;
        position: fixed;
        top:10px;
        left: 10px;
        background-color: #213366;
        display: inline-block;
        z-index: 10000000000000;
        background-size: 28px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../img/menu.png);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    }
    .menu-movil.active{
        box-shadow: none;
    }
    .panel-movil{
        display: none !important;
        width: 100vw;
        position: fixed;
        height: 100vh;
        background-color: #213366;
        left: 0;
        top:0;
        z-index: 1000000000;
        /* visibility: hidden; */
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        opacity: 0;
    }
    .panel-movil.active{
        display: inline-block !important;
        /* visibility: visible; */
        opacity: 1;
    }

        .panel-movil .cerrar{
            width: 48px;
            height: 48px;
            display: inline-block;
            /* background-color: red; */
            right: 20px;
            top: 20px;
            position: absolute;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 22px;
            background-image: url(../img/closeW.png);
        }
        .panel-movil .contenidos{
            width: 100%;
            height: calc(100% - 80px);
            /* background-color: yellow; */
            display: inline-block;
            position: absolute;
            bottom: 0px;
            left: 0px;
            overflow-x: hidden;
            overflow-y: auto;
        }
        .panel-movil .reservar{
            /* background-color: red; */
            width: calc(80% - 20px);
            display: inline-block;
            margin-left: 10%;
            /* border:1px solid rgba(255,255,255,0.1); */
            padding:20px 10px 20px 10px;
            text-decoration: none;
            margin:0 0 10px 10%;
            color: #FFF;
            background-color: #0AADBE;
            text-align: center;
            margin-bottom: 20px;
        }
        .panel-movil .item{
            /* background-color: red; */
            width: calc(80% - 20px);
            display: inline-block;
            margin-left: 10%;
            /* border:1px solid rgba(255,255,255,0.1); */
            padding:10px 10px 10px 10px;
            text-decoration: none;
            margin:0 0 10px 10%;
            color: #FFF;
            background-color: rgba(255,255,255,0.05);
            font-size: 14px;
            font-weight: 300;
        }
        .panel-movil .item.sub{
            width: calc(60% - 22px);
            margin-left: 20%;
            font-size: 14px;
            font-weight: 300;
        }
        .panel-movil .item.ex{
            margin-top: 20px !important;
        }

        .panel-movil .subt{
            /* background-color: red; */
            width: calc(80% - 20px);
            margin-left: 10%;
            display: inline-block;
            margin-left: 10%;
            background-color: transparent !important;
            /* border:1px solid #FFF; */
            padding:10px 10px 10px 10px;
            border:none;
            font-size: 22px;
            margin-top: 0px;
            margin-bottom: 0;
            font-weight: 200;
        }
                .panel-movil .atencion{
                    padding: 10px 30px 10px 30px;
                    background-repeat: no-repeat;
                    background-size: 24px;
                    background-position: 15px center;
                    /* background-image: url(../img/wpW.png); */
                    border: 1px solid rgba(255,255,255,0.3);
                    color: #FFF;
                    font-size: 15px;
                    font-weight: 300;
                    margin-top: 20px;
                    display: inline-block;
                    /* border-radius: 2px; */
                    text-decoration: none;
                    transition: all 200ms ease;
                    line-height: 23px;
                    margin-left: 10%;
                    width: calc(80% - 60px);
                    text-align: center;
                }
                    

                    .panel-movil .atencion a{
                        color:#FFF;
                        text-decoration:none;
                        display:inline-block;
                        margin:10px 0 0 0;
                        font-size:12px;
                    }
                    .panel-movil .atencion a:last-child{
                        margin-bottom:5px;
                    }
                    .panel-movil .atencion a:hover{
                        text-decoration:underline;
                        display:inline-block;
                    }

                    .panel-movil .r{
                        padding: 5px 20px 5px 50px;
                        color: rgba(255,255,255,0.8);
                        font-size: 14px;
                        margin-top: 15px; 
                        font-weight: 300;
                        display: inline-block;
                        text-decoration: none;
                        position: relative;
                        transition:all 200ms ease;
                        letter-spacing: 0.5px;
                        margin-left: 10%;
                    }
    
    
                        .panel-movil .r span{
                            width: 40px;
                            height: 100%;
                            display: inline-block;
                            vertical-align: middle;
                            margin-right: 10px;
                            background-color: rgba(255,255,255,0.1);
                            position: absolute;
                            top: 0;
                            left: 0px;
                        }
                            .panel-movil .r.i span{
                                background-repeat: no-repeat;
                                background-size: 17px;
                                background-position: 19px center;
                                background-image: url(../img/instagramW.png);
                            }
                            .panel-movil .r.f span{
                                background-repeat: no-repeat;
                                background-size: 8px;
                                background-position: 22px center;
                                background-image: url(../img/facebookW.png);
                            }
                            .panel-movil .r.l span{
                                background-repeat: no-repeat;
                                background-size: 14px;
                                background-position: 19px center;
                                background-image: url(../img/linkedinW.png);
                            }

    .anti-av{
            top: auto !important;
            -webkit-transform:none !important;
            -ms-transform:none !important;
            transform:none !important;
    }
    .anti-ah
    {
        display: block;
        margin-left:0%;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }

    .mt{
        margin-top: 100px !important;
    }
    .mt1{
        margin-top: 50px !important;
    }

   

    .mainBack{
        height:85vh;
    }
    .mainBack .master{
        display: none;
    }

    .mainBack .datos{
        right: 40px;
        width: fit-content;
        padding: 10px 10px 0px 10px;
        border-radius: 0 0px 10px 10px;
    }
    .rslides_tabs{
        top:0;
    }
    .rslides_tabs a {
        width: 10px;
        height: 10px;
        margin: 5px 0;
    }
    .mainBack .datos .c1{
        width: 100%;
        text-align: center;
        display: none;
    }
    .mainBack .datos .c2{
        display: none;
    }
    .mainBack .datos .locating{
        margin-left: 0;
    }
    .mainh1 h1 {
        font-size: 18px;
        line-height: 28px;
        margin-top: 70px;
        font-weight: 300;
        color:#555;
    }
    .mainh1 h2 {
        font-size: 18px;
        line-height: 28px;
        margin-top: 70px;
        font-weight: 300;
        color:#555;
    }
    .mainIntro .textLeft {
        width: calc(100% - 40px);
        padding: 50px 20px;
        height: 100%;
    }
    .mainIntro .fotoRight {
        width: 100%;
        display: inline-block;
        height: 80vh;
        position: relative; 
    }
    .titGeneral {
        width: calc(100% - 40px);
        padding: 0 20px;
        font-size: 32px !important;
    }
    .titGeneral .master{
        text-align: center;
    }

    .suite .fotoSuite {
        width: 100%;
        display: inline-block;
        height: 50vh;
        position: relative;
    }
    .suite .descripcionSuite.right {
        margin-left: 0%;
    }
    .suite .descripcionSuite {
        width: calc(100% - 40px);
        padding: 40px 20px;
        background-color: #0AADBE;
        vertical-align: top;
        text-align: center;
    }
    
    .promociones{
        padding-bottom: 0;
    }
    .promociones .master {
        display: inline-block !important;
        width: 100%;
    }
    .promociones .promo{
        width: 100%;
        height: 60vh;
    }
    .promo .titPromo{
        bottom: 0;
        width: 100%;
        text-align: right;
        max-width: calc(100% - 40px);
        padding: 20px 20px;
    }
    .promo .titPromo .vermas{
        margin-right: 0 !important;
    }
    .salas .master {
        display: inline-block !important;
        width: 100%;
    }
    .salas .sala{
        width: 100%;
        height: 60vh;
    }
    .valores{
        margin-top: 30px;
    }
    .valor {
        width: 100%;
        margin: 0px 0% 20px 0%;
    }
    .experiencias{
        height: auto;
        padding-bottom: 30px;
    }
    .experiencias .titulo{
        width: 100%;
        text-align: center;
    }
    .experiencias .titulo .expe {
        text-align: center;
        margin-right: 0;
        padding: 40px 0;
    }
    .experiencias .titulo .expe .b{
        margin-right: 0;
    }
    .experiencias .opinion{
        width: 100%;
    }
    .experiencias .opinion .cita{
        margin-top: 0 !important;
        width: calc(100% - 80px);
        padding: 0 40px;
        background-position: 5px top;
    }
    .experiencias .ranking {
        width: auto;
        bottom: auto;
        right: auto;
        position: relative;
        margin-top: 10px;
    }

    .suscripcion .texto {
        width: 90%;
    }
    .suscripcion .suscription {
        width: calc(100% - 42px);
    }
    .suscripcion .suscription .mail{
        padding: 15px 0;
        width: calc(100% - 30px);
        font-size: 14px;
        background-color: rgba(255,255,255,0.7);
        text-align: center;
    }
    .disfrutainit.inner .lineaA, .disfrutainit.inner .lineaB {
        display: inline-block;
        width: 100%;
    }
    .disfrutainit .dis{
        width: 100%;
        vertical-align: top;
        height: 30vh;
    }
    .mision .texto {
        width: calc(100% - 40px);
        vertical-align: top;
        padding: 40px 20px 40px 20px;
        height: auto;
        text-align: center;
    }
    .mision .fotomision {
        width: 100%;
        top: 0;
        right: 0;
        height: 40vh;
        position: relative;
    }
    .noticias .galeria{
        display: inline-block;
        width: 100%;
    }
    .noticias .galeria .noticia {
        text-align: left;
        padding: 20px;
        width: calc(100% - 82px);
    }
    .noticias .galeria .noticia .texto {
        width: 100%;
    }
    .noticias .galeria .noticia .foto {
        width: 100%;
        height: calc(100% - 65px);
        right: 0;
        top: 0px;
        margin-bottom: 15px;
        position: relative;
        height: 30vh;
    }
    .noticias .vermas{
        float: right;
    }
    .footer .contactanos {
        width: calc(100% - 40px);
        padding: 20px 10px 10px 10px;
        height: auto;
    }
    .footer .ubicanos {
        width: calc(100% - 40px);
        padding: 20px 20px 40px 20px;
    }
    .footer .escribenos {
        width: calc(100% - 40px);
        background-color: #0AADBE;
        padding: 20px 20px;
    }
    .footer .escribenos input{
        width: 100%;
    }
    .footer .escribenos textarea{
        width: calc(100% - 22px);
    }
    .footer .escribenos .submit {
        width: 120px;
        padding: 10px 0;
    }
    .footer .menuResumen {
        height: auto;
        width: 100%;
    }
    .footer .menuResumen .logo {
        height: 50px;
        width: 80%;
        margin-left: 10%;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .footer .menuResumen .minmenu .columna{
        width: 100%;
        text-align: center;
    }
    .footer .menuResumen .minmenu .columna a.invisible{
        display: none;
    }
    .footer .menuResumen .minmenu .columna a{
        text-align: center;
        width: calc(100% - 0px);
        padding: 8px 0 8px 0px;
    }
    .footer .contactanos .direccion{
        width: 100%;
    }
    .footer .menuResumen .copy {
        width: 100%;
        padding: 8px 0;
        background-color: #165992;
        font-size: 10px;
        font-weight: 500;
        position: relative;
        bottom: 0;
        left: 0;
        padding-left: 0;
        line-height: 21px;
        text-align: center;
        margin-top: 20px;
    }

    .infinito, .inf{
        display: none !important;
    }

    .header{
        height: auto;
    }
    .header .logo {
        width: 80%;
        height: 95px;
        /* background-color: blue; */
        position: relative;
        margin-top: 100px;
        margin-left: 10%;
        background-position: left center;
        background-image: url(../img/logo2B.png);
        left: 0;
        top: 0;
    }
    .header .inicio{
        display: none;
    }
    .header .sectionTit {
        width: 100%;
        padding: 20px 0;
        background-color: #223466;
        display: inline-block;
        position: relative;
        font-size: 22px;
        font-weight: 200;
        top: 0;
        color: #FFF;
    }
    .header.mini .logo{
        display: none;
    }
    .header .reserv .i{
        display: none;
    }
    .header .sectionTit {
        width: calc(100% - 40px);
        padding: 20px 20px;

    }
    .s-descripcion {
        width: 100%;
        /* height: 300px; */
        position: relative;
        vertical-align: top;
        background-color: #EEE;
        margin-right: 0px;
        display: inline-block;
        text-align: center;
        font-size: 14px;
        color: #333;
        font-weight: 300;
    }
    .generalTit {
        padding:0 20px;
        width: calc(100% - 40px);
        font-size: 22px;
        font-weight: 400;
    }
    .s-equipamiento {
        width: calc(100% - 40px);
        position: relative;
        vertical-align: top;
        display: inline-block;
        column-count: 1;
        column-gap: 20px;
        line-height: 24px;
        padding:20px 20px;
    }
    .costos .panelCostos {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .costos .panelCostos .costo {
        /* background-color: violet; */
        border: 1px solid #CEE1E5;
        text-align: left;
        position: relative;
        margin-top: 20px;
        padding: 20px 20px 70px 20px;
        width: calc(100% - 82px);
        margin-left: 20px;
    }
   
    .costos .panelCostos .costo .desayuno {
     margin-bottom: 14px;
    }
    .costos .panelCostos .costo .incluye{
        width: 100%;
    }
    .politicas {
        width: calc(100% - 40px);
        padding: 30px 20px 10px 20px;
        margin-left: 0%;
        text-align: center;
        font-size: 14px;
        line-height: 18px;
        background-image: none;
    }
    .politicas img {
        margin-top: 1px;
    }
    .o-suite {
        width: calc(100% - 82px);
        border: 1px solid #D9D9D9;
        background-color: #f7f7f7;
        padding: 20px;
        display: inline-block;
        margin-bottom: 20px;
        vertical-align: top;
        position: relative;
        margin-left: 20px;
    }
    .o-suite .data {
        width: 100%;
        position: relative;
    }
    .o-suite .pic {
        width: 100%;
        /* background-color: green; */
        vertical-align: top;
        display: inline-block;
        position: relative;
        height: 180px;
        margin-left: 0%;
        margin-top: 20px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .ei-slider-thumbs li {
        width: 50px !important;
    }
    .vision .texto {
        width: calc(100% - 40px);
        vertical-align: top;
        padding: 40px 20px 40px 20px;
        height: auto;
        position: relative;
        float: none;
        text-align: center;
    }
    .vision .fotovision {
        width: 100%;
        top: 0;
        right: 0;
        height: 40vh;
        position: relative;
    }
    .mision .texto .t1, .vision .texto .t1{
        text-align: center;
        font-size: 28px;
        line-height: 32px;
    }
    .introinner{
        width: calc(100% - 40px);
        margin-left: 20px;
    }

    .contenido-rest {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 0px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 1;
    }
    .contenido-salas{
        margin-left: 20px;
        width: calc(100% - 40px);
    }
    .contenido-salas .equipamiento {
        width: 100%;
        height: auto;
        display: inline-block;
        /* background-color: red; */
        vertical-align: top;
        margin-right: 0%
    }
    .contenido-salas .equipamiento .cont {
        column-count: 1;
        column-gap: 40px;
        column-fill: auto;
        text-align: left;
        height: auto;
        position: relative;
    }
    .contenido-salas .equipamiento.left {
        margin-right: 0;
        width: 100%;
        padding-left:0px;
        border-left: none;
        margin-top: 20px;
    }
    .contenido-salas .montajes {
        padding: 5px 8px 5px 24px;
        display: block;
    }
    .contenido-salas .masinfo{
        margin-top: 10px;
    }
    .d1 .text {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-left: 20px;
        padding-right: 0px;
    }
    .d1 .thepic {
        width: 100%;
        top: 0;
        right: 0;
        /* background-color: orange; */
        height: 50vh;
        position: relative;
        margin-top: 20px;
    }
    
    .d2 .fotoantigua {
        width: 100%;
        top: 0;
        left: 0;
        height: 50vh;
        position: relative;
    }
    
    .d2 .text {
        width: calc(100% - 40px);
        vertical-align: top;
        padding-left: 0px;
        float: none;
        margin-left: 20px;
        margin-top: 20px;
    }
    .d2 .text .ttt{
        text-align: left;
    }
    .membresias .tt {
        width: calc(100% - 40px);
        margin-left: 20px;
    }
    .membresias .grilla .miembro {
        margin: 0 0px 20px 0px;
        width: calc(100% - 40px);
    }
    .membresias .grilla .miem {
        width: calc(90% - 40px);
        padding: 15px 20px;
        margin: 5px 0;
    }
    .val {
        width: calc(100% - 40px);
        padding: 0 0 20px 20px;
        border-bottom: none;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .val .t {
        width: calc(100% - 100px);
        padding: 0px 0 0px 80px;
        margin-left: 20px;
    }
    .val .txt {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-top: 30px;
    }
    .col2 {
        width: calc(100% - 40px);
        margin-left: 20px;
        /* background-color: violet; */
        padding-left: 0px;
    }
    .destacados {
        width: calc(100% - 40px);
        margin-left: 20px;
        /* background-color: violet; */
        display: inline-block;
        border-bottom: 1px solid #EEE;
    }
    .destacados .dest{
        margin-bottom: 40px;
    }
    .calificaciones {
        width: calc(100% - 40px);
        margin-left: 20px;
        display: inline-block;
        margin-top: 20px;
    }
    .calificaciones .q {
        margin-bottom: 20px;
    }
    .itemBlog {
        width: calc(100% - 42px);
        padding: 20px 20px;
        margin-left: 0px;
        display: inline-block;
        margin-bottom: 10px;
        border-bottom: 1px solid #CEE1E5;
    }
    .itemBlog .fotoblog {
        width: 300px;
        height: 40vh;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .itemBlog .data {
        width: 100%;
        margin-left: 0px;
        display: inline-block;
        position: relative;
        float: none;
        margin-top: 20px;
        margin-right: 0px;
    }
    .b-pic {
        max-width: calc(100% - 60px);
        margin-left: 0px;
        /* float: left; */
        margin-right: 0px;
        margin-bottom: 20px;
        padding: 10px;
        border: none;
    }
    .b-tit {
        width: calc(100% - 40px);
        margin-left: 20px;
    }
    .b-source {
        font-size: 11px;
        width: calc(100% - 40px);
        margin-left: 20px;
    }
    .b-date {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-top: 15px;
    }
    .b-description {
        width: calc(100% - 40px);
        column-count: 1;
        margin-left: 20px;
    }
    .col1 {
        width: calc(100% - 40px);
        margin-left: 20px;
        /* height: 800px; */
        /* background-color: yellow; */
        display: inline-block;
        vertical-align: top;
        margin-top: 30px;
        border-right:none;
    }
    .col1 .c-atencion, .col1 .c-atencion1{
        width: 75px;
    }
    .c-item{
        width: 100%;
    }
    .col3 .c-titGeneral{
        margin-left: 20px;
    }
    .ttc{
        width: calc(100% - 40px);
        margin-left: 20px;
    }
    .ttc .generalTit {
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        padding: 0;
        width: 100%;
    }
    .sus-mensaje{
        width: 80%;
        margin-left: 10%;
        line-height: 24px;
    }


    .covid-tit{
        font-size: 32px;
        width: 90%;
        margin-left: 5%;
        line-height: 40px;
    }
    .covid-tit span{
        color: #0AADBE;
    }
    .covid-intro{
        width: 90%;
        font-size: 18px;
        font-weight: 300;
        margin: 15px 0 40px 5%;
    }
    .covid-img1{
        height: 300px;
    }

    .covid-text{
        width: 90%;
        font-size: 18px;
        font-weight: 300;
        margin:40px 0 50px 5%;
    }
    .covid-subtit{
        /* width: 409px; */
        padding: 20px 0px 20px 0;
        width: 90%;
        margin-left: 5%;
        text-align: center;
        line-height: 28px;
    }
    .covid-subtit .cola{
        display: none;;
    }
    .covid-item{
        width: calc(100% - 90px);
        font-size: 16px;
        font-weight: 300;
        color: #333;
        position: relative;
        display: inline-block;
        margin:10px 0 10px 0%;
        line-height: 34px;
        padding-right: 10px;
        text-align: left;
        margin-left: 20px;
        padding-left: 50px;
        /* background-color: yellow; */
    }
    .covid-item .nbmr{
        position: absolute;
        display: flex;
        align-items: center;
        height: 30px;
        padding-top: 2px;
        width: 30px;
        background-color: #213366;
        color: #FFFFFF;
        justify-content: center;
        left: 0;
        top: 0;
        border-radius: 2px;
    }
    .covid-img2{
        width: 350px;
        height: 300px;
        display: block;
        margin:0 auto;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url(../img/covid2.jpg);
        margin-top: 30px;
    }
    .mainBack .reserva .reserva-tit{
        width: min-content;

    }
    .mainBack .reserva .reserva-tit span{
        width: max-content;
        padding: 0 0px 0 0px;  
    }
    .mainBack .reserva .reserva-reservar {
        width: fit-content;
        padding: 0 10px;
    }
    .mainBack .reserva .reserva-redes {
        width: fit-content;
    }
    .mainBack .reserva .reserva-redes .red{
        width:32px;
        margin-right:0;
    }
    .footer .contactanos .redes {
        width: calc(100% + 20px);
        text-align:center;
    }
    .suite .descripcionSuite .minidetalles .capacidad{
        margin-bottom:10px;
    }
    .s-descripcion .banda .per{
        margin-bottom:15px;
    }
    .ndi{
        width: 40%;
        font-size: 10px;
        line-height: 14px !important;
    }
    .o-suite .data .caracteristicas .cam{
        margin-left:0;
        margin-top:15px;
    }
    .s-descripcion .banda .cam{
        margin-left:0;
    }
    .s-descripcion .banda .per span, .s-descripcion .banda .cam span{
        line-height: 15px;
    }
    .contactos_rest{
        text-align:left;
        border-bottom:none;
        padding-bottom: 25px;
    }
    .contactos_rest .d {
        width: calc(100% - 50px);
    }

    .panelReservas .contenedorReservas{
        min-width: auto;
        width: 100%;
    }
    .panelReservas .contenedorReservas .head .logRes, .panelReservas .contenedorReservas .head .steps{
        display:none;
    }
    .panelReservas .contenedorReservas .head .titRes{
        margin-left:20px;
    }
    .panelReservas .contenedorReservas .contendorRes{
        width: calc(100% - 40px);
    }
    .panelReservas .contenedorReservas .contendorRes .input-reserva{
        height: 33px;
    }
    .panelReservas .contenedorReservas .contendorRes .input-reserva .titInput{
        font-size:12px;
        background-position: 10px 8px;
    }
    .panelReservas .contenedorReservas .contendorRes .input-reserva .truly{
        font-size: 12px;
        width: calc(100% - 120px);
        left:90px;
    }
    .panelReservas .contenedorReservas .contendorRes .input-selectSuite.activo {
        grid-template-columns: repeat(1, 1fr);
    }
    .panelReservas .contenedorReservas .contendorRes .input-selectSuite .suiteBtn{
        margin:5px 0;
    }
    .panelReservas .contenedorReservas .contendorRes .input-cantidadesSuites .titInputq{
        font-size: 12px;
        line-height: 14px;
        padding: 0;
    }
    .panelReservas .contenedorReservas .contendorRes .input-totalizar{
        margin-top:35px;
    }
    .panelReservas .contenedorReservas .contendorRes .input-totalizar #total-pagar, .panelReservas .contenedorReservas .contendorRes .input-totalizar #total-pagar-ahora{
        padding-right: 0;
    }
    .panelReservas .contenedorReservas .contendorRes .input-totalizar .titTotal{
        margin-right:10px;
    }
    .panelReservas .contenedorReservas .contendorRes .input-dato .titInput{
        width:100%;
        margin-bottom: 10px;
    }
    .panelReservas .contenedorReservas .contendorRes .input-dato textarea, .panelReservas .contenedorReservas .contendorRes .input-dato input {
        width: calc(100% - 22px);
        margin-bottom:10px;
    }
    .formhuespedes .complete{
        position:relative;
        top:0;
    }
    .formhuespedes .labelhuesped.half {
        width: 100%;
    }
    .formhuespedes .inputhuesped.half {
        width: 100%;
        margin-bottom: 5px;
    }
    .formhuespedes .inputhuesped.half.ml {
        margin-left: 0%;
    }
    .formhuespedes .puede{
        margin: 5px 0 10px 0;
    }
    .panelReservas .contenedorReservas .contendorRes.fullfull{
        width: calc(100% - 20px);
        padding: 20px 10px 40px 10px;
        overflow-y: auto;
    }
    .panelResumen{
        width: 100%;
        height: auto;
    }
    .panelResumen .miresumen{
        width: 100%;
        padding-right: 0;
    }
    .panelResumen .miresumen .dato.suite .t{
        width:100%;
    }
    .panelReservas .contenedorReservas .contendorRes .panelPago{
        margin-left: 0;
        border: none;
        padding: 0;
        width: 100%;
        margin-top: 30px;
    }
    .panelReservas .contenedorReservas .contendorRes .panelPago .tituloOpcionPago {
        display: inline-block;
        width: calc(100% - 70px);
        padding: 10px 50px 10px 20px;
    }
    .panelResumen .ttStep{
        width: 100%;
    }
    .panelResumen .mitotal.last{
        width:100%;
        margin-top: 20px;
    }
    .panelResumen .mitotal .pagandoa{
        width: 80%;
        margin-top: 20px;
    }
    .suscripcionBody .sus-logo{
        width:100%;
    }
    .panelResumen.last{
        width: calc(100% - 60px);
        }

    .master.txt1{
        width: calc(100% - 40px);
        padding: 0 20px;

    }
    

}