body{ margin:0; padding:0; background:url('http://imagens.climatempo.com.br/site/imagens/verao/bg-verao.jpg') repeat-x center  top fixed; font-family:Arial, Helvetica, sans-serif; }
	
	h1{ font-size:22px; font-weight:normal; color:#024e7f; width:100%; height:auto; margin:10px 0 10px 0; display:block; float:left; }
	
	#container{ width:960px; height:auto; margin:0 auto;}
	
	/* topo e menu */
	#topo{ width:960px; height:168px;}
	#topo #logoEbanner{ width:960px; height:108px; float:left; }
	#logoEbanner #logo{ width:227px; height:108px; float:left; }
	#logo a{text-decoration:none; border:none;}
	#logoEbanner #banner{ width:726px; height:90px; float:right; margin:18px 0 0 0; background:#fff;}
	
	#topo ul{ width:960px; height:44px; margin:10px 0 0 0; padding:0; list-style:none; float:left; display:block; background:url('http://imagens.climatempo.com.br/site/imagens/inverno/bg-menu.jpg') repeat-x top; border-radius:5px; -moz-border-radius: 5px; }
	#topo ul li{ list-style:none; display:inline; float:left;}
	#topo ul li a{ height:30px; float:left; padding:14px 10px 0 10px; width:auto; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; display:block; text-transform:uppercase; color:#666; text-decoration:none; }
	#topo ul li a:hover{ background:#f9f9f9; border-radius:5px; -moz-border-radius: 5px;}
	#topo .logoClimatempo{ width:auto; height:44px; float:right; background:none;} 
	
	/* FIM topo e menu */
	#conteudoInverno{ width:960px; height:auto; background:#fff; margin-top:15px; border-radius:5px; -moz-border-radius: 5px; overflow:hidden; padding-bottom:20px;}
	
	/* barra busca */
	#conteudoInverno #barraBusca{ width:960px; height:76px; float:left; border-radius:5px; -moz-border-radius: 5px; background:url('http://imagens.climatempo.com.br/site/imagens/verao/bg-barra.jpg') repeat-x;}
	#barraBusca #fraseBarra{width:450px; height:76px; float:left; background:url('http://imagens.climatempo.com.br/site/imagens/verao/layout-verao_07.png'); border-radius:5px; -moz-border-radius: 5px;}
	#bannerCarnaval{width:960px; height:76px; float:left; background:red; clear:both;}
	#bannerCarnaval a{text-decoration:none;}
	
	#barraBusca #areaBusca{ width:365px; height:42px; float:left; margin-top:15px; font-size:14px; color:#ee6121; margin-left:10px;}
	#barraBusca #areaBusca span { width:auto; height:auto; float:left; margin-top:15px; margin-right:10px;}
	#barraBusca #areaBusca input{ width:244px; height:42px; border:1px solid #ccc; border-radius:5px; -moz-border-radius: 5px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#aeaeae}
	#barraBusca #areaBusca .btBuscar{ width:55px; height:45px; padding-top:5px; float:left; margin-left:5px; background:url('http://imagens.climatempo.com.br/site/imagens/verao/bg-bt-busca.png') #024e7f no-repeat top ; }
	#barraBusca #redesSociaisTopo{ width:135px; height:62px; float:right; margin-top:10px;}
	/* fim barra Busca */
	
	#conteudoInverno #conteudo-esquerda{ width:427px; height:auto; float:left; margin:20px 10px 0 10px; }
	#conteudoInverno #conteudo-direita{ width:345px; height:auto; float:left; margin-left:10px; margin-top:20px }
	#conteudoInverno #lateral{ width:120px; height:auto; float:left;  margin-left:15px; margin-top:20px; border-right:1px solid #ccc;}
	#conteudoInverno #conteudo-completo{ width:572px; height:auto; float:left; margin:20px 10px 0 10px; }
	#conteudoInverno #conteudo-completo p{ text-align:center; width: 100%; text-align:justify; margin-top:10px; float:left; font-size:12px; line-height:18px; color:#666; }
	
	
	#conteudoInverno #conteudo-completo p a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#024e7f; font-weight:bold; text-decoration:none; }
	#conteudoInverno #conteudo-completo p a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#024e7f; font-weight:bold; text-decoration:underline; }
	
	#conteudoInverno #conteudo-completo-sem-lateral{ width:786px; height:auto; float:left; margin:20px 10px 0 10px; }
	#conteudoInverno #conteudo-completo-sem-lateral p{ text-align:center; width: 100%; text-align:justify; margin-top:10px; float:left; font-size:12px; line-height:18px; color:#666; }
	#conteudoInverno #conteudo-completo-sem-lateral p a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#024e7f; font-weight:bold; text-decoration:none; }
	#conteudoInverno #conteudo-completo-sem-lateral p a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#024e7f; font-weight:bold; text-decoration:underline; }
	
	
	.box{ border:1px solid #ccc;  border-radius:5px; -moz-border-radius: 5px; float:left; width:100%; margin-bottom:10px;} 
	
	/* noticias */
	#noticias { padding-bottom:15px;}
	#noticias ul{ list-style:none; display:block; font-size:12px; padding:0 ; margin-top:10px; }
	#noticias ul li{ margin-left:9px; }
	#noticias ul li a{ width:321px; height:auto; color:#666; background:#f4f4f4; padding:5px 3px 5px 3px; list-style:none; display:block; float:left; margin-top:5px; text-decoration:none; border-radius:5px; -moz-border-radius: 5px;}
	#noticias ul li a:hover{ width:320px; height:auto; color:#fff; background:#f69c1a; padding:5px 3px 5px 3px; list-style:none; display:block; float:left; border-radius:5px; -moz-border-radius: 5px;}
	
	/*noticias pgs internas*/
	.noticia{ width:100%; float:left; }
	
	
	/* Previsão do tempo */
	#prevSemana{ width:425px; height:auto; float:left; background:#fff;  color:#666; }
	#prevSemana h2{ width:100%; height:26px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; font-weight:bold; background:#f9f9f9;padding-top:10px; margin:0; padding:0; }
	#iconesSemana{ width:120px; height:auto; float:left; margin-left:10px;}
	#iconesSemana ul{ width:120px; height:54px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; font-weight:normal; display:block;
list-style:none; padding:0; margin:5px 0 0 0; }
	#iconesSemana  ul li { width:40px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; font-weight:normal;display:block; list-style:none; padding:0; margin:0; text-align:center; }
	#MaxeMin{ width:60px; height:54px; float:left; margin-top:10px; margin-left:10px; }
	#MaxeMin ul{ width:60px; height:54px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; display:block; list-style:none; padding:0; margin:5px 0 0 0; }
	#MaxeMin  ul li { width:60px; height:28; float:left; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; display:block;
list-style:none; padding:0; margin:0; text-align:center; }
	#detalhes{ width:200px; height:30px; float:left; margin-top:15px; }
	#detalhes ul{width:200px;height:30px;float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; display:block; list-style:none; padding:0; margin:5px 0 0 10px; } 
 	#detalhes  ul li {width:auto; height:30px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:inline; display:block; list-style:none; padding:0; margin:0; text-align:center; }
	#detalhes p{ width:100%; float:left; margin-top:10px; }
	#prevSemana #titulo{ width:100%; height:26px;float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; background:#f9f9f9; padding-top:10px; margin:0; padding:0; border-radius:5px; -moz-border-radius: 5px; }
	#prevSemana   p{ width:417px; float:left; margin-top:10px; margin-left:10px; color:#666; font-size:12px;}
	#titulo #pordosol{ height:26px; float:right; margin-left:10px;}
    #titulo #pordosol ul{height:26px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; display:block; list-style:none; padding:0; margin:5px 10px 0 0; }
	#titulo #pordosol ul li { width:auto; height:26px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:inline; display:block; list-style:none; padding:0; margin:0; text-align:center; }
	 /* fim previsão do tempo */
	 
	 /*botões padrão */
	.btMais{ width:auto; height:auto;}
	
	.btMais a{ width:auto; height:auto; padding:5px 10px 5px 10px; float:right; font-size:12px; color:#666; background:#dedede; border-radius:5px; -moz-border-radius: 5px; text-decoration:none;}
	
	.btMais a:hover{ width:auto; height:auto; padding:5px 10px 5px 10px; float:right; font-size:12px; color:#fff; background:#f69c1a; border-radius:5px; -moz-border-radius: 5px; text-decoration:none;}
	 /* Fim botões padrão */
	 
	 
	 /* Noticias */
	
	h2{ width:100%; height:auto; margin-bottom:10px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#024271; padding:0;}
	
	h2 a{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#024271; padding:0;}
	
	h2 a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#d35218; padding:0; text-decoration:underline;}
	
	hr{ width:100%; color:#ccc; border-style:dashed; margin-bottom:10px; float:left; }
	
	/* Páginação */
	 #paginacao { width:100%; height:auto; float:left; }
	 #paginacao ul{ width:auto; height:40px; padding:0; font-size:12px;  list-style:none; float:right; margin:0; display:inline;}
	 #paginacao ul li { width:auto; height:40px; float:left; margin-left:5px;}
	 #paginacao ul li a{ padding:5px 10px 5px 10px; background:#dedede; color:#666; cursor:pointer; float:left; text-decoration:none; border-radius:5px; -moz-border-radius: 5px;}
	 #paginacao ul li a:hover{ padding:5px 10px 5px 10px; background:#d35217; color:#fff; cursor:pointer; float:left; text-decoration:none; border-radius:5px; -moz-border-radius: 5px;}
	 
	 /* INDEX */
	 
	 /* VIDEO LADO ESQUERDO */
	
	#videoTempo {float:left; margin: 10px 10px 0 10px; padding: 0;}
	.textoVideo {float:left; margin: 0 0 10px 0; padding:0; font-size: 12px; color:#666666; width:427px; height:auto; text-align:justify;}
	#sharedVideo {float:right; width:55px; height:129px; margin: 10px 10px 10px 0px;}
	#regioesVideo{float:left; width:350px; height:auto; margin-left:10px; margin-bottom:10px;}
	#regioesVideo ul{list-style-type:none; padding:0; margin:0; float:left; display:block;}
	#regioesVideo ul li{border-bottom:1px solid #99c; width:68px; height:19px;line-height:19px;background-color:#dedede;font-color:#666; text-align:center;float:left;}
	#regioesVideo a{ font-size:14px; font-weight:bolder; text-decoration:none; color:#666; display:block; border-bottom:1px solid #666;}
	#regioesVideo a:hover{background-color:#d35217;	color:#fff;	}
	
	/* VIDEO LADO DIREITO */
	
	#videoTempo-dir {float:left; margin: 5px 0 0 3px; padding: 0;}
	.textoVideo-dir {float:left; margin: 0 0 10px 0; padding:0; font-size: 12px; color:#666666; width:347px; height:auto; text-align:justify;}
	#sharedVideo-dir {float:left; width:350px; height:30px; margin:0;}
	#regioesVideo-dir {float:left; width:350px; height:auto; margin-left:3px; margin-bottom:5px;}
	#regioesVideo-dir ul{list-style-type:none; padding:0; margin:0; float:left; display:block;}
	#regioesVideo-dir ul li{border-bottom:1px solid #99c; width:68px; height:19px;line-height:19px;background-color:#dedede;font-color:#666; text-align:center;float:left;}
	#regioesVideo-dir a{ font-size:14px; font-weight:bolder; text-decoration:none; color:#666; display:block; border-bottom:1px solid #666;}
	#regioesVideo-dir a:hover{background-color:#d35217;	color:#fff;	}
	
	/* VIDEO LADO DIREITO PÁGINA DICAS */
	
	#video-dicas{float:left; width:345px; height:230px; margin:0; }
		
	#imagemSatelite {
	float:left;
	margin:10px;
	padding:0px;
	width: 196px;
	height:147px;
	}
	
	.textoSatelite {
	float:right;
	margin: 10px 10px 10px 0px;
	padding:0;
	font-size: 12px;
	color:#666666;
	width:200px;
	height:147px;
	text-align:justify;
	}
	
	#imagemUmidade {
	float:left;
	margin:10px;
	padding:0px;
	width: 196px;
	height:147px;
	}
	
	.textoUmidade {
	float:right;
	margin: 10px 10px 10px 0px;
	padding:0;
	font-size: 12px;
	color:#666666;
	width:200px;
	height:147px;
	text-align:justify;
	}
	
	
	#publicidade {
	margin: 20px 20px 20px 20px;
	width: 340px;
	height: auto;
	float:left;
	}
	
	#publicidadeEsquerda {
	margin: 20px 20px 20px 65px;
	width: 340px;
	height: auto;
	float:left;
	}
	
	.vejaProdutos {
	font-size:12px;
	color:#666;
	text-align:center;
	}
	
	#boxFacebook {
	float:left;
	margin:10px 0 0 0;
	padding:10px;
	width:auto;
	height:auto;
	border-radius:5px; 
	-moz-border-radius: 5px;
	}
	
	#appUv{
	float:left;
	width:420px;
	height:auto;
	border:none;
	padding:5px;
		
	}
	 
	#appUv p {
	float:left;
	margin: 0;
	padding-bottom:15px;
	font-size: 12px;
	color:#666666;
	width:420px;
	height:auto;
	text-align:justify;
	} 
	 
	/* Fim INDEX */
	
	/* PREVISÃO */
		#invernoTendencia {
			float:left;
			width:429px;
			height:100px;
		}
		
		.MaxeMinTendencia {
			float:left;
			width:75px;
			height:55px;
			padding:0;
			margin:0;
			list-style:none;
			background:url('http://imagens.climatempo.com.br/site/imagens/inverno/setaPrev.png');
		}
		
		.textoMax {
			color:#ec0000;
			font-size:20px;
			font-weight:normal;
			width:60px;
			height:25px;
			margin:5px 0 0 15px;
			padding:0;
		}
		
		.textoMin {
			color:#14557c;
			font-size:20px;
			font-weight:normal;
			width:60px;
			height:25px;
			margin:3px 0 0 15px;
			padding:0;
		}
		
		
		.iconeTendencia {
			float:left;
			width:65px;
			height:50px;
			padding:0 0 0 10px;
			margin:10px 5px 10px 20px;
		}
		
		.tituloTendencia {
			float:left;
			width:100%;
			height:23px;
			color:#666;
			font-size:12px;
			font-weight:bold;
			margin: 5px 0 0 10px;	
		}
		
		#chuvaTendencia {
			width:40px;
			height:85px;
			float:left;
		}
		
		.chuvaTexto {
			color:#666;
			font-size:12px;
			height:40px;
			width:100%;
			float:left;
		}
		
		.textoTendencia {
			width:200px;
			height:100%;
			float:left;
			color:#666;
			font-size:12px;
			margin:5px 0 0 10px;
			padding:0;
		}
		
		#videoRegiao{ padding-left:22px; text-align:left; width:322px; }
	/* FIM PREVISÃO */
	 
	 /* UMIDADE RELATIVA */
		#areaMapaUmidade{ width:495px; height:432px; float:left; margin-bottom:20px;}
		#legendas{ width:280px; height:286px; float:left; margin-left:10px;}
		#legendas table{ width:100%; float:left; font-weight:bold; font-size:12px;}
		#legendas table tr td{ padding-left:5px; padding-right:5px;}
		.txtLegendas{ color:#666; font-size:12px; font-weight:normal;}
	 /* PG UMIDADE RELATIVA */
	 
	 
	 /* comentarios */
	 #comentarios{ width:100%; float:left; color:#005183; }
	 
	 #comentarios a { color:#666; font-weight:bold; text-decoration:none;}
	 
	

	/* Fim Previsão do tempo */
	
	
	#rodape{ width:960px; height:70px; font-size:12px; padding-top:50px; margin-top:15px; background:#d4d4d4; border-radius:5px; -moz-border-radius: 5px; text-align:center; color:#666; float:left; }
	
	
	
	/* ALERTA */
	
	#popup_container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #999999;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    font-family: Arial,sans-serif;
    font-size: 12px;
    left: 40%;
    max-width: 330px;
    min-width: 300px;
    position: fixed;
    top: 40%;
    z-index: 99;
	}
	
	#popup_title {
		-moz-border-bottom-colors: none;
		-moz-border-image: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background: url("http://imagens.climatempo.com.br/site/images/title.gif") repeat-x scroll center top #CCCCCC;
		border-color: #FFFFFF #FFFFFF #999999;
		border-style: solid;
		border-width: 1px;
		color: #666666;
		cursor: default;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.75em;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#popup_content {
		background: url("http://imagens.climatempo.com.br/site/images/info.gif") no-repeat scroll 16px 16px transparent;
		margin: 25px 0 0 0;
		padding: 1em 1.75em;
	}
	
	#popup_content.alert {
		background-image: url("http://imagens.climatempo.com.br/site/images/info.gif");
	}
	
	#popup_content.confirm {
		background-image: url("http://imagens.climatempo.com.br/site/images/important.gif");
	}
	
	#popup_content.prompt {
		background-image: url("http://imagens.climatempo.com.br/site/images/help.gif");
	}
	
	#popup_message {
		padding-left: 48px;
	}
	
	#popup_panel {
		margin: 1em 0 0 1em;
		text-align: center;
	}
	
	#popup_prompt {
		margin: 0.5em 0;
	}
	
	
	/* BUSCA */
	
	#conteudoInverno #conteudo-esquerda-busca{ width:427px; height:auto; float:left; margin:20px 10px 0 10px; color:#666; }
	#conteudoInverno #conteudo-esquerda-busca p a{ width:400px; background:#f9f9f9; text-decoration:none; padding:10px; color:#666; margin-top:10px; border:1px solid #ccc; display:block;}
	#conteudoInverno #conteudo-esquerda-busca p a:hover{ width:400px; background:#f1f1f1; text-decoration:none; padding:10px; color:#666; margin-top:10px; border:1px solid #ccc; display:block; }
	
	/* TENDENCIAS */
	#previna{ width:430px; height:100px; margin-top:10px; float:left; background:url('http://imagens.climatempo.com.br/site/imagens/verao/bg-ligado.jpg');}
	
	#previna ul{float:right; padding:10px 17px 0 0;}
	
	#previna ul li{list-style:none;}
	
	/* DICAS RANDOM */
	#dicasRandom{ 
	
		width:430px;
		height:145px;
		margin-top:15px; 
		float:left;
		background-image:url('http://imagens.climatempo.com.br/site/imagens/verao/dicasEsq.jpg');
		background-repeat:no-repeat;
	}
	
	#dicasRandom #dicas{
	
		position:relative;
		width:370px;
		height:40px;
		top:90px;
		left:40px;
		font-size:12px;
		color:#666;
		
	}
	
	#dicasRandom a{
		width:100%;
		height:100%;
		text-decoration:none;	
		
	}
	
	/* PREVISAO ONDAS */
	
	/*mapa index */
	
	#mapaOndas{
	
		width:345px;
		height:195px;
		float:left;
		border:none;	
		margin-bottom:10px;
		
	
	}
	
	/* Previsao Ondas */
	
	
	#imagem-ondas{
		width:570px;
		height:515px;
		float:left;
		margin:0;
		padding:0;	
	
	}
	
	#player-mapa-onda{
		float:left;
		background:#CCC;
		border:none;
		width:569px;
		height:30px;	
		
	}
	
	#player-mapa-onda ul{
		float:left;
		width:569px;
		height:30px;
		display:block;
		padding:0;
		margin:0;
		background:url('http://imagens.climatempo.com.br/site/imagens/verao/bg-player-ondas.jpg') repeat-x;
		border: 1px solid #ccc;
		
	}
	
	#player-mapa-onda ul li{
		float:left;
		background:url('http://imagens.climatempo.com.br/site/imagens/verao/bg-bt-player.jpg') repeat-x;
		text-decoration:none;
		height:30px;
		text-align:center;
		color:#01294d;
		list-style:none;
		line-height:30px;
		border-left:solid 1px #FFF;
		
		
	}
	
	#player-mapa-onda a{text-decoration:none; color:#01294d; border:0px;}
	
	#player-mapa-onda img{text-decoration:none; border:0px;}
	
	.bt-regiao{
		font-size:12px;
		font-weight:bold;
		text-align:center;
		padding:0 10px 0 10px;
		color:#01294d;	
		
	}
	
	#previsao-ondas{
	
		width:570px;
		height:160px;
		float:left;
		margin:0px 0px 15px 0px;
		padding:0;
			
		
	}
	
	#conteudo-previsao{
		float:left; 
		width:570px; 
		height:auto; 
		
	}
	
	
	.cabecalho {
		background:#F9F9F9;
		height:30px;
		text-align:left;
		padding:0 3px 0 3px;
		font-size:11px;
		font-weight:bold;
		color:#666;
		border:none;
	}
	
	.rodape-previsao {
		height:30px;
		padding:0px 3px 0 5px;
		clear:both;
		border:none;
	}
	
	.frase-previsao{
		
		margin-top:3px;
		font-size:12px;
		color:#666;
		
	}
	
	.data-previsao{float:left; margin-top:7px;}
	.por-do-sol{float:right; margin-top:3px;}
	
	
	.icone{
		float:left; 
		width:67px; 
		height:auto; 
		padding:10px 0px 7px 8px; 
		margin:0;
		
		
		}
	
	.icone-texto{
		
		
		font-size:16px;
		font-weight:bold;
		color:#004d81;
		padding-left:10px;
		
		}
		
		
	#dados-ondas{
		
		float:left;
		width:65px;
		height:auto;
		font-size:14px;
		font-weight:normal;
		color:#666;
		padding:45px 0px 0px 0px;
			
		}
	
	.texto-indiceUv{
		
		
		font-size:16px;
		font-weight:normal;
		color:#ef9618;
		
		}
		
	.dado-uv-texto{font-size:18px; color:red; font-weight:bold;}	
		
	#botoes-ondas{float:right; margin:0px 0 15px 15px;}
	
	/* Localiza Praias */
	
	#localiza-praias{
		
		width:570px;
		float:left;	
	}
	
	#frmPesquisaPraias{
		margin:15px;
		
	}
	
	.localiza-praias{
		font-size:16px;
		color:#024E7F;
		font-weight:normal;
		float:left;
		padding:15px 0 15px 0;
		}
	
	#frmPesquisaPraias input.cidade_cep{
		border:solid 1px #ccc;	
		height:40px;
		line-height:40px;
		width:472px;
		font-size:16px;
		color:#666;
		margin-right:2px;
	}
	
	#frmPesquisaPraias input.input-ok{
		
		width:45px;
		height:45px;
		line-height:45px;
		background:#f0f0f0;
		color:#666;
		font-size:14px;
		float:right;
		margin:0 0 0 9px;
		border:solid 1px #ccc;	
		
		}
		
	#localiza-praias #frmPesquisaPraias select{
		
		height:30px;
		width:230px;
		border:solid 1px #ccc;	
		font-size:14px;
		color:#666;
		margin-right:15px;
		
		
		}
		
		
	.cmbEstado{
		
		height:30px;
		width:250px;
		border:solid 1px #ccc;	
		font-size:14px;
		color:#666;
		
		
		}
		
	.cmbPraias{
		
		height:30px;
		width:250px;
		border:solid 1px #ccc;	
		font-size:14px;
		color:#666;
		
		
		}
		
		
	.data-texto-analise{float:left; font-size:12px; color:#666;}
	
	.texto-analise-mar{float:left; text-align:justify; font-size:14px; color:#666; font-weight:normal;}
	
	#previna-dir{float:left; width:347px; height:auto; margin:0px; padding:0px; background:url('http://imagens.climatempo.com.br/site/imagens/verao/previna02-dir.jpg'); }
	
	#previna-dir ul {margin-top:85px; padding:0; float:left; width:347px; height:26px;}
	
	#previna-dir ul li{list-style:none; width:140px; height:26px; float:left; margin:0 0 0 23px;}
	
	/* FIM ONDAS */
	
	
	/* CHUVAS-UV */
	
	#chuva-uv{
		float:left;
		width:430px;
		height:400px;
		margin:0;
		padding-top:15px;	
		
	}
	
	#uv-mapa{
		float:left;
		width:430px;
		height:auto;
		margin:0;
		padding:0;
		border:none;	
		
	}
	
	#player-mapa{
		float:left;
		background:#CCC;
		border:none;
		width:430px;
		height:30px;	
		
	}
	
	#player-mapa ul{
		float:left;
		width:330px;
		height:30px;
		display:block;
		padding-left:100px;
		margin:0;
		
	}
	
	#player-mapa ul li{
		float:left;
		background:url('http://imagens.climatempo.com.br/site/imagens/verao/bg-bt-player.jpg') repeat-x;
		text-decoration:none;
		width:45px;
		height:30px;
		text-align:center;
		color:#01294d;
		list-style:none;
		line-height:30px;
		border-left:solid 1px #FFF;
		
		
	}
	
	.chuva-uv {
		float:left;
		margin: 0;
		padding:0;
		font-size: 12px;
		color:#666666;
		width:430px;
		height:auto;
		text-align:justify;
	} 
	
	.bt-loop{
		font-size:12px;
		font-weight:bold;
		text-align:center;
		padding:0 10px 0 10px;
		color:#01294d;	
		width:75px;
		
	}
	
	#publicidadeEspecialChuvaUv{
		
	float:left;
	width:430px;
	height:90px;
	background:#CCC;
	padding:15px 0 15px 0;	
	margin-top:5px;
		
	}
	
	#radares{ 
		margin-top:15px;
	    float:left; 
		background:url('http://imagens.climatempo.com.br/site/imagens/verao/chuva-sp-rj.jpg') no-repeat; 
		width:430px; 
		height:95px; 
		padding:0;
		
	}
	
	#radares ul { padding:10px; width:75px; height:auto; float:right; }
	
	#radares ul li{ margin:0px; float:right; list-style:none; text-decoration:none;}
	
	#mapaTemperaturaAgua{
	
		width:345px;
		height:310px;
		float:left;
		border:none;	
		margin-top:15px;
		
	
	}
	
	.temp-agua {
		float:left;
		margin: 0;
		padding:0;
		font-size: 12px;
		color:#666666;
		width:345px;
		height:auto;
		text-align:justify;
	} 
	
	
	#player-mapa-temp-agua{
		float:left;
		background:#CCC;
		border:none;
		width:345px;
		height:30px;	
		
	}
	
	#player-mapa-temp-agua ul{
		float:left;
		width:285px;
		height:30px;
		display:block;
		padding-left:60px;
		margin:0;
		
	}
	
	#player-mapa-temp-agua ul li{
		float:left;
		background:url('http://imagens.climatempo.com.br/site/imagens/verao/bg-bt-player.jpg') repeat-x;
		text-decoration:none;
		width:45px;
		height:30px;
		text-align:center;
		color:#01294d;
		list-style:none;
		line-height:30px;
		border-left:solid 1px #FFF;
		
		
	}
	
	/* PREVISAO ONDAS NA PÁGINA DA PREVISAO */
	
	#previsao-ondas-esq{
	
		width:429px;
		height:130px;
		float:left;
		margin:0px 0px 15px 0px;
		padding:0;
			
		
	}
	
	#conteudo-previsao-esq{
		float:left; 
		width:429px; 
		height:100px;
		margin-top:5px; 
		
	}
	
	
	#conteudo-previsao-esq #cabecalho {
		background:#F9F9F9;
		height:30px;
		text-align:left;
		padding:0;
		margin:5px 0 0 10px;
		border:none;
	}
	
    #cabecalho .data-previsao-ondas-esq{float:left; margin:7px 0 0 10px; font-size:12px; font-weight:bold; color:#666;}
	#cabecalho .por-do-sol-ondas-esq{float:right; margin:3px 10px 0 0;font-weight:normal; font-size:12px; font-weight:normal; color:#666;}
	#conteudo-previsao-esq .rodape-previsao {height:30px; padding:0 3px 0 5px; clear:both; border:none;}
	#conteudo-previsao-esq .frase-previsao{font-size:12px; color:#666;}
	
	
	#conteudo-previsao-esq .icone{
		float:left; 
		width:45px; 
		height:70px; 
		padding:0; 
		margin:5px 5px 0 5px;
		text-align:center;
		
		}
	
	#conteudo-previsao-esq .icone-texto{
		
		
		font-size:14px;
		font-weight:bold;
		color:#004d81;
		padding:0px;
		margin:0;
		
		}
		
		
	#conteudo-previsao-esq #dados-ondas{
		
		float:left;
		width:auto;
		height:auto;
		font-size:12px;
		font-weight:normal;
		color:#666;
		padding:30px 0px 0px 0px;
			
		}
	
	#conteudo-previsao-esq .texto-indiceUv{
		
		
		font-size:28px;
		font-weight:bold;
		color:#ef9618;
		margin-top:5px;
		
		}
		
	#conteudo-previsao-esq #botoes-ondas{float:right; margin:0px 0 15px 15px;}
	
	 
	#mapaOndas p {
	float:left;
	margin: 0;
	padding-bottom:15px;
	font-size: 12px;
	color:#666666;
	width:345px;
	height:auto;
	text-align:justify;
	} 
	
	
	
		
	/* UV na Página do Litoral */
	
	#uv-no-litoral{ width:572px; height:100px; margin-top:10px; float:left; background:url('http://imagens.climatempo.com.br/site/imagens/verao/bg-indice-uv.png');}
	#uv-no-litoral .dado-uv{width:76px; height:76px; float:left; margin:7px 0 0 12px; font-size:75px; color:#ee6121; font-weight:bold; letter-spacing:-10px;}
	#uv-no-litoral .bt-ver-mais{width:60px; height:45px; float:right; margin:30px 15px 0 0;}


	/* Especial Carnaval */
	
	#carnaval-topo {width:960px; height:400px; background:url('http://imagens.climatempo.com.br/site/imagens/verao/bg-carnaval.jpg'); float:left; margin:0px;}
	#no-litoral {width:430px; height:172px; float:left;}
	#no-litoral img{margin:10px; float:left;}
	#no-litoral p{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:14px; text-align:justify; padding-right:10px;}
	#video-carnaval{width:413px; height:253px; background:#FFF; margin: 104px 0 0 27px;}
	#share-video {width:auto; height:30px; float:left; margin:10px 10px 0 0; line-height:30px;}
	#face-carnaval{width:345px; height:auto; float:left;}