a {color:#737272}


/* TITULOS */
h1 {position:absolute; top:100px; left:54px; width:450px; font-size:22px; color:#3c558e}
h2 {background:url(../imagens/txt-portabi-pratici.gif); text-indent:-5000px; width:651px; height:23px; margin-left:52px}
h4 {color:#3c558e; font-weight:bold; font-size:16px; position:absolute; top:165px; left:54px}

h3 {color:#5a6b80; font-size:20px; padding:25px 43px}
h3 a {color:#484747}
#produto h3, #caracteristicas h3, #maisImagens h3, #review2 h3 {font-size:12px; padding:0; text-transform:uppercase; text-align:center}
#caracteristicas h3 {margin-right:10px}
#maisImagens h3 {margin-bottom:7px}
.vitrine h3 {padding:0}
/******************/


/* BOTOES */
#buscaBt {background:url(../imagens/bg-botao-buscar.gif) no-repeat 0 3px; font-size:14px; text-align:center; color:#fff; border:0 none; text-transform:uppercase; width:37px; height:37px; margin-top:-3px}
#btComprar {background:url(../imagens/btComprar.gif) no-repeat 0 0; border:none; height:54px; left:140px; position:relative; text-indent:-9000em; top:20px; width:190px; cursor:pointer; display:block}
#manual {position:absolute; top:230px; left:695px}
/******************/


/* BUSCA */
#busca {background:url(../imagens/bg-busca.gif) left bottom no-repeat; display:none; height:48px; width:370px; position:absolute; top:150px; left:606px}
#busca legend {text-transform:uppercase; color:#5a6b80; padding-left:11px}
#busca label {display:none}
#busca #buscaInpt {background:#F9F9F8; border:0 none; font-size:16px; float:left; font-size:16px; height:22px; margin-left:10px; margin-right:15px; margin-top:6px; width:286px}
/******************/


/* REVIEW */
#review {margin:40px 50px 0 43px; _margin-right:59px; font-size:12px; line-height:20px; font-size:12px; line-height:20px; width:464px; float:left;}
#review p {margin-bottom:20px}
#review strong {font-weight:bold}
#review a {color:#3C558E}
/******************/

/* REVIEW2 */
#review2 {padding-top:110px}
#review2 ul {margin:0 50px 0 53px; _margin-left:0; font-size:12px; line-height:20px; float:left; font-size:12px; line-height:20px; width:300px; padding:17px 20px; color:#fff; font-size:11px; min-height:300px; _height:300px;background:url(../imagens/box-assist.gif) no-repeat 0 0px}
#review2 strong {font-weight:bold}
#review2 a {color:#3C558E}
/******************/

/* PRODUTO */
#produto {width:450px; height:389px; float:left; margin:0 0 0 53px; background:url(../imagens/box-imagem.gif)}
#produto .jqzoom {margin:9px 0 0 31px}
/******************/


/* DIVISORIA AREA */
.divArea {background:url(../imagens/border-double.gif) repeat-x 0 0; padding-right:7px; margin:0 45px 40px; position:relative; height:10px; clear:both}
a#logo1 {background:url(../imagens/logo-comprafacil.gif); display:block; width:204px; height:31px; text-indent:-5000px; margin-right:10px; margin-top:0; position:absolute; top:-14px}
/******************/


/* CARACTERISTICAS */
#caracteristicas {color:#fff; width:350px; overflow:hidden; margin:0 0 0 612px}
#caracteristicas ul {background:url(../imagens/box-caract.gif) no-repeat 0 0px; font:bold 11px Arial, Helvetica, sans-serif; padding:22px 20px 0 32px; height:374px; margin-top:-2px}
#caracteristicas ul li {margin-bottom:3.5px; list-style-type:disc}
/******************/


/* MAIS IMAGENS */
#maisImagens {background:url(../imagens/box-maisimg-top.gif) 0 13px no-repeat; width:434px; margin:43px 0 0 68px; float:left}
#maisImagens ul {background:#dfdfdf; border:1px solid #c3c4c2; border-top:0 none; min-height:77px; padding:8px 30px 0}
#maisImagens ul li {text-align:center; float:left; width:20%}
#maisImagens ul li img {border:1px solid #9c9c9c}
/******************/


/* BOX PRICE */
#boxPrice {background:url(../imagens/box-price.gif); width:342px; height:147px; margin-left:613px; position:relative; margin-top:25px}
#boxPrice p {text-align:center; color:#fff; font-weight:bold; font-size:13px; padding:8px 0}
#boxPrice p span {color:#f80; text-transform:uppercase}
#boxPrice ul {color:#484747; margin:15px 0 0 24px; _margin-left:10px; float:left}
#boxPrice ul li {line-height:20px}
#boxPrice .precoPor {color:#f80; font-size:20px; font-weight:bold}
#boxPrice .parcelas {font-weight:bold}
/******************/

#chat {display:block; width:238px; height:24px; margin:45px auto 0}
#freteGeral {background:url(../imagens/txt-frete.gif) center top no-repeat; text-indent:-5000px; height:22px; margin:17px 0}


/* VENDA CASADA */
#vendaCasada {background:#fff; color:#484747; padding:0 20px 10px 20px; overflow:hidden; zoom:1}
#vendaCasada ul li {clear:both; margin-bottom:60px; border-top:1px solid #bfbfbf; zoom:1; padding-top:20px; margin-top:-1px; min-height:160px}
#vendaCasada dl dt {position:relative}
#vendaCasada dl dt img {float:left}
#vendaCasada .symbolPlus {background:url(../imagens/sinalMais.gif); display:block; text-indent:-5000px; width:17px; height:17px; float:left; margin:60px 10px 0}
#vendaCasada #crossProductName1, #vendaCasada #crossProductName3 {position:absolute; top:165px; left:35px; _left:-300px; font-size:10px; font-weight:normal; color:#ababab}
#vendaCasada #crossProductName2, #vendaCasada #crossProductName4 {position:absolute; top:165px; left:210px; _left:-120px; font-size:10px; font-weight:normal; color:#ababab}
#vendaCasada dl dd {margin-left:370px}
#vendaCasada dl .crossProduct {padding-top:15px; margin-bottom:25px}
#vendaCasada dl .crossProduct strong {font-weight:normal}
#vendaCasada dl .crossProduct span {color:#017a01; font-weight:bold}
#vendaCasada dl .crossProduct span a {color:#017a01; text-decoration:none}
#vendaCasada dl .crossProduct span a:hover {text-decoration:underline}
#vendaCasada dl .precoPor, #vendaCasada dl .parcelas {font-weight:bold}
#vendaCasada dl .precoPor span {color:#017a01}
#vendaCasada dl .parcelas span {color:#fb6a00}
#vendaCasada dl .adicionar {float:right; margin:-40px 48px 0 0}


/* VITRINE */
.vitrine {overflow:hidden; width:956px; margin:0 auto}
.vitrine ul {margin-top:-1px}
.vitrine ul li {float:left; width:479px; background:url(../imagens/borda-hor-cauda.gif) 0 bottom no-repeat; margin-left:-2px; padding-left:1px; margin-bottom:15px}
.vitrine ul li div {height:114px; padding:15px 15px 0; background:url(../imagens/borda-vert-cauda.gif) 14px 0 no-repeat}
.vitrine .photo {float:left}
.vitrine .description {display:block; text-decoration:none; margin-bottom:15px; margin-left:110px}
.vitrine a.description:hover {text-decoration:underline}
.vitrine .description strong {font-weight:normal}
.vitrine .quickView, .vitrine .plusView {background:url(../imagens/bullet1.gif) 0 7px no-repeat; padding-left:8px; font-size:11px; line-height:20px; display:block; font-weight:normal; margin-left:110px; width:176px}
.vitrine .quickView {color:#080}
.vitrine .plusView strong {font-weight:normal}
#vitrine01 {min-height:180px}
/******************/


/* IMAGE ZOOM */
.jqZoomPup{overflow:hidden;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity = 60);z-index:10;background-color:#FFF;border-color:#c4c4c4;border-style:solid;cursor:crosshair}
.jqZoomPup img{border:0px}
.preload{-moz-opacity:0.8;opacity:0.8; filter:alpha(opacity = 80);text-indent:-9000px;background:#FFF url(../imagens/loader.gif) no-repeat center center; border:1px solid #9c9c9c; width:64px; height:64px;z-index:10;position:absolute;top:3px;left:3px}
.jqZoomWindow{border:2px solid #9C9C9C;overflow:hidden;margin:-60px 0 0 3px; _margin:0}
.jqZoomWindow img{margin:0;}
/******************/


/* LIGHT BOX */
div#blackOut {display:none; width:100%; height:4222px; background-color:#000; position:absolute; top:0; left:0; z-index:9990}
ul.thumbs li a img {border:1px solid #9C9C9C; opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65)}
ul.thumbs li a:hover img {opacity:1; -moz-opacity: 1; filter: alpha(opacity=100)}
div.lbController ul.thumbs li {display:inline; margin-right:5px}

div#lightBox {display:none;position:absolute; top:400px; left:27%; width:622px; background:#FFF url(../imagens/body.gif) repeat-y 0 0; text-align:center; z-index:9991}

div#lightBox p.top {height:23px; background: url(../imagens/top.gif) no-repeat 0 0; text-align:center; padding-top:3px; margin-bottom:20px}
div#lightBox p.top strong{font-weight:bold; font-size:17px; color:#FFF}
div#lightBox p.top a.close {display:block; float:right; width:60px; height:19px; color:#FFF; font-weight:bold; text-align:left; background: url(../imagens/btClose.gif) no-repeat right 0; margin-right:10px; *margin-top:-19px}
div#lightBox div.imageViewer {width:450px; height:450px; margin:0 auto; background:url(../imagens/loader.gif) no-repeat center center}
div#lightBox div.lbController {margin-top:15px;clear:both}
div#lightBox p.bottom {clear:both;height:25px; padding-top:10px; background: url(../imagens/bottom.gif) no-repeat 0 bottom; text-align:right;}
/******************/


/* QUICK VIEW */
div#quickView {display:none; background:#FFF url(../imagens/body.gif) repeat-y 0 0; width:622px; position:fixed; left:26%; top:100px; z-index:9996; _position:absolute; _top:1120px}
div#quickView p.top {height:23px; background: url(../imagens/top.gif) no-repeat 0 0; text-align:center; padding-top:3px; margin-bottom:20px}
div#quickView p.top strong{font-weight:bold; font-size:17px; color:#FFF}
div#quickView p.top a.close {display:block; float:right; width:60px; height:19px; color:#FFF; font-weight:bold; text-align:left; background: url(../imagens/btClose.gif) no-repeat right 0; margin-right:10px; *margin-top:-19px}
div#quickView div#images {float:left; width:235px}
div#images a#imgLink {display:block; height:202px; width:202px; margin:0 auto;}
div#images img#QImage {border:1px solid #9c9c9c}
div#images ul {margin-top:10px; text-align:center}
div#images ul li {display:inline; margin-right:3px}
div#images ul li a img{opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65)}
div#images ul li a:hover img{opacity:1; -moz-opacity: 1; filter: alpha(opacity=100)}
div#images ul li img{border:1px solid}
div#images a#goDetails {display:block; width:126px;height:28px;text-indent:-9000px;  background:url(../imagens/btVerMaisDetalhes.gif) no-repeat 0 0;margin:0 auto;}
div#quickView h4#QTitle {padding-right:15px; color:#737272; text-transform:none; font-weight:bold; margin-bottom:20px; position:static}
div#quickView a#QBtComprar {display:block; width:190px; height:54px; margin:15px auto 10px;}
div#quickView p.bottom {clear:both;height:25px; padding-top:10px; background: url(../imagens/bottom.gif) no-repeat 0 bottom; text-align:right;}
/******************/


/* CARROSSEL */

#carrossel {margin:0 43px}
#carrossel ul li {width:417px; margin-right:0; min-height:85px}
#carrossel ul li.esquerda {background: url(../imagens/borda-vert-carrossel.gif) right top repeat-y}
#carrossel ul li a {text-decoration:none}
#carrossel ul li a span {display:block; min-height:40px; padding:0 20px 10px 100px; text-align:left}
#carrossel ul li a:hover span {text-decoration:underline}
#carrossel ul li a strong {font-weight:normal}
#carrossel ul li a.vejaMais {margin-right:20px}
#carrossel ul li a img {float:left; margin:1px 0 0 11px}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0}
.jcarousel-list li, .jcarousel-item {list-style: none; float: left;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 252px; height: 65px;
	margin-left: 1px}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3; display: none}
.jcarousel-prev {z-index: 3; display: none}
.jcarousel-skin-tango{padding: 0 41px}
.jcarousel-skin-tango .jcarousel-container-horizontal {padding: 20px 0; width: 100%}	
.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 100%}
.jcarousel-skin-tango .jcarousel-item {text-align: center; height: 65px; margin-right: 5px; margin-left:-1px}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff; color: #000}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {cursor: pointer; background: url(../imagens/next.gif) no-repeat -116px 0; position: absolute; top: 42px; right: -39px; width: 34px; height: 35px}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -75px 0}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -40px 0}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: 3px 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal {cursor: pointer; background: transparent url(../imagens/prev.gif) no-repeat 0 0; position: absolute; top: 42px; left: -39px; width: 34px; height: 35px}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -41px 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -76px 0}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: -116px 0}
/******************/


/* MIDIAS SOCIAIS */
#tarjaEnd {background:#fff; vertical-align:middle; color:#FFCB8F; height:25px; padding:25px 43px}
#tarjaEnd h3 {float:left; padding:0}
#tarjaEnd ul {float:left}
#tarjaEnd ul li {float:left; margin-left:15px}
#tarjaEnd ul li a {background:url(../imagens/tag_midiasSociais.png); display:block; height:25px; text-indent:-9999px; width:25px}
#tarjaEnd ul li.tagdel a {background-position:0 -75px}
#tarjaEnd ul li.tagfac a {background-position:0 0}
#tarjaEnd ul li.taggob a {background-position:0 -100px}
#tarjaEnd ul li.tagliv a {background-position:0 -125px}
#tarjaEnd ul li.tagork a {background-position:0 -50px}
#tarjaEnd ul li.tagtwi a {background-position:0 -25px}

#tarjaEnd p {background:url(../imagens/ico_infoProduto.gif) left bottom no-repeat; float:right; height:15px; padding:0 0 0 20px}
#tarjaEnd p a {color:#5a6b80}
/******************/


/* TODAS AS LDs */
#lands {background:#efefef; font-size:10px; font-weight:bold; color:#333}
#lands ul, #lands p {width:1002px; margin:0 auto; padding:5px 0}
#lands p {text-transform:uppercase}
#lands ul li {display:inline}
#lands a {color:#080; text-decoration:none}
#lands a:hover {text-decoration:underline; color:#f80}

/* ADSENSE */
#adcontainer1 {padding:25px 40px}