body{

 font-family: 'Myriad Pro Regular';

}

a:hover{

    text-decoration: none;

}

ul,ol{

    padding: 0px;

    margin: 0;

    list-style: none;

}



.background{

    float: left;

    width: 100%;

    position: absolute;

    height: 50%;

    /*background-color: rgba(0,0,0,0.25);*/

    bottom: 0;

    padding: 20px 0;

    z-index: 9;
    opacity: 0;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}

.background h1,

.background h2{

    color: #fff;

    text-shadow:2px 1px 1px #000;

    margin: 0;

}

.background h1{

    font-size: 5em;

    font-family: 'Myriad Pro BoldCond';

}

.background h2{

    font-family: 'Myriad Pro Cond';

}

.owl-item.active .background{
    opacity: 1;

} 

.itemImg,

.itemImg_m {



    opacity: 0.9;

    z-index: 8;

    background-attachment: scroll;

    background-position: center center;

    background-repeat: none;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;



    height: 100vh;

}

.itemImg{

    height: calc(100vh - 253px);

    min-height: 450px;

}

#banner-principal .owl-controls .owl-prev, 

#banner-principal .owl-controls .owl-next,

.carrocel_gaph .owl-controls .owl-prev, 

.carrocel_gaph .owl-controls .owl-next{

    background-color: #3A8A7D;

    color: #DFCC8E;

    z-index: 11;

    line-height: 34px;
}

#banner-principal{

    margin:0 0 0 0;

    background: #000;

}



#banner-principal .owl-animated-in{

    z-index:auto !important;

}



.top_info,

.top{

    padding: 5px 0; 

    display: block;

    width: 100%;

    background-color: #DFCC8E; 

}



.top{

    background-color: #3A8A7D;

    padding: 5px 0;    

}



.link_paises,

.link_nav{

    margin: 0px;

    display: inline-block;

}

.link_paises a,

.link_nav a{

    color: #3A8A7D;

    text-transform: uppercase;

    font-family: 'Myriad Pro Cond';

    font-size: 1.1em;

    position: relative;

}

.link_paises a:hover,

.link_nav a:hover{

    color: #fff;

}

.link_paises a{

    margin-left: 10px;

}



.link_nav{

    text-align: right;

    float: right;

}



.link_nav a{

    margin-right: 10px;

}

.link_paises a{

    border-right: 1px solid #3A8A7D;

    padding-right:10px; 

}

.link_paises a:last-child{

    border-right:none;

}



.logo{

    position: relative;

    display: block;

    float: left;

    /*background-position: center center;

    background-image: url(../img/logo.png);

    background-repeat: no-repeat;*/

}

.logo_selo {
    position: relative;
    display: block;
    float: left;
}


.logo_selo img {
        width: 90px;
    margin-left: 20px;
}
}



.menu{
    margin-top: 5px;
    float: left;

    width:calc(100% - 90px);

}

.menu ul{

    float: right;

}

.menu ul li{

    float: left;

    display: block;

}

.menu ul li a{

    display: block;

    color: #DFCC8E;

    text-transform: uppercase;

    font-family: 'Myriad Pro BoldCond';

    padding: 20px 20px;

    border: 2px solid transparent;

    margin: 4px 0;

    font-size: 1.3em;

}

.menu ul li a:hover{

    border-color: #DFCC8E;

}



.menu_m ul{

    background-color: #DFCC8E;

    position: absolute;

    display: block;

    right: 15px;

    margin-top: 52px;

    z-index: 5;

    padding:10px;

    box-shadow: 3px 3px 2px rgba(0,0,0,0.3);

    display: none;

}

.menu_m ul li a{

    display: block;

    padding:5px 10px;

    font-size: 1.1em;

    color: #3A8A7D;

}



.btn-mobile{

    background-color: #DFCC8E;

    color: #3A8A7D;

    border:none;

    padding:5px 10px; 

    margin-top: 21px;

    float: right;

}



.rodape{

    margin-top: 80px;

    float: left;

    display: block;

    background-color: #EEEEEE;

    padding: 20px 0;

    width: 100%;

}



body.inicial .rodape{

    margin-top: 0px;

}



.rodape .end{

    padding-right: 40px;

    border-right: 1px solid #BBBBBB;

    display: block;

    float: left;

}

.rodape .end p,

.rodape .sac p,

.rodape .sac h1,

.rodape .sac h1 small{

    color: #3A8A7D;

    margin: 0;

    font-family: 'Myriad Pro Cond';

    font-size: 1.3em

}



.rodape .sac{

    margin-left: 25px;

    display: block;

    float: left;

}



.rodape .sac h1 small{

    font-size: 70%;

    margin-right: 5px;

    font-family: 'Myriad Pro BoldCond';

}

.rodape .sac h1{

    font-size: 2em;

    font-weight: 900;

    font-family: 'Myriad Pro BoldCond';

}

.rodape.mobile .end,
.rodape.mobile .sac,
.rodape.mobile .icons ul li{
    width: 100%;
    padding: 0 0 20px 0;
    margin:0 0 20px 0;
    border-right:none;
    border-bottom: 1px solid #BBBBBB;
    text-align: center;
}
.rodape.mobile .icons ul li{
    border-bottom:none;
    margin:0;
    padding:0;
}
.rodape.mobile .icons ul li a{
    margin-bottom: 10px;
}


.icons{

    float: right;

}

.icons ul li{

    float: left;

    display: block;

}

.icons ul li a{

    display: block;

    margin:2px 15px 0;

}



#form-reserva{

    position: relative;

}



.reserva_box{

    position: relative;

    display: block;

    float: left;

    background-color: #d7bd7fbf;

    padding: 20px;

    width: 100%;

}

.reserva_box h1{

    font-family: 'Myriad Pro BoldCond';

    font-size: 2.2em;

    margin: 0 0 15px 0;

    text-transform: uppercase;

    color: #3A8A7D;

    font-weight: 600;

}



#form-reserva {

    position: absolute;
    z-index: 10;
    width: 100%;
    height: 428px;
    top: 0;
    bottom: 0;
    margin: auto;

}

#form-reserva input,

#form-reserva select{

    border-radius: 0px;

    height: 46px;

    margin-bottom: 15px;

    color: #3A8A7D;

    box-shadow: none;

    outline: none;

    border: none;

    position: relative;

    font-family: 'Myriad Pro Cond';

    font-size: 1.2em;

}

#form-reserva select{

    text-transform: uppercase;

}



#form-reserva input::-webkit-input-placeholder {

    color: #3A8A7D;

}



#form-reserva input:-moz-placeholder {

    color: #3A8A7D;

}



#form-reserva input::-moz-placeholder {

    color: #3A8A7D;

}



#form-reserva input:-ms-input-placeholder {  

    color: #3A8A7D;

}

#form-reserva button.btn{

    display: block;

    width: 100%;

    text-align: center;

    color: #fff;

    background-color: #3A8A7D;

    text-transform: uppercase;

    border-radius: 0;

    height: 46px;

}

#form-reserva button.btn:hover{

    background-color: #022a3e

}

#form-reserva button[type="button"]{
        opacity: 0;
    position: absolute;

    margin-top: -61px;

    height: 46px;

    border: none;

    width: 100%;

    display: block;

    padding: 0;

    max-width: 280px;

    text-indent: -900px;

    background: transparent;

    z-index: 6;

}

#form-reserva .campDate{

    position: relative;

    display: block;

    margin: 0;

}

#form-reserva .campDate:before{

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f073";

    z-index: 5;

    position: absolute;

    right: 10px;

    top: 17px;

    color: #3A8A7D;

}



#form-reserva label{

    font-weight: normal;

    width: 100%;

    display: block;

}



#form-reserva select {

    display: inline-block;

    -webkit-appearance:none;

    -moz-appearance:none;

    appearance:none;

    cursor:pointer;

}



/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */

@media screen and (-webkit-min-device-pixel-ratio:0) {

    #form-reserva select {

        padding-right:25px

    }

}



#form-reserva label {position:relative}

#form-reserva label:after {

    content:'>';

    font:18px "Consolas", monospace;

    color:#3A8A7D;

    -webkit-transform:rotate(90deg);

    -moz-transform:rotate(90deg);

    -ms-transform:rotate(90deg);

    transform:rotate(90deg);

    right:12px; 

    top:50%;

    margin-top: -20px;

    padding:0 0 2px;

    position:absolute;

    pointer-events:none;

}

#form-reserva label:before {

    content:'';

    right:6px; 

    top:0px;

    width:20px; 

    height:20px;

    background:#3A8A7D;

    position:absolute;

}



.ui-widget-header,

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{

    background-image: none !important;

}



.ui-datepicker th{

    font-size: 0.8em;

}



.titulo_padrao{

    position: relative;

}



.titulo_padrao h1{

    display: block;

    margin: 60px 0 80px;

    font-size: 2.5em;

    color: #3A8A7D;

    font-family: 'Myriad Pro BoldCond';

    position: relative;

    text-transform: uppercase;

}

.titulo_padrao h1:after{

    width: 100%;

    max-width: 450px;

    height: 3px;

    background-color: #DFCC8E;

    position: absolute;

    left: 0px;

    bottom: -25px;

    content: "";

}

.tarifario_texto-bloco-texto h1{

    font-size: 1.3em;

    color: #3A8A7D;

    font-family: 'Myriad Pro Semibold';

    margin-bottom: 20px;

    margin-top: 0px;

}

.tarifario_texto-bloco-texto p{

    color: #858585

}



table[id^="tarifario-tabela-"] tr td{

    padding:10px 15px;

    vertical-align: middle;

    color: #858585;

}

table[id^="tarifario-tabela-"] thead tr:nth-child(1) td{

    background-color: #3A8A7D;

    color: #fff;

}

table[id^="tarifario-tabela-"] tr:nth-child(even) td{

    background-color: #F4F4F4;

}

table[id^="tarifario-tabela-"] tr:nth-child(odd) td{

    background-color: #EEEEEE;

}

table[id^="tarifario-tabela-"] thead tr:nth-child(2) td{

   font-family: 'Myriad Pro Bold';

   font-size: 0.8em;

}



table.endereco-destino td h3{

    display: block;

    padding: 5px 5px;

    cursor: pointer;

    margin: 0;

}

table.endereco-destino tbody td:hover{

    background-color: #DFCC8E !important;

    color: #3A8A7D;

}



body.inicial .menu ul li a.hotel,

body.apartamentos .menu ul li a.apartamentos,

body.lazer .menu ul li a.lazer,

body.empresas .menu ul li a.empresas,

body.localizacao .menu ul li a.localizacao,

body.reserva .menu ul li a.reserva{

    border-color: #DFCC8E;

}



body.reserva #form-reserva {

    position: relative;

    z-index: 10;

    width: 100%;

    height: 428px;

    top: 0;

    margin-top: 80px;

}



body.reserva #form-reserva [class^="col-"]{

    margin: 0 auto;

    float: none;

}



.box-apartemetento{

    display: block;

    width: 100%;

    padding: 12px;

    background: #F2F2F2;

    float: left;

    margin-bottom: 30px;

}

.box-apartemetento div.img,

.box-apartemetento div.txt{

    display: block;

    float: left;

}

.box-apartemetento div.img{

    width: 100%;

    max-width: 500px;

}

.box-apartemetento div.txt{

    width: calc(100% - 500px);

    padding-left: 40px;

}

.box-apartemetento div.txt h2{

    text-transform: uppercase;

    margin:17px 0px 30px;

    font-family: 'Myriad Pro BoldCond';

    color: #3A8A7D;

    position: relative;

}

.box-apartemetento div.txt h2:after{

    width: 100%;

    max-width: 135px;

    height: 3px;

    background-color: #dfcc8e;

    position: absolute;

    left: 0px;

    bottom: -12px;

    content: "";

}

.box-apartemetento div.txt p{

    line-height: 25px;

    font-size: 1.5em;

    font-family: 'Myriad Pro Cond';

    color: #666666;

}

.box-apartemetento div.txt div.link button,

.box-apartemetento div.txt div.link a{

    margin-top: 10px;

    margin-right: 10px;

    display: inline-block;

    padding: 18px 21px 14px;

    border: 2px solid #3A8A7D;

    text-transform: uppercase;

    font-family: 'Myriad Pro BoldCond';

    line-height: 13px;

    color: #3A8A7D;

    font-size: 1.5em;

}

.box-apartemetento div.txt div.link button{

    background-color: transparent;

}

.box-apartemetento div.txt div.link a{

    border: 2px solid #D9C479;

    color: #D9C479;

}

.box-apartemetento div.txt div.link button:hover,

.titulo_padrao .bt-link:hover{

    background-color: #3A8A7D;

    color: #fff;

}

.box-apartemetento div.txt div.link {

    display: inline-block;

}

.box-apartemetento div.txt div.link  a:hover{

    background-color: #D9C479;

    color: #fff;

}



.titulo_padrao .bt-link{

    display: block;

    position: absolute;

    padding: 13px 15px;

    border: 2px solid #3A8A7D;

    color: #3A8A7D;

    font-size: 1.5em;

    text-transform: uppercase;

    font-family: 'Myriad Pro BoldCond';

    top: 0px;

    line-height: 15px;

    right: 0px;

}
.titulo_padrao .bt-regulamento{
    right: 118px;
}

.endereco-destino{
    margin-top: 25px;
}

.mfp-image-holder .mfp-close{
    background: #3A8A7d;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    text-align: center !important;
    margin: 0px 5px 0px 0px !important;
    padding: 0 !important;
    color: #fff !important;
    opacity: 1 !important;
}