/** the form elements **/
input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(1.3);
  /* Webkit browsers*/
  -webkit-transform: scale(1.3);
}
input:required, textarea:required { 
  background-color: #FFF;
} 
input:required, textarea:required {
  box-shadow:none;
  outline: none;
}
input:required:focus, textarea:required:focus {
/*  border: 1px solid #4FBAE8;*/
  background-color: #FFFFCB;
  outline: none;
}
#recLform {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.element .txtinput-form {
	clear:none;
	float:left; 
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:1em; /* 14px */
	font-weight:400;
	color:#325658; /* 2F5B87 */;
	border:none;
	margin:1.5%;
	padding:3%;
	width: 97%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.element .txtarea-form {
	clear:none;
	float:left; 
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:1em; /* 14px */
	font-weight:400;
	color:#325658;
	border:none;
	margin:1.5%;
	padding:3%;
	width: 97%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* personalizzo le select */
.element .check {
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size:1.076em; /* 14px */
	font-weight:600;
	color:#666;
	border:none;
	margin:6%;
	padding:3.4%;
	width: 10%;
}
.element span {
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size:0.92.em; /* 12px */
	font-weight:400;
	color:#FFF;
}
.element span a {
	text-decoration:none;
	color:#52B1EB;
}
.element span a.hover {
	text-decoration:underline;
	color:#52B1EB;
}
.element .txtinput-form:focus { 
	color:#325658;
/*	border-bottom:solid 2px rgba(36, 131, 195, 1);*/
	outline: 0 none; 
}
.element .submitbtn-form {
	clear:none;
	float:left; 
	display:block;
	font-family: 'Roboto', sans-serif;
	font-size:1em; /* 13px */
	font-weight:400;
	text-transform:uppercase;
	color:rgba(255, 255, 255, 1);
	background-color:rgba(51, 51, 51, 0.7);
	border:none;
	margin-top:5%;
	margin-bottom:2%;
	margin-left:1%;
	margin-right:1%;
	padding:3.4%;
	width: 98%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.element .submitbtn-form:hover {
	background-color:rgba(51, 51, 51, 0.3);
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;	
}

/* Layout tablet portrait: da 481 px a 768 px. Eredita stili da: Layout mobile. */
@media only screen and (min-width: 481px ) {
.element .txtinput-form {
	clear:both;
	float:left; 
	display:block;
	font-family:0 'Open Sans', sans-serif;
	font-size:1.076em; /* 14px */
	font-weight:400;
	border:none;
	margin:1%;
	padding:2%;
	width: 98%;
}
.element .txtarea-form {
	clear:none;
	float:left; 
	display:block;
	font-family:0 'Open Sans', sans-serif;
	font-size:1.076em; /* 14px */
	font-weight:400;
	border:none;
	margin-top:1%;
	margin-bottom:3%;
	margin-left:1%;
	margin-right:1%;
	padding:2%;
	width: 98%;
}
.element .check {
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size:1.076em; /* 14px */
	font-weight:600;
	color:#666;
	border:none;
	margin-top:0;
	margin-bottom:3%;
	margin-left:0;
	margin-right:0;
	padding:0;
	width: 5%;
}
.element span {
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size:1.em; /* 13px */
	font-weight:400;
	color:#FFF;
	margin-top: 0;
	margin-bottom:2%;
	margin-left: 2%;
	margin-right: 2%;
	padding:0;
}
.element .submitbtn-form {
	clear:none;
	float:left; 
	display:block;
	font-family: 'Roboto', sans-serif;
	font-size:1em; /* 13px */
	font-weight:400;
	text-transform:uppercase;
	color:rgba(255, 255, 255, 1);
	border:none;
	margin:1.5% 25%;
	padding:2.5%;
	width: 50%;	
}

    .el-size-cap            { margin: 0.5% 1%; width: 15%; }
    .el-size-posti          { margin: 0.5% 1%; width: 15%; }
    .el-size-date           { margin: 0.5% 1%; width: 39.5%; }
    .el-size-itinerario     { margin: 0.5% 1%; width: 98%; height:100px }
    .el-size-citta          { margin: 0.5% 1%; width: 69%; }
    .el-size-pv             { margin: 0.5% 1%; width: 10%; }
    .el-size-invia          { margin: 0 auto; width: 33%; }   

}
@media only screen and (min-width: 769px ) {
.element .txtinput-form {
	clear:none;
	float:left; 
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:1.076em; /* 14px */
	font-weight:400;
	border:none;
	margin:0.5% 1%;
	padding:1.3%;
	width: 31.3%;
}
.element .txtarea-form {
	clear:both;
	float:left; 
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:1.076em; /* 14px */
	font-weight:400;
	border:none;
	margin-top:0.5%;
	margin-bottom:2.5%;
	margin-left:1%;
	margin-right:1%;
	padding:1.3%;
	width: 98%;
}
.element .check {
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size:1.076em; /* 14px */
	font-weight:600;
	color:#666;
	border:none;
	margin-top:0;
	margin-bottom:3%;
	margin-left:0;
	margin-right:0;
	padding:0;
	width: 5%;
}
.element span {
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size:1em; /* 13px */
	font-weight:400;
	color:#FFF;
	margin:0;
	padding:0;
}
.element .submitbtn-form {
	font-family: 'Roboto', sans-serif;
	font-size:1em; /* 13px */
	font-weight:400;
	text-transform:uppercase;
	color:rgba(255, 255, 255, 1);
	border:none;
	margin:0 35%;
	padding:1.6%;
	width: 30%;
}
}