/* 
    Document   : style.css
    Created on : 6/Jul/2013, 15:44:01
    Author     : Miguel
    Description:
        Purpose of the stylesheet follows.
*/


/* source http://www.cufonfonts.com/pt/font/437/ */


@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('fonts/titilliumtext22l001-webfont.eot');
    src: url('fonts/titilliumtext22l001-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumtext22l001-webfont.woff') format('woff'),
         url('fonts/titilliumtext22l001-webfont.ttf') format('truetype'),
         url('fonts/titilliumtext22l001-webfont.svg#TitilliumText22LThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LLight';
    src: url('fonts/titilliumtext22l002-webfont.eot');
    src: url('fonts/titilliumtext22l002-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumtext22l002-webfont.woff') format('woff'),
         url('fonts/titilliumtext22l002-webfont.ttf') format('truetype'),
         url('fonts/titilliumtext22l002-webfont.svg#TitilliumText22LLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('fonts/titilliumtext22l003-webfont.eot');
    src: url('fonts/titilliumtext22l003-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumtext22l003-webfont.woff') format('woff'),
         url('fonts/titilliumtext22l003-webfont.ttf') format('truetype'),
         url('fonts/titilliumtext22l003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('fonts/titilliumtext22l004-webfont.eot');
    src: url('fonts/titilliumtext22l004-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumtext22l004-webfont.woff') format('woff'),
         url('fonts/titilliumtext22l004-webfont.ttf') format('truetype'),
         url('fonts/titilliumtext22l004-webfont.svg#TitilliumText22LMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('fonts/titilliumtext22l005-webfont.eot');
    src: url('fonts/titilliumtext22l005-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumtext22l005-webfont.woff') format('woff'),
         url('fonts/titilliumtext22l005-webfont.ttf') format('truetype'),
         url('fonts/titilliumtext22l005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LXBold';
    src: url('fonts/titilliumtext22l006-webfont.eot');
    src: url('fonts/titilliumtext22l006-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumtext22l006-webfont.woff') format('woff'),
         url('fonts/titilliumtext22l006-webfont.ttf') format('truetype'),
         url('fonts/titilliumtext22l006-webfont.svg#TitilliumText22LXBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

label {
    cursor: default;
}


body {
    /*font-family: 'TitilliumText22LRegular' !important;*/
	font-family: Helvetica,Arial,sans-serif !important;
    -webkit-font-smoothing: subpixel-antialiased;
    /*background: #f4f4f4;*/
	background: #ffffff;
    font-size: 11px;
    line-height: 1;    
    min-width: 320px;
}

body, img, #reservations, #reservations_mobile, .banners, .interests { 
    transition:all .1s linear; 
    -o-transition:all .1s linear; 
    -moz-transition:all .1s linear; 
    -webkit-transition:all .1s linear;
}

a, a:link, a:visited, a:hover {
    /*color: #343e42;*/
	/*color: #ffffff;*/
}

strong, b {
   font-weight: bold;
    line-height: inherit;
    /*font-family: TitilliumText22LBold; */
	font-family: Helvetica,Arial,sans-serif;
}

p {
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 20px 0;
}

.clear {clear: both}
.text-center {text-align: center}
.left {float :left}
.right {float:right}

.hide-reservations-field {
    display: block;
}

iframe {
    border:0;
}

div[itemprop] {
    display: inline;
}

.table-display {display: table}
.table-row-display {display: table-row}
.table-caption-display {display:table-caption}
.table-cell-display {
    display: table-cell;
    vertical-align: middle;
}

#label-checkbox-mobile label {
    margin-bottom: 1.1875em;
}

header{
    position: relative;
    z-index: 20000;
    display: table 
}

header .large-2 {
    /*background-image: url('../img/menu-top-mobile.png');
    background-repeat: repeat-x;
    height: 58px;       */
    background-image: url('../img/menu-top.png');
    background-repeat: repeat-x;  
    height: 51px; 
}

header .main-row {
   display: table-row       
}

header .row{  
    width: 100%;   
    display: table-cell;
    vertical-align: top
}

header .row-header {
    background-image: url('../img/menu-top.png'); 
    background-repeat: repeat-x; 
    height: 51px; 
}

 ol.orbit-bullets,  .orbit-container .orbit-timer, .orbit-container .orbit-slide-number {
    display: none !important;
}

.gallery-icons {
    visibility: hidden;
}

/* Calendário */

#ui-datepicker-div {
    font-family: 'TitilliumText22LRegular' !important;
    width: 200px;
    z-index: 20000 !important; }

    #ui-datepicker-div .ui-datepicker-title {
        color: #FFF;
        font-size: 12px
    }

    #ui-datepicker-div table tr th, table tr td {
        font-size: 12px
    }

    #ui-datepicker-div table tr td a{
        text-align: center;
    }

    #ui-datepicker-div .ui-widget-header {
        /*background: #FF9000;*/
		background: #00AFF0;
    }

    #ui-datepicker-div .ui-datepicker-current-day {
        /*background: #FF9000;*/
		background: #00AFF0;
    }

    #ui-datepicker-div .ui-state-active {
        /*background: #FF9000;*/
		background: #00AFF0;
        color: #FFF;        
    }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        background: #FF9000;
    }
    
    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        margin-top: -10px !important;
    }


.top-slider {
	/*margin-top: 100px; */
    margin-top: 30px;   
    margin-bottom: 40px;
   /* background: #cad2d4;*/
    position: relative;
   /* border-bottom: solid #1a2529 7.6px*/ }

    .top-slider .row {
        max-width: 1351px;
        max-height: 512px;
        /*overflow: hidden*/
    }

    .top-slider .best-price {        
        position : absolute; 
        z-index: 1000;       
        background: url('../img/price-circle.png') no-repeat;
        width: 166px;
        height: 160px;
        right: 15.6%; 
        bottom: 18%;
        text-align: center;
        animation: fadein 2s;
        -moz-animation: fadein 2s; /* Firefox */
        -webkit-animation: fadein 2s; /* Safari and Chrome */
        -o-animation: fadein 2s; /* Opera */
    }

        .top-slider .best-price h2 { margin: 0}

        .top-slider .best-price h2 a {   
            /*font-family: 'TitilliumText22LMedium';  */
			font-family: Helvetica,Arial,sans-serif;			
            font-size: 12px;
            font-weight: bold;
            line-height: 24px;
            margin: 33px 14px 0;            
            /*text-transform: uppercase;*/
            text-decoration: none;
			color: #6E6E6E;
        }

        .top-slider .best-price a {
            /*text-decoration: underline;*/
            margin-top: 10px;
            display: block;
            /*color: #222222;*/
			color: #00AFF0;
        }
		
		    .best-price a:hover {
			color: #000000;
        }
        
        
        
    .top-slider .social-media {
        position : absolute;       
        width: 66px;
        height:120px;        
        z-index: 1000;
        right: 12%; 
        top: 8% }        

        .footer-menu .social-media {
            float:left;
            margin-top: 7px;
        }      

        .top-slider .social-media a.facebook, .top-slider .social-media a.facebook span,
        .top-slider .social-media a.google-plus, .top-slider .social-media a.google-plus span,
        .top-slider .social-media a.you-tube, .top-slider .social-media a.you-tube span,
        .top-slider .social-media a.twitter, .top-slider .social-media a.twitter span,
        .top-slider .social-media a.feeds, .top-slider .social-media a.feeds span,
        .top-slider .social-media a.instagram, .top-slider .social-media a.instagram span,
        .top-slider .social-media a.trip-advisor, .top-slider .social-media a.trip-advisor span,
        .top-slider .social-media a.trip-advisor, .top-slider .social-media a.pinterest span,
        .footer-menu .social-media a.facebook, .footer-menu .social-media a.facebook span,
        .footer-menu .social-media a.google-plus, .footer-menu .social-media a.google-plus span,
        .footer-menu .social-media a.you-tube, .footer-menu .social-media a.you-tube span,
        .footer-menu .social-media a.twitter, .footer-menu .social-media a.twitter span,
        .footer-menu .social-media a.feeds, .footer-menu .social-media a.feeds span,
        .footer-menu .social-media a.instagram, .footer-menu .social-media a.instagram span,
        .footer-menu .social-media a.trip-advisor, .footer-menu .social-media a.trip-advisor span,
        .footer-menu .social-media a.trip-advisor, .top-slider .social-media a.pinterest span {            
            width: 33px; 
            height: 30px;
            float:left;
            display: block }

            .top-slider .social-media a.facebook span,
            .footer-menu .social-media a.facebook span { background-position: -1071px 0 }
            .top-slider .social-media a.google-plus span,
            .footer-menu .social-media a.google-plus span { background-position: -1320px 0 }
            .top-slider .social-media a.you-tube span,
            .footer-menu .social-media a.you-tube span { background-position: -1652px 0 }
            .top-slider .social-media a.twitter span,
            .footer-menu .social-media a.twitter span { background-position: -1569px 0 }
            .top-slider .social-media a.feeds span,
            .footer-menu .social-media a.feeds span { background-position: -1403px 0 }
            .top-slider .social-media a.instagram span,
            .footer-menu .social-media a.instagram span { background-position: -1154px 0 }
            .top-slider .social-media a.trip-advisor span,
            .footer-menu .social-media a.trip-advisor span { background-position: -1486px 0 }
            .top-slider .social-media a.pinterest span,
            .footer-menu .social-media a.pinterest span { background-position: -1237px 0 }



            .top-slider .social-media i.social-name,
            .footer-menu .social-media i.social-name {
                position: absolute;
                top: -20000px
            }

.top-bar {
    overflow: visible;
}
.top-bar .title-area i.top-logo,
footer i.bottom-logo,
.top-bar-section .language-menu,
.top-slider .social-media a.facebook span,
.top-slider .social-media a.google-plus span,
.top-slider .social-media a.you-tube span,
.top-slider .social-media a.twitter span,
.top-slider .social-media a.feeds span,
.top-slider .social-media a.instagram span,
.top-slider .social-media a.trip-advisor span,
.top-slider .social-media a.pinterest span,
.footer-menu .social-media a.facebook span,
.footer-menu .social-media a.google-plus span,
.footer-menu .social-media a.you-tube span,
.footer-menu .social-media a.twitter span,
.footer-menu .social-media a.feeds span,
.footer-menu .social-media a.instagram span,
.footer-menu .social-media a.trip-advisor span,
.footer-menu .social-media a.pinterest span,
#reservations .line .calendar span,
#reservations_mobile .line .calendar span {
    background-image: url('../img/sprite.png');
    background-repeat: no-repeat;
}

.footer-menu .social-media a span{
    margin-top: 6px;
}

.footer-menu .social-media a.instagram span,
.footer-menu .social-media a.trip-advisor span{
    margin-top: 3px;
}

.top-bar .title-area i.top-logo {
    width: 244px;
    height: 70px;  
    background-position: -797px 0;
    position: absolute;
	display:none;
 }

.top-bar .menu-icon {
    right: 15px;
    /*top: 50%;*/
    top:0;
    height: 40px;
    line-height: 40px;
    /*margin-top: -16px;*/
    padding-left: 40px;
    display: none;
    position: absolute }

    .top-bar .menu-icon a {
        display: block;
        text-transform: uppercase;
        font-weight: bold;
        color: #FFF;
        font-size: 10px;
        padding-right: 16px;
        background: url("../img/arrow-bottom-1.png") no-repeat right center
        }

        .top-bar .menu-icon ul.top-menu {
            display:none;
        }



.top-bar .title-area{
    padding-left: 5px
}
    .top-bar .title-area i.top-logo u {   
        position: absolute;
        top: -2000px;    
    }
    
    .top-bar-section ul > li {
        position: relative;
    }
    
    .top-bar-section ul li.active > a {
        background: none;
    }
 
.top-bar-section .login, .top-bar-section .logout input[type="submit"]{    
    text-transform: uppercase;
    padding-left: 18px;
    font-size: 10px;
    color: #FFF;
    line-height: 40px;
    font-weight: bold;
    z-index: 1;
}

.top-bar-section .logout input[type="submit"] {
    color: #378dac;
    background: none;
    border: none;
    display: block;
    line-height: 24px;
    margin: 0;
}

.top-bar-section .login > a {
    color: #FFF;
    padding-right: 10px;
    background: url('../img/arrow-right-red.png') no-repeat;
    background-position:right center;
    display: block
}

.top-bar-section .language-menu {    
    background-position: -427px 0; 
    background-repeat: no-repeat;
    width: 33px;    
    margin-left: 18px;
    display: block;    
    margin-top: 5px;
    position: relative;
    cursor: pointer;
    line-height: 18px } 

    .top-bar-section .language-menu .hidden-languages {
       width:18px; 
       margin: 0 auto;
       display: none;
       position: absolute;
       cursor:pointer;
       left: 7.5px;       
    }
    .top-bar-section .language-menu span {
        width:18px; 
        background: #100d0e;
        display:block;
        font-size: 10px;
        text-transform: uppercase;
        color: #bababa;
        text-align: center;
        font-weight: bold }
    
        .top-bar-section .language-menu span a {
            color: #bababa;
            
        }

    .top-bar-section .language-menu span.active{
        margin: 31px auto 0;
        /*padding-bottom: 10px;*/
    }

    /* Languages */
    .top-bar-section .language-menu select {
        color: #FFF;
        border: 0;
        background: #000;
        text-align: center;
        text-transform: uppercase;        
        margin-left: 6px;
        font-size: 9px;
        height: 19px;
        border-radius: 0;
    }
     
     .top-bar-section .language-menu select, .language-menu select option{
        color: #FFF;
        border: 0;
        width: 18px;
        background: #000;
        text-align: center;
        text-transform: uppercase;
    }  
    
    .top-bar-section .language-menu span.globe{
        height: 31px;       
        text-align: center;
        text-transform:uppercase;
        border:0; 
        background: none;
        /*visibility: hidden;*/ 
    }
    
    select {
        display: inline !important;
    }
    
    form.custom div.custom.dropdown, #reservations .dropdown, #reservations_mobile .dropdown {
      display: none;
    }
    
    select#hotel_reserva{
       height: 34px; 
       line-height: 34px;
       font-size: 14px;
       text-indent: 12px;
       border: none;
    }
    
    select#hotel_reserva option {
        font-size: 14px;
       text-indent: 12px;
    }
    
    select:after{
        content: '\00a0\25b8';
    }
    
     select, iframe .custom select{
        display: block !important;         
        border: none;
        margin-bottom: 2px !important;  
        height: 31px; 
        border: 1px solid #CCC;
        appearance:none;
        -moz-appearance: none              !important; /* Firefox */
        -webkit-appearance: none           !important; /* Safari and Chrome */
        background: url('/../img/arrow-bottom-grey.png') 96% center no-repeat #FFF;         
        text-indent: 1px;
        text-overflow: '';
       
    }  
	
	select::-ms-expand {
    display: none;
}

	select#dia_n, select#mes_n, select#ano_n{
	color: rgba(0, 0, 0, 0.75);
}
    
    iframe > #submeter.small-12 {
        width: 50% !important;
    }

.interests-content {
    background: #c9d1d1;    
}
.interests {
    width: 49%;
}

.interests .box:last-child{
    float:right !important
}

    .hide-for-portrait, .hide-for-small {
        display: none !important;
    }

    .show-for-small {
        display:block !important;
    }

    /*.top-slider .best-price {
        bottom: auto;
        right: 22%;
        top: 36%;
    }

    .top-slider .social-media {
        top:10%;
    }*/

    .interests .box {        
        /*max-width: 198px;*/
        width: 100%; 
        margin-bottom: 2px;
    }      

    .interests .box > div {
        border-bottom: none;
    }

    .interests .box > div a div span {
        height: 70px;
        line-height: 70px;
        margin: 0 0 0 5px;
    }
    
    
    .interests .box:nth-child(2) > div{        
        margin-left: 0px;
        /*border-bottom: 11px solid #41565c;*/
    }

    .interests .box > div:hover, .interests .box.active > div {        
        border-bottom: none;
    }
    
    .interests .box:nth-child(2) a{
        background-color: #E1F0DF;
    }
    
     .interests .box:nth-child(3) a{
        background-color: #CFEEEB;
    }
    
    .interests .box:nth-child(4) a, .interests .box:nth-child(5) a {
        background-color: #f2f2f2;
    }

    /*.interests .box:nth-child(2) a, .interests .box:nth-child(3) a {
        background-color: #f2f2f2;
    }
    .interests .box:nth-child(5) a{
        background-color: #cfeeeb
    }*/
    .page-menus {
        width: 50%;        
    }
    .page-menus ul, .page-menus ul li {
        width: 100%;
    }
    
    
    
    div.page-title.hide-for-large {
        clear:both;
        width: 100%;
    }   
    
    .show-for-large-only {
        display:none;
    }   
    

    #reservas_form, #reservas_form_mobile {
        width: 49%;        
        float :right;    
        position: static;
        margin-top: 0;
		border-radius:4px;
		border: 1px solid #4297D7;
        /*background: #1a2529;*/
		background-image: url("/protected/components/booking/img//ui-bg_gloss-wave_75_2191c0_500x100.png");  
        /*transition-property: all;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
    }   
    
    
    
    #reservas_form .large-2, #reservas_form_mobile .large-2 {
        /*width: 91.66667%;*/
        width: 87%;
    }
    
    #reservations{
        /*min-width: 180px; 
        max-width: auto;    */           
         }    
         
         #reservations.row, #reservations_mobile.row{
            margin: 0;
         } 
                 
         #reservations .line.small-11, #reservations_mobile .line.small-11 {
             margin: auto;             
         }
         
         #reservas_form.show-for-small-only #reservations .line.small-11, #reservas_form_mobile.show-for-small-only #reservations_mobile .line.small-11{
             width: 87%;
         }

        #reservations header h1, #reservations_mobile header h1 {     
            font-family: 'TitilliumText22LBold';
            width: 87%;
            color: #FFF;
            font-size: 15px;
            height: 30px;
            line-height: 30px;
            text-transform: uppercase;
            text-align: center;
            margin: 0 auto;
            border-bottom: 1px solid #FFF;
        }
        
        #reservations .hotel_reserva_wrapper, #reservations_mobile .hotel_reserva_wrapper {
            float: none;
            margin: auto;
        }
        
        #reservations .submit-content, #reservations_mobile .submit-content {
            margin-top: 15px;
            width: 100%;
            float: left;
            
        }
        
        #reservations .submit-content > .line, #reservations_mobile .submit-content > .line {
            line-height: 15px;
            margin: 0 auto;            
        }  

        #reservations label, #reservations_mobile label {
            text-transform: uppercase;
        }

        #reservations .dropdown, #reservations_mobile .dropdown {            
            font-size: 14px;
            line-height: 57px;            
            color: #818181;
            margin-bottom: 2px;
            background : #FFF;
            height: 57px;             
            border: 0;
           }
           
         
             #reservations .dropdown a, #reservations_mobile .dropdown a { 
                line-height: 57px;
                height: 57px
            }

            #reservations .dropdown .selector:after, #reservations_mobile .dropdown .selector:after {
                left: 0.5em;
            }

            #reservations .dropdown.open.large ul, #reservations_mobile .dropdown.open.large ul {
                min-width: auto;
                font-size: 10px
            }  

            #reservations .custom.dropdown ul li, #reservations_mobile .custom.dropdown ul li {
                height: 24px;
                line-height: 1.5em;
                font-size: 1.2em;
            }

            #reservations .custom.dropdown ul li.region, #reservations_mobile .custom.dropdown ul li.region {
                font-weight: bold;
            }

            #reservations .dropdown .current, #reservations_mobile .dropdown .current {
                margin-left: 0;
                text-indent: 16px
            }

        #reservations .line, #reservations_mobile .line {
            line-height: 55px; 
            /*background: #FFF;*/
            font-size: 14px;
            margin-bottom: 2px } 

            #reservations .line label, #reservations .hotel_reserva_wrapper label,
            #reservations_mobile .line label, #reservations_mobile .hotel_reserva_wrapper label{
                line-height: 28px;
                display: block;
                /*text-indent: 16px;*/
                font-size: 12px;
                color: #e5e2e2;               
                margin: 0;
                float:left;
            }    

            #reservations .line input, #reservations_mobile .line input{  
                width: 80%;
                padding: 0;
                font-size: 14px;
                line-height: 34px;
                height: 34px;                
                margin: 0;          
                border: none;
                text-align: left;
                text-indent: 16px;
                box-shadow: none;
                background-color: white;
            } 

                #reservations .line input#cod_promotion, #reservations_mobile .line input#cod_promotion {
                    text-align: left;
                    width: 100% !important;
                    /*text-align: right;*/
                    background: #eaebeb;
                    /*margin: 13px 13px 0;*/
                    /*margin-top: 13px;*/
                    height: 2.3125em;
                    line-height: 2.3125em;
                }

                #reservations .line button.reserve-button, #reservations_mobile .line button.reserve-button {
                    font-family: 'TitilliumText22LBold';                  
                    width: 100%;                    
                    /*margin: 11px;*/
                    margin: auto;
                    height: 36px;                                         
                    text-align: center; 
                    color: #FFF;  
                    text-transform: uppercase;                  
                    background: #ff9308; 
                    border: 0;
                    font-weight: normal;    
                    display: block;
                }

              /*  #reservations .line button.reserve-button:after, #reservations_mobile .line button.reserve-button:after {
                    content: "\00a0\00a0\00a0\00a0\00a0" url('../img/seta-right-branca.png');
                }*/

            #reservations .line .calendar, #reservations_mobile .line .calendar {     
                width: 20%;
                height: 34px;
                line-height: 34px;
                display: block;
                background: #FFF;
                cursor: pointer }

                #reservations .line .calendar span, #reservations_mobile .line .calendar span  {                    
                    background: url('../img/mobile-cal-18x18.png') no-repeat center center;
                    width: 100%;
                    height: inherit;                    
                    /*margin: 14px auto;*/                      
                    display: block                
                }
                
             #reservations  .submit-content #linkCancelarReserva,
             #reservations_mobile  .submit-content #linkCancelarReserva{
                text-indent: 2px;
                display: block;
                color: #FFF;
                font-size: 12px;
                margin: 2px auto;
                width: 87%;
                line-height: 27px;
            }     
            /*#reservations  .submit-content #linkCancelarReserva {
                text-indent: 2px;
                display:block;
                color: #FFF;
                font-size: 10px;
                margin-top: 2px;
            } */ 

    .find-hotel a {
        font-family: 'TitilliumText22LBold';
        width: 100%;
        height: 36px;
        line-height: 36px;
        display:block;
        font-size: 14px;        
        text-align: center;
        text-transform: uppercase }

        .find-hotel a:link, 
        .find-hotel a:visited,
        .find-hotel a:hover {
            color: #e6eaec;
            background: #41565c
        }  

.interests .box a {   
    display: block;
    float:left;
    background: url('../img/arrow-right-grey.png') no-repeat #e1f0df;
    background-position: 88% 50%;
    width: 100%;
    }

    .interests .box a > div {
        display: block;
        float:left;
        text-align: center;    
        font-size: 19px; 
        width: 100%; 
        height: 70px;
        vertical-align:middle}

        .interests .box a > div span {             
            display:block;
            float:left;
            color: #6c7d84
        }

        .interests .box a > div span:first-child {
            margin-bottom: 3%;
            text-transform: uppercase;
            color: #343e42;
            margin-left: 36px;
            font-weight: 500;  
        }

.banners {
    position: relative;
}

.banners iframe {
    display:block;   
}
.banners section img {
    width: 100%;
}

.banners section.mobile, 
.banners section.feel, 
.banners section.clube,
.banners section.you-tube-thumbnail,  
.banners section.newsletter, 
.banners iframe {
    width: 46%;
    max-width: 280px;
    float:right;
    /*min-width: 274px;*/
}

.banners section.clube, .banners iframe, .banners section.you-tube-thumbnail  {
    float:left;
    margin: 0 0 2% 2%;
    /*max-height: 185px;*/
}

.banners section.feel, .banners section.newsletter {
    margin: 0 2% 2% 0;
}

.clear-on-mobile {
    clear: both;
}

.banners section.news {
    background: #41565c;     
    height: 59px;
    margin-top: 32px;
    margin: 0;
    overflow: hidden }

    .news header {
        background: #FFF;
        color: #515b5f;        
        margin-top: 14.5px;        
        float: left;
        width: 19.8%;
        max-width:89px;
    }
    
    .news header a{
        width: 100%;
        height: 28px;
        display: block;
        line-height: 28px;
        text-align: center;
    }

    .news article {
        float: left;
        max-width: 60.8%;   
        height: 48px;
        margin: 0 4%;            
        overflow: hidden;
        font-size: 14px}

        .news article h1 {  
            font-size: 14px; 
            line-height: 59px;        
            text-transform: uppercase;
            color: #FFF;
            margin: 0 0 3px 0 }

            .news article h1 a {
                display: block;
                color: #FFF
            }

        .news article span {
            color: #FFF }

            .news article span a {
                color: #FFF
            }

    .news > span {
        width: 19.4%;
        max-width: 48px;
        height: inherit;
        line-height: 59px;
        background: #ff9308;
        display: block;        
        text-align: center;
        border-left: 1px solid #F4F4F4;
        float:right }

        .news > span a {
            display: block;
            height: 59px;
            width: 48px;
        }

        .news > span a:after {
            content: url('../img/seta-right-branca.png');
        }


.orbit-container .orbit-prev {
    margin-left: 6%;
}

.orbit-container .orbit-next {
    margin-right: 6%;
}

.orbit-container .show-for-small-mobile {
    display: none !important;
}

 .orbit-container .hide-for-small-mobile {
    display: block !important;
 }

.sitemap {
    display: none;
    margin-top: 20px;
    /*background: #e2e9eb;*/
}

.sitemap div.row{
   background: #e2e9eb; 
}

.sitemap .sitemap-button {
    font-family: 'TitilliumText22LMedium';
    background: #e2e9eb;
    font-size: 11px;
    height: 37px;
    line-height: 37px;
    text-indent: 20px;
    border-bottom: 1px solid #F4F4F4;
    cursor: pointer;    
}

.sitemap .sitemap-button:after {
    content: "\00a0\00a0" url('../img/arrow-bottom-grey.png') }

.sitemap header {    
    margin: 0;
    padding: 0;
}
.sitemap header h1 {
    background: #e2e9eb;   
    height: 37px;
    line-height: 37px;
    color: #378dac;
    font-size: 12px;
    display:block;  
    text-transform: uppercase;
    border-bottom: 1px solid #F4F4F4;  
    border-top: 1px solid #F4F4F4;      
    text-indent: 24px;
    margin: 0;
    padding: 0 }

    .sitemap header h1 a {
        font-size: 12px;
        color: #378dac;
        height: 37px;
        line-height: 37px;
        display: block;
    }


.sitemap .column-content {
    padding-left: 26px;
    line-height: 27px;
    background: #e2e9eb;   
    font-size: 12px;   
    float:left }    

    .sitemap .column-content span {        
        float:left;
        width: 100% }

        .sitemap .column-content span a {
            display:block;
            color: #222222
        }

        .sitemap .sitemap-contactos > .column-content {
            padding-left : 0;
        }

    .sitemap .column-content .title {
        text-transform: uppercase;
        font-weight: bold }  

        .sitemap .column-content .title a {
            display: block;
            line-height: 27px;
            color: #222222;
        }

footer.sitemap-opening {
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -ms-transition: 1s ease;
    transition: 1s ease;
    margin-top: 70px;
}        

footer i.bottom-logo u {   
    position: absolute;
    top: -20000px;    
}

footer .logo-bottom {
    right:0;
    width: 237px;
    height: 36px;
    position: relative;
    float: right }

    footer .logo-bottom h1 {
        height: 36px;
    }

    

/*@media only screen and (min-width: 58.75em) */
@media only screen and (min-width: 890px) {    
    
    .show-for-large-only {
        display:block;
    }

    .show-for-small, .hide-for-large, .show-for-small-only {
        display:none !important;
    }
    
    .hide-reservations-field {
        display: block;
    }
    
     form.custom .hidden-field {
        margin-left: -99999px;
        position: absolute;
        visibility: hidden;
    }

    header .top-bar {
        /*max-width: 1024px;*/
        margin: 0 auto;        
    }

    header .row {  
        width: 1024px; 
    }   

    header .large-3 {
        background-image: url('../img/menu-top.png');  
        height: 51px;
    }
    
    .top-menu li.active > a, .top-menu li.active > a:link, .top-menu li.active > a:hover, .top-menu li.active > a:visited {
        color: #fdc800;
    } 

    .top-menu .submenus {
        position: absolute;
        display:none;
        left: -50%;
    }

    .top-menu .submenus li {
        display: block;
        width: 100%;
        float:left;
        clear:both;
        line-height: 27px; 
        /* Fallback for web browsers that doesn't support RGBa */
        background: rgb(0, 0, 0);
        /* RGBa with 0.6 opacity */
        background: rgba(0, 0, 0, 0.6);
        /* For IE 5.5 - 7*/
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
        /* For IE 8*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
        margin: 0 0 2px 0;
    }

    .top-menu .submenus li.hover {
        opacity:0.4;
        filter:alpha(opacity=40); /* For IE8 and earlier */      
    }

    .top-menu .submenus a{
        display:block;
        text-align: center;    
        font-weight: normal; 
        font-size: 12px;   
        background: #000;           
        min-height: 27px;
        line-height: 15px !important;
        padding: 7px 10px !important;    
    }

    .top-slider .social-media {
        position : absolute;       
        width: 33px; 
        height : auto;       
        z-index: 1000;
        right: 12.6%; 
        top: 12% 
    }  
    
    .footer-menu .social-media {
        margin-top: 0;
    }

    .hide-for-small {
        display: block !important;
    }

    .interests {
        /*max-width: 826px;*/
        width: 100%;
    }
    .interests .box{        
        max-width: 247px;
        width: 24.12%;
        margin-left: 1.17%;
        /*margin-left: 1.3%;*/
        height: 159px; 
        border:0;  
        border-bottom:none;             
    }

    .interests .box:nth-child(2) {
        margin-left: 0;
    }

    .interests .box > div {
        border-bottom: 11px solid #C9D1D1 }

        .interests .box > div a {
            border:0;
        }

            .interests .box > div a div span {
                height: auto;
                line-height: inherit;
                margin: 0;
            }

    .interests .box > div:hover, .interests .box.active > div {        
        border-bottom: 11px solid #41565c;
    }
    
    .interests .by-interest > div a div span, .interests .by-brand > div a div span {
        line-height: 23px;
    }

    .interests .box div {
        display: table;        
        /*height: 128px;*/
        height: inherit;
        width: 100%;
    }
    .interests-content {
        padding-bottom: 12.6px;
        margin-bottom: 3%;
        /*margin-bottom: 33px;*/
    }

    .interests .box a {    
    display: table-row;
    float: none;
    background: url('../img/arrow-right-grey.png') no-repeat #e1f0df;
    background-position: 50% 88%;
    }

    .interests .box a > div {
        display: table-cell;
        float: none;
        height: auto;
        text-align: center;    
        font-size: 18px;        
        width: 100%; 
        vertical-align:middle}

        .interests .box a > div span {             
            display:block;
            float:none;
            color: #6c7d84
        }

        .interests .box a > div span:first-child {
            margin-bottom: 3%;
            text-transform: uppercase;
            color: #343e42;
            margin-left: auto;
            font-weight: normal;
        }


    .interests .box div {
        display: table;        
        /*height: 128px;*/
        height: inherit;
        width: 100%;
    }
    .interests-content {
        padding-bottom: 12.6px;
        margin-bottom: 3%;
        /*margin-bottom: 33px;*/
    }
    
    .page-menus {
        /*width: 100%;*/
        width: auto;
    }
    
    .reservations-row {
        position: absolute;   
        width: 100%;
        z-index: 1000;
        bottom: -7px;  
        max-height: 36px
    }
    
    #reservas_form .row, #reservas_form_mobile .row {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
        max-width: 1024px;
    }
    
    #reservas_form, #reservas_form_mobile {
        width: 100%;
        height: 67px;            
        padding: 7px 0 11px 0;
        display: block;
        margin: 0 auto;
        float: none;
        max-width: 1024px;
        
       }

        #reservations, #reservations_mobile{            
            margin: auto;
            margin-left: 2%;
            padding: 0 10px;    
           }
           
           #reservations header, #reservations_mobile header {
               float:left;
               width: 100px;
               margin-top: 5px;
           }          
           #reservations .line > label, #reservations_mobile .line > label {
               clear: both;
               line-height: 16px;
           } 
            #reservations .line input, #reservations_mobile .line input{ 
                float:left;
                width: 60%;
                font-size: 11px;
                height: 20px;
                line-height: 20px;
                margin: 13px 0 0 0;    
                margin: 0;
                clear: left;
                /*text-align: center;*/
            }
            
            #reservations .submit-content, #reservations_mobile .submit-content {
                margin-top: 15px;
                width: 120px;
                float: right;
            }

            #reservations .submit-content > .line,
            #reservations_ .submit-content > .line{
                line-height: 15px;
                margin: 0;            
            }

            #reservations select, #reservations_mobile select {
                max-width: 183px;
            }

            #reservations .dropdown, #reservations_mobile .dropdown {
                font-size: 10px;            
                line-height: 20px;
                height: 20px;
            }

            #reservations .dropdown a, #reservations_mobile .dropdown a  { 
                line-height: 20px;
                height: 20px;
                font-size: 11px;
            }

            #reservations .dropdown.open.large ul, #reservations_mobile .dropdown.open.large ul {
                min-width: 200px;
                font-size: 10px
            }  

                #reservations .custom.dropdown ul li,  #reservations_mobile .custom.dropdown ul li {
                    height: 20px;
                    line-height: 16px;
                    font-size: 11px }

                    #reservations .custom.dropdown ul li.region,  #reservations_mobile .custom.dropdown ul li {
                        font-weight: bold;
                    }
                    
            #reservations  .submit-content #linkCancelarReserva, #reservations_mobile  .submit-content #linkCancelarReserva {
                text-indent: 2px;
                display:block;
                color: #FFF;
                font-size: 10px;
                margin: 2px 0 0 0;
                line-height: 11px;
                text-shadow: 0px 0px 0px #fff;
            }

            #reservations header h1, #reservations_mobile header h1 {
                /*font-family: 'TitilliumText22LMedium';*/
				font-family: Helvetica,Arial,sans-serif;
                letter-spacing:1px;
                font-size: 14px;
                height: 42px;
                line-height: 21px; 
                margin: 0 28px 0 0;
                padding-right:  14px;
                border-right: 1px solid #FFF;
                border-bottom: none;
                background: none;
                text-align: right;
                font-weight: normal;
            }
            
            #reservations .large-2, #reservations_mobile .large-2 {
                width: 15.3%;
            }
            
            #reservations .dropdown, #reservations_mobile .dropdown {
                display: block;
            }

            #reservations .line, #reservations_mobile .line {
                line-height: 24px; 
                float:left;
                /*background: #FFF;*/
                font-size: 11px;
                margin-bottom: 2px }

                #reservations .line .calendar, #reservations_mobile .line .calendar {
                    height: 20px;
                    line-height: 20px;
                    display: block;
                    cursor: pointer;
                    background: #FFF;    
                    }

                    #reservations .line .calendar span, #reservations_mobile .line .calendar span  {   
                        background-image: url("../img/sprite.png");                 
                        background-position: -367px 0;
                        width: 10px;
                        height: 10px; 
                        margin: 5px auto;  
                        display: block 
                    }
                    
                    #reservations .hotel_reserva_wrapper, #reservations_mobile .hotel_reserva_wrapper {
                        float: left;
                        margin-right: 5%;
						margin-left: 6%;
						width:20%;
                    }                   
                                                  
                    
                    #reservations .hotel_reserva_wrapper label, #reservations_mobile .hotel_reserva_wrapper label {
                        line-height: 14px;
                    }  
                    
                #reservations .line label, #reservations .hotel_reserva_wrapper label,
                #reservations_mobile .line label, #reservations_mobile .hotel_reserva_wrapper label{
                    /*font-family: 'TitilliumText22LBold';*/
					font-family: Helvetica,Arial,sans-serif;
                    font-weight: bold;   
                    text-align: left;
                    font-size: 10px;
                    /*color: #898888;*/
                    text-shadow: 0px 0px 0px #fff;
					color: #ffffff;
                    line-height: 16px;
                    margin-bottom: 2px;
                }  

                #reservations label.cod-promotion,
                #reservations_mobile label.cod-promotion{
                    width: 75%;
                }

            #reservations .line button.reserve-button,
            #reservations_mobile .line button.reserve-button{
                /*font-family: 'TitilliumText22LBold'; */
				font-family: Helvetica,Arial,sans-serif;				
                letter-spacing: 1px;                
                min-width: 120px;
                width: auto;
                padding: 0;
                text-align: left;
                line-height: 24px;
                text-indent: 11px;
                display: block;
                height: 24px;                
                color: #FFF;  
                /*text-transform: uppercase;*/                  
                /*background: #ff9308;*/
				background-image: url("/protected/components/booking/img/readon.png");
				border-radius: 4px;
				background-color: #0078AE;
                /*border: 0;*/
				border: medium none;
                font-weight: normal; 
                font-size: 12px;
                margin: 0;
                box-shadow: none;
                -webkit-box-shadow: none;
                -webkit-transition: none;
                transition: none;
				text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
            }
			
			#reservations .line button.reserve-button:hover,
            #reservations_mobile .line button.reserve-button:hover{
			background-image: url("/protected/components/booking/img/readon_hover.png");
            }
			
           /* #reservations .line button.reserve-button:after,
            #reservations_mobile .line button.reserve-button:after{
                content: "\00a0\00a0\00a0\00a0\00a0" url('../img/seta-right-branca.png');
            }*/

            #reservations .line input#cod_promotion,
            #reservations_mobile .line input#cod_promotion{                
                background: none;
                width: 70%;
                height: 20px;
                line-height: 20px;
                font-size: 12px;
                margin: 0;     
                background: #FFF;
                text-indent: 4px;
            }           
            

    .video-large {
        width: 47.6%
    }

    .banners section.mobile, 
    .banners section.feel, 
    .banners section.clube, 
    .banners section.you-tube-thumbnail, 
    .banners section.newsletter, 
    .banners iframe {
        width: 24.4%;
        max-width: 250px;
        float:left;
        /*min-width: 274px;*/
    }

    .banners section.mobile, 
    .banners section.feel, 
    .banners section.clube, 
    .banners section.newsletter,
    .banners section.you-tube-thumbnail  {
        margin: 0 -4px 1.97% 1.2%;
    }

    .clear-on-mobile {
        clear: none;
    }

    .banners-large {
        width:52.4%;
    }

    .banners iframe,.banners section.you-tube-thumbnail  {
        display:block;
        margin: 0 0 0 0;
        width: 50%;
        max-width: 505px;        
        height: 282px;
    }

    .banners section.news {
        background: #41565c;
        max-width: 505px;
        width: 50%;
        height: 59px;
        margin-top: 32px;
        margin: 0;
        overflow: hidden;
        position: absolute;
        bottom:11%; }

        .news header {
            background: #FFF;
            color: #515b5f;
            width: 19.8%;
            max-width:89px;
            height: 28px;
            margin-top: 14.5px;
            line-height: 28px;
            text-align: center;
            float: left;
        }

        .news article {
            float: left;
            width: 59%;
            height: 48px;
            max-width: 274px;
            margin: 0 4%; 
            padding: 9px 0;        
            overflow: hidden;
            font-size: 11px}

            .news article h1 {  
                font-size: 11px; 
                line-height: 11px; 
                text-transform: uppercase;
                color: #FFF;
                margin: 0 0 4px 0 }

                .news article h1 a {
                    font-family: 'TitilliumText22LThin';
                    display: block;
                    color: #FFF;                    
                }

            .news article span {
                color: #FFF }

                .news article span a {
                    color: #FFF
                }

        .news > span {
            width: 19.4%;
            max-width: 48px;
            height: inherit;
            line-height: 59px;
            background: #ff9308;
            display: block;        
            text-align: center;
            border-left: 1px solid #F4F4F4;
            float:right }

            .news > span a {
                display: block;
                height: 59px;
                width: 48px;
            }

            .news > span a:after {
                content: url('../img/seta-right-branca.png');
            }

    .banners-large section {margin-bottom: 27px}

    .sitemap {
        margin-bottom: -87px;
    }

    .sitemap .sitemap-promotions {
        width: 14%;
        max-width: 124px;
        border-right: 2px solid #F4F4F4;    
    }

    .sitemap .sitemap-clube {
        width: 14%;
        max-width: 96px;
        border-right: 2px solid #F4F4F4;    
    }

    .sitemap .sitemap-contactos {
        width: 14%;
        max-width: 110px }        

    .sitemap .sitemap-hoteis {
        width: 67.7%;
        /*max-width: 680px;*/
        border-right: 2px solid #F4F4F4
    }
    
    .sitemap header {
        position: static;
    }

    .sitemap .column-content {
         min-height: 340px
     }    

    .sitemap header h1, .sitemap header h1 a {
        border-top: none;
    }

    .sitemap-contactos header h1, .sitemap-contactos header h1 a {
        text-align: center;
        text-indent: 0;
    }

    footer {
        /*margin-top: -8px;*/
        margin-top: 78px;       
        position: relative;
        margin-bottom: 30px;
        background: url('../img/menu-footer.png') repeat-x}
    

    footer .footer-menu {
            height: 44px;  
            width: 100%;
			display:none;
        }

        footer .footer-menu .row {            
            height: 36px;
            padding-top: 8px;
        }      
        

        footer .footer-menu #sitemap-open, footer .footer-menu #sitemap-open a {
            padding: 0 30px 0 16px;
            background: #283e46;
            float:left;
            height: 36px;
            line-height: 36px;
            color: #8da7b0;
            font-size: 11px;
        }

        footer .footer-menu #sitemap-open {
            /*margin-top: 8px;*/
            padding: 0;  
            /*display:none;*/          
        }

        footer .footer-menu #sitemap-open a {
            background: url('../img/sitemap-up-arrow.png') no-repeat;
            background-position: 92% 49%; 
        }    
        
        

    footer i.bottom-logo {
        background-position: -510px 0; 
        width: 237px; 
        height: 144px;  
        position: absolute;    
        top:-108px;  
        right: 32px;
        z-index: 20000
     }

    footer .logo-bottom{
        /*margin-top: 22px;*/
    }

    footer .bottom-menu {
        float: right;
        margin: 0 130px 0 0 }

        footer .bottom-menu ul {
            margin: 0 !important;
        }

        footer .bottom-menu ul li{
            display: inline-block;
            float: left;
            color: #FFF;
            height: 10px;
            line-height: 10px;
            padding: 0 16px;
            margin: 13px 0;
            font-size: 11px;
            border-right: solid 1px #FFF }

            footer .bottom-menu ul li a {
                color: #FFF;
            }

            footer .bottom-menu ul li:last-child {
                border-right: none
            }

    footer .footer-details {
        margin: 10px 0 0 0 }        

        footer .footer-details .developed-by {
            font-size: 11px;
            line-height: 12px;
            margin-left: 20px;
            float: left
        }        


}



  

footer .footer-details .details-menu {
            height: 10px;
            margin-left: 20px }

            footer .footer-details .details-menu ul {
                padding:0;
                margin:0;
                line-height: 11px;
                font-size: 11px;
            }

            footer .footer-details .details-menu ul li {
                display: inline-block;
                font-size: 11px;
                height: 11px;
                line-height: 11px;
                padding: 0 20px;
                margin:0;
                border-right: solid 1px #222 }

                footer .footer-details .details-menu ul li a {
                    color: #222;
                }

                footer .footer-details .details-menu ul li:last-child {
                    border-right: none
                }

                footer .footer-details {
                    margin: 10px 0 0 0 }        

                    footer .footer-details .developed-by {
                        font-size: 11px;
                        line-height: 12px;
                        margin-left: 20px;
                        float: left
                    }
                    
                    
                    
/* Page Submenus */

.page-menus {
    float:left;
    display: table;
    width: 100%;
    /*min-height: 93px*/}

    .page-menus ul {
        float: left;
        width: 100%;              
        display: table-row;    
        background: #dbe5ec}
		
			
		.page-menus ul #yw0{
			background-color:black;
			width:100%;
		}

        .page-menus ul li {    
            /*display: inline-block;*/  
            display: table-column;          
            position: relative;            
            margin: 0;
            padding: 0;
            float:left;                
        }
        
        .page-menus ul li.small-12 {
            width: auto;
        }    
        
            .page-menus ul li.active {
                background: #b0e8ff
            }  
            
            .page-menus ul li:first-child {
                border-left: 1px #FFFFFF solid;
            }

            .page-menus > ul li a, .page-menus > ul li.active span{  
                display: table-cell;
                vertical-align: middle;  
                border-right: 1px #FFFFFF solid;                
                height: 79px;
                line-height: 20px;  
                /*max-width: 122px;
                min-width: 70px;*/ 
                text-align: center;  
                padding: 0 22px;
                font-size: 18px; 
                margin: 0;
                /*-ms-word-break: break-all;
                word-break: break-all;  
                word-break: break-word;
                -webkit-hyphens: auto;
                -moz-hyphens: auto;
                hyphens: auto;*/
                }
            
            .page-menus ul li.active span, .page-menus ul li.active a, .page-menus ul li a:hover {
                background: url('../img/page-menu-arrow.png') no-repeat center 62px }
            
             
            

.page-menus ul li > ul.submenus {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
    left: 0px;
    z-index: 10;
}

.page-menus ul li > ul.submenus li {
    display: block;
    width: 100%;
    float:left
}

.page-menus ul li > ul.submenus li:first-child {
    border-top: 1px solid #FFF;
}

.page-menus ul li > ul.submenus li a{
    height: auto;    
    line-height: 14px;
    margin: 0;
    padding: 5px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    border-right: none;
    border-bottom: 1px #FFFFFF solid;
    display: block;
}

.grey-bar {
    height: 79px;
    /*background: #dbe5ec;*/
    width: 725px;
	left: 155px;
    position: absolute;
    z-index: 0;    
}

.page-content-header{
    float: left;
     /*background-color: #FFFFFF;*/
   /* min-height: 79px; */
}

.page-title {
    float:left;
    clear: left;
}

.page-title > h1 {
    /*font-family: 'TitilliumText22LThin';*/
	font-family: Helvetica,Arial,sans-serif;
    float:left;
    color: #6f6e69;
    font-size: 24px;
    line-height: 45px;
    font-weight: normal;
    padding-left: 21px;
    /*width: 793px*/
    width: 100%;
   /* max-width: 793px;*/
   margin-top: 40px;
}


/*Outros*/
.grey-box {
    padding: 10px 35px 20px 35px;
    background: #e8e8e8;
    font-size: 13px;   
    float:left;
    width: 100%;
    line-height: 137%;
}


    .grey-box:first-child {
        padding-top: 30px;
        background: #e8e8e8;
        font-size: 13px;    
    }
    
    .grey-box > form {
        display: block;
        float:left;
        clear: both;
    }    
    
    .grey-box span {
        /*font-weight: bold;*/
        /*display: block;*/
        margin-bottom: 10px;
        font-size: 13px;
    }
    
    .grey-box ul li {
        list-style-type: none;
    }
    
    .grey-box ul li:before {
        content: "\25AA ";
        color: #178BD4
    }
    
    section.contacts.grey-box, section.contacts.grey-box span {
        font-size: 11px;
    }

    .grey-box h1 {
        font-family: 'TitilliumText22LLight';   
        margin: 0 0 20px 0;
        color: #000;
        font-size: 29px;
    }
    
    .grey-box a, .grey-box a:link, .grey-box a:visited, .grey-box a:hover{
        color: #4B8099;        
    }
    
    .grey-box > ul, .grey-box > div > ul{
        list-style: none;
        padding:0;
        margin:0;
    }
    
    .grey-box > ul li:before, .grey-box > div > ul li:before {
        content: "\25AA  ";
        color: #178bd4; /* or whatever color you prefer */
    }  
    
    .grey-box > ul.services li{
        border-bottom: 1px solid #ccc;
        padding: 7px 0 ;
        margin-right: 1%;
        display: inline-block;
        float:left !important;
    } 
    
    .grey-box > ul.services li.columns{
        float:left !important;
    }
    
    .grey-box > ul.services li.large-6 {
        width: 49%
    }
    
    .grey-box > ul.services li.large-4{
        width: 32%;
    }
    
.comments {
    padding-top: 30px;
}    

.content-grey-box h1 {
    font-family: 'TitilliumText22LRegular';
    font-size: 31px;
    font-weight: normal;
    color: #000;
}

.gallery-icons {    
    height: 94px;    
    position: absolute;
    bottom: 58px; 
    width: 100%; 
    z-index: 999 }

    .gallery-icons-wrapper {
        width: 312px;
        margin: 0 auto;
    }   

    a.gallery-icon, a.video-icon, a.panoramic-icon{
        background: url('../img/sprite-gallery.png');
        width: 94px;
        margin: 0 5px;
        height: 94px;
        float:left;
    }
    
    a.gallery-icon {
        background-position: 0 234px;
    }

    a.video-icon {
        background-position: 0 92px;
    }
    
    input[type=submit] {
        border: none;
        background: #FF9308;
        color: #FFF;
        float: right;
        margin: 9px 0 9px 0;
        /*width: 56px;*/
        height: 29px;
        display: block;
        font-size: 13px;
    }
    
    form.custom .custom.dropdown.small-12,  form.custom .custom.dropdown.large-4{
        position: relative;        
    }
    
    form.custom .custom.dropdown.large-4 {width: 33.33333%}
    form.custom .custom.dropdown.small-12 {width: 100%}      
    
    form#pedido .calendar {
        background-image: url("../img/sprite.png");
        background-position: -367px 0;
        width: 10px;
        height: 10px;
        margin: 7px auto;
        display: block;
        margin-left: 10px;
    }
    
    .club-button-side {
        display: block;
        margin-top: 9px;
    }
    
    li.service-list-item {
        height: 100%;
    }
    

    
/* START loading css */
.windows8 {
    position: relative;
    width: 20px;
    height:20px;
}

.windows8 .wBall {
    position: absolute;
    width: 19px;
    height: 19px;
    opacity: 0;
    -moz-transform: rotate(225deg);
    -moz-animation: orbit 4.95s infinite;
    -webkit-transform: rotate(225deg);
    -webkit-animation: orbit 4.95s infinite;
    -o-transform: rotate(225deg);
    -o-animation: orbit 4.95s infinite;
    -ms-transform: rotate(225deg);
    -ms-animation: orbit 4.95s infinite;
    transform: rotate(225deg);
    animation: orbit 4.95s infinite;
}

.windows8 .wBall .wInnerBall{
    position: absolute;
    width: 3px;
    height: 3px;
    background: #000000;
    left:0px;
    top:0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.windows8 #wBall_1 {
    -moz-animation-delay: 1.08s;
    -webkit-animation-delay: 1.08s;
    -o-animation-delay: 1.08s;
    -ms-animation-delay: 1.08s;
    animation-delay: 1.08s;
}

.windows8 #wBall_2 {
    -moz-animation-delay: 0.22s;
    -webkit-animation-delay: 0.22s;
    -o-animation-delay: 0.22s;
    -ms-animation-delay: 0.22s;
    animation-delay: 0.22s;
}

.windows8 #wBall_3 {
    -moz-animation-delay: 0.43s;
    -webkit-animation-delay: 0.43s;
    -o-animation-delay: 0.43s;
    -ms-animation-delay: 0.43s;
    animation-delay: 0.43s;
}

.windows8 #wBall_4 {
    -moz-animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    -o-animation-delay: 0.65s;
    -ms-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

.windows8 #wBall_5 {
    -moz-animation-delay: 0.86s;
    -webkit-animation-delay: 0.86s;
    -o-animation-delay: 0.86s;
    -ms-animation-delay: 0.86s;
    animation-delay: 0.86s;
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin:0%;
    }

    30% {
        opacity: 1;
        -moz-transform:rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin:7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin:30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:70%;
    }

    76% {
        opacity: 0;
        -moz-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:0%;
    }

    30% {
        opacity: 1;
        -webkit-transform:rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin:7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:70%;
    }

    76% {
        opacity: 0;
        -webkit-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin:0%;
    }

    30% {
        opacity: 1;
        -o-transform:rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin:7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin:30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin:39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin:70%;
    }

    76% {
        opacity: 0;
        -o-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin:0%;
    }

    30% {
        opacity: 1;
        -ms-transform:rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin:7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin:30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:70%;
    }

    76% {
        opacity: 0;
        -ms-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin:0%;
    }

    30% {
        opacity: 1;
        transform:rotate(410deg);
        animation-timing-function: ease-in-out;
        origin:7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin:30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin:39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin:70%;
    }

    76% {
        opacity: 0;
        transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}
/* END loading css */

/* Form */
/*Input html5 */
input[type=date]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    display: none;
}

textarea.observation {
    height: 150px;
}

form .message {
    color: #ff9308;
    margin-bottom: 10px;
} 


/* Css3 Animation */
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}​

/* You Tube Video */

.video-wrapper {
	width: 600px;
	max-width: 100%;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.loader-container {
    position: absolute;
    top: 45%;
    right: 162px;
    display:none;
}

.loader-medium .wBall .wInnerBall{
    background: #FFF;
}

.loader-medium {
    width: 30px;
    height: 30px;
}

.loader-medium .wBall {
    width: 30px;
    height: 30px;
}

.loader-medium .wBall .wInnerBall {
    width: 5px;
    height: 5px;
}

.reveal-modal iframe form#form1 .input_activa {
    background: red;
}

@media only screen and (min-width: 1300px) { 
    .orbit-container {
        max-width: 1024px;
        max-height: 388px;
        margin: auto;
    }
    
    .top-slider .best-price {
        right: 17.6%;
    }
}

#tipo_sala {
    margin-top: 15px;
}

/* RESERVAS - DETALHE DA RESERVA 
 * 
 * CHECKBOX
 * 
 */
 input#env_prom {
    text-align: left;
    margin-right: 5px;
    vertical-align: top;
 }

 input#env_sms {
    text-align: left;
    margin-right: 5px;
    vertical-align: top;
 }