@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; border:0; text-decoration: none; }

/* Normalizando */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}

* { margin:0; padding:0; border:0; text-decoration: none; }

/* Base   */


html {
    width: 100%;
	height:100%;
}

body {
    width:100%;
	height:100%;
}

a, a:hover, a:visited, a:link {
	display: block;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6{ font-weight: normal; }

.clear {
	clear: both;
}
.bx-viewport {
	padding:0;
	height: 160px;
}		
.slicknav_menu {
	display:none;
}

/* PADRÕES */

.fontgxl {
	font-family: 'GothamXNarrow-Light', sans-serif;
}
.fontgxb {
	font-family: 'GothamXNarrow-Book', sans-serif;
}
.fontgxm {
	font-family: 'GothamXNarrow-Medium', sans-serif;
}
.fontps {
	font-family: 'Playlist-Script', sans-serif;
}

.tam8 {
	font-size: 8px;
}
.tam11 {
	font-size: 11px;
}
.tam12 {
	font-size: 12px;
}
.tam14 {
	font-size: 14px;
}
.tam18 {
	font-size: 18px;
}
.tam10 {
	font-size: 10px;
}
.tam42 {
	font-size: 42px;
}
.tam31 {
	font-size: 31px;
}
.tam25 {
	font-size: 25px;
}
.tam35 {
	font-size: 35px;
}
.tam65 {
	font-size: 65px;
}
.tam90 {
	font-size: 100px;
}

.preto{
	color: #000;
}
.cinza{
	color: #a8a8a8;
}
.cinzaescuro{
	color: #353535;
}
.azul{
	color: #36a3db;
}
.branco{
	color: #FFF;
}

.lnkoff {
	border-radius: 20px;
	border:1px solid #FFF;
	padding: 10px 20px;
}
	.lnkoff:hover {
		background: #FFF;
		color: #36a3db;
	}

.lnkon {
	border-radius: 20px;
	border:1px solid #36a3db;
	padding: 10px 20px;
}
	.lnkon:hover {
		background: #36a3db;
		color: #FFF;
	}

.transition {
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}


input:focus {
    outline: none;
}

/* remove border around all textarea elements */
textarea:focus {
    outline: none;
}

/* remove border around all select elements */
select:focus {
    outline: none;
}

/* remove border around all input,textarea and select elements */
input:focus, textarea:focus, select:focus {
    outline: none;
}

input {
	border:1px solid #CCC;
	padding: 0 10px;
	height: 38px;
	color: #000;
	font: 14px 'GothamXNarrow-Book', sans-serif;
	background: none;
	margin: 5px 5px;
}
	::-webkit-input-placeholder {
		color: #CCC;
	}
	::placeholder {
		color: #CCC;
	}
	
textarea {
	border:1px solid #CCC;
	padding: 10px 10px;
	color: #000;
	font: 14px 'GothamXNarrow-Book', sans-serif;
	background: none;
	margin: 5px 5px;
}

	input.error, select.error, textarea.error {
		border:1px solid #FF0000;
	}
	
select::-ms-expand {
    display: none;
}

input.submit {
	background-color:#FFF;
	border:1px solid #0979bf;
	color: #0979bf;
	text-transform: uppercase;
	font: 12px 'SepexCeFont02', Arial, Tahoma, sans-serif;
	cursor:pointer;
}
	input.submit:hover {
		background-color:#0979bf;
		color: #FFF;
	}







#topo {
	position: absolute;
	width: 100%;
	height: 110px;
	z-index: 9999;
}
	#topo.mini {
		position: fixed;
		height: 60px;
		background: #FFF;
	}
	#topo.mini .branco {
		color: #353535;
	}

	#topo a#logo {
		display: block;
		float: left;
		width: 85px;
		height: 85px;
		background: url('/public/img/layout/default/topo-logo.png') no-repeat;
		background-size: cover;
		margin: 15px 0 0 20px;
		text-indent: -9999px;
	}

		#topo.mini a#logo {
			width: 50px;
			height: 50px;
			background: url('/public/img/layout/default/rodape-logo.png') no-repeat;
			background-size: cover;
			margin: 5px 0 0 20px;
			text-indent: -9999px;
		}

	#topo #menu {
		float: right;
		width: 380px;
		padding: 37px 0 0 0px;

		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		-ms-transition: height 0.3s;
		-o-transition: height 0.3s;
		transition: height 0.3s;
	}
		#topo.mini #menu {
			padding: 12px 0 0 60px;
		}
		#menu-cursor {
			width: auto;
			position: relative;
			top: 5px;
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			-moz-transition: all 0.4s ease;
		}
			#menu-triangle {
				background-color: #FFF;
				height:2px;
				width:auto;
				top: -10px;
				position: relative;
				transition: all 0.3s ease;
				-webkit-transition: all 0.4s ease;
				-o-transition: all 0.4s ease;
				-moz-transition: all 0.4s ease;
			}
			#topo.mini #menu-triangle {
				background-color: #36a3db;
			}
		#topo #menu nav {
			position: relative;
			margin:0 auto;
			width: 380px;
			padding: 0px 0 0 0;
		}
				
				
				#topo #menu nav ul li { width: auto; float:left; text-align:center; margin:0 15px; }

					#topo #menu nav ul li a { 
						display: block;  
						float:left; 
						padding: 10px 0;
						width: auto;
						text-align:center;
						text-transform: uppercase;
					}
					#topo.mini #menu nav ul li a { 
						color: #36a3db;
					}
					#topo.mini #menu nav ul li a:hover { 
						color: #36a3db;
					}
					
					#topo #menu nav ul li.menu-1 a { width: 30px; }
					#topo #menu nav ul li.menu-2 a { width: 92px; }
					#topo #menu nav ul li.menu-3 a { width: 75px; background: url('/public/img/layout/default/icones/menu_seta.png') 55px 5px no-repeat; background-size: 6px; }
					#topo #menu nav ul li.menu-4 a { width: 45px; }

					#topo #menu nav ul li.menu-3 ul {
						display: block;
						position: absolute;
						margin-top: 35px;
						left:-50px;
						top:0;
						width: 520px;
						height: auto;
						z-index: 999;
						box-shadow: 2px 2px 5px #666;
						border-radius: 20px;
						background: #FFF;
						text-align: center;
						padding: 10px 0;
					}
						#topo.mini #menu nav ul li.menu-3 ul {
							margin-top: 50px;
						}
						#topo #menu nav ul li.menu-3 ul li { float: inherit !important; display: inline-block; vertical-align: top; width: 165px; padding:0px; margin:0; background:none;  }

						#topo #menu nav ul li.menu-3 ul li a {
							width: 100%;
							display: inline-block;
							z-index: 99999;
							text-align: center;
							float: inherit !important;
							vertical-align: top;
							position: relative;
							padding: 2px 0;
						}
							#topo.mini #menu nav ul li.menu-3 ul li a .branco {
								color: #FFF !important;
							}
						#topo #menu nav ul li.menu-3 ul li a #img {
							float: left;
							width: 165px;
							height: 180px;
							overflow: hidden;
							white-space:nowrap;			
							display: inline-flex;
							flex-wrap: wrap;
							text-align:center;
							background: #000;
							position: relative;
						}
							
							#topo #menu nav ul li.menu-3 ul li a #img img {
								position: absolute;
							   overflow: hidden;
								margin: 0;
								display: block;
								height: 100%;
								width: 100%;
								object-fit: cover;
								opacity: 0.6;
							}
								#topo #menu nav ul li.menu-3 ul li a:hover #img img {
									height: 105%;
									width: 105%;
									margin: -5px;
									-webkit-filter: contrast(2);
									filter: contrast(2);
								}
						#topo #menu nav ul li.menu-3 ul li a .tx1 {
							display: inline-block;
							position: absolute;
							width: 100%;
							padding: 10px 0 0 0;
							margin: 0;
							height: 18px;
							left: 0;
							top:40px;
						}
						#topo #menu nav ul li.menu-3 ul li a .tx2 {
							display: inline-block;
							position: absolute;
							width: 100%;
							height: auto;
							padding: 0;
							margin: 0;
							left: 0;
							top:65px;
						}
						#topo #menu nav ul li.menu-3 ul li a .tx3 {
							display: inline-block;
							position: absolute;
							width: 100%;
							height: auto;
							padding: 0;
							margin: 0;
							left: 0;
							top:90px;
						}


			#topo a#reservas { 
				display: block;  
				float:right; 
				margin:35px 0px;
				width: auto;
				padding-left: 40px;
				background: url('/public/img/layout/default/icones/topo-whats.png') 15px center no-repeat;
				background-size: 15px;
			}
				#topo a#reservas:hover { 
					display: block;  
					float:right; 
					margin:32px 0px;
					width: auto;
					background: #FFF url('/public/img/layout/default/icones/apt-whatsapp.png') 15px center no-repeat;
					background-size: 15px;
				}

			#topo.mini a#reservas { 
				display: block;  
				float:right; 
				margin:12px 0px;
				width: auto;
				padding-left: 40px;
				background: url('/public/img/layout/default/icones/apt-whatsapp.png') 15px center no-repeat;
				background-size: 15px;
				color: #36a3db;
				border: 1px solid  #36a3db;
			}
				#topo.mini a#reservas:hover { 
					display: block;  
					float:right; 
					margin:10px 0px;
					width: auto;
					background: #36a3db url('/public/img/layout/default/icones/topo-whats.png') 15px center no-repeat;
					background-size: 15px;
					color: #FFF;
				}

			#topo #redes {
				float: right;
				width: 75px;
				height: 40px;
				padding: 0 0 0 20px;
				border-left: 1px solid #eaeaea;
				margin: 32px 0 0 0;
			}
				#topo #redes ul li {
					width: auto;
					float:left;
					text-align:left;
				}
					#topo #redes ul li a {
						display: block;
						width: 16px;
						margin: 0 3px;
						height: 16px;
						text-indent: -9999px;
						padding: 12px 2px;
						transition: linear 0.1s;  
						-moz-transition: linear 0.1s; /* Firefox 4 */
						-webkit-transition: linear 0.1s; /* Safari */
					}
						#topo #redes ul li a#insta {
							background: url('/public/img/layout/default/icones/topo-face.png') center center no-repeat; background-size: 16px;
						}
							#topo #redes ul li a#insta:hover {
								padding: 10px 2px;
							}
						#topo #redes ul li a#face {
							background: url('/public/img/layout/default/icones/topo-insta.png') center center no-repeat; background-size: 16px;
						}
							#topo #redes ul li a#face:hover {
								padding: 10px 2px;
							}
			#topo.mini #redes {
				height: 35px;
				border-left: 1px solid #eaeaea;
				margin: 12px 0 0 0;
			}
					#topo.mini #redes ul li a {
						padding: 10px 2px;
					}
						#topo.mini #redes ul li a {
							padding: 10px 2px;
						}
						#topo.mini #redes ul li a#insta {
							background: url('/public/img/layout/default/icones/topo-face2.png') center center no-repeat; background-size: 16px;
						}
							#topo.mini #redes ul li a#insta:hover {
								padding: 9px 2px;
							}
						#topo.mini #redes ul li a#face {
							background: url('/public/img/layout/default/icones/topo-insta2.png') center center no-repeat; background-size: 16px;
						}
							#topo.mini #redes ul li a#face:hover {
								padding: 9px 2px;
							}


#alinhar { 
	width: 980px;
	position:relative;
	margin:0 auto;
}

#corpo {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 100%;
	z-index: 999;
	text-align: center;
}



#rodape {
	position: relative;
	margin: 0 auto;
	width: 100%;	
	text-align: center;
	vertical-align: top;
	justify-content: center;
	padding: 50px 0;
}

	#rodape #esq {
		display: inline-block;
		width: 225px;
		vertical-align: top;
		padding: 0 40px 0 0;
	}
		#rodape #esq img {
			width: 140px;
			height: 140px;
		}
		#rodape #esq .copy {
			display: block;
			width: 100%;;
			padding: 40px 0 0 0;
		}
	#rodape #cen {
		display: inline-block;
		width: 215px;
		vertical-align: top;
		text-align: left;
		padding: 40px 0 0 0;
	} 
		#rodape #cen .title {
			display: inline-block;
			width: 225px;
			vertical-align: top;
			padding: 0 0 10px 0;
		}
		#rodape #cen a.title:hover {
			color: #36a3db;
		}
	#rodape #dir {
		display: inline-block;
		width: 245px;
		vertical-align: top;
	}
		#rodape #dir .title {
			display: inline-block;
			vertical-align: top;
			padding: 40px 0 30px 0;
		}
		#rodape #dir a img#booking {
			width: 180px;
			padding: 0 0 10px 0;
		}
		#rodape #dir a img#airbnb {
			width: 120px;
		}
	


#topo-page {
	position: relative;
	margin: 0 auto;
	width: 100%;	
	height: 350px;
	font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
	font-size: 30px;
	background: url('/public/img/layout/default/topos/allmar.jpg') no-repeat center center ;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
}
	#topo-page #texto {
		position: relative;
		display: block;
		padding: 160px 0 0 0;
		z-index: 99999;
	}



@media screen and (max-width: 768px) {
	
	body {
		-webkit-text-size-adjust: 100%;
		
	}
	
	.slicknav_menu {
		display: block;
	}
	#corpo #alinhar {
		
	}
	
	.slicknav_menu.mini { margin-top:-80px; }
	.slicknav_menu.mini .slicknav_btn { top:-44px }
	
	.tam12 {
		font-size: 13px;
	}
	.tam42 {
		font-size: 35px;
	}
	.tam65 {
		font-size: 40px;
	}
	#topo #menu {
		display: none;
	}	
	
	#alinhar {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	
	#topo {
		height: 60px;
		background: #FFF;
		position: fixed;
	}
	#corpo {
		padding: 60px 0 0 0;
	}
	
	#topo a#logo {
		display: block;
		float: inherit;
		position: absolute;
		top:5px;
		left: 50%;
		width: 45px;
		height: 45px;
		background: url('/public/img/layout/default/rodape-logo.png') no-repeat;
		background-size: cover;
		margin: 2px 0 0 -22.5px;
		text-indent: -9999px;
	}
	
	#topo a#reservas { 
		display: block;  
		float:right; 
		margin:15px 0px;
		width: auto;
		padding-left: 40px;
		background: url('/public/img/layout/default/icones/apt-whatsapp.png') 15px center no-repeat;
		background-size: 15px;
		border: none;
		
	}
		#topo a#reservas.branco { 
			color: #36a3db;
		}
		#topo a#reservas:hover { 
			display: block;  
			float:right; 
			margin:15px 0px;
			width: auto;
			background: url('/public/img/layout/default/icones/apt-whatsapp.png') 15px center no-repeat;
			background-size: 15px;
		}
	
	#topo #redes { 
		display: none;
		
	}
		.slicknav_nav nav ul li.menu-3 ul li a img {
			display: none;
		}
		.slicknav_nav nav ul li.menu-3 ul li a .tx1 {
			color: #000;
			font-size: 13px;
		}
		.slicknav_nav nav ul li.menu-3 ul li a .tx2 {
			display: none;
		}
		.slicknav_nav nav ul li.menu-3 ul li a .tx3 {
			display: none;
		}
	
	#rodape {
		position: relative;
		margin: 0 auto;
		width: 100%;	
		text-align: center;
		vertical-align: top;
		justify-content: center;
		padding: 50px 0;
	}

		#rodape #esq {
			display: inline-block;
			width: 100%;
			vertical-align: top;
			padding: 0 0 0 0;
		}
			#rodape #esq img {
				display: inline-block;
				width: 140px;
				height: 140px;
			}
			#rodape #esq .copy {
				display: inline-block;
				width: 100%;
				padding: 30px 0 0 0;
			}
		#rodape #cen {
			display: inline-block;
			width: 100%;
			vertical-align: top;
			text-align: center;
			padding: 40px 0 0 0;
		} 
			#rodape #cen .title {
				display: inline-block;
				width: 225px;
				vertical-align: top;
				padding: 0 0 10px 0;
			}
			#rodape #cen a.title:hover {
				color: #36a3db;
			}
		#rodape #dir {
			display: inline-block;
			width: 100%;
			vertical-align: top;
			text-align: center;
		}
			#rodape #dir .title {
				display: inline-block;
				vertical-align: top;
				padding: 40px 0 30px 0;
			}
			#rodape #dir a img#booking {
				width: 180px;
				padding: 0 0 10px 0;
			}
			#rodape #dir a img#airbnb {
				width: 120px;
			}



	#topo-page {
		position: relative;
		margin: 0 auto;
		width: 100%;	
		height: 200px;
		font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
		font-size: 30px;
		background: url('/public/img/layout/default/topos/allmar.jpg') no-repeat center center ;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
	}
		#topo-page #texto {
			position: relative;
			display: block;
			padding: 70px 0 0 0;
			z-index: 99999;
		}

}			
@media screen and (max-width: 468px) {		
	
	
	
	
			
			
}