/*
*Arquivo CSS de configuração da template do índice do site.
*Apenas os estilos que necessitam de variáveis de templates
*não estão aqui...
*
*/
@media only screen and (max-width:768px){
	#col-md-12-carousel-noticias {
		padding-left: 20px;
		padding-right: 20px;
	}
}
.imagem-noticia{
	height: 355px;
}
.imagem-principal{
	height: 330px;
	background-size: cover;
}
.chamada-titulo{
	padding-left: 20px;
	height: 355px;
}
.info-data{
	text-decoration:underline;
	font-size:0.8em;
	font-weight: bolder;
}
.titulo-noticia{
	text-align: left;
	font-size: 3em;
	padding-bottom: 20px;
}
.chamada{
	text-align: justify;
	font-size: 1.1em;
	color: #000;
	line-height: 150%;
}
.link-noticia{
	text-align: right;
	padding: 2px;
}
#login{
  width: 100%;
  height: 150px;
  background-color: #DEFBCA;
  text-transform: uppercase;
  font-size 12em;  
}

/*botão da campanha*/
.botao{
text-shadow: #383838 1px 2px 1px;
box-shadow: 1px 1px 2px #383838 ;
-webkit-box-shadow: 1px 1px 2px #383838 ;
-moz-box-shadow: 1px 1px 2px #383838 ;
padding: 10px;
border-radius: 20%;
border: solid 2px;
border-color: #FFFFFF ;
		
}

/*link normal, não visitado...*/
.botao:link{
	color: #FFFFFF;
}

/*link visitado...*/
.botao:visited{
	color: #EAF4E0;
}
/*link quando o usuário coloca o mouse em cima...*/
.botao:hover{
	color: #567728;/*verde da logo caa*/
}
/*link no momento do click...*/
.botao:active{
	color: #C0FF84;
}

@media screen and (max-width:768px) {
    .noticias-newsletter{
		text-transform: uppercase;
		color: rgba(255,255,255,0);
		padding-bottom: 0;
		padding-top: 0;
		height: 120px;
		font-size: 1.8em;
		width: 100%;
}
	.chamada{
		font-size: 0.8em;
	}
	#link-noticias{
	padding-right: 0px;
	border-right: 0px solid white;
	}
	#link-newsletter{
		padding-left: 0px;
	}
}

.noticias-newsletter{
	text-transform: uppercase;
	color: rgba(255,255,255,0);
	padding-bottom: 4px;
	padding-top: 4px;
	height: 30px;
}

.noticias-newsletter a{
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;
}

.noticias-newsletter a:hover {
	color:#D2691E ;
	color: #FFF;
	text-shadow: 5px 8px 5px rgba(185, 150, 77, 1);
	text-decoration: none;
}

.noticias-newsletter a:active {
	color:  #DEB887;
	text-decoration: none;
	text-decoration: none;
}

.noticias-newsletter a:visited {
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;
}


#myCarousel{
	height: 400px;
	width: 100%;
}
#link-noticias{
	padding-right: 5px;
	border-right: 5px solid white;
}
#link-newsletter{
	padding-left: 5px;
}
/* indicadores carousel-noticias*/
.indicadores a{
	font-weight: bolder;
	font-size: 1.2em;
	text-decoration: none;
}
.indicadores a:link{
	color: #201800;
	text-shadow: 0px 0px 0px rgba(255,255,255,0);	
}

/*link visitado...*/
.indicadores a:visited{
	color: #201800;
	text-shadow: 5px 1px 7px rgba(94, 96, 68, 1);
}
/*link quando o usuário coloca o mouse em cima...*/
.indicadores a:hover{
	color: #7F4634;/*marrom da logo caa*/
	text-shadow: 5px 1px 7px rgba(94, 96, 68, 1);
	text-decoration: none;
	background:none;
}
/*link no momento do click...*/
.indicadores a:active{
	color: #567728;/*verde da logo caa*/
	text-shadow: 2px 0px 25px rgba(94, 96, 68, 1);
}

/*fim das definições dos links dos menus*/


	/*
	A classe .div-abas é a responsável por definir a largura da div
	que contém as abas.
	*/
    /*Início das definições para telas pequenas*/
    @media screen and (max-width: 768px){
		.carousel-control-noticias {
  					top: 0;
  				}
  		.noticia{
	    			margin-left: 0;
				}	    
	    }	
	/*final das definições de tela pequena*/
	/*inicio definições tela grande*/	
	@media screen and (min-width:768px){
		#abas{
	    max-width: 1360px;
		}
		.carousel-control-noticias {
  			top: 300px;
  		}
		
	}
 .controle-abas{
	 
 }
 .botao-ativo{
 	/*border: 1px solid #8b5317;*/
 	padding: 17px;
 	border-radius: 2px;
 	background-color: #BCBEC0 ;
 	width: 315px;
 	height: 50px;
 	margin-bottom: 17px;
 	color: #FFF;
 	font-weight: bold;
 }
 .botao-inativo{
 	border: 2px solid #BCBEC0;
 	padding: 17px;
 	border-radius: 2px;
 	background-color: #FFF ;
 	width: 315px;
 	height: 50px;
 	margin-bottom: 17px;
 }
 

#hotsites-div {
	max-width: 1000px;
}

	.conteudo-hotsites{
		position: relative;
		width: 25%;
		padding:17px;
	} 
	.texto-hotsites {
		position: absolute;
		width: 100%;
		padding: 17px;
		top: 32%;
	}