﻿.ons-topo.topo{
	height:47px!important;
}

#pagina .mpo .modulos ul li .title .info  {
	/*display:none !important;*/
}

#pagina .g-recaptcha {
	overflow: hidden;
}

#pagina .g-recaptcha > div {
	max-width: 203px;
}

.header_mobile, .hidden {
	display: none;
}

.ms-rtestate-field {
	font-family: Arial;
    font-size: 15px;
    color: #656266;
    width: 100%;
    max-width: 920px;
    display: block;
    margin: 0 auto;
    line-height: 26px;
}

div.article, div.welcome {
	padding: 0;
}

.article-content, .welcome-content {
	margin-top: 0;
}

header {
	width: 100%;
	position: relative;
	top: 0;
	z-index: 10;
	margin-bottom: -143px;
}

header .content, #topo .content {
	width: calc(100% - 80px);
	max-width: 1170px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 40px;
}

header div.topo {
	float: right;
}

header div.topo > div {
	float: left;
}

header ul.topo {
	margin: 0 0 25px 0;
	padding: 10px 0;
	float: left;
	background-color: rgba(255,255,255, 0.2);
}

header ul.topo li {
	float: left;
	padding: 0px 8px;
	border-right: 1px solid rgba(255, 255, 255, 0.3);	
}

header ul.topo li ul {
	display: none;
}

header ul.topo li:last-child {
	border-right: 0;
}

header ul.topo li a {
	font-family: Arial;
	font-size: 10px;
	color: #ffffff;
	text-transform: uppercase;
}

header .busca {
	width: 36px;
	height: 36px;
	
	background: rgba(255,255,255, 0.2) url(../img/icoBusca.png) no-repeat right 10px center;
	display: block;
	float: left;
	cursor: pointer;	
}

.icoYoutube {
	width: 36px;
	height: 36px;
	
	background: rgba(255,255,255, 0.2) url(../img/logo-youtube.png) no-repeat right 10px center;
	display: block;
	float: left;
	cursor: pointer;
    	
}

.icoLinkedin {
	width: 36px;
	height: 36px;
	padding-right: 44px;
	background: rgba(255,255,255, 0.2) url(../img/logo-linkedin.png) no-repeat right 10px center;
	display: block;
	float: left;
	cursor: pointer;
    
}

.icoFacebook {
	width: 36px;
	height: 36px;
	
	background: rgba(255,255,255, 0.2) url(../img/logo-facebook.png) no-repeat right 10px center;
	display: block;
	float: left;
	cursor: pointer;
    
}

.icoSpotify{
	width: 36px;
	height: 36px;	
	background: rgba(255,255,255, 0.2) url(../img/spotify-seeklogo.png) no-repeat right 10px center;
	display: block;
	float: left;
	cursor: pointer;
    
}

.icoTwitter {
	width: 36px;
	height: 36px;
	
	background: rgba(255,255,255, 0.2) url(../img/logo-twitter.png) no-repeat right 10px center;
	display: block;
	float: left;
	cursor: pointer;
    
}

.icoInstagram {
	width: 36px;
	height: 36px;	
	background: rgba(255,255,255, 0.2) url(../img/logo-instagram.png) no-repeat right 10px center;
	display: block;
	float: left;
	cursor: pointer;
    
}


 .icoYoutubeCinza {
	width: 36px;
	height: 36px;
	
	background: rgba(255,255,255, 0.2) url(../img/logo-youtube-cinza.png) no-repeat right 10px center;
	display: block;
	float: left;
	cursor: pointer;
    opacity: 0.5;
    	
}

.icoPlayStore{
    width: 36px;
    height: 36px;
    background: rgba(255,255,255, 0.2)url(../img/playStore.png) no-repeat right 10px center;
    display: block;
    float: left;
    cursor: pointer;
    background-size: 48%;
    background-position: center;
}

.icoAppleStore{
    width: 36px;
    height: 36px;
    background: rgba(255,255,255, 0.2) url(../img/appleStore.png) no-repeat right 10px center;
    display: block;
    float: left;
    cursor: pointer;
    background-size: 50%;
    margin-top: 0px;
    /* padding-top: 27px; */
    /* padding-bottom: 16px; */
    background-position-y: 5px;
}


.icoLinkedinCinza {
	width: 36px;
	height: 36px;
	
	background: rgba(255,255,255, 0.2) url(../img/logo-linkedin-cinza.png) no-repeat right 10px center;
	display: block;
	float: left;
	cursor: pointer;
    opacity: 0.5;
}

.icoFacebookCinza {
	width: 36px;
	height: 36px;
	
	background: rgba(255,255,255, 0.2) url(../img/logo-facebook-cinza.png) no-repeat right 10px center;
	display: block;
	float: left;
	cursor: pointer;
    opacity: 0.5;
}

.icoSpotifyCinza{
	width: 36px;
	height: 36px;
	
	background: rgba(255,255,255, 0.2) url(../img/spotify-seeklogo-cinza.png) no-repeat right 10px center;
	display: block;
	float: left;
	cursor: pointer;
    opacity: 0.5;
}
.icoPlayStoreCinza{
    width: 38px;
    height: 36px;
    background: rgba(255,255,255, 0.2) url(../img/playStore-cinza.png) no-repeat right 10px center;
    display: block;
    /* float: left; */
    cursor: pointer;
    opacity: 0.4;
    background-size: 84%;
    background-position: center;
}
.icoAppleStoreCinza{
	width: 36px;
    height: 36px;
    background: rgba(255,255,255, 0.2) url(../img/appleStore-cinza.png) no-repeat right 10px center;
    display: block;
    float: left;
    cursor: pointer;
    opacity: 0.5;
    background-size: 57%;
    background-position-y: 3px;
}



.icoTwitterCinza {
	width: 36px;
	height: 36px;
	
	background: rgba(255,255,255, 0.2) url(../img/logo-twitter-cinza.png) no-repeat right 10px center;
	display: block;
	float: left;
	cursor: pointer;
    opacity: 0.5;
}

.icoInstagramCinza{
	width: 36px;
	height: 36px;
	
	background: rgba(255,255,255, 0.2) url(../img/logo-instagram-cinza.png) no-repeat right 10px center;
	display: block;
	float: left;
	cursor: pointer;
    opacity: 0.5;
}


header input.busca_texto {
	width: 0px;
	height: 36px;
	display: block;
	float: left;
	font-weight: bold;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	line-height: 36px;
	border: 0;
	padding: 0 0;
	outline: none;
	transition: width 0.5s ease;
	background-color: rgba(255,255,255, 0.2);
	margin-right: 0px;
	margin-left: 0px;
					 
				   
}

header input.busca_texto.aberto {
	width: 122px;
	padding: 0 5px;
}

header .idioma {
	width: 60px;
	padding-left: 10px;
	height: 36px;
	margin-left: 15px;
    margin-right: 15px;
	background: rgba(255,255,255, 0.2) url(../img/icoIdioma.png) no-repeat center left 10px;
	display: block;
	float: left;
	font-weight: bold;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	line-height: 36px;
	position: relative;
	text-align: center;
	cursor: pointer;
}

header .idioma a {
	width: 60px;
    padding-left: 10px;
    height: 25px;
    margin-left: -10px;
    background: rgba(255,255,255, 0.2);
    display: block;
    float: left;
    font-weight: bold;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    line-height: 25px;
    position: relative;
    text-align: center;
    display: none;
}

header .idioma:after {
	content: "";
    display: inline-block;
    background-image: url(../img/icoSetaBaixo.png);
    width: 8px;
    height: 4px;
    position: absolute;
    right: 5px;
    top: 16px;
}

header .idioma.active a {
	display: block;
}

header .idioma.active:after {
	display: none;
}

header .logo {
	width: 257px;
	height: 59px;
	background-image: url(../img/logo.png);
	float: left;
	display: block;
	clear: both;
	margin-top: -10px;
}

header ul.menu {
	float: right;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin: 10px 0 25px;
	width: calc(100% - 310px);
}

header ul.menu li {
	display: block;
	padding: 5px 10px;
}

header ul.menu > li {
	float: left;
}

header ul.menu li a {
	font-family: 'NeutraDisp-Medium';
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
}

header ul.menu > li:hover {
	background-color: #4d8ad8;
}

header ul.menu li:hover ul.submenu {
	display: block;
}

header ul.menu li ul.submenu {
	display: none;
	background-color: #4d8ad8;
	padding: 20px;
	position: absolute;
	margin-left: -10px;
}

header ul.menu li ul.submenu li {
	padding: 10px 0;
}

header ul.menu li ul.submenu li ul {
	display: none;
}

#container {
    width: 100%;
    overflow: hidden;
}

    #container .right {
        width: 40%;
        float: right;
    }

        #container .right .content {
            padding: 40px 30px;
            width: calc(100% - 60px);
            max-width: 350px;
        }

    #container .left {
        width: 60%;
        float: left;
    }

        #container .left .content {
            padding: 40px 30px;
            width: calc(100% - 60px);
            max-width: 665px;
            float: right;
        }

    #container .noticias {
        width: 100%;
        background-color: #e4e3e4;
        display: none;
    }

        #container .noticias h2 {
            color: #5e7235;
            font-family: 'NeutraDisp-Medium';
            font-size: 24px;
            text-transform: uppercase;
            margin-bottom: 40px;
        }
        
        #container .noticias .content > a {
			text-align: left;
			font-family: Arial;
			font-size: 16px;
			color: #5e7235;
			line-height: 22px;
			padding: 20px 0 0;
			display: block;        
		}
		
		#container .sala_imprensa .noticias .content > a {
		    color: #f4700e;
		}

        #container .noticias ul li {
            margin-bottom: 35px;
            overflow: hidden;
        }

            #container .noticias ul li:last-child {
                margin-bottom: 0;
            }

            #container .noticias ul li .conteudo {
                width: calc(100% - 50px);
                margin-right: 20px;
                float: left;
            }

                #container .noticias ul li .conteudo span.data {
                    font-family: Arial;
                    font-size: 16px;
                    font-weight: bold;
                    color: #5e7235;
                    display: block;
                    margin-bottom: 10px;
                }

                #container .noticias ul li .conteudo span.texto {
                    font-family: Arial;
                    font-size: 16px;
                    font-weight: bold;
                    color: #5e7235;
                    display: inline-block;
                    line-height: 20px;
                    min-height: 40px;
                }

                #container .noticias ul li .conteudo span.share {
                    background-image: url(../img/icoCompartilhar.png);
                    width: 9px;
                    height: 11px;
                    margin: 0 5px;
                    display: inline-block;
                    cursor: pointer;
                }
                    
                #container .noticias ul li .conteudo span.resumo {
                    font-family: Arial;
                    font-size: 16px;
                    color: #5e7235;
                    display: inline-block;
                    line-height: 20px;
                }

            #container .noticias ul li > a {
                background-color: #c5c9bc;
                float: left;
                width: 30px;
                height: 60px;
                margin-top: 26px;
            }

                #container .noticias ul li > a:before {
                    content: "";
                    background-image: url(../img/icoSetaDireita.png);
                    width: 11px;
                    height: 21px;
                    margin: 18px 0 0 10px;
                    display: block;
                }


    #container .grafico {
        width: 100%;
        overflow: hidden;
        background-color: #f4700e;
        display: none;
    }
    
    #container .grafico .chart {
    	width: 100%;
    	height: 340px;
    	float: left;
    }
    
    #container .grafico h2 {
		color: #ffffff;
        font-family: 'NeutraDisp-Medium';
        font-size: 24px;
        text-transform: uppercase;
        margin-bottom: 20px;
        display: inline-block;
	}
	
	#container .grafico ul {
		float: right;
		width: 366px;
		display: flex;
		align-items: flex-end;
    	justify-content: space-between;
    	margin-top: -20px;
	}
	
	#container .grafico ul li {
		width: 120px;
		float: left;
		padding-bottom: 5px;
		border-bottom: 5px solid #fef500;
		text-transform: uppercase;
		line-height: 15px;
	}
	
	#container .grafico ul li a {
		font-family: Arial;
		font-size: 11px;
		color: #fef500;
	}
	
	#container .grafico ul li.active {		
		border-bottom: 5px solid #e4e3e4;
	}
	
	#container .grafico ul li.active a {
		color: #e4e3e4;
	}
	
    #container .dados {
        width: 100%;
        background-color: #49611a;
        overflow: hidden;
        display: none;
    }

        #container .dados ul li {
            margin-bottom: 65px;
            width: calc(50% - 10px);
            height: 185px;
            float: left;
            overflow: hidden;
        }
        
        #container .dados ul li:nth-child(even) {
            margin-left: 10px;
        }

		#container .dados ul li:nth-child(odd) {
            margin-right: 10px;
        }

        #container .dados .image {
            width: 100%;
            height: 90px;
            margin-bottom: 10px;
            overflow: hidden;
            float: left;
            background-size: cover;
        }

        #container .dados .conteudo {
            float: left;
            width: 100%;
        }

        #container .dados h3 {
            font-family: 'NeutraDisp-Medium';
            font-size: 21px;
            color: #fcc81a;
            text-transform: uppercase;
            margin-bottom: 10px;
            line-height: 27px;
        }

        #container .dados span {
            font-family: Arial;
            font-size: 16px;
            color: #ffffff;
            line-height: 22px;
        }

    #container .destaques_editoriais {
        width: 100%;
        overflow: hidden;
    }

    #container .destaque {
        width: 50%;
        float: left;
        overflow: hidden;
    }


    #container .editoriais {
        width: 100%;
        display: none;
    }

        #container .editoriais .content {
            padding: 40px;
            min-height: 400px;
            background-size: cover;
            display: block;
        }

        #container .editoriais .conteudo {
        	width: 100%;
            max-width: 475px;
            overflow: hidden;
        }

        #container .editoriais h3 {
            font-family: 'NeutraDisp-Medium';
            font-size: 24px;
            text-transform: uppercase;
            margin-bottom: 15px;
        }

        #container .editoriais span {
            font-family: Arial;
            font-size: 16px;
            line-height: 22px;
        }

        #container .editoriais.editoriais_1 .content {
            background-color: #4d8ad8;
        }

        #container .editoriais.editoriais_1 .conteudo {
            float: right;
        }

        #container .editoriais.editoriais_1 h3, #container .editoriais.editoriais_1 span {
            color: #ffffff;
        }

        #container .editoriais.editoriais_2 .content {
            background-color: #fcc81a;
        }

        #container .editoriais.editoriais_2 .conteudo {
            float: left;
        }

        #container .editoriais.editoriais_2 h3, #container .editoriais.editoriais_2 span {
            color: #49611a;
        }
        
        #container .webdoor {
			width: 100%;			
			overflow: hidden;
			display: none;
		}
		
		#container .webdoor .background {
			width: 100%;
			min-height: 590px;	        
	        background-size: cover;
	        display: block;

		}
		
		#container .webdoor .content {
			width: calc(100% - 80px);
			padding: 190px 40px 0;
			max-width: 1170px;
			margin: 0 auto;
        }
        
        
        #container .webdoor .conteudo {	
			width: 100%;
			max-width: 580px;
			float: left;
		}	
		
		#container .webdoor h3 {
            font-family: 'NeutraDisp-Medium';
            font-size: 48px;
            line-height: 55px;
            color: #ffffff;
            text-transform: uppercase;
            min-height: 165px;
        }

        #container .webdoor span {
            font-family: 'NeutraDisp-Medium';
            font-size: 24px;
            color: #ffffff;
            text-transform: uppercase;
            min-height: 26px;
            display: inline-block;
        }
        
        #container .webdoor .custom-navigation {
	        clear: both;		
		}
        
        #container .webdoor .custom-navigation a {
			font-family: 'NeutraDisp-Medium';
            font-size: 72px;
            color: #ffffff;
            margin-right: 20px;
		}
		
		#container .webdoor .sem_webdoor .custom-navigation,
		#container .webdoor .sem_webdoor h3,
		#container .webdoor .sem_webdoor span {
			display: none;	
		}
		
		#container .webdoor .sem_webdoor .background {
			min-height: 170px;
		}
        
        #container .alertas {
			width: 100%;
			overflow: hidden;
			display: none;	
		}
		
		#container .alertas .content {
			width: calc(100% - 80px);
			padding: 0 40px;
			max-width: 1170px;
			margin: 10px auto;
			overflow: hidden;
		}
		
		#container .alertas .icone {
			width: 160px;
			height: 110px;
			background-color: transparent;
			float: left;
			text-align: center;
			line-height: 105px;
			font-family: Arial;
			font-size: 10px;
			text-transform: uppercase;
		}
		
		#container .alertas .seta {
			float: left;
			margin: -1px 30px 0 -1px;
			width: 0; 
			height: 0;			
			border-top: 56px solid transparent;
			border-bottom: 56px solid transparent;
			border-left: 56px solid transparent;
		}
		
		#container .alertas .conteudo {
			float: left;
			margin-top: 10px;
			width: calc(100% - 245px);	
			overflow: hidden;
		}
		
		#container .alertas h3 {
            font-family: 'NeutraDisp-Medium';
            font-size: 24px;
            text-transform: uppercase;
            margin-bottom: 12px;
        }
        
        #container .alertas span {
            font-family: Arial;
            font-size: 16px;
            width: 100%;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        #container .alertas a {
            font-family: Arial;
            font-size: 14px;
            background-color: #e4e3e4;
            padding: 3px 5px;
        }
        
        #container .alertas a[href='#'] {
        	display: none;
        }
        
        #container .alertas .content.transmissao .icone {
			background: #608e04 url('../img/icoTransmissao.png') no-repeat center center;	
		}
		
		#container .alertas .content.transmissao .icone:after {
			content: "ao vivo";
			color: #ffffff;
		}
		
		#container .alertas .content.transmissao .seta {
			border-left-color: #608e04;
		}
		
		#container .alertas .content.semlink h3 {
			margin-top: 15px;	
		}
        
        #container .alertas .content.transmissao h3, #container .alertas .content.transmissao span, #container .alertas .content.transmissao a {
			color: #608e04;
		}
		
		#container .alertas .content.ocorrencia .icone {
			background: #ce172b url('../img/icoOcorrencia.png') no-repeat center center;	
		}
				
		#container .alertas .content.ocorrencia .seta {
			border-left-color: #ce172b;
		}
        
        #container .alertas .content.ocorrencia h3, #container .alertas .content.ocorrencia span, #container .alertas .content.ocorrencia a {
			color: #ce172b;
		}
		
		#container .alertas .content.informacao .icone {
			background: #4d8ad8 url('../img/icoOcorrencia.png') no-repeat center center;	
		}
				
		#container .alertas .content.informacao .seta {
			border-left-color: #4d8ad8;
		}
        
        #container .alertas .content.informacao h3, #container .alertas .content.informacao span, #container .alertas .content.informacao a {
			color: #4d8ad8;
		}        

footer {
    height: auto;
    width: 100%;
    overflow: hidden;
}

.displayNone{
    display: none;
}


footer.mobile {
    display: none;
}

    footer .content {
        width: calc(100% - 80px);
        max-width: 1170px;
		padding: 65px 40px;
        margin: 0 auto;
        overflow: hidden;
    }

    footer .content > span{
        display: flex;
    justify-content: space-between;
    }
    
    footer span div.footer_copyright{
        margin-top: 10px;
		color: #969696;
        font-family: 'NeutraDisp-Medium';
        font-size: 16px;
            align-items: center;
           display: flex;
	}
	
	footer span div.footer_copyright .year{
	color: #969696;
    font-family: 'NeutraDisp-Medium';
    font-size: 16px;
    margin-left: 3px;
	}

    footer .icons_footer{
        display: flex;
        justify-content: flex-end;
        margin-bottom: 12px;
    }

    footer ul {
    	float: right;
    }

        footer ul li {
            float: left;
            padding: 0 15px;
            border-right: 1px solid #969696;
        }

            footer ul li:last-child {
                border-right: 0;
                padding-right: 0;
            }

            footer ul li:first-child {
                padding-left: 0;
            }

            footer ul li a {
                color: #969696 !important;
                font-family: 'NeutraDisp-Medium';
                font-size: 16px;
                text-decoration: none;
            }

                footer ul li a:hover {
                    text-decoration: underline;
                }
                
                footer ul li ul {
					display: none;	
				}
				
				footer div.content > div {
					float: right;	
				}
                
#menu {
    width: 100vw;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    left: 100vw;
    top: 0;
    position: absolute;
    transition: all 0.4s ease-out;
    background-color: #8c898c;
    overflow: hidden;
    display: none;
    z-index: 15;
}

#menu .content {
	width: calc(100% - 40px);
	padding: 20px;
	float: left;
	overflow: hidden;
}

#menu .content:first-child {
	background-color: #656266;
}

#menu .logo {
	width: 151px;
	height: 35px;
	background-image: url(../img/logoMobile.png);
	float: left;
	display: block;
}

#menu .fechar {
	width: 17px;
	height: 18px;
	background-image: url(../img/icoFechar.png);
	float: right;
	margin-top: 8px;
	display: block;
}

#menu input {
	color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 15px;
    width: calc(100% - 60px);
    background-color: #8c898c;
    border: 0;
    float: left;
    margin-top: 40px;
    outline: none;
    border-radius: 0;
}

#menu .busca {
	width: 30px;
	height: 34px;
	background: url(../img/icoBusca.png) no-repeat center center;
	float: left;
	background-color: #8c898c;
	margin-top: 40px;
}

#menu .menu {
	overflow: hidden;
	margin-top: 40px;
	float: left;
	width: 100%;
}

#menu .menu > li {
	width: 100%;
	margin-bottom: 30px;
	background: url(../img/icoSubmenu.png) no-repeat center right;
}

#menu .menu.submenu > li {
	background: none;
}

#menu .menu li:last-child {
	margin-bottom: 0;
}

#menu .menu li a {
	font-family: 'NeutraDisp-Medium';
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
}

#menu .menu li a br {
	display: none;
}

#menu ul.menu.submenu {
	margin-bottom: 50px;
}

#menu ul.submenu, #menu .voltar {
	display: none;
}

#menu .bottom, #menu .topo {
	overflow: hidden;
	float: left;
	width: 100%;
}

#menu .submenu2 {
	display: none;
}

#menu .bottom li, #menu .topo li {
	width: 100%;
	margin-bottom: 15px;
}

#menu .bottom li:last-child, #menu .topo li:last-child {
	margin-bottom: 0;
}

#menu .bottom li a, #menu .topo li a {
	font-family: Arial;
    font-size: 11px;
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
}

#menu .bottom li a, #menu .topo li.icones a{
    width: 36px;
}


#menu .bottom li a, #menu .topo li.icones .icoYoutube {
	background:  url(../img/logo-youtube.png) no-repeat right 10px center;    	
}
#menu .bottom li a, #menu .topo li.icones .icoLinkedin {
	background:  url(../img/logo-linkedin.png) no-repeat right 10px center;    
}

#menu .bottom li a, #menu .topo li.icones .icoFacebook {
	background:  url(../img/logo-facebook.png) no-repeat right 10px center;    
}

#menu .bottom li a, #menu .topo li.icones .icoSpotify{
	background:  url(../img/spotify-seeklogo.png) no-repeat right 10px center;    
}

#menu .bottom li a, #menu .topo li.icones .icoTwitter {
    background:  url(../img/logo-twitter.png) no-repeat right 10px center;
}

#menu .bottom li a, #menu .topo li.icones .icoInstagram {	
	background:  url(../img/logo-instagram.png) no-repeat right 10px center;
}

#menu .bottom li a, #menu .topo li.icones .icoPlayStore{  
    background: url(../img/playStore.png) no-repeat right 10px center;    
    background-size: 48%;
    background-position: center;
}

#menu .bottom li a, #menu .topo li.icones .icoAppleStore{    
    background:  url(../img/appleStore.png) no-repeat right 10px center; 
    background-size: 50%;
    margin-top: 0px;
    /* padding-top: 27px; */
    /* padding-bottom: 16px; */
    background-position-y: 5px;
}


#menu .bottom.voltar li {
	background: url(../img/icoSubmenuVoltar.png) no-repeat center left;
	padding-left: 20px;
}

#menu .bottom.voltar li a {
	font-family: 'NeutraDisp-Medium';
    font-size: 14px;
    color: #ffffff;
}

#topo {
	width: 100%;
	height: 215px;
	padding-top: 140px;
	background-image: url(../img/backgroundTopo.png);
	background-size: cover;
}

#topo .container {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}

#topo .content {
	padding: 15px 40px 15px;
}

#topo label {
	font-family: 'NeutraDisp-Medium';
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
}

#topo h1 {
	font-family: 'NeutraDisp-Medium';
	font-size: 28px;
	color: #ffffff;
	text-transform: uppercase;
}

#topo h1 .share {
	background-image: url(../img/icoCompartilharBranco.png);
    width: 28px;
    height: 28px;
    margin: -4px 5px;
    display: inline-block;
    cursor: pointer;
}

#pagina {
	max-width: 1170px;
	margin: 50px auto 0;
	padding: 1px 40px 0px 40px; /*padding-top 1px for safari fix*/
}

#pagina h1 {
	font-family: 'NeutraDisp-Medium';
	font-size: 24px;
	color: #f4700e;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 60px;
}
#pagina h1 span{
	font-family: 'NeutraDisp-Medium';
}

#pagina .sala_imprensa h3 {
	font-family: Arial;
    font-size: 16px;
    margin-bottom: 5px;
    margin-left: 7px;
}

#pagina h4 {
	font-family: 'NeutraDisp-Medium';
    font-size: 24px;
    color: #49611a;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

#pagina h6.subtitulo {
	font-family: Arial;
    font-size: 21px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
}

#pagina ul.filtros {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-bottom: 60px;
	list-style: none;
}

#pagina ul.filtros.border {
	border-bottom: 1px solid #e4e3e4;
}

#pagina ul.filtros li.c2 {
	width: 50%;
}

#pagina ul.filtros li.c3 {
	width: 33%;
}

#pagina ul.filtros li.c4 {
	width: 25%;
}

#pagina ul.filtros li.label {
	text-align: right;
	font-family: Arial;
	font-size: 13px;
	line-height: 40px;
}

#pagina ul.filtros li input, #pagina ul.filtros li select {
	width: calc(100% - 22px);
	height: 30px;
	padding: 5px 10px;
	border: 1px solid #e4e3e4;
	outline: none;
	font-family: Arial;
	font-size: 13px;
}

#pagina ul.filtros li select {
	height: 40px;
}

#pagina ul.filtros li input.buscar {
	width: calc(100% - 72px);
	border-right: 0px;
	float: left;
}

#pagina ul.filtros li div.buscar {
	float: left;
	width: 50px;
	border: 1px solid #e4e3e4;
	height: 40px;
	border-left: 0px;
	background: url(../img/icoBuscaAzul.png) center center no-repeat;
	cursor: pointer;
}

#pagina ul.filtros.border input, #pagina ul.filtros.border select, #pagina ul.filtros.border div.buscar {
	border-bottom: 0;
}

ul.lista {
	width: 100%;
	margin-bottom: 60px;
	list-style: none;
}

ul.lista li {
    width: 100%;    
    background-color: #f4f4f4;
    margin-bottom: 10px;
    overflow: hidden;
}

ul.lista .conteudo {
	width: calc(100% - 80px);
	padding: 10px 15px 10px 20px;
	float: left;
}

ul.lista a {
	display: inline-block;
	float: right;
	height: 80px;
	width: 45px;
	background: #f4700e url(../img/icoLink.png) center center no-repeat;
}

ul.lista a[href='#'] {
	background-color: #f9a515;
	cursor: default;
}

ul.lista span {
	font-family: Arial;
	font-size: 12px;
	color: #656266;
}

ul.lista p {
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #4d8ad8;
	margin-top: 10px;
}

#pagina .menu-nivel-3 {
	margin-top: -50px;
    margin-bottom: 50px;
    overflow: hidden;
    display: none;
}

#pagina .menu-nivel-3 ul {
	list-style: none;
}

#pagina .menu-nivel-3 ul li {
	float: left;
	margin-right: 20px;
	padding-top: 15px;
}

#pagina .menu-nivel-3 ul li a {
	font-family: 'NeutraDisp-Medium';
	text-transform: uppercase;
	color: #4c8ad5;
}

#pagina .menu-nivel-3 ul li.active {
	border-top: 5px solid #4c8ad5;
	padding-top: 10px;
}

#pagina .menu-nivel-3 ul li.active a {
	color: #656266 !important;
}

#pagina span.nenhum {
	font-family: Arial;
	font-size: 13px;
}

#pagina div.vermais {	
	width: 150px;
	margin: 0 auto;
	text-align: center;
	padding-top: 50px;
	color: #4d8ad8;
	font-family: 'NeutraDisp-Medium';
	text-transform: uppercase;
	cursor: pointer;
	background: url(../img/icoVerMais.png) center top no-repeat;
}

#pagina div.vermais:after {
	content: "Carregar mais";
}

#pagina .patrocinios {
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
}

#pagina .patrocinios.opniao {
	max-width: 1170px;
}

#pagina .patrocinio {
	width: calc(50% - 17px);
	margin-bottom: 35px;
	float: left;
}

#pagina .patrocinio a.image {
	border-top: 3px solid #4d8ad8;
	width: 100%;
	height: 185px;
	background-size: cover;
	display: block;
	margin-bottom: 15px;
}

#pagina .patrocinio h3 {
	font-family: Arial;
	font-size: 24px;
	color: #4d8ad8;
	margin-bottom: 20px;
}

#pagina .patrocinio span {
	font-family: Arial;
	font-size: 16px;
	line-height: 22px;
	color: #656266;
}	

#pagina .patrocinios .patrocinio:nth-child(odd) {
	margin-right: 34px;
}

#pagina .patrocinios .categoria h2 {
	font-family: 'NeutraDisp-Medium';
	text-transform: uppercase;
	font-size: 24px;
	color: #49611a;
	text-align: center;	
	margin-bottom: 20px;
}

#pagina .patrocinios .categoria span {
	font-family: Arial;
	font-size: 16px;
	color: #656266;
	line-height: 20px;
}

#pagina .patrocinios .items {
	margin: 30px 0;
	position: absolute;
	left: 0;
	width: 100%;
}

#pagina .patrocinios.opniao .items {
	position: static;
}


#pagina .patrocinios .item {
	overflow: hidden;
	display: flex;
	align-items: center;
}

#pagina .patrocinios.opniao .item {
	margin-bottom: 30px;
}

#pagina .patrocinios .item .content {
	width: calc(100% - 80px);
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 40px;
}

#pagina .patrocinios .item .image {
	display: block;
	background-size: cover;
	width: 575px;
	height: 390px;
	float: left;
}

#pagina .patrocinios.opniao .item .image {
	height: 250px;
	width: 370px;
}

#pagina .patrocinios.opniao .item .image {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
}

#pagina .patrocinios .item .conteudo {
	padding:10px 0;
	float: left;
	width: calc(100% - 635px);
	margin: 0 30px;
}

#pagina .patrocinios.opniao .item .conteudo {
	width: calc(100% - 415px);
}


#pagina .patrocinios .item h3 {
	font-family: 'NeutraDisp-Medium';
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 10px;
}

#pagina .patrocinios .item h6 {
	font-family: Arial;
	font-size: 15px;
	margin-top: -5px;
	margin-bottom: 10px;
}

#pagina .patrocinios .item span {
	font-family: Arial;
	font-size: 15px;
	line-height: 28px;
	color: #656266;
}

#pagina .patrocinios .item a {
	color: #4d8ad8;
}

#pagina .patrocinios .item:nth-child(3n + 1) {
	background-color: #e0e6f7;
}

#pagina .patrocinios .item:nth-child(3n + 1) h3, #pagina .patrocinios .item:nth-child(3n + 1) h6 {
	color: #4d8ad8;
}

#pagina .patrocinios .item:nth-child(3n + 2) {
	background-color: #e4e3e4;
}

#pagina .patrocinios .item:nth-child(3n + 2) h3, #pagina .patrocinios .item:nth-child(3n + 2) h6 {
	color: #4d8ad8;
}

#pagina .patrocinios .item:nth-child(3n + 0) {
	background-color: #d9ddce;
}

#pagina .patrocinios .item:nth-child(3n + 0) h3, #pagina .patrocinios .item:nth-child(3n + 0) h6 {
	color: #6c7e46;
}

#pagina .voltar {
	font-family: 'NeutraDisp-Medium';
	font-size: 14px;
	color: #4d8ad8;
	text-align: center;
	text-transform: uppercase;
	background-color: #ecf0fa;
	margin: 0 auto;
	padding: 10px;
	width: 200px;
	display: block;
	margin-top: 50px;
}

/* Procedimentos de Rede */
#pagina .procedimentos, #pagina .historico {
	width: 100%;
	overflow: hidden;
}

#pagina .procedimentos ul.modulos, #pagina .historico ul.modulos {
	width: 100%;
	list-style: none;
}

#pagina .procedimentos ul.modulos ul, #pagina .historico ul.modulos ul {
	list-style: none;
}

#pagina .procedimentos ul.modulos > li, #pagina .historico ul.modulos > li {
	background-color: #f4f4f4;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

#pagina .procedimentos ul.modulos > li > button, #pagina .historico ul.modulos > li > button {
	width: 65px;
	min-width: auto;
	height: 80px;
	background-color: #f4700e;
	border: 0;
	float: left;
	text-align: center;
	color: #ffffff;
	outline: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-family: monospace;
}

#pagina .procedimentos ul.modulos > li > button:after, #pagina .historico ul.modulos > li > button:after {
	content: '+';
	display: block;
	line-height: 80px;
	font-size: 30px;
}

#pagina .procedimentos ul.modulos > li> button.active:after, #pagina .historico ul.modulos > li> button.active:after {
	content: '-';
}

#pagina .procedimentos ul.modulos > li > section, #pagina .historico ul.modulos > li > section {
	width: calc(100% - 221px);
	padding: 15px;
	float: left;	
}

#pagina .procedimentos.perguntas ul.modulos > li > section {
	width: calc(100% - 95px);
}

#pagina .procedimentos ul.modulos > li > section > div, #pagina .historico ul.modulos > li > section > div {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #4d8ad8;
}

#pagina .procedimentos ul.modulos > li > section > p, #pagina .historico ul.modulos > li > section > p {
	font-family: Arial;
	font-size: 16px;
	color: #4d8ad8;
}

#pagina .procedimentos ul.modulos > li > aside, #pagina .historico ul.modulos > li > aside {
	width: 105px;
	height: 35px;
	padding: 23px 10px 22px;
	background-color: #e0e6f7;
	float: left;
	line-height: 18px;
}

#pagina .procedimentos ul.modulos > li > aside > a, #pagina .historico ul.modulos > li > aside > a {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #4d8ad8;
	text-transform: uppercase;
	text-align: center;
	display: block;
}

#pagina .procedimentos ul.modulos > li > aside > div, #pagina .historico ul.modulos > li > aside > div  {
	font-family: Arial;
	font-size: 11px;
	color: #656266;
	text-align: center;
}

#pagina .procedimentos .container, #pagina .historico .container {
	width: 100%;
    clear: both;
    float: left;
}

#pagina .procedimentos .container.resposta {
	background-color: #ffffff;
    padding: 10px 10px 10px 80px;
    width: calc(100% - 90px);   
    border-bottom: 1px solid #e0e6f7;
}

#pagina .procedimentos .container.resposta, #pagina .procedimentos .container.resposta p {
	font-family: Arial;
    font-size: 16px;
    color: #656266;
    line-height: 20px;
}

#pagina .procedimentos ul.submodulos > li {
	border-bottom: 1px solid #e0e6f7;
	padding: 10px 0;
	overflow: hidden;
	background-color: #ffffff;
}

#pagina .procedimentos ul.submodulos > li:last-child {
	border-bottom: none;
}

#pagina .procedimentos ul.submodulos > li > a.button {
	width: 65px;
	min-width: auto;
	height: 60px;
	border: 0;
	float: left;
	text-align: center;
	outline: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	display: block;
	background: url(../img/icoDocumento.png) no-repeat center center;
}

#pagina .procedimentos ul.submodulos > li > section {
	width: calc(100% - 221px);
	padding: 15px;
	float: left;	
}

#pagina .procedimentos ul.submodulos > li > section > div {
	font-family: Arial;
	font-size: 16px;
	color: #656266;
}

#pagina .procedimentos ul.submodulos > li > section > p {
	font-family: Arial;
	font-size: 12px;
	color: #9f9da0;
}

#pagina .procedimentos ul.submodulos > li > aside {
	width: 105px;
	height: 35px;
	padding: 13px 10px 12px;
	float: left;
	line-height: 18px;
}

#pagina .procedimentos ul.submodulos > li > aside > a {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #4d8ad8;
	text-transform: uppercase;
	text-align: center;
	display: block;
}

#pagina .procedimentos ul.submodulos > li > aside > div {
	font-family: Arial;
	font-size: 11px;
	color: #656266;
	text-align: center;
}

#pagina .historico ul.submodulos > li {
	border: 1px solid #e0e6f7;
	padding: 10px 0;
	overflow: hidden;
	background-color: #ffffff;
	border-top: 0;
}

#pagina .historico ul.submodulos > li:last-child {
	border-bottom: none;
}


#pagina .historico ul.submodulos > li > a.button {
	width: 65px;
	min-width: auto;
	height: 45px;
	border: 0;
	float: left;
	text-align: center;
	background-color: #ffffff;
	color: #f4700e;
	outline: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	display: block;
	font-family: monospace;
}

#pagina .historico ul.submodulos > li > button:after {
	content: '+';
	display: block;
	line-height: 45px;
	font-size: 30px;
}

#pagina .historico ul.submodulos > li> button.active:after {
	content: '-';
}

#pagina .historico ul.submodulos > li > section {
	width: calc(100% - 95px);
	padding: 15px;
	float: left;	
}

#pagina .historico ul.submodulos > li > section > div {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #4d8ad8;
}

#pagina .historico ul.historico {
	border-top: 1px solid #e0e6f7;
	width: calc(100% - 40px);
	clear: both;
	padding: 20px 20px 10px;
}

#pagina .historico ul.historico li {
	width: 100%;
	margin-bottom: 25px;
}

#pagina .historico ul.historico li:last-child {
	margin-bottom: 0;
}

#pagina .historico ul.historico li a {
	font-family: Arial;
    font-size: 16px;
    color: #4d8ad8;
}

#pagina .historico ul.historico li span {
	font-family: Arial;
	font-size: 13px;
	color: #9f9da0;
	margin-left: 20px;
	display: inline-block;
}

#pagina .mapas {
	width: 100%;
	max-width: 1110px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 30px;
}

#pagina .mapa {
	width: 32%;
	min-height: 295px;
	margin-right: 2%;
	margin-bottom: 40px;
	float: left;
}

#pagina .mapa .image {
	width: 100%;
	height: 200px;
	background-size: cover;
	display: block;
	border-top: 5px solid #4d8ad8;
	margin-bottom: 10px;
}

#pagina .mapa.imagem .video {
	display: none;
}

#pagina .mapa.video .imagem {
	display: none;
}

#pagina .mapa h3 {
	font-family: Arial;
	font-size: 18px;
	color: #4d8ad8;
}

#pagina .mapa a {
	font-family: Arial;
	font-size: 11px;
	color: #4d8ad8;
	text-transform: uppercase;
}

#pagina .mapa.imagem {
	margin-right: 10px;
}

#pagina .mapa.imagem .imagem a[href="#"] {
	display: none;
}


#pagina .mapa p {
	font-family: Arial;
	font-size: 11px;
	color: #656266;
}

#pagina .mapa:nth-child(3n + 3) {
	margin-right: 0;
}

#pagina .mapa:nth-child(3n + 4) {
	clear:both;
}

#pagina .capacidade ul {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  list-style: none;
  overflow: hidden;
}

#pagina .capacidade li {
  width: 33%;
  float: left;
  background-position: 28px 80px;
  height: 208px;
}

#pagina .capacidade li .content {
  padding: 20px;
  width: calc(100% - 20px);
  overflow: hidden;
}

#pagina .capacidade li p {
  font-family: 'Swiss721-BoldCondensed';
  font-size: 28px;
  color: #ffffff;
  text-transform: uppercase;
  width: 260px;
  float: left;
}

#pagina .capacidade li .content > div {
  float: right;
  width: 177px;
  text-align: right;
  overflow: hidden;
  margin-top: 20px;
}

#pagina .capacidade li span {
  font-family: 'Swiss721-BoldCondensed';
  font-size: 22px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}

#pagina .capacidade li span:last-child {
  color: #fff400;
}

#pagina .capacidade li label {
  font-family: 'Swiss721-BoldCondensed';
  font-size: 23px;
  color: #000000;
  box-shadow: 0px 15px 30px -10px rgba(0, 0, 0, 0.55);
  display: block;
  text-align: center;
  margin-bottom: 22px;
  font-weight: bold;
}

#pagina .capacidade li.hidreletrica {
  background-color: #3190ae;
  background-image: url(../img/icoNumeroHidreletrica.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.termgaslng,
#pagina .capacidade li.termgasgnl {
  background-color: #0759a5;
  background-image: url(../img/icoNumeroTerm.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.mmgd {
  background-color: #3c8953;
  background-image: url(../img/icoMMGD.png);
  background-repeat: no-repeat;
}


#pagina .capacidade li.eolica {
  background-color: #e61c4c;
  background-image: url(../img/icoNumeroEolica.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.biomassa {
  background-color: #afc94e;
  background-image: url(../img/icoNumeroBiomassa.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.termoleodiesel {
  background-color: #f38b10;
  background-image: url(../img/icoNumeroTerm.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.termcarvao {
  background-color: #753e91;
  background-image: url(../img/icoNumeroTerm.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.solar {
  background-color: #edb518;
  background-image: url(../img/icoNumeroSolar.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.solar span:last-child {
  color: #000000;
}

#pagina .capacidade li.nuclear {
  background-color: #e15197;
  background-image: url(../img/icoNumeroNuclear.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.outras {
  background-color: #4bbbaf;
}

#pagina .capacidade li:nth-child(1) {
  width: 66%;
  background-position: 45px 100px;
  height: 545px;
}

#pagina .capacidade li:nth-child(1) p {
  font-size: 40px;
  max-width: 100%;
}

#pagina .capacidade li:nth-child(1) label {
  font-size: 45px;
  margin: 60px 0 35px;
}

#pagina .capacidade li:nth-child(1) span {
  font-size: 45px;
}

#pagina .capacidade li:nth-child(1) .content > div {
  width: 245px;
  margin-right: 100px;
}

#pagina .capacidade li:nth-child(2) {
  background-position: 30px 75px;
  height: 545px;
}

#pagina .capacidade li:nth-child(2) p {
  font-size: 28px;
  max-width: 100%;
}

#pagina .capacidade li:nth-child(2) label {
  font-size: 38px;
  margin: 25px 0;
}

#pagina .capacidade li:nth-child(2) span {
  font-size: 38px;
}

#pagina .capacidade li:nth-child(2) .content > div {
  width: 100%;
  margin-top: 110px;
}

#pagina .capacidade li:nth-child(5) {
  background-position: 30px 80px;
  height: 416px;
}

#pagina .capacidade li:nth-child(5) p {
  font-size: 28px;
  max-width: 100%;
  width: 100%;
}

#pagina .capacidade li:nth-child(5) label {
  font-size: 30px;
}

#pagina .capacidade li:nth-child(5) span {
  font-size: 30px;
}

#pagina .capacidade li:nth-child(5) .content > div {
  width: 150px;
}

#pagina .capacidade li:nth-child(6),
#pagina .capacidade li:nth-child(7) {
  margin-top: -208px;
}

#pagina .capacidade li:nth-child(7) {
  margin-left: 33%;
}


#pagina .capacidade li:nth-child(3) br,
#pagina .capacidade li:nth-child(4) br,
#pagina .capacidade li:nth-child(6) br,
#pagina .capacidade li:nth-child(7) br,
#pagina .capacidade li:nth-child(8) br,
#pagina .capacidade li:nth-child(9) br,
#pagina .capacidade li:nth-child(10) br {
  display: none;
}

#pagina .capacidade li:nth-child(3) span,
#pagina .capacidade li:nth-child(4) span,
#pagina .capacidade li:nth-child(6) span,
#pagina .capacidade li:nth-child(7) span,
#pagina .capacidade li:nth-child(8) span,
#pagina .capacidade li:nth-child(9) span,
#pagina .capacidade li:nth-child(10) span {
  margin-bottom: 20px;
}

#pagina .capacidade li:nth-child(3) label,
#pagina .capacidade li:nth-child(4) label,
#pagina .capacidade li:nth-child(6) label,
#pagina .capacidade li:nth-child(7) label,
#pagina .capacidade li:nth-child(8) label,
#pagina .capacidade li:nth-child(9) label,
#pagina .capacidade li:nth-child(10) label {
  margin-bottom: 10px;
}

#pagina .capacidade li:nth-child(3) .content,
#pagina .capacidade li:nth-child(4) .content,
#pagina .capacidade li:nth-child(6) .content,
#pagina .capacidade li:nth-child(7) .content,
#pagina .capacidade li:nth-child(8) .content,
#pagina .capacidade li:nth-child(9) .content,
#pagina .capacidade li:nth-child(10) .content {
  padding: 20px;
  width: calc(100% - 0px);
}

#pagina .capacidade .total {
  width: 100%;
  height: 100px;
  max-width: 920px;
  overflow: hidden;
  margin: 0 auto;
}

#pagina .capacidade .total .content {
  width: 99%;
  background-color: #706e6f;
  min-height: 40px;
  padding: 30px 0;
}

#pagina .capacidade .total p {
  font-family: 'Swiss721-BoldCondensed';
  font-size: 36px;
  color: #ffffff;
  margin: 0 44px;
  float: left;
}

#pagina .capacidade .total span {
  font-family: 'Swiss721-BoldCondensed';
  font-size: 36px;
  color: #ffffff;
  margin: 0 25px;
}

#pagina .capacidade .total label {
  font-family: 'Swiss721-BoldCondensed';
  font-size: 30px;
  color: #ffffff;
  margin: 0 30px;
}

#pagina .capacidade .total span.amarelo,
#pagina .capacidade .total label.amarelo {
  color: #fee800;
}

#pagina .extensao, #pagina .energia {
	margin-top: 50px;
	max-width: 920px;
	margin: 50px auto 0;
}

#pagina .extensao ul {
	background: url(../img/extensao-da-rede-basica-de-transmissao.jpg) no-repeat;
	width: 99%;
	list-style: none;
	overflow: hidden;
	margin: 0 auto;
	float: left;
}

#pagina .extensao li {
	width: 100%;
	border-bottom: 10px solid #FFFFFF;
	overflow: hidden;
}

#pagina .extensao li p {
	font-family: 'Swiss721-BoldCondensed';
	font-size: 32px;
	color: #FFFFFF;
	float: left;
	width: 34%;
	text-align: center;
	line-height: 55px;
}

#pagina .extensao li div.content {
	padding: 20px;
	width: calc(100% - 40px);
	overflow: hidden;
}

#pagina .extensao li div.content > div {
	float: left;
	width: 33%;
	text-align: left;
}

#pagina .extensao li div.content > div:last-child {
	text-align: right;
}

#pagina .extensao li label {
	font-family: 'Swiss721-BoldCondensed';
	font-size: 28px;
	color: #FFFFFF;
	display: block;
}

#pagina .extensao li span {
	font-family: 'Swiss721-BoldCondensed';
	font-size: 28px;
	color: #FFFFFF;
}
#pagina .extensao li .amarelo {
	color: #ffff00;
}

#pagina .extensao .total {
	width: 910px;
	list-style: none;
	overflow: hidden;
	background: #2e7ab6;
}

#pagina .extensao .total div.content {
	padding: 20px;
	width: calc(99% - 40px);
	overflow: hidden;
	float: left;
}

#pagina .extensao .total div.content > div {
	float: left;
	width: 33%;
	text-align: left;
}

#pagina .extensao .total div.content > div:last-child {
	text-align: right;
}

#pagina .extensao .total p {
	font-family: 'Swiss721-BoldCondensed';
	font-size: 32px;
	color: #FFFFFF;
	float: left;
	width: 34%;
	text-align: center;
}

#pagina .extensao .total label {
	font-family: 'Swiss721-BoldCondensed';
	font-size: 28px;
	color: #FFFFFF;
	display: block;
}

#pagina .extensao .total span {
	font-family: 'Swiss721-BoldCondensed';
	font-size: 28px;
	color: #FFFFFF;
}

#pagina .energia .chart {
	width: 99%;
	height: 500px;
}

#pagina .bloco2 {
	width: 50%;
	float: left;
}

#pagina .box {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto 40px;
	border: 1px solid #e4e3e4;
	padding: 30px 15px;	
}

#pagina .box h5 {
	font-family: Arial;
	font-size: 20px;
	color: #4d8ad8;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

#pagina .box h5 span {
	color: #f4700e;
	margin-left: 5px;
}

#pagina .box .cabecalho {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

#pagina .box .cabecalho label {
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #8e8e8e;
	display: inline-block;
	float: left;
	line-height: 16px;
}

#pagina .box > .cabecalho label:nth-child(1) {
	width: 25%;
}

#pagina .box > .cabecalho label:nth-child(2) {
	width: 50%;
}

#pagina .box > .cabecalho label:nth-child(3) {
	width: 25%;
}

#pagina .box .bacia .cabecalho label:nth-child(1) {
	width: 75%;
}

#pagina .box .bacia .cabecalho label:nth-child(2) {
	width: 25%;
}

#pagina .box .bacia {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	border: 1px solid #e4e3e4;
	margin-bottom: 10px;
	overflow: hidden;
	background-color: #faf9fa;
}

#pagina .box .bacia .cabecalho {
	display: none;
}

#pagina .box .bacia:last-child {
	margin-bottom: 0;
}

#pagina .box .bacia .titulo {
	width: calc(25% - 1px);
	float: left;
	overflow: hidden;
	background-color: #e9f1fa;
	border-right: 1px solid #e4e3e4;
}

#pagina .box.armazenamento .bacia .titulo {
	width: calc(50% - 1px);
}

#pagina .box.armazenamento .bacia .situacao {
	width: calc(50% - 20px);
	padding-right: 20px;
}

#pagina .box.armazenamento .situacao ul {
	text-align: right;	
}

#pagina .box .bacia.outros .situacao ul {
	display: none;
}

#pagina .box .bacia .titulo.outros {
	background-color: transparent;
	border-right: 0;
}

#pagina .box .bacia .titulo span {
	width: calc(100% - 40px);	
	color: #4d8ad8;
	font-family: Arial;
	font-weight: bold;
	font-size: 22px;
	padding: 0 20px;
}

#pagina .box .bacia .titulo span:last-child {
	display: block;
	font-size: 16px;
}

#pagina .box .titulo ul {
	padding-top: 20px;
	list-style: none;
}

#pagina .box .titulo li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

#pagina .box .reservatorio {
	width: 50%;
	float: left;
	overflow: hidden;
}

#pagina .box .reservatorio ul {
	width: calc(100% - 40px);
	color: #333333;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	list-style: none;
	padding: 20px 20px 0; 
	overflow: hidden;
}

#pagina .box .reservatorio li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

#pagina .box .reservatorio li span {
	width: 50%;
	text-align: right;
	display: inline-block;
	float: left;
}

#pagina .box .reservatorio li span:last-child {
	width: calc(50% - 10px);
	font-size: 15px;
	font-weight: normal;
	padding-left: 10px;
	text-align: left;
}

#pagina .box .situacao {
	width: 25%;
	float: left;
	overflow: hidden;
}

#pagina .box .situacao ul {
	width: 100%;
	color: #f4700e;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	list-style: none;
	overflow: hidden;
	padding-top: 20px; 
	text-align: center;
}

#pagina .box .situacao li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

#pagina .box.armazenamento .situacao ul {
	color: #333333;
}

#pagina .box.armazenamento .reservatorio ul li {
	border-bottom: 1px solid #e4e3e4;
}

#pagina .box p {
	margin: 10px 0 0 20px;
}

#pagina .regioes {
	width: 880px;
	height: 1050px;
	margin: -100px auto 0;
	overflow: hidden;
	background: url(../img/backgroundBalancoEnergetico.png) no-repeat center center;
	position: relative;
}

#pagina .regioes > div {
	position: absolute;
	min-width: 185px;
	border: 1px solid #e4e3e4;
	background-color: #ffffff;
}

#pagina .regioes h6 {
	padding: 12px 15px;
	border-bottom: 1px solid #e4e3e4;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
}

#pagina .regioes .content {
	/*width: calc(100% - 10px);*/ 
	padding: 10px 20px 0;
}

#pagina .regioes .content:last-child {
	padding: 10px 20px 10px;
}

#pagina .regioes ul {
	overflow: hidden;
	list-style: none;
	width: 100%;
}

#pagina .regioes ul li {
	overflow: hidden;
	margin-bottom: 5px;
	width: 100%;
}

#pagina .regioes span {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 7px;
	display: inline-block;
	color: #828282;
}

#pagina .regioes p {
	font-family: Arial;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	float: left;
}

#pagina .regioes p.resp {
	float: right;
}

#pagina .regioes p.total {
	color: #000000 !important;
}

#pagina .regioes .norte {
	top: 205px;
	left: 55px;
}

#pagina .regioes .norte h6 {
	background-color: #f3f5d4;
	color: #aebc15;
	width:100%;
}

#pagina .regioes .norte p {
	color: #aebc15;
}

#pagina .regioes .nordeste {
	top: 185px;
	right: 0px;
}

#pagina .regioes .nordeste h6 {
	background-color: #e9f1fa;
	color: #6495d6;
	width:100%;
}

#pagina .regioes .nordeste p {
	color: #6495d6;
}

#pagina .regioes .sudeste {
	top: 542px;
	right: 0px;
}

#pagina .regioes .sudeste h6 {
	background-color: #f6debd;
	color: #eb7f30;
	width:100%;
}

#pagina .regioes .sudeste p {
	color: #eb7f30;
}

#pagina .regioes .sul {
	bottom: 25px;
	right: 260px;
}

#pagina .regioes .sul h6 {
	background-color: #d6d6d6;
	color: #72777d;
	width:100%;
}

#pagina .regioes .sul p {
	color: #72777d;
}

#pagina .regioes .internacional {
	bottom: 70px;
	left: 20px;
}

#pagina .regioes .internacional h6 {
	width:100%;
}

#pagina .regioes > label {
	position: absolute;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	padding: 5px;
}

#pagina .regioes > label:after {
	content: " ";
	position: absolute;
	width: 27px;
	height: 47px;
	background-image: url(../img/icoBalancoEnergeticoSetas.png);
}

#pagina .regioes > label.internacional_sul {
	bottom: 145px;
	left: 310px;
	width: 105px;
    border-bottom: 6px solid #198be2;
}

#pagina .regioes > label.internacional_sul:after {
	top: 9px;
    right: -3px;
}

#pagina .regioes > label.internacional_sul.reverse:after {
    left: -3px;
    top: 10px;
    right: initial;
    transform: rotate(180deg);    
}

#pagina .regioes > label.sul_sudeste {
	bottom: 135px;
    right: 105px;
    width: 135px;
    height: 85px;
    line-height: 129px;
    padding: 0px!important;
    border-bottom: 6px solid #198be2;
    border-right: 6px solid #198be2;
}

#pagina .regioes > label.sul_sudeste:after {
	top: -14px;
    right: -17px;
    transform: rotate(270deg);
}

#pagina .regioes > label.sul_sudeste.reverse:after {
    left: -3px;
    top: 59px;
    right: initial;
    transform: rotate(180deg);    
}

#pagina .regioes > label.sudeste_nordeste {
	top: 435px;
    left: 765px;
    text-align: left;
    border-left: 6px solid #198be2;
    height: 95px;
    line-height: 90px;
    width: 96px;
}

#pagina .regioes > label.sudeste_nordeste:after {
	top: -13px;
    right: 80px;
    transform: rotate(270deg);
}

#pagina .regioes > label.sudeste_nordeste.reverse:after {
    top: initial;
    bottom: -13px;
    transform: rotate(90deg);    
}

#pagina .regioes > label.sudeste_norteFic {
    top: 340px;
    right: 369px;
    text-align: right;
    border-right: 6px solid #198be2;
    width: 130px;
    height: 300px;
    line-height: 300px;
}

#pagina .regioes > label.sudeste_norteFic:before {
	content: " ";
    position: absolute;
    width: 96px;
    height: 6px;
    background-color: #198be2;
    bottom: 0;
    right: -102px;
}

#pagina .regioes > label.sudeste_norteFic:after {
	top: -14px;
    right: -17px;
    transform: rotate(270deg);
}

#pagina .regioes > label.sudeste_norteFic.reverse:after {
    left: 206px;
    top: 274px;
    right: initial;
    transform: rotate(0deg);   
}

#pagina .regioes > label.norteFic_nordeste {
	top: 275px;
    right: 200px;
    width: 130px;
    border-bottom: 6px solid #198be2;
}

#pagina .regioes > label.norteFic_nordeste:after {
	top: 9px;
    right: -3px;
}

#pagina .regioes > label.norteFic_nordeste.reverse:after {
    left: -3px;
    top: 10px;
    right: initial;
    transform: rotate(180deg);    
}

#pagina .regioes > label.norte_norteFic {
	top: 275px;
    left: 260px;
    width: 205px;
    border-bottom: 6px solid #198be2;
}

#pagina .regioes > label.norte_norteFic:after {
	top: 9px;
    right: -3px;
}

#pagina .regioes > label.norte_norteFic.reverse:after {
    left: -3px;
    top: 10px;
    right: initial;
    transform: rotate(180deg);    
}

#pagina .curva .chart {
	width: calc(60% - 20px);
	height: 250px;
	float: left;
	margin-right: 20px;
}

#pagina .curva .chartmedia {
	width: 100%;
	height: 350px;
	float: left;
}

#pagina .curva .chartmenor {
	width: calc(50% - 20px);
	height: 350px;
	float: left;
	margin-right: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
}

#pagina .curva .chartmenor:last-child {
	margin-right: 0px;
	margin-left: 20px;
}

#pagina .curva .tabela {
	width: calc(40% - 22px);
	float: left;
	margin-left: 20px;
	margin-top: 20px;	
	margin-bottom: 65px;
}

#pagina .curva .tabela .conteudo {
	border: 1px solid #e4e3e4;
	width: calc(100% - 30px);
	padding: 15px;
	margin-bottom: 5px;
}

#pagina .curva .tabela p {
	font-size: 13px;
	margin-left: 15px;
}

#pagina .curva .tabela h5 {
	margin-left: -15px;
	margin-top: -15px;
	margin-right: -15px;	
	padding: 12px 15px;
	border-bottom: 1px solid #e4e3e4;
	background-color: #e9f1fa;
    color: #6495d6;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

#pagina .curva .tabela span {
	display: inline-block;
	width: 100%;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	line-height: 14px;
}

#pagina .curva .tabela hr {
	border-top: 1px solid #e4e3e4;
    margin: 5px 0;
}

#pagina .curva .tabela span.p {
	float: left;
	width: auto;
	font-weight: bold;
}

#pagina .curva .tabela .eolica span {
	color: #6495d6;
}

#pagina .curva .tabela .hidraulica span {
	color: #6495d6;
}

#pagina .curva .tabela .nuclear span {
	color: #6495d6;
}

#pagina .curva .tabela .termica span {
	color: #6495d6;
}

#pagina .curva .tabela .importacao span {
	color: #6495d6;
}

#pagina .curva .tabela span.r {
	float: right;
	width: auto;
}

#pagina .curva .tabela .row {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}

#pagina .glossario .ons_reutilizavel div.documentos {
	margin-bottom: 40px;
}

#pagina table.lista {
	width: 100%;
}

#pagina table.lista tr {
	border-bottom: 20px solid #ffffff;
}

#pagina table.lista td {
	background-color: #f4f4f4;
	vertical-align: middle;
	padding: 15px;
}

#pagina table.lista td.download {
	background-color: #e0e6f7;
	text-align: center;
	width: 85px;
}

#pagina table.lista td.download div {
	font-family: Arial;
    font-size: 11px;
    color: #656266;
    text-align: center;
}

#pagina table.lista td p {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #4d8ad8;    
}

#pagina .documentos table.lista td p {
	text-align: left;
}

#pagina table.lista td a {
	font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #4d8ad8;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

#pagina table.lista td .info {
	float: left;
	margin-right: 20px;
}

#pagina table.lista td .info label, #pagina table.lista td .info span {
	font-family: Arial;
    font-size: 12px;
    color: #656266;
    text-align: center;
}

#pagina table.lista td .info label {
	font-weight: bold;
}

#pagina .list-noticias {
	width: 100%;
	margin-bottom: 50px;
}

#pagina .list-noticias .noticia {
	width: 100%;
	min-height: 90px;
	overflow: hidden;
	margin-bottom: 1px;
	position: relative;
}

#pagina .list-noticias .noticia:nth-child(odd) {
	background-color: #f4f4f4;
}

#pagina .list-noticias .noticia:nth-child(even) {
	background-color: #ecf0fa;
}

#pagina .list-noticias .noticia .data {
	float: left;
	height: 100%;
	width: 40px;
	text-align: center;
	padding: 20px;
	position: absolute;
}

#pagina .list-noticias .noticia:nth-child(odd) .data {
	background-color: #f4700e;
}

#pagina .list-noticias .noticia:nth-child(even) .data {
	background-color: #f9a515;
}

#pagina .list-noticias .noticia .data p {
	font-family: Arial;
	font-size: 36px;
	color: #ffffff;
}

#pagina .list-noticias .noticia .data span {
	font-family: Arial;
	font-size: 16px;
	color: #ffffff;
	text-transform: lowercase;
}

#pagina .list-noticias .noticia .info {
	width: calc(100% - 120px);
	margin-left: 80px;
	padding: 20px;
	float: left;
}

#pagina .list-noticias .noticia .info p {
	font-family: Arial;
	font-size: 16px;
	color: #656266;
}

#pagina .list-noticias .noticia .info p span {
	font-weight: bold;
}

#pagina .list-noticias .noticia .info a {
	font-family: Arial;
	font-size: 16px;
	color: #4d8ad8;
	font-weight: bold;
	margin-bottom: 10px;
	display: inline-block;
}

#pagina .row {
	width: 100%;
	margin-bottom: 50px;
	overflow: hidden;
}

#pagina .row > div {
	float: left;
	width: calc(33% - 15px);
	margin-right: 15px;
}

#pagina .row > div:last-child {
	margin-left: 15px;
	margin-right: 0;
}

#pagina .row > div.large {
	width: calc(66% - 15px);
}

#pagina .row > div.meio {
	width: calc(50% - 15px);
}

#pagina .row > div.meio:last-child {
	margin-left: 5px;
	margin-right: 5px;
}

#pagina .sala_imprensa h2 {
	color: #333333;
	margin-bottom: 20px;
	font-family: 'NeutraDisp-Medium';
    font-size: 24px;
    text-transform: uppercase;
    display: inline-block;
    min-height: 21px;
    width: 100%;
}

#pagina .sala_imprensa .noticias {
	background-color: transparent;
}

#pagina .sala_imprensa .noticias ul li {
	background-color: #F4F4F4;
	margin-bottom: 2px;
	padding: 15px;
	position: relative;
}

#pagina .sala_imprensa .noticias ul li .conteudo span.data {
	color: #333333;
	font-weight: normal;
}

#pagina .sala_imprensa .noticias ul li .conteudo span.texto {
	color: #86abd7;
}

#pagina .sala_imprensa .noticias ul li .conteudo span.share {
	background-image: url(../img/icoCompartilharAzul.png);
}

#pagina .sala_imprensa .noticias ul li .conteudo span.resumo {
	display: none;
}

#pagina .sala_imprensa .noticias ul li .conteudo span.texto:after {
	background-image: url(../img/icoCompartilharAzul.png);
}

#pagina .sala_imprensa .noticias ul li a {
	background: #ed6e11 url(../img/icoSetaDireita.png) no-repeat center center;
    position: absolute;
    top: 0;
    margin-top: 0;
    height: auto;
    right: 0;
    bottom: 0;
}

#pagina .sala_imprensa .noticias ul li a:before {
	display: none;
}

#pagina .sala_imprensa .mapa {
	width: 100%;
}

#pagina .sala_imprensa .imprensa {
	background-color: #4A611B;
	padding: 15px;
	width: calc(100% - 30px);
}

#pagina .sala_imprensa .imprensa p {
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	margin-bottom: 0px;
}

#pagina .sala_imprensa .imprensa p.telefone {
	font-size: 16px;
}

#pagina .sala_imprensa .imprensa p.titulo {
	font-weight: bold;
}

#pagina .sala_imprensa .imprensa a {
	color: #C9BF4C;
}

#pagina .sala_imprensa .destaque {
	width: 100%;
}

#pagina .sala_imprensa .custo, #pagina .sala_imprensa .ena, #pagina .sala_imprensa .previsao, #pagina .sala_imprensa .ear {
	margin-top: 6px;
}

#pagina .sala_imprensa .active {
	display: block;
}

#pagina .sala_imprensa .destaque table {
	width: 100%;
	table-layout: fixed;
}

#pagina .sala_imprensa .destaque .ear table, #pagina .sala_imprensa .destaque .previsao table {
	min-width: 580px;
}

#pagina .sala_imprensa .destaque table th {
	background-color: #4a611b;
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	text-transform: uppercase;
	vertical-align: middle;
	text-align: left;
	height: 20px;
	padding: 5px 10px;
}

#pagina .sala_imprensa .destaque table th.first {
	background-color: #608f05;
}

#pagina .sala_imprensa .destaque table th.center {
	text-align: center;
}

#pagina .sala_imprensa .destaque table td {
	background-color: #ffffff;
	border-bottom: 1px solid #E2E2E2;
	color: #4a611b;
	font-family: Arial;
	font-size: 13px;
	height: 40px;
	vertical-align: middle;
	text-align: left;
	padding: 5px 10px;
}

#pagina .sala_imprensa .destaque table td:first-child {
	background-color: #F2F4EC;
	border-bottom: 1px solid #ffffff;
}

#pagina .sala_imprensa .destaque table tr:last-child td {
	border-bottom: 0px;
}

#pagina .sala_imprensa .ear p {
	float: right;
	font-size: 13px;
	color: #4a611b;
	margin-right: 10px;
}

#pagina .sala_imprensa .ear .previsto {
	color: #ed6e11;
}

#pagina .sala_imprensa .destaque .content {
	border:1px solid #e2e2e2;
}

#pagina .sala_imprensa .links {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#pagina .sala_imprensa .links ul {
	width: 100%;
	list-style: none;
}

#pagina .sala_imprensa .links ul li {
	float:left;
	width: calc(25% - 1px);
	
	background-color: #f4f4f4;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

#pagina .sala_imprensa .links ul li:last-child {
	border-right: 0;
	width: 25%;
}

#pagina .sala_imprensa .links ul li.active {
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

#pagina .sala_imprensa .links ul li a {
	font-family: Arial;
	font-size: 15px;
	color: #333333;
	width: calc(100% - 10px);
	text-align: center;
	display: inline-block;
	padding: 10px 5px;
}

#pagina .sala_imprensa .links > div:last-child {
	margin-right: 0;
}

#pagina .sala_imprensa .links > div svg {
	width: 32px;
    height: 32px;
}

#pagina .sala_imprensa .links > div path {
	fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px;
}

#pagina .sala_imprensa .datepicker-here .item {
	font-weight: bold;
}

#pagina .sala_imprensa .calendar {
	float: left;
}

#pagina .sala_imprensa .calendar a {
	text-align: left;
	font-family: Arial;
	font-size: 16px;
	color: #f4700e;
	line-height: 22px;
	padding: 5px 0px;
	display: block;
}

#pagina .sala_imprensa .datepicker-conteudo {
	float: left;
    width: calc(100% - 265px);
    margin-left: 10px;
}

#pagina .sala_imprensa .datepicker-conteudo .title {
	background-color: #f4700e;
	padding: 10px 20px;
	overflow: hidden;
}

#pagina .sala_imprensa .datepicker-conteudo .title .titulo {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	float: right;
	color: #ffffff;
}

#pagina .sala_imprensa .datepicker-conteudo .title .data {
	font-family: 'NeutraDisp-Medium';
    font-size: 16px;
    text-transform: uppercase;
	float: left;
	color: #ffffff;
}

#pagina .sala_imprensa .datepicker-conteudo .resumo {
	font-family: Arial;
	font-size: 16px;
	color: #646463;
	line-height: 22px;
	padding: 10px 20px;
}

#pagina .sala_imprensa .datepicker-conteudo .horario {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #f4700e;
	padding: 10px 20px;
	text-transform: uppercase;
}

#pagina .mpo .modulos ul {
	list-style: none;
}

#pagina .mpo .modulos ul li ul {
	display: none;
}

#pagina .mpo .modulos ul li.active > ul {
	display: block;
	margin-left: 30px;
	margin-top: 10px;
}

#pagina .mpo .modulos ul li .item {
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	background-color: #f4f4f4;
	overflow: hidden;
}

#pagina .mpo .modulos ul li div.acao {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: #f4700e url(../img/icoMais.png) no-repeat center center;
	width: 45px;
	cursor: pointer;
}

#pagina .mpo .modulos ul li.active > .item div.acao {
	background-image: url(../img/icoMenos.png);
}

#pagina .mpo .modulos ul li a.acao {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: transparent url(../img/icoDocumento.png) no-repeat center center;
	width: 45px;
	cursor: pointer;
}

#pagina .mpo .modulos ul li .title {
	width: calc(100% - 385px);
	margin-left: 55px;	
	float: left;
}

#pagina .mpo .modulos ul li .title p {
	font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #4d8ad8;
}

#pagina .mpo .modulos ul.history li .title p {
	color: #333333;
}											  
#pagina .mpo .modulos ul li .title span {
	font-family: Arial;
    font-size: 14px;
    color: #4d8ad8;
}

#pagina .mpo .modulos ul li .title span.retificado {
	font-weight: bold;
	color: #f4700e;
}

#pagina .mpo .modulos ul li .title span[title="Glossário"] { font-weight: bold; color: #009CB6; font-size: 12px; }
#pagina .mpo .modulos ul li .title span[title="Indicadores"] { font-weight: bold; color: #009CB6; font-size: 12px; }
#pagina .mpo .modulos ul li .title span[title="Metodologia"] { font-weight: bold; color: #009CB6; font-size: 12px; }
#pagina .mpo .modulos ul li .title span[title="Requisitos"] { font-weight: bold; color: #009CB6; font-size: 12px; }
#pagina .mpo .modulos ul li .title span[title="Responsabilidades"] { font-weight: bold; color: #009CB6; font-size: 12px; }
#pagina .mpo .modulos ul li .title span[title="Operacional"] { font-weight: bold; color: #509E2F; font-size: 12px; }
#pagina .mpo .modulos ul li .title span[title="Procedimental"] { font-weight: bold; color: #509E2F; font-size: 12px; }
#pagina .mpo .modulos ul li .title span[title="Critérios"] { font-weight: bold; color: #009CB6; font-size: 12px; }
#pagina .mpo .modulos ul li .title span[title="Definição"] { font-weight: bold; color: #009CB6; font-size: 12px; }

#pagina .mpo .modulos ul li .title p.highlight {
	color: #f4700e;
}

#pagina .mpo .modulos ul li .title .info {
	font-family: Arial;
    font-size: 12px;
    color: #9f9da0;
    margin-top: 5px;
}

#pagina .mpo .modulos ul li .info.alterado-pelas-mops {
	font-family: Arial;
    font-size: 12px;
	margin-top: 5px;
    color: #4d8ad8;
    display:none;
}

#pagina .mpo .modulos ul li .info.mops-a-cancelar {
	font-family: Arial;
    font-size: 12px;
	margin-top: 5px;
    color: #4d8ad8;
    display:none;    
}


#pagina .mpo .modulos ul li .historico, #pagina .mpo .modulos ul li .download, #pagina .mpo .modulos ul li .informacoes {
	width: 110px;
	float: left;
	text-align: center;
	padding: 7px 0;
}

#pagina .mpo .modulos ul li[data-modulo='Submódulo 10.18'] .download {
	display: none;
}

#pagina .mpo .modulos ul li .historico a {
	font-family: Arial;
    font-size: 11px;
    color: #f4700e;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-top: 10px;
}		

#pagina .mpo .modulos ul li .informacoes a {
	font-family: Arial;
    font-size: 11px;
    color: #f4700e;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-top: 10px;
}								  

#pagina .mpo .modulos ul li .download a {
	font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #4d8ad8;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-bottom: 5px;
}

#pagina .mpo .modulos ul li .download div {
	font-family: Arial;
    font-size: 11px;
    color: #656266;
    text-align: center;
    text-transform: uppercase;
}

#pagina .fale_conosco {
	background-color: #f4f4f4;
	width: calc(100% - 40px);
	padding: 20px;
}

#pagina .fale_conosco label {
	font-family: Arial;
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
	color: #333333;
}

#pagina .fale_conosco input, #pagina .fale_conosco select, #pagina .fale_conosco textarea {
	width: calc(100% - 20px);
	height: 20px;
    padding: 5px 10px;
    border: 1px solid #e4e3e4;
    outline: none;
    font-family: Arial;
    font-size: 13px;
    margin-bottom: 20px;
    resize: none;
}

#pagina .fale_conosco select {
	width: 100%;
	height: 30px;
}

#pagina .fale_conosco textarea {
	height: 100px;	
}

#pagina .fale_conosco input[type="submit"] {
	background-color: #ed6e11;
	color: #ffffff;
	border: 1px solid #e4e3e4;
	padding: 10px 15px;
	outline: none;
    font-family: Arial;
    font-size: 16px;
    margin: 10px 10px 0 0;
    cursor: pointer;
    width: auto;
    height: auto;
}

#pagina .fale_conosco .sucesso {
	font-family: Arial;
	font-size: 13px;
	color: #333333;
	display: none;
}

#pagina .fale_conosco .erro {
	font-family: Arial;
	font-size: 13px;
	color: #ff0000;
	display: none;
}

#pagina .imprensa {
	background-color: #4A611B;
	padding: 15px;
	width: calc(100% - 30px);
}

#pagina .imprensa p {
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	margin-bottom: 0px;
}

#pagina .imprensa p.telefone {
	font-size: 16px;
}

#pagina .imprensa p.titulo {
	font-weight: bold;
}

#pagina .imprensa a {
	color: #C9BF4C;
}

#pagina .loading {
	margin-top: 20px;
}

#pagina hr.aba {
	border-top: 0;
	border-bottom: 1px solid #e4e3e4;
    margin-bottom: -48px;
    margin-top: 48px;
}

#pagina .mpo_abas {
	overflow: hidden;
}

#pagina .mpo_abas .content {
	max-width: 1100px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

#pagina .mpo_abas a {
	padding: 0px 20px;
    width: 214px;
    border: 1px solid #e4e3e4;
    text-align: center;
    font-family: 'NeutraDisp-Medium';
    font-size: 16px;
    text-transform: uppercase;
    color: #656266;
    float: left;
    margin-right: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
}

#pagina .mpo_abas a:last-child {
    margin-right: 0;
}

#pagina .mpo_abas a.active {
	color: #4d8ad8;
	border-bottom: 1px solid #ffffff;
}

#share-modal {
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #e4e3e4;
	padding: 10px;
	display: none;
}

#share-modal .share-modal {
	width: 202px;
	height: 50px;	
}

.jssocials-share.jssocials-share-whatsapp {
	display: none;
}

#share-modal .share-modal a {
	color: #ffffff;
}

#share-modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lgwYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=") no-repeat 0 0;
}

.sitemap ul { list-style: none; }
#primaryNav li { width:25%; }
#primaryNav li ul li { width:100% !important; }
#primaryNav.col1 li { width:99.9%; }
#primaryNav.col2 li { width:50.0%; }
#primaryNav.col3 li { width:33.3%; }
#primaryNav.col4 li { width:25.0%; }
#primaryNav.col5 li { width:20.0%; }
#primaryNav.col6 li { width:16.6%; }
#primaryNav.col7 li { width:14.2%; }
#primaryNav.col8 li { width:12.5%; }
#primaryNav.col9 li { width:11.1%; }
#primaryNav.col10 li { width:10.0%; }

.sitemap {
	margin: 0 0 40px 0;
	float: left;
	width: 100%;
}

#primaryNav {
	margin: 0;
	float: left;
	width: 100%;
}
#primaryNav #home {
	display: block;
	float: none;
	background: #ffffff url('../img/sitemap/L1-right.png') center bottom no-repeat;
	position: relative;
	z-index: 2;
	padding: 0 0 30px 0;
}
#primaryNav li {
	float: left;
	background: url('../img/sitemap/vertical-line.png') center top no-repeat;
	padding: 30px 0;
	margin-top: -30px;
}
#primaryNav li a {
	margin: 0 20px 0 0;
	padding: 10px 0;
	display: block;
	font-size: 13px;
	text-align: center;
	/*color: #656266;*/
	color: #ffffff;	
	background: #4A611B;
	font-family: Arial;
}

#primaryNav li:last-child {
	background: url('../img/sitemap/vertical-line.png') center top no-repeat;
}

#primaryNav li li {
	width: 100%;
	clear: left;
	margin-top: 0;
	padding: 10px 0 0 0;
	background: url('../img/sitemap/L3-ul-top.png') center bottom repeat-y;
}
#primaryNav li li a {
	background-color: #608f05;
}

#primaryNav li li:first-child {
	padding-top: 30px;
}
#primaryNav li li:last-child {
	background: url('../img/sitemap/L3-center.png') center bottom repeat-y;
}
#primaryNav li li ul {
	margin: 10px 0 0 0;
	width: 100%;
	float: right;
	padding: 9px 0 10px 0;
	background: #ffffff url('../img/sitemap/L3-li-top.png') center top no-repeat;
}
#primaryNav li li li {
	background: url('../img/sitemap/L3-bottom.png') left center no-repeat;
	padding: 5px 0;
}
#primaryNav li li li a {
	background-color: #aebda0;
	font-size: 13px;
	padding: 10px 0;
	width: 80%;
	float: right;
}

#primaryNav li li li:first-child {
	padding: 15px 0 5px 0;
	background: url('../img/icoBuscaAzul.png') left center no-repeat;
}
#primaryNav li li li:last-child {
	background: url('../img/icoBuscaAzul.png') left center no-repeat;
}

#utilityNav {
	float: right;
	max-width: 50%;
	margin-right: 10px;
}
#utilityNav li {
	float: left;
	margin-bottom: 10px;
}
#utilityNav li a {
	margin: 0 10px 0 0;
	padding: 5px 10px;
	display: block;	
	font-size: 13px;
	font-family: Arial;
	text-align: center;
	color: #ffffff;
	background: #aebda0;
}

#map {
    width: 100%;
    height: 500px;
}

ul.mapagen_lista {
    line-height: 20px;
    text-align: left;
    list-style-type: none;
    padding: 0;
    padding-left: 0;
}

#pagina .ms-table.ms-fullWidth > .tableCol-25 {
	margin: 42px 20px 0 0;
    width: calc(25% - 20px);
    min-width: auto;
    float: left;
}

#pagina .ms-table.ms-fullWidth > .tableCol-25 + .tableCol-75 {
	margin: 0;
    width: 75%;
    min-width: auto;
    float: left;
}

#pagina .ms-table.ms-fullWidth > .tableCol-75 + .tableCol-25 {
	display: none;
}

#pagina #SearchBox {
	width: 100%;
    border-bottom: 1px solid #e4e3e4;
}

#pagina .ms-srch-sbLarge {
	width: 33%;
	margin: 0 auto;
	border: 0;
	display:block;
}

#pagina .ms-srch-sbLarge input {
	width: calc(100% - 72px);
    height: 30px;
    padding: 5px 10px;
    border: 1px solid #e4e3e4;
    border-bottom: 0;
    border-right: 0;
    outline: none;
    font-family: Arial;
    font-size: 13px;
}

#pagina .ms-srch-sbLarge .ms-srch-sb-searchLink {
	float: left;
    width: 44px;
    border: 1px solid #e4e3e4;
    height: 40px;
    border-left: 0px;
    background: url("../img/produtos-em-destaque/powerBi.png") center center no-repeat;
    cursor: pointer;
    margin-top: 1px;
    border-bottom: 0;
}

#pagina .ms-srch-sbLarge .ms-srch-sbLarge-searchImg {
	display: none;
}

#pagina .ms-srch-upscope-top {
	display: none !important;
}

#pagina .ms-srch-item {
	margin: 0 0 10px 0;
    padding: 10px;
    background-color: #f4f4f4;
    overflow: hidden;
    width: calc(100% - 20px);
    overflow: hidden;}

#pagina .ms-srch-item-body .ms-srch-ellipsis, #pagina .ms-srch-item-body .ms-srch-ellipsis a {
	font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #4d8ad8;
    white-space: normal;
}

#pagina .ms-srch-item-body .ms-srch-item-summary {
	font-family: Arial;
    font-size: 12px;
    color: #9f9da0;
    margin-top: 5px;
}

#pagina .ms-srch-item-body .ms-srch-item-summary .ms-srch-item-highlightedText {
	color: #f4700e;
}

#pagina .ms-srch-item-icon {
	margin-top: 0;
}

#pagina .ms-srch-result #Paging li {
	font-family: Arial;
    font-size: 16px;
}

#pagina .ms-ref-ctrl .ms-ref-refiner > div {
	padding: 5px 10px;
    border: 1px solid #e4e3e4;
    font-family: Arial;
    font-size: 12px;
    color: #9f9da0;
    margin-bottom: 20px;
}

#pagina .ms-ref-refinername:link, #pagina .ms-ref-refinername:visited {
	width: 100%;
}


#pagina .ms-srch-hover-outerContainer, #pagina .ms-srch-item-path {
	display: none !important;
}

#pagina .extensao > label, #pagina .capacidade > label {	
    display: block;
    font-style: italic;
    max-width: 920px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 5px;
    line-height: 21px;
}

a.scroll-to-top {    
    background: #404040;
    border-radius: 20px;
    bottom: 10px;
    color: #FFF;
    height: 40px;
    position: fixed;
    right: 35px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    line-height: 36px;
    z-index: 1040;
    opacity: 0;
}

.busca-avancada{
	color:#4d8ad8;
	line-height: 42px;
}
.busca-avancada a:visited{
	color:#4d8ad8;
}

#pagina .politica-privacidade h2 {
	color: #aaa37e;
    margin-bottom: 20px;
    font-family: 'NeutraDisp-Medium';
    font-size: 24px;
    text-transform: uppercase;
    display: inline-block;
    min-height: 21px;
    width: 100%;
}

#pagina .politica-privacidade p {
	font-size: 15px;
	line-height: 28px;
	color: #656266;
}

#pagina .politica-privacidade p.aviso {
	background-color: #f6f6f6;
	padding: 5px 10px;
	width: 100%;
	margin-bottom: 30px;
}

#pagina .politica-privacidade .form {
	width: 100%;
}

#pagina .politica-privacidade .item {
	width: calc(50% - 10px);
	float:left;
	margin-bottom: 15px;
}
#pagina .politica-privacidade .item-longo {
	width: 100%;
	float: left;
}
#pagina .politica-privacidade .item:nth-child(odd) {
	margin-right: 20px;
}

#pagina .politica-privacidade label, #pagina .politica-privacidade label  {
	font-size: 15px;
	font-weight: bold;
	color: #171e4d;
	margin-bottom: 5px;
	display: block;
}

#pagina .politica-privacidade input, 
#pagina .politica-privacidade select, 
#pagina .politica-privacidade textarea {
	width: 100%;
	border: 1px solid #ccc;
	color: #333;
	height: 32px;
	padding: 2px 5px;
    font: 13px Arial;
    margin: 0;
}

#pagina .politica-privacidade textarea {
	height: 100px;
}

#pagina .politica-privacidade input[type="submit"] {
    background-color: #ed6e11;
    color: #ffffff;
    border: 1px solid #e4e3e4;
    padding: 10px 15px;
    outline: none;
    font-family: Arial;
    font-size: 16px;
    margin: 10px 10px 0 0;
    cursor: pointer;
    width: auto;
    height: auto;
}

#pagina .politica-privacidade .sucesso {
    font-family: Arial;
    font-size: 13px;
    color: #333333;
    display: none;
}

#pagina .politica-privacidade .erro {
    font-family: Arial;
    font-size: 13px;
    color: #ff0000;
    display: none;
}

#pagina .politica-privacidade .ms-rtestate-field {
	max-width: 100%;
}

#pagina .politica-privacidade .fale_conosco {
	background-color: transparent;
	width: 100%;
	padding: 0;
}

#pagina .politica-privacidade ul {
	list-style: none;
}

#pagina .politica-privacidade ul li {
	margin-top: 20px;
}

#pagina .politica-privacidade ul li span.fa-star {
	margin-right: 10px;
	font-size: 25px;
	color: #cccccc;
	cursor: pointer;
}

#pagina .politica-privacidade ul li span.fa-star.checked {
	color: gold;
}

#pagina .politica-privacidade .g-recaptcha {
	margin-top: 30px;
}

/*
*/

#documento-procedimento #modal-wrapper { position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
#documento-procedimento #modal-wrapper .modal-background { background: #000; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; border: none; position: fixed; top: 0; left: 0; z-index: 11; visibility: visible; }
#documento-procedimento #modal-wrapper .modal { width:  70% !important; padding:  0; max-width: 1040px; min-width: 400px; min-height: 25%; max-height: 85%; height: auto; position: fixed; top: 0; left: 0; background: #fff; z-index: 12; border-radius: 4px; border: 1px solid #8DA2C6; box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.3); position: relative; min-width: auto; }


#documento-procedimento #modal-wrapper .modal .header { position: relative; background: #4D8AD8; padding: 15px 60px 15px 10px; min-height: 60px; }
#documento-procedimento #modal-wrapper .modal .header .title { text-transform: uppercase; font-weight: normal; color: white; margin: 0; font-size: 16px; line-height: 22px; }
#documento-procedimento #modal-wrapper .modal .header .close { cursor: pointer; position: absolute; right: 20px; background: white; color: #4D8AD8; width: 35px; height: 43px; top: -5px; border: 1px solid #4D8AD8; border-radius: 3px; }
#documento-procedimento #modal-wrapper .modal .header .close::after { position: absolute; left: 0; top: 0; display: block; width: 33px; height: 43px; line-height: 43px; font-family: ONSECMIcons; text-align: center; font-size: 14px; content: "\e900" }
#documento-procedimento #modal-wrapper .modal .footer { }




#documento-procedimento .btn-azul { font-size: 13px; font-weight: 500; padding: 10px 20px; box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.2) }
#documento-procedimento .btn-azul::before { content: '' }

#documento-procedimento .menu-tabs { height: 60px; list-style: none; margin: 0; padding: 0 15px; border-bottom: 2px solid #8DA2C6; display: table; width: 100%; }
#documento-procedimento .menu-tabs > li { width: calc(100%/6); height: 60px; text-align: center; font-size: 14px; position: relative; display: table-cell; vertical-align: middle; line-height: 15px; padding: 15px 0; color: #96A4BA; cursor: pointer; }
#documento-procedimento .menu-tabs > li.active { color: #4D8AD8; }
#documento-procedimento .menu-tabs > li.active::after { content: ""; width: 100%; height: 2px; background: #4D8AD8; position: absolute; bottom: -4px; left: 0; z-index: 1; }


#documento-procedimento .container { margin: 0; max-width: initial; height: calc(80vh - 120px)}
#documento-procedimento .container .item { display: none; position: relative; height: 100%; min-height: 40vh;}
#documento-procedimento .container .item.active { display: block; }
#documento-procedimento .container .item .item-header { position: relative; padding: 15px 35px; border-bottom: 1px solid #8DA2C6; }
#documento-procedimento .container .item .item-header a { text-decoration: none; display: inline-block; border-radius: 20px; line-height: 35px; margin-right: 5px; padding: 0px 20px; font-weight: bold; color: #6C788D; background: #E3E9F1; font-size: 12px; text-transform: uppercase; border: 2px solid #E3E9F1;; }
#documento-procedimento .container .item .item-header a.selected { background: white; color: #4D8AD8; border-color: #4D8AD8; }
#documento-procedimento .container .item .item-body { padding: 10px 10px 1px 10px; overflow: hidden; overflow-y: auto; }
#documento-procedimento .container .item .item-body.answering::before { position: absolute; transition: 200ms; left: 0; right: 0; bottom: 0; top: 0; display: block; content: ""; background: rgba(255,255,255, 0.7); z-index: 10; }

#documento-procedimento .container .item .item-body .item-1-list-1 > li { margin: 5px 0; border: 1px solid #CBD6E9; border-radius: 3px; background: #F5F5F5; border-bottom: none; }
#documento-procedimento .container .item .item-body .item-1-list-1 > li > .item-1-list-header { transition: 200ms; position: relative; opacity: 0.7; background: white; display: table; width: 100%; border-radius: 3px; height: 60px; border-bottom: 1px solid #CBD6E9; }
#documento-procedimento .container .item .item-body .item-1-list-1[data-type="detalhes"] > li > .item-1-list-header::before { border-radius: 2px; height: calc(100% - 6px); content: ""; position: absolute; width: 3px; left: 3px; top: 3px; background: #4D8AD8 }
#documento-procedimento .container .item .item-body .item-1-list-1 > li > .item-1-list-header.active { opacity: 1; box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.2); border-bottom: 1px solid #CBD6E9; }
#documento-procedimento .container .item .item-body .item-1-list-1 > li > .item-1-list-header div { position: relative; display: table-cell; padding: 5px; vertical-align: middle; font-size: 15px; color: #373C45; }
#documento-procedimento .container .item .item-body .item-1-list-1 > li > .item-1-list-header div > p > a.dwn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; }
#documento-procedimento .container .item .item-body .item-1-list-1[data-type="metadados"]:after { content: ''; display: block; clear: both; }
#documento-procedimento .container .item .item-body .item-1-list-1[data-type="metadados"] > li { float: left; width: calc(50% - (1% / 2)); }
#documento-procedimento .container .item .item-body .item-1-list-1[data-type="metadados"] > li:nth-child(odd) { margin-right: 1%; }
#documento-procedimento .container .item .item-body .item-1-list-1[data-type="metadados"] > li > .item-1-list-header div { padding-left: 20px; padding-right: 20px; }
#documento-procedimento .container .item .item-body .item-1-list-1[data-type="metadados"] > li > .item-1-list-header div strong { font-weight: bold; }
#documento-procedimento .container .item .item-body .item-1-list-1[data-type="detalhes"] > li > .item-1-list-header div:first-child { width: 70px; text-align: center; color: #8291AB; font-weight: bold; font-size: 22px; }
#documento-procedimento .container .item .item-body .item-1-list-1[data-type="detalhes"] > li > .item-1-list-header.active div:first-child { color: #4D8AD8; }

#documento-procedimento .container .item .item-body .item-1-list-1[data-type="detalhes"] > li > .item-1-list-header div:last-child { text-align: center; width: 50px; font-size: 0; }
#documento-procedimento .container .item .item-body .item-1-list-1[data-type="detalhes"] > li > .item-1-list-header div:last-child a { position: relative; display: inline-block; width: 30px; height: 30px; }
#documento-procedimento .container .item .item-body .item-1-list-1[data-type="detalhes"] > li > .item-1-list-header div:last-child a:after { position: absolute; top: 0; left: 0; font-family: 'ONS-Icons' !important; content: "\e904"; color: #fff; background: #4d8ad8; width: 30px; line-height: 30px; text-align: center; border-radius: 4px; font-size: 15px; }

#documento-procedimento .container .item .item-body .item-1-list-1[data-type="detalhes"] > li > .item-1-list-header.active + .item-1-list-body { border-bottom: 1px solid #CBD6E9; }
#documento-procedimento .container .item .item-body .item-1-list-1 > li > .item-1-list-body { border-bottom: none; padding: 10px; }
#documento-procedimento .container .item .item-body .item-1-list-1 > li > .item-1-list-body .item-1-list-2 > li { display: table; width: 100%; border-bottom: 1px solid #CBD6E9; margin-bottom: 10px; }
#documento-procedimento .container .item .item-body .item-1-list-1 > li > .item-1-list-body .item-1-list-2 > li:last-child { border-bottom: none; margin-bottom: 0; }

#documento-procedimento .container .item .item-body .item-23-list-1 { }
#documento-procedimento .container .item .item-body .item-23-list-1 > li { margin: 5px 0; border: 1px solid #CBD6E9; border-radius: 3px; background: #F5F5F5; border-bottom: none; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header { display: block; transition: 200ms; background: white; width: 100%; border-radius: 3px; border-bottom: 1px solid #CBD6E9; padding: 20px; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header.active { opacity: 1; box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.2); }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header span.type { display: block; margin-bottom: 5px; color: #96A4BA; font-size: 12px; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header .item-version-date { margin-bottom: 10px; color: #606773; border: 1px solid #CBD6E9; border-radius: 20px; height: 36px; padding: 5px; display: inline-block; float: none; clear: both; position: relative; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header .item-version-date span { line-height: 26px; text-transform: uppercase; font-size: 11px; padding: 5px; font-weight: bold; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header .item-version-date span:first-child { border-right: 1px solid #CBD6E9 }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header a.btnRelated { display: block; color: #F4700E; font-size: 16px; font-weight: bold; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header strong { display: block; color: #F4700E; font-size: 16px; font-weight: bold; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header p { font-size: 15px; color: #606773; margin: 0; padding: 5px 0; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header .metadata { margin-top: 10px; background: #F6F6F6; font-weight: bold; width: 100%; overflow: hidden; padding: 10px; border-radius: 5px; border: 1px solid #ccc; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header .metadata .metadata-each-info { display: block; float: left; margin-right: 10px; width: calc(50% - 10px); margin-bottom: 10px; line-height: 24px !important; padding: 5px 5px 10px 5px; border-bottom: 1px solid #ccc; font-size: 12px !important; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header .metadata .metadata-each-info:nth-child(even) { margin-right: 0; margin-left: 10px; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header .metadata .metadata-each-info:last-child { border: 0; padding-bottom: 0; margin-bottom: 0; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header .metadata .metadata-each-info:nth-last-child(2):nth-child(odd) { border: 0; padding-bottom: 0; margin-bottom: 0; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header .metadata .metadata-each-info span { color: #4D8AD8; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header .metadata .metadata-each-info strong { display: block; color: #4A4C51; font-size: 12px !important; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header .see-more { color: #4D8AD8; font-size: 13px; margin-top: 10px; display: inline-block; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header .see-more:before { content: '+ Ver mais'; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header .see-more.active:before { content: '- Ver menos'; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-header.active + .item-23-list-body { border-bottom: 1px solid #CBD6E9; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li > .item-23-list-body { display: none; border-bottom: none; padding: 20px; color: #606773; font-size: 12px !important; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li .item-23-actions { display: table; width: 100%; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li .item-23-actions > div { vertical-align: top; display: table-cell; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li .item-23-actions > div a { position: relative; background: #fff; color: #4D8AD8; border: 1px solid #CBD6E9; font-weight: bold; display: inline-block; font-size: 12px; line-height: 26px; padding: 5px 10px 5px 30px; border-radius: 20px; margin-top: 2px; }
#documento-procedimento .container .item .item-body .item-23-list-1 > li .item-23-actions > div a::before { font-family: ONSECMIcons; content: "\e90a"; display: block; width: 30px; height: 38px; line-height: 36px; font-size: 14px; text-align: center; font-weight: normal; left: 0; top: 0; position: absolute }

#documento-procedimento .container .item .item-body .item-4-list-1 { }
#documento-procedimento .container .item .item-body .item-4-list-1 > li { position: relative; margin: 5px 0; border: 1px solid #CBD6E9; border-radius: 3px; background: #F5F5F5; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li::before { z-index: 2; width: 3px; height: 100%; position: absolute; left: 0; top: 0; background: #4D8AD8;; content: ""; border-radius: 2px; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li .item-4-list-header { z-index: 3; transition: 200ms; position: relative; cursor: pointer; background: white; display: table; width: 100%; border-radius: 3px; height: 80px; padding: 20px 20px 15px 20px; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li .item-4-list-header p { font-size: 15px; color: #606773; padding: 5px 0; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li .item-4-list-header strong { color: #606773; font-size: 16px; font-weight: bold; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li .item-4-list-header.active { box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.2); border-bottom: 1px solid #CBD6E9; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li .item-4-list-header .item-4-actions { display: table; width: 100%; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li .item-4-list-header .item-4-actions > div { vertical-align: middle; display: table-cell; padding: 0 5px; font-size: 11px; color: #606773; text-transform: uppercase; font-weight: bold; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li .item-4-list-header .item-4-actions > div:first-child { width: 130px; text-transform: none; color: #4D8AD8; font-size: 13px; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li .item-4-list-header .item-4-actions > div:last-child { width: 200px; text-align: right; text-transform: none; font-weight: normal; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li .item-4-list-header .item-4-actions > div:last-child a { position: relative; color: #4D8AD8; border: 1px solid #CBD6E9; font-weight: bold; display: inline-block; font-size: 12px; line-height: 26px; padding: 5px 10px 5px 30px; border-radius: 20px; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li .item-4-list-header .item-4-actions > div:last-child a::before { font-family: ONSECMIcons; content: "\e90a"; display: block; width: 30px; height: 38px; line-height: 36px; font-size: 14px; text-align: center; font-weight: normal; left: 0; top: 0; position: absolute }
#documento-procedimento .container .item .item-body .item-4-list-1 > li .item-4-list-header.active + .item-4-list-body { }
#documento-procedimento .container .item .item-body .item-4-list-1 > li > .item-4-list-body { position: relative; display: none; padding: 10px 20px 10px 45px; overflow: auto; max-height: 310px; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li > .item-4-list-body .item-4-list-2 { transition: 200ms; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li > .item-4-list-body .item-4-list-2 > li { margin-bottom: 10px; border: 1px solid #CBD6E9; border-radius: 4px; box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.2); text-align: left; display: table; width: 100%; border-bottom: 1px solid #CBD6E9; }
#documento-procedimento .container .item .item-body .item-4-list-1 > li > .item-4-list-body .item-4-list-2 > li.answering { z-index: 11; position: relative; }

#documento-procedimento .container .item .item-body .item-4-answer { width: 100%; background: white; border-top: 1px solid #CBD6E9 }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-text-area { display: table; width: 100%; padding: 15px 15px 0 15px; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-text-area > div { display: table-cell; vertical-align: middle; padding: 5px; position: relative; z-index: 1; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-text-area > div:last-child { width: 90px; text-align: right }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-text-area > div > textarea { width: 100%; height: 60px; resize: none; border: 1px solid #CBD6E9; border-radius: 4px; background: #FBFBFB; padding: 5px 50px 5px 5px; }

#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-text-area .upload { position: absolute; right: 20px; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 2; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-text-area .upload .btn-upload-file { position: relative; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-text-area .upload .btn-upload-file::before { content: "\e90f"; font-family: ONSECMIcons; color: #8DA2C6; font-size: 30px; line-height: 30px; text-align: center; position: absolute; left: 0; top: 0; width: 30px; height: 30px; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-text-area .upload input[type=file] { opacity: 0; width: 30px; height: 30px; border: 0; border-radius: 0; padding: 0; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-text-area .loading { margin: 0; }

#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-to { border-bottom: 1px solid #CBD6E9; padding: 10px 20px; display: table; width: 100%; font-size: 13px; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-to strong { font-weight: bold; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-to > div { display: table-cell; vertical-align: middle; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-to > div:last-child { text-align: right; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-to .cancel-answer { cursor: pointer; font-weight: bold; padding-right: 30px; position: relative; line-height: 20px; display: inline-block; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-answer-to .cancel-answer::after { width: 20px; height: 20px; line-height: 20px; background: #D5E0ED; border-radius: 100%; display: block; right: 5px; color: #6E7C8D; position: absolute; font-size: 10px; cursor: pointer; font-family: ONSECMIcons; content: "\e900"; top: 0; text-align: center; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-upload-file-area > .item-4-file-name { position: relative; display: inline-block; border-radius: 15px; line-height: 20px; font-size: 12px; padding: 5px 40px 5px 30px; border: 1px solid #CBD6E9; color: #4D8AD8; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-upload-file-area > .item-4-file-name a { color: #4D8AD8 }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-upload-file-area > .item-4-file-name span.btnRemoveAttachment { width: 20px; height: 20px; background: #D5E0ED; border-radius: 100%; display: block; right: 5px; top: 5px; position: absolute; color: #6E7C8D; cursor: pointer; }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-upload-file-area > .item-4-file-name span.btnRemoveAttachment::before { position: absolute; left: 0; top: 0; line-height: 20px; width: 20px; display: block; text-align: center; font-size: 10px; cursor: pointer; font-family: ONSECMIcons; content: "\e900" }
#documento-procedimento .container .item .item-body .item-4-answer > div.item-4-upload-file-area > .item-4-file-name::before { font-family: ONSECMIcons; content: "\e90a"; display: block; width: 30px; height: 30px; line-height: 30px; font-size: 12px; text-align: center; font-weight: normal; left: 0; top: 0; position: absolute; }
#documento-procedimento .container .item .item-body .item-4-answer > .item-4-upload-file-area { padding: 5px 20px; }

#documento-procedimento .container .item .item-body .item-5-list-1 { }
#documento-procedimento .container .item .item-body .item-5-list-1 > li { margin: 5px 0; border: 1px solid #CBD6E9; border-radius: 3px; background: #F5F5F5; border-bottom: none; }
#documento-procedimento .container .item .item-body .item-5-list-1 > li > .item-5-list-header { transition: 200ms; position: relative; cursor: pointer; opacity: 0.7; background: white; display: table; width: 100%; border-radius: 3px; height: 80px; border-bottom: 1px solid #CBD6E9; }
#documento-procedimento .container .item .item-body .item-5-list-1 > li > .item-5-list-header.active { opacity: 1; box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.2); }
#documento-procedimento .container .item .item-body .item-5-list-1 > li > .item-5-list-header div { display: table-cell; padding: 2px; vertical-align: middle; font-size: 15px; color: #373C45; }
#documento-procedimento .container .item .item-body .item-5-list-1 > li > .item-5-list-header div:last-child { padding-left: 10px; }
#documento-procedimento .container .item .item-body .item-5-list-1 > li > .item-5-list-header div:first-child { width: 35px; text-align: center; color: #8291AB; font-weight: bold; font-size: 22px; }
#documento-procedimento .container .item .item-body .item-5-list-1 > li > .item-5-list-header div:first-child span { transition: 200ms; display: block; position: relative; width: 100%; height: 100%; background: #B1D3FF; border-radius: 2px; color: #4D8AD8; }
#documento-procedimento .container .item .item-body .item-5-list-1 > li > .item-5-list-header div:first-child span::before { content: "+"; position: absolute; left: 50%; top: 50%; width: 20px; display: block; text-align: center; font-size: 18px; height: 20px; display: block; margin-left: -10px; margin-top: -10px; line-height: 20px; }
#documento-procedimento .container .item .item-body .item-5-list-1 > li > .item-5-list-header.active div:first-child span { color: white; background: #4D8AD8; }
#documento-procedimento .container .item .item-body .item-5-list-1 > li > .item-5-list-header.active div:first-child span::before { content: "-" }
#documento-procedimento .container .item .item-body .item-5-list-1 > li > .item-5-list-header.active + .item-5-list-body { border-bottom: 1px solid #CBD6E9; }
#documento-procedimento .container .item .item-body .item-5-list-1 > li > .item-5-list-body { border-bottom: none; display: none; padding: 30px 30px 30px 45px; overflow: auto; max-height: 310px; color: #606773; font-size: 15px; }
#documento-procedimento .container .item .item-body .item-5-list-1 > li > .item-5-list-body .item-5-list-2 { }
#documento-procedimento li {
    list-style: none;
}

@media(max-width: 992px) {
	#documento-procedimento #modal-wrapper .modal { width: 95% !important }
	#documento-procedimento .menu-tabs { padding: 0 5px; }
	#documento-procedimento .menu-tabs > li { padding: 5px; font-size: 11px; }
}


.wrapper.vigentes .loading-fullscreen { position: fixed; top: 0; left: 0; width: 145px; height: 100px; z-index: 11; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.47); padding: 20px; border-radius: 4px; }
.wrapper.vigentes .loading-fullscreen div { text-align: center; }
.wrapper.vigentes .loading-fullscreen div button { min-width: 0; background: transparent; border: none; font-weight: 700; color: #4D8AD8; text-transform: uppercase; box-shadow: none; padding: 0; border-radius: 0; font-size: inherit; }
.wrapper.vigentes .loading-fullscreen div button i { display: block; color: #4D8AD8; font: normal normal normal 14px/1 FontAwesome; font-size: 33px; margin-bottom: 6px; }
.wrapper.vigentes .loading-fullscreen span { display: block; text-align: center; color: #6C717C; font-size: 16px; }

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
	font-size: 18px !important;
	font-family: Calibri !important;
	font-weight: bold !important;
	display: inline !important;
}

.jconfirm .jconfirm-box .jconfirm-content {
	overflow: hidden !important;
	font-family: Calibri !important;
	font-size: 14px !important;
	line-height: 20px !important;
}															  
/* IPDO */
@media(max-width: 992px) {
	.ms-WPBody > div > .conteudoComponent { width: 70%; }
	.ms-WPBody > div > .comentarioComponent { width: 70%; }
}
/* IPDO */


.noticiasDetails .pageContent * {
	font-family: "Roboto";
	font-size: 15px;
  }
  
  /*PRODUTOS EM DESTAQUE 26/06/2023 */
	.produtos-em-destaque {
	  display: grid;
	  gap: 10px;
	  grid-template: repeat(2, 1fr) / repeat(2, 1fr);
	}
	.produtos-em-destaque > div {
	  height: 240px;
	  overflow: hidden;
	}
	.produtos-em-destaque > div > a {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  z-index: 0;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  background-size: cover !important;
	  cursor: pointer;
  
	  -webkit-transition: all 0.5s;
	  -moz-transition: all 0.5s;
	  -o-transition: all 0.5s;
	  transition: all 0.5s;
	}
	.produtos-em-destaque > div > a:hover,
	.produtos-em-destaque > div > a:focus {
	  -ms-transform: scale(1.2);
	  -moz-transform: scale(1.2);
	  -webkit-transform: scale(1.2);
	  -o-transform: scale(1.2);
	  transform: scale(1.2);
	}
	.produtos-em-destaque > div > a::before {
	  content: '';
	  position: absolute;
	  z-index: 1;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
	.produtos-em-destaque > div > a.powerBi {
	  background: transparent url('/style%20library/custom/img/produtos-em-destaque/mapaMargem.png') no-repeat center center;
	}
	.produtos-em-destaque > div > a.powerBi::before {
	  background-color: rgba(54, 108, 217, 0.8);
	}
	.produtos-em-destaque > div > a.mapaMargem {
	  background: transparent url('/style%20library/custom/img/produtos-em-destaque/historicoOperacao.png') no-repeat center center;
	}
	.produtos-em-destaque > div > a.mapaMargem::before {
	  background-color: rgba(75, 85, 43, 0.8);
	}
	.produtos-em-destaque > div > a.historicoOperacao {
	  background: transparent url('/style%20library/custom/img/produtos-em-destaque/geracaoEolicaSolar.png') no-repeat center center;
	}
	.produtos-em-destaque > div > a.historicoOperacao::before {
	  background-color: rgba(232, 119, 34, 0.8);
	}
	.produtos-em-destaque > div > a.geracaoEolicaSolar {
	  background: transparent url('/style library/custom/img/produtos-em-destaque/geracaoEolicaSolar.png') no-repeat center center;
	}
	.produtos-em-destaque > div > a.geracaoEolicaSolar::before {
	  background-color: rgba(42, 87, 117, 0.8);
	}
	.produtos-em-destaque > div > a > span {
	  position: absolute;
	  z-index: 1;
	  text-align: center;
	  font: normal normal bold 24px/27px Arial;
	  color: #ffffff;
	  text-shadow: 0px 3px 6px #00000029;
	}
	  .produtos-em-destaque > div > a > div > span {
	  position: relative;
	  z-index: 1;
	  text-align: center;
	  font: normal normal bold 24px/27px Arial;
	  color: #ffffff;
	  text-shadow: 0px 3px 6px #00000029;
	}
  
  /*END OF PRODUTOS EM DESTAQUE 26/06/2023 */