#barralateral_esq {float: left; width: 150px; height: 900px; background-color: #e4fbf9; border-right: 1px solid #000000;}

#barralateral_dir {float: right; width: 150px; height: 900px; background-color: #e4fbf9; border-left: 1px solid #000000;}

#cabecalho {width: 960px; height: 100px; background-color: #0505c5; border-bottom: 2px solid #000000;}

#corpo {margin: auto;}

#container {margin:auto; width: 100%; background-color: #F1F1F1;}

#desc_imagem {float: left; width: 655px; height: 40px; background-color: #e4fbf9; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}

#imagem_e_controles2 {float: left; width: 618px; height: 1150px; background-color: #000000;}

#imagem_mapa {float: left; width: 618px; height: 800px; background-color: #002234;}

#controles1 {float: left; width: 100px; height: 430px; background-color: #f5fd66;}
#reg_controles1 {float: left; width: 100px; height: 160px; background-color: #2ef3ff;}

#controles2 {float: left; width: 458px; height: 368px; background-color: #f1f099; border: 1px solid #000000;}
#reg_controles2 {float: left; width: 100px; height: 212px; background-color: #cbfff5;}

.links_controles12 {position: relative; top: 5px; left: 0px;}
.links_controles12 ul {margin: 0px 0px 15px 0px;}
.links_controles12 li {margin: 0px 0px 5px 0px; list-style: none; }


#div_controles {width: 457px; height: 50px; background-color: #b2fbf2; border: 1px solid #1c537e;}
#divCFSv2 {float: left; margin: 5px 5px 0px 5px;width: 200px; height: 37px; background-color: #b2fbf2; border: 1px solid #2a638f;}
#divpequena_controles {float: right; margin: 10px 5px 0px 0px;width: 235px; height: 30px; background-color: #b2fbf2; border: 1px solid #2a638f;}

#botoes-controles{margin-left:0px;margin-top:0px; margin:0 auto !important; display:table;}
#botoes-controles ul li a{display:block;width:50px;border:1px solid #1c537e;;text-align:center;color: #e4fbf9; background-color:#E6F2FF;padding:2px 0px 0px 0px;text-decoration:none;margin-bottom:5px;}
#botoes-controles ul li a:hover{color: #0505c5; background-color:#007FFE;}



.links_controles {position: relative; top: 0px; right: 0px; }
.links_controles ul {margin: 0px 0px 0px 0px;}
.links_controles li {float: left; margin: 5px 5px 0px 0px; list-style: none;}

#botoes-regioes{    display: table;    margin: 0 auto !important;}
#botoes-regioes ul li a{display:block;width:150px;border:1px solid #007FFE ;text-align:center;padding:2px 4px 2px 4px;text-decoration:none;margin-bottom:5px; background: #E6F2FF !important;}
#botoes-regioes ul li a:hover{background-color:#007FFE !important;}
#botoes-regioes ul li a:active {background-color:#007FFE !important;}
#botoes-regioes ul li a:visited {background-color:#007FFE !important;}

#botoes-regioes-mapas{    display: table;    margin: 0 auto !important;}
#botoes-regioes-mapas ul li a{display:block;width:150px;border:1px solid #007FFE ;text-align:center;padding:2px 4px 2px 4px;text-decoration:none;margin-bottom:5px; }
#botoes-regioes-mapas ul li a:active {background:#007FFE !important;}






.botoes-embaixo {border: #000 1px solid; text-align: center; display:table; padding:10px; min-width: 300px; align-items: center; margin:0 auto;}

#botoes-img{margin: 0 auto;}
#botoes-img ul li a{display:block;width:109px;border:2px solid #FFF;text-align:center;font-size:11px;letter-spacing: -0.5px; padding:5px;text-decoration:none; }



.cinquenta{width: 33.3%; float: left;}
.cinquentad{width: 50%; float: right;}

.espaco{margin:10px !important;}

.links_e_img ul {margin: 0px auto; display: table; padding: 0px;}
.links_e_img li {float: left; list-style: none;}

.links {position: relative; top: 0px; left: 0px;}
.links ul {margin: 0px 0px 15px 0px;}
.links li {margin: 0px 0px 5px 0px; list-style: none;}

.teste50 {float: left;    flex-shrink: 0;    width: 50%;    max-width: 50%;    padding-right: calc(var(--bs-gutter-x) * .5);    padding-left: calc(var(--bs-gutter-x) * .5);    margin-top: var(--bs-gutter-y);}
.teste50d {float: right;    flex-shrink: 0;    width: 50%;    max-width: 50%;    padding-right: calc(var(--bs-gutter-x) * .5);    padding-left: calc(var(--bs-gutter-x) * .5);    margin-top: var(--bs-gutter-y);}

.menu{border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#333333 url("images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #2580a2 url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{clear:left;
		}
#rodape {clear: both; width: 960px; height: 235px; position: relative; background-color: #0505c5; border-top: 2px solid #000000;}
#rodape a {text-decoration: none; font-weight: bold; color: #020042; font-family: verdana;}
#rodape a:visited {text-decoration: underline; color: #47006B; font-weight: bold;}
#rodape a:hover {text-decoration: underline; color: #cc0000; font-weight: bold;}
.classTexto1 {font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;color: red; font-size: 24px;}
.classTextoBotao {font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;color: black; font-size: 14px;}
.classTextoGrande {font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;font-size: 30px;}
.classTextoMedio {font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;font-size: 16px; cursor:pointer;}
.classTextoMedio_e_hand {font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;font-size: 16px; cursor:pointer;}
.classTextoPequeno {font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;font-size: 12px;}
.classTextoPequeno_e_hand {font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;font-size: 12px; color: #31008c; cursor:pointer;}
.classTextoPequeno1_e_hand {font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;font-size: 14px; color: #31008c; cursor:pointer;}
.classTextoPequeno1 {font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;font-size: 14px; color: #31008c;}
.classTextoMini {font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;font-size: 10px;}
#logo_rodape {position: relative; float: left; width: 90px; height: 154px; top: 10px; left: 10px; background-color: #025700;}
#rodape1 {position: relative; float: right; width: 820px; height: 150px; top: 10px; right: 30px; background-color: #0505c5;}
#grupos_rodape_canto {position: relative; float: left; width: 30px; height: 130px; top: 10px; left: 10px; background-color: #888888;}
#grupos_rodape0 {position: relative; float: left; width: 60px; height: 130px; top: 10px; left: 10px; background-color: #e4fbf9;}
#grupos_rodape1 {position: relative; float: left; width: 60px; height: 130px; top: 10px; left: 10px; background-color: #e4fbf9;border-left: 1px dashed #000000;}
#grupos_rodape {position: relative; float: left; width: 118px; height: 130px; top: 10px; left: 10px; background-color: #e4fbf9;border-left: 1px dashed #000000;}
#direitos_rodape {position: relative; float: left; width: 920px; height: 50px; top: 20px; left: 20px; background-color: #e4fbf9; border: 1px solid #000000;}
.links_rodape {position: relative; top: 0px; left: 0px;}
.links_rodape ul {margin: 5px 0px 15px -36px;}
.links_rodape li { list-style: none;}
.hand{cursor:pointer;}

#tabela_dy_horas {float: left; width: 655px; height: 1050px; background-color: #e4fbf9; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
#tabela_diario {float: left; width: 655px; height: 60px; background-color: #fdfb6f;border-top: 1px dashed #000000;border-bottom: 1px dashed #000000;border-left: 1px dashed #000000;border-right: 1px dashed #000000;}
#tabela_horas {float: left; width: 655px; height: 100px; background-color: #f5fd66;border-top: 1px dashed #000000;border-bottom: 1px dashed #000000;border-left: 1px dashed #000000;border-right: 1px dashed #000000;}
#tabela_dy_horas_feriados {float: left; width: 655px; height: 370px; background-color: #e4fbf9; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
#tabela_dy_horas_cidadesturisticas {float: left; width: 655px; height: 246px; background-color: #e4fbf9; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
#corpo_imagem_home {float: left; width: 460px; height: 800px; background-color: #e4fbf9; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
#corpo_prev_home {float: right; width: 435px; height: 750px; background-color: #e4fbf9; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
#tabela_dy_horas_home {float: left; width: 435px; height: 450px; background-color: #e4fbf9; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
#tabela_diario_home {float: left; width: 435px; height: 60px; background-color: #fdfb6f;border-top: 1px dashed #000000;border-bottom: 1px dashed #000000;border-left: 1px dashed #000000;border-right: 1px dashed #000000;}
#tabela_horas_home {float: left; width: 435px; height: 100px; background-color: #f5fd66;border-top: 1px dashed #000000;border-bottom: 1px dashed #000000;border-left: 1px dashed #000000;border-right: 1px dashed #000000;}
#tabela_linktabcompleta_home {float: left; width: 435px; height: 16px; background-color: #e4fbf9;border-top: 1px dashed #000000;border-bottom: 1px dashed #000000;border-left: 1px dashed #000000;border-right: 1px dashed #000000;}
#tabela_linkferiados_home {float: right; width: 435px; height: 50px; background-color: #e4fbf9;border-top: 1px dashed #000000;border-bottom: 1px dashed #000000;border-left: 1px dashed #000000;border-right: 1px dashed #000000;}
#tabela_linkcidadesturisticas {float: right; width: 655px; height: 50px; background-color: #e4fbf9;border-top: 1px dashed #000000;border-bottom: 1px dashed #000000;border-left: 1px dashed #000000;border-right: 1px dashed #000000;}
#tabela_linkcidadeturisticas_home {float: right; width: 435px; height: 150px; background-color: #e4fbf9;border-top: 1px dashed #000000;border-bottom: 1px dashed #000000;border-left: 1px dashed #000000;border-right: 1px dashed #000000;}
#link_mapas_br_home {float: left; width: 225px; height: 175px; background-color: #e4fbf9;border-top: 1px dashed #000000;border-bottom: 1px dashed #000000;border-left: 1px dashed #000000;border-right: 1px dashed #000000;}
#link_mapas_mundo_home {float: right; width: 225px; height: 175px; background-color: #e4fbf9;border-top: 1px dashed #000000;border-bottom: 1px dashed #000000;border-left: 1px dashed #000000;border-right: 1px dashed #000000;}
#link_mapas_home {float: left; width: 100px; height: 20px; background-color: #e4fbf9;border-top: 1px dashed #000000;border-bottom: 1px dashed #000000;border-left: 1px dashed #000000;border-right: 1px dashed #000000;}
#controles2_home {float: left; width: 458px; height: 235px; background-color: #f1f099; border: 1px solid #000000;}
#imagem_e_controles2_home {float: left; width: 460px; height: 619px; background-color: #000000;}

#data_dy {float: left; width: 125px; height: 28px; margin-top:-40px background-color: #025700;}
#icone_dy {float: left; margin: -20px 0px 0px 0px; width: 60px; height: 40px;}
#prec_dy {float: left; margin: -20px 0px 0px 0px; width: 50px; height: 40px;}
#temp_dy {float: left; margin: -31px 15px 0px 0px; width: 56px; height: 60px;}
#ur_dy {float: left; margin: -31px 15px 0px 0px; width: 50px; height: 60px;}
#pressao_dy {float: left; margin: -31px 15px 0px 0px; width: 72px; height: 60px;}
#vento_dy {float: left; margin: -20px 0px 0px 0px; width: 56px; height: 40px;}
#hsol_dy {float: left; margin: -20px 0px 0px 0px; width: 50px; height: 60px;}

#data_6h {float: left; width: 145px; height: 30px;}
#data_6h_home {float: left; width: 67px; height: 30px;}
#icone_6h {float: left; margin: 0px 0px 0px 0px; width: 61px; height: 30px;}
#vars_6h {float: left; margin: 0px 0px 0px 0px; width: 61px; height: 30px;}
#pressao_6h {float: left; margin: 0px 0px 0px 0px; width: 80px; height: 30px;}

#botoes-tabelaprev{margin-left:-40px; margin-top:0px; width:150px; height: 15px;}
.links_tabelaprev {position: relative; top: 0px; left: 0px;}
.links_tabelaprev ul {margin: 0px 0px 0px 0px;}
.links_tabelaprev li {margin: 0px 0px 0px 0px; list-style: none;}