body{margin:0; padding:0; background:url('http://imagens.climatempo.com.br/site/imagens/radar-sp/bg.jpg') repeat-x top; font-family:Arial, Helvetica, sans-serif;}

#container{
	width:950px;
	height:auto;
	margin:0 auto;
	border: 1px solid #ccc;
	overflow:hidden;
}

iframe{ float:left;}

a{ text-decoration:none;}

/* Estrutura */
#container #topo { width:950px; height:182px; float:left; background:url('http://imagens.climatempo.com.br/site/imagens/radar-sp/bg-topo-geoRio.jpg') bottom no-repeat;}
#container #topo #barra-topo{ width:950px; height:90px; float:left; background:url('http://imagens.climatempo.com.br/site/imagens/radar-sp/barra-topo.png') no-repeat top ;}
#container #conteudo{ width:950px; height:auto; float:left; margin-top:20px; }
#container #conteudo #cont-esquerdo{ width:605px; height:auto; float:left; margin:0 10px}
#container #conteudo #cont-esquerdo-completo{ width:930px; height:auto; float:left; margin:0 10px}
#container #conteudo #cont-direito{ width:302px; height:auto; float:left; margin:0 10px}
#container #rodape { width:950px; float:left; height:auto; background:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:center; padding:10px 0 0 0}
#rodape p{ width:810px; margin:10px auto; color:#fff;}

/* Logos Topo */
.logo-geoRio{ width:124px; height:73px; float:left;}
.logo-climatempo{ width:161px; height:31px; float:left; margin:22px 0 0 30px; }

/*menu topo */
#menu ul{ width:950px; height:auto; list-style:none; padding:0; margin:0; float:left;  background:#013766; }
#menu ul li a{ width:auto; height:25px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; color:#fff; font-weight:normal; list-style:none; padding:10px 20px 0 20px; text-decoration:none; margin:0; float:left; background:#013766; border-left:1px solid #013e75; border-right:1px solid #01294d;}
#menu ul li a:hover{ background:#01294d; }

h1{ width:100%; padding:0; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#01294d; float:left;}
h2{width:100%; padding:0; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#01294d; float:left;}
p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; }
.spaceTopo15{ margin-top:15px;}
.spaceRight5{ margin-right:5px;}
hr{ width:100%; color:#ccc; border-style:dashed; margin-bottom:10px; float:left; }

/* home */
.mapasHome{ width:299px; height:229px; float:left;}
.imagemMapa{ width:289px; height:181px; padding:5px; background:#e6edf5; float:left;}

#noticias{ width:299px; height:auto; float:left; }
#noticias .areaNoticia{ width:299px; height:auto; float:left; border:1px solid #e6edf5;}
#noticias p{ width:260px; height:auto; text-align:justify; margin:15px auto;}

/*ALERTA */
#container #conteudo #cont-direito #alerta h1{ width:100%; height:30px; float:left; color:red; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; }
#alerta2{ width:279px; height:auto; padding:10px; border:1px solid red; float:left; }

#alerta2 p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; float:left;}
#alerta2 h2{ width:100%; height:30px; float:left; color:red; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; margin-bottom:10px; }

#tabela table{ width:100%; height:auto; float:left;}
#tabela table tr td{ border:1px solid #d4e0ee; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
#tabela .tituloTabela { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#224e9f;  text-align:center; height:30px;}
.tituloTabela { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#224e9f;  text-align:center; height:30px;}
#tabela .vigilancia{ font-family:Arial, Helvetica, sans-serif; font-size:12px; height:30px; text-align:center; font-weight:bold; color:#008038; }
#tabela .baixa{ font-family:Arial, Helvetica, sans-serif; font-size:12px; height:30px; text-align:center; font-weight:bold;  background:#008038; color:#fff; }
#tabela .alta{ font-family:Arial, Helvetica, sans-serif; font-size:12px; height:30px; text-align:center; font-weight:bold; background:red; color:#fff; }

/* Botões */
#botoes span{ text-align:center; float:left;}

/* tabela de dados de chuva */
#tabeladedados-home{ width:605px; float:left; }

#tabeladedados-home h1{ margin-top:5px; margin-bottom:5px; margin-left:5px;}
#tabeladedados-home .tituloTbDadosHome{ width:605px; height:auto; float:left; border:1px solid #ccc; }
#tabeladedados-home table{ width:100%; height:auto; float:left; color:#666;}
#tabeladedados-home table tr td{ border:1px solid #d4e0ee; height:30px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#tabeladedados-home span { float:left; }

/* video home */
#videohome { float:left;}

#legenda{ width:195px; height:54px; background:url('http://imagens.climatempo.com.br/site/imagens/radar-sp/bg-legenda.jpg') top repeat-x; border:1px solid #ccc; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#legenda table{ margin-left:10px; color:#666; width:180px; height:auto; border:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.moderada{ font-family:Arial, Helvetica, sans-serif; font-size:12px; height:30px; text-align:center; font-weight:bold;  background:#FC0; color:#006;}
.baixa{ font-family:Arial, Helvetica, sans-serif; font-size:12px; height:30px; text-align:center; font-weight:bold;  background:#008038; color:#fff; }
.alta{ font-family:Arial, Helvetica, sans-serif; font-size:12px; height:30px; text-align:center; font-weight:bold; background:red; color:#fff; }

/* 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:#005183; 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; margin-top:15px; }

/*botões padrão */
.btMais{ width:auto; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.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:#014879; border-radius:5px; -moz-border-radius: 5px; text-decoration:none;}
 /* Fim botões padrão */
 
 /* Páginação */
 #paginacao { width:100%; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
 #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:#014879; color:#fff; cursor:pointer; float:left; text-decoration:none; border-radius:5px; -moz-border-radius: 5px;}
 
 /* Comentários */
 #comentarios{ width:100%; height:auto; float:left; color:#024271;}
 #comentarios a{ color:#666;}
 
 /* Seta Baixo */
 .seta{float:left; margin-top:5px; margin-left:5px;}
 .tituloH1Tabela{ width:auto;}
 
 /* Radar Meteorológico */
 #tempoReal #texto-radar{ width:905px; height:auto; border:1px solid #ccc; float:left; padding:10px;}
 #tempoReal #texto-radar p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; width:100%; float:left; margin:5px 0 0 0;}
 
 #alertaRio { margin-top:20px; float:left;}
 #alertaRio .box{ width:304px; height:179px; float:left; margin-left:5px;}
 
 /* Mapas internos */
.mapas{ width:100%; float:left; height:auto; margin-bottom:20px; }

.left5{ margin-left:5px;}

/* Redes Sociais */
#redesSociais {
float: right;
width: 328px;
}
#redesSociais .twitter{width:110px; float:right; }
#redesSociais .google{ width:80px; float:right;}
#redesSociais .facebook{width:146px; float:right;}
div#LikePluginPagelet{ width:300px;}

/* area Texto home */
#textoHome{ width:582px; height:auto; padding:10px; border:#c4c4c4 solid 1px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666; line-height:18px; text-align:justify; }



/* MENU */

#MainMenu {
	width:952px;
	margin:0 auto;
	height:35px;
	background:#FFF url(http://imagens.climatempo.com.br/site/images/bmid_103.gif);
	border:0;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	background:#000 url(http://imagens.climatempo.com.br/site/images/bright_103.gif) no-repeat right top;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span 
{
	display:block;
	background:url(http://imagens.climatempo.com.br/site/images/bleft_103.gif) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:700;
	line-height:35px;
	padding:0 16px 0 16px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#000;
	font-weight:700;
	font-style:normal;
}
.dropmenudiv 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0;
	background:#FFF url(http://imagens.climatempo.com.br/site/images/bmid_103.gif);
	color:#FFF;
	z-index:100;
	padding:0;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:180px;
	display:block;
	border:0;
	color:#FFF;
	background:url(http://imagens.climatempo.com.br/site/images/bleft_103.gif) no-repeat left top;
	font-weight:700;
	font-style:normal;
	margin:0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:35px;
	background:url(http://imagens.climatempo.com.br/site/images/bright_103.gif) no-repeat right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	float:none;
	padding:0 26px 0 24px;
}
.dropmenudiv a:hover 
{
	border:0;
	background-position:left bottom;
	font-weight:700;
	font-style:normal;
	color:#000;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#000;
	font-weight:700;
}
.adt{ font-size:36px; background-color:#990000; border:1px #FF0000 solid;}

#container-topo{
	position:relative;
	background:url('http://imagens.climatempo.com.br/site/imagens/radar-sp/bg-radar.jpg') bottom repeat-x;
}

#topo-terra{margin:0 auto; width:952px; display:block;}


/* BANNER CLIMATEMPO */
#banner{
	height: 232px;
	width: 1000px;
	margin: 0 auto;
}

#areaPublicidadeTopo { width: 995px; height: 95px;float: left;
margin-top: 10px;
background: #013766 url('http://imagens.climatempo.com.br/site/imagens/publicidade.jpg') left no-repeat;
padding: 5px 5px 0 0; }

#logo{display:inline; float:left; margin:20px 0 0 10px;}


/* LINKS DO BANNER */
#link_banner{
	float:right;
	font-size:10px;
	width:400px;
	margin-top:10px;
}
#link_banner span{ float:right;}
#link_banner *{color:#FFF; clear:both;}

/* BANNER PUBLICITÁRIO DO TOPO */
#top_pub{ width:728px; height:90px; float:left; margin:0 0 0 27px;}
#top_pub-pq{ width: 225px; height: 90px; margin: 0 0 0 15px; float: left; background: #CCC;}



/* slider opacidade, legenda traço, player */

#bg_legenda{border:1px solid #D3D3D3;width:180px;height:30px;background-image:url('http://imagens.climatempo.com.br/site/imagens/radar-sp/linha-grsp.png');background-repeat:no-repeat; float:right; margin:10px 0;}
#legenda_sp{margin:8px 0 0 75px; font-family:arial;font-size:12px;font-weight:bold;color:#6B6B6B;}
#transparencia{width:250px; height:auto; float:left; color:#6b6b6b; font-size:14px; font-weight:bold; padding-left:5px; border:1px solid #D3D3D3; line-height:30px; margin:10px 0;}

#player{float:left; width:100%; height:30px; border:1px solid #c4c4c4;}
#player ul{border:0; margin:0; padding:0; width:100%; height:30px;}
#player ul li{float:left; list-style:none; text-align:center; line-height:30px;}
#player a{text-decoration:none; font:normal 10px verdana, arial, helvetica, sans-serif; color:#666666; cursor:pointer;}


.firstButton,.actionButton{font:normal 10px verdana, arial, helvetica, sans-serif; border-left:1px solid #c4c4c4; background-color:#ededed; color:#666666; text-decoration:none; cursor:pointer; width:79px; float:left; height:30px;}
.lastButton{font:bold 12px verdana, arial, helvetica, sans-serif; border:none; background-color:#246794; color:#ffffff; text-decoration:none; cursor:pointer; width:125px; height:30px;}