/* Componentes Portal */
@import url(/css/cfWebNew/componentes/ComponentesPortal.css);

/* Produto */
@import url(/css/cfWebNew/componentes/Produto.css);
/* Carrossel */
@import url(/css/cfWebNew/componentes/Carrossel.css);
/*lightbox*/
@import url(/css/cfWebNew/componentes/Lightbox.css);
@import url(/css/cfWebNew/componentes/LockPagina.css);
@import url(/css/cfWebNew/componentes/DivBox.css);

@import url(/css/cfWebNew/componentes/PaginaProduct.css);
@import url(/css/cfWebNew/componentes/PaginaGarantiaEstendida.css);

/* Skin */
@import url(/css/skin/somlivre/skin.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}body{line-height:1}ol, ul{list-style:none}blockquote, q{quotes:none}blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:none}table{border-collapse:collapse; border-spacing:0}
/* END - CSS Reset */

/* Classes */
.clearfix {display:block;min-height:0}
.clearAll {clear:both}

/* Outer */
div#outer, #cadastradoOfertasPromocoes .outer {width:1000px; margin:0 auto;}

/* HEADER ====== */
div#header{height:185px; text-align:center; width:100%}

div#header dl#televendas { float:right; margin-right:25px; margin-top:10px; padding-bottom:5px; text-align:right}
div#header dl#televendas dt, #header dl#televendas dd { display:inline}


/* user area */
div#header div#userArea{clear:both; height:24px; width:100%}


/* navega��o horizontal */
div#header div#navHor{height:31px; text-align:center; width:998px}

/* X HEADER ====== */

/* CONTENT ====== */
div#content {clear:both;margin-top:2px;background:#E8E8E8; height:100%}
#sac div#content {background:#fff}

/* LEFT */
div#content div#left{float:left; min-height:1px; height:100%; width:223px; _width:222px; background:#e8e8e8}
#sac div#content div#left{background:#fff}

/* CENTER */
div#content div#center {float:left; background-color:#FFF; min-height:1053px}
#carrinho div#content div#center {min-height:0 /*min-height:503*/}
#brinde div#content div#center {min-height:0;}
#pedido_finalizado div#content div#center {min-height:0; _overflow:visible; _height:auto}
#confirm_pgto div#content div#center {min-height:0}
#garantia div#content div#center {min-height:505px}
#pedido_finalizado div#content div#center {min-height:0px}
#sac div#content div#center {min-height:652px}
#busca_geral div#content div#center {min-height:625px}
#login div#content div#center, #formas_pgto div#content div#center, #cadastro div#content div#center, #cadastro_efetuado div#content div#center, #reset_senha div#content div#center, #esqueci_senha div#content div#center {min-height:0}
#seus_pedidos div#content div#center {min-height:0}
div#content div#center.wMenuSize {width:772px;padding:0 1px 0 1px; _width:770px; _padding:0 1px 0 2px; _overflow:hidden}
#sac div#content div#center.wMenuSize {width:790px;padding:0 2px 0 3px}
div#content div#center.fullSize {width:100%}
#product div#content div#center {padding-top:25px}

/* vitrine */
/*
a.paraTopo {background-image:url(/css/skin/comprafacil/temporarios/neutro/ancora/paraTopo.png)}
.produto div.produto-content:hover {border-color:#999}*/
.produto .btQuickView {/*background-image:url(/css/skin/comprafacil/temporarios/neutro/botoes/catalogo.png);*/ background-position: 0 -834px; height: 18px; width:94px}
/*
.vejaMais .topo {background:url(/css/skin/comprafacil/temporarios/neutro/vejaMais/seta.png) no-repeat scroll left center}*/
#busca_geral #center .vejaMais ul {border-bottom:none; margin:0}
#center .produtos .tabela .linha {margin-left:0; margin-right:0}
#center .tabela .produto {width:23%}
* html #center .tabela .produto {padding-left:0; padding-right:0}
#center .tabela .produto04 {padding-right:0}
#secao #center .tabela .produto {width:25%; padding-left:0; padding-right:0}
* html #secao #center .tabela .produto {width:24%}
#home div#vitrine div.ofertasClearfix {margin:10px 0}
* html #secao div#vitrine div.ofertasClearfix {width:100%}
*+html #secao #center .tabela .produto .produto-content {width:175px}

* html #home div#content div#center {height:1%; min-height:0}

/* selos vitrine */
.produtos .produto .titulo {text-indent:20px; background-repeat:no-repeat; background-position:left 2px}
.produtos .produto.cd .titulo {background-image:url(img/newSl/ico_cd.gif)}
.produtos .produto.dvd .titulo {background-image:url(img/newSl/ico_dvd.gif)}
.produtos .produto.cdDvd .titulo {background-image:url(img/newSl/ico_cdDvd.gif); text-indent:37px;}

/*div#center div#vitrine{clear:both; text-align:center}
div#vitrine div.ofertasClearfix{border:1px solid #BBB; margin-top:2px; padding:20px; width:730px}*/

/* CARRINHO */
div#contClear{padding:10px 20px}

/* FOOTER */
#footer #menuFooter {padding:10px;margin-top:2px; text-align:center; clear:both; min-height:65px;}
* html #footer #menuFooter {height:65px;}

/* PRODUCT */
#product .produto-atributos h2 {padding-left:21px}
#product .cd .produto-atributos h2 {background:url("img/newSl/ico_cd.gif") no-repeat scroll 0 3px}
#product .dvd .produto-atributos h2 {background: url("img/newSl/ico_dvd.gif") no-repeat scroll 0 3px}
#product .cdDvd .produto-atributos h2 {background: url("img/newSl/ico_cdDvd.gif") no-repeat scroll 0 3px}


/* ============= Quick View ================== */

dd.setQuickView {margin:5px 0 10px}
dd.setQuickView a {display:block; color:#FFF !important; font-weight:bold; background:url(img/btQuickView.gif) no-repeat 0 0; width:77px; height:17px; padding:5px 0 0 20px;}

div#detalhesDisplay {z-index:9999; position:absolute; left:50%; top:50%; width:740px; margin:-200px 0 0 -370px}
div#detalhesDisplay .paraTopo, #detalhesDisplay .paraInfoProduto, #detalhesDisplay #infProduto .ancoras {display:none}
div#detalhesDisplay #infProduto .bullet-seta li, #detalhesDisplay #infProduto .bullet-seta-item {background:none}
div#detalhesDisplay .paraTopo, div#detalhesDisplay .paraInfoProduto {display:none}
div#detalhesDisplay .descTop {background:url(img/topBox.gif) no-repeat 0 0; height:41px; }
div#detalhesDisplay .descTop strong {position:absolute; overflow:hidden; width:620px; height:26px; margin:12px 0 0 15px; font-size:14px;}
div#detalhesDisplay .descTop a {float:right; margin:12px 15px 0 0; color:#45517C; font-weight:bold}
div#detalhesDisplay .container {_height:340px; overflow:hidden; clear:both; background-color:#FFF; background:url(img/box.gif) no-repeat 0 bottom; padding:0 10px 10px}
div#detalhesDisplay .produto {float:left; margin-right:10px}
div#detalhesDisplay .produto a, div#detalhesDisplay .produto img {display:block; float:left}
div#detalhesDisplay .produto a.btDetalhes {clear:both; width:143px; height:17px; background:url(img/btDetalhes.gif) no-repeat 0 0; font-weight:bold; color:#FFF; text-align:center; font-size:11px; padding-top:5px; margin:10px 0 0 27px; _margin-left:14px}
div#detalhesDisplay #infProduto {float:left; width:510px; padding-top:20px}
div#detalhesDisplay #infProduto dl dt {font-weight:bold; font-size:13px; padding-right:20px; margin-bottom:20px}
div#detalhesDisplay #infProduto dl dd.ref {margin-top:5px}
div#detalhesDisplay #infProduto dl dd.deP {}
div#detalhesDisplay #infProduto dl dd.porP {font-weight:bold; font-size:19px; color:#45517C; margin-top:4px}
div#detalhesDisplay #infProduto dl dd.parcP {float:left; margin-top:5px}
div#detalhesDisplay #infProduto dl dd.parcP strong {font-size:14px; color:#45517C}
div#detalhesDisplay #infProduto dl dd.btCarrinho {float:right; margin:-15px 50px 0 0; width:160px}

div#detalhesDisplay #infProduto div.desc {clear:both; height:158px; overflow-y:scroll; overflow-x:hidden; margin-top:15px; padding:15px; float:left; border:1px solid #CCC; width:480px}
div#detalhesDisplay #infProduto div.desc strong.descTitle {font-weight:bold; text-transform:uppercase; color:#45517C; clear:both; display:block; margin-bottom:15px}
div#detalhesDisplay #infProduto div.desc ul {margin-top:15px}
div#detalhesDisplay #infProduto div.desc #divTC div.divTabs {display:none}
div#detalhesDisplay #infProduto div.desc #divTC .divTabArea {border:0 none}
div#detalhesDisplay #infProduto div.desc #divTC #div0 {display:block; padding:0}

.button {display:block; height:32px; cursor:pointer; color:#FFF; font-weight:bold; font-size:14px; text-align:center; letter-spacing:-1px}
.button:hover {text-decoration:none}
.btCarrinho a.rightBt {padding-right:7px; background:url(img/bt_right_sr_a.gif) no-repeat right 0}
.btCarrinho a.rightBt:hover {background:url(img/bt_right_sr_b.gif) no-repeat right 0}
.btCarrinho a.rightBt:active {color:#030;background:url(img/bt_right_sr_c.gif) no-repeat right 0}
.btCarrinho span.leftBt {display:block; height:24px; margin-top:0; padding:8px 0 0 10px; background:url(img/bt_left_sr_a.gif) no-repeat 0 0}
.btCarrinho a.rightBt:hover span.leftBt {background:url(img/bt_left_sr_b.gif) no-repeat 0 0}
.btCarrinho a.rightBt:active span.leftBt {background:url(img/bt_left_sr_c.gif) no-repeat 0 0}

/* COMPONENTE TAG CLOUD */
div#tagCloud {margin:15px 0;overflow:hidden; clear:both}
div#tagCloud div.tagsTitle {height:31px}
div#tagCloud div.tagsTitle h3 {display:block;padding-left:8px;line-height:31px;text-align:left;font-size:15px;background:url(img/bgTitle.gif) no-repeat 0 0;color:#007fac;font-weight:bold}
div#tagCloud div.tagsBody {border:1px solid #CCC;}
div#tagCloud div.tagsBody ul {text-align:center;padding:15px 10px;}
div#tagCloud div.tagsBody ul li {display:inline;vertical-align:middle;line-height:normal;font-weight:normal;margin-right:5px}
div#tagCloud div.tagsBody ul li a {color:#666}

/* titles tagCloud */
div#tagCloud h1, div#tagCloud h2, div#tagCloud h3, div#tagCloud h4, div#tagCloud h5, div#tagCloud h6 {display:inline;font-weight:normal}
.level1 {font-size:1.1em} .level2 {font-size:1.2em} .level3 {font-size:1.4em}
.level4 {font-size:1.5em} .level5 {font-size:1.6em} .level6 {font-size:1.8em} .level7 {font-size:2em}

/* LightBox Brasspag */
#lockPaginaBPag {height:100%; width:100%;background-color:#000; display:none; left:0; position:absolute; top:0; width:100%; z-index:9990; opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65)}
#actBrasspag {display:none; left:50%; margin:-100px 0 0 -200px; position:absolute; top:50%; width:400px; z-index:9991; background-color:#FFF; border:2px solid #666; padding:0 20px 0; text-align:center}
#actBrasspag h3 {text-align:center; font-size:15px; background-color:#f1f1f1; margin:0 -20px; padding:5px;}
#actBrasspag .loader {display:block; margin:0 auto; width:90px; height:90px; margin-top:10px}

/* Ivens Gonçalves - Escondendo: 11/05/2010 */
#confirm_pgto #center div.agendamento {display:none}
#carrinho #center fieldset div.agendamento {display:none}


/*nota fiscal*/
#seus_pedidos #center p.desconto, #seus_pedidos #center p.frete, #seus_pedidos #center p.total, #seus_pedidos #center p.declaracao {width: 240px !important;}
#seus_pedidos #center p.nota-fiscal {border-left: 1px solid #CCCCCC; clear:both;float: right;padding: 11px 10px 11px 0;text-align: right;width: 240px;}
#seus_pedidos #center p.nota-fiscal .linkView{color:#000; display:block; font-weight:normal; text-decoration:underline; margin-bottom:10px; cursor:pointer;}
#seus_pedidos #center p.nota-fiscal #sem-nota-fiscal{color:#f80;}
#seus_pedidos #lightbox-nota-fiscal{background:#FFF; width:790px; border:3px solid #080;}
#seus_pedidos #lightbox-nota-fiscal .lightboxBody {max-height:400px; overflow:auto}
* html #seus_pedidos #lightbox-nota-fiscal .lightboxBody {height:400px}
#seus_pedidos #lightbox-nota-fiscal .titulo-nota-fiscal{color:#080;}
#seus_pedidos #lightbox-nota-fiscal .chave-acesso{color:#080; font-weight:bold;margin-top:15px; display:block;margin-bottom:3px;}  
#seus_pedidos #lightbox-nota-fiscal .numero-chave{display:block; background:url(../cfWebNew/img/bk-inputs.png) repeat-x; border:1px solid #ccc; width:330px; padding:3px;clear:both;}
#seus_pedidos #lightbox-nota-fiscal .link-nf a{font-size:11px; color:#FF8800; display:block; margin:3px 0 15px; text-decoration:underline;}
#seus_pedidos #lightbox-nota-fiscal .dados-nota {border-bottom:1px solid #ccc; overflow:hidden; padding-bottom:10px;}
#seus_pedidos #lightbox-nota-fiscal .dados-nota li{clear:both; margin-bottom:3px; overflow:hidden;}
#seus_pedidos #lightbox-nota-fiscal .dados-nota span{display:block; float:left;}
#seus_pedidos #lightbox-nota-fiscal .dados-nota .title-dados{width:150px;}
#seus_pedidos #lightbox-nota-fiscal #btn-ministerio {padding:15px 0px;overflow:hidden; display:block;} 
#seus_pedidos #lightbox-nota-fiscal #btn-ministerio a{background:url(../cfWebNew/img/btn-ministerio-da-fazenda.png) no-repeat; text-indent:-10000px; display:block; height:32px;} 
#seus_pedidos #lightbox-nota-fiscal .acesso-receita{font-size:12px; margin-top:5px;}
#seus_pedidos #lightbox-nota-fiscal .acesso-receita a{text-decoration:underline;}

/* Ajustes tela Cadastro Promoções */
#cadastradoOfertasPromocoes div#content div#left { width:223px}
#cadastradoOfertasPromocoes div#content div#center { padding:0 1px; width:770px; min-height:650px}
#cadastradoOfertasPromocoes #footer { clear:both}

/*Onebox*/
#busca_geral #right {background:#FFF;float: left !important;margin-top: 0;voice-family: inherit;margin-left: 0px;padding:40px 10px 0 0;width: 165px;}
#busca_geral div#content div#center {margin-right: 0px;width: 600px;}
#busca_geral #right .banner_halfsky{display:block; margin-bottom:15px;}
#busca_geral .tabela .produto .produto-content {width:175px;}
#busca_geral #center .tabela .produto {width: 31%;}
#busca_geral .clearAll{clear:none;}

/* onebox com html */
.onbox{background:url(http://hml.comprafacil.com.br/desenvolvimento/2011/20111130_MC-Onbox_Html/producao/bg-1box.png) no-repeat 0 0; width:165px; height:221px; position:relative; margin-bottom:10px;}
.onbox a{text-decoration:none; display:block; width:165px; height:221px;}
.onbox .onbox-img-produto{position:absolute; top:5px; left:45px;}
.onbox .onbox-titulo {position:absolute; top:77px; left:10px; font:bold 12px arial, helvetica, sans-serif; color:#080;}
.onbox .onbox-descricao{position:absolute; top:107px; font:12px arial, helvetica, sans-serif; left:10px; color:#666;}
.onbox .onbox-por {position:absolute; top:149px; left:10px; font:bold 12px arial, helvetica, sans-serif; color:#080;}
.onbox .onbox-ate .onbox-texto{font:12px arial, helvetica, sans-serif; color:#666; display:block;}
.onbox .onbox-ate {position:absolute; top:162px; left:10px; font:12px arial, helvetica, sans-serif; color:#080;}


/*CSS para os selos de promoções*/
/* .produto-atributos .selos-promocoes span{float:left; margin-right:5px;}/*Colocar os selos flutuando na product*/
/* .selos-promocoes {overflow:hidden;}
/* .selos-promocoes span{display:block;width:178px; text-align:center; font-size:11px; padding:5px 0; margin:5px 0 0 0;}
/*Cores dos selos* Padrão Cinza e os skins definem suas cores*/
/* .selos-promocoes .selo-de-frete{border:1px solid #ccc; background:#ebebeb; color:#000; text-transform:uppercase; font-weight:bold;}
/* .selos-promocoes .selo-de-desconto{border:1px solid #ccc; background:#ebebeb; color:#000; text-transform:uppercase; font-weight:bold;}
/* .produto .link-product:hover .selos-promocoes .selo-de-frete, .produto .link-product:hover .selos-promocoes .selo-de-desconto{text-decoration:underline;}
/*Com os selos o carrossel terar que ter sua altura alterada de 270 para 330*/
/* .carrossel .voltar, .carrossel .avancar, .carrossel .produtos {height: 330px;}
/* .carrossel .selos-promocoes span{width:165px;}/*Tamanho diferenciado para o carrossel*/