/* 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-family: 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, td { font-family: 'Open Sans' !important; line-height: 1.2; font-weight: 400; font-size: 12px }
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: #000; text-shadow: 1px 1px 3px #c7c7c7; }
a:link { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
ul { margin: 0; padding: 0; }
div { display: inline-block; }
li { list-style: none; }
img { border: none; }
#barra-brasil { margin: 0 auto; text-align: center; display: block !important; }
#menu-barra-temp { width: 990px; }
.topo .busca input[type=text] { height: 16px; border-radius: 3px 0 0 3px; opacity: 0.3 }
.principal, .principal input, .principal select, .principal td, .rodape { font-family: 'Open Sans', sans-serif; }
.principal { font-family: 'Open Sans', sans-serif; display: inherit; width: 990px; height: auto; margin: 0 auto; /* background-color: #fff;  */
box-shadow: 3px 3px 153px #c0eff5; }
.conteudo .seta { width: 15px; height: 10px; display: inline-block; background: transparent url(../img/listaicones.png) 0 2px no-repeat; }
/* ################# Conteudo meio ################ */
.conteudo .cont_meio { width: 650px !important;  min-height: 700px; margin: 0 20px 20px 10px; text-align: left; }
.conteudo .cont_meio strong { color: #EC8E2F; font-size: 12px; }
.conteudo .cont_meio .sub { display: block; margin: 20px 0 5px 0; clear: both; font-weight: 600; padding: 3px 10px 2px 0px; text-transform: uppercase; border-bottom: 2px solid #4f9fba; }
.conteudo .cont_meio .texto { text-align: justify; float: right; margin-bottom: 10px}

.conteudo .cont_meio .modulo { display: block; margin: 0 auto;text-align: justify; padding: 9px 0 0px 5px;  }
.conteudo .cont_meio hr{width: 100%; display: block; border: 1px dashed #000}
/*.conteudo .cont_meio .texto img {padding: 5px; float: left; }*/
.conteudo .cont_meio .center { width: 100%; text-align: center; margin: 0 auto;}
.conteudo .cont_meio .texto table td { padding: 5px 10px; border: 1px solid #c7c7c7; text-align: center; }
.conteudo .cont_meio .legenda {display: block;  margin: 10px; text-align: right; font-size: 11px; color: #165099; }
.conteudo .cont_meio .anima{padding: 5px; float: left; }


.conteudo .cont_meio .bloco { width: 47%; padding: 5px; margin: 10px 5px 0 0 }
.conteudo .cont_meio .bloco .texto { height: 130px }

.conteudo .cont_meio .efeitos { width: 100%; position: relative; display: block; margin: 0 auto; background-color: red; text-align: center !important; }
.conteudo .cont_meio ul{margin: 0; top: 0}
.conteudo .cont_meio ul.thumb { margin: 0px; width: 100%; }
.conteudo .cont_meio ul.thumb li { margin: 5px 3px; float: left; position: relative; width: 210px; height: 160px; z-index: 0; }
.conteudo .cont_meio ul.thumb li img { width: 204px; height: 150px; position: absolute; margin: 0px; top: 0px; left: 0px; overflow: hidden; }

.conteudo .cont_meio .bloco .impactos { width: 100%; }
.conteudo .cont_meio .bloco .impactos img { margin-right: 5px; float: left; }

.conteudo .cont_meio b{font-weight: 600}
.conteudo .cont_meio th{text-align: center;}
.conteudo .cont_meio td:first-child,th:first-child{border-left: 1px solid #c9c9c9}
.conteudo .cont_meio td,th{margin: 2px; padding: 5px; border-right: 1px solid #c9c9c9}
.conteudo .cont_meio td a{color: #165099;}

.deg_azul { padding: 10px; border: 1px solid #DBE9F6; border-radius: 5px; background: #c9ffff; /* Old browsers */
	background: -moz-linear-gradient(top, #c9ffff 0%, #feffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9ffff), color-stop(100%, #feffff)); /* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top, #c9ffff 0%, #feffff 100%); /* Chrome10+, Safari5.1+ */
	background: -o-linear-gradient(top, #c9ffff 0%, #feffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c9ffff 0%, #feffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c9ffff 0%, #feffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9ffff', endColorstr='#feffff', GradientType=0 ); /* IE6-9 */ }

.deg_amarelo { padding: 10px; border: 1px solid #fff9A8; border-radius: 5px; background: #fff8e8; /* Old browsers */
	background: -moz-linear-gradient(top, #fff8e8 0%, #fcfcfc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff8e8), color-stop(100%, #fcfcfc)); /* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top, #fff8e8 0%, #fcfcfc 100%); /* Chrome10+, Safari5.1+ */
	background: -o-linear-gradient(top, #fff8e8 0%, #fcfcfc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff8e8 0%, #fcfcfc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fff8e8 0%, #fcfcfc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8e8', endColorstr='#fcfcfc', GradientType=0 ); /* IE6-9 */ }

.deg_laranja { padding: 10px; border: 1px solid #F9E4AD; border-radius: 5px; background: #F9E3A9; /* Old browsers */
	background: -moz-linear-gradient(top, #F9E3A9 0%, #fcfcfc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9E3A9), color-stop(100%, #fcfcfc)); /* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top, #F9E3A9 0%, #fcfcfc 100%); /* Chrome10+, Safari5.1+ */
	background: -o-linear-gradient(top, #F9E3A9 0%, #fcfcfc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #F9E3A9 0%, #fcfcfc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #F9E3A9 0%, #fcfcfc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9E4AD', endColorstr='#fcfcfc', GradientType=0 ); /* IE6-9 */ }



/* ################# Conteudo direito ################ */
.conteudo .cont_dir { width: 300px; margin: 10px 0; height: auto; }
.conteudo .cont_dir .sub { display: block; margin: 10px 0px; font-weight: 600; padding: 3px 0px 2px 15px; text-transform: uppercase; border-bottom: 2px solid #4f9fba; clear: both; background-image: url("../img/square3.gif"); background-position: 0px 6px; background-repeat: no-repeat; }
.conteudo .cont_dir .modulo { display: block; margin: 0 auto; background: #EFF6FD; padding: 9px 0 10px 5px; color: #7e7e7e; border: 1px solid #c9d5e1; }
.conteudo .cont_dir .previsao { width: 300px; height: 65px; margin-bottom: 10px; }
.conteudo .cont_dir .previsao .b1 { padding-top: 5px; }
.conteudo .cont_dir .previsao .b1 .p1 { width: 79px; font-weight: 600; text-align: center; padding: 8px 0 8px 2px; height: 45px; background-color: #4f9fba; color: #FFFFFF; border-radius: 4px; }
.conteudo .cont_dir .previsao .b1 .p2 { width: 210px; height: 46px; font-size: 9px; text-align: center; padding-top: 15px; background-color: #d8e5ea; border-radius: 4px; margin-left: 5px; }
.conteudo .cont_dir .previsao .b1 .p2 input[type=text] { width: 150px; height: 19px; }
.conteudo .cont_dir li { margin: 4px 2px; }
.conteudo .cont_dir .leg { margin: 10px; text-align: right; width: auto; }
.conteudo .cont_dir .busca li { margin-left: 3px; float: left; }



/* ########################### RODAPE ################################ */
.rodape { width: 100%; background-color: #0f4295; }
.rodape .rod { width: 990px; height: auto; margin: 0 auto; display: block; }
.rodape .rod .texto { width: 980px; 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; }
/* ########################### ABA ################################ */
.labels { clear: both; padding-top: 10px; position: relative; margin-left: 0px; width: 651px; }
* .html .labels { margin-top: 12px; padding-top: 0px; }
.labels a { text-decoration: none; outline: none; }
.labels ul { border-bottom: 1px solid #ccc; height: 22px; margin-left: 0px !important; margin-bottom: 0px !important; font-size: 100% !important; }
.labels li { float: left; margin-bottom: 0px !important; padding-left: 8px !important; background: url(../img/bg_eti_izq.gif) left top no-repeat !important; font-weight: 600; color: #0472c9; cursor: pointer; position: relative; }
.labels li.select { z-index: 100 !important; color: black; border-bottom: none; }
.labels li a { padding: 5px 23px 3px 1px; display: block; background: url(../img/bg_eti_der.gif) right top no-repeat !important; border-bottom: 0px; }
.labels li.select a { padding: 5px 23px 5px 2px; border-bottom: 1px solid #FFF; color: #EC8E2F; }
.labcs { border: 1px solid #ccc; margin-bottom: 20px; }
.labcs .labc { padding: 10px 10px 12px 10px; position: relative; font-size: 100%; text-align: justify; }
.visible { display: block; }
.novisible { display: none }
ul li ol li { padding-left: 0px !important; margin-left: 10px; background: none !important; }

/* ########################### TIPTIP ################################ */
#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; 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 }