/* CSS Kit Pipas */
body{margin:0; padding:0; background:url(images/mainbg.gif) 0 0 repeat-x #fff; font:14px/18px Georgia, "Times New Roman", Times, serif; color:#666;}
div, p, ul, h1, h2, h3, h4, form{margin:0px; padding:0px;}
ul{list-style-type:none;}
a { color: #666}

/*--Topo--*/
#topo {width:708px; height:399px; position:relative; margin:0 auto; padding:0;}
#google {position:absolute; top:365px; left:100px;}
#topo h1{width:172px; height:165px; position:absolute; top:113px; left:0px; display:block; background:url(images/topo.gif) 0 0 no-repeat #FEFFFE; font:24px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color: #333; padding:65px 86px 0 450px; font-weight:normal;}
#topo h1 span{font-size:14px;}

#topo img{width:245px; height:39px; display:block; position:absolute; top:69px; left:0px; border:none;}

#topo ul{width:410px; height:27px; position:absolute; top:77px; right:0px;}
#topo ul li{float:left; width:82px; height:27px; display:block;}
#topo ul li a{display:block; width:82px; height:27px; background: #33CC00; color:#fff; font:13px/27px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center;}
#topo ul li a:hover{background: #00B000; color:#fff; text-decoration:none;}
#topo ul li.principal{background: #00AE00; color:#fff; text-decoration:none; font:13px/27px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}

/*--Topo da página de Produtos--*/
#topo_produtos {width:708px; height:340px; position:relative; margin:0 auto; padding:0;}
#topo_produtos h1{width:172px; height:165px; position:absolute; top:113px; left:0px; display:block; background:url(images/topo.gif) 0 0 no-repeat #FEFFFE; font:24px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color: #333; padding:65px 86px 0 450px; font-weight:normal;}
#topo_produtos h1 span{font-size:14px;}

#topo_produtos img{width:245px; height:39px; display:block; position:absolute; top:69px; left:0px; border:none;}

#topo_produtos ul{width:410px; height:27px; position:absolute; top:77px; right:0px;}
#topo_produtos ul li{float:left; width:82px; height:27px; display:block;}
#topo_produtos ul li a{display:block; width:82px; height:27px; background: #33CC00; color:#fff; font:13px/27px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center;}
#topo_produtos ul li a:hover{background: #00B000; color:#fff; text-decoration:none;}
#topo_produtos ul li.principal{background: #00AE00; color:#fff; text-decoration:none; font:13px/27px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}
/*--/Fim do Menu--*/

/*--Meio--*/
#meio{height:360px; background:url(images/middlepanbg.gif) 0 0 repeat-x #f8fbf6; color:#666; padding:17px 0 0;}
#meio_galeria{height:400px; background:url(images/middlepanbg.gif) 0 0 repeat-x #f8fbf6; color:#666; }

#informacoes{width:708px; position:relative; margin:0 auto;}

/*--Meio da página História--*/
#meio_historia{height:500px; background:url(images/middlepanbg.gif) 0 0 repeat-x #f8fbf6; color:#666; padding:17px 0 0;}

#informacoes{width:708px; position:relative; margin:0 auto;}

/*--Meio da página Saiba Mais--*/
#meio_historia2{height: 750px; background:url(images/middlepanbg.gif) 0 0 repeat-x #f8fbf6; color:#666; padding:17px 0 0;}

#informacoes{width:708px; position:relative; margin:0 auto;}

/*--Meio da página Orçamento--*/
#meio_orcamento{height:680px; background:url(images/middlepanbg.gif) 0 0 repeat-x #f8fbf6; color:#666; padding:17px 0 0;}

#meio_orcamento2{height:1400px; background:url(images/middlepanbg.gif) 0 0 repeat-x #f8fbf6; color:#666; padding:17px 0 0;}

#informacoes{width:708px; position:relative; margin:0 auto;}

/*--Esquerda--*/
#esquerda {width:475px; float:left;}
#esquerda h2{width:350px; height:77px; background:url(images/icon1.jpg) 0 50% no-repeat #f8fbf6; color: #666; font:26px/77px Arial, Helvetica, sans-serif; padding:0 0 0 60px;}
#esquerda p{padding:10px 72px 0 0;} 
#esquerda p span.boldtext{font-weight:bold;}
#esquerda p.mais{width:118px; height:24px; margin:20px 0 0 0; padding:0;}
#esquerda p.mais a{width:200px; height:24px; display:block; background:url(imagens/icone3.gif) 0 0 no-repeat #f8fbf6; color: #333300; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#esquerda p.mais a:hover{text-decoration:underline;}

/*--História do Pipa--*/
#historia {width:708px; float:left;}
#historia h2{width:260px; height:77px; background:url(imagens/historia.gif) 0 50% no-repeat #f8fbf6; color: #666; font:26px/77px Arial, Helvetica, sans-serif; padding:0 0 0 60px; text-indent: -9000px;}
#historia h3 { margin-top: 15px; margin-bottom: 15px;}
#historia p{padding:10px 0 0 0;} 
#historia p span.boldtext{font-weight:bold;}
#historia p.mais{width:118px; height:24px; margin:20px 0 0 0; padding:0;}
#historia p.mais a{width:140px; height:24px; display:block; background:url(imagens/icone3.gif) 0 0 no-repeat #f8fbf6; color: #333300; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#historia p.mais a:hover{text-decoration:underline;}

/*--Saiba Mais--*/
#saiba {width:708px; float:left;}
#saiba img { border: none;}
#saiba h2{width:260px; height:77px; background:url(imagens/saiba.gif) 0 50% no-repeat #f8fbf6; color: #666; font:26px/77px Arial, Helvetica, sans-serif; padding:0 0 0 60px; text-indent: -9000px;}
#saiba h3 { margin-top: 15px; margin-bottom: 15px;}
#saiba p{padding:10px 0 0 0;} 
#saiba p span.boldtext{font-weight:bold;}
#saiba p.mais{width:118px; height:24px; margin:20px 0 0 0; padding:0;}
#saiba p.mais a{width:140px; height:24px; display:block; background:url(imagens/icone3.gif) 0 0 no-repeat #f8fbf6; color: #333300; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#saiba p.mais a:hover{text-decoration:underline;}

/*--Orçamento--*/
#orcamento {width:708px; float:left;}
#orcamento h2{width:260px; height:77px; background:url(imagens/pedidos.gif) 0 50% no-repeat #f8fbf6; color: #666; font:26px/77px Arial, Helvetica, sans-serif; padding:0 0 0 60px; text-indent: -9000px;}
#orcamento h3 { margin-top: 15px; margin-bottom: 15px; color:#333; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
#orcamento p{padding:10px 0 0 0; color:#FF0000} 
#orcamento p.preto{padding:10px 0 0 0; color: #333}
#orcamento p span.boldtext{font-weight:bold;}

/*--/Fim da esquerda do meio--*/

/*--Direita--*/
#direita{width:233px; float:left;}
#direita form{width:233px; height:315px; background:#fff; color:#3B3B3B;}
fieldset { border: none; margin: none; padding: none;}
#direita form input{width:195px; height:18px; margin:5px 0 10px 8px; }
#direita form textarea{width:195px; height:50px; margin:5px 0 10px 8px; }
#direita form label{width:195px; height:18px; margin:0 0 0 18px; font-weight:bold; }

#direita form input.button{width:58px; height:40px; float:left; margin:0; background:url(images/login.jpg) 0 0 no-repeat #FEFEFE; color:#fff; border:none; font:14px/18px Georgia, "Times New Roman", Times, serif; font-weight:bold; }

#direita form h2{width:150px; height:73px; display:block; background:url(imagens/icone2.gif) 10% 50% no-repeat #fff; color: #666; font:18px/73px Arial, Helvetica, sans-serif; padding:0 0 0 75px;}
#direita form #envio{width:160px; height:24px; float:left; }
#direita form #envio a{display:block; background:url(images/icon3.jpg) 10% 50% no-repeat #fff; color:#666; font:22px/24px Arial, Helvetica, sans-serif; padding:0 0 0 35px; text-decoration:none;}
#direita form #envio a:hover{background:url(images/icon3.jpg) 10% 50% no-repeat #fff; color:#000; text-decoration:none;}

/*--/Fim da direita no meio--*/

/*--Meio2--*/
#meio2{width:708px; position:relative; margin:0 auto;}
#informacoes2{width:708px; float:left; margin-top:25px; padding-bottom: 50px; background:url(images/middleborder.gif) 0 0 repeat-y;}
/*--Esquerda--*/
#esquerda2{width:354px; float:left; height: 390px; background: url(images/pipas.jpg) bottom left no-repeat;}
#esquerda2 p{padding:10px 72px 0 0;} 
#esquerda2 p span.boldtext{font-weight:bold;}
#esquerda2 img { margin-top: 5px;}

#esquerda2 p.mais{width:118px; height:24px; margin:200px 0 0 5px; padding:0;}
#esquerda2 p.mais a{width:100px; height:24px; display:block; background:url(imagens/icone3.gif) 0 0 no-repeat #fff; color:#49a016; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#esquerda2 p.mais a:hover{text-decoration:underline;}


#esquerda2 h2{width:260px; height:57px; background:url(images/icon4.gif) 0 0% no-repeat #fff; color:#419c0c; font:26px/35px Arial, Helvetica, sans-serif; padding:0 0 0 60px;}
#esquerda2 h3{width:260px; height:26px; font-size:18px; display:block;}
#esquerda2 h4{width:298px; height:104px; background:url(images/image1.jpg) 0 0 no-repeat #fff; color:#000; text-indent:-20000px; margin:25px 0 0;}

/*--Direita--*/
#direita2{width:354px; float:left; height: 390px; background: url(images/linhas.jpg) bottom right no-repeat;}
#direita2 p{padding:10px 2px 0 60px;} 
#direita2 p span.boldtext{font-weight:bold;}
#direita2 img { padding:10px 2px 0 60px; }

#direita2 p.mais{width:80px; height:24px; margin:215px 0 0 60px; padding:0;}
#direita2 p.mais a{width:150px; height:24px; display:block; background:url(imagens/icone3.gif) 0 0 no-repeat #fff; color:#49a016; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#direita2 p.mais a:hover{text-decoration:underline;}


#direita2 h2{width:200px; height:26px; font-size:18px; display:block; line-height:26px; padding:0 0 0 60px; margin:57px 0 0;}
#direita2 h3{width:152px; height:74px; display:block; background:url(images/image2.jpg) 0 0 no-repeat #FEFEFE; color:#fff; font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:25px 0 0 60px; font-weight:bold; text-transform:uppercase; padding:30px 126px 0 14px;}
#direita2 h3 span{ font-size:14px; text-transform:none;}

/*--Rodapé--*/
#rodape{height:174px; background:url(images/footerbg.gif) 0 0 repeat-x #4D4D4D; color:#8d8d8d; margin:0; padding:0; clear:both;}
#menu_rodape{width:778px; position:relative; margin:0 auto;}
#menu_rodape img{width:248px; height:38px; position:absolute; top:23px; right:6px; border: none;}

#menu_rodape ul{width:500px; position:absolute; top:36px; left:49px;}
#menu_rodape li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; color:#8d8d8d}
#menu_rodape ul li a{padding:0 0 0 12px; color: #D4D4D4; background:#262626; text-decoration:none;}
#menu_rodape ul li a:hover{text-decoration:underline;}

#menu_rodape ul.magri{width:350px; background:#343534; display:block; position:absolute; top:80px; left:61px;}
#menu_rodape ul.magri li {background:#343534; display:block; color: #F7F7F7; text-decoration:none;}
#menu_rodape ul.magri li a{background:#343534; display:block; color:#F7F7F7; text-decoration:none;}
#menu_rodape ul.magri li a:hover{text-decoration:underline;}
#menu_rodape p.copyright img { width: 188px; height: 17px; float: left; left:10px;}

#menu_rodape p.copyright{background: transparent; color: #D4D4D4; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:56px; left:61px; float:left; width: 350px;}


/* Galeria*/
:focus {
	outline:none;
}

li.galeria { color: #99FFCC; font-size: 12px; text-align: center; font-family: Arial, Helvetica, sans-serif; background:#000}
p#proximo { background: url(imagens/proximo.gif) right no-repeat; color: #333; font-size: 12px; text-indent: -9000px; display: block; width: 100px; float: right}
p#proximo a { display:block; width: 100px; height: 20px;}
p#proximo a:hover { display:block; width: 100px; height: 20px; background: url(imagens/proximo_a.gif) right no-repeat;}
p#anterior {background: url(imagens/anterior.gif) left no-repeat; color: #333; font-size: 12px; text-indent: -9000px; display: block; float: left}
p#anterior a { display:block; width: 100px; height: 20px;}
p#anterior a:hover { display:block; width: 100px; height: 20px; background: url(imagens/anterior_a.gif) left no-repeat;}

ul.revolver{
	list-style-type:none;
}

.revolver, ul.galeria {
	width : 700px;
	height : 350px;
	border : none;
	position : relative;
	overflow : hidden;
    margin:0 auto;
	float:left;
}

.revolver div, li.galeria {
	position:absolute;
	width:450px;
	height:278px;
	}

.revolver img {
	width:100%;
	height:100%;
	border: none;
}

/* ---------------- */
/* Orçamento Formulário */
/* ---------------- */

.demo label{display:block;padding:0.5em;padding-left:32px;background-position:8px center;background-repeat:no-repeat;border:1px solid white;clear:both;cursor:pointer; display:block;padding:0.5em;padding-left:32px; height: 20px;}
.demo label.selecao { background-color: #454545;}
.demo select { background-color: #333; color:white; clear:both; font-size:9px;}
.checked{background-color:#1c1c1c; color:white; background-image:url(imagens/chk_on.png)}
.unchecked{background-color: #454545; color: #B5B5B5; background-image:url(imagens/chk_off.png)}
.selected{background-color:#222;background-image:url(imagens/rdo_on.png)}
.unselected{background-color:#1c1c1c; background-image:url(imagens/rdo_off.png)}
.leftcol{float:left;clear:left;width:50%}
.rightcol{float:left;clear:right;width:50%; margin-bottom: 12px;}
input.numeros#nome { height: 10px;}
input#nome { margin-right: 6px; background-color: #5D5D5D; border: none; color:#FFF; font-size: 16px;}
input#cep { margin-right: 6px; background-color: #5D5D5D; border: none; color:#FFF; font-size: 16px; width: 90px;}
input#cidade { margin-right: 6px; background-color:#5D5D5D; border: none; color:#FFF; font-size: 16px; width: 120px;}
input#endereco { margin-right: 6px; background-color:#5D5D5D; border: none; color:#FFF; width: 150px; font-size: 16px;}
input#numero { margin-right: 6px; background-color:#5D5D5D; border: none; color:#FFF; width: 10px; font-size: 16px;}
input#estado { margin-right: 6px; background-color:#5D5D5D; border: none; color:#FFF; width: 20px; font-size: 16px;}
input#email { margin-right: 5px; background-color:#5D5D5D; border: none; color:#FFF; font-size: 16px;}
input#enviar { margin-top: 10px; border: 2px solid #5D5D5D; background-color: #fff; color:#000; font-weight:bold; height: 30px;}
#direita form input#enviar2{width:100px; height:25px; margin:none; background-color: #FFF; border: none; float: left; font-size: 20px; }
input#telefone { background-color: #5D5D5D; border: none; color:#FFF; font-size: 16px;}