.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;
}

/*----------------------------*/

.clear {
	clear: both;
}

/*----------------------------*/

.standart-galery {
	text-align: left;
}
	.standart-galery .column {
		margin-bottom: 20px;
	}

		.standart-galery .photo {
			width: 100%;
			height: auto;
			border: solid 1px #E0E0E0;
			margin-bottom: 0px;
		}
			.standart-galery .photo.horizontal img {
				width: auto;
				height: auto;
			}

/*----------------------------*/

.cem-porcento {
	width: 100%;
}

/*----------------------------*/

.formulario {
	padding: 20px;
	border-radius: 5px;
	background: #e8e8e8;
}

	.formulario input, 
	.formulario textarea, 
	.formulario select {
		width: 100%;
		margin-bottom: 15px;
	}
	.formulario input[type='radio'], 
	.formulario input[type='checkbox'] {
		width: 20px;
		box-shadow: none;
	}

	.formulario label {
		min-height: 0px;
		padding: 0px;
		margin-bottom: 0px;
	}


/*--------------------------------------------*/

.album {
	text-align: center;
	margin-bottom: 20px;
	font-weight: 400;
}
	.album .photo  {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	.album .titulo {
	font-family: 'myriad-pro';
		color: #4c4c4c;
		text-transform: uppercase;
		font-size: 16px;
		line-height: 1.3em;
	}
	
/*--------------------------------------------*/

.produto {
	text-align: center;
	margin-bottom: 20px;
	font-family: 'Cantarell';
	font-weight: 400;
}
	.produto .photo {
		width: 100%;
		height: auto;
		padding: 5px;
		border: solid 5px #88d498;
		margin-bottom: 10px;
	}

	.produto .titulo {
		font-family: 'neutratext-book';
		color: #4c4c4c;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 1.3em;
	}
	
	
/*--------------------------------------------*/

.barra-rolante {
}
	.mask {
		z-index: 4;
		overflow: hidden;
	}

	.area-rolante {
		transition-property: margin;
		transition-duration: 1s;
		text-align: left;
	}
		.area-rolante > .column {
			margin-right: 20px !important;
		}

	.barra-rolante .setas {
		text-align: center;
	}
	
		.barra-rolante .seta {
			cursor: pointer;
			width: 20px;
			height: 20px;
			background-image: url(../images/chevron1.png);
			background-position: center center;
		}

		.barra-rolante .seta-anterior {
			margin-right: 20px;
		}

		.barra-rolante .seta-proximo {
			margin-left: 20px;
			background-image: url(../images/chevron2.png);
		}

		

		.barra-rolante .paginas {
			width: auto;
		}
			.barra-rolante .paginas a {
				width: 20px;
				height: 20px;
				border: solid 6px #fff;
				border-radius: 15px;
				margin-right: 3px;
				margin-left: 3px;
				font-size: 0px;
				line-height: 0px;
				background-color: #344cb9
			}

/*-------------------------------------*/

p.erro, 
p.sucesso {
	padding: 5px;
	padding-left: 10px;
}

p.erro {	
	border: solid 1px #ebccd1;
	color: #a94442;
	background-color: #f2dede;	
}

p.sucesso {
	border: solid 1px #D0EBCC;
	color: #6EA942;
	background-color: #DFF2DE;		
}

p.erro + p.erro {
	border-top: solid 1px #f2dede;
    margin-top: -21px;
}

/*-------------------------------------*/

.segmento {
	padding: 20px;
	margin-bottom: 20px;
	background-color: #fff;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
}
	.segmento .photo {
		float: left;
		width: 290px;
		height: auto;
		margin-top: -20px;
		margin-left: -20px;
		margin-right: 20px;
		margin-bottom: -20px;
	}

	.segmento h2 {
		margin-top: 0px;
	}

	.segmento .button-like {
		float: right;
		margin-top: 12px;
	}

/*-------------------------------------------------*/

.calendario {
	z-index: 10;
	border-radius: 5px;
	background-color: #f1f1f1;
}

	.calendario .chevron {
		width: 20%;
		height: 50px;
		background-position: center center;
	}

	.calendario .chevron.anterior {
		background-image: url(../images/chevron_calendario.png)
	}
	.calendario .chevron.proximo {
		background-image: url(../images/chevron_calendario2.png)
	}

	.calendario .titulo-do-mes {
		width: 60%;
		height: 50px;
		border-left: solid 1px #e5e5e5;
		border-right: solid 1px #e5e5e5;
		text-align: center;
		font-family: 'myriad-pro';
		font-weight: 400;
		color: #232323;
		line-height: 50px;
		font-size: 18px;
	}


.calendario > .nota {
	position: absolute;
	right: 0px;
	visibility: hidden;
	opacity: 0;
	padding: 10px;
	background-color: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.6s;
}
.calendario > .nota.aberto {
	visibility: visible;
	opacity: 1;
}

	.calendario > .nota h2 + p {
		margin-top: -15px;
	}

.calendario .meses {
	overflow: hidden;
}
	.calendario .linha-de-meses {
		width: 1200%;
		margin-left: 0px;

		-webkit-transition-property: margin-left;
		-webkit-transition-duration: 0.6s;
	}
		.calendario .linha-de-meses .mes {
			width: 8.33%;
		}


.calendario .dia {
	width: 14.28%;
	text-align: center;
}
.calendario .dia.titulo {
	color: #fff;
	font-size: 11px;
	line-height: 33px;
	background-color: #f8a132
}

.dias-da-semana .dia {
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;	
	font-size: 16px;
	line-height: 45px;

	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.6s;
}
.dias-da-semana .dia:nth-child(7n+0) {
	border-right: none;
}
.dias-da-semana .dia:hover {
	z-index: 32;
	color: #fff;
	background-color: #f8a132;
}

	.dias-da-semana .dia .notas {
		position: absolute;
		bottom: 5px;
		left: 0px;
		width: 100%;
		height: 6px;
	}
		.dias-da-semana .dia .notas .marcador {
			width: 6px;
			height: 6px;
			border-radius: 10px;
			background-color: #e6292f;

			-webkit-transition-property: background-color;
			-webkit-transition-duration: 0.6s;
		}
		.dias-da-semana .dia:hover .notas .marcador {
			background-color: #fff;
		}

/*-----------------------------------------------------------*/

.quando {
	width: 50px;
	font-size: 0px;
	line-height: 0px;
}

	.quando .data {
		display: block;
		width: 50px;
		height: 50px;
		border-radius: 50px;
		text-align: center;
		background-color: #0d183e;
	}

		.quando .data .dia, 
		.quando .data .mes {
			display: block;
			position: absolute;
			left: 0px;
			width: 100%;
			font-size: 14px;
			line-height: 25px;
			color: #fff;
		}

		.quando .data .dia {
			top: 3px;
		}
		.quando .data .mes {
			bottom: 3px;
			font-weight: bold;
			font-size: 16px;
		}

		.quando .data .ano {
			display: none;
		}

	.quando .horario {
		display: block;
		width: 100%;
		padding-top: 5px;
		font-size: 12px;
		line-height: 1em;
		text-align: center;
	}

/*---------------------------------------*/	

.comunicado {
	padding-bottom: 10px;
	border-bottom: solid 2px #a6a4a4;
	margin-bottom: 20px;
}
.comunicado:last-child {
	border-bottom: none;
	margin-bottom: 0px;
}

	.comunicado .titulo {
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 1.3em;
		font-weight: 400;
	}

	.comunicado .data-simples {
		margin-top: -5px;
		margin-bottom: 5px;
		text-transform: uppercase;
	}

	.comunicado .photo {
		float: right;
		width: 235px;
		height: auto;
		border: solid 2px #a6a4a4;
		margin-left: 10px;
	}