@charset "UTF-8";
/* CSS Document */

p
{
	font-size: 1em;
	margin: 0 0 1em 0;
}
h2 { font-size: 16px; margin: 0 0 12px; }

/* Form styles */
#signup  /* */
{
	width: 100%;
}

#signup fieldset	
{
	padding-top: 20px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	
}


#signup	input
{
	color:#FFFFFF;
}

#submit	input
{
	color:#333;
}

	#signup ol
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	#signup li
	{
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}
	
	#signup label
	{
		width: 120px;
		display: inline-block;
		vertical-align: top;
	}
	
	#signup fieldset input,
	#signup fieldset select
	{
		background: #fff url(ico_validation.png) 379px 24px no-repeat;
		display: inline-block;
		width: 650px;
		border: 1px solid #008F36;
		padding: 5px 5px 5px 5px;
		-moz-transition: background-color 1s ease;
		-webkit-transition: background-color 1s ease;
		-o-transition: background-color 1s ease;
		transition: background-color 1s ease;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		
		font-family: Arial, sans-serif;
		font-size: 12px; /*grandezza corpo dei testi della pagina*/
		color:#000
	
	}
	
	
	#signup fieldset textarea {
		display: inline-block;
		width: 650px;
		height:100px;
		border: 1px solid #008F36;
		padding: 5px 5px 5px 5px;
		font-size: 12px;
		-moz-transition: background-color 1s ease;
		-webkit-transition: background-color 1s ease;
		-o-transition: background-color 1s ease;
		transition: background-color 1s ease;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		
		font-family: Arial, sans-serif;
		font-size: 12px; /*grandezza corpo dei testi della pagina*/
		color:#000
	}
	
	#signup fieldset select		{ width: 400px; padding: 5px; }
	#signup fieldset #postcode	{ padding: 5px; width: 400px; }
	


#signup input:focus:required:invalid
{ 
	background-color: pink; 
	background-position: 635px 5px;
	outline: none; 
}

#signup input[type=text]:focus:not([pattern]):required:invalid
{
	background-color: #CCC; 
	background-position: 635px -29px;
}

#signup .validation01
{
	background: red;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #fff;
	display: none;
	padding: 10px;
	position: absolute;
	right:30px;
	text-align: center;
	top: 50;
	width: 120px;
	-moz-box-shadow: 0px 0px 4px #ffffff;
	-webkit-box-shadow: 0px 0px 4px #ffffff;
	box-shadow: 0px 0px 4px #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 6000;
	
}
#signup input:focus + .validation01 { display: block; }
#signup input:focus:required:valid + .validation01 { background: green; }
#signup input:focus:required:valid + .validation01 .invalid { display: none; }
#signup input:focus:required:invalid + .validation01 .valid { display: none; }

#signup input:required:valid
{ 
	background-color: #3C3;
	background-position: 635px -61px;
}


.btnSubmit {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	margin-bottom:20px;
	margin-left:125px;
	border: thin solid #EB690B;
	background-color: #EB690B;
	float: left;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0.3s;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0.3s;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;	
}

.btnSubmit:hover {
	background-color: #F90;
}


@media (min-width: 768px) and (max-width: 980px) {

	/* TABLET 768 to 980 */
	
	
	#signup fieldset input,
	#signup fieldset select
	{
		width: 380px;
	}
	
	
	#signup fieldset textarea
	{
		width: 380px;
		height:60px;
	}
	
	
	#signup input:focus:required:invalid
{ 
	background-position: 365px 5px;
}
	
	#signup input:required:valid
{ 
	background-position: 365px -61px;
}
	
	
	
}



@media (max-width: 767px) { 

	/* SMART PHONE  < 767 */
	
	#signup fieldset input,
	#signup fieldset select
	{
		width: 95%;
	}
	
	
	#signup fieldset textarea
	{
		width: 95%;
	}
	
	
	#signup label
	{
		padding-bottom:10px;
	}
	
	#signup input:focus:required:invalid
{ 
	background-position: 98% 5px;
}
	
	#signup input:required:valid
{ 
	background-position: 98% -61px;
}



.btnSubmit {
	
	margin-left:0px;
	
}




}