/*GERAL*/
*{margin:0;border:0;padding:0;}

body{font:11px Arial, Helvetica, sans-serif;color:#293A5C;text-align:center;background:#fff;}
input,select,option{background:#fff;}
a{color:#293A5C;text-decoration:none;}
a:hover{text-decoration:underline;}
ul{list-style:none;}

.clear{clear:both}
.noheader{clear:both;margin:0 0 -6px 0;border-bottom: 1px solid #fff;}
.direita{float:right;}
.esquerda{float:left;}

div#noticias{position:relative;float:left;background:url(../images/noticias_bg.gif) no-repeat;width:613px;margin:0;}
div#noticias h2{background:#FFF url(../images/h2_noticias_bg.gif) no-repeat 3px 3px;font:bold 11px Arial, Helvetica, sans-serif;padding:0 3px 0 13px;display:inline;}
div#noticias div.titulo{color:#7689AC;}
div#noticias div.titulo h2{background-position:0 3px; padding:0 0 0 10px;}
div#noticias h3{font:bold 11px Arial, Helvetica, sans-serif;background:url(../images/h3_bg.gif) no-repeat 0 4px;padding:0 0 0 8px;display:inline;}
div#noticias div.titulo{background:#fff url(../images/titulo_bg.gif) no-repeat top right;display:inline;float:left;padding:5px 87px 0 0;margin:0 0 0 14px;}
div#noticias h3.titulo_destaque{clear:both;background:url(../images/titulo_destaque_bg.gif) repeat-x bottom;font:bold 22px Arial, Helvetica, sans-serif;text-align:left;padding:3px 0 5px 12px;display:block;}
div#noticias h3.titulo_destaque a:hover{color:#426B89;text-decoration:none;}

div#noticias div.conteudo{padding:5px;clear:both;}

div#noticias div.interna{padding:5px;clear:both;}
div#noticias h2{color:#85080B;}



div#googlemaps { text-align:center; }

div#googlemaps div#navegacao {clear:both; font:bold 11px Arial; padding:0 14px 5px 14px; text-align:left; text-transform:uppercase;}
div#googlemaps div#navegacao a {text-decoration:underline; margin-right:10px;}

div#googlemaps h1 { display:block; font:bold 11px Arial; padding:3px 14px; background:#edf3f6; margin-bottom:2px; text-align:left; }
div#googlemaps .title_form { display:block; width:603px; height:21px; font:bold 11px Arial !important; padding:3px 14px; background:#edf3f6; margin-bottom:2px;}
html > body div#googlemaps .title_form {display:block; width:575px; height:21px; font:bold 11px Arial !important; padding:3px 14px; background:#edf3f6; margin-bottom:2px;}
div#googlemaps .title_form span.esquerda{float:left; line-height:21px;}
div#googlemaps .title_form span.direita{float:right;}
div#googlemaps .title_form span.direita span{float:left; line-height:21px !important; font-weight:normal !important; padding-right:3px;}
div#googlemaps .title_form span.direita select{float:left; width:130px !important; border:1px solid #a6a6a6; font:10px Arial, Helvetica, sans-serif !important; color:#293a5c !important; margin:2px 0 0 0 !important;}

div#menu_esquerdo div#menu_clima h2 {background:url(../images/menu_tit_menu_clima.gif) no-repeat; }
div#menu_esquerdo div#canais_clima h2 {background:url(../images/menu_tit_canais_clima.gif) no-repeat;}
div#menu_esquerdo div#noticias_clima h2 {background:url(../images/menu_tit_noticias_clima.gif) no-repeat;}
div#menu_esquerdo div#regioes_clima h2 {background:url(../images/menu_tit_regioes_clima.gif) no-repeat;}
div#menu_esquerdo div#servicos_clima h2 {background:url(../images/menu_tit_servicos_clima.gif) no-repeat;}
div#menu_esquerdo div#empresa_clima h2 {background:url(../images/menu_tit_empresa_clima.gif) no-repeat;}
div#menu_esquerdo div#ferramentas_clima h2 { background:url(../images/menu_tit_ferramentas_clima.gif) no-repeat;}
div#menu_esquerdo div#ferramentas_clima ul{ margin-bottom:20px;}


div#googlemaps div.caixa {padding:14px; background:url(../images/bg_caixa.gif) repeat-x top; margin-bottom:2px;}
div#googlemaps div.caixa form * {font:11px Arial; color:#293a5c; text-align:left;}
div#googlemaps div.caixa form p {font-weight:bold;}
div#googlemaps div.caixa form span {display:block; float:left; margin-right:20px;}
div#googlemaps div.caixa form fieldset { margin:8px 0 12px 0;}
div#googlemaps div.caixa form label { display:block; padding:3px 6px;}
div#googlemaps div.caixa form label.estado { background:url(../images/ico_bg_titulo.gif) no-repeat left; padding-left:10px;}
div#googlemaps div.caixa form label.endereco { background:url(../images/ico_bg_titulo.gif) no-repeat left; padding-left:10px; margin-top:10px }
div#googlemaps div.caixa form select { width:50px; padding-right:1px !important;}
div#googlemaps div.caixa form input { width:120px ;}
div#googlemaps div.caixa form input#endereco { width:250px;}
div#googlemaps div.caixa form input, div#googlemaps div.caixa form select { border:1px solid #a6a6a6; padding:1px 5px; }
div#googlemaps div.caixa div.mapa { width:518px; height:351px; padding:11px; background:#e5ecf2; margin:20px auto;}

/* 4.0  TRAÇAR ROTAS _ 4.1  RESULTADO TRAÇAR ROTAS */

div#googlemaps div.caixa form a.tracarota { display:block; margin:10px 0 0 177px; text-indent:-3500em; width:74px; height:16px; background:url(../images/bt_tracar.gif) no-repeat; border:0; padding:0 !important;}

div#googlemaps div.caminho { width:520px; /* height:260px; */ margin:15px auto; margin-top:0px;}
div#googlemaps div.caminho p { font-weight:bold; float:left;}
div#googlemaps div.caminho p.imprimir { float:right; background:url(../images/bt_print.gif) no-repeat left; padding:0 5px 0 20px;}
div#googlemaps div.caminho iframe { width:517px; height:237px; padding:1px; border:1px solid #a6a6a6; margin-top:5px;}

/*  3.0 LOCALIZAR ENDEREÇO _ 3.1 RESULTADO LOCALIZAÇÃO  */

.left {float:left !important}
div#googlemaps div.caixa form a.localizar {float:left; display:block; text-indent:-3500em; width:60px; height:16px; background:url(../images/bt_localizar.gif) no-repeat; border:0; padding:0 !important; margin:1px 0 0 10px;}

/* 1.1.Transito_CameraAoVivo.psd */

div.camera {width:370px; height:370px; padding:10px; font-family: Arial; color:#293a5c;}

div.camera span.titulo {display:block; height:31px; background:url(../images/cam_bg_titulo.gif) repeat-x center; margin-bottom:10px;}
div.camera span.titulo h1 {display:block; float:left; width:148px; height:31px; text-indent:-1500em; background:url(../images/cam_logo_ultimosegundo.gif) no-repeat;}
div.camera span.titulo a.fechar {display:block; float:right; width:58px; height:31px; background:#fff url(../images/bt_fechar.gif) no-repeat right; text-indent:-1500em;}

div.camera span.miolo h1 {font-size:12px; margin:3px 0;}
div.camera span.miolo p {font-size:11px;}

div.camera span.video {display:block; width:338px; height:252px; padding:15px; background:#e5ecf2; margin-top:20px;}
div.camera span.video img {border:1px solid #2d529b;}

/* 1.0 TRANSITO */
div#googlemaps div.caixat {padding:14px 0 14px 14px; background:url(../images/bg_caixa.gif) repeat-x top; margin-bottom:2px;  width:602px;}
html >body div#googlemaps div.caixat {padding:14px 0 14px 14px; background:url(../images/bg_caixa.gif) repeat-x top; margin-bottom:2px; width:589px;}
div#googlemaps div.caixat * {font:11px Arial; color:#293a5c; text-align:left;}
div#googlemaps div.caixat p.line{background:url(../images/ico_bg_titulo.gif) no-repeat left; padding-left:10px; font-weight:bold;}
div#googlemaps div.caixat .iframe_mapa{float:left; width:252px; height:315px; margin:15px 0 auto;}
div#googlemaps div.caixat .iframe_mapa p{float:left; width:252px; background-color:#d3dde4; height:21px; margin-bottom:7px;}

div#googlemaps div.caixat .iframe_mapa p.item{background-color:#e4ecf1 !important; margin-top:2px; line-height:21px; vertical-align:middle;}
div#googlemaps div.caixat .iframe_mapa p.item img{float:left; margin:3px 0 0 2px;}
div#googlemaps div.caixat .iframe_mapa p.item span{float:left; font:normal 10px Arial; padding:0 3px; line-height:18px;}
div#googlemaps div.caixat .iframe_mapa p span {padding-left:9px; line-height:21px;font-weight:bold;}
div#googlemaps div.caixat .iframe_mapa .mapa_253{float:left; width:252px; height:262px; margin:0; padding:0;}

div#googlemaps div.caixat .iframe_vias{float:right; width:318px; height:315px; margin:15px 5px 15px 0px; }
div#googlemaps div.caixat .iframe_vias p{width:307px; background-color:#d3dde4; height:21px; margin-bottom:7px;}
div#googlemaps div.caixat .iframe_vias p span {padding-left:9px; line-height:21px;font-weight:bold;}
div#googlemaps div.caixat .iframe_vias .vias_318{float:left; margin:0; padding:0; width:305px; height:282px; border:1px solid #a6a6a6;}

div#googlemaps div.caixat  .frame_corredor{float:left; margin:5px 0 0 0; width:580px;}
div#googlemaps div.caixat  .frame_corredor p{float:left; width:580px; height:21px; background-color:#edf3f6;}
div#googlemaps div.caixat  .frame_corredor p span{background:url(../images/ico_bg_titulo.gif) no-repeat left; padding-left:10px; font-weight:bold; line-height:21px;}
div#googlemaps div.caixat  .frame_corredor .separa_ul{ float:left; width:580px;}
div#googlemaps div.caixat  .frame_corredor .separa_ul .coluna{ float:left; width:281px;}
div#googlemaps .separa_ul ul {float:left; list-style:none !important;}
div#googlemaps .separa_ul  ul li{ float:left; height:20px; width:280px; list-style:none !important; color:#9fb1be;}
div#googlemaps .separa_ul  ul li a{ color:#293a5c;}
div#googlemaps .primeira { font:11px Arial, Helvetica, sans-serif; height:25px !important; line-height:25px !important; vertical-align:middle; color:#293a5c !important; padding:0 4px; font-weight:normal;}
div#googlemaps .primeira strong{width:96%; _width:99%; font-weight:bold !important;}
div#googlemaps .tipo1{float:left; width:96%; _width:99%; background:url(../images/bg_20_rotas.gif) repeat-x; height:20; line-height:20px !important; border-top:1px solid #d4e1e9; border-left:1px solid #d4e1e9; padding:0 4px;}
div#googlemaps .tipo2{float:left; width:96%; _width:99%; height:20; line-height:20px !important; border-top:1px solid #d4e1e9; border-left:1px solid #d4e1e9; padding:0 4px;}



div#googlemaps div.caixat .camerain{ float:left; width:26px; background:url(../images/temp/ico_cam2.gif) no-repeat; height:20px; line-height:20px; text-indent:-15000em;}
div#googlemaps div.caixat .cameraout{ float:left; width:26px; background:none; height:20px; line-height:20px; text-indent:-15000em;}
div#googlemaps div.caixat .frame_corredor .separa_ul .coluna ul li span img{float:left; margin:2px 8px 0 11px;}

div#googlemaps .multimidia h2 strong.red{ color:#85080b !important; font:bold 11px Arial, Helvetica, sans-serif !important;}
div#googlemaps div.caixat .baseform{width:580px; float:left;background:url(../images/bg_caixa.gif) repeat-x top; margin-bottom:2px;}
div#googlemaps div.caixat .baseform form p{ float:left; font-weight:bold; background:none !important; padding:15px 0 0 15px; clear:both;}
div#googlemaps div.caixat .baseform form fieldset{float:left;}

div#googlemaps div.caixat form span { display:block; float:left; margin-right:20px;}
div#googlemaps div.caixat form fieldset { margin:0 0 3px 0;}
div#googlemaps div.caixat form label { display:block; padding:3px 6px;}
div#googlemaps div.caixat form label.estado { background:url(../images/ico_bg_titulo.gif) no-repeat left; padding-left:10px;}
div#googlemaps div.caixat form label.endereco { background:url(../images/ico_bg_titulo.gif) no-repeat left; padding-left:10px; margin-top:10px;}
div#googlemaps div.caixat form select { width:50px; padding-right:1px !important;  border:1px solid #a6a6a6 !important;}
div#googlemaps div.caixat form input { width:120px;}
div#googlemaps div.caixat form input#endereco { width:250px;}
div#googlemaps div.caixat form span.ml14{ margin-left:14px !important;}
div#googlemaps div.caixat form input, div#googlemaps div.caixa form select { border:1px solid #a6a6a6 !important; padding:1px 5px; }
div#googlemaps div.caixat form a.tracarota { display:block; margin:10px 0 0 177px; text-indent:-3500em; width:74px; height:16px; background:url(../images/bt_tracar.gif) no-repeat; border:0; padding:0 !important;}

div#googlemaps .camera_right{float:right; width:290px; height:350px; overflow:scroll; overflow-x:hidden; border:1px solid #CCCCCC;}
div#googlemaps .camera_left{float:left !important;width:290px; margin-right:6px;}
div#googlemaps .camera_left strong{font-weight:bold !important;}
div#googlemaps .camera_left img{ margin-top:1px !important;}
div#googlemaps .camera_right ul {float:left; list-style:none !important; padding-left:5px;}
div#googlemaps .camera_right ul li{ float:left; height:20px; background:url(../images/temp/ico_cam3.gif) no-repeat; padding-left:30px; width:280px; list-style:none !important; color:#9fb1be; line-height:20px !important;}
div#googlemaps .camera_right ul li a{font:bold 11px Arial, Helvetica, sans-serif !important;}
.adjust_height{height:400px !important;}


span.caminho_iframe { display:block; text-align:left; height:200px; width:530px; overflow-y:auto; border:1px solid #a0a0a0; }
span.caminho_iframe p { display:block; width:100%; font-weight:bold; /*height:24px;*/ text-indent:10px; padding-top:4px; }
span.caminho_iframe p.hr { height:1px !important; margin:1px 0 !important; background:#d4e1e9; padding:0 !important; font-size:1px; }
span.caminho_iframe p.bg { background:#edf3f6; font-size:11px; }

div.hr {background:transparent url(../images/hr_separador.gif) repeat-x scroll center; clear:both; height:2px;}
div.box_shopping{width:600px;background:url(../images/bg_geral.gif) repeat-x 0 3px;clear:both;}


/* Apontador
---------------------------------------------------------------------------*/
.rotaResumo ul li{
	float:left;
}


/* Lista do GeoCode
---------------------------------------------------------------------------*/
.geoOrigem{
	position			: absolute;
	width				: 340px;
	height				: 200px; 
	padding				: 5px;
	background-color	: #FFFFFF;
	border				: 2px solid #CCCCCC ;
	overflow			: none;
	z-index				: 10001;
	/*margin-top			:20px;*/
}

#geoCandidates {
	width				: 340px;
	height				: 200px; 
	overflow 			: auto;
}
/* Lista do GeoCode
---------------------------------------------------------------------------*/
ul.listaGeo{
 	 height				: 90px;
	 overflow			: auto;
}
ul.listaGeo a{
	color				: #333333;
}
ul.listaGeo li{	
	/*width				:360px;
	_width				:340px;
	*/
}
ul.listaGeo a:hover{
	text-decoration		: underline;
}
ul.listaGeo .zebraIn{
	background-color	: #EFEFEF;
	padding				: 5px 0px 5px 0px;
}
ul.listaGeo .zebraOut{
	padding				: 5px 0px 5px 0px;
	background-color	: #FFFFFF;
}	

.zebraIn{
	background-color	: #EFEFEF;
}
.zebraOut{
	background-color	: #FFFFFF;
}		
/* Cursor
---------------------------------------------------------------------------*/
.pointer{
	cursor				: pointer;
}
/* Rota - Endereço de Origem 
---------------------------------------------------------------------------*/
.listaGeoO{
	position			: absolute;
	width				: 258px;
	height				: 200px;
	background-color	: #FFFFFF;
	border				: 2px solid #CCCCCC;
	overflow			: auto;
	z-index				: 10001;
	/*left: -11px;*/
	/*top: 276px;*/


}
.listaGeoO ul.listaGeo {
 	 height				: 200px;
	 overflow			: auto;
}
.listaGeoO ul.listaGeo li{
	margin-left			:0px;
}
.listaGeoO ul.listaGeo a{
	color				: #333333;
}
.listaGeoO ul.listaGeo a:hover{
	text-decoration		: underline;
}
.listaGeoO ul.listaGeo .zebraIn{
	background-color	: #EFEFEF;
	padding				: 5px 0px 5px 0px;
}
.listaGeoO ul.listaGeo .zebraOut{
	padding				: 5px 0px 5px 0px;
	background-color	: #FFFFFF;
}	


/* Trânsito 
---------------------------------------------------------------------------*/
#geoRotaDestino{
	
}