@charset "UTF-8";
body
{
	background-color:#aad643;
}
body 
{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height:100%;
}
.Cont_pag
{
	 margin-left:10%;
	 margin-right:10%;
	 background-color: #aad643;
}
.primary_header 
{
	align-content:center;
	width: 100%;
	margin-left:0px;
  	padding-top: 0px;
	padding-bottom: 0px;
	clear: left;
	border-bottom: 2px solid #95C22B;
}

.logo img
{
	width:72%;
	max-height:10%;
}
.secondary_header
{
	width: 100%;
	padding-top: 2%;
	padding-bottom: 4%;
	background-color: #B3B3B3;
	clear: left;
}
.container 
{
	background-color: #FFFFFF;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.container .secondary_header ul 
{
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2%;
	padding-left: 0px;
	width: 100%;
}
.secondary_header ul li 
{
	list-style: none;
	float: left;
	margin-right: auto;
	margin-top: .5%;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 0.5%;
	margin-left: auto;
	text-align: center;
	width: 16%;
	transition: all 0.3s linear;
}
.secondary_header ul li:hover 
{
	color: #717070;
	cursor: pointer;
}
.active
{
	margin-left:26%;
}
.inactive
{
	margin-left:15%;
}
.texto
{
	width:71%;
	margin-top:2%;
	margin-left:15%;
	margin-right:25%;
	font-size:18px;
	text-align:justify;
}
.noDisplay 
{
	display: none;
}
.container_1
{
	width: 100%;
	align-content:center;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}
.row.blockDisplay 
{
	display: block;
}
.noDisplay 
{
	display: none;
}
.container .left_article h3 
{
	padding-left: 61%;
	padding-right: 5%;
	margin-top: 0%;
	color: #717070;
	font-weight: bold;
	font-style: oblique;
	font-family:"Times New Roman", Times, serif;
}
.texto_pontos
{
	text-align: justify;
	line-height: 28px;
	margin-left:18%;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000000;
	font-size: large;
	font-family:"Times New Roman", Times, serif;
	font-style:italic
}
.Foto_texto img
{
	width:67%;
}
.coluna1
{
	width:30%;
	float:right;
	position: relative;
}
.foto_cunha
{
	width:50%;
	opacity: 1;
	display: block;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}
.middle {
  transition: .5s ease;
  width:40%;
  opacity: 0;
  position: absolute;
  top: 20%;
  left: 25%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.coluna1:hover .foto_cunha {
  opacity: 0.3;
}

.coluna1:hover .middle {
  opacity: 1;
}
.text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.coluna2
{
	width:50%;
	margin-left:25%;
	position: relative;
}
.foto_rui
{
	width:30%;
	align-content:center;
}
.foto_nome
{
	width:15%;
	margin-right: 50%;
	align-content:center
}
.foto_rui
{
	width:30%;
	margin-left: 35%;
	right: 50%;
	opacity: 1;
	display: block;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}
.nome_foto{
	font-size: 20px;
	margin-left: 33%;
	
}
.middle1 {
  transition: .5s ease;
  width:25%;
  opacity: 0;
  position: absolute;
  top: 20%;
  margin-left:50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.coluna2:hover .foto_rui {
  opacity: 0.3;
}

.coluna2:hover .middle1 {
  opacity: 1;
}
.texto_1
{
	width:90%;
	font-size:18px;
}
.texto_2
{
	width:70%;
	font-size:18px;
	margin-left:20%;
}
.column_final
{
	text-transform: uppercase;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color:#FFFFFF;
	text-align: center;
}
.copyright 
{
	background-color: #FFFFFF;
	color: #000000;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
	font-family: "Times New Roman", Times, serif;
}
.espaco img
{
	width:100%;
}
@media (max-width: 320px) 
{
.secondary_header ul li 
{
	float: none;
	margin-top: .5%;
	margin-left: 0px;
	width: 100%;
}
.container .secondary_header ul 
{
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	height: auto;
	width: 100%;
	text-align: center;
	background-color:#FFFFFF
}
.secondary_header 
{
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	padding-top: 1%;
	padding-bottom: 2%;
}

.copyright 
{
	padding-top: 25px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.container .secondary_header 
{
}
}

@media (min-width: 321px) and (max-width: 769px) 
{
.secondary_header ul li 
{
	float: none;
	margin-top: 4%;
	margin-left: 0px;
	width: 100%;
}
.container .secondary_header ul 
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
	width: 100%;
	text-align: center;
}
.secondary_header 
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-bottom: 40px;
}
.active
{
	margin-left:20%;
}
.inactive
{
	margin-left:7%;
}
}

@media (min-width: 769px ) and (max-width: 1200px ) 
{
.secondary_header 
{
	overflow: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
.secondary_header ul li 
{
	margin-top: 10px;
	margin-right: 7%;
	margin-bottom: 10px;
	margin-left: 7%;
}
.active
{
	margin-left:19%;
}
.inactive
{
	margin-left:20%;
}
}
@media (min-width : 1400px )
{
.secondary_header 
{
	overflow: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
.secondary_header ul li 
{
	margin-top: 10px;
	margin-right: 7%;
	margin-bottom: 10px;
	margin-left: 7%;
	padding-left:5px;
}
.active
{
	margin-left:19%;
}
.inactive
{
	margin-left:20%;
}
	
}
#menu 
{
}
