body{	
	font-family: 'Roboto', sans-serif;
}







/*#acessibilidade,*/ 
.padrao_sem_titulo div, .padrao_com_titulo a {
	background: #ccd5b2;
}

#topo-comum, .rodape {
	border-bottom: 0;
}

#menu li a {
	padding: 15px 4.28em;
	
}

.carousel-indicators li{
  border: 1px solid;
  
}
.carousel-indicators .active {
  border: 2px solid;  
  margin: 0 5px;
}

.carousel-caption{
    display: none;
}

.noticias-padrao .col-sm-4{
	min-height: 24em;
}
.noticia-padrao {
    min-height: 24em;
}
.titulo {
	border-bottom: 4px solid;
}
#galerias .col-sm-12, #galerias .col-sm-4 {
	padding-left: 0;
}
#galerias .col-sm-4 {
	margin-top: 10px;
	width: 33.2%;
}

/* barras e títulos*/
#conteudo-portal-padrao .titulo {
    border-bottom: 4px solid;
    font-size: 19px;
}

.conteudo-comum .linha-inicio {
    margin-top: .8em;
    padding: .9em;  
    font-weight: bold;    
}

.conteudo-comum .linha-inicio a {  
    text-decoration: none;
    font-weight: 400;
}

#conteudo .col-sm-9 h2, .titulos-comum {   
    font-size: 2.7em;
    border-bottom: 5px solid;
    font-weight: 400;
    margin-bottom: 30px;
    min-width: 50%;
    display: inline-flex;
    padding-left: 0;
}






/* Principal*/
.noticias-destaque-padrao{
    margin-top: 33px;
}
/* FIM Principal*/





/* portlets páginas sem título*/
.portlet-sem-titulo a, .portlet-destaque a {
    border-radius: 0px !important;
    width: 100%;
    height: 5em;
    margin-bottom: .2em;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
}

.barra-lateral h3 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 0px;
}



/* lateral*/
#lateral{
    margin-top: 21px !important;
}
.padrao_sem_titulo{
	margin-top: 0px;
}
.padrao_sem_titulo h3{
	margin: 0 0 3px 0;
    padding: 36.5px 0px;
    font-size: 18px;
    text-align: center;
    height: 90px;
}
.padrao_com_titulo a{
    padding: 40.5px 0;
    padding-right: 25px;
    padding-left: 25px;

}



.padrao_sem_titulo a:hover {
	text-decoration: none;	
}

.h3, h3 {
    font-size: 16px;
    font-weight: bold;
}

#agenda li {
    border-bottom: 1px solid;
    padding: 5px 0px;
}
#agenda h3{
	margin-top: 0;	
}


.nano {
	height: 22em;
	margin-top: 5px;
}
/* fim lateral*/







#agenda {
    margin-top: 4.8em;
}
.links-botoes {
	padding: 0;
	margin-top: 30px;
}





/*mobile*/
@media (max-width: 767px) {
    .noticias-padrao .col-sm-4 {
        width: auto;
        min-height: auto;
    }
    #galerias .col-sm-4 {
        width: 100%;
    }

}



@media (max-width: 576px) {

}



@media (min-width: 577px) and (max-width: 767px) {

}



@media (min-width: 768px) and (max-width: 991px) {
    .padrao_sem_titulo h3{
      padding: 19.5px 0px;
      font-size: 1.6em;
    }
    .titulo {
        font-size: 1.6em;
        margin-top: 12px;
    }
.padrao_com_titulo h3 {
	font-size: 15px;
	margin: 10px;
}

}



@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        padding: 0;
    }
    #acessibilidade a {
        padding: 10px 8px;
    }
    .padrao_sem_titulo h3 {
        padding: 24px 0px;
        font-size: 22px;
    }
    .padrao_com_titulo h3{
        font-size: 18px;
        margin: 12px 0;
    }
    .titulo {
        margin-top: 10px;
    }
}




/*mobileCustom*/

@media (max-width: 1199px) and (min-width: 992px){
	.padrao_sem_titulo h3 {
		font-size: 18px;
		height: 5.72em;
	}

	#menu li a {
		    padding: 15px 3.2em;
	}

    .padrao_com_titulo{
        margin-top: 41px;
    }
}



@media (max-width: 991px) and (min-width: 768px){
	.padrao_sem_titulo h3 {
		padding: 19.5px 0px;
		font-size: 1.6em;
		height: 79px;
	}

	#menu li a {
		padding: 15px 32px !important;
		font-size: 1.5em;
	}

    .padrao_com_titulo{
        margin-top: 38px;
    }
}

@media (max-width: 767px) and (min-width: 577px){
	.noticias-padrao a h3 {
		padding-left: 0px;
		margin-top: 21px;
	}
}



#conteudo-portal-padrao .destaque-padrao .carousel-control:hover {
	opacity: .9;
}



/*//////////////////////////////////////// Espaçamento dinamico (flex) Menu //////////////////////////////////////*/

#menu{	
	display: flex;
	align-items: center;
    height: 50px;
}

.container.navegacao{
    height: 100%;
}

#menu ul.nav.navbar-nav {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    
}

.navbar-nav > li {
    display: flex;
    float: left;
    flex-grow: 1;
    justify-content: center;
}

#menu li a{
    text-align: center;
    padding: 0px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

#menu .multi-level li a {
    text-align: left;
}

@media (max-width: 991px) and (min-width: 768px){
    .navegacao{
        width: 100%;
        margin-left: 1%;
        margin-right: 1%;
    }

    #menu li a{
        padding: 15px 0px !important;
        font-size: 1.42em;
    }
}

@media (max-width: 767px){
    .container.navegacao {        
        width: 100%;
        padding: 0px;
    }
    

    #menu ul{
        flex-direction: column;
    }

    .navbar-nav {
       margin:0px
    }

    .navbar-brand {
        margin-left: 23px;
    }
    .navbar-nav > li {
        display: block;

    }
   


}

/*///////////////////////////////////////// FIM spaçamento dinamico (flex) Menu ///////////////////////////////////////*/





/*///////////////////////////////////////// HIDE DAS ARROWS DO BANNER ///////////////////////////////////////*/

.carousel-control {
	opacity: .0;
	width: 7%;
}


#conteudo-portal-padrao .destaque-padrao .carousel-control:hover {
	opacity: .9;
}


#carousel-example-generic:hover .carousel-control {
    opacity: .5;
}

/*///////////////////////////////////////// FIM HIDE DAS ARROWS DO BANNER ///////////////////////////////////////*/





/*////////////////////////////////////////////// CORES /////////////////////////////////////////////////////////////////*/
body{
	color:#5b5a5a;
}


/*============================== Header e Título ===========*/

/*Header Background */
#topo-comum{
    background: #E6E6E6;
}

/*Header Fonte */
#topo-titulo h1, #topo-titulo p, #topo-titulo h2, #busca {
    color: #167B84;
}
/*==========================================================*/





/*============================== Menu ======================*/

/*Menu Background + Botões Menu  */
#menu, 
#menu li a,
#menu .multi-level li a {
    background: #00656E;
}

/*Botões Menu Over */
#menu li.active > a, 
#menu li a:hover, 
#menu li a:focus, 
.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover {
    background: #9AB93B;
}

/*Fonte Botões Menu*/
#menu li a, 
#menu .multi-level li a {
    color: #fff;
}



/*Fonte Botões Menu Over*/
#menu li.active a, 
#menu li a:hover, 
#menu li a:focus, 
.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover {
    color: #fff;
}
/*==========================================================*/





/*============================== Botões ======================*/
/*Fonte + Background*/
.padrao_com_titulo a, .padrao_sem_titulo h3, .padrao_sem_titulo div, .portlet-sem-titulo a, .portlet-destaque a {
    background: #E3E9D1;
    color: #255E63;
}

/*Fonte + Background (OVER)*/
.padrao_com_titulo a:hover, .padrao_sem_titulo h3:hover, .padrao_sem_titulo div:hover a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    background: #82ADB1;
    color: #FFFFFF;
}
/*==========================================================*/





/*====================== Título e Barras ===================*/
#conteudo-portal-padrao .titulo {
    border-bottom-color: #9AB93B;
    color: #187A82;
}
/*==========================================================*/





/*====================== Rodapé ================*/
/*Rodapé1*/
.rodape, .rodape h3, .rodape li a, .topo-rodape{
    background: #333333;
    color: #ffffff;
    border-bottom-color: #ffffff;

}


/*Rodapé2*/
#copy{
    background: #2D2D2D;
}
/*==========================================================*/





/*====================== INTERNA Breadcrumb ================*/
.conteudo-comum .linha-inicio {
    color: #255E63;
    font-weight: bold;
    background: #E3E9D1;
}
/*==========================================================*/


/*====================== INTERNA Título ====================*/
#conteudo .col-sm-9 h2, .titulos-comum {
    color: #145571;
    border-bottom-color: #9bba3b;
}
/*==========================================================*/


/*================= Indicador Banner Rotativo ===============*/
.carousel-indicators .active {
	border: 2px solid;
	margin: 0 5px;
	border-color: #445706;
}
/*==========================================================*/

/*//////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////*/