/*

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

Site: Eclectic Verão 2010
Produção: Núcleo I Design - www.nucleo-i.com.br

*/

/* Seletor Geral e Tags HTML
-------------------------------------------------------------------------------------------*/
/* {border:1px solid #000;}*/
* { font-family:Arial, Verdana; margin:0 0 0 0; padding:0 0 0 0; text-decoration:none; }
body, html { height: 100%; width: 100% }
div { position:relative; }
img { border:0; }

/* Classes
--------------------------------------------------------------------------------------------*/
.center { display:block; margin:0 auto; }
.left { float:left; }
.right { float:right; }

.fotoProdutos { position:absolute; right:80px; top:30px; }

.ulHome {list-style:none; margin-top:2px;}
.ulHome li {float:left; margin-bottom:5px; position:relative;}
.ulHome li img {display:block; margin-bottom:5px;}
.ulHome li img.last {display:block; margin-bottom:0;}
.ulHome li#left {margin-right:5px;}
.ulHome li#news {background:url(../images/news.gif) no-repeat; height:99px; width:505px;}
.ulHome li#news form,
.ulHome li#news fieldset {border:0;}
.ulHome li#news form p {background-color:#ffffff; float:left; font-size:10px; font-weight:bold; margin:59px 0 0 92px; height:20px; padding:7px 5px 1px; width:375px;}
.ulHome li#news form p.pErro {background-color:#FFCC00; color:#FF0000; float:none; font-size:12px; font-weight:bold; left:200px; margin:0 0 0 0; height:auto; padding:7px 7px 7px 7px; position:absolute; top:20px; width:auto;}
.ulHome li#news form label {display:none;}
.ulHome li#news form input {border:0; float:left; margin:59px 0 0 92px; height:20px; padding:5px 5px 3px; width:310px;}
.ulHome li#news form input#ok {height:28px; margin:54px 0 0 5px; width:53px;}
.ulHome li#blueBox {background:url(../images/blueBox.gif) no-repeat; height:426px; margin-bottom:0; width:505px;}
.ulHome li#blueBox #look {margin-top:45px;}
.ulHome li#blueBox #weather {margin-top:40px;}
.ulHome li#blueBox #weather ul {list-style:none; margin-left:50px;}
.ulHome li#blueBox #weather ul li {color:#302765; font-size: 10px; font-weight:bold; margin-right:7px; text-align:center;}
.ulHome li#blueBox #weather ul li strong {font-size: 14px}
.ulHome li#blueBox #weather ul li h2 {font-size: 18px; margin-left:20px;}

/* Divs
--------------------------------------------------------------------------------------------*/
#divCenter { margin:0 auto; width:1000px; }
#divCenter div { float:left; }
#divHeader {float:left; width:1000px; z-index:50;}
#divContent {margin:-40px 0 0 17px; width:966px;}
#pg02 #divContent {margin:-40px 0 0 0; width:1000px;}
#pg03 #divContent {margin:-40px 0 0 24px;}
#pg04 #divContent {margin:-40px 0 0 24px;}
#pg05 #divContent {margin:0 0 0 24px;}
#divFooter {background:url(../images/footer.gif) no-repeat; height:50px; text-align:center; width:966px;}
#pg02 #divFooter {margin-left:17px;}
#divGota {background:url(../images/gotas.gif) no-repeat; bottom:50px; height:80px; position:absolute; right:35px; width:203px;}

.divClear { clear:both; width:100%; }
#imghome {background:url(../images/destaque.jpg) no-repeat; width:966px; height:469px;}

/* Menus
--------------------------------------------------------------------------------------------*/
#ulMenu { float:left; list-style:none; margin:84px 0 0 45px; }
/* #ulMenu { float:left; list-style:none; margin:10px 0 0 50px; } */
#ulMenu li { float:left; }
#ulMenu li a { background:url(../images/header.png) no-repeat; display:block; height:14px; margin-left:17px; overflow:hidden; text-indent:-5000px; }
#ulMenu li a.first { margin-left:0; }

#ulMenu li a.bt01:link,
#ulMenu li a.bt01:visited { background-position:-4px -163px; width:72px; } /* Produtos */
#ulMenu li a.bt02:link,
#ulMenu li a.bt02:visited { background-position:-88px -163px; width:80px; } /* Lookbook */
#ulMenu li a.bt03:link,
#ulMenu li a.bt03:visited { background-position:-178px -163px; width:38px; } /* Lojas */
#ulMenu li a.bt04:link,
#ulMenu li a.bt04:visited { background-position:-228px -163px; width:102px; } /* Contato */
#ulMenu li a.bt05:link,
#ulMenu li a.bt05:visited { background-position:-343px -163px; width:95px; } /* Multimarcas */
#ulMenu li a.bt06:link,
#ulMenu li a.bt06:visited { background-position:-450px -163px; width:37px; } /* Blog */

#ulMenu li a.bt01:hover,
#pg01 #ulMenu li a.bt01:link,
#pg01 #ulMenu li a.bt01:visited { background-position:-4px -177px; }
#ulMenu li a.bt02:hover,
#pg02 #ulMenu li a.bt02:link,
#pg02 #ulMenu li a.bt02:visited { background-position:-88px -177px; }
#ulMenu li a.bt03:hover,
#pg03 #ulMenu li a.bt03:link,
#pg03 #ulMenu li a.bt03:visited { background-position:-178px -177px; }
#ulMenu li a.bt04:hover,
#pg04 #ulMenu li a.bt04:link,
#pg04 #ulMenu li a.bt04:visited { background-position:-228px -177px; }
#ulMenu li a.bt05:hover,
#pg05 #ulMenu li a.bt05:link,
#pg05 #ulMenu li a.bt05:visited { background-position:-343px -177px; }
#ulMenu li a.bt06:hover,
#pg06 #ulMenu li a.bt06:link,
#pg06 #ulMenu li a.bt06:visited { background-position:-450px -177px; }

/* Forms
--------------------------------------------------------------------------------------------*/
img.sideForm {margin:12px 15px 0 0;}
form.cadCon {float:left; margin:0 0 20px 0; position:relative; width:520px;}
form.cadCon fieldset { border:0; background-color:#C7EAFB; padding-bottom:10px; width:520px;}
form.cadCon fieldset p.pErro {background-color:#FFCC00; color:#FF0000; font-size:12px; font-weight:bold; left:200px; margin:3px 0 5px 0; height:auto; padding:7px 7px 7px 7px; width:auto;}
form.cadCon fieldset label {display:block; float:left; font-size:12px; font-weight:bold; margin:0 0 5px 40px; text-transform:uppercase;}
form.cadCon fieldset.contato label {color:#F48E1F;}
form.cadCon fieldset.eclub label {color:#EA2047;}
form.cadCon fieldset label input,
form.cadCon fieldset label textarea { background:#ffffff; border:0; display:block; font-size:11px; padding:3px; width:400px; }
form.cadCon fieldset label.right {float:left; margin: 0 0 5px 24px;}
form.cadCon fieldset label input.short,
form.cadCon fieldset label textarea.short { width:185px; }
form.cadCon fieldset input#image { position:absolute; bottom:14px; right:25px; }
form.cadCon fieldset input#imageConMulti { position:absolute; bottom:40px; right:25px; }
form.cadCon fieldset h4 { color:#F48E1F; margin-left:40px; }
form.cadCon fieldset p { font-size:12px; margin-left:40px; }
form.cadCon fieldset p.blue { clear:both; color:#58B7DD; font-weight:bold; margin:5px 0 10px 40px; }

/* Image Replacement
--------------------------------------------------------------------------------------------*/
.imgReplace { display:block; overflow:hidden; text-indent:-5000px; }

.liquidacao {background:url(../images/liquidacao.gif) no-repeat; float:left; height:31px; margin:43px 0 0 147px; width:302px;}
.logo { float:left; width:428px; }
.logo a { background:url(../images/header.png) no-repeat; display:block; float:left; height:139px; margin-top:5px; width:428px; }
.radio { background:url(../images/btPlayer.gif) no-repeat; display:block; float:left; height:20px; position:absolute; right: 17px; top:10px; width:75px; }
.titContato { background:url(../images/titContato.gif) no-repeat; height:38px; width:520px; }
.titEclub { background:url(../images/titEClub.gif) no-repeat; height:64px; margin-bottom:-15px; width:520px; }
.titConMulti { background:url(../images/titContatoMulti.gif) no-repeat; height:38px; width:520px; }
.titCadMulti { background:url(../images/titCadastroMulti.gif) no-repeat; height:38px; width:520px; }