body {
	margin-left: 0px;
	margin-top: 0px;
}



a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/*
::-webkit-scrollbar {
  width: 15px;

}
 
::-webkit-scrollbar-thumb {
  background: #6ba3bc;
  
}

::-webkit-scrollbar-track {
 
  background-color:rgba(135,157,167,0.3);

}

::-webkit-scrollbar-button {
  background: grey;
  height: 15px;
  border-radius: 10%; 
}	

*/



::-webkit-scrollbar {
  width: 15px;

}
 
::-webkit-scrollbar-thumb {
  background: #ee2a31;
  
}

::-webkit-scrollbar-track {
 
  background-color:rgba(135,157,167,0.3);

}

::-webkit-scrollbar-button {
  background: #331d0f;
  height: 15px;
  border-radius: 10%; 
}	


.container_12 {
	width:98%;
	height:auto;
	overflow:auto;
	margin-left:1%;
	margin-right:1%;
	margin-top:1%;
	background-color:rgba(135,157,167,0.1);
	/*background-color:#c7cdcf; 
	
	*/
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {

	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	margin-top:1%;
	text-align:center;
}
.alpha {
	margin-left:0;
}
.omega {
	margin-right:0;
}
.container_12 .grid_1 {
	width:23%;
}
.container_12 .grid_2 {
	width:14.667%;
}
.container_12 .grid_3 {
	width:23.0%;
}
.container_12 .grid_4 {
	width:31.333%;
}
.container_12 .grid_5 {
	width:39.667%;
}
.container_12 .grid_6 {
	width:48.0%;
}
.container_12 .grid_7 {
	width:56.333%;
}
.container_12 .grid_8 {
	width:64.667%;
}
.container_12 .grid_9 {
	width:73.0%;
}
.container_12 .grid_10 {
	width:81.333%;
}
.container_12 .grid_11 {
	width:89.667%;
}
.container_12 .grid_12 {
	width:98.0%;
}
.container_12 .prefix_1 {
	padding-left:8.333%;
}
.container_12 .prefix_2 {
	padding-left:16.667%;
}
.container_12 .prefix_3 {
	padding-left:25.0%;
}
.container_12 .prefix_4 {
	padding-left:33.333%;
}
.container_12 .prefix_5 {
	padding-left:41.667%;
}
.container_12 .prefix_6 {
	padding-left:50.0%;
}
.container_12 .prefix_7 {
	padding-left:58.333%;
}
.container_12 .prefix_8 {
	padding-left:66.667%;
}
.container_12 .prefix_9 {
	padding-left:75.0%;
}
.container_12 .prefix_10 {
	padding-left:83.333%;
}
.container_12 .prefix_11 {
	padding-left:91.667%;
}
.container_12 .suffix_1 {
	padding-right:8.333%;
}
.container_12 .suffix_2 {
	padding-right:16.667%;
}
.container_12 .suffix_3 {
	padding-right:25.0%;
}
.container_12 .suffix_4 {
	padding-right:33.333%;
}
.container_12 .suffix_5 {
	padding-right:41.667%;
}
.container_12 .suffix_6 {
	padding-right:50.0%;
}
.container_12 .suffix_7 {
	padding-right:58.333%;
}
.container_12 .suffix_8 {
	padding-right:66.667%;
}
.container_12 .suffix_9 {
	padding-right:75.0%;
}
.container_12 .suffix_10 {
	padding-right:83.333%;
}
.container_12 .suffix_11 {
	padding-right:91.667%;
}
.container_12 .push_1 {
	left:8.333%;
}
.container_12 .push_2 {
	left:16.667%;
}
.container_12 .push_3 {
	left:25.0%;
}
.container_12 .push_4 {
	left:33.333%;
}
.container_12 .push_5 {
	left:41.667%;
}
.container_12 .push_6 {
	left:50.0%;
}
.container_12 .push_7 {
	left:58.333%;
}
.container_12 .push_8 {
	left:66.667%;
}
.container_12 .push_9 {
	left:75.0%;
}
.container_12 .push_10 {
	left:83.333%;
}
.container_12 .push_11 {
	left:91.667%;
}
.container_12 .pull_1 {
	left:-8.333%;
}
.container_12 .pull_2 {
	left:-16.667%;
}
.container_12 .pull_3 {
	left:-25.0%;
}
.container_12 .pull_4 {
	left:-33.333%;
}
.container_12 .pull_5 {
	left:-41.667%;
}
.container_12 .pull_6 {
	left:-50.0%;
}
.container_12 .pull_7 {
	left:-58.333%;
}
.container_12 .pull_8 {
	left:-66.667%;
}
.container_12 .pull_9 {
	left:-75.0%;
}
.container_12 .pull_10 {
	left:-83.333%;
}
.container_12 .pull_11 {
	left:-91.667%;
}


#miolos{
	width:98%;
	padding:1%;
}


.imagem_miolo{
	float:left;
	margin-right:2%;
}

#entrada{
	width:98%;
	margin-left:1%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: black;
	line-height:30px;	

	}
	
.titulo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color: #260E00;
	line-height:34px;
	font-weight:bold;
	margin-bottom:1%;
}

.subtitulo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color: black;
	line-height:30px;	
}


.texto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: black;
	line-height:24px;
	margin-left:25px;
}


.legenda1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:550;
	color:white;	
	background-color:#260E00;
	padding:5px;
	position:relative;
	margin-top:1%;
	display:block;
	z-index:100;
	transition: 1.0s ease;	
	}


.legenda2, .legenda3, .legenda4, .legenda5, .legenda6, .legenda7, .legenda8, .legenda9, .legenda10, .legenda11, .legenda12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:550;
	color:white;	
	background-color:#260E00;
	padding:5px;
	position:relative;
	margin-top:1%;
	display:none;
	z-index:100;
	transition: 1.0s ease;	
	}
	
	
	.legenda1a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:550;
	color:#260E00;
	padding:5px;
	position:relative;
	margin-top:1%;
	opacity:1;
	z-index:90;
	transition: 1.0s ease;	
	display:none;
	}
	
	
	
.legenda2a, .legenda3a, .legenda4a, .legenda5a, .legenda6a, .legenda7a, .legenda8a, .legenda9a, .legenda10a, .legenda11a, .legenda12a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:550;
	color:#260E00;
	padding:5px;
	position:relative;
	margin-top:1%;
	opacity:1;
	z-index:90;
	transition: 1.0s ease;	
	}
	
	

.conteudo1:hover .legenda1a  {
  opacity: 1;
  transition: 1.0s ease;
  color:white;
	background-color:#260E00;

}	



.conteudo2:hover .legenda2a {
  opacity: 1;
   transition: 1.0s ease;
   color:white;
	background-color:#260E00	;
}

.conteudo3:hover .legenda3a {
  opacity: 1;
   transition: 1.0s ease;
   color:white;
	background-color:#260E00;
}

/*
.conteudo4:hover .legenda4a {
  opacity: 1;
   transition: 1.0s ease;
   color:white;
	background-color:#260E00;
}


.conteudo5:hover .legenda5a {
  opacity: 1;
   transition: 1.0s ease;
   color:white;
	background-color:#260E00;
}


.conteudo6:hover .legenda6a {
  opacity: 1;
   transition: 1.0s ease;
   color:white;
	background-color:#260E00;
}


.conteudo7:hover .legenda7a {
  opacity: 1;
   transition: 1.0s ease;
   color:white;
	background-color:#260E00;
}


.conteudo8:hover .legenda8a {
  opacity: 1;
   transition: 1.0s ease;
   color:white;
	background-color:#260E00;
}


.conteudo9:hover .legenda9a {
  opacity: 1;
   transition: 1.0s ease;
}


.conteudo10:hover .legenda10a {
  opacity: 1;
   transition: 1.0s ease;
}


.conteudo11:hover .legenda11a {
  opacity: 1;
   transition: 1.0s ease;
}


.conteudo12:hover .legenda12a {
  opacity: 1;
   transition: 1.0s ease;
}
		
*/

.caixa {
		width:23%;
		height:auto;
		border: 0px solid #a1a1a1;
    	border-radius:0px;
		float:left;
		margin-right:1%;
		margin-left:1%;
		margin-top:1%;
		position:fixed;
}

	
.caixa2 {
		width:98%;
		height:500px;
		border: 0px solid #F00;
    	border-radius:0px;
		float:left;
		margin-left:1%;
		margin-right:1%;
		padding-right:0%;
		position:relative;

		/*
		overflow-y: scroll;
		
  		scroll-behavior: smooth;
		*/
}

.links {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #260E00;
	cursor:default;
	font-weight:bold;
}

.linksv {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: grey;
	cursor:pointer;	
	font-weight:bold;
}

.linhalinks{
	width:100%;
	height:1px;
	background-color:#517687;
	margin-top:3%;
	margin-bottom:3%;
}	


.linhalinks2{
	width:98%;
	height:2px;
	background-color:#6ba3bc;
	margin-top:2%;
	margin-bottom:2%;
	margin-left:1%;
}

.linhalinks1{
	width:98%;
	height:1px;
	background-color:#6ba3bc;
	margin-top:2%;
	margin-bottom:1%;
	margin-left:1%;
}

.filter-grayscale {
    -webkit-filter: grayscale(0.8);
    filter: grayscale(0.8);
}


.fotos{
	width: 20%;
    height: auto;
	float:left;
	margin-right:2%;
}

.imagem {
	width: 100%;
    height: auto;	
	padding: 0;
	cursor:pointer;
	opacity:0.5;
}


.imagem:hover {
  opacity:1;
  -webkit-filter: grayscale(0.6);
  filter: grayscale(0.6);
}


.imagem1 {
	 width: 100%;
	opacity:1;
	cursor:default;	
}

.fotos_miolo{
		width: 100%;
    height: auto;	
}


/* Chrome, Safari, Opera */
@-webkit-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@-moz-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@-ms-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}

	
.clear{
	clear:both;
}

.calcofim{
	width:90%; 
	height:0px; 
	background-color:#33C; 
	margin-bottom:100%;
	}


@media only screen and (max-width:480px) {
	
.container_12 .grid_1 {
	width:23%;
	margin-bottom:0px;
}


.linhalinks1{
	margin-top:2%;
	margin-bottom:2%;
}

/*
.caixa {
		width:98%;
		max-height:auto;			
		float:left;
		margin-right:60px;
		position:relative;
		margin-bottom:2%;
	
	
}
	
.caixa2 {
		width:98%;
		height:300px;			
		border: 0px solid #F00;
    	border-radius:0px;
		float:left;
		margin-right:60px;
		margin-left:1%;
		margin-top:1%;		
		position:relative;
}
	
*/
		
.titulo {
	font-size:18px;
	line-height:29px;
}

.texto {
	font-size:15px;
	line-height:18px;	
	margin-left:0px;
}
	

.links {
	font-size:13px;
}

.linksv {
	font-size:13px;	
}



.legenda1, .legenda2, .legenda3, .legenda4, .legenda5, .legenda6, .legenda7, .legenda8, .legenda9, .legenda10, .legenda11, .legenda12{
	font-size:11px;	
	}
	
	
	
.legenda1a, .legenda2a, .legenda3a, .legenda4a, .legenda5a, .legenda6a, .legenda7a, .legenda8a, .legenda9a, .legenda10a, .legenda11a, .legenda12a {
	font-size:11px;	
	}
	
}



	
	
	