
.debug { border:1px solid #f00; }

/* **************** CONTENT SUPPORT ***************** */
div.servicesPresentation { color: #838181; font-size: 93%; line-height: 146.5%; padding: 0 30px 15px; }

div.servicesAvailable, div.servicesAvailableGuiaCompra { 
	background: #fff url(../images/box-full-inf.gif) repeat-y -972px top; 
	width:966px; 
	padding: 0px 3px 0 3px; 
	margin:0 0 0 1px; 
	overflow:hidden; 
	position:relative; 
	float:left;
}

div.servicesAvailableGuiaCompra{
	margin-top:20px;
	
	}
div.servicesAvailable span.bordaInicio, div.servicesAvailableGuiaCompra span.bordaInicioGuiaCompra  { 
	background: #fff url(../images/box-full-inf.gif) no-repeat top left; 
	width:972px; 
	height:20px; 
	margin-left: -3px; 
	display:block;  

}
div.servicesAvailable span.bordaFim, div.servicesAvailableGuiaCompra span.bordaFimGuiaCompra  { 
	background: #fff url(../images/box-full-inf.gif) no-repeat -1944px top; 
	width:972px; 
	height:22px; 
	margin-left: -3px; 
	display:block; 
	clear:both; 
}



div.servicesAvailable strong { color: #3f8fc0; }

div.servicesAvailable ul { margin:-15px 0px 0px 28px; }
div.servicesAvailable ul.lojavirtualBox ul{margin:0;padding:0;}
div.servicesAvailable ul.lojavirtualBox li { height: 130px; }

div.servicesAvailable ul li.cartao { margin-left: 180px; }

div.servicesAvailable ul.lojavirtualBox { margin:auto; width:720px; }

div.servicesAvailable ul.lojavirtualBox img {float:left; margin:10px 0 0 20px; display:inline;}

div.servicesAvailable ul.lojavirtualBox.threeBoxes, 
div.servicesAvailable ul.lojavirtualBox.fourBoxes { margin:-20px 0px 0px 24px; width:100%; display:inline; float:left}


div.servicesAvailable ul.lojavirtualBox.threeBoxes li, 
div.servicesAvailable ul li { float: left; width: 293px; background: transparent url(../images/central-atendimento-item-bg.jpg) no-repeat top left; height: 167px; display:block; overflow:hidden; margin: 6px 15px 0 0px; position: relative; }

div.servicesAvailable ul.lojavirtualBox li { background: transparent url(../images/bg-box-atendimento.gif) no-repeat top left; }

div.servicesAvailable ul.lojavirtualBox.threeBoxes li span.bordaFim, 
div.servicesAvailable ul.lojavirtualBox.fourBoxes li span.bordaFim { display:block; position:absolute; bottom:0; left:3px; height:30px; width:216px; background: transparent url(../images/bg-box-atendimento.gif) no-repeat -219px top; }

div.servicesAvailable ul.lojavirtualBox.threeBoxes li span.bordaFim { width: 293px; background:url(../images/bg-box-atendimento-grande.gif) no-repeat -296px top;}

div.servicesAvailable ul.lojavirtualBox.threeBoxes li {height:105px; width:293px!important; background:url(../images/bg-box-atendimento-grande.gif) no-repeat top left;}

div.servicesAvailable ul li h4 { font-size: 197%; font-weight: bold; color: #3f8fc0; line-height: 42px; margin:0px 0 0 20px; }

div.servicesAvailable ul li.cartaoCarrefour h4 { font-size: 138%; }

div.servicesAvailable ul.lojavirtualBox li h4{ font-size: 110%; line-height: 20px; margin-left:90px; }

div.servicesAvailable ul.lojavirtualBox li { width: 217px; }
 
.lf ul li div.description { width:115px; left:90px !important; top:35px !important;}



div.servicesAvailable ul li span.fisicas { margin-top:25px; }

div.servicesAvailable ul li img { float: right; margin: 5px 5px 0 0; }

div.servicesAvailable ul li div.description { font-size:85%; width:153px; position:absolute; top:55px; left:20px; }

div.servicesAvailable ul.lojavirtualBox.fourBoxes li div.description {width:115px;}
div.servicesAvailable ul.lojavirtualBox.threeBoxes li div.description {width:180px;}
div.servicesAvailable ul.lojavirtualBox.threeBoxes.cartaoCarrefourBox {margin:auto; width:624px;margin-left:200px;margin-top:-20px;}

div.servicesAvailable ul li a.enterNow { background: transparent url(../images/botao-enter.jpg) no-repeat top left; width: 80px; height: 23px; margin-top: 10px; text-indent: 15px; line-height: 23px; color: #fff; position: absolute; bottom: 20px; left:20px; }


div.faqbox span.bordaFim { background: #fff url(../images/atendimento-box-bg.gif) no-repeat -924px top; width:930px; height:22px; display:block; clear:both; }

div.faqbox ul { display:block; float: left; width: 278px; padding:0px; margin: 0px 0px 0px 26px; position: relative; border-right:1px solid #ededed; }

div.faqbox ul.last { border-right:none; }

div.faqbox ul li { display:block; float: left; background: transparent url(../images/categorias-menucat-arrow-right.gif) no-repeat left 5px; height: auto; padding: 0px 10px 10px 15px; margin: 0px; position: relative; width:250px;}

div.faqbox ul li.last { height: auto; }

div.faqbox ul li a { font-weight:normal; font-size:100%; }

a.btArrowBerilo { color:#fff; font-weight:bold; text-decoration:none; display:block; height: 17px; font-size:85%; float:left; padding:3px 0px 1px 8px; margin:20px 0px 0px 26px; outline:0; white-space:nowrap; background:transparent url(../images/botao-berilo-arrow.gif) no-repeat left top; clear:both;}

a.btArrowBerilo:hover { text-decoration: underline; }

a.btArrowBerilo .arrow { padding:0px; margin:-3px 0px 0px 8px; float:right; display:block; height:20px; width:16px; overflow:hidden; background: transparent url(../images/botao-berilo-arrow.gif) no-repeat right -22px; }

/* **************** CONTENT REWRITE FOR SUPPORT ***************** */
.content .breadcrumb { margin-top:-2px; padding:0px 0px 15px 15px; z-index:1; }

.content .breadcrumb a { color:#999; }

.content .lojavirtual { background:#fff url(../images/atendimento-breadcrumb-lojavirtual-bg.gif) no-repeat left bottom; padding:0px 0px 15px 60px; }

.content .lojasfisicas { background:#fff url(../images/atendimento-breadcrumb-lojasfisicas-bg.gif) no-repeat left bottom; padding:0px 0px 15px 65px; }

.content .cartao { background:#fff url(../images/atendimento-breadcrumb-cartao-bg.gif) no-repeat left bottom; padding:0px 0px 15px 70px; }

/* cores categorias menu: t�tulo h2 breadcrumb*/
div.content div.breadcrumb h2 { color: #3f8fc0; display:block; line-height:30px; }





div.content.beleza-e-saude div.breadcrumb h2 {color:#BB36B3;}
div.content.eletrodomesticos div.breadcrumb h2 {color:#E83747;}
div.content.eletroportateis div.breadcrumb h2 {color:#EB8E15;}
div.content.som div.breadcrumb h2 {color:#29868E;}
div.content.imagem div.breadcrumb h2 {color:#29868E;}
div.content.utilidades-domesticas div.breadcrumb h2 {color:#DE5B01;}
div.content.cama-mesa-e-banho div.breadcrumb h2 {color:#7CA113;}
div.content.eletronicos div.breadcrumb h2 {color:#808C9C;}
div.content.informatica div.breadcrumb h2 {color:#3F8FC0;}
div.content.telefonia div.breadcrumb h2 {color:#2B8590;}
div.content.cine-e-foto div.breadcrumb h2 {color:#245E90;}
div.content.bebes div.breadcrumb h2 {color:#9672FF;}
div.content.esporte-e-lazer div.breadcrumb h2 {color:#669966;}
div.content.games div.breadcrumb h2 {color:#970000;}
div.content.tapetes-e-cortinas div.breadcrumb h2 {color:#C8B54C;}
div.content.brinquedos div.breadcrumb h2 {color:#FC0000;}
div.content.perfumes div.breadcrumb h2 {color:#EE7FAE;}
div.content.moveis div.breadcrumb h2 {color:#5A3100;}
div.content.darkBlue div.breadcrumb h2 {color:#245E90; line-height:40px;}
div.content.darkGreen div.breadcrumb h2 {color:#29868E; line-height:40px;}
div.content.green div.breadcrumb h2 {color:#679966; line-height:40px;}
div.content.lightBlue div.breadcrumb h2 {color:#3F8FC0; line-height:40px;}
div.content.lightOrange div.breadcrumb h2 {color:#EB8E15; line-height:40px;}
div.content.middleGreen div.breadcrumb h2 {color:#7CA113; line-height:40px;}
div.content.orange div.breadcrumb h2 {color:#DE5B01; line-height:40px;}
div.content.pink div.breadcrumb h2 {color:#BB36B3; line-height:40px;}
div.content.purple div.breadcrumb h2 {color:#9772FE; line-height:40px;}
div.content.red div.breadcrumb h2 {color:#E83747; line-height:40px;}


div.content.teste123 div.breadcrumb h2 {color:blue;}

div.menucat { /*padding-top: 45px; */}

.content .leftCol { z-index:0; }

/* **************** CONTENT FAQ ***************** */
div.faq { margin-left: 210px; }

.faq-text { padding:0px 5px 0 25px; line-height: 150%; }

.faq-text h3, .faq-text h4 { color:#333; font-size:146.5% }

.faq-text ul { padding: 0; }


div.menufaq { position: relative; padding-top: 100px; padding-bottom: 12px; margin-left:2px; }

div.menufaq div.menufaq-categorias { width: 198px; padding: 0px; margin-top: 11px; background: transparent url(../images/faq-bg-inf.gif) repeat-y -198px 0; position:relative}

div.menufaq div.menufaq-categorias span.bordaInicio,
div.menufaq div.menufaq-categorias span.bordaFim { padding: 0px; margin: 0px; height: 12px; display:block; background: #fff url(../images/faq-bg-inf.gif) no-repeat -396px -4px; }

div.menufaq div.menufaq-categorias span.bordaInicio {
		background: #fff url(../images/faq-bg-inf.gif) no-repeat 0px 0px;
		position:absolute;
		width:198px;
		top:0;
		left:0;
	}

div.menufaq div.menufaq-categorias ul { padding: 5px 0 0 8px; width:180px; }

div.menufaq div.menufaq-categorias ul li h3 { color:#555; font-size:108%; font-weight:bold; float: left; padding: 10px 15px 0px 0; margin:0px 0px 0px 7px; background: transparent url(../images/categorias-menucat-arrow-right.gif) no-repeat right 16px; cursor: pointer; clear: both; }

div.menufaq div.menufaq-categorias ul li { border-bottom: 1px solid #ccc; }

div.menufaq div.menufaq-categorias ul li ul { display:none; clear: both; margin-bottom:15px; }

div.menufaq div.menufaq-categorias ul li.aberto ul { display: block; }

div.menufaq div.menufaq-categorias ul li.aberto h3 { background: url(../images/categorias-menucat-arrow-down.gif) no-repeat right 18px; }

div.menufaq div.menufaq-categorias ul li.semSublink { background: none; border:none; }

div.menufaq div.menufaq-categorias ul li h3 a { color:#29868e; font-weight:bold; text-decoration:none; background-image: none; }

div.menufaq div.menufaq-categorias ul li ul li { margin:0px 0px 10px -5px; border:none; }

div.menufaq div.menufaq-categorias ul li ul li a { line-height: 15px; background: url(../images/atendimento-faq-item-bg.gif) no-repeat 4px 6px; padding-left: 15px; display: block; color: #777; font-size: 85%; font-weight: normal; text-decoration:underline; outline:0; }

div.menufaq div.menufaq-categorias ul li ul li a:hover { }

div.menufaq div.menufaq-categorias ul li ul li a.last { border:none; }

div.menufaq div.menufaq-categorias ul li ul li.next { margin-top: 20px }

div.menufaq div.menufaq-categorias ul li ul li.hover a { color: #2a8590; text-decoration: none; background: #eef9fa url(../images/item-menu-over.gif) no-repeat 4px 5px; width: 190px; position: relative; z-index: 14444; }

div.menufaq div.menufaq-categorias .bordaFim { background: transparent url(../images/categorias-combo-ordenacao-bg.gif) no-repeat -148px top; height:10px; display:block; clear:both; }

.containerFaq {
	background:#fff;
	position:relative;
	border:1px solid #E6DFE6;
	width:750px;
	margin:0px 15px 20px 0px;
	padding:0 0 20px 0;
}

.containerFaq.loja {
	width:914px;
	display:inline; 
	position: relative;
	clear:both; 
	float:left; 
	background: #fff; 
	margin:-12px 0px 0px 24px; 
	padding: 0 0 20px 0;
}

.containerFaq.master {
	width:966px;
	display:inline; 
	position: relative;
	clear:both; 
	float:left; 
	background: #F0EDE6; 
	margin:0; 
	padding: 0 0 20px 0;
	border:1px solid #D7CDD6;
}

.containerFaq .leftTop,
.containerFaq .leftBottom,
.containerFaq .rightTop,
.containerFaq .rightBottom {
	width:18px;
	height:18px;
	overflow:hidden;
	position:absolute;
	display:block;
	z-index:0;
}



.containerFaq .leftTop {
	background:url(../images/corner-content-white.gif) 0 0 no-repeat;
	left:-1px;
	top:-1px;
}
.containerFaq .leftBottom {
	background:url(../images/corner-content-white.gif) 0 100% no-repeat;
	left:-1px;
	bottom:-1px;
}

.containerFaq .rightTop {
	background:url(../images/corner-content-white.gif) right top no-repeat;
	right:-1px;
	top:-1px;
}

.containerFaq .rightBottom {
	background:url(../images/corner-content-white.gif) right bottom no-repeat;
	right:-1px;
	bottom:-1px;
}

.containerFaq .containerFaq .leftBottom, 
.containerFaq .containerFaq .rightBottom {_bottom:-1px;}

.containerFaq.master .rightBottom,
.containerFaq.master .leftBottom {_bottom:-2px;}

.containerFaq.loja .leftTop,
 .containerFaq.loja .leftBottom, 
.containerFaq.loja .rightTop,
.containerFaq.loja .rightBottom {
	background-image:url(../images/corner-content-bege.gif);
}

.containerFaq.master .leftTop,
.containerFaq.master .leftBottom, 
.containerFaq.master .rightTop,
.containerFaq.master .rightBottom {
	background-image:url(../images/corner-content-bege-invert.gif);
}
