@charset "utf-8";
/*
*  GAROTA ACADEMIA
*
*  Created by Rick A on 2009-04-02.
*  Copyright (c) 2009 Color Charge. All rights reserved.
*/

/* GERAIS
--------------------------------------------- */
body { background-color: #fffde4; }
div#header { width: 100%; height: 140px; background: url(../imagens/header/header_bg.gif) repeat 0 0; }
div#menu { width: 100%; height: 38px; position: relative; background: url(../imagens/header/menu_bg.gif) repeat-x 0 0; }
div#corpo { width: 950px; margin: 0 auto; border: 1px solid #f0f0f0; background-color: #FFF; border-width: 0 1px 1px; }
div#msg { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:red; padding:5px 0; padding-left:20px; display:block; height:auto; position:relative; }
div#msg img { position:absolute; left:0; top:4px; }
select.sel_cidade { margin-left:10px; width:150px; }

/* HEADER
--------------------------------------------- */
div#conteudo_header { width: 950px; height: 140px; margin: 0 auto; position: relative; background: url(../imagens/header/garota.jpg) no-repeat right top; }
div#header h1 { position: absolute; left: 0; top: 0; width: 420px; height: 140px; }
div#header h1 a { width: 420px; height: 140px; display: block; text-indent: -9999em; overflow: hidden; background: url('../imagens/header/logo.gif') no-repeat 0 0; }

/* MENU
--------------------------------------------- */
div#menu span { position: relative; display: block; width: 950px; height: 38px; margin: 0 auto; }
div#menu ul { position: absolute; right: 0; top: 0; }
div#menu ul li { width: 158px; height: 38px; float: left; font-size: .85em; }
div#menu ul li a { text-decoration: none; color: #FFF; text-transform: uppercase; display: block; padding: 8px 10px; text-align: center; background: url(../imagens/header/menu_divisor.gif) no-repeat left top; cursor:pointer; }
div#menu ul li a:hover { text-decoration: none; color: #FD0; cursor:pointer;}
div#menu ul li#menu_agencia { width: 200px; }
div#menu ul li#final { width: 1px; }

/* CONTEUDO PRINCIPAL
--------------------------------------------- */
div#conteudo_principal { width: 600px; border-right: 1px solid #f0f0f0; float: left; padding: 15px; }
div#conteudo_principal h2#titulo_area { font-size: 1.75em; text-transform: uppercase; color: #177b64; margin: 0 0 .25em; line-height:30px; padding:5px 0 5px 0; }
div#conteudo_principal p { font-size: .75em; }
div#conteudo_principal p.voltar a { background: url(../imagens/volta.gif) no-repeat left center; padding-left: 10px; float:right; }
div#conteudo_principal ul { margin-left: 120px; font-size: .75em; }
, div#conteudo_principal li 
, div#conteudo_principal ol li
, div#conteudo_principal p { font-size: .75em; }
div#conteudo_principal button { background: url(../imagens/bgBtn.jpg) no-repeat 0 0; text-align:center; text-transform: uppercase; color:  #FFF;  border:none; width: 111px; height: 30px; margin-left: 120px; font-size: 1em;}
div#conteudo_principal { min-height: 480px; }

/* PGAINACAO */
div.paginacao { width: 100%; height: 3em; position: relative; text-align: center; }
div.paginacao p { position: absolute; left: 50%; top: 0; }
div.paginacao p a
, div.paginacao p span { display: block; float: left; }
div.paginacao p span { margin: 0 .5em; }
div.paginacao p a.pagina_antes { background: url(../imagens/volta.gif) no-repeat left center; padding-left: 10px; }
div.paginacao p a.pagina_proxima { background: url(../imagens/seta.gif) no-repeat right center; padding-right: 10px; }

/* Paginacao */
div.paginacao_b p { left: 50%; }
div.paginacao_b ul li { float:left; padding:4px 5px; font-size:12px !important; }
div.paginacao_b ul li.pagina_antes a { background: url(../imagens/volta.gif) no-repeat left center; padding-left: 10px; }
div.paginacao_b ul li.pagina_proxima a { background: url(../imagens/seta.gif) no-repeat right center; padding-right: 10px; }


/* CONTEUDO AUXILIAR
--------------------------------------------- */
div#conteudo_auxiliar { width: 318px; float: left; }
div#conteudo_auxiliar div { padding: 15px 0px 15px 6px; border-bottom: 1px solid #f0f0f0; }
div#conteudo_auxiliar div ul { margin:0; }
div#conteudo_auxiliar div ul li { font-size: .75em; background: url(../imagens/seta.gif) no-repeat left center; padding-left: 10px; }
div#conteudo_auxiliar div ul li img { float:left; }
div#conteudo_auxiliar h3 { text-transform: uppercase; color: #177b64; margin: 0 0 5px; }
div#conteudo_auxiliar div.sem_setas ul li { background: none !important; padding-left: 0px !important; }
div#conteudo_auxiliar div p { font-size: .75em; }
div#conteudo_auxiliar #banner_flash {margin:0px; padding:0px;}
div#conteudo_auxiliar #banner_flash #flashcontent { font-family:Arial, Helvetica, sans-serif; font-size: .75em; color: #737373;}
div#conteudo_auxiliar #banner_flash #flashcontent a { font-family:Arial, Helvetica, sans-serif; color: #f6792a;}
div#conteudo_auxiliar #banner_flash #flashcontent a:hover { text-decoration:underline;}

/* RODAPE
--------------------------------------------- */
div#rodape { width: 950px; height: 100px; margin: 0 auto; position: relative; }
div#rodape p { font-size:9px; }
div#rodape p a { text-decoration: none; color: #737373; }
div#rodape p a:hover { text-decoration: underline;}
div#rodape p#paragrafo_institucional { position: absolute; left: 5px; top: 5px; }
div#rodape p#paragrafo_copyright { position: absolute; right: 5px; top: 5px; }