@charset "utf-8";
/* CSS Document */

* {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; border:0;}
body{
background:url(interface/bg-principal1.png) repeat-x #C2C4C7;
}
/* estilos para títulos*/
h1{
margin-left:10px;
float:left;
font-size:12px;
font-weight:bold;
color:#323232;
}
h2{
color:#323232;
font-size:24px;
margin:20px 0 0 0;
}
h3{
margin:10px 0 0 0;
color:#009ddf;
font-size:12px;
}
/* estilos para parágrafos*/
p{
text-align:left;
color:#858197;
font-size:12px;
line-height:17px;
}
p.estilo90 {
width:200px;
margin:-30px 0 0 90px;
}
p.estilo92 {
width:110px;
margin:-20px 0 0 100px;
}
p.estilo10{
margin-left:5px;
color:#838091;
}
p.estilo_novo1{
margin:5px 0 10px -22px;
color:#838091;
float:left;
}
p.estilo01{
color:#9BC5EF;
font-weight:bold;
margin:9px 5px 0px 0;
}
p.estilo5{
width:500px;
color:#BEC7CC;
float:left;
padding:12px;
}
p.estilo6{
width:100px;
color:#7C878D;
text-align:right;
float:right;
margin-right:180px;
font-weight:bold;
padding:12px;
}
p.interna {
color:#FFF;
margin:3px 0 0 30px;
font-weight:bold;
letter-spacing:-1px;
}
#topo{
background:url(interface/topo.jpg);
width:1000px;
_width:1009px;
height:84px;
margin:auto;
}
#topo a{
color:#FFF;
text-decoration:none;
}
#topo ul{
float:right;
text-decoration:none;
color:#FFF;
}
#topo li{
float:left;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
list-style:none;
margin:12px 5px 0 10px;
}
#topo img{
float:left;
margin:15px 0 0 16px;
}
#topo1{
background-color:#98A3A3;
width:1000px;
_width:1009px;
height:222px;
margin:auto;
}
#topo1 img{
float:right;
}
#conteiner{
background:#f7f7f7;
width:1001px;
_width:1009px;
margin:auto;
padding:0;
clear:both;
}
#conteiner_home{
background:url(interface/bg-container_home.jpg) repeat-y;
width:1001px;
_width:1009px;
margin:auto;
padding:0;
clear:both;
}
.coluna1{
background:#E5E5E5;
float:left;
width:181px;
min-height:665px;
_min-height:865px;
padding-top:44px;
border-right:1px solid #D6D6D6;
}
.coluna_miolo{
float:left;
background:#848E97;
width:576px;
height:44px;
}
.foto_galeria{
background:#00FF66;
width:205px;
height:334px;
margin:0 0 0 125px;
}
#img_galeria{
margin:20px 0 0 110px;
float:left;
}
#seta_esquerda{
margin:140px 0 0 24px;
float:left;
}
#seta_direita{
margin:140px 0 0 105px;
float:left;
}
p.titulo_foto{
margin:0 auto;
text-align:center;
color:#039CE2;
}

.foto_menor{
float:left;
width:490px;
height:135px;
padding:10px;
}
#box_sanfona{
width:550px;
padding:10px;
}
#box_sanfona img{
float:left;
}
#box_sanfona p{
float:left;
margin:0 10px;
width:350px;
}
.list_sanfona{
width:311px;
margin:5px;
border:1px solid #97a2a9;
padding-bottom:10px;
float:right;
margin-right:55px;
}
.list_sanfona a{
color:#6CB3DD;
text-decoration:none;
font-size:11px;
}
.list_sanfona h2{
width:301px;
padding:5px;
margin:0;
background:#97a2a9;
color:#fff;
font:normal 11px Arial, Helvetica, sans-serif;
display:block;
}
.foto_menor img{
float:left;
margin:0 0 0 5px;
padding:0;
}

.coluna_miolo a{
text-decoration:none;
float:right;
color:#FFF;
margin:-23px 25px 0 0;
font-size:11px;
}

.coluna_miolo select{
margin:8px 0 5px 23px;
}

.coluna_miolo input{
background:url(interface/input1.jpg) no-repeat;
width:165px;
height:25px;
margin:10px 0 0 100px;
padding:3px 0 0 30px;
float:left;
}
#form_buscar{background:none; color:#fff; margin:0; padding:0; float:left; }
#form_buscar button{background:none; color:#fff; cursor:pointer; float:left; margin:15px 0 0 0;}
#form_produto{float:left; padding:3px;}
.coluna4{
background:#F7F7F7;
float:left;
width:248px;
min-height:665px;
border-right:1px solid #ABAFB2;
}

.box1{
margin-top:10px;
margin-left:15px;
width:210px;
float:left;
}
form{
height:45px;
margin:35px 0 10px 19px;
color:#838091;
font-size:11px;
padding:5px;
}
.label {
padding-top:5px;
text-align:left;
width:40px;
height:22px;
float:left;
}
input {
background:url(interface/input2.jpg) no-repeat;
width:155px;
height:20px;
border:none;
margin:3px;
}
.botao {
color:#FFF;
float:left;
width:79px;
height:16px;
background:url(interface/botao.jpg) no-repeat;
margin:0 0 0 5px;
*margin:0 0 0 25px;
}
.botao1 {
color:#FFF;
float:left;
width:52px;
height:16px;
background:url(interface/botao1.jpg) no-repeat;
margin:-16px 0 0 146px;
*margin:-16px 0 0 127px;
}
.botao1 p{
color:#FFF;
font-size:11px;
text-align:center;
}
.coluna3{
background:url(interface/bg-coluna3.jpg);
margin-top:-45px;
float:left;
width:236px;
min-height:710px;
border-right:7px solid #ABAFB2;
}
.coluna3 a{
margin:5px 0 10px -10px;
width:80px;
color:#00B7F3;
font-size:11px;
float:right;
text-align:right;
text-decoration:none;
}
#meio_galeria{
background:url(interface/meio_galeria.jpg);
width:511px;
height:549px;
margin:30px auto;
padding-top:5px;
}
#meio_galeria h2{
margin:0 0 0 32px;
}

#meio_galeria p{
color:#FFF;
font-size:15px;
font-weight:bold;
margin:10px 0 0 10px;
}
.barra{
margin-top:5px;
background:url(interface/barra_superior.jpg) no-repeat;
width:235px;
height:20px;
}
.barra p{
color:#FFF;
font-weight:bold;
margin:-18px 0 0 25px;
font-size:12px;
}
.box_novo1{
background:#FFF;
float:left;
border-bottom:1px solid #F4F4F4;
padding-top:5px;
padding-left:26px;
padding-right:28px;
}
.box_novo1 img{
float:left;
margin:5px;
}
.box_novo1 h1 {
color:#6CB3DD;
font-size:11px;
}
.coluna4 label {
background:#CCC;
width:250px;
padding:10px;
}

.barra_veja{
padding:3px 20px 0 0;
background:url(interface/barra_veja.jpg) no-repeat;
width:215px;
margin:0;
height:18px;
}
.barra_veja a{
margin:0 8px 5px 0;
width:93px;
color:#00B7F3;
font-size:11px;
float:right;
}

.topo_coluna3{
background:#FFF;
border-bottom:1px solid #F4F4F4;
padding-left:28px;
padding-right:10px;
margin:0;
height:73px;
}
.meio_coluna3{
background:#F0EFED;
padding-left:31px;
padding-bottom:9px;
padding-top:10px;
}
.rodape_coluna3{
background:url(interface/bg-coluna3.jpg);
}
.foto {
margin-top:19px;
margin-left:27px;
}
#gray-menu {
color:#7E8387;
font-size:10px;
font-weight:bold;
background: #E5E5E5;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 182px;
}
#gray-menu li {
font-size:12px;
margin: 0;
list-style:none;
padding: 0;
}
#gray-menu a {
background: #E5E5E5;
border-bottom: 1px solid #FFF;
font-family:Arial, Helvetica, sans-serif;
color: #54585B;
display: block;
margin: 0;
padding: 6px 12px;
text-decoration: none;
}
#gray-menu ul li a{
font-size:12px;
margin: 0;
list-style:none;
padding-left: 20px;
background:#dbdbdb;
}
#gray-menu ul ul li a{
font-size:12px;
margin: 0;
list-style:none;
padding-left: 30px;
background:#c0c0c0;
}
#gray-menu ul ul ul li a{
font-size:12px;
margin: 0;
list-style:none;
padding-left: 40px;
}
#gray-menu ul ul ul ul li a{
font-size:12px;
margin: 0;
list-style:none;
padding-left: 50px;
}

#gray-menu a:hover {
color: #fff;
padding-bottom: 6px;
background:#00B7F3;
}

.coluna2{
background:#F7F7F7;
float:left;
width:320px;
_width:290px;
min-height:665px;
border-right: 7px solid #619BB3 ;
}
.coluna5{
background:#F7F7F7;
float:left;
width:565px;
border-right: 1px solid #ABAFB2;
padding-right:10px;
}
.coluna6{
background:#F7F7F7;
float:left;
width:575px;
min-height:1000px;
border-right: 1px solid #ABAFB2;
}

.coluna5 img{
margin:24px 0 0 0;
}
#sombra{
float:left;
margin:140px 0 0 0;
}
#sombra1{
float:left;
margin:170px 0 0 0;
}
#sombra2{
float:left;
margin:30px 0 0 0;
}
.barra_drywall{
background:url(interface/bg-drywall.png);
margin-top:88px;
width:570px;
height:20px;
z-index:10;
position:absolute;
}
.barra_drywall1{
background:url(interface/bg-drywall1.png);
margin-top:88px;
width:570px;
height:20px;
z-index:10;
position:absolute;
}
.coluna2 a{
float:left;
margin-left:32px;
border:none;
text-decoration:none;
text-align:left;
width:150px;
color:#56C9F5;
font-size:11px;
}
.coluna2 img{
float:left;
}
.box1 img{
float:left;
margin:0;
}
.box1 a {
text-decoration:none;
margin:0 0 5px 50px;
width:60px;
color:#56C9F5;
font-size:11px;
float:left;
}

.box_novo{
margin-top:33px;
margin-left:22px;
float:left;
width:300px;
height:75px;
}

.box_novo img{
float:left;
}
.box_novo h1{
float:left;
margin:0;
}

.imag{
position:absolute;
width:70px;
height:19px;
margin:-5px 0 0 90px;
*margin:-70px 0 0 -188px;
}


.box_novo h1{
width:180px;
margin:-50px 0 0 100px;
}

/* Estilos rodape*/
#rodape{
background:url(interface/bg-rodape1.png) repeat-x;
width:100%;
height:36px;
margin:auto;
}

.estilo01 a{width:90%; float:left; text-align:left;color:#9BC5EF;font-weight:bold; margin:0; margin-bottom:10px;}
.clear{display: block; clear: left; margin: 0;visibility: hidden;}
#pesquisa{position:absolute; background:#f2f1ef; border:1px solid #7d8891; width:365px; padding:0; z-index:10; margin:40px 0 0 520px; *margin:-10px 0 0 -470px;}
#pesquisa h1{ padding:5px 15px; background:#7d8891; color:#fff; text-transform:uppercase; margin:0; margin-bottom:10px; width:335px; float:left;}
#pesquisa p a{text-decoration:none; padding:5px 15px; color:#858197; margin:0; width:270px; display:block; font-size:11px;float:left;}
#pesquisa strong a{text-decoration:none; padding:5px 15px; color:#000; margin:0; width:270px;display:block;font-size:11px;float:left;}
#pesquisa img{ margin:0 2px; float:left;}
.seta{
	background:url(interface/seta.jpg) no-repeat center left;
	font-weight:bold;
}
