/* GERAIS */
/***********************************************/
* { /*margin:0; padding:0;*/ }
html { height:100%; }
body { width: 100%; height:100%; margin:0px; padding: 0px; color: #666666; font-family: 'Raleway'; font-size: 18px; line-height: 26px; background: #FFFFFF; }
img { border-style: none; }
a:visited, a:link, a:active { color: #5D0303; text-decoration:none; outline: none; }
a:hover { color: #5D0303; text-decoration:underline; outline: none;	}
textarea { overflow: auto; }
form { height: 100%; }
#menu_responsive{ display:none; }
/* SITE */
/***********************************************/
#container_wrapper { position:relative; width: 100%; min-height:100%; margin: 0; padding: 0px; float: left; }
#wrapper { position: relative; width: 100%; margin: 0; padding: 0; float: left; overflow: hidden; }
.bg_top { position: fixed; height: 90px; top: 0; width: 100%; padding: 0; background: rgba(255, 255, 255, 0.88); z-index: 9999; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.9); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.9); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.9); }
#home .bg_top { display: none; }
#section-banner { position: relative; z-index: 1000; overflow: hidden; }
#container-conteudo { position: relative; width: 100%; margin: 0; padding: 0; float: left; overflow: hidden; }
#section-z2 { z-index: 7777; }
#section-z3 { z-index: 6666; }
.top { position: relative; width: 94%; margin: 0 3%; padding: 0; z-index: 10; }
.logo { position: relative; width: 15.5%; margin: 0.6% 0 0.6% 4%; padding: 0; float: left; z-index: 99999; }
.logo h1 { display: none; }
.logo img { width: 100%; border-width: 0px; }
.facebook { position: absolute; height: 64px; margin: 0; padding: 0; right: 5%; }
.section { margin: 0; padding: 0; float: left; width: 100%; overflow: hidden; }
.section-content { padding: 90px 0 0; }
.titles, .page_titles, .titles_page { font-size: 50px; line-height: 52px; font-weight: 500; width: 100%; padding: 2% 0 2%; margin: 0; text-transform: uppercase; }
.content-title { position: absolute; margin: -320px 0 0; padding: 50px 3%; width: 94%; height: 220px; font-size: 42px; color: #FFFFFF; text-align: center; z-index: 11; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); }
.container_content { width: 100%; margin: 0; padding: 0; float: left; }
.content { width: 94%; margin: 0; padding: 3%; overflow: hidden;}
.content_quarto { position: relative; width: 55%; margin: 0 5% 0 0; padding: 0%; float: left; overflow: hidden; }
.content_quarto h3{ width:100%; color: #5D0303; padding: 10px 10px 10px 0; margin: 0px; box-sizing: border-box; border-bottom: 1px solid #CCCCCC; text-transform: uppercase;}
.imagens_quarto { position: relative; width: 40%; margin: 0; padding: 0%; float: left; overflow: hidden; }
.content_forms_reservas{ position: relative; width: 40%; margin: 0 5% 0 0; padding: 0%; float: left; overflow: hidden; }
.btn_m_info, .btn_reservas{ float:left; padding:0; margin:10px 10px 0 0; position: relative; width: auto;}
.btn_m_info a, .btn_reservas a { background:#5D0303; color:#FFFFFF; padding: 10px; margin: 0; float: left;}
.btn_m_info a img, .btn_reservas a img { margin: 2px 10px 0 0; padding: 0 10px 0 0; float: left; border-right: 1px solid; display: block; overflow: hidden;}

.form_forms_reserva{ position: relative; width: 55%; margin: 0; padding: 0%; float: left; overflow: hidden; }
.form_forms_reserva label{ color: #666666!IMPORTANT;}
.informacao, .form_forms_reserva .flashHeader{ color: #666666!IMPORTANT; font-size: 20px; line-height: 23px; font-weight: 400; width: 98%; padding: 10px 10px; margin: 0; text-transform: uppercase;    border-bottom: 1px solid #666666;  float: left;}
.apoios { margin: 0; padding: 1% 0 0% 3%;  float: right; }
.apoios p{ margin: 0; padding:0;}
.bg_footer, .bg_footer_home { position: relative; margin: 0; padding: 0; float: left; background: #5D0303; bottom: 0; z-index: 2222; } 
.bg_footer_home { position: fixed; bottom: 0; background: rgba(72,2,2,0.9); }
.footer { width: 94%; margin: 0; padding: 1% 3% 0%; }
.copyright, .netsigma { margin: 18px 0 5px; padding: 0; float: left; font-size: 13px; color: #FFFFFF; }
.netsigma { clear: left; float: left; margin: 0px; }
.netsigma a, .netsigma a:hover { color: #FFFFFF; }
.netsigma a span, .netsigma a img { float: left; margin: 0; padding: 0; }
.netsigma a img { margin: 3px 0 0 5px; }
.esconde{ display: none !Important; }
.mostra { display: block; }
.responsive { overflow: hidden; display: block; float: left; margin: 0px; padding: 0px; }

/***/
.text-home { position: relative; width: 100%; margin: 0; padding: 3% 0; float: left; overflow: hidden; background: rgba(93,3,3,0.9); color: #FFFFFF; text-align: center; z-index: 8999; }
.container_home { position: relative; width: 94%; margin: 0 3%; padding: 3% 0; float: left; overflow: hidden; }
.container_home .content_home { position: relative; width: 80%; margin: 0 10%; }
.container_home h3 { font-size: 50px; line-height: 60px; margin: 0 0 40px; padding: 0; font-family: 'Satisfy'; width: auto; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); }
.container_home p { font-size: 16px; line-height: 26px; }
.read-more { width: auto; margin: 20px auto 0; padding: 0px; border: 2px solid #FFFFFF; /*display: inline-block;*/ display: none; }
.read-more a { color: #F1F1F1; padding: 10px; }
.read-more span { font-size: 20px; text-transform: uppercase; float: left; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); color: #FFFFFF; }
.read-more img { margin: 0 0 0 20px; float: left; }
/*DESTAQUES*/
.container_destaques { position: relative; width: 100%; margin: 0; padding: 0; float: left; overflow: hidden; z-index: 7999 ;background: rgba(255,255,255,0.9); display: none; }
.bg_destaques { position: relative; width: 94%; margin: 3%; padding: 0; float: left; overflow: hidden; }
ul.destaques { position: relative; width: 103%; margin: 0 0 0 -3%; padding: 0; float: left; }
.destaques li { position: relative; width: 28.33%; margin: 0 3% 0 3%; padding: 0; float: left; list-style: none; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.destaques li:last-child { margin: 0 0 0 3%; }
.destaques li.destaque a.mod { position: relative; width: 100%; margin: 0; padding: 0; display: block; float: left; }
.destaques li.destaque .img { position: relative; width: 100%; margin: 0; padding: 0; float: left; overflow: hidden; height: 240px; }
.destaques li.destaque .img img { min-height: 100%; width: 100%; float: left; }
.destaques li .titulo { position: absolute; margin: 0; padding: 4%; bottom: 4%; right: 0; width: 86%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(93,3,3,.7); }
.destaques li.destaque h3 { width: 100%; margin: 0; padding: 0; float: right; font-weight: 400; color: #FFFFFF; }
.destaques li.destaque h3 span { width: 100%; margin: 0; padding: 0; float: left; text-align: right; font-size: 22px; line-height: 24px; text-transform: uppercase; }
.destaques li.destaque h3 img { margin: 0 0 10px; padding: 0; float: right; }

/**/
.bg_l_quartos { position: relative; width: 100%; margin: 0; padding: 0; float: left; overflow: hidden; z-index: 7999 ;background: rgba(255,255,255,0.9); }
.bg_quartos { position: relative; width: 94%; margin: 3%; padding: 0; float: left; overflow: hidden; }
ul.lista_quartos { position: relative; width: 103%; margin: 0 0 0 -3%; padding: 0; float: left; }
.lista_quartos li { position: relative; width: 30.33%; margin: 0 0 3% 3%; padding: 0; float: left; list-style: none; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lista_quartos li.destaque a.mod { position: relative; width: 100%; margin: 0; padding: 0; display: block; float: left; }
.lista_quartos li.destaque .img { position: relative; width: 100%; margin: 0; padding: 0; float: left; overflow: hidden; height: 240px; }
.lista_quartos li.destaque .img img { min-height: 100%; width: 100%; float: left; }
.lista_quartos li .titulo { position: absolute; margin: 0; padding: 4%; bottom: 4%; right: 0; width: 86%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(93, 3, 3,.7); }
.lista_quartos li.destaque h3 { width: 100%; margin: 0; padding: 0; float: right; font-weight: 400; color: #FFFFFF; }
.lista_quartos li.destaque h3 span { width: 100%; margin: 0; padding: 0; float: left; text-align: right; font-size: 22px; line-height: 24px; text-transform: uppercase; }
.lista_quartos li.destaque h3 img { margin: 0 0 10px; padding: 0; float: right; }

.mask { position: absolute; margin: 0; padding: 0; width: 100%; top: 0;  left: 0; height: 100%; background: rgba(0,0,0,0.5); z-index: 701; opacity:0; overflow: hidden; -webkit-transition: 0.5s Ease; -moz-transition: 0.5s Ease; -o-transition: 0.5s Ease; transition: 0.5s Ease; text-align: center; cursor: pointer; }
.mask:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mask img { display: inline-block; vertical-align: middle; max-width: 20%; }
.mask:hover { opacity:1; }

.ad-gallery, .ad-gallery * { margin: 0; padding: 0; }
.ad-gallery { margin: 0; width: 99.99%; overflow: hidden; float: right; }
.ad-gallery .ad-image-wrapper { width: 100%; height: 0; padding: 0 0 68%; margin-bottom: 3px; position: relative; overflow: hidden; text-align: center; float: left; }
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
.ad-gallery .ad-image-wrapper .ad-next, 
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; margin: -20px 0 0 2%; padding: 0; width: 37px; height: 37px; background: url(/Css/site/img/prev.png) no-repeat left top; z-index: 1000; top: 50%; cursor: pointer; }
.ad-gallery .ad-image-wrapper .ad-next { background: url(/Css/site/img/next.png) no-repeat right top; right: 2%; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0 !IMPORTANT; z-index: 9; width: 100% !IMPORTANT; height: 100% !IMPORTANT; }
.ad-gallery .ad-image-wrapper .ad-image img { border: 0; width: 100%; height: auto !IMPORTANT; margin: 0 auto; }
.ad-gallery .ad-image-wrapper .ad-image a img { border: 0; width: 100% !IMPORTANT; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 20px; margin: 0; text-align: left;  width: 100% !IMPORTANT; z-index: 2; background: rgba(5,67,112,0.6); color: #FFFFFF; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
.ad-gallery .ad-controls { height: 20px; }
.ad-gallery .ad-info { float: left; }
.ad-gallery .ad-slideshow-controls { float: right; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop, .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown, .ad-gallery .ad-slideshow-running .ad-slideshow-start { display: none; }
.ad-gallery .ad-nav { width: 100%; position: relative; float: left; }
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute;  top: 0; height: 100%; z-index: 10; }
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back { cursor: pointer; left: 0px; width: 43px; height: 120px; display: block; background: url(../img/ad-back.png) }
.ad-gallery .ad-forward { cursor: pointer; display: block; right: 0px; width: 43px; height: 120px; background: url(../img/ad-forward.png)}
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; min-width: 100%; overflow: hidden; }
.ad-gallery .ad-thumbs .ad-thumb-list { float: left; list-style: none; margin: 0; }
.ad-gallery .ad-thumbs li { float: left; width: 170px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 120px; overflow: hidden; margin: 0 3px 0 0 }
.ad-gallery .ad-thumbs li a { display: block; width:100%;height: 100%; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ad-gallery .ad-thumbs li a img { min-width: 100%; height: 100%; display: block; }
.ad-gallery .ad-thumbs li a.ad-active { }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }
.mosaicflow {
	width: 100%;
	margin: 0;
	padding:0;
	box-sizing:border-box;
	}
.mosaicflow__item p{ box-sizing:border-box;	}
.mosaicflow__column { float:left; }
.mosaicflow__item { position:relative; margin: 2px 1px 0; }
.mosaicflow__item img {
		display:block;
		width:100%;
		max-width:500px;
		height:auto;
}
.mosaicflow__item p {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		margin:0;
		padding:5px;
		background: hsla(0,0%,0%,.5) url(/css/site/img/bg_more.png) no-repeat center center;
		color:#fff;
		font-size:14px;
		text-shadow:1px 1px 1px hsla(0,0%,0%,.75);
		opacity:0;
		-webkit-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		   -moz-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		     -o-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		        transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
}
.mosaicflow__item:hover p {
	opacity:1;
}