@CHARSET "ISO-8859-1";
@font-face {
    font-family: 'eras';
    src: url('fonte/ERASBD.TTF');
}
/* ==========================================================================
   Normatização CSS
   ========================================================================== */
a img{border:0;}
body {font-size:12px;font-family: verdana;color:#666;margin:0;padding:0;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clr{clear: both;}
::selection {background:#95b73d;color:#fff;}/* webkit, opera, IE9 */
::-moz-selection{background:#95b73d;color:#fff;}/* mozilla firefox */
/* ==|== Estilos Principais ================================================== */
.largura{
	max-width: 1100px;
	text-align: left;
}
#logo{
	float:left;
	margin:38px 0 0 51px;
}
#contato_head{
	float:right;
	margin: 38px 0 0 0;
	font-size:18px;
	width:450px;
	font-family: eras;
	color:#0c73a5;
	line-height: 36px;
}
#contato_head a{color:#0c73a5;text-decoration: none;}
#contato_head a:HOVER{text-decoration: underline;}
header .menu_principal{
	position:absolute;
	top:165px;
	left:50%;
	margin-left:-53px;
}
header .menu_principal a {padding:11px 9px;text-decoration: none;font-family: eras;font-size:14px;color:#fff;	transition:all 700ms;-moz-transition:all 700ms;-o-transition:all 700ms;-webkit-transition:all 700ms;}
header .menu_principal a:hover {text-decoration: underline;color:#51d2f8;}
header .menu_principal .ativo{color:#16495c;}
.menu_mobile{display: none;}
h1{
	font-size:36px;
	font-family: eras;
	color:#0c73a5;
	line-height: 36px;
	text-align: left;
}
.espaco_superior_home{height: 380px;}
.espaco_superior{height: 15px;}
.h1_principal{
	font-size:40px;
	text-shadow: 3px 3px 2px #0850cb;
	margin:40px 0 60px 0;
	color:#fff;
}
h2{
	font-size:16px;
	font-family: eras;
	color:#0c73a5;
	line-height: 19px;
	text-align: justify;
}
p{
	font-size:12px;
	font-family: verdana;
	color:#666;
	line-height: 20px;
	text-align: justify;
}
.whatsapp-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	cursor: pointer;
}

.whatsapp-button img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	transition: transform 0.3s ease;
}

.whatsapp-button img:hover {
	transform: scale(1.1);
}

.home_produtos2{display: none;}
.home_servicos2{display: none;}
.divisor_central{
	background: url('../img/divisor_central.png') center top no-repeat;
	background-size: 27px 100%;
}
.noticias{
	float:left;
	width:530px;
	text-align: right;
}
.noticia{
	min-height: 170px;
}
.noticia a{text-decoration: none;color:#0c73a5;transition:all 700ms;-moz-transition:all 700ms;-o-transition:all 700ms;-webkit-transition:all 700ms;}
.noticia a:HOVER{color:#51d2f8;}

.noticia img{
	background: url('../img/bg_img.png') center bottom no-repeat;
	padding-bottom:17px;
	margin: 0 10px 10px 0;
	width: 153px;
	height: 170px;
}
.ver_mais{
	position:absolute;
	font-size:16px;
	font-family: eras;
	color:#0c73a5;
	line-height: 19px;
	text-decoration: none;
	text-align: justify;
	margin:-30px 0 0 -85px ;
	transition:all 700ms;-moz-transition:all 700ms;-o-transition:all 700ms;-webkit-transition:all 700ms;
}
.ver_mais:HOVER{
	color:#51d2f8;
}
.box_fotos_right{
	float:right;
	width:500px;
}
.piscinas img{
	background: url('../img/bg_img2.png') center bottom no-repeat;
	background-size:100% 20px;
	padding-bottom:15px;
	width: 218px;
	height: 151px;
	margin-right:30px;
	margin-bottom: 5px;
}
.box_ver_mais{
	font-size:16px;
	font-family: eras;
	color:#0c73a5;
	text-decoration: none;
	text-align: center;
	padding: 5px 193px;
	background: #a1c8ed;
	transition:all 700ms;-moz-transition:all 700ms;-o-transition:all 700ms;-webkit-transition:all 700ms;
}
.box_ver_mais:HOVER{
	color:#51d2f8;
	background: #aae0f0;
}

.page_piscinas img{
	background: url('../img/bg_img2.png') center bottom no-repeat;
	padding-bottom:15px;
	width: 218px;
	height: 151px;
	margin:0 25px 20px 25px;
}
.img{
	background: url('../img/bg_img3.png') center bottom no-repeat;
	background-size:100% 100%;
	padding-bottom:17px;
	margin: 0 20px 10px 20px;
	width: 221px;
	height: 150px;
}
a img:HOVER{
	-webkit-filter:	brightness(1.07);
	-moz-filter:	brightness(1.07);
	-ms-filter:		brightness(1.07);
	-o-filter:		brightness(1.07);
	filter:			brightness(1.07);
}
.foto{
	background: url('../img/bg_img2.png') center bottom no-repeat;
	background-size:100% 23px;
	padding-bottom:17px;
}
.orcamento{
	background-image: linear-gradient(to bottom, #0c73a5,#07557b);
}
.orcamento h1{
	color:#fff;
	padding:20px 0;
	float:left;
}
.orcamento .btn{
	background-image: linear-gradient(to bottom, #fedc49,#feb622);
	color:#896614;
	text-shadow: 0.05em 0.05em 0.02em #fff;
	margin:20px 0;
	padding:15px 90px;
	float:right;
	text-align:center;
	font-size:24px;
	font-family: eras;
	line-height: 24px;
	-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;box-shadow: 1px 1px 3px #666;
	transition:all 700ms; -moz-transition:all 700ms; -o-transition:all 700ms; -webkit-transition:all 700ms;
}
.orcamento a{color:#896614;text-decoration: none;}
.btn:hover{background-image: linear-gradient(to bottom, #fcc33d,#fc9d1d);
	margin:15px 0;
	padding:20px 90px;}
	



.contato{
	float:right;
	padding: 10px 20px 10px 20px;
	width: 400px;
	background-image: linear-gradient(to bottom, #0c73a5,#07557b);
	-moz-border-radius: 0 40px 40px 40px; -webkit-border-radius: 0 40px 40px 40px; border-radius: 0 40px 40px 40px;
	color:#fff;
}
.contato h1{
	text-align:center;
	color:#fff;
	font-size: 25px;
}
.contato label{
	text-align:left;
	color:#fff;
	font-family:eras;
	font-size: 14px;
}
.contato .campo{
	padding: 0 0 15px 0;
}
.contato .campo input[type="text"], .contato .campo textarea, .contato .campo select{
	background: url('../img/bg_input.png') center bottom repeat-x; 
	width:100%;
	padding: 5px;
	border:0;
	border-bottom: solid 2px #fff;
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	color:yellow;
}
 .contato .campo textarea{height: 150px;background-size:100% 100%;}
  .contato .campo select option{background:#0a6693;color: #51d2f8;padding:2px;}
.contato .campo input[type="submit"]{
	background-image: linear-gradient(to bottom, #fedc49,#feb622);
	color:#896614;
	width:100%;
	text-shadow: 0.05em 0.05em 0.02em #fff;
	padding:10px 0;
	text-align:center;
	font-size:16px;
	font-family: eras;
	line-height: 24px;
	cursor:pointer;
	-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;box-shadow: 1px 1px 3px #666;
	border:0;
	transition:all 700ms; -moz-transition:all 700ms; -o-transition:all 700ms; -webkit-transition:all 700ms;
}
.contato .campo input[type="submit"]:HOVER{
	background-image: linear-gradient(to bottom, #fcc33d,#fc9d1d);
}
.contato_informacoes{float:left;width:650px;}
.contato_informacoes .info_contato{margin:0;margin-top:10px;width:100%; text-align: left; border-bottom:solid 1px #51d2f8;padding-bottom:15px;font-family: eras;}
.contato_informacoes .info_contato .ico{text-align: center;width:50px;}
.contato_informacoes .info_contato, .info_contato a{font-size:16px; color:#0c73a5;; text-decoration: none;transition:all 700ms;-moz-transition:all 700ms;-o-transition:all 700ms;-webkit-transition:all 700ms;}
.contato_informacoes .info_contato a:HOVER{text-decoration: underline;color:#51d2f8;}



/*RODAPE*/
footer{
	background-image: linear-gradient(to bottom, #0c73a5,#07557b);
	margin-top:30px;
	color:#fff;
	font-family: eras;
	font-size:14px;
}
footer table{
	color:#fff;
	font: normal 12px verdana;
}
footer .rodape{
	background: url('../img/bg_rodape.png') center top repeat-x;
	min-height: 300px;
	padding-top:60px;
}
footer nav{float:left;width:290px;padding-left:20px;line-height: 30px;}
footer nav span{color:#51d2f8;}
footer nav a {text-decoration: none;font-family: eras;font-size:14px;color:#fff;transition:all 700ms;-moz-transition:all 700ms;-o-transition:all 700ms;-webkit-transition:all 700ms;}
footer nav a:hover {text-decoration: underline;color:#51d2f8;}
footer nav .ativo{color:#16495c;}

footer .rodape_contato{
	float:left;
	width:405px;
}
footer .rodape_contato .info_contato{margin:0;margin-top:10px;width:100%; text-align: left; border-bottom:solid 1px #51d2f8;padding-bottom:15px;font-family: eras;}
footer .rodape_contato .info_contato .ico{text-align: center;width:50px;}
footer .rodape_contato .info_contato, footer .rodape_contato .info_contato a{font-size:16px; color:#fff; text-decoration: none;transition:all 700ms;-moz-transition:all 700ms;-o-transition:all 700ms;-webkit-transition:all 700ms;}
footer .rodape_contato .info_contato a:HOVER{text-decoration: underline;color:#51d2f8;}
footer .fb-page{
	float:right;
	width:350px;
	height: 240px;
}
footer .copyright{
	text-align: left;
	padding-bottom: 10px;
	margin-top:10px;
}



/* ---------------- Barra de rolagem Google Chrome---------------- */
	::-webkit-scrollbar {
	width: 10px;
	height: 5px;
	}
	::-webkit-scrollbar-track-piece {
	background: #e5eef5;
	}
	::-webkit-scrollbar-thumb:vertical {
	height: 9px;
	background: #3f6883;
	border:solid 1px #33546a;
	border-radius: 10px;
	}
	::-webkit-scrollbar-thumb:horizontal {
	width: 5px;
	background-color: #0c73a5;
	}
/*---------- P�GINA NOT�CIAS ----------*/
	#noticia{
		margin-top:-40px;
	}
	#noticia_texto{
		float:left;
		width:750px;
	}
	#historico_blog{
		float:right;
		width:330px;
		margin-top:40px;
		background:url('../img/pixel.png');
		border:double 4px #f0f0f0;
		-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	}
	#historico_iframe{
		height:1000px;
		width:100%;
		-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;
	}
	#blog_img_principal{
		margin-right:40px;
	}
	.lista_noticia{
	     width: 100%; 
	     margin: 0;
	     border-bottom: solid 1px #C3C3C3;
	}
	
	.data_publicacao{
	    color: #565656;
	    opacity: 0.5;
	    font-size: 11px;
	    line-height: 14px;
	    transition: opacity .1s ease-in-out;
	}
	.titulo_noticia_resumo a:link, .titulo_noticia_resumo a:visited{
	    text-decoration:none;
	    color: #2786b9; 
	    font-weight: bold;
	}
	.titulo_noticia_resumo a:hover, .titulo_noticia_resumo a:active{
	    text-decoration:none;
	    color: #cd3b3b; 
	    font-weight: bold;
	}
	.ultima_noticia{
		margin-top: 40px;
	}
	.tags{
	    padding:0;
	    display: block;
	    margin: 20px 0 100px 0;
	    font-size: 13px;
	    text-transform: uppercase;
	}
	
	.tags li{
	    color: #5d4621;
	    float: left;
	    margin-right: 20px;
	    left: 0;
	    list-style-type: none;    
	}
	.tags a:link, .tags a:visited {text-decoration: none; color: #2786b9; font-weight: bold; font-size: 10px;border:solid 1px #c2daf4; background: #deebfb; padding: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition:all 700ms;-moz-transition:all 700ms;-o-transition:all 700ms;-webkit-transition:all 700ms;}
	.tags a:active, .tags a:hover {text-decoration: none; color:#2786b9; font-weight: bold; background: #b2d1f0;border-color: #2786b9;}
	
	
	
	.abre_comentario{
	    color: #2786b9; 
	    font-weight: bold;
	}
	.abre_comentario:hover{
	    cursor:pointer;
	    color: #cd3b3b; 
	    font-weight: bold;
	}
	#comentarios{
	    background-image: linear-gradient(to bottom, #b2d1f0,#deebfb);
	    margin-top: 10px;
	    padding: 10px;
	    font-size: 11px;
	    /*display: none;*/
	}
	.form_comentario input[type="text"]{
	    width: 600px;
	    padding: 5px;
	    margin-bottom: 5px;
	}
	.form_comentario textarea{
	    width: 600px;
	    height: 50px;
	    padding: 5px;
	    margin-bottom: 5px;
	}
	.form_comentario input[type="submit"]{
	    width: 100px;
	    padding: 5px;
	    margin-bottom: 5px;
	    font: 12px Verdana;
	    background: #2786b9;
	    border:solid 1px #2786b9;
	    color:#fff;
	    cursor: pointer;
	}
	.form_comentario input[type="submit"]:HOVER{
		background:#51d2f8;
	    transition:all 700ms;-moz-transition:all 700ms;-o-transition:all 700ms;-webkit-transition:all 700ms;
	}
	.campo{
	    font:12px Verdana;
	}
	.comentarios{
	    background:#ebdcc4;
	    padding: 10px;
	    margin-top:10px;
	}
	
	.abre_resposta{
	    color: #2786b9; 
	    font-weight: bold;
	    margin-left: 50px;
	}
	.abre_resposta:hover{
	    cursor:pointer;
	    color: #cd3b3b; 
	    font-weight: bold;
	}
	#respostas{
	    margin-top: 10px;
	    margin-left: 50px;
	    background: #d5bc94;
	    display: none;
	    padding: 10px;
	}
	.respostas{
	    background: #d5bc94;
	    padding: 10px;
	    margin-bottom: 10px;
	}
	.form_resposta input[type="text"]{
	    width: 520px;
	    padding: 5px;
	    margin-bottom: 5px;
	}
	.form_resposta textarea{
	    width: 520px;
	    height: 50px;
	    padding: 5px;
	    margin-bottom: 5px;
	}
	.form_resposta input[type="submit"]{
	    width: 100px;
	    padding: 5px;
	    margin-bottom: 5px;
	    font: 12px Verdana;
	    background: #2786b9;
	    color:#fff;
	    cursor: pointer;
	}
	.filtro{
		font: normal 12px verdana;
	}
	.filtro a:link, .filtro a:visited {text-decoration: none; color: #2786b9; font-weight: bold;}
	.filtro a:active, .filtro a:hover {text-decoration: underline; color:#ffd9d9; font-weight: bold;}
	
	.slider{
	    background:url('../img/pixel.png');
	    border:double 3px #734c0f;
	    -moz-border-radius:10px;
	    -webkit-border-radius:10px;
	    border-radius:10px;
	}
	.slider img{
	    margin:2px;
	    background: #fff;
	    border: solid 1px #dedede;
	    box-shadow: 0 1px 1px #FFF;
	}
	.slider img:hover {
		border: solid 1px #2786b9;
		background: #fedede;
		opacity:0.85;
		-moz-opacity: 0.85;
		filter: alpha(opacity=85);
	}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (max-width: 1100px) {
	body{background-image: linear-gradient(to right, #e5eef7, #fbfcfe,#e5eef7);}
	#logo{width: 100%;padding: 30px 15%;margin: 0;}
	#contato_head{display: none;}
	.largura{width: 100%;}
	
	/* MENU */
		header .menu_principal{display: none;}
		.menu_mobile{display: block;font-family:eras;width: 90%;border:2px solid #fff;padding: 0 10px;margin: 1em 5% 1.0em 5%;background:#0b6b9a;-moz-border-radius:10px;-webkit-border-radius: 10px; border-radius:10px;line-height: auto;}
		.menu_mobile a {color:#fff; text-decoration: none;}
		
		.nav {max-height: 0;overflow: hidden;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
		.nav.active {max-height: 30em;}
		.nav ul {display: inline-block;width: 100%;padding: 10px;margin-bottom:10px; background: #51d2f8;color: #000;-moz-border-radius:10px;-webkit-border-radius: 10px;border-radius:10px;}
		.nav li a {display: block;padding: 5px;text-decoration: none;border-bottom: 1px solid #fff;text-align:center;font-size: 1.8em;}
		.nav li a:hover {background: #0b6a98;text-decoration: none;color: #fff;}
		
		.a {position: relative;display: inline-block;width: 40px;height: 24px;border-bottom: 5px solid #000;border-top: 5px solid #000;}
		.a:before {content: "";position: absolute;
		  width: 40px; /* Needs to be explicitly defined and not "inherit" for practical uses */
		  height: 10px;border-bottom: 5px solid #000;}
		
		.b {position: relative;display: inline-block;font-size: 32px;font-weight: bold;text-transform: uppercase;}
		.b:before,
		.b:after {content: ""; position: absolute;top: 6px;right:-80%;display: inline-block;
		  width: 36px; /* Makes the pseudo elements clickable since we're using box-shadows */
		  height: 26px; /* Makes the pseudo elements clickable since we're using box-shadows */
		}
		.b:after {height: 6px;background: #fff;border-radius: 3px;box-shadow: 0 10px 0 0 #fff,0 20px 0 0 #fff;}
	/* FIM MENU */
	p{padding:0 10px;}
	.espaco_superior_home{height: 0px;}
	.espaco_superior{height: 0px;}
	.h1_principal{
		background: url('../img/bg_ladrilhos.jpg') center top;
		padding:40px 10px;
	}
	.gota_esq{display: none;}
	.gota_dir{display: none;}
	.home_produtos{display: none;}
	.home_produtos2{display: block;}
	.home_servicos{display: none;}
	.home_servicos2{display: block;}
	.categoria img{float:left;}
	.img{
		width:46%;
		margin: 0 2%;
		height: auto;
	}
	.page_piscinas img{
		width:46%;
		margin: 0 2%;
		height: auto;
	}
	.divisor_central{background: none;}
	.noticias{
		width:100%;
		padding: 0 10px;
	}
	.ver_mais{
		margin:-10px 0 0 -85px ;
	}
	.box_fotos_right{
		width:100%;
		padding: 0 10px;
	}
	.box_fotos_right img{
		width:46%;
		margin: 0 2%;
		height: auto;
	}
	.box_ver_mais{
		padding: 5px 30%;
	}
	.orcamento{padding-bottom:5px;}
	.orcamento h1{
		padding:10px 0 0 0;
		float:none;
		text-align: center;
	}
	.orcamento .btn{
		margin:0 10px 10px 10px;
		padding:15px 0;
		float:none;
	}
	.contato{
		width:100%;
	}
	footer .rodape_contato{
		width:100%;
	}
	footer .fb-page{
		float:right;
		width:100%;
		text-align: center;
	}
	footer .copyright{
		text-align: left;
		padding-top: 380px;
		padding-bottom: 10px;
	}
	::-webkit-scrollbar {
		display:none;
	}
	/*noticias mobile*/
		#noticia_texto{
			float:none;
			width:100%;
			padding: 5px;
		}
		#historico_blog{
			float:none;
			width:100%;
			padding: 0 2%;
		}
		#historico_iframe{
			height:250px;
		}
		.form_comentario input[type="text"], .form_comentario textarea{
		    width: 100%;
		}
		#blog_img_principal{
			max-width: 50%;
			margin-right: 20px;
		}
	/*fim noticias mobile*/
}
/*---------- FIM P�GINA NOT�CIAS ----------*/