body{margin:0; padding:0; background:url(../images/bg-site.jpg) repeat; font-family: "Myriad pro", "Trebuchet MS"}

@font-face {
    font-family: 'Conv_myriadpro-boldcond';
    src: url('fonts/myriadpro-boldcond.eot');
    src: url('fonts/myriadpro-boldcond.woff') format('woff'), url('fonts/myriadpro-boldcond.ttf') format('truetype'), url('fonts/myriadpro-boldcond.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

a img{border: 0}

h1, h3, h4,h5, h6{ font-family: "Conv_myriadpro-boldcond", "Myriad pro", "Trebuchet MS" !important; *font-family: "Myriad pro", "Trebuchet MS" !important;margin: 0; padding: 0}

p, h2{ font-family: "Myriad pro", "Trebuchet MS" !important;margin: 0; padding: 0}

h1{ font-size: 49px; font-size:37px \9 !important;font-weight: bold;text-transform: uppercase;color: #203d4d;width: auto;display: inline-block; float: left; margin: 14px 0 0 \9}

h2{ color: #3b7e13;font-size: 30px;text-transform: uppercase;font-weight: normal}

h2.verde{ color: #128a4d;font-size: 35px;text-transform: uppercase;font-weight: bold;font-family: Conv_myriadpro-boldcond !important;}

h3.titulo_verde{ color: #128a4d;font-size: 20px;font-weight: bold;text-transform: none !important}


h3{ color: #838f97;font-size: 28px;font-weight: bold; text-transform: uppercase}

h4{font-size: 18px;font-weight: bold;text-transform: uppercase; color: #000}

h4.releases{font-size: 20px;font-weight: normal;text-transform: uppercase;color: #39b54a;display: block;background: url(../images/bg-releases.jpg) no-repeat;padding: 9px 0 0 9px;margin: 35px 0; clear: both}

.tituloVerde{ color: #8dc63f;font-size: 27px;font-weight: bold;text-transform:none !important; margin: 27px 0 20px}

.content p, .conteudo_interna p{ font-size: 14px;line-height: 19px;margin: 10px 0 0; color: #000}

.bgTit{width: 100%; height: auto} 
.bgTit p{margin: 0 !important}

.bg{width: auto;height: auto;float: left;display: inline-block; margin:12px 0 0 5px} 
.bg img{ width: 100%}

.textoCinza p{ font-size: 14px;line-height: 19px;margin: 10px 0 0; color: #787f84;}
.c_contentpane .content{ display: block !important; float: left}

/*====== ESTRUTURA DO SITE =======*/

.site{width:960px; margin:0 auto;background: #fff; display: table}


.topo{width:100%; height:140px}
.topo .logo{ width: auto;float: left; margin: 22px 0 0 15px}
.topo .frase{ width: 340px;height: 65px;float: left;margin: 47px 0 0 28px; /*border-left: 1px solid #cecece*/}
.topo .frase h2{ font-size: 28px;color: #959595;margin: 15px 0 0 22px; text-transform: uppercase}

/*Alteração 28/10/2013*/
.topo .selo{ /*width: 274px;*/width:161px; height: 119px;background: url(../images/selo3.jpg) no-repeat;float: right; margin: 22 13px 0 0}

.menu{width:100%; height:68px;background: url(../images/bg-menu.jpg) repeat-x}
.banner{width:100%; height:285px}

.conteudo{width:100%;min-height: 900px; background: url(../images/bg-content.jpg) no-repeat}

.conteudo_interna{ width: 960px;height: auto}
.conteudo_interna .texto{ width: 600px;float: left;height: auto; padding: 22px}
.conteudo_interna .especifica{ width: 940px;clear: both; margin: 0 auto 30px}
.conteudo_interna .utilitarios{ float: right; margin: 35px 8px}

.media{width:275px; min-height:635px; float:left; margin: 35px 0 0}
.media .video{ width: 260px; float: right}  
.media .fotos{ width: 260px;height: 380px;float: right;margin-top: 57px;}

.noticias{width:360px; height:675px; float:left;margin: 35px 0 0; padding: 0 8px}

.utilitarios{width:295px; min-height:740px; float:left;border-left: 1px solid #cecece; margin: 35px 0 0}
.utilitarios h2{ font-family: "Trebuchet MS";font-size: 20px;text-transform: uppercase;color: #8c96a0;display: block;text-align: center;font-weight: bold}
.utilitarios h2 a{color: #8C96A0;display: block;height: 50px;padding: 25px 0 0 8px;text-decoration: none;width: 97%;} /* Transforma o link em Div, fazendo com que ele preencha toda a área de sua div mãe*/
.utilitarios .beneficios h2 a{padding: 25px 0 0 30px}

.utilitarios .newsletter{ width: 280px; background: #eeeeee;float: right;border: 1px solid #dbdbdb; border-top: 2px solid #cdcdcd}
.busca{ width: 275px;height: 75px;float: right;margin: 15px 4px 0; background: url(../images/bg-busca.jpg) no-repeat}
.utilitarios .infografico{ background: url(../images/Banner_etapas_projeto.jpg) no-repeat; width: 275px; height: 75px;float: right; margin: 15px 0}
.utilitarios .mapa{ width: 275px;height: 75px;float: right;margin: 15px 0; background: url(../images/bg-mapas.jpg) no-repeat}
.utilitarios .separador { background: url(../images/separador.jpg) no-repeat;width: 274px;height: 3px; float: right}
.utilitarios .beneficios{ width: 275px; height: 75px;float: right;margin: 15px 0; background: url(../images/bg-beneficios.jpg) no-repeat}

.footer{width:100%; height:275px;background: url(../images/bg-footer.jpg) repeat-x; clear: both}
.conteudo_footer{ width: 960px; margin: 0 auto}
.conteudo_footer .banner_footer{ width: 906px;height: 150px;margin: 0 auto; padding: 11px 0 0}
.conteudo_footer .links{ width: 545px;height: 63px;float: right; margin: 0 28px 0}
.conteudo_footer .contato{ width: 906px;margin: 0 auto; clear: both}
.contato p{ color: #fff;font-size: 12px; }
.conteudo_footer .contato .copyright{ width: 362px;height: 40px;float: left;padding: 7px 0 0}
.copyright p{ color: #fff;font-size: 12px; line-height: 20px}
.copyright a{ color: #68b85f; text-decoration: none}
.conteudo_footer .contato .centralAtend{ width: 320px;height: 50px;float: right; padding: 5px 0 0}



/*==== MENU ====*/

.sf-menu, .sf-menu * {list-style: none outside none;margin: 0;padding: 0;}
.sf-menu {line-height: 1;}
.sf-menu ul {position: absolute;top: -999em;width: 10em;}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover {visibility: inherit;}



.sf-menu li ul li a{color: #4f92b7 !important}
.sf-menu li ul li a:hover{color: #c0d8e5 !important}

.sf-menu li {float: left;position: relative;}
.sf-menu a {display: block;position: relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0;top: 2.5em;z-index: 99;background:#203d4d; border-radius:0 0 6px 6px }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em;top: 0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 10em;top: 0;}

.sf-menu {float: left;margin-bottom: 1em;}
.sf-menu a {border-left: 0 !important;border-top: 0 !important;padding: 0.75em 1em;text-decoration: none;}
.sf-menu a, .sf-menu a:visited {color: #dddddd ;display: block; width: 100%;}
.sf-menu li {background: none !important;margin: 6px 0 0 27px}
.sf-menu li li {background: none !important;margin: 0 0 0 6px; }
.sf-menu li li li {background: none !important;}

.sub-menu-topo{background:#1b3441}

.possui-filho ul li a{font-size: 12px;font-weight: normal;color: #6fa6c4 !important;display: block;width: auto;border-bottom: #19303d !important;}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: none !important;outline: 0 none;}
.sf-menu a.sf-with-ul {min-width: 1px;padding-right: 2.25em;}
.sf-sub-indicator {display: block;height: 10px;
                   overflow: hidden;position: absolute;right: 0.75em;text-indent: -999em;top: 1.05em;width: 10px;}
a > .sf-sub-indicator {background-position: 0 -100px;top: 0.8em;}

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
    background: url("../images/seta.png") no-repeat scroll -10px -100px transparent}

.sf-menu ul .sf-sub-indicator {background-position: -10px 0;}

.sf-menu ul a > .sf-sub-indicator {background-position: 0 0;}

.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0;}

.sf-shadow ul {background: url("../images/shadow.png") no-repeat scroll right bottom transparent;padding: 0 8px 9px 0;}

.sf-shadow ul.sf-shadow-off {background: none repeat scroll 0 0 transparent;}


/*==== NEWSLETTER ====*/

.titulo_news{ width: 247px;padding: 13px 0 8px 18px;border-bottom: 1px solid #000; margin: 0 0 0 10px;}
.titulo_news h3{font-family: "Conv_myriadpro-boldcond", "Trebuchet MS";font-size: 14px;color: #425763;text-transform: uppercase; font-weight: bold}

.newsletter p{ font-family: "Conv_myriadpro-boldcond", "Trebuchet MS";font-size: 15px;color: #425763;width: 238px;margin: 10px 0 17px 18px}

.tabela-newsletter{ width: 250px; margin: 0 0 0 18px}
.newsletter-label{ color: #99a1a6;font-size: 16px; margin: 0 0 3px}
.newsletter-input{height: 32px}
.newsletter-input input{ width: 250px;height: 23px;margin: 0 0 10px;background: url(../images/bg-input.png) no-repeat;border: 0; padding: 0 0 0 4px}

#dnn_ctr422_ViewNewsletter_rfvNome{ position: relative; top:-14px}

.newsletter-botao{padding: 0 0 45px}
.newsletter-botao input{ background: url(../images/btnEnviar.png) no-repeat;border: 0;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #8c96a0;width: 118px;height: 34px;float: right; cursor: pointer}

/*==== Busca ======*/

.SearchInputContent{margin: 22px 0 0}

#dnn_ctr423_SearchInput_txtSearch{color: #787878}

#dnn_ctr423_SearchInput_plSearch_label, .busca .SearchInputContent label{display: none}
#dnn_ctr423_SearchInput_txtSearch, .busca .SearchInputContent input[type="text"]{border: 1px solid #CCCCCC; border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;
                                                                                 -moz-border-radius: 15px 15px 15px 15px; height: 31px;width: 242px !important;margin: 0 0 0 6px; padding: 0 0 0 12px}


/*==== INFOGR??FICO ====*/

/*.infografico h2{ color: #000;width: 150px;font-weight: normal;float: right; margin: 10px 0; font-weight: bold} */
.infografico h3{ color: #ffc100;font-size: 26px;font-size: 24px \9;width: 119px;font-weight: bold;float: right;margin: 0 21px 0 0 \9; text-transform: none}
.infografico p{ color: #9baab3;font-size: 15px;width: auto;font-weight: normal;float: right; margin: 5px 12px 0 0}
.infografico p img{border: 0}


/*==== FOTOS ====*/

.titFotos{ background: url(../images/sombra_titulo_video_fotos.png) no-repeat center 35px; width: 253px; height: 41px}
.titFotos h2{background: url(../images/bg-titProjetoNew.png) no-repeat 96px 0; color: #3b7e13;font-size: 30px;text-transform: uppercase; font-weight: normal}
/*==== PROJETO HOME ====*/
.titProjetoHome{ background: url(../images/sombra_titulo_home.png) no-repeat center 35px;width: 100%; height: 45px}
.titProjetoHome h2{background: url(../images/bg-titProjetoNew.png) no-repeat 152px -1px}
/*==== BOLETIM DA OBRA HOME ====*/
.titBoletimObra{ background: url(../images/sombra_titulo_home.png) no-repeat no-repeat center 35px;width: 100%; height: 45px}
.titBoletimObra h2{background: url(../images/bg-titProjetoNew.png) no-repeat 240px 0}
/*==== NOT??CIAS ====*/
.noticia-data-publicacao{display: none}
.titNoticias{ background: url(../images/sombra_titulo_home.png) no-repeat center 35px; width: 100%; height: 45px}
.titNoticias h2{ background: url(../images/bg-titProjetoNew.png) no-repeat 130px -1px; color: #3b7e13;font-size: 30px;text-transform: uppercase; font-weight: normal}
.noticia-titulo a, .noticia-titulo-integra{ font-family: "Conv_myriadpro-boldcond", "Trebuchet MS";font-size: 29px;color: #234355; font-weight: bold}
.conteudo .noticia-resumo a{ font-size: 10px; color: #000;}
.noticia-resumo a, .conteudo .noticia-conteudo p a, .conteudo .noticia-conteudo p a span, .noticia-conteudo a p, .noticia-conteudo div a{color: #9baab3;font-family: Tahoma; font-size: 10pt;!important;color: #9baab3;!important;}
.LeiaMais{ float: right;padding: 6px}
.noticia-leia_mais img{float: right !important; padding-top: 30px;}

.pagination_noticia{ width: auto;display: inline-block;margin: 30px 0 0;font-family: trebuchet ms; font-size: 15px}
.pagination_noticia span{ color: #fff !important;width: 20px;height: 20px;display: inline-block;background: #1b3441; padding:0 }

/*==== FALE CONOSCO ====*/

.fale-conosco-botao input{background: url(../images/btnEnviar.png) no-repeat;border: 0;width: 118px;height: 34px;cursor: pointer; float: right}
.fale-conosco-label{color: #99A1A6;font-size: 16px; text-align: right}


.faleConosco{margin: 22px 0 0}

.faleConosco input{width:437px; height:40px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border:1px solid #CCC}
.faleConosco textarea{width:437px; height:165px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border:1px solid #CCC}
.faleConosco p{margin:0; padding:0; font-family:"Conv_myriadpro-boldcond", "Trebuchet MS", Arial, Helvetica; color:#010101; font-size:17px}

.obs{font-size: 10px !important}


/* -- Ouvidoria --*/

.ouvidoria h3{font-family:"Conv_myriadpro-boldcond", "Trebuchet MS", Arial; font-size:17px; color:#838f97; clear:both; margin-bottom:0}
ul.listaOuvidoria{margin:0; padding:0}
ul.listaOuvidoria li{list-style:none; float:left; font-family:"Conv_myriadpro-boldcond", "Trebuchet MS", Arial; font-size:13px; color:#000; margin:14px 10px 20px 0}

.ouvidoria{ width: 100%;height: auto;clear: both; margin: 0 0 95px}
.ouvidoria .mensagem{ width: 591px;height: 115px;background: url(../images/bg-ouvidoria.jpg) no-repeat; clear: both}
.ouvidoria .mensagem p{ width: 70px;float: left; margin: 18px 0 0 30px }
.ouvidoria .mensagem textarea{ width: 440px;height: 87px;float: right;margin: 15px 20px;border-radius: 8px;-moz-border-radius: 8px; -webkit-border-radius:8px}
.ouvidoria .botao{ width: auto;display: block;float: right; margin: 12px 10px 0}

.ouvidoria span.validationMessage{ position: relative;top: 63px; }

/*==== IMPRENSA ====*/

.release-noticia{ width: 190px;height: 135px;float: left; margin: 0 0 0 10px}
.release-data-publicacao{ font-size: 15px; color: #000}
.release-resumo{ width: 174px; height: 80px}
.release-resumo p a, .release-resumo a p, .release-resumo a p:hover{ font-size: 13px !important; color: #9f9f9f !important}
.release-leia_mais a, .release-veja-todos a{ font-size: 15px; color: #ff0000}
.release-veja-todos{ width: auto;float: right; margin: 18px 0}

.GaleriaDeImagensContent{clear: both}

/*====  FAQ ====*/

.pergunta p{font-family:"Conv_myriadpro-boldcond", "Trebuchet MS", Arial; font-size:14px; color:#128a4d}
.pergunta p:hover{ text-decoration: none !important;}
.resposta p{font-family:"Conv_myriadpro-boldcond", "Trebuchet MS", Arial; font-size:14px; color:#000;}

.esquerda{width:300px;float: left;height: 610px}
.direita{ width: 295px;float: right}


/* ===== ajustes Home Page Diego  ====*/

#dnn_ctr535_ContentPane{
    height: 210px;
}

/*classe para fomatar a fonte do editor*/


/*coluna da direita itens*/

.interdicoes,.telefonesUteis,.tel0800{
    width: 275px;
    height: 75px;
    float: right;
    margin: 15px 0;
    background: url(../images/bg-mapas.jpg) no-repeat;
}

.beneficios h2 a{
    padding-top: 15px!important;
}

.infografico h2 a{
    padding-top: 15px!important;
    padding-left: 80px!important;
    width: 67%;
}

.tel0800{
    background: url(../images/Banner_0800.jpg) no-repeat;
}
#dnn_ctr561_HtmlModule_lblContent h4{
    text-align: right;
    padding: 5px 10px;
}
div.noticia-leia_mais img, img.leia_mais{
    margin-right: 20px;
}
.interdicoes{
     background: url(../images/Banner_Interdicoes.jpg) no-repeat;
}
.telefonesUteis{
    background: url(../images/Banner_Telefone_Uteis.jpg) no-repeat;
}
.interdicoes h2 a,.telefonesUteis h2 a,.tel0800 h2 a, .utilitarios .beneficios h2 a, .infografico h2 a, .mapa h2 a, .detonacoes h2 a{
    float: right!important;
    padding: 25px 10px;
    text-align: right;
}

.detonacoes {
	width: 275px;
    height: 75px;
    float: right;
    margin: 15px 0;
	background: url(../images/bg-detonacao.jpg) no-repeat;
}

/*==== formata o accordion ====*/

#accordion h3{
    background: #EEE url(../images/plus_accordion.png) no-repeat 98% center;
    color: #8C96A0;
    padding: 10px 10px;
    font-size: 12pt;
    line-height: 18px;
    margin-bottom: 5px;
}

#accordion h3 span{
    display: none;
}

.ui-accordion .ui-accordion-content{ 
    overflow-x: hidden!important;
    margin-top: -5px!important;
    margin-bottom: 5px!important;
}

.ui-accordion-content p{
    color: #666666;
}

#youmax{
	width: 100% !important;
	clear: both;
}