/*
	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 auto; text-align:center; cursor:default; background:#273D9D url(bg_body.gif) bottom repeat-x; color:#000; font:0.7em/1.5em Arial; }
* HTML body {  }
#geral { background:url(bg_geral.gif) repeat-y; width:610px; margin:0px auto; }
#conteudo { }
#conteudo a { color:#186914; font-weight:bold; text-decoration:none; }
#conteudo a:hover { color:#186914; background-color:#FFF; }
* HTML #conteudo { }
h1 { margin:0px; padding:0px; background:url(h1_bg.jpg) no-repeat; width:610px; height:282px; text-indent:-9999999px;  }
h2, h4, .submition legend {  }
acronym { text-decoration:underline; }
p { text-align:justify; text-indent:25px; }
p:first-letter {  }
a {  }
a:hover {  }

.criativo, .inspiracao, .publicar, .validacao, .table_gallery, .submition, .licensa { width:425px; float:right; text-align:left; margin-right:10px; }
* HTML .criativo, * HTML .inspiracao, * HTML .publicar, * HTML .validacao, * HTML .table_gallery, * HTML .submition, * HTML .licensa { width:420px; float:right; text-align:left; margin-right:7px; }

.intro h2, .menu, .links, .template_list, .escolha { margin:0px; padding:0px; }


/*....... DIVS EXTRAS........*/
.background1 { background:url(nuvens.jpg) top center repeat-x; width:100%; height:287px; text-align:center; }
.background2 { text-align:center; width:100%;  }
.absoluto1 {  }
.absoluto2 { }

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

/*....... NAVEGAÇÃO........*/
.navegacao { width:164px; height:600px; float:left; position:absolute; top:282px; margin-left:0px; background:url(bg_lateral.jpg) no-repeat; }
.navegacao { }
.menu { background:url(tit_menu.gif) 10px 0px no-repeat; text-indent:-9999999px; margin-bottom:10px; }
.links { padding-left:10px;  }
.links li { list-style-type:none; text-align:left; }
.links li a { color:#186914; font-style:italic; text-decoration:none; }
.links li a:hover { background-color:#FFF; }
.escolha {  }
.template_list { list-style-type:none; text-align:left; }
.escolha { background:url(tit_escolha.gif) 10px 0px no-repeat; margin:10px 0px; text-indent:-99999999px; width:136px; height:47px; }
* HTML .escolha  { background:url(tit_escolha.gif) 0px 0px no-repeat; }
.template_list li { padding-left:10px; }
.template_list li a { color:#186914; font-style:italic; text-decoration:none; }
.template_list li a:hover { background-color:#FFF; }
.template_list strong {}
/*.........................*/

/*....... INTRODUÇÃO........*/
.intro { background:url(tit_introducao.jpg) no-repeat; float:right; text-align:left;  width:430px; padding:120px 0 0 10px; margin-right:10px; }
* HTML .intro { width:405px; padding:120px 0 0 15px; margin-right:14px; margin-top:-5px; }
.intro p { margin-top:0px;}
.intro h2 { display:none; }
* HTML .intro h2 { margin:0px 0 0 -11px; }
/*.........................*/

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

/*....... COMO FAÇO PARA PUBLICAR?........*/
.publicar {}
.tit1 { background:url(tit_como.gif) no-repeat; width:384px; height:46px; text-indent:-99999999px; margin:10px 0px; }
.tit2 { background:url(tit_revisao.gif) no-repeat; width:321px; height:55px; text-indent:-99999999px; margin:10px 0px; }
.publicar ol {}
.publicar li {}
/*.........................*/

/*....... SEJA CRIATIVO........*/
.criativo { }
.criativo h2 { background:url(tit_criativo.gif) no-repeat; width:397px; height:55px; text-indent:-99999999px; margin:10px 0px; }
.criativo code { font-size:1.0em; color:#186914; font-family:"Courier New", Courier, mono; }
.criativo cite { color:#186914;  }
.criativo cite strong { }
/*.........................*/

/*....... VALIDAÇÃO........*/
.validacao {}
.validacao h2 { background:url(tit_validacao.gif) no-repeat; width:404px; height:55px; text-indent:-99999999px; margin:10px 0px; }
.validacao ul {}
.validacao h4 {background:url(tit_relacao.gif) no-repeat; width:247px; height:21px; text-indent:-99999999px; margin:10px 0px; }
.validacao li { list-style-type:none; font-weight:bold; }
.validacao dl { }
.validacao dt { color:#186914; font-weight:bold; font-size:1.2em }
.validacao dd { font-style:italic; margin:0px; }
/*.........................*/

/*....... TABLE GALLERY........*/
.table_gallery { }
.table_gallery h2 { background:url(tit_table.gif) no-repeat; width:238px; height:28px; text-indent:-99999999px; margin:10px 0px;  }
#tabela { background-color:#F4E221; width:100%; text-align:center;border:1px solid #CABA08; }
#tabela thead, #tabela th { }
#tabela tfoot {}
#tabela tfoot td { }
#tabela tbody {   }
#tabela caption { background:url(tit_lista.gif) no-repeat; width:255px; height:28px; text-indent:-99999999px; }
#tabela th { background-color:#019300; color:#FFF; }
#tabela td { border:1px solid #CABA08; }
#tabela a {}
#tabela a:hover {}
/*.........................*/

/*....... SUBMITION........*/
.submition { }
form {  }
.campo_bloco { }
.submition fieldset { border:0px solid #000;  }
.submition legend { }
.campo_bloco {  }
.campo_bloco label { display:block; }
.txtfield { background-color:#FFF; border-top:1px solid #B0A206; border-left:1px solid #B0A206; border-right:1px solid #E6DC70; border-bottom:1px solid #E6DC70;  }
.botao { display:block; background-color:#B0A206; color:#FFF;  }
/*.........................*/

/*....... LICENSA........*/
.licensa {}
.licensa h2 { background:url(tit_licenca.gif) no-repeat; width:360px; height:28px; text-indent:-99999999px; margin:10px 0px;}
/*.........................*/

/*....... RODAPÉ........*/
.rodape { clear:both; background:url(bg_creditos.jpg) 5px 0px no-repeat; width:600px; height:194px;}
* HTML .rodape { clear:both; background:url(bg_creditos.jpg) 0px 0px no-repeat; width:600px; height:194px;}
.rodape h2 { background:url(tit_validacoes.gif) 190px 0px no-repeat; width:100%; height:28px; text-indent:-99999999px; margin:10px 0px; }
* HTML .rodape h2 { background:url(tit_validacoes.gif) 190px 0px no-repeat; width:100%; height:28px; text-indent:-99999999px; margin:10px 0px; }
.rodapevalidacoes { padding-top:100px; }
* HTML .rodapevalidacoes { margin-top:50px; }
.rodapevalidacoes li { float:right; list-style-type:none; margin-right:10px;  }
.rodapevalidacoes a {  }
.rodapevalidacoes a:hover {}
.rodapevalidacoes acronym {}
.rodape address { display:block; text-align:right; clear:both; }
/*.........................*/