/******************************************************************************/
/*                                                                            */
/* © Copyright INPE/CPTEC/DSA - 20/03/2007                                    */
/* Css pagina de Monitoramneto de Queimadas                                   */
/* Adaptada para  qualquer resolucao de tela.                                 */
/* Tema:default (queimadas)                                                   */
/* Designed  by:                                                              */
/* Claudinei de Camargo  - Web Designer                                       */   
/* Cintia Pereira     - Web Master                                            */
/*                                                                            */
/* Atualizado em: 08/05/2007                                                  */
/******************************************************************************/


/******************************************************************************/
/* Correção de Imagens Png Com fundo transparente no IE anteriores a versão 7 */
/******************************************************************************/
* html img{
filter:expression(
   this.alphaxLoaded ? "" :
   (
    this.src.substr(this.src.length-4)==".png"
    ?
    (
     (!this.complete)
     ? "" :
      this.runtimeStyle.filter=
      ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
      (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
      String(this.alphaxLoaded=true).substr(0,0)+
      (this.src="temas/pixel.gif").substr(0,0) /*incluir uma imagem transparente de 1 pixel na pasta do css*/
    )
    :
    this.runtimeStyle.filter=""
   )
  );
}

/******************************************************************************/
/*  Configuracoes Gerais                                                      */
/******************************************************************************/

#geral {
 margin:0px;
 background-color:#F1EDE2;
 font-size:100%;
 width:99,9%;
 position:static;
 }

img {
border:0px;
}
/******************************************************************************/
/*  Banners                                                                   */
/******************************************************************************/

#gov {
background-color:#FFCC00;
background-position:center;
height:21px;
float:left;
width:34%;
z-index:1000;

}

#brasil {
background-repeat:no-repeat;
background-color:#FFCC00;
height:21px;
width:48%;
float:right;

}
#brasil2 {
background-repeat:no-repeat;
background-color:#FFCC00;
height:21px;
width:1%;
float:right;

}

#banner {
border:0px;
margin:0px;
padding:0px;
background-image:url(../back.jpg);
padding-left:18%;
background-color:#FFCC00;
background-repeat:repeat-x;
background-position:bottom;

}

#log
	{
	border:1px solid #CC9900;
	margin-left:2px;
	margin-top:4px;
	}

#textobanner {
	position:absolute;
	right:0px;
	top:35px;
	width:562px;
	height:20px;
	z-index:2;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	text-align:center;
	font-size-adjust:inherit;
	color:#000;
}
	
#dividiomas {
	position:absolute;
	right:0px;
	top:25px;
	width:133px;
	height:92px;
	z-index:4;
	margin-right:10px;	
	
}

	#idiomas {
	margin-top:5px;
	border:0px;
	border-bottom:1px #CC9933 dashed;
	font-size:70%;
	font-color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	width:100px;
		
	}
	#idiomas a:hover {
	   
	      	color: #F37311;
			text-decoration: none;
			
			
		}

  #textosub
   {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:16px;
   color:#A14A08;
   text-decoration:overline;
  
  }

#topomenu {
float:left;
position:static;


}
#designed {
	position:absolute;
	left:550px;
	top:-4px;
	width:132px;
	height:8px;
	z-index:3;
	color: #FFCC00;
	font-size: 9px;
	background-color: #FFCC00;

}

#logo {

height:40px;
margin-right:4px;
}


#topobanner {
float:left;
width:18%;
height:98px;
background-image:url(../back.jpg);
margin:0px;
position:static;
}

#topogov{
 float:left;
 height:21px;
 background-color:#DE8948;
 width:18%;
 background-image:url(../f_gov.jpg);
 background-repeat:repeat-y;
 background-position:right;

}
#tabela {
border:1px #B2AC9E dashed;
border-top:0px;
margin:2px;
padding:2px;
color:#777;
font-size:70%;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
#tab {
border:1px #B2AC9E solid;
border-left:0px;
border-top:0px;
margin:2px;
padding:2px;
color:#777;
font-size:70%;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

#tab a:hover {
	   
	      	color: #333;
			text-decoration: none;
			position:static;
			
			
		}
 #tabela a:hover {
	   
	      	color: #333;
			text-decoration: none;
			position:static;
			
			
		}
/********************************************************************************/
/*         MENU HORIZONTAL                                                      */
/********************************************************************************/
     #cordiv {
	       background:#8F896F;
		   height:17px;
	       border:1px solid #B1ACA1;
	       border-left:0px;
	       border-right:0px;
		   position:static;
		  	 
			 }

	#menu ul {
	       
			padding:0px;
			margin:0px;
			margin-left:18%;
			background:#8F896F;
	      	list-style:none;
			font:65% Verdana;
			font-size-adjust:inherit;
			border:0px;
		}

		#menu ul li { display: inline; }

      #menu ul li a {
	   
	       background:#8F896F;
	      	color: #fff;
			text-decoration: none;
			border-bottom:3px solid #8F896F;
			padding: 0px 5px;
			float:left;
		}

		#menu ul li a:hover {
		   background-image:url(../f_menu.jpg);
			background-color:#FBE7C2;
			color: #DF6A10;
			border-bottom:3px solid #A09A76;
		}
		

/********************************************************************************/
/*         MENU HORIZONTAL MAPA                                                     */
/********************************************************************************/
 
    #tabsH {
      float:left;
      width:100%;
      background:#000;
      line-height:normal;
	  font:10px/1.5em Verdana;
	  margin-bottom:2px;
      }
    #tabsH ul {
	  margin:0;
	  padding:5px 5px 0 7px;
	  list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 2px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("tabrightH.gif") no-repeat right top;
      padding:5px 13px 4px 6px;
      color:#FFF;
      }
   
    #tabsH a span {float:none;}
    
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }
		
/*******************************************************************************/
/*   Inicio da Pagina                                                          */
/******************************************************************************/
#esquerdo {
height:100%;
width:100%;
margin-left:0px;
background-color:#FFF0C9;
background-image:url(back2.jpg);

}

#centro {
margin-right:2px;
margin-top:2px;
border:1px #C9C4B0 dashed;
width:99%;
background-image:url(f_mapa.jpg);
background-repeat:repeat-x;
margin-bottom:4px;

}


#direito {
text-align:justify;
margin:0px;
background-image:url(f_eq.jpg);
margin-top:2px;
border:1px #B2AC9E dashed;
background-repeat:repeat-x;
}

#caixas {
margin:4px;
margin-bottom:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#A67B32;
border-top:1px #DEAF5F dashed;
border-top:0px;
font-size:72%;
font-size-adjust:inherit;
}

#fita {
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size-adjust:inherit;
color:#fff;
font-size:smaller;
background-image:url(../fita.jpg);
height:20px;
}
#fita2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size-adjust:inherit;
color:#fff;
font-size:smaller;
background-image:url(f_esq.jpg);
height:20px;
}
 #logotipo {
	position:absolute;
	left:8px;
	top:0px;
	width:131px;
	height:139px;
	z-index:1;
	
}

   
#configurar {
	position:absolute;
	left:248px;
	top:190px;
	width:473px;
	height:300px;
	z-index:1000;
	background-color:#000;
	opacity: .9; 
    filter: alpha(Opacity=90);
   -khtml-opacity: .9;
  border:1px solid #7F4930;
   font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#CC6600;
 display:none;
 }
 
 

.conf {
background-color:#000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#CC6600;
 height:15px;
 font-size:12px;
 margin:4px;
 border-bottom:1px solid #7F4930;

}
.confrod {
  border-bottom:1px solid #7F4930;
  margin:4px;
  }
.textoconf {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#CC6600;
 font-size:10px;
 text-align:center;
}


/**************************************************************************
/ Menu vertical 
/*************************************************************************/

.verticalul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%; /* largura do menu */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#9D9775;
    font-size:11px;
	margin-bottom:4px;

		
	}

#fundo {
background-image:url(imagem/aba.jpg);
border-left:1px #E49C65 dashed;
}

.verticalul li {
	position: relative;
	}
	
.verticalul li ul {
	position: absolute;
	left: 174px; /* retira 1px do menu */
	top: 0;
	display: none;
	z-index:5;
	}

/* Styles para os itens do menu */
.verticalul li a {
	display: block;
	text-decoration: none;
	color:#615A4A;	 
  	padding: 2px;
	border: 1px dashed #ABA596;
	border-top:0px;
	border-left:0;
	margin-left:6px;
	
	}

/* bug do IE e Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* fim */

.verticalul li a:hover { color:#663300;

} 
		
.verticalul ul li a { 
 padding: 2px 5px;
 background-color:#F1EDE2; 
 border-top:1px solid #ABA596; 
 border-bottom:0px;
 border-right:1px solid #ABA596;
 border-left:3px solid #ABA596;} /* estilo dos sub menus */
		
.verticalul li:hover ul, li.over ul { display: block; }

#avan {
margin-left:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#8A8568;
font-size:70%;
border:1px solid #ABA596;
border-left:0px;
background-image:url(fs.jpg);
padding-bottom:2px;


} 

/**************************************************************************
/ Menu vertical configuracao
/*************************************************************************/
.conful {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%; /* largura do menu */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size-adjust:inherit;
    color:#E49C65;
    font-size:70%;
	

		
	}

.conful li {
	position: relative;
	}
	
.conful li ul {
	position: absolute;
	left: 180px; /* retira 1px do menu */
	top: 0;
	display: none;
	z-index:5;
	}

/* Styles para os itens do menu */
.conful li a {
	display: block;
	text-decoration: none;
	color:#A34C24;
	/*background:#94C9F3;*/
	opacity: .7; 
    filter: alpha(Opacity=70);
   -khtml-opacity: .7; 
  	padding: 2px;
	border-top:0px;
	border-left:0;
	margin-left:6px;
	
	}

/* bug do IE e Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* fim */

.conful li a:hover { color: #FF8706; background-image:url(imagem/menu.jpg);
opacity: .8; 
filter: alpha(Opacity=80);
-khtml-opacity: .8;
} 

/***********************************************************************************************/
/* rodape                                                                                      */
/***********************************************************************************************/
#rodape {
background-image:url(fff.jpg);
height:15px;
padding:0px;
border-bottom:2px solid #999;

}
 #pagina {
  width:70%;
  padding-top:4px;
  padding-bottom:0px;
  margin-bottom:0px;
  height:15px;
  margin-bottom:4px;
  
 
}
#copyr {
font-size:9px; 
font-family: Arial, Helvetica, sans-serif; 
color:#999; 
margin-top:8px;
}
 
	#pagina ul {
	       padding:0px;
			list-style:none;
			font:65% Verdana;
			font-size-adjust:inherit;
			border:0px;
			text-align:center;
			
			
		}

		#pagina ul li { display: inline;
		margin-left:20px;
				}
	

      #pagina ul li a {
	   
	      
			text-decoration: none;
					}

		#pagina ul li a:hover {
			color: #DF6A10;
					}
		

/***********************************************************************************************/
/*        Links                                                                                */
/***********************************************************************************************/
 a:link /*link inativo*/
{
    color:#777;
	text-decoration: none
	
}

 a:hover /*mouse em cima*/
{
    color:#CCC;
	text-decoration: none
}

 a:visited /*visitado*/
{
	color:#777;
	text-decoration: none
}

/**********************************************************************************/
/* Pagina apresentacao                                                            */
/**********************************************************************************/   
  #metofield{
	        border:1px #A29D87 dashed;
           	width:95%;
			margin:5px;
			margin-bottom:10px;
			color:#7B755F;
			font-size:70%;
            font-family:Arial, Helvetica, sans-serif;
			padding:15px;
			
								
       }
	   
	   .metolegend{
	      
		    color:#7B755F;
            font-family:Arial, Helvetica, sans-serif;
           
        }
		
/*************************************************************************************/
/* Contato                                                                           */
/************************************************************************************/
#contato {
margin:1px;
width:31%;
height:90px;
border:1px #A29D87 dashed;
padding:3px;

}
#textoc {
font-size:70%;
font-family:Arial, Helvetica, sans-serif;
}
#contafield{
	       border:1px #A29D87 dashed;
           	width:97%;
			margin:5px;
			margin-bottom:10px;
			color:#7B755F;
			font-size:70%;
            font-family:Arial, Helvetica, sans-serif;
			padding:5px;
					
								
       }
	   
	  .contalegend{
	      
		    color:#7B755F;
            font-family:Arial, Helvetica, sans-serif;
           
        }