/* #Reset ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} /* Basic Styles ================================================== */ body {background: #FFF url('../img/bgtop.gif') repeat-x; font: 13px/1.5 'FuturaITC', 'FuturaICG', 'Futura', Helvetica, Arial, sans-serif; color: #525252; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;} body#home {background:#FFF;} /* Typography ================================================== */ h1, h2, h3, h4, h5, h6 {color: #181818; font-weight: bold;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;} h1 {font-size: 16px; line-height: 16px; margin-bottom: 14px;} h2 {font-size: 14px; line-height: 14px; margin-bottom: 10px;} h3 {font-size: 13px; line-height: 13px; margin-bottom: 8px;} h4 {font-size: 12px; line-height: 13px; margin-bottom: 8px;} h5 {font-size: 11px; line-height: 13px; margin-bottom: 8px; } h6 {font-size: 10px; line-height: 10px;} .subheader {color: #777;} .double { font-weight:bold; margin-bottom:15px;} .double span {padding:6px 0 4px 30px; background:url('../img/lupa.png') no-repeat;} p {margin: 0 0 20px 0;} figure {margin:0 0 15px 0;} p img {margin: 0;} p.lead {font-size: 21px; line-height: 27px; color: #777; } em {font-style: italic;} strong {font-weight: bold; color: #555;} small {font-size: 80%;} /*Blockquotes */ blockquote, blockquote p {font:italic 17px Georgia, serif; line-height: 24px; color: #777; font-style: italic;} blockquote {margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd;} blockquote cite {display: block; font-size: 12px; color: #555;} blockquote cite:before {content: "\2014 \0020";} blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {color: #555;} .drop-in {margin-top:40px;} .drop-in blockquote {text-align: center; padding:20px 0 20px 0; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; border-left:0;} hr {border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0;} /* Links ================================================== */ a, a:visited {color: #79C592; text-decoration: none; outline: 0;} a {-o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} a:hover, a:focus {color: #555;} p a, p a:visited {line-height: inherit;} /* Lists ================================================== */ ul, ol {margin-bottom: 20px;} ul {list-style: none outside;} ol {list-style: decimal;} ol, ul.square, ul.circle, ul.disc {margin-left: 30px;} ul.square {list-style: square outside;} ul.circle {list-style: circle outside;} ul.disc {list-style: disc outside;} ul ul, ul ol, ol ol, ol ul {margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li {margin-bottom: 6px;} li {line-height: 18px; margin-bottom: 12px;} ul.large li {line-height: 21px;} li p {line-height: 21px;} /* Images ================================================== */ img.scale-with-grid {max-width: 100%; height: auto;} /* Form Elements ================================================== */ /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} form p {margin-bottom:0; position:relative;} form p input[type=submit] {position:absolute; top:25px;} label {display:block; font-weight:bold; font-size:11px; margin-bottom:5px; color:#525252;} label.error {font-size:11px; font-weight:normal; color:#79C592; position:absolute; top:57px;} input[type=text], textarea {font:inherit; font-size:11px; height:15px; color:#525252; background: #fff; border:solid 1px #dcdcdc; padding:8px 7px 5px; width:90%; border-radius:3px; } textarea {height:200px;} input[type=text]:focus, textarea:focus {border:solid 1px #79C592; box-shadow:0 0 3px rgba(0,0,0,0.1);} input[type=submit] {font:inherit; font-size:11px; font-weight:bold; height:30px; vertical-align: top; background: #79C592; color:#fff; border:none; padding:7px; width:90%; border-radius:3px; cursor:pointer; line-height:20px;} input[type=submit]:hover,a.link-button:hover {background: #6CAA80;} a.link-button {font-size:10px; font-weight:bold; vertical-align: top; background: #79C592; color:#fff !important; border:none; padding:5px 15px; border-radius:3px;} /* Blocks */ .block h1 {color:#7D7D7D; font-size:17px; font-weight:normal; line-height:22px;} .block figure {} .block a {color:#7D7D7D;} .block p {margin-bottom:0;} .block figure {position:relative;} .block figure img {display:block;} .block figure span img {width:300px;} .block a:hover h1 {color:#79C592;} .block a:hover figure {} .one-third.with-action, .five.with-action {height:377px;} .eight.with-action {height:380px;} .eight.with-action .col-action {width:96%;} .eleven.with-action {height:380px;} .eleven.with-action .col-action {width:97%;} article, .mapa {padding-top: 30px;background:url('../img/Barras.png') repeat-x;} article h1 {margin-left:20px; color:#525252!important;} article .text {height:160px; padding: 20px; background:#f6f6f6; border:1px solid #EEE;} .activities article .text {height:207px!important;} .activities .one-third.with-action, .five.with-action {height:428px;} article figure {margin:0; background:url('../img/lupa_branca.png');} article figure span {display:none; position: absolute; top: 0; left: 0;} .col-action {width:93%; padding:8px 10px 5px 0; font-size:11px; position:absolute; bottom:0; font-weight: bold; color:#7d7d7d;} .col-action span {color:#79C592;} .col-action a {position:absolute; right:0; top:0;} .ribbon {position:absolute; top:-3px; right:-3px; z-index:100;} .overlay {display:none; background: #000 url(../img/zoom.png) no-repeat center; background: rgba(0,0,0,0.5) url(../img/zoom.png) no-repeat center; width:50px; height:30px; position:absolute; top:45px; left:15px; z-index:99; text-indent: -999em; cursor:pointer; border-radius:3px;} .overlay2 {display:none; background: #000 url(../img/zoom.png) no-repeat center; background: rgba(0,0,0,0.5) url(../img/zoom.png) no-repeat center; width:50px; height:30px; position:absolute; top:15px; left:15px; z-index:99; text-indent: -999em; cursor:pointer; border-radius:3px;} .fb {display:block;} .de .rooms article .text{height: 290px} .de .rooms .text .col-action {position: relative} .de .rooms .one-third.with-action, .de .rooms .five.with-action {height: 497px;} /* Content Styles */ .relative {position:relative;} .alignleft {float:left; margin:5px 25px 15px 0;} .alignright {float:right; margin:5px 0 15px 25px;} .excerpt {font-size:14px; font-weight:bold; line-height: 22px; color: #525252;} .alert {padding:15px; background: #F6F6F6;} .note {background: #f4f6ad;} .success {background: #a3e8ad;} .success-alt {background: #a3d4e8;} .content h1 {font-weight:bold;} .content img {} .content figure img {padding:0; border:0; box-shadow: 0;} .content li {margin-bottom:6px;} .content ul {list-style: disc inside;} .content ol, .content ul {margin-bottom:20px !important;} .content *:last-child {margin-bottom:0;} .content .news-lst {list-style: none;} .content .news-lst li {margin-bottom:10px; padding-bottom:20px;} .content .news-lst li:last-child {margin-bottom:0;} .content form p {margin-bottom:15px;} .content form input[type=text] {width:50%;} .content form input[type=submit] {position:static; width:150px;} table {width:100%; border-right:solid 1px #dcdcdc; border-top:solid 1px #dcdcdc; margin-bottom:20px;} table th, table td {padding:5px; border-left:solid 1px #dcdcdc;} table th {font-weight:bold; text-align: left; border-bottom:solid 1px #dcdcdc; background: #f1f1f1;} table td {border-bottom:solid 1px #dcdcdc;} table tr:nth-child(2n+1) td {background: #f5f5f5;} .cc_main_text {margin: 40px 0;} .slider-checkbox input:checked + .label:before, .slider-checkbox .label:before {content: '';} /* Global Styles ================================================== */ #header-wrap {position:absolute; z-index:2; width:100%; background:#FFF;} #header {background: #fff; border-bottom: 5px solid #79C592;} #home #header {border:none;} #main {margin-top:20px; margin-bottom:20px; } #page-header {height:230px; text-indent: -9999px; background:#FFF;} #sidebar .widget:last-child {margin-bottom:0;} #sidebar {padding: 30px 15px 25px; width: 248px; background: #f6f6f6; border: 1px solid #EEE;} /* Logo */ #header h1 {width:940px; height:187px; margin:0 auto; background:url('../img/logo.gif') no-repeat center; position: absolute; top: 43px; overflow: hidden;} #header h1 img {display:none;} #home #header h1 {display:none; position:absolute; top:42px; width: auto; overflow: visible; background:none;} #home #header h1 img {display:block; width:770px;} /* Main navigation */ #navigation > select {display: none;} .nav {margin-bottom:0; margin-left:5px;} .nav li {float:left; line-height: 1; margin-bottom:0;} .nav li a {display:block; color:#606060; font-size:13px; padding:15px 14px;} .nav li a:hover {color:#79C592;} .nav > li {position: relative;} .nav ul {position: absolute; list-style: none; margin: 0; padding: 0; z-index: 1000; top: -999em; } .nav li li {display: block;} .nav li li a {padding: 8px 15px; background-color: #f6f8f7; background-color: #FFF; margin-bottom: 1px; display: block; white-space: nowrap; min-width: 180px;} .nav li li a:hover {border: none; background: #79C592; color:#fff;} .nav > li:hover > ul {top: 35px;} .sf-with-ul {padding-right: 15px;} .alt-nav {width:100%; margin:10px 0;} /* Weather / Languages */ #weather-lang {width: 155px; font-size:11px; line-height: 1; float:right;} #yw {display:none; text-align: right; padding:11px 0 10px 0; opacity:0;} #yw span {line-height: 1;} #ywloc {position:relative; top:-2px;} #ywtem {font-size:18px; font-weight:normal; margin-left:5px; color:#79C592;} #lang {width: 165px; margin:0; text-align: right; padding:15px 0 10px 0;} #lang a {display:inline-block; margin-left:5px;} .langinactive {color:#555!important;} #lang a:last-child {margin-right:10px;} /* Breadcrumb */ .bc {margin-bottom:20px !important;} /* HomePage Styles ================================================== */ /* Slider */ #home-slider .flex-utils {position:relative;} #home-slider .flex-captions {height:40px; position:relative; margin-top:-40px !important; background:#79C592; color:#FFF;} #home-slider .flex-captions p {padding:10px 0 0 20px; line-height:23px;} #home-slider li {margin-bottom:0; list-style-type:none;} #home-slider .flex-direction-nav {position:absolute; top:33px; right:10px;} #home-slider .flex-direction-nav li {margin:0; float:left; margin-left:5px;} #home-slider .flex-direction-nav a {display:block; width:9px; height:14px; text-indent: -999em;} #home-slider .flex-prev {background: url(../img/sprite.png?v=2) no-repeat; left:-15px; right:0; opacity:1;} #home-slider .flex-prev:hover {background: url(../img/sprite.png?v=2) no-repeat 0 -14px;} #home-slider .flex-next {background: url(../img/sprite.png?v=2) no-repeat -15px 0; left:0; opacity: 1;} #home-slider .flex-next:hover {background: url(../img/sprite.png?v=2) no-repeat -15px -14px;} #galeria-slider .flex-utils {position:relative;} #galeria-slider .flex-captions {height:40px; position:relative; background:#79C592; color:#FFF;} #galeria-slider .flex-captions p {padding:10px 0 0 20px; line-height:23px;} #galeria-slider li {margin-bottom:0; padding:0; list-style-type:none;} #galeria-slider .slide {margin-bottom:0!important;} #galeria-slider .flex-direction-nav {position:absolute; top:33px; right:10px;} #galeria-slider .flex-direction-nav li {margin:0; float:left; margin-left:5px;} #galeria-slider .flex-direction-nav a {display:block; width:9px; height:14px; text-indent: -999em;} #galeria-slider .flex-prev {background: url(../img/sprite.png?v=2) no-repeat; left:-15px; right:0; opacity:1;} #galeria-slider .flex-prev:hover {background: url(../img/sprite.png?v=2) no-repeat 0 -14px;} #galeria-slider .flex-next {background: url(../img/sprite.png?v=2) no-repeat -15px 0; left:0; opacity: 1;} #galeria-slider .flex-next:hover {background: url(../img/sprite.png?v=2) no-repeat -15px -14px;} /* Footer Styles ================================================== */ #footer-wrap {padding:0 0 40px;} #footer {padding:44px 0 0; background:url('../img/Barras.gif') repeat-x top;} #footer > .row {padding:0 0 30px; background:url('../img/Barras.gif') repeat-x bottom;} /* Booking Styles */ #booking h2 {margin:0 0 20px 20px; color:#525252; font-size:17px; font-weight:normal; line-height:22px; position: relative;} #booking .calendar {background: #fff url(../img/sprite.png?v=2) no-repeat right -93px;} #booking .calendar:focus {background: #fff url(../img/sprite.png?v=2) no-repeat right -123px;} /* Latest News List Styles ================================================== */ .news-lst li { padding-top:10px; float:left;} .news-lst li .eight { margin:0;} .news-lst li:first-child {padding-top:0;} #footer .news-lst li:last-child {background: none;} .content .post-comments li:last-child p {margin-bottom:20px;} .news-lst h3 {color: #79C592; font-size: 17px; font-weight: normal; line-height: 22px;} .news-lst img {margin-bottom:20px;} .news-lst time {text-align: left; background:#FFF url(../img/bg_doublelinev.png) repeat-y right; color:#9a9a9a; font-size:10px;} .news-lst time b {display:block; font-size:16px; font-weight:bold; color:#79C592;} /* Newsletter Styles */ .newsletter-wrap {margin:0 0 20px; border:solid 1px #e8e8e8; border-bottom-width:0; background:#FFF url(../img/bg_newsletter.png) repeat-x; box-shadow: 0 0 2px rgba(0,0,0,0.05); border-radius:5px;} .newsletter {background:url(../img/bg_newsletter.png) repeat-x bottom; padding:30px 20px 35px 20px; border-radius:5px; } .newsletter h4 {color:#79C592; font-size:11px; font-weight:bold; margin-bottom:15px;} .newsletter h4 span {display:block; font-weight:normal; color:#7d7d7d;} .newsletter p {font-size:11px; line-height: 15px; color:#7d7d7d; margin-bottom:10px; position:relative; margin-bottom:20px;} .newsletter input[type=submit] {top:0; right:-3px; width:100px;} .newsletter input[type=text] {width:95%;} .newsletter form p {margin-bottom:0;} @media only screen and (max-width:959px) and (min-width:768px) { .newsletter input[type=submit] {right:-6px;} .formtohide .two.columns {width:106px;} .formtohide select.rooms {width:115px!important;} .formtohide .three.columns {width:110px!important;} .formtohide .three.columns input[type=submit] {width:110px!important;} .addressfooter {left:38%!important;} .logotipos {width:425px;} .block figure span img {width:236px} } @media only screen and (max-width: 767px) { img.scale-with-grid {width:100%;} .block figure span img {width:300px} .logotipos {width:310px; margin-top:30px;} .addressfooter {position:static!important; margin-bottom:30px;} } @media only screen and (max-width: 767px) and (min-width: 480px){ .block figure span img {width:420px} .logotipos {width:430px; margin-top:30px;} .addressfooter {left:46%!important; margin-bottom:30px;} } /* Social links Styles */ .social-links {text-align: center; margin-top:35px;} .icn {width: 24px; height: 24px; background-image: url(../img/social-icons.png); background-repeat: no-repeat; display:inline-block; margin-right: 5px; text-indent: -999em; cursor: pointer;} .icn:focus, .icn:active {outline: none } .icn.twitter {background-position: -31px -1px } .icn.twitter:hover {background-position: -31px -31px } .icn.facebook {background-position: 0 -1px } .icn.facebook:hover {background-position: 0 -31px } .icn.flickr {background-position: -62px -1px } .icn.flickr:hover {background-position: -62px -31px } .icn.picasa {background-position: -94px 0 } .icn.picasa:hover {background-position: -94px -30px } .icn.lnkdin {background-position: -125px 0 } .icn.lnkdin:hover {background-position: -125px -30px } .icn.gplus {background-position: -156px -1px } .icn.gplus:hover {background-position: -156px -31px } .icn.rss {background-position: -187px -1px } .icn.rss:hover {background-position: -187px -31px } .icn.youtube {background-position: -218px -1px } .icn.youtube:hover {background-position: -218px -31px } .icn.wordpress {background-position: -250px -1px } .icn.wordpress:hover {background-position: -250px -31px } .icn.dribbble {background-position: -282px -1px } .icn.dribbble:hover {background-position: -282px -31px } .icn.pinterest {background-position: -313px -1px } .icn.pinterest:hover {background-position: -313px -31px } .icn.stumble {background-position: -345px -1px } .icn.stumble:hover {background-position: -345px -30px } .icn.digg {background-position: -380px -1px } .icn.digg:hover {background-position: -380px -30px } /* Credits */ .credits { padding-top:15px; font-size:11px;} .credits a {color:#878787;} .credits .active a, .credits a:hover {color:#79C592;} .credits .four {text-align: right;} .footer-nav {margin-bottom:0;} .footer-nav li {float:left; margin-bottom:0; margin-right:15px;} /* Room Styles ================================================== */ .room-gallery { border:solid 1px #dcdcdc; padding:9px; box-shadow: 0 0 3px rgba(0,0,0,0.1); margin-bottom:30px;} #room-gallery, #room-carousel {margin-bottom:0;} #room-gallery li, #room-carousel li {margin-bottom:0;} #room-carousel {position:relative; margin-top:10px;} #room-carousel li { margin-right:10px;} #room-carousel img {cursor:pointer;} #room-carousel .flex-control-paging {display:none;} /* Blog Styles ================================================== */ .paging {text-align: center; margin-top:40px;} .paging a {display:inline-block; background: #f1f1f1; padding:3px 9px; margin-right:3px; border-radius:1px; font-size:11px; font-weight:bold;} .paging a:hover {background: #dcdcdc;} .paging a.active {background: #1A74BE; color:#fff;} /* Comments Styles */ .post-comments {margin-top:60px;} .post-comments ol, .post-comments ul {list-style: none; font-size:inherit; } .post-comments > ol {margin-left:0;} .post-comments li {margin:0 !important; padding:0 !important; background: none !important;} .post-comments .avatar {float: left; margin: 15px 15px 5px 0; padding:3px; border:solid 1px #dcdcdc;} .post-comments .comment-text {border-bottom: 1px solid #dcdcdc;} .post-comments .comment-copy {width: 80%; padding: 15px; float: right; font-size: 13px;} .post-comments .comment-meta {font-weight: bold; margin-bottom:5px !important;} .comment-reply-link, .btn-reply {font-weight: bold; font-style: normal; float: right; font-size: 10px; color: #fff; padding: 3px 7px 0; background: #79C592; border-radius:2px;} .comment-reply-link:hover, .btn-reply:hover {color:#fff; background: #1a74be;} .comment-reply-link {font-size:10px; font-weight:bold; display:inline-block; padding-left:20px; border-radius:2px; margin-bottom:5px;} /* Comments form */ #form-wrapper h2 {margin-bottom:20px;} .post-form p {margin-bottom:15px;} .post-form input[type=text] {width:50%;} .post-form input[type=submit] {position:static; width:150px;} /* Location Styles ================================================== */ .map-wrapper {padding:9px; border:solid 1px #dcdcdc; box-shadow: 0 0 3px rgba(0,0,0,0.1);} .map {height:400px;} /* Widgets ================================================== */ .widget {margin-bottom:40px;} .widget h3 {color:#444; font-size:11px;} .widget .double {background-position: 0 4px;} .widget *:last-child {margin-bottom:0;} /* Flickr Widget */ .flickr_badge_image {float: left; margin-right: 15px; margin-bottom: 19px; padding: 3px; border: solid 1px #dcdcdc; box-shadow: 0 0 3px rgba(0,0,0,0.1);} .flickr_badge_image:nth-child(3n+1) {margin-right: 0 } .flickr_badge_image img {display: block;} /* Calendar Widget */ .widget_calendar #wp-calendar {width: 95%; text-align: center;} .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {text-align: center } .widget_calendar #wp-calendar caption {font-size: 11px; padding: 5px 0 3px; } .widget_calendar #wp-calendar th {font-weight: bold } /* Search Widget */ #searchform input[type=text] {width: 92%; padding: 7px 3.5%; text-indent: 10px;} #searchform {position: relative; line-height: 0;} #searchform #searchsubmit {position: absolute; right: 0; top: 0; width: 70px; height: 30px; font-weight: bold; font-size:11px; cursor: pointer;} #searchform > div {margin: 0; padding: 0; line-height: 0;} #searchsubmit:active {top: 1px } /* List Widgets */ .widget ul {list-style: none; margin: 0; padding: 0;} .widget ul li {margin-bottom:0; padding: 6px 0 5px 17px; background: url(../img/sprite.png?v=2) no-repeat 0 -155px; border-bottom: 1px dotted #dcdcdc;} .widget ul > li:first-child {padding-top: 0; background-position: 0 -162px;} /* Twitter on sidebar */ .widget .twitter-time {display: block; font-size: 0.8em; font-weight: bold;} /* Book Now widget */ .widget_book-now {background: #F9F9F9 url(../img/bg_book.png) repeat-x; color:#7f7f7f; font-size:11px; border:solid 1px #dfdfdf; box-shadow: 0 0 3px rgba(0,0,0,0.1); padding:20px;} .widget_book-now p {margin-bottom:0;} .book-now-price {text-align: center; float:left; width:90px; background: url(../img/bg_divider.png) no-repeat right; } .book-now-price strong {font-size:22px; display:block;} .book-now-action {text-align: center; margin-top:6px; float:right; width:130px;} .book-now-action a {display:inline-block; width:90px;} .book-now-action a span {text-align: center;} /* Testimonial widget */ .widget_testimonial blockquote {margin-bottom:0; border:0; padding:0;} .widget_testimonial blockquote p {background: #F9F9F9 url(../img/bg_book.png) repeat-x; color:#7f7f7f; font-size:11px; border:solid 1px #dfdfdf; padding:20px; margin-bottom:5px; line-height:16px;} /* Fancybox ================================================== */ .fancybox-tmp iframe, .fancybox-tmp object {vertical-align: top; padding: 0; margin: 0;} .fancybox-wrap {position: absolute; top: 0; left: 0; z-index: 8020;} .fancybox-skin {position: relative; padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .fancybox-opened {z-index: 8030 } .fancybox-outer, .fancybox-inner {padding: 0; margin: 0; position: relative; outline: none;} .fancybox-inner {overflow: hidden } .fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch } .fancybox-error {color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px;} .fancybox-image,.fancybox-iframe {display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top;} .fancybox-image {max-width: 100%; max-height: 100%;} #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {background-image: url(../img/fancybox_sprite.png?v=2);} #fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8020;} #fancybox-loading div {width: 44px; height: 44px; background: url(../img/fancybox_loading.gif) center center no-repeat;} .fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;} .fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url(../img/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;} .fancybox-prev {left: 0 } .fancybox-next {right: 0 } .fancybox-nav span {position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;} .fancybox-prev span {left: 20px; background-position: 0 -36px;} .fancybox-next span {right: 20px; background-position: 0 -72px;} .fancybox-nav:hover span {visibility: visible } .fancybox-tmp {position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden;} #fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: #000;} #fancybox-overlay.overlay-fixed {position: fixed; bottom: 0; right: 0;} .fancybox-title {visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050;} .fancybox-opened .fancybox-title {visibility: visible } .fancybox-title-float-wrap {position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8030; text-align: center;} .fancybox-title-float-wrap .child {display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;} .fancybox-title-outside-wrap {position: relative; margin-top: 10px; color: #fff;} .fancybox-title-inside-wrap {margin-top: 10px } .fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8);} .hidden {display:none;} /* Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { /* Global styles */ .content img {padding:0; border:0;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Blocks */ .eight.block .col-action {width:94%;} .block h1 {font-size:15px;} #navigation {width: 500px!important;} /* Comments */ .post-comments .comment-copy {width: 75%;} .post-comments li li .comment-copy {width: 73%;} /* Flickr Widget */ .flickr_badge_image:nth-child(3n+1) {margin-right: 15px;} #galeria-slider, #galeria-slider .flex-captions {width:468px!important;} header h1 {width:768px!important;} .container .eleven.columns {width:468px!important;} article .text {height:188px!important;} .activities article .text {height:224px!important} /* Book now widget */ .book-now {padding:5px;} .book-now-price {width:70px;} .book-now-action {width:130px;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /* Global styles */ #sidebar {margin-top:20px;} #navigation > ul {display:none;} #navigation > select {display: block;} #yw {display:none;} #lang {text-align: center; padding:0 0 10px 0;} #header h1 {text-align: center; width:100%;} #home #header h1 {top:60px; } #home #header h1 img {width:412px;} .alignleft, .alignright {float:none !important; display:block; margin:10px 0 !important;} /* Homepage 3col */ #main .one-third {margin-bottom:30px;} #main .one-third:last-child {margin-bottom:0;} /* Footer booking form */ #booking p {margin-bottom:10px;} #booking p input[type=text] {width:96%!important;} #booking p input.calendar {width:84%!important;} #booking p input[type=submit] {position:static; top:auto; margin-top:10px; width:99%;} /* Blocks */ .col-action {width:95%;} .eight.block {margin-bottom:40px !important; height:auto;} .eight.block .col-action {width:95%; position:relative; margin-top:20px;} .one-third {margin-bottom:40px !important; height:auto !important;} .one-third .col-action {width:95%; position:relative; margin-top:20px;} .five.block {margin-bottom:20px !important;} .eleven.with-action {height:auto !important; margin-bottom:20px !important;} .eleven.with-action .col-action {width:95% !important; position:relative; margin-top:20px;} /* Comments */ .post-comments ul {margin-left:0;} .post-comments .comment-copy {width: 100%; padding-left:0; padding-right:0;} .post-comments .avatar {display:none;} /* Flickr Widget */ .flickr_badge_image:nth-child(3n+1) {margin-right: 15px;} #galeria-slider, .flex-captions {width:420px!important;} .container .eleven.columns {width:420px!important;} #weather-lang {width: 160px;} #lang {width: 160px;} } /* All Mobile Sizes < 480 (devices and browser) */ @media only screen and (max-width: 479px) { #home #header {background:white; border-bottom:5px solid #79C592;} #home #header h1 {display:block!important; width: 100%; height:187px; margin:0 auto; background:url('../img/logo.gif') no-repeat center; position:absolute; top:43px; overflow:hidden;} #home #header h1 img {display:none!important;} #home #slider-wrap {display:none;} #home #main {margin-top:0!important; padding-top:245px;} /* Global styles */ .flex-direction-nav, .flex-captions {display:none;} .newsletter-wrap {margin-top:10px;} .social-links {margin-bottom:10px;} #footer .sig {text-align: left !important; margin-top:10px;} /* Blocks */ .col-action {width:93% !important;} /* Post form */ .post-form input[type=text] {width:80%;} #galeria-slider, .flex-captions {width:300px!important;} .container .eleven.columns {width:300px!important;} #weather-lang {width: 160px;} #lang {width: 160px;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Global styles */ .flex-direction-nav, .flex-captions {display:none;} .newsletter-wrap {margin-top:10px;} .social-links {margin-bottom:10px;} #footer .sig {text-align: left !important; margin-top:10px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { /* Global styles */ #home #header h1 img {width:295px;} #booking p input[type=text] {width:95%;} #booking p input[type=submit] {width:100%;} }