@charset "UTF-8";
/* MISC ********** */
.clear      { clear:both; }
.fr         { float:right; }
.fl         { float:left;  }
.btn        { -moz-border-radius:3px; background:url(../img/bg_btn.gif) left top repeat-x; color:#FFF !important; display:block; font-size:11px; height:13px; padding:4px 3px; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:middle; }
.btn:hover  { background:url(../img/bg_btn.gif) left bottom repeat-x; text-decoration:none !important; }
.btn-entrar { width:50px; }
form,
fieldset { border:none; margin:0; padding:0; }
legend   { display:none; }
hr       { border:1px solid #F2F2F2; clear:both; display:block; height:1px; margin:0 0 15px 0; padding:0; width:100%; }





/* GERAL ********** */
body   { background:#C7C7C7 url(../img/bg.gif) repeat-x left top; color:#000; font:12px "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif; text-align:center; }
.geral { margin:0 auto; text-align:left; width:780px; }





/* TOPO ********** */
.topo      { float:left; height:165px; position:relative; width:780px; }
.topo h1   { display:block; float:left; height:156px; margin-top:9px; width:255px; }
.topo h1 a { background:url(../img/marca_gngfundacoes.png) no-repeat; display:block; height:156px; overflow:hidden; text-indent:-666666px; width:255px; }
.topo ul            { bottom:-1px; float:left; height:85px; position:absolute; right:0; width:525px; }
.topo ul li         { display:inline; float:left; height:85px; width:131px; }
.topo ul li a       { background-position:left bottom; background-repeat:no-repeat; color:#1F1A17; cursor:pointer; display:block; float:left; height:85px; text-align:center; text-indent:-666666px; text-decoration:none; text-transform:uppercase; width:131px; }
.topo ul li a:hover { background-position:right bottom; text-indent:0; }
.topo ul li a.menu-home       { background-image:url(../img/bg_menu_home.png); }
.topo ul li a.menu-relatorios { background-image:url(../img/bg_menu_relatorios.png); }
.topo ul li a.menu-links      { background-image:url(../img/bg_menu_links.png); }
.topo ul li a.menu-contato    { background-image:url(../img/bg_menu_contato.png); }

/* MENU ********** */
#menu { background:#FFF; border-bottom:21px solid #1F1A17; float:left; height:240px; width:780px; }





/* MEIO ********** */
.meio    { background:url(../img/bg_meio.gif) repeat-y; float:left; padding:25px 0; width:780px; }

/* MEIO -> SIDEBAR */
.sidebar    { float:left; margin-right:20px; padding:0 15px; width:225px; }

/* SIDEBAR -> LOGIN */
.sidebar form       { margin-bottom:25px; width:225px; }
.sidebar form label { color:#000; display:block; float:left; font-size:12px; padding:2px 0; text-transform:uppercase; width:43px }
.sidebar form input { background:#FFF; border:none; display:block; margin-bottom:10px; float:left; padding:2px; width:178px; }
/* SIDEBAR -> NOTICIAS */
.sidebar h2 { background:url(../img/ico_seta.gif) no-repeat left top; clear:both; color:#696969; display:block; font-size:14px; margin-bottom:15px; text-indent:20px; text-transform:uppercase; }
.sidebar p  { font-size:12px; margin-bottom:20px; }
.sidebar ul { float:left; width:225px; }
.sidebar li { color:#A11D27; display:block; float:left; font-weight:bold; padding-bottom:20px; width:225px; }
.sidebar a  { color:#292929; font-weight:normal; display:block; text-decoration:none; }
.sidebar a:hover { text-decoration:underline; }

/* MEIO -> CONTEUDO */
.conteudo             { display:block; float:left; position:relative; width:487px; }
.conteudo h2          { background:url(../img/ico_seta.gif) no-repeat left top; border-bottom:1px solid #C9C9C9; color:#696969; font-size:14px; margin-bottom:15px; padding-bottom:15px; text-indent:20px; text-transform:uppercase; }
.conteudo h3          { color:#A11D27; font-size:14px; }
.conteudo a           { color:#A11D27; text-decoration:none; }
.conteudo a:hover     { text-decoration:underline; }
.conteudo p           { font-size:12px; line-height:18px; margin-bottom:15px; }
.conteudo p.serif     { font:italic 12px Georgia, "Times New Roman", Times, serif; }
.conteudo p.highlight { color:#A11D27; font:italic 14px Georgia, "Times New Roman", Times, serif; }
.conteudo ul          { margin-bottom:15px; }
.conteudo li          { margin-bottom:5px; list-style:inside square; }
.conteudo img         { border:1px solid #CCC; float:left; margin:0 10px 10px 0; padding:3px; }
/* CONTEUDO -> MAIS INFORMACOES */
.mais-info            { float:left; margin:0 0 5px 0; }
.mais-info li         { display:inline; float:left; padding-right:5px; vertical-align:bottom; }
.mais-info li a       { background-repeat:no-repeat; display:block; float:left; height:16px; overflow:hidden; text-indent:-666666px; width:16px; }
.mais-info li a.pdf   { background-image:url(../img/ico/page_white_acrobat.png); }
.mais-info li a.ytb   { background-image:url(../img/ico/film.png); }
/* CONTEUDO -> GALERIA */
.galeria            { float:left; margin:0; width:100%; }
.galeria li         { display:inline; float:left; list-style-type:none; margin:0 2px 2px 0; padding:0; }
.galeria li a img   { border:none; display:block; float:left; margin:0; padding:0; }
.galeria li a       { border:1px solid #CCC; display:block; float:left; height:50px; overflow:visible; margin:0; padding:3px; width:50px; }
.galeria li a:hover { border:1px solid #999; }
/* RELATORIOS */
.relatorios      { clear:both; display:block; float:left; margin-bottom:50px !important; width:487px; }
.relatorios li   { display:block; float:left; font-size:18px; padding:10px 0; }
.relatorios li a { background:url(../img/ico/ico_download.png) no-repeat left center; border-right:1px solid #C9C9C9; color:#A11D27; font-size:18px; margin-right:10px; padding:3px 10px 3px 34px; text-decoration:none; text-transform:uppercase; }
/* RELATORIOS */
.conteudo table       { border-collapse:collapse; padding:0; width:487px; }
.conteudo table thead { display:none; }
.conteudo table tbody { width:487px; }
.conteudo table img   { border:none; text-align:center; }
.conteudo table tr    { text-align:center; vertical-align:middle; width:162px; }
/* CONTEUDO -> CATALOGOS */
.catalogo { margin-bottom:30px; }
/* CONTEUDO -> FORM */
.conteudo form          { margin-bottom:25px; width:100%; }
.conteudo form p        { border-bottom:1px solid #C9C9C9; display:block; float:left; line-height:14px; margin:0; padding:10px 0; width:100%; }
.conteudo form label    { color:#000; display:block; float:left; font-size:12px; margin:0; padding:2px 0; text-transform:uppercase; width:95px }
.conteudo form input    { background:#CCC; border:none; display:block; float:left; margin:0; padding:2px; width:250px; }
.conteudo form select   { display:block; float:left; }
.conteudo form textarea { background:#CCC; border:none; display:block; float:left; font:12px "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif; height:100px; margin:0; overflow:auto; padding:2px; width:385px; }

/* MEIO -> HOME */
.conteudo .destaque       { display:block; margin-bottom:30px; position:relative; width:220px; }
.conteudo .destaque a     { color:#000; display:block; text-decoration:none; width:220px; }
.conteudo .destaque a img { display:block; float:left; margin-bottom:10px; text-decoration:none; width:220px; }
.conteudo .destaque a h2  { background:none; border:none; color:#A11D27; display:block; float:left; font-size:16px; font-weight:normal; margin:0; padding:0; text-decoration:none; text-transform:uppercase; text-indent:0; width:220px; }
.conteudo .destaque a p   { display:block; text-decoration:none; width:220px; }
.conteudo .destaque a:hover p:hover { text-decoration:underline; }

/* MEIO -> HOME -> BANNER ENDEREÇO */
.meio address        { background:url(../img/banner_endereco.png) no-repeat; display:block; float:right; font-style:normal; height:56px; margin:50px 22px 0 0; padding:15px 18px; width:451px; }
.meio address strong { color:#A11D27; display:block; font-size:14px; font-weight:bold; }





/* RODAPE ********** */
.rodape                 { background:#999 url(../img/bg_rodape.gif) repeat-x left top; float:left; margin-top:5px; padding:10px; position:relative; width:760px; }

/* RODAPE -> MARCA GNG ********** */
.rodape h2.gng-rodape   { border-right:1px solid #C9C9C9; display:block; float:left; height:115px; width:135px; }
.rodape h2.gng-rodape a { background:url(../img/marca_gngfundacoes_rodape.png) no-repeat center center; display:block; height:115px; overflow:hidden; text-indent:-666666px; width:135px; }

/* RODAPE -> MENU ANCORA ********** */
.rodape ul              { border-left:1px solid #6D6D6D; display:block; float:left; padding:5px 25px; height:105px; width:200px; }
.rodape ul li a         { color:#000; display:block; font-size:12px; font-style:italic; padding:2px 0; text-decoration:none; width:200px; }
.rodape ul li a:hover   { text-decoration:underline; }

/* RODAPE -> MARCA INDEX ********** */
.rodape h2.index        { display:block; float:right; height:18px; margin:44px 10px 0 0; width:47px; }
.rodape h2.index a      { background:url(../img/marca_index.png) no-repeat center center; display:block; height:18px; overflow:hidden; text-indent:-666666px; width:47px; }
