﻿@charset "utf-8";
/* CSS criada por OG Artes Gráficas em 06-2009 */

/* CONFIGURACOES GERAIS */
html, body	{margin:0; padding:0; color:#FFF; font-size:10pt; font-family:Verdana,Arial,sans-serif; line-height:1.2em; background:#000 url(i/fundo.jpg) no-repeat 0 0 fixed; text-align:left;}
* div	{display:block; margin:0; padding:0; border:0;}
* h1, * h2, * h3	{font-weight:bold;}
* img	{border:none;}
* a, * a:link, * a:active, * a:visited	{color:#6ea6d6;}
* a:hover	{color:#61d479;}
* p	{margin:0 0 0.8em; padding:0; line-height:1.4em;}


/* BACKGROUNDS */
#tudo	{position:relative; margin:0; padding:142px 0 0; width:970px; text-align:left;}
#fundo_hover_transp	{position:fixed; top:0; z-index:999;}
* html #fundo_hover_transp	{position:absolute;}

#conteudo_top		{background:url(i/conteudo_fundo_sombra_top.png) repeat-x 0 0; position:relative; margin:0 90px 0 232px; width:648px; height:8px;}
#conteudo_top_left	{background:url(i/conteudo_fundo_sombra_top_left.png) no-repeat; width:8px; height:8px; position:absolute; left:-8px; top:0;}
#conteudo_top_right	{background:url(i/conteudo_fundo_sombra_top_right.png) no-repeat; width:8px; height:8px; position:absolute; right:-8px; top:0;}
#conteudo_left		{background:url(i/conteudo_fundo_sombra_left.png) repeat-y 0 0; margin:0 82px 0 224px; width:664px;}
#conteudo_right		{background:url(i/conteudo_fundo_sombra_right.png) repeat-y 100% 0; width:664px;}
#conteudo			{padding:60px 20px 20px 30px; margin:0 8px; width:598px; min-height:350px; background:url(i/conteudo_fundo_area.png);}
#conteudo_bottom	{background:url(i/conteudo_fundo_sombra_bottom.png) repeat-x 0 100%; position:relative; margin:0 90px 0 232px; width:648px; height:8px; z-index:2;}
#conteudo_bottom_left	{background:url(i/conteudo_fundo_sombra_bottom_left.png) no-repeat; width:8px; height:8px; position:absolute; left:-8px; top:0;}
#conteudo_bottom_right	{background:url(i/conteudo_fundo_sombra_bottom_right.png) no-repeat; width:8px; height:8px; position:absolute; right:-8px; top:0;}


/* TEXTO PRINCIPAL */
#colunaprincipal {width:320px; float:left;}
#colunaprincipal p.destaque	{color:#9ab8d4; text-align:right; font-style:italic; font-family:"Times New Roman", Times, serif; font-size:1.4em; margin-bottom:1.5em;}
#colunaprincipal p.first:first-letter {font-size:3.3em; line-height:0.7em; color:#9ab8d4; float:left; margin:0 0.15em 0 0; padding:0; font-family:"Times New Roman", Times, serif;}


/* EXTRA */
#colunaextra {width:252px; float:left; margin-left:6px; padding-left:20px; color:#919191;}
#colunaextra img	{border:1px solid #4d555d; padding:0; margin:0;}
#colunaextra .extra_quadro	{background:url(i/extra_tit_fundo.png) no-repeat; margin:0 0 0 -20px; padding:15px 0 0 20px;}
* html #colunaextra .extra_quadro	{padding-top:30px;}
#colunaextra h2	{font-weight:bold; font-size:1.1em; padding:0 0 0 5px;}
#colunaextra p	{padding:0 0 0 15px; line-height:1.3em;}


/* GALERIA */
#galeria	{width:598px; margin:0; padding:0;}
#galeria .imagem	{display:block; width:279px; float:left; text-align:center; padding:10px;}
#galeria .imagem.alta	{width:191px; padding:4px;}
#galeria .imagem a img	{border:1px solid #555; padding:2px; opacity:.65; filter:alpha(opacity=65); -moz-opacity:0.65;}
#galeria .imagem a:hover img	{border:1px solid #333; padding:1px; margin:1px; opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0;}
#galeria h2	{clear:both; display:block; font-weight:bold; font-size:1.1em; width:598px; height:56px; margin:0 0 0 -20px; padding:40px 0 0 35px; background:url(i/extra_tit_fundo.png) no-repeat;}
#galeria h2 span	{font-size:0.8em; display:block; font-weight:normal;}

/* MENU */
#menu	{position:fixed; top:317px; margin:0 0 0 102px; text-align:center; width:125px; padding:0;}
* html #menu	{position:absolute;}
#menu a	{display:block; position:relative;}
#menu a span	{display:none;}
#menu a#index	{margin:0 0 3px;}
#menu a#ilustracao	{margin:0 14px 5px 16px;}
#menu a#escultura	{margin:0 15px 8px 17px;}
#menu a#outros	{margin:2px 28px 0 30px;}
#menu a:hover span, #menu a.active span	{display:block; position:absolute; cursor:pointer;}
#menu a#index:hover span, #menu a#index.active span	{background:url(i/menu_apresentacao_hover.jpg); width:125px; height:31px;}
#menu a#ilustracao:hover span, #menu a#ilustracao.active span	{background:url(i/menu_ilustracao_hover.jpg); width:95px; height:29px;}
#menu a#escultura:hover span, #menu a#escultura.active span	{background:url(i/menu_escultura_hover.jpg); width:93px; height:26px;}
#menu a#outros:hover span, #menu a#outros.active span	{background:url(i/menu_outros_hover.jpg); width:67px; height:25px;}


/* RODAPE */
#rodape	{position:relative; margin:0 63px 0 224px; width:683px; height:70px; z-index:1;}
* html	#rodape	{ margin-right:61px; width:685px;}
#og	{position:absolute; float:right; width:168px; height:70px; right:0; top:-20px; overflow:hidden;}
#og a	{cursor:pointer;}
#og a:hover span	{display:block; position:absolute; background:url(i/og_artegraficas_hover.png); width:168px; height:70px;}
#copyright	{position:relative; float:left; padding:0 0 0 10px; height:20px; color:#35424a;}
#copyright a, #copyright a:link, #copyright a:active, #copyright a:visited, #copyright a:hover	{color:#35424a; text-decoration:none;}

.mouseovertooltips	{position:absolute; visibility:hidden; z-index:99; margin:0 0 0 90px; width:630px; padding:18px; background:#050509; border:1px solid #555; color:#999; font-size:0.9em;}
.mouseovertooltips p	{margin:0; padding:0 0 0.4em 0;}
.mouseovertooltips p b	{color:#FFF;}