@charset "utf-8";
/* CSS Document */
*{
	color:#666666;
	font-family: Arial, Helvetica, Sans-serif;
	list-style:none;
	margin:0;
	padding:0;
	text-decoration:none;
	font-size:12px;
}

body{background:center 179px; margin:0; padding:0;}

p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}

h1{color:#024271; float:left; margin-top:2px; font-size:22px; text-align:left; font-weight:normal;}
h1 a{color:#024271; float:left; margin-top:2px; font-size:22px; text-align:left; font-weight:normal;}

h2{ width:100%; color:#024271; float:left; margin-top:2px; font-size:14px; text-align:left;  font-weight:normal;}
h2 a{color:#024271; float:left; margin-top:2px; font-size:14px; text-align:left;  font-weight:normal;}
h2 a:hover{color:#024271; float:left; margin-top:2px; font-size:14px; text-align:left; text-decoration:underline; font-weight:normal;}

h3{ color:#024271; float:left; margin-top:2px; font-size:22px; text-align:left;  font-weight:normal;}
h3 a{color:#024271; float:left; margin-top:2px; font-size:22px; text-align:left;  font-weight:normal;}

h6{ width:100%; color:#024271; float:left; margin-bottom:5px; font-size:10px; text-align:left; text-transform:uppercase;  font-weight:normal;}
h6 a{color:#024271; float:left; margin-bottom:5px; font-size:10px; text-align:left; text-transform:uppercase;  font-weight:normal;}
h6 a:hover{color:#024271; float:left; text-decoration:underline; margin-bottom:5px; font-size:10px; text-align:left; text-transform:uppercase;  font-weight:normal;}

/* botões que ficam nos headers */
.bt-header a{ width:75px; height:20px; padding:2px 5px 0 5px; background:#555555; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; float:right; margin-top:5px;}
.bt-header a:hover{ width:75px; height:20px; padding:2px 5px 0 5px; background:#014879; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; float:right; margin-top:5px;}


.negrito{font-weight:bold;}
.center{margin:0 auto;}
.left{float:left;}
.linque, a.linque:hover{color:#FF0000; float:right; font-weight:bold;}
.sub_titulo{margin:7px 0 7px 0;}

#container{
/*	border-right:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid; 
	border-bottom:1px #CCCCCC solid;  */
	display:table;
	height:100%;
	margin:0 auto;
	width:950px;
	background:#ffffff;
	overflow:hidden;
}

#container-topo{
	
	position:relative;
	background:url('http://imagens.climatempo.com.br/site/imagens/novo-container-banner.jpg') repeat-x;

}

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

/* LINKS DO BANNER */
#link_banner{
	float:right;
	font-size:10px;
	margin-bottom:4px;
	margin-top:5px;
	margin-right:7px;
	width:100%;
}
#link_banner span{ float:right;}
#link_banner *{color:#FFF; clear:both;}

/* BANNER PUBLICITÁRIO DO TOPO */
#top_pub{float:right; margin:15px 7px 0 0;}

/* PUBLICIDADE BUSCAPE */
#buscape120x600{border:1px solid #E2E2E2;}
#buscape120x600 h3 a{font-size:15px; color:#024271;}
#buscape120x600 .vejaProdutos{font-weight:bold; font-size:10px; margin:0 0 0 2px; color:#FF0000;}

#buscape300x250{border:1px solid #E2E2E2; text-align:center;}
#buscape300x250 h3 a{font-size:20px; color:#024271;}
#buscape300x250 .vejaProdutos{font-weight:bold; color:#FF0000;}

#buscape790x200{clear:both; margin:0 0 0 5px;}

/* BANNER CLIMATEMPO */
#banner{
	background: #0082c0 url(http://imagens.climatempo.com.br/site/imagens/banner_back.jpg) repeat-x; 
	height:120px; 
	width:952px;
	margin:0 auto;
}
#logo{display:inline; float:left; margin:35px 0 0 10px;}

/*CONTEUDO DO SITE*/
#conteudo{padding:7px;}

/* DIVS QUE SEPARAM CONTEÚDO DO SITE EM TRÊS COLUNAS */
#principal{float:left; overflow:hidden;}
#div1{float:left;width:447px;}
#div2{float:left;width:343px; margin-left:7px; margin-right:7px;}
#sidebar{float:left; width:130px;}

/* BOX's DE CONTEÚDO DO SITE */
.box{
	margin-bottom:20px;
	padding:5px;
	text-align:justify;
	clear:both;

}

.header{min-height:30px; text-align:left; padding:5px 0 3px 0; border-top:2px #013E75 solid; margin-bottom:5px; margin-top:20px;}
.multlinha{width:430px; display:table;} /* hack para multilinha no titulo */
.header_right{float:right;margin-top:7px;}
.header_right_img{float:right;}
a:hover{color:#024271;}


/* BOX PATROCÍNIO */
#patrocinio img{border:0;}
#patrocinio .banner1{margin-bottom:5px;}
#patrocinio .banner{margin-top:5px;}
#patrocinio #ad_sense{margin-top:10px;}

.botoes{padding:3px; height:40px; background-color:#f7f7f7;}
.botoes img{border:1px #9900CC solid; float:right; width:40px; height:40px;}
.botoes span{width:70px; text-align:right; float:right; font-size:11px; margin-right:3px;}
.botoes a{display:block; height:40px;}
.botoes a:hover span{color:#0577b0;}

/* BOX ACESSO RAPIDO */
#acessoRapido{padding:0;}
div.acessoRapido-tab {width: 100%; margin: 0 0 20px 0;}
ul.acessoRapido-tab {list-style-type: none; width: 100%;float: left;background: url(http://imagens.climatempo.com.br/site/imagens/pixel.gif) bottom left repeat-x; margin-bottom:7px;}
ul.acessoRapido-tab li {margin: 0 2px 0 0;float: left;}
ul.acessoRapido-tab a {
	float: left;
	display: block;
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-bottom: 0;
	color: #666;
	background: #eee;
	text-decoration: none;
	font-weight: bold;
}
.acessoRapido-tab .tab{clear:both;}
ul.acessoRapido-tab a:hover {background: #fff;}
ul.acessoRapido-tab a.active {background: #fff;padding-bottom: 5px;cursor: default;color: #024271
;}

/* CIDADE E CEP INPUTS DE BUCAS EM GERAL */
#outras_cidades option, #outras_cidades select {width:150px;}
#outras_cidades{border:1px #e2e2e2 solid; background-color:#fbfbfb; margin-bottom:5px;}
#outras_cidades h3{ font-size:15px;}
#outras_cidades .cidade_cep{margin-right:2px; height:17px; font-size:12px; color:#aaa;}

/* ACESSO RAPIDO */
#mais_acessadas{font-size:12px; display:table; height:100%;border:1px #e2e2e2 solid; background-color:#fbfbfb; margin-bottom:5px;}
#mais_acessadas h3{font-size:15px;}
#mais_acessadas .titulo{ height:20px;}
#mais_acessadas li{width:165px; display:block; float:left;}

/* ULTIMAS CIDADES VISITADAS */
#ultimasCidades{font-size:12px; display:table; height:100%;border:1px #e2e2e2 solid; background-color:#fbfbfb; margin-bottom:5px;}
#ultimasCidades li{width:165px; display:block; float:left;}

/* PUBLICIDADE */
#publicidade { width:300px; height:auto; float:left; margin:20px 0 0 10px; text-align:center;}

/* RODAPÉ */
#agrupaRodape{ width:100%; height:274px; background:#013766; clear:both; height:auto; float:left; padding-top:20px; padding-bottom:20px; margin-top:20px; }
#rodape{ width:950px; height:auto; margin:0 auto;}
#rodape strong{ color:#fff; }
#rodape ul{ width:120px; height:auto; border-left:1px solid #056aa0; margin-left:20px; padding-left:10px; list-style:none; display:block; float:left; }
#rodape ul li{ list-style:none; width:100%; height:auto; float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:5px; text-align:left;}
#rodape ul li a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; text-align:left; }
#rodape ul li a:hover{ background:#056aa0; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; text-align:left; }
#copyright{ width:100%; height:32px; padding-top:20px; text-align:center; color:#666; font-size:12px; font-weight:bold; float:left; background: url(http://imagens.climatempo.com.br/site/imagens/bg-copyright.jpg) repeat-x top; }

/* NOVO MENU */
#New-Menu{
	width:952px;
	height:auto;
	margin:0 auto;
	background:#013766;
	
}

#New-Menu ul.ldd_menu{
	margin:0px;
	padding:0;
	display:block;
	height:35px;
	
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666;
	border-bottom:1px solid #ccc;
/*	-moz-box-shadow:0px 3px 3px #999;
	-webkit-box-shadow:0px 3px 3px #999;
	-box-shadow:0px 3px 4px #591E12;*/
}
#New-Menu ul.ldd_menu a{
	text-decoration:none;
	color:#fff;	
}

#New-Menu ul.ldd_menu > li{
	float:left;
	position:relative;
	
}


#New-Menu ul.ldd_menu > li > span{
	float:left;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	height:35px;
	line-height:40px;
	padding:0px 20px;
	border-right:1px solid #01294d;
	border-left:1px solid #013e75;
}

#New-Menu ul.ldd_menu > li > span a{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}

#New-Menu ul.ldd_menu .ldd_submenu{
	position:absolute;
	top:35px;
	width:550px;
	display:none;
	opacity:0.95;
	left:0px;
	font-size:10px;
	background: #034778;
	z-index:800000000000;
}
#New-Menu a.ldd_subfoot{
	background-color:#f0f0f0;
	color:#444;
	display:block;
	clear:both;
	padding:15px 20px;
	text-transform:uppercase;
	font-family: Arial, serif;
	font-size:12px;
	text-shadow:0px 0px 1px #fff;
	-moz-box-shadow:0px 0px 2px #777 inset;
	-webkit-box-shadow:0px 0px 2px #777 inset;
	-box-shadow:0px 0px 2px #777 inset;
}
#New-Menu ul.ldd_menu ul{
	list-style:none;
	float:left;
	border-left:1px solid #056aa0;
	margin:20px 0px 10px 15px;
	padding:0 10px 0 10px;
}
#New-Menu li.ldd_heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#fff;
	padding:0;
	margin-top:10px;
}

#New-Menu li.ldd_heading a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#fff;
}

#New-Menu li.ldd_heading a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#fff;
	border-bottom:1px solid #056aa0;
}

#New-Menu .space-categorias{ margin-top:10px; }

#New-Menu li .linkMenu {
	margin-top:5px;
}

#New-Menu li .linkMenu a:hover{
	box-shadow:0px 0px 2px #333;
	background:#056aa0;
	color:#fff;
}

/* FIM NOVO MENU */

/* 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 19px 0 19px;
}
#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;}

/* ALERTA */
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 330px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position:fixed;
	top:40%;
	left:40%;
	z-index:99;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(http://imagens.climatempo.com.br/site/images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
	width: 99.5%;
}

#popup_content {
	background: 16px 16px no-repeat url(http://imagens.climatempo.com.br/site/images/info.gif);
	padding: 1em 1.75em;
	margin: 27px 0 0;
}

#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 {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}