/*-----------------------------------------------------------------------------
IBOX                                                      08/04/2008 | 11/07/08
autor:     Webtask Serviços para Internet
email:     suporte@webtask.com.br | website:   www.webtask.com.br
-----------------------------------------------------------------------------*/
@import 'lib/reset.css';
@import 'lib/typography.css'; 
@import 'lib/forms.css';
@import 'lib/classes.css';
@import 'lib/grid.css';
@import 'lib/menu.css';
@import 'lib/rodape.css';
@import 'lib/cabecalho.css';                      
@import 'lib/lightview.css';
@import 'lib/lightbox.css';         
@import 'plugins/buttons/screen.css';             
/* ---------------------------------------------------------------------------- */

/* configurações gerais */
/* ---------------------------------------------------------------------------- */
html,body {height:100%; margin:0; background: #231F20 url(../imagens/bgGeral.jpg) 0px 97px repeat-x; position: relative;}
body.fundoPrincipal {background: #231F20 url(../imagens/bgGeral.jpg) 0px 290px repeat-x;}
.container {width: 920px; margin: 0 auto; padding: 0;}     
.blocoConteudo {background: url(../imagens/bgConteudo.jpg) center top no-repeat; float: left; width: 100%;
		padding-top: 10px;}
.conteudo {float: left; min-height: 400px; padding-bottom: 40px; }
h2.tituloTxt { margin: 40px 0px 10px 0px; font: normal 24px arial; color: #E8C788; text-transform: capitalize;
		text-indent:30px; background: url(../imagens/tituloDet.jpg) no-repeat; line-height: 30px; position: relative;}
h3 { margin: 40px 0px 13px 0px;}
a { outline: none;}
                                               
 
/* configurações específicas do site */
/* ---------------------------------------------------------------------------- */

/* pagina principal */
.chamadaPublicitaria { float: left; position: relative; padding-top: 30px; left: 5px; cursor: pointer;}
.produtosDestaque {background: url(../imagens/produtosDestaque.jpg) no-repeat; width: 265px; height: 33px;}
.suporteIbox {background: url(../imagens/suporteIbox.jpg) no-repeat; width: 265px; height: 33px;}
.representantes {background: url(../imagens/representantes.jpg) no-repeat; width: 265px; height: 33px;}
.lojistas {background: url(../imagens/lojistas.jpg) no-repeat; width: 265px; height: 33px;}
.minhasCompras {background: url(../imagens/minhasCompras.jpg) no-repeat; width: 265px; height: 33px;}
.contato {background: url(../imagens/contato.jpg) no-repeat; width: 265px; height: 33px;}
.detalhes {background: url(../imagens/detalhes.jpg) no-repeat; width: 265px; height: 33px;}
.finalizandoCompra {background: url(../imagens/finalizandoCompra.jpg) no-repeat; width: 265px; height: 33px;}
.downloads {background: url(../imagens/downloads.jpg) no-repeat; width: 265px; height: 33px;}
.garagemIbox {background: url(../imagens/garagemIbox2.jpg) no-repeat; width: 265px; height: 33px;}
.newsletter {background: url(../imagens/newsletter.jpg) no-repeat; width: 265px; height: 33px;}
.bandasAtualizadas {background: url(../imagens/bandasAtualizadas.jpg) no-repeat; width: 265px; height: 33px;}
.endorsersIbox2 {background: url(../imagens/endorsers.jpg) no-repeat; width: 265px; height: 33px;}
.cvnp {background: url(../imagens/cvnp.jpg) no-repeat; width: 365px; height: 33px;}
.produtos {background: url(../imagens/produtos.jpg) no-repeat; width: 265px; height: 33px;}
.quemeIbox {background: url(../imagens/quemeIbox.jpg) no-repeat; width: 265px; height: 33px;}
.login {background: url(../imagens/login.jpg) no-repeat; width: 265px; height: 33px;}
.controleQualidade {background: url(../imagens/controleQualidade.jpg) no-repeat; width: 285px; height: 33px;}
.localizacao {background: url(../imagens/localizacao.jpg) no-repeat; width: 265px; height: 33px;}
.outrosMeios {background: url(../imagens/outrosMeios.jpg) no-repeat; width: 265px; height: 33px;}
.caixaInfo {float: left; background: #272727 url(../imagens/produtosDestaqueBg.jpg) no-repeat; height: auto; 
		border: solid 1px #433D3D; margin-top: 15px;}
		.caixaInfo ul {float: left; width: 580px; padding: 18px 0px 18px 10px;}
		.caixaInfo ul li {float: left; width: 140px; padding: 0px 20px 30px 25px;}
		.caixaInfo ul li:hover { cursor: pointer;}  
		.caixaInfo ul li:hover p a,
        .caixaInfo ul li:hover a p { color: #FAD591;}                    
        .caixaInfo ul li span { border: solid 1px #433D3D; float: left; height: 120px; width:137px; padding: 1px; cursor: pointer;}
        .caixaInfo ul li span.produto { /*border: solid 1px #433D3D;*/ float: left; height: 137px; width:137px; cursor: pointer;}
        .caixaInfo ul li p { font-weight: bold; float: left; height: 55px; overflow: hidden; font-style: italic; margin-top: 10px; font-size: 15px;}
		.caixaInfo ul li p.prodca { font-weight: bold; text-decoration: none; width: 99%; float: left; height: 35px; overflow: hidden; font-style: italic; margin-top: 10px; color: #fff; font-size: 15px;}
        .caixaInfo ul li a { color: #FFFFFF; text-decoration: none; }
        .caixaInfo ul li a:hover { color: #FAD591 ;}
        
        
        a.promocao { float: left; margin-top: 70px; position: relative; left: 10px; top: 0px; }
        .liberaBox {height: auto;}

/* menu lateral */
.menuLateral {background: url(../imagens/menuLateralBg.jpg) 0px 1px no-repeat; padding-bottom: 90px; float: left;}
.endorsersIbox {background: url(../imagens/endorserDestaque.jpg) no-repeat; width: 265px; height: 33px;}
.bandasIbox {background: url(../imagens/bandaDestaque.jpg) no-repeat; width: 265px; height: 33px;}
.bandasIbox2 {background: url(../imagens/bandaDestaque2.jpg) no-repeat; width: 265px; height: 33px;}
.novidadesIbox {background: url(../imagens/novidadesIbox.jpg) no-repeat; width: 265px; height: 33px;}
.ultimasNovidadesIbox {background: url(../imagens/ultimasNovidades.jpg) no-repeat; width: 265px; height: 33px;}
.fixaCantos {position: relative; float: left;}
		.fixaCantos img { border: solid 1px #B5AEAE; float: left;}
		.fixaCantos .canto1, .fixaCantos .canto2, .fixaCantos .canto3, .fixaCantos .canto4,
		.fixaCantos .canto12 { position: absolute; float: left; height: 20px; width: 20px;}
		.fixaCantos .canto1 { background: url(../imagens/canto1-trans.png) no-repeat; top: 0px; left: 0px;}
		.fixaCantos .canto12 { background: url(../imagens/canto12-trans.png) no-repeat; top: 0px; left: 0px;}
		.fixaCantos .canto2 { background: url(../imagens/canto2-trans.png) no-repeat; top: 0px; right: -2px;}
		.fixaCantos .canto3 { background: url(../imagens/canto3-trans.png) no-repeat; bottom: -2px; left: 0px;}
		.fixaCantos .canto4 { background: url(../imagens/canto4-trans.png) no-repeat; bottom: -2px; right: -2px;}
.englobaConteudo {width: 100%; float: left; position: relative; margin-bottom: 20px;}
		.englobaConteudo p { text-align: justify; float: left; width: 100%; }
		.englobaConteudo p em { float: left; width: 100%; padding: 13px 0px 10px 0px; color: #DADADA; 
				font-size: 15px; text-transform: uppercase; }
.listaNovidadesLateral { float: left; border-top: solid 1px #433333; font-size: 12px;}
		.listaNovidadesLateral li { float: left; width: 260px; background: url(../imagens/novidadesIboxBg.jpg) no-repeat;
				 border-bottom: solid 1px #433333; padding: 9px 8px;}
				.listaNovidadesLateral li:hover { cursor: pointer; background: #292728;}
				.listaNovidadesLateral li:hover strong a {color: #fff;}
		.listaNovidadesLateral strong a { text-transform: uppercase; color: #E8C788; font-weight: bold; width:100%; overflow: hidden;
				padding-bottom: 5px; float: left; text-decoration: none; height: 12px;}
		.listaNovidadesLateral p { height: 45px; overflow: hidden; width: 93%;  }
		.listaNovidadesLateral p a {  text-decoration: none; color: #DADADA; }
		.novidadesIboxDet { float: left; position: absolute; top:-68px; right:-23px; width:42px; height:85px;
				background: url(../imagens/novidadesIboxDet.jpg) no-repeat; display: none;}
.linkRow { float: left; padding: 15px 0px 0px 10px; background: url(../imagens/linkseta.jpg) 0px 20px no-repeat; 
		overflow: hidden; height: 20px; width: 98%; }

.noob { overflow-x: hidden; overflow-y: auto; height: 600px; }
        
        
/* representantes */ 
.caiImagem {margin-top: 40px;}
.representantesLista { border-bottom: solid 1px #545454; padding-bottom: 12px;}
.representantesLista em { text-align: left;}
.representantesDet {position: absolute;  top: 165px; left: 550px;}
.estadoSelecionado {position: absolute;  top: 250px; left: 430px; font-size: 150%; width: 120px; float: left; text-transform: capitalize;}
.distanciaP p {padding-bottom: 5px;}

/* novidades */
.blockImg { float: left; width: 335px; padding-bottom: 8px;}
.blockImg .img {float: left; width: 315px; height:235px; }  
.blockImg .imgProd {float: left; width: 315px; height:315px; }  
.blockImg .img2 {float: left; width: 93px; height:73px; } 
.blockImg .img2Prod {float: left; width: 93px; height:93px; } 
.blockImg a {border: solid 1px #967E7F; position: relative; padding: 2px 2px 0px 2px; float: left; background: #fff;}
.blockImg a:hover {border: solid 1px #ED2728; cursor: pointer;}
.blockImg a:hover span {position: absolute; background: url(../imagens/eye.png) center no-repeat; width: 100%; height: 100%; top: 1px; left: 1px;}
		.blockImg a.a { float: left;}
		.blockImg a.b { float: left; position: relative; right: 14px; margin-top: 10px;  margin-left: 12px;}
		.blockImg a.no { margin-right: 0px;}  
#longText p { padding-bottom: 10px; font-size: 13px; line-height: 17px; text-align: justify;}
#longText p:first-letter { font-size: 16px;}
.novidadeData {position: absolute; top: 19px; right: 27px; z-index: -1; }

/* institucional */
.imgTrata { float: left; border: solid 1px #967E7F; margin: 0px 10px 20px 0px;}

/*Produtos*/
.breadCrumbs { position: absolute; top:19px; right: 25px; text-transform: uppercase; font-size: 10px;}
.breadCrumbs a {color: #E8C788;} .breadCrumbs a:hover {color: #fff;}
		/*minhas compras*/
		#carrinhoCompras .bloco {float: left; border: solid 1px #433D3D; width: 250px; background: url(../imagens/novidadesIboxBg.jpg) no-repeat; padding: 10px; margin-bottom: 4px;}
		#carrinhoCompras .produto { float: left; width: 99%; padding-bottom: 1px; overflow: hidden; font-size: 14px; 
				text-transform: capitalize; color: #FFFEF3; font-weight: bold;}
		#carrinhoCompras .quantidade { float: left; width: 100px;}
		#carrinhoCompras .quantidade .qtd { float: left; padding: 0px 5px;  }
		#carrinhoCompras .quantidade .adiciona,
		#carrinhoCompras .quantidade .subtrai {float: left; width: 10px; height: 10px; position: relative; top:3px;}
		#carrinhoCompras .quantidade .adiciona { background: url(../imagens/adiciona.jpg) no-repeat; }
		#carrinhoCompras .quantidade .subtrai { background: url(../imagens/subtrai.jpg) no-repeat;}
		#carrinhoCompras .valor { float: left; width: 100px;}
		#carrinhoCompras .arrumaBotao { margin-top: 5px; margin-right: 2px;}
		#carrinhoCompras .label { float: left; color: #E8C788; padding-right: 5px;}
		#carrinhoCompras .deleta { float: right; width: 20px; height: 14px; background: url(../imagens/deletar.jpg) center no-repeat;}
hr { width: 580px; background: #967E7F; color: #967E7F; height: 1px; }
.cemporcento { width: 100%; float: left; }
.caracteristicas { border-collapse: collapse; width: 237px; background: #D4D4D4; color: #3D3D3D; margin-bottom: 20px;}
.caracteristicas td {border: solid 1px #3D3D3D; padding: 4px; }
		/*finaliza compra*/
		.corrigeCaract {width: 580px; padding: 10px;}
		.corrigeCaract .corpo {padding: 10px; background: #fff;}
		.botaoAdEnd { position: relative; top:-10px; right: -10px; float: right; }           
		.botaoAdEnd2 { position: relative; top:-10px; right: 0px; float: left;}           
		.cadEnd .linha { float: left; width: 99%; height: 25px; }
		.cadEnd input { width: 300px; border: solid 1px #aaa;}
        .proxPasso { width:50%; float: right; margin-top: 40px; height: 30px; background: url(../imagens/proxPasso.gif) right no-repeat;}
		.contCompra { width:50%; margin-top: 40px; height: 30px; background: url(../imagens/contCompra.gif) left no-repeat;}
		.finCompra { width:100%; margin-top: 40px; height: 30px; background: url(../imagens/confirmarCompra.jpg) right no-repeat;}
		.estiloBold {background:none; font-weight: bold;}
		.botaoComprar { position: relative; left: 77px; }
																											 
/*garagem ibox*/
.chamadaGaragem {float: left; position: relative; top:-4px; left: 0px;}
#longText .grid22 p.titulo, #longText .grid22 p.titulo:first-letter {font:bold 18px/23px arial; color: #fff; padding-bottom: 30px;}
#longText .grid22 .explicacao { float: left; width: 280px;}
#longText .grid22 .explicacao p { text-align: justify; padding-bottom: 20px; font:normal 12px/20px arial; padding-right: 40px;}
#longText .grid22 .botoes { float: left; width: 200px;}
#longText .grid22 .botoes img { margin-bottom: 10px;}                                                        
.listaBnadasAt li { padding: 3px 10px;}
#longText .login2 {float: left; width: 467px; margin-top: 10px; background: #2C2A2A; border: solid 1px #6C6B6B; padding: 10px;}
#longText .login2 input {float: left; height: 15px; padding: 3px; margin-right: 5px;}
#longText .login2 button {float: left;}
.paginacao { bottom: 60px; right: 30px; float: right; height: 30px; width: 340px; }
.paginacao span{ padding: 0px 9px;}
.paginacao span strong{ font-size: 120%;}
.linhaDet { float: left; width: 100%; padding: 3px 0px;}
.linhaDetSep { float: left; width: 100%; margin: 10px 0px; border-bottom: solid 1px #4C4C4C ;}
.linhaDet strong { color: #D3B883; }
.listaBnadasAt li { float: left; width:70px; position: relative;}
.listaBnadasAt li img { border: solid 1px #545454;}
.listaBnadasAt li span { display: none; position: absolute; top:7px; left:13px; background: #5A0A0B; 
		color: #ECDC84; padding: 2px; border: solid 1px #552221; text-transform: uppercase;}
.listaBnadasAt li:hover span { display: block; }
.avisoBanda {float: left; width: 99%; text-align: justify; font-size: 12px; margin-top: 10px; color: #FDFDAA;}

/* cadastro de imagens */
.cadastraImg {float:left; width:270px; padding-left:30px; }
.cadastraImg ul { width:270px; margin:0; display:inline; margin-bottom:5px;} 
.cadastraImg li {float:left; padding:1px; border:solid 1px #eee; margin-right:9px; 
	margin-bottom:10px; position: relative; cursor:pointer;}
.cadastraImg a, .cadastraImg img  { float:left; margin:0; padding:0px; } 
.cadastraImg .principal { width:258px; height:113px; }
.cadastraImg .secundaria { width:77px; height:58px; }
.cadastraImg .deletaImagem {float:left; background: url(../imagens/del.png) center; position: absolute; 
	top: 4px; left: 4px; display: none; overflow:hidden; width:16px; height:16px; text-indent:-77777px; }
.cadastraImg li:hover .deletaImagem { display: block; }
.cadastraImg .verImagem {float:left; background: url(../imagens/eye.png) center; position: absolute; 
	top: 4px; left: 25px; display: none; overflow:hidden; width:16px; height:16px; text-indent:-77777px; }
.cadastraImg li:hover .verImagem { display: block; }

/* downloads */
ul.donwloads { float: left; width: 99%; }
		ul.donwloads li.titulo {padding: 20px 5px 5px 5px; color: #E8C77A; text-transform: uppercase; 
				font-weight: bold;}
		ul.donwloads li {padding: 5px;}
		ul.donwloads li a { color: #fff;}
        
/*detalhes extras*/
.fotoLateral { float: left; height: 199px; width: 265px; border: solid 1px #B5AEAE;}
.voltar { float: left; width: 578px; border-top: solid 1px #544A4B; margin-top: 50px; padding-top: 10px;
	font-size: 10px; text-transform: uppercase; }
select#city { float: left; width: 269px; margin: 20px 0px 10px 0px;}
.opcoeslogin p { margin-bottom: 10px;}
.cadEnd a.botaoAdEnd {color:#000; float: left; width: 95%; text-align: right;}
.bgMan {background: #201D18 url(../imagens/gman.jpg) left center no-repeat;}
.janela { float: left; width: 100%; height: 400px; overflow: auto;}

/*lista ganhadores*/
ul.listaGanhadores {width: 99%; cursor: default;}
ul.listaGanhadores li {width: 99%; padding: 5px 30px; color: #fff; font-size: 13px; cursor: default;}
.caixaInfo ul.listaGanhadores li:hover { cursor: default;}