@charset "iso-8859-1";
/* CSS Document */

body,td,th {
	font-family: Verdana;
	font-size: 11px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	background:url(img/bg.jpg) repeat 0px 0px #000;
}
.ir{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
ul, li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.clear{
	clear:left;
}
h2{
	font-size:16px;
}
h3{
	font-size:13px;
}
h1, h2, h3{
	margin:0px;
}
#msg-erro{
	width:98%;
	border:solid 2px #F00;
	background-color:#FFF;
	color:#F00;
	text-align:center;
	float:left;
	padding:4px 0 4px 0;
	font-weight:bold;
	margin:0 0 10px 0;
	overflow:hidden;
	display:block;
}
#msg-erro a{
	text-decoration:none;
	color:#FFF;
	padding:2px 6px;
	background-color:#900;
}
#msg-erro a:hover{
	background-color:#F00;
}

#msg-sucess{
	width:98%;
	border:solid 2px #0F0;
	background-color:#FFF;
	color:#030;
	text-align:center;
	float:left;
	padding:4px 0 4px 0;
	font-weight:bold;
	margin:0 0 10px 0;
	overflow:hidden;
	display:block;
}
#geral{
	width:100%;
	height:100%;
	float:left;
	display:block;
	position:absolute;
	background:url(img/bg-menu.png) repeat-x 0px 50px;
}
#pagina{
	width:960px;
	display:block;
	margin:0 auto;
}
#base{
	background:url(img/base.jpg) no-repeat 0px 0px;
	width:100%;
	height:60px;
	float:left;
	clear:left;
	background-color:#1E060A;
	margin:10px 0;
	display:block;
	color:#FF9;
	padding:10px 0 0 0;
}
#base p.base-empresa{
	width:33%;
	float:left;
	margin:0 10px 0 10px;
	display:block;
	text-align:left;
	padding:35px 0 0 0;
}
#base p.base-telefone{
	width:30%;
	float:left;
	display:block;
	margin:0 10px 0 0;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	padding:16px 0 0 0;
}
#base p.base-texto{
	width:32%;
	float:left;
	display:block;
	margin:0 10px 0 0;
	text-align:right;
}

#topo{
	float:left;
	width:960px;
	display:block;
	margin:0 0 20px 0;
	padding:50px 0 0 0;
	position:relative;
}
div#topo a#btLogo{
	background:url(img/logo.png) no-repeat 0px 2px;
	width:172px;
	height:120px;
	float:left;
	display:block;
	position:absolute;
	top:0px;
	left:20px;
}
#menu{
	float:left;
	display:block;
	width:625px;
	height:50px;
	padding:35px 0 0 45px;
	margin-left:190px;
}
#menu span.pingo{
	display:block;
	float:left;
	margin:5px 5px 0 5px;
}

div#coluna-1{
	float:left;
	display:block;
	width:207px;
	margin:0 25px 0 0;
	padding:0 0 0 10px;
}

div#coluna-2, div#bloco{
	float:left;
	display:block;
	width:718px;
}

div.pagseguro{
	width:125px;
	height:150px;
	overflow:hidden;
	display:block;
	float:left;
	border:solid 2px #000;
	margin:15px 0px 0px 40px;
}


div#coluna-1 div#categorias{
	width:199px;
	display:block;
	margin:0 auto;
	background-color:#900;
	float:left;
	padding:0 5px;
}

div#bemvindo{
	width:718px;
	float:left;
	clear:left;
	margin:0 0 10px 0;
}

div#slide{
	width:700px;
	height:380px;
	float:left;
	clear:left;
	overflow:hidden;
	padding:4px;
}

div#produto{
	width:120px;
	height:140px;
	float:left;
	display:block;
	margin:0 8px 8px 0;
	text-align:center;
}
div#produto img{
	margin:5px auto;
	display:block;
}
div#produto h3{
	color:#900;
}

div#revenda{
	width:660px;
	float:left;
	display:block;
}
div#revenda a#btVermelho, div#revenda a#btVerde{
	margin:10px 10px 0 0;
	color:#FFF;
}

div#lancamento{
	width:650px;
	float:left;
	display:block;
	margin:0 0 10px 0;
	color:#000;
}
div#lancamento span#foto{
	float:left;
	display:block;
	width:150px;
	overflow:hidden;
	margin:0 10px 0 0;
}
div#lancamento span#detalhes{	
	float:left;
	display:block;
	width:490px;
}
div#lancamento h2{
	color:#900;
	margin:0 0 10px 0;
}
span#detalhes span.detalhe{
	float:left;
	clear:left;
	display:block;
	margin:0 0 5px 0;
}
span#detalhes span.detalhe strong{
	width:490px;
	font-size:14px;
	font-weight:bold;
	border-bottom:solid 1px #F00;
	padding:0 0 2px 0;
	display:block;
	margin:0 0 10px 0;
}
span#detalhes a.h{
	color:#090;
	text-decoration:none;
}

div#mapa{
	width:375px;
	float:left;
	display:block;
	margin:0 10px 0 0;
}
div#mapa-detalhe{
	width:260px;
	float:left;
	display:block;
}

div#repre-bloco{
	width:260px;
	float:left;
	display:block;
	margin:0 0 10px 0;
	border-bottom:solid 1px #FF9;
	padding:0 0 10px 0;
}
div#repre-bloco h2{
	color:#F90;
	margin:0 0 5px 0;
	float:left;
	clear:left;
}
div#repre-bloco p{
	float:left;
	clear:left;
	display:block;
	margin:0 0 5px 0;
}
div#repre-bloco h3{
	float:left;
	display:block;
	clear:left;
}
div#repre-bloco h3.telefone{
	color:#FF9;
}
h2.repre-estado{
	width:260px;
	background-color:#FFC;
	color:#900;
	float:left;
	display:block;
	padding:4px 0;
	text-align:center;
	margin:0 0 10px 0;
}

div#player{
	float:left;
	display:block;
	clear:left;
	width:400px;
/*	background-color:#1E060A;*/
	padding:5px;
}

/*CLASSES*/
.pingo{
	background:url(img/pingos.png) no-repeat 0px -10px;
	width:5px;
	height:5px;
}
.curva-topo{
	background:url(img/bg-produtos.png) no-repeat 0px 0px;
	width:217px;
	height:10px;
	float:left;
	display:block;
	margin:0;
}
.curva-centro{
	background:url(img/bg-produtos.png) no-repeat 0px -20px;
	width:207px;
	float:left;
	display:block;
	margin:0;
	padding:0 5px;
}
.curva-centro a{
	width:190px;
	float:left;
	clear:left;
	color:#FC6;
	display:block;
	margin:10px 0 0 10px;
	text-decoration:none;
	font-size:12px;
}
.curva-centro a:hover{
	text-decoration:underline;
}
.curva-centro span.seta{
	margin:8px 5px 0 10px;
}

.curva-base{
	background:url(img/bg-produtos.png) no-repeat 0px bottom;
	width:217px;
	height:20px;
	float:left;
	display:block;
	margin:0;
}
.titulo{
	background:url(img/bg-title.png) no-repeat 0px 0px;
	width:675px;
	height:22px;
	display: block;
	overflow: hidden;
	padding:8px 0 0 25px;
	color:#FFF;
}
p.textinho{
	width:320px;
	float:left;
	display:block;
	text-align:justify;
	margin:20px 0 0 10px;
}
p.textinho img{
	float:left;
	display:block;
	margin:0 10px 10px 0;
}

.texto{
	background-color:#FFF;
	float:left;
	width:665px;
	padding:10px;
	clear:left;
	color:#000;
	margin:5px 0 5px 7px;
	text-align:justify;
}
.texto img{
	float:left;
	display:block;
	margin:0 10px 10px 0;
}
.bloco-cont{
	background-color:#FFF;
	float:left;
	clear:left;
	display:block;
	width:665px;
	padding:10px;
	margin:5px 0 5px 7px;
	color:#FFF;
}
.seta{
	background:url(img/pingos.png) no-repeat 0px 0px;
	width:5px;
	height:10px;
	float:left;
	display:block;
	margin:0 10px 0 0;
}
.valor{
	color:#F90;
	display:block;
	font-weight:bold;
}
.valor strong{
	color:#F90;
	font-size:15px;
}
a#btVerde.revendedor{
	margin:10px 0 0 150px;
}

/*LINKS*/
a#btHome{
	background:url(img/links.png) no-repeat 0px 0px;
	width:45px;
	height:16px;
	float:left;
	display:block;
}
a:hover#btHome{
	background:url(img/links.png) no-repeat 0px -16px;
}
a#btEmpresa{
	background:url(img/links.png) no-repeat -57px 0px;
	width:65px;
	height:16px;
	float:left;
	display:block;
}
a:hover#btEmpresa{
	background:url(img/links.png) no-repeat -57px -16px;
}
a#btLancamentos{
	background:url(img/links.png) no-repeat -134px 0px;
	width:99px;
	height:16px;
	float:left;
	display:block;
}
a:hover#btLancamentos{
	background:url(img/links.png) no-repeat -134px -16px;
}
a#btOnde{
	background:url(img/links.png) no-repeat -243px 0px;
	width:107px;
	height:16px;
	float:left;
	display:block;
}
a:hover#btOnde{
	background:url(img/links.png) no-repeat -243px -16px;
}
a#btRevenda{
	background:url(img/links.png) no-repeat -358px 0px;
	width:113px;
	height:16px;
	float:left;
	display:block;
}
a:hover#btRevenda{
	background:url(img/links.png) no-repeat -358px -16px;
}
a#btContato{
	background:url(img/links.png) no-repeat -473px 0px;
	width:58px;
	height:16px;
	float:left;
	display:block;
}
a:hover#btContato{
	background:url(img/links.png) no-repeat -473px -16px;
}

a#btVermelho{
	float:left;
	display:block;
	padding:4px 8px;
	background-color:#900;
	color:#FFC;
	text-decoration:none;
	margin:0 10px 10px 0;
}
a:hover#btVermelho{
	background-color:#F00;
}
a#btVerde{
	float:left;
	display:block;
	padding:4px 8px;
	background-color:#090;
	color:#FFC;
	text-decoration:none;
	margin:0 10px 10px 0;
}
a:hover#btVerde{
	background-color:#0C0;
}

a#desenvolvimento{
	background:url(img/gg.png) no-repeat 0px 0px;
	width:26px;
	height:30px;
	display:block;
	position:fixed;
	right:10px;
	bottom:10px;
}

/*TITULOs*/
h2#tbemvindo{
	background:url(img/titles.png) no-repeat 0px 0px;
	width:213px;
	height:15px;
	float:left;
}
h2#tempresa{
	background:url(img/titles.png) no-repeat 0px -20px;
	width:65px;
	height:15px;
	float:left;
}
h2#tcontato{
	background:url(img/titles.png) no-repeat 0px -100px;
	width:60px;
	height:15px;
	float:left;
}
h2#tprodutos{
	background:url(img/titles.png) no-repeat 0px -120px;
	width:70px;
	height:15px;
	float:left;
}
h2#tcategorias{
	background:url(img/titles.png) no-repeat 0px -120px;
	width:70px;
	height:15px;
	float:left;
	display:block;
	margin:5px 0 0 0;
}
h2#trevenda{
	background:url(img/titles.png) no-repeat 0px -80px;
	width:70px;
	height:15px;
	float:left;
	display:block;
}
h2#tlancamentos{
	background:url(img/titles.png) no-repeat 0px -40px;
	width:97px;
	height:17px;
	float:left;
	display:block;
}
h2#tondecomprar{
	background:url(img/titles.png) no-repeat 0px -60px;
	width:107px;
	height:17px;
	float:left;
	display:block;
}
h2#ttitulo{
	width:98%;
	float:left;
	color:#900;
	background-color:#FF9;
	padding:4px 6px;
	margin:0 0 10px 0;
}

/*FORM*/
div#form{
	width:310px;
	float:left;
	clear:left;
	display:block;
	padding:0 0 0 15px;
}
p.consideracoes{
	width:330px;
	float:left;
	display:block;
	margin:0 0 0 10px;
	color:#FFF;
	font-size:13px;
}
div#form label{
	float:left;
	clear:left;
	display:block;
	color:#900;
}
div#form input, div#form textarea, div#form select{
	width:300px;
	float:left;
	clear:left;
	display:block;
	border:solid 1px #900;
	margin:0 0 5px 0;
}
div#form input.botao{
	width:80px;
	background-color:#090;
	color:#FFF;
	padding:2px 8px;
	float:left;
	clear:left;
	display:block;
	border:none;
	cursor:pointer;
}
div#form input.botao:hover{
	background-color:#0C0;
}
div#form span.bloco{
	width:100%;
	float:left;
	clear:left;
	display:block;
}
div#form #formEnvia, div#form #formRec{
	width:650px;
	float:left;
	clear:left;
	display:block;
}

/*PRODUTO INTERNO*/
div#produto-interno, div#descricao{
	float:left;
	clear:left;
	display:block;
	margin:0 0 10px 0;
	width:98%;
	color:#000;
}

div#produto-interno span.foto{
	display:block;
	margin:0 10px 0 0;
}
div#produto-interno ul{
	width:480px;
	text-align:justify;
	float:left;
	display:block;
}
div#produto-interno li{
	float:left;
	clear:left;
	display:block;
	margin:0 0 5px 0;
}
div#produto-interno .detalhe{
	float:left;
	display:block;
	clear:left;
}
.detalhe strong{
	font-size:15px;
}
div#produto-interno a.h{
	text-decoration:none;
	color:#090;
}
div#produto-interno img{
	float:left;
	margin:0 10px 10px 0;
	display:block;
}
div#produto-interno h2{
	width:100%;
	float:left;
	margin:0 0 10px 0;
	display:block;
	color:#F90;
	font-size:18px;
}

div#descricao h2{
	width:100%;
	padding:4px 6px;
	display:block;
	float:left;
	background-color:#FFC;
	color:#F90;
	margin:0 0 10px 0;
}
div#descricao p{
	width:100%;
	float:left;
	clear:left;
	display:block;
	margin:0 0 10px 0;
}

/*CARRINHO DE COMPRAS*/
div#carrinho{
	width:720px;
	float:left;
	display:block;
}
div#carrinho div#total{
	width:700px;
	float:left;
	display:block;
	padding:10px;
	text-align:right;
}
div#carrinho div#total span.valorTotal{
	width:auto;
	font-size:25px;
	color:#900;
	float:right;
	display:block;
	margin:0px 40px;
	padding:5px 10px;
	background-color:#FFF;
	border:solid 1px #CCC;
	border-radius:5px;
}
div#carrinho div#total span.pesoTotal{
	width:auto;
	font-size:25px;
	color:#666;
	float:right;
	display:block;
	padding:5px 10px;
	background-color:#FFF;
	border:solid 1px #CCC;
	border-radius:5px;
}
div#carrinho div#total span.legenda{
	width:auto;
	font-size:13px;
	float:left;
	display:block;
}
	
div#botoes{
	width:100%;
	float:left;
	display:block;
	margin:0 0 20px 0;
}
div#botoes a.btAvancar{
	padding:4px 8px;
	float:right;
	display:block;
	color:#FFF;
	background-color:#090;
	text-decoration:none;
	margin:0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div#botoes a:hover.btAvancar{
	background-color:#0C0;
}
div#botoes a.btLimpar{
	padding:4px 8px;
	float:right;
	display:block;
	color:#FFF;
	background-color:#666;
	text-decoration:none;
	margin:0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div#botoes a:hover.btLimpar{
	background-color:#999;
}
ul#carrinho{
	width:100%;
	float:left;
	display:block;
}
ul#carrinho li#header{
	width:100%;
	display:block;
	float:left;
}
ul#carrinho li#header div{
	background-image:url(img/bg-cart.png);
	background-position:0 -27px;
	background-repeat:repeat;
	height:23px;
	float:left;
	display:block;
	width:100px;
	text-align:center;
	padding:4px 0 0 0;
	line-height:23px;
}
ul#carrinho li#header div.left{
	background-position:0px 0px;
	width:80px;
}
ul#carrinho li#header div.right{
	background-position:right 0px;
	width:80px;
}
ul#carrinho li#header div.separa{
	background-position:-100px 0px;
	width:2px;
}
ul#carrinho li#header div.produto{
	width:438px;
}
ul#carrinho li.body{
	width:700px;
	float:left;
	display:block;
	border-left:solid 2px #999;
	border-right:solid 2px #999;
	border-bottom:solid 2px #999;
}
ul#carrinho li.body div{
	width:100px;
	float:left;
	display:block;
	padding-top:7px;
	min-height:20px;
	line-height:15px;
	text-align:center;
	margin:0 2px 2px 0;
}
ul#carrinho li.body div.left{
	width:78px;
}
ul#carrinho li.body div.right{
	width:78px;
	margin:0;
}
ul#carrinho li.body div.produto{
	width:435px;
	text-align:left;
	padding-top:7px;
	position:relative;
}
ul#carrinho li.body div.produto a{
	color:#06C;
	text-decoration:underline;
}
ul#carrinho li.body div.produto a:hover{
	color:#06F;
	text-decoration:none;
}
ul#carrinho li.body.cor1{
	background-color:#F5F5F5;
}
ul#carrinho li.body.cor2{
	background-color:#EEEEEE;
}
ul#carrinho li.body input{
	width:26px;
	height:28px;
	line-height:28px;
	float:left;
	display:block;
	border:solid 1px #CCC;
	padding:0px 5px;
	text-align:center;
	margin-left:13px;
}
ul#carrinho li.body input:hover, ul#carrinho li.body input:focus{
	background-color:#FFC;
}
ul#carrinho li.body a.exclui{
	background:url(img/excluir.gif) no-repeat 0px 50%;
	width:14px;
	height:30px;
	display:block;
	margin:2px auto 0 auto;
}
ul#carrinho li.body span.campo{
	width:auto;
	float:left;
	display:block;
	background-color:#FFF;
	border:solid 1px #CCC;
	padding:0px 6px;
	line-height:28px;
	margin-right:5px;
}
ul#carrinho li.body div.valor{
	line-height:30px;
	font-weight:bold;
	color:#900;
}
ul#carrinho li.body div.linha{
	line-height:30px;
}
ul#carrinho li.body div div.bullets{
	width:16px;
	margin-top:-3px;
}
ul#carrinho span.frete{
	color:#900;
	position:absolute;
	top:8px;
	right:5px;
	display:block;
}
ul#carrinho p.quantidade{
	width:35px;
	float:left;
	display:block;
	text-align:center;
	border:solid 1px #CCC;
	margin-left:10px;
	margin-top:-2px;
}

span.loading{
	background:url(img/loading.gif) no-repeat 0px 0px;
	width:48px;
	height:48px;
}

.hide{
	display:none;
}

div#compras{
	width:100%;
	float:left;
	display:block;
	overflow:hidden;
	margin-top:-7px;
}
div#compras span.vazio{
	background:url(img/cart-icon.png) no-repeat 0px 0px;
	padding-left:30px;
	float:left;
	display:block;
	color:#000;
}

.pointer{
	cursor:pointer;
}

ul#pedidos{
	width:700px;
	float:left;
	display:block;
}
ul#pedidos li{
	width:680px;
	float:left;
	display:block;
	margin:0 0 5px 0;
	padding:10px;
	background-color:#EEE;
}
ul#pedidos li.title{
	text-align:center;
	font-weight:bold;
	background-color:#CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul#pedidos li span.produto{
	width:440px;
	float:left;
	display:block;
}
ul#pedidos li span.valor{
	width:72px;
	float:left;
	display:block;
	text-align:right;
	border-right:solid 1px #DDD;
	border-left:solid 1px #DDD;
	padding:0px 3px;
	color:#000;
}
ul#pedidos li span.status{
	width:150px;
	float:left;
	display:block;
	padding-left:10px;
	text-align:center;
}
ul#pedidos li a{
	text-decoration:none;
	color:#000;
}
ul#pedidos li a:hover{
	text-decoration:underline;
}
/*FIM CARRINHO*/

div.bullets{
	width:16px;
	height:20px;
	float:left;
	display:block;
	margin-top:3px;
}
div.bullets a.bulletUp{
	background:url(img/icon-bullet-up.png) no-repeat 0px 50%;
	width:16px;
	height:10px;
	float:left;
	display:block;
}
div.bullets a.bulletUp:active{
	background-position:0px -2px;
}
div.bullets a.bulletDown{
	background:url(img/icon-bullet-down.png) no-repeat 0px 50%;
	width:16px;
	height:10px;
	float:left;
	display:block;
}
div.bullets a.bulletDown:active{
	background-position:0px -2px;
}

div#response{
	width:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	text-align:center;
	line-height:30px;
	background-color:#900;
	box-shadow:0px 0px 5px #888;
	border-bottom:solid 1px #000;
	z-index:999;
	color:#FFF;
}

span.total strong{
	color:#F00;
}
div#menu-pedido{
	background:url(img/bg-menu-pedido.png) no-repeat 0px 0px;
	float:left;
	display:block;
	width:212px;
	height:30px;
	margin:0 0 10px 0;
	padding:8px 0 0 5px;
}
div#menu-pedido a{
	text-decoration:none;
	color:#900;
}
a#btAlterar{
	background:url(img/altera.png) no-repeat 0px 0px;
	width:16px;
	height:16px;
	float:left;
	margin:0 7px 0 20px;
}
a#btExcluir{
	background:url(img/excluir.gif) no-repeat 0px 0px #FFF;
	width:14px;
	height:14px;
	float:left;
}

form#formPedido label{
	float:left;
	display:block;
}

form#formPedido select{
	float:left;
	clear:left;
	display:block;
	width:120px;
	border:solid 1px #900;
	margin:0 0 10px 0;
}
form#formPedido input.botao{
	background-color:#060;
	color:#FFF;
	border:solid 1px #060;
	float:left;
	clear:left;
}

div#formu{
	width:688px;
	float:left;
	display:block;
	background-color:#FFF;
	padding:5px;
}
div#formu span.linha{
	width:550px;
	float:left;
	display:block;
	padding:5px 10px;
	margin-bottom:2px;
	background-color:#EEE;
	color:#000;
}
div#formu label{
	width:150px;
	float:left;
	display:block;
	font-weight:bold;
	padding-top:8px;
	padding-right:10px;
	text-align:right;
	color:#900;
}
div#formu input.text, div#formu select.text, div#formu textarea{
	width:370px;
	float:left;
	display:block;
	padding:5px 4px;
	border-top:solid 1px #888;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	border-left:solid 1px #888;
	border-radius:5px;
}
div#formu select.text{
	width:378px;
}
div#formu input.botao{
	border:none;
	float:right;
	margin-right:20px;
	padding:4px 10px;
	font-size:14px;
	color:#FFF;
	background-color:#090;
	border-radius:5px;
	cursor:pointer;
}
div#formu input.botao:hover{
	background-color:#0C0;
}
div#formu h2, div#form p{
	width:550px;
	float:left;
	display:block;
	padding:10px;
	background-color:#222;
	margin-bottom:2px;
	color:#FFF;
}
div#formu a{
	color:#FFC;
}
div#formu a:hover{
	color:#FF0;
}
div#formu div#enviaLogin, div#formu div#formEnvia{
	float:left;
	display:block;
	line-height:22px;
}
div#formu input.check{
	margin-top:8px;
}

div.menu-cliente{
	background:url(img/bg-menu-pedido.png) no-repeat 0px 0px;
	width:217px;
	height:38px;
	float:left;
	display:block;
}
div.menu-cliente a{
	text-decoration:none;
	color:#000;
	margin:7px 3px;
	float:left;
	display:block;
	font-size:14px;
	font-weight:bold;
	font-family:Calibri, sans-serif;
}
div.menu-cliente a:hover{
	text-decoration:underline;
}
