/* Retirando e igualando as margens e espaçamentos entre os navegadores */
body,form,h1,h2,h3,h4,h5,h6,ul,li,p{
  margin:0;
  padding:0;
  list-style:none;
}
img{border:0;}
fieldset{border:0;}
/* Fundo da página - cinza, font arial e tamanho 90%  */
body{
    background:#003466;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    margin:0px auto;
}
/* Div Geral - Largura maxima de 760 px, fundo branco e alinhando o boxe ao centro */
#geral{
    width:760px;
    margin:0px auto;
    background-color: #336699;
}
/* DIV Cabecalho */
#cabecalho{
     background:#036 url(img/f.gif); 
     width:760px; 
     height: auto;
}
#cabecalho h1{
    background:url(../imagens/dsa_topo.jpg) no-repeat;
    width:760px;
    height:130px;
    float:left;
    margin-left:0px;
}	
#cabecalho h1 a{
    display:block;
    width:200px;
    height:70px; 
    overflow:hidden;
    text-indent:-500px;
    text-decoration:none;
}
/* Coloca busca ao lado direito do cabeçalho com espacamento de 20 pixels entre o conteudo e borda */
#busca{
    float:right;
    padding:20px;
}
/* transforma o fieldset em elemento de linha. */
 fieldset{
 	display:inline;
}
/* MENU Horizontal */
/* Limpa os efeitos de float com o clear:both . Coloca a fonte com tamanho 20% maior. */
 #menu_topo ul{
      width: 760px;
      padding:0;
      margin:0;
 }     
/* MENU Horizontal */
/* Limpa os efeitos de float com o clear:both . Coloca a fonte com tamanho 20% maior. */
 #menu_h{
      clear:both; 
      font-size:120%;

}
/* Delifiçoes da lista nao ordenada - sem espacos a esquerda, cor fundo azul escuro, 
alinhando a esquesda, um após o outro, largura em 100%, definições de borda em baixo e em cima. */
#menu_h ul{
      padding-left: 0;
      margin-left: 0;
      background-color: #369;
      float: left;
      width: 100%;
}
/* Torando os elementos de lista (bloco) como elementos de linha. */
#menu_h ul li {display: inline;} 
/* Definicoes dos links na lista nao ordenada - fundo cinza, cor de texto azul, sem sublinhado, 
flutuando a esquerda item a item, borda a direita nos links e fonte em negrito */
#menu_h ul li a{
      padding: 0.2em 1em;
      background-color: #ddd;
      color: #369;
      text-decoration: none;
      float: left;
      border-right: 1px solid #369;
      font-weight:bold;
}
/* Efeitos do link/menu e lista nao-ordenada - fundo azul e texto em branco - link ativo e link com focus e evento de trocar */ 
 #menu_h ul li a:hover,#menu_h ul li#active a{
      background-color: #369;
      color: #fff;
}   
/* coluna da esquerda com login e menu vertical */   
/* flutuando a esquerda e largura de 200px, cor do texto em branco. -- coloca a coluna do texto ao lado da coluna com o login  */
#navegacao{
     background-color: #FFF;
     width:200px;
     min-height: 500px;
     float:left; 
     color:#fff;
}
/* Area com o conteudo principal - definicoes de largura e flutuando a esquerda */
#conteudo_350{
     width:350px;
     min-height: 500px;
     float:left; 
     text-align: left;
	  padding:5px;
}
#conteudo_500{
    width:500px;
    height: auto;
    min-height: 600px;
    float:left; 
    text-align: left;
  	 padding: 5px;
  	 border-left: 2px solid #075685;
}			
/* responsavel por colocar direitinho a coluna do conteudo lado a 
lado com a coluna esquerda e direita  */
/* largura da coluna com os logotipos e coloca flutuando a esquerda. */
#publicidade{
    width:200px;
    float:left; 
}    
/* Utilizado para limpar os efeitos do float aplicados aos itens anteriores
- Na falta deste comando o rodape sobe ao lado da propaganda e bagunca o fundo */  
/* Aplica um fundo no ID geral - lo ID login aplica borda em baixo, alinhamento de texto a direita e declaracao de espaco entre conteudo e borda. */
#quebrador_int{
     clear:both;
     height: 150px;
}   
#quebrador{
     clear:both;
}    
#geral{
     background-color: #FFF;
}        
/* definicoes do menu vertical */
#menu_v {padding: 5px;text-align: left;}

#menu_v li a{
     background-color: #FFF;
     display: block;
     padding: 3px 5%;
     border-bottom: 1px solid #eee;
	  width:90%;
     color: #000;
     text-decoration: none;
}
#menu_v a:hover,#menu_v li#active2 a{
     background-color: #CCC;
     color: #000;
}
/* Conteudo - definicoes do titulo da area principal e outras definicoes da area de conteudo */
#conteudo h2{
      padding:10px 5px;
      font-size:150%;
      color:#036;
}
#conteudo img{
      margin:5px;
}
#conteudo p{
      padding:5px;
      line-height:150%;
}
/* definicoes da área de DESTAQUE aplicado dentro da area conteudo - uma pequena chamada dentro do contexto */
.destaque{
     width:140px;
     padding:10px;
     float:right;
     background:#DDD;
     font-size:90%;
     line-height:120%;
}       
#publicidade{
     padding-top:10px;
     text-align:center;
 }
#publicidade img{
     margin-bottom:50px;
}
/* Definiceos do rodape */  
#rodape{
     background:white;
     border-top:5px solid #036;
     padding:20px;
     text-align:right;
}
#rodape address{
     float:left;
     text-align:left;
     font-style:normal;
}