/* geral */
* { margin:0px; padding:0px; }
body { background-color:#ccc4a0; }
img { display:block; }
a, a:visited { color:#996633; outline:none; }
a:hover { color:#663300; }
.left { float:left; display:inline; }
.right { float:right; display:inline; }
.clear { clear:both; }

#header { width:772px; height:112px; margin:auto; position:relative; z-index:2; }
#header h1 { position:absolute; z-index:2; top:37px; left:68px; }
#header h1 a { display:block; width:85px; height:165px; overflow:hidden; background:url(../_img/logo.jpg); text-indent:-999em; }

#menu { position:absolute; z-index:1; top:0px; left:0px; width:772px; height:112px; background:url(../_img/menu.gif); }
#menu ul { list-style:none; }
#menu ul li a { display:block; height:62px; position:absolute; top:37px; text-indent:-999em; }
#m1 a { background:url(../_img/menu.gif) -179px -37px; left:179px; width:99px; }
#m1 a:hover, #m1 a.active { background-position:-179px -149px; }
#m2 a { background:url(../_img/menu.gif) -278px -37px; left:278px; width:121px; }
#m2 a:hover, #m2 a.active { background-position:-278px -149px; }
#m3 a { background:url(../_img/menu.gif) -399px -37px; left:399px; width:97px; }
#m3 a:hover, #m3 a.active { background-position:-399px -149px; }
#m4 a { background:url(../_img/menu.gif) -496px -37px; left:496px; width:134px; }
#m4 a:hover, #m4 a.active { background-position:-496px -149px; }
#m5 a { background:url(../_img/menu.gif) -630px -37px; left:630px; width:122px; }
#m5 a:hover, #m5 a.active { background-position:-630px -149px; }

#geral { width:740px; padding:0px 16px; margin:auto; min-height:378px; height:auto !important; height:378px; background:#F4F4F4 url(../_img/bg-geral.gif); }
#geral div.content { min-height:315px; height:auto !important; height:315px; font:12px Tahoma, Verdana, Arial; padding:10px 30px 30px 177px; background:url(../_img/bg-content.gif) no-repeat; }
#geral div.content ul { padding-left:16px; }

#geral #foto-content { position:relative; }
#geral #foto-content a { position:absolute; top:122px; left:11px; padding:9px 11px 11px 9px; background:url(../_img/bg-foto-content.gif); }
#geral #foto-content img { border:0px; }

#principal { position:relative; z-index:1; }
#principal #transparencia { position:absolute; top:302px; left:0px; width:740px; height:76px; background-color:#000000; opacity:0.80;filter:alpha(opacity=80); }
#principal #info { position:absolute; top:302px; left:0px; width:700px; height:64px; padding:6px 20px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; }
#principal #info div.left h1 { font-size:30px; font-weight:normal; margin-bottom:-3px; }
#principal #info div.left { font-size:11px; }
#principal #info div.right { font-size:10px; }
#principal #info ul { padding-left:16px; }
#principal #info ul.left { float:left; display:inline; margin-right:20px; }
#principal #info div.vendido { font:bold 20px Arial, Helvetica, sans-serif; padding-top:7px; position:relative; width:121px; height:90px; padding-top:31px; text-align:center; background:url(../_img/vendido.png); top:-28px; left:0px; text-indent:-999em; float:inherit; }
#principal #info div.vendidoie6 { font:bold 20px Arial, Helvetica, sans-serif; padding-top:7px; position:relative; width:121px; height:90px; padding-top:31px; text-align:center; float:inherit; display:inherit; top:-28px; left:0px; text-indent:-999em; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_img/vendido.png', sizingMethod='scale'); }
#principal #info div.vendido span { position:absolute; display:block; width:121px; height:121px; }
#principal a.voltar { display:block; width:118px; height:26px; margin:0px 0px 15px 20px; background:url(../_img/bt-voltar.gif); text-indent:-999em; }


#destaques { min-height:135px; height:auto !important; height:135px; background:url(../_img/bg-destaques.jpg); padding-left:5px; }
#destaques div.left a { display:block; width:100px; height:100px; padding:5px; float:left; margin:13px 0px 0px 10px; }
#destaques div.left a:hover { background:url(../_img/bg-thumb.png); }
#destaques div.left img { width:96px; height:96px; border:2px solid #FFFFFF; float:left; display:inline; }

#endereco { width:740px; height:135px; overflow:hidden; background:url(../_img/bg-endereco.jpg); position:relative; }
#endereco div { position:absolute; top:150px;}

#footer{ width:740px; padding:10px 16px 0px 16px; margin:auto; height:20px; overflow:hidden; background:url(../_img/bg-footer.gif); font:9px Tahoma, Verdana, Arial; color:#666633; }
#footer a { color:#666633; }


/* titulos */
#geral div.content h1 { display:block; height:105px; text-indent:-999em; margin-left:200px; margin-bottom:10px; background-position:center; background-repeat:no-repeat; }
h1.empresa { background-image:url(../_img/tt-empresa.gif); }
h1.lancamentos { background-image:url(../_img/tt-lancamentos.gif); }
h1.portfolio { background-image:url(../_img/tt-portfolio.gif); }
h1.vendas { background-image:url(../_img/tt-vendas.gif); }
h1.contato { background-image:url(../_img/tt-fale-conosco.gif); }


/* contato */
input, textarea, select { width:200px; border:1px solid #666666; margin-bottom:10px; font:11px Arial, Helvetica, sans-serif; padding:4px; }
textarea { width:430px; overflow:auto; }
select { padding:3px 2px 3px 0px; }
input.button { font-weight:bold; }

/* portfolio */
#maisinfo { padding:20px 10px 20px 20px; }
#maisinfo div.fotos { float:left; width:360px; }
#maisinfo div.fotos h1 { background:url(../_img/t-fotos.gif); width:189px; height:37px; overflow:hidden; text-indent:-999em; margin-bottom:10px; }
#maisinfo div.fotos div.item { float:left; display:inline; width:100px; height:100px; margin:0px 10px 10px 0px; padding:5px; background:#FFFFFF url(../_img/bg-foto.gif); }
#maisinfo div.fotos div.itemhover { background-color:#A0050B; background-image:none;  }
#maisinfo div.fotos div.item a { display:block; width:100px; height:100px; overflow:hidden; position:relative; }
#maisinfo div.fotos div.item a img { float:left; display:inline; border:0px; position:absolute; }
#maisinfo div.fotos div.item a img.horizontal { left:-25px; }
#maisinfo div.fotos div.item a img.vertical { top:-25px; }

#maisinfo div.fotos div.item a.ie6 { position:static; }
#maisinfo div.fotos div.item a.ie6 img { position:static; }

#maisinfo div.video h1 { background:url(../_img/t-video.gif) 11px 0px no-repeat; width:228px; height:37px; overflow:hidden; text-indent:-999em; margin-bottom:8px; }
#maisinfo div.video #video-content { width:330px; height:238px; padding:9px 0px 9px 9px; float:right; position:relative; background:#FFFFFF url(../_img/bg-video.gif); font:12px Tahoma, Verdana, Arial; }
#maisinfo div.video #video-content img { width:320px; height:238px; position:absolute; border:0; }

#maisinfo div.planta { float:right; width:324px; height:79px; overflow:hidden; padding:7px; background:#FFFFFF url(../_img/bg-planta.gif); }
#maisinfo div.planta a { display:block; width:324px; height:79px; overflow:hidden; background-position:center center; }
#maisinfo div#planta { margin:30px 0px; display:none; }
#maisinfo div#planta a { font:12px Tahoma, Verdana, Arial; }

ul.portfolio { list-style-type:none; }
ul.portfolio li { position:relative; display:block; width:100px; height:100px; padding:5px; float:left; margin:0px 10px 10px 0px; background:url(../_img/bg-foto.gif); }
ul.portfolio li a, ul.portfolio li a:visited { display:block; width:100px; height:17px; padding:83px 0px 0px 0px; overflow:hidden; color:#FFFFFF; text-decoration:none; font:bold 11px Arial, Helvetica, sans-serif; }
ul.portfolio li a span, ul.portfolio li a:visited span { position:absolute; top:85px; left:5px; display:block; width:97px; height:17px; padding:3px 0px 0px 3px; background-color:#000000; opacity:0.75;filter:alpha(opacity=75); }
ul.portfolio li a:hover span { color:#FFFFFF; background-color:#A1040B; opacity:1.00;filter:alpha(opacity=100); }

ul.portfolio li.grazia a { background:url(../_img/_resize.php?tam=160&foto=grazia/grazia-1.jpg) center; }
ul.portfolio li.san-marcus a { background:url(../_img/_resize.php?tam=160&foto=san-marcus/san-marcus-1.jpg) center; }
ul.portfolio li.perola a { background:url(../_img/_resize.php?tam=160&foto=perola/perola-1.jpg) center; }
ul.portfolio li.cristal3 a { background:url(../_img/_resize.php?tam=160&foto=cristal3/cristal3-1.jpg) center; }
ul.portfolio li.cristal2 a { background:url(../_img/_resize.php?tam=160&foto=cristal2/cristal2-1.jpg) center; }
ul.portfolio li.cristal1 a { background:url(../_img/_resize.php?tam=160&foto=cristal1/cristal1-1.jpg) center; }
ul.portfolio li.fortunata a { background:url(../_img/_resize.php?tam=160&foto=fortunata/fortunata-1.jpg) center; }
ul.portfolio li.imperatriz a { background:url(../_img/_resize.php?tam=160&foto=imperatriz/imperatriz-1.jpg) center; }
ul.portfolio li.joao-pessoa a { background:url(../_img/_resize.php?tam=160&foto=joao-pessoa/joao-pessoa-1.jpg) center; }
ul.portfolio li.safira a { background:url(../_img/_resize.php?tam=160&foto=safira/safira-1.jpg) center; }

div.portfolio ul.portfolio li.lancamento { display:none; }

/* lancamentos */
ul.lancamentos { list-style-type:none; }
ul.lancamentos li { position:relative; display:block; width:100px; height:100px; padding:5px; float:left; margin:0px 10px 10px 0px; background:url(../_img/bg-foto.gif); }
ul.lancamentos li a, ul.lancamentos li a:visited { display:block; width:100px; height:17px; padding:83px 0px 0px 0px; overflow:hidden; color:#FFFFFF; text-decoration:none; font:bold 11px Arial, Helvetica, sans-serif; }
ul.lancamentos li a span, ul.lancamentos li a:visited span { position:absolute; top:85px; left:5px; display:block; width:97px; height:17px; padding:3px 0px 0px 3px; background-color:#000000; opacity:0.75;filter:alpha(opacity=75); }
ul.lancamentos li a:hover span { color:#FFFFFF; background-color:#A1040B; opacity:1.00;filter:alpha(opacity=100); }

ul.lancamentos li.grazia a { background:url(../_img/_resize.php?tam=160&foto=grazia/grazia-1.jpg) center; }
ul.lancamentos li.laribera a { background:url(../_img/_resize.php?tam=160&foto=laribera/laribera-1.jpg) center; }
#texto { font:12px Tahoma, Verdana, Arial; float:right; display:inline; margin:65px 20px 0px 0px; width:320px; }
