@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);.mceContentBody {padding-left:5px;padding-right:5px;margin: 10px;border:1px solid #d9d9d9;border-bottom:0px;background-color: #b2b2b2;} .mceContentBody ul li, .mceContentBody ol li, ul li, ol li {padding: 3px 0;}body, table, td{font-family: 'Open Sans', sans-serif;font-weight: 400;margin: 0;padding: 0;color: #ffffff;}a, a:visited {color: #1f6bb7;color: #cecece;text-decoration: underline;}a:hover{color: red;}h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif;font-weight: 600;text-transform: uppercase;}h1{font-size: 1.6em; line-height: 1.5;}h2{font-size: 1.4em; line-height: 1.2;} h3{font-size: 1.2em; line-height: 1;}h4{font-size: 1em;}h5{font-size: 0.8em;}h6{font-size: 0.6em;}p{font-size: 1em;}hr {display: block; height: 1px;border: 0; border-top: 1px solid #ccc;margin: 1em 0; padding: 0; clear: both;}form label {display: inline-block; width: 150px; }form div {padding: 6px 0;}form{text-align: left;}input,textarea,select{border: 1px solid #dddddd;color: #5f5f5f;-webkit-border-radius: 3px;-moz-border: 3px;border-radius: 3px;width: 100%;}input[type=text]{ height: 22px; }textarea{display: block; height: 77px; }input[type=submit]{ background-color: #5db214;}input[type=button]{border: 1px solid #dfe4ee;background-color: #f2f4f9;color: #6594b6;}input[type=submit],input[type=button],.InputSubmit{cursor: pointer; cursor: hand; color: white;font-size: 0.8em;font-weight: 600;text-transform: uppercase;padding: 10px 16px;margin-top: 15px;width: auto;}form{padding:0px; margin:0px;}/* CLASSES PARA O EDITOR DE TEXTO */span.Link-Botao-Simples, span.Link-Botao-Cor{display: inline-block;padding: 8px 15px;font-size: 0.8em;font-weight: 600;border-radius: 5px;margin: 10px 0;text-transform: uppercase;text-decoration: none;}span.Link-Botao-Simples{color: #494949;border: 1px solid #c2c2c2;background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd)); background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd); background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);}span.Link-Botao-Cor{ color: #FFFFFF; background-color: #56ae0c;}span.Link-Botao-Cor a:hover{color: white;}span.Link-Botao-Simples:hover{background: #5db216; color: white;}span.Link-Botao-Simples a{color: #494949;text-decoration: none;} span.Link-Botao-Simples a:hover{ color: #FFFFFF; text-decoration: none; }span.BreakMobile{/*formatação apenas responsive*/}/*COLUNAS RESPONSIVE*/.Columns { width: 100%; border-collapse: collapse; border-spacing: 0;} .Columns img {width: 100%; display: block;} .Columns table {height: 100% !important; float: left; margin: 0; padding: 0; border: 5px solid transparent;} .Columns table td{ padding: 15px; width: 100%;} .TwoColumnsLine table td,.ThreeColumnsLine table td,.FourColumnsLine table td {/*background-color: rgba(255,255,255,0.2); */}/* Override Trip Advisor Module widths to make module responsive */#CDSWIDSSP {width: 100% !important;}#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd {width: 100% !important;}#TripAdvisorWidgets {margin: 0; padding: 0; display: block; margin: 0 auto;} .TA_certificateOfExcellence, .TA_cdsratingsonlynarrow {width: 172px;margin: 0 auto; } .TA_certificateOfExcellence div, .TA_cdsratingsonlynarrow div { margin: 0 auto; } .TA_certificateOfExcellence div:first-child, .TA_cdsratingsonlynarrow div:first-child { margin: 0 auto; }@media all and (min-width: 1224px) {body, table, td{ font-size: 13px; } .TwoColumnsLine table {width: 50%; } .ThreeColumnsLine table {width: 33%; } .FourColumnsLine table {width: 25%; }}@media all and (min-width: 1024px) and (max-width: 1223px) {body, table, td{ font-size: 14px; } .TwoColumnsLine table {width: 50%; } .ThreeColumnsLine table {width: 33%; } .FourColumnsLine table {width: 25%; }} @media all and (max-width: 1023px) and (min-width: 768px) {body, table, td{ font-size: 14px; } .TwoColumnsLine table {width: 50%; } .ThreeColumnsLine table {width: 33%; } .FourColumnsLine table:nth-child(3) { clear: both; } .FourColumnsLine table { width: 50%; }} @media all and (max-width: 767px) and (min-width: 480px) {body, table, td{ font-size: 14px; } .TwoColumnsLine table {width: 100%;} .ThreeColumnsLine table:nth-child(3) { clear: both; float: none; } .ThreeColumnsLine table {width: 50%; margin: 0 auto;} .FourColumnsLine table:nth-child(3) { clear: both; } .FourColumnsLine table { width: 50%; }}@media all and (max-width: 479px) and (min-width: 0px) {body, table, td{ font-size: 14px; } .Columns table{float: none; clear: both; width: 100%;}span.BreakMobile{display: block;}}html, body{ margin: 0; padding: 0; height: 100%;}#top-header-background{background-color: rgba(0,0,0,0.1); }#top-header { font-size: 0.8em; text-align: right; padding: 8px 0; margin: 0 auto; text-align: center;}#top-header div.linkheader {display: inline; margin-left:8px;}#top-header div.linkheader:first-child {margin: 0px;}#top-header div.linkheader img{margin-right: 4px;}#top-header div.linkheader img.icon{position: relative; top: 5px;}#top-header span.fa {margin-right: 2px;}#top-header, #top-header div a{ text-decoration: none; color: #e6e6e6;} .dropdown{text-align: left; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1em; display: inline-block; margin-left: 10px;} .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; } .dropdown dd { position:relative; } .dropdown a, .dropdown a:visited { color:gray; text-decoration:none; outline:none; } .dropdown a:hover { color:black;} .dropdown dt a:hover { color:#5d4617; border: 1px solid #d0c9af;} .dropdown dt a {background:#e6e6e6 url(../../images/dropdown_arrow.png) no-repeat scroll right center; display:block;border:1px solid #d4ca9a; width: 110px;} .dropdown dt a span {cursor:pointer; display:block;} .dropdown dd ul { background:#e4dfcb none repeat scroll 0 0; border:1px solid #d4ca9a; color:gray; display:none; left:0px; padding: 0px; position:absolute; top:2px; width:auto; min-width: 110px; list-style:none;} .dropdown span.value { display:none;} .dropdown ul li {padding: 0;} .dropdown dd ul li a { display:block; } .dropdown dd ul li a:hover { background-color:#d0c9af;} .dropdown dt, .dropdown dt{width: 110px;} .dropdown img.flag { border:none; vertical-align:middle; margin-left: 2px; }#template-background{min-height: 100%;height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */height: 100%;margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */}#template{width: 100%;margin: 0 auto;}#header:after {content:'';display:block;clear: both;}#content-background{background-color: rgba(0,0,0,0.3);}#content{padding: 20px 10px;padding-bottom: 80px;}#content img{max-width: 100%;}#content li{padding: 5px 0;}#header, #content{margin: 0 auto;}#footer-line{}#footer{padding: 10px 0;text-align: center;padding-bottom: 30px;background-color: rgba(0,0,0,0.6);color: #aeaeae;} .footer, .push {height: 100px; /* .push must be the same height as .footer */}#footer #footer-links div{display: inline-block;margin: 0 20px;}#footer #footer-links div span{display: block;margin-top: 10px;text-align: center;}#footer, #footer a{color: #959595;font-size: 12px;text-decoration: none;}#footer img{display: block;margin: 0 auto;margin-bottom: 2px;}#FormContactos, #FormReservas { max-width: 500px;} .google-maps {position: relative;padding-bottom: 75%; // This is the aspect ratioheight: 0;max-height: 400px;overflow: hidden;} .google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;max-height: 400px;overflow: hidden;}@media all and (min-width: 1224px) {#logo{float: left;}#logo img{ height: 135px; }#mastermenu{ float: right; padding-top: 25px;}#top-header, #header, #content{width: 960px;}}@media all and (min-width: 1024px) and (max-width: 1223px) {#logo{float: left;}#mastermenu, #logo img{ height: 135px;}#mastermenu{ float: right; padding-top: 25px;}#top-header, #header, #content{width: 960px;}} @media all and (max-width: 1023px) and (min-width: 768px) {#logo{ text-align: center; }#logo img{height: 135px; }#mastermenu{ text-align: center; }} @media all and (max-width: 767px) and (min-width: 0px) {#Banner_Topo {display: none;}#top-header div.linkheader{display: none;}#top-header .dropdown{display: block; margin: 0 auto; width: 110px;}#logo{ text-align: center; margin-bottom: 20px;}#logo img{ height: 135px; }#footer #footer-links div{ display: block; margin:0; margin: 25px 0px;}} .menu-collapser {position: relative;background-color: #5f0204;color: #FFF;text-shadow: 0 1px 0 rgba(0,0,0,0.5);width: 100%;height: 48px;line-height: 48px;font-size: 1.2em;text-transform: uppercase;padding: 0 8px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-boxtext-align: left;} .collapse-button {position: absolute;right: 8px;top: 50%;width: 40px;background-color: #0E0E0E;background-image: linear-gradient(to bottom, #151515, #040404);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-radius: 4px 4px 4px 4px;border-style: solid;border-width: 1px;color: #FFFFFF;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);padding: 7px 10px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);cursor: pointer;font-size: 14px;text-align: center;transform: translate(0, -50%);-o-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box} .collapse-button:hover, .collapse-button:focus {background-image: none;background-color: #040404;color: #FFF;} .collapse-button .icon-bar {background-color: #F5F5F5;border-radius: 1px 1px 1px 1px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);display: block;height: 2px;width: 18px;margin: 2px 0;}ul.slimmenu {list-style-type: none;margin: 0;padding: 0;width: 100%;text-align: left; font-weight: 400;}ul.slimmenu ul{margin: 0;padding: 0;}ul.slimmenu li {position: relative;display: inline-block;background-color: rgba(0,0,0,0.3);padding: 0;}/*ul.slimmenu > li { margin-right: -5px; border-left: 1px solid #999 }*/ul.slimmenu > li:first-child { border-left: 0 }ul.slimmenu > li:last-child { margin-right: 0 }ul.slimmenu li a {display: block;color: #5f0204;text-decoration: none;text-shadow: 0 1px 0 rgba(255,255,255,0.2);transition: background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;-moz-transition: background-color 0.5s ease-out;-webkit-transition: background-color 0.5s ease-out;}ul.slimmenu > li > a { color: #ffffff; }/*ul.slimmenu > li:last-child, */ul.slimmenu a.active { background-color: rgba(93,1,3,0.6); color: #FFFFFF;}ul.slimmenu li a:hover {background-color: #e8e3e0;text-decoration: none;}ul.slimmenu li:hover > a {background-color: #f3f1f2; color: #5f0204;border-bottom: 2px solid #5f0204;;}ul.slimmenu li .sub-collapser {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);position: absolute;right: 0;top: 0;width: 48px;height: 100%;text-align: center;z-index: 999;cursor: pointer;}ul.slimmenu li .sub-collapser:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}ul.slimmenu li .sub-collapser > i {color: #333;font-size: 14px;display: inline-block;vertical-align: middle;}ul.slimmenu li ul {margin: 0;list-style-type: none;}ul.slimmenu li ul li { background-color: #d0d0d0; width: 100%;}ul.slimmenu li > ul {display: none;position: absolute;left: 0;top: 100%;z-index: 999;}ul.slimmenu li > ul > li ul {display: none;position: absolute;left: 100%;top: 0;z-index: 999;width: 100%;}ul.slimmenu.collapsed li {display: block;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}ul.slimmenu.collapsed li a {display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.075);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}ul.slimmenu.collapsed li .sub-collapser {height: 40px;}ul.slimmenu.collapsed li > ul {display: none;position: static;}@media all and (min-width: 1224px) {.sub-collapser{display: none;}ul.slimmenu li a {font-size: 0.9em; padding: 12px 15px 12px 15px;}ul.slimmenu ul li a {font-size: 0.85em}ul.slimmenu ul {width: 200px;}ul.slimmenu li{margin: 0 2px;}}@media all and (min-width: 1024px) and (max-width: 1223px) {.sub-collapser{display: none;}ul.slimmenu li a {font-size: 0.9em; padding: 8px 8px 8px 8px;}ul.slimmenu ul li a {font-size: 0.8em}ul.slimmenu ul {width: 200px;}ul.slimmenu li{margin: 0 2px;}} @media all and (max-width: 1023px) and (min-width: 768px) {.sub-collapser{display: none;}ul.slimmenu li a {font-size: 0.9em; padding: 12px 15px 12px 15px;}ul.slimmenu ul li a {font-size: 0.8em}#navigation{text-align: center;}ul.slimmenu ul {width: 200px;}ul.slimmenu li{margin: 0 2px;}ul.slimmenu li{text-align: left;} .menu-collapser {text-align: left;}} @media all and (max-width: 767px) and (min-width: 0px) {ul.slimmenu li a {font-size: 0.9em; padding: 12px 64px 12px 16px;}ul.slimmenu ul li a {font-size: 0.8em}#navigation{text-align: center;}ul.slimmenu li{text-align: left; background-color: #757575; width: 100%;}ul.slimmenu ul {width: 100%;} .menu-collapser {text-align: left;}}// CSS banners