h3{font-size:30px; color:#dc9832; text-align:center;}
.info{width:96%; padding:2%; text-align:center; border-radius:12px 12px 0 0; background-image:linear-gradient(#333,#000,#000);}
.foton{clear:both; width:100%; text-align:center;}
.macho{
float:left;
width:49%;
text-align:right;
}
.machof{
position:relative;
overflow:hidden;
float:left;
width:34%;
height:430px;
overflow:hidden;
margin-left:14%;
text-align:right;
border:1px solid #666;
border-radius:6px;
}
.femea{
float:right;
width:49%;
text-align:left;
}
.femeaf{
position:relative;
overflow:hidden;
float:right;
width:34%;
height:430px;
overflow:hidden;
margin-right:14%;
text-align:left;
border:1px solid #666;
border-radius:6px;
}
.machof img, .femeaf img{width:100%; height:auto;}
.miniaturas_n{ text-align:center; width:100%; padding:6px; border:1px dotted #222; z-index:80000;}
.mini_f{width:120px; height:120px; overflow:hidden; display:inline-block!important;}
.clear{clear:both;}
/*PERSONALIZAÇÃO HOVER*/
	.sobre{
	width:100%;
	height:100%;
	color:#fff;
	background:rgba(220,152,50,0.5) url(imagens/zoom_b.png) center center no-repeat;
	position:absolute;
	top:-600px; left:0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
	.machof:hover > .sobre {top:0;}
	.femeaf:hover > .sobre {top:0;}
	@media screen and (max-width: 800px) {
	.machof:hover > .sobre {top:-600px;}
	.femeaf:hover > .sobre {top:-600px;}
	.info{font-size:70%; line-height:1.2em;}
	.info h3{line-height:1.6em;}
	.femeaf, .machof{width:48%; margin:0; height:240px;}
	.macho, .femea{text-align:left; font-size:80%;}
	.femea{text-align:right;}
	.mini_f{width:90px; height:90px;}
	}