body{margin:0;background:#000;font-family:Arial,Helvetica,sans-serif;font-size:100.01%;background:#000 url(../img/background_petite.jpg);background-position:center top; background-repeat:no-repeat; width:100%;z-index:0}
img{border:0}
#tudo{
width: 855px; position:relative; float:right; top:0; height:auto;
}
#abertura{background:#000;padding:7px;
border:2px dashed #666;float:left; position:relative; 
top:20px;width:250px;text-align:justify;
color:#fff;font-size:16px;line-height:120%;z-index:1}
#abertura p{margin:15px 0 15px 0}



#logo_dress{width:580px;float:right; margin-bottom:20px; height:300px; text-align:center;}

#logo{width:194px; height:234px;background:url(../img/logo.png); position:relative; margin: 0 auto; margin-top:20px; margin-bottom:15px;}

#address{background:url(../img/address.png);width:580px; height:32px;z-index:2}
#men{float:right;top:0; width:580px; }


#galeria{float:left;width:260px;height:1330px;padding:10px;background:#000;position:}
#galeria h3,#acervo h3{color:#fff; font-weight:900; font-size:20px; margin:20px 0 20px 0}
#galeria ul{list-style-type:none;display:inline;text-align:center}
#galeria ul li{margin-top:10px;border:2px dashed #666}

/*PAGINA ACERVO*/
#cabecalho_acervo{
float:right;width:855px; height:300px;
}



#acervo{float:right;width:260px;background:url(../img/transparencia.png);padding:10px;margin-right:5px;position:relative;}
#acervo ul{list-style-type:none;list-style:none;text-align:left}
#acervo ul li{margin-bottom:7px; margin-left:20px}
#acervo ul li a:link,#acervo ul li a:visited,#acervo ul li a:active{color:#fff;text-decoration:none}
#acervo ul li a:hover{background:lime; padding:3px; color:#000; font-weight:700}

#voltar{position:absolute;top:200px;right:750px}
#logo_acervo{position:absolute;width:194px; height:234px;position:absolute;top:20px; right:193px;background:url(../img/logo.png);}
#artista{background:#000;padding:40px;border:2px dashed #666;position:absolute;right:430px;top:100px;width:auto;text-align:justify;color:#fff;z-index:1}
#artista h1{font-size:200%}
#abertura h1{color:#eee}





.artepg a:link,.artepg a:visited,.artepg a:active{color:#fff}
.artepg a:hover{padding:3px; font-weight:700; background:lime; color:#000}
.imgcelso{float:left; margin-right:5px; margin-bottom:10px; border:solid 1px #fff}
/*MENU INDEX*/#menu{position:absolute;right:855px;top:300px;width:31px; height:452px;border-top:2px dashed #666;border-left:2px dashed #666;border-bottom:2px dashed #666;background:url(../img/transparencia.png)}
#menu .menu_petite a{width:31px; height:162px;display:block;background:url(../img/menu/petite.png)}
#menu .menu_petite a:hover{width:31px; height:162px;display:block;background:url(../img/menu/petite_on.png)}
#menu .menu_contato a{width:31px; height:100px;display:block;background:url(../img/menu/contato.png)}
#menu .menu_contato a:hover{width:31px; height:100px;display:block;background:url(../img/menu/contato_on.png)}
#menu .menu_artepg a{float:left;width:31px; height:85px;background:url(../img/menu/artepg.png)}
#menu .menu_artepg a:hover{width:31px; height:85px;background:url(../img/menu/artepg_on.png)}
#menu .menu_designer a{float:left;width:31px; height:105px;background:url(../img/menu/designer.png)}
#menu .menu_designer a:hover{width:31px; height:105px;background:url(../img/menu/designer_on.png)}
/*FINAL MENU INDEX*/

/*contato*/#opaco{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;margin:0;padding:0;width:100%; height:100%;
z-index:24;display:none;background:#000;opacity:.90;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9}
#form_contato{color:#fff;position:absolute;top:200px; right:300px;width:390px;height:400px;background:#000;z-index:25}
#form_contato fieldset{width:350px}
#form_contato fieldset label{font-weight:700; padding:5px; width:350px; display:block;}
#form_contato fieldset legend{font-weight:700; color:orange;}
#frm_contato #mensagem{width:350px; height:200px;color:red; font-weight:700; font-size:14px}
#frm_contato input[type=text]{width:350px;color:red; font-weight:700; font-size:14px}
#frm_contato fieldset legend{font-weight:700; color:orange;}
#frm_contato fieldset label{font-weight:700; padding:5px; width:350px; display:block;}
.exit{float:right;font-weight:700; color: red; margin-right:30px}
#email_enviado{position:absolute;top:0;right:300px;width:200px;padding:20px;background:red;border:2px dashed #fff;display:none;color:#fff; font-size:14px; font-weight:700;z-index:27}

/*IMAGENS DO ACERVO*/
#quadros{float:left;border:2px dashed #666;width:550px; height:100%;position:relative; padding-bottom:20px;}
#borda{float:left;width:165px;height:260px;margin:8px}
.tabela{text-align:center;width:165px;height:223px;display:table}
.celula{display:table-cell;vertical-align:middle}
#borda .info_imagem{background:#dfdfdf;font-size:11px;width:161x; padding:3px;display:block;line-height:1.3em}
#afoto a{font-size:0}
#afoto img{border:none}
/*.imagem_info{background:#dfdfdf;font-size:11px;width:194px; padding:3px;display:block}*/
/*FINAL DAS IMAGENS DO ACERVO*/

/*RODAPÉ*/
#rodape{
margin-top:30px;
padding:20px; 
border:#666 2px dashed;
right:3px; width:810px;
text-align: center; color:#fff;font-size:1em; line-height:120%;
float:right; position:relative;
}

#rodape .titulo{
font-size:1.5em; font-weight: 700; letter-spacing: 0.2em;
}

#rodape .designer{
font-size: 0.7em; letter-spacing: 0.2em;
}

#rodape .designer a{
color:#fff; text-decoration:none; 
}

#rodape .designer a:hover{
background:lime; color:#004001; padding:5px; 
}
/*FINAL DO RODAPÉ*/
.clear{clear:both;}


.celso_mail a{
color:#fff; text-decoration:none; 
}

.celso_mail a:hover{
background:lime; color:#004001; padding:5px; 
}