/* Extra.com.br - Atendimento V2 Version:2.4 */
.atendimento .main .atend h2 a, .atendimento .atend h3, .atendimento .wrap ul li a{ background:url(../img/ico-atendimento.png) no-repeat;}
.atendimento .main .atend h2 a{ background-position:0 6px;}
.atendimento .main{ margin:0 auto; font-size:12px; padding:20px;}
.atendimento .main h1{ line-height:22px;border:0;margin:0 auto 15px;width:960px;font-family:'extra', arial;font-size: 2em;color:#49BBC6}
.atendimento .atend h2, .atendimento .accord h2{ width:100%; background:#49BBC6; line-height:38px; font-size:1.5em; color:#095ba6;font-family:'extra',arial;}
.atendimento .atend h2 a, .atendimento .accord h2 a{ padding-left:33px; line-height:38px; display:block; width:215px; margin:0 auto; text-decoration:none; color:#fff; font-weight:bold;}
.atendimento .atend h3{ border:0; padding-left:40px; font-size:18px; color:#49BBC6; line-height:38px; margin-bottom:5px; font-family: 'extra',arial;}
.atendimento .cont{ width:960px; position:relative; margin:0 auto;}
.atendimento .atend{ border:10px solid #D7F0F0; background: #D7F0F0;}
.atendimento .wrap{ overflow:hidden;background: #FFFFFF;margin-top: 10px;}
.atendimento .last{ border:0;}
.atendimento .wrap .box{ float:left; overflow:hidden; width:30.7%; border-right:10px solid #D7F0F0; padding:10px;}
.atendimento .wrap .last{ border:0; margin-right:0;}
.atendimento .wrap .mid{ width:30%;}
.atendimento .wrap .atendesite{background: url(../img/ico-atendimento.png) no-repeat 246px -1162px;}
.atendimento .duvFreq .box{ width:}
.atendimento .w1 .box,.atendimento .w2 .box{height: 218px;}
.atendimento .w3 .box{height: 88px;}
.atendimento .wrap ul{ display:block;}
.atendimento .duvFreq ul{ width:33%; float:left; border:0;}
.atendimento .duvFreq{ padding: 10px;margin-top:0;}
.atendimento .wrap ul li{ padding-left:40px; list-style:none inside; margin:0 0 8px;}
.atendimento .w1 .atendesite ul li{ padding-right:50px;}
.atendimento .wrap ul li a{ padding-left:15px;font-weight: bold;line-height: 14px;}
.atendimento .duvFreq ul li a{ font-weight:bold;}

.atendimento .atend .atend h2 a{ background-position:0 4px;}
.atendimento .atend .wrap ul li a{ background-position:0 -1096px;}
.atendimento .atend .duvFreq h3{ background-position: 0 -97px;}
.atendimento .atend .acompanhe h3{ background-position: 0 -197px;}
.atendimento .atend .troca h3{ background-position: 0 -997px;}
.atendimento .atend .nfe h3{ background-position: 0 -1597px;}
.atendimento .atend .servicos h3{ background-position: 0 -497px;}
.atendimento .atend .cadastro h3{ background-position: 0 -597px;}
.atendimento .atend .fornecedores h3{ background-position: 0 -697px;}
.atendimento .atend .localiza h3{ background-position: 0 -797px;}
.atendimento .atend .fisicas h3{ background-position: 0 -897px;}
.atendimento .atend .atendesite h3{ background-position: 0 -297px;}

.atendimento .accord{ overflow:hidden;	}
.atendimento .mnav{ width:196px; float:left; position:relative; background:#c4e2fd; border:1px solid #4988c1; display:none;}
.atendimento .accord h2 a{ font-size:13px; width:161px;}
.atendimento .mnav ul li{ background:#fff; border-bottom:1px solid #c4e2fd;}
.atendimento .mnav ul .last{ border-bottom:1px solid #4988c1;}
.atendimento .mnav ul li a { padding:8px 4px 8px 33px; display:block; color:#095ba6; font-weight:bold;}
.atendimento .mnav ul li a:hover{ background-color:#F9FBFE;}
.atendimento .mnav ul li ul{ padding-bottom:10px;}
.atendimento .mnav ul li ul li{ background:none; border:0;}
.atendimento .mnav ul li ul li a{ padding:3px 0 3px 45px;}

.atendimento .accord .mnav h2 a, .atendimento .accord .mnav li a, .atendimento .accord .container ul li h4 a{ background:url(../img/ico-atendimento.png) no-repeat;}
.atendimento .accord .mnav h2 a{ background-position:8px 9px;}
.atendimento .accord .mnav .duvFreq a{ background-position:8px -31px;}
.atendimento .accord .mnav .acompanhe a{ background-position:8px -63px;}
.atendimento .accord .mnav .troca a{ background-position:8px -96px;}
.atendimento .accord .mnav .nfe a{ background-position:8px -142px;}
.atendimento .accord .mnav .servicos a{ background-position:8px -176px;}
.atendimento .accord .mnav .servicos ul li a{ background-position:34px -584px;} /* sub-menu */
.atendimento .accord .mnav .cadastro a{ background-position:8px -209px;}
.atendimento .accord .mnav .fornecedores a{ background-position:8px -242px;}
.atendimento .accord .mnav .localiza a{ background-position:8px -285px;}
.atendimento .accord .mnav .fisicas a,.atendimento .accord .mnav .ebooks a,.atendimento .accord .mnav .institucional a{ background-position:8px -319px;}
.atendimento .accord .mnav .atendesite a{ background-position:8px -351px;}

.atendimento .container{ width:780px; float:right;}
.atendimento .container p{ margin-bottom:10px;}
.atendimento .container .accordion{ border:1px solid #49BBC6; position:relative;}

.atendimento .accord .accordionBd{ position:relative; overflow:hidden;}

.atendimento .container h3, .atendimento .container h3 a{ font-size:14px; font-weight:bold; color:#49BBC6; margin-bottom:10px;}
.atendimento .container .link{ color:#095ba6; text-decoration:underline; font-weight:bold;}
.atendimento .container strong{ font-weight:bold;}
.atendimento .accord .container .accordion li{ border-bottom:1px solid #d7f0f0; overflow:hidden;}
.atendimento .accord .container a{ color:#49BBC6; font-weight:bold; text-decoration:underline;}
.atendimento .accord .container .accordion .ev{ background:#f3fafa;}
.atendimento .accord .container .accordion .last{ border:0;}
.atendimento .accord .container .accordion li h4{  padding:10px 15px; cursor:pointer;}
.atendimento .accord .container .accordion li h4 a{ padding-left:20px; background-position:0 -1394px; text-decoration:none; color:#000}
.atendimento .accord .container .accordion li h5{ font-size:12px; font-weight:bold; padding:15px 0; color:#49BBC6;}
.atendimento .accord .container .accordion li .accordCont{ padding:0 15px; display:none;}
.atendimento .accord .container .accordion .active h4 a{ color:#49BBC6;}
.atendimento .accord .container .accordion .active h4 a{ padding-left:20px; font-weight:bold; background-position:0 -1494px;}

.atendimento .accord .container .accordion li.activeM h4{ background:none 0 -472px; color:#095ba6; cursor:auto;}
.atendimento .accord .container .accordion li.activeM div{ display:block}
.atendimento .accord .container .activeAll li div{ display:block !important;}

.atendimento .accordAba .accordion .bdlt{ display:none;}

.atendimento .accordAba .acordNav{ overflow:hidden; margin-bottom:-1px; position:relative; z-index:10;}
.atendimento .accordAba .acordNav li{ float:left; width:174px; height:27px; margin-right:1px;}
.atendimento .accordAba .acordNav li a{ font-weight:bold; color:#fff; line-height:27px; text-align:center; display:block; background:url(../img/abaAtend.png) right no-repeat; margin-bottom:-1px;}
.atendimento .accordAba .acordNav li.active a{ background-position:left; color:#095ba6;}
.atendimento .accordAba .accordion{ display:none;}
.atendimento .accordAba .ac1out{ display:block;}

.atendimento .accord .accordion .aux1 li{ width:31.3%; float:left; border:0; margin:10px 1% 20px;}
.atendimento .accord .accordion table { border:1px none; margin:25px 0; text-align:center; }
.atendimento .accord .accordion table tr th {  background-color:#CCCCCC; border:1px solid #FFFFFF;  padding:10px; }
.atendimento .accord .accordion table tr td { background-color:#F9F9F9; border:1px solid #FFFFFF; padding:10px; }

.atendimento .accord .accordion .accordCont .aux2{ float:left; width:50%; margin:0;}
.atendimento .accord .accordion .accordCont .aux3{ float:right; width:50%; margin:0;}
.atendimento .accord .accordion .accordCont .aux2 p,
.atendimento .accord .accordion .accordCont .aux3 p{ margin:7px 0;}

.atendimento .accord .trcDevBox .accordion {padding:15px;}
.atendimento .accord .trcDevBox .accordion li .accordCont {padding:0;}
.atendimento .accord .trcDevBox .accordion li .tpresente .accordCont p {font-size: 11px;text-align: center;margin-bottom:5px;}
.atendimento .accord .trcDevBox .accordion .tproduto, .atendimento .accord .accordion .tpresente {float:left;width:335px;}
.atendimento .accord .trcDevBox .accordion li .tproduto h5, .atendimento .accord .accordion li .tpresente h5 {font-size:16px;padding: 0 0 15px;}
.atendimento .accord .trcDevBox .accordion .tproduto {margin-right:15px;border-right:1px solid #ededed;padding-right: 15px;}
.atendimento .accord .trcDevBox .accordion li .tproduto h5, .atendimento .accord .accordion li .tpresente h5, .atendimento .accord .accordion .accordCont .chatBox .info {background: url(../img/imgtrcDevBox.png) no-repeat 0 0;padding-left: 40px;}
.atendimento .accord .trcDevBox .accordion li .tproduto h5 {background-position:0 -146px;margin-bottom:10px;}
.atendimento .accord .trcDevBox .accordion li .tpresente h5 {background-position:0 0;padding:0 0 30px 40px;margin-bottom:10px;}
.atendimento .accord .trcDevBox .accordion .accordCont .steps li {margin-bottom:15px;border:0;padding-left:25px;}
.atendimento .accord .trcDevBox .accordion .accordCont .steps li .strg {text-transform:uppercase;}
.atendimento .accord .trcDevBox .accordion .accordCont .nStp {background:#08366c;color:#fff;padding:0 5px;border-radius:8px;margin: 0 5px 0 -25px;}
.atendimento .accord .trcDevBox .accordion .accordCont .chatBox {background:#f0f0f0;padding:10px 15px;border-radius:11px;}
.atendimento .accord .trcDevBox .accordion .accordCont .chatBox .info {background-position:0 -292px;padding:0 0 14px 40px;}
.atendimento .accord .trcDevBox .accordion .accordCont .chatBox strong {display:block;}

/* sticker */
.sticker { display: table; width: 980px; margin: 0 auto 10px; background-color: #f9f8ac; }
.sticker .sticker-apx { width: 74%; margin: 0 auto; }
.sticker p { float: left; font-size: 17px; font-weight: 700; line-height: 55px; color: #494800; }
.sticker a.pedido.shopping { float: right; display: block; width: 207px; height: 34px; margin: 10px 0 0; text-indent: -9999px; background: url(http://www.extra-imagens.com.br/HotSite/2012/atendimento/images/btn-shopping.png) no-repeat 0 0 tomato; }

/*sidebar*/
.atendimento .asideLeft{width:158px;float:left}
.main-menu li{background:#E9F8F8 url(../img/sprite-ATM-extra.png) no-repeat 9px 0;display:inline-block;margin-bottom:1px;width:158px}
.main-menu > li:hover{background-color:#49BBC6}
.main-menu a{color:#49BBC6;display:block;font-size:.917em;font-weight:700;padding:16px 12px 16px 46px}
.main-menu li:hover a{color:#FFF}
.main-menu > li#category_10:hover{background-position:9px -582px}
.main-menu > li#category_11{background-position:9px -58px}
.main-menu > li#category_11:hover{background-position:9px -640px}
.main-menu > li#category_12{background-position:9px -116px}
.main-menu > li#category_12:hover{background-position:9px -699px}
.main-menu > li#category_13{background-position:9px -1186px}
.main-menu > li#category_13:hover{background-position:9px -1244px}
.main-menu > li#category_14{background-position:9px -246px}
.main-menu > li#category_14:hover{background-position:9px -828px}
.main-menu > li#category_15{background-position:9px -304px}
.main-menu > li#category_15:hover{background-position:9px -885px}
.main-menu > li#category_16{background-position:9px -353px}
.main-menu > li#category_16:hover{background-position:9px -942px}
.main-menu > li#category_17{background-position:9px -417px}
.main-menu > li#category_17:hover{background-position:9px -998px}
.main-menu > li#category_18{background-position:9px -473px}
.main-menu > li#category_18:hover{background-position:9px -1055px}
.main-menu > li#category_19{background-position:9px -526px}
.main-menu > li#category_19:hover{background-position:9px -1108px}

/**/
.rdbd{display:none;}
.atendimento .asideLeft{display: block !important;}