/*
	Revolução do CSS
	Data: Setembro de 2005
	Autor: Henrique C. Pereira
	Site: www.revolucao.etc.br/css/
	E-mail: revolucaoetc@yahoo.com.br
*/

body { margin:0px; text-align:center; cursor:default; background:#720000 url(rev.gif) 1px 170px no-repeat; color:#FFF; font:0.7em/1.5em Arial; }
#geral {}
#conteudo { width:60%; float:left; text-align:justify; margin:0px 10px 10px 120px; }
* HTML #conteudo { width:60%; float:left; text-align:justify; margin:0px 10px 10px 60px; }
h1 { text-indent:-99999px; height:155px; }
h2, h4, .submition legend { color:#F1D707; margin-left:25px; background:URL(estrela1.gif) no-repeat; padding:3px 0 3px 5px; text-indent:20px; font-weight:bold; font-size:1.6em; text-transform:uppercase; }
acronym { cursor:help; margin:0px; }
p { text-indent:25px; }
p:first-letter { font-size:1.9em; font-weight:bold; padding-right:1px; color:#F1D707; }
a { color:#FC0; text-decoration:none; }
a:hover { text-decoration:underline; }

.criativo, .intro, .inspiracao, .publicar, .validacao, .table_gallery, .submition, .licensa { background:url(division.gif) left bottom no-repeat; padding-bottom:30px; }

/*....... DIVS EXTRAS........*/
.background1 {  }
.background2 { background:url(bg1.gif) top repeat-x; width:100%; }
.absoluto1 { background:url(h1.jpg) top center no-repeat; width:100%; position:absolute; top:0; left:0; height:155px; }
.absoluto2 { }

.absoluto3 { }
/*.........................*/

/*....... NAVEGAÇÃO........*/
.navegacao { width:20%; background:url(degrade1.gif) top left no-repeat; float:right; margin:160px 10px 0 0; text-align:left; padding:10px 0 0 10px; }
.menu { background:url(tit_menu.gif) no-repeat; width:100%; text-indent:-999999px; margin:0px; padding:0px; }
.links { margin:0px; padding:0px; }
.links li { list-style-type:none; margin:1px 0px; display:block; }
.links li a { background:url(estrela_laranja.gif) 0px 3px no-repeat; text-decoration:none; padding-left:15px; color:#FC0; }
.links li a:hover { background:url(setinha.gif) 0px 3px no-repeat; text-decoration:none; color:#FFF; }
.escolha { background:url(tit_escolha.gif) no-repeat; width:100%; text-indent:-999999px; margin:0px; margin-top:8px; padding:0px 0px 6px 0px; }
.template_list { margin:0px; padding:0 0 200px 0; background:url(flag.gif) bottom left no-repeat; }
.template_list li { list-style-type:none; background:url(estrela1.gif) 0px 0px no-repeat; padding-left:24px; display:block; }
.template_list li a { text-decoration:none; font-size:1.1em; color:#FC0; display:block; }
.template_list li a:hover { color:#FFF; text-decoration:none; }
.template_list strong {}
/*.........................*/

/*....... INTRODUÇÃO........*/
.intro {}
.intro h2 { background:url(tit_introducao.gif) no-repeat; width:100%; height:128px; text-indent:-99999px; }
/*.........................*/

/*....... INSPIRAÇÃO........*/
.inspiracao {}
.inspiracao h2 { background:url(tit_inspiracao.gif) no-repeat; height:49px; width:100%; text-indent:-999999px;}
/*.........................*/

/*....... COMO FAÇO PARA PUBLICAR?........*/
.publicar {}
.tit1 { background:url(tit_publicar.gif) no-repeat; width:100%; height:80px; text-indent:-999999px; }
.tit2 {}
.publicar ol {}
.publicar li {}
/*.........................*/

/*....... SEJA CRIATIVO........*/
.criativo { }
.criativo h2 { background:url(tit_criativo.gif) no-repeat; width:100%; height:84px; text-indent:-999999px; }
.criativo code { color:#FC0; font-size:1.1em; }
.criativo cite { padding:0 20px 0 50px; color:#FC0; background:url(aspas_top.gif) no-repeat; }
.criativo cite strong { display:block; padding-left:50px; background:url(aspas_bottom.gif) 350px 5px no-repeat; padding-bottom:10px; }
/*.........................*/

/*....... VALIDAÇÃO........*/
.validacao {}
.validacao h2 { background:url(tit_validacao.gif) no-repeat; width:100%; height:83px; text-indent:-999999px;}
.validacao ul { margin:35px;}
.validacao li { color:#FFF; font-style:italic; font-size:1.1em; list-style-image:url(estrela_laranja.gif); }
.validacao dl { }
.validacao dt { color:#FC0; font-weight:bold; font-size:1.1em; padding-left:15px; background:url(estrela_laranja.gif) 0px 5px no-repeat; }
.validacao dd { font-style:italic; }
/*.........................*/

/*....... TABLE GALLERY........*/
.table_gallery { padding-bottom:60px;}
.table_gallery h2 { background:url(tit_table.gif) no-repeat; width:100%; height:46px; text-indent:-999999px;}
#tabela { background-color:#9C0404; width:100%; border:1px solid #990D0D; }
#tabela thead, #tabela th { text-align:center; background:#5F0202 url(bg_table2.gif) repeat-x; color:#F1D707;}
#tabela tfoot {}
#tabela tfoot td { text-transform:uppercase; font-weight:bold; padding-left:10px;}
#tabela tbody { text-align:center; }
#tabela caption { background:url(tit_layouts.gif) no-repeat; text-indent:-9999999px; width:100%; height:27px; }
#tabela th { padding:2px; }
#tabela td { padding:2px; background:url(bg_table.gif) repeat-x; border:1px solid #6B0303; }
#tabela a {}
#tabela a:hover {}
/*.........................*/

/*....... SUBMITION........*/
.submition { padding-bottom:60px; }
form { padding:0px; margin:0px; }
.campo_bloco { }
.submition fieldset { border:0px; }
.submition legend { margin-bottom:10px; text-indent:20px; padding-top:2px; }
.campo_bloco { width:100%; }
.campo_bloco label { width:120px; background-color:#620202; float:left; padding-right:30px; margin-right:4px; text-align:right; }
.txtfield { color:#FFF; background-color:#9D0000; border-top:1px solid #4B0101; border-left:1px solid #4B0101; border-bottom:1px solid #CF4242; border-right:1px solid #CF4242; }
.botao { border:1px solid #000; display:block; margin:5px 0 0 182px; background-color:#5B0101; color:#FFF; }
/*.........................*/

/*....... LICENSA........*/
.licensa {}
.licensa h2 { background:url(tit_licensa.gif) no-repeat; width:100%; height:35px; text-indent:-999999px;}
/*.........................*/

/*....... RODAPÉ........*/
.rodape {}
.rodape h2 { background:url(tit_validacoes.gif) no-repeat; width:100%; text-indent:-999999px; }
.rodapevalidacoes { clear:both; width:100%; margin:0px; padding:0px; margin-left:25px; }
.rodapevalidacoes li { float:left; list-style-type:none; padding-right:10px; }
.rodapevalidacoes a { background:url(estrela_laranja.gif) 0px 3px no-repeat; padding-left:15px; }
.rodapevalidacoes a:hover {}
.rodapevalidacoes acronym {}
.rodape address { clear:both; display:block; margin-left:25px; }
/*.........................*/