/********************************************************/
/* 				Form generica							*/
/********************************************************/
form label{
	position: relative;
	width: 100%;
	font-weight: bold;
}

form input[type="text"], form input[type="password"], form textarea, form select{
	position: relative;
	width: 100%;
	border: 0.1rem solid #ccc;
	padding: 1.2rem 1%;
	border-radius: 0.4rem;
	margin: 0 0 1rem 0;
}

form input[type="text"]:focus, form input[type="password"]:focus, form textarea:focus, form select:focus{
	border: 0.1rem solid #526dc2;
	box-shadow: 0.1rem 0.1rem 0.4rem #c8c8c8;
}

form textarea{
	min-height: 10rem;
	font: normal normal normal 1.4rem 'Roboto', sans-serif;
	color: #444444;
}

form select{
	color: #444444;
}

form input[type='radio'], input[type='checkbox'] {
	cursor: pointer;
	margin: 5px 10px;
}

form input[type="submit"], form input[type="reset"]{
	position: relative;
	width: 100%;
	margin: 1rem 0%;
	padding: 1.2rem 5%;
	border: 0.1rem solid #526dc2;
	border-radius: 0.4rem;
	background: #526dc2;
	color: #ffffff;
	cursor: pointer;
	transition: background 0.4s, color 0.4s;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 600;
	font-size: 1.2rem;
}

form input[type="submit"]:hover, form input[type="reset"]:hover{
	background: #6797db;
	color: #ffffff;
}

.errore{
	color: #000000;
}

span.errore{
	font-size: 1.1rem; 
	font-weight: 300;
	color: red;
}

/************************************************/
/* 				Galleria						*/
/************************************************/
#galleria{
	position:relative;
}

.foto{
	position: relative;
	float: left;
	width: 18%;
	margin: 2rem 1%;
	z-index: 100;
}

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

.fotoVelina{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #444444;
	opacity: 0;
	text-align: center;
	color: #ffffff;
	padding-top: 20%;
	z-index: 101;
}

.fotoExt{
	position: relative;
	float: left;
	width: 18%;
	border: 0.1rem solid #cccccc;
	padding: 0rem;
	margin: 1.0rem 1%;
	overflow: hidden;
}

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

@media (max-width: 767px){
	.fotoExt{
		width: 30%;
		margin: 1.0rem 1.5%;
	}
}

@media (max-width: 319px){
	.fotoExt{
		width: 44%;
		margin: 1.0rem 1%;
	}
}