/********************
		SUMARIO	 	*	
*********************
1- Geral
		
2 - Empresa

3 - Produtos

4 - Acabamentos

5 - Galeria

6 - Galeria - Mosaicos

7 - Interna Mosaico

8 - Interna Produtos 

9 - Contato 
	
*********************/

body{margin:0; padding:0; background:url(../_imagens/bgBody.jpg) repeat-x top; }

/* #1 - Geral */

div#geral{margin:10px auto; padding:5px 0 0 0; width:779px; background:#FFFFFF;}
		
div#topo{ background:#f1f3f2; width:767px; height:122px; margin:0 auto;}
div#topo h2{margin:0; padding:0; background:url(../_imagens/logo.gif) no-repeat 0 0; text-indent:-5000em; width:209px; height:122px; float:left; }
div#topo h2 a{float:left; width:209px; height:122px; letter-spacing:-2px;}
div#topo p{margin:18px;; padding:10px; color:#00552b; float:right; text-align:right; font-family:Helvetica, Arial, sans-serif; font-size:22px;}
div#topo p span{font-size:15px;}
div#img_topo{ margin:5px auto; width:767px; height:214px;}
		
div#menu{width:767px; background: url(../_imagens/bgMenu.jpg) repeat-x; height:36px; margin:0 auto; font-family: Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold;}
div#menu ul{padding:0; margin:0 0 0 0; text-align:center;}
div#menu ul li{ display:inline; padding:10px 27px 5px 29px; margin:0; border-right:1px dotted #bbc7c4; float:left; height:21px; text-align:center; }
div#menu ul li.noborder{border-right:none;}
div#menu ul li a{text-decoration:none; color:#002825; }
div#menu ul li a:hover{text-decoration:none; color:#00661f;}
div#menu ul li a.ativo{text-decoration:none; color:#00661f;}

div#menu ul#nav{position: relative; height:21px;}
ul#nav li ul.submenu{ position:absolute; left:0; top:36px; background:#edefed; width:431px; margin:0; padding:0 0 0 336px;}
ul#nav li ul.submenu li{padding:10px 9px 5px; text-align:center; border:none; }
ul#nav li ul.submenu li.noborder{border-right:none; width:100px;}
ul#nav li ul.submenu li a{text-decoration:none; color:#002825; }
ul#nav li ul.submenu li a:hover{text-decoration:none; color:#00661f;}


div#conteiner{margin:35px auto; padding:5px 0 10px 0; width:767px; overflow:hidden;}
div.empresa{background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646565; width:458px; overflow:hidden; margin:0; line-height:13px; float:left; margin:0 0 0 0;}
div.empresa h2{width:107px; height:20px; margin:0; padding:3px 0 9px 0; overflow:hidden; font-size:25px; color:#a8acaa; letter-spacing:-2px;}
div.empresa img{margin:0 12px 50px 0; float:left; }
div.empresa p{width:232px; margin:0; padding:0; overflow:hidden;}
div.empresa p.vejamais{margin:5px 0 0 0;}
div.empresa p.vejamais a{color:#000000; text-decoration:none; margin:0;}
div.empresa p.vejamais a:hover{color:#000000; text-decoration:underline; margin:0;}
		
div.galeria{background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646565; width:301px; overflow:hidden; margin:0 0 0 0; line-height:13px; float:right;}
div.galeria h2{width:90px; height:17px; margin:0; padding:3px 0 9px 0; font-size:25px; color:#a8acaa; letter-spacing:-2px;}
div.galeria img{margin:0 5px 0 0; }
div.galeria p{width:220px; margin:5px; padding:0; overflow:hidden; line-height:15px;}
div.galeria p span{font-weight:bold;}
div.galeria p.vejamais a{color:#000000; text-decoration:none; margin:5px 0 0 0;}
div.galeria p.vejamais a:hover{color:#000000; text-decoration:underline; margin:5px 0 0 0;}
		
div#conteiner2{margin:30px auto; padding:5px 0 10px 0; width:767px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646565;}
div#conteiner2 p.vejamais{margin:5px 0 0 1px;}
div#conteiner2 p.vejamais a{color:#000000; text-decoration:none; margin:0;}
div#conteiner2 p.vejamais a:hover{color:#000000; text-decoration:underline; margin:0;}
div.produtos h2{width:107px; height:20px; margin:0; padding:3px 0 9px 0; overflow:hidden; font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#646565; color:#a8acaa; letter-spacing:-2px;}
div.produtos p{margin:0 0 0 0;}
div.produtos p.vejamais{margin:5px 0 0 0;}
div.produtos p.vejamais a{color:#000000; text-decoration:none; margin:0;}
div.produtos p.vejamais a:hover{color:#000000; text-decoration:underline; margin:0;}
div.cole_mosaicos h2{width:445px; height:20px; margin:0 0 9px 0; padding:3px 0 9px 0; overflow:hidden; font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#a8acaa; letter-spacing:-2px;}
div.box_esq{overflow:hidden; float:left; width:245px; margin:1px 32px 0 0; display:inline;}
div.box_dir{overflow:hidden; float:left; margin: 0 0 0 0;}
div.acabamentos{width:245px; border-top:1px solid #c7dad0; margin:30px 0 0 0; padding:25px 0 0 0;}
div.acabamentos h2{width:171px; height:20px; margin:0; padding:3px 0 9px 0; overflow:hidden; font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#a8acaa; letter-spacing:-2px;}
div.comercio{background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646565; width:752px; overflow:hidden; margin:0; line-height:13px; float:left; margin:0 0 0 8px;}
div.comercio h2{width:500px; height:49px; margin:0; padding:3px 0 9px 0; overflow:hidden; font-size:25px; line-height:22px; color:#a8acaa; letter-spacing:-2px;}
div.comercio img{margin:0 5px 50px 0; float:left; }
div.comercio p{margin:0; padding:0; overflow:hidden;}
		
div.diferencial{background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646565; width:320px; overflow:hidden; margin:0; line-height:13px; float:right;}
div.diferencial h2{width:90px; height:17px; margin:0; padding:3px 0 9px 0; font-size:25px; line-height:22px; color:#a8acaa; letter-spacing:-2px;}
div.diferencial img{margin:0 5px 0 0; }
div.diferencial p{width:329px; margin:5px; padding:0; overflow:hidden; line-height:15px;}
		
div.thumbs_empresa{ width:767px; margin:0 auto; padding:10px 0 0 0; border-top:1px solid #c7dad0;}
div.thumbs_empresa ul{margin:0; padding:0;}
div.thumbs_empresa ul li{display:inline; margin:0 2px 0 7px;}
div.voltar{width:748px; height:28px; background:#f1f3f2; margin:0 auto 10px; padding: 0 10px 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#001b0f; letter-spacing:-1px; text-align:left;}
div.voltar a{ text-decoration:none; color:#001b0f; }
div.produtos{width:245px;}
div.cole_mosaicos{width:490px; overflow:hidden; }
		
div#rodape{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#7d8380; margin:0 0 0 0; padding:0 0 10px 0; border-top:1px solid #ccd9d3;}
div#rodape p span{font-weight:bold;}
div#rodape p a{color:#7d8380; text-decoration:none; font-weight:bold;}


/* #2 - Empresa*/

div.conheca{width:767px;}
div.conheca h2{width:315px; height:20px; margin:0 0 0 10px; padding:3px 0 9px 0; overflow:hidden; font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#a8acaa; letter-spacing:-2px;}
div.conheca ul{margin:0; padding:0;}
div.conheca ul li{width:767px; height:130px; background:url(../_imagens/bgBoxProd.jpg) repeat-x bottom; display:block; float:left; border-bottom:1px dotted #d8dede; padding:33px 0 23px 40px;}
div.conheca ul li img{float:left; margin:0 30px 0 0;}
div.conheca ul li p{width:430px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#646565; overflow:hidden; margin:15px 0 18px 0;}
div.conheca ul li p span{font-size:25px; font-weight:bold;}
div.conheca ul li p.ver_prod{ background:#f1f3f2; padding:8px; width:76px;  vertical-align:bottom; color:#001b0f; letter-spacing:-1px; text-align:center;}
div.conheca ul li p.ver_prod a{color:#001b0f; text-decoration:none;}
div.conheca ul li p.ver_prod a:hover{color:#001b0f; text-decoration: underline;}

div.conheca ul li.imgRight img{float:right; margin:0 76px 0 0;}
div.conheca ul li.imgRight p{width:278px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#646565; overflow:hidden; margin:15px 0 40px 170px;}
div.conheca ul li.imgRight p.ver_prod{ background:#f1f3f2; padding:8px; width:76px;  vertical-align:bottom; color:#001b0f; letter-spacing:-1px; text-align:center;}


/* #3 - Produtos*/

div.mosaicos{width:767px;}
div.mosaicos h2{width:321px; height:20px; margin:0 0 0 10px; padding:3px 0 9px 0; overflow:hidden; font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#a8acaa; letter-spacing:-2px;}
div.mosaicos ul{margin:0; padding:0;}
div.mosaicos ul li{width:767px; height:130px; background:url(../_imagens/bgBoxProd.jpg) repeat-x bottom; display:block; float:left; border-bottom:1px dotted #d8dede; padding:33px 0 23px 40px;}
div.mosaicos ul li img{float:left; margin:0 30px 0 0;}
div.mosaicos ul li p{width:430px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#646565; overflow:hidden; margin:15px 0 18px 0;}
div.mosaicos ul li p span{font-size:25px; font-weight:bold;}
div.mosaicos ul li p.ver_prod{ background:#f1f3f2; padding:8px; width:76px;  vertical-align:bottom; color:#001b0f; letter-spacing:-1px; text-align:center;}
div.mosaicos ul li p.ver_prod a{color:#001b0f; text-decoration:none;}
div.mosaicos ul li p.ver_prod a:hover{color:#001b0f; text-decoration: underline;}

div.mosaicos ul li.imgRight img{float:right; margin:0 76px 0 0;}
div.mosaicos ul li.imgRight p{width:278px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#646565; overflow:hidden; margin:15px 0 40px 170px;}
div.mosaicos ul li.imgRight p.ver_prod{ background:#f1f3f2; padding:8px; width:76px;  vertical-align:bottom; color:#001b0f; letter-spacing:-1px; text-align:center;}

/* #4 - Acabamentos */

div.acabam_page{width:767px; margin:0 0 0 8px;}
div.acabam_page h2{width:330px; height:20px; margin:0; padding:3px 0 9px 0; overflow:hidden; font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#a8acaa; letter-spacing:-2px;}
div.acabam_page p{width:767px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#646565; overflow:hidden; margin:15px 0 18px 0;}

div.thumbs_acabamento{ width:767px; margin:0 auto; padding:10px 0 0 0; text-align:center;}
div.thumbs_acabamento ul{margin:0 auto; padding:0; }
div.thumbs_acabamento ul li{display:inline; margin:0 10px 0 7px;}


/* #5 - Galeria */

div#conteiner3{margin:30px auto; padding:5px 0 10px 0; width:767px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646565;}
div#conteiner3 h2{width:330px; height:20px; margin:0; padding:3px 0 9px 0; overflow:hidden; font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#a8acaa; letter-spacing:-2px;}

div#banheiras, div#churrasqueiras, div#cozinhas, div#diversos, div#escadas, div#lareiras, div#lavatorios, div#mesa_tampos, div#pisos_decorados {width:767px; border-bottom: 2px dotted #d8dede;  padding:11px 0 11px 6px; float:left;}
div#banheiras h2, div#churrasqueiras h2, div#cozinhas h2, div#diversos h2, div#escadas h2, div#lareiras h2, div#lavatorios h2, div#mesa_tampos h2, div#pisos_decorados h2  {width:330px; height:20px; margin:0; padding:3px 0 9px 0; overflow:hidden; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#a8acaa; letter-spacing:-2px;}
div#banheiras ul{margin:0; padding:0;}
div#banheiras ul li{display:inline; margin: 10px 45px 10px 0; float:left;}

div#churrasqueiras ul{margin:0; padding:0;}
div#churrasqueiras ul li{display:inline; margin: 10px 45px 10px 0; float:left;}


div#cozinhas ul{margin:0; padding:0;}
div#cozinhas ul li{display:inline; margin: 10px 45px 10px 0; float:left;}


div#diversos ul{margin:0; padding:0;}
div#diversos ul li{display:inline; margin: 10px 45px 10px 0; float:left;}

div#escadas ul{margin:0; padding:0;}
div#escadas ul li{display:inline; margin: 10px 45px 10px 0; float:left;}

div#lareiras ul{margin:0; padding:0;}
div#lareiras ul li{display:inline; margin: 10px 45px 10px 0; float:left;}

div#lavatorios ul{margin:0; padding:0;}
div#lavatorios ul li{display:inline; margin: 10px 45px 10px 0; float:left;}

div#mesa_tampos ul{margin:0; padding:0;}
div#mesa_tampos ul li{display:inline; margin: 10px 45px 10px 0; float:left;}

div#pisos_decorados ul{margin:0; padding:0;}
div#pisos_decorados ul li{display:inline; margin:10px 45px 10px 0; float:left;}

/* #6 - Galeria - Mosaicos */

div#conteiner4{margin:30px auto; padding:5px 0 10px 0; width:767px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646565;}
div#conteiner4 h2{width:330px; height:20px; margin:0; padding:3px 0 9px 0; overflow:hidden; font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#a8acaa; letter-spacing:-2px;}

div#banhe_mosaico, div#churras_mosaico, div#cozinhas_mosaico, div#diversos_mosaico, div#escadas_mosaico, div#lareiras_mosaico, div#lavato_mosaico, div#mesa_tampos_mosaico, div#pisos_decorados_mosaico {width:767px; border-bottom: 2px dotted #d8dede;  padding:11px 0 11px 6px;}
div#banhe_mosaico h2, div#churras_mosaico h2, div#cozinhas_mosaico h2, div#diversos_mosaico h2, div#escadas_mosaico h2, div#lareiras_mosaico h2, div#lavato_mosaico h2, div#mesa_tampos_mosaico h2, div#pisos_decorados_mosaico h2  {width:330px; height:20px; margin:0; padding:3px 0 9px 0; overflow:hidden; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#a8acaa; letter-spacing:-2px;}
div#banhe_mosaico ul{margin:0; padding:0;}
div#banhe_mosaico ul li{display:inline; margin: 0 45px 0 0;}

div#churras_mosaico ul{margin:0; padding:0;}
div#churras_mosaico ul li{display:inline; margin: 0 45px 0 0;}


div#cozinhas_mosaico ul{margin:0; padding:0;}
div#cozinhas_mosaico ul li{display:inline; margin: 0 45px 0 0;}


div#diversos_mosaico ul{margin:0; padding:0;}
div#diversos_mosaico ul li{display:inline; margin: 0 45px 0 0;}

div#escadas_mosaico ul{margin:0; padding:0;}
div#escadas_mosaico ul li{display:inline; margin: 0 45px 0 0;}

div#lareiras_mosaico ul{margin:0; padding:0;}
div#lareiras_mosaico ul li{display:inline; margin: 0 45px 0 0;}

div#lavato_mosaico ul{margin:0; padding:0;}
div#lavato_mosaico ul li{display:inline; margin: 0 45px 0 0;}

div#mesa_tampos_mosaico ul{margin:0; padding:0;}
div#mesa_tampos_mosaico ul li{display:inline; margin: 0 45px 0 0;}

div#pisos_decorados_mosaico ul{margin:0; padding:0;}
div#pisos_decorados_mosaico ul li{display:inline; margin: 0 45px 0 0;}

/* #7 - Interna Mosaico */

div#mosaico_int{text-align:center; overflow:hidden;}
div#mosaico_int ul{margin:0; padding:0;}
div#mosaico_int ul li{display:inline; margin: 10px 24px 0; float:left;}
div#mosaico_int ul li a{color:#646565; text-decoration:none;}
div#mosaico_int ul li a p:hover{color:#646565; text-decoration:underline;}



/* #8 - Interna Produtos */

div#produto_int{text-align:center; overflow:hidden;}
div#produto_int ul{margin:0; padding:0;}
div#produto_int ul li{display:inline; margin: 10px 24px 0; float:left; width:200px; height:100px;}
div#produto_int ul li a{color:#646565; text-decoration:none;}
div#produto_int ul li a p:hover{color:#646565; text-decoration:underline;}


/* #9 - Contato */

div.contato{width:329px; float:left; font-family:Arial, Helvetica, sans-serif; color:#a8acaa; letter-spacing:-2px; margin:0 0 10px 0}
div.contato h2{padding:0 0 0 10px; margin:0; font-size:25px;}
div.contato p{padding:0 0 0 10px; margin:0 0 5px 0; font-size:14px; letter-spacing:0px; line-height:20px;}
div.contato p span{font-weight:bold; color:#646565;}
div.contato img{padding:0 0 0 10px;}

div.msg_envie{overflow:hidden; font-family:Arial, Helvetica, sans-serif; color:#a8acaa; letter-spacing:-2px; font-size:14px;}
div.msg_envie h2{padding:0; margin:0; font-size:25px;}
div.msg_envie form{font-family:Arial, Helvetica, sans-serif; color:#a8acaa;font-size:14px;}
div.msg_envie form label input{width:425px; color:#000; border:1px solid #dddfde; font-size:15px; overflow:hidden;}
div.msg_envie form label textarea{width:425px; height:105px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px; border:1px solid #dddfde;}
div.msg_envie form label{ line-height:23px; letter-spacing: normal; }
div.msg_envie form input.btn{ background:url(../_imagens/btnEnviar.jpg) no-repeat; width:78px; height:23px; border:0; letter-spacing: normal; margin:10px 0 0 0; padding:0;}


/* #10 - Representantes */

div#representantes{width:767px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; color:#a8acaa; font-size:13px; letter-spacing:-2px; overflow:hidden; float:left;}
div#representantes h2{ font-size:25px;}
div#representantes ul{margin:0; padding:0; text-align:center;}
div#representantes ul li{margin:0 31px 10px; display:inline; width:185px; height:200px; float:left; letter-spacing: normal; line-height:18px; }
div#representantes ul li p{width:179px; margin:0; padding:0;}
div#representantes ul li p span{color:#646565;font-weight:bold; font-size:14px;}
div#representantes ul li span.emails{color:#646565;font-weight:bold; font-size:12px ;}
div#representantes ul li p span.title{color:#646565; font-size:16px; font-weight:bold;}
div#representantes ul li p a{color:#646565; text-decoration:none;}
div#representantes ul li p a:hover{color:#646565; text-decoration: underline;}
div#estados{margin:0; padding:0; width:100%; float:left;}
div#estados h3{font-size:18px; margin:0 0 10px 0; padding:0 0 0 15px; border-bottom:1px solid  #CCD9D3;}




