@font-face {
	font-family: 'Omnes semibold';
	src: url('../fonts/Omnes/OMNES-SE_3.ttf') format('opentype');
}
@font-face {
	font-family: 'Omnes bold';
	src: url('../fonts/Omnes/OMNES-BO_3.ttf') format('opentype');
}

@font-face {
	font-family: 'Omnes';
	src: url('../fonts/Omnes/OMNES-RE_3.ttf') format('opentype');
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto/Roboto-Bold.ttf') format('opentype');
}
@font-face {
	font-family: 'Roboto normal';
	src: url('../fonts/Roboto/Roboto-Regular.ttf') format('opentype');
}
/* pagina sobre sanesul */
.editSobreEmpresa{
	list-style: none;
	
}
.editSobreEmpresa img {
    padding: 0px 0 15px;
    position: absolute;
    left: 10px;
}
.editSobreEmpresa li{
    margin: 20px 0;
}
.missao, .visao, .negocio{
	background-color: #F5F5F5;
	border-right: 10px solid #00ADEF;
	width: 90%;
	display: flex;
	margin: 30px 0;
}
.missao img, .visao img, .negocio img{
	padding: 15px 0px 15px 40px;
}
.missao h4, .missao p, .visao h4, .visao p, .negocio h4, .negocio p{
	padding: 0 15px;
	width: 85%;
}
.missao h4, .visao h4, .negocio h4, .premio h4{
	font-weight: bolder;
}
.premio{
	background-color: #F5F5F5;
	border-right: 10px solid #00ADEF;
	width: 85%;
	display: flex;
	margin: 30px 0;
}
.premio h4{
	font-family: Roboto, sans-serif;
    padding: 0px 10px 0px 55px;
}
.premio p{
    padding: 0px 10px 0px 55px;
	width: 85%;
	font-family: Roboto normal, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 15px;
	letter-spacing: 0.02em;
	color: #333333;
}
.enderecoEmpresa h5{
	font-family: Omnes semibold, sans-serif;
	font-size: 18px;
	line-height: 105.5%;
	letter-spacing: -0.055em;
	color: #0075BC;
}
.enderecoEmpresa{
	margin-bottom: 50px;
}
.diretoria{
	display: block;
}
.diretoria h5, .diretoria p{
	font-family: Roboto normal, sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	letter-spacing: 0.02em;
	color: #333333;
}
.diretoria h5{
	font-weight: bold;
}
.diretoria img{
	display: block;
	margin:  0 auto;
}
.diretoria .titulo h2{
	margin: 45px 0;
}

.organograma{
	margin: 45px 0;
}
.organograma .d_doc{
	margin: 5px 0;
}

.mgn-organo{
	margin: 35px 0;
}
/* final da pagina sanesul 
====================================================================================================
 pagina PMI */
.acessoRestrito{
	background: rgba(149, 193, 30, 0.83);
}
.editTituloAcesso h3{
	font-family: Omnes semibold, sans-serif;
	font-size: 36px;
	line-height: 142.5%;
	text-align: left;
	color: #0075BC;
}
.editTituloAcesso p{
	font-family: Omnes;
	font-size: 12px;
	line-height: 142.5%;
	color: #0075BC;

}
.editForm .form-control{
	width: 30% !important;
	margin: 25px 0;
}
.mgn-acesso{
	margin: 40px 0 80px;
}
.mgn-padrao2 .d_doc{
	margin: 5px 0;
}
.mgn-padrao2{
	margin-bottom: 70px;
}
/* final pagina PMI 
==================================================================================
 pagina memoria */

 .titulomemoria h3{
 	font-family: Roboto;
 	font-style: normal;
 	font-weight: 900;
 	font-size: 22px;
 	line-height: 26px;
 	letter-spacing: 0.185em;
 	color: #FFFFFF;
 	background: #95C11E;
    padding: 0 40px;
    width: 20%;
    margin: 30px 0 15px;
}
.titulomemoria h3{
 	width: 20%;
  }
.titulomemoria p{
	font-family: Roboto normal, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	text-align: justify;
	color: #333333;
	width: 95%;
}

.exPresidente{
	background-color: #EFEFEF;
	margin: 25px 0 45px;
}
.exPresidente .titulo{
	margin-top: 25px;
}
.editexPresidente{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 45px;
}
.editexPresidente li{
	padding: 3px 0;
}
/* final pagina memoria 
==========================================================================
inicio pagina Missão e valores*/
.subtituloMissao h3{
	font-family: Roboto, sans-serif ;
	font-style: normal;
	font-weight: bolder;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -0.055em;
	color: #333333;
	margin: 50px 0 35px;
}

.editListaPrincipio{
	list-style: none;
	
}
.editListaPrincipio img {
    position: absolute;
    left: -10px;
    top: 10px;
}
.editListaPrincipio li{
    margin: 20px 0;
}
.editListaPrincipio h4{
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: -0.055em;
	color: #333333;
}
.editListaPrincipio p{
	font-family: Roboto normal, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -0.055em;
	color: #333333;
}
.panel-title a{
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: -0.055em;
	color: #FFFFFF !important;
}
.tm-texto p{
	width: 60%;
}
.tm-texto2 p{
	width: 85%;
}

/* fim pagina missao e valores 
=--===============================================================
 pagina concursos*/

.panel-default>.panel-heading {
	background-image: none;
	
}
.bg-acordeon-fechado{
	background-image: none;
	background-color: #0189CF !important; 
}
.bg-acordeon-aberto{
	background-color: #95C11E !important;

}
.panel-body{
	background-color: #F5F5F5;
}
.panel-title i {   
    margin: 0 0 0px 44%;
}

/* fim pagina de concurso
=========================================================================
Pagina VPN */
.vpn .borda-bottom{
	padding: 0px;
}
.botao-edit{
	background: #95C11E;
	border-radius: 3px;
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	line-height: 140.5%;
	color: #FFFFFF;
	padding: 5px 25px !important;
}
.btn:hover{
    color: #1D96B7 !important;
}
/* final pagina VPN 
===============================================================================
pagina numeros */
.editNumeros h3{
	font-family: Roboto normal, sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 40px;
	line-height: 89.69%;
	letter-spacing: 0.025em;
	color: #FFFFFF;
}
.editNumeros p{
	font-family: Roboto normal, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 118%;
	color: #FFFFFF;
	width: 40%;
	padding-top: 15px;
}
.grid-container {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 5px;
	
}
.grid-container2 {
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 5px;
	padding-top: 5px;
}
.imagem-linha{
	display: flex;
	
}
.imagem-linha img{
	margin: 0 auto;
	height: 60px;

}
.bg-cor-numeros-1{
	background-color: #0075BC;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.19);
	border-radius: 3px;
	padding: 15px;
	
}
.bg-cor-numeros-2{
	background: #1D96B7;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px;
	padding: 15px;
}
.bg-cor-numeros-3{
	background: #0189CF;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px;
	padding: 15px;
}
.bg-cor-numeros-4{
	background: #0092DD;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px;    
	padding: 15px;
}
.bg-cor-numeros-5{
	background: #1EA1F0;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px;    
	padding: 15px;
}
.bg-cor-numeros-6, .bg-cor-numeros-11{
	background: #297D94;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px;    
	padding: 15px;
}
.bg-cor-numeros-7{
	background: #95C11E;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px;    
	padding: 15px;
}
.bg-cor-numeros-8{
	background: #449AC6;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px;
	padding: 15px;
}  
.bg-cor-numeros-9{
	background: #066DAB;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px;    
	padding: 15px;
}
.bg-cor-numeros-10{
	background: #81B000;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px;    
	padding: 15px;
}
.bg-cor-numeros-12{
	background: #3F96AD;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px;   
	padding: 15px;
}

/* final da pagina numeros */

/*governança corporativa*/

/******************* Timeline Demo - 8 *****************/
.main-timeline8{overflow:hidden;position:relative}
.main-timeline8:after,.main-timeline8:before{content:"";display:block;width:100%;clear:both}
.main-timeline8:before{content:"";width:3px;height:100%;background:#d6d5d5;position:absolute;top:30px;left:50%}
.main-timeline8 .timeline{width:50%;float:left;padding-right:30px;position:relative}
.main-timeline8 .timeline-icon{width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid #fe6847;position:absolute;top:5.5%;right:-17.5px}
.main-timeline8 .year{display:block;padding:10px;margin:0;font-size:30px;color:#fff;border-radius:0 50px 50px 0;background:#fe6847;text-align:center;position:relative}
.main-timeline8 .year:before{content:"";border-top:35px solid #f59c8b;border-left:35px solid transparent;position:absolute;bottom:-35px;left:0}
.main-timeline8 .timeline-content{padding:30px 10px;margin:0 19px 0 35px;background:#f2f2f2}
.main-timeline8 .title{font-size:19px;font-weight:700;color:#504f54;margin:0 0 10px}
.main-timeline8 .description{font-size:14px;color:#7d7b7b;margin:0}
.main-timeline8 .timeline:nth-child(2n){padding:0 0 0 30px}
.main-timeline8 .timeline:nth-child(2n) .timeline-icon{right:auto;left:-14.5px}
.main-timeline8 .timeline:nth-child(2n) .year{border-radius:50px 0 0 50px;background:#7eda99}
.main-timeline8 .timeline:nth-child(2n) .year:before{border-left:none;border-right:35px solid transparent;left:auto;right:0}
.main-timeline8 .timeline:nth-child(2n) .timeline-content{margin:0 35px 0 19px}
.main-timeline8 .timeline:nth-child(2){margin-top:170px}
.main-timeline8 .timeline:nth-child(odd){margin:-175px 0 0}
.main-timeline8 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline8 .timeline:first-child,.main-timeline8 .timeline:last-child:nth-child(even){margin:0}
.main-timeline8 .timeline:nth-child(2n) .timeline-icon{border-color:#7eda99}
.main-timeline8 .timeline:nth-child(2n) .year:before{border-top-color:#92efad}
.main-timeline8 .timeline:nth-child(3n) .timeline-icon{border-color:#8a5ec1}
.main-timeline8 .timeline:nth-child(3n) .year{background:#8a5ec1}
.main-timeline8 .timeline:nth-child(3n) .year:before{border-top-color:#a381cf}
.main-timeline8 .timeline:nth-child(4n) .timeline-icon{border-color:#f98d9c}
.main-timeline8 .timeline:nth-child(4n) .year{background:#f98d9c}
.main-timeline8 .timeline:nth-child(4n) .year:before{border-top-color:#f2aab3}
@media only screen and (max-width:767px){.main-timeline8{overflow:visible}
.main-timeline8:before{top:0;left:0}
.main-timeline8 .timeline:nth-child(2),.main-timeline8 .timeline:nth-child(even),.main-timeline8 .timeline:nth-child(odd){margin:0}
.main-timeline8 .timeline{width:100%;float:none;padding:0 0 0 30px;margin-bottom:20px!important}
.main-timeline8 .timeline:last-child{margin:0!important}
.main-timeline8 .timeline-icon{right:auto;left:-14.5px}
.main-timeline8 .year{border-radius:50px 0 0 50px}
.main-timeline8 .year:before{border-left:none;border-right:35px solid transparent;left:auto;right:0}
.main-timeline8 .timeline-content{margin:0 35px 0 19px}
}

.panel-info > .panel-heading {
    background-color: #587084;
    color: #fff;
}



/* final governança corporativa*/



/* col-MD telas pequenas do note */
@media(max-width: 1200px){
	.panel-title i {
	    text-align: right;
	    margin: 0 0 0px 30%;
	}
}
@media(min-width: 992px) and (max-width: 1199.98px) {
	
}

/* col-SM tablet  */
@media (min-width: 768px) and (max-width: 991px){
	
}

/* col-XS para mobile */
@media (max-width: 768px) {
	.editForm .form-control{
		width: 50% !important;
	}
	.mgn-acesso{
		margin: 20px 0 40px;
	}
	.mgn-padrao2{
		margin-bottom: 40px;
	}
	.grid-container {
		grid-template-columns: auto auto;
	}


}
/* ajuste fino mobile */
@media (min-width: 426px) and (max-width: 767px) {
		.titulomemoria h3{
	 		width: 34%;
	  	}
}
@media (max-width: 425px) { 
	.editForm .form-control{
		width: 100% !important;
	}
	.mgn-acesso{
		margin: 5px 0 20px;
	}
	.mgn-padrao2{
		margin-bottom: 10px;
	}
	.titulomemoria h3{
 		width: 34%;
  	}
  	.subtituloMissao h3{
  		margin: 10px 0 10px;
  	}
  	.panel-title i {
  	    text-align: right;
  	    margin: 0 0 0px 50%;
  	}
  	.grid-container {
  		grid-template-columns: auto;
  	}
  	.grid-container2 {
  		grid-template-columns: auto;
  	}

}
@media(max-width: 375px){
		.titulomemoria h3{
	 		width: 50%;
	  	}	
}
@media(max-width: 320px){
	
}

.indent{
	text-indent: 30px;
}