/* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; }
/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
body {line-height: 1; }
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0; }
a:hover{text-decoration:none; color:#7e7e7e; text-shadow: 1px 1px 3px #c7c7c7; }
a:link{text-decoration:none; color:#7e7e7e; }
a:visited{text-decoration:none; color:#7e7e7e; }

ul{ margin:0; padding:0; }
li{list-style: none;}
div {display: inline-block; }
body , td {font-family:Arial, Helvetica, sans-serif; font-size:12px}
body { background-image:url(../img/fundo.jpg); background-color:#fff; background-position:0 -8px; background-repeat:repeat-x; margin:0; padding:0; border:0; }
img {border: none; }

.tit_e {background:url('../img/ponto_laranja.gif') no-repeat 0 0;margin-top:5px; font-weight: bold; padding: 3px 0 2px 15px; text-transform: uppercase; border-bottom: 2px solid #fc7403; display: block; font-size: 14px; clear: both; }


a.ativo{
background-color: #a2cce1 !important;
color: #ffffff;
font-size:15px;
}

.color1{background-color: #c7c7c7}
.color2{background-color: #ff0000}



/*################# PRINCIPAL ################ */

.principal{display: inherit; width: 984px; margin: 0 auto; }
.input_cidade {border:1px solid #fff; margin-top:2px; height:20px; vertical-align:top; width: 143px; }

/*################# TOPO ################ */

.topo { width:984px; height:113px; }
.topo.pt{background-image:url(../img/tarja_principal.png); background-position:0 5px; background-repeat:no-repeat;}
.topo.in{background-image:url(../img/tarja_principal_in.png); background-position:0 5px; background-repeat:no-repeat; }
.topo .tj1 {background-image:url(../img/tarja_cptec_bra.png); background-repeat: no-repeat; height: 65px; color:#5d5d5d; width: 984px; background-position: 0 -8px; }
.topo .tj1 .a{height:25px; margin-top:2px; margin-left: 15px; width: 830px; text-align: right; }
.topo .tj1 .b{width: 120px; text-align: right; height:25px; margin-top:2px; }
.topo .tj1 .c{margin-left: 15px; width: 500px; height:28px; margin-top:5px; }
.topo .tj1 .d{width: 447px; text-align: right; height:23px; margin-top:10px; }
.topo .tj2 {width: 115px; text-align: center; margin-top: 5px; height: 42px; float: left; }
.topo .tj3 {font-family: Arial,sans-serif; font-size:18px; line-height: 1.2em; color:#FFFFFF; margin-top: 0px; float: left; width: 570px; margin-left: 10px; height: 43px; }
.topo .tj3 .menor{    font-size:16px; }
.topo .tj4 {margin-left: 5px; margin-top: 9px; background-image: url(/~rpnum/common/img/fd_busca.png); float: left; background-repeat: no-repeat; width: 267px; padding-left: 10px; height: 28px; }
.topo .tj4in {margin-left: 5px; margin-top: 9px; background-image: url(../img/fd_busca_in.png); float: left; background-repeat: no-repeat; width: 267px; padding-left: 10px; height: 28px; }

.menu {  color:#FFFFFF; text-align:center; }
.menu div { height:20px; padding-top:8px; text-align:center; }
.menu a:visited{ color:#FFFFFF; }
.menu a:link{color:#FFFFFF; }
.menu .m {background-image: url('../img/sombra_bot.png'); float: left; }
.menu .m#m1{width:63px; background-color:#757374; background-position: -217px 0;}
.menu .m#m2{width:60px; background-color:#ff8900; background-position: -220px 0;}
.menu .m#m3{width:60px; background-color:#ae1105; background-position: -220px 0;}
.menu .m#m4{width:135px; background-color:#32c200; background-position: -145px 0;}
.menu .m#m5{width:141px; background-color:#61c2e2; background-position: -139px 0;}
.menu .m#m6{width:70px; background-color:#0094da; background-position: -210px 0;}
.menu .m#m7{width:70px; background-color:#003399; background-position: -210px 0;}
.menu .m#m8{width:130px; background-color:#11004e; background-position: -150px 0;}
.menu .m#m9{width:141px; background-color:#430963; background-position: -139px 0;}
.menu .m#m10{width:110px; background-color:#464646; background-position: -170px 0;}
.menu .m#m11{width:61px; background-color:#b6b6b6; background-position: -121px 0;}

/*################# COL MEIO ################ */
.conteudo { width:984px;}

.titmodelo #i{  width:480px;}
.titmodelo #coords {text-align: right; width:auto; text-transform:none !important; font-weight:normal !important; font-size:11px !important;}

.conteudo .meio {width:690px; height:auto; margin-top: 10px;}
.conteudo .meio .titulo{display: block; font-size: 14px; font-weight:bold;text-transform: uppercase; padding-bottom:2px; border-bottom:2px solid #fc7403; margin: 10px 20px 20px 0; clear: none;}
.conteudo .meio #mapa_desenhado{text-align: center; margin: 10px 0px 0px 0px; }
.conteudo .meio .aviso{ width: 620px; margin: 10px 0px 0px 30px;}
.titmodelo {font-size: 14px; text-transform: uppercase; color: #165099; height: 18px; border-bottom: 2px solid #fc7403; font-weight: bold; margin: 9px 30px 20px 10px; color:#393939;
}

.conteudo .meio .box .tit{width: 150px; padding: 10px 15px; margin-right: -4px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-left: 5px solid #fc7403; border-right:none; background-color: #ffffff; color: #000; font-weight: bold; border-radius: 5px 0 0 5px; position: relative;}
.conteudo .meio .box .caixa{width: 450px; margin-bottom:20px; padding: 10px 15px; border:1px solid #d9d9d9; border-radius: 0 7px 0 7px; z-index: 10;}
.conteudo .meio .box .caixa b{ font-weight: bold; margin: 5px 0  5px -10px; display: block;}

.conteudo .meio .box .caixa ul{margin-left: 10px;}
.conteudo .meio .box .caixa li{ margin: 10px 10px;}


.conteudo .meio .box2 {width:330px; height:auto; margin: 10px 10px 0 0;}

.conteudo .meio #frame{background-position: 250px 250px;  background-repeat: no-repeat; width:660px; height:930px}

.deg_cinza{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 8%, #e9e9e9 40%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(8%,#ffffff), color-stop(40%,#e9e9e9), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ffffff 8%,#e9e9e9 40%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ffffff 8%,#e9e9e9 40%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ffffff 8%,#e9e9e9 40%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(135deg,  #ffffff 8%,#e9e9e9 40%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.deg_azul{
background: -moz-linear-gradient(top,  rgba(206,220,244,1) 15%, rgba(206,220,244,0.4) 66%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,rgba(206,220,244,1)), color-stop(66%,rgba(206,220,244,0.4)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(206,220,244,1) 15%,rgba(206,220,244,0.4) 66%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(206,220,244,1) 15%,rgba(206,220,244,0.4) 66%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(206,220,244,1) 15%,rgba(206,220,244,0.4) 66%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(206,220,244,1) 15%,rgba(206,220,244,0.4) 66%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedcf4', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */


}







/* #################  COL DIREITA   #################### */

.conteudo .direita{margin:20px 0 0 10px; width:275px;   height: auto;}

.conteudo .direita ul{}
.conteudo .direita li{ margin: 5px 0 5px 10px;}

.conteudo .direita .strong{ color: #000; margin: 10px 0}
.conteudo .direita #botative{ width: 270px; height: 20px; margin:6px 0px}
.conteudo .direita #assunto{font-size:16px; font-weight:bold; color: #165099; margin-top:4px;}
.conteudo .direita .impor{text-align: right; cursor: pointer;}
.conteudo .direita .modulo{ width: 270px; background:#FFF url("../img/background.jpg")  no-repeat; max-height: 510px; padding: 10px 0 5px 5px;   margin-bottom: 10px; font-size: 11px; text-align: center; margin-top: 5px; color:#7e7e7e; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.conteudo .direita .subtit{ text-align: left; border-bottom: 1px solid #FFF; margin: 10px 5px 10px 0; color:#000; font-size: 12px;}
.conteudo .direita .modulo .hor {  text-align:center; margin-bottom: 10px;}
.conteudo .direita .modulo .hor a {font-size: 10px; min-width:25px;  max-width:100px;   margin:2px 1px;  border:1px solid #dfdfdf; color:#000; -moz-border-radius: 4px;  padding:2px; background-color: #ffffff;}
.conteudo .direita .modulo .hor a:hover {background:#a2cce1; color:#FFFFFF; font-weight:normal;}

.conteudo .direita .modulo2{ width: 272px; color:#7e7e7e;  margin: 5px 0 10px 0; border: 1px solid #dfdfdf;}
.conteudo .direita .modulo2 .subtitulo{cursor: pointer;}
.conteudo .direita .modulo2 .submenu{ padding: 5px; margin: 5px;}

.conteudo .direita .borwhite{border: 1px solid #fff; width: 264px; padding:10px 3px}

.conteudo .direita .modulo2 #buscarmeteo{padding:8px 5px; position:absolute; background-color:#fc7403; color:#fff; cursor: pointer;  border-radius:0 5px 5px 0;}
.conteudo .direita .modulo2 .input_maiscidade{border:1px solid #c7c7c7; border-radius:5px 0 0 5px ; border-right:none; vertical-align:top; width: 200px; padding:5px; }

.conteudo .direita .texto{ height: 110px;}
.conteudo .direita .outros{width: 273px; height: auto; margin-top: 5px; margin-bottom: 5px; text-align: justify;}
.conteudo .direita .outros .out1{width: 135px;   margin-top: 5px;}
.conteudo .direita .outros .out2{   width: 138px; border-bottom: 1px solid #c5c5c5; color:#1548a4; font-weight: bold; font-size: 11px; }
.conteudo .direita .outros .out3{width: 138px;   font-size: 10px;}
.conteudo .direita .contorno_reg #photoslider {padding: 5px;}
.conteudo .direita .contorno_reg  .texto{border:1px solid #dfdfdf; margin: 3px 3px 10px 10px ; width: 250px; background-color: #fff;

}
/* #################  Início rodapé   #################### */
.rodape{width:100%; background-color:#0f4295; margin-top: 30px;}
.rodape .rod{width:984px; height:120px; margin: 0 auto; display: block;}
.rodape .rod .texto{width:984px; height:30px; color:#fff; padding: 10px 0 10px 10px; margin: 0 10px  10px 10px; text-align: left; margin-left: auto; margin-right: auto; border-top: 10px solid #00AFEA; border-bottom: 1px solid #EA8103; background-color: #1a4ca1; }
.rodape .rod .r{width:984px; margin-left: auto; margin-right: auto; }
.rodape .rod .r .copy{ width:462px; height:30px;  color:#FFFFFF; padding: 5px 0 10px 10px;  }
.rodape .rod .r .contato{ width:492px; height:30px;  color:#FFFFFF; padding: 5px 0 10px 10px;  text-align:right; }

/* TITLE */
#tiptip_holder{display:none;position:absolute;top:0;left:0;z-index:99999}
#tiptip_holder.tip_top{padding-bottom:5px}
#tiptip_holder.tip_bottom{padding-top:5px}
#tiptip_holder.tip_right #tiptip_content{margin-left:-8px;}
#tiptip_holder.tip_left #tiptip_content{margin-right:-8px}
#tiptip_content{-moz-border-radius:7px;-webkit-border-radius:7px;background:#FFF url('../img/tooltip_bg.png') bottom left repeat-x;border:1px solid #c8c8c8;border-bottom-width:3px;border-right-width:3px;border-bottom-color:#c8c8c8;border-radius:7px;color:#333;font-size:11px;height:auto;padding:7px 8px 8px; text-align: justify}
#tiptip_arrow{background:url('../img/tooltip_arrows1.png');border:0;height:7px;position:absolute;width:11px}
#tiptip_holder.tip_top #tiptip_arrow{background-position:top left;top:-2px}
#tiptip_holder.tip_left #tiptip_arrow,#tiptip_holder.tip_right #tiptip_arrow,#tiptip_holder.tip_left_top #tiptip_arrow,#tiptip_holder.tip_right_top #tiptip_arrow{display:none}
#tiptip_holder.tip_bottom #tiptip_arrow{background-position:top right;top:12px}
#tiptip_holder.tip_top #tiptip_arrow #tiptip_arrow_inner{display:none}
#princ{ background:#14469b url('../img/tooltip_arrows1.png') repeat-x;}
@font-face {font-family: CALIBRI; src: url('http://tempo1.cptec.inpe.br/cidades/font/calibri.eot');
}#leg {width:620px; height:15px;}#cidades{width:614px; margin-left:10px;}
#cidades #cid1{width:200px;   margin: 0; height:20px;}
#cidades #cid2{width:100%;   margin: 10px 0 0 0; font-weight:bold; color:#165099;}
#cidades #cid3{width:100%;   margin: 0 0 0 2px; font-weight:bold; height:20px;}