/************************************************/
/* 				Elenco							*/
/************************************************/
.attivita{
	position: relative;
	float: left;
	width: 30%;
	margin: 1rem 1.5%;
	background: #ffffff;
	overflow: hidden;
	font-size: 1.2rem;
}

.attivitaImg{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.attivitaImg img{
	width: 100%;
	display: block;
}

.attivitaNome{
	position: relative;
	width: 100%;
	padding: 1.4rem 2% 0.2rem 2%;
	line-height: 1.4rem;
}

.attivitaNome a{
	color: #444444;
	text-decoration: none;
	font-weight: 700;
}

.attivitaNome a:hover{
	color: #d54238;
	text-decoration: none;
}

.attivitaLocalita{
	position: relative;
	width: 100%;
	padding: 0rem 2% 0.2rem 2%;
	line-height: 1.4rem;
}

.attivitaLocalita a{
	color: #444444;
	text-decoration: none;
	font-weight: 300;
}

.attivitaLocalita a:hover{
	color: #d54238;
	text-decoration: none;
}

@media (max-width: 767px){
	.attivita{
		position: relative;
		float: none;
		width: 100%;
		margin: 2rem 0%;
		background: #ffffff;
		overflow: hidden;
		font-size: 1.2rem;
		border-bottom: 0.1rem solid #cccccc;
	}
}
/************************************************/
/* 				Dettaglio						*/
/************************************************/
#dettaglioFoto{
	position: relative;
	width: 40%;
	float: left;
}

#dettaglioFoto img{
	width: 100%;
	display: block;
}

#dettaglioGallery{
	position: relative;
	width: 100%;
}

#dettaglioGallery img{
	position: relative;
	float: left;
	width: 30%;
	display: block;
	margin: 1rem 1.5%;
}

#dettaglioInfo{
	position: relative;
	width: 55%;
	float: right;
	text-align: left;
}

.dettaglioInfoSx{
	position: relative;
	float: left;
	width: 30%;
	text-align: right;
	padding: 0.4rem 1%;
	border-top: 0.1rem solid #cccccc;
	font-weight: 300;
	font-size: 1.2rem;
}

.dettaglioInfoDx{
	position: relative;
	float: left;
	width: 70%;
	padding: 0.4rem 1%;
	font-weight: 500;
	border-top: 0.1rem solid #cccccc;
	font-size: 1.2rem;
}

.dettaglioInfoDx a, .dettaglioInfoDx a:hover{
	font-weight: 400;
}

#mappa{
	position: relative;
	width: 100%;
	margin: 2rem 0 0 0;
}

@media (max-width: 767px){
	#dettaglio, #laterale, #dettaglioFoto, #dettaglioInfo{
		float: none;
		width: 100%;
		padding: 2rem 0%;
	}
	
	.dettaglioInfoSx{
		float: none;
		width: 100%;
		text-align: left;
		padding: 0.6rem 1%;
		border-top: 0.1rem solid #cccccc;
		font-weight: 300;
	}

	.dettaglioInfoDx{
		float: none;
		width: 100%;
		padding: 0.4rem 1%;
		font-weight: 500;
		border: 0;
	}
}