body {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #000000;
	background-image: url(../../images/p_02_azul.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
select {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px
}
.geral {
	width: 780px;
	position: relative;
	margin-top: -8px;
}
.geral #ass{
	background-image: url(../../images/p_04.gif);
	height: 122px;
}
#titulo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-size:10px;
	font-weight:bold;
	text-align:center;
	padding-bottom: 5px;
}
.geral #menu{
	background-image: url(../../images/en/p_06_EU.jpg);
	width: 780px;
	height: 100px;
	background-repeat: repeat-x;
}
.geral #menu b {
	text-align: left;
	height: 20px;
	font-style: normal;
	color: #4D4D4D;
	font-weight: normal;
}
.geral #menu #seleciona_regioes{
	padding-left: 520px;
	padding-top: 25px;
}
html>body .geral #menu #seleciona_regioes{
	padding-left: 520px;
	padding-top: 28px;
}
.geral #meio {
	color: #4D4D4D;
	width: 780px;
	background-image: url(../../images/p_16_C.gif);
	height: 685px;
	border: 1px solid #D0D0D0;
	position: relative;
	top: 20px;
	float: left;
}
.geral #botoes{
	width: 550px;
	float: left;
	position: absolute;	
	right: 231px;
	top: -28px;
}
html>body .geral #botoes{
	width: 550px;	
	float: left;
	position: absolute;	
	right: 233px;
	top: -28px;
}
.geral #meio #conteudo{
	width: 549px;
	background-color: #FFFFFF;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 10px;
	padding-bottom: 1px;
	float: left;
	height: 620px;
	z-index: 1;
}

.geral #meio #menu_cont{
	margin-left: 7px;
	float: left;
}
html>body .geral #meio #menu_cont{
	margin-left: 10px;
	float: left;
}
.geral #meio #menu_cont li{
	position: relative;
	float: left;
	display: inline;
}
.geral #meio #controles {
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 210px;
}
.geral #camadas{
  text-align:left;
}

.geral #doc {
	color: #13337B;
	font-size: 12px;
	position: relative;
	top: 25px;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	height: 140px;
	float: left;
	width: 145px;
}
.geral #doc i {
	color: #4D4D4D;
	font-size: 12px;
	text-align: left;
	padding-left: 2px;
	font-weight: normal;
	width: auto;
	font-style: normal;
}
.geral #link {
	color: #13337B;
	font-size: 12px;
	position: relative;
	top: 25px;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	border-left: 1px dashed #4d4d4d;
	height: 140px;
	float: left;
	width: 165px;
}
.geral #link i {
	color: #4D4D4D;
	font-size: 12px;
	text-align: left;
	padding-left: 2px;
	font-weight: normal;
	width: auto;
	font-style: normal;
}
.geral #not {
	color: #13337B;
	font-size: 12px;
	float: left;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	background-color: #E7E7E7;
	height: 245px;
	position: relative;
	width: 257px;
	z-index: 2;
	top: 30px;
	left: 7px;
}
html>body .geral #not {	
	width: 255px;	
	top: 28px;
}
.geral #not i {
	color: #4D4D4D;
	font-size: 12px;
	text-align: left;
	padding-left: 2px;
	padding-right: 3px;
	font-weight: normal;
	width: auto;
	font-style: normal;
	position: relative;
}
/*
.geral #gmai {
	color: #13337B;
	font-size: 12px;
	position: relative;
	top: 25px;
	text-align: left;
	padding-left: 5px;	
	font-weight: bold;
	border-left: 1px dashed #4d4d4d;
	height: 100px;
	float: left;
	width: 203px;
}*/

.geral #col {
	color: #13337B;
	font-size: 12px;
	position: relative;
	top: 25px;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	border-left: 1px dashed #4d4d4d;
	height: 140px;
	float: left;
	width: 280px;
}
.geral #col i {
	color: #4D4D4D;
	font-size: 12px;
	text-align: left;
	padding-left: 2px;
	font-weight: normal;
	width: auto;
	font-style: normal;
}
.geral #final {
	background-color: #7D7D7D;
	color: #FFFFFF;
	float: left;
	width: 520px;
	top: 35px;
	position: relative;
	clear: both;
}
.geral #fale_c {
	color: #7D7D7D;
	background-color: #C2C2C2;
	width: 260px;
	float: left;
	position: relative;
	top: 35px;

}
.geral #button input {
	color:#FFFFFF;
	background-color: #687F88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #FFFFFF;
	font-weight: bold;
}
.geral #button{		
	padding-bottom: 10px;
}
.geral #combo_hora{	
	width: 180px;
	padding-right: 0px;
	padding-top: 5px;
}

html>body .geral #combo_hora{	
	width: 180px;
	padding-left: 32px;
	padding-right: 0px;
}

.geral #combo_hora #button{	
	width: 150px;
}

html>body .geral #combo_hora #button{	
	width: 180px;
}
.geral #combo_hora #button ul {
	margin:0;
	padding-top:0px;	
	padding-bottom:0px;
	padding-right:0px;
	/*padding-left:-20px;*/
}

html>body .geral #combo_hora #button ul {
	margin:0;
	padding:0;	
}

.geral #combo_hora #button ul li {
	display:inline;	
}

.geral #combo_hora #button #horas{
	width:105px;	
}

.geral #combo_hora #button #horas_5{	
	padding-right: 77px;
	margin:0;
}
html>body .geral #combo_hora #button #horas_5{
	padding-right: 107px;

}

.geral #combo_hora #button .dia_previsto{
	float:left;
}
#estimativas{	
	width: 680px;
	height: 420px;
	position:absolute;
	background-color: white;	
	z-index:16;
	/*display: none;*/
}
#estimativas_info{		
	overflow: scroll;
	width: 650px;
	height: 400px;	
}
#teste_iframe_estimativas{
  position:absolute;
  z-index:15;
  width: 680px;
  height: 420px;
  background-color: white;	
  border-left:1px solid #b3b3b3;
  border-right:1px solid #b3b3b3;
  border-bottom:1px solid #b3b3b3;
  /*display:none;*/
} 
.tabela_titulo{
	font-size: 10px;
	font-weight: bold;
	width: 600px;
}
.tabela_principal{
	background-color:#687F88;
	border-color:#687F88;
	font-size: 10px;
	font-weight: bold;
	width: 600px;
	color: #FFFFFF;
}
.td_principal{	
	font-size: 10px;
	background-color:#FFFFFF;
	color: #687F88;
}
#legenda_vertical{
  position:absolute;
  z-index:61;
  width: 160px;
  height: 702px;
  top: 0px;
  left: 0px;
  background-color: white;
  border:1px solid #b3b3b3;
	text-align: center;
}
#legenda_vertical a{

	padding-top: 20px;
  color: #13337B;
	text-decoration: none;
	
}
#barra_cores_vertical{
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:60;
  width: 70px;
  height: 620px;
  background-color: white;
}
#iframe_legenda_vertical{
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:59;
  width: 70px;
  height: 620px;

}
#legenda_horizontal{
  position:absolute;
  z-index:61;
  width: 651px;
  height: 171px;
	top: 0px;
  left: 0px;
  background-color: white;
  border:1px solid #b3b3b3;
	text-align: center;
}
#legenda_horizontal a{

	padding-top: 20px;
  color: #13337B;
	text-decoration: none;
	
}
#barra_cores_horizontal{
  position:absolute;
  z-index:60;
  width: 650px;
  height: 170px;
  top: 0px;
  left: 0px;
  background-color: white;
}
#iframe_legenda_horizontal{
  position:absolute;
  z-index:59;
  width: 650px;
  height: 170px;
	top: 0px;
  left: 0px;
}
#titulo_grafico{
	color: #4D4D4D;
  	text-align:center;
}

#scalebar{
	width: 200px;		
	top: 673px;
	height: 30px;
	z-index: 7;
	position: absolute;	
}
#coords{
	width: 200px;
	color: #FFFFFF;
	z-index: 7;
	position: absolute;
	height: 30px;
	text-align:center;
	left:-200px;
}
.geral #meio #controles #concentracao{
	padding-top: 10px;
}
.geral #meio #controles #emissoes_urbano_combo_co{
	padding-top: 10px;
}
.geral #meio #controles #horarios_img{
	padding-top: 10px;
}
.camadas{	
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 50;
	background-color: white;
	border:1px solid #b3b3b3;
	/*position: relative;*/
	width: 200px;
	height: 240px;
        /*display:none;*/
	
}
#camadas_valor{
	padding-top:20px;
top:0px;
	left: 0px;
	position: absolute;
	z-index:51;
}
#camadas_combo_handler{
	position: absolute;
top:0px;
	left: 0px;
	z-index:51;
}
#iframe_camadas{  
  position: absolute;
  top:0px;
  left: 0px;
  z-index:48;
  width: 195px;
  height: 230px;  	  
}  

.geral #meio #controles #data_inicial_div{
	padding-top: 10px;
}
#titulo_da_animacao{
	height: 53px;
	color: #4D4D4D;
}