a:a:hover{text-decoration:none; color:#7e7e7e; font-weight:bold;}
a:link{text-decoration:none; color:#7e7e7e;}
a:visited{text-decoration:none; color:#7e7e7e;}

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

select, input  {font: 11px  Arial,sans-serif;}

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;}
.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(../img/tarja_principal.png);
    background-position:0 5px;
    background-repeat:no-repeat;
    width:984px;
    height:113px;
}




.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{
	float:left;
	height:25px;
	margin-top:2px;
	margin-left: 15px;
	width: 830px;
	text-align: right;

}
.topo .tj1 .b{
	width: 120px;
	float:left;
	text-align: right;
	height:25px;
	margin-top:2px;
}
.topo .tj1 .c{
	margin-left: 15px;
	width: 500px;
	float:left;
	height:28px;
	margin-top:5px;
}
.topo .tj1 .d{
	width: 450px;
	float:left;
	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;
	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(../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(../img/sombra_bot.png);
    background-color:#757374;
    background-position: -220px 0;
    float: left;
}
.menu .m2{
    width:60px;
    background-image: url(../img/sombra_bot.png);
    background-color:#ff8900;
    background-position: -220px 0;
    float: left;
}
.menu .m3{
    width:60px;
    background-color:#ae1105;
    background-image: url(../img/sombra_bot.png);
    background-repeat: no-repeat;
    background-position: -220px 0;
    float: left;
}
.menu .m4{
    width:135px;
    background-color:#32c200;
    background-image: url(../img/sombra_bot.png);
    background-position: -145px 0;
    float: left;
}

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

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

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

.conteudo { width:984px;}



/*################# Conteúdo meio ################ */

.conteudo .cont_meio {
    width:980px;
    height:auto;
    margin-top: 10px;
    float: left;
    position:relative;
    background-color: #ffffff;
}

.conteudo .cont_meio .titulo{
    font-size: 20px;
    font-weight:normal;
    color:#5072b1;
    width:670px;
    padding-bottom:2px;
    border-bottom:2px solid #fc7403;
    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:690px;
    float:left;
    text-align: justify;
    margin-left: 0px;
}
.conteudo .cont_meio .p1 #titulo{ text-align: center; }
.conteudo .cont_meio .p1 #mapa_desenhado{text-align: center;
                                         margin: 10px 0px 0px 0px; }

.conteudo .cont_meio .p1 .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;
}
.titmodelo #i{float:left; width:480px;}
.titmodelo #coords {text-align: right; width:auto; text-transform:none !important; font-weight:normal !important; font-size:11px !important;}


.conteudo .cont_meio .p2{
    margin-left:10px;
    width:280px;
    float:left;
    height: auto;

}
.conteudo .cont_meio .p2 #botative{ width: 280px; height: 20px; margin:6px 0px}
.conteudo .cont_meio .p2 #assunto{
    font-size:16px;
    font-weight:bold;
    color: #165099;
    margin-top:4px;

}

.conteudo .cont_meio .tit
{
    margin: 6px 0px 0px 0px;
    font-weight: bold;
    padding: 3px 0px 2px 0px;
    text-transform: uppercase;
    border-bottom: 2px solid #fc7403;
    width: 275px;
    font-size: 12px;
    clear: both;
}

.conteudo .cont_meio .tit img
{
    padding-right:6px;
}
.conteudo .cont_meio .info{

    float: right;
    cursor: pointer;
    margin-right: -5px;
    z-index:10;
    position: relative;

}

.conteudo .cont_meio .p2 .impor{
    float: right;
    margin-bottom: -5px;
    cursor: pointer;
}
.conteudo .cont_meio .p2 .modulo{

    width: 270px;
    background:#FFF url("../img/background.jpg")  no-repeat;
    /*background-color:#e7e7e8;*/
    max-height: 510px;
    padding: 10px 0 5px 5px;
    float:left;
    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 .cont_meio .p2 .subtit{

    text-align: left;
    border-bottom: 1px solid #FFF;
    margin: 10px 5px 10px 0;
    color:#000;
    font-size: 12px;

}

.conteudo .cont_meio .p2 .modulo .hor {float:left; text-align:center; margin-bottom: 10px;}
.conteudo .cont_meio .p2 .modulo .hor a {
    font-size: 10px; min-width:25px;  max-width:100px; float: left; margin:2px 1px;  border:1px solid #dfdfdf; color:#000; -moz-border-radius: 4px;  padding:2px; background-color: #ffffff;}
.conteudo .cont_meio .p2 .modulo .hor a:hover {background:#a2cce1; color:#FFFFFF; font-weight:normal;}


.conteudo .cont_meio .p2 .modulo2{

    width: 268px;
    background:#FFF url("../img/background.jpg") no-repeat;
    /*background-color:#e7e7e8;*/
    color:#7e7e7e;
    max-height: 510px;
    padding: 5px 2px 5px 5px;
    float:left;
    margin: 5px 0 10px 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;


}
.conteudo .cont_meio .p2 .modulo3{

    width: 268px;
    background:#FFF url("../img/background.jpg") no-repeat;
    /*background-color:#e7e7e8;*/
    max-height: 510px;
    padding: 5px 2px 5px 5px;
    float:left;
    margin: 5px 0 10px 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    font-weight: bold;


}
.conteudo .cont_meio .p2 .modulo2 .subtitulo{cursor: pointer;}
.conteudo .cont_meio .p2 .modulo2 .submenu{ padding: 5px; margin: 5px;}

.conteudo .cont_meio .p2  .texto{

    height: 110px;

}


.conteudo .cont_meio .p2 .outros{


    width: 273px;
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: justify;

}
.conteudo .cont_meio .p2 .outros .out1{width: 135px; float:left; margin-top: 5px;}
.conteudo .cont_meio .p2 .outros .out2{ float:left; width: 138px; border-bottom: 1px solid #c5c5c5; color:#1548a4; font-weight: bold; font-size: 11px; }
.conteudo .cont_meio .p2 .outros .out3{width: 138px; float:left; font-size: 10px;}



.conteudo .cont_meio .p2  .contorno_reg #photoslider {padding: 5px;}
.conteudo .cont_meio .p2  .contorno_reg  .texto{
    border:1px solid #dfdfdf; margin: 3px 3px 10px 10px ; width: 250px; background-color: #fff;


}

/* #################  Início rodapé   #################### */
.rod{width:100%; height:120px; background-color:#0f4295; 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: #1a4ca1; }
.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: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; float:left; margin: 0; height:20px;}
#cidades #cid2{width:100%; float:left; margin: 10px 0 0 0; font-weight:bold; color:#165099;}
#cidades #cid3{width:100%; float:left; margin: 0 0 0 2px; font-weight:bold; height:20px;}