/* Desenvolvido em 01/03/2010
por Vinícius Dourado a serviço de Cammino Comunicação Online 
Tic Mo Mó.*/


body {margin:0; padding:0; background:url(../img/bg_bottom.jpg) bottom left no-repeat; font: 14px Arial, Helvetica, sans-serif; color:#1f1f1f; height:100%; }
#bg {width:100%; background:url(../img/bg_bg.jpg) repeat-x;}
#bgtop {width:100%; background:url(../img/bg_top.jpg) top right no-repeat;}

a {border:none; text-decoration:none; font: 14px Arial, Helvetica, sans-serif; color:#3f8e19;}
a img {border:none;}
#geral {width:960px; margin:auto; display:table;}

/*////////////////// TOPO ////////////////////*/

#topo {width:960px; height:106px; background:url(../img/bg_topo.jpg) center top no-repeat; border-bottom:#f5f4f4 solid 1px;}
h1 {width:209px; height:60px; background:url(../img/logo.png) no-repeat; margin:20px 0 0 120px; padding:0; float:left; }
h1 a {width:209px; height:60px; display:block; text-indent:-10000px; overflow:hidden;}
#bloctel{width:257px; height:60px; background:url(../img/box_top2.jpg) no-repeat; text-indent:-10000px; float:left; margin:56px 0 0 113px; float:left; overflow:hidden; }

/*////////////////// MENU ///////////////////////*/

#menu {width:253px; height:25px; background:url(../img/menu.png) no-repeat; padding:0; float:left; list-style:none; margin:80px 0 0 0; _width:260px; float:left; }
#menu li {display:inline; float:left; margin:0; padding:0;}
#menu a{text-indent:-10000px; overflow:hidden;}
#mn1 {width:92px; height:25px; float:left; display:inline;}
#mn1 a {width:89px; height:25px; display:block;}
#mn1 a:hover {background:url(../img/menu.png) 0 -25px  no-repeat;}
#mn2 {width:79px; height:25px; float:left; display:inline;}
#mn2 a {width:79px; height:25px; display:block;}
#mn2 a:hover {background:url(../img/menu.png) -92px -25px  no-repeat;}
#mn3 {width:83px; width:79px; float:left; display:inline;}
#mn3 a {width:83px; height:25px; display:block;	}
#mn3 a:hover {background:url(../img/menu.png) -171px -25px  no-repeat;}

/*///////////////////////// INDEX ///////////////////*/

#banner-slider {width:999999px; height:307px; list-style:none; padding:0; margin:0; position:absolute; top:0;}
#banner-slider li {width:876px; height:307px; float:left;}
#banner-wrap {overflow:hidden; width:876px; height:307px; position:relative; float:left;}

#banner {width:960px; height:307px; float:left; display:block; clear:both; border-bottom:1px solid #ccc;}
#banner img {width:876px; height:307px; float:left; }
#prev, #next{width:38px; height:64px; float:left; padding-top:100px;}
#prev a{width:38px; height:64px; background:url(../img/bt_prev.png) no-repeat; display:block; text-indent:-10000px; overflow:hidden;}
#prev a:hover{background:url(../img/bt_prev.png) -38px 0 no-repeat;}
#next a{width:38px; height:64px; background:url(../img/bt_next.png) -38px 0 no-repeat; display:block; text-indent:-10000px; overflow:hidden;}
#next a:hover{background:url(../img/bt_next.png) no-repeat;}


.tit_detprodutos, h3.titcuffon, .linkufon a, .titliprod a, .tit_pgs { font-family: 'PT Sans', sans-serif; font-style: italic; line-height: 1em; text-align: left; }

#blocks {line-height:20px; padding-top:20px; float:left;}
h3.titcuffon {color:#3f8e19; font-size:24px; margin-bottom:5px; }
.linkufon a {text-decoration:none; font-weight:bold; color:#3f8e19;  }

#bloc1 {width:320px; height:330px; float:left; background:url(../img/sketch_glasses.jpg) 0 190px no-repeat;}
#bloc1 p.linkufon {margin:160px 0 0 120px;}
#bloc2 p.linkufon {margin:0 0 0 120px;}
#bloc2 {width:320px; float:left; background:url(../img/carpenter_home.jpg) 0 30px no-repeat; padding-top:240px; _padding-top:270px;}
#bloc3 {width:285px; float:left; padding-left:35px;}


/*//////////////// A Empresa //////////////*/

#content.empresa {width:960px; background:url(../img/bg_aempresa.jpg) 0 40px no-repeat; float:left; line-height:26px;}
#boxtxtempresa {width:356px; float:left; padding-left:610px;}
h3.tit_pgs {color:#3f8e19; font-size:28px; line-height:26px; margin:20px 0 0 0; padding:0 0 15px 0; font-weight:normal; font-style:italic; }
.btprod{width:294px; height:62px; display:block; background:url(../img/bt_produtos.png) no-repeat; text-indent:-10000px; margin:30px 0 ; overflow:hidden;}
.btprod:hover {background:url(../img/bt_produtos.png) 0 -63px no-repeat;}

/*/////// LISTA DE PRODUTOS ////////*/

#banner_prod {width:960px; height:341px; float:left; display:block; clear:both;}
#banner_prod img {float:left; width:631px; height:311px;}
#abprodutos {width:240px; float:left; line-height:20px; padding-left:20px; border-left:1px solid #e5e4e4; margin-left:20px; } 
#abprodutos h2 {color:#3f8e19;}


.btorc {background:url(../img/bt_orcamento.png) no-repeat; width:246px; height:58px; display:block; text-indent:-10000px; overflow:hidden;}
.btorc:hover {background:url(../img/bt_orcamento.png) 0 -59px no-repeat; width:246px; height:58px; display:block; text-indent:-10000px; overflow:hidden;}
#listprod h3 {background:#eeeeca url(../img/tit_prods.png) no-repeat; height:41px; width:960px; text-indent:-10000px; font:italic normal!important; overflow:hidden;}
#listprod {width:960px; float:left;}


#listaprodutos {width:960px; list-style:none; margin:0; padding:0; position: relative; }
#listaprodutos li { position: relative; width:205px; height:305px; background: #EDEDED url(../img/bg_boxlistprod.jpg) repeat-x; border:solid #e5e4e4 1px; padding:10px; float:left; margin:0 0 25px 17px;}
#listaprodutos li.canto{margin:0 0 25px 0 !important;}
#listaprodutos li p a {font-size:12px;color:#1f1f1f;}
#listaprodutos li p {margin:0; padding:6px 0; font-size:12px;}
.maisdet a { position: absolute; width: 120px; height: 22px; left: 15px; bottom: 5px; font-weight:bold; font-size:12px;}
.titliprod {background: url(../img/bg_titliprod.png) no-repeat; color:#b9b71d; padding-top:13px; margin:0; }
.titliprod a {color:#b9b71d; font-size:22px;}


/*////////////// DETALHE DE PRODUTOS ///////////////*/

#mostraproduto {width:470px; float:left;}
#detgdproduto {width:453px; height:329px; background-color:#f6f6f6; border:solid 1px e2e0e0; padding:10px 0 0 10px;}
#detpqproduto {width:450px; margin:0; padding:0; list-style:none; display:block; float:left; clear:both; background:url(../img/bg_boxdetprod.png) right no-repeat; background-color:#f6f6f6; padding:10px 0 10px 10px;}
#detpqproduto li {float:left; margin:0 10px 0 0;}
#dettxtproduto {width:450px; float:left; padding-left:20px; text-align: justify; }
#dettxtproduto p { line-height: 1.4em; }
.tit_detprodutos {font-size:40px; background:url(../img/bg_titdeprod.png) no-repeat; padding-top:20px; color:#b9b71d; margin:0; font-weight:normal; }
.menor {font-size:36px;}
.migalha {color:#3f8e19;}
.facapedido {background:url(../img/facapedido.png) no-repeat; width:134px; height:21px; display:block; float:left; text-indent:-10000px; margin:5px 0 0 5px; overflow:hidden;}
.fundacentro {background:url(../img/selodequalidade.jpg) no-repeat; width:174px; height:22px; display:block; float:left; text-indent:-10000px; overflow:hidden; margin:5px 0 0 5px;}
.tabelasimples td { border-bottom: 1px dotted #ccc; }


/*/////////////////////// FORMULARIO DE CONTATO ///////////////////*/

#form {width:440px; height:510px; float:left; padding-left:15px;}
#form label {display:block; margin-bottom:5px;}
#form input {width:380px; border:solid 1px #ccc; height:23px; margin-bottom:15px;}
#form textarea {width:380px; height:100px;}
#data {width:460px; float:left; padding-left:40px; border-left:1px solid #bfbebe; }
input.envia {background:url(../img/bt_enviar.png) no-repeat; width:79px!important; height:24px!important; border:none!important; text-indent:-10000px; cursor:pointer; display:block; margin:15px 0 0 300px; overflow:hidden;}
input.envia:hover {background:url(../img/bt_enviar.png) 0 -24px no-repeat;}
.veja {display:block; background:url(../img/lupinha.png) no-repeat; padding:10px 0 0 25px; margin-top:5px; height:30px;}

#rodape {width:960px; float:left; display:block; clear:both; padding-top:50px;} 
.assinatura a {font-size:11px; color:#3f8e19; }
.assinatura {background:url(../img/assinatura.png) 85px 0 no-repeat;}
#footleft {width:400px; float:left;}
#rodape {font-size:12px; color:#666;}
#rodape p {font-size:11px; color:#666;}
#adress {width:300px; float:left; margin-left:255px;}
#adress p {font-size:12px!important; font-weight:bold; float:none!important; margin:0!important; padding:0!important; }
address {font-style:normal;}
#adress a {font-size:12px; font-weight:bold;}

#form input.error { border:1px solid red; }
#form textarea.error { border:1px solid red; }