/* Reset CSS */

html, body, div, h1, h2, h3, h4, h5, h6, p, a, font, img, ol, ul, li, table{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* CSS - Master Page */

body {
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	background: #FFF;
	*behavior: url("csshover3.htc");
	height:100%;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
	color:#FF0000;
}


#geral {
	background:url(../Images/bg/meio_caixa.gif) repeat-y 0 0;
	width:962px;
	margin:10px auto;
}
.meio{
	background:url(../Images/bg/up_caixa.gif) no-repeat 0 0;
	width:962px;
}
.botom{
	background:url(../Images/bg/bottom_caixa.gif) no-repeat bottom ;
	width:962px;
	padding:1px 0 0;
}
#centro{
	width:918px;
	min-height:745px;
    *+min-height:765px;
    _min-height:750px;
	margin:35px 0 0 15px !important;
	margin:35px 0 20px 15px;
	overflow:hidden;

}
#coluna_esq{
	width:176px;
	/* background:url(../App_Images/bg/bg_menu_esq.jpg) repeat-y 0 0; */
	float:left;
    
}
#coluna_esq h1{
	background:url(../Images/h/logo.jpg) no-repeat -2px 0;
	text-indent:-9999px;
	overflow:hidden;
	width:176px;
	height:127px;
}
#coluna_esq h1 a{
	display:block;
	width:176px;
	height:100px;
}
#coluna_esq h2{
	background:url(../Images/h/experiencia_h2.jpg) no-repeat -2px 0;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	width:176px;
}
#coluna_esq li{
	background:url(../Images/bg/bg_li.jpg) no-repeat scroll 13px 21px;
	display:block;
	font-family:Verdana,Geneva,sans-serif;
	font-size:11px;
	height:18px;
	padding:5px 0 0 25px;
	width:137px;
}
#coluna_esq li a{
    color:#828589;
    line-height:normal;
}
#coluna_esq li a:hover{
	color:#f00;
}
#coluna_esq .menuDestaque a{
	color:#f00;
}
#coluna_esq .menuDestaque a:hover{
    font-weight:bold;
}
#links_down{
	height:190px;
	_height:200px;
	width:156px;
	padding:10px 0 0 11px;
}
#colu_dir{
	float:left;
	width:729px;
	margin-bottom:20px;
}
#header{
	margin:15px 0 15px 0;
	width:735px;
}
.funciona{
	background:url(../Images/h/funciona.jpg) no-repeat 0 0;
	width:125px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	margin: 0 10px 0 0;
	float:left;
}
.funciona a{
	width:125px;
	height:28px;
	display:block;
}
.vale{
	background:url(../Images/h/vale_voucher.jpg) no-repeat 0 0;
	width:218px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin: 0 10px 0 0;
}
.vale a{
	width:218px;
	height:28px;
	display:block;
}
.diferencial{
	background:url(../Images/h/diferencial.jpg) no-repeat 0 0;
	width:135px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	margin: 0 35px 0 0;
	float:left;
}
.diferencial a{
	width:135px;
	height:28px;
	display:block;
}
.online{
	background:url(../Images/h/online.jpg) no-repeat 0 0;
	width:189px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
.online a{
	width:189px;
	height:28px;
	display:block;
}
#busca{
	background:url(../Images/bg/busca.jpg) no-repeat 0 0;
	color:#7E7C7C;
	float:left;
	height:49px;
	margin:15px 0 0;
	padding:13px 0 0 50px;
	width:541px;
}
#busca input{
	color:#7e7c7c;
}
#busca ul{
	width:515px;
	height:20px;
}
#busca ul li{
	display:inline;
	margin:0 0 0 4px;
}
.categoria{
	width:118px;
	color:#7e7c7c;
}
.preco{
	color:#7e7c7c;
	width:156px;
}
.palavra{
	width:165px;
	color:#7e7c7c;
}
.botao{
	background:url(../Images/bt/ok.jpg) no-repeat 0 0;
	border:0;
	width:38px;
	height:18px;
	margin: 0;
	cursor:pointer;
	*margin: 2px 0 0 0;
}
#acesse{
	width:139px;
	float:left;
	margin:15px 0 0 0;
}
#menu_3{
	float:left;
	padding:0 0 31px 30px;
}
#menu_3 li{
	display:inline;
	float:left;
	margin: 0 15px 0 0;
}

#footer{
	padding: 0;
	background: #fff url(../Images/bg/footer.jpg) no-repeat 550px 0;
	width: 962px;
	height:70px;
}
#footer ul{
	width:420px;
}
#footer ul li{
	font-weight:bold;
	float:left;
	border-left: 1px solid #e7e7e7;
	font-size:11px;
	padding: 0 10px 0 10px;
	height:15px;
	margin:10px 0 0;
}


#footer .primeiro{
	border-left: 0px solid #FFFFFF;
}


#footer ul li a:hover{
	color:#F00;
}

#footer .copy{
    padding-top:50px;
    clear:both;
    font-family:Verdana;
    font-size:9px;
    color:Gray
}

#menu_footer{
	float:left;
    height:58px;
    width:737px;
}


/* End Master Page */


/* Paginas */
ol, ul{ list-style: none;}
a{text-decoration: none;color:#FF0000;}
h1, h2, h3{ font: 1.4em Verdana;color:#000;}
h2{font-size:1.2em;}
h3{font-size:1em;}
.texto{font:11px Verdana;color:#000;text-align:justify;}
.titulo{font: 20px Verdana;color:#767676;}
.subtitulo{font: 12px Verdana;color:#767676}
.mensagem{line-height:1.4em;font-family:11px Verdana;color:#000;}
.requeridos{font:bold 10px Arial;text-align:justify;color:#FF0000;}
.link{font:bold 11px Verdana;color:#d80000;}


.produtoNome,
.produtoLight,
.produtoPreco{
    font:11px Verdana;
    text-align:left;
    color:#767676;
}

.produtoNome{
     color:#000;
     font-size:18px;
     font-weight:bold;
}

.produtoPreco{
     color:#767676;
     font-size:18px;
     font-weight:bold;
}

.pedido{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;	
}

.busca{
	font-family:Verdana;
	font-size:11px;
	color:#818181;	 
	border:solid 1px #e0e0e0;
	margin-right: 0px;
}

.buscaNumerica
{
	font-family:Verdana;
	font-size:11px;
	color:#818181;	 
	border:solid 1px #e0e0e0;
	margin-right: 0px;
}

.produtoDescricao{
	color:#818181;
	font:11pxVerdana;
	text-align:left;
	line-height:1.3em;
}

.produtoDescricao p{
    color:#000;
	font:14pxVerdana;
}

.produtoEspecificacao{
	color:#000;
	font:bold 12px Verdana;
	text-align:left;
	padding-bottom:5px;
}



/* Produto Barra */
.produtoBarra{
	background:url(../Images/produtoBarraTopo.gif) no-repeat;
	width:728px;
	height:49px;
	float:left;
	padding-top:14px;
}

.produtoBarra h3{
	margin-top:3px;
	padding-left:25px;
	position:absolute;
	font-size:1.2em;
	vertical-align:middle;
}

ul.barra{
	margin:0px;
	padding:0px;
	width:530px;
	margin-left: 175px;
	float:left;
	position:absolute;
	font-size:0.9em;
	margin-top:3px;
	list-style:none;
	overflow-x:hidden;
	white-space:nowrap;
}

ul.barra li{
    display:inline;
    float:left;
}

ul.barra li a{
	display:block;
	zoom:1;
	*display:inline;
	vertical-align: top;
	text-align:center;
	background: url(../Images/seta.gif) center bottom no-repeat;
	height:28px;
	margin:0;
	width:130px;
	text-decoration:none;
	color:#666;
}

ul.barra li a:hover{
	height:31px;
}

#passo1Cor, #passo1Vale{
    background: url(../Images/CompreCorPasso1.jpg) no-repeat;
    margin-top:30px;
    height:239px;
    width:728px;
}
#passo1Vale{
    background: url(../Images/CompreValesPasso1.jpg) no-repeat;
}

#passo2Cor, #passo2Vale{
    background: url(../Images/CompreCorPasso2.jpg) no-repeat;
    margin-top:30px;
    height:283px;
    width:728px;
}
#passo2Vale{
    background: url(../Images/CompreValesPasso2.jpg) no-repeat;
}

#passo3Cor, #passo3Vale{
    background: url(../Images/ComprePasso3.jpg) no-repeat;
    margin-top:30px;
    height:233px;
    width:728px;
}

#passo4Cor, #passo4Vale{
    background: url(../Images/CompreCorPasso4.jpg) no-repeat;
    margin-top: 7px;
    height:213px;
    width:728px;
}
#passo4Vale{
    background: url(../Images/ComprevalesPasso4.jpg) no-repeat;
}

#passoContato{
    background: url(../Images/CompreContato.jpg) no-repeat;
    margin-top:30px;
    height:120px;
    width:728px;
}

/*Galeria cor*/-

.galeriaCor{
	width: 650px;
}

.galeriaCor .item{
	width: 155px; 
	float:left;
}


/* Produtos Descrição */

.produtoDescL{
    float:left;
    width: 215px;
    padding-left:10px;
    margin-top:10px;
}

.produtoDescR{
    float:left;
    width:435px;
    position:relative;
    left:40px;
    margin-top:10px;
}

.TabPanel{
    padding-right:30px;
}

.TabPanel .ajax__tab_tab{
    background: url(../Images/produtoTab.gif) no-repeat;
    height:38px;
    width:139px;
    font-size: 1.2em;
    padding-top:10px;
    padding-right:5px;
    cursor: hand
}

.TabPanel .ajax__tab_active{
    color:#000;
    font-weight:bold;
}
.imagemPrincipal
{
	padding-bottom:30px;
}

/* Lista de produtos */

#produtosFiltroBack{
    *margin:0px;
    margin-left:20px;
    text-align:left;
    float:left;
    *float:none;
}

#produtosFiltro{
    text-align:right;
    float:right;
    *float:none;
}

ul.produtosLista{
	float:left;
	padding-left:15px;
	width:720px;
	
}
ul.produtosLista li{
    float:left;
    padding: 20px 10px;
}

/* ucProduto */

.ucProduto{
    padding-top:5px;
	line-height:1.4em;
}


/* Produtos Descrição */

.boxes{
    background-color: #f5f4f4;
    float:left;
    width: 190px;
    font: 11px Verdana;
    height: 290px;
    padding: 17px;
    text-align: left;
    margin-right:8px;
    line-height:1.6em;
    color:#000;
}
.boxes a{
    text-decoration:underline;
}


/* Rodape */

.linkRodape{ 
	color:Gray;
	font-family:Verdana;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

.linkRodape:hover{
	color:#f00;
	text-decoration:none;
}

.linkRodapeDestaque{
	color:#f00;
	font-family:Verdana;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}
.linkRodapeDestaque:hover{
    font-weight:bolder;
}

/* LightBox */

.fundoLightBox{
	background-color:Black;
	width:100%;
	height:100%;
	overflow:auto;
}

.caixaLightBox{
	background-color:#fff;
}

.tituloLightBox, .textoLightBox, .imgFundoLightbox{
	position:relative;
}

/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:10px;background:#fff;}
#superbox-container .loading{margin:0;text-align:center;background:url(../Images/bt/loader.gif) no-repeat 0 0;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox .close,
#superbox .nextprev{overflow:hidden;margin:0;}

/* Custom Theme */
#superbox-overlay{background:#333;}
#superbox-container .loading{width:32px;height:32px;font-size:40px;color:#fff;margin:0 auto;text-indent:-9999px;background:url(../App_Images/bt/loader.gif) no-repeat 0 0;}
#superbox .close a{float:right;padding:0 5px;line-height:20px;background:#;cursor:pointer;}
#superbox .close a span{color:#333;}
#superbox .nextprev a{float:left;margin-right:5px;padding:0 5px;line-height:20px;background:#333;cursor:pointer;color:#fff;}
#superbox .nextprev .disabled{background:#ccc;cursor:default;}

/* Paginação */

.paginacao{
	border-color:#FF0000;
	background-color:#FFFFFF;
	font-family:Verdana;
	color:#FF0000; 
	border-style:solid;
}

.paginacaoSelected
{
	border-color:#FF0000;
	background-color:#FF0000;
	font-family:Verdana;
	color:#FFFFFF; 
	border-style:solid;
}

/* ucProdutosEspecificacoes */
.termos { 	
	width:380px; 
	height:160px;
	font-family:Verdana;
	font-size:11px;
	color:#818181;	
	border:solid 1px #e0e0e0;
	padding:8px;	
}

/*NossoDiferencial*/
.diferencialTexto{
	font-family:Verdana;
	font-size:11px;
	line-height:1.4em;
	color:#000;
}

/*GrupoCores*/
.grupoDeCores{
	width:510px;
}

.grupoDeCores . grupoCor{
	float:left;		
}

/*AdquirirVoucher*/
.adquirirVales .vales{
	float:left;
	height: 84px;
}

.adquirirVoucher .voucher{
	float:left;
	margin-right: 2px;
	margin-bottom: 2px;
}

/*Depoimentos*/
.depoimentos{
	width:750px;	
	position:relative;
	left:-20px;
}

.depoimentos .ucDepoimento{
	float:left;
	width: 300px;
	margin-right:50px;
	margin-top:70px;
	
}

/*MeuPedido*/
.meuPedidoBotao{
	width:277px;
	height:78px;
	position:relative;
	top:-32px;
	left:10px;
}

/* JCarouselLite */
#destaques{
	position: relative; 
	width: 679px;
	overflow:hidden;
	margin-left:25px;
}
#destaques ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	
}
#destaques li{
	width: 213px; /* Defines the size of inner element */
	height: 186px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	background-color: #EEEEEE;
	margin-right: 20px;
	text-align:center;
}

#carrousel main {
	float:left;
}

#next{
	background: url(../Images/bt/seta_js_dir.jpg) no-repeat scroll 0 0;
	cursor:pointer;
	height:92px;
	display: block;
	position:absolute;
	right:-5px;
	margin-top:48px;
	width:25px;
	padding-left:3px;
	top:0px;
}

#prev{
	background: url(../Images/bt/seta_js_esq.jpg) no-repeat scroll 0 0;
	cursor:pointer;
	height:90px;
	display: block;
	position:absolute;
	left:0;
	margin-top:48px;
	width:25px;
	padding-right:3px;
}