html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 62.2%;
}

*{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

/************************************************/
/* 				Testo							*/
/************************************************/
h1{
	position: relative;
	top: 0;
	left: 0;
	margin: 2rem 0;
	font-size: 2.4rem;
	font-weight: 700;
	color: #000000;
}

body {
	margin: 0;
	padding: 0;
	text-align: left;	
	font-family: 'Open Sans', sans-serif;
	color: #444444;
	font-size: 1.4rem;
	font-weight: 400;
	background: #f9f6f5;
}

a{
	text-decoration: none;
	color: #016728;
	font-weight: bold;
}

a:hover{
	text-decoration: none;
	color: #91c481;
	font-weight: bold;
}

/************************************************/
/* 				Box principali					*/
/************************************************/
#contenitore{
  	position: relative;
	margin: 0px auto;
	top: 0;
	left: 0;
	padding: 5rem 0;
}

.contenitore{
  	position: relative;
	margin: 0px auto;
	top: 0;
	left: 0;
	width: 90%;
	max-width: 80rem;
}

/********************************************************/
/* 				Form generica							*/
/********************************************************/
.offerta{
	position: relative;
	width: 100%;
	margin: 2rem 0;
	padding: 2rem;
	border: 0.1rem solid #e8e8e8;
	background: #ffffff;
}

.offertaFoto{
	position: relative;
	float: left;
	width: 25%;
	margin: 0 2% 0 0;
}

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

.offertaTesto{
	position: relative;
	width: 73%;
	float: left;
}

.offertaTesto h1{
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 1rem 0;;
	font-size: 2.4rem;
	font-weight: 700;
}

.offertaTasto{
	position: relative;
	float: left;
	padding: 0.4rem 1rem;
	border: 0.1rem solid #ef997f;
	color: #ef997f;
	font-weight: bold;
	background: #ffffff;
	transition: background 0.4s, color 0.4s;
	margin-top: 1rem;
	cursor: pointer;
}

.offertaTasto:hover{
	background: #ef997f;
	color: #ffffff;
}

@media (max-width: 600px){

	.offertaFoto, .offertaTesto{
		float: none;
		width: 100%;
		margin: 0 0 1rem 0;
	}
	
	.offertaTasto{
		width= 100%;
		float: none;
		margin: 1rem 0;
		text-align: center;
	}
}
/********************************************************/
/* 				Form generica							*/
/********************************************************/
#form{
	position: relative;
	float: left;
	width: 50%;
	border: 0.1rem solid #cccccc;
	border-radius: 0.4rem;
	padding: 2rem;
	background: #f8f8f8;
	margin-bottom: 5rem;
}

span.detraibile{
	font-size: 1.1rem; 
}

form label{
	position: relative;
	width: 100%;
	padding: 0;
	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: 0.5rem 1%;
	border-radius: 0.4rem;
	margin: 0 0 1.6rem 0;
}

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

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

form select{
	color: #444444;
}

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

form input[type="submit"], form input[type="reset"]{
	position: relative;
	width: 100%;
	margin: 1rem 0%;
	padding: 0.8rem 5%;
	border: 0.1rem solid #ef997f;
	background: #ef997f;
	color: #ffffff;
	cursor: pointer;
	transition: background 0.4s, color 0.4s;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 1.6rem;
}

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

.errore{
	position: relative;
	float: left;
	color: #ef997f;
	font-style: italic;
}

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

._radioImmagine{
	position: relative;
	float: left;
	width: 40%;
	margin: 1rem 5%;
	text-align: center;
}

._radioImmagine img{
	width: 80%;
	display: block;
	margin: 0 10% 1rem 10%;
}

@media (max-width: 600px){
	#form{
		position: relative;
		float: none;
		width: 100%;
	}
}

/************************************************/
/* 				Media Video						*/
/************************************************/
.video{
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.5%;
}

.video iframe,
.video object,
.video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/************************************************/
/* 				box fine						*/
/************************************************/
#fine{
	position:absolute;
	margin: 0px auto;
	padding: 0;
	bottom: 0; 
	width: 100%;
	padding: 0rem;
	z-index: 11;
}

@media (max-width: 600px){
}

/************************************************/
/* 				Utilità							*/
/************************************************/
.vuoto {
	clear:both;
}

.visible-mob{
	display: none;
}

@media (max-width: 600px){
	.visible-mob{
		display: block;
	}
	
	.hidden-mob{
		display: none;
	}
}