/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc
	#Site styles */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

div#overlayMscOff {
    padding: 20px;
}

    div#overlayMscOff p {
        font-size: 12px;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#quadroValores span.infoicon_pagamento {
    /*position: absolute;
    margin-left: -42px;
    margin-top: 5px;
    cursor: pointer;*/
    /*display:none!important;*/
    margin-right: 5px;
    display: inline-block;
    line-height: 10px;
    position: relative;
    bottom: -2px;
    cursor: pointer;
}

.logo, .telefone, a.facebook, a.twitter, a.blog, a.pinterest, a.google-mais, a.youtube, .miolo div.maisProcurados div.setaDireita, .miolo div.maisProcurados div.setaEsquerda, .col-lateral a.twitter, .restamXIcon, .restamXIconGrande, .emailIcon, .email a span, .footer ul li.cartoes, .footer ul li .logo-cadastur, .pre-footer .mascote, .pre-footer .premios {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/imgs-v2.png") no-repeat scroll 0 0 transparent;
    display: block;
    text-indent: -100000px;
}


a.facebook-v3, a.twitter-v3, a.pinterest-v3, a.google-mais-v3, a.youtube-v3, a.instagram-v3, i.compartilhar-v3, i.facebook-m, i.whatsapp-m, i.twitter-m, i.email-m {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/icons_24.png") no-repeat scroll 0 0 transparent;
    display: block;
    text-indent: -100000px;
}

h1.h1Visivel {
    font-size: 10px;
    line-height: normal;
    margin: 0 0 0 50px;
    float: left;
}

.footer ul.linksRodapeIndex {
    color: #eee;
    position: absolute;
    z-index: -1;
}

.moedaRodape {
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
}

#indique {
    position: absolute;
    width: 550px;
    height: 330px;
    border: 10px solid #00A0CB;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    z-index: 9999;
}

#mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
    opacity: 0.7;
}

.mostrarNoDesktop {
    display: block !important;
}

.mostrarNoMobile {
    display: none !important;
}

/* #Basic Styles
================================================== */
body {
    background: #fff url("https://viajarbarato-a.akamaihd.net/images/Layout/bg-geral.png") repeat-x !important;
    font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    position: relative !important;
    width: auto !important;
}

.bodyCheckout {
    background: #fff url("https://viajarbarato-a.akamaihd.net/images/Layout/bg-checkout.png") repeat-x !important;
}

.esq {
    float: left !important;
}

.dir {
    float: right !important;
}

.sombra {
    box-shadow: 2px 2px 2px #d3d3d3;
    -moz-box-shadow: 1px 1px 2px #d3d3d3;
    -webkit-box-shadow: 1px 1px 2px #d3d3d3;
}

.linksLogin {
    margin-right: 200px;
    font-size: 11px;
}


/* INÍCIO componente menu drop mobile */

.esgotado {
    color: RED;
}

.selectFake {
    border: 1px solid #d2d4d5;
    padding: 1px 4px 4px 0;
    background: url(https://viajarbarato-a.akamaihd.net/images/Layout/sprite-drop-mobile-v6.png) no-repeat scroll 99% 100%;
    background-image: url(https://viajarbarato-a.akamaihd.net/images/Layout/sprite-drop-mobile-v6.png);
    background-position-x: 99%;
    background-position-y: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 90%;
    float: left;
    max-height: 31px;
    overflow: hidden;
    display: none !important;
}

.aVista {
    background: none;
    border: 0;
}

    .aVista li {
        cursor: initial !important;
    }

.item select, .quantidade select, #mesCartao, #anoCartao, #condPagamento {
    display: block !important;
}

.selectFake li {
    padding: 0 2% 0 1.5%;
    width: 64%;
}

.item .selectFake li,
.quantidade .selectFake li {
    padding: 3px 2% 0 1.5%;
    width: 90% !important;
}


.boxMenuDropMobile {
    max-width: 800px;
    width: 86%;
    border: 1px solid #d2d4d5;
    background: #f8f8f8;
    position: fixed;
    z-index: 9001;
    height: auto;
    overflow-y: auto;
    display: none;
}

.boxItensMenuDropMobile {
}

    .boxItensMenuDropMobile .selecionado {
        background: url(https://viajarbarato-a.akamaihd.net/images/Layout/sprite-drop-mobile-v6.png) no-repeat scroll 94% 65%;
        background-image: url(https://viajarbarato-a.akamaihd.net/images/Layout/sprite-drop-mobile-v6.png);
        background-position-x: 94%;
        background-position-y: 65%;
        background-repeat: no-repeat;
    }



.itemMenuDropMobile {
    border-bottom: 1px solid #d2d4d5;
    padding: 10px 13% 10px 2%;
    width: 85%;
    display: block;
    cursor: pointer;
    font-size: 14px;
}

    .itemMenuDropMobile:last-child {
        border-bottom: 0;
    }

    .itemMenuDropMobile:hover {
        background-color: #f0efef;
    }

/* FIM componente menu drop mobile */




/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
    color: #181818;
    font-family: "Arial", "Tahoma";
    font-weight: normal;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-weight: inherit;
    }

h1 {
    font-size: 46px;
    line-height: 50px;
    margin-bottom: 14px;
    color: #23859e;
}

h2 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 10px;
    color: #23859e;
}

h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 8px;
}

h4 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 4px;
}

h5 {
    font-size: 17px;
    line-height: 24px;
}

h6 {
    font-size: 14px;
    line-height: 21px;
}

.subheader {
    color: #777;
}


p {
    margin: 0 0 20px 0;
}

    p img {
        margin: 0;
    }

    p.lead {
        font-size: 21px;
        line-height: 27px;
        color: #777;
    }

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}

.azul-1-12 {
    color: #003965;
    font-size: 12px;
}

.azul-1-14 {
    color: #003965;
    font-size: 14px;
}




/*	Blockquotes  */
blockquote, blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}

blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd;
}

    blockquote cite {
        display: block;
        font-size: 12px;
        color: #555;
    }

        blockquote cite:before {
            content: "\2014 \0020";
        }

        blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
            color: #555;
        }

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}


/* #Links
================================================== */
a, a:visited {
    color: #444;
    text-decoration: none;
    outline: 0;
}

    a:hover, a:focus {
        color: #000;
    }

p a, p a:visited {
    line-height: inherit;
}

.minhaConta a {
    color: #23859E;
}

/* #Lists
================================================== */
ul, ol {
}

ul {
    list-style: none outside;
}

ol {
    list-style: decimal;
}

ol, ul.square, ul.circle, ul.disc {
    margin-left: 30px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul, ul ol,
ol ol, ol ul {
    margin: 4px 0 5px 30px;
    font-size: 90%;
}

    ul ul li, ul ol li,
    ol ol li, ol ul li {
        margin-bottom: 6px;
    }

li {
}

ul.large li {
    line-height: 21px;
}

li p {
    line-height: 21px;
}

/* #Images
================================================== */

img.scale-with-grid {
    max-width: 100%;
    height: auto;
}


/* #Buttons
================================================== */
/* #Botão Laranja ================= */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.botaoEnviar a {
    background: #fecb00; /* Old browsers */
    background: -moz-linear-gradient(top, #fecb00 0%, #fc6400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fecb00), color-stop(100%,#fc6400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fecb00 0%,#fc6400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fecb00 0%,#fc6400 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fecb00 0%,#fc6400 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fecb00 0%,#fc6400 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecb00', endColorstr='#fc6400',GradientType=0 ); /* IE6-9 */
    border: 1px solid #fd9400;
    border-top: 1px solid #fed833;
    border-left: 1px solid #fed833;
    color: #FFF;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    line-height: normal;
    padding: 8px 10px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}


    .button:hover,
    button:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    .botaoEnviar a:hover {
        background: #fc6400; /* Old browsers */
        background: -moz-linear-gradient(top, #fc6400 0%, #fecb00 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc6400), color-stop(100%,#fecb00)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fc6400 0%,#fecb00 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fc6400 0%,#fecb00 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fc6400 0%,#fecb00 100%); /* IE10+ */
        background: linear-gradient(to bottom, #fc6400 0%,#fecb00 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6400', endColorstr='#fecb00',GradientType=0 ); /* IE6-9 */
        border: 1px solid #fd9400;
        border-top: 1px solid #fed833;
        border-left: 1px solid #fed833;
        color: #FFF;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
        line-height: normal;
        padding: 8px 10px;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
    }

    .button:active,
    button:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active {
        border: 1px solid #fd9400;
        border-top: 1px solid #fed833;
        border-left: 1px solid #fed833;
        background: #fecb00; /* Old browsers */
        background: -moz-linear-gradient(top, #fecb00 0%, #fc6400 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fecb00), color-stop(100%,#fc6400)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fecb00 0%,#fc6400 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fecb00 0%,#fc6400 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fecb00 0%,#fc6400 100%); /* IE10+ */
        background: linear-gradient(to bottom, #fecb00 0%,#fc6400 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecb00', endColorstr='#fc6400',GradientType=0 ); /* IE6-9 */
        /* Safari 3-4, iOS 1-3.2, Android 1.6- */
        -webkit-border-radius: 0;
        /* Firefox 1-3.6 */
        -moz-border-radius: 0;
        /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
        border-radius: 0;
    }

    /* #Botão Verde ================= */
    button.buttonVerde, input[type=submit].btnEnviarLocalizador, a.buttonVerde {
        background: #279e1b; /* Old browsers */
        background: -moz-linear-gradient(top, #3acd28 0%, #15730f 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3acd28), color-stop(100%,#15730f)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #3acd28 0%,#15730f 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #3acd28 0%,#15730f 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #3acd28 0%,#15730f 100%); /* IE10+ */
        background: linear-gradient(to bottom, #3acd28 0%,#15730f 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3acd28', endColorstr='#15730f',GradientType=0 ); /* IE6-9 */
        border: 1px solid #62bd57;
        border-top: 1px solid #63da54;
        border-left: 1px solid #63da54;
        color: #FFF;
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
        line-height: normal;
        padding: 8px 5px;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        margin-top: 3px;
    }

        a.buttonVerde, a.buttonVerde:hover, a.buttonVerde:active {
            font-size: 12px !important;
            margin-left: 14px;
        }

            button.buttonVerde:hover, a.buttonVerde:hover {
                background: #279e1b; /* Old browsers */
                background: -moz-linear-gradient(top, #15730f 0%, #3acd28 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#15730f), color-stop(100%,#3acd28)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #15730f 0%,#3acd28 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #15730f 0%,#3acd28 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #15730f 0%,#3acd28 100%); /* IE10+ */
                background: linear-gradient(to bottom, #15730f 0%,#3acd28 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15730f', endColorstr='#3acd28',GradientType=0 ); /* IE6-9 */
                border: 1px solid #62bd57;
                border-top: 1px solid #63da54;
                border-left: 1px solid #63da54;
                color: #FFF;
                display: inline-block;
                font-size: 16px;
                font-weight: bold;
                text-decoration: none;
                cursor: pointer;
                line-height: normal;
                padding: 8px 5px;
                font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
                text-transform: uppercase;
            }



        button.buttonVerde:active {
            border: 1px solid #62bd57;
            border-top: 1px solid #63da54;
            border-left: 1px solid #63da54;
            background: #fecb00; /* Old browsers */
            background: -moz-linear-gradient(top, #3acd28 0%, #15730f 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3acd28), color-stop(100%,#15730f)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #3acd28 0%,#15730f 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #3acd28 0%,#15730f 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #3acd28 0%,#15730f 100%); /* IE10+ */
            background: linear-gradient(to bottom, #3acd28 0%,#15730f 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3acd28', endColorstr='#15730f',GradientType=0 ); /* IE6-9 */
        }

    /* #Botão Azul ================= */
    button.buttonAzul, .buttonAzul {
        background: #03b7e5; /* Old browsers */
        background: -moz-linear-gradient(top, #04d9f2 0%, #0297da 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04d9f2), color-stop(100%,#0297da)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #04d9f2 0%,#0297da 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #04d9f2 0%,#0297da 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #04d9f2 0%,#0297da 100%); /* IE10+ */
        background: linear-gradient(to bottom, #04d9f2 0%,#0297da 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04d9f2', endColorstr='#0297da',GradientType=0 ); /* IE6-9 */
        border: 1px solid #32c7d6;
        border-top: 1px solid #85f3fe;
        border-left: 1px solid #85f3fe;
        color: #FFF;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
        line-height: normal;
        padding: 8px 10px;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
    }


        button.buttonAzul:hover, .buttonAzul:hover {
            background: #03b7e5; /* Old browsers */
            background: -moz-linear-gradient(top, #0297da 0%, #04d9f2 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0297da), color-stop(100%,#04d9f2)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #0297da 0%,#04d9f2 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #0297da 0%,#04d9f2 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #0297da 0%,#04d9f2 100%); /* IE10+ */
            background: linear-gradient(to bottom, #0297da 0%,#04d9f2 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0297da', endColorstr='#04d9f2',GradientType=0 ); /* IE6-9 */
            border: 1px solid #32c7d6;
            border-top: 1px solid #85f3fe;
            border-left: 1px solid #85f3fe;
            color: #FFF;
            display: inline-block;
            font-size: 16px;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
            line-height: normal;
            padding: 8px 10px;
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-transform: uppercase;
        }

        button.buttonAzul:active, .buttonAzul:active {
            border: 1px solid #32c7d6;
            border-top: 1px solid #85f3fe;
            border-left: 1px solid #85f3fe;
            background: #03b7e5; /* Old browsers */
            background: -moz-linear-gradient(top, #04d9f2 0%, #0297da 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04d9f2), color-stop(100%,#0297da)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #04d9f2 0%,#0297da 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #04d9f2 0%,#0297da 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #04d9f2 0%,#0297da 100%); /* IE10+ */
            background: linear-gradient(to bottom, #04d9f2 0%,#0297da 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04d9f2', endColorstr='#0297da',GradientType=0 ); /* IE6-9 */
        }

    .button.full-width,
    button.full-width,
    input[type="submit"].full-width,
    input[type="reset"].full-width,
    input[type="button"].full-width {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }

    /* Fix for odd Mozilla border & padding issues */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }


/* #Forms
================================================== */

form {
    margin-bottom: 0;
}

fieldset {
    margin-bottom: 20px;
}

input[type="text"], input[type="password"], input[type="email"], textarea, input[type="number"], input[type="date"] {
    border: 1px solid #ccc;
    padding: 0px;
    outline: none;
    font: 14px "arial";
    color: #777;
    margin: 0;
    width: 100%;
    max-width: 99%;
    display: block;
    background: #f6f6f6;
    height: 28px;
    line-height: 28px;
    display: block;
    overflow: hidden;
}

select {
    border: 1px solid #ccc;
    padding: 4px;
    height: 30px;
    line-height: 30px;
    outline: none;
    font: 14px "arial";
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    background: #f6f6f6;
    display: block;
    overflow: hidden;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

textarea {
    min-height: 60px;
}

label,
legend {
    display: block;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 5px;
}

select {
    width: 220px;
}

input[type="checkbox"] {
    display: inline;
}

label span,
legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444;
}

/* #Misc
================================================== */
.remove-bottom {
    margin-bottom: 0 !important;
}

.half-bottom {
    margin-bottom: 10px !important;
}

.add-bottom {
    margin-bottom: 20px !important;
}

/* #Site Styles
================================================== */

/* Header Styles ==== */


.zeraMargem {
    margin-right: 0 !important;
}

.logo {
    height: 54px;
    width: 228px;
    margin-top: 20px;
    float: left;
}

    .logo a {
        height: 54px;
        width: 228px;
        display: block;
        overflow: hidden;
    }

.negrito {
    font-weight: bold;
}

div.topnav {
    float: right !important;
    font-size: 12px;
    padding: 5px 0 0;
    display: block !important;
    height: 30px;
    overflow: hidden;
}

    div.topnav ul li {
        float: left;
        font-size: 12px;
    }

    div.topnav ul.topmenu {
        float: right;
        margin-top: 2px;
    }

        div.topnav ul.topmenu li {
            padding: 0 8px 0 0;
            margin: 0 5px;
            border-right: 2px solid #91c2ce;
            display: block;
        }

            div.topnav ul.topmenu li.last {
                border-right: 0;
            }

a.voltar {
    font-size: 16px;
    margin: 40px 20px 0;
}

div.topnav ul.topmenu li .cadastre-se, div.topnav ul.topmenu li .minhaContaLogado {
    color: #fd8c00;
}

    div.topnav ul.topmenu li .cadastre-se:hover,
    div.topnav ul.topmenu li .minhaContaLogado:hover,
    div.topnav ul.topmenu li a:hover {
        text-decoration: underline;
    }

div.topnav ul.topmenu li.telefone {
    width: 17px;
    height: 18px;
    padding-right: 0px;
    background-position: -246px -23px;
    border: 0px;
}

div.topnav .topsocial {
    float: right;
    display: block;
    overflow: hidden;
}

    div.topnav .topsocial li {
        border: 0px;
    }

        div.topnav .topsocial li a.facebook {
            background-position: -275px -20px;
            width: 24px;
            height: 24px;
        }

        div.topnav .topsocial li a.twitter {
            background-position: -300px -20px;
            width: 24px;
            height: 24px;
        }

        div.topnav .topsocial li a.blog {
            background-position: -325px -20px;
            width: 24px;
            height: 24px;
        }

        div.topnav .topsocial li a.pinterest {
            background-position: -350px -20px;
            width: 24px;
            height: 24px;
        }


        div.topnav .topsocial li a.google-mais {
            background-position: -375px -20px;
            width: 24px;
            height: 24px;
        }

        div.topnav .topsocial li a.youtube {
            background-position: -400px -20px;
            width: 24px;
            height: 24px;
        }

        div.topnav .topsocial li a.instagram-v3 {
            background-position: -0px -0px;
            width: 24px;
            height: 24px;
            margin-right: 2px;
        }

        div.topnav .topsocial li a.facebook-v3 {
            background-position: -24px -0px;
            width: 24px;
            height: 24px;
            margin-right: 2px;
        }

        div.topnav .topsocial li a.pinterest-v3 {
            background-position: -48px -0px;
            width: 24px;
            height: 24px;
            margin-right: 2px;
        }

        div.topnav .topsocial li a.twitter-v3 {
            background-position: -72px -0px;
            width: 24px;
            height: 24px;
            margin-right: 2px;
        }

        div.topnav .topsocial li a.google-mais-v3 {
            background-position: -96px -0px;
            width: 24px;
            height: 24px;
            margin-right: 2px;
        }

        div.topnav .topsocial li a.youtube-v3 {
            background-position: -120px -0px;
            width: 24px;
            height: 24px;
        }


#pinterestButton {
    left: -23px;
}

div.menu-geral {
    float: right !important;
}

ul.menu {
    float: right;
    margin-top: 25px;
}

    ul.menu li {
        float: left;
    }

        ul.menu li a {
            color: #003965;
            padding: 5px 11px;
            font-size: 13px;
            display: block;
        }

        ul.menu li:last-child a {
            padding-right: 0px;
        }

        ul.menu li a:hover {
            color: #fd8c00;
        }

        ul.menu li a.ativo {
            color: #FFF;
            background: #003965;
        }

a.voltarTelaOferta {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bg-voltar.jpg") top right no-repeat;
    padding-right: 18px;
    float: right;
    text-decoration: underline;
    color: #23859e;
}

/* Busca Styles ==== */



.drop {
    margin-top: 15px;
    margin-right: 69px !important;
}

.busca {
    margin-top: 15px;
    width: 560px !important;
}

    .busca span, .drop span {
        margin: 5px 10px 0 20px;
    }

    .busca input[type="text"] {
        width: 270px;
        float: left;
    }

    .busca button {
        float: left;
        margin-left: 10px;
        width: 121px;
        height: 30px;
        padding: 0 0 0 20px !important;
        display: block;
        overflow: hidden;
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bt-lupa.png");
    }

.tituloBloco, .ofertas .tituloBloco {
    font-size: 20px;
    text-transform: uppercase;
    color: #003965;
    padding-left: 9px;
    display: block;
    margin-bottom: 8px;
}

.ofertas .tituloBloco {
    text-transform: initial;
    margin: 15px 0 15px 0;
    display: inline-block;
    width: auto;
}

#oferta-visitadas-anteriormente .ofertas {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    display: block;
    overflow: hidden;
}

.ofertas .header a#FecharOfertasVisitadasAnteriormente {
    float: right;
    text-decoration: underline;
    margin-right: 8px;
    margin-top: 20px;
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/sprite.png");
    background-position-x: 1px;
    background-position-y: -46px;
    padding-right: 22px;
    height: 19px;
}

    .ofertas .header a#FecharOfertasVisitadasAnteriormente span {
        width: 100%;
        height: 100%;
        background-color: #fcfbf8;
        display: block;
        padding-right: 3px;
    }

.ofertas ul.jaVisitadas {
    padding-left: 5px;
}

#oferta-visitadas-anteriormente .ofertas .setaDireita,
#oferta-visitadas-anteriormente .ofertas .setaEsquerda {
    float: right;
    margin-bottom: 10px;
    cursor: pointer;
    margin-right: 9px;
    text-decoration: underline;
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/sprite.png");
    background-position-x: 375px;
    background-position-y: -13px;
    padding-right: 15px;
}

#oferta-visitadas-anteriormente .ofertas .setaEsquerda {
    float: left;
    margin-left: 5px;
    background-position-x: 0;
    background-position-y: -44px;
    padding-right: 0;
    padding-left: 16px;
}

    #oferta-visitadas-anteriormente .ofertas .setaDireita span,
    #oferta-visitadas-anteriormente .ofertas .setaEsquerda span {
        width: 100%;
        height: 100%;
        background-color: #fcfbf8;
        display: block;
    }


/* Miolo Home Styles ==== */
.miolo {
    padding: 20px 0 0 0 !important;
}

.col-principal ul {
}

    .col-principal ul.blocoUltimasOfertas,
    .col-principal ul.blocoOfertasLocalidades {
        width: 780px;
    }

    .col-principal ul li.ofertaPrincipal, .col-principal ul li.oferta, .col-lateral ul li.oferta, .col-principal ul li.ofertaMini {
        padding: 0;
        border: 1px solid #99a6b1;
    }

    .col-principal ul li.ofertaPrincipal {
        height: 100%;
        margin-bottom: 20px;
        max-width: 754px;
        overflow: hidden;
        padding-bottom: 20px;
        position: relative;
    }

        .col-principal ul li.ofertaPrincipal a,
        .col-principal ul li.oferta a,
        .col-principal ul li.ofertaMini a,
        .col-principal div.maisProcurados ul li a,
        ul.jaVisitadas li.ofertaMini a {
            float: left;
            position: absolute;
            z-index: 999;
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            left: 0px;
            top: 0px;
            opacity: 0;
            background: red;
            filter: alpha(opacity=0);
        }

            .col-principal ul li.ofertaPrincipal a:hover,
            .col-principal ul li.oferta a:hover,
            .col-principal ul li.ofertaMini a:hover,
            .col-principal div.maisProcurados ul li a:hover {
                text-decoration: underline;
            }


        .col-principal ul li.ofertaPrincipal div.imagemOferta,
        .col-principal ul li.ofertaPrincipal #ofertaGrande div.imagemOferta {
            /* float: left; */
            width: 100%;
            display: block;
            padding: 0;
            margin: 0 0 0 0;
        }

        .col-principal ul li.ofertaPrincipal #ofertaGrande div.imagemOferta {
            position: relative;
        }

        .col-principal ul li.ofertaPrincipal div.imagemOferta img {
            width: 754px;
            height: 399px;
            display: block;
        }

        .col-principal ul li.ofertaPrincipal div.imagemOferta div.flagDesconto,
        .col-principal ul li.oferta div.imagemOferta div.flagDesconto,
        .col-principal ul li.ofertaMini div.imagemOferta div.flagDesconto,
        .totalSlider div.flagDesconto,
        #oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini div.imagemOferta div.flagDesconto {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/flag-desconto.png) top right no-repeat;
            width: 64px;
            height: 63px;
            position: absolute;
            top: 0;
            right: 0px;
            z-index: 100;
        }

        .col-principal ul li.ofertaPrincipal div.imagemOferta div.aereo-ida-volta,
        .col-principal ul li.oferta div.imagemOferta div.aereo-ida-volta,
        .col-principal ul li.ofertaMini div.imagemOferta div.aereo-ida-volta,
        .totalSlider div.aereo-ida-volta {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/flag-aereo-ida-volta.png) top left no-repeat;
            width: 128px;
            height: 128px;
            position: absolute;
            top: 0;
            left: 0px;
            z-index: 1;
        }

        .col-principal ul li.ofertaPrincipal div.imagemOferta div.flag-promocao {
            width: 121px;
            height: 121px;
            position: absolute;
            top: 0;
            right: 0;
        }

    .col-principal ul li.oferta div.imagemOferta div.flag-promocao {
        width: 121px;
        height: 116px;
        position: absolute;
        top: 0;
        right: 0;
    }

.totalSlider div.flag-promocao {
    width: 121px;
    height: 116px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 100;
}

.col-principal ul li.ofertaMini div.imagemOferta div.flag-promocao,
#oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini div.imagemOferta div.flag-promocao {
    width: 106px;
    height: 103px;
    position: absolute;
    top: 0;
    right: 0;
}

    .col-principal ul li.ofertaPrincipal div.imagemOferta div.flag-promocao img,
    .col-principal ul li.oferta div.imagemOferta div.flag-promocao img,
    .col-principal ul li.ofertaMini div.imagemOferta div.flag-promocao img,
    #oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini div.imagemOferta div.flag-promocao img,
    .totalSlider div.flag-promocao img {
        width: 100%;
        height: 100%;
    }

.col-lateral .ofertas .oferta div.flag-promocao {
}

    .col-lateral .ofertas .oferta div.flag-promocao img {
        margin-top: 5px;
    }

.col-principal ul li.oferta div.imagemOferta div.aereo-ida-volta,
.col-principal ul li.ofertaMini div.imagemOferta div.aereo-ida-volta,
.totalSlider div.aereo-ida-volta {
    z-index: 100;
}


.col-principal ul li.ofertaPrincipal div.imagemOferta div.carnaval-2015,
.col-principal ul li.oferta div.imagemOferta div.carnaval-2015,
.col-principal ul li.ofertaMini div.imagemOferta div.carnaval-2015,
.totalSlider div.carnaval-2015 {
    background: url(https://viajarbarato-a.akamaihd.net/images/Layout/flag-carnaval.png) top left no-repeat;
    width: 128px;
    height: 128px;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 1;
}

.col-principal ul li.oferta div.imagemOferta div.carnaval-2015,
.col-principal ul li.ofertaMini div.imagemOferta div.carnaval-2015,
.totalSlider div.carnaval-2015 {
    z-index: 100;
}

.col-principal ul li.ofertaPrincipal div.imagemOferta div.carnaval-com-aereo,
.col-principal ul li.oferta div.imagemOferta div.carnaval-com-aereo,
.col-principal ul li.ofertaMini div.imagemOferta div.carnaval-com-aereo,
.totalSlider div.carnaval-com-aereo {
    background: url(https://viajarbarato-a.akamaihd.net/images/Layout/flag-carnaval-com-aereo.png) top left no-repeat;
    width: 128px;
    height: 128px;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 1;
}

.col-principal ul li.oferta div.imagemOferta div.carnaval-com-aereo,
.col-principal ul li.ofertaMini div.imagemOferta div.carnaval-com-aereo,
.totalSlider div.carnaval-com-aereo {
    z-index: 100;
}


.totalSlider div.CodOferta {
    position: absolute;
    width: auto;
    padding: 0 5px;
    top: 285px;
    right: 3px;
    z-index: 9;
    background-color: #000;
    opacity: 0.8;
}

    .totalSlider div.CodOferta span {
        color: #FFF;
        font-size: 12px;
        opacity: 0.9;
    }

.col-principal ul li.ofertaPrincipal div.imagemOferta div.flagDesconto div,
.col-principal ul li.oferta div.imagemOferta div.flagDesconto div,
.col-principal ul li.ofertaMini div.imagemOferta div.flagDesconto div,
.totalSlider div.flagDesconto div,
#oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini div.imagemOferta div.flagDesconto div {
    margin-left: 25px;
    top: 10px;
    position: relative;
    color: #FFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    /*-ms-transform: rotate(45deg);*/
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);*/
    writing-mode: lr-tb;
}

.col-principal ul li.ofertaPrincipal div.imagemOferta div.flagDesconto div {
    margin-left: 30px;
    top: 12px;
}

.col-principal ul li.oferta div.imagemOferta ul.amenidades {
    left: 144px;
    margin: 0;
    position: absolute;
    text-align: right;
    top: 249px;
    width: auto;
    z-index: 100;
}

    .col-principal ul li.oferta div.imagemOferta ul.amenidades li {
        float: left;
        width: 84px;
        height: 30px;
        margin-right: 8px;
        border: 0;
        overflow: hidden;
    }

        .col-principal ul li.oferta div.imagemOferta ul.amenidades li span {
            text-indent: 9999px;
            float: left;
            text-transform: capitalize;
        }

.col-principal ul li.oferta button {
    float: right;
    width: 30px;
    height: 30px;
    line-height: 15px;
    z-index: 100;
    margin: 248px 11px 0 0;
}

.ofertaPrincipal .tituloFull {
    display: none;
}

.ofertaPrincipal p {
    float: left;
    width: 370px;
    font-weight: bold;
    height: 60px;
    font-size: 20px;
    color: #23859e;
    margin: 20px 0 0 30px;
    line-height: 29px;
}


.ofertaPrincipal #ofertaPequena {
    display: none;
}

.oferta #ofertaGrande {
    display: none;
}



.col-principal ul li.ofertaMini div.imagemOferta div.flagFinalizada {
    background: red;
    width: 238px;
    height: 20px;
    float: left;
    right: 0px;
    z-index: 100;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.col-principal ul li.oferta div.flagFinalizada {
    background: red;
    width: 100%;
    margin-top: -5px;
    height: 20px;
    float: left;
    right: 0px;
    z-index: 100;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.col-principal ul li.ofertaPrincipal div.imagemOferta ul.amenidades {
    left: 15px;
    margin: 0;
    position: absolute;
    text-align: right;
    bottom: 110px;
    width: auto;
    z-index: 100;
}

.col-principal ul li.ofertaPrincipal #ofertaGrande div.imagemOferta ul.amenidades {
    bottom: 15px;
}


.col-principal ul li.ofertaPrincipal div.imagemOferta ul.amenidades li {
    float: left;
    width: 84px;
    height: 30px;
    margin-right: 8px;
    border: 0;
    overflow: hidden;
}

    .col-principal ul li.ofertaPrincipal div.imagemOferta ul.amenidades li span {
        text-indent: 9999px;
        float: left;
        text-transform: capitalize;
    }

.col-principal ul li.ofertaPrincipal h2 {
    float: left;
    width: 370px;
    font-weight: bold;
    height: 60px;
    font-size: 20px;
    color: #23859e;
    margin: 20px 0 0 30px;
    line-height: 29px;
}

.col-principal ul li.ofertaPrincipal .boxPreco {
    float: left;
    width: 145px;
    margin: 25px 20px 0 30px;
}

    .col-principal ul li.ofertaPrincipal .boxPreco .precoAntigo {
        float: left;
    }

    .col-principal ul li.ofertaPrincipal .boxPreco ul.amenidades {
        display: none;
    }

    .col-principal ul li.ofertaPrincipal .boxPreco span {
        text-decoration: line-through;
        margin: 10px 0 0;
    }

        .col-principal ul li.ofertaPrincipal .boxPreco span.precoPor {
            float: left;
            width: 185px;
            font-size: 20px;
            color: #23859e;
            margin-top: 2px;
            font-weight: bold;
            display: block;
            text-decoration: none;
        }

.col-principal ul li.ofertaPrincipal button {
    float: left;
    margin-top: 30px;
    width: 130px;
}


.col-principal ul li.oferta #ofertaPequena .boxOrigemDestino,
.col-principal ul li.oferta #ofertaPequena .datasAereo,
.col-principal ul li.oferta #ofertaPequena .mostrarDatas {
    width: 96%;
    height: auto;
    display: block;
    margin: 5px auto 10px auto;
}

    .col-principal ul li.oferta #ofertaPequena .datasAereo table a {
        opacity: 1;
        position: initial;
        background: none;
        color: #757575;
        padding: 5px 0;
    }

    .col-principal ul li.oferta #ofertaPequena .boxOrigemDestino .origem,
    .col-principal ul li.oferta #ofertaPequena .boxOrigemDestino .destino {
        width: 49%;
        height: auto;
        margin: 0;
    }

        .col-principal ul li.oferta #ofertaPequena .boxOrigemDestino .origem label,
        .col-principal ul li.oferta #ofertaPequena .boxOrigemDestino .destino label {
            width: 32%;
            height: auto;
            margin: 0;
            font-weight: normal;
            color: #757575;
        }

    .col-principal ul li.oferta #ofertaPequena .datasAereo table {
        width: 100%;
        font-size: 11px;
    }


        .col-principal ul li.oferta #ofertaPequena .datasAereo table thead {
            background-color: #e4f2fd;
            color: #3a6d95;
            text-transform: uppercase;
            font-weight: bold;
        }

        .col-principal ul li.oferta #ofertaPequena .datasAereo table tbody tr {
            border-bottom: 1px solid #CCC;
        }

            .col-principal ul li.oferta #ofertaPequena .datasAereo table tbody tr a.lupa,
            .col-principal ul li.oferta #ofertaPequena .datasAereo table tbody tr a.lupa:hover {
                background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-lupa-busca.png) top center no-repeat;
                text-indent: -9999px;
                background-position-y: 8px;
            }

                .col-principal ul li.oferta #ofertaPequena .datasAereo table tbody tr a.lupa:hover {
                    background-position-y: -15px;
                }

            .col-principal ul li.oferta #ofertaPequena .datasAereo table tbody tr a.preco {
                color: #187ed5;
                text-decoration: underline;
            }




    .col-principal ul li.oferta #ofertaPequena .boxOrigemDestino .origem select,
    .col-principal ul li.oferta #ofertaPequena .boxOrigemDestino .destino select {
        width: 68%;
        height: auto;
        margin: 0;
        background-color: #FFF;
    }


.col-principal ul li.oferta {
    max-width: 366px;
    position: relative;
    min-height: 287px;
    max-height: 320px;
    overflow: hidden;
    float: left;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
}

.ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal {
    max-width: 358px;
}



.col-principal ul li.oferta #ofertaPequena .mostrarDatas span {
    background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-carregar-mais.png) top left no-repeat;
    padding-left: 25px;
    width: 50%;
    margin: 0 auto;
    text-transform: uppercase;
    color: #979292;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    background-position-y: -2px;
}



.col-principal ul li.ofertaPassagemAerea {
    max-height: none !important;
}

.col-principal ul li.oferta div.imagemOferta {
    float: left;
    position: relative;
    width: 366px;
    height: 194px;
    display: block;
    padding: 0;
    margin: 0 0 5px 0;
}

.col-principal ul li.oferta div .mesSaidaMaritimo,
.col-principal ul li.oferta .mesSaidaMaritimo {
    width: 98%;
    height: 22px;
    overflow: hidden;
    padding: 0 2px;
    position: absolute;
    z-index: 99;
    top: 167px;
    left: 0;
    margin: 0;
}

    .col-principal ul li.oferta div .mesSaidaMaritimo li,
    .col-principal ul li.oferta .mesSaidaMaritimo li,
    .col-principal ul li.ofertaPrincipal #ofertaGrande ul.mesSaidaMaritimo li {
        width: 30px;
        height: 20px;
        background: url(https://viajarbarato-a.akamaihd.net/images/Layout/bgMesSaidaMaritima.png) repeat;
        float: left;
        color: #FFF;
        margin-left: 5px;
        font-size: 11px;
    }

.col-principal ul li.ofertaPrincipal #ofertaGrande ul.mesSaidaMaritimo {
    float: left;
    width: 95%;
    display: block;
    margin: 10px 0 0 10px;
}

    .col-principal ul li.ofertaPrincipal #ofertaGrande ul.mesSaidaMaritimo li {
        background: #f1f1f1;
        border: 1px solid #cecece;
        color: #000;
        padding: 0 5px;
        text-align: center;
    }


.col-principal ul li.oferta div.imagemOferta .tituloFull {
    max-height: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
}

.col-principal ul li.oferta div.imagemOferta img {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 366px;
    height: 194px;
    display: block;
    left: 0;
}

.col-principal ul li.oferta p,
.ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li h2 {
    font-size: 14px;
    font-weight: bold;
    color: #757575;
    text-align: justify;
    padding: 0px 7px;
    margin: 0;
    height: 45px;
    clear: both;
    overflow: hidden;
}

.ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li h2 {
    float: none;
    width: auto;
    line-height: 21px;
}

.col-principal ul li.oferta .boxPreco {
    width: 95%;
    margin: 0 auto 5px auto;
    display: block;
    overflow: hidden;
}

    .col-principal ul li.oferta .boxPreco span {
        float: left;
        display: block;
        width: 100%;
    }

        .col-principal ul li.oferta .boxPreco span.precoPor {
            font-size: 18px;
            color: #23859e;
            margin-top: 10px;
            font-weight: bold;
            width: 120px;
            text-align: left;
        }

    .col-principal ul li.oferta .boxPreco button {
        float: right;
        width: 30px;
        height: 30px;
        margin: 5px 2px 0 0;
        line-height: 15px;
    }

    .col-principal ul li.oferta .boxPreco ul.amenidades {
        margin: 5px 0 0 0px;
        float: left;
        width: 190px;
        overflow: hidden;
        height: 30px;
    }

        .col-principal ul li.oferta .boxPreco ul.amenidades li {
            float: left;
            width: 84px;
            height: 30px;
            margin: 0 0 10px 10px;
            border: 0;
            overflow: hidden;
        }

            .col-principal ul li.oferta .boxPreco ul.amenidades li span {
                text-indent: -9999px;
                float: left;
                text-transform: capitalize;
            }


#contador {
    font-size: 21px;
    margin-bottom: 7px;
}

#cronometro {
    display: none;
    text-align: center;
    margin-bottom: 15px;
}


.diarias5 {
    background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-5-diarias.png) no-repeat;
    width: 84px;
    height: 30px;
}

.pessoas2 {
    background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-2-pessoas.png) no-repeat;
    width: 84px;
    height: 30px;
}

ul.breadcrumb {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
    margin-top: 0;
}

    ul.breadcrumb li {
        background: url(https://viajarbarato-a.akamaihd.net/images/_landing/destinos/landing-breadcrumb.gif) center right no-repeat;
        float: left;
        width: auto;
        padding: 0 14px 0 12px;
        height: 21px;
    }

        ul.breadcrumb li:first-child {
            padding-left: 0;
        }

        ul.breadcrumb li:last-child {
            background: none;
        }

        ul.breadcrumb li a {
            font-size: 12px;
            color: #fd8c00;
        }

            ul.breadcrumb li a:hover {
                text-decoration: underline;
            }

.col-principal div.blocoMaisProcurados {
    clear: both;
}

.col-principal div.maisProcurados {
    position: relative;
    width: 100%;
    height: 172px;
    margin-bottom: 20px;
    background-color: #001f3c;
    overflow: hidden;
}

    .col-principal div.maisProcurados div.setaEsquerda,
    .col-principal div.maisProcurados div.setaDireita {
        background-position: -450px 0px;
        width: 30px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 70px;
        cursor: pointer;
    }

    .col-principal div.maisProcurados div.setaEsquerda {
        background-position: -516px 0px;
        left: 0;
    }

    .col-principal div.maisProcurados ul.procurados {
        float: left;
        width: 750px;
        height: 158px;
        margin: 10px 0 0 28px;
    }

    .col-principal div.maisProcurados ul li {
        float: left;
        margin-right: 36px;
        border: 0;
        position: relative;
    }

        .col-principal div.maisProcurados ul li span {
            color: #d4f1f7;
            font-weight: bold;
            width: 100%;
            display: block;
            text-align: left;
        }

        .col-principal div.maisProcurados ul li img {
            border: 3px solid #FFF;
            width: 204px;
            height: 108px;
            margin: 0;
            padding: 0;
        }

#oferta-visitadas-anteriormente {
    background-color: #fcfbf8;
    border-bottom: 3px solid #003965;
    margin-top: 14px;
}

    #oferta-visitadas-anteriormente .ofertas {
    }


.col-principal li.bannerIntercalado ul li:last-child {
    margin-right: 0px;
}

.col-principal li.bannerIntercalado ul {
    width: 103%;
    clear: both;
    margin: 5px 0px;
    display: table;
}

    .col-principal li.bannerIntercalado ul.amenidades {
        width: auto;
    }

.col-principal li.bannerIntercalado div.bannerOfertas {
    width: 100%;
    clear: both;
}

.col-principal ul li.ofertaMini, ul.jaVisitadas li.ofertaMini {
    width: 237px;
    height: 250px;
    float: left;
    position: relative;
    text-align: center;
    margin-right: 12px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 5px #666;
}

ul.jaVisitadas li.ofertaMini {
    box-shadow: none;
    background-color: #FFF;
}

.col-principal ul li.ofertaMini:last-child,
.col-principal ul li.ofertaMini.last-child {
    margin-right: 0 !important;
}

.col-principal ul li.ofertaMini div.imagemOferta,
#oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini div.imagemOferta {
    float: left;
    position: relative;
    width: 237px;
    height: 125px;
    display: block;
    padding: 0;
    margin: 0 0 21px 0;
}

    .col-principal ul li.ofertaMini div.imagemOferta img,
    #oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini img {
        float: left;
        top: 0;
        z-index: 99;
        width: 100%;
        display: block;
        height: 100%;
    }

.col-principal ul li.ofertaMini p,
#oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini p {
    min-height: 33px;
    max-height: 33px;
    height: 33px;
    font-size: 12px;
    line-height: 16px;
    float: left;
    font-weight: bold;
    color: #757575;
    display: block;
    text-align: left;
    padding: 0 7px 7px 7px;
    margin: 0px;
    overflow: hidden;
}

.col-principal ul li.ofertaMini .boxPreco,
#oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini .boxPreco {
    width: 95%;
    margin: 0 auto;
}

    .col-principal ul li.ofertaMini .boxPreco span,
    #oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini .boxPreco span {
        float: left;
        display: block;
        width: 100%;
    }

        .col-principal ul li.ofertaMini .boxPreco span.precoPor,
        #oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini .boxPreco span.precoPor {
            font-size: 18px;
            color: #23859e;
            margin-bottom: 8px;
            font-weight: bold;
            width: 100%;
            text-align: left;
        }

    .col-principal ul li.ofertaMini .boxPreco button,
    #oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini .boxPreco button {
        float: right;
        width: 30px;
        height: 30px;
        margin: 0 2px 0 0;
        line-height: 15px;
    }

    .col-principal ul li.ofertaMini .boxPreco ul.amenidades,
    #oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini .boxPreco ul.amenidades {
        margin: 0 0 0 2px;
        float: left;
    }

        .col-principal ul li.ofertaMini .boxPreco ul.amenidades li,
        #oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini .boxPreco ul.amenidades li {
            float: left;
            width: 84px;
            height: 30px;
            margin-right: 10px;
            border: 0;
            overflow: hidden;
        }

            .col-principal ul li.ofertaMini .boxPreco ul.amenidades li span,
            #oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini .boxPreco ul.amenidades li span {
                text-indent: -9999px;
                float: left;
                text-transform: capitalize;
            }



/* OFERTAS RELACIONADAS - PAGINA ESGOSTADA */

div.blocoOfertasRelacionadas {
    clear: both;
    background-color: #001f3c;
}

    div.blocoOfertasRelacionadas h4 {
        color: #fff;
        padding: 7px 10px 0;
        margin: 0px;
        font-size: 14px;
        line-height: 19px;
    }

    div.blocoOfertasRelacionadas div.ofertas {
        position: relative;
        width: 100%;
        height: 240px;
        margin-bottom: 20px;
        background-color: #001f3c;
        overflow: hidden;
    }

        div.blocoOfertasRelacionadas div.ofertas div.setaEsquerda {
            position: absolute;
            top: 43px;
            width: 150px;
            height: 40px;
            cursor: pointer;
            z-index: 1000;
            left: -85px;
            display: none;
        }

            div.blocoOfertasRelacionadas div.ofertas div.setaEsquerda div.seta {
                float: left;
                background: url('https://viajarbarato-a.akamaihd.net/images/Layout/seta-esquerda.gif');
                height: 40px;
                width: 30px;
            }

            div.blocoOfertasRelacionadas div.ofertas div.setaEsquerda span {
                float: left;
                background-color: #FFF;
                width: 85px;
                height: 40px;
                color: #001f3c;
                font-weight: bold;
                text-align: center;
                line-height: 40px;
            }

        div.blocoOfertasRelacionadas div.ofertas div.setaDireita {
            position: absolute;
            top: 43px;
            width: 150px;
            height: 40px;
            cursor: pointer;
            z-index: 1000;
            right: -85px;
            display: none;
        }

            div.blocoOfertasRelacionadas div.ofertas div.setaDireita div.seta {
                float: right;
                background: url('https://viajarbarato-a.akamaihd.net/images/Layout/seta-direita.gif');
                height: 40px;
                width: 30px;
            }

            div.blocoOfertasRelacionadas div.ofertas div.setaDireita span {
                float: right;
                background-color: #FFF;
                width: 85px;
                height: 40px;
                color: #001f3c;
                font-weight: bold;
                text-align: center;
                line-height: 40px;
            }

        div.blocoOfertasRelacionadas div.ofertas ul {
            float: left;
            width: 750px;
            height: 238px;
            margin: 10px 0 0 10px;
        }

            div.blocoOfertasRelacionadas div.ofertas ul li {
                float: left;
                margin-right: 13px;
                border: 0;
                position: relative;
                background: #FFF;
                width: 175px;
            }

                div.blocoOfertasRelacionadas div.ofertas ul li span {
                    color: #d4f1f7;
                    font-weight: bold;
                    width: 100%;
                    display: block;
                    text-align: left;
                }

                div.blocoOfertasRelacionadas div.ofertas ul li img {
                    border: 3px solid #FFF;
                    width: 204px;
                    height: 108px;
                    margin: 0;
                    padding: 0;
                }

                div.blocoOfertasRelacionadas div.ofertas ul li div.imagemOferta {
                    float: left;
                    position: relative;
                    width: 172px;
                    height: 106px;
                    display: block;
                    padding: 0;
                    margin: 0;
                    overflow: hidden;
                }

                    div.blocoOfertasRelacionadas div.ofertas ul li div.imagemOferta img {
                        position: absolute;
                        top: 0;
                        z-index: 99;
                        width: 174px;
                        display: block;
                    }

                div.blocoOfertasRelacionadas div.ofertas ul li p {
                    font-size: 12px;
                    line-height: 16px;
                    font-weight: bold;
                    color: #757575;
                    display: block;
                    text-align: left;
                    padding: 7px;
                    margin: 0;
                    float: left;
                    clear: both;
                    margin-bottom: 4px;
                    height: 44px;
                }

                div.blocoOfertasRelacionadas div.ofertas ul li .boxPreco {
                    width: 154px;
                    margin: 0 auto;
                    padding: 10px;
                    background: #EFEFEF;
                    display: block;
                    overflow: hidden;
                }

                    div.blocoOfertasRelacionadas div.ofertas ul li .boxPreco span {
                        float: left;
                        display: block;
                        width: 100%;
                    }

                        div.blocoOfertasRelacionadas div.ofertas ul li .boxPreco span.precoPor {
                            font-size: 14px;
                            color: #003965;
                            margin: 5px 0 0 0;
                            font-weight: bold;
                            width: auto;
                        }

                        div.blocoOfertasRelacionadas div.ofertas ul li .boxPreco span.desconto {
                            font-size: 12px;
                            color: #003965;
                            margin: 5px 0 0 5px;
                            font-weight: bold;
                            width: auto;
                        }

                    div.blocoOfertasRelacionadas div.ofertas ul li .boxPreco a {
                        float: right;
                        padding: 5px 10px;
                        font-size: 12px;
                        margin-left: 0px;
                    }



/* Coluna Principal Styles ==== */
.col-principal {
    margin-top: 10px;
}

.keyBusca {
    display: block;
    width: 100%;
    margin-bottom: 0;
    color: #FD8A00;
}

.h1Busca {
    margin-bottom: 10px !important;
    display: block;
    text-transform: capitalize;
}

/* Coluna Lateral Styles ==== */
.col-lateral {
    background: #FFF;
    float: right !important;
}

    .col-lateral h4 {
        text-align: center;
    }

    .col-lateral select {
        margin-bottom: 10px;
    }

.banners-col-lateral {
    display: block;
    overflow: hidden;
    float: left;
    height: 58px;
    margin-bottom: 10px;
    width: 200px;
    border: 1px solid #99a6b1;
}

    .banners-col-lateral a {
        display: block;
        overflow: hidden;
    }

        .banners-col-lateral a span.banner-tit {
            color: #003965;
            text-transform: uppercase;
            font-size: 12px;
            padding: 5px;
            font-weight: bold;
        }

        .banners-col-lateral a p {
            font-size: 12px;
            padding: 5px;
            display: block;
            overflow: hidden;
            line-height: 12px;
            font-size: 11px;
            color: #6d6d6d;
        }

        .banners-col-lateral a img {
            float: left;
        }

.col-lateral .ofertas {
    margin-bottom: 10px;
}

    .col-lateral .ofertas ul li.oferta {
    }

    .col-lateral .ofertas ul li {
        width: 100%;
        float: left;
        position: relative;
        text-align: center;
        margin-right: 20px;
        margin-bottom: 20px;
    }

        .col-lateral .ofertas ul li div.imagemOferta {
            float: left;
            position: relative;
            width: 200px;
            height: 106px;
            display: block;
            padding: 0;
            margin: 0 0 10px 0;
            overflow: hidden;
        }

            .col-lateral .ofertas ul li div.imagemOferta img {
                position: absolute;
                top: 0;
                z-index: 99;
                width: 200px;
                display: block;
                height: 106px;
            }

        .col-lateral .ofertas ul li p {
            font-size: 12px;
            line-height: 16px;
            font-weight: bold;
            color: #757575;
            display: block;
            text-align: left;
            padding: 7px;
            margin: 0;
        }

        .col-lateral .ofertas ul li .boxPreco {
            width: 180px;
            margin: 0 auto;
            padding: 10px;
            background: #EFEFEF;
            display: block;
            overflow: hidden;
        }

            .col-lateral .ofertas ul li .boxPreco span {
                float: left;
                display: block;
                width: 100%;
            }

                .col-lateral .ofertas ul li .boxPreco span.precoPor {
                    font-size: 18px;
                    color: #003965;
                    margin: 5px 0 0 0;
                    font-weight: bold;
                    width: auto;
                }

                .col-lateral .ofertas ul li .boxPreco span.desconto {
                    font-size: 14px;
                    color: #003965;
                    margin: 5px 0 0 5px;
                    font-weight: bold;
                    width: auto;
                }

            .col-lateral .ofertas ul li .boxPreco button {
                float: right;
                padding: 5px 10px;
                font-size: 12px;
            }

.col-lateral a.vejaMais {
    font-size: 13px;
    width: 100%;
    padding: 6px 0px;
    text-align: center;
    color: #fff;
}

    .col-lateral a.vejaMais strong {
        font-size: 20px;
        color: #444444;
    }

.col-lateral .ofertas ul li .boxPreco ul.amenidades {
    margin: 5px 0 0 2px;
    float: left;
}

    .col-lateral .ofertas ul li .boxPreco ul.amenidades li {
        float: left;
        width: 84px;
        height: 30px;
        margin-right: 10px;
        border: 0;
        overflow: hidden;
    }

        .col-lateral .ofertas ul li .boxPreco ul.amenidades li span {
            text-indent: -9999px;
            float: left;
            text-transform: capitalize;
        }

.col-lateral .twitter {
    font-size: 14px;
    color: #01688e;
    margin: 10px 0;
}

    .col-lateral .twitter a.twitter {
        background-position: -563px 0px;
        width: 164px;
        height: 39px;
        display: block;
        overflow: hidden;
        text-indent: -10000px;
    }



/* Miolo Detalhe Oferta Styles ==== */

.detalheOferta .col-principal h1, .landing .col-principal h1,
.detalheOferta .col-principal h2, .landing .col-principal h2, .col-principal h2 a[name] {
    font-size: 24px;
    line-height: 30px;
    color: #23859e;
    margin-bottom: 0px;
}

.detalheOferta .localidadesOfertas, .landing .localidadesOfertas {
    font-size: 12px;
    color: #FD8A00;
    width: 100%;
    display: block;
    clear: left;
    margin-bottom: 10px;
}

    .detalheOferta .localidadesOfertas a, .landing .localidadesOfertas a {
        text-decoration: none;
        color: #FD8A00;
    }

        .detalheOferta .localidadesOfertas a:hover, .landing .localidadesOfertas a:hover {
            text-decoration: underline;
        }

    .detalheOferta .localidadesOfertas span, .landing .localidadesOfertas span {
        margin: 0 5px;
    }

.detalheOferta .col-principal h1, .col-principal h1 {
    font-size: 24px;
    line-height: 30px;
    color: #23859e;
}

.detalheOferta #precoFlutuante {
    background: #FFF;
    display: block;
    overflow: hidden;
    border: 1px solid #99a6b1;
}

.detalheOferta #precoFlutuanteMobile {
    background: #FFF;
    width: 254px;
    display: block;
    overflow: hidden;
    border: 1px solid #99a6b1;
    position: absolute;
}

.detalheOferta .precoDe {
    float: left;
    text-decoration: line-through;
    font-size: 12px;
    color: #7c7c7c;
    text-align: center;
    width: 77px;
    height: 50px;
    display: block;
    overflow: hidden;
    border-right: 1px dashed #ccc;
    margin: 10px 0 0 0;
    padding: 0px;
}

.detalheOferta .precoFlutuante hr {
    border-top: 1px dashed #ccc;
    margin: 0px;
}

.detalheOferta .precoFlutuante .precoPor {
    float: left;
    color: #003965;
    font-size: 14px;
    text-align: center;
    width: 77px;
    height: 50px;
    display: block;
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 0px;
}

.detalheOferta .precoFlutuante .entrada {
    color: #767676;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

    .detalheOferta .precoFlutuante .entrada span {
        font-size: 34px;
        color: #fd8a00;
        padding: 10px;
        display: block;
        overflow: hidden;
    }

.detalheOferta .precoFlutuante .parcelas {
    font-size: 14px;
    color: #fd8a00;
    display: block;
    overflow: hidden;
    text-align: center;
    margin-bottom: 7px;
}

.detalheOferta .precoFlutuante .desconto {
    font-size: 30px;
    color: #003965;
    display: block;
    overflow: hidden;
    text-align: center;
    padding: 10px;
    margin-top: 5px;
}

    .detalheOferta .precoFlutuante .desconto span {
        font-size: 24px;
    }

.detalheOferta .precoFlutuante .restamX {
    font-size: 12px;
    color: #003965;
    padding: 0 0 0 5px;
    display: block;
    overflow: hidden;
    float: left;
    width: 108px;
    margin-top: 5px;
    min-height: 50px;
}

.detalheOferta .precoFlutuante .cronoFull {
    width: 100%;
}

.detalheOferta .precoFlutuante .restamXIcon {
    width: 22px;
    height: 22px;
    margin: 13px 0 0 12px;
    background-position: -744px 0px;
    display: block;
    overflow: hidden;
    float: left;
    text-indent: -11111px;
}

.detalheOferta .precoFlutuante .botaoComprar a {
    background: url(https://viajarbarato-a.akamaihd.net/images/Layout/bt-carrinho.png) no-repeat;
    font-size: 19px;
    text-indent: 25px;
    width: 138px;
    height: 39px;
    display: block;
    overflow: hidden;
    clear: both;
    text-align: center;
    padding-top: 10px;
    margin: 0 auto;
    color: #FFF;
}

.detalheOferta .precoFlutuante .encerrado {
    background: red;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.detalheOferta .precoFlutuante .cadastre-se {
    text-align: center;
    padding: 5px;
    font-size: 14px;
}

/*SEM DESCONTO*/
.detalheOferta .precoFlutuante .precoTotal {
    float: left;
    color: #003965;
    font-size: 13px;
    text-align: center;
    width: 100%;
    height: 50px;
    display: block;
    overflow: hidden;
    margin: 10px 10px 0 0;
    padding: 0px 5px;
}

    .detalheOferta .precoFlutuante .precoTotal strong {
        font-size: 15px;
    }

.detalheOferta .precoFlutuante .entradaSemDesconto {
    color: #767676;
    font-size: 14px;
    text-align: center;
    margin: 10px 0 0 0;
}

    .detalheOferta .precoFlutuante .entradaSemDesconto span {
        font-size: 34px;
        color: #fd8a00;
        padding: 10px;
        display: block;
        overflow: hidden;
    }

.detalheOferta .precoFlutuante .precoDeSemEntrada {
    float: left;
    text-decoration: line-through;
    font-size: 15px;
    color: #7c7c7c;
    text-align: center;
    width: 100%;
    height: 50px;
    display: block;
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 0px;
}

.boxComprarFixoMobile {
    /*background: #00a200;*/
    background: #f8f8f8;
    border-top: 1px solid #CCC;
    /*background: url(https://viajarbarato-a.akamaihd.net/images/layout/bt-carrinho-mobile-grande.jpg) left bottom no-repeat ;*/
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    z-index: 999;
    display: none; /*!important;*/
}

div.tituloDestinos {
    width: 100%;
}

    div.tituloDestinos div.titLabel {
        float: left;
    }

    div.tituloDestinos div.boxCompartilhe {
        cursor: pointer;
        text-align: center;
        color: #999;
        padding-right: 4px;
        font-size: 12px;
        float: right;
        width: 244px;
        margin-top: 10px;
    }

        div.tituloDestinos div.boxCompartilhe ul {
            position: absolute;
            margin-top: -26px;
            z-index: 999;
            margin-left: 30px;
            text-indent: 0;
            width: 99px;
            right: 0;
        }

            div.tituloDestinos div.boxCompartilhe ul li {
                margin-left: 0px;
                padding: 0 8px;
                float: left;
            }

                div.tituloDestinos div.boxCompartilhe ul li.tagFacebook {
                    background-color: #FFF;
                }

                    div.tituloDestinos div.boxCompartilhe ul li.tagWhatsapp a,
                    div.tituloDestinos div.boxCompartilhe ul li.tagFacebook a,
                    div.tituloDestinos div.boxCompartilhe ul li.tagTwitter a,
                    div.tituloDestinos div.boxCompartilhe ul li.tagEmail a {
                        color: #CCC !important;
                    }

                        div.tituloDestinos div.boxCompartilhe ul li.tagWhatsapp a i {
                            color: #4dc247;
                        }

                        div.tituloDestinos div.boxCompartilhe ul li.tagFacebook a i {
                            color: #3b5998;
                        }

                        div.tituloDestinos div.boxCompartilhe ul li.tagTwitter a i {
                            color: #1da1f2;
                        }

                        div.tituloDestinos div.boxCompartilhe ul li.tagEmail a:hover {
                            color: #CCC !important;
                        }

        div.tituloDestinos div.boxCompartilhe i {
            font-size: 18px;
            line-height: 30px;
            cursor: pointer;
            margin: 0 auto;
        }


#boxComprarFixoMobile {
    display: none;
}

.boxComprarFixoMobile, .boxComprarFixoMobile .comprarFixoMobile, .boxComprarFixoMobile .boxCompartilhe {
    /*display: none; !important;*/
}

    .boxComprarFixoMobile .comprarFixoMobile {
        width: 50%;
        line-height: 40px;
        text-align: center;
        color: #FFF;
        font-size: 20px;
        cursor: pointer;
        margin: 10px 0 0 19%;
        float: left;
        /*border:2px solid #223c65;*/
        background: #223c65;
    }

    .boxComprarFixoMobile .boxCompartilhe {
        position: absolute;
        right: 0;
        bottom: -3px;
        height: 60px;
        max-width: 75px;
        min-width: 72px;
        /*background: url(https://viajarbarato-a.akamaihd.net/images/Layout/bg-compartilhe-mobile.png) center 5px no-repeat;*/
        /*border-left: 1px solid #08613d;*/
        cursor: pointer;
        text-align: center;
        color: #223c65;
        padding-right: 4px;
        font-size: 12px;
    }

        .boxComprarFixoMobile .boxCompartilhe i.compartilhar-v3 {
            background-position: -144px -0px;
            width: 24px;
            height: 24px;
        }

i.whatsapp-m {
    background-position: -0px -25px;
    width: 50px;
    height: 50px;
}

i.facebook-m {
    background-position: -0px -75px;
    width: 50px;
    height: 50px;
}

i.twitter-m {
    background-position: -0px -125px;
    width: 50px;
    height: 50px;
}

i.email-m {
    background-position: -0px -175px;
    width: 50px;
    height: 50px;
}

.boxComprarFixoMobile .boxCompartilhe i {
    color: #223c65;
    font-size: 22px;
    line-height: 30px;
    cursor: pointer;
    margin: 0 auto;
}

.boxComprarFixoMobile .boxCompartilhe ul {
    position: absolute;
    bottom: 63px;
    right: 17px;
    display: none;
}

    .boxComprarFixoMobile .boxCompartilhe ul li {
        text-transform: capitalize;
        width: 50px;
        height: 50px;
        color: #FFF;
        text-align: center;
    }

        .boxComprarFixoMobile .boxCompartilhe ul li a {
            display: block;
            width: 100%;
            height: 100%;
            font-size: 28px;
            margin: auto 0;
        }

            .boxComprarFixoMobile .boxCompartilhe ul li a i {
                display: block;
                width: 100%;
                height: 100%;
                line-height: 50px;
                color: #FFF;
            }

        .boxComprarFixoMobile .boxCompartilhe ul li.tagWhatsapp {
            background: #4dc247;
        }

        .boxComprarFixoMobile .boxCompartilhe ul li.tagFacebook {
            background: #3b5998;
        }

        .boxComprarFixoMobile .boxCompartilhe ul li.tagTwitter {
            background: #1da1f2;
        }

        .boxComprarFixoMobile .boxCompartilhe ul li.tagEmail {
            background: #aaaaaa;
        }



.totalSlider, .slider {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}


    .slider .setaEsquerda {
        background: url(https://viajarbarato-a.akamaihd.net/images/Layout/seta-esquerda-mini.gif);
        position: absolute;
        z-index: 9000;
        width: 23px;
        bottom: 23px;
        height: 30px;
        display: block;
        cursor: pointer;
    }

    .slider .setaDireita {
        background: url(https://viajarbarato-a.akamaihd.net/images/Layout/seta-direita-mini.gif);
        position: absolute;
        z-index: 9000;
        right: 0;
        width: 23px;
        bottom: 23px;
        height: 30px;
        display: block;
        cursor: pointer;
    }

    .slider .imagemEsgotada {
        background: url(https://viajarbarato-a.akamaihd.net/images/Layout/flag-oferta-encerrada.png);
        position: absolute;
        z-index: 9999;
        top: 40px;
        left: 2px;
        width: 207px;
        bottom: 11px;
        height: 45px;
        display: block;
    }

.totalSlider {
    position: relative;
}

.pika-counter {
    display: none;
}

.pika-thumbs {
    padding: 0;
    width: 590px;
    height: 65px;
    display: block;
    overflow: hidden;
    position: relative;
}

    .pika-thumbs li {
        width: 92px;
        height: 49px;
        padding: 0;
        overflow: hidden;
        float: left;
        list-style-type: none;
        padding: 2px;
        margin: 0 1px 2px 0;
        background: #fafafa;
        cursor: pointer;
    }

        .pika-thumbs li .clip {
            position: relative;
            height: 49px;
            text-align: center;
            vertical-align: middle;
            overflow: hidden;
        }

            .pika-thumbs li .clip img {
                height: 49px;
            }

.pika-stage, .pika-textnav {
    width: 100%;
}

.pika-stage {
    position: relative;
    background: #fafafa;
    width: auto;
    border: 1px solid #99a6b1;
    padding: 1px;
    margin-bottom: 5px;
    text-align: center;
    height: 305px;
    /*max-height: 305px;*/
}

    .pika-stage a div.player {
        width: 100%;
        height: 80%;
        background: url(https://viajarbarato-a.akamaihd.net/images/Layout/playerVideoOferta.png) no-repeat center center;
        position: absolute;
        top: 0;
        opacity: 0.8;
    }

    .pika-stage a div.frameVideo {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .pika-stage a {
        width: 100%;
        height: 378px;
        display: block;
        position: relative;
    }

    .pika-stage img {
        width: 576px;
        height: 305px;
    }

    .pika-stage .caption {
        position: absolute;
        background: #000;
        background: rgba(0,0,0,0.50);
        font-size: 12px;
        color: #fafafa;
        padding: 10px;
        text-align: right;
        bottom: 50px;
        right: 10px;
    }

        .pika-stage .caption p {
            padding: 0;
            margin: 0;
            line-height: 14px;
        }

.pika-imgnav div {
    position: absolute;
    text-indent: -5000px;
    display: block;
    z-index: 3;
}

    .pika-imgnav div.previous {
        background: url(https://viajarbarato-a.akamaihd.net/images/Layout/seta-esquerda.gif) no-repeat left 45%;
        height: 100%;
        width: 50px;
        top: 10px;
        left: 0px;
        cursor: pointer;
    }

    .pika-imgnav div.next {
        background: url(https://viajarbarato-a.akamaihd.net/images/Layout/seta-direita.gif) no-repeat right 45%;
        height: 100%;
        width: 50px;
        top: 10px;
        right: 0px;
        cursor: pointer;
        z-index:500;
    }

.pika-imgnav a.play {
    /*background: url(https://viajarbarato-a.akamaihd.net/images/Layout/play.png) no-repeat 0% 50%;*/
    /*background:url(https://viajarbarato-a.akamaihd.net/images/Layout/playerVideoOferta.png) center center no-repeat;*/
    height: 100px;
    width: 44px;
    top: 0;
    left: 50%;
    display: none;
    cursor: pointer;
}

.pika-imgnav a.pause {
    background: url(https://viajarbarato-a.akamaihd.net/images/Layout/pause.png) no-repeat 0% 50%;
    height: 100px;
    width: 44px;
    top: 0;
    left: 50%;
    display: none;
    cursor: pointer;
}

.pika-textnav {
    overflow: hidden;
    display: none;
    margin: 10px 0 0 0;
    bottom: 10px;
    position: absolute;
}

    .pika-textnav a {
        font-size: 12px;
        text-decoration: none;
        color: #333;
        padding: 4px;
    }

        .pika-textnav a.previous {
            float: left;
            width: auto;
            display: block;
        }

        .pika-textnav a.next {
            float: right;
            width: auto;
            display: block;
        }

.pika-tooltip {
    font-size: 12px;
    position: absolute;
    color: white;
    padding: 3px;
    background-color: rgba(0,0,0,0.7);
    border: 3px solid black;
}

.pika-counter {
    position: absolute;
    top: 281px;
    height: auto;
    left: 2px;
    color: white;
    background: rgba(0,0,0,0.7);
    font-size: 11px;
    padding: 2px;
}

.pika-loader { /*background:url(/Styles/loading.gif) 3px 3px no-repeat #000;*/
    background-color: rgba(0,0,0,0.9);
    color: white;
    width: 60px;
    font-size: 11px;
    padding: 5px 3px;
    text-align: right;
    position: absolute;
    top: 15px;
    right: 15px;
}


.detalheOferta .recomendar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 1px 0 5px;
}

.recomendar .email {
    float: left;
    margin-right: 12px;
}

    .recomendar .email a span {
        float: left;
        background-position: -744px -50px;
        text-indent: -10000px;
        width: 57px;
        height: 20px;
    }

.recomendar #fb-slide {
    float: left;
    padding: 0 10px 0 0;
}

.pluginConnectButton {
    margin-right: 8px;
}

.fb_iframe_widget_lift {
    z-index: 99 !important;
}

.fb_iframe_widget {
    margin-right: 8px;
}


/* Icones */
.detalheOferta h5 {
    color: #23859E;
}

.icones {
    display: block;
    overflow: hidden;
    width: 598px;
}

    .icones .icone {
        float: left;
        width: 88px;
        height: 37px;
        border: 1px solid #cecece;
        display: block;
        overflow: hidden;
        text-align: center;
        padding: 0 5px 0 38px;
        font-size: 11px;
        line-height: 15px;
        margin: 15px 15px 0 0;
    }

        .icones .icone:last-child {
            margin-right: 0px;
        }

        .icones .icone div {
            width: 88px;
            height: 37px;
            display: table-cell;
            vertical-align: middle;
        }

        .icones .icone.academia {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-academia.gif) no-repeat;
        }

        .icones .icone.aereo {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-aereo.gif) no-repeat;
        }

        .icones .icone.all-inclusive {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-all-inclusive.gif) 5px 0 no-repeat;
        }

        .icones .icone.almoco {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-almoco.gif) no-repeat;
        }

        .icones .icone.aluguel-de-carro {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-aluguel-de-carro.gif) no-repeat;
        }

        .icones .icone.area-de-laser {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-area-de-laser.gif) 2px 0 no-repeat;
        }

        .icones .icone.cafe-colonial {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-cafe-colonial.gif) no-repeat;
        }

        .icones .icone.almoco {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-almoco.gif) no-repeat;
        }

        .icones .icone.cafe-da-manha {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-cafe-da-manha.gif) no-repeat;
        }

        .icones .icone.cofre {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-cofre.gif) no-repeat;
        }

        .icones .icone.estacionamento {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-estacionamento.gif) no-repeat;
        }

        .icones .icone.guia {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-guia.gif) no-repeat;
        }

        .icones .icone.ingresso {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-ingresso.gif) no-repeat;
        }

        .icones .icone.internet-a-cabo {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-internet-a-cabo.gif) no-repeat;
        }

        .icones .icone.jacuzzi {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-jacuzzi.gif) no-repeat;
        }

        .icones .icone.jantar {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-jantar.gif) no-repeat;
        }

        .icones .icone.lareira {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-lareira.gif) no-repeat;
        }

        .icones .icone.meia-pensao {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-meia-pensao.gif) 5px 0 no-repeat;
        }

        .icones .icone.open-bar {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-open-bar.gif) no-repeat;
        }

        .icones .icone.piscina {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-piscina.gif) no-repeat;
        }

        .icones .icone.piscina-aquecida {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-piscina-aquecida.gif) no-repeat;
        }

        .icones .icone.restaurante {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-restaurante.gif) no-repeat;
        }

        .icones .icone.salao-de-jogos {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-salao-de-jogos.gif) no-repeat;
        }

        .icones .icone.sauna {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-sauna.gif) no-repeat;
        }

        .icones .icone.spa {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-spa.gif) no-repeat;
        }

        .icones .icone.traslado {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-traslado.gif) 5px 0 no-repeat;
        }

        .icones .icone.vista-para-mar {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-vista-para-mar.gif) no-repeat;
        }

        .icones .icone.internet-wireless {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-internet-wireless.gif) no-repeat;
        }


        .icones .icone.city-tour {
            background: url(https://viajarbarato-a.akamaihd.net/images/Layout/ico-city-tour.gif) no-repeat;
        }

/* Abas Detalhe do produto Styles */


.global-div {
    padding: 0px;
}

.abas li {
    float: left;
    border: 1px solid #99A6B1;
    margin: 0 10px 0px 0;
    background: #efefef;
}

    .abas li.ultimo {
        margin: 0 0 -1px 0;
    }

    .abas li a {
        color: #003965;
        height: 40px;
        line-height: 40px;
        width: 120px;
        text-align: center;
        font-size: 12px;
        text-transform: uppercase;
        display: block;
        overflow: hidden;
    }

        .abas li a:hover {
            color: #003965;
        }

li.ativo {
    background: #fff;
    border-bottom: 0;
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
    box-shadow: 2px -2px 2px 0px #d3d3d3;
    -moz-box-shadow: 2px -2px 2px 0px #d3d3d3;
    -webkit-box-shadow: 2px -2px 2px 0px #d3d3d3;
}

.ativo a {
    color: #003965;
    font-weight: bold;
    height: 50px !important;
    line-height: 50px;
}

#aba,
.boxItem .aba {
    position: relative;
    padding: 10px;
    clear: both;
    border: 1px solid #99A6B1;
}

.boxItem .aba {
    border: 0 !important;
}

    #aba ul li,
    .boxItem .aba ul li {
        list-style-image: url(https://viajarbarato-a.akamaihd.net/images/Layout/marcador-seta.gif);
    }

    #aba ul,
    .boxItem .aba ul {
        width: 95%;
        margin-left: 20px;
    }

    #aba table,
    .boxItem .aba table {
        width: 100% !important;
    }

        #aba table td,
        .boxItem .aba table td {
            border: 1px solid #ccc;
            padding: 3px;
        }

    #aba b,
    .boxItem .aba b {
        font-weight: bold;
    }

    #aba a, .boxItem .aba a {
        color: #23859E;
        text-decoration: underline;
    }

    #aba h2, .boxItem .aba h2 {
        font-size: 14px;
        color: #000;
        line-height: 20px;
    }

.blocoTrustedCompany {
}

    .blocoTrustedCompany .containerTrustedCompany {
        width: 100%;
    }

    .blocoTrustedCompany .titulo {
        float: left;
        width: 37%;
        text-align: left;
        margin-left: 50px;
        margin-top: 30px;
        border-right: 1px solid #CCC;
        padding-top: 20px;
        padding-right: 5px;
    }

        .blocoTrustedCompany .titulo span {
            font-size: 19px;
            font-weight: 700;
        }

        .blocoTrustedCompany .titulo p {
        }

    .blocoTrustedCompany .blocoNota {
/*
        width: 52%;
        float: right;
        height: 190px;
        overflow: hidden;
        margin-top: -20px;
        clear: both;
*/
        width: 43%;
        float: right;
        height: 180px;
        overflow: hidden;
        margin-top: -20px;
        clear: both;
    }

.widget-body {
    display: none !important;
}


.trustedcompany-seal {
}

    .trustedcompany-seal a img {
        width: 75px !important;
        height: auto !important;
        margin: -12px 16px 0 0;
    }

li.seloSymantec {
    float: left;
}

li.seloTrustedCompany {
    float: left;
    margin-left: 15px;
}

#OfertaDinamica h4 {
    font-size: 13px;
    line-height: 23px;
    padding-left: 25px;
    font-weight: bold;
    margin: 10px 0;
    background: url(https://viajarbarato-a.akamaihd.net/images/Layout/marcador-seta.gif) no-repeat 10px 7px;
}

#OfertaDinamica li {
    margin-bottom: 15px;
}

#OfertaDinamica div.mapa_cruzeiro {
    width: 230px;
    float: left;
}

    #OfertaDinamica div.mapa_cruzeiro IMG {
        border: 1px solid #ececec;
    }

#OfertaDinamica div.descricao_mapa {
    float: left;
}

#OfertaDinamica div.itinerario_cruzeiro {
    width: 319px;
    float: right;
}

#OfertaDinamica TABLE.tabela_itinerario tr {
    border-bottom: 1px solid #ececec;
}

#OfertaDinamica TABLE.tabela_itinerario td {
    border: none;
    padding: 0px;
    font-size: 10px;
    text-align: center;
}

#OfertaDinamica TABLE.tabela_itinerario tr.primeira_linha {
    font-weight: bold;
}

#OfertaDinamica TABLE.tabela_precos {
    margin: 5px 0 25px 0;
}

    #OfertaDinamica TABLE.tabela_precos tr {
        border-bottom: 1px solid #ececec;
    }

    #OfertaDinamica TABLE.tabela_precos td {
        border: none;
        position: relative;
        padding: 0px;
        font-size: 11px;
        text-align: center;
    }

    #OfertaDinamica TABLE.tabela_precos tr.primeira_linha {
        font-weight: bold;
        background-color: #fafafa;
    }

        #OfertaDinamica TABLE.tabela_precos tr.primeira_linha td img {
            position: absolute;
            right: 12%;
            top: 4px;
            cursor: pointer;
        }

#OfertaDinamica TABLE.tabela_voos {
}

    #OfertaDinamica TABLE.tabela_voos tr {
        height: 30px;
    }

        #OfertaDinamica TABLE.tabela_voos tr:hover {
            background-color: #3acd28 !important;
            cursor: pointer;
        }

        #OfertaDinamica TABLE.tabela_voos tr.view {
            background-color: #f6f6f6;
        }

        #OfertaDinamica TABLE.tabela_voos tr td {
            vertical-align: middle;
            font-size: 12px;
        }

.bingo-msc {
    background: url(https://viajarbarato-a.akamaihd.net/images/Layout/bingo-msc.jpg) center center no-repeat #FFF;
    width: 521px;
    height: 280px;
    position: absolute;
    z-index: 9001;
}

#OfertaDinamica SPAN.valorChamada {
    background-color: #FFE2C6;
    padding: 1px 5px;
    font-weight: bold;
}

.menorPrecoCruzeiro {
    background-color: #EEE;
    font-weight: bold;
}

.primeiraMaiuscula {
    text-transform: capitalize;
}

.boxDropVoos {
    width: 100%;
    float: left;
    display: block;
    margin: 15px 0;
}

#overlayVoos .boxDropVoos {
    width: 80%;
    margin: 10px auto 15px auto;
    float: none;
}


.boxDropVoos .disabled {
    background-color: #CCC !important;
}


.disabled {
    background-color: #F2F3F3 !important;
}

/* Pagination Styles */


.pagination {
    margin: 20px 0;
    width: 100%;
    display: block;
    float: left;
}

    .pagination ul {
        display: inline-block;
        *display: inline;
        margin-bottom: 0;
        margin-left: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        *zoom: 1;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

        .pagination ul > li {
            display: inline;
        }

            .pagination ul > li > a,
            .pagination ul > li > span {
                float: left;
                padding: 4px 12px;
                line-height: 20px;
                text-decoration: none;
                background-color: #ffffff;
                border: 1px solid #dddddd;
                border-left-width: 0;
            }

                .pagination ul > li > a:hover,
                .pagination ul > .active > a,
                .pagination ul > .active > span {
                    background-color: #5ac2dd;
                }

        .pagination ul > .active > a,
        .pagination ul > .active > span {
            color: #fff;
            cursor: default;
        }

        .pagination ul > .disabled > span,
        .pagination ul > .disabled > a,
        .pagination ul > .disabled > a:hover {
            color: #999999;
            cursor: default;
            background-color: transparent;
        }

        .pagination ul > li:first-child > a,
        .pagination ul > li:first-child > span {
            border-left-width: 1px;
        }

        .pagination ul > li:last-child > a,
        .pagination ul > li:last-child > span {
        }

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
    padding: 11px 14.7px;
    font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
}

/* Páginas Internas */
h1.tituloSecao {
    font-size: 28px;
    text-transform: uppercase;
}

h2.tituloSecao {
    font-size: 24px;
    text-transform: initial;
}

.textoConteudoGeral {
}

.minhaConta label {
    float: left;
    padding: 10px;
}

.minhaConta button {
    display: block;
    float: left;
    height: 47px;
    overflow: hidden;
    padding: 5px 10px;
}

.minhaConta .linksApoio {
    width: 100%;
}

/* COM FACEBOOK  */
.minhaConta .loginVB {
    float: left;
    width: 56%;
}

    .minhaConta .loginVB #lblTexto {
        display: block;
        height: 40px;
    }

    .minhaConta .loginVB label {
        padding: 1px;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .minhaConta .loginVB input {
        width: 300px;
        height: 46px;
    }

    .minhaConta .loginVB #esqueciSenha {
        width: 192px;
        float: left;
        margin-top: 34px;
        padding-left: 7px;
    }

    .minhaConta .loginVB input#inputEmail {
    }

    .minhaConta .loginVB input.CheckBox {
        width: auto;
    }


.infoEndereco {
    width: 750px;
}

    .infoEndereco fieldset {
        width: 100%;
    }

        .infoEndereco fieldset p {
            float: left;
            margin-right: 17px;
            width: 100%;
        }

            .infoEndereco fieldset p label {
                padding-left: 0;
            }

            .infoEndereco fieldset p.nome {
                width: 317px;
            }

            .infoEndereco fieldset p.cpf {
                width: 105px;
            }

            .infoEndereco fieldset p.dataNascimento {
                width: 141px;
            }

            .infoEndereco fieldset p.boxGenero {
                width: 130px;
            }

                .infoEndereco fieldset p.boxGenero select {
                    width: 96%;
                }

            .infoEndereco fieldset p.ddd {
                width: 30px;
            }

            .infoEndereco fieldset p.fone {
                width: 95px;
            }

            .infoEndereco fieldset p.dddCelular {
                width: 30px;
            }

            .infoEndereco fieldset p.Celular {
                width: 95px;
            }

            .infoEndereco fieldset p.cep {
                width: 82px;
            }

            .infoEndereco fieldset p.endereco {
                width: 328px;
            }

            .infoEndereco fieldset p.numero {
                width: 50px;
            }

            .infoEndereco fieldset p.complemento {
                width: 119px;
            }

            .infoEndereco fieldset p.bairro {
                width: 182px;
            }

            .infoEndereco fieldset p.cidade {
                width: 328px;
            }

            .infoEndereco fieldset p.estado {
                width: 58px;
                margin-right: 8px !important;
            }

                .infoEndereco fieldset p.estado select {
                    width: 63px;
                }

            .infoEndereco fieldset p input {
                height: 28px !important;
                width: 100% !important;
                padding-left: 6px;
            }

        .infoEndereco fieldset input.btnCadastar {
            width: 162px !important;
            height: 30px;
            margin-top: 10px;
            letter-spacing: 1px;
            font-size: 10px;
            font-weight: normal;
        }


/*SEM COM FACEBOOK  
.minhaConta .loginVB {
    float: left;
    width: 100%;
}

    .minhaConta .loginVB input {
        width: 300px;
    }

        .minhaConta .loginVB input.CheckBox {
            width: auto;
            float: left;
        }
    */
.minhaConta .loginSocial {
    float: right;
    width: 44%;
    padding-left: 0px;
}


.minhaConta .btnFacebook,
.minhaConta #customBtn {
    width: 184px;
    height: 50px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
    padding-left: 80px;
    color: #FFF;
    font-size: 17px;
}

    .minhaConta .btnFacebook a,
    .minhaConta #customBtn a {
        color: #FFF;
        margin-top: 15px;
        display: block;
        width: 100%;
        height: 100%;
    }

.minhaConta .btnFacebook {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/btn-connect-option.png") #3b5998 left -5px no-repeat;
    margin: 20px 0 20px 0;
}

.minhaConta #customBtn {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/btn-connect-option.png") #DC4D28 left -64px no-repeat;
}



/*LOGIN*/
.erroMsg, .sucessoMsg {
    border: 1px solid #ed1818;
    width: 92%;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    background-color: #FFF;
}

    .erroMsg span {
        color: #ed1818;
    }

.sucessoMsg {
    border: 1px solid #15730f;
}

    .sucessoMsg span {
        color: #15730f;
    }

input.erro {
    border: 1px solid red;
}

.loading {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/spin-white.gif") center center no-repeat;
    text-indent: -9999px;
    width: auto;
    min-width: 80px;
    height: 31px;
    margin-top: -5px;
}

.loadingTransparente {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/ajax-loader-comprar.gif") center center no-repeat;
    text-indent: -9999px;
    width: auto;
    min-width: 80px;
    height: 31px;
}


.oculto {
    display: none !important;
}

.ajuste-label {
    margin-left: 2px;
    margin-top: 21px;
}

.comoFunciona .miolo table {
    width: 100%;
}

.comoFunciona .miolo td {
    padding: 10px;
}

.comoFunciona {
    text-align: justify;
}

    .comoFunciona ul li {
        margin-bottom: 10px;
    }

        .comoFunciona ul li a {
            color: #00b6fa;
        }

        .comoFunciona ul li.titulo {
            font-weight: bold;
            display: block;
            margin-bottom: 10px;
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid #e8e9e9;
        }


    .comoFunciona .telefonesBox {
        width: 756px !important;
        margin-bottom: 40px;
        margin-top: 20px;
    }

        .comoFunciona .telefonesBox ul.ulTelefones li {
            width: 138px;
        }

            .comoFunciona .telefonesBox ul.ulTelefones li span.UF {
                width: 30px;
                font-size: 16px;
            }

            .comoFunciona .telefonesBox ul.ulTelefones li span.telefoneVB {
                font-size: 12px;
                margin: 15px 5px 0 0;
            }



.termosDeUso ol {
    list-style: none outside none;
}

.politicaDePrivacidade ol {
    list-style: none outside none;
}



/* Contato */

.contatoBox {
    width: 370px;
    float: left;
}

    .contatoBox textarea {
        min-height: 142px;
        max-height: 142px;
    }

    .contatoBox a {
        color: #fd8c00;
    }

        .contatoBox a:hover {
            color: #003965;
        }

.contato .telefonesBox {
    width: 350px !important;
    padding-left: 15px;
    border-left: 1px solid #e8e9e9;
    float: right;
}

.telefonesBox ul.ulTelefones {
}

    .telefonesBox ul.ulTelefones li {
        display: inline-block;
        border: 1px solid #e8e9e9;
        height: 51px;
        width: 160px;
        margin-bottom: 5px;
        margin-right: 8px;
    }

        .telefonesBox ul.ulTelefones li span.UF {
            background-color: #e8e9e9;
            width: 48px;
            height: 100%;
            color: #23859e;
            font-size: 26px;
            text-transform: uppercase;
            line-height: 51px;
            padding-left: 8px;
            float: left;
        }

        .telefonesBox ul.ulTelefones li span.telefoneVB {
            float: right;
            font-size: 12px;
            margin: 15px 10px 0 0;
        }

.parceiroBox {
    width: 96%;
}

/* Prêmios */

.premios, .premio, .confiavel {
    text-align: justify;
}

    .premios .premiosBox {
        border-top: 1px dotted #e3e3e3;
        padding: 10px 0 10px 0;
        height: 130px;
    }

        .premios .premiosBox .seloPremio {
            width: 135px;
            height: 113px;
            float: left;
            margin-top: 10px;
        }

            .premios .premiosBox .seloPremio a {
                width: 100%;
                height: 100%;
                display: block;
            }

            .premios .premiosBox .seloPremio img {
                width: 100%;
                height: 100%;
            }

        .premios .premiosBox ul.infoPremio {
            width: 590px;
            height: auto;
            float: left;
            margin-left: 20px;
        }

            .premios .premiosBox ul.infoPremio li.tituloPremio {
                font-weight: bold;
                text-transform: uppercase;
                font-size: 16px;
            }

            .premios .premiosBox ul.infoPremio li.detalhePremio {
            }

            .premios .premiosBox ul.infoPremio li.textoPremio {
                margin: 10px 0 10px 0;
                font-style: italic;
                height: 42px;
                overflow: hidden;
            }

            .premios .premiosBox ul.infoPremio li.linkPremio {
            }

    .premio img {
        padding-left: 20px;
        margin-top: -10px;
    }

    /* VB Confiável */
    .confiavel .telefonesBox {
        float: left;
        width: 100% !important;
        padding-left: 0;
        border: none;
        margin-bottom: 15px;
    }

        .confiavel .telefonesBox ul.ulTelefones li {
            width: 138px;
        }

            .confiavel .telefonesBox ul.ulTelefones li:last-of-type {
                margin-right: 7px;
                float: right;
            }

            .confiavel .telefonesBox ul.ulTelefones li span.UF {
                width: 30px;
                font-size: 18px;
                padding-left: 7px;
            }

    .confiavel .premiosBox {
        float: left;
        width: 250px;
        margin-bottom: 20px;
    }

        .confiavel .premiosBox .seloPremio {
            position: relative;
            z-index: 100;
            width: 230px;
        }

            .confiavel .premiosBox .seloPremio a {
                width: 100%;
                height: 100%;
                display: block;
            }

                .confiavel .premiosBox .seloPremio a:hover {
                    opacity: 0.8;
                    filter: alpha(opacity=80); /* For IE8 and earlier*/
                }

        .confiavel .premiosBox ul.infoPremio {
            position: relative;
            z-index: 99;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            margin-top: -47px;
            margin-left: 5px;
            width: 218px;
            padding: 47px 1px 10px 1px;
            background-color: #dff1f6;
            min-height: 70px;
            max-height: 70px;
            height: 70px;
        }

            .confiavel .premiosBox ul.infoPremio .detalhePremio {
                text-align: center;
                padding: 0 9px 0 9px;
            }

            .confiavel .premiosBox ul.infoPremio .linkPremio {
                text-align: right;
                font-weight: bold;
                margin-top: 7px;
                border-top: 1px dotted #b7d2da;
                padding: 3px 9px 0 9px;
            }

                .confiavel .premiosBox ul.infoPremio .linkPremio a:hover {
                    color: #fd8c00;
                }


/* Minha Conta */

ul#menu-minhasCompras {
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    display: block;
    list-style-type: none;
    border: 1px solid #ccc;
    background: #f5f5f5;
    text-transform: uppercase;
    font-size: 13px;
}

    ul#menu-minhasCompras li {
        display: block;
        list-style: none;
        display: inline;
        margin: 0;
        width: 25%;
        height: 100%;
        float: left;
        text-align: center;
        color: #23859E;
    }

        ul#menu-minhasCompras li.active, ul#menu-minhasCompras li.active a:hover {
            background: #23859E;
            color: #FFF;
        }

        ul#menu-minhasCompras li a {
            width: 100%;
            display: block;
        }

            ul#menu-minhasCompras li a:hover {
                background: #ddd;
            }

        ul#menu-minhasCompras li.active a {
            color: #FFF;
        }

.container .sixteen.columns table.tabelaCompras, table.tabelaCreditos,
.container .sixteen.columns table.tabelaCompras {
    margin-bottom: 30px;
    clear: both;
    width: 100%;
}

    table.tabelaCompras th, table.tabelaCreditos th {
        border: 1px solid #CCCCCC;
        background: #eee;
        padding: 10px;
        vertical-align: middle;
        font-weight: bold;
    }

table.tabelaCompras td {
    border: 1px solid #CCCCCC;
    padding: 10px;
    vertical-align: middle;
    font-size: 13px;
}

table.tabelaCreditos td {
    border: 1px solid #CCCCCC;
    padding: 10px;
    vertical-align: middle;
    font-size: 13px;
    text-align: center;
}

.tabelaComprasRowAlt {
    background: #F8F8FF;
}

.tabelaComprasRow {
    background: white;
}



table.tabelaCreditos td.saldo {
    text-align: right;
}

fieldset.recebeOfertas {
}


    fieldset.recebeOfertas label.tam4 {
        width: 323px;
    }

    fieldset.recebeOfertas label.tam8 {
        width: 196px;
    }

    fieldset.recebeOfertas label.tam7 {
        width: 136px;
    }


label.tam1 {
    width: 48%;
    clear: left;
    margin: 0;
}

label.tam2 {
    width: 20%;
    clear: left;
    margin: 0;
}

label.tam3 {
    width: 10%;
    clear: left;
    margin: 0;
}

label.tam4 {
    width: 38%;
    float: left;
    margin-right: 20px;
}

label.tam5 {
    width: 20%;
    float: left;
    margin-right: 20px;
}

label.tam6 {
    width: 30%;
    float: left;
    margin-right: 20px;
}

label.tam7 {
    width: 16%;
    float: left;
    margin-right: 0;
}

label.tam8 {
    width: 23%;
    float: left;
    margin-right: 20px;
}

.botaoEnviar {
    margin-top: 16px;
}

#loadCadastrar {
    display: none;
    margin-top: 20px;
}

    #loadCadastrar img {
        margin: 0 0 0 40px;
    }

/* Carrinho de compras */

.Carrinho {
    padding-top: 0px !Important;
}

    .Carrinho h2 {
        margin-bottom: 5px !Important;
    }

    .Carrinho label.tam1 {
        width: 250px;
        float: left;
        margin: 0 10px 0 0;
        clear: none;
    }

    .Carrinho label select {
        width: 96%;
    }

    .Carrinho label.tam2 {
        width: 210px;
        float: left;
        margin: 0 10px 0 0;
        clear: none;
    }

    .Carrinho label.tam3 {
        width: 140px;
        float: left;
        margin: 0 10px 0 0;
        clear: none;
    }

    .Carrinho label.tam4 {
        width: 115px;
        float: left;
        margin: 0 10px 0 0;
        clear: none;
    }

    .Carrinho label.tam5 {
        width: 90px;
        float: left;
        margin: 0 10px 0 0;
        padding: 0px;
        clear: none;
    }

    .Carrinho label.tam6 {
        width: 60px;
        float: left;
        margin: 0 10px 0 0;
        padding: 0px;
        clear: none;
    }

    .Carrinho label.tam7 {
        width: 40px;
        float: left;
        margin: 0 10px 0 0;
        padding: 0px;
        clear: none;
    }


.PassosTit {
    font-size: 13px;
    background-color: #23859E;
    color: #FFF;
    font-weight: bold;
    margin: 10px 0 0px 0;
    padding: 5px;
}

    .PassosTit span {
        font-size: 15px;
    }

div.BoxCompra {
    background: #fff;
    border: 2px solid #ccc;
    margin: 0px;
    padding: 10px 10px;
    display: block;
    position: relative;
}

    div.BoxCompra p {
        float: left;
    }

    div.BoxCompra fieldset {
        width: 100%;
        float: left;
    }

    div.BoxCompra h3 {
        padding: 0px;
        margin-top: 10px;
    }

    div.BoxCompra a.Adicionar {
        float: left;
        width: 211px;
        height: 48px;
        font-size: 12px;
        font-weight: bold;
        color: #FFF;
        background: url("https://viajarbarato-a.akamaihd.net/Images/_layout/btn-modelo-130.png") no-repeat 0 0;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 48px;
        text-transform: uppercase;
        margin: -10px 10px 0 0;
        border: 0px;
    }

div.Formulario {
    float: left;
    width: 100%;
    margin: 0px 0 0px 0;
    padding: 0px;
}

    div.Formulario p {
        float: left;
        text-align: left;
        width: 100%;
    }



div.ComprarParaPresente {
    float: right;
    width: 236px;
    margin-right: 10px;
    display: block;
}

    div.ComprarParaPresente a.Btn {
        float: left;
        width: 238px;
        height: 58px;
        text-indent: -90000em;
        background: red;
        margin-top: 0px;
        display: block;
    }

    div.ComprarParaPresente p {
        float: left;
        width: 206px;
        text-align: justify;
        margin-left: 20px;
    }

div.BoxCompra label.lblEntrada, label.lblTotal {
    float: left;
    min-width: 75px;
}

    div.BoxCompra label.lblEntrada span, label.lblTotal span {
        float: left;
        clear: both;
    }

label.Observacao {
    width: 270px;
    min-height: 40px;
    float: left;
    margin: 0px 0px 12px 10px;
}

    label.Observacao span {
        font-size: 11px;
    }

label.Texto1 {
    float: left;
}

    label.Texto1 a {
        text-decoration: underline;
        color: #57a6ff;
    }

label span {
    margin-top: 3px;
}

div.BoxCompra label.Observacao p {
    margin: 0px 8px 0px 0px;
    float: left;
    font-size: 12px;
    color: red;
}

div.BoxCompra label.Excluir {
    margin: 20px 0 12px 0;
    float: left;
    font-weight: bold;
}

div.BoxCompra table.TabelaPedido {
    display: table;
    width: 100%;
    border-bottom: 0px;
    margin-bottom: 10px;
    float: left;
}

    div.BoxCompra table.TabelaPedido td {
        display: table-cell;
        border: 0px;
        text-transform: uppercase;
        background-color: #f5f5f5;
        color: #000;
        padding: 5px;
        text-align: center;
        font-weight: bold;
        font-size: 13px;
    }

table.TabelaPedido #Cel1 {
    font-size: 16px;
    width: 50%;
}

div.BoxCompra table.TabelaPedido #Cel2 {
    font-size: 16px;
    width: 50%;
}

div.BoxCompra table.TabelaPedido #CelPedido3 input {
    width: 30px;
    height: 24px;
    border: solid 1px #605bcb;
    font-size: 16px;
    color: #332316;
    text-align: center;
}

div.BoxLoginCadastro {
    font-size: 12px;
    background-color: #F1f1f1;
    padding: 0 15px 0 15px;
    display: block;
    overflow: hidden;
}


    div.BoxLoginCadastro fieldset {
        margin: auto;
    }

div.BoxSoLogin,
div.BoxSoLogin,
div.BoxSoCadastro,
div.BoxSoCadastro {
    width: 100%;
    float: left;
    font-size: 12px;
    padding: 0px 0px 10px 0px;
}

div.BoxSoLogin,
div.BoxSoLogin,
div.BoxSoCadastro,
div.BoxSoCadastro {
    margin: auto;
    float: left;
}

div.BoxLoginCadastro input.BtnComprar {
    clear: both;
    width: 218px;
    height: 51px;
    font-size: 26px;
    font-weight: bold;
    color: #FFF;
    background: url("/styles/../Images/_layout/btn-comprar.png") no-repeat 0 0;
    text-decoration: none;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin: auto;
    border: 0px;
    cursor: pointer;
    padding-bottom: 5px;
}

div.BoxLoginCadastro input.BtnComprarMenor {
    width: 141px;
    height: 48px;
    font-size: 16px;
    color: #FFF;
    background: url("/styles/../Images/_layout/btn-comprar-mais.png") no-repeat 0 0;
    text-decoration: none;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: -5px;
    border: 0px;
    cursor: pointer;
    padding-bottom: 3px;
    float: right;
}

div.BoxCadastro {
    width: 440px;
    background-color: #fff;
    font-size: 12px;
    padding: 5px 15px 15px 15px;
    margin: 20px 0px 10px 0px;
    float: right;
    height: 250px;
}

    div.BoxCadastro p {
        margin: 0;
    }

    div.BoxCadastro button {
        margin-top: 10px;
    }

    div.BoxCadastro .termos-de-uso {
        font-size: 11px;
        line-height: 15px;
    }

        div.BoxCadastro .termos-de-uso a {
            color: #23859E;
            text-decoration: underline;
        }

    div.BoxCadastro fieldset label {
        padding-top: 3px;
    }

div div.BoxSoCadastro, div div.BoxAlterarSenha {
    width: 520px;
    background-color: #fff;
    font-size: 12px;
    padding: 0 10px 0 10px;
    margin-bottom: 10px;
}

div div.BoxSoCadastro, div div.BoxAlterarSenha {
    width: 520px;
    margin-left: 0px;
    display: table;
    padding: 0px;
}

    div div.BoxSoCadastro fieldset label span {
        padding-top: 70px;
        width: 250px;
    }

    div div.BoxSoCadastro a.Cadastrar, div div.BoxAlterarSenha input.BtnEnviar, div div.BoxSoCadastro input.BtnEnviar, div div.BoxSoLogin input.BtnEnviar {
        width: 111px;
        height: 48px;
        font-size: 12px;
        font-weight: bold;
        color: #000;
        background: url("/styles/../Images/_layout/btn-modelo.png") no-repeat 0 0;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 48px;
        text-transform: uppercase;
        margin: auto;
        border: 0px;
        cursor: pointer;
    }

    div div.BoxAlterarSenha a.Alterar {
        margin: -0px 10px 0 0;
    }

div.BoxCadastradoNaoCadastrado, div.BoxLogin {
    width: 440px;
    float: left;
    background-color: #fff;
    font-size: 12px;
    padding: 5px 15px 15px 15px;
    margin: 20px 0px 20px 0px;
    display: table;
    height: 250px;
}

    div.BoxLogin button {
        margin-top: 20px;
    }

div div.BoxSoLogin {
    width: 440px;
    height: 200px;
    float: left;
    background-color: #fff;
    font-size: 12px;
    padding: 0 10px 0 10px;
    margin-bottom: 10px;
    display: table;
}

div div.BoxSoLogin {
    margin-left: 160px;
    height: 170px;
}

    div div.BoxSoLogin a.Entrar {
        float: right;
        width: 111px;
        height: 48px;
        font-size: 12px;
        font-weight: bold;
        color: #FFF;
        background: url("/styles/../Images/_layout/btn-modelo.gif") no-repeat 0 0;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 48px;
        text-transform: uppercase;
        margin: -70px 10px 0 0;
        border: 0px;
    }

div.BoxEndereco {
    display: block;
    overflow: hidden;
    background-color: #fff;
    font-size: 12px;
    padding: 0 10px 10px 10px;
    margin: 20px auto;
}

    div.BoxEndereco div.Gateway label {
    }

    div.BoxEndereco input.BtnComprar {
        width: 218px;
        height: 51px;
        font-size: 26px;
        color: #FFF;
        background: url("/styles/../Images/_layout/btn-comprar.png") no-repeat 0 0;
        text-decoration: none;
        display: block;
        text-transform: uppercase;
        border: 0px;
        cursor: pointer;
    }

/* OVERLAY SEGURO */

.overlayAssistencia {
    display: none;
}

.overlayAssistencia {
    background-color: #FFF;
    background: rgb(255, 255, 255);
    opacity: initial;
    border: 1px solid #CCC;
    width: 630px;
    height: auto;
    position: absolute;
    z-index: 9999;
    padding: 30px 20px;
}

    .overlayAssistencia h3 {
        font-size: 21px;
    }

    .overlayAssistencia p {
        font-weight: bold;
    }

    .overlayAssistencia ul {
        border: 0 !important;
        height: auto !important;
        width: 590px;
        padding-left: 20px;
        text-align: justify;
    }

        .overlayAssistencia ul li {
            list-style: disc;
            padding-bottom: 20px;
            font-size: 12px;
        }

    .overlayAssistencia .AceitarAssistencia,
    .overlayAssistencia .NegarAssistencia {
        background-color: #00a0cb;
        width: auto;
        padding: 7px 20px;
        cursor: pointer;
        color: #FFF;
        display: inline-block;
    }

    .overlayAssistencia .NegarAssistencia {
        background-color: #e03838;
        margin-top: 4px;
    }

/* TELA CHECKOUT CRUZEIRO */
.BoxCompra fieldset label.CheckoutSaida {
    width: 310px;
    float: left;
}

.BoxCompra fieldset label.CheckoutPaxCabine {
    width: 310px;
    float: left;
}

.BoxCompra fieldset label.CheckoutCatLoc {
    width: 310px;
    margin-right: 0;
    float: left;
}

.BoxCompra fieldset label.EntradaCruzeiro {
    min-width: 60px;
}

.BoxCompra fieldset label.TotalCruzeiro {
    min-width: 83px;
}

.divCampos {
    clear: both;
    padding-bottom: 1px;
    margin-top: 10px;
    float: left;
}

    .divCampos label {
        width: 144px !important;
        float: left;
        padding-left: 5px;
    }

label.CheckoutPaxCabine a.infoCheckout,
label.CheckoutCatLoc a.infoCheckout,
label.EntradaCruzeiro a.infoCheckout,
label.TotalCruzeiro a.infoCheckout,
label.CheckoutSaida a.infoItinerario,
label.CheckoutCatLoc a.infoCategoriaCabine {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/info.png") center center no-repeat;
    float: right;
    float: right;
    width: 25px;
    height: 25px;
    display: block;
    cursor: pointer;
    text-align: center;
    text-indent: -9999px;
    text-transform: capitalize;
    color: #FFF !important;
    text-decoration: none !important;
    margin-right: 3px;
}

label.TotalCruzeiro table.PrecosTaxas {
    position: absolute;
    z-index: 1001;
    width: 360px;
    top: 50px;
    right: 0;
    border: 1px solid #8accdc;
    background-color: #FFF;
    padding: 5px;
    font-size: 11px;
}

    label.TotalCruzeiro table.PrecosTaxas tr.TituloTR {
        font-weight: bold;
        background-color: #e8f7fa;
    }

    label.TotalCruzeiro table.PrecosTaxas tr.TotalTR {
        font-weight: bold;
        background-color: #e8f7fa;
    }

    label.TotalCruzeiro table.PrecosTaxas tr.LinhaTotalTR {
        background-color: #e8f7fa;
    }

    label.TotalCruzeiro table.PrecosTaxas td {
        padding: 4px;
    }

.BoxCompra fieldset select#Embarque {
    width: 278px;
    float: left;
}

.BoxCompra fieldset select.CheckoutPaxCabine {
    width: 278px;
    float: left;
}

.BoxCompra fieldset select.CheckoutCatLoc {
    float: left;
    width: 278px !important;
}

div.InfoCabine {
    border: 1px solid #CCC;
    z-index: 9001;
    display: none;
    width: 552px;
    font-size: 10px;
    position: absolute;
    background-color: #FFF;
    top: 45px;
    right: 0;
    padding: 8px;
}

.BoxCompra div.BoxCompra div.Formulario fieldset div.InfoCabine label.CheckoutCabine {
    width: auto;
}

.BoxCompra div.BoxCompra div.Formulario fieldset div.InfoCabine select.CheckoutCabine {
    width: 100% !important;
}

.BoxCompra div.InfoCabine select {
    height: 45px;
    border: 1px solid #CCC;
    font-size: 14px;
    color: #332316;
    margin: 3px 0 20px 9px;
}

.BoxCompra div.InfoCabine a {
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    color: #006ec2;
    text-decoration: underline;
    text-align: center;
    width: 260px;
    display: block;
    float: right;
    margin-top: 7px;
}

.BoxCompra div.InfoCabine dfn {
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0;
}

.BoxCompra div.InfoCabine img {
}

.BoxCompra div.InfoCabine p {
    float: left;
    width: 527px;
    font-size: 11px;
    margin-left: 10px;
    text-align: justify;
    line-height: 17px;
    clear: none;
}

    .BoxCompra div.InfoCabine p span {
        font-weight: bold;
    }

.BoxCompra div.InfoCabine dfn.textoLegal {
    text-align: justify;
    width: 527px;
    margin-left: 10px;
}

.BoxCompra div.InfoCabine p.textoLegal {
    display: block;
    float: left;
    text-align: justify;
    margin: 10px 0 0 0;
    padding: 5px;
    width: 92%;
}

.BoxCompra div.InfoCabine div.escolher {
    width: 100%;
    text-align: center;
}

    .BoxCompra div.InfoCabine div.escolher input.BtnComprarMenor {
        background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/btn-comprar-mais.png") center center no-repeat;
        width: 141px;
        height: 48px;
        margin: 10px auto;
        font-size: 18px;
        color: #FFF;
        border: 0;
        cursor: pointer;
    }

.BoxCompra div.InfoCabine div.cabines {
    max-width: 527px;
    margin: 0 10px 0 10px;
    height: auto;
    border: 1px solid #CCC;
    position: relative;
    overflow: hidden;
}

    .BoxCompra div.InfoCabine div.cabines ul {
        width: 1700px;
    }

        .BoxCompra div.InfoCabine div.cabines ul li {
            float: left;
            padding: 6px 6px 0px 6px;
        }

            .BoxCompra div.InfoCabine div.cabines ul li img {
                width: 515px;
                height: auto;
            }

.BoxCompra div.InfoCabine div.plantaBaixa {
    max-width: 267px;
    float: left;
    margin: 0 10px 0 10px;
    height: auto;
    overflow: hidden;
    border: 1px solid #CCC;
}

    .BoxCompra div.InfoCabine div.plantaBaixa ul {
        width: 1700px;
    }

        .BoxCompra div.InfoCabine div.plantaBaixa ul li {
            float: left;
            padding: 5px;
        }

            .BoxCompra div.InfoCabine div.plantaBaixa ul li img {
                float: left;
                width: 255px;
                height: auto;
            }

.BoxCompra div.InfoCabine div.cabines div#anterior,
.BoxCompra div.InfoCabine div.cabines div#proxima {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/seta-esquerda.gif") center center no-repeat;
    width: 30px;
    height: 100%;
    position: absolute;
    z-index: 2000;
    cursor: pointer;
}

.BoxCompra div.InfoCabine div.cabines div#proxima {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/seta-direita.gif") center center no-repeat;
    right: 0;
}

.BoxCompra div.OverlayMapaMaritimo,
div.OverlayMapaMaritimo {
    border: 1px solid #CCC;
    padding: 2px;
    background-color: #FFF;
    display: none;
    width: 379px;
    text-align: center;
    z-index: 9001;
    position: absolute;
}

    .BoxCompra div.OverlayMapaMaritimo div.Mapa,
    div.OverlayMapaMaritimo div.Mapa {
        margin: 15px auto 0 auto;
    }

        .BoxCompra div.OverlayMapaMaritimo div.Mapa span,
        div.OverlayMapaMaritimo div.Mapa span {
            font-weight: bolder;
            width: 362px;
            height: auto;
            color: #919191;
            font-size: 14px;
            text-transform: uppercase;
            text-align: left;
            float: left;
            margin: 0 auto 10px 10px;
        }

            .BoxCompra div.OverlayMapaMaritimo div.Mapa span.Embarque,
            div.OverlayMapaMaritimo div.Mapa span.Embarque {
                font-size: 12px;
                color: #a8a8a8;
                margin-bottom: 5px;
            }

        .BoxCompra div.OverlayMapaMaritimo div.Mapa img,
        div.OverlayMapaMaritimo div.Mapa img {
            width: 358px;
            height: auto;
        }

    div.OverlayMapaMaritimo p {
        text-align: justify;
        width: 358px;
        height: auto;
        margin: 0 auto;
        line-height: 15px;
        color: #666;
    }

    div.OverlayMapaMaritimo table.Itinerario {
        width: 358px;
        font-size: 11px;
        text-align: left;
        margin: 10px auto 0 auto;
    }

    div.OverlayMapaMaritimo table tr.Titulo {
        background-color: #d8d9d9;
        font-weight: bold;
    }

    div.OverlayMapaMaritimo table tr.Itinerario {
        font-weight: bold;
        font-size: 12px;
    }

    div.OverlayMapaMaritimo table td {
        padding: 2px;
    }

    div.OverlayMapaMaritimo table tr.LinhaEscura {
        background-color: #eceded;
    }

    div.OverlayMapaMaritimo table td.Data {
        width: 14%;
    }

    div.OverlayMapaMaritimo table td.Porto {
        width: 51%;
    }

    div.OverlayMapaMaritimo table td.Chegada {
        width: 15%;
        text-align: center;
    }

    div.OverlayMapaMaritimo table td.Saida {
        width: 15%;
        text-align: center;
    }

div.OverlayCategoriaCabine {
    border: 1px solid #00a0cb;
    padding: 2px;
    background-color: #FFF;
    display: none;
    width: 700px;
    text-align: center;
    z-index: 9001;
    position: absolute;
}

.benefitsTable {
    width: 100%;
    font-size: 12px;
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.benefitDescription {
    background: #eee;
}

.bellaExperience, .fantasticaExperience, .aureaExperience, .mscYachtClubExperience {
    width: 30px;
    text-align: center;
    color: #fff;
}

.bellaExperience {
    background: #004b84;
}

.categoryRow td {
    font-weight: bold;
    padding: 2px 0 2px 0;
}

.benefitRow td {
    padding: 2px 0 2px 0;
}

.azul { /*background:#eee;*/
    background: #c1d8ea;
}

.verde {
    background: #c5df95;
}

.bronze {
    background: #f3ce87;
}

.bege {
    background: #d6d0c4;
}

.azulBella, .verdeFantastica, .bronzeAurea, .marromYc {
    background: #004b84;
    padding-left: 20px;
}

.verdeFantastica {
    background: #316648;
}

.bronzeAurea {
    background: #ca7a01;
}

.marromYc {
    background: #4c382d;
}

.experienceCell {
    text-align: center;
}

    .experienceCell img {
        width: 8px;
        height: 8px;
    }

#notes {
    margin: 25px 0 0;
    border-top: 1px solid #ddd;
}

#additionalInfo {
    font-size: 14px;
}

#downloadBenefits {
    text-align: center;
    margin: 40px 0 0;
}

    #downloadBenefits a {
        background: #305492;
        padding: 5px 10px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
        border: 1px solid #305492;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        behavior: url(/css/ie-css3.htc);
        position: relative;
        z-index: 1000;
    }

        #downloadBenefits a img {
            vertical-align: middle;
            padding: 0 5px 0 0;
            border: none;
        }

.bellaEscuro {
    background-color: #026fc2;
}

.bella {
    background-color: #3da1ee;
}

.cinza {
    background-color: #eee;
}

.cinza-claro {
    background-color: #F7F7F7;
}

.BoxCompra label.labelDataNascimento {
    position: relative;
}

    .BoxCompra label.labelDataNascimento span.tagPerfil {
        position: absolute;
        right: 0;
        text-align: center;
        width: 63px;
        background-color: #f6f6f6;
        top: 23px;
        color: #666;
    }

.borderLess {
    border: 0 !important;
}

.Ocultar {
    display: none !important;
}

div.BoxCompra div.detalhes {
    float: left;
    width: 100%;
    color: #6b6b6b;
    margin: 10px 0 0 0;
}

    div.BoxCompra div.detalhes span {
        font-weight: bold;
        text-transform: uppercase;
        color: #006884;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    div.BoxCompra div.detalhes fieldset,
    div.BoxCompra div.detalhes div.boxIdadeLimite {
        background-color: #f2f2f2;
        width: 608px;
        font-size: 11px;
        margin: 0;
        padding: 0;
        min-height: 60px;
    }

    div.BoxCompra div.detalhes div.boxIdadeLimite {
        float: left;
        display: none;
        background-color: #f9f760;
        line-height: 19px;
    }

        div.BoxCompra div.detalhes div.boxIdadeLimite p {
            text-align: justify;
        }

    div.BoxCompra div.detalhes fieldset label {
        float: left;
        width: auto;
        padding: 0;
        line-height: 60px;
        font-weight: normal;
    }

        div.BoxCompra div.detalhes fieldset label:first-child {
            padding-left: 0px;
        }

        div.BoxCompra div.detalhes fieldset label:last-child {
            float: right;
            margin-right: 10px;
        }

        div.BoxCompra div.detalhes fieldset label span {
            width: auto !important;
            color: #6b6b6b;
            float: none;
            display: inline;
        }

        div.BoxCompra div.detalhes fieldset label input {
            float: left;
            border: 0;
            width: auto;
            margin: 20px 5px 0 0;
        }

        div.BoxCompra div.detalhes fieldset label a {
            text-decoration: underline;
            color: #0082d7;
        }

    div.BoxCompra div.detalhes div.textoLegal {
        width: 568px;
        float: left;
    }

        div.BoxCompra div.detalhes div.textoLegal p {
            font-size: 11px;
        }

    div.BoxCompra div.detalhes div.detalhesValores {
        font-size: 12px;
        margin: 0 20px 0 0;
        width: 325px; /*width:220px;*/
        float: right;
        text-align: right;
    }

        div.BoxCompra div.detalhes div.detalhesValores ul li {
            margin-bottom: 10px;
            float: left;
            height: 17px;
            width: 100%;
        }

        div.BoxCompra div.detalhes div.detalhesValores ul.AjusteDireita {
            border-left-color: #CCC;
            border-left-style: dotted;
            border-left-width: 1px;
            margin-top: 10px;
        }

            div.BoxCompra div.detalhes div.detalhesValores ul.AjusteDireita li {
                display: block;
                width: 100%;
                float: left;
                height: 14px;
            }

        div.BoxCompra div.detalhes div.detalhesValores ul li span {
            color: #6b6b6b;
            font-weight: normal;
            width: 100%;
            display: inline;
            float: none;
        }

            div.BoxCompra div.detalhes div.detalhesValores ul li span.tituloItem {
                text-transform: none;
                float: left;
                width: 240px;
            }

        div.BoxCompra div.detalhes div.detalhesValores ul li em.moeda {
            font-size: 10px;
            float: left;
            padding-left: 1px;
            padding-right: 1px;
            color: #08881d;
        }

        div.BoxCompra div.detalhes div.detalhesValores ul li span.verdeItem {
            color: #08881d;
        }

        div.BoxCompra div.detalhes div.detalhesValores ul li span.valorItem {
            float: right;
            width: 76px;
            text-align: right;
        }

        div.BoxCompra div.detalhes div.detalhesValores ul li span.loadingValor {
            display: none;
            background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/ajax-loader-barra.gif") left center no-repeat;
            float: right;
            width: 120px;
            height: 12px;
        }

        div.BoxCompra div.detalhes div.detalhesValores ul li.destaque,
        div.BoxCompra div.detalhes div.detalhesValores ul li.destaqueEntrada {
            color: #006884;
            float: right;
            display: block;
            width: 100%;
            font-weight: bold;
            margin: 0 0 5px 0;
        }

        div.BoxCompra div.detalhes div.detalhesValores ul.AjusteDireita li.destaque,
        div.BoxCompra div.detalhes div.detalhesValores ul.AjusteDireita li.destaqueEntrada {
            float: right;
            display: block;
            width: 100%;
        }

        div.BoxCompra div.detalhes div.detalhesValores ul li.destaqueCredito {
            color: #ce4848;
        }

            div.BoxCompra div.detalhes div.detalhesValores ul li.destaqueCredito span {
                color: #ce4848;
            }

        div.BoxCompra div.detalhes div.detalhesValores ul.AjusteDireita li.destaqueCredito {
            display: block;
            width: 100%;
        }

div.BoxCompra div.boxMoeda {
    float: left;
    bottom: 0;
    width: 585px;
    padding: 5px;
    margin-top: 20px;
}

    div.BoxCompra div.boxMoeda span.spanMoeda {
        font-style: italic;
        color: #08881d;
        font-size: 12px;
        width: 100%;
        text-align: left;
        float: left;
    }

div.BoxCompra div.divTextoOpcao {
    float: left;
    bottom: 0;
    width: 580px;
    padding: 5px 5px 5px 10px;
}

    div.BoxCompra div.divTextoOpcao p {
        color: #666;
        font-size: 12px;
        width: 100%;
        text-align: left;
        float: left;
    }

div.BoxCompra div.detalhes div.detalhesValores ul li.destaque span,
div.BoxCompra div.detalhes div.detalhesValores ul li.destaqueEntrada span {
    color: #006884;
    font-weight: bold;
    width: 100%;
    display: inline;
    float: none;
}

div.BoxCompra div.detalhes div.detalhesValores ul li.destaqueEntrada {
    font-size: 16px;
}

    div.BoxCompra div.detalhes div.detalhesValores ul li.destaqueEntrada span {
        font-size: 16px;
    }


/* Loading Comprar */

div.BoxEndereco div.EtapaPagamento div.boxOverlayAguarde {
    background: url("https://viajarbarato-a.akamaihd.net/Images/_layout/bgOverlayAguarde.png") left top repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    display: none;
}

    div.BoxEndereco div.EtapaPagamento div.boxOverlayAguarde div.overlayAguarde {
        width: 400px;
        height: auto;
        margin: 80px auto 0 auto;
        overflow: hidden;
        position: relative;
    }

        div.BoxEndereco div.EtapaPagamento div.boxOverlayAguarde div.overlayAguarde span.aguarde {
            font-size: 26px;
            text-align: center;
            background: none;
        }

        div.BoxEndereco div.EtapaPagamento div.boxOverlayAguarde div.overlayAguarde p.statusOverlay {
            font-size: 14px;
            text-align: center;
            float: left;
            width: 100%;
            position: absolute;
            left: -200px;
            top: 37px;
        }

        div.BoxEndereco div.EtapaPagamento div.boxOverlayAguarde div.overlayAguarde div.loadingComprar {
            background: url("https://viajarbarato-a.akamaihd.net/Images/_layout/ajax-loader-comprar.gif") center center no-repeat;
            width: 31px;
            height: 51px;
            margin: 55px auto 0 190px;
        }



/* CHECKOUT AEREO */

div.BoxCompra div.Formulario fieldset label.LabelPessoas {
    width: 53px;
    float: left;
    margin-left: 5px;
}

div.BoxCompra div.Formulario fieldset label.LabelOpcao {
    width: 579px;
    float: left;
    margin-left: 5px;
}

div.BoxCompra div.Formulario fieldset label.LabelDataIda,
div.BoxCompra div.Formulario fieldset label.LabelDataVolta {
    width: 140px;
    float: left;
    margin-left: 5px;
}

    div.BoxCompra div.Formulario fieldset label.LabelOpcao select.selectOpcao,
    div.BoxCompra div.Formulario fieldset label.LabelDataIda select.selectIda,
    div.BoxCompra div.Formulario fieldset label.LabelDataVolta select.selectDataVolta {
        width: 100%;
    }

div.BoxCompra div.Formulario fieldset input.BuscarVoo {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/bt-buscar-voo.jpg") left top no-repeat;
    width: 146px;
    height: 29px;
    float: right;
    margin: 13px 18px 0 0;
    padding: 0 0 0 20px;
    border: 0;
    cursor: pointer;
}

div.BoxCompra div.Formulario fieldset div.LoadingBtnBuscaVoo {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/ajax-loader-comprar.gif") center center no-repeat;
    width: 125px;
    height: 31px;
    float: right;
    margin: 13px 18px 0 0;
    padding: 0 0 0 20px;
    border: 0;
}

div.BoxCompra div.Formulario div.BlocoListagemVoos {
    float: left;
    height: auto;
    position: relative;
    margin: 10px 0;
    border: 1px solid #c3c6c7;
}

    div.BoxCompra div.Formulario div.BlocoListagemVoos div.ValorVoo {
        display: none;
        float: right;
        width: 271px;
        height: 100%;
        border-left-width: 2px;
        border-left-style: dotted;
        border-left-color: #c3c6c7;
        margin-top: 3%;
    }

        div.BoxCompra div.Formulario div.BlocoListagemVoos div.ValorVoo ul {
            float: left;
            margin-top: 10%;
            width: 100%;
            height: 100%;
            text-align: center;
            color: #585c5d;
            font-size: 11px;
        }

            div.BoxCompra div.Formulario div.BlocoListagemVoos div.ValorVoo ul li {
                width: 100%;
                text-align: center;
            }

                div.BoxCompra div.Formulario div.BlocoListagemVoos div.ValorVoo ul li.ValorPax {
                    font-size: 28px;
                    color: #585c5d;
                    margin-bottom: 6px;
                }

                div.BoxCompra div.Formulario div.BlocoListagemVoos div.ValorVoo ul li.ValorParcelado {
                    font-size: 12px;
                    color: #167088;
                    margin-bottom: 6px;
                }

                div.BoxCompra div.Formulario div.BlocoListagemVoos div.ValorVoo ul li.BtnQueroEsseAzul {
                    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/botao-quero-esse-azul.jpg") center top no-repeat;
                    width: 100%;
                    height: 38px;
                    margin-top: 8px;
                }

                    div.BoxCompra div.Formulario div.BlocoListagemVoos div.ValorVoo ul li.BtnQueroEsseAzul span {
                        color: #FFF;
                        font-size: 12px;
                        height: 38px;
                        line-height: 38px;
                        display: block;
                        cursor: pointer;
                    }

    div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos {
        float: left;
        width: 100%; /*width:662px;*/
        margin: 0;
        padding: 0;
    }

        div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos div.VoosIda,
        div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos div.VoosVolta {
            float: left;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
        }

        div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.Titulo {
            float: left;
            margin: 10px 0 10px 15px;
            width: 100%;
            display: block;
        }

        div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos {
            float: left;
            margin: 0 0 10px 25px;
        }

            div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.Titulo li,
            div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos li {
                float: left;
                color: #08881d; /*verde*/
                height: 23px;
                line-height: 23px;
                margin-right: 10px;
            }

                div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos li input {
                    margin-top: 6px;
                }

        div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos div.VoosVolta ul.Titulo li {
            color: #006884;
        }
        /* azul*/

        div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos li {
            color: #6c6565;
        }
            /* cinza*/

            div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos li span {
                font-weight: bold;
                margin-left: 5px;
            }

            div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos li.Duracao {
                background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/seta-duracao-voo-v2.jpg") center right no-repeat; /*width:77px;*/
                width: 170px;
                text-align: center;
                margin-left: 20px;
                margin-right: 50px;
            }

                div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos li.Duracao span {
                    background-color: #FFF;
                    width: auto;
                    padding: 0 10px 0 10px;
                    margin: 0 auto;
                }

            div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos li.Conexao { /*width:65px;*/
                width: 120px;
                text-align: center;
            }

                div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos li.Conexao a {
                    text-decoration: underline;
                }

            div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos li.Voo {
                border-bottom-color: #CCC;
                border-bottom-style: dotted;
                border-bottom-width: 1px;
                padding: 0 20px 10px 10px;
                margin: 0 30px 1px 0;
                width: 860px;
            }

            div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos li.LogoCia {
                width: 23px;
                height: 23px;
                padding-right: 5px;
                margin: 0;
            }

q div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos li.TarifaVooIndividual {
    float: right;
    width: 70px;
    text-align: right;
    margin-right: 36px;
}

div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos div.FlagMelhorPreco {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/flag-melhor-preco.png") left center no-repeat;
    position: absolute;
    right: -33px;
    top: -12px;
    width: 98px;
    height: 44px;
    text-indent: -9999px;
    text-transform: capitalize;
}

div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos li.Voo {
    position: relative;
}

    div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.OpcoesVoos li.Voo li {
        padding: 0 14px 0 3px;
    }

div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.Titulo li span {
    margin-left: 5px;
}

div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.Titulo li.AviaoIda,
div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.Titulo li.AviaoVolta {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/ida-aviao.jpg") center center no-repeat;
    width: 26px;
    height: 23px;
}

div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.Titulo li.AviaoVolta {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/volta-aviao.jpg");
}

div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.Titulo li.SetaIda {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/seta-ida.jpg") center center no-repeat;
    width: 16px;
    height: 23px;
}

div.BoxCompra div.Formulario div.BlocoListagemVoos div.ListagemVoos ul.Titulo li.SetaVolta {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/seta-volta.jpg") center center no-repeat;
    width: 16px;
    height: 23px;
}

div.BoxCompra div.Formulario div.BlocoListagemVoos div.TagMelhorPreco {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/tag-melhor-preco.png") no-repeat;
    width: 99px;
    height: 103px;
    position: absolute;
    top: -5px;
    right: -5px;
    margin-top: 0;
}

div.BoxCompra div.Formulario div.BlocoListagemVoos div.Loading {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/bgOverlayAguarde.png") top left repeat;
    position: absolute;
    z-index: 2000;
    width: 101%;
    height: 104%;
    margin: -7px 0 0 -1px;
    padding: 0;
}

    div.BoxCompra div.Formulario div.BlocoListagemVoos div.Loading div.LoadingCheckout {
        background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/ajax-loader-comprar.gif") no-repeat center center;
        width: 100%;
        height: 80%;
        float: left;
        display: block;
    }

div.Passageiros {
    float: left;
}

    div.Passageiros p.InfoPreencha {
        width: 100%;
        display: block;
        float: none !important;
        margin-bottom: 5px;
    }

    div.Passageiros label {
        float: left;
    }

        div.Passageiros label.labelDataNascimento span.aereoPerfil {
            top: 20px;
            right: 8px;
        }

    div.Passageiros input.inputNome {
        width: 145px;
        margin: 0 5px 0 0;
    }

    div.Passageiros input.inputSobrenome {
        width: 145px;
        margin: 0 5px 0 0;
    }

    div.Passageiros input.inputDataNascimento {
        width: 144px;
        margin: 0 5px 0 0;
    }

    div.Passageiros select.selectSexo {
        width: 100px;
        margin: 0;
    }

    div.Passageiros div.CampoAtual {
        float: left;
        padding: 8px;
        margin-bottom: 5px;
    }

.AjusteDireita {
    float: right !important;
    width: 320px !important;
}

.erro {
    border: 1px solid red;
}

/* OVERLAY CONEX?ES*/

div.OverlayConexoes {
    width: 680px;
    height: auto;
    position: absolute;
    padding: 20px;
    background-color: #FFF;
    z-index: 9001;
}

    div.OverlayConexoes ul li {
        float: left;
    }

    div.OverlayConexoes span {
        color: #388aef;
        width: 100%;
        display: block;
        text-align: center;
    }

    div.OverlayConexoes div.Pernas {
        border: 1px solid #d1d1d1;
        float: left;
        margin-top: 10px;
        width: 100%;
        height: auto;
        color: #534747;
    }

        div.OverlayConexoes div.Pernas ul {
            display: block;
            width: 100%;
            margin-top: 5px;
        }

            div.OverlayConexoes div.Pernas ul li span {
                background-color: #d1d1d1;
                padding: 0 5px 0 5px;
                color: #534747;
                font-size: 12px;
            }

            div.OverlayConexoes div.Pernas ul li.LogoCia {
                margin-right: 10px;
            }

            div.OverlayConexoes div.Pernas ul li {
                margin-right: 25px;
                font-size: 11px;
                line-height: 23px;
            }

        div.OverlayConexoes div.Pernas div.VooPernas {
            float: left;
            width: 98%;
            margin: 5px 0 5px 5px;
            padding: 5px 0 5px 0;
            position: relative;
        }

            div.OverlayConexoes div.Pernas div.VooPernas span {
                padding: 0;
                background: none;
                font-size: 11px;
            }

            div.OverlayConexoes div.Pernas div.VooPernas ul li.Data {
                width: 80px;
                margin-right: 2px;
                line-height: normal;
            }

            div.OverlayConexoes div.Pernas div.VooPernas ul li.Aeroporto {
                width: 500px;
                margin-right: 0;
                line-height: normal;
            }

                div.OverlayConexoes div.Pernas div.VooPernas ul li.Data span,
                div.OverlayConexoes div.Pernas div.VooPernas ul li.Data p,
                div.OverlayConexoes div.Pernas div.VooPernas ul li.Aeroporto span,
                div.OverlayConexoes div.Pernas div.VooPernas ul li.Aeroporto p {
                    width: 100%;
                    float: left;
                }

                div.OverlayConexoes div.Pernas div.VooPernas ul li.Data p,
                div.OverlayConexoes div.Pernas div.VooPernas ul li.Aeroporto p {
                    font-size: 14px;
                    font-weight: bold;
                    padding: 0;
                    margin: 0;
                    text-align: center;
                    line-height: normal;
                }

                div.OverlayConexoes div.Pernas div.VooPernas ul li.Aeroporto span {
                    text-align: left;
                }

                div.OverlayConexoes div.Pernas div.VooPernas ul li.Aeroporto p {
                    font-size: 12px;
                    text-align: left;
                    font-weight: normal;
                }

.Escala {
    border: 1px solid #fcdd5f !important;
    background-color: #f9ecb7 !important;
}

.ChegadaDestino {
    border: 1px solid #bfe19b !important;
    background-color: #d9f9b7 !important;
}

div.OverlayConexoes div.Pernas div.VooPernas ul li.Espera {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/espera.jpg") 4px center no-repeat #fcdd5f;
    line-height: 45px;
    position: absolute;
    height: 100%;
    top: 0;
    right: 102px;
    padding: 0 18px 0 30px;
    margin-right: 0;
}

div.OverlayConexoes div.Pernas div.VooPernas ul li.TrocaAviao {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/trocaAviao.jpg") 4px center no-repeat #fcdd5f;
    position: absolute;
    line-height: 45px;
    height: 100%;
    top: 0;
    padding: 0 10px 0 30px;
    right: 0;
    margin-right: 0;
}

div.OverlayConexoes div.Pernas div.VooPernas ul li.Chegada {
    position: absolute;
    line-height: 45px;
    background-color: #bfe19b;
    height: 100%;
    top: 0;
    padding: 0 10px 0 11px;
    right: 0;
    margin-right: 0;
}


/* CSS HOTEL - CHECKOUT */

div.BoxCompra div.BoxLoadingCheckout {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/BgLoading.png") top left repeat;
    position: absolute;
    z-index: 2000;
    width: 100%;
    height: 100%;
    margin-top: -11px;
    margin-left: -11px;
}

    div.BoxCompra div.BoxLoadingCheckout div.Itens {
        position: relative;
    }

        div.BoxCompra div.BoxLoadingCheckout div.Itens span {
            font-size: 20px;
            color: #FFF;
            float: left;
            margin: 25px 0 0 0;
            width: 100%;
            text-align: center;
        }

        div.BoxCompra div.BoxLoadingCheckout div.Itens div.LoadingCheckout {
            background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/ajax-loader-branco.gif") no-repeat center center;
            width: 100%;
            height: 36px;
            float: left;
            display: block;
            margin-top: 10px;
        }

#detalhesPacote .MediaDiaQuarto {
    display: none;
    width: 230px;
    font-size: 11px;
    position: absolute;
    right: 0;
    bottom: -80px;
    background: #FFF;
    border: 2px solid #008bc6;
}

    #detalhesPacote .MediaDiaQuarto li {
        /*display:none;*/
        width: 32%;
        float: left;
    }

    #detalhesPacote .MediaDiaQuarto a#fecharQuadroTaxasID {
        width: 100%;
        height: 30px;
        float: left;
        line-height: 30px;
        cursor: pointer;
    }

        #detalhesPacote .MediaDiaQuarto a#fecharQuadroTaxasID i {
            margin-right: 5px;
        }

fieldset select.Checkout {
    width: 100%;
}

fieldset label.CheckoutHospede {
    float: left;
    margin-right: 5px;
}

    fieldset label.CheckoutHospede input#VoucherNome {
        width: 260px !important;
    }

fieldset select.CheckoutQuartos {
    width: 100%;
}

fieldset label.Checkout,
fieldset label.DataCheckin,
fieldset label.DataCheckout,
fieldset label.CheckoutCamas {
    width: 110px;
    float: left;
    margin-right: 5px;
}

fieldset label.CheckinNovo,
fieldset label.CheckoutNovo {
    margin-right: 16px;
}

fieldset label.CheckoutQuartos {
    width: 190px;
    float: left;
    margin-right: 5px;
}

#detalhesPacote .itens fieldset label.CheckoutQuartos {
    width: 155px;
}

#detalhesPacote .itens fieldset label.CheckoutQuartosNovo {
    width: 360px;
    margin-right: 15px;
}

#detalhesPacote .itens fieldset label.CheckoutTotal {
    width: 120px;
}

.resumoPagamento #detalhesPacote .PoliticaCancelamentoHotel {
    float: left;
    color: #adafb0;
    font-size: 11px;
    width: 100%;
    text-align: left;
}

.resumoPagamento #detalhesPacote .boxMotivo {
    float: left;
    padding: 20px 20px 0px 20px;
    color: #0086A0;
    width: 100%;
    text-align: left;
}

.resumoPagamento #detalhesPacote .PoliticaCancelamentoHotel em {
    margin-right: 10px;
}

#detalhesPacote .itens fieldset label.CheckoutTotal span.valor {
    width: 80px;
}

#detalhesPacote .itens fieldset label.DataCheckin select,
#detalhesPacote .itens fieldset label.DataCheckout select {
    padding-left: 5px;
}

fieldset label.CheckoutEntrada {
    width: 65px;
    float: left;
    margin-right: 5px;
}

fieldset label.CheckoutMedia {
    margin-left: 10px;
}

    fieldset label.CheckoutMedia,
    fieldset label.CheckoutMedia span.valor {
        width: 100px;
        float: left;
        margin-right: 5px;
    }

fieldset label.CheckoutTotal {
    width: 106px;
    float: left;
    margin-right: 5px;
}

    fieldset label.CheckoutTotal span.valor {
        /*width: 70px;*/
        float: left;
        margin-right: 5px;
    }

label.CheckoutTotal a.infoCheckout {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/info.png") center center no-repeat;
    float: right;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    text-indent: -9999px;
    text-transform: capitalize;
    color: #FFF !important;
    text-decoration: none !important;
    margin-left: 3px;
}

#blocoObsValores #boxMedia {
    position: absolute;
    z-index: 9001;
    width: 100%;
    top: 0;
}

#blocoObsValores a.infoCheckout {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/info.png") center center no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    text-indent: -9999px;
    text-transform: capitalize;
    color: #FFF !important;
    text-decoration: none !important;
    margin-left: 3px;
    position: absolute;
    right: 182px;
    top: 50px;
    cursor: pointer;
}

#fecharQuadroTaxasID {
    cursor: pointer;
}

#blocoObsValores .MediaDiaQuarto {
    width: 251px;
    border: 1px solid #CCC;
    background: #FFF;
    color: #000;
    font-size: 12px;
    margin: 0 auto;
    padding: 8px;
    display: none;
}

#blocoObsValores div.MediaDiaQuarto a {
    font-weight: bold;
    text-align: center;
    width: 50px;
    display: block;
    float: right;
    margin-top: 7px;
    border: 1px solid #ccc;
}

#blocoObsValores div.MediaDiaQuarto ul {
}

    #blocoObsValores div.MediaDiaQuarto ul li {
        float: left;
        line-height: 20px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        text-align: center;
        width: 83px;
    }

        #blocoObsValores div.MediaDiaQuarto ul li.Data,
        #blocoObsValores div.MediaDiaQuarto ul li.Valor {
            float: left;
            margin-right: 1px;
        }

        #blocoObsValores div.MediaDiaQuarto ul li.Taxa {
            float: right;
        }


label.CheckoutTotal span.spanTotal {
    float: left;
}

#loadLoginEsqueciSenha {
    display: none;
}

.Carrinho fieldset label {
    position: relative;
}


#compraRedeSociais {
    width: 920px;
    background-color: #fff;
    font-size: 12px;
    padding: 5px 15px 15px 15px;
    margin: 28px 0 0 0;
    display: none;
    height: 80px;
}

#infoRedesSociais {
    width: 440px;
    height: 138px;
    float: left;
}

#botoesRedeSociais {
    width: 320px;
    height: 138px;
    float: left;
    margin-left: 106px;
    text-align: center;
}


div.BoxCompra div.Formulario fieldset div.MediaDiaQuarto {
    border: 1px solid #00a0cb;
    z-index: 199;
    width: 215px;
    font-size: 10px;
    position: absolute;
    background-color: #FFF;
    top: 45px;
    display: none;
    right: 0;
    padding: 8px;
}

    div.BoxCompra div.Formulario fieldset div.MediaDiaQuarto a {
        font-weight: bold;
        text-align: center;
        width: 50px;
        display: block;
        float: right;
        margin-top: 7px;
    }

    div.BoxCompra div.Formulario fieldset div.MediaDiaQuarto ul {
    }

        div.BoxCompra div.Formulario fieldset div.MediaDiaQuarto ul li {
            float: left;
            line-height: 20px;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #CCC;
            width: 56px;
            text-align: center;
        }

            div.BoxCompra div.Formulario fieldset div.MediaDiaQuarto ul li.Data,
            div.BoxCompra div.Formulario fieldset div.MediaDiaQuarto ul li.Valor {
                float: left;
                margin-right: 10px;
                width: 69px;
            }

            div.BoxCompra div.Formulario fieldset div.MediaDiaQuarto ul li.Taxa {
                float: right;
            }

.Bold {
    font-weight: bold;
}

/*.Ocultar {
    display: none;
}*/

div.BoxCompra div.Formulario fieldset div.PoliticaCancelamentoHotel {
    width: 95%;
    float: left;
    background-color: #f5f5e9;
    margin: 10px 0 0 0;
}

    div.BoxCompra div.Formulario fieldset div.PoliticaCancelamentoHotel p {
        font-style: italic;
        font-size: 10px;
        line-height: 18px;
        float: left;
        margin: 6px 0 5px 8px;
    }

        div.BoxCompra div.Formulario fieldset div.PoliticaCancelamentoHotel p em {
            padding-right: 5px;
            font-weight: bold;
        }


/* FIM HOTEL CHECKOUT */

/* TELA DE DADOS PESSOAIS E PAGAMENTO */

div.BoxEndereco div.EtapaDados {
    display: block;
    overflow: hidden;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border: 1px solid #dcdcdc;
}

    div.BoxEndereco div.EtapaDados span {
        display: block;
        overflow: hidden;
        background-color: #dcdcdc;
        margin-bottom: 10px;
        padding: 5px 0 5px 5px;
    }

    div.BoxEndereco div.EtapaDados fieldset {
        padding-left: 10px;
    }

div.BoxEndereco div.EtapaPagamento {
    display: block;
    overflow: hidden;
    padding: 0 0 20px 0;
    position: relative;
    border: 1px solid #dcdcdc;
}

    div.BoxEndereco div.EtapaPagamento span {
        display: block;
        overflow: hidden;
        background-color: #dcdcdc;
        margin-bottom: 10px;
        padding: 5px 0 5px 5px;
    }

    div.BoxEndereco div.EtapaPagamento div.DadosCartao {
        float: left;
        padding-left: 20px;
    }

        div.BoxEndereco div.EtapaPagamento div.DadosCartao label {
            float: left;
        }

            div.BoxEndereco div.EtapaPagamento div.DadosCartao label.cartao-ano {
                top: 21px;
                margin-right: 17px;
            }

            div.BoxEndereco div.EtapaPagamento div.DadosCartao label.lblCartao {
                width: 265px;
                float: left;
                margin-right: 10px;
            }

        div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxCartaoCredito div.btnCartaoCredito {
            top: 8px;
            position: relative;
        }

        div.BoxEndereco div.EtapaPagamento div.DadosCartao label.lblCartaoCredito {
            background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/cartao-credito.jpg") top right no-repeat;
            width: 394px;
            height: 60px;
        }

            div.BoxEndereco div.EtapaPagamento div.DadosCartao label.lblCartaoCredito input {
                width: auto;
                height: auto;
                margin-top: 23px;
            }

        div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxPagueSeguro label.lblPagueSeguro {
            background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/pague-seguro.jpg") center right no-repeat;
            width: 550px;
            height: 80px;
            margin: 20px 0 0 0;
            border-top-color: #CCC;
            border-top-style: solid;
            border-top-width: 1px;
        }

            div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxPagueSeguro label.lblPagueSeguro input {
                width: auto;
                height: auto;
                margin-top: 34px;
            }

        div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxMercadoPago label.lblMercadoPago {
            background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/mercado-pago-v1.jpg") center right no-repeat;
            width: 494px;
            height: 80px;
            margin: 10px 0 5px 0;
            border-top-color: #CCC;
            border-top-style: solid;
            border-top-width: 1px;
        }

            div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxMercadoPago label.lblMercadoPago input {
                width: auto;
                height: auto;
                margin-top: 35px;
            }

        div.BoxEndereco div.EtapaPagamento div.DadosCartao select.Cartao {
            width: 130px;
            margin-right: 2px;
        }

        div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxCartaoCredito fieldset {
            position: relative;
        }

            div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxCartaoCredito fieldset a.CodSeg {
                margin-top: 10px;
                margin-left: 8px;
                float: left;
                cursor: pointer;
            }

        div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxCartaoCredito div.BoxCodSeg {
            position: absolute;
            display: none;
            width: 402px;
            line-height: normal;
            padding: 10px;
            border: 1px solid #00a0cb;
            z-index: 250;
            background-color: #FFF;
            top: 6px;
            right: -196px;
        }

            div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxCartaoCredito div.BoxCodSeg a {
                font-weight: bold;
                text-align: center;
                width: 50px;
                display: block;
                float: right;
                margin-top: 7px;
            }

            div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxCartaoCredito div.BoxCodSeg p {
                font-size: 12px;
                font-weight: bold;
                line-height: 20px;
                text-align: center;
            }

            div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxCartaoCredito div.BoxCodSeg div.CodSeg {
                background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/CodSeguranca.jpg") top left no-repeat;
                width: 100%;
                height: 257px;
            }

                div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxCartaoCredito div.BoxCodSeg div.CodSeg p {
                    text-align: left;
                    font-weight: normal;
                    font-size: 10px;
                    width: 170px;
                    float: right;
                    margin-top: 12px;
                    margin-right: 21px;
                }

        div.BoxEndereco div.EtapaPagamento div.DadosCartao input.BtnComprar {
            top: 0;
            position: relative;
        }

    div.BoxEndereco div.EtapaPagamento div.BoxFinalPagamento {
        float: right;
        width: 280px;
        margin-top: 23px;
    }

        div.BoxEndereco div.EtapaPagamento div.BoxFinalPagamento div.CompraSegura {
            width: 220px;
            height: 243px;
            /*border: 1px solid #00A0CB;*/
            background-color: #fff;
        }

            div.BoxEndereco div.EtapaPagamento div.BoxFinalPagamento div.CompraSegura span {
                font-size: 22px;
                color: #00A0CB;
                width: 213px;
                margin-bottom: 5px;
                background-color: #FFF;
            }

            div.BoxEndereco div.EtapaPagamento div.BoxFinalPagamento div.CompraSegura p {
                font-size: 11px;
                padding: 6px;
                margin-bottom: 0 !important;
            }

            div.BoxEndereco div.EtapaPagamento div.BoxFinalPagamento div.CompraSegura div {
                float: left;
            }

    /* Loading Comprar */

    div.BoxEndereco div.EtapaPagamento div.DadosCartao div.loadingComprar {
        background: url("https://viajarbarato-a.akamaihd.net/Images/_layout/ajax-loader-comprar.gif") center center no-repeat;
        width: 31px;
        height: 51px;
        position: absolute;
        top: -3px;
        margin-left: 218px;
        display: none;
    }

/* --------------------------
    Modal Pagamento ML.MP
---------------------------- */
#mp {
    position: absolute;
    display: none;
    width: 830px;
    border: 10px solid #00A0CB;
    background-color: #ffffff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    z-index: 9999;
}

    #mp div {
        padding: 1px;
        background-color: #fff;
        font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    }


/* Footer */
.pre-footer {
    padding: 10px;
}

    .pre-footer .mascote {
        background-position: -163px -426px;
        width: 201px;
        height: 153px;
        display: block;
        overflow: hidden;
        float: right;
    }

    .pre-footer .premios {
        background-position: -40px -480px;
        width: 90px;
        height: 100px;
        display: block;
        overflow: hidden;
        float: left;
        margin-top: 40px;
    }

    .pre-footer .premios-texto {
        display: block;
        overflow: hidden;
        float: left;
        margin-top: 45px;
        font-size: 12px;
    }

.footer {
    border-top: 10px solid #feaa01;
    background: #eee;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0 !important;
    margin-top: 20px;
}

    .footer ul {
        border-right: 1px solid #feaa01;
        height: 230px;
    }

        .footer ul:last-child {
            border-right: 0;
        }

ul.footer-bloco3 {
    width: 260px !important;
}

ul.footer-bloco4 {
    width: 230px !important;
}

.footer-bloco4 li.selo-iata, .footer-bloco4 li.selo-cadastur {
    float: left;
}

    .footer-bloco4 li.selo-iata img {
        width: 216px;
    }

.footer ul li.titulo {
    font-size: 14px;
    font-weight: bold;
    color: #23859E;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.footer ul li a {
    font-size: 12px;
}

.footer ul li h2 {
    font-size: 12px;
    line-height: 20px;
    margin: 0px;
}

.footer ul li.cartoes {
    background-position: -55px -114px; /*0px -80px;*/
    text-indent: -10000px;
    margin-top: 0;
    height: 88px;
}

.footer ul li .logo-cadastur {
    background-position: -17px -275px;
    width: 142px;
    height: 106px;
    margin-bottom: 15px;
}

.footer ul li.logo-abav {
    background: url("https://viajarbarato-a.akamaihd.net/Images/layout/logo-abav.png") no-repeat left center;
    background-size: 93%;
    float: left;
    width: 82px;
    height: 48px;
    text-indent: -10000px;
    margin-left: 2px;
}

.footer ul li.logo-clia {
    background: url("https://viajarbarato-a.akamaihd.net/Images/layout/logo-clia.png") no-repeat left 5px;
    background-size: 77%;
    float: left;
    width: 78px;
    height: 45px;
    margin-left: 10px;
}

    .footer ul li.logo-clia span {
        float: left;
        font-size: 10px;
        height: 15px;
        line-height: 1;
    }

    .footer ul li.logo-clia a {
        cursor: pointer;
        display: block;
        width: 100%;
        height: 100%;
    }

.footer .info-empresa {
    background: #ccc;
    margin-top: 20px;
    font-size: 12px;
    padding: 10px;
}


/* Overlay Recupera Senha */

#lightbox {
    display: none;
    background: #000000;
    opacity: 0.80;
    filter: alpha(opacity=80);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    min-width: 100%;
    min-height: 100%;
    z-index: 1000;
}

#lightbox-panel {
    display: none;
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: -200px;
    max-width: 400px;
    background: #FFFFFF;
    padding: 10px 15px 10px 15px;
    border: 2px solid #CCCCCC;
    z-index: 1001;
}

#exibiCredito {
    display: none;
    position: fixed;
    max-width: 400px;
    width: 310px;
    background: #FFFFFF;
    padding: 10px 15px 10px 15px;
    margin: 0;
    border: 2px solid #CCCCCC;
    z-index: 9001;
    text-align: center;
    top: 100px !important;
}

    #exibiCredito p.fechar {
        display: block;
        width: 100%;
        text-align: right;
    }

        #exibiCredito p.fechar a {
            float: right;
        }

#pedirSenha {
    /*display: none;*/
    position: fixed;
    max-width: 400px;
    width: 310px;
    background: #FFFFFF;
    padding: 10px 15px 10px 15px;
    margin: 0;
    border: 2px solid #CCCCCC;
    z-index: 9001;
    text-align: center;
    top: 100px !important;
}

#addVoucher, .addVoucher {
    display: none;
    position: fixed;
    max-width: 236px;
    width: 236px;
    background: #FFFFFF;
    padding: 10px 15px 10px 15px;
    margin: 0;
    border: 2px solid #CCCCCC;
    z-index: 9001;
    text-align: center;
    top: 100px !important;
}


#lightbox-panel .esqueciSenha {
    float: left;
    width: 280px;
    margin-right: 30px;
}

#lightbox-panel .botaoEnviar {
    margin-top: 0px;
}

    #lightbox-panel .botaoEnviar button {
        display: block;
        float: left;
        height: 30px;
        overflow: hidden;
        margin-top: 20px;
        padding: 5px 10px;
    }

p.fechar {
    float: right;
    cursor: pointer;
}

#emailConta {
    color: #e96534;
}

#close-panel-senha:hover {
    text-decoration: underline;
}

.loadingEsqueciSenha, .loadingBtnLogar {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/autenticar-loader.gif") no-repeat center center;
    text-indent: -9999px;
    text-transform: capitalize;
}

.loadingBtnLogar {
    width: 108px;
    border: 0;
}

.btnLogar {
    padding: 5px !important;
    background: #0ebf2b !important;
    border: 0 !important;
}

.loadingBtnLogar:hover {
    border: 0 !important;
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/autenticar-loader.gif") no-repeat center center;
    cursor: initial;
}

.esqueciSenhaOverlay {
    width: 66%;
    height: 36px;
    float: left;
    display: block;
    line-height: 36px;
}

/* MODELO DE RESERVA - reservas.htm */

.reservas fieldset {
    width: 150px;
    margin: 0 auto;
}


.reservas .telefonesBox {
    width: 110% !important;
    padding: 0;
    border: none;
    float: left;
}

    .reservas .telefonesBox ul.ulTelefones li {
        margin-right: 37px;
    }

.reservas .boxOferta {
    height: 110px;
}

    .reservas .boxOferta img {
        border: 1px solid #CCC;
        float: left;
        height: 78px;
        padding: 3px;
    }

    .reservas .boxOferta .boxTextoOferta {
        width: 850px;
        float: right;
        line-height: 22px;
        margin-top: 5px;
    }

.reservas .subTituloPagina {
    display: block;
    width: 100%;
}

.subTituloPagina span {
    color: red;
    font-size: 16px;
    float: left;
}

.reservas .tipo1 {
    width: 100%;
    margin-bottom: 15px;
}


    .reservas .tipo1 td input {
        font-size: 12px;
    }

        .reservas .tipo1 td input.sobrenome {
            width: 200px;
        }

        .reservas .tipo1 td input.nome {
            width: 135px !important;
        }

        .reservas .tipo1 td input.rg, .reservas .tipo1 td input.cpf {
            width: 117px;
        }

        .reservas .tipo1 td input.data, .reservas .tipo1 td input.voucher {
            width: 80px;
        }

        .reservas .tipo1 td input.cidadeNascimento {
            width: 80px;
        }

.reservas textarea {
    max-width: 99%;
}

.vermelho {
    color: red;
}

.reservas .alinhaCentro {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
    width: 97%;
}

    .reservas .alinhaCentro input.solicitarReserva {
        margin: 0 auto;
    }

.tipo1 td, .tipo2 td {
    padding: 7px;
}

    .tipo1 td:first-child {
        padding-left: 0;
    }

.reservas .tipo2 {
    width: 40%;
    margin: 0 auto 15px auto;
}

    .reservas .tipo2 input.tam50 {
        width: 100px;
        margin: 0 auto;
        text-align: center;
    }

.alinhaDireita {
    text-align: right;
}

.azulEscuro {
    text-align: center;
}

.tipo2 td.texto .ico-pdf {
    background: url(https://viajarbarato-a.akamaihd.net/images/_reserva/ico-pdf.gif) top left no-repeat;
    height: 35px;
    width: 80px;
    display: block;
    line-height: 35px;
    font-size: 12px;
    text-indent: 35px;
    float: left;
}

.tipo2 td.texto a.verde {
    background: radial-gradient(ellipse at center, #76a300 21%,#a0d200 100%);
    border: 1px solid #6e9600;
    padding: 4px 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px #537300;
    cursor: pointer;
    margin: 0px 10px;
    line-height: 21px;
    text-transform: uppercase;
}

/*BOX BUSCA NÃO ENCONTRADA*/
div.msgRetornoPesquisa {
    width: 724px;
    background: #f6f6f6;
    border: 1px solid #CCC;
    color: #000;
    margin-top: 0;
    margin-bottom: 25px;
    padding: 15px;
}

    div.msgRetornoPesquisa span {
        font-size: 22px;
    }

    div.msgRetornoPesquisa p {
        margin: 5px 0 0 0;
    }

/* skeleton versão web */

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

/* #Base 100% 
================================================== */

.container100 {
    position: relative;
    width: 100%;
    margin: 7px auto 0;
    padding: 0;
    display: block;
    overflow: hidden;
    background: #FFF;
}

/* #Base 1000 Grid
================================================== */

.container {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    display: block;
    /*overflow: hidden;*/
}

    .container .column,
    .container .columns {
        float: left;
        display: inline;
        margin-left: 10px;
        margin-right: 10px;
    }

.row {
    margin-bottom: 20px;
}

/* Nested Column Classes */
.column.alpha, .columns.alpha {
    margin-left: 0;
}

.column.omega, .columns.omega {
    margin-right: 0;
}

/* Base Grid */
.container .one.column,
.container .one.columns {
    width: 40px;
}

.container .two.columns {
    width: 160px;
}

.container .three.columns {
    width: 200px;
}

.container .four.columns {
    width: 220px;
}

.container .five.columns {
    width: 280px;
}

.container .six.columns {
    width: 340px;
}

.container .seven.columns {
    width: 400px;
}

.container .eight.columns {
    width: 460px;
}

.container .nine.columns {
    width: 520px;
}

.container .ten.columns {
    width: 580px;
}

.container .eleven.columns {
    width: 640px;
}

.container .twelve.columns {
    width: 700px;
}

.container .thirteen.columns {
    width: 760px;
}

.container .fourteen.columns {
    width: 820px;
}

.container .fifteen.columns {
    width: 880px;
}

.container .sixteen.columns {
    width: 980px;
}

.container .one-third.column {
    width: 300px;
}

.container .two-thirds.column {
    width: 620px;
}

/* Offsets */
.container .offset-by-one {
    padding-left: 60px;
}

.container .offset-by-two {
    padding-left: 120px;
}

.container .offset-by-three {
    padding-left: 180px;
}

.container .offset-by-four {
    padding-left: 240px;
}

.container .offset-by-five {
    padding-left: 300px;
}

.container .offset-by-six {
    padding-left: 360px;
}

.container .offset-by-seven {
    padding-left: 420px;
}

.container .offset-by-eight {
    padding-left: 480px;
}

.container .offset-by-nine {
    padding-left: 540px;
}

.container .offset-by-ten {
    padding-left: 600px;
}

.container .offset-by-eleven {
    padding-left: 660px;
}

.container .offset-by-twelve {
    padding-left: 720px;
}

.container .offset-by-thirteen {
    padding-left: 780px;
}

.container .offset-by-fourteen {
    padding-left: 840px;
}

.container .offset-by-fifteen {
    padding-left: 900px;
}


.versao-web {
    display: none;
}

.detalheOferta #precoFlutuanteMobile {
    display: none;
}

.menu-mobile {
    display: none;
}





/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after,
.clearfix:after {
    clear: both;
}

.row,
.clearfix {
    zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}


#regrasChamada {
    display: block !important;
    padding-top: 9px;
}

#pessoasOferta {
    background-color: #FFF7DA;
    cursor: pointer;
    bottom: -75px;
    border: 1px solid #F5C95A;
    display: block;
    opacity: .9;
    -moz-opacity: .9;
    padding: 17px;
    position: fixed;
    right: 15px;
    width: 228px;
    z-index: 100;
    opacity: 0;
}

/*  
    // NOVO CSS PARA O NOVO CONCEITO DE CHECKOUT
    // COM OPÇÃO E SEM OPÇÃO
    
    */
.clear {
    clear: both;
    height: 0 !important;
}

.selosSeguranca {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/site-seguro.png") left center no-repeat;
    /*background: url("https://viajarbarato-a.akamaihd.net/images/Layout/selosSeguranca-OLD-SSL.png") left center no-repeat;*/
    width: 234px;
    height: 78px;
    float: right;
    margin-right: 2px;
    margin-top: -27px;
    text-align: right;
}

    .selosSeguranca table {
        float: right;
    }

    .selosSeguranca img {
        float: right;
        margin-right: 2px;
        margin-top: 15px;
    }

.resumoCompra {
    width: 312px;
    height: auto;
    float: left;
    margin-right: 5px;
    margin-top: 20px;
    text-align: center;
}

.resumoPagamento {
    width: 658px;
    height: auto;
    float: left;
    text-align: center;
    font-size: 13px;
    margin-top: 20px;
}

    .resumoCompra .titulo,
    .resumoPagamento .titulo {
        background: #008bc6;
        width: 100%;
        height: 34px;
        margin: 0 auto;
    }

    .resumoPagamento .titulo {
        background: #02b3e7;
    }

        .resumoCompra .titulo span,
        .resumoPagamento .titulo span {
            width: 100%;
            text-align: center;
            height: 34px;
            text-transform: uppercase;
            color: #FFF;
            line-height: 34px;
        }

    .resumoCompra .blocoResumo,
    .resumoPagamento .blocoPagamento {
        border-top: 3px solid #d0d0d0;
        border-left: 1px solid #d0d0d0;
        border-right: 1px solid #d0d0d0;
        border-bottom: 1px solid #d0d0d0;
        padding: 10px 0;
        height: auto;
    }

        .resumoCompra .blocoResumo .imagem {
            position: relative;
            width: 297px;
            margin: 5px auto 0 auto;
        }

            .resumoCompra .blocoResumo .imagem img {
                width: 297px;
                height: auto;
            }

            .resumoCompra .blocoResumo .imagem .flagDesconto {
                background: url(https://viajarbarato-a.akamaihd.net/images/Layout/flag-desconto.png) top right no-repeat;
                width: 64px;
                height: 63px;
                position: absolute;
                top: 0;
                right: 0px;
                z-index: 100;
            }

            .resumoCompra .blocoResumo .imagem .codOferta {
                position: absolute;
                width: auto;
                padding: 0 5px;
                top: 135px;
                right: 0;
                z-index: 9;
                background-color: #000;
                opacity: 0.5;
                color: #FFF;
            }

            .resumoCompra .blocoResumo .imagem .flagDesconto div {
                margin-left: 25px;
                top: 10px;
                position: relative;
                color: #FFF;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                /*-ms-transform: rotate(45deg);*/
                /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);*/
                writing-mode: lr-tb;
            }

        .resumoCompra .blocoResumo .conteudoInfo {
            width: 297px;
            margin: 5px auto 0 auto;
            font-size: 12px;
        }

            .resumoCompra .blocoResumo .conteudoInfo ul {
                list-style: inside;
                width: 280px;
                margin: 0 auto;
            }

                .resumoCompra .blocoResumo .conteudoInfo ul li {
                    list-style-image: url("https://viajarbarato-a.akamaihd.net/images/Layout/iconListLaranja.png");
                    text-align: justify;
                }

        .resumoCompra .blocoResumo .alertas {
            width: 297px;
            margin: 10px auto 10px auto;
            font-size: 12px;
        }

            .resumoCompra .blocoResumo .alertas ul {
            }

                .resumoCompra .blocoResumo .alertas ul li,
                .resumoCompra .blocoResumo .alertas #regrasChamada {
                    color: #e96534;
                }


                    .resumoCompra .blocoResumo .alertas ul li.info,
                    .resumoCompra .blocoResumo .alertas #regrasChamada {
                        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/iconInfo.png") left top no-repeat;
                        padding-left: 35px;
                        padding-bottom: 8px;
                        margin: 0 auto;
                    }

            .resumoCompra .blocoResumo .alertas .vendidoAgora {
                width: 172px;
            }

            .resumoCompra .blocoResumo .alertas .restamPacotes {
                width: 102px;
            }

            .resumoCompra .blocoResumo .alertas ul li.info span {
                line-height: 30px;
            }

            .resumoCompra .blocoResumo .alertas #regrasChamada {
                line-height: 12px;
            }

    .resumoPagamento input[type="text"],
    .resumoPagamento select {
        border-color: #cecece;
        background-color: #FFF;
        padding-left: 10px;
    }

        .resumoPagamento select#anoCartao,
        .resumoPagamento select#mesCartao {
            padding-left: 0px;
        }

    .resumoPagamento label {
        font-weight: normal;
    }

    .resumoPagamento .blocoEmail,
    .resumoPagamento .detalhesPacote,
    .resumoPagamento .blocoObsValores,
    .resumoPagamento .blocoMeiosPagamento {
        width: 630px;
        height: 70px;
        /*margin: 20px auto;*/
        display: block;
    }

    .resumoPagamento .blocoEmail {
        height: auto;
    }

    .resumoPagamento .blocoObsValores {
        height: auto;
        display: none;
        margin-top: -10px;
        position: relative;
    }

    .resumoPagamento .blocoEmail {
        margin: 0 auto;
    }

    .resumoPagamento .blocoMeiosPagamento {
        height: auto !important;
        display: none;
    }

.textoCotacao {
    width: 100%;
    height: 12px;
    display: block;
    float: left;
    color: #adafb0;
    font-size: 11px;
}

.resumoPagamento .detalhesPacote {
    height: auto;
    min-height: 100px;
    position: relative;
}

.resumoPagamento .ofertaEncerrada {
    width: 100%;
}

    .resumoPagamento .ofertaEncerrada .smileTriste {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/smile-triste.jpg") center center no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 auto;
    }

    .resumoPagamento .ofertaEncerrada span {
        color: #bebebe;
        font-size: 22px;
        width: 100%;
        text-align: center;
    }

    .resumoPagamento .ofertaEncerrada p {
        color: #767676;
        font-size: 16px;
        width: 90%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .resumoPagamento .ofertaEncerrada fieldset {
        width: 70%;
        margin: 0 auto;
    }

        .resumoPagamento .ofertaEncerrada fieldset label {
            font-size: 10px;
            color: red;
            text-align: left;
        }

        .resumoPagamento .ofertaEncerrada fieldset .lblErroEmail {
            display: none;
        }

        .resumoPagamento .ofertaEncerrada fieldset input {
            width: 77%;
            float: left;
        }

        .resumoPagamento .ofertaEncerrada fieldset .btnCadastroOfertaEncerrada {
            width: 20%;
            float: right;
            background: #0ebf2b;
            color: #FFF;
            height: 30px;
            line-height: 30px;
            cursor: pointer;
        }

            .resumoPagamento .ofertaEncerrada fieldset .btnCadastroOfertaEncerrada:hover {
                background: #0aac25;
            }

    .resumoPagamento .ofertaEncerrada a {
        color: #008bc6;
        text-decoration: underline;
    }

        .resumoPagamento .ofertaEncerrada a:hover {
            color: #027fb4;
            text-decoration: none;
        }

    .resumoPagamento .ofertaEncerrada fieldset div.aguardeEncerrada {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/autenticar-loader.gif") center center no-repeat;
        /* display: none; */
        width: 20%;
        height: 30px;
        float: right;
        text-transform: capitalize;
        text-indent: -9999px;
    }





.resumoPagamento .detalhesPacote .loading {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/loadingOpcoes.gif") center center no-repeat;
    width: 100%;
    height: 100px;
    position: absolute;
}

    .resumoPagamento .detalhesPacote .loading span {
        text-indent: 0px;
        float: left;
        width: 100%;
        text-align: center;
        margin: 18px 0 0 0;
    }

.resumoPagamento .blocoEmail fieldset {
    float: left;
    width: 336px;
    margin-bottom: 0;
}

    .resumoPagamento .blocoEmail fieldset label {
        width: 332px;
        text-align: left;
    }

.resumoPagamento .infoMeioPagamento fieldset label.dataNascimento {
    margin-top: 12px;
}

.resumoPagamento .blocoEmail fieldset input {
    width: 285px;
    float: left;
}

.resumoPagamento .blocoEmail fieldset div.aprovado,
.resumoPagamento .blocoEmail fieldset div.negado,
.resumoPagamento .blocoEmail fieldset div.autenticarLoading,
.resumoPagamento .detalhesPacote .itens .item .excluir {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/iconVerificado.png") center center no-repeat;
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 0 0 2px;
}

.resumoPagamento .blocoEmail fieldset div.negado,
.resumoPagamento .detalhesPacote .itens .item .excluir {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/iconeErroExcluir.png") center center no-repeat #ff652d;
}

.resumoPagamento .detalhesPacote .itens .item .excluir {
    cursor: pointer;
}

.resumoPagamento .detalhesPacote .itens .item option.disabled {
    color: red;
}

.resumoPagamento .blocoEmail fieldset div.autenticarLoading {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/autenticar-loader.gif") center center no-repeat;
}

.resumoPagamento .blocoEmail span {
    float: left;
    width: 30px;
    margin-top: 28px;
}

.resumoPagamento .blocoEmail .loginFacebook {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/facebookEntrar.jpg") left center no-repeat;
    float: left;
    width: 181px;
    height: 37px;
    margin-top: 22px;
    margin-left: 20px;
    cursor: pointer;
    opacity: 0.8;
}

    .resumoPagamento .blocoEmail .loginFacebook a {
        width: 100%;
        height: 100%;
        display: block;
    }

    .resumoPagamento .blocoEmail .loginFacebook:hover {
        opacity: initial;
    }

.resumoPagamento .detalhesPacote .tituloItens {
    width: 100%;
    height: 27px;
    background-color: #f2f4f5;
    overflow: hidden;
}

    .resumoPagamento .detalhesPacote .tituloItens li {
        float: left;
        line-height: 27px;
    }

    .resumoPagamento .detalhesPacote .tituloItens .item,
    .resumoPagamento .detalhesPacote .itens .item {
        width: 420px;
        text-align: left;
        padding-left: 5px;
    }


    .resumoPagamento .detalhesPacote .tituloItens .tituloQuarto {
        width: 350px;
        text-align: left;
        padding-left: 10px;
    }

    .resumoPagamento .detalhesPacote .tituloItens .tituloCheckin,
    .resumoPagamento .detalhesPacote .tituloItens .tituloCheckout {
        width: 130px;
    }



.resumoPagamento .detalhesPacote .possuiTaxa .taxa {
    width: 100px;
    display: none;
}


.ajusteItem {
    width: 430px !important;
}

.resumoPagamento .detalhesPacote .itens .item p {
    width: 97%;
    text-align: left;
    padding-left: 10px;
    font-weight: bold;
    margin-bottom: 0;
}

.resumoPagamento .detalhesPacote .itens .item span.textoDetalhe,
.resumoPagamento .detalhesPacote .itens fieldset .PoliticaCancelamentoHotel span.textoDetalhe {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/iconObsOpcao.jpg") left top no-repeat;
    width: 300px;
    text-align: left;
    padding-left: 20px;
    color: #adafb0;
    margin-left: 10px;
    background-position: 0 4px;
    font-size: 11px;
}

.resumoPagamento .detalhesPacote .itens {
    margin: 20px 0;
    border-bottom: 1px dotted #CECECE;
}

    .resumoPagamento .detalhesPacote .itens fieldset {
        margin-bottom: 10px;
    }

        .resumoPagamento .detalhesPacote .itens fieldset label {
            float: left;
        }
/*
    ### Pagamento Pix ### 
================================================== 
*/

.infoPix {
    text-align: left;
    padding: 1rem;

    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.infoPix h2 {
    font-size: 20px;
    line-height: 1.4rem;
}

.resumoPagamento .infoPix .debito-info {
    text-align: center;
    margin-bottom: 1rem;
}

.infoPix .aguardePix {
    display: none;
    width: 100%;
    clear: both;
    text-align: center;
    margin: 2rem;
    overflow: hidden;
}

.resumoPagamento .infoPix #btnComprar.btnComprar {
    width: 250px !important;
    float: right !important;
    text-align: center;
    margin-top: 1rem !important;
}

.qrcode-copy,
.qrcode-copy:hover {
    color: #23859E !important;
    text-decoration: underline !important;
    text-transform: none;
    font-weight: normal;
    background: none;
    border: 0;
    font-size: 14px;
    text-align: center;
}

.listaPix {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-top: 1rem;
}

.listaPix li {
    counter-increment: my-awesome-counter;
    position: relative;
    margin: 0 0 1rem 0;
    line-height: 1.4;
}

.listaPix li::before {
    content: counter(my-awesome-counter);
    color: #23859E;
    font-size: 1rem;
    position: absolute;
    --size: 20px;
    left: calc(-1 * var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: 0;
    background: white;
    border: 1px solid #999;
    border-radius: 50%;
    text-align: center;
}

.instrucoesPagamentoPix .painelQr {
    max-width: 200px;
    text-align: center;
}

.instrucoesPagamentoPix .painelQr img {
    max-width: 100%;
}

.instrucoesPix {
    padding-left: 2rem;
    padding-right: 2rem;
}


/* Mobile */
@media only screen and (max-width: 600px) {

    .instrucoesPix {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .instrucoesPagamentoPix .painelQr {
        margin: 0 auto !important;
    }

    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p {
        width: 100% !important;
        margin: 0 !important;
    }

    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset {
        width: 100% !important;
        text-align: center;
    }

    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset div #btnComprar {
        width: 100% !important;
    }
}

/* Desktop */
@media only screen and (min-width: 600px) {
    .instrucoesPagamentoPix {
        display: flex;
    }
}

/* ================================================== */


.rotuloMobile {
    display: none;
}

.ativoVerde {
    color: #29a321;
}

.resumoPagamento .detalhesPacote .itens .item {
    padding-left: 0;
}

    .resumoPagamento .detalhesPacote .itens .item select {
        width: 344px;
        float: left;
    }

.resumoPagamento .detalhesPacote .itens fieldset .addItem {
    width: auto;
    margin: 5px 0 0 0;
    padding: 2px 10px;
    float: left;
    background-color: #3a4046; /*#b6b9b7*/
    border-bottom: 3px solid #1c2126;
}

    .resumoPagamento .detalhesPacote .itens fieldset .addItem a {
        width: 100%;
        height: 100%;
        color: #FFF;
        cursor: pointer;
    }

        .resumoPagamento .detalhesPacote .itens fieldset .addItem a:hover {
            text-decoration: underline;
        }

.ajusteItem select {
    width: 90% !important;
}

.resumoPagamento .detalhesPacote .tituloItens .quantidade {
    width: 100px;
    text-align: center;
}


.resumoPagamento .detalhesPacote .itens .quantidade {
    width: 90px;
    margin-left: 10px;
    margin-bottom: 43px;
}

.resumoPagamento .detalhesPacote .tituloItens .entrada,
.resumoPagamento .detalhesPacote .itens .entrada {
    text-align: center;
    width: 100px;
    margin-bottom: 20px;
    display: none;
}

.resumoPagamento .detalhesPacote .itens .quantidade select {
    width: 50px;
    margin: 0 auto;
    padding: 0 0 0 5px;
}

.resumoPagamento .detalhesPacote .tituloItens .valor,
.resumoPagamento .detalhesPacote .itens .valor {
    width: 90px;
    margin-bottom: 43px;
}

.resumoPagamento .detalhesPacote .tituloItens .valor {
    text-align: right;
    padding-right: 10px;
    width: 80px;
}

.resumoPagamento .detalhesPacote .itens .valor span,
.resumoPagamento .detalhesPacote .itens .entrada span,
.resumoPagamento .detalhesPacote .possuiTaxa .taxa span {
    line-height: 32px;
}

.resumoPagamento .detalhesPacote .itens .valor span {
    display: block;
    width: 100%;
    text-align: right;
}

.resumoPagamento .blocoObsValores .obs,
.resumoPagamento .blocoObsValores .obs .codPromocional {
    width: 50%;
    float: left;
}

    .resumoPagamento .blocoObsValores .obs .codPromocional input {
        width: 40%;
        float: left;
    }

    .resumoPagamento .blocoObsValores .obs .codPromocional .btnAplicarCodPromocional {
        width: 15%;
        margin-left: 3%;
        float: left;
        line-height: 30px;
        color: #868987;
        text-decoration: underline;
        text-transform: uppercase;
        cursor: pointer;
    }

        .resumoPagamento .blocoObsValores .obs .codPromocional .btnAplicarCodPromocional:hover {
            text-decoration: none;
        }

    .resumoPagamento .blocoObsValores .obs div,
    .resumoPagamento .blocoObsValores .obs textoObs {
        text-align: left;
    }

        .resumoPagamento .blocoObsValores .obs div a {
            color: #0e8ac3;
            width: auto;
            text-align: left;
            text-transform: uppercase;
        }

.resumoPagamento .blocoObsValores .blocoObsValoresSuperior {
    display: flex;
    flex-direction:row;
    justify-content: flex-end;
    flex-wrap:wrap;
    align-items:flex-end;
}

.resumoPagamento .blocoObsValores .quadroValores {
    width: 250px;
    float: right;
    margin-right: 15px;
}
/*TODO: Revisar a partir daqui*/
/* Parcelas - Inicio */
.resumoPagamento .blocoObsValores .quadroValoresParcelas {
    width: 100%;
    margin-right: 11px;
}

.resumoPagamento .blocoObsValores .quadroValoresParcelas li.installments-link {
    cursor: pointer;
    display: inline-flex;
    margin-right: 10px;
}

.resumoPagamento .blocoObsValores .quadroValoresParcelas .infoicon_pagamento {
    display: inline-flex;
    align-items: center;
}

.resumoPagamento .blocoObsValores .quadroValoresParcelas .infoicon_pagamento svg {
    margin-right: 3px;
}

.resumoPagamento .blocoObsValores .quadroValoresParcelas ul li.itemLista {
    width: 100%;
    margin-right: 15px;
    text-align: right;
}

    .resumoPagamento .blocoObsValores .quadroValoresParcelas ul li.itemLista ul {
        display: flex;
        justify-content: flex-end;
        margin-right: 5px;
        /*gap: 17px;*/
        gap: 8px;
    }

    .resumoPagamento .blocoObsValores .quadroValoresParcelas ul li.entrada {
        background-color: #F2F8F9;
        border-radius: 8px;
        color: #202020;
    }
        .resumoPagamento .blocoObsValores .quadroValoresParcelas ul li.entrada .valor {
            color: #23859E;
            font-weight: bold;
        }

        .resumoPagamento .blocoObsValores .quadroValoresParcelas ul .valor {
            min-width: 82px;
            text-align: end;
            padding-right: 9px;
        }


    .resumoPagamento .blocoObsValores .quadroValoresParcelas ul li.saldo {
        background-color: #FAFAFA;
        border-radius: 8px;
        color: #818181;
    }

        .resumoPagamento .blocoObsValores .quadroValoresParcelas ul li.saldo .valor {
            font-weight: bold;
        }

    .resumoPagamento .blocoObsValores .quadroValoresParcelas ul li.installments-link {
        text-decoration: underline;
        color: #003965;
        font-weight: bold;
        font-size: 14px;
    }

/* Parcelas - Fim */
.resumoPagamento .blocoObsValores .quadroValores ul li.itemLista {
    width: 100%;
    float: left;
    margin-right: 15px;
}

    .resumoPagamento .blocoObsValores .quadroValores ul li.entrada {
        font-weight: bold;
    }

    .resumoPagamento .blocoObsValores .quadroValores ul li.total .valor {
        font-weight: bold;
    }


    .resumoPagamento .blocoObsValores .quadroValores ul li.linha {
        border-top: 1px dotted #CCC;
        width: 100%;
        float: left;
        margin: 9px 15px 3px 0;
        margin-right: 15px;
    }

    .resumoPagamento .blocoObsValores .quadroValores ul li.entrada {
        color: #086eb0;
    }

    .resumoPagamento .blocoObsValores .quadroValores ul li.creditos,
    .resumoPagamento .blocoObsValores .quadroValores ul li.descontos {
        color: #29a321;
    }

    .resumoPagamento .blocoObsValores .quadroValores ul li.itemLista ul li {
        margin: 0;
    }

        .resumoPagamento .blocoObsValores .quadroValores ul li.itemLista ul li.item {
            width: 120px;
            text-align: right;
            float: left;
        }

        .resumoPagamento .blocoObsValores .quadroValores ul li.itemLista ul li.valor {
            width: 82px;
            text-align: right;
            float: right;
            margin-right: 10px;
        }

.resumoPagamento .blocoMeiosPagamento ul,
.resumoPagamento .blocoMeiosPagamento .infoCartao,
.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento {
    display: block;
    float: left;
    width: 100%;
    height: auto;
}

    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento.infoCredito {
        padding: 20px 0px;
    }


        .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento.infoCredito .btnComprarCentralizado {
            width: 100%;
            text-align: center;
        }

            .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento.infoCredito .btnComprarCentralizado .btnComprar {
                float: none;
                margin: 20px auto 0px auto;
            }

            .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento.infoCredito .btnComprarCentralizado .aguardeCentralizado {
                float: none;
                width: 110px;
                margin: 20px auto 0px auto;
                background: url("https://viajarbarato-a.akamaihd.net/images/Layout/autenticar-loader.gif") right center no-repeat;
                display: none;
            }

    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento .aguardeMeioPagamento,
    .resumoPagamento .blocoMeiosPagamento .infoCartao .aguardeCC,
    .resumoPagamento .blocoMeiosPagamento .infoPix .painel .aguardePix,
    #aguardeLoadingMobile, #aguardeLoadingMobilePrincipal,
    #divbotaoenviar .aguardeCC {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/autenticar-loader.gif") right center no-repeat;
        display: none;
        width: 110px;
        float: right;
        margin-right: 110px;
        margin-top: 14px;
    }

    .resumoPagamento .blocoMeiosPagamento .infoCartao .btnComprar.disabled {
        opacity: 0.5;
        pointer-events: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .resumoPagamento .blocoMeiosPagamento .infoCartao .btnComprar.disabled::after {
            content: '';
            margin-left: 12px;
            width: 16px;
            height: 16px;
            background: url("https://viajarbarato-a.akamaihd.net/images/Layout/autenticar-loader.gif") right center no-repeat !important;
        }

#aguardeLoadingMobile {
    margin: 0 auto;
    font-size: 20px;
    float: none;
    margin-top: 15px;
}

#aguardeLoadingMobilePrincipal {
    margin: 0 auto;
    font-size: 20px;
    float: none;
    padding: 14px;
}


.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento .aguardeMeioPagamento {
    margin-right: 70px;
    margin-top: 26px;
}


.resumoPagamento .blocoMeiosPagamento ul li {
    float: left;
    padding: 0 1.5rem;
    height: 50px;
    cursor: pointer;
}

.resumoPagamento .blocoMeiosPagamento p ul.selectFake {
    padding: 0 0 0 0;
    max-height: 28px;
}

    .resumoPagamento .blocoMeiosPagamento p ul.selectFake li {
        padding: 3px 0 0 0;
        width: 90%;
    }

.resumoPagamento .blocoMeiosPagamento ul.boxItensMenuDropMobile li {
    width: 96%;
    height: auto;
    padding-right: 2% !important;
}


.resumoPagamento .blocoMeiosPagamento ul li label {
    margin-top: 15px;
    cursor: pointer;
    height: 35px;
}

.resumoPagamento .blocoMeiosPagamento ul li.pagSeguro label input {
    float: left;
    margin-left: 30px;
    margin-right: 10px;
    cursor: pointer;
}

.resumoPagamento .blocoMeiosPagamento ul li.pagSeguro label span {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/logo_pagseguro.png") center center no-repeat;
    width: 124px;
    height: 26px;
    float: left;
    text-indent: -9999px;
    margin-top: -3px;
    cursor: pointer;
}

.resumoPagamento .blocoMeiosPagamento ul li.mercadoPago label input {
    float: left;
    margin-left: 35px;
    margin-right: 10px;
    cursor: pointer;
}

.resumoPagamento .blocoMeiosPagamento ul li.mercadoPago label span {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/logo_mercadopago.png") center center no-repeat;
    width: 124px;
    height: 26px;
    float: left;
    text-indent: -9999px;
    margin-top: -3px;
    cursor: pointer;
}

.resumoPagamento .blocoMeiosPagamento .ativo {
    background: #f2f4f5;
    box-shadow: none;
}

.resumoPagamento .blocoMeiosPagamento .infoCartao,
.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento {
    background-color: #f2f4f5;
    padding-bottom: 20px;
}

    .resumoPagamento .blocoMeiosPagamento .infoCartao .bandeirasCC,
    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento .bandeirasPagSeguro,
    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento .bandeirasMercadoPago {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bandeiraCC-v3.png") top left no-repeat;
        width: 596px;
        height: 30px;
        display: block;
        margin: 20px auto;
    }

    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento .bandeirasPagSeguro {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bandeiraPagSeguro.png") top left no-repeat;
        height: 49px;
    }

    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento .bandeirasMercadoPago {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bandeiraMercadoPago.png") top left no-repeat;
        height: 43px;
    }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset,
    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset {
        width: 600px;
        margin: 0 auto;
        padding-bottom: 20px;
        display: block;
        height: auto; /*200px*/
    }

    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset {
        height: auto; /*233px*/
    }

        .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p,
        .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p {
            width: 280px;
            height: 51px;
            float: left;
            margin-right: 35px;
        }

        .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.debito-info {
            margin: 1rem 0 !important;
        }

        .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p {
            margin-right: 20px;
        }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset div.data {
        width: 164px;
        float: left;
    }

        .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset div.data label {
            float: left;
            margin: 0;
            padding: 0;
        }

        .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset div.data p {
            width: 45%;
            margin-right: 2%;
        }

            .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset div.data p select {
                /*width:45%;*/
                width: 90%;
            }

            .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.data select,
            .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset div.data p ul.selectFake {
                width: 70px;
                float: left;
                margin-right: 10px;
            }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.seg {
        width: 150px;
        position: relative;
    }

        .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.seg span.boxCodSeg {
            width: 195px;
            /* height: 60px; */
            background: url("https://viajarbarato-a.akamaihd.net/images/Layout/cvv-cc.jpg") top center no-repeat #FFF;
            padding: 2px;
            position: absolute;
            left: -84px;
            bottom: -93px;
            border: 1px solid #cecece;
            background-position-y: 5px;
            display: none;
        }

            .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.seg span.boxCodSeg a {
                width: 89%;
                text-align: right;
                margin-top: 60px;
                cursor: pointer;
            }

        .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.seg input {
            width: 40px;
            float: left;
        }

        .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.seg a {
            float: left;
            margin: 8px 0 0 8px;
            text-decoration: underline;
        }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.parcelas {
        width: 284px;
    }

        .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.parcelas select {
            width: 283px;
        }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p label,
    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p label {
        text-align: left;
        margin: 0;
        padding: 0;
    }

        .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p label em {
            color: #777;
            font-style: normal;
            font-size: 11px;
            padding-left: 5px;
        }


    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p input {
        width: 270px;
    }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.dddTelefone #txtDDD {
        width: 20%;
        margin-right: 3%;
        float: left;
    }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.dddTelefone #txtTelefoneContato {
        width: 68%;
    }

#textoConteudoFull .resumoPagamento .blocoMeiosPagamento .infoCartao .loadingCompraAguarde,
#textoConteudoFull .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento .loadingCompraAguarde {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/loading-verde.gif") 227px center no-repeat !important;
    background-color: #0ebf2b !important;
    cursor: default;
}

#textoConteudoFull .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento .loadingCompraAguarde {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/loading-verde.gif") 210px center no-repeat !important;
    background-color: #0ebf2b !important;
}

.resumoPagamento .blocoMeiosPagamento .infoCartao .btnComprar,
.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento .btnComprar,
.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento div .btnCopiar {
    background: #0ebf2b !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ebf2b', endColorstr='#0ebf2b',GradientType=0 ); /* IE6-9 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#0ebf2b), color-stop(100%,#0ebf2b)); /* Chrome,Safari4+ */
    border: 0;
    border-radius: 0 !important;
    color: #FFF;
    font-weight: bold;
    width: 272px;
    height: 38px;
    float: right;
    margin-right: 2px;
    margin-top: 13px;
    font-size: 16px;
    line-height: 38px;
    cursor: pointer;
}

.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento div .btnComprar,
.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento div .btnCopiar{
    width: 210px;
    margin: 0 auto;
    float: none;
}

.resumoPagamento .blocoMeiosPagamento .infoCartao .btnComprar:hover,
.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento .btnComprar:hover,
.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento .btnCopiar:hover {
    background: #15c632 !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15c632', endColorstr='#15c632',GradientType=0 ); /* IE6-9 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#15c632), color-stop(100%,#15c632)); /* Chrome,Safari4+ */
    border-radius: 0 !important;
}

.qrcode-copy {
    cursor: pointer;
    color: #a9a9a9;
}

.qrcode-copy:hover {
    cursor: pointer;
    color: #23859e
}

.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.cidade {
    width: 120px;
}

.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.cpf {
    width: 260px;
}

.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.dataNascimento,
.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.bairro {
    width: 104px;
}

.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.ddd,
.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.numero {
    width: 40px;
}

.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.fone {
    width: 100px;
}

.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.cep {
    width: 82px;
}

.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.nome,
.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.endereco {
    width: 305px;
}

.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.complemento {
    width: 200px;
}

.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.estado {
    width: 53px;
}

    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.estado select {
        width: 53px;
        padding: 0;
    }

.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.dataNascimento {
    width: 111px;
    margin-right: 12px;
}

    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.dataNascimento input {
        width: 104px;
    }

.resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.boxGenero {
    width: 200px;
}

    .resumoPagamento .blocoMeiosPagamento .infoMeioPagamento fieldset p.boxGenero select.genero {
        width: 96%;
    }

#ContentPlaceHolder1_pnlPagamentoExpirado .telefonesBox {
}

    #ContentPlaceHolder1_pnlPagamentoExpirado .telefonesBox h4.tituloSecao {
    }

    #ContentPlaceHolder1_pnlPagamentoExpirado .telefonesBox ul.ulTelefones li {
        width: 180px;
    }

.zerarDireita {
    margin-right: 0 !important;
}

#BuscadorVuelos p input,
#BuscadorVuelos p label {
    float: left;
}

/*PÁGINA INTERMEDIÁRIA DEPOIS DE PAGAMENTO APROVADO COM CARTÃO DE CRÉDITO*/

.pagamentoRestante fieldset {
    margin-bottom: 0 !important;
}

.esquerda {
    float: left;
}

.direita {
    float: right;
}

.metade {
    width: 39% !important;
    padding: 0 5% 0 5%;
}

.full-50,
#textoConteudoFull .full-50 {
    width: 48% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#datasDaViagem .metade {
    width: 48% !important;
    padding: 0;
}

#textoConteudoFull #documentosViagem {
    float: right;
}

.terco {
    width: 30% !important;
    padding: 0 1% 0 1%;
}

.bordaEsquerda {
    border-left: 1px solid #e2e3e3;
}

ul.datasViagem {
    /*margin-right: 135px;*/
    width: 33% !important;
}

ul.dataUnica {
    width: 50% !important;
    float: none;
    margin: 0 auto;
    margin-right: auto !important;
}

ul.dataDupla {
    width: 45% !important;
}

ul.dataUnica li {
    width: 90%;
}

    ul.dataUnica li input {
        float: none;
    }


.boxItem .completo ul:last-of-type {
    margin-right: 0;
}

.boxItem .completo ul.dataDupla:last-of-type {
    float: right;
}

ul.datasViagem li {
    width: 91px;
    float: left;
    margin-right: 5%;
}

ul.dataUnica li {
    width: 90%;
}

    ul.dataUnica li input {
        float: none;
    }

ul.datasViagem li:last-child {
    margin-right: 0;
}

ul.datasViagem li input {
    background: #FFF;
    padding: 0 5% 0 5%;
    width: 90%;
}

ul.dataDupla li {
    width: 90%;
}


.dadosPassageiros {
}

    .dadosPassageiros input {
        background: #FFF;
    }

    .dadosPassageiros p {
        padding: 0 5px 0 5px;
    }

        .dadosPassageiros p.sobreNome {
            width: 230px !important;
        }

        .dadosPassageiros p.voucher {
            width: 137px !important;
        }

.retirar-label label {
    display: none;
}

.boxItemBranco .completo p {
    width: 100%;
    text-align: center;
}

.faltaCupons, .totalCupons {
    width: 300px;
    min-height: 190px;
    position: relative;
}

.faltaCupons {
    margin-left: 10%;
}

.totalCupons {
    margin-right: 10%;
}

    .faltaCupons span, .totalCupons span {
        text-transform: uppercase;
        font-weight: bold;
        width: 90%;
        padding: 5%;
        text-align: center;
        float: left;
    }

    .faltaCupons p, .totalCupons p {
        width: 90% !important;
        padding: 5%;
        text-align: justify !important;
        float: left;
        font-size: 12px;
    }

.botao {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 22px;
}

    .botao span {
        float: none;
        margin: 0 auto;
        padding-top: 3%;
        padding-bottom: 2%;
    }

        .botao span.amarelo {
            border-bottom: 3px solid #fad85a;
            cursor: pointer;
        }

        .botao span.verde {
            border-bottom: 3px solid #a8e868;
            cursor: pointer;
        }

        .botao span.amarelo:hover {
            background: #fad85a;
            cursor: pointer;
        }

        .botao span.verde:hover {
            background: #a8e868;
            cursor: pointer;
        }

.faltaCupons {
    background-color: #fff9e5;
}

.totalCupons {
    background-color: #f4ffe8;
}

.amarelo {
    background-color: #f9e69f;
}

.verde {
    background-color: #ccf99f;
}

.inputErrado,
input.inputErrado,
input[type="text"].inputErrado,
input[type="password"].inputErrado,
input[type="email"].inputErrado,
input[type="number"].inputErrado,
textarea.inputErrado {
    border: 1px solid red;
}

#textoConteudoFull .compraAprovada,
#textoConteudoFull .compraPendente,
#textoConteudoFull .compraNegada,
#textoConteudoFull .boxItem {
    width: 99%;
    float: left;
    margin: 20px 0 0 0;
}

#textoConteudoFull .evolucaoPagamento {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}

#textoConteudoFull .compraAprovada h1,
#textoConteudoFull .compraPendente h1,
#textoConteudoFull .compraNegada h1 {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ok-compra-aprovada-v1.jpg") top center no-repeat;
    color: #118424;
    font-size: 18px;
    width: 100%;
    text-align: center;
    padding-top: 54px;
    line-height: normal;
    margin-bottom: 0px;
}

#textoConteudoFull .compraPendente h1 {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/compra-pendente.jpg") top center no-repeat;
    color: #ffae00;
}

#textoConteudoFull .compraNegada h1 {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/compra-negada.jpg") top center no-repeat;
    color: red;
}

#textoConteudoFull .compraPendente p,
#textoConteudoFull .compraNegada p {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

#textoConteudoFull .compraAprovada h2,
#textoConteudoFull .compraPendente h2,
#textoConteudoFull .compraNegada h2 {
    color: #118424;
    font-size: 14px;
    width: 100%;
    text-align: center;
    line-height: normal;
}



#textoConteudoFull .compraPendente h2,
#textoConteudoFull .compraNegada h2 {
    color: #000;
    font-weight: bold;
    margin-top: 10px;
}

#textoConteudoFull .loadingInicial {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/loadingInicial.gif") top center no-repeat;
    width: 100%;
    padding-top: 10px;
    float: left;
    margin-top: 30px;
}

    #textoConteudoFull .loadingInicial p {
        padding-top: 60px;
        width: 60%;
        margin: 0 auto;
        text-align: center;
        font-size: 16px;
    }

#textoConteudoFull .evolucaoPagamento ul {
    width: 480px;
    margin: 0 auto;
}

    #textoConteudoFull .evolucaoPagamento ul li {
        color: #d4d6d6;
        text-align: center;
        float: left;
        display: inline-block;
        padding-bottom: 34px;
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bg-evolucao.jpg") bottom center no-repeat;
        width: 100px;
        margin-right: -4px;
        background-position-y: 15px;
        background-position-x: -275px;
        min-height: 50px;
    }

        #textoConteudoFull .evolucaoPagamento ul li.primeiro {
            background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bg-evolucao.jpg") bottom left no-repeat;
            background-position-x: -210px;
            background-position-y: 15px;
        }

        #textoConteudoFull .evolucaoPagamento ul li.ultimo {
            background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bg-evolucao.jpg") bottom right no-repeat;
            background-position-x: -346px;
            background-position-y: 15px;
        }

        #textoConteudoFull .evolucaoPagamento ul li.atual {
            color: #0ebf2b;
        }

        #textoConteudoFull .evolucaoPagamento ul li.primeiroSelecionado {
            background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bg-evolucao.jpg") bottom right no-repeat;
            background-position-x: 39px;
            background-position-y: 45px;
            color: #0ebf2b;
        }

        #textoConteudoFull .evolucaoPagamento ul li.ultimoSelecionado {
            background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bg-evolucao.jpg") bottom right no-repeat;
            background-position-x: -95px;
            background-position-y: 45px;
            color: #0ebf2b;
        }

        #textoConteudoFull .evolucaoPagamento ul li.primeiroFinalizado {
            background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bg-evolucao.jpg") bottom no-repeat;
            background-position-x: -473px;
            background-position-y: -15px;
            color: #0ebf2b;
        }

        #textoConteudoFull .evolucaoPagamento ul li.selecionado {
            background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bg-evolucao.jpg") bottom right no-repeat;
            background-position-x: -30px;
            background-position-y: 45px;
            color: #0ebf2b;
        }

        #textoConteudoFull .evolucaoPagamento ul li.finalizado {
            background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bg-evolucao.jpg") bottom right no-repeat;
            background-position-x: -540px;
            background-position-y: -15px;
            color: #0ebf2b;
        }

        #textoConteudoFull .evolucaoPagamento ul li.ultimoFinalizado {
            background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bg-evolucao.jpg") bottom no-repeat;
            background-position-x: -600px;
            background-position-y: -15px;
            color: #0ebf2b;
        }

#textoConteudoFull .boxItem {
    /*background-color: #f7f8f8;*/
    border: 1px solid #f2f3f3;
    padding-bottom: 5px;
}

.bg-cinza {
    background-color: #f7f8f8;
}

#textoConteudoFull .boxItemBranco {
    background-color: #FFF;
    border: 0;
    padding-bottom: 5px;
}

#textoConteudoFull .abaItem .tituloItem {
    display: block;
    height: 41px;
}

    #textoConteudoFull .abaItem .tituloItem span {
        width: 90% !important;
        float: left;
    }

    #textoConteudoFull .abaItem .tituloItem i {
        float: right;
        margin-right: 10px;
        line-height: 40px;
        cursor: pointer;
    }

#textoConteudoFull .boxErroCheckout {
    background-color: #FFF;
}

#textoConteudoFull .boxItem .tituloItem {
    width: 100%;
    background-color: #f2f3f3;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 20px;
}

#autorizacaoDebito .boxItem .valorEntrada {
    color: #0ebf2b;
    font-weight: bold;
}

#autorizacaoDebito .boxItem .valorRestante {
    font-weight: bold;
}

#autorizacaoDebito .boxItem .valorTotalMoeda,
#autorizacaoDebito .boxItem .valorEntradaMoeda,
#autorizacaoDebito .boxItem .valorRestanteMoeda {
    font-size: 11px;
    color: #0ebf2b;
}

#textoConteudoFull .boxErroCheckout .tituloItem {
    background-color: #FAFFDE;
}


#textoConteudoFull .especial {
    background-color: #91c47d;
    border-bottom: 1px dashed #FFF;
    color: #FFF !important;
}

#textoConteudoFull .aereo {
    background-color: #E2ECED;
}

#textoConteudoFull .boxItem .tituloItem span {
    padding: 10px 10px 10px 20px;
    display: block;
}

#textoConteudoFull .boxItem .tituloItem span {
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}

#textoConteudoFull #dadosCliente .tituloItem span {
    width: 90%;
}

.pagamentoRestante #textoConteudoFull .boxItem fieldset,
#textoConteudoFull .completo {
    width: 90%;
    margin: 0 auto;
}

#textoConteudoFull .boxItem fieldset {
    width: 92%;
    margin: 0 auto;
}

#textoConteudoFull .boxItem .completo {
    margin-bottom: 20px;
}

#textoConteudoFull .boxItem .full96 {
    width: 96% !important;
}

#textoConteudoFull .boxItem .completo table {
    width: 100%;
}

#textoConteudoFull .boxItem fieldset p {
    float: left;
    display: inline-block;
    margin-right: 20px;
}

#textoConteudoFull .boxItem fieldset.reserva p {
    margin-right: 7px; /*9px*/
}


#textoConteudoFull .boxItem fieldset p input,
#textoConteudoFull .boxItem fieldset p select,
#textoConteudoFull .boxItem fieldset p textarea,
#textoConteudoFull fieldset p.quantidadCartoes select {
    background-color: #FFF;
}

#textoConteudoFull .boxItem fieldset p select {
    width: 100% !important;
}

#textoConteudoFull .boxItem fieldset p input {
    padding-left: 5px;
}

#textoConteudoFull .boxItem fieldset p label {
    font-weight: normal;
}

#textoConteudoFull .boxItem fieldset p.nome {
    width: 243px;
}

#textoConteudoFull .boxItem fieldset p.cpf,
#textoConteudoFull .boxItem fieldset p.dataNascimento {
    width: 112px;
}

#textoConteudoFull .boxItem fieldset p.ddd {
    width: 30px;
}

#textoConteudoFull .boxItem fieldset p.fone {
    width: 75px;
}

#textoConteudoFull .boxItem fieldset p.dddCelular {
    width: 30px;
}

#textoConteudoFull .boxItem fieldset p.Celular {
    width: 75px;
}



#textoConteudoFull .boxItem fieldset p.cep {
    width: 70px;
}

#textoConteudoFull .boxItem fieldset p.endereco {
    width: 243px;
}

#textoConteudoFull .boxItem fieldset p.numero {
    width: 57px;
}

#textoConteudoFull .boxItem fieldset p.complemento {
    width: 104px;
}

#textoConteudoFull .boxItem fieldset p.bairro {
    width: 120px;
}

#textoConteudoFull .boxItem fieldset p.cidade {
    width: 174px;
}

#textoConteudoFull .boxItem fieldset p.estado {
    width: 71px;
}

#textoConteudoFull .boxItem fieldset p.boxGenero {
    width: auto;
}

    #textoConteudoFull .boxItem fieldset p.boxGenero select {
        width: 96%;
    }

/*CSS MeuCadastro - Inicio*/
#textoConteudoFull .boxItem fieldset p.nomeCad {
    width: 243px;
}

#textoConteudoFull .boxItem fieldset p.emailCad {
    width: 207px;
}

    #textoConteudoFull .boxItem fieldset p.emailCad #inputEmail {
        background-color: #f5f5f5;
        opacity: 0.7;
    }

#textoConteudoFull .boxItem fieldset p.cpfCad {
    width: 137px;
}

#textoConteudoFull .boxItem fieldset p.dataNascimentoCad {
    width: 137px;
}

#textoConteudoFull .boxItem fieldset p.dddCad {
    width: 30px;
}

#textoConteudoFull .boxItem fieldset p.dddCelularCad {
    width: 30px;
}

#textoConteudoFull .boxItem fieldset p.foneCad {
    width: 75px;
}

#textoConteudoFull .boxItem fieldset p.CelularCad {
    width: 75px;
}

#textoConteudoFull .boxItem fieldset p.cepCad {
    width: 80px;
}

#textoConteudoFull .boxItem fieldset p.enderecoCad {
    width: 243px;
}

#textoConteudoFull .boxItem fieldset p.numeroCad {
    width: 57px;
}

#textoConteudoFull .boxItem fieldset p.complementoCad {
    width: 104px;
}

#textoConteudoFull .boxItem fieldset p.bairroCad {
    width: 132px;
}

#textoConteudoFull .boxItem fieldset p.cidadeCad {
    width: 164px;
}

#textoConteudoFull .boxItem fieldset p.estadoCad {
    width: 80px;
}
/*CSS MeuCadastro - Fim*/

#textoConteudoFull .boxItem fieldset p.senha {
    width: 160px;
    margin-right: 25px;
}

    #textoConteudoFull .boxItem fieldset p.senha a {
        text-decoration: underline;
        font-size: 11px;
    }

        #textoConteudoFull .boxItem fieldset p.senha a:hover {
            text-decoration: none;
        }

#textoConteudoFull .boxItem fieldset .logarSenha,
#textoConteudoFull .boxItem fieldset .boxLogarSenha {
    width: 160px;
    float: left;
    display: inline-block;
    margin-top: 26px;
}

#textoConteudoFull .boxItem fieldset .logarSenha {
    margin-top: 0;
}

#textoConteudoFull .boxItem fieldset p.nomePax {
    width: 125px;
}

#textoConteudoFull .boxItem fieldset p.sobreNome {
    width: 185px;
}

#textoConteudoFull .boxItem fieldset p.rg {
    width: 100px;
}

#textoConteudoFull .boxItem fieldset p.cpfPax {
    width: 100px;
}

#textoConteudoFull .boxItem fieldset p.passaporte {
    width: 120px;
}

#textoConteudoFull .boxItem fieldset p.nascimento {
    width: 85px;
}

#textoConteudoFull .boxItem fieldset p.voucher {
    width: 110px;
}

    #textoConteudoFull .boxItem fieldset p.voucher input {
        text-transform: uppercase;
    }

#textoConteudoFull .boxItem fieldset p.observacoes {
    width: 99.6%;
}

#textoConteudoFull .boxItem p.observacoes {
    width: 89%;
    margin: 0 auto 20px auto;
}

    #textoConteudoFull .boxItem p.observacoes textarea {
        background: #FFF;
    }

#textoConteudoFull .boxItem table.dataReserva {
    margin-bottom: 20px;
}

    #textoConteudoFull .boxItem table.dataReserva thead {
        font-weight: bold;
        text-align: center;
    }

    #textoConteudoFull .boxItem table.dataReserva tr td {
        padding: 5px 0;
    }

        #textoConteudoFull .boxItem table.dataReserva tr td input {
            width: 90%;
            margin: 0 auto;
            background-color: #FFF;
            text-align: center;
        }

        #textoConteudoFull .boxItem table.dataReserva tr td.opcao {
            width: 41%;
            text-align: right;
            padding-right: 20px;
            vertical-align: middle;
        }

        #textoConteudoFull .boxItem table.dataReserva tr td.ida,
        #textoConteudoFull .boxItem table.dataReserva tr td.volta {
            text-align: center;
            vertical-align: middle;
        }

#textoConteudoFull .boxItem ul.docsViagem {
    width: 98%;
    display: inline-block;
    background: #FFF;
    padding: 1%;
}

    #textoConteudoFull .boxItem ul.docsViagem li {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/check-docsViagem-verde.jpg") top left no-repeat;
        padding-left: 20px;
        margin: 10px 10px 10px 0;
        float: left;
        display: inline-block;
        min-width: 127px;
        min-width: 100%;
        width: 100%;
    }

ul.breadCrumbPassageiros {
    display: none;
    float: left;
    width: 30%;
    margin-left: 5.5%;
}

    ul.breadCrumbPassageiros li {
        display: inline-block;
        float: left;
        margin: 3px;
        width: 8px;
        height: 8px;
        background: #d3d3d3;
        text-indent: -9999px;
        text-transform: capitalize;
    }

        ul.breadCrumbPassageiros li.preenchido {
            background: #ff9000;
        }

.sliderPassageiros {
    position: relative;
}


    .sliderPassageiros .navPassageiros {
        display: none;
        width: 100%;
        margin: 5px auto 15px auto;
        position: relative;
        text-align: center;
    }

    .sliderPassageiros .ocultarPassageiros {
        display: block;
    }

    .sliderPassageiros .navPassageiros li {
    }

        .sliderPassageiros .navPassageiros li span {
            margin: 0 auto;
        }

    .sliderPassageiros .navPassageiros .setaEsquerda,
    .sliderPassageiros .navPassageiros .setaDireita {
        position: absolute;
        z-index: 0;
        width: 23px;
        top: -5px;
        height: 30px;
        display: block;
        cursor: pointer;
    }

    .sliderPassageiros .navPassageiros .setaEsquerda {
        background: url(https://viajarbarato-a.akamaihd.net/images/Layout/seta-esquerda-mini.gif);
        left: 0;
    }

    .sliderPassageiros .navPassageiros .setaDireita {
        background: url(https://viajarbarato-a.akamaihd.net/images/Layout/seta-direita-mini.gif);
        right: 0;
    }


.boxAddVoucherReservas {
    width: 94%;
    text-align: right;
    margin: 0 auto;
    display: block;
    float: left;
}

    .boxAddVoucherReservas .novoVoucher, .boxAddVoucherReservas .novoVoucher:visited, .boxAddVoucherReservas .novoVoucher:active {
        color: #1a0dab;
        text-decoration: underline;
        width: auto;
        padding: 5px;
        text-align: center;
        float: right;
        display: block;
        cursor: pointer;
    }

        .boxAddVoucherReservas .novoVoucher:hover {
            text-decoration: none;
        }


#textoConteudoFull .boxItem ul.arquivos li {
    display: inline-block;
    margin: 10px 10px 10px 0;
    font-weight: bold;
}

#textoConteudoFull .enviarNovoBtn,
#autorizacaoDebito .enviarNovoBtn a,
#autorizacaoDebito .enviarNovoBtn a:visited,
#autorizacaoDebito .enviarNovoBtn a:hover,
.infoEndereco fieldset .enviarNovoBtn,
.btnAddVoucher {
    background-color: #0ebf2b !important;
    padding: 5px;
    text-transform: uppercase;
    color: #FFF;
    cursor: pointer;
    border: none !important;
    background: none;
    filter: initial !important;
}

#textoConteudoFull .enviarCentralizado,
#textoConteudoFull .aguardeInter {
    width: 160px;
    margin: 20px auto;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.aguardeInter {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/autenticar-loader.gif") right center no-repeat;
    display: none;
}

.botao .aguardeInter {
    width: 100px !important;
    text-align: left !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

#textoConteudoFull .enviarCentralizado a {
    width: 240px;
    margin: 20px auto;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}


#textoConteudoFull .enviarDireita {
    width: 309px;
    margin-right: 10px;
    float: right;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

#textoConteudoFull fieldset p.quantidadCartoes {
}

    #textoConteudoFull fieldset p.quantidadCartoes label {
        float: left;
        line-height: 31px;
        margin-right: 20px;
        color: #979696;
        font-weight: normal;
        font-size: 14px;
        font-style: italic;
    }

#textoConteudoFull .boxItem ul.entrada {
}

#textoConteudoFull .boxItem ul.formCartao {
    height: 160px;
}

    #textoConteudoFull .boxItem ul.entrada li,
    #textoConteudoFull .boxItem ul.formCartao li {
        float: left;
        display: inline-block;
        min-height: 40px;
        line-height: 40px;
    }


    #textoConteudoFull .boxItem ul.formCartao .data ul.boxItensMenuDropMobile,
    #textoConteudoFull .boxItem ul.formCartao .parcelas ul.boxItensMenuDropMobile {
        margin-left: 0;
    }

    #textoConteudoFull .boxItem ul.formCartao .data li.itemMenuDropMobile {
        line-height: initial;
        text-align: center;
    }

    #textoConteudoFull .boxItem ul.entrada li.item,
    #textoConteudoFull .boxItem ul.formCartao li.item {
        /*font-weight: bold;*/
        width: 600px;
        padding-left: 10px;
    }


#textoConteudoFull .cartaoPagamento {
    margin-top: 10px !important;
}

#textoConteudoFull .boxItem ul.entrada li.item {
    text-transform: uppercase;
}

    #textoConteudoFull .boxItem ul.entrada li.item dl {
        margin-top: 0;
    }

    #textoConteudoFull .boxItem ul.entrada li.item dd {
        float: left;
        margin-left: 5px;
    }

    #textoConteudoFull .boxItem ul.entrada li.item dl dd i {
        font-size: 22px;
        float: left;
        margin: 10px 3px 1px 0;
    }

#textoConteudoFull .boxItem ul.formCartao li.valor input.inputValorCartao {
    width: 50%;
    border: 1px solid #dadada;
    background: #FFF;
    height: 28px;
    color: #a2a2a2;
    text-align: right;
    padding: 0 6%;
}


#textoConteudoFull .boxItem ul.entrada li.item em {
    font-size: 10px;
    font-style: normal;
    color: #a7a7a7;
}

#textoConteudoFull .boxItem ul.formCartao li.item fieldset {
    width: 100%;
    margin-top: 10px;
}

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p {
        width: 47%;
    }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.col-lg-4 {
            width: 45%;
        }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.col-lg-3 {
            width: 27%;
        }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.col-lg-2 {
            width: 18.5%;
        }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset div.data {
        width: 28% !important;
        float: left;
    }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset div.data p {
            width: 40% !important;
        }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset div.data label {
            font-weight: normal;
            float: left;
            padding: 0;
            margin: 0;
            line-height: 20px;
            height: 26px;
        }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset div.data p:last-child {
            margin-right: 0;
        }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset div.data p select {
            width: 100%;
        }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg input {
        width: 43.8% !important;
        float: left;
        display: inline-block;
        margin-right: 8px;
    }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg {
        width: 22.5%;
        position: relative;
    }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg input {
            width: 42%;
        }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg a {
            margin-top: 5px;
            font-size: 11px;
            display: block;
            text-align: center;
            font-weight: normal;
            text-decoration: underline;
            cursor: pointer;
        }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg span.boxCodSeg {
            margin-top: 5px;
            position: absolute;
            background: url("https://viajarbarato-a.akamaihd.net/images/Layout/cvv-cc.jpg") no-repeat #FFF;
            background-position-x: 5px;
            background-position-y: 25px;
            width: 176px;
            height: 86px;
            padding: 0 5px;
            border: 1px solid #CCC;
            right: 10px;
            display: none;
            z-index: 99;
        }

            #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg span.boxCodSeg a {
                float: right;
                margin: 0;
                cursor: pointer;
            }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg a:hover {
            text-decoration: underline;
        }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.parcelas {
        width: 47.5%;
    }


#textoConteudoFull .boxItem ul.entrada li.titulo,
#textoConteudoFull .boxItem ul.entrada li.valor,
#textoConteudoFull .boxItem ul.formCartao li.titulo,
#textoConteudoFull .boxItem ul.formCartao li.valor {
    width: 185px;
    text-align: center;
    background-color: #f7f8f8;
    min-height: 41px;
}

#textoConteudoFull .boxItem ul.formCartao li.titulo,
#textoConteudoFull .boxItem ul.formCartao li.valor {
    height: 101%;
    color: #000000;
}

    #textoConteudoFull .boxItem ul.formCartao li.titulo div,
    #textoConteudoFull .boxItem ul.formCartao li.valor div {
        height: auto;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 30%;
    }

        #textoConteudoFull .boxItem ul.formCartao li.titulo div span,
        #textoConteudoFull .boxItem ul.formCartao li.valor div span {
            height: 20px;
            display: block;
            width: 100%;
        }

            #textoConteudoFull .boxItem ul.formCartao li.valor div span:first-child {
                width: 100%;
                text-align: center;
                margin-top: 56px;
            }

            #textoConteudoFull .boxItem ul.formCartao li.titulo div span.msgErro {
                color: red;
            }

            #textoConteudoFull .boxItem ul.formCartao li.titulo div span.status {
                font-size: 11px;
                line-height: normal;
                width: 90%;
                margin: 10px auto 0 auto;
            }


#textoConteudoFull .boxItem ul.entrada li.valor,
#textoConteudoFull .boxItem ul.formCartao li.valor {
    width: 174px;
    border-left: 1px solid #FFF;
    position: relative;
}

    #textoConteudoFull .boxItem ul.formCartao li.valor div.fecharCartao {
        position: absolute;
        top: 0;
        right: -2px;
        /*background:#f4e051;*/
        color: #444444;
        width: 20px;
        height: 20px;
        font-weight: bold;
        line-height: 20px;
        text-align: center;
        margin: 0;
        cursor: pointer;
        font-size: 18px;
        display: none;
    }

    #textoConteudoFull .boxItem ul.formCartao li.valor div .aceitarValor {
        display: none;
        margin: 0;
        color: #0c9c24;
        cursor: pointer;
        width: 100%;
        float: left;
    }

    #textoConteudoFull .boxItem ul.formCartao li.valor div .editarValor {
        text-decoration: none;
        font-size: 11px;
        /*background: url("https://viajarbarato-a.akamaihd.net/images/Layout/icone-editar-valor.png") top left no-repeat;*/
        width: 68px;
        text-align: left;
        /*padding-left: 24px;*/
        margin: 30px auto 0 auto;
        cursor: pointer;
        height: 20px;
        line-height: 20px;
        display: none;
    }

        #textoConteudoFull .boxItem ul.formCartao li.valor div .editarValor:hover {
            text-decoration: underline;
        }

    #textoConteudoFull .boxItem ul.entrada li.valor span,
    #textoConteudoFull .boxItem ul.entrada li.valor em {
        width: 75%;
        text-align: right;
    }

#textoConteudoFull .boxItem ul.entrada .checkPago,
#textoConteudoFull .boxItem ul.formCartao .checkPago {
    margin-left: 10px;
}

#textoConteudoFull ul.resumoPagamento {
    width: 34.2%;
    font-weight: bold;
    float: right;
    margin: 0;
}

    #textoConteudoFull ul.resumoPagamento li {
        float: left;
        display: inline-block;
        width: 100%;
    }

        #textoConteudoFull ul.resumoPagamento li ul {
        }

            #textoConteudoFull ul.resumoPagamento li ul li {
                float: left;
                display: inline-block;
                width: 49%;
            }

                #textoConteudoFull ul.resumoPagamento li ul li.item {
                    text-align: right;
                    text-transform: uppercase;
                }

                #textoConteudoFull ul.resumoPagamento li ul li.valor {
                }

#textoConteudoFull ul.resumoPagamentoTotal,
#textoConteudoFull ul.resumoPagamentoPendente {
    width: 335px;
    margin: 0 auto;
    padding: 12px;
    background-color: #f7f8f8;
    color: #000;
    float: right;
}

#textoConteudoFull ul.resumoPagamentoTotal {
    color: #a7a7a7;
}


    #textoConteudoFull ul.resumoPagamentoTotal li.titulo,
    #textoConteudoFull ul.resumoPagamentoPendente li.titulo {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    #textoConteudoFull ul.resumoPagamentoTotal li.valor,
    #textoConteudoFull ul.resumoPagamentoPendente li.valor {
        width: 100%;
        margin: 0;
    }


        #textoConteudoFull ul.resumoPagamentoTotal li.valor span {
            width: 100%;
            display: block;
            text-align: center;
        }

            #textoConteudoFull ul.resumoPagamentoTotal li.valor span:last-child,
            #textoConteudoFull ul.resumoPagamentoPendente li.valor span:last-child {
                width: 150px;
                border: 1px solid #e0e0e0;
                padding: 8px;
                margin: 10px auto 0 auto;
            }

        #textoConteudoFull ul.resumoPagamentoPendente li.valor span:last-child {
            border: 1px solid #FFF;
            display: block;
            text-align: center;
            font-size: 18px;
        }

#textoConteudoFull ul.resumoPagamentoPendente {
    background-color: #003667;
    color: #FFF;
}

.verdeAprovado {
    background-color: #e2ffbd !important;
    color: #129728 !important;
}

.amareloPendente {
    background-color: #efff78 !important;
    color: #6c716d !important;
}

.negado {
    background-color: #ffdede !important;
    color: red !important;
}

.emProcessamento {
    min-height: 40px !important;
    line-height: 20px !important;
    padding: 3px 0px;
}

span.statusEmProcessamento {
    font-size: 11px;
    display: block;
}

.zerarPadding {
    padding: 0 !important;
}

#textoConteudoFull .bordasBrancas {
    border-color: #FFF;
}

.boxPagamentoOK {
    margin-bottom: 2px !important;
    margin-top: 2px !important;
}

#textoConteudoFull .addCartao i {
    margin-right: 5px;
    margin-left: 5px;
}

#textoConteudoFull .addCartao span,
#textoConteudoFull .addCartao span:visited {
    cursor: pointer;
}

    #textoConteudoFull .addCartao span:hover {
        text-decoration: underline;
        cursor: pointer;
    }

/* ----------------------------- ------------------------------------ OVERLAY VOOS AO COMPRAR ----------------------------------------------- ------------------------------------------ */

#showOverlayVoos {
    position: absolute;
    display: none;
    z-index: 10000;
}

.overlayVoos {
    margin: 50px auto;
    width: 630px;
}

    .overlayVoos .box {
        border: 1px solid #CCC;
        width: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden;
        background-color: #fff;
        position: relative;
    }


        .overlayVoos .box span.titulo {
            width: 100%;
            text-align: center;
            background-color: #dedede;
            display: block;
            padding: 10px 0;
        }

#boxOpcoesVoos {
    height: 140px;
    overflow: auto;
    float: left;
}

dl {
    margin: 10px 0;
}

dd.origemDestino {
    padding-left: 30px;
    color: #666;
}

dl.valor {
    color: #fd8a00;
    margin-top: 35%;
}

dd.valorVoo {
    font-weight: bold;
}

    dd.valorVoo span {
        font-size: 2em;
    }

.icon-ida-aviao {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/ida-aviao.jpg") center left no-repeat;
    width: 26px;
    height: 23px;
    padding-left: 30px;
    color: #08881d;
}

.icon-volta-aviao {
    background: url("https://viajarbarato-a.akamaihd.net/Images/Layout/volta-aviao.jpg") center left no-repeat;
    width: 26px;
    height: 23px;
    padding-left: 30px;
    color: #006884;
}

.dataCurta {
    display: none;
}

.icon-AM {
    background: url("https://viajarbarato-a.akamaihd.net/Images/CompanhiasAereas/25x25/AM.png") center left no-repeat;
    width: 25px;
    height: 25px;
    padding-left: 30px;
}

.pullmanturCaribe {
    background: url("https://viajarbarato-a.akamaihd.net/Images/layout/promo-home-banner-pullmantur-caribe-full.jpg") top center no-repeat;
    width: 754px;
    height: 210px;
    margin: 24px 0 10px 0;
}

    .pullmanturCaribe a {
        width: 100%;
        height: 100%;
        display: block;
        text-transform: capitalize;
        text-indent: -9999px;
    }

.pullmanturCaribeMobile {
    display: none;
}

.btnSelecionarVoo {
    background: #0ebf2b !important;
    border-bottom: 5px solid #08aa23;
    color: #FFF;
    font-weight: normal;
    width: 80%;
    display: block;
    padding: 10px 10px 5px 10px;
    margin-top: 35%;
    text-align: center;
}

    .btnSelecionarVoo:hover {
        color: #FFF;
        font-weight: bold;
    }

    .btnSelecionarVoo:visited {
        color: #FFF;
    }

.form-group {
    display: inline-block;
    border-bottom: 1px dashed #ccc;
}

.form-control {
}

.col-lg-12 {
    width: 95.6%;
    padding: 0 10px;
}

.col-lg-6 {
    width: 56%;
}

.col-lg-4 {
    width: 33%;
}

.col-lg-3 {
    width: 25%;
}

.col-lg-2 {
    width: 22%;
}

/* ----------------------------- ------------------------------------ HEADER MOBILE ----------------------------------------------- ------------------------------------------ */
.headerMobile {
    display: none !important;
}

#litMenuMobile, ocultarDesktop {
    display: none;
}

.headerMisto {
    display: block;
}

#ocultarDesktop {
    display: none;
}

#ocultarMobile {
    display: block;
}

/* ----------------------------- ------------------------------------ LANDING PROMO ----------------------------------------------- ------------------------------------------ */

.left {
    float: left;
}

.right {
    float: right;
}

.full {
    width: 100%;
}

.noveNove {
    width: 99%;
}

.bgAzul {
    background: #edf4fa;
}

.landingPromo {
    font-family: Tahoma,Arial !important;
}

    .landingPromo .promoHeader {
        width: 60%;
        height: auto;
    }

        .landingPromo .promoHeader h1 {
            color: #003965;
            font-size: 36px;
        }

        .landingPromo .promoHeader p {
            text-align: justify;
        }

    .landingPromo .promoTransa {
        width: 20%;
        background: url("https://viajarbarato-a.akamaihd.net/Images/layout/promo-logo-transamerica.jpg") top right no-repeat;
        min-height: 98px;
        padding-right: 107px;
        color: #003965;
    }

        .landingPromo .promoTransa p {
            text-align: right;
            width: 100%;
            margin-top: 20px;
        }

            .landingPromo .promoTransa p span.tag {
                color: red;
            }

    .landingPromo .destaque {
        width: 21%;
        padding: 2.5% 3% 2.5% 3%;
    }

    .landingPromo .amenidades {
        width: 17%;
        padding: 2.5% 2.5%;
    }

    .landingPromo .preco {
        width: 18%;
        padding: 1.5% 1%;
    }

    .landingPromo .actionReservar {
        width: 18%;
        padding: 2.7% 1% 2% 5%;
    }

    .landingPromo .destaque ul li.titulo,
    .landingPromo .destaque ul li.roteiro {
        width: 100%;
        display: block;
        color: #003965;
        font-size: 20px;
        font-weight: bold;
    }

    .landingPromo .destaque ul li.roteiro,
    .landingPromo .amenidades ul li.ico-noites,
    .landingPromo .amenidades ul li.ico-all-inclusive {
        color: #508ebe;
        font-size: 12px;
        font-weight: normal;
    }

    .landingPromo .amenidades ul li.ico-noites,
    .landingPromo .amenidades ul li.ico-all-inclusive {
        font-size: 12px;
        text-transform: uppercase;
    }

    .landingPromo .amenidades ul li.ico-noites,
    .landingPromo .amenidades ul li.ico-all-inclusive {
        background: url("https://viajarbarato-a.akamaihd.net/Images/layout/promo-full-ico-noites.png") center left no-repeat;
        padding-left: 30px;
    }

    .landingPromo .amenidades ul li.ico-all-inclusive {
        background: url("https://viajarbarato-a.akamaihd.net/Images/layout/promo-full-ico-all-inclusive.png") center left no-repeat;
    }

    .landingPromo .preco ul li,
    .landingPromo .preco ul li span,
    .landingPromo .promoDestaque .infoDestaque .preco ul li {
        float: left;
        text-align: center;
    }

    .landingPromo .preco span.entrada {
        width: 94%;
        font-size: 11px;
        color: #508ebe;
        float: left;
        height: 10px;
        text-align: right;
    }

    .landingPromo .preco ul li.prazo {
        width: 50%;
        font-size: 22px;
        color: #508ebe;
        height: 44px;
        position: relative;
    }

        .landingPromo .preco ul li.prazo span {
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            width: 95%;
            text-align: right;
            padding-right: 5%;
        }

    .landingPromo .preco ul li.moeda {
        width: 10%;
        height: 46px;
        position: relative;
    }

        .landingPromo .preco ul li.moeda span {
            position: absolute;
            bottom: 0;
            left: 0;
        }

    .landingPromo .preco ul li.condicao {
        width: 30%;
        color: #508ebe;
        margin-top: 12px;
    }

        .landingPromo .preco ul li.condicao span {
            font-size: 13px;
            text-align: left;
            line-height: normal;
        }


    .landingPromo .preco ul li.valor {
        width: 33%;
        height: 40px;
        position: relative;
    }

        .landingPromo .preco ul li.valor span {
            position: absolute;
            bottom: 0;
            left: 0;
            text-align: left;
        }

    .landingPromo .preco ul li.moeda span {
        bottom: -1px;
    }

    .landingPromo .preco ul li.valor span {
        width: 100%;
        height: 100%;
        display: block;
        top: 18px;
    }


    .landingPromo .preco ul li.moeda span,
    .landingPromo .preco ul li.valor span {
        color: #fc6400;
    }

.full .landingPromo .preco span.entrada {
    width: 80%;
    height: 7px;
}

.landingPromo .preco ul li.valor span {
    font-size: 40px;
    font-weight: bold;
}

.landingPromo .reservarAgora {
    width: 160px;
    height: 36px;
}

    .landingPromo .reservarAgora a {
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        font-size: 16px;
        line-height: 36px;
    }

.landingPromo .azul {
    background: #508ebe;
}

.landingPromo .laranja {
    background: #ff8400;
}

.landingPromo .promoDestaque {
    border: 1px solid #e1e1e1;
    padding: 5px;
    width: 98%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .landingPromo .promoDestaque .imagem,
    .landingPromo .promoDestaque .infoDestaque {
        width: 49%;
        height: auto;
        overflow: hidden;
    }

    .landingPromo .promoDestaque .imagem {
        position: relative;
    }

    .landingPromo .promoDestaque .infoDestaque {
        color: #508ebe;
    }

    .landingPromo .promoDestaque .imagem .navioPullmantur {
        background: url("https://viajarbarato-a.akamaihd.net/Images/layout/promo-selo-navio-pullmantur.png") top center no-repeat;
        width: 217px;
        height: 175px;
        position: absolute;
        bottom: 0;
        left: 2px;
        z-index: 2000;
    }

    .landingPromo .promoDestaque .imagem .slider-principal {
        width: 100%;
        height: auto;
    }

    .landingPromo .promoDestaque .infoDestaque h4,
    .landingPromo .promoDestaque .infoDestaque h2 {
        color: #508ebe;
    }

    .landingPromo .promoDestaque .infoDestaque h4 {
        font-size: 14px;
        line-height: normal;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-family: Tahoma,Arial;
    }

    .landingPromo .promoDestaque .infoDestaque h2 {
        font-size: 1.3em;
        line-height: 30px;
        font-weight: bold;
        font-family: Tahoma,Arial;
    }

    .landingPromo .promoDestaque .infoDestaque h3 {
        font-size: 1em;
        line-height: normal;
        font-family: Tahoma,Arial;
    }

#slider-mini-1 .slick-slide,
#slider-mini-2 .slick-slide,
#slider-mini-3 .slick-slide,
#slider-mini-4 .slick-slide,
#slider-mini-5 .slick-slide {
    width: auto;
    height: 56px;
    margin-right: 3px;
}

#slider-mini-1 span,
#slider-mini-2 span,
#slider-mini-3 span,
#slider-mini-4 span,
#slider-mini-5 span {
    color: #181818;
}

#slider-mini-1 .slick-slide:last-child,
#slider-mini-2 .slick-slide:last-child,
#slider-mini-3 .slick-slide:last-child,
#slider-mini-4 .slick-slide:last-child,
#slider-mini-5 .slick-slide:last-child {
    margin: 0;
}

#slider-mini-1 .slick-slide img,
#slider-mini-2 .slick-slide img,
#slider-mini-3 .slick-slide img,
#slider-mini-4 .slick-slide img,
#slider-mini-5 .slick-slide img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#slider-mini-1 .draggable,
#slider-mini-2 .draggable,
#slider-mini-3 .draggable,
#slider-mini-4 .draggable,
#slider-mini-5 .draggable {
    padding: 0 !important;
}

    #slider-mini-1 .draggable .slick-track,
    #slider-mini-2 .draggable .slick-track,
    #slider-mini-3 .draggable .slick-track,
    #slider-mini-4 .draggable .slick-track,
    #slider-mini-5 .draggable .slick-track {
        transform: translate3d(0px, 0px, 0px) !important;
        transform: translate(0, 0) !important;
    }


.landingPromo .promoDestaque .infoDestaque .promoAmenidades {
    width: 100%;
    height: auto;
    margin-top: 18px;
}

    .landingPromo .promoDestaque .infoDestaque .promoAmenidades ul li {
        float: left;
        font-size: 12px;
    }

        .landingPromo .promoDestaque .infoDestaque .promoAmenidades ul li.promo-ico-aviao,
        .landingPromo .promoDestaque .infoDestaque .promoAmenidades ul li.promo-ico-all-inclusive,
        .landingPromo .promoDestaque .infoDestaque .promoAmenidades ul li.promo-ico-navio {
            background: url("https://viajarbarato-a.akamaihd.net/Images/layout/promo-ico-aviao.jpg") center left no-repeat;
            padding-left: 30px;
            text-transform: uppercase;
        }

        .landingPromo .promoDestaque .infoDestaque .promoAmenidades ul li.promo-ico-all-inclusive {
            background: url("https://viajarbarato-a.akamaihd.net/Images/layout/promo-ico-all-inclusive.jpg") center left no-repeat;
            padding-left: 30px;
            margin: 0 12%;
        }

        .landingPromo .promoDestaque .infoDestaque .promoAmenidades ul li.promo-ico-navio {
            background: url("https://viajarbarato-a.akamaihd.net/Images/layout/promo-ico-navio.jpg") center left no-repeat;
            padding-left: 30px;
        }

.landingPromo .promoDestaque .infoDestaque .preco {
    width: 100%;
    overflow: hidden;
    margin-top: 5px;
}

.landingPromo .promoDestaque .infoDestaque .actionDesconto {
    width: 49%;
}

.landingPromo .promoDestaque .infoDestaque .preco ul {
    width: 70%;
    float: right;
    margin-right: -108px;
}

    .landingPromo .promoDestaque .infoDestaque .preco ul li.prazo {
        font-size: 30px;
        width: 16%;
        height: 43px;
        position: relative;
    }

        .landingPromo .promoDestaque .infoDestaque .preco ul li.prazo span {
            position: absolute;
            bottom: 0;
            left: 0;
        }

    .landingPromo .promoDestaque .infoDestaque .preco ul li.moeda {
        width: 8%;
        height: 47px;
    }

        .landingPromo .promoDestaque .infoDestaque .preco ul li.moeda span {
            color: #508ebe;
        }

    .landingPromo .promoDestaque .infoDestaque .preco ul li.valor {
        width: 26%;
        height: 43px;
    }

        .landingPromo .promoDestaque .infoDestaque .preco ul li.valor span {
            font-size: 40px;
            color: #508ebe;
            font-weight: bold;
        }

    .landingPromo .promoDestaque .infoDestaque .preco ul li.condicao {
        width: 18%;
        margin-top: 10px;
        font-size: 14px;
        line-height: normal;
    }

        .landingPromo .promoDestaque .infoDestaque .preco ul li.condicao span {
            color: #a6a6a6;
            font-weight: bold;
        }

.landingPromo .promoDestaque .infoDestaque .actionDesconto {
    position: absolute;
    bottom: 0;
    right: 0;
}

    .landingPromo .promoDestaque .infoDestaque .actionDesconto span {
        width: 40%;
        text-align: center;
        font-size: 1.5em;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 38px;
    }

    .landingPromo .promoDestaque .infoDestaque .actionDesconto span,
    .landingPromo .promoDestaque .infoDestaque .actionDesconto .reservarAgora {
        float: left;
    }

    .landingPromo .promoDestaque .infoDestaque .actionDesconto .reservarAgora {
        margin-bottom: 5px;
        width: 58.8%;
    }

.invoice-header {
    display: none !important;
}

#divBox {
    width: 100%;
    margin: 10px auto 20px auto;
}

@media print {

    .logo {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/imgs-v2.png") no-repeat scroll 0 0 transparent;
        -webkit-print-color-adjust: exact;
    }

    #textoConteudoFull .boxItem .tituloItem {
        background-color: #f2f3f3;
        border-bottom: 1px dashed #ccc;
        -webkit-print-color-adjust: exact;
    }

    .table-invoice thead {
        background: #2a323f;
        -webkit-print-color-adjust: exact;
    }

    .sombra {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .ocultar-print {
        display: none !important;
    }

    .invoice-header {
        display: block !important;
    }

    .titulo-oferta-invoice {
        width: 90% !important;
        padding: 0 5% 0 5%;
        font-size: 20px;
        color: #000;
    }
}

/* LANDING DESTINOS */

.landing-destinos {
}

    .landing-destinos h1 {
        width: auto;
        padding-right: 20px;
        float: left;
    }

.classificacao {
    float: left;
    margin-top: 5px;
    height: 20px;
    overflow: hidden;
}

.ranking {
    background: url("/images/Layout/estrelas-votacao.png") no-repeat;
    background-size: 52%;
}

.estrelas-5 {
    background-position-y: -1px;
}

.estrelas-4 {
    background-position-y: -19px;
}

.estrelas-3 {
    background-position-y: -37px;
}

.estrelas-2 {
    background-position-y: -55px;
}

.estrelas-1 {
    background-position-y: -73px;
}

.estrelas-0 {
    background-position-y: -90px;
}

.classificacao a {
    margin-left: 118px;
    font-size: 12px;
    line-height: 26px;
}


.landing .localidadesOfertas span:first-child {
    margin-left: 0;
}

.landing .localidadesOfertas span:last-child {
    display: none;
}

.conteudo-principal-destino {
    position: relative;
    height: 380px;
    overflow: hidden;
}

    .conteudo-principal-destino p {
        text-align: justify;
    }

    .conteudo-principal-destino .totalSlider {
        width: 580px;
        margin: 0 0 0 20px;
    }

    .conteudo-principal-destino a u,
    .conteudo-principal-destino a,
    .conteudo-principal-destino a:visited {
        color: #FD8A00;
        text-decoration: none;
    }

        .conteudo-principal-destino a:hover {
            text-decoration: underline;
        }

    .conteudo-principal-destino h2, .conteudo-principal-destino h2 a[name] {
        font-size: 17px !important;
        font-weight: bold;
        margin-bottom: 3px;
    }

    .conteudo-principal-destino i {
    }

    .conteudo-principal-destino .totalSlider .pika-thumbs {
        height: 52px;
    }

.botao-compre-v1 {
    padding: 1px;
    background: #0EBF2B;
    color: #FFF;
    float: left;
    padding-right: 11px;
    cursor: pointer;
}

    .botao-compre-v1 i {
        border-right: 1px solid #1DAE14;
        padding: 10px;
        margin-right: 10px;
        font-size: 16px;
    }

.boxLerMais {
    position: absolute;
    bottom: 0;
    width: 39%;
    /*height: 88px;*/
}

.sombraLerMais {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/leia-mais-sombra.png") repeat-x;
    width: 100%;
    height: 28px;
    display: block;
}

.lerMais {
    text-align: center;
    font-size: 12px;
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/bg-ver-mais-destinos-2.jpg") repeat-x;
    background-size: unset;
    height: 50px;
    width: 100%;
    float: left;
}

    .lerMais hr {
        margin: 10px 0 0 0;
        float: left;
        width: 30%;
        clear: none;
    }

    .lerMais div {
        float: none;
        width: 147px;
        padding: 0 20px;
        cursor: pointer;
        margin: 12.5px auto 0 auto;
        background-color: #FFF;
    }

        .lerMais div:hover {
            color: #FD8A00;
        }

.menu-principal-destino, .menu-lista-destino {
    width: 100%;
    margin: 0 0 15px 0;
}

.menu-principal-destino {
    margin-bottom: 30px;
}

    .menu-principal-destino ul {
        width: 100%;
    }

        .menu-principal-destino ul li:first-child {
            padding-left: 0;
        }

        .menu-principal-destino ul li:last-child {
            padding-right: 0;
            border-right: 0;
        }

        .menu-principal-destino ul li {
            width: 100%;
            float: left;
            width: 14%;
            padding: 0 15px;
            border-right: 1px solid #cdcdcc;
            margin: 0 0 0 0;
            cursor: pointer;
        }

            .menu-principal-destino ul li a {
                width: 100%;
                height: 100%;
                display: block;
            }

            .menu-principal-destino ul li:hover {
                opacity: 0.6;
            }

            .menu-principal-destino ul li i {
                float: left;
                width: 100%;
                color: #FD8A00;
                text-align: center;
                height: 33px;
                line-height: 33px;
            }

            .menu-principal-destino ul li span {
                float: left;
                width: 100%;
                text-align: center;
                height: 30px;
                border-bottom: 3px solid #ea6635;
            }


.item-lista-destino {
    background: #fafafa;
    border: 1px solid #f2f2f2;
    padding: 10px;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 98%;
}

.menu-lista-resumido-destino {
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

    .menu-lista-resumido-destino .item-lista-destino {
        width: 288px;
        margin-right: 25px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

        .menu-lista-resumido-destino .item-lista-destino:last-child {
            margin-right: 0 !important;
        }

.maisResultados {
    color: #23859e;
    float: right;
    right: 2px;
    border: 1px solid #23859e;
    padding: 10px;
}

    .maisResultados i {
        padding-left: 4px;
        font-size: 12px;
    }

    .maisResultados a {
        text-decoration: none;
        color: #23859e;
    }

        .maisResultados a:hover {
            text-decoration: underline;
        }

.item-lista-destino a {
    text-transform: capitalize;
    text-indent: -99999px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.item-lista-destino ul {
    width: 100%;
}

    .item-lista-destino ul li {
        float: left;
    }

        .item-lista-destino ul li.imagem {
            width: 24%;
            margin-right: 20px;
        }

.menu-lista-resumido-destino .item-lista-destino ul li.imagem {
    width: 98%;
    display: block;
    margin: 0 auto;
    float: none;
}

.item-lista-destino ul li.imagem img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 1px solid #cbc9cd;
    padding: 2px;
    background: #FFF;
}

.menu-lista-resumido-destino .item-lista-destino ul li.imagem img {
    width: 98%;
}

.item-lista-destino ul li.titulo {
    width: 73%;
}

.menu-lista-resumido-destino .item-lista-destino ul li.titulo {
    width: 100%;
}


.item-lista-destino ul li.titulo h3 {
    font-size: 18px;
    color: #2a7c91;
}

.menu-lista-resumido-destino .item-lista-destino ul li.titulo h3 {
    font-size: 14px;
}

.item-lista-destino ul li.titulo h4:hover {
    text-decoration: underline;
}

.item-lista-destino ul li.texto {
    width: 73%;
}

    .item-lista-destino ul li.texto p {
        color: #636363;
        margin-bottom: 10px;
        text-align: justify;
    }

.menu-lista-resumido-destino .item-lista-destino ul li.texto {
    width: 100%;
    text-align: justify;
}

.item-lista-destino ul li.ver-mais {
    width: 73%;
    text-align: right;
    text-decoration: underline;
    color: #636363;
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.item-lista-destino ul li.full {
    width: 100%;
}

.menu-lista-resumido-destino .item-lista-destino ul li.ver-mais {
    width: 96%;
    text-align: right;
    text-decoration: underline;
    color: #636363;
    cursor: pointer;
    position: static;
    margin-bottom: 10px;
}

.conteudo-principal-destino .pika-stage .caption {
    width: 96%;
    margin: 0;
    right: 2px;
    bottom: 1px;
    text-align: left;
}

.ofertas-relacionadas-localidade ul.blocoOfertasLocalidades {
    width: 130%;
}

.ofertas-relacionadas-localidade {
    position: relative;
    overflow: hidden;
}

    .ofertas-relacionadas-localidade .TituloBlocoOfertas,
    .menu-lista-destino h2.TituloBlocoOfertas {
        display: block;
        width: 100%;
        font-size: 22px;
        color: #23859e;
        margin-bottom: 20px;
    }

.menu-lista-destino h2.TituloBlocoOfertas {
    font-size: 18px;
}

    .ofertas-relacionadas-localidade .TituloBlocoOfertas i,
    .menu-lista-destino h2.TituloBlocoOfertas i {
        color: #2a7c91;
        font-size: 16px;
    }

.ofertas-relacionadas-localidade .TituloBlocoOfertas i {
    margin-right: 5px;
}

.ofertas-relacionadas-localidade .setaDireita,
.ofertas-relacionadas-localidade .setaEsquerda {
    width: auto;
    position: absolute;
    right: 0;
    margin-top: 10%;
    cursor: pointer;
}

.ofertas-relacionadas-localidade .setaEsquerda {
    left: 0;
    width: 13px;
}

.ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li {
    width: 307px;
    float: left;
    margin-right: 26px;
    margin-bottom: 26px;
    min-height: auto;
}

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li:last-child {
        margin-right: 0;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco {
        width: 465px;
        margin-right: 44px;
    }
        /*.ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li h2 {
    color:#636363;
    font-size:15px;
    margin:2% 0 0 2%;
    width:98%;
    line-height:18px;
    height:40px;

}*/
        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco h2 {
            height: 25px;
        }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li .boxPreco {
        width: 55%;
        margin: 2% 0 0 2%;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal .boxPreco {
        width: 86%;
    }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal .boxPreco span.precoPor {
            width: 43.5%;
        }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco {
        width: 99%;
        margin: 0;
    }


    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco .boxPreco .precoAntigo {
        float: none;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li button,
    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta button,
    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal button {
        background-color: #FF8152;
        background: #FF8152;
        border: 0;
        border-bottom: 4px solid #ea6635;
        font-size: 12px;
        /*width:40%;*/
        margin-top: 14px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal button {
        width: 30px;
        margin: 7px 0 0 0;
        padding: 6px 6px 5px 6px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta button {
        margin-top: 8px;
        height: 24px;
        line-height: 5px;
    }


    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li div.imagemOferta,
    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta div.imagemOferta {
        width: 100%;
        height: 164px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco div.imagemOferta {
        min-height: 246px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li div.imagemOferta img,
    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta div.imagemOferta img {
        width: 100%;
        height: auto;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal div.imagemOferta img {
        height: 100%;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco span.precoPor {
        width: 38% !important;
        padding-left: 2%;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li div.imagemOferta ul.amenidades,
    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco ul.amenidades {
        width: 49%;
        margin-top: 8px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal .boxPreco ul.amenidades {
        display: block;
        width: 55%;
        height: 28px;
        float: right;
        margin: 0;
        overflow: hidden;
    }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal .boxPreco ul.amenidades li {
            margin: 0;
            padding: 0;
        }

            .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal .boxPreco ul.amenidades li span {
                display: none;
            }


        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li div.imagemOferta ul.amenidades li,
        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco ul.amenidades li,
        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal .boxPreco ul.amenidades li {
            /*display:none;*/
            background-size: 97% !important;
            width: 49% !important;
            height: auto;
            margin-left: 0;
        }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco #ofertaGrande div.imagemOferta ul.amenidades,
    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco #ofertaPequena div.imagemOferta ul.amenidades {
        display: inline-block;
        bottom: -92px;
        left: 150px;
        width: 200px;
        height: 32px;
        overflow: hidden;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li #ofertaGrande ul.mesSaidaMaritimo,
    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li #ofertaPequena ul.mesSaidaMaritimo {
        display: none;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li #ofertaGrande,
    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li #ofertaPequena {
        padding-bottom: 8px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal .boxPreco .precoAntigo,
    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal #ofertaGrande div.imagemOferta ul.amenidades {
        display: none;
    }

/*AÉREO BUSCADOR*/

#searchEngine {
    background: rgba(119,119,119,0.05);
    text-align: center;
    border: 1px solid #E7E7E7;
}

    #searchEngine #show_research, #searchEngine .research, #searchEngine h1.matrix {
        display: none;
    }

    #searchEngine .content {
        width: 96%;
        margin: 10px auto 10px auto;
        padding: 0 20px;
        text-align: left;
        height: 215px;
        position: relative;
    }

        #searchEngine .content .content {
            height: auto;
            padding-left: 0;
        }

        #searchEngine .content .advanced #air_advanced_check,
        #searchEngine .content .advanced label,
        #searchEngine .content label small,
        #searchEngine div h2,
        #air_travelers_check {
            display: none;
        }

        #searchEngine .content .advanced .content {
            display: block;
            margin-left: 0;
        }

            #searchEngine .content .advanced .content label p {
                margin: 0 !important;
            }

        #searchEngine .content .passengers .content {
            display: block;
            padding: 0;
            width: 102%;
            margin: 0 0 0 3px;
        }

            #searchEngine .content .passengers .content label {
                display: block;
                float: left;
                width: 29%;
            }

                #searchEngine .content .passengers .content label:last-child {
                    margin-right: 0;
                }

        #searchEngine .content label {
            width: 48%;
            float: left;
            font-weight: normal;
            margin-right: 20px;
            margin-bottom: 4px;
        }

            #searchEngine .content label.going_to,
            #searchEngine .content label.date:last-child {
                margin-right: 0;
            }

        #searchEngine .content .destination .advanced {
            width: 100%;
            margin-left: 0;
            position: absolute;
            bottom: 0;
        }

        #searchEngine .content .travelers {
            width: 48%;
            float: left;
        }

        #searchEngine .content label.date {
            width: 22.5%;
        }

        #searchEngine .content label,
        #searchEngine .content label span {
            color: #777;
        }

            #searchEngine .content label input,
            #searchEngine .content label select {
                background: #FFF;
                padding-left: 5px;
            }

                #searchEngine .content label input[type="radio"] {
                    margin: 3px 3px 0px 0px;
                }



        #searchEngine .content .radio {
            width: 100%;
            float: left;
        }

            #searchEngine .content .radio label {
                width: 15%;
            }

        #searchEngine .content .advanced label.airline,
        #searchEngine .content .advanced label.cabin,
        #searchEngine .content .advanced label.no-stop {
            display: block;
            width: 22.7%;
            font-size: 12px;
        }

            #searchEngine .content .advanced label.airline select,
            #searchEngine .content .advanced label.cabin select,
            #searchEngine .content .advanced label.no-stop input {
                font-size: 11px;
            }

        #searchEngine .content .advanced label.no-stop {
            margin-top: 25px;
        }

.search_engine .send {
    position: absolute;
    right: 8px;
    bottom: -22px;
    background: #fd8c00 !important;
}

.search_engine .send {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    border-width: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 5px 10px;
    margin: 0px;
    float: right;
    z-index: 1;
    position: relative;
}

.dropBox {
    background: #FFF;
    font-size: 11px;
    width: 351px !important;
    z-index: 1000 !important;
}

    .dropBox .dbBody {
        overflow: auto !important;
    }

    .dropBox tr {
        border-bottom: 1px solid #CCC;
        cursor: pointer;
    }

        .dropBox tr:hover {
            background: #23859e;
            color: #FFF;
        }

        .dropBox tr td {
            padding: 2% 5%;
        }


.boxFacebook {
    width:fit-content;
    height: 25px;
    margin: 0px 5px;
}

.boxGPlus {
    width:fit-content;
    height: 25px;
    margin: 0px 5px;
}

.boxTwitter {
    width:fit-content;
    height: 25px;
    margin: 0px 5px;
}

.boxPinterest {
    width:fit-content;
    height: 25px;
    margin: 0px 5px;
}
/* BUSCADOR DE CRUZEIROS */
#IdBuscador {
}

    #IdBuscador div {
    }

        #IdBuscador div h3 {
            font-size: 24px;
            line-height: 30px;
            color: #23859e;
            margin-bottom: 0px;
        }

    #IdBuscador fieldset {
        margin-top: 20px;
    }

        #IdBuscador fieldset p {
            width: 31%; /*Ajuste provisório - remoção do campo data*/
            /*width: 39%; */
            float: left;
            margin-right: 2.5%;
        }
/*Ajuste provisório - remoção do campo data*/

            #IdBuscador fieldset p:last-of-type {
                width: 15%;
                float: left;
                margin-right: 0 !important;
            }


            #IdBuscador fieldset p label {
                width: 100%;
                padding-left: 3px;
            }

            #IdBuscador fieldset p select {
                width: 100%;
            }

        #IdBuscador fieldset input {
            width: 16%;
            float: right;
            background-color: #fc6400;
            background: #fc6400;
            margin-top: 26px;
            margin-right: 1px;
            height: 30px;
            line-height: 14px;
        }

            #IdBuscador fieldset input:hover {
                background-color: #fd9400;
                background: #fd9400;
            }

/* FIM BUSCADOR DE CRUZEIROS */


/* ILUSTRAÇÃO DE PASSOS DA COMPRA */

#OfertaIlustracaoDeCompra,
#checkoutIlustracaoDeCompra {
    float: left;
}

.OfertaIlustracaoDeCompra,
.checkoutIlustracaoDeCompra {
    width: 100%;
}

    .OfertaIlustracaoDeCompra ul,
    .checkoutIlustracaoDeCompra ul {
        width: 100%;
    }

        .OfertaIlustracaoDeCompra ul li,
        .checkoutIlustracaoDeCompra ul li {
            color: #565656;
            font-size: 14px;
            width: 25%;
            float: left;
            list-style: none;
        }

#OfertaIlustracaoDeCompra ul li,
#checkoutIlustracaoDeCompra ul li {
    list-style: none;
    position: relative;
}

#OfertaIlustracaoDeCompra ul,
#checkoutIlustracaoDeCompra ul {
    margin: 0;
    width: 100%;
    background-image: url(https://viajarbarato-a.akamaihd.net/Images/Layout/icones/linha-cinza.jpg);
    background-repeat: repeat-x;
    height: 100px;
    background-position-y: 60%;
}

#checkoutIlustracaoDeCompra ul {
    background-position-y: 40%;
}

.OfertaIlustracaoDeCompra ul li span,
.checkoutIlustracaoDeCompra ul li span {
    font-weight: bold;
    color: #989898;
    font-size: 19px;
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 2;
}

.OfertaIlustracaoDeCompra ul li div.icone,
.checkoutIlustracaoDeCompra ul li div.icone {
    width: 100%;
    height: 75px;
    margin: 0 auto;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    position: static;
    z-index: 2;
}

.OfertaIlustracaoDeCompra ul li div.ajusteTracoEsquerda,
.checkoutIlustracaoDeCompra ul li div.ajusteTracoEsquerda {
    width: 26.2%;
    position: absolute;
    left: 0;
    top: 0;
    height: 75px;
    background-color: #FFF;
    z-index: 1;
}

.OfertaIlustracaoDeCompra ul li div.ajusteTracoDireita,
.checkoutIlustracaoDeCompra ul li div.ajusteTracoDireita {
    width: 26.2%;
    position: absolute;
    right: 0;
    top: 0;
    height: 75px;
    background-color: #FFF;
}

.OfertaIlustracaoDeCompra ul li.traco {
    float: left;
    width: 100%;
    display: none;
}

.checkoutIlustracaoDeCompra ul li div.ajusteTracoEsquerda,
.checkoutIlustracaoDeCompra ul li div.ajusteTracoDireita {
    width: 28%;
}

.OfertaIlustracaoDeCompra ul li.traco div.traco-vertical {
    min-width: 76px;
    width: 20%;
    margin-left: 5%;
    height: 15px;
    background-image: url(https://viajarbarato-a.akamaihd.net/Images/Layout/icones/linha2-vertical-cinza.jpg);
    background-repeat: repeat-y;
    background-position: center;
}

.OfertaIlustracaoDeCompra ul li div.icoCalendario {
    background-image: url(https://viajarbarato-a.akamaihd.net/Images/Layout/icones/icone-calendario-cinza.jpg);
}

.OfertaIlustracaoDeCompra ul li div.icoAtendente {
    background-image: url(https://viajarbarato-a.akamaihd.net/Images/Layout/icones/icone-atendente-cinza.jpg);
}

.OfertaIlustracaoDeCompra ul li div.icoConfirmacao {
    background-image: url(https://viajarbarato-a.akamaihd.net/Images/Layout/icones/icone-confirmacao-cinza.jpg);
}

.OfertaIlustracaoDeCompra ul li div.icoEmail {
    background-image: url(https://viajarbarato-a.akamaihd.net/Images/Layout/icones/icone-email-cinza.jpg);
}

.checkoutIlustracaoDeCompra ul li div.icoEntrada {
    background-image: url(https://viajarbarato-a.akamaihd.net/Images/Layout/icones/icone-cartao-azul.jpg);
}

.checkoutIlustracaoDeCompra ul li div.icoNomes {
    background-image: url(https://viajarbarato-a.akamaihd.net/Images/Layout/icones/icone-nomes-cinza.jpg);
}

.checkoutIlustracaoDeCompra ul li div.icoCalendarioCheckout {
    background-image: url(https://viajarbarato-a.akamaihd.net/Images/Layout/icones/icone-calendario-checkout-cinza.jpg);
}

.checkoutIlustracaoDeCompra ul li div.icoPagamento {
    background-image: url(https://viajarbarato-a.akamaihd.net/Images/Layout/icones/icone-pagamento-restante-cinza.jpg);
}


.OfertaIlustracaoDeCompra ul li p,
.checkoutIlustracaoDeCompra ul li p {
    text-align: center;
    width: 90%;
    font-weight: normal;
    font-size: 12px;
}

    .OfertaIlustracaoDeCompra ul li p.mostrarNoMobile,
    .checkoutIlustracaoDeCompra ul li p.mostrarNoMobile {
        font-size: 12px;
    }

.checkoutIlustracaoDeCompra ul li p {
    line-height: 14px;
    width: 100%;
}

    .checkoutIlustracaoDeCompra ul li p.selecionado {
        color: #005293;
    }



/* FIM ILUSTRAÇÃO DE PASSOS DA COMPRA */

/* INICIO OVERLAY INFO ENTRADA */



div.overlayInfoEntrada {
    border: 1px solid #CCC;
    z-index: 9001;
    display: none;
    width: 500px;
    min-width: 300px;
    font-size: 10px;
    position: absolute;
    background-color: #FFF;
    top: 45px;
    right: 0;
    padding: 8px 0 8px 0;
}


.infoEntrada,
.infoSaldo {
    background-color: #f6fffe;
    padding: 20px 0 20px 0;
    font-size: 12px;
    float: left;
    width: 100%;
    display: block;
    margin-top: 10px;
}

    .infoEntrada div.item1,
    .infoSaldo div.item1 {
        color: #086eb0;
        float: left;
        width: 37%;
        padding-right: 10px;
        text-align: right;
    }

        .infoEntrada div.item1 p {
            line-height: 55px;
            margin-bottom: 0;
        }

        .infoSaldo div.item1 p {
            line-height: 75px;
            margin-bottom: 0;
        }

    .infoEntrada div.item2 p,
    .infoSaldo div.item2 p {
        padding-top: 10px;
    }


    .infoSaldo div.item1 {
        color: #000;
    }

    .infoEntrada div.item2,
    .infoSaldo div.item2 {
        border-left: 1px solid #000;
        float: left;
        padding: 0 0 0 20px;
        width: 50%;
    }

    .infoEntrada div.item1 span.infoPrefixo,
    .infoSaldo div.item1 span.infoPrefixo {
        margin-right: 3px;
    }

    .infoEntrada div.item2 span.infoPrefixo,
    .infoSaldo div.item2 span.infoPrefixo {
        margin-right: 3px;
    }

    .infoEntrada div.item1 span.infoValorEntrada {
        font-size: 24px;
    }

.infoSaldo {
    background-color: #fffef6;
    margin-top: 10px;
}

.debito-info {
    position: absolute;
    bottom: 44px;
    margin: 0 0 30px;
    line-height: 18px;
}

    .debito-info b {
        font-weight: bold;
        color: #086eb0;
    }

    @media (min-width: 700px) {
        p.cpf-info {
            width: 100% !important;
            position: relative;
            top: -20px;
        }
    }

/*tabela dinamica de opcoes na oferta*/

th {
    border: 1px solid #ccc;
    font-weight: bold;
    text-align: left;
    padding: 3px;
}

.options-list {
    display: none;
}

.adicionais-list {
    display: block !important;
}


.options-list th {
    border: 1px solid #ccc;
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
    min-width: 80px;
    width: 100%;
}

.options-list.active {
    display: block;
}

.options-list td,
.options-list th {
    display: table-cell;
    vertical-align: middle;
}

.options-list td {
    cursor: pointer;
}

.options-list .oferta-esgotada {
    color: #999;
    cursor: default;
    pointer-events: none;
}

.textoDetalheDestaque {
    background: #ffe8a2;
    padding: 0px 6px;
    position: relative;
    bottom: -10px;
    display: inline-block;
    left: 44.5%;
    transform: translateX(-50%);
    border: 1px solid #c9a948;
    font-size: 11px;
}


    .textoDetalheDestaque:before {
        content: '';
        width: 5px;
        height: 5px;
        display: block;
        position: absolute;
        background: #ffe8a2;
        top: -4px;
        left: 50%;
        margin-left: -6px;
        transform: rotate(45deg);
        border-top: 1px solid #c9a948;
        border-left: 1px solid #c9a948;
    }

.periodo-data {
    margin: 0 auto 20px;
    display: inline-block;
}

    .periodo-data .item {
        display: inline-block;
    }

        .periodo-data .item + .item:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            width: 18px;
            height: 18px;
            transform: rotate(45deg);
            border-top: 2px solid #ccc;
            border-right: 2px solid #ccc;
            margin-left: 10px;
            margin-right: 18px;
        }

        .periodo-data .item .dia {
            display: inline-block;
            vertical-align: middle;
            font-size: 42px;
        }

        .periodo-data .item .mes-ano {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            line-height: 18px;
        }

/* FIM OVERLAY INFO ENTRADA */


/* frame de busca hotel expedia */
#hotel-search {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 760px;
    overflow: hidden;
    position: relative;
    background-image: url('https://viajarbarato-a.akamaihd.net/Images/BannerSearchHotel/bg-buscador-hotel.jpg');
    margin-bottom: 30px;
    min-height: 367px;
}

    #hotel-search .loader {
        text-align: center;
        min-height: 367px;
        background-image: url(https://viajarbarato-a.akamaihd.net/Images/_layout/ajax-loader-comprar.gif);
        background-repeat: no-repeat;
        background-position: center 45%;
    }

        #hotel-search .loader p {
            top: 50%;
            position: absolute;
            width: 100%;
        }

.sugestao {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    text-align: right;
    background: transparent;
    color: white;
    font-family: Arial;
    font-size: 12px;
    padding: 10px;
    box-sizing: border-box;
    text-shadow: 0px 0px 5px rgba(0,0,0,1);
}

    .sugestao strong {
        display: block;
        font-size: 16px;
    }


#hotel-search .hcom-aff {
    background-color: transparent;
}

    #hotel-search .hcom-aff .widget-query .widget-query-group {
        border: none !important;
    }

    #hotel-search .hcom-aff .widget-query {
        background-color: rgba(240, 240, 240, 0.9);
        max-width: 345px;
        margin-top: 15px;
        margin-left: 15px;
        margin-bottom: 15px;
        z-index: 2;
    }

        #hotel-search .hcom-aff .widget-query .widget-query-ft .cta {
            display: block;
            width: 100%;
            font-weight: 400;
            font-size: 16px;
            text-transform: uppercase;
            background: #fa850a;
            border: none;
            border-radius: 0;
            margin: 0 0 10px 0;
        }

            #hotel-search .hcom-aff .widget-query .widget-query-ft .cta:hover {
                background: #ed8416;
            }

    #hotel-search .hcom-aff .widget-query-geo .widget-query-destination {
        padding-right: 15px;
    }

    #hotel-search .hcom-aff .widget-query .widget-query-dates, #hotel-search .hcom-aff .widget-query form > .widget-query-group:first-child {
        padding-bottom: 0;
    }

    #hotel-search .hcom-aff .widget-query-dates .widget-query-nights .widget-query-nights-label {
        padding-right: 2px;
    }

    #hotel-search .hcom-aff .widget-query .cta-geo,
    #hotel-search .hcom-aff .widget-query .widget-query-heading:before {
        display: none;
    }



@media (min-width: 600px) {
    #hotel-search .hcom-aff .widget-query select {
        width: 100%;
    }

    #hotel-search .hcom-aff .widget-query-adults, #hotel-search .hcom-aff .widget-query-children {
        text-align: left;
    }

    #hotel-search .hcom-aff .widget-query-people {
        margin-left: 136px;
    }

    #hotel-search .hcom-aff .widget-query-room-children > span, #hotel-search .hcom-aff .widget-query-room-options-label {
        margin-left: 80px;
    }
}

@media (max-width: 600px) {
    .sugestao {
        display: none;
    }

    #hotel-search .hcom-aff .widget-query {
        margin: 0;
    }

    #hotel-search {
        background-image: none;
    }

    .hcom-aff.widget-daterange {
        z-index: 999999;
    }

    #hotel-search .hcom-aff .widget-query-room-number select {
        margin: 0;
    }

    #hotel-search .hcom-aff .widget-query-people {
        margin-right: 0;
        margin-left: 0;
        margin-top: 30px;
    }

    #hotel-search .hcom-aff .RTL .widget-query-room-number + .widget-query-room-options .widget-query-room-options-label,
    #hotel-search .hcom-aff .widget-query-room-number + .widget-query-room-options .widget-query-room-options-label {
        margin-top: 0;
    }

    #hotel-search .hcom-aff .widget-query-adults, .hcom-aff .widget-query-children {
        margin-left: 0;
    }

    #hotel-search .hcom-aff .widget-query .widget-query-room-number label {
        margin-top: -25px;
    }
}

.tblFrequenciaEmail,
.tblMotivos {
}

    .tblFrequenciaEmail tr,
    .tblMotivos tr {
    }

        .tblFrequenciaEmail tr td,
        .tblMotivos tr td {
        }

            .tblFrequenciaEmail tr td input,
            .tblFrequenciaEmail tr td label,
            .tblMotivos tr td input,
            .tblMotivos tr td label {
                float: left;
            }

#divEmail span {
    float: left;
    margin-right: 5px;
}

#divEmail label {
}

#divbotaoenviar {
    width: 265px;
}

.FrequenciaEmail {
    margin: 10px 0 10px 0;
}

    .FrequenciaEmail h5 {
        font-weight: bold;
        margin: 0 0 10px 0;
    }

    .FrequenciaEmail h6 {
        font-weight: bold;
        margin: -10px 0 10px 0;
    }

    .FrequenciaEmail label {
        font-weight: normal;
    }

.msgRetorno span,
.msgRetorno a {
    float: left;
    display: block;
    width: 100%;
}

.msgRetorno span {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #eee;
    font-style: italic;
}

.msgRetorno a {
    width: 194px;
}

.bestprice,
.menorValorOrigem {
    background: #4CAF50;
    color: white;
    border-radius: 3px;
    display: block;
}

.bestprice {
    background-color: #fd8a00 !important;
}


.loadingFrequencia {
    background: url("https://viajarbarato-a.akamaihd.net/images/Layout/autenticar-loader.gif") right center no-repeat;
    padding: 10px;
    width: 225px;
}

.legendaMenorValor {
    display: inline-block;
    margin: 10px 20px 10px 0;
    font-size: 12px;
}

.legendaMenorValor::before {
    content: '';
    width: 18px;
    height: 8px;
    display: inline-block;
    background-color: #4CAF50;
    vertical-align: middle;
    margin-right: 6px;
    border-radius: 3px;
    position: relative;
    top: -2px;
}

.legendaMenorValor.legendaMenorValorOferta::before {
    background-color: #fd8a00;
}

div.dropOpcoes{
    display:inline-block;
}


div#offerFilters > p {
    display: inline-block;
    width: 45%;
    margin-left: 5px;
}

a.lnkTermosECondicoes {
    color: #23859E !important;
    text-decoration: underline !important;
}

/*Checkout cruzeiros*/
div.boxTermosECondicoes {
    display:inline-block;
    margin-left:87px;
}

/*Checkout outros produtos*/
div.infoTermosCondicoes {
    clear: both;
    position: relative;
    top: -32px;
    text-align: right;
    padding-right: 43px;
}

@media (max-width: 800px) {
    div.infoTermosCondicoes {
        text-align: center;
        padding-right: 0;
    }
}

div.infoTermosCondicoes input {
    position: relative;
    bottom: -2px;
}

.restamX.cronoFull {
    padding: 0 !important;
}

.dual-urgencia .detalheOferta .precoFlutuante .restamX {
    height: 100px;
}

.dual-urgencia .restamX.cronoFull {
    padding: 0 !important;
}

.dual-urgencia div#cronometro {
    color: #e90505;
    margin: 0;
}

.dual-urgencia {
    text-align: center;
    padding-top: 50px;
    background-image: url(http://img.viajarbarato.com.br/Images/_diversas/volte-viajar-cronometro.png);
    background-repeat: no-repeat;
    background-position: center 5px;
}

.dual-urgencia div#cronometro {
    text-indent: -999rem;
}

.dual-urgencia div#cronometro #contador {
    text-indent: 0;
    position: relative;
    top: -20px;
    margin: 0;
}

#oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini div.imagemOferta div.flag-promocao {
    height: initial;
    top: 10px;
    left: 0;
}

.ofertaMini .imagemOferta .flag-promocao {
    height: auto !important;
    top: 10px !important;
    left: 0px !important;
}


@media (max-width: 600px) {
    .dual-urgencia {
        padding: 0;
        background-image: none;
    } 

    .col-principal ul li.ofertaMini div.imagemOferta div.flag-promocao , #oferta-visitadas-anteriormente .ofertas ul.jaVisitadas li.ofertaMini div.imagemOferta div.flag-promocao {
        width: 86px;
        height: initial;
        position: absolute;
        top: 6px;
        left: -10px;
    }

    #precoFlutuanteMobile .dual-urgencia {
        background-image: none !important;
    }
}


/* Banners Whatsapp */
.blocoWhatsapp {
    margin-top: 60px;
    margin-bottom: 40px;
    display: flex;
    gap: 10px;
}

.containerWhatsapp {
    display: contents;
}

    .containerWhatsapp img {
        width: 100%;
    }

@media (max-width: 620px) {
    .blocoWhatsapp {
        display: block;
    }
}
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================[=
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

/* #Base 100% 
================================================== */

.container100 {
    position: relative;
    width: 100%;
    margin: 7px auto 0;
    padding: 0;
    display: block;
    overflow: hidden;
    background: #FFF;
}

/* #Base 1000 Grid
================================================== */

.container {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    display: block;
    overflow: hidden;
}

    .container .column,
    .container .columns {
        float: left;
        display: inline;
        margin-left: 10px;
        margin-right: 10px;
    }

.row {
    margin-bottom: 20px;
}

/* Nested Column Classes */
.column.alpha, .columns.alpha {
    margin-left: 0;
}

.column.omega, .columns.omega {
    margin-right: 0;
}

/* Base Grid */
.container .one.column,
.container .one.columns {
    width: 40px;
}

.container .two.columns {
    width: 160px; /*160*/
}

.footer .two.columns {
    width: 198px!important;
}

.container .three.columns {
    width: 200px;
}

.container .four.columns {
    width: 220px;
}

.container .five.columns {
    width: 280px;
}

.footer .five.columns {
    width: 210px;
}

.container .six.columns {
    width: 340px;
}

.container .seven.columns {
    width: 400px;
}

.container .eight.columns {
    width: 460px;
}

.container .nine.columns {
    width: 520px;
}

.container .ten.columns {
    width: 580px;
}

.container .eleven.columns {
    width: 640px;
}

.container .twelve.columns {
    width: 700px;
}

.container .thirteen.columns {
    width: 760px;
}

.container .fourteen.columns {
    width: 820px;
}

.container .fifteen.columns {
    width: 880px;
}

.container .sixteen.columns {
    width: 980px;
}

.container .one-third.column {
    width: 300px;
}

.container .two-thirds.column {
    width: 620px;
}

/* Offsets */
.container .offset-by-one {
    padding-left: 60px;
}

.container .offset-by-two {
    padding-left: 120px;
}

.container .offset-by-three {
    padding-left: 180px;
}

.container .offset-by-four {
    padding-left: 240px;
}

.container .offset-by-five {
    padding-left: 300px;
}

.container .offset-by-six {
    padding-left: 360px;
}

.container .offset-by-seven {
    padding-left: 420px;
}

.container .offset-by-eight {
    padding-left: 480px;
}

.container .offset-by-nine {
    padding-left: 540px;
}

.container .offset-by-ten {
    padding-left: 600px;
}

.container .offset-by-eleven {
    padding-left: 660px;
}

.container .offset-by-twelve {
    padding-left: 720px;
}

.container .offset-by-thirteen {
    padding-left: 780px;
}

.container .offset-by-fourteen {
    padding-left: 840px;
}

.container .offset-by-fifteen {
    padding-left: 900px;
}


.versao-web {
    display: none;
}

.detalheOferta #precoFlutuanteMobile {
    display: none;
}

.menu-mobile {
    display: none;
}

.blocoOfertasRelacionadas {
    width: 758px !important;
}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */



@media only screen and (min-width: 768px) and (max-width: 959px) {

    #ContentPlaceHolder1_pnlPagamentoExpirado .telefonesBox ul.ulTelefones li {
        width:174px;
    }
    .resumoPagamento .ofertaEncerrada p {
        width:77%;
    }

    .menu-lista-resumido-destino {
        width: 300%;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta button {
        height: 29px;
        line-height: 10px;
    }

    .footer ul li.logo-abav {
        width: 76px;
    }

    .footer ul li.logo-clia {
        width: 80px;
    }

    /*LANDING DESTINOS INICIO*/
    .destinos-slider {
        float: none !important;
        margin: 0 !important;
    }

        .destinos-slider .slider {
            overflow: initial;
        }

            .destinos-slider .slider .pika-thumbs {
                position: absolute;
                top: 0;
                right: -171px;
                width: 170px !important;
                height: 308px;
            }

            .destinos-slider .slider .setaDireita,
            .destinos-slider .slider .setaEsquerda {
                display: none !important;
            }

            .destinos-slider .slider .pika-thumbs li {
                width: 80px;
                height: 45px;
                margin-bottom: 3px;
            }

    .conteudo-principal-destino {
        height: 444px;
        width: 100%;
        margin: 0 auto;
    }

        .conteudo-principal-destino .totalSlider {
            overflow: initial;
            width:100%;
        }
        .conteudo-principal-destino .totalSlider .pika-stage .caption {
            width:97%;            
            right:1px!important;
        }
        
        .conteudo-principal-destino .totalSlider .pika-thumbs {            
            width:100%!important;
            right:0;
            height:auto;
            position:static;
            margin-bottom:10px;
        }

        .conteudo-principal-destino p {
            float: right;
        }

    .boxLerMais {
        width: 100%;
        margin: 0 auto;
    }

    .lerMais hr {
        width: 32%;
    }

    .menu-principal-destino ul li {
        width: 13%;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco {
        width: 36%;
        margin-right: 3%;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li {
        width: 50%;
    }

    .menu-lista-resumido-destino .item-lista-destino {
        width: 338px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal .boxPreco ul.amenidades {
        height: 30px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal button {
        margin: 7px 0 0 0;
        padding: 5px;
    }



    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco div.imagemOferta {
        height: 10%;
        min-height: 10%;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta div.imagemOferta {
        height: 194px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco h2 {
        height: 40px;
        margin-top: 10px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta p {
        height: 40px;
        margin-top: 10px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco div.imagemOferta ul.amenidades {
        display: none !important;
    }


    /*LANDING DESTINOS FIM*/

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset div.data {
        width: 51.5% !important;
    }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset div.data label {
            width: 100%;
            display: block;
        }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset div.data p {
            margin-right: 10px;
            width: 44% !important;
        }

    #textoConteudoFull .boxItem ul.entrada li.item,
    #textoConteudoFull .boxItem ul.formCartao li.item {
        width: 460px;
        padding-left: 10px;
        font-size: 12px;
    }

    #textoConteudoFull .boxItem ul.entrada li.titulo,
    #textoConteudoFull .boxItem ul.formCartao li.titulo {
        width: 150px;
        font-size: 12px;
    }

    #textoConteudoFull .boxItem ul.entrada li.valor,
    #textoConteudoFull .boxItem ul.formCartao li.valor {
        width: 119px;
        font-size: 12px;
    }

    #textoConteudoFull ul.resumoPagamentoTotal,
    #textoConteudoFull ul.resumoPagamentoPendente {
        width: 246px;
        font-size: 12px;
    }

    #textoConteudoFull .boxItem ul.entrada .checkPago, #textoConteudoFull .boxItem ul.formCartao .checkPago {
        background-position-x: 96%;
    }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.col-lg-4,
    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.parcelas {
        width: 98%;
    }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.col-lg-3,
    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.col-lg-2 {
        width: 46.5%;
    }


    #textoConteudoFull .boxItem ul.formCartao {
        height: 240px;
    }

        #textoConteudoFull .boxItem ul.formCartao li.titulo,
        #textoConteudoFull .boxItem ul.formCartao li.valor {
            height: 314px;
        }

            #textoConteudoFull .boxItem ul.formCartao li.titulo div,
            #textoConteudoFull .boxItem ul.formCartao li.valor div {
                margin-top: 75%;
            }

                #textoConteudoFull .boxItem ul.formCartao li.valor div span:first-child {
                    margin-top: 114px;
                }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset {
        }

            #textoConteudoFull .boxItem ul.formCartao li.item fieldset p {
                width: 94%;
            }

                #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.data {
                    width: 33% !important;
                }

                #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg {
                    width: 31%;
                }


    ul.breadCrumbPassageiros,
    .sliderPassageiros .navPassageiros {
        display: block;
    }

    .sliderPassageiros .ocultarPassageiros {
        display: none;
    }

    .sliderPassageiros {
        height: 270px;
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
    }

        .sliderPassageiros .boxFieldsetPassageiros {
            width: 100%;
            position: relative;
        }

    #textoConteudoFull .sliderPassageiros .dadosPassageiros {
        float: left;
        width: 99%;
    }


    .retirar-label label {
        display: block;
    }

    .faltaCupons, .totalCupons {
        margin: 0;
    }

    #textoConteudoFull .boxItem fieldset.reserva p {
        width: 46% !important;
    }

    #textoConteudoFull #dadosCliente fieldset p {
        width: 45% !important;
    }

        #textoConteudoFull #dadosCliente fieldset p.ddd,
        #textoConteudoFull #dadosCliente fieldset p.fone {
            width: 21% !important;
        }

    .container {
        width: 768px;
    }

    .headerMobile, #litMenuMobile {
        display: none;
    }

    #oferta-visitadas-anteriormente {
        display: none !important;
    }

    a#buscarAhoraVuelos {
        right: 32px !important;
    }

    .container .column,
    .container .columns {
        margin-left: 10px;
        margin-right: 10px;
    }

    .column.alpha, .columns.alpha {
        margin-left: 0;
        margin-right: 10px;
    }

    fieldset.recebeOfertas {
        margin-left: 18px;
    }


    .column.omega, .columns.omega {
        margin-right: 0;
        margin-left: 10px;
    }

    .alpha.omega {
        margin-left: 0;
        margin-right: 0;
    }

    .container .one.column,
    .container .one.columns {
        width: 28px;
    }

    .container .two.columns {
        width: 160px;
    }

    .container .three.columns {
        width: 164px;
    }

    .container .four.columns {
        width: 172px;
    }

    .container .five.columns {
        width: 220px;
    }

    .container .six.columns {
        width: 320px;
    }

    .container .seven.columns {
        width: 316px;
    }

    .container .eight.columns {
        width: 364px;
    }

    .container .nine.columns {
        width: 412px;
    }

    .container .ten.columns {
        width: 566px;
    }

    .container .eleven.columns {
        width: 508px;
    }

    .container .twelve.columns {
        width: 556px;
    }

    .container .thirteen.columns {
        width: 748px;
    }

    .container .fourteen.columns {
        width: 652px;
    }

    .container .fifteen.columns {
        width: 700px;
    }

    .container .sixteen.columns {
        width: 748px;
    }

    .container .one-third.column {
        width: 236px;
    }

    .container .two-thirds.column {
        width: 492px;
    }

    /* Offsets */
    .container .offset-by-one {
        padding-left: 48px;
    }

    .container .offset-by-two {
        padding-left: 96px;
    }

    .container .offset-by-three {
        padding-left: 144px;
    }

    .container .offset-by-four {
        padding-left: 192px;
    }

    .container .offset-by-five {
        padding-left: 240px;
    }

    .container .offset-by-six {
        padding-left: 288px;
    }

    .container .offset-by-seven {
        padding-left: 336px;
    }

    .container .offset-by-eight {
        padding-left: 384px;
    }

    .container .offset-by-nine {
        padding-left: 432px;
    }

    .container .offset-by-ten {
        padding-left: 480px;
    }

    .container .offset-by-eleven {
        padding-left: 528px;
    }

    .container .offset-by-twelve {
        padding-left: 576px;
    }

    .container .offset-by-thirteen {
        padding-left: 624px;
    }

    .container .offset-by-fourteen {
        padding-left: 672px;
    }

    .container .offset-by-fifteen {
        padding-left: 720px;
    }



    div.topnav .topsocial {
        display: none;
    }

    .col-lateral {
        display: none !important;
    }

    ul.menu li a {
        font-size: 11px;
        padding-left: 7px;
        padding-right: 7px;
    }

    .drop {
        margin-right: 0 !important;
    }

    .busca {
        margin: 15px 0 0 0;
    }

    .ten.columns.busca {
        width: 420px !important;
        margin-left: 0 !important;
    }

    .busca span {
        margin: 5px 10px 0 20px;
    }

    .busca select {
        width: 160px;
        float: left;
    }

    .busca input[type="text"] {
        width: 206px;
        float: left;
    }

    .busca button {
        float: left;
        margin-left: 10px;
        text-indent: -999px;
        width: 43px;
        height: 30px;
        padding: 0 0 0 20px;
        display: block;
        overflow: hidden;
        background: url("https://viajarbarato-a.akamaihd.net/images/layout/bt-lupa.png");
    }

    .col-principal ul li.ofertaPrincipal div.imagemOferta ul.amenidades li {
        margin-right: 6px;
    }


    .col-principal ul li.oferta {
        margin-right: 10px;
    }

    .col-principal ul li.ofertaMini {
        margin-right: 15px;
    }

    .pika-stage {
        max-height: 305px;
    }

    .footer ul.footer-bloco3 {
        display: none;
    }

    .icones {
        width: 110%;
    }

        .icones .icone {
            float: left;
            width: 78px;
            height: 37px;
            border: 1px solid #cecece;
            display: block;
            overflow: hidden;
            text-align: center;
            padding: 0 5px 0 38px;
            font-size: 11px;
            line-height: 15px;
            margin: 15px 25px 0 0;
        }

            .icones .icone div {
                width: 78px;
                height: 37px;
                display: table-cell;
                vertical-align: middle;
            }

    #OfertaDinamica div.itinerario_cruzeiro {
        width: 300px;
    }

    #OfertaDinamica TABLE.tabela_itinerario td.atividade_maritima {
        display: none;
    }


    .resumoCompra {
        display: none;
    }

    .selosSeguranca {
        margin-right: 90px;
    }
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */


@media only screen and (min-width: 560px) and (max-width: 959px) {

    .menu-principal-destino ul li span {
        height: 53px;
    }
}

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

    .debito-info {
        position: inherit;
        margin: 0 0 10px;
        padding: 0px;
      }

    .tabelaCompras .imgOfertaCompras, .tabelaCompras .estabelecimentoCompras {
        display:none;
    }


    div.tituloDestinos div.boxCompartilhe{
        width: 350px;
    }
        div.tituloDestinos div.boxCompartilhe ul{            
            width: 137px;
        }

    #ContentPlaceHolder1_pnlPagamentoExpirado .telefonesBox {
        width:auto!important;
    }

    label.labelParcelasPagamento {
        text-align:center !important;
    }

    p.parcelas ul.selectFake li {
        font-weight:bold;
        text-align:center;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco ul.amenidades {
        width: 150px !important;
    }

    .menu-lista-resumido-destino {
        width: 300%;
    }

        .menu-lista-resumido-destino .item-lista-destino {
            width: 15%;
            margin-right: 1%;
        }

    .maisResultados {
        margin-right: 18px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco ul.amenidades li {
        background-size: initial !important;
        background-size: unset !important;
    }


    #textoConteudoFull .boxItem ul.formCartao li.valor div .aceitarValor {
        line-height: 23px;
    }

    /*AÉREO BUSCADOR*/

    #searchEngine {
        background: rgba(119,119,119,0.05);
        text-align: center;
    }

        #searchEngine .content {
            width: 90%;
            margin: 10px 0 10px 0;
            padding: 2% 5%;
            text-align: left;
            height: 370px;
            position: relative;
        }

            #searchEngine .content .content {
                height: auto;
            }

            #searchEngine .content .advanced #air_advanced_check,
            #searchEngine .content .advanced label,
            #searchEngine .content label small,
            #searchEngine div h2,
            #air_travelers_check {
                display: none;
            }

            #searchEngine .content .advanced .content {
                display: block;
                margin-left: 0;
                margin-right: 0;
                margin-top: 27px;
                padding: 0;
                width: 100%;
            }

            #searchEngine .content .passengers .content {
                display: block;
                padding: 0;
                width: 103.5%;
                margin: 0;
            }

                #searchEngine .content .passengers .content label {
                    display: block;
                    float: left;
                    width: 30%;
                }

                    #searchEngine .content .passengers .content label:last-child {
                        margin-right: 0;
                    }

            #searchEngine .content label {
                width: 100%;
                float: left;
                font-weight: normal;
                margin-right: 20px;
                margin-bottom: 4px;
            }

                #searchEngine .content label input {
                    font-size: 12px;
                }

                #searchEngine .content label.going_to,
                #searchEngine .content label.date:last-child {
                    margin-right: 0;
                }

            #searchEngine .content .destination .advanced {
                width: 92%;
                margin-left: 0;
                position: absolute;
                top: 260px;
            }

            #searchEngine .content .travelers {
                width: 100%;
                float: left;
            }

            #searchEngine .content label.date {
                width: 45%;
            }

            #searchEngine .content .destinationContainer .destination label:nth-child(4) {
                margin-right: 2px !important;
                float: right !important;
            }

            #searchEngine .content label,
            #searchEngine .content label span {
                color: #777;
            }

                #searchEngine .content label input,
                #searchEngine .content label select {
                    background: #FFF;
                    padding-left: 5px;
                }

                    #searchEngine .content label input[type="radio"] {
                        margin: 3px 3px 0px 0px;
                    }



            #searchEngine .content .radio {
                width: 100%;
                float: left;
            }

                #searchEngine .content .radio label {
                    width: 40%;
                }

            #searchEngine .content .advanced label.airline,
            #searchEngine .content .advanced label.cabin,
            #searchEngine .content .advanced label.no-stop {
                display: block;
                font-size: 12px;
            }

            #searchEngine .content .advanced label.airline,
            #searchEngine .content .advanced label.cabin {
                width: 45%;
            }

                #searchEngine .content .advanced label.airline select,
                #searchEngine .content .advanced label.cabin select {
                    width: 100%;
                }

            #searchEngine .content .advanced label.cabin {
                float: right;
                margin-right: 6px;
            }

            #searchEngine .content .advanced label.no-stop {
                width: 100%;
            }

                #searchEngine .content .advanced label.airline select,
                #searchEngine .content .advanced label.cabin select,
                #searchEngine .content .advanced label.no-stop input {
                    font-size: 11px;
                }

            #searchEngine .content .advanced label.no-stop {
                margin-top: 15px;
                font-size: 11px;
            }

    .search_engine .send {
        position: absolute;
        right: 8px;
        bottom: -22px;
        background: #fd8c00 !important;
    }

    .search_engine .send {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        border-width: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        display: inline-block;
        cursor: pointer;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        padding: 5px 10px;
        margin: 0px 23px 0 0;
        float: right;
        z-index: 1;
        bottom: 6px;
        width: 100px;
        text-align: center;
    }

    div.msgRetornoPesquisa {
        width: 93.4%;
        margin-top: 10px;
    }

        div.msgRetornoPesquisa span {
            font-size: 15px;
            font-weight: bold;
        }

    .dropBox {
        width: 83% !important;
    }

    /*AÉREO BUSCADOR*/


    .footer ul li.logo-abav {
        width: 66px;
        height: 60px;
    }

    .footer ul li.logo-clia {
        background-size: 81%;
        width: 70px;
        height: 39px;
    }

    .Carrinho fieldset label.CheckinNovo,
    .Carrinho fieldset label.CheckoutNovo {
        width: 48% !important;
        margin: 10px 0;
    }

    .Carrinho fieldset label.CheckoutNovo {
        float: right !important;
    }

    #textoConteudoFull ul.resumoPagamentoTotal {
        width: 20.5%;
    }

    #textoConteudoFull .boxItem ul.entrada .checkPago, #textoConteudoFull .boxItem ul.formCartao .checkPago {
        width: 100%;
    }

    #textoConteudoFull ul.resumoPagamentoTotal li.valor span:last-child {
        width: 82%;
    }

    #textoConteudoFull .boxItem ul.formCartao li.valor div span:first-child {
        width: 100%;
        text-align: center;
    }

    #textoConteudoFull .boxItem ul.entrada li.valor span, #textoConteudoFull .boxItem ul.entrada li.valor em {
        width: 82%;
    }

    #textoConteudoFull ul.resumoPagamentoPendente li.valor span:last-child {
        width: 82%;
    }

    #textoConteudoFull .boxItem .formCartao .data {
        width: 33% !important;
    }

    #textoConteudoFull .boxItem .formCartao .parcelas .selectFake {
        width: 100% !important;
    }

    #textoConteudoFull .boxItem .formCartao .data .selectFake,
    #textoConteudoFull .boxItem .formCartao .parcelas .selectFake {
        margin: 0;
        padding: 0;
    }

        #textoConteudoFull .boxItem .formCartao .data .selectFake li,
        #textoConteudoFull .boxItem .formCartao .parcelas .selectFake li {
            margin: 0;
            padding: 0 8px 0 8px;
            line-height: 30px;
        }

    #textoConteudoFull .boxItem .formCartao .selectFake li {
        min-height: initial;
        min-height: auto;
    }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset div.data label {
        /*height: 20px;*/
        display:block;
        width:100%;
    }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg {
        width: 23% !important;
    }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg input {
            width: 40% !important;
        }

    #textoConteudoFull .boxItem ul.entrada li.item {
        width: 60%;
        padding-left: 6px;
    }

    #textoConteudoFull .boxItem ul.formCartao li.item {
        width: 99%;
        padding-left: 6px;
    }

    #textoConteudoFull .boxItem ul.entrada .checkPago, #textoConteudoFull .boxItem ul.formCartao .checkPago {
        background-position-x: 103%;
    }

    #textoConteudoFull .boxItem ul.entrada li.valor, #textoConteudoFull .boxItem ul.formCartao li.valor {
        width: 19.5%;
    }

    .mostrarNoDesktop {
        display: none !important;
    }

    .mostrarNoMobile {
        display: block !important;
    }

    #textoConteudoFull ul.resumoPagamentoTotal {
    }

    #textoConteudoFull ul.resumoPagamentoPendente {
        width: 42%;
    }

    #textoConteudoFull .boxItem ul.formCartao li.valor div .editarValor {
        margin-top: 15px;
    }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset {
    }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset p {
            width: 47.5%;
        }

            #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.data {
                width: 23% !important;
            }

            #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg {
                width: 26%;
            }

            #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.parcelas {
                width: 47.5%;
            }

    #textoConteudoFull .boxItem ul.formCartao li.titulo {
        width: 50%;
        min-height: 65px;
        height: 65px;
    }

    #textoConteudoFull .boxItem ul.formCartao li.valor {
        width: 49.5%;
        float: right;
        min-height: 65px;
        height: 65px;
    }

        #textoConteudoFull .boxItem ul.formCartao li.titulo div,
        #textoConteudoFull .boxItem ul.formCartao li.valor div {
            margin: 0;
        }


    ul.breadCrumbPassageiros,
    .sliderPassageiros .navPassageiros {
        display: block;
    }

    .sliderPassageiros .ocultarPassageiros {
        display: none;
    }

    .sliderPassageiros {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
    }

        .sliderPassageiros .boxFieldsetPassageiros {
            width: 100%;
            position: relative;
        }

    #textoConteudoFull .sliderPassageiros .dadosPassageiros {
        float: left;
        width: 99%;
    }

    .retirar-label label {
        display: block;
    }

    #textoConteudoFull .boxItem {
        width: 99%;
    }

        #textoConteudoFull .boxItem fieldset.reserva p {
            width: 46% !important;
        }

    #textoConteudoFull #dadosCliente fieldset p {
        width: 45% !important;
    }

        #textoConteudoFull #dadosCliente fieldset p.ddd,
        #textoConteudoFull #dadosCliente fieldset p.fone {
            width: 21% !important;
        }

    .faltaCupons, .totalCupons {
        margin: 0;
        width: 49%;
    }

        .faltaCupons span, .totalCupons span {
            font-size: 12px;
        }

    #datasDaViagem .metade {
        width: 99% !important;
    }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset div.data {
        width: 60% !important;
    }

    .resumoPagamento .detalhesPacote .itens .item .excluir {
        height: 31px;
    }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.data,
    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.seg {
        width: 28.5% !important;
    }

    /*.selectFake {
        display: block !important;
        max-height: none;
    }*/

    /*.item select, .quantidade select, #mesCartao, #anoCartao, #condPagamento {
        display: none !important; /*menuDropMobile
    }*/

    .parcelas .selectFake li {
        text-align: left;
        padding-left: 6px !important;
    }

    .parcelas .aVista li {
        text-align: left;
        padding-left: 0 !important;
        width: 100% !important;
    }

    div.global-div img {
        width: 100%;
        height: auto !important;
    }

    #OfertaDinamica div.mapa_cruzeiro {
        width: 99%;
    }

    #OfertaDinamica div.itinerario_cruzeiro {
        width: 100%;
        margin: 10px 0;
    }

    .pika-stage a {
        height: auto;
    }

        .pika-stage a div.player {
            height: 100%;
        }

        .pika-stage a div.frameVideo iframe {
            width: 100%;
            height: 100%;
        }

    .pullmanturCaribe {
        display: none;
    }

    .pullmanturCaribeMobile {
        display: none;
    }

        .pullmanturCaribeMobile a img {
            width: 100%;
            height: auto;
        }

    .container {
        width: 91%;
        min-width: 285px;
    }

    #infoVB {
        width: 93%;
        text-align: justify;
        min-width: initial;
    }

    .headerMobile, #litMenuMobile {
        display: none;
    }

    #oferta-visitadas-anteriormente {
        display: none !important;
    }

    #ContentPlaceHolder1_divBox {
        display: none;
    }

    .detalheOferta .col-principal h1 {
        margin: 10px 0 15px 0;
    }

    .bingoDetalhes {
        display: none;
    }

    .container .columns,
    .container .column {
        margin: 0;
    }

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
        width: 100%;
    }

    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen {
        padding-left: 0;
    }

    .totalSlider div.CodOferta {
        top: inherit;
        bottom: 7%;
    }

    body {
        background: none;
    }

    div.menu-geral {
        float: left !important;
        width: 100% !important;
    }

    .miolo div.blocoMaisProcurados {
        display: none;
    }


    div.topnav {
        display: block !important;
        overflow: hidden;
        margin-bottom: 3px !important;
    }

        div.topnav .topsocial {
            display: none;
        }

    .menu-mobile {
        display: block;
        width: 100%;
    }

        .menu-mobile select {
            width: 100%;
            float: right;
            margin-bottom: 10px;
        }

        .menu-mobile div.menu {
            margin-top: 4px;
            float: left;
            font-weight: bold;
        }

    ul.menu {
        display: none;
    }

    div.topnav ul.topmenu li {
        padding: 0 4px 0 0;
        margin: 0 5px;
        border-right: 2px solid #91c2ce;
    }

        div.topnav ul.topmenu li.telefone {
            display: none;
        }


        div.topnav ul.topmenu li.last {
            border: 0px;
        }

    .logo {
        height: 44px;
        width: 168px;
        margin-top: 20px;
        margin: 0px 10px 5px;
        display: block;
        overflow: hidden;
        float: left;
        background-size: 600px;
    }

    .busca {
        background: #fff url("https://viajarbarato-a.akamaihd.net/images/layout/bg-geral-mobile.png") repeat-x 0 -100px;
        width: 100% !important;
    }

    .drop {
        display: none !important;
    }

    .six.columns.busca {
        display: none;
    }

    .azul-1-14 {
        font-size: 12px;
    }

    .busca span {
        margin: 15px 10px 0 10px;
        width: 27%;
    }

    .busca select {
        margin: 10px;
        width: 190px;
        float: left;
    }

    .busca input[type="text"] {
        margin: 10px 0;
        width: 65%;
        float: left;
        font-size: 12px;
    }

    .busca button {
        float: left;
        margin: 0 10px 10px;
        width: 95%;
        height: 30px;
        padding: 0 0 0 20px;
        display: block;
        overflow: hidden;
        background: url("https://viajarbarato-a.akamaihd.net/images/layout/bt-lupa-mobile-grande.jpg");
    }

    .versao-web {
        float: left;
        text-align: center;
        padding: 12px;
        display: block;
    }

        .versao-web a {
            text-decoration: underline;
            color: #003965;
            font-size: 12px;
            text-transform: uppercase;
        }

    a.voltar {
        font-size: 12px;
        margin: 5px;
    }

    .col-lateral {
        display: none !important;
    }

    .divCampos label {
        width: 135px !important;
    }

    .BoxCompra fieldset select#Embarque, .BoxCompra fieldset select.CheckoutPaxCabine, .BoxCompra fieldset select.CheckoutCatLoc {
        width: 258px !important;
    }

    .BoxCompra fieldset label.CheckoutSaida, .BoxCompra fieldset label.CheckoutPaxCabine, .BoxCompra fieldset label.CheckoutCatLoc {
        width: 290px;
    }

    /* início correção checkout mobile */

    .resumoPagamento .detalhesPacote .itens .valor span {
        text-align: center;
    }

    


    

        .Carrinho fieldset label label {
            width: 40% !important;
        }

            .Carrinho fieldset label label input {
                width: 36px !important;
                margin-top: 15px;
            }

        .Carrinho fieldset label.lblEntrada,
        .Carrinho fieldset label.lblTotal {
            width: 45% !important;
            padding: 10px 0 0 4px;
        }

        .Carrinho fieldset label.Observacao {
            margin: 10px 0 12px 0;
        }

            .Carrinho fieldset label.Observacao p {
                padding: 0;
            }

        .Carrinho fieldset label input#chkLembrarEmail,
        .Carrinho fieldset label input#ichTermos {
            width: 14px !important;
            margin-top: 28px;
        }

        .Carrinho fieldset label a#recuperaSenha {
            margin-top: 27px;
            margin-left: 12px;
            float: left;
        }

    div.BoxLogin button,
    div.BoxCadastro button {
        width: 100% !important;
    }

    .EtapaDados fieldset label input,
    .EtapaDados fieldset label select,
    .EtapaPagamento fieldset label input,
    .EtapaPagamento fieldset label select {
        width: 98% !important;
    }
    /*
            .EtapaPagamento button#btnValidar1,
            .EtapaPagamento button#btnValidar2,
            .EtapaPagamento button#btnValidar3 {
                width:100%!important;
            }*/

    .EtapaPagamento div.DadosCartao label.lblCartaoCredito {
        background-position-y: 5px !important;
    }

    .EtapaPagamento div.DadosCartao label.cartao-ano {
        margin-bottom: 30px;
    }

    .EtapaPagamento div.DadosCartao label a#codSegID {
        width: 95%;
        text-align: right;
    }

    .EtapaPagamento div.DadosCartao {
        width: 90%;
    }

    .EtapaPagamento fieldset label input#rbCartaoCredito,
    .EtapaPagamento fieldset label input#rbPagSeguro,
    .EtapaPagamento fieldset label input#rbMercadoPago {
        width: 14px !important;
    }
    /* fim correção checkout mobile */

    .col-principal ul li.ofertaPrincipal {
        padding-bottom: 5px;
        text-align: center;
    }

        .col-principal ul li.ofertaPrincipal h2 {
            text-align: center;
            width: 83%;
            font-weight: bold;
            height: 60px;
            font-size: 18px;
            color: #23859e;
            margin: 20px 0 0 10%;
            line-height: 29px;
        }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li h2 {
        font-size: 14px !important;
        font-weight: bold;
        color: #757575;
        text-align: justify !important;
        padding: 0px 7px;
        margin: 0 !important;
        line-height: 21px;
        clear: both;
        overflow: hidden;
    }

    ul.blocoOfertasLocalidades {
        width: 100% !important;
    }

    .col-principal ul li.ofertaPrincipal div.imagemOferta {
        width: 100%;
        height: auto;
        text-align: center;
    }

        .col-principal ul li.ofertaPrincipal div.imagemOferta img {
            width: 100%;
            height: auto;
            display: block;
        }


        .col-principal ul li.ofertaPrincipal div.imagemOferta ul.amenidades {
            width: 480px;
            margin: 0 auto;
        }

    .col-principal ul li.ofertaPrincipal .boxPreco {
        float: right;
        width: 100%;
        margin: 10px 0 0 0;
    }


        .col-principal ul li.ofertaPrincipal .boxPreco span.precoPor {
            width: 100%;
            text-align: center;
            float: left;
            font-size: 30px;
            margin-top: 3px;
        }

        .col-principal ul li.ofertaPrincipal .boxPreco .precoAntigo {
            width: 100%;
            text-align: center;
            margin-left: -2px;
        }


        /*.col-principal ul li.ofertaPrincipal .boxPreco .precoAntigo {
            float: left;
            margin: 3px 0 0 10px;
        }*/

        .col-principal ul li.ofertaPrincipal .boxPreco span {
            margin: 5px 0 0 0;
        }

    /*.col-principal ul li.ofertaPrincipal .boxPreco span.precoPor {
                width: 145px;
                float: right;
            }*/

    .col-principal ul li.ofertaPrincipal button {
        width: 60%;
        margin: 20px auto 10px auto;
        float: none;
    }

    .contBuscador {
        width: 100% !important;
        height: 100% !important;
    }

        .contBuscador fieldset div label.tam33 {
            width: 23% !important;
        }

        .contBuscador fieldset div input.voosDiretos {
            margin-left: 10% !important;
        }


    .col-principal ul li.oferta .mesSaidaMaritimo {
        top: inherit !important;
        bottom: 29%;
        position: relative !important;
        margin-bottom: 7px;
    }

        .col-principal ul li.oferta .mesSaidaMaritimo li {
            background: #f1f1f1 !important;
            border: 1px solid #cecece;
            color: #000 !important;
        }

    .col-principal ul li.oferta .boxPreco {
        width: 99%;
        position: relative;
    }

    .col-principal ul li.oferta {
        max-width: 99%;
        width: 99%;
        height: auto !important;
        max-height: 540px;
        margin-right: 0 !important;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal {
        max-width: 99%;
        width: 99%;
        height: auto !important;
        max-height: 540px;
        margin-right: 0 !important;
    }

    .col-principal ul li.oferta .boxPreco span.precoPor {
        float: left;
        width: 25%;
        font-size: 18px;
        margin-left: 5px;
    }

    .col-principal ul li.oferta div.imagemOferta {
        width: 100%;
        height: auto;
        position: relative;
    }

        .col-principal ul li.ofertaPrincipal div.imagemOferta ul.amenidades,
        .col-principal ul li.oferta div.imagemOferta ul.amenidades {
            position: relative;
            bottom: 0;
            top: 13px;
        }

        .col-principal ul li.oferta div.imagemOferta img {
            width: 100%;
            height: auto;
            display: block;
            position: relative;
        }

    .col-principal ul li.oferta .boxPreco ul.amenidades {
        width: 185px;
        float: none;
        position: absolute;
        right: 32px;
        top: 1px;
    }

        .col-principal ul li.oferta .boxPreco ul.amenidades li {
            float: left;
            width: 84px;
            height: 30px;
            margin: 0 0 10px 5px;
            border: 0;
            overflow: hidden;
        }

            .col-principal ul li.oferta .boxPreco ul.amenidades li:first-child {
                margin-left: 3px;
            }

    .col-principal ul li.oferta div.imagemOferta {
        width: 100%;
        height: auto;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta div.imagemOferta,
    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal div.imagemOferta {
        height: auto !important;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal .boxPreco {
        float: left;
    }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal .boxPreco span.precoPor {
            font-size: 15px;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal .boxPreco ul.amenidades {
            height: 26px;
        }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal button {
        margin-top: 10px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal h2 {
        margin-top: 3px;
        width: 100%;
        height: auto;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal .boxPreco ul.amenidades {
        width: 165px;
    }


    .col-principal ul li.oferta p {
        height: auto;
        margin: 3px 0;
    }

    .col-principal ul li.ofertaMini {
        width: 96%;
        height: 90px;
        float: left;
        position: relative;
        text-align: center;
        margin-right: 0;
        margin-bottom: 10px;
        box-shadow: 1px 1px 5px #666;
    }

        .col-principal ul li.ofertaMini div.imagemOferta {
            float: left;
            position: relative;
            width: 125px;
            height: 66px;
            display: block;
            padding: 0;
            margin: 12px;
        }

        .col-principal ul li.ofertaMini p {
            font-size: 12px;
            line-height: 14px;
            font-weight: normal;
            color: #757575;
            display: block;
            text-align: left;
            padding: 10px 0 0;
            margin: 0;
            float: left;
            width: 45%;
            min-height: 44px;
            max-height: 45px;
        }

        .col-principal ul li.ofertaMini .boxPreco span.precoPor {
            font-size: 18px;
            color: #23859e;
            margin-top: 5px;
            font-weight: bold;
            width: 33%;
            float: left;
        }

        .col-principal ul li.ofertaMini .boxPreco button {
            float: right;
            width: 30px;
            height: 30px;
            margin: 0px 2px 0 0;
            line-height: 15px;
        }

        .col-principal ul li.ofertaMini .boxPreco ul.amenidades {
            display: none;
        }

        .col-principal ul li.ofertaMini div.imagemOferta div.flagFinalizada {
            width: 125px;
            height: 20px;
            position: absolute;
            top: 50px;
            right: 0px;
            z-index: 100;
            font-size: 13px;
            font-weight: bold;
            text-transform: uppercase;
            color: #fff;
            text-align: center;
        }

    .detalheOferta #precoFlutuante {
        display: none;
    }

    .detalheOferta #precoFlutuanteMobile {
        display: block;
        margin-top: 57%;
        width: 99%;
    }


    .detalheOferta .precoDe {
        float: left;
        text-decoration: line-through;
        font-size: 12px;
        color: #7c7c7c;
        text-align: center;
        width: 12%;
        height: 60px;
        display: block;
        overflow: hidden;
        border-right: 1px dashed #ccc;
        margin: 10px 0 0 10px;
        padding: 10px 5px 0;
    }

    .detalheOferta .precoFlutuante .precoPor {
        float: left;
        color: #003965;
        font-size: 14px;
        text-align: center;
        width: 17%;
        height: 60px;
        display: block;
        overflow: hidden;
        margin: 10px 0px 0 0;
        border-right: 1px dashed #ccc;
        padding: 10px 5px 0;
    }

    .detalheOferta .precoFlutuante .entrada {
        color: #767676;
        font-size: 12px;
        text-align: center;
        float: left;
        width: 59%;
        margin-top: 5px;
        height: 54px;
    }

        .detalheOferta .precoFlutuante .entrada span {
            font-size: 34px;
            color: #fd8a00;
            padding: 5px 10px 10px 5px;
            display: block;
            overflow: hidden;
        }

    .detalheOferta .precoFlutuante .parcelas {
        font-size: 13px;
        color: #fd8a00;
        display: block;
        overflow: hidden;
        text-align: center;
        float: left;
        width: 59%;
    }

    .detalheOferta .precoFlutuante .desconto {
        font-size: 30px;
        color: #003965;
        display: block;
        overflow: hidden;
        text-align: center;
        width: 36%;
        padding: 15px 0 15px 0;
        border-bottom: 0px;
        border-right: 1px dashed #ccc;
        margin: 0 0 0 10px;
        float: left;
    }

        .detalheOferta .precoFlutuante .desconto span {
            font-size: 24px;
        }

    .detalheOferta .precoFlutuante .restamX {
        font-size: 12px;
        color: #003965;
        padding: 5px 10px 0;
        height: 44px;
        display: block;
        overflow: hidden;
        float: left;
        width: 40%;
    }

    .detalheOferta .precoFlutuante .cronoFull {
        width: 51%;
        padding-top:0;
    }

    .detalheOferta .precoFlutuante .restamXIcon {
        width: 22px;
        height: 22px;
        padding: 0 0 12px 10px;
        margin: 15px 0 0 0px;
        background-position: -734px 0px;
        display: block;
        overflow: hidden;
        float: left;
        text-indent: -11111px;
    }

    .detalheOferta .precoFlutuante .botaoComprar {
        display: block;
        overflow: hidden;
        clear: both;
        padding-top: 10px;
    }

        .detalheOferta .precoFlutuante .botaoComprar a {
            background: url(https://viajarbarato-a.akamaihd.net/images/layout/bt-carrinho-mobile-grande.jpg) repeat-x;
            font-size: 19px;
            text-indent: 5px;
            width: 81%;
            height: 39px;
            display: block;
            overflow: hidden;
            clear: both;
            text-align: center;
            padding-top: 10px;
            margin: 0 auto;
            color: #FFF;
        }

    .detalheOferta .precoDeGrande {
        float: left;
        text-decoration: line-through;
        font-size: 15px;
        color: #7c7c7c;
        text-align: center;
        width: 100px;
        height: 60px;
        display: block;
        overflow: hidden;
        border-right: 1px dashed #ccc;
        margin: 10px 0 0 10px;
        padding: 10px 5px 0;
    }

    .detalheOferta .precoFlutuante .precoPorGrande {
        float: left;
        color: #003965;
        font-size: 14px;
        text-align: center;
        width: 100px;
        height: 60px;
        display: block;
        overflow: hidden;
        margin: 10px 0px 0 0;
        border-right: 1px dashed #ccc;
        padding: 10px 5px 0;
    }

    .detalheOferta .precoFlutuante .entradaGrande {
        color: #767676;
        font-size: 12px;
        text-align: center;
        float: left;
        width: 177px;
        margin-top: 5px;
        height: 54px;
    }

        .detalheOferta .precoFlutuante .entradaGrande span {
            font-size: 34px;
            color: #fd8a00;
            padding: 5px 10px 10px 5px;
            display: block;
            overflow: hidden;
        }

    .detalheOferta .precoFlutuante .entradaGigante {
        color: #767676;
        font-size: 12px;
        text-align: center;
        float: left;
        width: 100%;
        margin-top: 5px;
        height: 54px;
    }

        .detalheOferta .precoFlutuante .entradaGigante span {
            font-size: 34px;
            color: #fd8a00;
            padding: 5px 10px 10px 5px;
            display: block;
            overflow: hidden;
        }

    .detalheOferta .precoFlutuante .parcelasGrande {
        font-size: 13px;
        color: #fd8a00;
        display: block;
        overflow: hidden;
        text-align: center;
        float: left;
        width: 177px;
    }

    .detalheOferta .precoFlutuante .parcelasGigante {
        font-size: 13px;
        color: #fd8a00;
        display: block;
        overflow: hidden;
        text-align: center;
        float: left;
        width: 100%;
    }

    .detalheOferta .precoFlutuante .restamXGrande {
        font-size: 12px;
        color: #003965;
        padding: 0 10px 0 10px;
        height: 24px;
        display: block;
        overflow: hidden;
        float: left;
        width: 200px;
        margin: 15px 0 0 0;
    }

    .detalheOferta .precoFlutuante .restamXIconGrande {
        width: 22px;
        height: 22px;
        padding: 0 0 12px 10px;
        margin: 15px 0 0 30px;
        background-position: -734px 0px;
        display: block;
        overflow: hidden;
        float: left;
        text-indent: -11111px;
    }



    .detalheOferta .recomendar {
        display: none;
    }

    .detalheOferta #ulSlider {
        display: none;
    }

    .detalheOferta .slider .setaEsquerda,
    .detalheOferta .slider .setaDireita {
        display: none !important;
    }


    .slider .imagemEsgotada {
        top: 18px;
    }

    .abas li {
        float: left;
        border: 1px solid #99A6B1;
        margin: 0 10px 0px 0;
        background: #efefef;
    }

        .abas li a {
            color: #003965;
            height: 40px;
            line-height: 40px;
            width: 91px;
            text-align: center;
            font-size: 11px;
            text-transform: uppercase;
            display: block;
            overflow: hidden;
        }

            .abas li a:hover {
                color: #003965;
            }

    li.ativo {
        background: #fff;
        border-bottom: 0;
        margin-bottom: -1px;
        position: relative;
        z-index: 1;
        box-shadow: 2px -2px 2px 0px #d3d3d3;
        -moz-box-shadow: 2px -2px 2px 0px #d3d3d3;
        -webkit-box-shadow: 2px -2px 2px 0px #d3d3d3;
    }

    .ativo a {
        color: #003965;
        height: 50px !important;
        line-height: 50px;
    }

    #aba {
        position: relative;
        padding: 10px;
        clear: both;
        border: 1px solid #99A6B1;
    }

    /*.setaEsquerda, .setaDireita {
        display: none !important;
    }*/


    h2.tituloSecao {
        font-size: 20px;
    }

    .footer ul {
        border-right: 1px solid #feaa01;
        height: auto;
        padding-bottom: 10px;
        margin-bottom: 10px !important;
        border-bottom: 1px solid #ccc;
    }

        .footer ul.footer-bloco4 {
            width: 160px !important;
            border-right: 0px;
            height: 215px;
        }

        .footer ul.footer-bloco5 {
            border-right: 0px;
            height: 200px;
        }

            .footer ul.footer-bloco5 li {
                text-align: center;
            }

    .container .footer-bloco1,
    .container .footer-bloco2,
    .container .footer-bloco3 {
        display: none;
    }

    .footer ul.footer-bloco4,
    .footer ul.footer-bloco5 {
        width: 100% !important;
        border-bottom: 0;
    }

    .selo-iata, .selo-cadastur, .logo-abav, .logo-clia {
        margin-right:10px;
    }

    #lightbox-panel {
        display: none;
        position: fixed;
        top: 100px;
        left: 50%;
        margin-left: -140px;
        width: 250px;
        background: #FFFFFF;
        padding: 10px 15px 10px 15px;
        border: 2px solid #CCCCCC;
        z-index: 1001;
    }

    /* Minha Conta */

    ul#menu-minhasCompras {
        font-size: 10px;
        height: 30px;
        line-height: 15px;
    }

    table.tabelaCompras .imagem {
        display: none;
    }

    table.tabelaCompras .anunciante {
        display: none;
    }

    table.tabelaCompras th, table.tabelaCreditos th {
        font-size: 10px;
        padding: 5px;
    }

    table.tabelaCompras td, table.tabelaCreditos td {
        padding: 5px;
        font-size: 10px;
        line-height: 11px;
    }

    label.tam1 {
        width: 96%;
        clear: left;
        margin: 0;
    }

    label.tam2 {
        width: 50%;
        clear: left;
        margin: 0;
    }

    label.tam3 {
        width: 25%;
        clear: left;
        margin: 0;
    }

    .container .telefonesBox {
        width: 300px !important;
        padding-left: 0;
        border: 0;
    }

        .container .telefonesBox ul.ulTelefones li {
            width: 137px;
        }

            .container .telefonesBox ul.ulTelefones li span.UF {
                width: 28px;
                font-size: 18px;
                padding-left: 2px;
            }

            .container .telefonesBox ul.ulTelefones li span.telefoneVB {
                margin-right: 7px;
            }

    .Carrinho label.tam1 {
        width: 220px;
    }


    div.BoxCompra table.TabelaPedido td {
        font-size: 9px;
    }

    div.BoxCadastradoNaoCadastrado, div.BoxLogin, div.BoxCadastro {
        width: auto;
        height: auto;
    }

    div.BoxLoginCadastro {
        padding: 0px 5px 0px 5px;
    }

    div.BoxEndereco {
        padding: 0 10px 10px;
        display: block;
        overflow: hidden;
    }

        div.BoxEndereco div.EtapaPagamento div.DadosCartao label.lblCartaoCredito {
            background-position: 25px 12px;
            background-size: 90%;
            width: 244px;
            height: 45px;
        }

        div.BoxEndereco div.EtapaPagamento div.DadosCartao label.lblCartao {
            width: 235px;
            float: left;
            margin-right: 0px;
        }

    .BoxFinalPagamento {
        display: none;
    }

    div.BoxEndereco div.EtapaPagamento div.DadosCartao select.Cartao {
        width: 110px;
        margin-right: 2px;
    }

    div.BoxEndereco div.EtapaPagamento div.DadosCartao label.cartao-ano {
        width: 90px;
    }

    div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxPagueSeguro label.lblPagueSeguro {
        width: 250px;
        height: 80px;
        margin: 20px 0 0 0;
        background-size: 93%;
        border-top-color: #CCC;
        border-top-style: solid;
        border-top-width: 1px;
    }

    div.BoxEndereco div.EtapaPagamento div.DadosCartao div.BoxMercadoPago label.lblMercadoPago {
        background-size: 93%;
        width: 250px;
        height: 80px;
        margin: 10px 0 5px 0;
        border-top-color: #CCC;
        border-top-style: solid;
        border-top-width: 1px;
    }



    .pika-stage {
        height: 99% !important;
        border: none;
    }

        .pika-stage img {
            width: 100%;
            height: auto;
        }

    .pika-counter {
        display: block;
        top: inherit;
        bottom: 4%;
    }

    .destinos-slider .pika-counter {
        bottom: 35%;
    }
    .conteudo-principal-destino .pika-stage .caption {
        bottom:6px;
    }

    .icones {
        width: 466px;
        margin: 0 auto;
    }

        .icones .icone {
            width: 95px;
        }

            .icones .icone div {
                width: auto;
            }

    .Sucesso table td {
        font-size: 9px;
    }

    .contatoBox {
        width: 100%;
    }

        .contatoBox input[type='text'], .contatoBox textarea {
            width: 99%;
        }

    /*INÍCIO OVERLAY CADASTRO*/

    .BrancoReduzidoCadastrese,
    .Indique,
    .SoftOptin {
        /*display:none;*/
        position: fixed;
        height: auto !important;
        top: 47px;
        left: 50%;
        margin-left: -151px;
        max-width: 300px;
        background: #FFFFFF;
        border: 2px solid #CCCCCC !important;
        z-index: 1001;
    }

    .Indique {
        padding-bottom: 7px !important;
    }

    .SoftOptin div.content div.subContent p {
        width: 95% !important;
    }

    .SoftOptin div.content div.subContent fieldset {
        margin-bottom: 10px !important;
    }

    .Indique div.content div.subContent div.nome {
        width: 277px !important;
    }

    .Indique fieldset {
        width: 96% !important;
    }

        .Indique fieldset div.amigo {
            margin-bottom: 15px !important;
        }

        .Indique fieldset div div {
            width: 100% !important;
        }

        .Indique fieldset div.amigo_email {
            margin-left: 0 !important;
            margin-top: 10px !important;
        }

    #indiqueBox div.subContent {
        margin-left: 7px !important;
    }

    #CadastroEmail div.subContent {
        padding: 0 !important;
        margin: 0 !important;
    }

    .BrancoReduzidoCadastrese .content .subContent {
        padding: 0;
        margin: 0;
    }

    .BrancoReduzidoCadastrese div.content div.subContent fieldset {
        width: 281px !important;
    }

        .BrancoReduzidoCadastrese div.content div.subContent fieldset div.select {
            width: 99% !important;
            margin-top: 33px !important;
            margin-bottom: 5px;
            padding: 0 !important;
        }

            .BrancoReduzidoCadastrese div.content div.subContent fieldset div.fakeBox,
            .BrancoReduzidoCadastrese div.content div.subContent fieldset div.fakeBox input,
            .BrancoReduzidoCadastrese div.content div.subContent fieldset div.select select {
                width: 99% !important;
                padding: 0;
                margin: 0;
            }

        .BrancoReduzidoCadastrese div.content div.subContent fieldset input.BtnOkBgBrancoReduzido {
            width: 100% !important;
            position: relative;
            padding: 0;
            margin-top: 5px !important;
            margin-bottom: 5px !important;
            margin-left: 0 !important;
        }


    #lightbox-panel fieldset label.esqueciSenha {
        width: 247px !important;
    }

    #lightbox-panel .botaoEnviar button {
        width: 89% !important;
    }


    #IframeHotel {
        display: none;
    }
    /*FIM OVERLAY CADASTRO*/


    #pessoasOferta {
        display: none;
    }


    /* NOVO CHECKOUT */

    .selosSeguranca {
        margin: 20px auto 0 auto;
        float: none;
    }

    .resumoCompra {
        display: none;
    }

    

            .resumoPagamento .blocoMeiosPagamento .infoCartao .bandeirasCC {
                width: 87%;
            }

            .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset {
                width: 97%;
                height: auto;
            }

                .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p {
                    width: 100%;
                    height: auto;
                }

                .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset div.data {
                    width: 30% !important;
                }

                    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset div.data label {
                        text-align: left;
                    }

                    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset div.data p select {
                        /*width: 41%; menuDropMobile*/
                    }

                .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.parcelas {
                    width: 39.5% !important;
                }

                .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p input {
                    width: 97%;
                }

                .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.parcelas select {
                    width: 100% !important;
                }

                .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.seg span.boxCodSeg {
                    z-index: 9999;
                }

            .resumoPagamento .blocoMeiosPagamento .infoCartao .btnComprar {
                width: 70%;
                margin: 0 auto;
                float: none;
                display: block;
                clear: both;
            }


    

    /*NOVO MENU MOBILE APP*/

    .headerMobile {
        display: block !important;
        position: fixed;
        top: 0;
        z-index: 1002;
        width: 100%;
    }

    #MasterPageBodyTag {
        background: none !important;
        background-image: none !important;
    }

    #ocultarDesktop {
        display: block;
    }

    #ocultarMobile {
        display: none;
    }

    #ocultarDesktop div #precoFlutuanteMobile {
        margin-top: 0;
        position: relative;
        width: 99.5%;
        margin-bottom: 10px;
    }

    .miolo {
        padding-top: 68px !important;
    }

    #litMenuMobile {
        display: block;
    }

    .headerMisto {
        display: none;
    }

    .barraApp {
        width: 100%;
        height: 60px;
        background: #223c65;
        position: relative;
        overflow: hidden;
    }

    .ico-burguer {
        width: 12%;
        height: 100%;
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-burguer.png") #345384 center center no-repeat;
        margin-left: 10px;
        float: left;
        cursor: pointer;
    }

    .logoMobile {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/logo-vb-mobile.png") center center no-repeat;
        width: 75%;
        height: 100%;
        text-transform: capitalize;
        text-indent: -9999px;
        float: left;
    }

        .logoMobile a {
            width: 100%;
            height: 100%;
            display: block;
        }

    .boxBuscaMobile {
        float: left;
        width: 80%;
        margin: 16px 0 0 10px;
    }

        .boxBuscaMobile .txtTermoBuscaMobile {
            background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-localizacao.png") #FFF 5px 5px no-repeat;
            width: 65%;
            padding-left: 8%;
            float: left;
        }

    .resumoPagamento {
        margin-top: 0;
    }

    .fullSize {
        width: 100% !important;
    }

    .ico-busca {
        width: 7%;
        height: 100%;
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-lupa-mobile.png") center 60% no-repeat;
        cursor: pointer;
    }

    .abrirBusca {
        position: absolute;
        right: 10px;
    }

    .btnBuscarMobile {
        position: absolute;
        right: 13%;
        width: 9%;
        height: 57%;
    }

    .tagFecharBusca {
        width: 23px;
        height: 23px;
        cursor: pointer;
        background: #fea300;
        color: #FFF;
        text-align: center;
        font-weight: bold;
        line-height: 23px;
        position: absolute;
        margin: 18px 10px 0 10px;
        right: 0;
    }

    .fecharBusca {
        width: 6%;
        height: 23px;
        cursor: pointer;
        background: #fea300;
        color: #FFF;
        text-align: center;
        font-weight: bold;
        line-height: 23px;
        position: absolute;
        margin: 5px 10px 0 10px;
        right: 0;
    }

    .hide {
        left: -293px;
    }

    .menuMobileApp {
        position: fixed;
        width: 292px; /*292px*/
        top: 60px;
        z-index: 1001;
        background: #FFF;
    }

        .menuMobileApp li {
            background: #eeeeee;
            width: 100%;
            height: 50px;
            margin: 2px 0;
            font-size: 11px;
            font-weight: bold;
            color: #223c65;
        }

            .menuMobileApp li:hover {
                background: #e3e2e2;
            }

            .menuMobileApp li.destaqueLi {
                background: #c7e9f9 !important;
            }

                .menuMobileApp li.destaqueLi:hover {
                    background: #a4daf5 !important;
                }

            .menuMobileApp li.meio {
                width: 49.5%;
                float: left;
                margin: 0 0 2px 0;
            }

            .menuMobileApp li.direitaPrincipal,
            .menuMobileApp li.direitaSecundaria {
                float: right;
            }

            .menuMobileApp li.esquerdaPrincipal,
            .menuMobileApp li.direitaPrincipal {
                height: 80px;
                text-align: center;
            }

            .menuMobileApp li.esquerdaSecundaria,
            .menuMobileApp li.direitaSecundaria {
                height: 40px;
            }

            .menuMobileApp li a, .menuMobileApp li span {
                display: block;
                width: 100%;
                height: 100%;
                line-height: 50px;
                color: #223c65;
                cursor: pointer;
            }

            .menuMobileApp li.esquerdaPrincipal a, .menuMobileApp li.esquerdaPrincipal span,
            .menuMobileApp li.direitaPrincipal a, .menuMobileApp li.direitaPrincipal span {
                line-height: 10em;
                margin-top: -40%;
            }

            .menuMobileApp li.esquerdaSecundaria a, .menuMobileApp li.esquerdaSecundaria span,
            .menuMobileApp li.direitaSecundaria a, .menuMobileApp li.direitaSecundaria span {
                line-height: 40px;
            }

    .ico-oferta-app,
    .ico-cruzeiro-app,
    .ico-hotel-app,
    .ico-aereo-app,
    .ico-carro-app,
    .ico-conta-app,
    .ico-cadastro-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/spriteIcoMobile.png") 90px 263px;
        width: 27px;
        height: 27px;
        float: left;
        margin: 4% 4% 0 7%;
    }

    .ico-cruzeiro-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/spriteIcoMobile.png") 62px 147px;
    }

    .ico-hotel-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/spriteIcoMobile.png") 146px 320px;
    }

    .ico-aereo-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/spriteIcoMobile.png") 88px 320px;
    }

    .ico-carro-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/spriteIcoMobile.png") 146px 320px;
    }

    .ico-conta-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-conta-app.png") center center no-repeat;
        float: none;
        margin: 15px 0 15px 0;
        display: block;
        width: 100%;
    }

    .ico-cadastro-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-cadastrar-app.png") center center no-repeat;
        float: none;
        margin: 15px 0 15px 0;
        display: block;
        width: 100%;
    }

    .ico-voltar-app,
    .ico-desktop-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-voltar-app.png") center center no-repeat;
        width: 20px;
        height: 20px;
        float: left;
        margin: 10px 10px 0 15px;
    }

    .ico-voltar-app {
        margin: 10px 5px 0 25px;
    }

    .ico-desktop-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-desktop-app.png") center center no-repeat;
    }
}

@media only screen and (min-width:631px) and (max-width:766px) {
    .resumoPagamento {
        width:100%;
    }
    .resumoPagamento .blocoEmail, .resumoPagamento .detalhesPacote,.resumoPagamento .blocoObsValores, .resumoPagamento .blocoMeiosPagamento {
    width: 96%;
}
                
        .resumoPagamento .detalhesPacote .tituloItens .item, .resumoPagamento .detalhesPacote .itens .item {
            width:60% !important;
        }
        .resumoPagamento .detalhesPacote .itens .valor {
            float:right;
        }
        .resumoPagamento .blocoEmail fieldset {
            width:55%;
        }
        .resumoPagamento .blocoEmail fieldset label {
            width:100%;
        }
        .resumoPagamento .blocoEmail fieldset input {
            width:85%;
        }

}

@media only screen and (max-width: 600px) {
        .options-list th {
            min-width: 50px;
        }

        .options-list .click-info {
            display: none;
        }
    }

@media only screen and (min-width: 600px) {
        .options-list tr:not(:first-child):hover {
            cursor: pointer;
            background: #fffae6;
        }

        .options-list tr>td {
            border-top: 0 !important;
        }

        .options-list tr:hover+tr.click-info {
            opacity: 1;
        }

        .options-list .click-info {
            display: inline-block;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            border: 0 !important;
            background: #000;
            color: white;
            font-size: 12px;
            pointer-events: none;
            cursor: pointer;
            transition: 0.3s;
            opacity: 0;
            margin-top: 8px;
        }

        .options-list .click-info:after {
            content: '';
            width: 8px;
            height: 8px;
            display: block;
            position: absolute;
            background: #000;
            top: -1px;
            left: 50%;
            transform: rotate(45deg) translateX(-50%);
        }

        .options-list .click-info td {
            padding: 5px 10px;
            display: inline-block;
            border: 0 !important;
            padding: 2px 8px !important;
        }
    }

@media only screen and (max-width:630px) {
    .resumoPagamento {
        width: 100%;
    }

        .resumoPagamento .blocoEmail {
            width: 96%;
        }

            .resumoPagamento .blocoEmail fieldset {
                width: 100%;
            }

                .resumoPagamento .blocoEmail fieldset input {
                    width: 89.3%;
                }

            .resumoPagamento .blocoEmail span {
                display: none;
            }

            .resumoPagamento .blocoEmail .loginFacebook {
                display: none;
            }

        .resumoPagamento .detalhesPacote {
            width: 96%;
        }

            .resumoPagamento .detalhesPacote .tituloItens .item {
                width: 73% !important;
            }

            .resumoPagamento .detalhesPacote .tituloItens .quantidade,
            .resumoPagamento .detalhesPacote .tituloItens .tituloCheckin,
            .resumoPagamento .detalhesPacote .tituloItens .tituloCheckout {
                display: none;
            }


            .resumoPagamento .detalhesPacote .itens .taxa {
                width: 20% !important;
                margin-left: 90px;
            }

                .resumoPagamento .detalhesPacote .itens .taxa .ativoVerde {
                    color: #444 !important;
                }
            /*.resumoPagamento .detalhesPacote .itens .entrada {
                width: 33% !important;
                color: #29a321 !important;
                margin-left: 18px;
            }*/

            /*.resumoPagamento .detalhesPacote .itens .entrada span {
                    color: #29a321 !important;
                }*/


            .resumoPagamento .detalhesPacote .tituloItens li.entrada,
            .resumoPagamento .detalhesPacote .tituloItens li.valor {
                display: none;
            }

            .resumoPagamento .detalhesPacote .itens .item {
                width: 100% !important;
                margin-bottom: 20px;
            }

                .resumoPagamento .detalhesPacote .itens .item select {
                    width: 92% !important;
                }

        .resumoPagamento .blocoObsValores {
            width: 100%;
        }

            .resumoPagamento .blocoObsValores .obs {
                margin-left: 10px;
            }

/*            .resumoPagamento .blocoObsValores .quadroValores {
                margin-bottom: 20px;
            }*/

        .resumoPagamento .blocoMeiosPagamento {
            width: 96%;
        }

            .resumoPagamento .blocoMeiosPagamento ul {
                /* display: none !important; */
            }

                .resumoPagamento .blocoMeiosPagamento ul.selectFake,
                .resumoPagamento .blocoMeiosPagamento ul.boxItensMenuDropMobile {
                    display: block !important;
                }

                .Carrinho fieldset label,
    .Carrinho fieldset label input,
    .Carrinho fieldset label select {
        width: 100% !important;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
    }
                .resumoPagamento .detalhesPacote .itens .quantidade,
    .resumoPagamento .detalhesPacote .itens .valor {
        width: 48.5% !important;
        margin-left: 0;
    }

                .rotuloMobile {
        display: inline-block;
        font-style: normal;
        /*float: left;*/
        margin-top: 5px;
        padding-right: 5px;
    }
}

@media only screen and (min-width:600px) and (max-width:767px) {

    div.overlayInfoEntrada {
        width: 80%;
    }

    #ContentPlaceHolder1_pnlPagamentoExpirado .telefonesBox {
        width:100%!important;
    }

    #ContentPlaceHolder1_pnlPagamentoExpirado .telefonesBox ul.ulTelefones li {
        width:135px;
    }
    .resumoPagamento .ofertaEncerrada p {
        width:90%;
    }

    .item-lista-destino ul li.imagem {
        width: 47%;
    }

    .item-lista-destino ul li.titulo,
    .item-lista-destino ul li.texto {
        width: 47%;
    }

    .item-lista-destino ul li.texto {
        text-align: justify;
    }

    .item-lista-destino ul li.ver-mais {
        text-align: center;
        position: absolute;
        width: auto;
        right: 25px;
        bottom: 18px;
    }
}

@media only screen and (min-width:741px) and (max-width:767px) {


    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco ul.amenidades li {
        background-size: 97% !important;
    }

    li.ofertaPrincipal div.imagemOferta ul.amenidades {
        width: 644px !important;
        left: 4px !important;
    }

    .sliderPassageiros {
        height: 257px;
    }

    /*LANDING DESTINOS INICIO*/
    .destinos-slider {
        float: none !important;
        margin: 0 !important;
    }


        .destinos-slider .slider {
            overflow: initial;
        }

            .destinos-slider .slider .pika-thumbs {
                position: absolute;
                top: 0;
                right: -164px;
                width: 164px !important;
                height: 307px;
            }

            .destinos-slider .slider .setaDireita,
            .destinos-slider .slider .setaEsquerda {
                display: none !important;
            }

            .destinos-slider .slider .pika-thumbs li {
                width: 80px;
                height: 45px;
                margin-bottom: 3px;
            }

    .conteudo-principal-destino {
        height: 444px;
        width: 100%;
        margin: 0 auto;
    }

        .conteudo-principal-destino .totalSlider {
            overflow: initial;
        }

        .conteudo-principal-destino p {
            float: right;
        }

    .boxLerMais {
        width: 100%;
        margin: 0 auto;
    }

    .lerMais hr {
        width: 32%;
    }

    .menu-principal-destino ul li {
        width: 12%;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades {
        width: 102% !important;
    }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco {
            width: 46%;
            margin-right: 3%;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta {
            width: 46%;
            margin-right: 3% !important;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco div.imagemOferta {
            height: 10%;
            min-height: 10%;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta div.imagemOferta {
            height: auto;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco h2,
        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal h2 {
            margin-top: 10px;
            width: 92%;
            margin-left: 3%;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta p {
            font-size: 14px;
            font-weight: bold;
            color: #757575;
            text-align: justify;
            padding: 0px 7px;
            margin: 0;
            height: 40px;
            line-height: 20px;
            clear: both;
            overflow: hidden;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco ul.amenidades {
            width: 51%;
            float: left;
            position: inherit;
            position: static;
        }


        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco div.imagemOferta ul.amenidades {
            display: none !important;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco .boxPreco {
            width: 270px;
        }

            .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco .boxPreco span.precoPor {
                width: 120px;
            }

            .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco .boxPreco ul.amenidades {
                width: 149px;
            }

            .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco .boxPreco ul.amenidades {
                width: 149px;
            }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco button {
            padding-top: 3px;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco span.precoPor {
            width: 36% !important;
        }
    /*LANDING DESTINOS FIM*/

}

@media only screen and (min-width:540px) and (max-width:740px) {

    .sliderPassageiros {
        height: 250px;
    }
    /*LANDING DESTINOS INICIO*/
    .destinos-slider {
        float: none !important;
        margin: 0 !important;
    }

        .destinos-slider .slider {
            overflow: initial;
        }

            .destinos-slider .slider .pika-thumbs {
                position: absolute;
                top: 0;
                right: -164px;
                width: 164px !important;
                height: 307px;
            }

            .destinos-slider .slider .setaDireita,
            .destinos-slider .slider .setaEsquerda {
                display: none !important;
            }

            .destinos-slider .slider .pika-thumbs li {
                width: 80px;
                height: 45px;
                margin-bottom: 3px;
            }

    .conteudo-principal-destino {
        height: 444px;
        width: 100%;
        margin: 0 auto;
    }

        .conteudo-principal-destino .totalSlider {
            overflow: initial;
            width: 100%;
        }

        .conteudo-principal-destino p {
            float: right;
        }

    .boxLerMais {
        width: 100%;
        margin: 0 auto;
    }

    .lerMais hr {
        width: 29%;
    }

    .menu-principal-destino ul li {
        width: 11%;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades {
        width: 100% !important;
    }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco {
            width: 99%;
        }

            .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco div.imagemOferta {
                height: 10%;
                min-height: 10%;
            }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta div.imagemOferta {
            height: auto;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco h2 {
            height: 5%;
            margin-top: 10px;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta p {
            font-size: 16px;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco div.imagemOferta ul.amenidades {
            display: none !important;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco .boxPreco {
            float: left;
        }

            .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco .boxPreco span.precoPor {
                text-align: left;
                padding-left: 5px;
            }

            .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco .boxPreco ul.amenidades {
                height: 28px;
            }


    /*LANDING DESTINOS FIM*/
}

@media only screen and (min-width:460px) and (max-width:767px) {

    #textoConteudoFull .boxItem ul.entrada li.item {
        width: 68.5%;
        padding-left: 6px;
        font-size: 11px;
        overflow: hidden;
        height: 40px;
    }

    #textoConteudoFull .boxItem ul.entrada .checkPago, #textoConteudoFull .boxItem ul.formCartao .checkPago {
        background-position-x: 95%;
    }

    #textoConteudoFull .boxItem ul.entrada li.titulo {
        width: 49.5%;
        padding-left: 6px;
        display: none;
    }

    #textoConteudoFull .boxItem ul.entrada li.valor {
        width: 29.4%;
        float: right;
    }

    #textoConteudoFull ul.resumoPagamentoTotal,
    #textoConteudoFull ul.resumoPagamentoPendente {
        width: 96%;
    }

        #textoConteudoFull ul.resumoPagamentoTotal li.valor span:last-child {
            width: 75%;
        }

    #textoConteudoFull .boxItem ul.entrada li.valor span, #textoConteudoFull .boxItem ul.entrada li.valor em {
        width: 76%;
    }

    #textoConteudoFull ul.resumoPagamentoPendente {
        width: 62%;
    }

        #textoConteudoFull ul.resumoPagamentoPendente li.valor span:last-child {
            width: 75%;
        }

    #textoConteudoFull .boxItem ul.entrada li.valor i {
        width: auto;
    }

    #textoConteudoFull .boxItem ul.formCartao li.valor div span:first-child {
        margin-top: 0;
    }
}

@media only screen and (min-width:460px) and (max-width:768px) {
    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.col-lg-4,
    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.parcelas {
        width: 97% !important;
    }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.col-lg-3,
    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.col-lg-2,
    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg {
        width: 46% !important;
    }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset div.data {
        width: 51% !important;
    }
}

@media only screen and (min-width:300px) and (max-width:459px) {

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.ofertaPrincipal .boxPreco span.precoPor {
        width: 10% !important;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco .boxPreco span.precoPor {
        width: 90px !important;
        font-size: 13px;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco .boxPreco ul.amenidades {
        width: 150px !important;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco button {
        padding-top:4px!important;
        padding-bottom:5px!important;
    }

    #textoConteudoFull .boxItem ul.entrada li.item {
        width: 100% !important;
        font-size: 11px;
        padding-left: 0 !important;
    }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p {
        width: 95% !important;
    }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset div.data {
        width: 51% !important;
    }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg {
        width: 49% !important;
    }

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.parcelas {
        width: 96%;
    }

    #textoConteudoFull .boxItem ul.entrada li.item {
        text-align: center;
    }

        #textoConteudoFull .boxItem ul.entrada li.item dd:first-child {
            font-size: 14px;
        }

        #textoConteudoFull .boxItem ul.entrada li.item dd {
            margin: 0 auto;
            width: 100%;
            line-height: 25px;
        }

            #textoConteudoFull .boxItem ul.entrada li.item dd i {
                float: none !important;
            }

    #textoConteudoFull .boxItem ul.entrada .checkPago {
        width: auto;
    }

    #textoConteudoFull .boxItem ul.formCartao li.valor div span:first-child {
        margin-top: 0;
    }
}

@media only screen and (min-width:560px) and (max-width:697px) {

    #textoConteudoFull .boxItem ul.formCartao li.item fieldset {
    }

        #textoConteudoFull .boxItem ul.formCartao li.item fieldset p {
            width: 98%;
        }

            #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.data {
                width: 40% !important;
            }

            #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.seg {
                width: 34% !important;
            }

            #textoConteudoFull .boxItem ul.formCartao li.item fieldset p.parcelas {
                width: 36%;
            }
}

@media only screen and (min-width:320px) and (max-width:559px) {

    
    /*LANDING DESTINOS INICIO*/
    .destinos-slider {
        float: none !important;
        margin: 0 !important;
    }

        .destinos-slider .slider {
            overflow: initial;
        }

            .destinos-slider .slider .pika-thumbs {
                position: absolute;
                top: 0;
                right: -164px;
                width: 164px !important;
                height: 307px;
            }

            .destinos-slider .slider .setaDireita,
            .destinos-slider .slider .setaEsquerda {
                display: none !important;
            }

            .destinos-slider .slider .pika-thumbs li {
                width: 80px;
                height: 45px;
                margin-bottom: 3px;
            }

    .conteudo-principal-destino {
        height: 380px;
        width: 100%;
        margin: 0 auto;
    }

        .conteudo-principal-destino .totalSlider {
            overflow: initial;
            width: 100%;
        }

        .conteudo-principal-destino p {
            float: right;
        }

    .boxLerMais {
        width: 100%;
        margin: 0 auto;
    }

    .lerMais hr {
        width: 25%;
    }

    .menu-principal-destino ul li:first-child {
        padding-left: 15px;
    }

    .menu-principal-destino ul li {
        width: 100%;
        border-bottom: 1px solid #CCC;
        height: 50px;
    }

        .menu-principal-destino ul li i {
            width: 10%;
            margin-top: 10px;
        }

        .menu-principal-destino ul li span {
            width: auto;
            text-align: center;
            border: 0;
            margin-top: 17px;
            padding-left: 10px;
        }

    .menu-principal-destino {
        margin-top: 0;
    }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades {
        width: 100% !important;
    }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco {
            width: 99%;
        }

            .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco div.imagemOferta {
                height: 10%;
                min-height: 10%;
            }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta div.imagemOferta {
            height: auto;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco h2 {
            height: 5%;
            margin-top: 10px;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco div.imagemOferta ul.amenidades {
            display: none !important;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco .boxPreco {
            float: left;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.metade-bloco button {
        }

    /*LANDING DESTINOS FIM*/





}

@media only screen and (min-width:320px) and (max-width:640px) {

    #OfertaIlustracaoDeCompra {
        margin-bottom:20px;
    }
    .OfertaIlustracaoDeCompra ul li.traco {
        display:block;
    }

    #OfertaIlustracaoDeCompra ul {
        background-image:none;
    }

        #OfertaIlustracaoDeCompra ul li p.mostrarNoDesktop {
            display:block!important;
        }
        #OfertaIlustracaoDeCompra ul li p.mostrarNoMobile {
            display:none!important;
        }
        #OfertaIlustracaoDeCompra ul li p {
            text-align:left;
            padding-top:10px;
            margin-bottom:0!important;
            float:left;
            width:65%;            
        }
    
    .OfertaIlustracaoDeCompra ul li {
        width:100%;
        float:left;
        list-style:none;    
    }
    .OfertaIlustracaoDeCompra ul li span {
        width:5%;
        height:75px;
        line-height:70px;
        float:left;
    }
    .OfertaIlustracaoDeCompra ul li div.icone {
        min-width:76px;
        width:20%;
        float:left;
    }
        .OfertaIlustracaoDeCompra ul li div.icone .ajusteTracoDireita,
        .OfertaIlustracaoDeCompra ul li div.icone .ajusteTracoEsquerda {
            display:none;
        }


    .checkoutIlustracaoDeCompra ul li div.ajusteTracoEsquerda,
    .checkoutIlustracaoDeCompra ul li div.ajusteTracoDireita {
        width:20%;
    }
}

@media only screen and (min-width:320px) and (max-width:450px) {
    .checkoutIlustracaoDeCompra ul li div.ajusteTracoEsquerda,
    .checkoutIlustracaoDeCompra ul li div.ajusteTracoDireita {
        width:11%;
    }

    div.overlayInfoEntrada {
        width: 80%;        
    }
    .infoEntrada div.item1 p {
        line-height:normal;
        margin-top:10%;
    }
}

@media only screen and (min-width:140px) and (max-width:599px) {


    #textoConteudoFull .boxItem ul.entrada li.item,
    #textoConteudoFull .boxItem ul.formCartao li.item {
        width: 99%;
        padding-left: 6px;
    }

    #textoConteudoFull .boxItem ul.entrada .checkPago, #textoConteudoFull .boxItem ul.formCartao .checkPago {
        background-position-x: 95%;
    }

    #textoConteudoFull .boxItem ul.entrada li.titulo {
        width: 49.5%;
        padding-left: 6px;
        display: none;
    }

    #textoConteudoFull .boxItem ul.entrada li.valor {
        width: 100%;
    }

    #textoConteudoFull ul.resumoPagamentoTotal {
        width: 93%;
    }

    #textoConteudoFull .boxItem ul.entrada li.valor span, #textoConteudoFull .boxItem ul.entrada li.valor em {
        text-align: center;
        width: 100%;
    }

    #textoConteudoFull ul.resumoPagamentoPendente {
        width: 100%;
    }

    #textoConteudoFull .addCartao {
        margin: 0;
        width: 100px !important;
        padding: 10px 20px !important;
        background-color: #f4faff;
        text-align: center;
        color: #435d73;
        border: 1px solid #cdd2d6;
    }

        #textoConteudoFull .addCartao i {
            margin: 0 auto;
            width: 30px;
            display: block;
            padding: 8px;
        }

        #textoConteudoFull .addCartao span {
            text-align: center;
            font-size: 12px;
            display: block;
        }
}

@media only screen and (min-width:655px) and (max-width:740px) {

    li.ofertaPrincipal div.imagemOferta ul.amenidades {
        width: 552px !important;
        left: 0 !important;
    }

    .icones {
        width: 585px;
    }

        .icones .icone {
            width: 86px;
            margin-right: 12px;
        }

    .resumoPagamento .ofertaEncerrada fieldset {
        width: 70%;
        margin: 0 auto;
    }

    .menu-principal-destino ul li {
        width: 12%;
    }
}

@media only screen and (min-width:610px) and (max-width:654px) {

    li.ofertaPrincipal div.imagemOferta ul.amenidades {
        width: 460px !important;
        left: 0 !important;
    }

    .resumoPagamento .ofertaEncerrada fieldset {
        width: 55%;
        margin: 0 auto;
    }

        .resumoPagamento .ofertaEncerrada fieldset input {
            width: 96.8%;
            margin-bottom: 10px;
            float: none;
        }

        .resumoPagamento .ofertaEncerrada fieldset .btnCadastroOfertaEncerrada {
            width: 100%;
            float: none;
        }

        .resumoPagamento .ofertaEncerrada fieldset div.aguarde {
            width: 100%;
        }

    .resumoPagamento .ofertaEncerrada span {
        font-size: 18px;
    }

    .resumoPagamento .ofertaEncerrada p {
        font-size: 14px;
    }
}

@media only screen and (min-width:610px) and (max-width:546px) {

    li.ofertaPrincipal div.imagemOferta ul.amenidades {
        width: 460px !important;
        left: 0 !important;
    }
}

@media only screen and (min-width:540px) and (max-width:610px) {


    .faltaCupons, .totalCupons {
        min-height: 225px;
    }

        .faltaCupons span {
            min-height: 40px;
        }

    #textoConteudoFull .boxItem fieldset.reserva p {
        width: 45% !important;
    }
}

@media only screen and (max-width:587px) {
        
    .blocoTrustedCompany .titulo {
        display:none;
    }
    .blocoTrustedCompany .blocoNota {
        /*        width:100%;
        height:170px!important;
        text-align: center;*/

        width: 100%;
        height: 170px !important;
        margin-left: 850px !important;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        align-content: space-around;
        justify-content: space-evenly;
    }
}

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

    .faltaCupons {
        margin-bottom: 20px;
    }

    .faltaCupons, .totalCupons {
        width: 100%;
        height: auto;
    }

        .faltaCupons span, .totalCupons span {
            min-height: 0;
            padding: 2% 5%;
        }

    #textoConteudoFull .boxItem fieldset.reserva p {
        width: 96% !important;
    }

}

@media only screen and (min-width:544px) and (max-width:610px) {

    .faltaCupons span {
        min-height: 40px;
    }
}

@media only screen and (min-width:544px) and (max-width:630px) {


    #textoConteudoFull #dadosCliente fieldset p {
        width: 45% !important;
    }

        #textoConteudoFull #dadosCliente fieldset p.ddd,
        #textoConteudoFull #dadosCliente fieldset p.fone {
            width: 20% !important;
        }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset div.data {
        width: 40% !important;
    }


    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.data,
    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.seg {
        width: 39.5% !important;
    }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.parcelas {
        width: 100% !important;
    }

    .resumoPagamento .ofertaEncerrada fieldset {
        width: 70%;
        margin: 0 auto;
    }

        .resumoPagamento .ofertaEncerrada fieldset input {
            width: 96.8%;
            margin-bottom: 10px;
            float: none;
        }

        .resumoPagamento .ofertaEncerrada fieldset .btnCadastroOfertaEncerrada {
            width: 100%;
            float: none;
        }

        .resumoPagamento .ofertaEncerrada fieldset div.aguarde {
            width: 100%;
        }

    .resumoPagamento .ofertaEncerrada span {
        font-size: 18px;
    }

    .resumoPagamento .ofertaEncerrada p {
        font-size: 14px;
    }
}

@media only screen and (min-width:480px) and (max-width:545px) {
    .col-principal ul li.ofertaPrincipal div.imagemOferta ul.amenidades {
        width: 390px;
    }

    .col-principal ul li.ofertaPrincipal button {
        width: 60%;
    }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset div.data {
        width: 60% !important;
    }


    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.data,
    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.seg {
        width: 39.5% !important;
    }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.parcelas {
        width: 100% !important;
    }

    .resumoPagamento .ofertaEncerrada fieldset {
        width: 70%;
        margin: 0 auto;
    }

        .resumoPagamento .ofertaEncerrada fieldset input {
            width: 96.8%;
            margin-bottom: 10px;
            float: none;
        }

        .resumoPagamento .ofertaEncerrada fieldset .btnCadastroOfertaEncerrada {
            width: 100%;
            float: none;
        }

        .resumoPagamento .ofertaEncerrada fieldset div.aguarde {
            width: 100%;
        }

    .resumoPagamento .ofertaEncerrada span {
        font-size: 18px;
    }

    .resumoPagamento .ofertaEncerrada p {
        font-size: 14px;
    }
}

@media only screen and (min-width:120px) and (max-width:410px) {

    #textoConteudoFull .addCartao {
        padding: 10px 10px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:480px) {

    
    .textoDetalheDestaque {
        left: auto;
        transform: inherit;
    }

    #ContentPlaceHolder1_pnlPagamentoExpirado .telefonesBox {
        width:auto!important;
    }


    #ContentPlaceHolder1_pnlPagamentoExpirado .telefonesBox ul.ulTelefones li {
        width:90%;
    }
    #ContentPlaceHolder1_pnlPagamentoExpirado .telefonesBox ul.ulTelefones li span.UF {
        width:30%;
    }

    .col-principal ul li.ofertaPrincipal h2 {
        width: 86%;
        margin: 20px 0 0 7%;
    }

    .col-principal ul li.ofertaPrincipal div.imagemOferta ul.amenidades {
        left: 4px !important;
    }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.parcelas {
        width: 100% !important;
    }

    .sliderPassageiros {
        height: 470px;
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
    }

        .sliderPassageiros .boxFieldsetPassageiros {
            width: 100%;
            position: relative;
        }

    #textoConteudoFull .sliderPassageiros .dadosPassageiros {
        float: left;
        width: 99%;
    }
}

@media only screen and (min-width:480px) and (max-width:540px) {

    .sliderPassageiros {
        height: 470px;
    }
}

@media only screen and (min-width:480px) and (max-width:530px) {

    .icones {
        width: 424px;
    }

        .icones .icone {
            width: 84px;
            margin-right: 12px;
        }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.parcelas {
        width: 100% !important;
    }

    .boxErroCheckout .metade,
    #pnlLogin .boxItem .metade,
    #cadastroSenha .metade {
        width: 90% !important;
    }

    #pnlLogin .boxItem fieldset.metade,
    .boxErroCheckout fieldset.metade,
    #cadastroSenha fieldset.metade {
        width: 90% !important;
        border: 0;
        text-align: center;
    }

        #pnlLogin .boxItem fieldset.metade p,
        .boxErroCheckout fieldset.metade p {
            width: 100% !important;
            text-align: left;
        }

        #cadastroSenha fieldset.metade p {
            width: 45% !important;
            text-align: left;
        }


        #pnlLogin .boxItem fieldset.metade .boxLogarSenha,
        .boxErroCheckout fieldset.metade .boxLogarSenha,
        #cadastroSenha fieldset.metade .boxLogarSenha {
            float: none !important;
            margin-left: auto;
            margin-right: auto;
        }
}

@media only screen and (min-width:490px) and (max-width:544px) {

    #textoConteudoFull #dadosCliente fieldset p {
        width: 44% !important;
    }

        #textoConteudoFull #dadosCliente fieldset p.ddd,
        #textoConteudoFull #dadosCliente fieldset p.fone {
            width: 20% !important;
        }
}

@media only screen and (min-width:491px) and (max-width:590px) {

    .resumoPagamento .blocoObsValores .obs {
        display: none;
    }
}

@media only screen and (min-width:320px) and (max-width:490px) {


    .resumoPagamento .blocoObsValores .obs {
        display: none;
    }

    #textoConteudoFull #dadosCliente fieldset p {
        width: 100% !important;
    }

    .boxErroCheckout .metade,
    #pnlLogin .boxItem .metade,
    #cadastroSenha .metade {
        width: 90% !important;
    }

    #pnlLogin .boxItem fieldset.metade,
    .boxErroCheckout fieldset.metade,
    #cadastroSenha fieldset.metade {
        width: 90% !important;
        border: 0;
        text-align: center;
    }

        #pnlLogin .boxItem fieldset.metade p,
        .boxErroCheckout fieldset.metade p,
        #cadastroSenha fieldset.metade p {
            width: 100% !important;
            text-align: left;
        }

        #pnlLogin .boxItem fieldset.metade .boxLogarSenha,
        .boxErroCheckout fieldset.metade .boxLogarSenha,
        #cadastroSenha fieldset.metade .boxLogarSenha {
            float: none !important;
            margin-left: auto;
            margin-right: auto;
        }



    #textoConteudoFull #dadosCliente fieldset p.ddd,
    #textoConteudoFull #dadosCliente fieldset p.fone,
    #textoConteudoFull #dadosCliente fieldset p.dataNascimento,
    #textoConteudoFull #dadosCliente fieldset p.boxGenero {
        width: 46% !important;
        margin-right: 0;
    }

    #textoConteudoFull #dadosCliente fieldset p.fone,
    #textoConteudoFull #dadosCliente fieldset p.boxGenero {
        float: right;
    }

    #textoConteudoFull .boxItem,
    #datasDaViagem .metade {
        width: 98% !important;
    }

    #textoConteudoFull #documentosViagem {
        float: left !important;
    }

    #textoConteudoFull .evolucaoPagamento ul li span {
        font-size: 11px;
    }

    .resumoPagamento .ofertaEncerrada fieldset {
        width: 90%;
        margin: 0 auto;
    }

        .resumoPagamento .ofertaEncerrada fieldset input {
            width: 96.8%;
            margin-bottom: 10px;
            float: none;
        }

        .resumoPagamento .ofertaEncerrada fieldset .btnCadastroOfertaEncerrada {
            width: 100%;
            float: none;
        }

        .resumoPagamento .ofertaEncerrada fieldset div.aguarde {
            width: 100%;
        }

    .resumoPagamento .ofertaEncerrada span {
        font-size: 18px;
    }

    .resumoPagamento .ofertaEncerrada p {
        font-size: 14px;
    }


    .detalheOferta .col-principal h1, .col-principal h1 {
        font-size: 19px;
        line-height: 22px;
    }

    p.seg label, p.seg a {
        font-size: 11px;
    }

    .detalheOferta .localidadesOfertas {
        display: none;
    }

    #IframeHotel {
        display: none;
    }

    #regrasChamada {
        padding-top: 0px;
    }
    /*inicio voos*/
    #showOverlayVoos {
        margin-top: 0 !important;
        top: 0 !important;
        position: fixed;
    }

    .overlayVoos {
        margin-top: 40px;
        width: 95%;
    }

    #boxOpcoesVoos {
        height: 320px;
        overflow-x: inherit;
    }

    #boxDropVoos div {
        float: none !important;
        display: block;
        width: 100%;
    }

        #boxDropVoos div select {
            width: 99%;
        }

    .tabela_voos tr td {
        vertical-align: middle;
    }

    .form-group {
        text-align: center;
    }

    dl.valor {
        margin-top: 0;
    }

    .btnSelecionarVoo {
        margin: 0 auto 10px auto;
    }

    .col-lg-12 {
        width: 93%;
        padding: 0 10px;
    }

    .col-lg-6 {
        width: 98%;
        margin: 0 auto;
    }

    .col-lg-4 {
        width: 100%;
    }

    .col-lg-3 {
        width: 100%;
    }

    .col-lg-2 {
        width: 100%;
    }
    /*fim voos*/

    .bingoDetalhes {
        display: none;
    }

    #oferta-visitadas-anteriormente {
        display: none !important;
    }

    #primeira {
        display: none !important;
    }

    #ultima {
        display: none !important;
    }

    .col-principal ul li.ofertaPrincipal h2 {
        height: auto;
        font-size: 16px;
    }

    .col-principal ul li.ofertaPrincipal div.imagemOferta img {
        width: 100%;
        height: auto;
        display: block;
    }

    .pika-stage a {
        width: 100%;
        height: auto;
    }

        .pika-stage a div.player {
            height: 100%;
        }


        .pika-stage a div.frameVideo iframe {
            width: 100%;
            height: 100%;
        }

    .col-principal ul li.ofertaPrincipal div.imagemOferta ul.amenidades {
        float: none;
        margin: 0 auto;
        position: relative;
        text-align: right;
        bottom: none;
        top: 13px;
        left: 0;
        width: 276px;
        z-index: 100;
        overflow: hidden;
        height: 33px;
    }



    .col-principal ul li.ofertaPrincipal .boxPreco span.precoPor {
        width: 100%;
        text-align: center;
        float: left;
        font-size: 30px;
        margin-top: 3px;
    }

    .col-principal ul li.ofertaPrincipal .boxPreco .precoAntigo {
        width: 100%;
        text-align: center;
        margin-left: -2px;
    }

    .col-principal ul li.oferta {
        height: auto;
        min-height: 252px;
        max-height: 350px;
    }

        .col-principal ul li.oferta .boxPreco {
            width: 99% !important;
        }

            .col-principal ul li.oferta .boxPreco button {
                margin-right: 4px;
            }

            .col-principal ul li.oferta .boxPreco ul.amenidades {
                margin-bottom: 5px;
                width: 180px;
                bottom: 0;
                right: 37px;
            }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco ul.amenidades {
        right: 32px;
    }


    .col-principal ul li.oferta .boxPreco span.precoPor {
        float: left;
        width: 22.5%;
        font-size: 18px;
        margin-left: 5px;
    }

    .col-principal ul li.oferta div.imagemOferta img {
        width: 100%;
        height: auto;
        position: relative;
    }

    .pika-stage img {
        width: 100%;
        height: auto;
    }

    .pika-stage {
        height: auto;
    }

    fieldset.recebeOfertas {
        margin-left: 0;
    }


        fieldset.recebeOfertas label {
            width: 100%;
        }

            fieldset.recebeOfertas label.tam4 {
                width: 98% !important;
            }

            fieldset.recebeOfertas label.tam8 {
                width: 99% !important;
            }

                fieldset.recebeOfertas label.tam8 select {
                    padding-right: 0 !important;
                    width: 100%;
                }

            fieldset.recebeOfertas label.tam7 {
                width: 99% !important;
            }

                fieldset.recebeOfertas label.tam7 a {
                    width: 93% !important;
                    text-align: center;
                }

            fieldset.recebeOfertas label#loadCadastrar {
                margin-left: 30%;
            }


    #OfertaDinamica div.mapa_cruzeiro {
        width: 99%;
    }

    div.global-div img {
        width: 100%;
        height: auto !important;
    }

    ul.footer-bloco1 li, ul.footer-bloco2 li, ul.footer-bloco3 li {
        text-align: center;
    }

    .icones {
        width: 368px;
        margin: 0 auto;
    }

        .icones .icone {
            margin-right: 3.5%;
            width: 64px;
        }

            .icones .icone div {
                width: auto;
            }

    .totalSlider {
        margin-bottom: 0;
    }

    .loginVB label {
        padding: 0 0 20px 0;
        width: auto;
    }

        .loginVB label input {
            padding: 0;
            width: 298px !important;
        }

            .loginVB label input#chkLembrarEmail {
                padding: 0;
                width: 17px !important;
            }

        .loginVB label a#esqueciSenha {
            padding: 0;
            margin-right: 0px;
            margin-left: 40px;
            width: auto;
        }

        .loginVB label.ajuste-label {
            margin: 0;
            width: 100% !important;
        }

            .loginVB label.ajuste-label button {
                width: 100% !important;
                padding: 0;
                margin: 0;
            }


    .blocoOfertasRelacionadas {
        width: 758px !important;
    }

        .blocoOfertasRelacionadas .ofertas {
            height: 346px !important;
        }

            .blocoOfertasRelacionadas .ofertas ul.procurados li {
                width: 280px;
                margin-bottom: 5px;
                padding-bottom: 3px;
                float: none;
            }

                .blocoOfertasRelacionadas .ofertas ul.procurados li .imagemOferta {
                    float: left;
                    position: relative;
                    width: 110px;
                    height: 66px;
                    display: block;
                    padding: 0;
                    margin: 0;
                }

                    .blocoOfertasRelacionadas .ofertas ul.procurados li .imagemOferta img {
                        width: 100% !important;
                        height: auto !important;
                    }

        .blocoOfertasRelacionadas div.ofertas ul li p {
            width: 154px !important;
            clear: none !important;
            height: 60px !important;
            padding-bottom: 0 !important;
            margin: 0;
            padding-top: 2px !important;
        }

        .blocoOfertasRelacionadas div.ofertas ul li .boxPreco {
            padding: 4px !important;
            margin-top: 0 !important;
            margin-left: 3px !important;
            margin-bottom: 0 !important;
            margin-right: 0 !important;
            width: 266px !important;
        }

    .abas li {
        margin-right: 7px;
    }


    .col-principal ul li.oferta div .mesSaidaMaritimo,
    .col-principal ul li.oferta .mesSaidaMaritimo {
        padding: 0;
        top: 0;
        position: relative;
    }

        .col-principal ul li.oferta div .mesSaidaMaritimo li,
        .col-principal ul li.oferta .mesSaidaMaritimo li {
            background: #f1f1f1;
            border: 1px solid #cecece;
            color: #000;
        }

    .col-principal ul li.ofertaPrincipal #ofertaGrande ul.mesSaidaMaritimo {
        margin: 20px 0 0 10px;
        width: 94%;
    }

        .col-principal ul li.ofertaPrincipal #ofertaGrande ul.mesSaidaMaritimo li {
            padding: 0 8px 0 9px;
        }




    #OfertaDinamica h4 {
        background: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

    /*#OfertaDinamica*/ .desnecessario {
        display: none;
    }

    .dataCurta {
        display: initial !important;
    }

    #OfertaDinamica .linha {
        float: left;
        clear: both;
        width: 100%;
        text-align: center;
    }

        #OfertaDinamica .linha.semBold {
            font-weight: normal;
            font-size: 10px;
        }

    #OfertaDinamica div.itinerario_cruzeiro {
        width: 100%;
        margin: 10px 0;
    }

    #OfertaDinamica TABLE.tabela_itinerario td.atividade_maritima {
        display: none;
    }


    /* NOVO CHECKOUT */

    .resumoPagamento .blocoEmail fieldset input {
        width: 84%;
    }

    .item .selectFake {
        width: 86%;
    }

    .resumoPagamento .detalhesPacote .tituloItens .item {
        width: 100% !important;
    }

    .resumoPagamento .detalhesPacote .tituloItens .quantidade {
        display: none;
    }

    .resumoPagamento .detalhesPacote .itens .item {
        width: 100% !important;
    }

        .resumoPagamento .detalhesPacote .itens .item select {
            width: 85% !important;
        }

        .resumoPagamento .detalhesPacote .itens .item span.textoDetalhe {
            margin-left: 0;
            padding: 0;
            background: none;
            float: left;
        }

    .resumoPagamento .detalhesPacote .itens .quantidade,
    .resumoPagamento .detalhesPacote .itens .entrada {
        margin-right: auto;
        float: left !important;
    }

    .resumoPagamento .detalhesPacote .itens .entrada {
        margin-left: 8%;
        margin-bottom: 15px;
    }

    .resumoPagamento .detalhesPacote .itens .valor span {
        display: initial;
    }



    .resumoPagamento .detalhesPacote .itens .entrada,
    .resumoPagamento .detalhesPacote .itens .valor {
        height: 57px;
    }



    .resumoPagamento .detalhesPacote .itens .entrada {
        margin-top: 5px;
        margin-bottom: 0 !important;
    }

        .resumoPagamento .detalhesPacote .itens .entrada span,
        .resumoPagamento .detalhesPacote .itens .valor span {
            float: none;
            height: 31px;
            text-align: center;
        }

    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.parcelas {
        width: 100% !important;
    }


    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset div.data {
        width: 60% !important;
    }


    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.data,
    .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.seg {
        width: 39.5% !important;
    }

        .resumoPagamento .blocoMeiosPagamento .infoCartao fieldset p.data select {
            padding-left: 0;
        }

    .rotuloMobile {
        float: none;
        width: 100%;
    }

    /*buscador aéreo*/

    .contBuscador {
        width: 100% !important;
        height: auto !important;
    }

        .contBuscador fieldset div.origem input,
        .contBuscador fieldset div.destino input {
            width: 98% !important;
        }

        .contBuscador fieldset div.volta,
        .contBuscador fieldset div.vooDiretos {
            margin-right: 0 !important;
        }

        .contBuscador fieldset div.tam50 {
            width: 100% !important;
        }

        .contBuscador fieldset div.tam25 {
            width: 49% !important;
        }

        .contBuscador fieldset div.tam33 {
            width: 32% !important;
        }

        .contBuscador fieldset div label.tam33 {
            width: 38% !important;
        }

        .contBuscador fieldset div div.boxInput {
            width: 98% !important;
        }



        .contBuscador fieldset div.passageiros .selCriancaVoos {
            margin-right: 12px;
        }

        .contBuscador fieldset div.tam50 a#buscarVoosAgora {
            width: 100%;
            height: 100%;
            cursor: pointer;
            padding: 0;
            text-align: center;
            margin-bottom: 10px;
            display: block;
        }

        .contBuscador fieldset div.origem .boxIata {
            width: 99% !important;
        }

        .contBuscador fieldset div .icon-loading,
        .contBuscador fieldset div .icon-fechar {
            right: 5px !important;
        }

    .resumoPagamento .blocoObsValores .obs,
    .resumoPagamento .blocoObsValores .obs .codPromocional {
        width: 96% !important;
        margin-bottom: 7px;
    }

        .resumoPagamento .blocoObsValores .obs .codPromocional input {
            width: 59% !important;
        }

        .resumoPagamento .blocoObsValores .obs .codPromocional .btnAplicarCodPromocional {
            margin-left: 13% !important;
        }


    /*NOVO MENU MOBILE APP*/

    .headerMobile {
        display: block !important;
        position: fixed;
        top: 0;
        z-index: 1002;
        width: 100%;
    }

    #MasterPageBodyTag {
        background: none !important;
        background-image: none !important;
    }

    #ocultarDesktop {
        display: block;
    }

    #ocultarMobile {
        display: none;
    }

    #ocultarDesktop div #precoFlutuanteMobile {
        margin-top: 0;
        position: relative;
        width: 99.5%;
        margin-bottom: 10px;
    }

    .miolo {
        padding-top: 68px !important;
    }

    #litMenuMobile {
        display: block;
    }

    .headerMisto {
        display: none;
    }

    .barraApp {
        width: 100%;
        height: 60px;
        background: #223c65;
        position: relative;
        overflow: hidden;
    }

    .ico-burguer {
        width: 12%;
        height: 100%;
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-burguer.png") #345384 center center no-repeat;
        margin-left: 10px;
        float: left;
        cursor: pointer;
    }

    .logoMobile {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/logo-vb-mobile.png") center center no-repeat;
        width: 75%;
        height: 100%;
        text-transform: capitalize;
        text-indent: -9999px;
        float: left;
    }

        .logoMobile a {
            width: 100%;
            height: 100%;
            display: block;
        }

    .boxBuscaMobile {
        float: left;
        width: 80%;
        margin: 16px 0 0 10px;
    }

        .boxBuscaMobile .txtTermoBuscaMobile {
            background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-localizacao.png") #FFF 5px 5px no-repeat;
            width: 61%;
            padding-left: 8%;
            float: left;
        }

    .resumoPagamento {
        margin-top: 0;
    }

    .fullSize {
        width: 100% !important;
    }

    .ico-busca {
        width: 7%;
        height: 100%;
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-lupa-mobile.png") center 60% no-repeat;
        cursor: pointer;
    }

    .abrirBusca {
        position: absolute;
        right: 10px;
    }

    .btnBuscarMobile {
        position: absolute;
        right: 13%;
        width: 9%;
        height: 57%;
    }

    .tagFecharBusca {
        width: 23px;
        height: 23px;
        cursor: pointer;
        background: #fea300;
        color: #FFF;
        text-align: center;
        font-weight: bold;
        line-height: 23px;
        position: absolute;
        margin: 18px 10px 0 10px;
        right: 0;
    }

    .fecharBusca {
        width: 6%;
        height: 23px;
        cursor: pointer;
        background: #fea300;
        color: #FFF;
        text-align: center;
        font-weight: bold;
        line-height: 23px;
        position: absolute;
        margin: 5px 10px 0 10px;
        right: 0;
    }

    .hide {
        left: -293px;
    }

    .menuMobileApp {
        position: fixed;
        width: 292px; /*292px*/
        top: 60px;
        z-index: 1001;
        background: #FFF;
    }

        .menuMobileApp li {
            background: #eeeeee;
            width: 100%;
            height: 50px;
            margin: 2px 0;
            font-size: 11px;
            font-weight: bold;
            color: #223c65;
        }

            .menuMobileApp li:hover {
                background: #e3e2e2;
            }

            .menuMobileApp li.destaqueLi {
                background: #c7e9f9 !important;
            }

                .menuMobileApp li.destaqueLi:hover {
                    background: #a4daf5 !important;
                }

            .menuMobileApp li.meio {
                width: 49.5%;
                float: left;
                margin: 0 0 2px 0;
            }

            .menuMobileApp li.direitaPrincipal,
            .menuMobileApp li.direitaSecundaria {
                float: right;
            }

            .menuMobileApp li.esquerdaPrincipal,
            .menuMobileApp li.direitaPrincipal {
                height: 80px;
                text-align: center;
            }

            .menuMobileApp li.esquerdaSecundaria,
            .menuMobileApp li.direitaSecundaria {
                height: 40px;
            }

            .menuMobileApp li a, .menuMobileApp li span {
                display: block;
                width: 100%;
                height: 100%;
                line-height: 50px;
                color: #223c65;
                cursor: pointer;
            }

            .menuMobileApp li.esquerdaPrincipal a, .menuMobileApp li.esquerdaPrincipal span,
            .menuMobileApp li.direitaPrincipal a, .menuMobileApp li.direitaPrincipal span {
                line-height: 10em;
                margin-top: -40%;
            }

            .menuMobileApp li.esquerdaSecundaria a, .menuMobileApp li.esquerdaSecundaria span,
            .menuMobileApp li.direitaSecundaria a, .menuMobileApp li.direitaSecundaria span {
                line-height: 40px;
            }

    .ico-oferta-app,
    .ico-cruzeiro-app,
    .ico-hotel-app,
    .ico-aereo-app,
    .ico-carro-app,
    .ico-conta-app,
    .ico-cadastro-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/spriteIcoMobile.png") 90px 263px;
        width: 27px;
        height: 27px;
        float: left;
        margin: 4% 4% 0 7%;
    }

    .ico-cruzeiro-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/spriteIcoMobile.png") 62px 147px;
    }

    .ico-hotel-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/spriteIcoMobile.png") 146px 320px;
    }

    .ico-aereo-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/spriteIcoMobile.png") 88px 320px;
    }

    .ico-carro-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/spriteIcoMobile.png") 146px 320px;
    }

    .ico-conta-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-conta-app.png") center center no-repeat;
        float: none;
        margin: 15px 0 15px 0;
        display: block;
        width: 100%;
    }

    .ico-cadastro-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-cadastrar-app.png") center center no-repeat;
        float: none;
        margin: 15px 0 15px 0;
        display: block;
        width: 100%;
    }

    .ico-voltar-app,
    .ico-desktop-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-voltar-app.png") center center no-repeat;
        width: 20px;
        height: 20px;
        float: left;
        margin: 10px 10px 0 15px;
    }

    .ico-voltar-app {
        margin: 10px 5px 0 25px;
    }

    .ico-desktop-app {
        background: url("https://viajarbarato-a.akamaihd.net/images/Layout/ico-desktop-app.png") center center no-repeat;
    }
}

@media only screen and (width:773px) {
    .lerMais hr {
        width: 30%;
    }

    .item-lista-destino ul li.imagem {
        width: 27%;
    }

    .item-lista-destino ul li.ver-mais {
        position: absolute;
        right: 17px;
        bottom: 17px;
        width: auto;
    }
}

@media only screen and (min-width:320px) and (max-width:375px) {

    .detalheOferta .precoFlutuante .botaoComprar a {
        background: url(https://viajarbarato-a.akamaihd.net/images/layout/bt-carrinho-mobile-pequeno.jpg) repeat-x;
    }

    .icones {
        margin-left: auto;
        margin-right: auto;
        width: 312px;
    }

        .icones .icone {
            width: 100px;
        }

    #textoConteudoFull .evolucaoPagamento ul li {
        width: 73px;
    }
}

@media only screen and (min-width:320px) and (max-width:319px) {

    .detalheOferta .precoFlutuante .botaoComprar a {
        background: url(https://viajarbarato-a.akamaihd.net/images/layout/bt-carrinho-mobile-pequeno.jpg) repeat-x;
    }

    .icones {
        margin-left: auto;
        margin-right: auto;
        width: 250px;
    }

        .icones .icone {
            width: 70px;
        }
}

@media only screen and (min-width:320px) and (max-width:380px) {

    ul.datasViagem {
        width: 100% !important;
    }

        ul.datasViagem li {
            width: 100% !important;
            margin-bottom: 10px;
        }

            ul.datasViagem li span {
                width: 38% !important;
                float: left;
                text-align: right;
                padding-top: 5px;
            }

            ul.datasViagem li input {
                width: 30% !important;
                float: right;
                margin-right: 20%;
            }

    .sliderPassageiros {
        height: 470px;
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
    }

        .sliderPassageiros .boxFieldsetPassageiros {
            width: 100%;
            position: relative;
        }

    #textoConteudoFull .sliderPassageiros .dadosPassageiros {
        float: left;
        width: 99%;
    }
}

@media only screen and (min-width:320px) and (max-width:568px) {

    .menu-lista-resumido-destino {
        width: 100% !important;
    }

        .menu-lista-resumido-destino .item-lista-destino {
            width: 92% !important;
            margin-right: 1% !important;
            margin-bottom: 15px;
        }

    .maisResultados {
        margin:0 auto;
        float:none;
        width:252px;
        border:0;
    }

        .maisResultados a {
            border-top:1px solid #23859e;
            border-left:1px solid #23859e;
            border-bottom:1px solid #23859e;
            border-right:0;
            padding-top:10px;
            padding-left:10px;
            padding-bottom:10px;
        }
        .maisResultados i {
            border-top:1px solid #23859e;
            border-left:0;
            border-bottom:1px solid #23859e;
            border-right:1px solid #23859e;
            padding-top:13px;
            padding-right:10px;
            padding-bottom:11px;
        }

    .conteudo-principal-destino p img {
        width: 100% !important;
        height: auto !important;
        margin-top: 0 !important;
        margin-bottom: 5px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .item-lista-destino {
        width:92%;
    }
        .item-lista-destino ul li.ver-mais {
            position:static;
        }

    .item-lista-destino ul li.imagem {
        width: 98%;
    }

    .item-lista-destino ul li.titulo,
    .item-lista-destino ul li.texto,
    .item-lista-destino ul li.ver-mais {
        width: 100%;
    }

    .item-lista-destino ul li.texto {
        text-align: justify;
    }

    .item-lista-destino ul li.ver-mais {
        text-align: right;
    }

    /*AÉREO BUSCADOR*/

    #searchEngine {
        background: rgba(119,119,119,0.05);
        text-align: center;
    }

        #searchEngine .content {
            width: 90%;
            margin: 10px 0 10px 0;
            padding: 2% 5%;
            text-align: left;
            height: 370px;
            position: relative;
        }

            #searchEngine .content .content {
                height: auto;
            }

            #searchEngine .content .advanced #air_advanced_check,
            #searchEngine .content .advanced label,
            #searchEngine .content label small,
            #searchEngine div h2,
            #air_travelers_check {
                display: none;
            }

            #searchEngine .content .advanced .content {
                display: block;
                margin-left: 0;
                margin-right: 0;
                margin-top: 17px;
                padding: 0;
                width: 100%;
            }

            #searchEngine .content .passengers .content {
                display: block;
                padding: 0;
                width: 103.5%;
                margin: 0;
            }

                #searchEngine .content .passengers .content label {
                    display: block;
                    float: left;
                    width: 27.8%;
                }

                    #searchEngine .content .passengers .content label:last-child {
                        margin-right: 0;
                    }

            #searchEngine .content label {
                width: 100%;
                float: left;
                font-weight: normal;
                margin-right: 20px;
                margin-bottom: 4px;
            }

                #searchEngine .content label input {
                    font-size: 12px;
                }

                #searchEngine .content label.going_to,
                #searchEngine .content label.date:last-child {
                    margin-right: 0;
                }

            #searchEngine .content .destination .advanced {
                width: 92%;
                margin-left: 0;
                position: absolute;
                top: 260px;
            }

            #searchEngine .content .travelers {
                width: 100%;
                float: left;
            }

            #searchEngine .content label.date {
                width: 45%;
            }

            #searchEngine .content .destinationContainer .destination label:nth-child(4) {
                margin-right: 2px !important;
                float: right !important;
            }

            #searchEngine .content label,
            #searchEngine .content label span {
                color: #777;
            }

                #searchEngine .content label input,
                #searchEngine .content label select {
                    background: #FFF;
                    padding-left: 5px;
                }

                    #searchEngine .content label input[type="radio"] {
                        margin: 3px 3px 0px 0px;
                    }



            #searchEngine .content .radio {
                width: 100%;
                float: left;
            }

                #searchEngine .content .radio label {
                    width: 40%;
                }

            #searchEngine .content .advanced label.airline,
            #searchEngine .content .advanced label.cabin,
            #searchEngine .content .advanced label.no-stop {
                display: block;
                font-size: 12px;
            }

            #searchEngine .content .advanced label.airline,
            #searchEngine .content .advanced label.cabin {
                width: 45%;
            }

            #searchEngine .content .advanced label.cabin {
                float: right;
                margin-right: 2px;
            }

            #searchEngine .content .advanced label.no-stop {
                width: 100%;
            }

                #searchEngine .content .advanced label.airline select,
                #searchEngine .content .advanced label.cabin select,
                #searchEngine .content .advanced label.no-stop input {
                    font-size: 11px;
                }

            #searchEngine .content .advanced label.no-stop {
                margin-top: 15px;
                font-size: 11px;
            }

    .search_engine .send {
        position: absolute;
        right: 8px;
        bottom: -22px;
        background: #fd8c00 !important;
    }

    .search_engine .send {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        border-width: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        display: inline-block;
        cursor: pointer;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        padding: 5px 10px;
        margin: 0px 3px 0 0;
        float: right;
        z-index: 1;
        bottom: 6px;
        width: 100px;
        text-align: center;
    }

    div.msgRetornoPesquisa {
        width: 88%;
    }

        div.msgRetornoPesquisa span {
            font-size: 16px;
            font-weight: bold;
        }

    /*AÉREO BUSCADOR*/

    /* BUSCADOR DE CRUZEIROS */

#IdBuscador fieldset {
    text-align:center
}

#IdBuscador fieldset p:first-child {
    width:100%;
    float:left;
    margin-right: 2.5%;
    text-align:left;
}
#IdBuscador fieldset p,
#IdBuscador fieldset p:last-of-type {
    width:48%;
    float:left;
    text-align:left;
}
/*Ajuste provisório - remoção do campo data*/
#IdBuscador fieldset p:last-of-type {
    width:48%;
    float:right;
}
    #IdBuscador fieldset input {
        width: 48%;
        float: right;
        background-color: #fc6400;
        background: #fc6400;
        margin-top:0; /*Ajuste provisório - remoção do campo data*/
        /*margin-top: 25px; */
        margin-left: auto;
        margin-right: auto;
        height: 30px;
        line-height: 14px;
    }

/* FIM BUSCADOR DE CRUZEIROS */
}

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

    .destinos-slider .slider .pika-stage .caption {
        position: static;
        background: #E0E0E0 !important;
        color: #000 !important;
    }
}

@media only screen and (width: 568px) {

    #searchEngine .content .passengers .content label {
        width: 29.6% !important;
    }

        #searchEngine .content .passengers .content label:last-child {
            margin-right: 0 !important;
        }

    #searchEngine .content .advanced label.cabin {
        margin-right: 7px;
    }

    .search_engine .send {
        margin-right: 14px;
    }

    div.msgRetornoPesquisa {
        width: 93%;
    }
}

@media only screen and (width: 480px) {

    #searchEngine .content .passengers .content label {
        width: 29% !important;
    }

        #searchEngine .content .passengers .content label:last-child {
            margin-right: 0 !important;
        }

    #searchEngine .content .advanced label.cabin {
        margin-right: 7px;
    }

    .search_engine .send {
        margin-right: 12px;
    }

    div.msgRetornoPesquisa {
        width: 93%;
    }
}

@media only screen and (width: 375px) {

    #searchEngine .content .passengers .content label {
        width: 28.4% !important;
    }

    div.msgRetornoPesquisa {
        width: 90%;
    }
}

@media only screen and (width: 414px) {

    #searchEngine .content .passengers .content label {
        width: 28.8% !important;
    }

    div.msgRetornoPesquisa {
        width: 90%;
    }
}

@media only screen and (min-width:300px) and (max-width:400px) {
    .menu-lista-resumido-destino {
        width: 300%;
    }

        .menu-lista-resumido-destino .item-lista-destino {
            width: 15%;
            margin-right: 1%;
        }

    .maisResultados {
        margin-right: 18px;
    }
}

@media only screen and (min-width:300px) and (max-width:740px) {


    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco {
        width: 100% !important;
        margin: 0 !important;
    }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco span.precoPor {
            font-size: 15px;
        }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco ul.amenidades {
            margin-top: 2px;
            width: 160px !important;
        }

            .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco ul.amenidades li {
                background-size: 100% !important;
                width: 75px !important;
            }

                .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco ul.amenidades li:first-child {
                    margin-right: 3px;
                }

        .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta .boxPreco span.precoPor {
            margin-top: 5px;
        }

    .ofertas-relacionadas-localidade ul.blocoOfertasLocalidades li.oferta button {
        margin-top: 3px;
        height: 25px;
        line-height: 6px;
    }
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 0) and (max-width: 0) {

    #IframeHotel {
        display: none;
    }

    #regrasChamada {
        padding-top: 0px;
    }
    /*inicio voos*/
    #showOverlayVoos {
        margin-top: 0 !important;
        top: 0 !important;
        position: fixed;
    }

    .overlayVoos {
        margin-top: 40px;
        width: 85%;
        height: 25%;
    }

    .headerMobile, #litMenuMobile {
        display: none;
    }

    #boxDropVoos div {
        float: none !important;
        display: block;
        width: 100%;
    }

        #boxDropVoos div select {
            width: 99%;
        }

    .form-group {
        text-align: center;
    }

    dl.valor {
        margin-top: 0;
    }

    .btnSelecionarVoo {
        margin: 0 auto 10px auto;
    }

    .col-lg-12 {
        width: 93.6%;
        padding: 0 10px;
    }

    .col-lg-6 {
        width: 100%;
        margin: 0 auto;
    }

    .col-lg-4 {
        width: 100%;
    }

    .col-lg-3 {
        width: 100%;
    }

    .col-lg-2 {
        width: 100%;
        text-align: center;
    }

        .col-lg-2 a {
            width: 50%;
        }
    /*fim voos*/

    .bingoDetalhes {
        display: none;
    }

    #oferta-visitadas-anteriormente {
        display: none !important;
    }

    .container {
        width: 420px;
    }

        .container .columns,
        .container .column {
            margin: 0;
        }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column {
            width: 420px;
        }

    fieldset.recebeOfertas {
        margin-left: 0;
    }



        fieldset.recebeOfertas label {
            width: 100%;
        }

            fieldset.recebeOfertas label.tam4 {
                width: 98% !important;
            }

            fieldset.recebeOfertas label.tam8 {
                width: 246px;
            }

            fieldset.recebeOfertas label#loadCadastrar {
                margin-left: 30%;
            }

    .busca select {
        margin: 10px;
        width: 305px;
        float: left;
    }

    .busca input[type="text"] {
        margin: 10px 0;
        width: 248px;
        float: left;
        font-size: 12px;
    }

    .busca button {
        float: left;
        margin: 0 10px 10px;
        width: 399px;
        height: 30px;
        padding: 0 0 0 20px;
        display: block;
        overflow: hidden;
        background: url("https://viajarbarato-a.akamaihd.net/images/layout/bt-lupa-mobile2.png");
    }

    .loginVB label {
        padding: 0 0 20px 0;
        width: auto;
    }

        .loginVB label input {
            padding: 0;
            width: 417px !important;
        }

            .loginVB label input#chkLembrarEmail {
                padding: 0;
                width: 17px !important;
            }

        .loginVB label a#esqueciSenha {
            padding: 0;
            margin-right: 0px;
            margin-left: 40px;
            width: auto;
        }


    .col-principal ul li.ofertaPrincipal h2 {
        float: left;
        width: 380px;
        font-weight: bold;
        height: 60px;
        font-size: 18px;
        color: #23859e;
        margin: 20px 0 0 15px;
        line-height: 29px;
    }

    .col-principal ul li.ofertaPrincipal div.imagemOferta ul.amenidades {
        left: 15px;
        margin: 0;
        position: relative;
        text-align: right;
        bottom: none;
        top: 13px;
        width: auto;
        z-index: 100;
    }

        .col-principal ul li.ofertaPrincipal div.imagemOferta ul.amenidades li {
            margin-right: 18px;
        }

    .col-principal ul li.ofertaPrincipal .boxPreco {
        float: none;
        width: 260px;
        margin: 10px auto;
    }

        .col-principal ul li.ofertaPrincipal .boxPreco span {
            margin: 5px 0 0 0;
        }

    .col-principal ul li.ofertaPrincipal button {
        width: 398px;
        margin: 20px 10px 10px;
    }

    .col-principal ul li.ofertaPrincipal .boxPreco span.precoPor {
        width: 100%;
        text-align: center;
        float: left;
        font-size: 30px;
        margin-top: 3px;
    }

    .col-principal ul li.ofertaPrincipal .boxPreco .precoAntigo {
        width: 100%;
        text-align: center;
        margin-left: -2px;
    }


    .col-principal ul li.oferta {
        max-width: 418px;
        margin: 10px 0px;
        float: none;
        height: auto;
    }

        .col-principal ul li.oferta div.imagemOferta {
            float: left;
            position: relative;
            width: 100%;
            height: 220px;
            display: block;
            padding: 0;
            margin: 0 0 5px 0;
        }

        .col-principal ul li.oferta p {
            display: block;
            overflow: hidden;
        }

        .col-principal ul li.oferta .boxPreco span.precoPor {
            float: left;
            width: 165px;
            font-size: 18px;
        }

        .col-principal ul li.oferta .boxPreco ul.amenidades {
            margin: 5px 0 0 5px;
            float: left;
            width: 180px;
        }

            .col-principal ul li.oferta .boxPreco ul.amenidades li {
                float: left;
                width: 84px;
                height: 30px;
                margin: 0 0 10px 5px;
                border: 0;
                overflow: hidden;
            }

    .col-principal div.blocoMaisProcurados {
        display: none;
    }

    .blocoOfertasRelacionadas {
        width: 758px !important;
    }

        .blocoOfertasRelacionadas .ofertas {
            height: 309px !important;
        }

            .col-principal ul li.ofertaMini, .blocoOfertasRelacionadas .ofertas ul.procurados li {
                width: 418px;
                height: 90px;
                float: left;
                position: relative;
                text-align: center;
                margin-right: 20px;
                margin-bottom: 10px;
                box-shadow: 1px 1px 5px #666;
            }

            .blocoOfertasRelacionadas .ofertas ul.procurados li {
                width: 400px;
                float: none;
            }

                .col-principal ul li.ofertaMini div.imagemOferta, .blocoOfertasRelacionadas .ofertas ul.procurados li .imagemOferta {
                    float: left;
                    position: relative;
                    width: 125px;
                    height: 66px;
                    display: block;
                    padding: 0;
                    margin: 12px;
                }

                    .blocoOfertasRelacionadas .ofertas ul.procurados li .imagemOferta img {
                        width: 100% !important;
                        height: auto !important;
                    }

        .blocoOfertasRelacionadas div.ofertas ul li p {
            width: 230px !important;
            clear: none !important;
            height: 31px !important;
            padding-bottom: 0 !important;
        }

        .blocoOfertasRelacionadas div.ofertas ul li .boxPreco {
            padding: 4px !important;
            margin: 0;
            width: 230px !important;
        }

    .col-principal ul li.ofertaMini p {
        font-size: 12px;
        line-height: 14px;
        font-weight: normal;
        color: #757575;
        display: block;
        text-align: left;
        padding: 10px 0;
        margin: 0;
        float: left;
        width: 260px;
        min-height: 33px;
    }

    .col-principal ul li.ofertaMini .boxPreco ul.amenidades {
        display: none;
    }

    .col-principal ul li.ofertaMini div.imagemOferta div.flagFinalizada {
        width: 125px;
        height: 20px;
        position: absolute;
        top: 50px;
        right: 0px;
        z-index: 100;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
    }

    .pika-stage img {
        width: 415px;
        height: 220px;
    }

    .pika-stage {
        max-height: 221px;
    }

    div.global-div img {
        width: auto !important;
        height: auto !important;
        max-width: 395px !important;
    }

    .detalheOferta #precoFlutuanteMobile {
        display: block;
        margin-top: 240px;
        width: 418px;
    }

    .detalheOferta .precoDe {
        float: left;
        text-decoration: line-through;
        font-size: 12px;
        color: #7c7c7c;
        text-align: center;
        width: 90px;
        height: 60px;
        display: block;
        overflow: hidden;
        border-right: 1px dashed #ccc;
        margin: 10px 0 0 10px;
        padding: 10px 5px 0;
    }

    .detalheOferta .precoFlutuante .precoPor {
        float: left;
        color: #003965;
        font-size: 14px;
        text-align: center;
        width: 90px;
        height: 60px;
        display: block;
        overflow: hidden;
        margin: 10px 0px 0 0;
        padding: 10px 5px 0;
    }

    .detalheOferta .precoFlutuante .entrada {
        color: #767676;
        font-size: 12px;
        text-align: center;
        float: left;
        width: 200px;
        margin-top: 5px;
        height: 54px;
    }

        .detalheOferta .precoFlutuante .entrada span {
            font-size: 34px;
            color: #fd8a00;
            padding: 5px 10px 10px 5px;
            display: block;
            overflow: hidden;
        }

    .detalheOferta .precoFlutuante .parcelas {
        font-size: 13px;
        color: #fd8a00;
        display: block;
        overflow: hidden;
        text-align: center;
        float: left;
        width: 194px;
        margin-right: 10px;
    }

    .detalheOferta .precoFlutuante .desconto {
        font-size: 30px;
        color: #003965;
        display: block;
        overflow: hidden;
        text-align: center;
        width: 170px;
        height: 20px;
        border-right: 1px dashed #ccc;
        margin: 0 0 0 10px;
        float: left;
    }

        .detalheOferta .precoFlutuante .desconto span {
            font-size: 24px;
        }

    .detalheOferta .precoFlutuante .restamX {
        font-size: 12px;
        color: #003965;
        padding: 10px 10px 0;
        height: 20px;
        line-height: 25px;
        display: block;
        overflow: hidden;
        float: left;
        width: 175px;
    }

    .detalheOferta .precoFlutuante .restamXIcon {
        width: 22px;
        height: 22px;
        padding: 0 0 12px 10px;
        margin: 15px 0 0 10px;
        background-position: -734px 0px;
        display: block;
        overflow: hidden;
        float: left;
        text-indent: -11111px;
    }

    .detalheOferta .precoFlutuante .botaoComprar a {
        background: url(https://viajarbarato-a.akamaihd.net/images/layout/bt-carrinho-mobileMedio.png) no-repeat;
        font-size: 19px;
        text-indent: 5px;
        width: 400px;
        height: 39px;
        display: block;
        overflow: hidden;
        clear: both;
        text-align: center;
        padding-top: 10px;
        margin: 0 auto;
        color: #FFF;
    }

    .detalheOferta .precoDeGrande {
        float: left;
        text-decoration: line-through;
        font-size: 15px;
        color: #7c7c7c;
        text-align: center;
        width: 100px;
        height: 60px;
        display: block;
        overflow: hidden;
        border-right: 1px dashed #ccc;
        margin: 10px 0 0 10px;
        padding: 10px 5px 0;
    }

    .detalheOferta .precoFlutuante .entradaGrande {
        color: #767676;
        font-size: 12px;
        text-align: center;
        float: left;
        width: 295px;
        margin-top: 5px;
        height: 54px;
    }

        .detalheOferta .precoFlutuante .entradaGrande span {
            font-size: 34px;
            color: #fd8a00;
            padding: 5px 10px 10px 5px;
            display: block;
            overflow: hidden;
        }

    .detalheOferta .precoFlutuante .entradaGigante {
        color: #767676;
        font-size: 12px;
        text-align: center;
        float: left;
        width: 100%;
        margin-top: 5px;
        height: 54px;
    }

        .detalheOferta .precoFlutuante .entradaGigante span {
            font-size: 34px;
            color: #fd8a00;
            padding: 5px 10px 10px 5px;
            display: block;
            overflow: hidden;
        }

    .detalheOferta .precoFlutuante .parcelasGrande {
        font-size: 13px;
        color: #fd8a00;
        display: block;
        overflow: hidden;
        text-align: center;
        float: left;
        width: 295px;
    }

    .detalheOferta .precoFlutuante .parcelasGigante {
        font-size: 13px;
        color: #fd8a00;
        display: block;
        overflow: hidden;
        text-align: center;
        float: left;
        width: 100%;
    }

    .detalheOferta .precoFlutuante .restamXGrande {
        font-size: 12px;
        color: #003965;
        padding: 10px 10px 0;
        height: 20px;
        line-height: 25px;
        display: block;
        overflow: hidden;
        float: left;
        width: 175px;
        margin-top: 5px;
    }

    .detalheOferta .precoFlutuante .restamXIconGrande {
        width: 22px;
        height: 22px;
        padding: 0 0 12px 10px;
        margin: 15px 0 0 100px;
        background-position: -734px 0px;
        display: block;
        overflow: hidden;
        float: left;
        text-indent: -11111px;
    }

    .totalSlider {
        margin-bottom: 275px;
    }

    .slider .imagemEsgotada {
        top: 30px;
    }

    .container .telefonesBox {
        width: 420px !important;
        padding-left: 0;
        border: 0;
    }

        .container .telefonesBox ul.ulTelefones li {
            width: 126px;
        }

            .container .telefonesBox ul.ulTelefones li span.UF {
                width: 28px;
                font-size: 18px;
                padding-left: 2px;
            }

            .container .telefonesBox ul.ulTelefones li span.telefoneVB {
                margin-right: 7px;
            }


    /* Minha Conta */

    ul#menu-minhasCompras {
        font-size: 10px;
        height: 30px;
        line-height: 30px;
    }

    table.tabelaCompras img {
        width: 60px;
        height: auto;
    }


    table.tabelaCompras th, table.tabelaCreditos th {
        font-size: 10px;
    }

    table.tabelaCompras td, table.tabelaCreditos td {
        padding: 5px;
        font-size: 10px;
        line-height: 11px;
    }

    ul.footer-bloco1 li, ul.footer-bloco2 li, ul.footer-bloco3 li {
        text-align: center;
    }


    .col-principal ul li.oferta div .mesSaidaMaritimo,
    .col-principal ul li.oferta .mesSaidaMaritimo {
        padding: 0 0;
        position: initial;
    }

        .col-principal ul li.oferta div .mesSaidaMaritimo li,
        .col-principal ul li.oferta .mesSaidaMaritimo li {
            background: #f1f1f1;
            border: 1px solid #cecece;
            color: #000;
        }

    .col-principal ul li.ofertaPrincipal #ofertaGrande ul.mesSaidaMaritimo {
        margin: 20px 0 0 10px;
    }

    #OfertaDinamica h4 {
        background: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

    /*#OfertaDinamica*/ .desnecessario {
        display: none;
    }

    .dataCurta {
        display: initial !important;
    }

    #OfertaDinamica .linha {
        float: left;
        clear: both;
        width: 100%;
        text-align: center;
    }

        #OfertaDinamica .linha.semBold {
            font-weight: normal;
            font-size: 10px;
        }

    #OfertaDinamica div.itinerario_cruzeiro {
        width: 100%;
        margin: 10px 0;
    }

    #OfertaDinamica TABLE.tabela_itinerario td.atividade_maritima {
        display: none;
    }


    /*buscador aéreo*/

    .contBuscador {
        width: 100% !important;
        height: auto !important;
    }

        .contBuscador fieldset div.origem input,
        .contBuscador fieldset div.destino input {
            width: 98% !important;
        }

        .contBuscador fieldset div.volta,
        .contBuscador fieldset div.vooDiretos {
            margin-right: 0 !important;
        }

        .contBuscador fieldset div.tam50 {
            width: 100% !important;
        }

        .contBuscador fieldset div.tam25 {
            width: 49% !important;
        }

        .contBuscador fieldset div.tam33,
        .contBuscador fieldset div label.tam33 {
            width: 32% !important;
        }

        .contBuscador fieldset div div.boxInput {
            width: 98% !important;
        }



        .contBuscador fieldset div.passageiros .selCriancaVoos {
            margin-right: 24px;
        }

        .contBuscador fieldset div.tam50 a#buscarVoosAgora {
            width: 100%;
            height: 100%;
            cursor: pointer;
            padding: 0;
            text-align: center;
            margin-bottom: 10px;
            display: block;
        }

        .contBuscador fieldset div.origem .boxIata {
            width: 98.8% !important;
        }

        .contBuscador fieldset div .icon-loading,
        .contBuscador fieldset div .icon-fechar {
            right: 10px !important;
        }

    .todosAeroportos {
        margin-right: 0 !important;
        width: 94% !important;
    }

    .subAeroportos {
        margin-right: 0 !important;
        width: 89.5% !important;
    }

    .col-principal ul li.ofertaPrincipal #ofertaGrande div.imagemOferta {
        position: initial !important;
    }

    .resumoPagamento .blocoObsValores .obs,
    .resumoPagamento .blocoObsValores .obs .codPromocional {
        width: 143px !important;
    }

        .resumoPagamento .blocoObsValores .obs .codPromocional input {
            width: 93% !important;
        }
}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after,
.clearfix:after {
    clear: both;
}

.row,
.clearfix {
    zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

#menu-icon{ display:none;}

@media only screen and (min-width: 768px) and (max-width: 995px) {

}
@media only screen and (max-width: 767px) {
	.main-menu{padding:0 20px 10px;position: relative;}
	/* menu icon */
	#menu-icon {
		display: block;
		background:url(http://img.viajarbarato.com.br/images/layout/menu-icon-bg.png) 265px 11px no-repeat #003965;
		border-bottom:5px solid #FFF;
		font-size:17px;
		line-height:21px;
		color: #fff;
		cursor: pointer;
		text-transform:uppercase;
		padding: 13px 0 0 10px;
		height: 33px;
	}
	#menu-icon:hover,
		#menu-icon.active	{
		background-color: #003965;
		
	}
	#menu-icon.active {background-position: 265px -47px; border-color: #FFF; background-color: #3a3a3a;}
	/* main nav */
	.menu {
		display: none; /* visibility will be toggled with jquery */
		background:#003965;
		clear: both;
		position: relative;
		top: auto;
		right:auto;
		left: auto;
		z-index: 2;
		margin:0!important;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		width:100%;
		
	}
	.menu li,
	.menu li li {
		clear: both;
		float: none;
		margin: 0;
		background:none;
		border:none;
	}
	
	.menu li li.sfHover,
	.menu li li,
	.menu li li:hover {padding: 8px 0;}
	.menu li li a, .menu li.sfHover li a, .menu li.active li a {color:#fff;}
	
	.menu li li.last {padding-bottom:0 !important;}
	
	.menu li.parent > a {position:relative;}
	.menu li.sfHover.parent > a {}
	.menu > li {
		padding: 8px 0;
		border-bottom: 1px solid #23859e;
		width:100%;
	}
	
	.menu li a {
		display:inline-block;
		background:none;
		border:none;
		color:#fff !important;
	}
	.menu li a:hover {color:#fd8c00;}
	.menu > li > a > span {
		display:inline-block;
		color:inherit;
		padding:0;
	}
	.menu li strong {
		position:absolute;
		display:block;
		background:url(http://img.viajarbarato.com.br/images/layout/toogle-button2.png) center -54px no-repeat;
		top: 4px;
		right:0;
		height: 24px;
		width: 24px;
	}
	.menu li strong:hover {cursor:pointer;}
	.menu li strong.opened {background-position: center 7px;}
	.menu a, 
	.menu ul a {
		font: inherit;
		display: inline;
		border: none;
	}
	.menu li a:hover{}
	
	/* dropdown */
	.menu ul,
	.menu ul ul {
		width: auto;
		position: static;
		border: none;
		background: inherit;
		padding: 8px 0 0 20px;
		box-shadow:none;
	}

	.nav-container { margin-bottom:17px; }
	#menu-icon:hover,
	#menu-icon.active {background-color: #003965;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#menu-icon {
		cursor: pointer;
		display: block; /* show menu icon */
		text-indent:0px;
		background-position: 385px 11px;
	}
	#menu-icon.active { background-position: 385px -47px; }
}

.body {text-align: center; }
.left {float: left !important; }
.right {float: right !important;}
.clear {clear: both;}

#CadastroEmail, #indiqueBox {position:absolute; display:none; z-index:9999; top:25%; left:25%; font-family:Arial, Tahoma, Verdana; }
#CadastroEmail div.content {width: 100%; height: auto !important; padding-bottom: 1rem;}
#CadastroEmail div.subContent, #indiqueBox div.subContent {margin-left:20px; margin-top:5px;}
#loading_cadastro { float:left; margin:2px 0 0 17px; display:none;}
#indiqueBox { background-color:#FFF; top: 176.5px;left: 673px;}

/*----------------------- OVERLAY BRANCO REDUZIDO -----------------------*/

div.BrancoReduzidoCadastrese { width: 555px; height: 218px; border:1px solid #b5b8b8; }
div.BrancoReduzidoCadastrese div { padding: 1px; background-color: #fff; font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; font-size:12px; }
div.BrancoReduzidoCadastrese div.content div.subContent h2  { background:url("https://viajarbarato-a.akamaihd.net/images/Layout/imgs-v2.png") bottom left no-repeat; width:228px; height:54px; margin:10px 0 0 9px; float:left; background-position-x:0px; background-position-y:0px;}
div.BrancoReduzidoCadastrese div.content div.subContent h2 a { display:block; width:100%; height:100%; text-indent:-9999px; text-transform:capitalize;}
div.BrancoReduzidoCadastrese div.content div.subContent h3 { float: left; width:auto; font-size:24px; color:#23859E; margin:20px 0 0px 10px; font-weight:bold; clear:left;}
div.BrancoReduzidoCadastrese div.content div.subContent p { float: left; width:364px; margin: 22px 0 0px 10px; font-size:12px; color:#565454}
div.BrancoReduzidoCadastrese div.content div.subContent p span{ color:#FC6500; }

div.BrancoReduzidoCadastrese div.content div.subContent fieldset {float:left; width:500px; margin:47px 0 0 10px;}
div.BrancoReduzidoCadastrese div.content div.subContent fieldset div label {position:absolute; top:-24px; font-weight:normal; margin-bottom:10px;}

div.BrancoReduzidoCadastrese div.content div.subContent fieldset div.fakeBox {border:0px; margin-right:10px; height:35px; width:195px; float:left; clear:left; display:block; position:relative;}
div.BrancoReduzidoCadastrese div.content div.subContent fieldset div.fakeBox input {border:1px solid #0b7e9c; width:195px; height:32px; padding-top:3px; padding-left:2px; background-color:#FFF; padding-right:0px;}

div.BrancoReduzidoCadastrese div.content div.subContent fieldset div.select { border:1px solid #a19e9b; height:33px; width:177px; position:relative; float:left; margin-top:1px;}
div.BrancoReduzidoCadastrese div.content div.subContent fieldset div.select div.seta { background:url("https://viajarbarato-a.akamaihd.net/Images/Layout/selectSeta.gif") no-repeat; position:absolute; height:13px; width:17px; cursor:pointer; right:5px; top:12px; }
div.BrancoReduzidoCadastrese div.content div.subContent fieldset div.select span { position:absolute; top:9px; left:4px; right:25px; color:#333; font-size:15px; overflow:hidden;}
div.BrancoReduzidoCadastrese div.content div.subContent fieldset div.select select.estado-box {position:absolute; margin-top:6px; width:178px; height:29px; opacity:0; filter: alpha(opacity=0); zoom: 1;}
div.BrancoReduzidoCadastrese div.content div.subContent fieldset div.select:hover {border:1px solid #f3b226}

div.BrancoReduzidoCadastrese div.content div.subContent fieldset input.BtnOkBgBrancoReduzido {cursor:pointer; float:left; height:37px; width:94px; color:#FFF; font-weight:bold; margin: 0 0 0 10px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005495', endColorstr='#00213B'); /* IE */ background: -webkit-gradient(linear, left top, left bottom, from(#005495), to(#00213B)); /* webkit browsers */ background: -moz-linear-gradient(top,  #005495,  #00213B); /* Firefox 3.6+ */ background-color:#003965; border:none;  /* Safari, Chrome */ background-image:none; }

/*----------------------- OVERLAY Confirma Estado -----------------------*/

div.SoftOptin { width: 555px; height: 218px; border:1px solid #b5b8b8; }
div.SoftOptin div { padding: 1px; background-color: #fff; font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; font-size:12px; }
div.SoftOptin div.content div.subContent h2  { background:url("https://viajarbarato-a.akamaihd.net/images/Layout/imgs-v2.png") bottom left no-repeat; width:228px; height:54px; margin:10px 0 0 9px; float:left; background-position-x:0px; background-position-y:0px;}
div.SoftOptin div.content div.subContent h2 a { display:block; width:100%; height:100%; text-indent:-9999px; text-transform:capitalize;}
div.SoftOptin div.content div.subContent h3 { float: left; width:auto; font-size:24px; color:#23859E; margin:20px 0 0px 10px; font-weight:bold; clear:left;}
div.SoftOptin div.content div.subContent p { float: left; width:500px; margin: 22px 0 0px 10px; font-size:12px; color:#565454}
div.SoftOptin div.content div.subContent p span{ color:#FC6500; }

div.SoftOptin div.content div.subContent fieldset {float:left; width:500px; margin:47px 0 0 10px;}
div.SoftOptin div.content div.subContent fieldset div label {position:absolute; top:-24px; font-weight:normal; margin-bottom:10px;}

div.SoftOptin div.content div.subContent fieldset div.fakeBox {border:0px; margin-right:10px; height:35px; width:195px; float:left; clear:left; display:block; position:relative;}
div.SoftOptin div.content div.subContent fieldset div.fakeBox input {border:1px solid #0b7e9c; width:195px; height:32px; padding-top:3px; padding-left:2px; background-color:#FFF; padding-right:0px;}

div.SoftOptin div.content div.subContent fieldset div.select { border:1px solid #a19e9b; height:33px; width:177px; position:relative; float:left; margin-top:1px;}
div.SoftOptin div.content div.subContent fieldset div.select div.seta { background:url("https://viajarbarato-a.akamaihd.net/Images/Layout/selectSeta.gif") no-repeat; position:absolute; height:13px; width:17px; cursor:pointer; right:5px; top:12px; }
div.SoftOptin div.content div.subContent fieldset div.select span { position:absolute; top:9px; left:4px; right:25px; color:#333; font-size:15px; overflow:hidden;}
div.SoftOptin div.content div.subContent fieldset div.select select.estado-box {position:absolute; margin-top:6px; width:178px; height:29px; opacity:0; filter: alpha(opacity=0); zoom: 1;}
div.SoftOptin div.content div.subContent fieldset div.select:hover {border:1px solid #f3b226}

div.SoftOptin div.content div.subContent fieldset input.BtnOkBgBrancoReduzido { cursor:pointer; float:left; height:37px; width:94px; color:#FFF; font-weight:bold; margin: 0 0 0 10px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005495', endColorstr='#00213B'); /* IE */ background: -webkit-gradient(linear, left top, left bottom, from(#005495), to(#00213B)); /* webkit browsers */ background: -moz-linear-gradient(top,  #005495,  #00213B); /* Firefox 3.6+ */ background-color:#003965; border:none;  /* Safari, Chrome */ background-image:none; }


/*----------------------- OVERLAY FB-Like Simples -----------------------*/

div.FacebookLike { width: 555px; height: 218px; border:1px solid #b5b8b8; }
div.FacebookLike div { padding: 1px; background-color: #fff; font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; font-size:12px; }
div.FacebookLike div.content div.subContent h2  { background:url("https://viajarbarato-a.akamaihd.net/images/Layout/imgs-v2.png") bottom left no-repeat; width:228px; height:54px; margin:10px 0 0 9px; float:left; background-position-x:0px; background-position-y:0px;}
div.FacebookLike div.content div.subContent h2 a { display:block; width:100%; height:100%; text-indent:-9999px; text-transform:capitalize;}
div.FacebookLike div.content div.subContent h3 { float: left; width:auto; font-size:24px; color:#23859E; margin:20px 0 0px 10px; font-weight:bold; clear:left;}
div.FacebookLike div.content div.subContent p { float: left; width:500px; margin: 22px 0 0px 10px; font-size:12px; color:#565454}
div.FacebookLike div.content div.subContent p span{ color:#FC6500; }

div.FacebookLike div.content div.subContent fieldset {float:left; width:500px; margin:47px 0 0 10px;}
div.FacebookLike div.content div.subContent fieldset div label {position:absolute; top:-24px; font-weight:normal; margin-bottom:10px;}

div.FacebookLike div.content div.subContent div.fb-like {margin:20px 0 0px 10px;}


/*----------------------- INDIQUE -----------------------*/

div.Indique { width: 557px; height: 322px; border:1px solid #b5b8b8; }
div.Indique div { padding: 1px; background-color: #fff; font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; font-size:12px; }
div.Indique div.content div.subContent h3 { float: left; width:auto; font-size:18px; color:#003965; margin:15px 0 10px 3px; font-weight:bold; clear:left;}
div.Indique div.content div.subContent h3 span{ color:#FC6500; }
div.Indique div.content div.subContent div.nome { float:left; clear:both; width:511px; margin-bottom:10px; }

div.Indique label {font-weight:normal; margin: 0 0 5px 0; line-height:0px; color:#333;}
div.Indique input {border:1px solid #aaaaaa; height:25px;  background-color:#FFF;}
div.Indique input:focus {border:1px solid #003965;}

div.Indique fieldset { width:100%; margin-bottom:0px}
div.Indique fieldset div { float:left; display:block;}
div.Indique fieldset div.amigo { float:left; margin-top:5px; display:block;}
div.Indique fieldset div.amigo_nome { width:200px; clear:left;  }
div.Indique fieldset div.amigo_email { width:288px; margin-left:15px; }

div.Indique #adicionar_amigos { cursor:pointer; float:right; height:45px; width:104px; color:#FFF; font-weight:bold; margin: 5px 0 0 10px; background-color:#23859E!important; background-image:none!important; }
div.Indique #indicar_amigos { cursor:pointer; float:right; height:45px; width:94px; color:#FFF; font-weight:bold; margin: 5px 24px 0 10px; background-color:#003965!important; background-image:none!important; }
div.Indique div.loading { float:right; margin:7px 30px 0 0; display:none;}


div.Indique #indicar_google { width:290px; height:45px; float:left; margin: 5px 0 0 0px; overflow:hidden; padding-left:72px; color:#FFF; font-size:12px}
div.Indique #indicar_google a { color:#FFF; margin-top:15px; display:block; width:100%; height:100%;}
div.Indique #indicar_google {background:url("https://viajarbarato-a.akamaihd.net/Images/Layout/btn-connect-option.png") #DC4D28 left -64px no-repeat; display: none;}
/* ======================= Inicio do CSS ======================= */
.content-cruzeiro * {
    box-sizing: border-box;
    line-height: normal;
}

.content-cruzeiro {
    display: flex;
    flex-direction: column;
    position: relative;
}

    .content-cruzeiro .offer-title {        
        font-size: 14px;
        margin-bottom: 30px;
    }

    .content-cruzeiro .dash-separator {
        margin-inline: 6px;
        width: 4px;
        height: 1px;
        background-color: #000;
        flex-shrink: 0;
    }

    /* ======================= Card encapsulando as opções ======================= */
    .content-cruzeiro .card-options {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

        /* ======================= Borda do Card ======================= */
        .content-cruzeiro .card-options .card-option {
            border: 1px solid #99A6B1;
            border-radius: 14px;
            padding: 8px;
        }
            /* Titulo da opção dentro do Card */
            .content-cruzeiro .card-options .card-option .title {
                display: flex;
                flex-direction: column;
                font-size: 12px;
                font-weight: 500;
                padding-bottom: 8px;
            }

                .content-cruzeiro .card-options .card-option .title .option-title {
                    display: flex;
                    align-items: center;
                    padding-bottom: 8px;
                }

                    .content-cruzeiro .card-options .card-option .title .option-title .title-number {
                        flex-shrink: 0;
                    }

                    .content-cruzeiro .card-options .card-option .title .option-title .title-itinerary {
                        display: -webkit-box;
                        overflow: hidden;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                    }
                /* Informaçoes de embraque e desembarque dentro do Card */
                .content-cruzeiro .card-options .card-option .title .option-boarding-unloading {
                    display: flex;
                    gap: 20px;
                }

                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .port {
                        display: flex;
                        align-items: center;
                    }

                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .label-boarding-unloading {
                        padding-inline: 8px;
                    }

                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .bold-gray {
                        color: #6c757d;
                        font-weight: 600;
                    }

                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .bold-dark {
                        color: #212529;
                        font-weight: 600;
                    }

                    /* SVG - color: #1788AE*/
                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .icon-departure::before,
                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .icon-arrive::before,
                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .icon-same-port::before {
                        height: 16px;
                    }
                    /* Icone default - setas */
                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .icon-departure::before {
                        content: url("data:image/svg+xml;%20charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231788AE' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z'/%3E%3C/svg%3E");
                    }

                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .icon-arrive::before {
                        content: url("data:image/svg+xml;%20charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231788AE' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 13.5a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 0-1H3.707L13.854 2.854a.5.5 0 0 0-.708-.708L3 12.293V7.5a.5.5 0 0 0-1 0z'/%3E%3C/svg%3E");
                    }

                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .icon-same-port::before {
                        content: url("data:image/svg+xml;%20charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231788AE' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z'/%3E%3C/svg%3E") " " 
                                 url("data:image/svg+xml;%20charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231788AE' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 13.5a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 0-1H3.707L13.854 2.854a.5.5 0 0 0-.708-.708L3 12.293V7.5a.5.5 0 0 0-1 0z'/%3E%3C/svg%3E");
                    }
                    /* Icone quadrado */
                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .icon-departure.icon-square::before {
                        content: url("data:image/svg+xml;%20charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231788AE' class='bi bi-arrow-up-right-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zM5.904 10.803 10 6.707v2.768a.5.5 0 0 0 1 0V5.5a.5.5 0 0 0-.5-.5H6.525a.5.5 0 1 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 .707.707'/%3E%3C/svg%3E");
                    }

                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .icon-arrive.icon-square::before {
                        content: url("data:image/svg+xml;%20charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231788AE' class='bi bi-arrow-down-left-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 16a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2zm8.096-10.803L6 9.293V6.525a.5.5 0 0 0-1 0V10.5a.5.5 0 0 0 .5.5h3.975a.5.5 0 0 0 0-1H6.707l4.096-4.096a.5.5 0 1 0-.707-.707'/%3E%3C/svg%3E");
                    }

                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .icon-same-port.icon-square::before {
                        content: url("data:image/svg+xml;%20charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231788AE' class='bi bi-arrow-up-right-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zM5.904 10.803 10 6.707v2.768a.5.5 0 0 0 1 0V5.5a.5.5 0 0 0-.5-.5H6.525a.5.5 0 1 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 .707.707'/%3E%3C/svg%3E") " " 
                                 url("data:image/svg+xml;%20charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231788AE' class='bi bi-arrow-down-left-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 16a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2zm8.096-10.803L6 9.293V6.525a.5.5 0 0 0-1 0V10.5a.5.5 0 0 0 .5.5h3.975a.5.5 0 0 0 0-1H6.707l4.096-4.096a.5.5 0 1 0-.707-.707'/%3E%3C/svg%3E");
                    }
                    /* Icone circulo */
                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .icon-departure.icon-circle::before {
                        content: url("data:image/svg+xml;%20charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231788AE' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.854 10.803a.5.5 0 1 1-.708-.707L9.243 6H6.475a.5.5 0 1 1 0-1h3.975a.5.5 0 0 1 .5.5v3.975a.5.5 0 1 1-1 0V6.707z'/%3E%3C/svg%3E");
                    }

                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .icon-arrive.icon-circle::before {
                        content: url("data:image/svg+xml;%20charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231788AE' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-5.904-2.854a.5.5 0 1 1 .707.708L6.707 9.95h2.768a.5.5 0 1 1 0 1H5.5a.5.5 0 0 1-.5-.5V6.475a.5.5 0 1 1 1 0v2.768z'/%3E%3C/svg%3E");
                    }

                    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .icon-same-port.icon-circle::before {
                        content: url("data:image/svg+xml;%20charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231788AE' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.854 10.803a.5.5 0 1 1-.708-.707L9.243 6H6.475a.5.5 0 1 1 0-1h3.975a.5.5 0 0 1 .5.5v3.975a.5.5 0 1 1-1 0V6.707z'/%3E%3C/svg%3E") " " 
                                 url("data:image/svg+xml;%20charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231788AE' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-5.904-2.854a.5.5 0 1 1 .707.708L6.707 9.95h2.768a.5.5 0 1 1 0 1H5.5a.5.5 0 0 1-.5-.5V6.475a.5.5 0 1 1 1 0v2.768z'/%3E%3C/svg%3E");
                    }

    /* ======================= Bloco Mapa e Itinerário ======================= */
    /* ======================= Este bloco tambem é usado na Modal ======================= */
    .content-cruzeiro .map-itinerary-block .map-itinerary {
        display: flex;
        justify-content: space-between;
        max-height: 156px;
        margin-bottom: 10px;
    }
        /* ============ Imagem do Mapa ============ */
        .content-cruzeiro .map-itinerary-block .map-itinerary .map-img img {
            max-width: 240px;
            height: auto;
        }
        /* ============ Itinerário ============ */
        .content-cruzeiro .map-itinerary-block .map-itinerary .itinerary {
            padding-inline-start: 16px;
            width: 290px;
            border: 1px solid #d9d9d9;
            overflow: auto;
        }

            .content-cruzeiro .map-itinerary-block .map-itinerary .itinerary ol {
                counter-reset: item;
                padding-left: 0px;
                list-style-type: none;
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

            .content-cruzeiro .map-itinerary-block .map-itinerary .itinerary li {
                display: block;
                position: relative;
                height: 28px;
            }

                .content-cruzeiro .map-itinerary-block .map-itinerary .itinerary li::before {
                    counter-increment: item;
                    content: counter(item) " ";
                    font-size: 12px;
                    font-weight: 500;
                    color: #000;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    height: 20px;
                    width: 20px;
                    line-height: 20px;
                    text-align: center;
                    border-radius: 50%;
                    border: solid 1px #d9d9d9;
                }

                .content-cruzeiro .map-itinerary-block .map-itinerary .itinerary li::after {
                    content: "";
                    position: absolute;
                    top: 115%;
                    left: 10px;
                    width: 1px;
                    height: 55%;
                    background-color: #d9d9d9;
                    transform: translateY(-50%);
                }

                .content-cruzeiro .map-itinerary-block .map-itinerary .itinerary li:last-child::after {
                    display: none;
                }

                .content-cruzeiro .map-itinerary-block .map-itinerary .itinerary li:first-child {
                    margin-top: 8px;
                }

                .content-cruzeiro .map-itinerary-block .map-itinerary .itinerary li:last-child {
                    margin-bottom: 8px;
                }

            .content-cruzeiro .map-itinerary-block .map-itinerary .itinerary .list-content {
                display: flex;
                flex-direction: column;
                justify-content: center;
                min-height: 28px;
                letter-spacing: 0.6px;
            }

            .content-cruzeiro .map-itinerary-block .map-itinerary .itinerary .route, .schedule {
                padding-left: 34px;                
            }

            .content-cruzeiro .map-itinerary-block .map-itinerary .itinerary .route {
                color: #000;
                font-size: 12px;
                font-weight: 500;
                line-height: 110%;
            }

            .content-cruzeiro .map-itinerary-block .map-itinerary .itinerary .schedule {
                color: #788188;
                font-size: 10px;
                font-weight: 400;
            }

    /* ============ Radio para alternar entre Mapa e Itinerário na Modal e Mobile ============ */
    .content-cruzeiro .map-itinerary-block .radio-select {
        gap: 20px;
        justify-content: center;
        margin-bottom: 16px;
    }

        .content-cruzeiro .map-itinerary-block .radio-select .radio-wrapper {
            display: flex;            
            align-items: center;
        }

            .content-cruzeiro .map-itinerary-block .radio-select .radio-wrapper input[type="radio"] {
                appearance: none;
                cursor: pointer;
                width: 16px;
                height: 16px;
                border-radius: 50%;
                border: 2px solid #99A6B1;
                margin: 0 3px 0 3px;
            }

                .content-cruzeiro .map-itinerary-block .radio-select .radio-wrapper input[type="radio"]:checked {
                    border: 2px solid #1788AE;
                    background: #1788AE;
                }

            .content-cruzeiro .map-itinerary-block .radio-select .radio-wrapper label {                
                font-size: 12px;
                font-weight: 400;
                cursor: pointer;
                padding: 0;
            }

    .content-cruzeiro .map-itinerary-block .radio-select {
        display: none;
    }

    /* ======================= Bloco Opções de Cabines ======================= */
    .content-cruzeiro .card-options .card-option .cabin-options {
        display: flex;
        justify-content: space-between;
        height: 62px;
    }
        /* ============ Datas e Nome do navio ============ */
        .content-cruzeiro .card-options .card-option .cabin-options .head {
            display: flex;
            align-items: center;
        }

            .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima {
                display: flex;
                width: 66px;
                min-height: 30px;
            }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima img {
                    max-width: 66px;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-cia-default {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-default.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-costa {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-costa.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-msc {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-msc.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-cun {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-cun.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-pcl {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-pcl.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-ncl {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-ncl.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-promoacao {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-promoacao.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-oce {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-oce.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-reg {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-reg.svg");
                    background-repeat: no-repeat;
                }

                /* Imagens de Cias ainda não utilizadas */
                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-aza {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-aza.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-clb {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-clb.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-cvc {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-cvc.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-dcl {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-dcl.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-ejs {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-ejs.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-hal {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-hal.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-pclmxn {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-pclmxn.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-plmt {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-plmt.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-rccl {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-rccl.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-sbn {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-sbn.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-she {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-she.svg");
                    background-repeat: no-repeat;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .head .logo-cia-maritima.logo-sse {
                    background: url("https://viajarbarato.com.br/Images/Layout/img-cia-maritima/cia-sse.svg");
                    background-repeat: no-repeat;
                }

            .content-cruzeiro .card-options .card-option .cabin-options .head .vertical-separator {
                height: 40px;
                margin-left: 2px;
                width: 1px;
                background-color: #99A6B1;
            }

            .content-cruzeiro .card-options .card-option .cabin-options .head .infos {
                margin-left: 10px;                
            }

                .content-cruzeiro .card-options .card-option .cabin-options .head .infos .info-content {
                    display: flex;
                    align-items: center;
                    font-size: 13px;
                    letter-spacing: 0.3px;
                    color: #788188;
                    max-width: 146px;
                    min-width: 146px;
                }

                    .content-cruzeiro .card-options .card-option .cabin-options .head .infos .info-content .dash-separator {
                        margin-inline: 6px;
                        width: 4px;
                        height: 1px;
                        background-color: #788188;
                    }

                .content-cruzeiro .card-options .card-option .cabin-options .head .infos .ship-name {
                    color: #00376A;
                    font-size: 14px;
                    font-weight: 500;
                    letter-spacing: 0.3px;
                }
        /* ============ Valores das cabines ============ */
        .content-cruzeiro .card-options .card-option .cabin-options .cabins {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 5px;            
        }

            .content-cruzeiro .card-options .card-option .cabin-options .cabins .cabin {
                width: 72px;
                height: 50px;
                border-radius: 8px;                
                font-size: 13px;
                text-align: center;
                cursor: pointer;
            }

                .content-cruzeiro .card-options .card-option .cabin-options .cabins .cabin.cabin-best:hover {
                    box-shadow: 1px 1px 6px 0px #34A853;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .cabins .cabin.cabin-normal:hover {
                    box-shadow: 1px 1px 6px 0px #1788AE;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .cabins .cabin .value {
                    height: 30px;
                    padding-top: 8px;
                    color: #99A6B1;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .cabins .cabin .type {
                    height: 20px;
                    color: white;
                    padding-top: 2px;
                    border-radius: 0 0 8px 8px;
                }
                /* == Melhor Preço == */
                .content-cruzeiro .card-options .card-option .cabin-options .cabins .cabin.cabin-best {
                    border: 1px solid #34A853;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .cabins .cabin .value.value-best {
                    color: #34A853;
                    font-weight: 500;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .cabins .cabin .type.type-best {
                    background-color: #34A853;
                }
                /* == Preço Normal == */
                .content-cruzeiro .card-options .card-option .cabin-options .cabins .cabin.cabin-normal {
                    border: 1px solid #1788AE;
                }

                .content-cruzeiro .card-options .card-option .cabin-options .cabins .cabin .type.type-normal {
                    background-color: #1788AE;
                }
                /* == Esgotado (Sold Out) == */
                .content-cruzeiro .card-options .card-option .cabin-options .cabins .cabin.cabin-sold {
                    border: 1px solid #99A6B1;
                    cursor: default;                    
                }

                .content-cruzeiro .card-options .card-option .cabin-options .cabins .cabin .type.type-sold {
                    background-color: #99A6B1;
                }

    /* texto abaixo dos cards */
    .content-cruzeiro .offer-infos ul {
        margin-top: 32px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .content-cruzeiro .offer-infos ul li {            
            font-size: 12px;
            margin-left: 20px;
        }

    /* ======================= Modal ======================= */
    .content-cruzeiro .modal-cruzeiro {
        display: none;
        border-radius: 12px;
/*        position: fixed;
        top: 50%;
        left: 50%;*/
        transform: translate(-50%, -50%);
        background-color: #fff;
        box-shadow: 1px 1px 6px 0px #99A6B1;
        z-index: 9999;
    }

        .content-cruzeiro .modal-cruzeiro .btn-close {
            position: absolute;
            cursor: pointer;
            top: 3px;
            right: 3px;
            padding-left: 6px;
            padding-bottom: 2px;
            z-index: 1;
        }

        .content-cruzeiro .modal-cruzeiro .border {
            display: flex;
            margin: 10px;
            border: 1px solid #99A6B1;
            border-radius: 12px;
        }

            .content-cruzeiro .modal-cruzeiro .border .cruise-infos {
                width: 274px;
                padding: 10px 14px;
                border-right: 1px solid #99A6B1;
                position: relative;
                letter-spacing: 0.3px;
            }

                .content-cruzeiro .modal-cruzeiro .border .cruise-infos .ship-name {
                    font-size: 14px;
                    font-weight: 500;
                    color: #1788AE;
                    margin-bottom: 12px;
                }

                .content-cruzeiro .modal-cruzeiro .border .cruise-infos .ship-itinerary {
                    color: #788188;
                    font-size: 13px;
                    font-weight: 500;
                    margin-bottom: 12px;
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }

                .content-cruzeiro .modal-cruzeiro .border .cruise-infos .travel-info {
                    display: flex;
                    align-items: center;
                    color: #788188;
                    font-size: 13px;
                    font-weight: 700;
                    padding-bottom: 12px;
                    border-bottom: 1px solid #D9D9D9;
                }

                .content-cruzeiro .modal-cruzeiro .border .cruise-infos .dash-separator {
                    margin-inline: 6px;
                    width: 4px;
                    height: 1px;
                    background-color: #788188;
                }
                /* ============ Input de Passageiros ============ */
                .content-cruzeiro .modal-cruzeiro .border .cruise-infos .input-passenger {
                    display: flex;
                    position: relative;
                    flex-direction: column;
                    color: #788188;
                    font-size: 12px;
                    padding: 6px 4px 14px;
                    border-bottom: 1px solid #D9D9D9;
                }

                    .content-cruzeiro .modal-cruzeiro .border .cruise-infos .input-passenger .modal-input-title {
                        text-align: center;
                        font-size: 14px;
                        font-weight: 500;
                    }

                    .content-cruzeiro .modal-cruzeiro .border .cruise-infos .input-passenger .modal-options {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        margin-top: 6px;
                    }

                        .content-cruzeiro .modal-cruzeiro .border .cruise-infos .input-passenger .modal-options div > label {
                            padding: 0;
                        }

                        .content-cruzeiro .modal-cruzeiro .border .cruise-infos .input-passenger .modal-options .modal-text-adt, .modal-text-chd {
                            font-size: 13px;
                            font-weight: 400;
                        }

                        .content-cruzeiro .modal-cruzeiro .border .cruise-infos .input-passenger .modal-options .modal-opt-small {
                            padding-top: 1px;
                            font-size: 10px;
                            font-weight: 400;
                        }

                    .content-cruzeiro .modal-cruzeiro .border .cruise-infos .input-passenger select {
                        padding: 0;
                        padding-left: 8px;
                        border-radius: 5px;
                        width: 66px;
                        height: fit-content;
                    }

                    .content-cruzeiro .modal-cruzeiro .border .cruise-infos .input-passenger .passenger-alert {
                        display: none;
                        margin-top: 6px;
                        font-size: 11px;
                        color: red;
                    }

                /* ============ Switch Slider Cabine acessível ============ */
                .content-cruzeiro .modal-cruzeiro .border .cruise-infos .accessible-cabin {
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    margin-top: 6px;
                }

                    .content-cruzeiro .modal-cruzeiro .border .cruise-infos .accessible-cabin svg {
                        width: 12px;
                    }

                    .content-cruzeiro .modal-cruzeiro .border .cruise-infos .accessible-cabin .accessible-text {
                        font-size: 10px;
                        margin-inline: 6px;
                    }

                    .content-cruzeiro .modal-cruzeiro .border .cruise-infos .accessible-cabin .accessible-check input {
                        display: none;
                    }

                        .content-cruzeiro .modal-cruzeiro .border .cruise-infos .accessible-cabin .accessible-check input + label {
                            display: block;
                            position: relative;
                            cursor: pointer;
                        }

                    .content-cruzeiro .modal-cruzeiro .border .cruise-infos .accessible-cabin .accessible-check .switch-check + label {
                        padding: 1px;
                        width: 25px;
                        height: 14px;
                        background-color: #788188;
                        border-radius: 60px;
                        transition: background 0.4s;
                    }

                        .content-cruzeiro .modal-cruzeiro .border .cruise-infos .accessible-cabin .accessible-check .switch-check + label:before,
                        .content-cruzeiro .modal-cruzeiro .border .cruise-infos .accessible-cabin .accessible-check .switch-check + label:after {
                            display: block;
                            position: absolute;
                            content: "";
                        }

                        .content-cruzeiro .modal-cruzeiro .border .cruise-infos .accessible-cabin .accessible-check .switch-check + label:before {
                            top: 1px;
                            left: 1px;
                            bottom: 1px;
                            right: 1px;
                            background-color: #fff;
                            border-radius: 42px;
                            transition: background 0.4s;
                        }

                        .content-cruzeiro .modal-cruzeiro .border .cruise-infos .accessible-cabin .accessible-check .switch-check + label:after {
                            width: 10px;
                            height: 10px;
                            top: 2px;
                            left: 2px;
                            bottom: 2px;
                            background-color: #788188;
                            border-radius: 43px;
                            transition: margin 0.4s, background 0.4s;
                        }

                    .content-cruzeiro .modal-cruzeiro .border .cruise-infos .accessible-cabin .accessible-check .switch-check:checked + label:before {
                        background-color: #1788AE;
                    }

                    .content-cruzeiro .modal-cruzeiro .border .cruise-infos .accessible-cabin .accessible-check .switch-check:checked + label:after {
                        margin-left: 11px;
                        background-color: #fcfdff;
                    }

                    .content-cruzeiro .modal-cruzeiro .border .cruise-infos .accessible-cabin .accessible-check .switch-check:checked + label {
                        background-color: #1788AE;
                    }

                /* ============ Botão checkout ============ */
                .content-cruzeiro .modal-cruzeiro .border .cruise-infos .btn-checkout {
                    margin-top: 12px;
                    display: flex;
                    width: 100%;
                    justify-content: center;
                }

                    .content-cruzeiro .modal-cruzeiro .border .cruise-infos .btn-checkout button {
                        background-color: #1788AE !important;
                        color: #fff;
                        font-size: 10px;
                        font-weight: 700;
                        width: 90px;
                        height: 26px;
                        border-radius: 6px;
                        border: none;
                        cursor: pointer;
                        letter-spacing: 0.5px;
                    }

                        .content-cruzeiro .modal-cruzeiro .border .cruise-infos .btn-checkout button:hover {
                            background-color: #116683 !important;
                        }

            /* ======== Mapa e Itinerário ======== */
            /* ======== Aproveita toda a estrutura de mapa e itinerario acima  */
            .content-cruzeiro .modal-cruzeiro .border .map-itinerary-block {
                display: flex;
                flex-direction: column;
                align-items: center;
                position: relative;
                width: 304px;
                min-height: 265px;
                padding-top: 10px;
            }

                .content-cruzeiro .modal-cruzeiro .border .map-itinerary-block .map-itinerary {
                    max-height: 182px;
                    margin-bottom: 20px;
                }

                    .content-cruzeiro .modal-cruzeiro .border .map-itinerary-block .map-itinerary .map-img img {
                        max-width: 280px;
                        height: auto;
                    }

                .content-cruzeiro .modal-cruzeiro .border .map-itinerary-block .radio-select {
                    display: flex;
                }

.modal-cruzeiro .modal-map-itinerary-block .map-itinerary-hide {
    display: none;
}


/* ======================= Inicio do CSS Mobile ======================= */
@media (max-width: 767px) {
    .content-cruzeiro .card-options .card-option .map-itinerary {
        max-height: 210px;
    }

        .content-cruzeiro .card-options .card-option .map-itinerary .map-img img {
            max-width: 320px;
        }

    .content-cruzeiro .card-options .card-option .cabin-options .head .vertical-separator {
        margin-left: 6px;
    }

    .content-cruzeiro .card-options .card-option .cabin-options .head .infos {
        margin-left: 12px;
    }

    .content-cruzeiro .card-options .card-option .cabin-options .cabins {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 350px;
    }
}

@media (max-width: 721px) {
    .content-cruzeiro .card-options .card-option .map-itinerary {
        max-height: 188px;
    }

        .content-cruzeiro .card-options .card-option .map-itinerary .map-img img {
            max-width: 290px;
        }
}

@media (max-width: 690px) {
    .content-cruzeiro .card-options .card-option .map-itinerary {
        max-height: 175px;
    }

        .content-cruzeiro .card-options .card-option .map-itinerary .map-img img {
            max-width: 270px;
        }
}

@media (max-width: 660px) {
    .content-cruzeiro .card-options .card-option .map-itinerary {
        max-height: 160px;
    }

        .content-cruzeiro .card-options .card-option .map-itinerary .map-img img {
            max-width: 246px;
        }

        .content-cruzeiro .card-options .card-option .map-itinerary .itinerary {
            padding-inline-start: 12px;
            width: 270px;
        }
}

@media (max-width: 631px) {
    .content-cruzeiro .card-options .card-option .map-itinerary {
        max-height: 156px;
    }

        .content-cruzeiro .card-options .card-option .map-itinerary .map-img img {
            max-width: 240px;
        }

    .content-cruzeiro .card-options .card-option .cabin-options {
        flex-wrap: wrap;
        height: 126px;
        padding-top: 9px;
        padding-bottom: 15px;
        gap: 12px;
    }

        .content-cruzeiro .card-options .card-option .cabin-options .cabins {
            min-width: 300px;
        }

        .content-cruzeiro .card-options .card-option .cabin-options .head .vertical-separator {
            margin-left: 16px;
        }

        .content-cruzeiro .card-options .card-option .cabin-options .head .infos {
            margin-left: 18px;
        }

        .content-cruzeiro .card-options .card-option .cabin-options .cabins {
            width: 350px;
            gap: 0;
        }
}

@media (max-width: 610px) {
    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .port {
        flex-wrap: wrap;
    }

    .content-cruzeiro .card-options .card-option .title .option-boarding-unloading {
        gap: 30px;
    }

        .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .bold-medium {
            font-weight: 400;
        }

        .content-cruzeiro .card-options .card-option .title .option-boarding-unloading .label-city-country {
            line-height: 1.5;
        }

    .content-cruzeiro .card-options .card-option .map-itinerary {
        margin-bottom: 8px;
        justify-content: center;
    }

    .content-cruzeiro .map-itinerary-block .radio-select {
        display: flex;
    }

    .map-itinerary-hide {
        display: none;
    }
}

@media (max-width: 600px) {
    .content-cruzeiro .modal-cruzeiro .border .map-itinerary-block {
        display: none;
    }

    .content-cruzeiro .modal-cruzeiro .border .cruise-infos {
        border-right: none;
    }
}

/*  =======================  Spinner  ======================= */

.content-cruzeiro .modal-cruzeiro .cruzeiro-modal-loader {
    display: none;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.content-cruzeiro .modal-cruzeiro .cruzeiro-modal-spinner {
    position: relative;
    background-color: #1788AE;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: conic-gradient(from 0deg at 50% 50%, rgba(255, 255, 255, 0.00) 0deg, #1788AE 360deg);
    animation: rotate-SpinnerModal 1.8s linear infinite;
}

    .content-cruzeiro .modal-cruzeiro .cruzeiro-modal-spinner:before,
    .content-cruzeiro .modal-cruzeiro .cruzeiro-modal-spinner:after {
        content: "";
        position: absolute;
        border-radius: 50%;
    }

    .content-cruzeiro .modal-cruzeiro .cruzeiro-modal-spinner:before {
        width: 80px;
        height: 80px;
        top: 10px;
        left: 10px;
        background-color: #fff;
    }

    .content-cruzeiro .modal-cruzeiro .cruzeiro-modal-spinner:after {
        height: 10px;
        width: 10px;
        background-color: #1788AE;
        top: 0;
        left: 45px;
    }

@keyframes rotate-SpinnerModal {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.content-cruzeiro .modal-cruzeiro .showLoader .map-itinerary {
    display: none !important;
}

.content-cruzeiro .modal-cruzeiro .showLoader .radio-select {
    display: none !important;
}

.content-cruzeiro .modal-cruzeiro .showLoader .cruzeiro-modal-loader {
    display: block !important;
}