@charset "utf-8";
/* CSS Document */
/* 2015 - Versao 1.0 */

.prateleira .vitrineProdutos > li { width: 24.8%; }

#htCtExtra {
	height: 100%;
	font-family:Verdana, Geneva, sans-serif;
	background-image:url(../img/bg-site.gif);
	background-color:#ffffff;
	background-position:left top;
	background-repeat:repeat-x;
	overflow: hidden;
	padding-bottom: 30px;
}
#htCtExtra #geral { height: 100%; width: 100%; }

#htCtExtra .breadcrumb{display: none;}

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

@font-face {
    font-family: 'din_engschrift_stdregular';
    src: url('dinengschriftstd-webfont.eot');
    src: url('dinengschriftstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinengschriftstd-webfont.woff') format('woff'),
         url('dinengschriftstd-webfont.ttf') format('truetype'),
         url('dinengschriftstd-webfont.svg#din_engschrift_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#htCtExtra .ft-din { font-family: 'extra'; text-transform:uppercase;}
#htCtExtra .arial { font-family:Arial, Helvetica, sans-serif;}
#htCtExtra .verdana { font-family:Verdana, Geneva, sans-serif;}
#htCtExtra .min { text-transform:none; }
#htCtExtra .f10 { font-size:10px; }
#htCtExtra .f11 { font-size:11px; }
#htCtExtra .f14 { font-size:14px; }
#htCtExtra .f18 { font-size:18px; }
#htCtExtra .f20 { font-size:20px; }
#htCtExtra .f23 { font-size:23px; }
#htCtExtra .f24 { font-size:24px; }
#htCtExtra .f30 { font-size:30px; }
#htCtExtra .f32 { font-size:32px; }
#htCtExtra .f35 { font-size:35px; }
#htCtExtra .branco { color:#ffffff; }
#htCtExtra .aclaro { color:#ffff99 }
#htCtExtra .cinza { color:#666666; }
#htCtExtra .verde { color:#369098; }
#htCtExtra .hide{ display:none; }
#htCtExtra img { border: 0 none; }
/* #htCtExtra a { text-decoration:none; } */
#htCtExtra .decor { text-decoration:underline; }
#htCtExtra .bold { font-weight:bold; }


/* Header */
#htCtExtra #header {
	width:1000px;
	height:182px;
	z-index:10;
}
#htCtExtra #header .header-cartoes {
	width:246px;
	height:145px;
	margin:21px 0 0 30px;
	background-image:url(../img/header-cartoes.png);
	background-repeat:no-repeat;
	float:left;
}
#htCtExtra #header .header-cartoes h1 { text-indent:-9999px; }
#htCtExtra #header .header-menu {
	width:724px;
	height:166px;
	float:left;
}
#htCtExtra #header .header-menu .header-acesse {
	width:704px;
	height:90px;
	padding:17px 0 0 20px;
	float:left;
	background-color:#ef7706;
	border-bottom:1px solid #ffffff;
}

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

#htCtExtra #header .header-menu .bt-peca a {
	width:234px;
	height:44px;
	float:left;
	padding-top:14px;
	background-color:#369098;
	border-right:1px solid #ffffff;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}
#htCtExtra #header .header-menu .bt-beneficios a {
	width:230px;
	height:37px;
	float:left;
	padding-top:21px;
	background-color:#3faab2;
	border-right:1px solid #ffffff;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}
#htCtExtra #header .header-menu .bt-ajuda a {
	width:258px;
	height:37px;
	float:left;
	padding-top:21px;
	background-color:#3faab2;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}
#htCtExtra #header .header-menu a.m-ativo  { text-decoration:underline !important; }
#htCtExtra #header .breadcrumb {
	width:970px; 
	margin-left:30px;
	padding-top:2px;
	float:left;
	color:#ffffff;
}
#htCtExtra #header .breadcrumb .bread-active { color:#369098; text-decoration:underline; }
#htCtExtra #header .header-menu .header-acesse .cartoes{
	width:45px;
	height:12px;
	margin-top:5px;
	padding: 3px !important;
}
#htCtExtra #header .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;
}
#htCtExtra #header .header-menu .header-acesse .bt-consulta-header {
	margin:4px 0 0 325px;
}
#htCtExtra #header .header-menu .header-acesse iframe{margin: 0 0 0 56px;}

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

#htCtExtra #conteudo .header-azul {
	background-color:#3faab2;
	padding:30px 0 0 30px;
	overflow: hidden;
}

#htCtExtra #conteudo .header-azul-peca {
	background-color:#3faab2;
	padding:10px 0 0 10px;
	height:390px;
}

#htCtExtra #conteudo .header-azul h2, #htCtExtra #conteudo .header-azul-peca h2 { margin-bottom:5px; }

/* Home */

#htCtExtra .box-descontos-extra {
	background-color:#eb4972;
	border:1px solid #d61f4d;
	padding:12px 22px;
	min-height:38px;
}
#htCtExtra .tit-box-descontos { float:left; }
#htCtExtra .txt-box-descontos { float:right; }
#htCtExtra .box-descontos-produto { border: 1px solid #d6d6d6; border-top: none !important; padding-top: 20px; }
.box-descontos-produto .tit{display: none;}

#htCtExtra .txt-box-descontos .bt {
	background-color: #ffff94;
    border-color: #ab3855;
    color: #eb4972;
    font-size: 20px;
    height: auto;
    line-height: 20px;
    margin-bottom: 2px;
    padding: 4px 25px 1px;
}

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

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

}
#htCtExtra #destaques li.ui-tabs-selected{ 
	z-index:1000;
	background:url(../img/bg-destaque1.gif) no-repeat  !important;
}
#htCtExtra #destaques ul.ui-tabs-nav li.ui-tabs-selected a{ 
	z-index:1000;
	display:block;
}
#htCtExtra #destaques .ui-tabs-panel{ 
	width:647px;
	height:250px; 
	position:relative;
}
#htCtExtra #destaques .ui-tabs-hide{ 
	display:none; 
}

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

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

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

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

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

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

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

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

#htCtExtra .box-ajuda {
	min-height:147px;
	background-color:#eb4972;
	border:1px solid #d61f4d;
	padding:32px 22px 22px 22px;
	margin-bottom:20px;
}

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

#htCtExtra .box-resolva {
	min-height:391px;
	background-color:#eb4972;
	border:1px solid #d61f4d;
	padding:32px 22px 0 22px;
	margin-bottom:20px;
}
#htCtExtra .box-resolva p {
    padding: 2px 0;
}

#htCtExtra .box-carousel-itens {
	background-color:#eb4972;
	border:1px solid #d61f4d;
	margin-bottom:35px;
	padding:25px 0 15px 20px;
	position:relative;
}

#htCtExtra .box-atendimento {
	background-color:#eb4972;
	border:1px solid #d61f4d;
	padding:20px 0 22px 20px;
	margin-bottom: 20px;
	/* display: none; */
}

#htCtExtra .box-perguntas-ajuda {
	/* height:482px; */
	height: 502px;
	margin-bottom:9px;
	border-bottom:1px solid #479aa2
}
#htCtExtra .div-central-atendimento{
	width:320px;
	float:left;
}
#htCtExtra .div-canal-internet {
	width:320px;
	float:left;
}
#htCtExtra .div-canal-caixas {
	width:320px;
	float:left;
}

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

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

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

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

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

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

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

}
#htCtExtra .carousel .pagination-links li a {
	font-size:11px;
	padding: 5px 8px 5px;
	color:#ffffff;
	background:url(../img/bullte-carousel-off.jpg) no-repeat;
	margin-left:4px;
	float:left;
	height:12px;
}
#htCtExtra .carousel .pagination-links li a:hover {text-decoration:none;}
#htCtExtra .carousel .pagination-links li.current a {
	background:#444;
	background:url(../img/bullte-carousel-on.jpg) no-repeat;
	color:#fff;
}

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





/*ajustes*/
#htCtExtra .carousel{
	letter-spacing: normal !important;
    margin-top: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: static !important;
}
#htCtExtra .carousel ul {
    white-space:normal;
}
#htCtExtra .carousel li{
	float:left !important;
}


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

#htCtExtra div.box-search{	margin:0 0 25px 85px; overflow:hidden; }

#htCtExtra div.box-search a.bt-search
{
	width:67px;
	height:18px;
	display: block !important;
	background: url(../img/bt_buscar.gif) no-repeat;
	margin-top: -5px;
	float:left;
	cursor: pointer;
}

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


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

#htCtExtra div.box-search div.box-combos
{	
	float: left;
	margin:0 0 0 60px;
	width: 464px;
}

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

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

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

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

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

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

#htCtExtra .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.
 */
#htCtExtra .cf:before,
#htCtExtra .cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

#htCtExtra .cf:after {
    clear: both;
}

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

/* Itens Desconto 50% */

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