.fade-off {
	z-index: 1;
	opacity: 0;
	-moz-transition-property: opacity; 
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-o-transition-duration: 1s;
}

.fade-on {
	z-index: 100;
	opacity: 1 !important;
	-moz-transition-property: opacity; 
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-o-transition-duration: 1s;
}

/*////////////////////////////////////*/

.standart-galery li .photo {
	width: 100%;
	height: auto;
}

/*////////////////////////////////////*/

.modulo {
	margin-bottom: 20px;
}
	.modulo .photo {
		width: 100%;
		height: auto;
	}


.clear {
	clear: both;
}

/*////////////////////////////////////*/

.produto .photo, 
.trabalho .photo, 
.novidade .photo {
	opacity: 0.7;

	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
}

.produto:hover .photo, 
.trabalho:hover .photo, 
.novidade:hover .photo {
	opacity: 1;
}


.produto .titulo, 
.trabalho .titulo, 
.novidade .titulo {
	opacity: 0.2;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000;

	-webkit-transition-property: opacity;
	-webkit-transition-duration: 1s;

	-moz-transition-property: opacity;
	-moz-transition-duration: 1s;

	-ms-transition-property: opacity;
	-ms-transition-duration: 1s;
}

.produto:hover .titulo, 
.trabalho:hover .titulo, 
.novidade:hover .titulo {
	opacity: 1;
}

/*////////////////////////////////////*/


.barra-rolante {
	margin-top: -40px;
	overflow: hidden;
}
	.area-rolante {

		-webkit-transition-property: margin;
		-webkit-transition-duration: 1s;

		-moz-transition-property: margin;
		-moz-transition-duration: 1s;

		-ms-transition-property: margin;
		-ms-transition-duration: 1s;

	}
		.area-rolante > .column {
			margin-right: 20px;
		}

		.barra-rolante .setas {
			margin-bottom: 20px;
		}

		.seta {
			width: 20px;
			height: 20px;
		}

		.seta.seta-anterior {
			background-image: url(../images/flecha1.png);	
		}

		.seta.seta-proximo {
			background-image: url(../images/flecha2.png);
		}
		

.linkHome{
	width: 70px;
	height: 70px;
	background-image: url(../images/top.png);
	margin-right: 0;
}
	.linkHome:hover{
		background-image: url(../images/top2.png);
	}


	.imagens-em-colunas .modulo .caixa{
		width: 100%!important;
	}