/* CSS Document */

html, body, #tudo * { padding: 0; margin: 0; }
html { background: url(html_bg.gif) repeat fixed; font-size: 13px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; color: #000; }
#tudo { width: 600px; height: 100%; background: url(tudo_bg.gif) repeat-x #fff; margin: auto; }

#tudo #regras #regras1-3 h4, #tudo #entrada h4.apre, #tudo #entrada h4.fina, #tudo #texto h4.estr, #tudo #texto h4.porq, #tudo #texto h4.pode { color: #e63d79; text-transform: lowercase; margin: 20px 0 5px 0; }

/* -- topo -- */
#tudo #csswebdesign { width: 550px; height: 70px; padding: 20px 0 0 25px; background: #d7d7d7; }
 #tudo #csswebdesign h1 { font-size: 27px; color: #c05631; text-transform: uppercase; }
  #tudo #csswebdesign h1 span abbr { border-bottom: 1px #AF9999 dashed; }
 #tudo #csswebdesign h2 { float: left; margin: -33px 0 0 293px; font-size: 14px; color: #c30202; letter-spacing: 0.6em; text-transform: lowercase; font-style: italic; }
  * html #tudo #csswebdesign h2 { margin: -33px 0 0 150px; }
 #tudo #csswebdesign h3 { float: left; width: 220px; margin: -15px 0 0 296px; font-size: 11px; } 
  * html #tudo #csswebdesign h3 { margin: -17px 0 0 151px; }

/* -- menu da busca -- */
#tudo #busca-menu { width: 100%; }
#tudo #busca-menu #busca { width: 100%; }
#tudo #busca-menu #busca form { width: 100%; height: 35px; padding-top: 10px; background: #dddddd; border-top: 3px #b3b3b3 solid; border-bottom: 3px #b3b3b3 solid; }
 #tudo #busca-menu #busca form fieldset { border: none; padding: 0 25px;}
 #tudo #busca-menu #busca form p { float: right; margin-right: 90px; padding-left: 5px; text-transform: lowercase; font-size: 11px; border-left: 1px solid #777777; }
 #tudo #busca-menu #busca form p a { color: #e7266a; font-style: italic;  }
  * html #tudo #busca-menu #busca form p { margin-right: 40px; } 
 #tudo #busca-menu #busca form input#i-texto { float: left; width: 82px; background: #ededed; border: none; border-bottom: 1px #757575 dashed; color: #e7266a; }
 #tudo #busca-menu #busca form input.i-buscar { padding-left: 15px; margin-left: 5px; background: url(busca_icone.gif) no-repeat left center; border: none; text-transform: lowercase; }
 #tudo #busca-menu #busca form input.i-mapa { background: none; border: none; text-transform: lowercase; }

/* -- imagem principal -- */
 #extra1 { position: absolute; top: 140px; width: 143px; height: 97px; display: block; margin: 20px 0 0 90px; background: url(principal.gif) top left no-repeat; text-indent: -999em; overflow: hidden;}
 #extra1:hover { background: url(principal.gif) top right no-repeat; }
/* -- menu navegacao para outros temas-- */
#tudo #menu ul { float: right; width: 175px; margin-top: 15px; font-size: 11px; }
 #tudo #menu ul li { float: left; list-style: none; color: #840b36; }
 #tudo #menu ul li a { color: #e7266a; font-weight: bold; }
  #tudo #menu ul li a:hover { color: #f2588e; }
  #tudo #menu ul li a.anterior { margin-left: 23px; color: #9b9797; }
    #tudo #menu ul li a.proxima { color: #9b9797; }
/* -- orientacoes para temas dos visitantes -- */
#tudo #regras { clear: both; padding: 15px; }
 #tudo #regras a { color: #c52076; }
 #tudo #regras a:hover { color: #f2007e; }
  #tudo #regras #regras1-3 p { margin-left: 5px; }
  #tudo #regras #regras1-3 p.pregras3 a {text-decoration: none; }
  #tudo #regras #regras1-3 p.pregras3 a abbr { text-decoration: none; border-bottom: 1px #c52076 dashed; }
 #tudo #regras #regras4-8 { margin-top: 15px; margin-left: 15px; } 
  #tudo #regras #regras4-8 p.pregras5 { margin: 5px; color: #000; font-style: italic; }
  
  
/* -- Inicio da #entrada que engloba os dois primeiros titulos: "Apresentacao"- "Finalidade" -- */
#tudo #entrada { margin-top: 20px; padding: 15px; }
#tudo #entrada a { color: #c52076; }
 #tudo #entrada a:hover { color: #f2007e; }



/* -- Inicio da #texto que engloba tres titulos: "Estrutura do site"- "Por que CSS" - "O poder das CSS" -- */
#tudo #texto { margin-left: 10px; padding: 10px; border-top: 1px #ffc5e3 dashed; }
#tudo #texto a { color: #c52076; }
 #tudo #texto a:hover { color: #f2007e; }


/* -- Inicio da #navMenu menu de links para paginas do site -- */
#tudo #navMenu { margin-top: 20px; padding: 5px; text-align: center; border-top: 2px #a4105d dotted; }
#tudo #navMenu ul li { list-style: none; display: inline; margin-right: 20px; }
#tudo #navMenu a { color: #c52076; }
 #tudo #navMenu a:hover { color: #f2007e; }