@charset "utf-8";

/**
 *

 * @author: noxerMob - Soluções práticas para Agências Digitais

 * @site: http://www.noxermob.com

 * @date: 2014/06/05

 *

 * Copyright(c) Todos os direitos reservados

 *

**/

.cta-wpp {
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 99999;
}

.btn-whatsapp {
	background: url(../img/bg/especialista.webp) no-repeat center;
	background-size: 80%;
	position: relative;
	border-radius: 40px;
	border: 0px solid #4caf50;
	width: 100px;
	height: 100px;
	display: block;
	float: right;
	transition: all .5s ease-in-out;
	text-indent: -9999px;
}

.btn-whatsapp:hover,
.btn-phone:hover {
	transform: scale(1.05);
}

.cta-wpp-mensagem {
	background-color: #FFFFFF;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	padding: .5rem 1rem;
	border-radius: 10px 10px 0px;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	animation: grow 3s linear, nudge 3s linear infinite;
	max-width: 160px;
	line-height: 115%;
}

@keyframes grow {
	0% {
		width: auto;
		max-width: 0px;
		max-height: 74.375px;
		transition: max-width 1s ease-in-out, color 0.2s ease-in-out;
		color: transparent;
	}

	35% {
		transition: color 1.5s ease-in-out;
		text-indent: unset;
		max-width: 160px;
		color: #000;
	}
}

@keyframes nudge {
	80% {
		transform: translate(0, 0) rotate(0deg);
	}

	85% {
		transform: translate(-2px, 2px) rotate(-2deg);
	}

	90% {
		transform: translate(0, 0) rotate(0deg);
	}

	95% {
		transform: translate(2px, 2px) rotate(2deg);
	}

	100% {
		transform: translate(0, 0) rotate(0deg);
	}
}



/* GLOBAL STYLES

-------------------------------------------------- */



@font-face {

    font-family: 'cabinregular';

    src: url('../fonts/cabin-regular-webfont.eot');

    src: url('../fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/cabin-regular-webfont.woff') format('woff'),

         url('../fonts/cabin-regular-webfont.ttf') format('truetype'),

         url('../fonts/cabin-regular-webfont.svg#cabinregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'cabinbold';

    src: url('../fonts/cabin-bold-webfont.eot');

    src: url('../fonts/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/cabin-bold-webfont.woff') format('woff'),

         url('../fonts/cabin-bold-webfont.ttf') format('truetype'),

         url('../fonts/cabin-bold-webfont.svg#cabinbold') format('svg');

    font-weight: normal;

    font-style: normal;

}



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #666666;

	background: url(../img/bg/bg_header.jpg) no-repeat top center;

}

p {

	line-height: 21px;	

}

body.home {

	background: url(../img/bg/bg_header.jpg) repeat-x top center;

}

body.internas {

	background: none;

	margin-top: 180px;	

}

html {

	overflow: hidden;

	overflow-y: scroll;	

}

a {

	text-decoration: none;	

}

a:hover {

	text-decoration: underline;	

}

h1 a,

header.interna h1 a,

footer div.news button,

footer ul.redes li a,

footer a.fixo,

div.content div.box.depoimentos div.orcamento a {

	text-indent: -9999px;

	overflow: hidden;	

	display: block;

}

div.general {

	width: 100%;

	background: 

}

div.wrap {

	width: 950px;

	margin: 0 auto;

}

div.wrap {

	width: 100%;

	margin: 0 auto;

}

header {

	width: 100%;

	height: 652px;

	float: left;

}

div.content {

	width: 950px;

	margin: 0 auto;

}

div.sidebar {

	width: 314px;

	float: right;

}

footer {

	width: 100%;

	height: 311px;

	float: left;

}



/* GLOBAL STYLES

-------------------------------------------------- */

header.home {

	position: relative;

	 background: url("../img/bg/bg_interna.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0) !important;

}

header.home div.content {

	float: none;

	margin: 0 auto;

	position: relative;	

}

header.home h1 {

   left: 0;

   position: absolute;

   top: 62px;

   z-index: 100;

}

header.home h1 a {

	background: url("../img/bg/bg_logo_2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    height: 307px;

    width: 303px;	

}

header.home div.telefone {

    background: url("../img/bg/bg_telefone.png") no-repeat scroll left center rgba(0, 0, 0, 0);

    padding-left: 33px;

    position: absolute;

    right: 0;

    top: 58px;
	z-index: 9999;

}

header.home div.telefone h2 {

    color: #062b7e;

    font-family: 'cabinregular';

    font-size: 19px;

    margin: 0;

    padding: 0;

    text-transform: uppercase;

}
header.home div.telefone h3 a {
	color: #062b7e;
	text-decoration: none;
}

header.home div.telefone h3 {

    color: #062b7e;

    font-family: 'cabinregular';

    font-size: 40px;

}

header.interna {

	background: url(../img/bg/bg_interna.png) repeat-x !important;

	height: 162px !important;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 100;

}

header.interna div.content {

	float: none;

	margin: 0 auto;

	position: relative;	

}

header.interna h1 {

	position: absolute;

	left: 0;

	top: 62px;	

}

header.interna h1 a {

	background: url(../img/bg/bg_logo_2.png) no-repeat;

	width: 300px;

	height: 54px;

}

header nav {

	position: absolute;

	right: 0;

	top: 0;	

	z-index: 500;

}

/*

header nav ul li {

	float: left;

	padding: 0 13px;

	background: url(../img/bg/bg_dot.png) right center no-repeat;	

}

header nav ul li:last-child {

	padding-right: 0;

	background: none;	

}

header nav ul li a {

	color: #FFF;

	font-size: 16px;

	padding: 8px 0;

	display: block;	

	font-family: 'cabinbold';

}*/

header.interna div.telefone {

	position: absolute;

	right: 0;

	top: 58px;	

	background: url(../img/bg/bg_telefone.png) no-repeat left center;

	padding-left: 33px;

}

header.interna div.telefone h2 {

	font-family: 'cabinregular';

	text-transform: uppercase;

	color: #062b7e;

	font-size: 19px;

	margin: 0;

	padding: 0;	

}

header.interna div.telefone h3 {

	font-family: 'cabinregular';

	color: #062b7e;

	font-size: 40px;

}



/* Content

-------------------------------------------------- */

div.content div.descricao {

	width: 950px;

	background: url(../img/bg/bg_tit.png) no-repeat;

	height: 190px;

	float: left;

	display: block;	

}

div.content div.descricao h1 {

	font-family: 'cabinregular';

	text-align: center;

	color: #09a2de;

	font-size: 25px;

	font-weight: normal;

	padding: 30px 64px;

	line-height: 28px;	

}

div.content div.descricao h1 span {

	font-family: 'cabinregular';

	color: #f09505;	

}

div.content div.conteudo_1 div.lateral_1 {

	float: left;	

	width: 470px;

}

div.content div.conteudo_1 div.lateral_1 p {

	font-size: 16px;

	font-family: 'cabinregular';

	color: #535355;

	line-height: 27px;

	margin-top: 10px;	

}

div.content div.conteudo_1 div.lateral_2 {

	float: right;

	width: 454px;	

}

div.content div.box {

	width: 100%;

	float: left;

	padding-top: 25px;

	padding-bottom: 50px;

}

div.content div.box h4 {

	font-size: 21px;

	font-family: 'cabinregular';

	color: #09a2de;

	font-weight: normal;

}

div.content div.box h5 {

	font-size: 18px;

	font-family: 'cabinregular';

	color: #6e6e6e;

	margin-bottom: 20px;

	font-weight: normal;

}

div.content div.box.piscinas {

	width: 950px;

	overflow: hidden;	

}

div.content div.box.piscinas ul {

	width: 1000px;	

}

div.content div.box.piscinas ul li {

	float: left;

	width: 297px;

	padding-right: 25px;	

}

div.content div.box.piscinas ul li h1 {

	font-size: 16px;

	font-family: 'cabinbold';

	font-weight: normal;

	color: #6dbcdb;

	margin-top: 5px;

}

div.content div.box.piscinas ul li p {

	font-size: 13px;

	font-family: 'cabinregular';

	font-weight: normal;

	color: #757677;

}

div.content div.box.piscinas ul li a {

	display: block;

	background: url(../img/bg/bg_icone.png) no-repeat right top;

}

div.content div.box.piscinas ul li a:hover {

	text-decoration: none;

}

div.content div.box.produtos {

	overflow: hidden;	

}

div.content div.box.produtos ul.listaProdutos {

	float: left;

	width: 1000px;

	margin-top: 10px;

	margin-left: 20px;

}

div.content div.box.produtos ul.listaProdutos li.produto {

	float: left;

	width: 330px;

}

div.content div.box.produtos ul.listaProdutos li.produto h1 {

	background: url(../img/bg/bg_tic_2.jpg) no-repeat 0 5px;

	padding-left: 21px;

	font-size: 16px;

	font-family: 'cabinbold';

	margin-bottom: 5px;

	font-weight: normal;

	color: #6e6e6e;

}

div.content div.box.produtos ul.listaProdutos li.produto ul.descricao li h2 {

	background: url(../img/bg/bg_tic_3.jpg) no-repeat 0 5px;

	padding-left: 21px;

	font-size: 16px;

	font-family: 'cabinregular';

	font-weight: normal;

	color: #40d6f6;

	margin-bottom: 5px;

}

div.content div.box.endereco a {

	color: #0a2cbe;	

}

div.content div.box.galeria {

	overflow: hidden;

}

div.content div.box.galeria ul {

	width: 1000px;

}

div.content div.box.galeria ul li {

	float: left;

	margin-right: 20px;

	margin-bottom: 20px;

}

div.content div.box.galeria ul li a img {

	border: 2px solid #FFF;

	display: block;

	float: left;	

}

div.content div.box.galeria ul li a:hover img {

	border: 2px solid #09a2de;	

}

div.content div.box.vantagens div.lateral_1 {

	float: left;	

	width: 470px;

}

div.content div.box.vantagens div.lateral_1 ul li {

	clear: left;

	font-size: 18px;

	font-family: 'cabinregular';

	font-weight: normal;

	color: #858686;

	background: url(../img/bg/bg_tic.jpg) no-repeat;

	padding-left: 35px;

	margin-bottom: 18px;

}

div.content div.box.vantagens div.lateral_2 {

	float: right;

	width: 454px;	

}

div.content div.box.nossaLoja {

	float: left;

	width: 500px;

	padding: 0;

	margin: 0;	

}

div.content div.box.nossaLoja div.boxContato {

	width: 440px;

	margin-top: 30px;

	margin-bottom: 70px;	

}

div.content div.box.nossaLoja div.content {

	width: 500px;

	margin-bottom: 50px;

}

div.content div.box.nossaLoja div.content img {

	margin: 20px 0;	

}

div.content div.telefoneLateral {

	float: right;

	width: 220px;

	padding: 10px;

	color: #FFF;

	background: #013476;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}

div.content div.telefoneLateral p {

	font-size: 12px;

	margin-bottom: 12px;

}

div.content div.telefoneLateral p.icones {

	background: url(../img/bg/bg_icones_4.png) no-repeat;

	padding-left: 25px;

}
div.content div.telefoneLateral p.icones a {
	color: #FFF;
	text-decoration: none;
}

div.content div.telefoneLateral p.icones.ic1 {

	background-position: 0 0px;	

}

div.content div.telefoneLateral p.icones.ic2 {

	background-position: 0 -100px;	

}

div.content div.telefoneLateral p.icones.ic3 {

	background-position: 0 -163px;	

}

div.content div.telefoneLateral span.email {

	font-size: 11px;	

}

div.content div.box.depoimentos div.orcamento {

	float: left;

	width: 940px;

	height: 60px;

	background: url(../img/bg/bg_orcamento.jpg) no-repeat;	

}

div.content div.box.depoimentos div.orcamento a {

	width: 940px;

	height: 60px;

}

div.content div.box.depoimentos div.depoimento {

	float: left;	

	margin: 40px 45px;

}

div.content div.box.depoimentos div.depoimento p {

	font-family: 'cabinregular';

	font-size: 16px;

	line-height: 32px;

	background: url(../img/bg/bg_depoimento.png) no-repeat;

	width: 780px;

	display: block;

	height: 72px;

	padding: 30px;

}

div.content div.box.depoimentos div.depoimento .autor {

	float: left;

	margin-left: 0px;	

}

div.content div.box.depoimentos div.depoimento .autor img {

	float: left;

	-webkit-border-radius: 40px;

	-moz-border-radius: 40px;

	border-radius: 40px;

}

div.content div.box.depoimentos div.depoimento .autor h5 {

	float: left;

	margin-left: 10px;

	margin-top: 24px;

	font-size: 18px;

	color: #5a5656;

}

div.content div.box.passos {

	background: #eeeeee;

	margin-bottom: 50px;	

	padding: 20px 0;

	width: 100%;

}

div.content div.box.passos h4 {

	padding-left: 68px;	

}

div.content div.box.passos ul {

	margin-left: 20px;

	margin-top: 15px;

}

div.content div.box.passos ul li  {

	padding: 0 20px 20px 0;

	line-height: 20px;

	clear: left;

}

div.content div.box.passos ul li:first-child {

	line-height: 13px;

	margin-bottom: 10px;	

}

div.content div.box.passos ul li p {

	display: block;

	float: left;	

}

div.content div.box.passos ul li img {

	display: block;

	float: left;

	margin-right: 10px;	

}

div.content div.box.topoDescricao {

	width: 745px;

	padding-top: 0;

	float: right;	

}

div.content div.box.conteudo {

	padding: 0;

	margin: 0;

	margin: 30px 0;	

}

div.content div.box.conteudo h4 {

	margin-bottom: 10px;

}

div.content div.box.conteudo p {

	line-height: 21px;	

}

div.content .detalhe {

	margin: 0;

	padding: 0;

	background: #eeeeee;

	padding: 20px 0;

	width: 100%;

	margin-bottom: 30px;

}

div.content .detalhe div.item {

	clear: left;

	display:block;

	margin-bottom: 40px;

	float: left;

	width: 100%;	

}

div.content .detalhe div.item:last-child {

	margin-bottom: 0;	

}

div.content .detalhe h4 {

	background: url(../img/bg/icone.png) no-repeat;

	padding-left: 37px;

	margin-bottom: 10px;

	line-height: 29px;

}

div.content .detalhe p {

	line-height: 21px;	

}

div.content .detalhe .txt {

	float: left;

	width: 580px;	

}

div.content .detalhe .txt ul.lista {

	float: left;

	margin: 20px 0;

}

div.content .detalhe .txt ul.lista li {

	margin-bottom: 30px;

	line-height:  20px;	

}

div.content .detalhe .txt ul.lista img {

	float: left;

	margin-right: 10px;

}

div.content .detalhe div.galeria {

	overflow: hidden;

	width: 336px;

	float: right;

}

div.content .detalhe div.galeria ul {

	width: 336px;

}

div.content .detalhe div.galeria.maior,

div.content .detalhe div.galeria.maior ul {

	float: left;

	width: 950px;	

}

div.content .detalhe div.galeria ul li {

	float: left;

	margin-right: 0px;

	margin-bottom: 0px;

}

div.content .detalhe div.galeria ul li a img {

	border: 2px solid #FFF;

	display: block;

	float: left;

	width: 106px;

	height: 96px;

}

div.content .detalhe div.galeria ul li a:hover img {

	border: 2px solid #09a2de;	

}

div.content .detalhe div.item.dd .txt {

	float: right;

	padding-left: 25px;

}

div.content div.box.topoDescricao {

	padding-bottom: 0;	

}

div.content div.box.topoDescricao div.topo {

	background: url(../img/bg/bg_banner.jpg) no-repeat;

	float: left;

	width: 780px;

	height: 380px;

	position: relative;

}

div.content div.box.topoDescricao div.topo ul {

	position: absolute;

	left: 20px;

	top: 20px;	

}

div.content div.box.topoDescricao div.topo ul li {

	background: url(../img/bg/bg_icones_3.png) no-repeat 0 0;

	color: #FFF;

	font-size: 25px;

	font-weight: bold;

	font-family: 'cabinregular';

	margin-bottom: 20px;

	padding-left: 60px;

	line-height: 54px;

	height: 50px;

}

div.content div.box.topoDescricao div.topo ul li.bt2 {

	background-position: 0 -71px;

}

div.content div.box.topoDescricao div.topo ul li.bt3 {

	background-position: 0 -143px;

}

div.content div.box.topoDescricao div.topo ul li.bt4 {

	background-position: 0 -208px;

}

div.content div.box.topoDescricao div.topo ul li.bt5 {

	background-position: 0 -286px;

}

div.content div.box.topoDescricao div.topo div.boxContato {

	float: right;

	height: 360px;

	margin-right: 20px;

	width: 320px !important;

	padding: 10px !important;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

}

div.content div.box.topoDescricao div.topo div.boxContato textarea {

    height: 140px;

}

div.lateralMenu {

	float: left;

	display: block;

	margin-bottom: 50px;

	width: 190px;	

}

div.lateralMenu div.face {

	float: left;

	margin-top: 20px;

}

div.lateralMenu ul li {

	padding-left: 18px;

	margin-bottom: 3px;

	background: url(../img/bg/bg_bl_1.png) no-repeat left center;

}

div.lateralMenu ul li a {

	font-family: 'cabinregular';

	font-weight: normal;

	font-size: 20px; 

	color: #666666;

}

div.lateralMenu ul ul {

	padding-left: 15px;	

}

div.lateralMenu ul ul li {

	background: url(../img/bg/bg_bl_2.png) no-repeat left center;	

}

div.lateralMenu ul ul li a {

	font-family: 'cabinregular';

	font-weight: normal;

	font-size: 14px !important; 

	color: #666666;

}



/* Footer

-------------------------------------------------- */

footer {

	background: url(../img/bg/bg_rodape.png) repeat-x;

	position: relative;

}

footer a.fixo {

	position: absolute;

	right: 10px;

	bottom: 36px;

	background: url(../img/bg/bg_fixo.png) no-repeat;	

	width: 65px;

	height: 65px;

}

footer div.news {

	padding-top: 40px;	

	padding-left: 40px;

	height: 60px;

}

footer div.news h3 {

	font-family: 'cabinregular';

	font-weight: normal;

	float: left;

	font-size: 18px;

	color: #6dbcdb;

	margin-right: 44px;

	background: url(../img/bg/bg_rodape_1.jpg) no-repeat;

	padding-left: 50px;

	margin-top: 8px;

}

footer div.news input {

	font-family: 'cabinregular';

	margin-top: -10px;

	float: left;

	border: none;

	background: #FFF;

	width: 350px;

	font-size: 16px;

	padding: 13px;	

}

footer div.news button {

	background: url(../img/bg/bg_botao.png) no-repeat;

	width: 126px;

	height: 45px;

	margin: 0;

	padding: 0;	

	border: none;

	cursor: pointer;

	margin-top: -10px;

	margin-left: 20px;

	float: left;

}

footer p.endereco {

	font-family: 'cabinregular';

	color: #e2ecf9;

	font-size: 14px;

	background: url(../img/bg/bg_enderco.png) no-repeat;

	padding-left: 62px;

	height: 60px;

	margin-top: 80px;

	float: left;	

}

footer p.telefone {

	font-family: 'cabinregular';

	color: #e2ecf9;

	font-size: 14px;

	background: url(../img/bg/bg_tel.png) no-repeat;

	padding-left: 35px;

	height: 60px;

	margin-top: 80px;

	float: left;

	margin-left: 70px;

}
footer p.telefone a {
	color: #e2ecf9;
	text-decoration: none;
}

footer ul.redes {

	float: right;

	background: url(../img/bg/bg_rodape_2.png) no-repeat;

	width: 156px;

	height: 92px;

	display: block;

	margin-top: 63px;

}

footer ul.redes li {

	float: left;

	margin-left: 5px;

	margin-top: 60px	

}

footer ul.redes li a {

	float: left;

	display: block;

	width: 32px;

	height:32px;

}

footer div.centro {

	margin: 0 auto;

	width: 950px;	

}



.carousel_box {overflow:hidden; width:100%; position:relative; padding-top:170px; height: 460px; float: left;}

#carousel li {float:left; border:solid 15px #fff}

.jcarousel-skin-tango {

	height:590px;

	overflow:hidden;

}

.jcarousel-skin-tango li { float:left; position:relative;}



.jcarousel-list-horizontal {

}

.jcarousel-container{left:50%;margin-left:-1520px}

.jcarousel-clip {overflow:hidden; position:relative;}

.jcarousel-skin-tango .jcarousel-clip-horizontal {

    height: 590px;

}



.jcarousel-skin-tango .jcarousel-item {

    width: 420px;

    height: 395px;

	position:relative;

}

.jcarousel-skin-tango .jcarousel-item-horizontal {

	margin: 20px 25px 20px 0;

}

.jcarousel-prev, .jcarousel-next {

	display:inline-block;

	width:72px;

	height:90px;

	background:url(../img/bg/buttons.png) 0 0 no-repeat;

	position:absolute;

	top:200px;

	margin-left:1045px;

	z-index:100;

	}

.jcarousel-next {margin-left:1920px; background-position:0 bottom;} 

.jcarousel-prev:hover {background-position:right bottom;}

.jcarousel-next:hover {background-position:right 0;}





div.boxContato {

	float: left;

	display: block;

	width: 450px;

	padding: 17px 30px;

	background: #f6fdf7;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

}

div.boxContato textarea {

	height: 198px;	

}

div.kksr-legend span {

	font-size: 10px;

}

div.boxContato input,

div.boxContato input:focus,

div.boxContato input:hover {

	background: url(../img/bg/bg_icones.png) no-repeat #FFF !important;

	padding-left: 34px !important;

	background-position: 0 -10px !important;

}

div.boxContato .email input,

div.boxContato .email input:hover,

div.boxContato .email input:focus {

	background-position: 0 -115px !important;

}

div.boxContato .telefone input,

div.boxContato .telefone input:hover,

div.boxContato .telefone input:focus {

	background-position: 0 -65px !important;	

}

div.boxContato input.error,

div.boxContato textarea.error {

	border: 1px solid #FDACAE !important;

}

div.boxContato label.error {

	position: absolute;

	right: 0;

	top: 0;

	width: 1px;

	height: 1px;

	display: none;

	text-indent: -9999px;

}

div.boxContato h2 {

    color: #33df11;

    font-family: 'cabinregular';

	font-weight: normal;

	margin-bottom: 10px;

	padding-left: 5px;	

	font-size: 20px !important;

}

div.boxContato button {

	background: #2ebf11;

	font-size: 14px;

	width: 110px;

	height: 35px;

	cursor: pointer;

	color: #FFF;

	border: none;

	margin-top: 10px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

div.boxContato button:hover {

	background: #2ddf0a;

}



div.content.interna {

	width: 100%;	

}