@import "../includes/fonts.css";

/*******************************************************************************
* RESET DE PROPRIEDADES GERAIS                                        - IN�CIO 
******************************************************************************/
html, body{
    width: 100%;
    padding: 0px;        
    margin: 0px;
    position: relative;
    z-index: 999999 !important;        
}
.centraliza_conteudo{
    width: 1240px;        
    margin: auto;
}
main{
    width: 100%;    
    float: left;
    position: relative;        
}
section{
    width: 100%;
    float: left;
    position: relative;
}

/*--------------PAGINADOR------------------------------*/
#paginador{
    margin: auto;
    display: table;
    clear: both;
    padding: 10px 0 20px;
    text-align: center;   
    margin-bottom: 30px;
    font-family: 'SourceSansPro-SemiBold';
}
#paginador a{
    text-decoration: none;
    color: #000000;
}
#paginador .primeiro{
    width: 30px;
    height: 30px;
    float: left;
    background: url(../img/prev.svg) left center / 24px 24px no-repeat, 
    url(../img/prev.svg) right center / 24px 24px no-repeat;
}
#paginador .ultimo{
    width: 30px;
    height: 30px;
    float: right;
    background: url(../img/next.svg) left center / 24px 24px no-repeat, 
    url(../img/next.svg) right center / 24px 24px no-repeat;
}
#paginador .anterior{            
    width: 70px;
    height: 30px;    
    line-height: 27px; 
    float: left;  
    padding-left: 24px;
    text-align: left;
    background: url(../img/prev.svg) left center / 24px 24px no-repeat;
}
#paginador .proximo{
    width: 70px;
    height: 30px;    
    line-height: 27px; 
    float: right;  
    padding-right: 24px;
    text-align: right;
    background: url(../img/next.svg) right center / 24px 24px no-repeat;
}
#paginador .texto_paginacao{
    padding: 5px 10px;
    float: left;    
    margin: 0px 5px;
    border-radius: 100px;
    background: #1F5046;
    text-align: center;        
    color: #fff;
}
#paginador .texto_paginacao_destaque{
    padding: 5px 10px;
    float: left;    
    margin: 0px 5px;
    border-radius: 100px;
    text-align: center;        
    color: #fff;   
}
#paginador .texto_paginacao_destaque{
    background: #4BB77E;
}
/*--------------------------------------------*/

#erro-pagina{
    width: 50%;
    float: left;
    margin: 50px 0px 30px 25%;
}
#erro-pagina .erro-titulo{
    width: 100%;
    float: left;
    letter-spacing: 2px;    
    text-align: center;
    font-family: 'Lato-Heavy';
    font-size: 120px;        
    color: #666666;
}
#erro-pagina .erro-subtitulo{
    width: 100%;
    float: left;
    text-align: center;
    margin: 40px 0px 20px 0px;
    font-family: 'Lato-Regular';
    font-size: 30px;
    color: #666666;
}
#erro-pagina p{
    width: 100%;
    float: left;
    text-align: center;
    margin: 0px 0px 15px 0px;
    font-family: 'Lato-Regular';
    font-size: 16px;
    color: #666666;
}
#erro-pagina p a{
    margin: 0px 0px 15px 0px;
    font-weight: bold;
    color: #51af70;
    font-family: 'Lato-Regular';
    font-size: 16px;
    color: #666666;
    
}
#erro-pagina p a:hover{
    text-decoration: underline
}
/*******************************************************************************
* RESET DE PROPRIEDADES GERAIS                                           - FIM 
******************************************************************************/



/*******************************************************************************
* CSS TOPO                                                            - IN�CIO
******************************************************************************/
header{
    width: 100%;
    height: 240px;
    float: left;
    position: absolute;      
    top: 0px;
    left: 0px;
    z-index: 999999;
    background: url(../img/header.png) center top / cover no-repeat;
}
header .logo{
    width: 245px;
    height: 160px;
    float: left;
    margin: 10px 0px 0px 0px;
    background: url(../img/logo.svg) 10px center / 240px auto no-repeat;
}
header ul.contato{
    width: 420px;
    float: right;
    padding: 0px;
    margin: 15px 120px 13px 0px;
    list-style: none;
    align-items: top;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;  
}
header .contato li{
    float: left;    
    height: 25px;
    padding: 0px 0px 0px 30px;
    line-height: 25px;
    font-family: 'FiraSans-Regular';
    font-size: 19px;
    color: #4b4b4b;
}
header .contato li.mail{
    background: url(../img/ico_mail.svg) left center / contain no-repeat;    
}
header .contato li.fone{
    background: url(../img/ico_fone.svg) left center / contain no-repeat;    
}
header ul.rede_social{
    width: 210px;
    margin: 5px 0px 0px 65px;
    float: left;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;  
}
header .rede_social li.rede{
    height: 43px;
    padding: 0px 0px 0px 43px;
}
header .rede_social li.instagram{
    background: url(../img/insta_topo.svg) left center / cover no-repeat;    
}
header .rede_social li.facebook{
    background: url(../img/face_topo.svg) left center / cover no-repeat;    
}
header .rede_social li.twitter{
    background: url(../img/twitter_topo.svg) left center / cover no-repeat;    
}
header .rede_social li.bar{
    background-color:#339966;
    width: 1px;
    height: 43px;
}
header .box_tempo{
    float: right;
    width: 176px;
    height: 113px;
    overflow: hidden;
    margin: 20px 0px 0px 0px;
}
/*******************************************************************************
* CSS TOPO                                                               - FIM
******************************************************************************/



/*******************************************************************************
* CSS MENU                                                            - IN�CIO
******************************************************************************/
#menu{
    float: right;
    margin: -18px 260px 0px 0px;
}
#menu ul.menu{
    padding: 0px;    
    float: left;
    list-style: none;        
}
#menu ul.menu li.li1{
    width: 30px;
    padding: 0px 13px; 
    float: left;
    position: relative;
}
#menu ul.menu li.li2{
    width: 105px;
    padding: 0px 12px; 
    float: left;
    position: relative;
}
#menu ul.menu li.li3{
    width: 77px;
    padding: 0px 6px; 
    float: left;
    position: relative;
}
#menu ul.menu li.li4{
    width: 45px;
    padding: 0px 13px; 
    float: left;
    position: relative;
}
header ul.menu li.seta{
    background: url(../img/seta_topo.svg) 10px  / 170% 4px no-repeat;    
}
#menu ul.menu a.menu{
    float: left;      
    text-decoration: none;
    text-align: center;
    line-height: 55px;
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #FFF;
}
#menu ul.menu li.menu a:hover{
    font-family: 'SourceSansPro-Bold';
    color:#00ed83;
    cursor: pointer;
}
#menu ul.menu li.seta:hover{
    background: url(../img/seta_topo_hover.svg) 13px 27px / 170% 4px no-repeat;
}
#menu ul.menu li.seta:hover a.menu{
    font-family: 'SourceSansPro-Bold';
    color:#00ed83;
}
#menu ul.menu li.seta:hover ul.sub_menu{
    display: flex;
}
#menu ul.menu li ul.sub_menu{
    width: calc(100% + 10px);
    height: 70px;
    background-color: #004036;
    display: none;
    list-style: none;
    position: relative;
    top:-15px;
    left: 0;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.30);
    flex-direction: column;
    padding-left: 0px;
}
#menu ul.menu li ul.sub_menu li{          
    margin-left: 10px;          
}
#menu ul.menu li ul.sub_menu li:first-child{
    margin-top: 10px;          
}
#menu ul.sub_menu li a.sub_menu{
    float: left;      
    text-decoration: none;
    line-height: 25px;
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #FFF;
}
/*******************************************************************************
* CSS MENU                                                               - FIM
******************************************************************************/


/*******************************************************************************
* CSS SLIDER                                                          - IN�CIO
******************************************************************************/
#slider{
    width: 100%;
    height: 760px;
    float: left;
    position: relative;    
    margin: 1px 0px 0px 0px;    
}
#slider .foto_slide{
    width: 100%;
    height: 660px;
    margin-top: 170px;
    float: left;
    z-index: -1;
}
#slider .desc_slider{
    width: 1240px;
    height: 160px;
    position: absolute;
    bottom: 230px;
    text-align: center;
}
#slider .desc_slider .frase1{
    width: 100%;
    float: left;          
    text-align: center;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.85);
    font-family: 'Hind-Bold';
    font-size: 28px;
    color: #FFFFFF;
}
#slider .desc_slider .frase2{
    width: 100%;
    float: left;
    text-align: center;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.85);
    text-transform: uppercase;
    font-family: 'Hind-Bold';
    font-size: 32px;
    color: #FFFFFF;
}
#slider .desc_slider .frase3{
    width: 100%;
    float: left;          
    text-align: center;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.85);
    text-transform: uppercase;
    font-family: 'Hind-Bold';
    font-size: 23px;
    color: #FFFFFF;
}
#slider div.elemento_slider{
    width: 100%;
    height: 235px;
    float: left;
    position: absolute;      
    top: 750px;
    left: 0px;
    z-index: 999999;
    background: url(../img/elemento_slider.png) center top / cover no-repeat;
}
/*******************************************************************************
* CSS SLIDER                                                             - FIM
******************************************************************************/

/*******************************************************************************
* CSS CAPA SERVI�OS                                                   - IN�CIO
******************************************************************************/
#capa_servicos{
    width: 100%;    
    float: left;
    position: relative;        
}
#capa_servicos .titulo{    
    display: table;
    float: left;        
    padding: 0px 70px 0px 0px;
    position: relative;
    height: 60px;
    line-height: 60px;
    margin: -96px 0px 0px 13%;
    background: url(../img/titulo.svg) left 25px/ 65px auto no-repeat;
}
#capa_servicos .titulo span{ 
    text-transform: uppercase;
    font-family: 'OpenSans-ExtraBold';
    font-size: 35px;
    color: #444444;
    padding-left: 33px;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.30);
}
#capa_servicos .servicos_links{
    display: flex;
}
#capa_servicos .servicos_links ul.lista_servicos{
    list-style: none;
    padding-bottom: 125px;
    width: 795px;
    height: 530px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#capa_servicos .servicos_links ul.lista_servicos a{
    text-decoration: none;
    padding-right: 10px;
    height: 38px;
}
#capa_servicos .servicos_links ul.lista_servicos li{
    background: url(../img/servicos_busca.svg) 0% 30% / 25px no-repeat;
    height: 38px;
    width: 360px;
    position: relative;
    padding-bottom: 17px;
    border-bottom: 0.5px solid #07e279;
}

#capa_servicos .servicos_links ul.lista_servicos li .traco{
    width: 360px;
    height: 1px;
    background-color: #07e279;
    position: relative;
    bottom: 0px;
}
/*
#capa_servicos .servicos_links ul.lista_servicos a:last-child li{
    border: none;
}*/

#capa_servicos .servicos_links ul.lista_servicos a:hover li{
    background: url(../img/servicos_busca_selecionado.svg) -2% 20% / 40px no-repeat;
}
#capa_servicos .servicos_links ul.lista_servicos a:hover li p{
    font-family: 'SourceSansPro-Bold';
    color:#07e279;
    width: 324px;
}
#capa_servicos .servicos_links ul.lista_servicos li p{
    padding-left: 40px;
    font-size: 19px;
    font-family: 'SourceSansPro-SemiBold';
    text-shadow: 2px 1px 1px rgba(0,0,0,0.40);
    color:#FFFFFF;
    line-height: 19px;
    margin: 0;
    height: 38px;
}
#capa_servicos .servicos_links div.box_links{
    width: 395px;
    height: 509px;
    display: flex;
    flex-direction: column;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 6px 6px 9px rgba(0,0,0,0.50);
    margin-left: 20px;
    margin-top: 35px;
    overflow: hidden;
}
#capa_servicos .servicos_links div.box_links .titulo_link{
    width: 395px;
    height: 60px;
    background-color: #3aaf6c;
    text-align: center;          
}
#capa_servicos .servicos_links div.box_links .titulo_link span{
    color:#FFFFFF;
    font-family: 'SourceSansPro-SemiBold';
    line-height: 60px;
    font-size: 30px;
    background: url(../img/link.svg) center left / auto 35px no-repeat;          
    padding-left: 35px;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.30);
}
#capa_servicos .servicos_links div.box_links .links{
    background-color: #FFFFFF;          
    height: 449px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 395px;
}
#capa_servicos .servicos_links div.box_links .links ul{
    padding-left: 20px;
}
#capa_servicos .servicos_links div.box_links .links ul li:hover{          
    color:#05a659;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.20);
    cursor: pointer;
    margin-left: 22px;
    list-style: none;
}
#capa_servicos .servicos_links div.box_links .links::-webkit-scrollbar {
    width: 12px;
}
#capa_servicos .servicos_links div.box_links .links::-webkit-scrollbar-track {
    background: #FFF; 
}
#capa_servicos .servicos_links div.box_links .links::-webkit-scrollbar-thumb {
    background: #339966; 
}
#capa_servicos .servicos_links div.box_links .links::-webkit-scrollbar-thumb:hover {
    background: #205147; 
}
#capa_servicos .servicos_links div.box_links .links ul{
    list-style: square;
}
#capa_servicos .servicos_links div.box_links .links ul a{
    text-decoration: none;
}
#capa_servicos .servicos_links div.box_links .links ul li{
    font-family: 'SourceSansPro-SemiBold';
    font-size: 17px;
    color:#205147;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.20);
    padding: 7px 0px 0px 0px;
    margin: 0px 0px 0px 40px;
}

#capa_servicos .servicos_links div.box_links .links ul li::marker{
    color: #05a659;
}

#capa_servicos .servicos_links div.box_links .links ul li:hover::marker{          
    color: white;
}
#capa_servicos .servicos_links div.box_links .links ul li:hover:after{
    font-family: AppleGothic, "Lucida Sans", Impact, Verdana, sans-serif;
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 5px;
    font-size: 20px;
    font-weight: bold;
    background-color: #05a659;
    margin-bottom: 2px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.20);
}

/*******************************************************************************
* CSS CAPA SERVI�OS                                                      - FIM
******************************************************************************/

/*******************************************************************************
* CSS CAPA NOT�CIA                                                    - IN�CIO
******************************************************************************/
#capa_noticias{
    width: 100%;
    float: left;    
    position: relative;
    margin-top: 100px;
}
#capa_noticias a{
    text-decoration: none;
}
#capa_noticias .titulo{    
    display: table;
    float: left;        
    padding: 0px 70px 0px 0px;
    height: 60px;
    line-height: 60px;
    margin: 65px 0px 0px 0px;
    background: url(../img/titulo.svg) left 25px/ 65px auto no-repeat;
}
#capa_noticias .titulo span{ 
    text-transform: uppercase;
    font-family: 'OpenSans-ExtraBold';
    font-size: 35px;
    color: #444444;
    padding-left: 33px;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.30);
}
#capa_noticias #divBusca{
    background-color: #f7f7f7;
    width: 465.4px;
    height: 40px;
    box-shadow: 3px 3px 4px rgba(0,0,0,0.30);                      
    color:#424242;
    float: right;
    position: absolute;
    z-index: 9999999;
    margin: 83px 0px 0px 770px;
}
#capa_noticias #divBusca #txtBusca{
    float: left;
    background-color: transparent;          
    font-family: 'SourceSansPro-Regular';       
    font-size: 17px;
    border: none;
    height: 40px;
    width: 400px;
    padding-left: 15px;
}
#capa_noticias #divBusca #btnBusca{
    float: right;
    margin-top: 10px;
    margin-right: 15px;
}
#capa_noticias .ultima_noticia{
    margin: 160px 0px 0px 0px;          
}
#capa_noticias .ultima_noticia .thumb{          
    float: left;
    position: relative;
}
#capa_noticias .ultima_noticia .thumb .foto_noticia{
    width: 746px;
    height: 506px;
    float: left;
    border-radius: 5px;
    box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.3);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#capa_noticias .ultima_noticia .thumb .desc_noticia{
    width: 746px;
    height: 197px;
    background: url(../img/filtro_imagem_destaque.png) 100% center / cover no-repeat;
    position: absolute;
    bottom: 0;
    z-index: 1;
    color: #FFFFFF;
    border-radius: 5px;
}
#capa_noticias .ultima_noticia .thumb .desc_noticia .categoria_noticia,
#capa_noticias .ultima_noticia .thumb .desc_noticia .titulo_noticia{
    padding: 0px 57px;
    position: absolute;
    z-index: 2;
}
#capa_noticias .ultima_noticia .thumb .desc_noticia .categoria_noticia{
    font-size: 25px;
    font-family: 'SourceSansPro-SemiBold'; 
}
#capa_noticias .ultima_noticia .thumb .desc_noticia .titulo_noticia{
    font-size: 33px;
    font-family: 'SourceSansPro-Bold';          
    bottom: 20px;
}
#capa_noticias .ultima_noticia .thumb .desc_noticia .fundo_titulo{
    background-color: #265e53;
}
#capa_noticias ul.noticias{
    height: 515px;
    margin: 0px 0px 0px 59%;          
    list-style: none;         
}
#capa_noticias ul.noticias li{
    display: flex;
    width: 468px;
    height: 158px;
    margin-bottom: 30px;
    margin-top: 30px;
    border-bottom: solid 1px #7f7f7f;
}
#capa_noticias ul.noticias li:last-child{
    border-bottom: none;
}
#capa_noticias ul.noticias li .thumb{          
    float: left;
}
#capa_noticias ul.noticias li .thumb .foto_noticia{
    width: 190px;
    height: 128px;
    float: left;
    border-radius: 5px;
    box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.3);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#capa_noticias ul.noticias li .desc_noticia{          
    width: 222px;
    height: 120px;
    float: right;
    margin-left: 20px;
}
#capa_noticias .noticias li .desc_noticia .categoria_noticia{
    font-size: 18px;
    font-family: 'SourceSansPro-SemiBold';
    color:#339966;
    padding-left: 10px;
    border-left: solid 3px #339966;
}
#capa_noticias .noticias li .desc_noticia .titulo_noticia{
    font-size: 20px;
    font-family: 'SourceSansPro-Bold';
    color:#444444;
}
#capa_noticias .traco{
    width: 100%;
    height: 1px;
    background-color: #7f7f7f;          
    margin: 20px 0px 0px 0px;
}
#capa_noticias ul.outras_noticias{
    height: 360px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    padding-left: 0px;
}
#capa_noticias ul.outras_noticias li{
    float: left;
    width: 373px;
    height: 370px;
    margin-right: 60px;
    margin-top: 30px;
}
#capa_noticias ul.outras_noticias li:last-child{
    margin-right: 0;
}
#capa_noticias ul.outras_noticias li .thumb{          
    float: left;
}
#capa_noticias ul.outras_noticias li .thumb .foto_noticia{
    width: 373px;
    height: 253px;
    float: left;
    border-radius: 5px;
    box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.3);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#capa_noticias ul.outras_noticias li .desc_noticia{          
    margin-top: 20px;
    width: 100%;
    float: left;
}
#capa_noticias ul.outras_noticias li .desc_noticia .categoria_noticia{
    font-size: 18px;
    font-family: 'SourceSansPro-SemiBold';
    color:#339966;
    padding-left: 10px;
    border-left: solid 3px #339966;
}
#capa_noticias ul.outras_noticias li .desc_noticia .titulo_noticia{
    font-size: 20px;
    font-family: 'SourceSansPro-Bold';
    color:#444444;
}
#capa_noticias .btn{
    width: 135px;
    height: 45px;
    float: right;
    border: none;
    background: url(../img/botao.svg) center 5px / contain no-repeat;    
    cursor: pointer;
    font-family: 'SourceSansPro-Bold';
    font-size: 17px;
    color: #339966;
    margin: -20px 174px 0px 0px;
}
/******************************************************************************
* CSS CAPA NOT�CIA                                                       - FIM
******************************************************************************/


.bg2{
    width: 100%;   
    float: left;        
    position: relative;
    background: url(../img/bg2.png) center top / cover no-repeat;
}
/******************************************************************************
* CSS CAPA V�DEO                                                      - IN�CIO
******************************************************************************/
#capa_videos{
    width: 100%;
    height: 630px;
    float: left;        
    position: relative;    
    top: 0px;    
}
#capa_videos .titulo{    
    display: table;
    float: left;
    padding: 0px 70px 0px 0px;
    position: relative;
    height: 60px;
    line-height: 60px;
    margin: 60px 0px 0px 0px;
    background: url(../img/titulo.svg) left 25px/ 65px auto no-repeat;
}
#capa_videos .titulo span{ 
    text-transform: uppercase;
    font-family: 'OpenSans-ExtraBold';
    font-size: 35px;
    color: #444444;
    padding-left: 33px;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.30);
}
#capa_videos ul.videos{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 70px 0px 0px 0%;
    list-style: none;
    align-items: center;
    display: flex;    
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;        
}
#capa_videos ul.videos li{
    width: 31%;
    float: left;
    position: relative;    
}
#capa_videos ul.videos li .thumb_video{
    width: 375px;
    height: 220px;
    float: left;    
    position: relative;
    cursor: pointer;
}
#capa_videos ul.videos li .thumb_video img{
    width: 100%;
    height: 100%;    
    box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.3);
}
#capa_videos ul.videos li .thumb_video .play{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../img/play.png) center / 82px 57px no-repeat;
}

#capa_videos .btn{
    width: 135px;          
    height: 45px;
    float: right;
    margin: 40px 70px 0px 0px;
    border: none;
    background: url(../img/botao.svg) center 5px / cover no-repeat;
    cursor: pointer;
    font-family: 'SourceSansPro-Bold';
    font-size: 17px;
    color:#339966;
}
/******************************************************************************
* CSS CAPA V�DEO                                                         - FIM 
******************************************************************************/

/******************************************************************************
* CSS REDES SOCIAIS / PARCEIROS BG3                                                       - IN�CIO
******************************************************************************/

.bg3{
    position: relative;
    height: 500px;
    padding-top: 40px;
}
.bg3 .fundo_verde{
    position: absolute;
    width: 50%;
    height: 260px;
    bottom: 0px;
    background-color: #339966;
    z-index: -1;
}
.bg3 .titulo{ 
    background: url(../img/titulo.svg) left 25px/ 65px auto no-repeat;
    height: 60px;
    margin-bottom: 75px;
}
.bg3 .titulo span{
    text-transform: uppercase;
    font-family: 'OpenSans-ExtraBold';
    font-size: 35px;
    color: #444444;
    padding-left: 33px;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.30);
}
.bg3 .redes_sociais{
    position: relative;
    float: left;
    width: 70%;          
    height: 500px;
}
.bg3  .redes_sociais .fundo_verde{
    right: 0px;
    border-radius: 0px 15px 0px 0px;
}
.bg3 .parceiros{
    float: left;
    width: 30%;         
}
.bg3 .redes_sociais .rede_social{
    width: 255px;
    background: white;
    float: left;
    margin-right: 15px;
    height: 255px;
    box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.45);   
}
.bg3 .redes_sociais .rede_social span{
    font-family: 'SourceSansPro-SemiBold';
    font-size: 30px;
    color:#444444;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
    position: absolute;
    top: 80px;
}
.bg3 .redes_sociais .rede_social .bar{
    height: 5px;
    width: 110px;
    background-color: #e2af20;
    margin-left: 35px;          
    position: absolute;
    top: 29px;
    z-index: -1;
}
.bg3 .fundo_verde2{
    width: calc(50% - 670px);
    height: 260px;
    background-color: #339966;
    border-radius: 15px 0px 0px 0px;
    position: absolute;
    bottom: 0px;
    left: calc(50% + 670px);   
    z-index: -1;
}
#parceiros .parceiros  ul.parceiros{
    width: 100%;
    padding: 0px;
    margin: 20px 0px 0px 10%;
    list-style: none;
    align-items: top;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    float: left;    
}
#parceiros .parceiros ul.parceiros li{
    width: 100%;
}
#parceiros .parceiros ul.parceiros li .thumb{
    width: 100%;
}
#parceiros .parceiros ul.parceiros li .thumb .foto_parceiro{
    width: 100%;
    height: 250px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#parceiros .parceiros .flexslider .flex-direction-nav a{
    bottom:-60px;
}
#parceiros .parceiros .flexslider .flex-direction-nav .flex-next{
    left: 80%;
    background: url(../img/next.svg) center / auto 22px no-repeat;
}
#parceiros .parceiros .flexslider .flex-direction-nav .flex-prev{
    left: 25%;
    background: url(../img/prev.svg) center / auto 22px no-repeat;
}
.fb_iframe_widget{
    top: -78px;
}
/******************************************************************************
* CSS REDES SOCIAIS / PARCEIROS BG3                                                          - FIM
******************************************************************************/


/******************************************************************************
* CSS FOOTER                                                        - INN�CIO
******************************************************************************/
footer{
    width: 100%;    
    height: 580px;
    float: left;
    margin: -42px 0px 0px 0px;
    z-index: 999;    
    background: url(../img/footer.png) center / auto 576px no-repeat;
    position: relative;
}
footer .contato{
    width: 570px;
    height: 315px;
    float: left;
    margin: 100px 0px 0px 120px;
    float: left;
}
footer .contato .localizacao_atendimento{
    float: left;
}
footer .contato .atendimento{
    margin-left: 50px;
}
footer .contato .localizacao_atendimento .titulo{
    font-size: 25px;
    font-family: 'SourceSansPro-Bold';
    color:#FFFFFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
}
footer .contato .localizacao_atendimento .desc{
    font-size: 20px;
    font-family: 'SourceSansPro-Regular';
    color:#FFFFFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
    border-left: solid 2px #FFFFFF;
    padding-left: 20px;
}
footer .contato .localizacao_atendimento ul.webmail_painel{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    align-items: top;
    display: flex;    
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;        
}
footer .contato .localizacao_atendimento ul.webmail_painel li{
    width: 60px;    
    height: 60px;
    float: left;
    margin-left: 25px;
}
footer .contato .localizacao_atendimento ul.webmail_painel a{
    color:#FFFFFF;
    text-decoration: none;
}
footer .contato .localizacao_atendimento ul.webmail_painel a p{
    font-family: 'SourceSansPro-Bold';
    font-size: 20px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.30);         
}
footer .contato .localizacao_atendimento ul.webmail_painel a p.p_painel{
    margin-left: 26px;
}
footer .contato .localizacao_atendimento ul.webmail_painel a p.p_webmail{
    margin-left: 13px;
}
footer .contato .localizacao_atendimento ul.webmail_painel li.webmail{
    background: url(../img/rodape_painel.svg) left center / cover no-repeat;
}
footer .contato .localizacao_atendimento ul.webmail_painel li.painel{
    background: url(../img/rodape_webmail.svg) left center / cover no-repeat;
}
footer .contato .localizacao_atendimento ul.webmail_painel a:hover li.webmail{
    background: url(../img/rodape_painel_selecionado.svg) left center / cover no-repeat;
}
footer .contato .localizacao_atendimento ul.webmail_painel a:hover li.painel{
    background: url(../img/rodape_webmail_selecionado.svg) left center / cover no-repeat;
}
footer .contato .localizacao_atendimento .telefone{
    font-size: 20px;
    font-family: 'SourceSansPro-Regular';
    color:#FFFFFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
}
footer .contato .localizacao_atendimento ul.redes_sociais{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px 0px 0px -11px;
    list-style: none;
    align-items: top;
    display: flex;    
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;        
}
footer .contato .localizacao_atendimento ul.redes_sociais li{
    width: 45px;    
    height: 45px;
    float: left;
}
footer .contato .localizacao_atendimento ul.redes_sociais li.instagram{
    background: url(../img/rodape_instagram.svg) left center / cover no-repeat;
}
footer .contato .localizacao_atendimento ul.redes_sociais li.facebook{
    background: url(../img/rodape_facebook.svg) left center / cover no-repeat;
}
footer .contato .localizacao_atendimento ul.redes_sociais li.twitter{
    background: url(../img/rodape_twitter.svg) left center / cover no-repeat;
}
footer .contato .localizacao_atendimento ul.redes_sociais li.youtube{
    background: url(../img/rodape_youtube.svg) left center / cover no-repeat;
}
footer .contato .localizacao_atendimento ul.redes_sociais li.whatsapp{
    background: url(../img/rodape_whats.svg) left center / cover no-repeat;
}

footer .contato .localizacao_atendimento ul.redes_sociais li.instagram:hover{
    background: url(../img/rodape_instagram_selecionado.svg) left center / cover no-repeat;
}
footer .contato .localizacao_atendimento ul.redes_sociais li.facebook:hover{
    background: url(../img/rodape_facebook_selecionado.svg) left center / cover no-repeat;
}
footer .contato .localizacao_atendimento ul.redes_sociais li.twitter:hover{
    background: url(../img/rodape_twitter_selecionado.svg) left center / cover no-repeat;
}
footer .contato .localizacao_atendimento ul.redes_sociais li.youtube:hover{
    background: url(../img/rodape_youtube_selecionado.svg) left center / cover no-repeat;
}
footer .contato .localizacao_atendimento ul.redes_sociais li.whatsapp:hover{
    background: url(../img/rodape_whats_selecionado.svg) left center / cover no-repeat;
}
footer .form_contato{
    width: 370px;
    float: right;
    margin: 0px 123px 0px 0px;     
}
footer .form_contato .titulo{    
    float: left;        
    margin: 65px 0px 0px 28%;
    text-transform: uppercase;
    font-family: 'OpenSans-ExtraBold';
    font-size: 35px;
    color: #FFFFFF;          
    text-shadow: 2px 2px 1px rgba(0,0,0,0.30);
}
footer .form_contato form{
    width: 80%;
    float: left;
    margin: 15px 0px 0px 10%;
}
footer .form_contato form input{
    width: calc(100% - 12px);
    float: left;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    border: solid 2px #005046;
    border-radius: 4px;
    background: transparent;
    font-family: 'SourceSansPro-Regular';
    font-size: 18px;
    color: #FFFFFF;
}
footer .form_contato form .select{
    width: calc(100% - 12px);
    float: left;
    padding: 5px;
    position: relative;
    margin: 0px 0px 10px 0px;
    border: solid 2px #005046;
    border-radius: 4px;
    background: url(../img/seta_topo.svg) 95% center / 16px 50% no-repeat transparent;
    font-family: 'SourceSansPro-Regular';
    font-size: 18px;
    color: #FFFFFF;
}
footer .form_contato form .select select{
    width: 100%;
    float: left;
    padding: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px 0px 10px 0px;
    border: solid 2px #005046;
    border-radius: 4px;
    opacity: 0;    
    font-family: 'SourceSansPro-Regular';
    font-size: 18px;
    color: #FFFFFF;
}
footer .form_contato form textarea{
    width: calc(100% - 12px);
    height: 100px;
    float: left;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    border: solid 2px #005046;
    border-radius: 4px;
    background: transparent;
    resize: none;
    font-family: 'SourceSansPro-Regular';
    font-size: 18px;
    color: #FFFFFF;
}
footer .form_contato form .warningFormContato{
    width: calc(100% - 12px);
    float: left;
    margin: 0px;
    font-family: 'SourceSansPro-Regular';
    font-size: 18px;
    color: #FFFFFF;
}

footer .form_contato .btn{
    width: 135px;
    height: 45px;
    float: left;
    margin: 20px 0px 0px calc(50% - 60px);
    border: none;
    background: url(../img/botao.svg) center 5px / contain no-repeat;    
    cursor: pointer;
    font-family: 'SourceSansPro-Bold';
    font-size: 17px;
    color: #339966;
}
footer .form_contato form ::-webkit-input-placeholder{
    color: #FFFFFF;
    opacity: 1;
}
footer .form_contato form :-ms-input-placeholder{ 
    color: #FFFFFF;
    opacity: 1;
}
footer .form_contato form::placeholder{    
    color: #FFFFFF;
    opacity: 1;
}
footer .marca-ed{
    width: 150px;
    height: 50px;
    position: absolute;   
    bottom: 0;
    background: url(../img/ed.svg) center / contain no-repeat;
}
/******************************************************************************
* CSS FOOTER                                                            - FIM
******************************************************************************/


/******************************************************************************
* CSS CONTE�DO SEGUNDO NIVEL                                          - IN�CIO
******************************************************************************/
#conteudo_2nivel{
    width: 100%;
    float: left;    
    /*padding-bottom: 185px;*/
    margin: 230px 0px 0px 0px;
    position: relative;
}
#conteudo_2nivel .titulo{    
    display: table;
    float: left;        
    padding: 0px 70px 0px 0px;
    position: relative;
    height: 60px;
    line-height: 60px;
    margin: 0px 0px 0px 0%;
    background: url(../img/titulo.svg) left 25px/ 65px auto no-repeat;
    text-align: left;
    text-transform: uppercase;
    font-family: 'OpenSans-ExtraBold';
    font-size: 35px;
    color: #444444;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.30);
    padding-left: 25px;
}
#conteudo_2nivel .centraliza_noticia{
    width: 990px;
    margin: auto;
}

/*
#conteudo_2nivel .conteudo{
    width: 100%;
    float: left;            
    position: relative; 
    margin: 50px 0px 50px 0px;
    font-family: 'Krub-Regular';
    font-size: 18px;
    color: #646464;    
}

ul#principios{
    width: 100%;
    float: left;
    padding: 30px 0px 0px 0px;
    margin: 100px 0px 0px 0px;
    border-top: solid 2px #cccccc;    
    list-style: none;
    align-items: top;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;      
}
ul#principios li{
    width: 28%;    
    height: 350px;
    float: left;    
}
ul#principios li.missao{
    background: url(../img/ico_missao.svg) center top / auto 187px no-repeat;
}
ul#principios li.visao{
    background: url(../img/ico_visao.svg) center top / auto 187px no-repeat;
}
ul#principios li.valores{
    background: url(../img/ico_valores.svg) center top / auto 187px no-repeat;
}
ul#principios li.line{
    width: 1px;    
    height: 150px;
    float: left;    
    margin: 10% 0px 0px 0px;
    background: #f43b03;
}
ul#principios li .desc{
    width: 100%;
    float: left;
    position: relative;
    top: 82%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
ul#principios li .desc label{
    width: 100%;
    float: left;    
    text-align: center;
    font-family: 'Sarabun-Bold';
    font-size: 25px;
    color: #595959;
}
ul#principios li .desc p{
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
    text-align: justify;
    font-family: 'Krub-Regular';
    font-size: 18px;
    color: #646464;
}*/
/******************************************************************************
* CSS CONTE�DO SEGUNDO NIVEL                                            - FIM
******************************************************************************/

/******************************************************************************
* CSS P�GINA DE NOT�CIAS                                              - IN�CIO
******************************************************************************/
#noticias{
    width: 100%;
    min-height: 700px;
    float: left;    
    position: relative;
    margin: -40px 0px 0px 0px;
}
#noticias form{
    width: 100%;
    float: left;
    position: relative;
    margin: 80px 0px 20px 0px;
}
#noticias form .categorias{
    width: 155px;
    height: 40px;
    line-height: 40px;
    float: left;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;
    margin-right: 20px;
    
}
#noticias form .categorias span{
    margin-left: 10px;
}
#noticias form .categorias select{
    width: 155px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: none;   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;
    position: relative;
    top: -40px;
    left: 0px;
}
#noticias form .publicacao{
    width: 159px;
    height: 40px;
    line-height: 40px;
    float: left;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;
    margin-right: 20px;
}
#noticias form .publicacao span{
    margin-left: 10px;
}
#noticias form select{
    width: 159px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: none;   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;
    position: relative;
    top: -40px;
    left: 0px;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    background: url(../img/seta_baixo_selecao.svg) 95% center / 14px 50% no-repeat #f7f7f7;
}
#noticias form .tags{
    width: 150px;
    height: 40px;
    line-height: 40px;
    float: left;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;
    margin-right: 20px;
}
#noticias form .tags span{
    margin-left: 10px;
}
#noticias form .tags select{
    width: 150px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: none;   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;
    position: relative;
    top: -40px;
    left: 0px;
}
#noticias form .btnBuscar{
    width: 115px;
    height: 40px;
    line-height: 40px;
    float: left;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);   
    font-family: 'SourceSansPro-SemiBold';
    font-size: 17px;
    color: #444444;
    margin-right: 20px;
    background-color: #f7f7f7;
}
#noticias form .btnBuscar span{
    margin-left: 27px;
}
#noticias form .btnBuscar input{
    width: 115px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: none;   
    font-family: 'SourceSansPro-SemiBold';
    font-size: 17px;
    color: #444444;
    position: relative;
    top: -40px;
    left: 0px;
    opacity: 0;
}
#noticias form .btnLimpar{
    width: 150px;
    height: 40px;
    line-height: 40px;
    float: left;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);   
    font-family: 'SourceSansPro-SemiBold';
    font-size: 17px;
    color: #444444;
    margin-right: 20px;
    background-color: #f7f7f7;
}
#noticias form .btnLimpar span{
    margin-left: 15px;
}
#noticias form .btnLimpar input{
    width: 150px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: none;   
    font-family: 'SourceSansPro-SemiBold';
    font-size: 17px;
    color: #444444;
    position: relative;
    top: -40px;
    left: 0px;
    opacity: 0;
}
#noticias form input.pesquisar{
    width: 400px;    
    height: 38px;
    line-height: 38px;
    float: left;              
    border: none;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;          
    background: url(../img/search.svg) 95% center / 16px 50% no-repeat #f7f7f7;
    padding-left: 10px;
}
#noticias .traco{          
    width: 100%;
    height: 1px;
    background-color: #444444;          
    margin: 10px 0px 0px 0px;
    float: left;
}
#noticias .no_result_busca{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 80px;
    font-family: 'FiraSans-Medium';
    font-size: 18px;
    color: #005e52;    
}
#noticias .no_result_busca p{
    font-family: 'FiraSans-Regular';
    font-size: 18px;
    color: #005e52;    
}
#noticias .result_busca{
    width: 100%;
    float: right;
    margin: 20px 0px 0px 0px;
    text-align: right;
    font-family: 'FiraSans-Regular';
    font-size: 16px;
    color: #005e52;    
}
#noticias .result_busca b{          
    font-family: 'FiraSans-Medium';
}
#noticias ul.noticias{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 30px 0px 0px 0px;
    list-style: none;
    align-items: top;
    display: flex;    
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;        
}
#noticias ul.noticias li{
    width: 23%;
    float: left;
    position: relative;
    padding: 0px 0px 30px 0px;
}
#noticias ul.noticias li .thumb{
    width: 100%;
    height: 200px;
    float: left;    
}
#noticias ul.noticias li .thumb .foto_noticia{
    width: 100%;
    height: 200px;
    float: left;
    border-radius: 6px;
    box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.3);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#noticias ul.noticias li .desc_noticia{
    width: 100%;
    float: left;
    margin: 5px 0px 0px 0px;
}
#noticias ul.noticias li .desc_noticia .categoria_noticia{
    font-size: 17px;
    font-family: 'SourceSansPro-SemiBold';
    color:#339966;
    padding-left: 10px;
    border-left: solid 3px #339966;   
}
#noticias ul.noticias li .desc_noticia .titulo_noticia{
    font-size: 20px;
    font-family: 'SourceSansPro-Bold';
    color:#444444;
    margin: -10px 0px 0px 0px;
}
/******************************************************************************
* CSS P�GINA DE NOT�CIAS                                                 - FIM
******************************************************************************/

/******************************************************************************
* CSS P�GINA DE NOT�CIA EXIBE                                          - IN�CIO
******************************************************************************/
#noticia_exibe{
    width: 100%;
    float: left;    
    position: relative;
}
#noticia_exibe .noticia{
    width: 100%;
    float: left;
    position: relative;
}
#noticia_exibe .noticia .thumb_noticia{
    width: 565px;
    height: 380px;
    float: left;
    margin: 0px -90px 0px 0px;
    position: relative;
    background: url(../img/bg_noticia.png) top right / contain no-repeat;
    padding-bottom: 60px;
}
#noticia_exibe .noticia .thumb_noticia .foto_noticia{
    width: 565px;
    height: 380px;
    float: left;
    position: absolute;
    top: 30px;
    left: -125px;
    border-radius: 6px;
    box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.3);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#noticia_exibe .noticia .legenda_thumb{
    float: left;
    margin-top: 420px;
    font-family: 'SourceSansPro-SemiBold';
    font-size: 13px;
    width: 545px;
    margin-left: -115px;
    line-height: 13px;
    text-align: justify;
}
#noticia_exibe .noticia .categoria_noticia{
    float: left;
    margin: 40px 0px 0px 0px;    
    font-family: 'SourceSansPro-SemiBold';
    font-size: 18px;
    color: #339966;
    border-bottom: 2px solid #339966;
}
#noticia_exibe .noticia .titulo_noticia{
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
    font-family: 'SourceSansPro-Bold';
    font-size: 30px;
    color: #444444;    
}
#noticia_exibe .noticia .chamada_noticia{
    width: 100%;
    float: left;
    margin: 10px 0px;
    font-family: 'FiraSans-Regular';
    font-size: 18px;
    color: #444444;    
}

#noticia_exibe .noticia .texto_noticia{
    width: 100%;
    margin: 213px 0px 0px 0px;    
    font-family: 'FiraSans-Regular';
    font-size: 18px;
    color: #444444;    
}
#noticia_exibe .fonte{
    width: 100%;
    margin: 213px 0px 0px 0px;    
    font-family: 'FiraSans-Regular';
    font-size: 18px;
    color: #444444;    
}
#noticia_exibe .data_noticia{
    height: 20px;
    float: left;
    padding: 0px 0px 0px 23px;
    margin: 80px 0px 2px 0px;   
    background: url(../img/publicado.svg) left top / 17px 17px no-repeat;
    font-family: 'FiraSans-Regular';
    font-size: 16px;
    color: #205147;
}
#noticia_exibe .data_noticia span{
    font-family: 'FiraSans-Medium';
}
#noticia_exibe .traco{
    width: 100%;
    height: 1px;
    float: left;
    background-color: #444444;
    margin: 0px 0px 0px 0px;
}
#noticia_exibe .tags{
    height: 20px;
    float: left;
    padding: 0px 0px 0px 23px;
    margin: 2px 0px 0px 0px;
    background: url(../img/tags.svg) left top / 18px 18px no-repeat;
    font-family: 'FiraSans-Regular';
    font-size: 16px;
    color: #205147;
}
#noticia_exibe .tags span{
    font-family: 'FiraSans-Medium';
}
#noticia_exibe .barra_social{
    width: 100px;
    height: 110px;
    position: fixed;    
    margin: 0px 0px 0px 0px;
    right: 20px;
    top: 230px;
}
#noticia_exibe .barra_social .titulo_social{
    font-family: 'SourceSansPro-SemiBold';
    font-size: 18px;
    color: #005e52;
    width: 100%;
    text-align: center;
    
}
#noticia_exibe .barra_social ul{
    display: flex;
    justify-content: space-evenly;
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#noticia_exibe .barra_social ul li{    
    width: 23px;
    height: 23px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
}
#noticia_exibe .barra_social ul li .facebook{ 
    background: url(../img/noticias_compartilhar_facebook.svg) center / auto 23px no-repeat;
    width: 23px;
    height: 23px;
    float: left;
}
#noticia_exibe .barra_social ul li .twitter{    
    background: url(../img/noticias_compartilhar_twitter.svg) center / auto 23px no-repeat;    
    width: 23px;
    height: 23px;
    float: left;
}
#noticia_exibe .barra_social ul li .whatsapp{    
    background: url(../img/noticias_compartilhar_whats.svg) center / auto 23px no-repeat;
    width: 23px;
    height: 23px;
    float: left;
}
#noticia_exibe .barra_social ul li .facebook:hover{ 
    background: url(../img/noticias_compartilhar_selecionado_facebook.svg) center / auto 23px no-repeat;
}
#noticia_exibe .barra_social ul li .twitter:hover{    
    background: url(../img/noticias_compartilhar_selecionado_twitter.svg) center / auto 23px no-repeat;    
}
#noticia_exibe .barra_social ul li .whatsapp:hover{    
    background: url(../img/noticias_compartilhar_selecionado_whats.svg) center / auto 23px no-repeat;
}
#noticia_exibe .barra_social ul li.letra_maior{    
    background: url(../img/noticias_mais_texto.svg) center / auto 23px no-repeat;    
    width: 23px;
    height: 23px;
    float: left;
}
#noticia_exibe .barra_social ul li.letra_menor{    
    background: url(../img/noticias_menos_texto.svg) center / auto 23px no-repeat;
    width: 23px;
    height: 23px;
    float: left;
}
#noticia_exibe .barra_social ul li.letra_maior:hover{    
    background: url(../img/noticias_selecionado_mais_texto.svg) center / auto 23px no-repeat;    
    cursor: pointer;
}
#noticia_exibe .barra_social ul li.letra_menor:hover{    
    background: url(../img/noticias_selecionado_menos_texto.svg) center / auto 23px no-repeat;
    cursor: pointer;
}
#ultimas_noticias{
    width: 100%;
    float: left;    
    margin: 30px 0px 0px 0px;    
}
#ultimas_noticias .titulo{    
    display: table;
    float: left;   
    position: relative;
    margin: 40px 0px 0px 0px;
}
#ultimas_noticias ul.noticias{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 30px 0px 0px 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;        
}
#ultimas_noticias ul.noticias li{
    width: 470px;
    float: left;
    padding: 0px 0px 30px 0px;
    border-bottom: 1px solid #7f7f7f;
    margin-top: 30px;
}
#ultimas_noticias ul.noticias li .thumb{
    width: 190px;
    height: 130px;
    float: left;    
}
#ultimas_noticias ul.noticias li .thumb .foto_noticia{
    width: 190px;
    height: 130px;
    float: left;
    border-radius: 6px;
    box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.3);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#ultimas_noticias ul.noticias li .desc_noticia{
    width: 260px;
    height: 125px;
    margin-left: 210px;
}
#ultimas_noticias ul.noticias li .desc_noticia .categoria_noticia{
    font-size: 17px;
    font-family: 'SourceSansPro-SemiBold';
    color:#339966;
    border-left: solid 3px #339966;   
    float: left;
    padding-left: 10px;
}
#ultimas_noticias ul.noticias li .desc_noticia .titulo_noticia{
    width: 100%;
    font-size: 20px;
    font-family: 'SourceSansPro-Bold';
    color:#444444;
    margin-top: 10px;
    float: left;
}
/******************************************************************************
* CSS P�GINA DE NOT�CIA EXIBE                                            - FIM
******************************************************************************/

/******************************************************************************
* CSS P�GINA DE TV-FETAESC                                                - IN�CIO
******************************************************************************/
.mascara{
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 100%;
    height: 225px;
}

#videos{
    width: 100%;
    min-height: 700px;
    float: left;    
    position: relative;
    margin: -40px 0px 0px 0px;
}

#videos .video_exibe{
    width: 100%;
    float: left;    
    position: relative;
    top: -40px;
}
#videos .video_exibe form{
    width: 100%;
    float: left;
    position: relative;
    margin: 145px 0px 20px 0px;
}
#videos .video_exibe form .categorias{
    width: 155px;
    height: 40px;
    line-height: 40px;
    float: left;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;
    margin-right: 20px;
    
}
#videos .video_exibe form .categorias span{
    margin-left: 10px;
}
#videos .video_exibe form .categorias select{
    width: 155px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: none;   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;
    position: relative;
    top: -40px;
    left: 0px;
}
#videos .video_exibe form .publicacao{
    width: 159px;
    height: 40px;
    line-height: 40px;
    float: left;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;
    margin-right: 20px;
}
#videos .video_exibe form .publicacao span{
    margin-left: 10px;
}
#videos .video_exibe form select{
    width: 159px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: none;   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;
    position: relative;
    top: -40px;
    left: 0px;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    background: url(../img/seta_baixo_selecao.svg) 95% center / 14px 50% no-repeat #f7f7f7;
}
#videos .video_exibe form .ordenado{
    width: 150px;
    height: 40px;
    line-height: 40px;
    float: left;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;
    margin-right: 20px;
}
#videos .video_exibe form .ordenado span{
    margin-left: 10px;
}
#videos .video_exibe form .ordenado select{
    width: 150px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: none;   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;
    position: relative;
    top: -40px;
    left: 0px;
}
#videos .video_exibe form .btnBuscar{
    width: 115px;
    height: 40px;
    line-height: 40px;
    float: left;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);   
    font-family: 'SourceSansPro-SemiBold';
    font-size: 17px;
    color: #444444;
    margin-right: 20px;
    background-color: #f7f7f7;
}
#videos .video_exibe form .btnBuscar span{
    margin-left: 27px;
}
#videos .video_exibe form .btnBuscar input{
    width: 115px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: none;   
    font-family: 'SourceSansPro-SemiBold';
    font-size: 17px;
    color: #444444;
    position: relative;
    top: -40px;
    left: 0px;
    opacity: 0;
}
#videos .video_exibe form .btnLimpar{
    width: 150px;
    height: 40px;
    line-height: 40px;
    float: left;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);   
    font-family: 'SourceSansPro-SemiBold';
    font-size: 17px;
    color: #444444;
    margin-right: 20px;
    background-color: #f7f7f7;
}
#videos .video_exibe form .btnLimpar span{
    margin-left: 15px;
}
#videos .video_exibe form .btnLimpar input{
    width: 150px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: none;   
    font-family: 'SourceSansPro-SemiBold';
    font-size: 17px;
    color: #444444;
    position: relative;
    top: -40px;
    left: 0px;
    opacity: 0;
}
#videos .video_exibe form input.pesquisar{
    width: 400px;    
    height: 38px;
    line-height: 38px;
    float: left;              
    border: none;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);   
    font-family: 'SourceSansPro-Regular';
    font-size: 17px;
    color: #444444;          
    background: url(../img/search.svg) 95% center / 16px 50% no-repeat #f7f7f7;
    padding-left: 10px;
}
#videos .video_exibe .traco{          
    width: 100%;
    height: 1px;
    background-color: #444444;          
    margin: 10px 0px 0px 0px;
    float: left;
}
#videos .video_exibe .barra_social{
    width: 100px;
    height: 110px;
    position: absolute;    
    margin: 0px 0px 0px 0px;
    right: 0px;
    top: 80px;
}
#videos .video_exibe .barra_social .titulo_social{
    font-family: 'SourceSansPro-SemiBold';
    font-size: 18px;
    color: #005e52;
    width: 100%;
    text-align: center;
    
}
#videos .video_exibe .barra_social ul{
    display: flex;
    justify-content: space-evenly;
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#videos .video_exibe .barra_social ul li{    
    width: 23px;
    height: 23px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
}
#videos .video_exibe .barra_social ul li .facebook{ 
    background: url(../img/noticias_compartilhar_facebook.svg) center / auto 23px no-repeat;
    width: 23px;
    height: 23px;
    float: left;
}
#videos .video_exibe .barra_social ul li .twitter{    
    background: url(../img/noticias_compartilhar_twitter.svg) center / auto 23px no-repeat;    
    width: 23px;
    height: 23px;
    float: left;
}
#videos .video_exibe .barra_social ul li .whatsapp{    
    background: url(../img/noticias_compartilhar_whats.svg) center / auto 23px no-repeat;
    width: 23px;
    height: 23px;
    float: left;
}
#videos .video_exibe .barra_social ul li .facebook:hover{ 
    background: url(../img/noticias_compartilhar_selecionado_facebook.svg) center / auto 23px no-repeat;
}
#videos .video_exibe .barra_social ul li .twitter:hover{    
    background: url(../img/noticias_compartilhar_selecionado_twitter.svg) center / auto 23px no-repeat;    
}
#videos .video_exibe .barra_social ul li .whatsapp:hover{    
    background: url(../img/noticias_compartilhar_selecionado_whats.svg) center / auto 23px no-repeat;
}
#videos .video_exibe .no_result_busca{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 80px;
    font-family: 'FiraSans-Medium';
    font-size: 18px;
    color: #005e52;    
}
#videos .video_exibe .no_result_busca p{
    font-family: 'FiraSans-Regular';
    font-size: 18px;
    color: #005e52;    
}
#videos .video_exibe .result_busca{
    width: 100%;
    float: right;
    margin: 20px 0px 0px 0px;
    text-align: right;
    font-family: 'FiraSans-Regular';
    font-size: 16px;
    color: #005e52;    
}
#videos .video_exibe .result_busca b{          
    font-family: 'FiraSans-Medium';
}
#videos .video_exibe .video{
    width: 70%;
    float: left;
    position: relative;    
    margin: 15px 0px 0px 15%;
}
#videos .video_exibe .video .desc_video{
    width: 100%;
    margin-top: 80px;
}
#videos .video_exibe .video .desc_video p{
    margin: 0px;
}
#videos .video_exibe .video .desc_video .categoria_video{
    font-size: 17px;
    font-family: 'SourceSansPro-SemiBold';
    color:#339966;
    border-left: solid 3px #339966;   
    float: left;
    padding-left: 10px;
    margin-top: 10px;
}
#videos .video_exibe .video .desc_video .titulo_video{
    width: 100%;
    font-size: 20px;
    font-family: 'SourceSansPro-Bold';
    color:#444444;
    margin-top: 10px;
    float: left;
    margin-bottom: 20px;
}
#videos .video_exibe .video .thumb_video{
    float: left;
    margin: 0px 0px 0px 0px;
    position: relative;
}
#videos .video_exibe .video .thumb_video iframe{
    width: 800px;
    height: 450px;
    box-shadow: 6px 6px 8px rgba(0,0,0,0.30);
}
#videos .video_exibe .video .thumb_video .foto_video{
    width: calc(100% - 40px);
    height: 700px;
    float: left;
    position: absolute;
    top: 40px;
    left: 0px;
    border-radius: 6px;
    box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.3);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#videos .outros_videos{
    width: 100%;
    float: left;    
    position: relative;
    margin: 0px 0px 0px 0px;    
}
#videos .outros_videos ul.videos{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    align-items: center;
    display: flex;    
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;        
}
#videos .outros_videos ul.videos li{
    width: 31%;
    height: 360px;
    float: left;
    margin-bottom: 40px;
    position: relative;    
}
#videos .outros_videos ul.videos li .thumb_video{
    width: 100%;
    height: 225px;
    float: left;    
    position: relative;
    cursor: pointer;
}
#videos .outros_videos ul.videos li .thumb_video img{
    width: 100%;
    height: 100%;    
    box-shadow: 3px 3px 4px rgba(0,0,0,0.30);
}
#videos .outros_videos ul.videos li .thumb_video .play{
    width: 100%;
    height: 225px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../img/play.png) center / 82px 57px no-repeat;
}
#videos .outros_videos ul.videos li .desc_video{
    width: 100%;
    height: 125px;
}
#videos .outros_videos ul.videos li .desc_video p{
    margin: 0px;
}
#videos .outros_videos ul.videos li .desc_video .categoria_video{
    font-size: 17px;
    font-family: 'SourceSansPro-SemiBold';
    color:#339966;
    border-left: solid 3px #339966;   
    float: left;
    padding-left: 10px;
    margin-top: 10px;
}
#videos .outros_videos ul.videos li .desc_video .titulo_video{
    width: 100%;
    font-size: 20px;
    font-family: 'SourceSansPro-Bold';
    color:#444444;
    margin-top: 10px;
    float: left;
}
/******************************************************************************
* CSS P�GINA DE TV-FETAESC                                                   - FIM
******************************************************************************/

/******************************************************************************
* DIRETORIA                                                                                                                        - IN�CIO
******************************************************************************/
#diretoria{
    margin-top: 120px;
}
#diretoria .traco_mobile{
    display: none;
}
#diretoria .palavra_do_presidente .foto_presidente{
    width: 440px;
    height: 440px;
    border-radius: 5px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
    background: url(../img/imagem_diretoria_presidente.png) center top / cover no-repeat;
    float: left;
}
#diretoria .palavra_do_presidente .traco{
    height: 245px;
    width: 1px;
    background-color: #4bb77e;
    margin: 60px 0px 0px 60px;
    float: left;
}
#diretoria .palavra_do_presidente .palavra{
    width: 685px;
    margin: 0px 0px 0px 0px;
    float: right;
}
#diretoria .palavra_do_presidente .palavra .titulo_palavra{
    font-family:'OpenSans-ExtraBold';
    font-size: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    color: #28705d;                    
    text-transform: uppercase;
}
#diretoria .palavra_do_presidente .palavra p{
    font-family:'FiraSans-Regular';
    font-size: 18px;          
    color: #444444;                    
}
#diretoria .palavra_do_presidente .palavra p strong{
    font-family:'FiraSans-Bold';
    font-size: 18px;          
    color: #205147;                 
    font-weight: normal;
}
#diretoria .barra{
    height: 6px;
    width: 92%;
    background-color: #28705d;
    margin: 50px 0px 0px 0px;
    float: left;
    border-top-right-radius: 8px;
}
#diretoria .diretoria{
    float: left;
    margin: 30px 0px 0px 0px;
}
#diretoria .diretoria .titulo_diretoria{
    font-family: 'OpenSans-ExtraBold';
    font-size: 30px;
    color:#28705d;
    float: left;
}
#diretoria .diretoria ul.diretoria{
    float: left;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#diretoria .diretoria ul.diretoria li{
    height: auto;
    width: 285px;
    border-radius: 10px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
    overflow: hidden;
    margin: 25px 25px 0px 0px;
}
#diretoria .diretoria ul.diretoria li .foto{
    height: 315px;
    width: 285px;          
}
/*#diretoria .diretoria ul.diretoria li .ele{
    background: url(../img/imagem_diretoria_ele.png) center top / cover no-repeat;
}
#diretoria .diretoria ul.diretoria li .ela{
    background: url(../img/imagem_diretoria_ela.png) center top / cover no-repeat;
}*/
#diretoria .diretoria ul.diretoria li .nome{
    background-color: #FFFFFF; 
    height: 40px;
    padding: 5px 0;
    line-height: 20px;          
    width: 285px;
    font-family: 'SourceSansPro-Bold';
    font-size: 23px;
    color:#444444;      
    text-align: center;
}
#diretoria .diretoria ul.diretoria li .cargo{
    height: 45px;
    line-height: 45px;
    width: 285px;
    font-family: 'SourceSansPro-SemiBold';
    font-size: 20px;
    color:#FFFFFF;
    background-color: #28705d;          
    text-align: center;
}
#diretoria .bg{
    width: 100%;
    background: url(../img/background_institucional_diretoria.png) center top / cover no-repeat;
    float: left;
    margin:-135px 0px 0px 0px;
    position: relative;
    z-index:-1;
}
#diretoria .bg ul.diretoria2{
    float: left;
    margin: 175px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
#diretoria .bg ul.diretoria2 .traco_bottom{
    display: flex;
    width: 100%;
    border-bottom: solid 0.25px #444444;
}
#diretoria .bg ul.diretoria2 .traco_bottom:last-child{          
    border-bottom: none;
}
#diretoria .bg ul.diretoria2 li{
    width: 33.3%;
    height: 75px;
    margin: 20px 0px 0px 0px;
    border-bottom: 0.25px solid #4444;
}
#diretoria .bg ul.diretoria2 li .traco_left{
    width: 1px;
    height: 50px;
    background-color: #4bb77e;
    float: left;
}
#diretoria .bg ul.diretoria2 li .nome{
    font-family: 'FiraSans-SemiBold';
    font-size: 23px;
    margin: 5px 0px 0px 35px;
    color:#28705d;
}
#diretoria .bg ul.diretoria2 li .cargo{
    font-family: 'FiraSans-Regular';
    font-size: 20px;
    margin: 5px 0px 0px 35px;
    color:#444444;
}
#diretoria #ex-presidentes{
    float: left;
    margin: 45px 0px 40px 0px;
    width: 100%;
    
}
#diretoria #ex-presidentes .titulo_ex-presidentes{          
    font-family: 'OpenSans-ExtraBold';
    font-size: 30px;
    color:#28705d;
    float: left;
}
#diretoria #ex-presidentes ul.ex-presidente{
    float: left;
    padding: 0px 0px 0px 0px;
    /*margin: 50px 0px 0px -245px;*/
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
#diretoria #ex-presidentes ul li.ex-presidente{
    width: 220px;
    height: 340px;
    margin: 25px 25px 0px 0px;
}
#diretoria #ex-presidentes ul li .foto{
    width: 195px;
    height: 247px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
    margin: auto;          
}
#diretoria #ex-presidentes ul li .nome{
    width: 220px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    font-size: 20px;
    font-family: 'FiraSans-SemiBold';
    color:#444444;
}
#diretoria #ex-presidentes ul li .button{
    width: 220px;
    height: 40px;
}
#diretoria #ex-presidentes ul li .button .btn{
    width: 135px;
    height: 45px;
    float: right;
    border: none;
    background: url(../img/botao.svg) center 5px / contain no-repeat;    
    cursor: pointer;
    font-family: 'SourceSansPro-Bold';
    font-size: 17px;
    color: #339966;
    margin: 0px 50px 0px 0px;
}
.mandato_hid{
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255, 0.9);
    position: fixed;
    display: none;
    top: 0px;
    z-index: 99999999999;
}
.mandato_hid .mandato{
    position: relative;
    top: 50%;
    transform: translateY(-50%); 
    margin: auto;
    width: 535px;
}
.mandato_hid .mandato .foto{
    width: 195px;
    height: 247px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
    float: left;
}
.mandato_hid .mandato .coluna2{
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-top: 5px;
    float: left;
}
.mandato_hid .coluna2 .ex-presidente{
    font-family: 'FiraSans-Bold';
    font-size: 20px;
    float: left;
    color:#28705d;
}
.mandato_hid .coluna2 .nome_mandato{
    font-family: 'FiraSans-Regular';
    font-size: 20px;
    float: left;
    color:#444444;
    margin-top: 10px;
}
.mandato_hid .coluna2 .mandatos{
    font-family: 'FiraSans-Bold';
    font-size: 20px;
    float: left;
    color:#28705d;
    margin-top: 20px;
}
.mandato_hid .mandato .coluna2 ul{
    display: flex;
    flex-direction: column;
    list-style: square;
}
.mandato_hid .mandato .coluna2 ul li{
    font-family: 'FiraSans-Regular';
    font-size: 20px;
    float: left;
    color:#28705d;
    margin-top: 10px;
}
.mandato_hid .mandato .coluna2 ul li span{
    color:#444444;
}
.mandato_hid .mandato .fechar{
    width: 25px;
    height: 20px;
    background: url(../img/fechar_mandato.svg) center / contain no-repeat;
    position: relative;
    left: 505px;
}
.mandato_hid .mandato .fechar:hover{
    cursor: pointer
}
/******************************************************************************
* DIRETORIA                                                                                                                       - FIM
******************************************************************************/

/******************************************************************************
* INSTITUCIONAL                                                                                                          - INICIO
******************************************************************************/
#institucional .traco_mobile{
    display: none;
}
#institucional .centraliza_interno{
    width: 990px;
    margin: auto;       
}
#institucional .centraliza_interno .historia{
    width: 100%;
    float: left;
}
#institucional .historia .img_historia{
    width: 320px;
    height: 345px;
    background: url(../img/historia.svg) center top / cover no-repeat;
    margin: 50px 0px 0px 0px;
    float: left;
}
#institucional .historia .traco{
    width: 1px;
    height: 150px;
    background-color: #4bb77e;
    margin: 145px 0px 0px 45px;
    float: left;
}
#institucional .historia .conteudo{
    width: 570px;
    float: left;
    margin: 15px 0px 0px 50px;
}
#institucional .titulo_institucional{
    text-align: center;
    font-family:'OpenSans-ExtraBold';
    font-size: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    color: #28705d;   
    text-transform: uppercase;
}
#institucional p{
    font-size: 18px;
    color:#444444;
    font-family: 'FiraSans-Regular';
    text-align: left;
}
#institucional .historia .conteudo .estatuto{
    font-family: 'OpenSans-ExtraBold';
    font-size: 20px;
    color:#28705d;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    float: left;
}
#institucional .historia .conteudo .download{
    font-family: 'FiraSans-Bold';
    font-size: 14px;
    width: 132px;
    height: 21px;
    line-height: 21px;
    color:#FFFFFF;
    background-color: #28705d;
    margin: 3px 0px 0px 20px;
    float: left;
    text-align: center;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.30);
    border-radius: 5px;
}
#institucional .bg_institucional{
    width: 100%;
    height: 890px;
    float: left;
    background: url(../img/_background_institucional_fetaesc.png) center top / cover no-repeat;
}
#institucional .bg_institucional .fetaesc{
    float: left;
    margin: 110px 0px 0px 0px;
}
#institucional .bg_institucional .fetaesc .conteudo{
    float: left;
    margin: 0px 0px 0px 0px;
}
#institucional .missao_visao{
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    display: flex;
    justify-content: space-between;      
    margin-bottom: 35px;
}
#institucional .missao_visao .box{
    width: 415px;
    float: left;
}
#institucional .missao_visao .box .img_box{
    width: 212px;
    height: 166px;
    margin: auto;
}
#institucional .missao_visao .box .img_missao{
    background: url(../img/missao.svg) center top / contain no-repeat;
}
#institucional .missao_visao .box .img_visao{
    background: url(../img/visao.svg) center top / contain no-repeat;
}
#institucional .missao_visao .box .titulo_institucional{
    margin: 20px 0px 0px 0px;
}
#institucional .missao_visao .traco{
    width: 1px;
    height: 150px;
    background-color: #4bb77e;
    margin: 145px 0px 0px 0px;
    float: left;
}
/******************************************************************************
* INSTITUCIONAL - FIM
******************************************************************************/

/******************************************************************************
* SERVI�O - INICIO
******************************************************************************/
.faixa_servico{
    width: calc(calc(100% - 1240px) / 2);
    height: 100%;
    background-color: #f8f8f8;
    float: left;
    position: absolute;
    left: 0px;
    top:-26px;
    z-index:-9999;
}
#servico{
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
}
#servico .traco{
    width: 100%;
    height: 1px;
    background-color: #444444;
    float: left;
}
#servico .titulo_servico{
    margin-top: 20px;
    text-align: center;
    width: 100%;
    float: left;
    font-family: 'OpenSans-ExtraBold';
    font-size: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    color:#28705d;
    text-transform: uppercase;
}
#servico .desc_servico{
    margin-top: 20px;
    width: 100%;
    float: left;
    font-family: 'FiraSans-Regular';
    font-size: 18px;
    color:#444444;
    padding-bottom: 70px;
}
#servico .desc_servico .servico_linha{
    width: 100%;
    background-color: #265e53;
    height: 0px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}
#servico .desc_servico .secao_servico{
    text-align: center;
    width: 100%;
    font-family: 'OpenSans-ExtraBold';
    font-size: 24px; 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    color:#28705d;
    text-align: center;
}

#servico .desc_servico .servico_download{
    text-decoration: none;
    color: #fff;
    background-color: #265e53;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    margin-left: 25px;
    line-height: 60px;
}

#servico .desc_servico .servico_download:hover{
    background-color: #3c9785;
}

#servico .desc_servico .arrecadacao{
    height: auto;
}

#servico .desc_servico .arrecadacao .botoes_arrecadacao{
    margin-left: calc(calc(100% - calc(215px * 2)) / 2);
}

#servico .desc_servico .arrecadacao .botoes_arrecadacao .btn_arrecadacao{
    color: #fff;
    background-color: #265e53;
    padding: 20px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    border-radius: 10px;
    display: inline-block;
    width: 175px;
    text-align: center;
}

#servico .desc_servico .arrecadacao .botoes_arrecadacao .btn_arrecadacao:hover{
    cursor: pointer;
}

#servico .desc_servico .arrecadacao .botoes_contribuicao{
    margin-left: calc(calc(100% - calc(215px * 3)) / 2);
}

#servico .desc_servico .arrecadacao .botoes_contribuicao .btn_servico{
    color: #fff;
    background-color: #265e53;
    padding: 20px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    border-radius: 10px;
    display: inline-block;
    width: 175px;
    text-align: center;
}

#servico .desc_servico .arrecadacao .botoes_contribuicao .btn_servico:hover{
    cursor: pointer;
}

#servico .desc_servico .arrecadacao .coluna_esquerda{
    width: 40%;
    float: left;  
    border-right: 2px solid #265e53;
    margin-left: 10%;
}

#servico .desc_servico .arrecadacao .coluna_direita{
    width: calc(40% - 2px);
    float: right;  
    padding-left: 10%;
}

#servico .desc_servico .arrecadacao .coluna_abaixo{
    width: 100%;
    float: right;  
}

#servico .desc_servico .arrecadacao label{
    width: 100%;
    float: left;
    font-family: 'SourceSansPro-Regular';
    font-size: 18px;
}

#servico .desc_servico .arrecadacao input{
    width: 50%;
    float: left;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    border: solid 2px #005046;
    border-radius: 4px;
    background: transparent;
    font-family: 'SourceSansPro-Regular';
    font-size: 18px;
}

#servico .desc_servico .arrecadacao .coluna_abaixo input{
    width: calc(100% - 20px);
}

#servico .desc_servico .arrecadacao .select{
    width: 50%;
    float: left;
    padding: 5px;
    position: relative;
    margin: 0px 0px 10px 0px;
    border: solid 2px #005046;
    border-radius: 4px;
    background: url(../img/seta_topo.svg) 95% center / 16px 50% no-repeat transparent;
    height: 25px;
}

#servico .desc_servico .arrecadacao select{
    width: 100%;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    border: solid 2px #005046;
    border-radius: 4px;
    opacity: 0;
    font-family: 'SourceSansPro-Regular';
    font-size: 18px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 25px;
}

#servico .desc_servico .arrecadacao .btnFormArrecadacao{
    width: 135px;
    height: 45px;
    float: left;
    margin: 20px 0px 0px calc(50% - 60px);
    border-radius: 25px;
    cursor: pointer;
    font-family: 'SourceSansPro-Bold';
    font-size: 17px;
    background-color: #205147;
    color: #FFFFFF;
}

#servico .desc_servico .arrecadacao .warningFormAssalariado,
#servico .desc_servico .arrecadacao .warningFormAgricultura{
    width: calc(100% - 12px);
    float: left;
    margin: 0px;
    font-family: 'SourceSansPro-Bold';
    font-size: 20px;
    color: #005046;
    text-align: center;
}

#servico .desc_servico .arrecadacao #aposentados_section{
    display: none;
}

#servico .desc_servico .arrecadacao #assalariados_section{
    display: none;
}

#servico .desc_servico .arrecadacao #agricultura_section{
    display: none;
}

#servico .desc_servico .arrecadacao #sustentar_section{
    display: none;
}

#servico .desc_servico .arrecadacao #contribuicao_section{
    display: none;
}
/******************************************************************************
* SERVI�O                                                                                                                                   - FIM
******************************************************************************/

/******************************************************************************
* SECRATARIAS                                                                                                                                   - INICIO
******************************************************************************/
.marginSec_titulo{
    margin-left: 80px;
}
#secretarias{
    background: url(../img/_background_secretaria.png);
    width: 100%;
    margin: 120px 0px 0px 0px;
}
#secretarias .menu_secretarias{
    width: 100%;
    height: 60px;
    background-color: #28705d;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.20);
    position: relative;
}
#secretarias .menu_secretarias ul.menu{
    list-style: none;
    padding: 0px;          
    display: flex;
    justify-content: space-around;
}
#secretarias .menu_secretarias ul.menu li{
    font-family: 'OpenSans-Bold';
    font-size: 20px;
    color: #FFFFFF;
    border-right: 1px solid #3bed88;
    margin-top: 15px;
    padding: 0px 55px 0px 0px;
}
#secretarias .menu_secretarias ul.menu li a{
    text-decoration: none;
    color:#FFFFFF;
}
#secretarias .menu_secretarias ul.menu li:last-child{
    border-right: none;
    padding: 0px 0px 0px 0px;
}
#secretarias .backgroundSec{
    background-color: #FFFFFF;
    padding-bottom: 30px;
}
#secretarias .menu_secretarias ul.menu li a:hover{
    font-family: 'OpenSans-Bold';
    color: #3bed88;
    text-decoration: underline;
}
#secretarias .centraliza_conteudo .conteudo{
    width: 980px;
    margin: auto;
}
#secretarias .backgroundSec .conteudo{
    width: 980px;
    margin: auto;
}
#secretarias .backgroundSec .espaco{
    width: 100%;
    height: 45px;
    background-color: #FFFFFF;
}
#secretarias .backgroundSec .secretaria{     
    display: flex;
    text-align: justify;
}
#secretarias .backgroundSec .secretaria .foto{
    width: 235px;
    height: 290px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
    border-radius: 5px;
}
#secretarias .backgroundSec .secretaria .descricao{
    width: 700px;
    margin-left: 30px;
}
#secretarias .backgroundSec .secretaria .descricao .traco{
    margin-top: 20px;
    width: 100%;
    height: 1px;
    background-color: #28705d;
}
#secretarias .backgroundSec .secretaria .descricao .titulo_boxSecretaria{
    font-family: 'OpenSans-ExtraBold';
    font-size: 25px;
    color:#28705d;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.30);
}
#secretarias .backgroundSec .secretaria .descricao .texto{
    margin-top: 20px;
    font-family: 'FiraSans-Regular';
    font-size: 18px;
    color:#444444;
    text-align: justify;
}
#secretarias .backgroundSec .secretaria .descricao .nome{
    margin-top: 20px;
    font-family: 'FiraSans-Regular';
    font-size: 18px;
    color:#444444;
}
#secretarias .backgroundSec .secretaria .descricao b{
    color:#28705d;
    font-family: 'FiraSans-SemiBold';
}
#secretarias .backgroundSec .secretaria .descricao strong{
    color:#28705d;
    font-family: 'FiraSans-SemiBold';
}
#secretarias .backgroundSec .secretaria .areas{
    margin-top: 20px;
    font-family: 'FiraSans-SemiBold';
    font-size: 18px;
    color:#28705d;
}
#secretarias .backgroundSec .secretaria ul.ul_areas{
    list-style: none;
    padding: 0px;          
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#secretarias .backgroundSec .secretaria ul.ul_areas li{
    margin-top: 20px;          
    border-left: 1px solid #4bb77e;          
}
#secretarias .backgroundSec .secretaria ul.ul_areas li .desc{
    font-family: 'FiraSans-Regular';
    font-size: 18px;
    color:#444444;
    margin-left: 10px;          
    width: 315px;
    line-height: 19px;
}
#secretarias .backgroundSec .secretaria ul.ul_areas li span{
    color:#28705d;
}
#secretarias .backgroundSec .link_noticias{
    width: 100%;
    margin: 15px 0px;
    text-align: center;
}
#secretarias .backgroundSec .link_noticias a{
    text-decoration: none;
    color: #28705d;
    font-family: 'FiraSans-SemiBold';
    font-weight: bold;
    font-size: 18px;
}
#secretarias .bg1{
    background: url(../img/_background_faixa_esquerda_secretaria.png) center no-repeat;
    height: 7px;
    position: relative;
    width: 100%;
    right: 0px;
    
}
#secretarias  .bg02{
    background: url(../img/_background_faixa_direita_secretaria.png) center no-repeat;
    height: 7px;
    position: relative;
    width: 100%;
    left: 0px;
}
/******************************************************************************
* SECRATARIAS                                                                                                                                   - FIM
******************************************************************************/

/******************************************************************************
* CSS CAPA MAPA                                                      - IN�CIO
******************************************************************************/
#mapa{
    width: 100%;
    float: left;
    position: relative;
    background: url(../img/_background_sindicato_rodape.png) center bottom / contain no-repeat;
    overflow: hidden;
    margin-top: 50px;
    padding-bottom: 40px;
}

#mapa .mapa{
    width: 654px;
    float: left;
    position: relative;
}

#mapa .titulo_mapa{    
    text-transform: uppercase;
    text-align: center;
    color: #28705d;
    font-family: "OpenSans-ExtraBold";
    width: 100%;
    font-size: 25px;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.3);
    float: left;
}
#mapa .titulo_width{    
    margin-top: 50px;
    width: 50%;
}
#mapa .sub-titulo{
    text-align: center;
    font-family: "SourceSansPro-SemiBold";
    font-size: 20px;
    color: #444444;
}

#mapa .info{
    text-align: center;
    font-family: "SourceSansPro-Regular";
    font-size: 17px;
    color: #444444;
    margin-bottom: 40px;
}
#mapa .mapa svg{
    width: 100%;
    height: 393px;
    float: left;
    /*margin-top: 30px;*/
}
.cls-1{fill:#509984;}
.cls-2{fill:#f4b595;}
.cls-3{fill:#c58258;}
.cls-4{fill:#e5e5e5;}
.cls-5{fill:#b0b6b7;}
.cls-6{fill:#efb26a;}
.cls-7{fill:#997653;}
.cls-8{fill:#cad19d;}
.cls-9{fill:#d8c32a;}
.cls-10{fill:#b6dd83;}
.cls-11{fill:#ea9b9b;}
.cls-12{fill:#d17db1;}
.cls-13{fill:#f2c0da;}
.cls-14{fill:#3495a5;}
.cls-15{fill:#7fc9d6;}
.cls-16{fill:#c16565;}
.cls-17{fill:#efeb60;}
.cls-18{fill:#444;}

path{
    cursor: pointer;
}

path:hover{
    filter: url(#dropshadow);
}

.cls-18:hover{
    filter: none;
    stroke: none;                
}

#mapa .unidades{
    width: 500px;
    float: right;    
    margin-bottom: 40px;
}
#mapa .unidades label{
    width: 100%;
    float: left;
    text-align: center;
    font-family: 'Krub-Bold';
    font-size: 20px;
    color: #585858;
}
#mapa .unidades label p{
    width: 100%;
    float: left;
    margin: 0px;
    text-align: center;
    font-family: 'Krub-Medium';
    font-size: 15px;
    color: #585858;
}
#mapa .unidades form{
    margin-top: 30px;
    width: 100%;      
    float: left;
}
#mapa .unidades form input{
    width: calc(100% - 20px);
    float: left;
    padding: 10px;    
    border: none;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
    background: url(../img/seta_baixo_selecao.svg) 97% center / 15px 15px no-repeat #f7f7f7;
    
    font-family: "SourceSansPro-Regular";
    font-size: 17px;
    
}
#mapa .unidades form inpup::placeholder{
    color: #444444;
}
#mapa .unidades form input:disable::placeholder{
    color: #868686;
}
#mapa .unidades ul.lista_unidades{
    width: calc(100% - 20px);
    max-height: 282px;
    float: left;
    padding: 0px;
    margin: 0px;
    list-style: none;
    overflow: hidden;    
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);
}
#mapa .unidades ul.lista_unidades li{
    width: calc(100% - 20px);
    float: left;
    padding: 0px 10px 0 10px;    
    background-color: #f7f7f7;
}

#mapa .unidades ul.lista_unidades li:hover{
    background-color: #349165;
}

#mapa .unidades ul.lista_unidades li:hover .desc .nome_uni,
#mapa .unidades ul.lista_unidades li:hover .desc .tel_uni, 
#mapa .unidades ul.lista_unidades li:hover .desc .rep_uni, 
#mapa .unidades ul.lista_unidades li:hover .desc .btn{
    color: white;
}

#mapa .unidades ul.lista_unidades li:hover .desc .btn{
    
    background: url(../img/sindicato_seta_saiba_mais_branco.svg) 100% center / 20px 15px no-repeat;
}

#mapa .unidades ul.lista_unidades li .desc{
    width: calc(100% - 20px);
    float: left;
    padding: 10px;
    position: relative;    
    padding-bottom: 10px;
    border-bottom: solid 1px #4d4d4d;
}

#mapa .unidades ul.lista_unidades li .desc .nome_uni{
    width: calc(100% - 15px);   
    float: left;  
    font-size: 17px;
    color: #444444;     
    font-family: "SourceSansPro-Bold";
}

#mapa .unidades ul.lista_unidades li .desc .tel_uni, #mapa .unidades ul.lista_unidades li .desc .rep_uni{
    width: 100%;
    float: left;                
    font-family: "SourceSansPro-Regular";
    font-size: 14px;
    color: #444444;    
}

#mapa .unidades ul.lista_unidades li .desc .btn{    
    padding: 5px 20px 5px 0px;
    float: left;
    position: absolute;
    right: 0px;
    top: 50%;    
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);   
    background: url(../img/sindicato_seta_saiba_mais.svg) 100% center / 20px 15px no-repeat;
    text-align: left;
    font-size: 17px;
    color: #444444;     
    font-family: "SourceSansPro-Regular";        
}
#mapa .responsaveis{
    float: left;
    width: calc(100% - 20px);
}
#mapa .responsaveis p{
    font-family: 'FiraSans-Regular';
    font-size: 17px;
    color:#444444;
}
#mapa .responsaveis p strong{
    font-family: 'FiraSans-Bold';
    font-weight: normal;
}
#mapa .responsaveis .traco{
    width: 100%;
    height: 0.5px;
    background-color: #444444;        
    margin-top: 20px;
}
#mapa .responsaveis ul.lista_responsaveis{
    float: left;
    width: 100%;
    list-style: none;          
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}
#mapa .responsaveis ul.lista_responsaveis li{
    font-family: 'FiraSans-Regular';
    font-size: 14px;          
    color:#444444;
    text-align: center;
    width: 50%;
    height: 100px;
}
#mapa .responsaveis ul.lista_responsaveis li strong{
    font-family: 'FiraSans-Bold';
    font-weight: normal;
}

#mapa .legendas{
    margin-top: 50px;
}

#mapa .bloco_50{
    margin-top: 20px;
    width: 55%;
    border-top: 1px solid #4bb77e;
    border-right: 1px solid #4bb77e;
    overflow: hidden;
    float: left;
}

#mapa .bloco_50 .legenda_central{
    width: 730px;
    float: right;
}

#mapa .bloco_50 .legenda_central ul{  
    float: left;    
    border-right: 1px solid #4bb77e;
    padding-right: 20px;
    font-size: 17px;
    font-family: 'FiraSans-Medium';
    color: #444444;
    list-style: none;
    
    padding-left: 25px;
}

#mapa .bloco_50 .legenda_central ul li{
    line-height: 20px;
    margin-top: 6px;
}

#mapa .bloco_50 .legenda_central ul li .square{
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 2px;
    margin-right: 10px;
}

#mapa .bloco_50 .legenda_central ul:last-child{
    border: none;
}

#mapa .bloco_50 .legenda_central ul .micro1 .square{
    background-color: #7fc9d6;
}

#mapa .bloco_50 .legenda_central ul .micro2 .square{
    background-color: #3495a5;
}

#mapa .bloco_50 .legenda_central ul .micro3 .square{
    background-color: #f2c0da;
}

#mapa .bloco_50 .legenda_central ul .micro4 .square{
    background-color: #d17db1;
}

#mapa .bloco_50 .legenda_central ul .micro5 .square{
    background-color: #f4b595;
}

#mapa .bloco_50 .legenda_central ul .micro6 .square{
    background-color: #509984;
}

#mapa .bloco_50 .legenda_central ul .micro7 .square{
    background-color: #b6dd83;
}

#mapa .bloco_50 .legenda_central ul .micro8 .square{
    background-color: #ea9b9b;
}

#mapa .bloco_50 .legenda_central ul .micro9 .square{
    background-color: #efeb60;
}

#mapa .bloco_50 .legenda_central ul .micro10 .square{
    background-color: #c58258;
}

#mapa .bloco_50 .legenda_central ul .micro11 .square{
    background-color: #d8c32a;
}

#mapa .bloco_50 .legenda_central ul .micro12 .square{
    background-color: #e5e5e5;
}

#mapa .bloco_50 .legenda_central ul .micro13 .square{
    background-color: #b0b6b7;
}

#mapa .bloco_50 .legenda_central ul .micro14 .square{
    background-color: #efb26a;
}

#mapa .bloco_50 .legenda_central ul .micro15 .square{
    background-color: #997653;
}

#mapa .bloco_50 .legenda_central ul .micro16 .square{
    background-color: #cad19d;
}

#mapa .bloco_50 .legenda_central ul .micro17 .square{
    background-color: #c16565;
}

/******************************************************************************
* CSS CAPA MAPA                                                         - FIM
******************************************************************************/

/******************************************************************************
* CSS sindicatos                                                      - INICIO
******************************************************************************/

#unidades{
    margin-top: 40px;
    padding-bottom: 50px;
    background: url(../img/_background_sindicato_rodape.png) center 393px / contain no-repeat;
    height: 490px;
}

#unidades .descricao{
    width: calc(42% - 50px); 
    /*float: left;*/
    padding-right: 50px;
    margin-top: 100px;
}

#unidades .descricao a{
    text-decoration: none;
}

#unidades .descricao .pesquise{
    font-family: 'SourceSansPro-Regular';
    color: #28705d;
    border-bottom: 1px solid #28705d;
    padding: 15px 60px;
    font-size: 20px;
    line-height: 20px;
    background: url(../img/retornar.svg) 30px center / 15px 15px no-repeat;    
}

#unidades .descricao .nome_unidade{
    font-family: 'SourceSansPro-Bold';
    font-size: 22px;
    color: #28705d;
    padding: 15px 20px;
    text-transform: uppercase;
}

#unidades .descricao .bloco_descricao{
    background: #f7f7f7;
    padding: 10px;
    font-family: 'SourceSansPro-Regular';
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);
    color: #444;
}

#unidades .descricao .bloco_descricao span{
    font-weight: bold;
}

#unidades .descricao .bloco_descricao div, #unidades .descricao .bloco_descricao li{
    padding-left: 50px;
    line-height: 30px;
    background-position: 8px center;
    background-size: 25px;
    background-repeat: no-repeat;
}

#unidades .descricao .bloco_descricao ul{
    padding: 0px;
}

#unidades .descricao .bloco_descricao .endereco_unidade{
    background-image: url(../img/endereco.svg);
}

#unidades .descricao .bloco_descricao ul li{
    background-image: url(../img/telefone.svg);
}

#unidades .descricao .bloco_descricao .email_unidade{
    background-image: url(../img/email.svg);
}

#unidades .descricao .bloco_descricao .representante_unidade{
    background-image: url(../img/representante.svg);
}


#unidades .descricao .bloco_descricao ul{
    list-style: none;
    margin: 0;
}

#unidades .mapa{
    width: 682px;
    float: right;
    padding-bottom: 30px;
    margin-top:-250px;
}

#unidades .mapa iframe{
    width: 100% !important;
    height: 402px;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);
}

/******************************************************************************
* CSS sindicatos                                                         - fim
******************************************************************************/

#agenda{
    margin-left: calc(calc(100% - 60%) / 2);
    width: 60%;
    height: 800px;
}