@import "tipology.css";
@import "menus.css";
@import "links-buttons.css";
@import "hacks.css";
@import "carousel.css";
@import "busca.css";

/* ESTRUTURA DO PROJETO */
#wrapper{width: 100%; height: 100%;}

body{background-color: #FFFFFF;}

#header, #conteudo, #menu-area-cursos, #slider, #procura, #breadcrumb,
#conteudo-interno, #mapa-site, #footer{width: 100%;}

/*-----HEADER-----*/
#cabecalho{
	background-color: #FFF;
	padding: 66px 0 15px 0px;	
}

.logo{margin-bottom: 0px;}

.logos-instituto{padding-top: 10px;}

.contatos{
	padding: 0;
	margin: 0;
}

.contatos > li{
	display: inline;
	list-style: none;	
}

.contatos > li > a{
	float: left;
	margin: 0 50px;		
}

.contatos > li > a:last-child{margin-right: 0;}

.contatos > li > a:hover{text-decoration: none;}

.contato-icone{width: auto; margin-bottom: 10px; float: none; text-align: center; }

.contato-contact{float: none; width: auto; }

.contato-icone .fa-phone, .contato-icone .fa-whatsapp, .contato-icone .fa-cogs, #mapa-site .contatos{
	width: 45px;
	height: 45px;
	padding: 10px;
	color: #FFF;
	background-color: #188076;
	text-align: center;
	border-radius: 50%;
}

.contato-icone .fa-cogs{width: auto; height: auto;}

.contato-titulo{
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
	text-align:center;	
}

.contato-informa{
	font-size: 12px;
	font-weight: 700;
	color: #284480;
	text-align:center;
	font-family: 'Ubuntu', sans-serif;	
}


/*-----SLIDER-----*/
#slider{
	background-color: #FFF;
	padding: 0;
	margin-top: 20px;	
}

/*-----INDEX-----*/
 
#carousel-parceiros ol, #carousel-cursos ol{top: 95%;}

/*Section Notícias*/
#noticias{
	background-color: #188076;
	padding: 20px 0 40px;	 
}

#noticias .thumbnail {
    position: relative;
    padding: 20px;
    margin-bottom: 20px;
	background-color: #F8F8F8;
	border-radius: 0;		
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	border-bottom: 6px solid #F0AD4E;
}

#noticias .thumbnail:hover{ border-bottom: 6px solid #449890; background-color: #FFF; }

#noticias .thumbnail img {
    width: 100%;
	height: 152px;
	margin-top: 5px;
	overflow-y: hidden;
}


/*Section Procura*/
#procura{
	padding: 20px 0 40px;
	background-color: #FFF;	
}

.procura{
	border-color: #5CB85C;
	height: 42.5px;	
}

/*Section Área dos Cursos*/
#area-cursos{
	padding: 20px 0 40px;
	background-color: #D3EAE6;
}

/*Section Promoção*/
#promocao{padding: 0px 0 40px;}


/*Section Pos-graduacao*/
#pos-graduacao{
	/*background-color: #FFF;*/
	padding: 20px 0 40px;	
}

.box {
    border-radius: 3px;
	background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	padding: 10px 25px;
    text-align: right;
    display: block;
    margin-top: 60px;
	height: 350px;
}
.box-icon {
    background-color: #188076;
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.info > a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.info > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}

/*-----PÁGINAS INTERNAS-----*/
.conteudo-interno{
	background-color: #F5FBFB;
}

/*Section breadcrumb*/
#breadcrumb{
	background-color: #ABC8C3;
	margin-top: 10px;
}

.breadcrumb{
	font-size: 13px;
	background: transparent;
	padding: 7px 0;	
	margin-bottom: 0;
	text-align: left;
	text-transform: uppercase;
}

/*Section Titulo Página*/
#titulo-pagina{
	background: #E8F4E8;
	background-image: url(../img/bk.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 143px;
	padding: 10px 0;	
}

#conteudo-interno{
	padding: 30px 0;	
}

/*Página - Quem Somos*/
#instituto, #sidebar, #sidebar-matricula{}

.tab {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  line-height: 1.5;
  font-weight: 300;
  color: #888;
  -webkit-font-smoothing: antialiased;
}

.tabs {
  display: table;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: 2px solid #57A29B;
}
.tabs li {
  float: left;
  line-height: 38px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.tabs a {
  background-color: #FFF;
  color: #888;
  font-weight: 500;
  display: block;
  letter-spacing: 0;
  outline: none;
  padding: 0 20px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.tabs_item {
  display: none;
  padding: 30px 0;
}

.tabs_item img {
  width: 250px;
  float: left;
  margin-right: 50px;
  margin-bottom: 20px;
}

.tabs_item:first-child {
  display: block;
}

.current a {
  color: #fff;
  background: #57A29B;
}


/*Página Pós-graduação - Área*/
#informacoes-curso{}

#informacoes-curso .busca{
	padding: 10px;
	background-color: #D3EAE6;	
}

#informacoes-curso .form-group{margin-bottom: 0;}

#informacoes-curso .form-group select{	
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	border: none;
	position:relative;
	color: #888;
}

#informacoes-curso .form-group select option{padding: 3px; text-transform: uppercase;}

.tabela-cursos{margin-top: 30px; text-transform: uppercase;}

.tabela-cursos thead tr th {
	background-color: #EBF9F7;
}

.tabela-cursos tr{ cursor: pointer; }

.tabela-cursos table{border-collapse:collapse;}

.tabela-cursos table tr th, .tabela-cursos table tr td {border: none;}

.tabela-cursos tr:nth-child(odd) {
    background-color: #D3EAE6;
	border: 0;
}
.tabela-cursos tr:nth-child(even) {
    background-color: #EBF9F7; 
}

/*Taxa de matrícula*/
.tabela-taxa{border: 1px solid #B94743; margin-bottom: 20px; font-weight: 700; }

.tabela-taxa tr td{padding: 10px; }

.tabela-taxa .td-taxa{background-color: #B94743; color: #FFF; width: 68%; }

.tabela-taxa .td-price{color: #B94743; font-size: 18px; }


/*Tabelas Mensalidade e Material Didático*/
.tabela-mensalidade .table-bordered {
	border: 1px solid #dddddd;	
	text-align: center;
	font-size: 13px;
	margin-bottom: 30px;
}

.widget.widget-table .table th{background-color: #F0F0F0; color: #666666; text-transform: uppercase; text-align: center;}

.widget.widget-table .widget-content {
	padding: 0;	
}

.widget.widget-table .widget-content tr td{background-color: #FFF;}

.widget .widget-header {
	text-align: center;
	position: relative;
	line-height: 40px;
	background: #F2DEDE;
}

.widget tfoot{border-bottom: 8px solid #B94743;}

.pos-img{text-align: center; margin-bottom: 30px; max-height: 230px; overflow-y: hidden; }


/*Página Dúvidas Frequentes*/
.bk-detail{background-color: rgba(255,255,255,0.7); padding: 10px; margin-top: 10px; }


/*Página Notícias*/
#lista-noticias{}

.noticia{
	background-color: #E5F3F1;
	padding: 20px;
	margin-bottom: 15px;
}

.noticia-img{
	width: 220px;
	text-align: center; 
	margin-bottom: 20px;
	margin-right: 25px; 
	overflow-y: hidden; 
	background-color: #FFF;
	padding: 10px;
	float: left;
}

.noticia-img.img-border{border: 1px solid #E6E6E6; background-color: #FFF; padding: 20px;}
.noticia-imgler.img-border{border: 1px solid #E6E6E6; background-color: #FFF; padding: 5px;}

/*Página Contato*/
.panel.panel-default.panel-contato{
	background-color: #FEF1C9;
	text-align: center;	
	border: none;
	border-radius: 0;		
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.panel.panel-default.panel-contato .panel-heading{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background-color: #FECF54;
	border-radius: 0;		
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}


/*Section mapa do site*/
#mapa-site{
	background-color: #E5F3F0;
	padding: 20px 0 30px;
	color: #FFF;	
}

#mapa-site .contatos{
	margin: 0 auto 10px;
	float: left;
	margin-right: 10px;
	/*Ver outras configurações em contato-icones*/	
}

#mapa-site .text-phone{
	font-size: 16px;
	font-weight: 700;
}

#mapa-site .contato-tels{
	list-style: none;	
	margin-left: 15px;	
}

#mapa-contato{ color: #000; }

#newsletter{ color: #000; padding-bottom: 30px; }

#newsletter .newsletter{
    width: 100%;
	height: 40px;
	background-color: #3a3a3a;
    color:#fff;
    font-size:13px;
    border:0;
    padding:5px 10px;
}



.news-email{ font-weight: normal; }

#links-sociais{
	text-align: center;
}

.limitarbox{width: 100%;}

/*Section Depoimentos*/
#depoimento{
	background-color: #FFF;
	padding: 40px 0;	 
}

/*Formulário Depoimentos*/

#login { display: none; }
.login,
.logout { 
    position: absolute; 
    top: -3px;
    right: 0;
}
.page-header { position: relative; }
.reviews {
    color: #555;    
    font-weight: bold;
    margin: 10px auto 20px;
}
.notes {
    color: #999;
    font-size: 12px;
}
.media .media-object { max-width: 120px; }
.media-body { position: relative; }
.media-date { 
    position: absolute; 
    right: 25px;
    top: 25px;
}
.media-date li { padding: 0; }
.media-date li:first-child:before { content: ''; }
.media-date li:before { 
    content: '.'; 
    margin-left: -2px; 
    margin-right: 2px;
}
.media-comment { margin-bottom: 20px; }
.media-replied { margin: 0 0 20px 50px; }
.media-replied .media-heading { padding-left: 6px; }

.btn-circle {
    font-weight: bold;
    font-size: 12px;
    padding: 6px 15px;
    border-radius: 20px;
}
.btn-circle span { padding-right: 6px; }
.embed-responsive { margin-bottom: 20px; }
.tab-content {
    padding: 50px 15px;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.custom-input-file {
    overflow: hidden;
    position: relative;
    width: 120px;
    height: 120px;
    background: #eee url('https://s3.amazonaws.com/uifaces/faces/twitter/walterstephanie/128.jpg');    
    background-size: 120px;
    border-radius: 120px;
}
input[type="file"]{
    z-index: 999;
    line-height: 0;
    font-size: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)";
    margin: 0;
    padding:0;
    left:0;
}
.uploadPhoto {
    position: absolute;
    top: 25%;
    left: 25%;
    display: none;
    width: 50%;
    height: 50%;
    color: #fff;    
    text-align: center;
    line-height: 60px;
    text-transform: uppercase;    
    background-color: rgba(0,0,0,.3);
    border-radius: 50px;
    cursor: pointer;
}
.custom-input-file:hover .uploadPhoto { display: block; }


/*Footer*/
#footer{
	font-size: 13px;
	background-color: #188076;
	padding: 20px 0;
	color: #FFF;	
}

#copy{ text-align: left; margin-top: 10px; }

#vbma.vbma{text-align: right;}



@media (min-width: 768px) and (max-width: 979px) {

    #posgraduacaotexto {
        margin-left: 10px;
        margin-right: 10px;
    }

    #graduacaotexto {
        margin-left: 10px;
        margin-right: 10px;
    }
    .mec-imgler {
        width: 100%;
        text-align: center;
        margin-right: 25px;
        overflow-y: hidden;
        padding: 2px;
        float: left;
    }

	.logos-souza{padding-top: 0px;}
		
	.contatos{padding: 20px 0 30px;}
	 
	.contato-informa{ font-size: 16px; }
	
	#cabecalho{ padding: 106px 0 0px; } 	
	
	.logo{text-align: left;}
			
	.btn-procura{width: 50px;}
	
	.box{margin-top: 80px;}
	
	#noticias .thumbnail img { height: 210px; }
	
	#links-sociais{ margin-top: 10px; }
	
	.tabela-taxa .td-taxa{width: 63%; }
	
	copy{ text-align: center; }
	
	#vbma.vbma{margin-top: 20px; text-align: center;}
	
	.easy-autocomplete input{max-width: 680px;}
			
}

 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    #posgraduacaotexto {
        margin-left:10px;
        margin-right:10px;
/*        padding-left: 140px;
        padding-right: 140px;*/
    }
    #graduacaotexto {
        margin-left: 10px;
        margin-right: 10px;
    }
    .mec-imgler {
        width: 100%;
        text-align: center;
        margin-right: 25px;
        overflow-y: hidden;
        padding: 2px;
        float: left;
    }

	#noticias h5{ font-size: 12px; }
	.logo{margin-bottom: 20px;}
		
	.contatos > li > a{
		margin: 0 40px;		
	}
				
	.contato-informa{ font-size: 14px; }	
	
	.logo{text-align: center;}
		
	.btn-procura{width: auto;}
	
	.box{margin-top: 80px;}
	
	#noticias .thumbnail img{height: auto;}
	
	.tabs_item img {  width: 250px; }
	
	#mapa-site .contatos{
		margin: 10px auto 0px auto;
		float: none;
	}
	
	#mapa-site .contato-tels{ margin: 0px; padding: 0; }
	
	#links-sociais{ margin-top: 10px; }
	
	.pos-img{max-height: 210px;}
	
	#copy{ text-align: center; }
	
	#vbma.vbma{margin-top: 20px; text-align: center;}
	
	#depoimentos .no-appareance{display: none;}
	
	.easy-autocomplete input{max-width: 520px;}	
		
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 	
	
	.contatos > li > a{
		margin: 0 20px;		
	}
	
	.contato-titulo{ font-size: 11px; }

	.contato-informa{ font-size: 12px; }
	
	.centered {	margin-top: 8%; }
	
	#noticias .thumbnail img{height: auto;}
	
	.tabs_item img {
	  width: 60%;
	  float: none;
	  margin: 0 20% 40px;
	}
	
	.pos-img{max-height: 135px; }
	
	.noticia-img{
		width: 100%;
		float: none;		
	}
	
	.easy-autocomplete input{max-width: 370px;}
	
	
}

#imgcentro
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -110px;
    margin-top: -40px;
}
#imgpos {
    /*position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -110px;
    margin-top: -40px;*/

    text-align:center;
        width:100%; /* Tamanho da Largura da Div */
	height:100%; /* Tamanho da Altura da Div */
        position:absolute; 
        top:0%; 
        margin-top:0px; /* ou seja ele pega 50% da altura tela e sobe metade do valor da altura no caso 100 */
        left:0%;
       margin-left:0px; /* ou seja ele pega 50% da largura tela e diminui  metade do valor da largura no caso 250 */
	background-color:#F7F0F0;
    z-index: 9999; /* número máximo é 9999 */
opacity:0.50;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);
}

.warning_box
{
    width: 100%;
    clear: both;
    background: #fcfae9 url('../imgmens/warning.png') no-repeat left;
    border: 1px #e9e6c7 solid;
    background-position: 15px 10px;
    padding: 20px 20px 15px 60px;
    margin: 0 0 10px 0;
}

.valid_box
{
    width: 100%;
    clear: both;
    background: #edfce9 url('../imgmens/valid.png') no-repeat left;
    border: 1px #cceac4 solid;
    background-position: 15px 10px;
    padding: 20px 20px 15px 60px;
    margin: 0 0 10px 0;
}

.error_box
{
    width: 100%;
    clear: both;
    background: #fce9e9 url('../imgmens/error.png') no-repeat left;
    border: 1px #eac7c7 solid;
    background-position: 15px 10px;
    padding: 20px 20px 15px 60px;
    margin: 0 0 10px 0;
}

.boleto_box
{
    width: 100%;
    clear: both;
    background: #DFE9F2 url('../imgmens/bandeira-boleto.gif') no-repeat left;
    border: 1px solid #0099FF;
    background-position: 15px 10px;
    padding: 20px 20px 25px 100px;
    margin: 0 0 10px 0;
}

.branco
{
    color:white;
    text-decoration:none;
}


/*Section menu-area-cursos*/
#menu-area-cursos{
    margin-top: 10px;
    padding: 10px 0 15px;
    background-color: #E1F0EE;    
}


.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}

.foto1 { float: left; 
margin:8px;
}

/*====================================*/
.trigger1 {
  padding: 1px 10px;
  font-size: 10px;
  font-weight: 400;
  border-radius: 10px;
  border-color: #284B8C;
  border:solid;
  border-width:0px;
  background-color: #D8D8D8;
  color:#000000;
  display: inline-block;
  margin: 2px 5px;
  padding:10px;
  margin-bottom:10px;
}

.hoverable, .trigger1 {
  transition: box-shadow 0.55s;
  box-shadow: 0;
}

.hoverable:hover, .trigger1:hover {
  transition: box-shadow 0.45s;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/*====================================*/

.quemsomos-imgler{
	width: 30%;
	text-align: center; 
	margin-bottom: 20px;
	margin-right: 25px; 
	overflow-y: hidden; 
	background-color: #FFF;
	padding: 2px;
	float: left;
}

/*MATRICULA - POSIÇÃO*/
.wizard {
    margin: 20px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:focus, .wizard .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

    span.round-tab i {
        color: #555;
    }

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;
}

    .wizard li.active span.round-tab i {
        color: #5bc0de;
    }

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 20%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: .1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: 0 0;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media(max-width :585px) {
    .wizard {
        width: 100%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}
/*FIM MATRICULA - POSIÇÃO*/

/*Colase detalhes cursos*/
#Collapsedetalhecursos{
    height: auto;
    padding: 0px 0;
}

#Collapsedetalhecursos{
    background: url("../img/bk-depoimentos.jpg") no-repeat fixed left;
}

#accordion8 .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 15px;
}
#accordion8 .panel-heading{
    padding: 0;
    border-radius: 0;
    border: none;
}
#accordion8 .panel-title a{
    display: block;
    padding: 20px 30px 20px 50px;
    background: #ffffff;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    position: relative;
    transition: all 0.5s ease 0s;
    border: 1px solid #CCC;
    border-radius: 5px;
    text-align: left;
}
#accordion8 .panel-title a.collapsed{
    background: #fff;
    color: #696969;
    border: 1px solid #CCC;
    border-radius: 5px;
}
#accordion8 .panel-title a:after,
#accordion8 .panel-title a.collapsed:after{
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 25%;
    left: -13px;
    background: #FF9933; /*//Cor do ícone*/
}
#accordion8 .panel-title a.collapsed:after{
    content: "\f107";
    background: #FF9933; 
}
#accordion8 .panel-title a.collapsed:hover{
    background: #f1f1f1;
    /*color: #CCC;*/
}
#accordion8 .panel-body{
    font-size: 14px;
    color: #666666;
    line-height: 25px;
    background: #FFF;
    padding: 15px 15px 15px 50px;
    border: none;
    transition: all 0.5s ease 0s;
}

/*Fim Colase detalhes cursos*/

.detelhapos-imgler {
    width: 40%;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 25px;
    overflow-y: hidden;
    background-color: #fff;
    padding: 2px;
    float: left;
}

.noticia-img {
    width: 50%;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 25px;
    overflow-y: hidden;
    background-color: #fff;
    padding: 2px;
    float: left;
}

.noticia-imgler {
    width: 30%;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 25px;
    overflow-y: hidden;
    background-color: #fff;
    padding: 2px;
    float: left;
}

.textoh2subtituto12linha {
    font-size: 1.2em;
    text-align: justify;
    font-weight: normal;
    text-transform: none;
}