/*

CSS layout produzido por:
Pedro Putz - www.putzdesign.net

Site:Eclectic Verão 2010
Produção: Nucleo I Designers Associados - www.nucleo-i.com.br

*/

/* Lista Produtos
--------------------------------------------------------------------------------------------*/
#divItens { width: 675px; }
#ulItens { list-style:none; padding-bottom:15px; width:649px; }
#ulItens li { float:left; margin:0 0 15px 0; padding:0 5px 15px 5px; position:relative; width:145px; }
/*#ulItens li.liDrop { padding:0 10px 15px 0; }*/
#ulItens li p { background:#ffffff url(../images/heartList.gif) no-repeat 3px 1px; color:#58595B; display:block; font-size:11px; font-weight:bold; padding:1px 5px 8px 23px; }
#ulItens li p { bottom:-5px; left:42px; position:absolute; }

#ulPages { clear:both; display:block; list-style:none; margin-left:275px; }
#ulPages li { color:#70777A; font-size:12px; font-weight:bold; float:left; margin-right:10px; }

#ulPages li.nextFake {display:block; height:16px; margin-right: 20px; width:7px;}
#ulPages li a.next {background:url(../images/previewSprite.gif) no-repeat 0 -91px; display:block; height:16px; margin-right: 20px; width:7px;}
#ulPages li a.prev {background:url(../images/previewSprite.gif) no-repeat -15px -91px; display:block; height:16px; margin-left: 20px; width:7px;}

/* Divs
--------------------------------------------------------------------------------------------*/
#divMenuProdutos {margin:35px 20px 0 40px;}
#divProdutos { background:url(../images/bgProdutos.gif) no-repeat; height:440px; margin-top:19px; padding:20px 0 0 20px; position:relative; width:649px; }

#divBox { height:445px; left:9px; position:absolute; top:9px; width:654px; z-index:50; }
#popinBox { background:#ffffff url(../images/popinBox.gif) no-repeat; left:167px; padding: 13px 36px 18px 27px; position: absolute; top:15px; z-index:80; }
#divSlider ul {list-style:none;}
#divSlider ul li { height:370px; overflow:hidden; position:relative; width:260px; }
#divSlider ul li p {background:#ffffff url(../images/previewSprite.gif) no-repeat 0 -47px; bottom:5px; color:#58595B; font-size:16px; font-weight:bold; height:31px; left:75px; padding:2px 5px 0 40px; position:absolute; z-index:90;}
#divSlider ul li small {bottom:7px; color:#58595B; font-size:9px; font-weight:bold; left:118px; position:absolute; z-index:90;}
/*#divSlider ul li img {border:1px solid #000;}*/

#divBackground { background-color:#ffffff; height:460px; left:0; position:absolute; top:0; width:669px; z-index:60; }

#bts { left:35px; position:absolute; top:355px; width:242px; z-index:90; }

#prevBtn,
#nextBtn,
#prevBtn a,
#nextBtn a { display:block; height:17px; overflow:hidden; text-indent:-500px; width:20px; }
#prevBtn { left:0; position:absolute; top:0; }
#nextBtn { position:absolute; right:0; top:0; }
#prevBtn a { background:#ffffff url(../images/previewSprite.gif) no-repeat; }
#nextBtn a { background:#ffffff url(../images/previewSprite.gif) no-repeat -22px 0; }

.close { height:20px; position:absolute; right:26px; top:18px; width:20px; z-index:100;}
.close a { background:url(../images/previewSprite.gif) no-repeat 0 -23px; display:block; height:20px;}