﻿/****************************************************************************/
/** Template Text Page ******************************************************/
/****************************************************************************/

@media screen,print {
    html, body { /*font-family: 'Open Sans', Helvetica, Sans Serif; line-height: 120%; font-size: 14px; color: black; background-color: #F0F0F0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; height: 100%;*/ }
    .Text { /*font-family: 'open_sansregular', sans-serif;*/ }
    .TextBold { /*font-family: 'open_sansbold', sans-serif;*/ }
    html { overflow-y: scroll; font-size: 100%; }
    div.GlobalWrapperOuter { z-index: 1; background-color: #EEE; width: 100%; overflow: hidden; }
    div.GlobalWrapperInner { text-align: left; z-index: 2; background-color: #F0F0F0; }

    /** Cookie Directive ********************************************************/
    .GPCookieDirective { position: fixed; width: 300px; padding: 20px; background-color: rgba(0,0,0,0.85); z-index: 9999; bottom: 10px; right: 10px; }
        .GPCookieDirective .GPCookieMessage, .GPCookieDirective .GPCookieMessage.Tmce p { color: #fff !important; margin-bottom: 10px; }
            .GPCookieDirective .GPCookieMessage a, .GPCookieDirective .GPCookieMessage.Tmce p a { font-weight: 500; text-decoration: none; color: #3590c7; }
                .GPCookieDirective .GPCookieMessage a:hover, .GPCookieDirective .GPCookieMessage.Tmce p a:hover { text-decoration: underline; }
        .GPCookieDirective .GPCookieButton { }
        .GPCookieDirective .GPCookiesListContainer { margin: 20px 0; }
            .GPCookieDirective .GPCookiesListContainer .GPCookiesListTitle { color: #fff; text-transform: uppercase; font-size: 12px; text-decoration: underline; }
            .GPCookieDirective .GPCookiesListContainer ul.GPCookiesList { list-style: none; padding: 0; margin: 0; }
                .GPCookieDirective .GPCookiesListContainer ul.GPCookiesList li { padding: 0; margin: 0; }
                    .GPCookieDirective .GPCookiesListContainer ul.GPCookiesList li div.checkbox { margin: 7.5px; padding: 0; user-select: none; }
                        .GPCookieDirective .GPCookiesListContainer ul.GPCookiesList li div.checkbox label { color: #fff; }

    /** ************ ********************************************************/

    .MHCSeparator { width: 100%; min-height: 50px; background: none; overflow: hidden; margin-bottom: -15px; }
        .MHCSeparator .MFCSeparatorBlock { padding: 10px; }
            .MHCSeparator .MFCSeparatorBlock .FriendlyPages { text-align: right; color: #000000; vertical-align: middle; text-transform: uppercase; font-weight: bold; display: inline-table; float: left; padding-right: 5px; margin-left: 10px; }
            .MHCSeparator .MFCSeparatorBlock.PageLanguages { display: inline-table; float: left; }
    div.GPBody { }
    div.Wrapper { /*max-width: 850px; min-height: 750px; margin-left: auto; margin-right: auto;*/ }
    div.WrapperContentBody { min-height: 200px; background: #fff; position: relative; }

    /** Formatação para tabelas *************************************************/
    .Table { display: table; }
    .Row { display: table-row; }
    .Cell { display: table-cell; }

    /** Alinhamentos ************************************************************/
    .Left { text-align: left; }
    .Center { text-align: center; }
    .Right { text-align: right; }
    .Top { vertical-align: top; }
    .Middle { vertical-align: middle; }
    .Bottom { vertical-align: middle; }

    /** Formatação Texto ********************************************************/
    .Normal { font-weight: normal; font-style: normal; }
    .Bold { font-weight: bold; }
    .Italic { font-style: italic; }
    .Underline { text-decoration: underline; }
    .Uppercase { text-transform: uppercase; }

    /** Float Clear *************************************************************/
    .ClearLeft { clear: left; }
    .ClearRight { clear: right; }
    .ClearBoth { clear: both; }
    .ClearAfter:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

    /** Visibility and display **************************************************/
    .DisplayNone { display: none !important; }
    .VisibilityHidden { visibility: hidden !important; }

    /** Widths ******************************************************************/
    .Width10 { width: 10%; }
    .Width20 { width: 20%; }
    .Width30 { width: 30%; }
    .Width40 { width: 40%; }
    .Width50 { width: 50%; }
    .Width60 { width: 60%; }
    .Width70 { width: 70%; }
    .Width80 { width: 80%; }
    .Width90 { width: 90%; }
    .Width95 { width: 95%; }
    .Width98 { width: 98%; }
    .Width100 { width: 100%; }

    /** Input text, Textarea ****************************************************/
    .Pointer { cursor: pointer !important; }

    /** Global Overlay **********************************************************/
    .GPOverlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 3000; background: rgba(0,74,81,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88ffffff,endColorstr=#88ffffff); }
        .GPOverlay .GPSpinnerOuter { display: table; width: 100%; height: 100%; }
            .GPOverlay .GPSpinnerOuter .GPSpinner { text-align: center; display: table-cell; vertical-align: middle; }
                .GPOverlay .GPSpinnerOuter .GPSpinner .GPSpinnerInner { display: inline-block; /* background-color: #13aebb; */ width: 300px; padding: 20px; color: #fff; background: radial-gradient(ellipse at center, #13aebb 0%, transparent 70%); }

    /** Bootstrap ***************************************************************/
    .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
    h1, .h1 { /*font-family: 'neutratext', sans-serif;*/ }
    h3, .h3 { /*font-family: Neutra Text, Sans-Serif; font-weight: bolder; font-size: 18pt;*/ }
    p, .p { /*font-family: Neutra Text, Sans-Serif; font-weight: normal; font-size: 12pt;*/ }
    a { /*color: #343a80; text-transform: uppercase; font-weight: 500; font-size: 13px; vertical-align: bottom;*/ }
        a:hover, a:focus { /*color: #fb5e00; text-transform: uppercase; vertical-align: bottom;*/ }
        a:active, a:hover { /*outline: 0;*/ }

    /** Marcacoes ************************************************/
    #Logo { padding-top: 0; padding-bottom: 0; min-height: 130px; }
        #Logo a { display: inline-block; }
            #Logo a img { border: 0; max-height: 135px; max-width: 135px; }
    header .navbar-toggle { margin-top: 45px; }
    .carousel .item .carousel-caption { background: #18375e; color: #fff; }
        .carousel .item .carousel-caption h3 { color: #fff; }
    #NavAux div { background: #f1f1f1; }
    .divVideoContainer { padding-bottom: 16px; margin: 36px 0 18px; border-bottom: 1px solid #eee; }
    .thumbnail { display: block; padding: 0; margin-bottom: 0; line-height: 1.42857143; background-color: #fff; border: none; border-radius: 0; -webkit-transition: unset; -o-transition: unset; transition: unset; }
    .BookButtonsContentContainer { background: #f1f1f1; padding: 1px 15px 20px 15px; text-align: center; margin: 15px 0; }
        .BookButtonsContentContainer .BBCCButtons { }
    .ContactContentContainer { }
    .ShareArea { border-top: 1px solid #18375e; margin: 20px 0 30px 0; padding: 15px 0 0 0; }

    .ProductIcons { text-align: center; }
        .ProductIcons .ProductIcon { display: inline-block; margin: 5px 15px; }
            .ProductIcons .ProductIcon img { max-width: 100px; }

    /** RESERVATION REMARKS **************************************/
    .ReservationTariffRemarks { margin: 20px 0; z-index: 1; position: relative; }
        .ReservationTariffRemarks:after { visibility: hidden; display: block; content: ""; clear: both; }
        .ReservationTariffRemarks td.RTRCServiceProductName { }
        .ReservationTariffRemarks .RTRCStriked { text-decoration: line-through; }
        .ReservationTariffRemarks .RTRCCancelled { text-decoration: none; color: #f00; text-transform: uppercase; }
        .ReservationTariffRemarks .NoBorderL { border-left: 0 !important; }
        .ReservationTariffRemarks .NoBorderR { border-right: 0 !important; }
        .ReservationTariffRemarks .NoBorderB { border-bottom: 0 !important; }
        .ReservationTariffRemarks .NoBorderT { border-top: 0 !important; }
        .ReservationTariffRemarks .NoBGColor { background-color: transparent !important; }
}

@media screen and (max-width: 768px) {
    .MHCSeparator .MFCSeparatorBlock .FriendlyPages, .MHCSeparator .MFCSeparatorBlock .PageLanguages { text-align: center; float: none; display: block; margin-bottom: 15px; }

    table.table.table-striped * { white-space: normal !important; font-size: small !important; }
}

@media (min-width: 768px) {
    .col-sm-15 { width: 20%; float: left; }

    /** Marcacoes ************************************************/
    .NavMenu { margin-top: -51px; float: right; }
    #MenuH .menu { float: right; }
}

@media (min-width: 992px) {
    .col-md-15 { width: 20%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-15 { width: 20%; float: left; }
    .visible-xxs { display: none !important; }
    .hidden-xxs { display: block !important; }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .visible-xxs { display: none !important; }
    .hidden-xxs { display: block !important; }
    div.Wrapper { /*max-width: 840px;*/ }
}

@media (max-width: 991px) and (min-width: 768px) {
    .visible-xxs { display: none !important; }
    .hidden-xxs { display: block !important; }
    div.Wrapper { /*max-width: 760px;*/ }
}

@media (max-width: 767px) and (min-width: 481px) {
    .visible-xxs { display: none !important; }
    .hidden-xxs { display: block !important; }
    div.Wrapper { /*max-width: 100%;*/ }
}

@media (max-width: 480px) {
    .col-xxs { display: block; float: none; width: 100%; }
    .col-xxs-offset-0 { margin-left: 0; }
    .visible-xxs { display: block !important; }
    .hidden-xxs { display: none !important; }
    .NoMobile { display: none; }
    div.Wrapper { /*max-width: 100%;*/ }
}

@media screen {
    .OnlyPrint { display: none; }
}

@media print {
    .NoPrint { display: none; }
    *, .Text { font-family: Verdana, Arial, Sans-Serif; font-size: 12pt; font-weight: normal; color: #000000; }
    html, body { background-color: #FFFFFF; }
    .themeWrapper { padding-bottom: 0 !important; }
    #ContentArea { margin: 0; }

    .col-p-1, .col-p-2, .col-p-3, .col-p-4, .col-p-5, .col-p-6, .col-p-7, .col-p-8, .col-p-9, .col-p-10, .col-p-11, .col-p-12 { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

    .col-p-12 { width: 100%; }
    .col-p-11 { width: 91.66666667%; }
    .col-p-10 { width: 83.33333333%; }
    .col-p-9 { width: 75%; }
    .col-p-8 { width: 66.66666667%; }
    .col-p-7 { width: 58.33333333%; }
    .col-p-6 { width: 50%; }
    .col-p-5 { width: 41.66666667%; }
    .col-p-4 { width: 33.33333333%; }
    .col-p-3 { width: 25%; }
    .col-p-2 { width: 16.66666667%; }
    .col-p-1 { width: 8.33333333%; }

    .col-p-pull-12 { right: 100%; }
    .col-p-pull-11 { right: 91.66666667%; }
    .col-p-pull-10 { right: 83.33333333%; }
    .col-p-pull-9 { right: 75%; }
    .col-p-pull-8 { right: 66.66666667%; }
    .col-p-pull-7 { right: 58.33333333%; }
    .col-p-pull-6 { right: 50%; }
    .col-p-pull-5 { right: 41.66666667%; }
    .col-p-pull-4 { right: 33.33333333%; }
    .col-p-pull-3 { right: 25%; }
    .col-p-pull-2 { right: 16.66666667%; }
    .col-p-pull-1 { right: 8.33333333%; }
    .col-p-pull-0 { right: auto; }
    .col-p-push-12 { left: 100%; }

    .col-p-push-11 { left: 91.66666667%; }
    .col-p-push-10 { left: 83.33333333%; }
    .col-p-push-9 { left: 75%; }
    .col-p-push-8 { left: 66.66666667%; }
    .col-p-push-7 { left: 58.33333333%; }
    .col-p-push-6 { left: 50%; }
    .col-p-push-5 { left: 41.66666667%; }
    .col-p-push-4 { left: 33.33333333%; }
    .col-p-push-3 { left: 25%; }
    .col-p-push-2 { left: 16.66666667%; }
    .col-p-push-1 { left: 8.33333333%; }
    .col-p-push-0 { left: auto; }

    .col-p-offset-12 { margin-left: 100%; }
    .col-p-offset-11 { margin-left: 91.66666667%; }
    .col-p-offset-10 { margin-left: 83.33333333%; }
    .col-p-offset-9 { margin-left: 75%; }
    .col-p-offset-8 { margin-left: 66.66666667%; }
    .col-p-offset-7 { margin-left: 58.33333333%; }
    .col-p-offset-6 { margin-left: 50%; }
    .col-p-offset-5 { margin-left: 41.66666667%; }
    .col-p-offset-4 { margin-left: 33.33333333%; }
    .col-p-offset-3 { margin-left: 25%; }
    .col-p-offset-2 { margin-left: 16.66666667%; }
    .col-p-offset-1 { margin-left: 8.33333333%; }
    .col-p-offset-0 { margin-left: 0%; }

    /* Always insert a page break after the element */
    .always-page-break-after,
    .always-pba { page-break-after: always; }

    /* Avoid page break after the element (if possible) */
    .avoid-page-break-after,
    .avoid-pba { page-break-after: avoid; }

    /* Insert page breaks after the element so that the next page is formatted as a left page */
    .left-page-break-after,
    .left-pba { page-break-after: left; }

    /* Insert page breaks after the element so that the next page is formatted as a right page */
    .right-page-break-after,
    .right-pba { page-break-after: right; }

    /* Always insert a page break before the element */
    .always-page-break-before,
    .always-pbb { page-break-before: always; }

    /* Avoid page break before the element (if possible) */
    .avoid-page-break-before,
    .avoid-pbb { page-break-before: avoid; }

    /* Insert page breaks before the element so that the next page is formatted as a left page */
    .left-page-break-before,
    .left-pbb { page-break-before: left; }

    /* Insert page breaks before the element so that the next page is formatted as a right page */
    .right-page-break-before,
    .right-pbb { page-break-before: right; }

    /* Avoid page break inside the element (if possible) */
    .avoid-page-break-inside,
    .avoid-pbi { page-break-inside: avoid; }
}
