/*V 1.3*/

@charset "utf-8";
/* CSS Document */

body {
	height: 100%;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	background-position:left top;
	background-repeat:repeat-x;
}
#geral { height: 100%; width: 100%; }

#master {
	width:1000px;
	height:auto !important;
	height:100%;
	min-height: 100%;
	margin:0 auto;
	position:relative;
}

@font-face {
		font-family: 'NeoSansPro-Regular',Tahoma;
		src: url('neosanspro-regular.eot');
		src: url('neosanspro-regular.eot?#iefix') format('embedded-opentype'),
				 url('neosanspro-regular.woff') format('woff'),
				 url('neosanspro-regular.ttf') format('truetype'),
				 url('neosanspro-regular.svg#neosanspro-regular') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'NeoSansPro-Medium',Tahoma;
		src: url('neosanspro-medium.eot');
		src: url('neosanspro-medium.eot?#iefix') format('embedded-opentype'),
				 url('neosanspro-medium.woff') format('woff'),
				 url('neosanspro-medium.ttf') format('truetype'),
				 url('neosanspro-medium.svg#neosanspro-medium') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'NeoSansPro-Bold',Tahoma;
		src: url('neosanspro-bold.eot');
		src: url('neosanspro-bold.eot?#iefix') format('embedded-opentype'),
				 url('neosanspro-bold.woff') format('woff'),
				 url('neosanspro-bold.ttf') format('truetype'),
				 url('neosanspro-bold.svg#neosanspro-bold') format('svg');
		font-weight: normal;
		font-style: normal;
}
.ft-neonreg { font-family: 'NeoSansPro-Regular',Tahoma; text-transform:uppercase; }
.ft-neonmed { font-family: 'NeoSansPro-Medium',Tahoma; text-transform:uppercase; }
.ft-neonbold { font-family: 'NeoSansPro-Bold',Tahoma; text-transform:uppercase; }
.ft-neonbold-low { font-family: 'NeoSansPro-Bold',Tahoma; }

/*.ft-din { font-family: 'din_engschrift_stdregular'; text-transform:uppercase; }*/


.min { text-transform:none; }
.f10 { font-size:10px; }
.f11 { font-size:11px; }
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.f23 { font-size:23px; }
.f24 { font-size:24px; }
.f30 { font-size:30px; }
.f32 { font-size:32px; }
.f35 { font-size:35px; }

.cinza666 { color:#666666; }
.cinza888 { color:#888888; }

.branco { color:#ffffff; }
.aclaro { color:#ffff99 }
/*.cinza { color:#666666; }*/
.vermelho { color:#c01115; }
.vermelho2 { color:#e6191e; }
.hide{ display:none; }
img { border: 0 none; }
a { text-decoration:none; }
.decor { text-decoration:underline; }
.bold { font-weight:bold; }
.clear{ clear:both; padding: 0 !important ; margin: 0 !important }


/* Header */
#header-pf {
	width:1000px;
	height:182px;
	margin-bottom:5px;
}
#header-pf .header-cartoes {
	width:219px;
	height:145px;
	margin:21px 0 0 30px;
	background-image:url(../img/header-cartoes.png);
	background-repeat:no-repeat;
	float:left;
}
#header-pf .header-cartoes h1 { text-indent:-9999px; height:120px; }
#header-pf .header-menu {
	width:751px;
	height:166px;
	float:left;
	background:url(../img/bg-header-menu.png) bottom no-repeat;
}
#header-pf .header-menu .header-acesse {
	width:716px;
	height:79px;
	padding:27px 0 0 37px;
	float:left;
	background:url(../img/bg-menu-cartao.png) no-repeat;
}

#header-pf .header-menu .header-acesse .tit-acesse {
	width:175px;
	float:left;
}

#header-pf .header-menu .bt-peca a {
	width:256px;
	height:44px;
	float:left;
	padding-top:14px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}
#header-pf .header-menu .bt-beneficios a {
	width:237px;
	height:37px;
	float:left;
	padding-top:21px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}
#header-pf .header-menu .bt-ajuda a {
	width:258px;
	height:37px;
	float:left;
	padding-top:21px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}
#header-pf .header-menu a.m-ativo  { text-decoration:underline !important; }
#header-pf .breadcrumb {
	width:970px;
	margin:0 0 10px 30px;
	padding-top:2px;
	float:left;
	color:#ffffff;
}
#header-pf .breadcrumb .bread-active { color:#369098; text-decoration:underline; }
#header-pf .header-menu .header-acesse .cartoes{
	width:45px;
	height:12px;
	margin-top:5px;
}
#header-pf .header-menu .header-acesse .bt-ok-header {
	background: url(../img/bt-header-ok.gif) no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 20px;
    text-indent: -99999px;
    width: 89px;
	float:right;
	margin:5px 30px 0 0;
	*margin:-20px 30px 0 0;
}
#header-pf .header-menu .header-acesse .bt-consulta-header {
	margin:8px 0 0 345px;
}

/* Base Conteudo */
#conteudo {
	width:1000px;
	margin-top:3px;
}

#conteudo .header-cinza {
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	padding:30px 0 0 30px;
	background:url(../img/bg-box.jpg) left top repeat-x #e2e2e2;
}

#conteudo .header-perg-freq {
	border-top:1px solid #c8c8c8;
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
	background-color:#c8c8c8;
	padding:30px 0 0 30px;
}

#conteudo .header-cinza-peca {
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	background:url(../img/bg-box.jpg) left top repeat-x #e2e2e2;
	padding:30px 0 0 30px;
	height:390px;
}

#conteudo .header-cinza h2, #conteudo .header-cinza-peca h2, #conteudo .header-perg-freq h2 { margin-bottom:15px; }

/* Home */

.box-descontos-extra {
	background-color:#ae0d12;
	border:1px solid #ae0d12;
	padding:12px 22px;
	min-height:52px;
}
.tit-box-descontos { float:left; margin-top:15px; }
.txt-box-descontos { float:right; margin-top:6px; }
.box-descontos-produto { /*border: 1px solid #9f9f9f; border-top: none !important;*/ }

#destaques{
	width:990px; 
	position:relative; 
	/*border:5px solid #369098;*/ 
	height:324px; 
	margin-bottom: 16px;
}
#destaques ul.ui-tabs-nav{ 
	position:absolute; 
	top:0;
	left:622px; 
	list-style:none; 
	padding:0;
	margin:0; 
	width:382px;
	z-index:10;
}

#destaques ul.ui-tabs-nav li{ 
	padding:0 0 0 28px;
	font-size:11px; 
	background:url(../img/bg-destaque.gif) no-repeat;
}
#destaques ul.ui-tabs-nav li img{ 
	float:left;
	background:#fff; 
	padding:2px;
	background-color:#3faab2;
}
#destaques ul.ui-tabs-nav li span{ 
	font-size:12px;
	line-height:23px;
	font-weight:bold;
}
#destaques li.ui-tabs-nav-item a{ 
	display:block; 
	color:#666666;
	height:61px;
	*height:60px;
	padding:4px 10px 0 20px;
	text-decoration:none;
}

#destaques li.ui-tabs-nav-item a span { color:#c01115; }

#destaques li.ui-tabs-nav-item a:hover{

}
#destaques li.ui-tabs-selected{ 
	z-index:1000;
	background:url(../img/bg-destaque1.png) no-repeat  !important;
}
#destaques ul.ui-tabs-nav li.ui-tabs-selected a{ 
	z-index:1000;
	display:block;
	color:#ffffff;
}
#destaques ul.ui-tabs-nav li.ui-tabs-selected a span { color:#ffffff; }

#destaques .ui-tabs-panel{ 
	width:647px;
	height:250px; 
	position:relative;
}
#destaques .ui-tabs-hide{ 
	display:none; 
}

/* Peça já o seu */
.cartoes-extra {
	width:242px;
	height:340px;
	float:left;
	margin-right:100px;
}

.cartoes-extra-nac {
	width:242px;
	height:340px;
	float:left;
	margin-right:100px;
}

.cartoes-extra-gold {
	width:242px;
	height:340px;
	float:left;
}

.txt-cartoes { padding:20px 0 0 22px; }

/* Home Beneficios */
.img-beneficios-credito {
	width:464px;
	float:left;
	margin-right:20px;
	margin-bottom:30px;
}

.img-beneficios-servicos {
	width:464px;
	float:left;
	margin-bottom:30px;
}

/* Ajuda */
.col-esq-ajuda {
	width:444px;
	float:left;
}

.col-dir-ajuda {
	width:540px;
	float:right;
}

.box-ajuda {
	min-height:147px;
	background:url(../img/bg-box.jpg) left top repeat-x #e2e2e2;
	/*background-color:#eb4972;*/
	border:1px solid #dbdbdb;
	padding:16px 22px 22px 22px;
	margin-bottom:20px;
}

/* Menu Box Ajuda */
.box-ajuda #menu-ajuda {
	height:80px;
	padding:0;
	margin:0;
	color:#ffffff;
	list-style-type:none;
	margin-top:10px;
}
.box-ajuda #menu-ajuda li {
	width:190px;
	display:inline;
	float:left;
	font-size:11px;
	margin:10px 0 10px 0;
}
.box-ajuda #menu-ajuda li a {
	padding-left:10px;
	text-decoration:none;
	color: #888888;
	background: transparent url(../img/list-ajuda.gif) left center no-repeat;
}
.box-ajuda #menu-ajuda li a:hover, #menu-ajuda li a.current {
	background: transparent url(../img/list-ajuda.gif) left center no-repeat;
	color: #c01115;
}

.box-resolva {
	min-height:464px;
	background:url(../img/bg-box.jpg) left top repeat-x #e2e2e2;
	/*background-color:#eb4972;*/
	border:1px solid #dbdbdb;;
	padding:16px 22px 0 22px;
	margin-bottom:20px;
}

.box-carousel-itens {
	background:url(../img/bg-box.jpg) left top repeat-x #e2e2e2;
	/*background-color:#eb4972;*/
	border:1px solid #dbdbdb;
	margin-bottom:35px;
	padding:25px 0 15px 20px;
	position:relative;
}

.box-atendimento {
	background:url(../img/bg-box.jpg) left top repeat-x #e2e2e2;
	/*background-color:#eb4972;*/
	border:1px solid #dbdbdb;
	padding:20px 0 22px 20px;
	margin-bottom: 20px;
}

.box-perguntas-ajuda {
	height:482px;
	margin-bottom:20px;
	border-bottom:1px solid #479aa2
}

.div-canal-internet {
	width:320px;
	float:left;
}
.div-canal-caixas {
	width:320px;
	float:left;
}

.div-central-atendimento {
	width:320px;
	float:left;
}

.div-canal-30h {
	width:350px;
	float:left;
}

.div-canal-espacoextra {
	width:350px;
	float:left;
}

.scroll-resolve {
	width: 420px;
	height: 233px;
	overflow: auto;
	margin-top:30px;
}

.bt-voltar-resolver {
	position: relative;
	top:17px;
	left:333px;
	width:61px;
	margin-top:5px;
}

/* Itens Desconto 50% */

.box-descontos {
	width: 115px;
	float:left;
	text-align:center;
	margin-right:150px;
}

/* Accordion Itens*/
.accordion-itens  {	
	width: 100%;
	float: left;
	cursor: pointer;
	height:22px;
	padding-bottom:20px;
}
.accordion-content-itens {	
	width: 100%;
	float: left;
	padding-left:30px;
	padding-bottom:20px;

}
.bullet-accordion { float:left; }
.txt-accordion { margin-top:4px; padding-left:30px; }

.bullet-cinema { float:left; }
.txt-cinema { padding-top:5px; padding-left:30px; }
	
/* Carousel */
.carrossel ul {
	position:absolute;
	overflow:hidden;
	list-style:none;
}
.no-js .carrossel ul {position:static;}
.carrossel .mask {
	position:relative;
	overflow:hidden;
}
.carrossel ul li {
	float:left;
	width:235px;
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0;
	padding: 0 109px 0 0;
}
.carrossel .pagination-links {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	position:absolute;
	top:88px;
	left:440px;
	z-index:1000;
	padding: 5px 8px 5px;
}
.carrossel .pagination-links li {
	display:inline;

}
.carrossel .pagination-links li a {
	font-size:11px;
	padding: 5px 8px 5px;
	color:#666666;
	background:url(../img/bullte-carousel-off.png) no-repeat;
	margin-left:4px;
	font-weight:bold;
}
.carrossel .pagination-links li a:hover {text-decoration:none;}
.carrossel .pagination-links li.current a {
	background:#444;
	background:url(../img/bullte-carousel-on.png) no-repeat;
	color:#ffffff;
	font-weight:bold;
}

#my-carrossel ul li {
	margin:0 10px 0 0;
}



/*************************
*	BUSCA CARTÃO EXTRA
*************************/

div.box-search{	margin:0 0 25px 85px; }

div.box-search a.bt-search
{
	width:67px;
	height:18px;
	text-indent: -99999999px !important;
	display: block !important;
	background: url(../img/bt_buscar.gif) no-repeat;
	margin-top: 8px;
}

div.box-search div.box-cep
{
	width:205px;
	height:70px;
	border-right: 1px solid #ffffff;
	float: left;
}


div.box-search p{ margin-top:5px; }
div.box-search div.box-cep input{ height:16px; border:1px solid #b4b4b4; font-size: 11px; }
div.box-search div.box-cep input.cep_1{ width:75px; }
div.box-search div.box-cep input.cep_2{ width:45px; }

div.box-search div.box-combos
{	
	float: left;
	margin:0 0 0 96px;
}

div.box-search div.box-combos div.combo{ float:left; margin-right: 10px; }

div.box-search div.box-combos select{ height:20px; border:1px solid #b4b4b4; font-size: 11px; }
div.box-search div.box-combos select.state{ width:45px }
div.box-search div.box-combos select.city{ width:125px }

div.box-search .error{ color:#ff0000 !important; border:1px solid #ff0000 !important; }

#locals div.item
{
	width:700px;
	border-bottom:1px solid #e0e0e0;
	font-size: 11px;
	color: #666666;
	padding: 20px 0;
}

#locals div.item a{ color:#369098  }
#locals div.item a:hover{ text-decoration: underline; }

#locals #map_canvas
{
	width:700px;
	height:440px;
	background: #e5e3df;
	margin-top: 10px;
}

.search-header
{
	padding: 15px 0;	
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.box-descontos-produto .lista-produtoV2 .tit{margin:0 0 0 40px; border-bottom:3px solid #C6C6C6; font-size:1.454em; font-weight:bold; padding-bottom:10px; color:#404040; overflow:hidden;} 
.box-descontos-extra{ display:none;}

.peca-ja{}
.peca-ja h2{ color:#888888; font-size:20px;}
.peca-ja .subtexto{display:block; font-size:14px; margin:10px 0;}
.peca-ja .box{ color:#666666; margin:0; padding:10px 0 0;}
.peca-ja .box strong{ color:#C01115; font-size:12px;}




/*Carousel*/
.box-descontos-produto .prateleira{ width:970px; margin:0 auto;}
.box-descontos-produto .prateleira .vitrineProdutos li{border-top:none;}
.box-descontos-produto .carousel .nextCarousel strong,.box-descontos-produto .carousel .backCarousel strong{border-right:none;}
.box-descontos-produto .nextCarousel span,.box-descontos-produto .backCarousel span{background:url(../img/sprite-setas.png) no-repeat 0 0;width:18px;height:50px;margin-left:-8px;}
.box-descontos-produto .nextCarousel,.box-descontos-produto .backCarousel{width:18px;}
.box-descontos-produto .nextCarousel span{background-position:0 -240px;}
.box-descontos-produto .nextCarousel span:hover{background-position:0 -190px;}
.box-descontos-produto .nextCarousel.desactive span{background-position:0 -140px;}
.box-descontos-produto .backCarousel span{background-position:0 10px;}
.box-descontos-produto .backCarousel span:hover{background-position:0 -40px;}
.box-descontos-produto .backCarousel.desactive span{background-position:0 -90px;}


.prateleira .veja{ display:block !important; float:right; padding:0 5px 0 0;}