
div.cityUiv { display: block; float: left; width: 212px; margin: 0 6px 24px; padding: 6px 0; }
div.cityUiv.highlight { background-color: #efefef; }
div.cityUiv h6 { font: 12px/100% Verdana, sans-serif; font-weight: 700; margin: 6px 0 0; padding: 6px; background-color: #efefef; }

/* IE6 */
* html div.cityUiv h6 { margin-top: 12px; }
/* IE7 */
*:first-child+html div.cityUiv h6 { margin-top: 12px; }

div.cityUiv p { margin: 0; padding: 2px 6px 6px; font: 10px/100% Arial, sans-serif; }
div.cityUiv img { float: right; margin-right: 36px; }

p.horizontalList { font: 12px/130% Arial, sans-serif; margin: 0 0 0 20px; padding: 0; }
p.horizontalList a { padding: 0 5px; }

table.extras { width:100%; font:400 13px/13px arial, sans-serif; }

#map { margin: 15px auto; width: 500px; height: 300px; }

table.localTempoDados { margin-left: 15px; width: 660px; border-collapse: collapse; border-spacing: 0 0; }
table.localTempoDados tr td { padding: 0; vertical-align: top; }
table.localTempoDados tr td.localColunaEsquerda { width: 250px; }
table.localTempoDados tr td.localColunaMeio { width: 10px; }
table.localTempoDados tr td.localColunaDireita { width: 250px; }

table.localBusca { width: 630px; background: #efefef; margin: 15px 0 15px 0; border-collapse: collapse; border-spacing: 0 0; }
table.localBusca tr td { padding: 10px 5px 10px 5px; font: 12px arial; vertical-align: top; }
table.localBusca tr td form { margin: 0; }

table.localWeather { font: 12px arial; width: 630px; margin: 0 0 10px 15px; border-collapse: collapse; border-spacing: 0 0; }
table.localWeather tr td { padding: 0; vertical-align: top; }
table.localWeather tr td ul { margin-top: 10px; margin-bottom: 10px; }
table.localWeather tr td ul li { margin-bottom: 3px; }
table.localWeather tr td table { font: 12px arial; border-collapse: collapse; border-spacing: 0 0; }
table.localWeather tr td table tr td { padding: 10px 20px 5px 20px; vertical-align: top; text-align: center; }

table.localLista { margin: 0; width: 630px; border-collapse: collapse; border-spacing: 0 0; }
table.localLista tr td { padding: 0; vertical-align: top; }
table.localLista tr td.localLeftColumn, table.localLista tr td.localRightColumn { width: 275px; }
table.localLista tr td ul { margin-right: 10px; padding-right: 10px; }
table.localLista tr td ul li { font-size: 12px; margin-bottom: 5px; }

div.localTempoAgora h3 { font-weight: bold; font-size: 14px; font-family: arial; color: #cc3300; }
div.localTempoAgora p { font: 12px arial; margin: 5px 0 5px 0; }
div.localTempoAgora p.localTempoAgoraImagem { text-align: center; margin-bottom: 15px; }
div.localTempoAgora p.localTempoAgoraPrevisao { font-weight: bold; font-size: 13px; margin: 15px 0 15px 0; }

div.localPrevisao h3 { font-weight: bold; font-size: 14px; font-family: arial; color: #cc3300; }
div.localPrevisao table { width: 250px; border-collapse: collapse; border-spacing: 0 0; }
div.localPrevisao table tr td { padding: 0; vertical-align: top; font: 10px arial; border-bottom: 10px solid #ffffff; }
div.localPrevisao table tr td b { font-size: 12px; font-family: arial; font-weight: bold; }
div.localPrevisao table tr td.localPrevisaoImagem { width: 70px; }
div.localPrevisao span.localPrevisaoMax { font-weight: bold; color: #cc3300; margin-right: 8px; font-size: 12px; }
div.localPrevisao span.localPrevisaoMin { font-weight: bold; color: #6699cc; font-size: 12px; }

div.localLgoWeather { width: 60px; height: 55px; background: #ffffff; text-align: right; margin: 2px 0 0 0; float: right; }

div.localNavLista { margin: 25px 0 15px 0; font: bold 16px arial; }

h1.localCidades { color: #ffffff; background: #adadad; margin-bottom: 10px; }
h3.localChapeu { margin-left: 15px; font-weight: bold; font-size: 14px; font-family: arial; color: #cc3300; }
span.localAtualizacao { font: 11px arial }
span.localHint { font: 11px arial; font-style: italic; }
input.localBtn { font: bold 11px arial; vertical-align: top; }
ul.localItem { margin: 0 0 0 10px; padding: 0 0 0 10px; }
ul.localItem li { font: 11px arial; list-style: disc url(http://f.i.uol.com.br/folha/images/bullet.gif); }
ul.localItemBusca { margin: 0 0 15px 10px; padding: 0 0 0 10px; }
ul.localItemBusca li { font: bold 11px arial; margin-bottom: 5px; list-style: disc url(http://f.i.uol.com.br/folha/images/bullet.gif); }
#newsList p.stripe { margin-bottom: 10px; }

/* índice uv */
table.localIuv { width: 630px; margin: 0 0 10px 0; border-collapse: collapse; border-spacing: 0 0; }
table.localIuv tr td { vertical-align: top; padding: 0; }
table.localIuv tr td div.localCidade { position: relative; margin: 0; padding: 0; height: 80px; }
table.localIuv tr td div.localCidadeDestaque { background: #efefef; position: relative; margin: 0; padding: 0; height: 80px; }
table.localIuv tr td div.localCidadeDestaque div.localImagem { position: absolute; top: 10px; left: 115px; }
table.localIuv tr td div.localCidadeDestaque p.localNome { background: #efefef; font: bold 12px verdana; padding: 10px 8px 4px 8px; margin: 0; }
table.localIuv tr td div.localImagem { position: absolute; top: -5px; left: 115px; }
table.localIuv tr td p.localNome { background: #efefef; font: bold 12px verdana; padding: 2px 8px 4px 8px; margin: 0; }
table.localIuv tr td p.localAtualizacao { font: 10px arial; padding: 2px 8px 2px 8px; margin: 0; }

p.localChapeu { font-weight: bold; font-family: arial; font-size: 14px; text-transform: uppercase; color: #cc3300; margin: 0 0 10px 0; }
div.localFonte { font: 11px verdana; margin: 0 0 20px 0; }

table.localDescricao { width: 630px; margin: 10px 0 0 0; border-collapse: collapse; border-spacing: 0 0; }
table.localDescricao tr td { vertical-align: top; font: 12px arial; text-align: center; padding: 5px 0 5px 0; }
table.localDescricao tr th { padding: 0; font: bold 12px arial; text-align: center; padding: 5px 0 5px 0; }
table.localDescricao tr th.localIndiceBaixo { background: #99cc99; }
table.localDescricao tr th.localIndiceModerado { background: #ffcc00; border-left: 4px solid #ffffff; border-right: 4px solid #ffffff; }
table.localDescricao tr th.localIndiceAlto { background: #cc9999; }
table.localDescricao tr td.localIndiceBixo { background: #d6ebd6; }
table.localDescricao tr td.localIndiceModerado { background: #ffeb99; border-left: 4px solid #ffffff; border-right: 4px solid #ffffff; }
table.localDescricao tr td.localIndiceAlto  { background: #eed5d6; }

