/* GERAL */
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);

html, body, #wrap { height: 100%; }
fieldset legend { display: none; }
.clear-both { clear: both; }
.centralizar { display: block; max-width: 1170px; margin: 0 auto; text-align: justify; padding: 0 20px 0 10px; }
.sucesso {border-color: #9ADF8F; background: url('../images/icones/success.png') no-repeat; color: #339900; margin-left:40px; width:300px; heigh:40px;}
.sucesso span {margin-left:45px; font: bold  13px Verdana, Geneva, sans-serif; line-height:28px; text-transform:uppercase;}
.fracasso {border-color: #DF8F8F; background: url('../images/icones/error.png') no-repeat; color: #cc0000; margin-left:40px; width:300px; heigh:40px;}
.fracasso span {margin-left:45px; font: bold  13px Verdana, Geneva, sans-serif; line-height:28px; text-transform:uppercase;}
.botao { float: left; width: 150px; height: 45px; cursor: pointer; font: 20px/45px 'Oswald', sans-serif; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 100; }
.botao:hover { opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */}


.link { float: left; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #e5871c; text-decoration: none; } 
.link:hover {text-decoration: underline;}
body > #wrap { height: auto; min-height: 100%; overflow-x: hidden; }
h2 { float: left; width: 100%; font: 32px/60px 'Oswald', sans-serif; font-weight: 700; text-transform:uppercase; }
h3 { width: 100%; font: 16px/30px 'Oswald', sans-serif!important; color: #ffde00; font-weight:400!important; color: #0f2848; text-transform:uppercase; }
.texto { float: left; width: 100%; font: 16px/18px 'Oswald', sans-serif; font-weight: 100; color: #666a74; text-decoration: none; text-align: justify; }

.vermelho { background: #d50000!important; }
.texto-vermelho {color: #d50000!important;}
.verde { background: #2f8413!important;}
.texto-verde { color: #2f8413!important;}
.laranja { background: #F90!important;}
.texto-laranja { color: #F90!important;}
.azul {background: #0052f6!important;}
.texto-azul { color: #0052f6!important;}
.azulmarinho{ background: #069!important;}
.texto-azulmarinho { color: #069!important;}
.preto{ background: #000!important;}
.texto-preto{ color: #000!important;}
.roxo { background:#936!important;}
.texto-roxo { color:#936!important;}
.rosa { background:#C06!important;}
.texto-rosa {color:#C06!important;}
.amarelo { background:#FC0;}
.texto-amarelo{color:#FC0!important;}

/* FORMULÁRIOS */
.formulario { float: left; width: 100%; }
.formulario small { float: left; width: 130px; height: 15px!important; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 25px; font-size: 14px; color:#666; margin-bottom: 10px; padding: 0 20px 0 0; }
.formulario label { float: left; width: 100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 15px; font-size: 14px; color:#666; margin: 5px 0 0 0;  }
.formulario label span { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 15px; font-size: 14px; color:#F30; }
.formulario input { float: left; width: 98%; padding: 0 1%; height: 45px; border: none; font: 16px/35px Arial, Helvetica, sans-serif; background: #c3c9ce; color: #4a4e55; margin-bottom: 10px;  }
.formulario select { float: left; width: 100%; padding: 0 1%; height: 45px; border: none; font: 16px/35px Arial, Helvetica, sans-serif; background: #c3c9ce; color: #4a4e55; margin-bottom: 10px;  }
.formulario input[type="radio"]  { float: left; width: 15px; height: 15px; border: none; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin-right: 8px; }
.formulario input[type="checkbox"]  { float: left; width: 15px; height: 15px; border: none; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin-right: 3px; }
.formulario input#submit {float: left; width: 150px!important; height: 45px; cursor: pointer; font: 20px/45px 'Oswald', sans-serif; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 100;}
.formulario input#submit:hover { opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */}
.botao:hover { opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */}
.formulario textarea { float: left;width: 98%; padding: 10px 1%; height: 108px; border: none; font: 16px Arial, Helvetica, sans-serif; background: #c3c9ce; color: #4a4e55; resize: none;}
.formulario .certo { background: #e9f9e6 url('../images/icones/success.png') no-repeat right center; border-color: #227b16 #87d97b #87d97b #227b16; color: #227b16;}
.formulario .errado { display: block; background: #f9e6e6 url('../images/icones/error.png') no-repeat right center; border-color: #cb0000 #d97b7b #d97b7b #cb0000; color: #cb0000; }
.notificacao { float: left; margin: 0 0 10px 0; width: 100%!important; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; border: 1px solid; background-position: 10px center!important; }
.sucesso { border-color: #9ADF8F; background: #D5FFCE url('../images/icones/success.png') no-repeat; color: #339900; width:300px; }
.sucesso .trata-texto-msg {float: left!important; margin-left:40px!important; font: bold 12px Verdana, Geneva, sans-serif!important; color: #539B2D!important; padding: 10px 0!important;  }
.fracasso { border-color: #DF8F8F!important; background: #FFCECE url('../images/icones/error.png') no-repeat;  }
.fracasso .trata-texto-msg {float: left!important; margin-left:40px!important; font: bold 12px Verdana, Geneva, sans-serif!important; color: #B1221B!important; padding: 10px 0!important;   }
.formulario .certo-inf { display: inline; color: #227b16; margin-top: 5px; }
.formulario .errado-inf { display: inline; color: #900; margin-top: 5px; }


/* AGENDA QUADRAFACIL */
#agenda-quadrafacil { 
	padding: 0 1%; 
	border: none; 
	background: #c3c9ce;
	float: right; 
	width: 150px!important; 
	height: 45px; 
	cursor: pointer; 
	font: 20px/45px 'Oswald', sans-serif; 
	color: #fff; 
	text-align: center; 
	text-decoration: none; 
	text-transform: uppercase; 
	font-weight: 100;
	margin: 150px 60px 0px 60px;
}
#agenda-quadrafacil:hover { 
	opacity: 0.7; 
	filter: alpha(opacity=70); /* For IE8 and earlier */
}

/* TOPO */
.topo { float: left; width: 100%; height: 245px; }

/* CIMA */
.cima {float: left; width: 100%; height: 50px; background: #01385a;}

/* NAVEGAÇÃO SECUNDÁRIA */
.navegacao-secundaria { float: left; }
.navegacao-secundaria li { float: left; margin-right: 15px; }
.navegacao-secundaria a { font: 14px/50px 'Oswald', sans-serif; color: #858586; font-weight:100; text-decoration: none; }
.navegacao-secundaria a i { font-size: 18px; margin-right: 5px; }
.navegacao-secundaria a span:hover { text-decoration: underline; }

/* ENDEREÇO */
.endereco { float: right; font: 14px/50px 'Oswald', sans-serif; color: #858586; font-weight:100; text-decoration: none;}
.endereco i { font-size: 18px; margin-right: 5px; }

/* LOGO */
h1 a img {float: left; width: 250px; height: 125px; font-size: 0px; margin: 5px 0 5px 0; } 

/* TELEFONE */
.telefone { float: right; font: 36px/127px 'Oswald', sans-serif; text-decoration:none!important; color: #01385a; font-weight: 700; }
.telefone i { font-size: 40px; margin-right: 10px; }





/* NAVEGAÇÃO PRINCIPAL*/
.topo .menu-principal { float: left; width: 100%; height: 60px; }
.topo .menu-principal li { float: left; line-height: 60px; height: 60px; }
.topo .menu-principal li a { float: left; padding: 0 15px; height: 60px; font: 20px/60px 'Oswald', sans-serif; color: #fff; font-weight: 500; text-transform:uppercase; text-decoration: none; }
.topo .menu-principal li a:hover { background-color: rgba(255,255,255, 0.3);}
.topo .menu-principal li a.ativo { background-color: rgba(255,255,255, 0.3);}

.dl-menuwrapper {display: none;}

/* MENU MOBILE */
.topo .menu-principal .menu-mobile { float: left; display: none; height: 35px; font: 18px/16px 'Coda', cursive; font-weight:500; color: #fff; text-transform:uppercase; text-decoration: none; margin: 10px 0 0 0;}

/* BANNER */01385a
#content { float: left; width:100%; height:500px; position: relative; }

/* CORPO */
.corpo { float: left; width: 100%; padding-bottom: 290px; }
.img-estrutura {border-radius:12px;}

/* RESERVA ONLINE */
.reserva-online { width: 100%; padding: 20px 0;}
.reserva-online .esquerda { float: left; width: 31%; margin-right: 1%;}
.reserva-online .esquerda p { font: 18px 'Oswald', sans-serif; color: #01385a; font-weight:400; }
.reserva-online .esquerda img { max-width: 100%; padding-top: 10px;}
.reserva-online .meio { float: left; width: 31%; margin-right: 1%;}
.reserva-online .meio img { max-width: 100%; }
.reserva-online .direita { float: left; width: 31%; }

/* CHAMADAS*/
.chamadas li { float: left; width: 31%; padding: 1%; padding-bottom: 20px;  }
.chamadas i { width: 100%; color: #01385a; font-size: 90px; text-align:center; }
.chamadas li p { padding: 10px; min-height: 130px; font: 16px 'Oswald', sans-serif; color: #01385a; font-weight:300; text-align: center;}

/* RODAPE */
.rodape { float: left; position: relative; margin-top: -290px; height: 290px; width: 100%; clear:both; background: #01385a;} 
.rodape .rodape-meio { float: left; width: 100%; height: 230px; }
.rodape .rodape-meio .coluna-rodape { float: left; width: 22%; height: 220px; margin-right: 3%; }
.rodape .rodape-meio .coluna-rodape h2 { font: 20px/45px 'Oswald', sans-serif!important; color: #858586; font-weight:700!important; padding: 0; margin: 8px 0 3px 0!important;}
.rodape .rodape-meio .coluna-rodape p { text-align: center; font: 16px 'Oswald', sans-serif!important; color: #fff; font-weight: 100!important;}
.rodape .rodape-meio .coluna-rodape .bandeiras-pagseguro { position: relative; max-width: 100%; left: 50%; margin-left: -115.5px;}
.rodape .rodape-meio .coluna-rodape .menu-rodape { float: left; }
.rodape .rodape-meio .coluna-rodape .menu-rodape li { float: left; width: 100%; border-bottom: solid 1px #191919; border-top: solid 1px #515151; }
.rodape .rodape-meio .coluna-rodape .menu-rodape li a { float: left; color: #858586; font: 16px/35px 'Oswald', serif; font-weight: 100; text-decoration: none; }
.rodape .rodape-meio .coluna-rodape .menu-rodape li a:hover {color: #fff; }
.rodape .rodape-meio .coluna-rodape .menu-rodape li a.ativo { color: #fff; }
.rodape .rodape-meio .coluna-rodape .redes-sociais { float: left; }
.rodape .rodape-meio .coluna-rodape .redes-sociais li a { float: left; text-decoration:none; padding: 5px 0; }
.rodape .rodape-meio .coluna-rodape .redes-sociais li a img {float: left; margin-right: 5px; }
.rodape .rodape-meio .coluna-rodape .redes-sociais li a span { float: left; line-height: 28px; color: #858586; font: 16px 'Oswald', serif; font-weight: 100; text-decoration: none;   }
.rodape .rodape-meio .coluna-rodape .redes-sociais li a span:hover { color: #fff;   }
.rodape .rodape-meio .coluna-rodape .contatos li i { float: left; color: #858586; font-size: 20px; margin-right: 5px;}
.rodape .rodape-meio .coluna-rodape .contatos li { float: left; width: 100%; color: #858586; padding: 8px 0; font: 14px 'Oswald', serif; font-weight: 100; text-decoration: none; }
.rodape .rodape-meio .coluna-rodape .link-rodape { color: #858586!important; text-decoration: none; }
.rodape .rodape-meio .coluna-rodape .link-rodape:hover { color: #fff!important; }
.rodape .baixo { float: left; width: 100%; }
.rodape .copyright { float: left; width: 70%; font: 14px/60px 'Oswald', serif; font-weight: 300; color: #fff; margin: 0 0 0 10px; }
.rodape .assinatura { float: right; width: 160px; height: 50px; }
.rodape .assinatura p { float: left; font: 14px/60px 'Oswald', serif; font-weight: 300; color: #fff; text-decoration: none; text-transform: uppercase; }
.rodape .assinatura a { float: right; width: 40px; height: 34px; background: url('../images/logo-quadrafacil.png') no-repeat 0 0; margin: 15px 10px 0 0; font-size:0px;}

@media only screen and (min-width: 769px) and (max-width: 960px) {
	
	.centralizar { max-width: 930px; }
	
	/* CHAMADAS*/
	.chamadas li p {  min-height: 180px; }
		
	/* RODAPE */
	.rodape .rodape-meio .coluna-rodape { width: 22%; }
	.rodape .rodape-meio .coluna-rodape h2 { font-size: 16px!important; }
	.rodape .rodape-meio .coluna-rodape .bandeiras-pagseguro { position: relative; max-width: 100%; left: 0; margin-left: 0;}
	.rodape .rodape-meio .coluna-rodape .contatos li span {font-size: 24px; }
	.rodape .rodape-meio .coluna-rodape-2colunas{ width: 40%;}
	.rodape .rodape-meio .coluna-rodape-2colunas h2 { font-size: 24px; }
	.rodape .copyright { width: 60%; }

}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	
	.centralizar { max-width: 738px; }
	
	/* ENDEREÇO */
	.endereco { display: none;}
	
	/* TELEFONE */
	.telefone { font: 28px/127px 'Oswald', sans-serif; }
	.telefone i { font-size: 32px; margin-right: 10px; }
	
	/*MENU*/
	.dl-menuwrapper {display: block;}
	nav { display: none; }
	
	/* CORPO */
	.corpo { padding-bottom: 540px; }

	/* RESERVA ONLINE */
	.reserva-online .esquerda { width: 47%; }
	.reserva-online .esquerda h2 { font-size: 28px;}
	.reserva-online .meio { display: none;}
	.reserva-online .direita { float: right; width: 48%; }

	/* CHAMADAS*/
	.chamadas li { width: 98%; padding: 1%; padding-bottom: 10px;  }
	
	
	/* RODAPE */
	.rodape { margin-top: -540px; height: 540px; } 
	.rodape .rodape-meio { width: 100%; height: 440px;  }
	.rodape .rodape-meio .coluna-rodape .bandeiras-pagseguro { position: relative; max-width: 100%; left: 0; margin-left: 0;}
	.rodape .rodape-meio .coluna-rodape { width: 45%; height: 200px; margin: 2%; }
	.rodape .rodape-meio .coluna-rodape .menu-rodape { margin-top: 10px; }
	.rodape .baixo { height: 100px; border: none;}
	.rodape .copyright { width: 95%; font: 14px/43px 'Oswald', serif; text-align:center; }
	.rodape .assinatura { position: absolute; left: 50%; width: 160px; height: 21px; margin-left: -80px; margin-top: 60px; }
	.rodape .assinatura p { font: 12px/35px "Trebuchet MS", Arial, Helvetica, sans-serif;  }
	.rodape .assinatura a { float: right; height: 34px; margin: 0;}
		
}

@media (max-width: 480px) {

	.centralizar { max-width: 450px; }
	#content {height:225px!important;}
	.pgwSlider a {font-size:14px!important;}
	
	/* TOPO */
	.topo { height: 290px; }
	
	/* ENDEREÇO */
	.endereco { display: none;}
		
	/* LOGO */
	.topo h1 { float: left; width: 250px; height: 125px; position: relative; left: 50%; margin-left: -125px; }
	.topo h1 a img { width: 100%; height: 100%; } /* 325px / 1170 */	
	
		/* TELEFONE */
	.telefone { float: right; width: 100%; font: 36px/50px 'Oswald', sans-serif; color: #01385a; font-weight: 700; margin-bottom: 20px; text-align: center;}
	.telefone i { font-size: 40px; margin-right: 10px; }
	
		/*MENU*/
	.dl-menuwrapper {display: block;}
	nav { display: none; }
	
	/* CORPO */
	.corpo { float: left; width: 98%; padding: 20px 1% 990px 1%; }
	
	/* RESERVA ONLINE */
	.reserva-online .esquerda { width: 100%; }
	.reserva-online .esquerda h2 { font-size: 28px;}
	.reserva-online .meio { display: none;}
	.reserva-online .direita { float: right; width: 100%; }

	/* CHAMADAS*/
	.chamadas li { width: 98%; padding: 1%; padding-bottom: 10px;  }
	
		
	/* RODAPE */
	.rodape { margin-top: -990px; height: 990px; } 
	.rodape .rodape-meio { width: 100%; height: 890px;  }
	.rodape .rodape-meio .coluna-rodape { float: left; width: 98%; height: 210px; margin: 1%; }
	.rodape .rodape-meio .coluna-rodape .menu-rodape { margin-top: 10px;  width: 100%!important; }
	.rodape .baixo { height: 100px; border: none;}
	.rodape .copyright { width: 95%; font: 10px/73px 'Oswald', serif; text-align:center; }
	.rodape .assinatura { position: absolute; left: 50%; width: 160px; height: 21px; margin-left: -80px; margin-top: 60px; }
	.rodape .assinatura p { font: 12px/35px "Trebuchet MS", Arial, Helvetica, sans-serif;  }
	.rodape .assinatura a { float: right; height: 34px; margin: 0;}
	 

}