html {
   background: transparent;
   padding: 0;
   margin: 0;
}
*html html{
   padding-bottom: 0;
}
html>body {
   height: auto;
}
a, a:visited, a:link {
   color: #00f;
}
body {
   position: absolute;
   background: url(../imagens/bg_geral_completo.jpg) center 0 repeat-x #003400;
   margin: 0;
   left:50%;
   margin-left: -400px;
   font: normal 10px "Trebuchet", Verdana, Arial, sans-serif;
   color: #333;
   width: 730px;
   padding: 10px 0 10px 0;
}
#topo {
   width: 800px;
   height: 185px;
   background: url(../imagens/barra_site.jpg) center 0 no-repeat #003400;
}
.oculto {
   display: none;
}
#menu {
   float: left;
   background-color: transparent;
   width: 800px;
   height: 40px;
   margin-top: 145px;
}
#menu ul {
   width: 760px;
   float: left;
   padding: 14px 0 0 10px;
   font: normal 10px "Trebuchet", arial, helvetica, sans-serif;
   text-transform: uppercase;
}
#menu ul li {
   display: inline;
}
#menu ul li a {
   border-right: 1px dotted #ADD0C0;
   color:#ADD0C0;
   float: left;
   padding: 0 15px;
   text-decoration: none;
}
#menu ul li a.primeiro {
   border-left: 1px dotted #ADD0C0;
}
#menu ul li a:hover, #menu ul li a.ativo {
   color: #FF0;
}

#menu .lado_esquerdo {
   float: left;
   width: 15px;
   height: 40px;
   background: url(../imagens/cnt_esq_menu.jpg) left 0 no-repeat #003400;
}
#menu .centro {
   float: left;
   width: 770px;
   height: 40px;
   background: url(../imagens/bg_geral_menu.jpg) left 0 no-repeat #003400;
}
#menu .lado_direito {
   float: left;
   width: 15px;
   height: 40px;
   background: url(../imagens/cnt_dir_menu.jpg) left 0 no-repeat #003400;
}

#data{
   position: absolute;
	 top: 157px;
	 left: 675px;
	 width: 100px;
	 text-align: center;
	 color: #ff0;
}

#conteudo {
   float: left;
   padding-top: 20px;
   background: url(../imagens/bg_geral_conteudo.jpg) center 0 no-repeat #fff;
   min-height: 340px;
   width: 800px;
}
#lateral{
   float: left;
   width: 300px;
   padding: 10px;
   margin-left: 15px;
   _margin-left: 5px;
   border-right: 1px dashed #999;
}
#lateral img {
   margin-bottom: 10px;
}
#principal{
   float: right;
   width: 428px;
   padding: 10px;
   margin-right: 15px;
   _margin-right: 5px;
}
ul.artigos li{
   list-style: disc;
   padding-bottom: 20px;
   margin-left: 20px;
}
ul.servico li{
   list-style: disc;
   padding: 0 0 5px 5px;
   margin-left: 30px;
}
ul.cursos li{
   list-style: disc;
   padding: 0 0 5px 5px;
   margin-left: 30px;
}
ul.decimal li{
   list-style: decimal;
   padding: 0 0 5px 5px;
   margin-left: 30px;
}
ul.artigos li a:hover,
ul.palestras li a:hover,
ul.cursos li a:hover{
   color: red;
}
ul.artigos li a:visited,
ul.palestras li a:visited,
ul.cursos li a:visited{
   color: #00f;
}

.longDescription {
   display:none;
   color: green;
	 font-size: 11px;
}
.longDescription h4 {
   padding: 0;
   font-size: 12px;
   color: green;
}
.longDescription p {
   font-size: 11px;
}
a.destaque, a.destaque:visited {
   color: #00f;
	 font-weight: bold;	 
}

a.destaque:hover {
   color: #F00;
}
p {
   font-size: 11px;
   padding: 5px 0 10px 0;
}
.destaque_curso{
   font-size: 11px;
}
h3 {
   font: bold 16px "Trebuchet MS", “Bitstream Vera Sans”, sans-serif;
   color: #333;
   padding: 0px 0 0 10px;
   margin-bottom: 15px;
   font-variant: small-caps;
   border-bottom: 2px solid #666;
}
h4 {
   font: bold 14px "Trebuchet MS", “Bitstream Vera Sans”, sans-serif;
   color: #333;
   padding: 0 0 0 10px;
}
table {
   border: 1px solid #000;
}
table td, table th{
   border-bottom: 1px solid #000;
	 border-right: 1px solid #000;
}

label {
   clear: both;
   font: bold 11px Verdana, “Bitstream Vera Sans”, sans-serif;
   width: 150px;
   float: left;
   color: #000;
   border-bottom: 1px solid #000;
   margin: 0 0 5px 0;
   margin-right: 3px;
   padding-left: 8px;
}
input, textarea{
   font: normal 11px Verdana, “Bitstream Vera Sans”, sans-serif;
   margin: 0;
   padding: 0;
}
#principal label{
   width: 100px;
}
#principal input{
   margin-bottom: 2px;
}

input#enviar{
   margin: 2px 0 0 2px;
   padding: 0;
}
textarea{
   width: 250px;
   height: 70px;
   overflow: auto;
}
#formulario{
   float: left;
   width: 420px;
}

#rodape {
   float: left;
   background: url(../imagens/pt_final_site.gif) center bottom no-repeat #fff;
   height: 50px;
   width: 800px;
}
#rodape span {
   float: left;
   padding-left: 25px;
   line-height: 50px;
}
#rodape a.lynx {
   float: right;
   background: url(../imagens/a_lynx.gif) left 10px no-repeat;
   width: 100px;
   height:50px;
   margin-right: 10px;
   text-indent: -5000px;
   text-decoration: none;
}
