* { padding: 0; margin: 0; }
body { font: 90% Verdana, Arial, Helvetica, sans-serif; text-align: left; background: url(imagens/fundo.gif) repeat; }

/*Títulos*/
h1 { font-size: 150%; color: #fff; background: #275786 url(imagens/titulo1.gif) repeat-x bottom; padding: 0.3em; margin: 0.2em; border: 1px solid #fff; }
/*Fim de títulos*/

/*Cabeçalho*/
div#head { background-color: #ffd; padding: 0.1em 0.1em 0.5em 0.1em; font-size: 120%; font-weight: bold; font-variant: small-caps; letter-spacing: 0.5em; text-align: center; border-bottom: 1px solid #214f7d; margin-bottom: 0.2em; }
div#pesquisar { position: absolute; right: 0px; top: 30px; text-indent: -9999px; line-height: 20px; background: url(imagens/pesquisar.gif) no-repeat; height: 20px; width: 70px; }
div#lista_capitulos { position: absolute; right: 0px; top: 30px; text-indent: -9999px; line-height: 20px; background: url(imagens/lista_capitulos.gif) no-repeat; height: 20px; width: 114px; }
div#pesquisar a, div#lista_capitulos a { display: block; }
/*Fim de cabeçalho*/

/*Rodapé*/
div#foot { background-color: #ffd; padding: 0.3em 0.1em 0.3em 0.1em; font-size: 80%; color: #333; text-align: center; border-top: 1px solid #214f7d; border-bottom: 1px solid #214f7d; margin-top: 0.2em; clear: both; }
div#foot a:link, div#foot a:visited { text-decoration: none; border-bottom: 1px dotted #000; color: #000; }
div#foot a:hover { border-bottom: 1px solid #000; color:#0033FF; }
div#foot ul { list-style-type: none; }
div#foot li { display: inline; padding-right: 2em; }
/*Fim de rodapé*/

div.bg { background: #ffd; border: 1px solid #000; padding: 0.3em; }

/*Formatação da lista de capítulos*/
div#capitulos_container { width: 200px; float: left; margin-right: 0.5em; }
ul#capitulos { list-style-type: none; }
ul#capitulos li { padding: 0.2em 0.3em 0.2em 0.5em; background: url(imagens/menu_up.gif) repeat-y #214f7d; color: #ddd; font-weight: bold; font-size: 80%; margin-bottom: 0.2em; text-align: left; }
ul#capitulos li:hover { background: url(imagens/menu_over.gif) repeat-y #214f7d; cursor: pointer; color: #fff; }
ul#capitulos a, ul#capitulos a:visited { color: #fff; text-decoration: none; display: block; }
ul#capitulos p { margin-left: 14px; text-indent: -13px; }
/*Fim de formatação da lista de capítulos*/

/*Formatação dos componentes*/
div#componente { width: 300px; float: left; margin-right: 0.5em; }
div#componente h2 { font-size: 90%; font-weight: bold; font-variant: small-caps; color: #214f7d; border-bottom: 1px solid #214f7d; margin-bottom: 0.6em; margin-top: 0.3em; }
div#componente h2 a:link, div#componente h2 a:visited { color: #214f7d; text-decoration: none; }
div#componente ul { list-style-type: none; }
div#componente li { font-size: 80%; }
div#componente li a { color: #000; text-decoration: none; }
div#componente li a:hover { color: #f00; text-decoration: underline; }
/*Fim de Formatação dos componentes*/

/*Formatação da descrição*/
div#main_container { margin-left: 520px; margin-right: 5px; }
div#main_container h1 { background: #ffd url(imagens/titulo2.gif) repeat-x bottom; color: #000; border: 1px solid #000; }
span.desc_desc { font-size: 70%; font-weight: bold; font-variant: small-caps; color: #214f7d; padding-right: 0.6em; }
div#main_container div { padding-bottom: 0.8em; }
/*Fim de formatação da descrição*/

/*Formatação de pesquisa*/
div#pesquisa { margin: 0.2em 1em 0.6em 1em; }
div#search_box { margin-left: auto; margin-right: auto; width: 50%; padding: 0.6em 0 0.6em 0; }
div#pesquisa h2 { color: #214f7d; font-size: 120%; padding: 0.5em; }
div#pesquisa div#search_results { margin: 1em 2em 1em 2em; }
div#pesquisa .search_error { font-weight: bold; color: #fff; background: #f00; padding: 1em; margin: 2em; border: 1px solid #000; text-align: center; }
.resultado { margin-top: 1em; font-size: 85%; }
div#pesquisa a:link, div#pesquisa a:visited { color: #000; text-decoration: underline; }
div#pesquisa a:hover { color: #f00; }
div#pesquisa ol { margin-left: inherit; }
div#pesquisa p { margin-bottom: 0.5em; }
div#pesquisa .exemplos { margin: 1em; border: 1px solid #000; background-color: #fff; color: #333; font-size: 90%; }
/*Fim de formatação de pesquisa*/

div#teaser { margin: 1em; padding: 0.5em; background: #6699CC; font-weight: bold; text-align: center; }