#flash_formato,
#graficos_formato,
#diario_formato,
#sumario_formato,
.arrudeia_previsao{
	float: left;
	width:492px;
	margin-right:8px;
}

#flash_formato{
	height:1200px;
	display:block;
	margin-top:6px;
}

#diario_formato,
#sumario_formato{
	display:none;
}

#conteudo_central_previsao{
	width: 656px;
	margin:0 0 0 8px;
	padding-top:0;
	float:left;
	overflow:hidden;
	position:relative;
}


#arrudeia_lateral{
	float: left;
	margin-top:8px;
	width:156px;
	height:2000px;
	list-style-type:none;
}

#coluna_direita{
	width: 130px;
	float:right;
	margin: 0 8px 8px 8px;
	position:relative;
	overflow:hidden;
	list-style-type:none;
}

#mapas_display,
#fonte_display,
#estacao_display,
.arrudeia_item_previsao{
	float: left;
	width:490px;
	position:relative;
	margin:0;
	overflow:hidden;
	border:1px solid #bbb;
}

#arrudeia_espectral{
	float: left;
	width:490px;
	display:none;
}

#mapas_display{height:376px;}

#fonte_display{float:left;}

#estacao_display{
	width:470px;
	height:60px;
	padding:10px;
	display:none;
}

.envoltorio_mapas{
	position:absolute;
	bottom:0;
	left:0;
	width:490px;
	height:374px;
}

#sumario_dia,
#sumario_semana,
.envoltorio_titles,
.envoltorio_graficos{	
	position:absolute;
	bottom:40px;
	left:35px;
	width:4000px;
	height:100px;
	z-index:1;
}

#envoltorio_espectro{
	width:484px;
	height:360px;
	float:left;
	margin:4px;
}

#sumario_dia{
	bottom:2px;
	left:66px;
} 

.envoltorio_titles{z-index:10;bottom:75px;}

.envoltorio_opcoes_grafico{
	float: left;
	margin:2px 0 0 35px;
	width:450px;
	height:26px;
}

#form_data_altura{
	float: right;
	margin:2px 0 0 8px;
	width:248px;
	height:20px;
}

#form_data_altura .seta_data a{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
	text-decoration:none;	
	padding:1px 2px;
	margin:0 2px;
}

#form_data_altura .seta_data a:hover{
	color:#fff;
	background-color:#036;
	display:block;
}

#form_data_altura select{
	float: left;
	margin:1px 2px;
	border:1px solid #999;
}

#previsao_local{
	float: left;
	margin:0;
	padding:0;
	width:490px;
}

#data_hoje,
#fonte_display,
#form_data_altura option,
#form_data_altura input{
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#036;	
	border:1px solid #999;
	margin-top:1px;
}

#data_hoje{
	border:0;
	padding:2px 6px;
	display:none;
	float:right;
	border:1px solid #999;
}

#fonte_display{
	margin:0;
	position:relative;
	height:136px;
}

#fonte_display #conteudo{
	position:absolute;
	bottom:8px;
	left:8px;
	width:460px;
	height:120px;
}

#fonte_display #conteudo p{margin:4px 6px;}

#form_data_altura option{border:0;}

#botao_data{
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:14px;
	color:#036;	
	border:0;
	margin:1px 4px;
	height:19px;
	padding:0 4px 2px 4px;
	background-color:#ddd;
}	

#botao_data:hover{
	color:#000;	
	background-color:#eee;
}	

.envoltorio_dia_titles{
	float: left;
	margin:0;
	width:56px;
	position:relative;
	border-right:1px solid #333;
}

.envoltorio_hora_sumario_noite,
.envoltorio_hora_sumario,
.envoltorio_dia_mare,
.envoltorio_dia{
	float: left;
	margin:0;
	width:56px;
	position:relative;
	border-right:1px solid #333;
}

.envoltorio_dia_sumario, 
.envoltorio_hora_sumario_noite,
.envoltorio_hora_sumario{
	border-right:1px solid #ccc;
}

.envoltorio_hora_sumario_noite,
.envoltorio_hora_sumario{
	width:52px;
}

.envoltorio_dia_sumario, 
.envoltorio_dia_sumario .dia,
.direcao_sumario,
.envoltorio_hora_sumario_noite,
.envoltorio_hora_sumario{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#036;
	float:left;
	text-align:center;
}

.envoltorio_hora_sumario_noite{
	background-color:#ddd;
}


.hora_sumario,
.direcao_sumario,
.envoltorio_hora_sumario .hora{
	width:100%;
}

.envoltorio_dia_sumario .dia{
	background-color:#eee;
}

.envoltorio_dia_sumario,
.envoltorio_dia_sumario .dia{
	width:458px;
}


.sep18,.sep17,.sep16,.sep15,.sep14,.sep13,.sep12,.sep11,.sep10,.sep9,.sep8,.sep7,.sep6,.sep5,.sep4,.sep3,.sep2,.sep1,.sep0,.sea0,
.sea14,.sea13,.sea12,.sea11,.sea10,.sea9,.sea8,.sea7,.sea6,.sea5,.sea4,.sea3,.sea2,.sea1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#036;
	float:left;
	text-align:center;
	width:100%;
	height:19px;
	padding:4px 0;
}

.rotulo_dia,
.num_escala{
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	text-align:center;
}

.cabeca_sumario_semana,
.rotulo_sumario_semana_dia_cz,
.rotulo_sumario_semana_dia,
.rotulo_sumario_semana_cz,
.rotulo_sumario_mare,
.rotulo_sumario_mare2,
.rotulo_sumario_semana_bco,
.rotulo_sumario_semana_bco2,
.rotulo_sumario_semana_swl,
.rotulo_sumario_semana_swl2,
.rotulo_sumario_semana_swls,
.rotulo_sumario_semana,
.rotulo_sumario_dia,
.rotulo_sumario_semana_dia2,
.rotulo_sumario_semana_dia3,
.rotulo_sumario_1linha,
.rotulo_sumario_dir,
.rotulo_sumario_per,
.rotulo_sumario{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	color:#333;
	text-align:center;
	float:left;
	width:100%;
}

.cabeca_sumario_semana{
	height:15px;
	line-height:11px;
	padding:6px 0;	
	float:left;
	color:#eee;
	font-weight:bold;
	background-color:#923504;
	border-bottom:1px solid #ccc;
	text-align:left;
}

.rotulo_sumario_dia,
.envoltorio_dia_sumario .dia{
	height:11px;
	line-height:11px;
	padding:3px 0;
	background-color:#ccc;
}

.linha_sumario_semana_top,
.linha_sumario_semana_cz2,
.linha_sumario_semana_cz,
.linha_sumario_semana{
	width:100%;
	float:left;
}

.linha_sumario_semana_top{ border-bottom:2px solid #999; }

.linha_sumario_semana_cz{ background-color:#eee; }
.linha_sumario_semana_cz2{ background-color:#ddd; }

.rotulo_sumario_semana_dia_cz,
.rotulo_sumario_semana_dia,
.rotulo_sumario_semana_dia2,
.rotulo_sumario_semana_dia3,
.rotulo_sumario_semana_swl,
.rotulo_sumario_semana_swl2,
.rotulo_sumario_semana_swls,
.rotulo_sumario_semana_bco,
.rotulo_sumario_semana_bco2,
.rotulo_sumario_mare,
.rotulo_sumario_mare2,
.rotulo_sumario_semana_cz,
.rotulo_sumario_semana{
	height:15px;
	line-height:11px;
	padding:6px 0;	
	width:81px;
	border-right:1px solid #000;
}

.rotulo_sumario_mare{
	width:101px;
	position:relative;
}

.rotulo_sumario_mare2{
	width:44px;
	position:relative;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	text-align:left;
	padding:6px 3px;
}

.mare_baixa,
.mare_alta{
	float:left;
	padding:4px 3px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#369;
	position:absolute;
	top:2px;
	right:2px;
}

.mare_baixa{
	background-color:#069890;
}

.seta_mare{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#069890;
	position:absolute;
	right:-7px;
	top:6px;
}


.rotulo_sumario_semana_swl2,
.rotulo_sumario_semana_swls,
.rotulo_sumario_semana_swl{	width:70px; }

.rotulo_sumario_semana_bco2,
.rotulo_sumario_semana_swl2{ border:0; }

.rotulo_sumario_semana_dia,
.rotulo_sumario_semana_dia_cz{width:68px;}

.rotulo_sumario_semana_dia2{
	width:53px;
	background-color:#eee;
}
.rotulo_sumario_semana_dia3{
	width:53px;
	background-color:#fff;
}

.rotulo_sumario_semana_cz{background-color:#eee;}

.rotulo_sumario_semana_dia_cz,
.rotulo_sumario_semana{background-color:#ddd;}

.hora_sumario,
.rotulo_sumario_hora{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	color:#fff;
	text-align:center;
	float:left;
	width:100%;
	padding:1px 0;
	background-color:#333;
	height:10px;
}

.rotulo_sumario_1linha{
	height:15px;
	padding:6px 0;
}

.rotulo_sumario_per,
.rotulo_sumario_1linha{
	background-color:#eee;
}

.rotulo_sumario_dir,
.rotulo_sumario_per,
.rotulo_sumario{
	height:23px;
	padding:2px 0;
}

.direcao_sumario{
	height:19px;
	padding:4px;
}

.rotulo_sumario_dir{
	border-bottom:12px solid #333;
}


.rotulo_dia{
	top:0;
	left:0;
	z-index:20;
	width:100%;
	height:22px;
	background-color:#ddd;
	border-right:1px solid #333;
}

.envoltorio_dia{background-color:#49757b;}

.coluna_dia{
	position:absolute;
	z-index:1;
	top:0;
	left:25%;	
	width:50%;
	height:100%;
	background-color:#3f94a0;
}

.meio_dia{
	position:absolute;
	z-index:2;
	top:0;
	left:0;	
	width:50%;
	height:100%;
	border-right:1px solid #fff;
}

#menu_sumario_dia{
	background-color: #fff;
	border-bottom: 1px solid #000;
	float: left;
	margin: 2px 0 0 64px;
	width:430px;
	padding-top:10px;
}

#envoltorio_rotulos_sumario{
	width:66px;
	bottom:2px;
	left:0;
	position:absolute;
	background-color:#fff;
	padding:0;
	z-index:10;
}

#envoltorio_rotulos_sumario,
#sumario_dia{
	height:453px;
}

#menu_tipo_previsao{
	float:left;
	border-bottom:1px solid #000;
	width:380px;
	height:30px;
}

#botao_tipo{
	float:left;
	width:66px;
	border-top:2px solid #ccc;
	border-right:2px solid #aaa;
	border-bottom:2px solid #999;
	border-left:2px solid #eee;
	margin-right:8px;
	background-color:#555;
	color:#bbb;
	margin-top:2px;
}

#botao_tipo:hover{
	border-top:2px solid #a3abc6;
	border-right:2px solid #838ba6;
	border-bottom:2px solid #737b96;
	border-left:2px solid #c3cbe6;
	background-color:#232b46;
	color:#ddd;
}

ul.abas_swell,
ul.abas_grde,
ul.abas_sumario{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	height: 20px;
	color: #fff;
	list-style-type: none;
}

ul.abas_swell{	
	float:left;
	width:440px;
	border-bottom: 1px solid #000; 
	padding-left:10px;
}


ul.abas_grde li,
ul.abas_sumario li {
	padding: 0;
	margin: 0;
	float: left;
}

ul.abas_grde li a.normal,
ul.abas_grde li a{
	color: #ddd;
	background-color: #232b46;
	text-decoration: none;
	float: left;
	display: block;
	text-align:center;
}

ul.abas_sumario li a.normal,
ul.abas_sumario li a{
	color: #eaeaea;
	background-color: #205959;
	text-decoration: none;
	float: left;
	display: block;
	text-align:center;
	padding: 0 4px  2px 4px;
	margin: 0 1px -2px 1px;
}

ul.abas_grde li,
ul.abas_grde li a.normal,
ul.abas_grde li a{
	font-family: "Trebouchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 17px;
	height: 26px;
	padding:2px;
	width:auto;
}

ul.abas_swell li,
ul.abas_grde li.ativa a,
ul.abas_sumario li.ativa a{
	color: #000;
	background-color: #FFF;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	text-decoration: none;
	float: left;
	list-style-type: none;
}

ul.abas_swell li,
ul.abas_sumario li.ativa a{
	margin: 0 1px -2px 1px;
	padding: 0 6px 2px 6px;
}

ul.abas_sumario li a:hover{
	color: #fff;
	background-color: #232b46;
	text-decoration: none;
	display: block;
}


#arrudeia_sumario_semana{
	position:absolute;
	left:0;
	bottom:0;
}

.arrudeia_tabela_sumario{
	float:left;
	margin:4px;
	border:1px solid #999; 
}

#arrudeia_sumario_dia{
	float: left;
}

.envoltorio_escala{
	width:496px;
	bottom:75px;
	left:0;
	position:absolute;
	z-index:2;
	overflow:hidden;
}

.linhas_escala{
	width:496px;
	height:24px;
	left:0;
	position:absolute;
	z-index:3;
	border-top:1px dashed #666;
	border-bottom:1px dotted #666;
}

.mares_dia{	
	position:absolute;
	bottom:0;
	width:100%;
	height:178px;
}

.mare_horario{	
	float:left;
	width:56px;
	height:38px;
}

#lista_municipios,
#unid_mare,
.altura_mare,
.hora_mare{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#333;
	float:left;
	width:52px;
	margin:2px;
}

#lista_municipios{
	width:620px;
	font-weight:normal;
	margin-left:182px;
}

#unid_mare{
	position:absolute;
	top:0;
	right:6px;
	width:150px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}

.altura_mare{
	text-align:right;
	font-weight:bold;
	font-size:11px;
	line-height:11px;
}

.num_escala{
	line-height:11px;
	left:6px;
	z-index:5;
	width:19px;
	height:12px;
	background-color:#fff;
	display:block;
}

.unid_escala{
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	line-height:11px;
	text-align:center;
	width:28px;
	height:12px;
	display:block;
	left:1px;
	position:absolute;
	z-index:6;
}

.direcoes_dia{
	position:absolute;
	left:0;
	z-index:2;
	width:100%;
	height:34px;
	bottom:-34px;
	background-color:#ddd;
	border-right:1px solid #333;
}

.envoltorio_escala_periodo{
	position:absolute;
	left:0;
	z-index:3;
	width:100%;
	height:40px;
	bottom:0;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	line-height:14px;
	text-align:center;
}

.direc,
.rotulo_direcoes{
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	line-height:10px;
	text-align:center;
}

.rotulo_direcoes{
	position:absolute;
	left:0;
	z-index:2;
	width:34px;
	height:24px;
	bottom:40px;
	background-color:#eee;
	padding:5px 0 5px 0;
}

.direc{
	float:left;
	width:20px;
}

.direcao2,
.direcao1{
	float:left;
	width:20px;
	margin:4px;
}

.direcao2{float:right;}

.topo_item_lateral,
.topo_item_previsao{
	float: left;
	background-color:#232b46;
}

.topo_item_previsao{
	width:492px;
	margin-top:8px;
	height:32px;
}

.topo_item_lateral{
	width:156px;
	height:20px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#eee;	
	padding:7px;
	margin:0;
}

#lista_praias,
#lista_municipios_lateral{
	float:left;
	width:154px;
	margin: 0 0 8px 0;
	padding:0;
	border:1px solid #036;
	background-color:#eee;
	list-style-type:none;
}

.item_lista_previsao,
.titulo_lista_previsao,
.nome_lista_praias,
.nome_lista_municipios{
	float:left;
	margin:0;
	padding:0;	
	width:100%;
	clear:both;
	list-style-type:none;
}	

ul.item_lista_previsao{padding:0 0 8px 0;margin:0;}

ul.item_lista_previsao li{padding:2px 0 2px 22px;margin:0;}

.titulo_lista_previsao li{padding:4px 0 4px 20px;margin:0;list-style-type:none;}

.item_lista_previsao,
.item_lista_previsao a,
.titulo_lista_previsao a,
.nome_lista_praias a,
.nome_lista_municipios a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#036;
	margin:0;
	padding:4px;
	width:146px;
	display:block;
	text-decoration:none;
}

.titulo_lista_previsao a{padding:0;font-size:15px;}

.item_lista_previsao a{padding:0;font-size:12px;color:#232b46;}

.titulo_lista_previsao a:hover{color:#369;}

.nome_lista_praias a{font-size:12px;color:#147;}

.nome_lista_praias a:hover,
.nome_lista_municipios a:hover{
	color:#eee;
	background-color:#fe8d1e;
}

#aguarde_dados_altura,
.aguarde_dados,
.topo_lista_previsao,
.topo_label_previsao{
	margin:8px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#eee;
	float:left;
}

.topo_lista_previsao{
	color:#000;
	margin:8px 0 4px 10px;
	width:100%;
	clear:both;
	float:left;
}

.topo_lista_previsao a{
	text-decoration:none;
	color:#000;
	display:block;
	width:auto;
	float:left;
	padding:4px;
}

.topo_lista_previsao a:hover{
	text-decoration:none;
	color:#232b46;
	background-color:#ddd;
	width:auto;
}

#aguarde_dados_altura{
	text-align:center;
	top:70px;
	left:0;
	position:absolute;
	width:450px;
	height:20px;
	display:block;
	z-index:1000;
}

.aguarde_dados{
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#036;
	display:none;
}

.titulo_mapa_previsao{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#232b46;
	float:left;
	width:100%;
	height:20px;
	clear:both;
	text-align:center;
}

.topo_seta_previsao{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	float:right;
}

.topo_seta_previsao a{
	padding:8px;
	display:block;
	color:#eee;
	text-decoration:none;
}

.texto_zoom_selecionado,
.titulo_zoom,
.texto_zoom_br,
.texto_zoom{
	font-weight:bold;
	color:#eee;
	width:66px;
	float:left;
	text-align:center;
	padding:2px;
	position:relative;
	margin-bottom:4px;
}
.titulo_zoom{
	background-color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
}

.texto_zoom_selecionado,
.texto_zoom{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.texto_zoom_selecionado a,
.texto_zoom_br a,
.texto_zoom a{
	text-decoration:none;
	color:#eee;
	margin:0;
	padding:0;
}

.texto_zoom_selecionado,
.texto_zoom_br a:hover,
.texto_zoom a:hover{
	text-decoration:none;
	color:#fff;
	background-color:#666;
	display:block;
}

.texto_escala_vertical{
	float:right;
	width:20px;
	height:245px;
	background-color:#000;
	padding:20px 2px 0 10px;
	border-top:1px solid #bbb;
}

.escala_vertical,
.zoom_mapa{
	float:left;
	width:70px;
	display:block;
	background-color:#333;
	position:relative;
	margin-top:4px;
}

.escala_vertical{height:264px;}

.zoom_mapa{height:230px;margin:6px 4px 0 6px;}

#mapa_surfguru{
	margin:4px 4px 0 4px;
	padding:0;
	float:left;
	width:266px;
	height:267px;
	position:relative;
	overflow:hidden;
}

#imagem_mapa_surfguru{
	width:266px;
	height:267px;
	position:absolute;
}

#imagem_mapa_surfguru img{
	float:left;
}

.arrudeia_mapa{
	padding:2px;
	float:left;
	width:464px;
	margin-left:26px;
}

.arrudeia_dias{
	float:left;
	clear:both;
	padding:0 2px 4px 2px;
	height:40px;
	width:470px;
	margin-left:6px;
}

.quadrado_dia_selecionado,
.quadrado_dia{
	position:relative;
	width:52px;
	height:35px;
	display:block;
	margin:0 1px;
	float:left;
}

.h15,
.h9{
	position:absolute;
	top:0;
	background: url(http://www.surfguru.com.br/imagens/separa.gif);
}

.h9 {left:0;z-index:10;}
.h15 {right:0;z-index:12;}

.h15 a,
.h9 a{
	display:block;
	width:26px;
	height:35px;
	margin:0;
	padding:0;
}

.escala_cores{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:38px;
	height:260px;
	background-color:#bbb;
}

.escala_cores_horizontal{
	width:460px;
	height:20px;
	background-color:#bbb;
	float:left;
	margin:2px 14px;
}

#escala_periodo, #escala_vento, #titulo_periodo, #titulo_vento, #titulo_tempo{display:none;}

.escala_numeros_black,
.escala_numeros{
	position:absolute;
	top:-9px;
	left:8px;
	z-index:2;
	width:38px;
	height:260px;
	font-family: Verdana;
	font-size:12px;
	line-height:19px;
}

.escala_numeros_black_horizontal{
	position:absolute;
	top:9px;
	left:8px;
	z-index:2;
	width:480px;
	height:30px;
	font-family: Verdana,Arial,Helvetica;
	font-size:12px;
	color:#fff;
	line-height:19px;
}

.escala_numeros{color:#fff;}
.escala_numeros_black{color:#000;}

.qep16,.qep15,.qep14,.qep13,.qep12,.qep11,.qep10,.qep9,.qep8,.qep7,.qep6,.qep5,.qep4,.qep3,.qep2,.qep1,
.qea14,.qea13,.qea12,.qea11,.qea10,.qea9,.qea8,.qea7,.qea6,.qea5,.qea4,.qea3,.qea2,.qea1,
.quadrado_escala{
	width:38px;
	height:18px;
	display:block;
	margin:1px 0 0 0;
	float:left;
}


.ep18,.ep17,.ep16,.ep15,.ep14,.ep13,.ep12,.ep11,.ep10,.ep9,.ep8,.ep7,.ep6,.ep5,.ep4,.ep3,.ep2,.ep1,.ep0,
.ea14,.ea13,.ea12,.ea11,.ea10,.ea9,.ea8,.ea7,.ea6,.ea5,.ea4,.ea3,.ea2,.ea1{
	width:7px;
	display:block;
	position:absolute;
	bottom:0;
	z-index:10;
}
.ep0{height:0;width:6px;}

.ep14:hover,.ep13:hover,.ep12:hover,.ep11:hover,.ep10:hover,.ep9:hover,.ep8:hover,.ep7:hover,
.ep6:hover,.ep5:hover,.ep4:hover,.ep3:hover,.ep2:hover,.ep1:hover,.ep0:hover{
	display:block;
	border-left:1px solid #000;
	border-top:1px solid #333;
	border-right:1px solid #555;
}


.p18,.p17,.p16,.p15,.p14,.p13,.p12,.p11,.p10,.p9,.p8,.p7,.p6,.p5,.p4,.p3,.p2,.p1{
	width:23px;
	height:20px;
	display:block;
	float:right;
	font-family: Verdana,Arial;
	font-size:13px;
	line-height:17px;
	color:#333;
	text-align:center;	
}

.p2,.p18,.p17,.p16,.p15{color:#ddd;}

.qea14,.sea14,
.ea14{background-color:#a50569;}
.qea13,.sea13,
.ea13{background-color:#c02e8a;}
.qea12,.sea12,
.ea12{background-color:#af2f5f;}
.qea11,.sea11,
.ea11{background-color:#d63333;}
.qea10,.sea10,
.ea10{background-color:#db6d24;}
.qea9,.sea9,
.ea9{background-color:#e49d33;}
.qea8,.sea8,
.ea8{background-color:#f2c60a;}
.qea7,.sea7,
.ea7{background-color:#c3d96c;}
.qea6,.sea6,
.ea6{background-color:#91c955;}
.qea5,.sea5,
.ea5{background-color:#47ae62;}
.qea4,.sea4,
.ea4{background-color:#56ba99;}
.qea3,.sea3,
.ea3{background-color:#00aadC;}
.qea2,.sea2,
.ea2{background-color:#3879b9;}
.qea1,.sea1,
.ea1{background-color:#2e4993;}


.p18,.qep18,.sep18,
.ep18{background-color:#f0f;}
.p17,.qep17,.sep17,
.ep17{background-color:#cf1f8f;}
.p16,.qep16,.sep16,
.ep16{background-color:#af2f5f;}
.p15,.qep15,.sep15,
.ep15{background-color:#f00;}
.p14,.qep14,.sep14,
.ep14{background-color:#f60;}
.p13,.qep13,.sep13,
.ep13{background-color:#f90;}
.p12,.qep12,.sep12,
.ep12{background-color:#fc0;}
.p11,.qep11,.sep11,
.ep11{background-color:#ff0;}
.p10,.qep10,.sep10,
.ep10{background-color:#cf0;}
.p9,.qep9,.sep9,
.ep9{background-color:#9f0;}
.p8,.qep8,.sep8,
.ep8{background-color:#0f0;}
.p7,.qep7,.sep7,
.ep7{background-color:#0f9;}
.p6,.qep6,.sep6,
.ep6{background-color:#0fc;}
.p5,.qep5,.sep5,
.ep5{background-color:#0ff;}
.p4,.qep4,.sep4,
.ep4{background-color:#00dfff;}
.p3,.qep3,.sep3,
.ep3{background-color:#24b2ea;}
.p2,.qep2,.sep2,
.ep2{background-color:#4177c8;}
.p1,.qep1,.sep1,
.ep1{background-color:#002ad9;}

.quadrado_dia{background-color:#bbb;}
.quadrado_dia_selecionado{background-color:#ddd;}

.area_play{
	width:25px;
	height:25px;
	display:block;
	float:left;
	padding:5px;
}

#botao_play_Stop{
	font-family: Verdana;
	font-size:25px;
	line-height:20px;
	color:#666;
	text-align:center;
	height:25px;
	width:25px;
	display:block;
	background-color:#ccc;
}

#fonte_display a,
#botao_play_Stop a{
	color:#777;
	text-decoration:none;
}

#fonte_display a:hover,
#botao_play_Stop a:hover{
	color:#000;
	text-decoration:none;
}

.hora15,
.hora9{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	position:absolute;
	top:0;
}

.hora9{	
	left:6px;
	z-index:1;
}

.hora15{
	right:6px;
	z-index:2;
}

.seta_zoom{
	font-family: Verdana, Arial;
	font-size:38px;
	color:#666;
	position:absolute;
	top:0;
	right:-12px;
	height:27px;
	display:none;
	z-index:10;
}

.seta15,
.seta9{
	font-family: Arial;
	font-size:18px;
	line-height:13px;
	height:13px;
	color:#232b46;
	position:absolute;
	top:-13px;
	display:none;
	width:18px;
	background-color:#fff;
}

.seta9{
	left:5px;
	z-index:5;
}

.seta15{
	right:6px;
	z-index:6;
}

.dia_semana{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#232b46;
	font-weight:bold;
	position:absolute;
	bottom:2px;
	left:2px;
	z-index:3;
}

.dia_mes{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#232b46;
	font-weight:normal;
	position:absolute;
	bottom:2px;
	right:4px;
	text-align:right;
	z-index:4;
}

.area_click{
	position:absolute;
}

.area_click a{
	background: url(http://www.surfguru.com.br/imagens/separa.gif);
	display:block;
	width:20px;
	height:20px;
}

.area_click a:hover{
	border:1px dotted #666;
}

.banner_direito_quadrado,
.banner_direito_retangular{
	float:left;
	width:130px;
	padding:0;
	margin:0 0 30px 0;
	position:relative;
}

.coluna_lista_curta,
.coluna_lista_larga,
.coluna_lista{
	width:200px;
	margin-left:8px;
	float:left;
	list-style-type:none;
	position:relative;
}

.coluna_lista_larga{width:280px;}

.coluna_lista_curta{
	width:170px;
	margin-left:6px;
}

.coluna_direita_gde{
	width:290px;
	margin:0;
	padding:8px;
	float:left;
	list-style-type:none;
}

#mapa_mundo{
	height: 142px;
	width:450px;
	position:absolute;
	top:28px;
}

#opcoes_previsao{
	position:absolute;
	bottom:8px;
	right:15px;
	width: 300px;
	z-index:1;
}

#opcoes_previsao li{
	margin-bottom:8px;
}	

#opcoes_previsao li a{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#036;
}	

#opcoes_previsao li a:hover{
	color:#369;
}