/* BODY*/
body {
 background : #036 url(images/bgFundo1.jpg) repeat-y top center;
 height     : 100%;
 margin     : 0;
 font       : normal 10pt Verdana;
 color      : #036;
 text-align : left;
 font-family: Verdana, Helvetica, sans-serif;
}

* { padding:0; margin:0; }

img { padding:0; margin:0; border:0; }

a { padding:0; margin:0; border:0; }

/* LINKS GERAIS */	
a {
 font : normal 10pt Verdana;
 color: #036;
 text-decoration: none;
}
	
a:link    { font: normal 10pt Verdana; color:#000; }
a:visited { color:#013; }
a:hover   { text-decoration:underline; }
a:active  { color:#000; }

/* DIV PRINCIPAL */	
#container {
 position   : absolute;
 width      : 774px;
 height     : 100%; 
 left       : 50%; 
 margin-left: -387px;
 _margin-left: -386px;
}	


/* CABEÇALHO */
#header {
 float     : left;
 background: url(images/bg_header.gif) no-repeat;
 width     : 773px;
 height    : 86px;
}

#header h1 { text-indent:-999999em; }

#header h1 a {
 background: url(images/logo01_ecoralph.jpg) no-repeat top left;
 width     : 774px;
 height    : 81px;
 float     : left;
 display   : block;
}

/* MENU DE OPÇÕES */
#navegacao {
 float     : left;
 width     : 774px;
 height    : 29px;
 text-align: center;
 clear     : both;
 border-bottom: solid 3px #09C;
 vertical-align:baseline;
}
	
#menuLista {
 font          : normal 10pt Verdana;
 border-bottom : 5px solid #91a7b4;
 cursor        : hand;
}

#menuLista li { float: left; list-style: none;}

#menuLista li a {
 float          : left;
 background     : #d8dff1;
 height         : 28px;
 display        : block;
 color          : #013;
 text-decoration: none;
 border         : 1px solid #91a7b4;
 padding        : 0;
 font           : bold 10.5pt Arial;
 padding-top    : 7px;
 background     : #09C url(images/bgNagevacao.png) repeat-x;
}

#menuLista li a:link, #menuLista li a:visited {}

#menuLista li a:hover {
 border-top   : 1px solid #036;
 border-bottom: 1px solid #036;
 color        : #003399; 
}
	
#menuLista li a:active {}

/* TITULOS E PARAGRAFOS */
h1 {
 font      : bold 22px Verdana;
 color     : #002884;
 text-align: left;
}
	
/* titulo - funcionalidade da tela */
h2 {
 font      : bold 15px Verdana;
 color     : #036;
 text-align: left;
}

h3 {
 font      : bold 11px Verdana;
 color     : #025;
 text-align: left;
}

h4 {
 background: #FFF;
 width     : 97%;
 font      : bold 12px Verdana;
 color     : #036;
 text-align: left;
 padding   : 5px;
 margin-bottom:5px;
}

span.destaque {
 font  : bold 12px Verdana;
 float : left;
}

p {
 font      : normal 11px Verdana;
 color     : #036;
 text-align: left;
}

h5 {
 font      : normal 11px Verdana;
 color     : #002884;
 text-align: left;
}

h6 {
 clear     : both;
 font      : bold 13px Verdana;
 color     : #000033;
 width     : 706px;
 padding   : 0 15px;
 margin    : 5px 0;
 text-align: left;
 border-bottom: dotted 1px #003;
}

span.bold { font-weight:bold; }

hr {
 width           : 100%;
 height          : 1px;
 border          : 1px solid #036;
 border-width    : 0;
 border-top-width: 1px;
 clear           : both;
}

/* nome da tela */
#nomeTela {
 float     : left;
 background: #D9ECFF;
 width     : 753px;
 text-align: center;
 padding   : 20px 10px 10px 11px;
 clear     : both;
}

#nomeTela h2 {
 width       : 743px;
 background  : #F90;
 line-height : 26px;
 padding-left: 10px;
 text-align  : center;
}

/* CONTEUDO */
#conteudo {
 background: #D9ECFF;
 float     : left;
 width     : 774px;
 clear     : both;
}

#conteudo h4 {
 background: #D9ECFF;
 font      : bold 13px Verdana;
 color     : #003;
 text-align: center;
 padding   : 5px 5px 0 5px;
 margin-bottom: 5px;
 border-bottom: solid 2px #003;
}

div.conteudoCentro {
 width  : 764px;
 _width :740px;
 padding: 20px 15px; 			
 clear  : both;
}

#conteudo p {
 padding: 0 15px 10px 15px;
 clear  : both;
}

div.conteudoMetade {
   float  : left; 
   width  : 359px; 
   padding: 20px 11px 20px 17px; 
}	

div.btnVoltar {
   width  : 746px;
   clear  : both;
   padding: 10px 11px 30px 17px;
  *padding: 10px 11px 10px 17px;
}

/* INDEX */
#conteudoIndex {
 background: #D9ECFF;
 float     : left;
 width     : 774px;
 padding   : 20px 11px 20px 17px;
 clear     : both;
}

div.divIndex {
 float       : left;
 height      : 335px;
 padding-left: 10px;
 padding-top : 20px;
}

/* Telas */
div.brancoLinha  {
 width      : 750px;/* _width:747px;*/
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size  : 11pt;
 font-weight: bold;
 color      : #036;
 background : #FFF;
 border     : solid 1px #036;
 text-align : center;
 float      : left;
 margin-left: 12px;
}

div.azul  {
 width      : 194px;
 line-height: 23px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size  : 10pt;
 font-weight: bold;
 text-align : center;
 color      : #FFF;
 background : #036;
 float      : left;
 margin     : 0 0 0 10px;
 _margin    : 0 0 0 7px;
}
	
div.branco  {
 width      : 557px; _width:553px;
 line-height: 21px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size  : 10pt;
 font-weight: bold;
 color      : #036;
 background : #FFF;
 border     : solid 1px #036;
 text-align : center;
 float      : left;
}

div.descricao {
 width      : 540px; _width:548px;
 line-height: 21px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size  : 10pt;
 font-weight: normal;
 color      : #036;
 border-top : solid 1px #036;
 float      : left;
 margin     : 0 0 10px 0;
 padding    : 0 5px 0 5px;
}

.legenda {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size  : 8pt;
 font-weight: bold;
 text-align : center;
 background : #FFFFFF;
}

/* LISTAS */
ul.listaComum { list-style-type:none; }

ul.listaComum li { margin-right:20px; }

ul.listaComum li a {  font: normal 8pt Verdana; }
	
ul.listaLinha { list-style-type:none; }

ul.listaLinha li { float:left; margin-right:20px; }

/* RODAPE */
#rodape {
 background: #D9ECFF url(images/bgRodape.jpg) repeat-x top left;
 float     : left;
 width     : 100%;
 height    : 185px;
 clear     : both;
 text-align: center;
}

#rodape img {
 margin-top:15px;
}

#rodape p {
 text-align : right;
 padding    : 15px 10px 10px 0;
 font-weight: 600;
}