@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background:url(top00000.jpg) left top no-repeat #FFF;}
a {text-decoration:none;}

/* Esquerda */
#logo, #servicos ul li, #servicos-produtos, #banner-piscina, .btn-lista, .txt-lista, #logo-footer, #txt-footer, #horarios-footer, .menus-top li, #sobrenos, #formulario, .videos li, .fotos li, .imagem-produto {float:left;}

/* Direita */
#menu, #banners, #banner-sibrape, #direita-footer, #google-maps, .descricao-produto{float:right;}

/* Classes */
.font15 {font-size:15px;}
.font36 {font-size:36px;}
.alinha-centro {width:984px; margin:0 auto;}
.clear {clear:both;}
.pontilhado { border-bottom: dashed 1px #000; margin-bottom:27px;}
.pontilhado-branco { border-bottom: dashed 1px #FFF; margin-bottom:10px; margin-top:20px;}
.bold {font-weight:bold;}

/* Listas */
ul {padding:0; margin:0;}
li {list-style:none;}

/* HEADER */
#header {width:984px; padding-top:18px; margin:0 auto; height:160px;}
#logo {width:330px; height:150px; padding-left:32px;}
#menu {width:600px; height:155px;}
#tel-cima {color:#FFF; font-weight:bold; text-align:right; margin-bottom:10px;}
#menus {width:598px; height:86px; border:solid 1px #FFF; border-radius:25px 0px 25px 0px; background:url(bg-menu0.png) left top no-repeat;}

/* MENUS */
.menus-top {padding:21px 0 0 22px;}
.menus-top li {height:45px; margin-right:10px; padding-right:10px;}
.link-menu { font-weight:bold; font-size:13px; color:#FFF; text-transform:uppercase; padding-top:18px;}
.link-menu a{color:#FFF;}
.link-menu a:hover {text-decoration:underline;}
.link-menu#monte { padding-top:10px; text-align:center;}
.com-pontilhado {border-right: dashed 1px #FFF;}

/* SLIDE */
#slide {width:984px; margin-bottom:25px;}

/* Servicos */
#servicos { margin-bottom:45px;}
#servicos ul li {width:300px;}
.titulo-servico {font-size:18px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; color:#333;}
.titulo-servico2 {font-size:13px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; color:#333;}
.foto-servico {width:300px; height:120px; margin-bottom:15px;}
.servicos-margem { margin-left:42px;}

/* Baixo Home */
#servicos-produtos {width:300px;}
.lista-de-servicos li {height:30px; margin-bottom:5px;}
.btn-lista {width:32px; height:32px; margin-right:10px; background:url(btn-list.png) left top no-repeat;}
.txt-lista { padding-top:8px; color:#0071BC}
#banner-piscina { width:300px; text-align:center; height:380px; margin-right:40px;}
#banner-sibrape {width:300px; text-align:center; height:380px;}
#ft-robo {
	float: left; width: 385px; height: 354px; margin-bottom: 30px;
}

#txt-robo {
	float: right; width: 590px; height: 354px;
}

/* Footer */ 
#footer {width:100%; height:200px; background:url(bg-foote.png) center top no-repeat; margin-top:40px;}
#logo-footer {width:250px; height:110px; margin-top:13px;}
#txt-footer {width:300px; margin-top:20px; color:#FFF;}
#horarios-footer {width:215px; margin-left:50px; margin-right:60px; font-size:14px; color:#FFF; padding-top:15px;}
#assinatura {text-align:center; color:#FFF;}
#assinatura a{color:#FFF;}
#assinatura a:hover {text-decoration:underline;}

/* Sobre nos */
#sobrenos {width:600px; font-size:16px;}

/* Contato */ 
#formulario {width:350px; padding-top:10px;}
#google-maps{width:580px;}
.label { font-size:16px; margin-bottom:10px;}
.formu, .textarea {width:350px; height:35px; background:#F2F2F2; border:solid 1px #000; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;}
.textarea {width:345px; height:100px;}
#enviar {text-align:right;}
#enviar input {background:none; width:50px; border:none; font-size:16px; color:#4D4D4;}
#enviar input:hover {cursor:pointer; text-decoration:underline;}

/* Videos */
.videos li {width:320px; margin-bottom:15px;}
.margem-esquerda {margin-left:11px;}

/* Fotos */
.fotos li {width:150px; margin-bottom:15px; background:#000; height:112px;}
.margem-esquerda2 {margin-left:16px;}

/* Monte */
.container-first {
	float:left;
height:auto;
margin-right:18px;
width:984px;
height:130px;
overflow:hidden;
border-top:1px solid #dedede;
border-bottom:1px solid #dedede;
margin-bottom:15px;
}

.container-first ul {
float:right;
width:467px;
padding-top:19px;
}

.load-prints img {float:left; margin-right:5px; margin-bottom:5px;}

.container-first ul li {
float:left;
height:43px;
list-style:none;
margin:0 4px 4px 0;
width:43px;
}

.container-first ul li a {
background:url(bg-mount.gif) no-repeat left top;
display:block;
height:43px;
width:43px;
}

.container-first ul li a.active,
.container-first ul li a:active {
background:url(bg-mount.gif) no-repeat left top !important;
}

.container-first ul li a:hover {
background:url(bg-mount.gif) no-repeat left top;
}

.container-first ul li.no-margin {
margin-right:0;
}

.container-second ul {
margin:0;
padding:0;
}

.container-second ul li {
float:left;
height:40px;
border-right:1px solid #dedede;
border-bottom:1px solid #dedede;
list-style:none;
}

.container-second ul li.no-border {
border-right:none;
}

.container-second ul li a {
width:149px;
height:34px;
display:block;
text-align:center;
font-size:12px;
color:#2f87be;
padding-top:12px;
}

.container-second ul li a:hover {
text-decoration:underline;
}

.container-second ul li a.current {
background:url(icon-sel.gif) no-repeat center bottom;
font-weight:700;
}

.container-second div.load-prints {
width:985px;
margin-bottom:15px;
}

.container-second div.load-prints a {
margin-right:5px;
}

.mount-choose {float:left;}
.mount-size {float:right; width:450px; margin:-10px 0 0;}
.txt-modelos {float:left; font-size:28px; margin:45px 0 0 150px;  font-style:italic; color:#000;}

#wait {

background:#45a3fd;
display:none;
height:auto;
margin-top:-48px;
overflow:hidden;
padding:30px 0 27px 40px;
position:fixed;
top:50%;
width:100%;
z-index:220001;
}

#wait p {
clear:left;
color:#fff;
font-size:12px;
font-weight:400;
margin-top:3px;
max-width:390px;
}

#wait p span {
color:#fff;
float:left;
font-size:30px;
font-weight:700;
margin-bottom:5px;
}

#wait p img {
float:left;
margin:2px 33px 0 0;
}

#wait a.close-wait {
color:#fff;
font-size:14px;
font-weight:700;
}

/* Produto */

.produtos {
	 margin-bottom: 15px;
}

.imagem-produto {
	width: 250px; height: 156px;
}

.descricao-produto {
	width: 700px; height: 156px;
}

.descri-pro {
	height: 100px; overflow-y: scroll; margin-top: 10px;
}

.caixa-preta {
	width: 100%; height: 2484px; background-color: rgba(0,0,0, 0.8);  position: absolute; z-index: 99999;
	display: none;
}

.caixa-branca {
	width: 900px; left: 50%; margin-left: -465px; background: #FFF; height: 700px; position: absolute; z-index: 9999999999;
	margin-top: 30px; border-radius: 8px; padding: 15px;
}

.esquerda-caixa, .direita-caixa {
	width: 400px; line-height: 200%;
}

.esquerda-caixa {
	float: left;
}

.direita-caixa {
	float: right;
}

table.tabelapop{
	line-height: 100%; text-align: center; 
}

table.tabelapop tr td{
	border: solid 1px #000; 
}

table.tabelapop tr.cabecalho td {
	background: ForestGreen; color: #FFF;
}

.vant-desv {
	font-size: 14px;
}

.fechar {
	text-align: right; margin-bottom: 15px; font-size: 16px; text-transform: uppercase;
}

.fechar a {
	color: #000;
}

.fechar a:hover {
	text-decoration: underline;
}