/* geral */


*{
	margin:0 0 0 0;
	padding:0;
}

html{
    margin: 0 0 0 0;
    scroll-behavior: smooth;
    font-family: arial, times;
}

body{
	min-width:380px;
}
a:link{
	text-decoration:none;
	color:#000;
}

a:hover{
	text-decoration:none;
	color:#000;
}

a:visited{
	text-decoration:none;
	color:#000;
}

header{
/*     background: #169898; */
	position:relative;
	width:100%;
	height:55px;
	z-index:2;
}

footer{
	position:relative;
    background: #0087afff;
	margin:10px 0 0 0;
	text-align:center;  
	color:#003d4a;  
}
footer #cta_wa							{position: fixed;bottom: 10px;right: 10px;width: 60px;z-index: 10;}
footer #cta_wa img						{
											width:100%;
											filter: drop-shadow(0px 0px 0px rgb(100 215 0 / 1));
											-webkit-filter: drop-shadow(0px 0px 0px rgb(100 215 0 / 1));
											-moz-filter: drop-shadow(0px 0px 0px rgb(100 215 0 / 1));
											-o-filter: drop-shadow(0px 0px 0px rgb(100 215 0 / 1));
											height:auto;
											animation:cta_wa_anim ease 1s infinite;
										}

section{
	background:rgba(255,255,255,0.9);
    position: relative;
    width: 100%;    
    margin:0 0 0 0;
    overflow:auto;
}

/* 
.cta_form									{position: relative;justify-content: center;display: flex;padding: 20px;}
.cta_form div								{background: #a87a08;width: 500px;border: 5px solid #003d4a;border-radius: 20px;}
.cta_form p									{width: 100%;font-size: 20px;color:#000;text-align: center;padding: 10px;}
 */

/* header */

#menu{
    position: absolute;
    right: 20px;
    top: 10px;
}
@media (max-width: 850px) {
	#menu{
		display: none;
	}
}

.menu a{
    position: relative;
    padding: 0 0 0 50px;
    text-decoration: none;
    color: #053857;
    font-size: 29px;
    transition:all, 0.4s;
    -webkit-transition:all, 0.4s;
    -moz-transition:all, 0.4s;
    -o-transition:all, 0.4s;
}

.menu a:hover{
	color:#fff;
	top:-2px;
}
#menu_mobile{
	position: relative;
	float:left;
	width: 100%;
    top: 55px;
	background: #fff;
	z-index: 1;

}
#menu_mobile{
	display:none;
}
@media (min-width: 850px) {
	#menu_mobile, #mobile_menu_button{
		display:none;
	}
}
@media (max-width: 400px) {
	#menu_mobile{
		padding-top: 50px;
	}
}
#menu_mobile a{
	position: relative;
	float: left;
	width: 100%;
	padding:10px 0;
	text-align: center;
	font-size: 25px;
	border-bottom: 1px solid;
}

@media (max-width: 850px) {
	#mobile_menu_button								{background:none;display:block;position:absolute;border:none;top:7px;right:10px;}
	#mobile_menu_button .m_listas					{position:relative;float:right;height:32px;width:50px;padding:5px;}
	#mobile_menu_button .m_lista					{background:#fff;position:relative;float:left;width:100%;height:8px;margin:1px 0;border-radius:2px;}
}

#h_tarja{
    background: #0087afff;
    position: relative;
    width: 100%;
    min-height: 70px;
}
.insta										{position: absolute;width: 30px;height:30px;top: 10px;right: 10px;}
#logo										{position:relative;}
#logo #logo_img								{position: relative;float:left;width: auto;height: 65px;top: 2px;left: 2px;z-index: 2;}
#logo div									{position: relative;float: left;width: 300px;margin: 10px 0 0 0px;padding-left: 0px;}
#logo div img								{position: relative;width: 240px;height: auto;margin-left: -120px;left: 50%;z-index: 2;}
#logo div p									{position: relative;width: 100%;font-size: 12px;text-align: center;font-weight: bold;}
#logo img:nth-child(2)						{}
@media (max-width: 650px) {
	#logo div									{width:260px;}
}

#logo_phone{
	display:none;
}

/* footer */

footer a{
	color:#fff;
}

/* home */

#home										{min-height: 400px;}
#h_hl										{position:absolute;width:100%;bottom:0px;z-index:1;}
#h_hl div:nth-child(2)						{background: #fff;margin-top:-17px;height:auto;width:100%;}
#h_hl div:nth-child(2) h1					{position: absolute;top: 50px;left: 10px;color: #0088ac;font-size: 37px;font-weight: bold;}
#h_hl div:nth-child(2) h2					{position: absolute;top: 95px;left: 8px;color: #004C63;font-size: 25px;}
#h_hl div:nth-child(2) p:nth-child(3)		{position: absolute;top: 135px;left: 10px;color: #0088ac;font-size: 15px;}
#h_hl div:nth-child(2) p:nth-child(4)		{width:100%;color: #004d61;font-size: 20px;text-align:center;margin-left: 0px;padding: 8px 0;}
@media (max-width: 650px) {
	#banner_container							{height:300px;}
	#h_hl										{position:relative;}
	#h_hl img									{display:none;}
	#h_hl div:nth-child(2)						{margin-top:0;}
	#h_hl div:nth-child(2) h1,
	#h_hl div:nth-child(2) h2,
	#h_hl div:nth-child(2) p:nth-child(3)		{position:relative;text-align: center;top: 0;left: 0;}
	#h_hl div:nth-child(2) p:nth-child(4)		{margin-top:50px;}
}
/* detalhes */

#detalhes #detalhes_bg_topo					{background-image: url("../files/media/imgs/ondulacao_topo.svg");background-repeat: repeat-x;height: 38px;}
#detalhes #detalhes_content					{background:#003d4a;color: #0088ac;}
#detalhes p									{width: 100%;text-align: center;font-size: 30px;padding: 20px;}
#detalhes ul								{padding: 20px;list-style: none;display:flex;flex-wrap: wrap;justify-content: center;}
#detalhes li								{padding: 30px;width: 300px;font-size: 25px;}
#detalhes li div							{justify-content: center;display: flex;padding: 20px;}
#detalhes li div img						{width:150px;height:150px;}
#detalhes #detalhes_bg_bottom				{background-image: url("../files/media/imgs/ondulacao_bottom.svg");background-repeat: repeat-x;height: 38px;}


/* sobre */

#sobre										{color:#003d4a;}
#sobre p									{padding:100px 25px;font-size: 25px;text-align:center;}

/* salas */

#salas										{}
#salas #inclusos							{position: relative;float: left;background: #003d49;color: #0088ac;text-align:center;font-size:25px;padding:50px 50px;}
.sala										{position: relative;width: 100%;display: flex;justify-content: center;align-items: center;}
.sala .mob									{display:none;}
.sala figure, .sala .ficha					{position: relative;float:left;width: 40%;margin: 5%;}
.sala .ficha p								{padding:0 0 0 20px;}
.sala figure								{height: 500px;border-radius: 20px;background-size: cover;background-position: center;}
.sala .detalhes								{}
.sala .detalhes div							{display: flex;align-items: center;}
.sala .detalhes img							{width:60px;margin-left: 20px;}
.sala .detalhes p							{text-align:left;}
@media (max-width: 650px) {
	.sala										{display: block;}
	.sala .mob									{display: block;}
	.sala .desk									{display: none;}
	.sala figure, .sala .ficha					{width: 90%;margin: 5%;}
	.sala p										{}
	.sala .detalhes								{}
	.sala .detalhes div							{}
	.sala .detalhes	img							{}
	.sala .detalhes	p							{}
}
/* 
.sala:nth-child(1) figure						{background-image: url("../files/media/imgs/sala_ar_1800.jpg");}
.sala:nth-child(2) figure						{background-image: url("../files/media/imgs/sala1200.jpg");}
.sala:nth-child(3) figure						{background-image: url("../files/media/imgs/sala2.jpg");}
.sala:nth-child(4) figure						{background-image: url("../files/media/imgs/sala3.jpg");}
.sala:nth-child(5) figure						{background-image: url("../files/media/imgs/sala4.jpg");}
.sala:nth-child(6) figure						{background-image: url("../files/media/imgs/sala5.jpg");}
 */

/* contato */
#contato{
    color: #003d4a;
    padding: 5%;
    overflow: hidden;
}
#contato_container{
    position: relative;
    width: 652px;
    margin: 0px auto;
    padding:50px 0 0 0;
}
@media (max-width: 670px) {
	#contato_container{
		width: 100%;
	}
}
#contato_titulo{
    position: relative;
    width: 100%;
    text-align: center;
}
#contato_img{
    width: 300px;
    display: inline-block;
    margin: 0px 0 0 0;
}
@media (max-width: 670px) {
	#contato_img{
		display: none;
	}
}
#contato_img img{
}
#formulario{
    position: relative;
    float: left;
    width: 652px;
}
@media (max-width: 670px) {
	#formulario{
		width: 100%;
	}
}
#formulario #contato_titulo{
    width: 100%;
    position: relative;
}
#formulario #bloco_1 h1{
    padding:0 0 0 0;
}

#formulario #bloco_2{
    width: 325px;
    position: relative;
    float: left;
}
@media (max-width: 670px) {
	#formulario #bloco_2{
		width: 100%;
	}
}

#formulario #bloco_3{
    width: 325px;
    position: relative;
    float: left;
}
@media (max-width: 670px) {
	#formulario #bloco_3{
		width: 100%;
	}
}

#formulario #bloco_4{
	width: 100%;
    position: relative;
    float: left;
    padding-top: 20px;
}
#formulario #bloco_4 input{
    position: relative;
    float: left;
}
#formulario #bloco_4 #checa{
    position: relative;
    float: left;
}
#formulario #bloco_4 p{
    position: relative;
    float: left;
    margin: -2px 0 0 10px;
}
#formulario #bloco_4 a{
    position: relative;
    float: left;
    margin: -2px 0 0 5px;
}
#formulario #contato_botao{
    background: #fff;
    width: 100px;
    height: 25px;
    position: relative;
    float: right;
    margin-top:20px;
    border: 1px solid;
    border-radius: 5px;
    font-size: 15px;
}

#formulario .form_item{
    width: 100%;
    position: relative;
    float: left;
    padding: 10px 0;
}
#formulario span{
    width: 100%;
    position: relative;
    float: left;
    font-size: 20px;
}

#formulario .contato_form_field{
    width: 300px;
    position: relative;
    float: left;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid;
    font-size: 20px;
    resize: none;
}
@media (max-width: 670px) {
	#formulario .contato_form_field{
		width: 100%;
	}
}
#formulario textarea{
	height:191px;
}
#telefones_email{
    position: relative;
    float: left;
    width: 652px;
    margin: 50px 0;
}
@media (max-width: 670px) {
	#telefones_email{
		width: 100%;
	}
}
#telefones_email ul{
    position: relative;
    display: inline-block;
    margin-left: -15px;
    bottom: 15px;
}
#telefones_email li{
	position:relative;
	float:left;
    list-style: none;
    padding:15px;
    margin:16px 0 0 0;
}

#telefones_email .ico{
	position:relative;
    display: inline-block;
    width:25px;
    height:25px;
}

#telefones_email .t_item{
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
    top: -6.9px;
}

#c_endereco{
	float: left;
	width:100%;
}
#c_endereco h2{
	width:100%;
	text-align:center;
	padding:25px;
}
#c_endereco #mapa{
	height:90%;
}

/* politica */

#privacidade{
	min-height:auto;
	padding-top:100px;
}
#politica_titulo{
	text-align:center;
}

#politica_text{
	padding: 100px;
}
@media (max-width: 550px) {
	#politica_text{
		padding: 100px 10px;
	}
}
#politica_text p{
	margin: 0 0 20px 0;
}


#politica_text .strong{
    font-weight: bold;
    margin: 20px 0 20px 0;
}

#politica_text a{
	color: #0095ff;
}


#politica_text ul{
	margin: 0 0 0 20px;
}


#politica_text li{

}

#wa_form										{box-sizing: border-box;background: #00b753;position: absolute;width:300px;bottom: 60px;right: 60px;border: 5px solid #123459;border-radius:20px 20px 0 20px;box-shadow: 5px 5px 5px #003d49;overflow: hidden;}
#wa_form div									{position:relative;}
#wa_form .waf_top								{background: #005b30;width: 100%;height: 30px;}
#wa_form .waf_top div							{background: #efefef;position: absolute;width: 15px;height: 15px;right: 3px;top: 3px;padding: 0px 5px 9px 5px;text-align: center;font-family: arial;font-size: 20px;border-radius: 15px;cursor:default;box-sizing: initial;}
#wa_form input, #wa_form textarea				{box-sizing: border-box;color: #707070;font-style: italic;font-size: 15px;width:90%;margin:5%;padding: 5px;border: 1px solid #000;border-radius: 10px;}
#wa_form textarea								{height:100px;}
#wa_form button									{padding: 5px;margin:5%;width: 90%;border: 1px solid #000;border-radius: 5px;}

@keyframes cta_wa_anim {
	0%		{
				filter: drop-shadow(0px 0px 0px rgb(100 215 0 / 1));
				-webkit-filter: drop-shadow(0px 0px 0px rgb(100 215 0 / 1));
				-moz-filter: drop-shadow(0px 0px 0px rgb(100 215 0 / 1));
				-o-filter: drop-shadow(0px 0px 0px rgb(100 215 0 / 1));
		 	}
	50% 	{
				filter: drop-shadow(0px 0px 10px rgb(100 215 0 / 1));
				-webkit-filter: drop-shadow(0px 0px 10px rgb(100 215 0 / 1));
				-moz-filter: drop-shadow(0px 0px 10px rgb(100 215 0 / 1));
				-o-filter: drop-shadow(0px 0px 10px rgb(100 215 0 / 1));
			}
	100%		{
				filter: drop-shadow(0px 0px 0px rgb(100 215 0 / 1));
				-webkit-filter: drop-shadow(0px 0px 0px rgb(100 215 0 / 1));
				-moz-filter: drop-shadow(0px 0px 0px rgb(100 215 0 / 1));
				-o-filter: drop-shadow(0px 0px 0px rgb(100 215 0 / 1));
		 	}
}