@charset "utf-8";

/*
	Juarez Venâncio
	Site: http://www.juarezvenancio.com
	Autor: Thiago Melo
	E-mail: falecom@thiagomelo.com
	Design e Desenvovimento da Interface: Thiago Melo
*/

/*..... Structure .....*/
* { margin:0; padding:0; border:none; }
html { overflow:-moz-scrollbars-vertical; }
body { margin:0 auto; font:12px/1.6em Arial, Tahoma, Verdana; background:#1E1E1E; color:#CCC; }
.wrap { width:778px; background:#000; margin:0 auto; }
.header { width:778px; height:80px; background:#FFF url(../imagens/bg_header.jpg) no-repeat; text-align:center; float:left; }
.animacao { width:778px; height:320px; background:url(../imagens/bg_animacao.jpg) no-repeat; float:left; }
.animacao_interna { width:778px; height:220px; background:url(../imagens/bg_animacao.jpg) no-repeat; float:left; }

.menu { width:778px; height:36px; background:url(../imagens/bg_menu.jpg) no-repeat; text-align:center; float:left; }
.content { width:738px; background:#000000 url(../imagens/bg_content.jpg) no-repeat top; padding:20px; float:left; }
.footer { width:778px; height:78px; background:#202020 url(../imagens/bg_footer.jpg) no-repeat; float:left; }
/*...................................................*/

/*..... Basics .....*/
p { margin:15px 0; }
.clique_quadros a { color:#FFFFFF; font-size:22px; font-weight:bold; text-decoration:none; margin-right:10px; }
/*...................................................*/

/*..... Titulos .....*/
h1 { font:21px/2em Georgia, "Trebuchet MS", Trebuchet; color:#FFF; }
h2 { font:12px/2em Georgia, "Trebuchet MS", Trebuchet; color:#B09F26; }
/*...................................................*/


/*..... Header .....*/
.header .site { position:absolute; margin-left:240px; top:0; }
.header .site a { width:278px; height:113px; background:url(../imagens/logomarca.gif) no-repeat; display:block; text-indent:-99999px; overflow:hidden; }
/*...................................................*/

/*..... Menu .....*/
.menu ul { margin-left:10px; }
.menu li { float:left; list-style-type:none; margin:10px; }
.menu li a {}
.menu li a:hover { border-bottom:3px solid #FFF; padding-bottom:1px; }

.menu .home a { width:33px; height:14px; background:url(../imagens/menu_home.gif) no-repeat; float:left; display:block; text-indent:-99999px; overflow:hidden; }
.menu .artista a { width:52px; height:14px; background:url(../imagens/menu_artista.gif) no-repeat; float:left; display:block; text-indent:-99999px; overflow:hidden; }
.menu .quadros a { width:47px; height:14px; background:url(../imagens/menu_quadros.gif) no-repeat; float:left; display:block; text-indent:-99999px; overflow:hidden; }
.menu .catalogos a { width:56px; height:15px; background:url(../imagens/menu_catalogos.gif) no-repeat; float:left; display:block; text-indent:-99999px; overflow:hidden; }
.menu .atelie a { width:35px; height:15px; background:url(../imagens/menu_atelie.gif) no-repeat; float:left; display:block; text-indent:-99999px; overflow:hidden; }
.menu .clipping a { width:47px; height:15px; background:url(../imagens/menu_clipping.gif) no-repeat; float:left; display:block; text-indent:-99999px; overflow:hidden; }
.menu .contato a { width:45px; height:14px; background:url(../imagens/menu_contato.gif) no-repeat; float:left; display:block; text-indent:-99999px; overflow:hidden; }

#artista .menu .artista a { border-bottom:3px solid #FFF; padding-bottom:1px; }
#quadros .menu .quadros a { border-bottom:3px solid #FFF; padding-bottom:1px; }
#catalogos .menu .catalogos a { border-bottom:3px solid #FFF; padding-bottom:1px; }
#atelie .menu .atelie a { border-bottom:3px solid #FFF; padding-bottom:1px; }
#clipping .menu .clipping a { border-bottom:3px solid #FFF; padding-bottom:1px; }
#contato .menu .contato a { border-bottom:3px solid #FFF; padding-bottom:1px; }
/*...................................................*/

/*..... Content .....*/
.home p { width:540px; }

ul.lista_clipping { margin-bottom:150px; }
.lista_clipping li { list-style-type:none; }
.lista_clipping li a { color:#FFF; text-decoration:none; }
.lista_clipping span { background:#FFF; color:#000; padding:1px 3px; margin-right:5px; }

#contato fieldset label { clear:both; display:block; }
#contato fieldset input { margin-bottom:10px; }
#contato fieldset .txtfield { background:#333; border-left:1px solid #000; border-top:1px solid #000; border-right:1px solid #1F1F1F; border-bottom:1px solid #1F1F1F; font:12px Arial; color:#FFF; padding:2px; }
#contato fieldset textarea { background:#333; border-left:1px solid #000; border-top:1px solid #000; border-right:1px solid #1F1F1F; border-bottom:1px solid #1F1F1F; font:12px Arial; color:#FFF; padding:2px; }
#contato fieldset .bt_enviar { background:#333; border:1px solid #666; color:#FFF; padding:3px 5px; display:block; margin-top:10px; cursor:pointer; font:12px Arial; }
#contato fieldset .bt_enviar:hover { background:#000; border:1px solid #666; color:#FFF; padding:3px 5px; display:block; margin-top:10px; cursor:pointer; font:12px Arial; }


.quadro { border:1px dashed #FFF; }
.quadro_display { display:none; }
.nome_quadro { color:#003399; }

.ultimo_paragrafo { margin-bottom:100px; }
/*...................................................*/

/*..... Footer .....*/
.footer .juarez { position:absolute; margin-left:574px; margin-top:-565px; }
.footer .copyright { margin:30px 0 0 20px; }
/*...................................................*/