a:hover{text-decoration:none; color:#000;}
a:link{text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}

body , td {font-family:Arial, Helvetica, sans-serif; font-size:12px}

body { background-image:url(http://www1.cptec.inpe.br/img/fundo.jpg);
       background-color:#fff;
       background-position:top;
       background-repeat:repeat-x;
       margin:0;padding:0;border:0;

}
img {border: none;}
.tabl{
    margin-left: auto;
    margin-right: auto;
    width:984px;
}
.input_cidade {
    border:1px solid #fff;
    margin-top:2px;
    height:20px;
    vertical-align:top;
    width: 143px;
}
.input_maiscidade {
    border:1px solid #fff;
    height:17px;
    vertical-align:top;
    width: 170px;
    font-size: 12px;
}

.topo {
    background-image:url(http://www1.cptec.inpe.br/img/tarja_principal.png);
    background-position:0 13px;
    background-repeat:no-repeat;
    width:984px;
    height:121px;
    vertical-align: top;
}




.topo .tj1 {
    background-image:url(http://www1.cptec.inpe.br/img/tarja_citec_bra.png);
    background-repeat: no-repeat;
    height: 35px;
    color:#5d5d5d;
    width: 984px;



}
.topo .tj1 .a{
    float:left;
    height:25px; margin-top:5px;
    margin-left: 15px;
    width: 50%;

}
.topo .tj1 .b{ width: 45%; float:left; text-align: right; height:25px; margin-top:5px;}
.topo .tj1 .c{ margin-left: 15px; width: 50%; float:left; height:30px; margin-top:9px; }
.topo .tj1 .d{ width: 45%; float:left; text-align: right; height:24px; margin-top:15px; }
.topo .tj2 {
    width: 115px;
    float: left;
    text-align: center;
    margin-top: 5px;

}

.topo .tj3 {
    font-family:Arial,sans-serif;
    font-size:18px;
    color:#FFFFFF;
    margin-top: 2px;
    float: left;
    width: 570px;
    margin-left: 10px;
}
.topo .tj3 .menor{
    font-size:16px;
}

.topo .tj4 {
    margin-left: 5px;
    margin-top: 12px;
    background-image: url(http://www1.cptec.inpe.br/img/fd_busca.png);
    float: left;
    background-repeat: no-repeat;
    width: 267px;
    padding-left: 10px;
    height: 28px;
}



.menu {
    background-color: #003399;
    color:#FFFFFF;
    text-align:center;
}
.menu div { height:21px; padding-top:7px; text-align:center;}
.menu a:visited{ color:#FFFFFF;}
.menu a:link{
    color:#FFFFFF;
}

.menu .m1{
    width:60px;
    background-image: url(http://www1.cptec.inpe.br/img/sombra_bot.png);
    background-color:#757374;
    background-position: -220px 0;
    float: left;
}
.menu .m2{
    width:60px;
    background-image: url(http://www1.cptec.inpe.br/img/sombra_bot.png);
    background-color:#ff8900;
    background-position: -220px 0;
    float: left;
}
.menu .m3{
    width:60px;
    background-color:#ae1105;
    background-image: url(http://www1.cptec.inpe.br/img/sombra_bot.png);
    background-repeat: no-repeat;
    background-position: -220px 0;
    float: left;
}
.menu .m4{
    width:135px;
    background-color:#32c200;
    background-image: url(http://www1.cptec.inpe.br/img/sombra_bot.png);
    background-position: -145px 0;
    float: left;
}

.menu .m5{
    width:151px;
    background-color:#61c2e2;
    background-image: url(http://www1.cptec.inpe.br/img/sombra_bot.png);
    background-position: -129px 0;
    float: left;
}

.menu .m6{
    width:70px;
    background-color:#0094da;
    background-image: url(http://www1.cptec.inpe.br/img/sombra_bot.png);
    background-position: -210px 0;
    float: left;
}
.menu .m7{
    width:70px;
    background-color:#003399;
    background-image: url(http://www1.cptec.inpe.br/img/sombra_bot.png);
    background-position: -210px 0;
    float: left;
}
.menu .m8{
    width:120px;
    background-color:#11004e;
    background-image: url(http://www1.cptec.inpe.br/img/sombra_bot.png);
    background-position: -160px 0;
    float: left;
}
.menu .m9{
    width:141px;
    background-color:#430963;
    background-image: url(http://www1.cptec.inpe.br/img/sombra_bot.png);
    background-position: -139px 0;
    float: left;
}
.menu .m10{
    width:110px;
    background-color:#464646;
    background-image: url(http://www1.cptec.inpe.br/img/sombra_bot.png);
    background-position: -170px 0;
    float: left;
}

.menu .m11{
    width:61px;
    background-color:#b6b6b6;
    background-image: url(http://www1.cptec.inpe.br/img/sombra_bot.png);
    background-position: -121px 0;
    float: left;
}

/*################# Conteúdo meio ################ */
.conteudo { width:984px;}

.conteudo  .cont_esq{
    width:170px;
    height:900px;
    padding: 0 2px 2px 2px;
    float: left;
    margin-top: 10px;
}





.conteudo .cont_esq .menu_lat{
    width:160px;
    border-top: 2px solid #c0c0c0;
    vertical-align: middle;
}
.conteudo .cont_esq .menu_lat .li{
    list-style: none;
    padding: 8px 0 8px 0;
    border-bottom: 1px solid #dae2e4;
    background-image: url(http://www1.cptec.inpe.br/img/fundoinputf.jpg);
    background-repeat: no-repeat;
    background-color: #FFFEFF;
    font-size: 12px;
    background-position: 1px 4px;

}

.conteudo .cont_esq .menu_lat .li a {color:#026db3}

.conteudo .cont_esq .menu_lat .ico{ margin-top:10px;}

.conteudo .cont_esq .sub{
    font-weight: bold;
    left: 0px;
    height: 25px;
    background-color: #efefef;
    font-size: 14px;
    padding: 5px 0 0 5px;
}
.conteudo .cont_esq .sub img{ margin:0 5px 0 0;}
.conteudo .cont_esq .sub#a{
    border-top: 2px solid #c0c0c0;
    border-bottom: 1px solid #ff8400;
    color: #007099;
    vertical-align: bottom;
    width:155px;	
}

.conteudo .cont_esq .sub#a .mais{
    font-size:24px;
    padding-top: -2px;
}

.conteudo .cont_esq .sub#b{
    border-top: 2px solid #117aa0;
    border-bottom: 1px solid #ff8400;
    background-color: #b6b6b6;
    color: #FFFFFF;
    text-align: center;
    width:155px;	
}
.conteudo .cont_meio {
    width:980px;
    height:auto;
    margin-top: 10px;
    float: left;
    position:relative;
}
/*################# Conteúdo meio ################ */



.conteudo .cont_meio .titulo{
    font-size: 20px;
    font-weight:normal;
    color:#5072b1;
    width:700px;
    padding-bottom:2px;
    border-bottom:2px solid #557abe;
    float:left;
    margin: 10px 20px 20px 0;
    clear: none;
}
.conteudo .cont_meio .titimg{
    width:70px;
    float:left;
    margin-left: 10px;
    text-align: center;
}




.conteudo .cont_meio .p1{
    width:680px;
    float:left;
    text-align: justify;
    margin-left: 10px;
}
.conteudo .cont_meio .p1 img { max-width:680px}

.conteudo .cont_meio .p1 #data {
    color: #165099;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 680px;
    font-size: 12px;
    text-align:right;
}
.conteudo .cont_meio .p1 .tit{
    font-size: 16px;
    color: #66cef4;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ea8103;
    width: 680px;
}
.conteudo .cont_meio .p1  #ico {
    text-align:right;
    color: #666666;
    margin-right:20px;
    margin-top:3px;
}
.conteudo .cont_meio .p1  #ico a:hover{font-weight:normal; color:cfcfcf;}
.conteudo .cont_meio .p1  #fonts {text-align:right; margin-right:20px;
}


.conteudo .cont_meio .p2{
    margin-left:20px;
    width:170px;
    float:left;

}
.conteudo .cont_meio .p2 #assunto{
    font-size:16px;
    font-weight:bold;
    color: #165099;
    margin-top:4px;

}






/* #################  Início rodapé   #################### */
.rod{
    width:100%;
    height:120px;
    background-color:#026F9A;
    float: left;
    margin-top: 30px;

}
.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: #00668C;
}
.rod .r{
    width:984px;
    margin-left: auto;
    margin-right: auto;}

.rod .r .copy{ width:472px;
               height:30px; 
               color:#FFFFFF;
               padding: 5px 0 10px 10px;
               float:left;}

.rod .r .contato{ width:492px;
                  height:30px; 
                  color:#FFFFFF;
                  padding: 5px 0 10px 10px;
                  float:left;
                  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:3px;-webkit-border-radius:3px;background:#FFF url('../img/tooltip_bg.png') bottom left repeat-x;border:1px solid #c8c8c8;border-bottom-color:#aeaeae;border-radius:3px;color:#333;font-size:11px;height:11px;padding:7px 8px 8px}
#tiptip_arrow{background:url('../img/tooltip_arrows.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}




@font-face {
    font-family: CALIBRI;
    src: url('../font/calibri.eot');
}