/*---------CSS desenvolvido por Felipe Badaró--------------------*/
/*----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-------- hacks para os navegadores ------------*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/*---------divisor do menu gestao das bacias-------*/
#divisor{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bolder;
}
/*-----------informações do body ------------------*/
body {
background:url(../imagens/fundo_guandu_maior_interna.jpg);
background-position:center -158px;
background-repeat:no-repeat;
color:#000000;
font-size: 10px;
margin:0;
padding:0;
/*alinha a pagina no centro*/
text-align: center;
text-decoration: none;
}

body a img {
border:0;
}
/*-------- classes de posicionamento (left e right) ------------ */
.left{
float:left;
}

.right{
float:right;
}
/*--------- informações da div que agrupa tudo(container) -------*/
#container {
margin:0 auto;		
padding: 0;
text-align:center;
width: 950px;
}
/*--------- informações da div de topo------------*/
#topo {
background:url(../imagens/topo_novo.jpg); 
background-position:center;
/*border: 1px solid;
border-color:#FF0000;*/
height:122px;
/*a posição tem que ser relative pois assim conseguimos usar a propriedade z-index que faz com que as divs se sobreponham*/
position:relative;
/*quanto maior o z-index, mais alta fica a div.*/
z-index:2;	
}
/*-----------informações do menu principal--------*/
#header {
position:relative;
top:-3px;
background:url(../imagens/menu_p.png) no-repeat center 0;
height:44px;
padding:0;
/*a posição tem que ser relative pois assim conseguimos usar a propriedade z-index que faz com que as divs se sobreponham*/
z-index:3;
}



/*--------menu principal(cinza)-------------------*/
#menu_principal{
position:relative;
display:block;
top:6px;
font-size:12px;
margin:0;
padding:0;
overflow:hidden;
}

#menu_principal ul {
font-family:Arial;
list-style: none;
margin:0;
padding:0;
}

#menu_principal li {
position: relative;
display: block;
font-family:Arial;
list-style: none; 
text-transform:uppercase;
float:left;
margin:0;
padding:0 45px;
}

#menu_principal li a {
position: relative;
display: block;
width:100px;
padding:10px 0;
color:#666666;   
font-family:Arial;
text-decoration: none;     
}

#menu_principal li a:visited {
color:#000000;
font-family:Arial;
text-decoration: none;
}

#menu_principal li a.corrente {
color:#333333;
cursor: default;
font-weight:bold;
}



/*----------conteúdo principal da página----------*/
#Principal {
background:url(../imagens/menor.jpg);
background-position:center;
background-repeat:no-repeat;
height:210px;
overflow:hidden;
/*a posição tem que ser relative pois assim conseguimos usar a propriedade z-index que fazer com que as divs se sobreponham*/
position:relative;
top:-6px;
z-index:1;
}
/*------------coteudo da direita-------------------*/
#direita {
color:#666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
height: 208px;
margin-top:2px;
padding-left:10px;
padding-right:10px;
overflow:auto;
text-align:left;
width: 445px;
}

#direita span {
margin-right:20px;
}

#direita h1 {
margin-top:10px;
}

#direita a:link {
color: #636467;
text-decoration: none;
}
#direita a:visited {
color: #636467;
text-decoration: none;
}

#direita a:hover {
color: #333333;
text-decoration: underline;
}

#direita a:active {
color: #00A451;
text-decoration: none;
}

#direita h1 {
color: #00A451;
font-family:"Arial Narrow", Arial;
font-style:inherit; 
font-size: 22px;
}

#direita h2 {
color: #636467;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:150%;
}

#direita h4 {
color: #636467;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#direita h5 {
color: #636467;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}

#direita h6 {
color: #636467;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight:normal;
}

#direita p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:150%;
margin: 0.45em 0  0.45em 0;
}

/*-------------- table ------------------------*/
#direita table{
border:1px solid #FFFFFF;
border-collapse: collapse;
background:#009900;
font-family:Arial, Helvetica, sans-serif;
width:410px;
}

#direita table tr{
text-align:center;
}

#direita table h4{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}

#direita table p{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}

#direita table a:hover{
color:#FFFFFF;
text-decoration:underline;
}

/*-----------menu lateral (div e menu)--------------------------*/
#menu_lateral {
float:left;
width:155px;
height:100px;
padding-left:15px;
text-align:left;
}

#menu_lateral ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}

#menu_lateral ul li {
color:#FFFFFF;
position: relative;
width:260px;
}
	
#menu_lateral ul li:hover {
background:#009900;
}
	
#menu_lateral li ul {
position: absolute;
left: 260px;
top: 0;
display: none;
}
	
#menu_lateral li ul li{
width:110px;
}
	
#menu_lateral ul li a {
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
background:#FFFFFF;
padding: 5px;
text-decoration:none;
}
	
#menu_lateral ul li a:hover{
text-decoration:underline;
} 

#menu_lateral ul li ul li a:hover{
font-weight:bold;
background:#009900;
color:#FFFFFF;
text-decoration:none;
}
	
#menu_lateral li:hover ul, li.over ul { 
display: block; 
}

#menu_lateral h2{
color:#FFFFFF;
font-family:"Arial Narrow", Arial;
font-size:20px;
margin-left:-10px;
}

/*---------- informações sobre o menu secundário--*/
#menu_verde {
background:url(../imagens/menu_s.png);
background-position:center;
border-color:#006600;
height:37px;
padding:0;
position:relative;
top:-6px; /**/
}

html:not([ie]) #menu_verde {
top:-7px;
}


/*-------------------menu secudário(verde)---------------------------*/
#menu_secundario{
display:block;
font-size:10px;
position:relative;
overflow:hidden;
margin:0;
padding:0;
}

#menu_secundario ul {
font-family:Arial;
list-style: none;
margin:0;
padding:0;
}

#menu_secundario li {
position: relative;
display: block;
margin:0;
padding:0 14px;
font-family:Arial;
list-style: none; 
text-transform:uppercase;
float:left;
}

#menu_secundario li a {
position: relative;
display: block;
width:130px;
padding:10px 0;
color:#FFFFFF;   
font-family:Arial;
text-decoration: none;
}

#menu_secundario li a:visited {
color:#FFFFFF;
font-family:Arial;
text-decoration: none;
}

#menu_secundario li a.corrente {
color:#FFFFFF;
cursor: default;
font-weight:bold;
}


/*------------------posicionamento do menu secundario----------------*/
.bacia{
}
.comite{
}
.gestao{
}
.legislacao{
}
.recursos{
}
.imprensa{
}
/*------------- posicionamento da div letreiro-----------------------*/
#letreiro {
border-color:#CCCC00;
height:52px;
padding:0;
}
/*------------ imagens e posicionamento das imagens do letreiro------*/
#letreiro_news{
background:url(../imagens/news.jpg);
float:left;
height:50px;
width:295px;
}

#letreiro_blog {
background:url(../imagens/blog.jpg);
float:left;
height:50px;
margin-left:5px;
width:295px;
}

#letreiro_sobre {
/*border:1px solid;*/
background:url(../imagens/saiba.jpg);
float:right;
height:50px;
margin-right:15px;
width:295px;
}
/*------------- informações sobre a div boxes -----------------------*/
#boxes {
position:relative;
top:2px;
height:108px;
/*aumentar o padding para posicionar o conteudo das divs news, blog e sobre, atrabalha a visualizacao do background*/
padding:0;
overflow:hidden;
margin:0 auto;	
padding: 0;
text-align:center; 
}

#boxes div{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#boxes h2{
font-size:18px;
font-style:inherit;
color:#009900;
}
/*------------ informações sobre a div news -------------------------*/
#news {
/*border:1px solid;*/
background:url(../imagens/box1.jpg);
background-position:center;
background-repeat:no-repeat;
color:#666666;
float:left;
height:102px;
margin-left:0;
margin-top:10px;
text-align:left;
width:295px;
}

#news a{
color:#000000;
}
/*-----------div conteúdo_news (posicionamento e largura)------------*/
#conteudo_news{
margin-left:6px;
width:280px;
height:90px;
}  
/*------------ informações sobre a div blog -------------------------*/
#blog {
background:url(../imagens/box2.jpg);
background-position:center;
background-repeat:no-repeat;
float:left;
color:#666666;
height:102px;
margin-left:17px;
margin-top:10px;
text-align:left;
width:325px;
}

#blog a{
color:#000000;
}
/*-----------div conteúdo_blog (posicionamento e largura)------------*/
#conteudo_blog{
margin-left:15px;
width:286px;
}
/*------------ informações sobre a div sobre ------------------------*/
#sobre {
background:url(../imagens/box3.jpg);
background-position:right;
background-repeat:no-repeat;
float:right;
height:102px;
color:#666666;
margin-top:10px;
text-align:left;
width:300px;
}

#sobre a{
color:#000000;
}
/*-----------div conteúdo_sobre (posicionamento e largura)-----------*/
#conteudo_sobre{
margin-left:18px;
padding-top:10px;
width:266px;
}
/*----------- div principal do rodapé -------------------------------*/
#rodape {
border-color:#99CCFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
height:50px;
}
/*--------------------- div copyright -------------------------------*/
#copyright {
color:#999999;
float:left;
font-size:9px;
} 
/*-----------posicionamento e tamanho do menu do rodapé--------------*/
#rodape_menu {
float:right;
font-size:9px;
padding:0;
text-align:right;
width:460px;
}
/*-------------------------- menu do rodapé--------------------------*/
#rodape_menu li {
display: inline;
list-style: none;
padding: 0px 8px 0px 0px;
vertical-align:middle;
}

#rodape_menu li a {
color:#CCCCCC;
font-family:Verdana, Geneva, sans-serif;
margin-left:12px;
text-decoration: none;
}

#rodape_menu li span {
color:#CCCCCC;
font-family:Verdana, Geneva, sans-serif;
text-decoration: none;
}

#rodape_menu li a:hover {
text-decoration: underline;
}
/*---------------cor e posicionamento do botão do formulário de contato-------------------*/
input.btn { 
background-color: #00A451;
border:none;
color:#FFFFFF;
font: bold 84%'trebuchet ms',helvetica,sans-serif; 
margin-left:300px;
}