@font-face {
    font-family: 'path';
    src: url("../../fonts/Pathway-Gothic-One-Regular.ttf");
}

::-moz-selection  {
background: #71c102;
color: white;
}
::selection   {
background: #71c102;
color: white;
}

body{
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	overflow:auto;
	color: #444;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
}

#container 
{
	margin: 0 auto;
	margin-left:10px;
	margin-right:20px;
    margin-top: -20px;
	max-width:100%;
	position:relative;
}

img {border: none}


label {
	width:95%;
	min-height:25px;
	margin-top: 15px;
	background:transparent;	
	float:left;
	display:block;	
	font-size: 1em;
	padding-left: 4px;
	
}

p{
	font-size: 1em;
	
}
a {
    color: #0e609d;
	text-decoration: none;
	outline: none;
}

a:hover{
	color:#71c102;
	}

input[type="text"] {
 		background-color:#f4f4f4;
        color: #444;
		width:100%;
        border:0;
        font-size: 1em;
        height: 35px;
        float: left;
		padding-left: 15px;
	border-radius: 15px;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}

input[type="text"]:hover{
	background-color:#fafafa;
	      -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
}


select {
 		background-color:#f4f4f4;
        color: #444;
		width:100%;
        border:0;
        font-size: 1em;
        height: 35px;
        float: left;
		padding-left: 15px;
	border-radius: 15px;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}

select:hover{
	background-color:#fafafa;
	      -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
}

textarea.box {
 		background-color:#f4f4f4;
        color: #444;
		width:100%;
        border:0;
        font-size: 1.3em;
        height: 100px;
		padding-left: 15px;
	border-radius: 15px;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}

textarea.box:hover{
	background-color:#fafafa;
	  -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
}

input[type="radio"] {
cursor:pointer;
}
input[type="checkbox"] {
cursor:pointer;
}

#container input[type="text"]:focus {
            background-color: #f5f5f5;
            color: #333;
        }

#container select:focus {
            background-color: #f5f5f5;
            color: #333;
            outline:none;
        }

 #container textarea:focus {
            background-color: #f5f5f5;
            color: #333;
        }

 #container input[type="submit"]:focus {
	border: solid 0px #333;
            color: #ffffff;
        }

 #container input[type="reset"]:focus {
	border: solid 0px #333;
            color: #ffffff;
        }

input:focus{
 outline:none;
}

select:focus{
 outline:none;
}

textarea:focus{
 outline:none;
}

#imAgreePanel {
    margin:0 auto;
    max-width: 550px;
	text-align: left;
	}

#button {
	width:95%;
}


.btn{
	max-width: 110px;
	background-color: #0e609d;
	border: none;
    color: #fff;
    padding: 12px 18px;
    text-align: center;
    text-decoration: none;
    display: inline;
    font-size: 1.6em;
    font-family: 'path';
	cursor: pointer;
margin-right: 15px;
	margin-top: 10px;
	position:relative;
  transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	border-radius: 0px;
}

.btn:hover{
	background-color: #71c102;
  color: #fff;
border-radius: 8px;
}

p:not(#foo) > input[type='radio'], /* Nasconde checkbox e radio button */
p:not(#foo) > input[type='checkbox'] {
 position: absolute;
 clip: rect(1px, 1px, 1px, 1px);
}


p:not(#foo) > input[type='radio'] + label,
p:not(#foo) > input[type='checkbox'] + label {
  margin: 0;/* Azzera i margini */
 padding: 8px 0 0px 30px; /* Crea spazio con il padding sinistro per ospitare l'immagine di sfondo */
 cursor: pointer; /* Imposta il cursore */
 background: url('start.png') left center no-repeat; /* Imposta lo sfondo iniziale per checkbox e radio button */
}

p:not(#foo) > input[type='radio']:checked + label { /*Modifica lo sfondo del radio button quando viene attivato */
 background-image: url('radiobutton.png');
}

p:not(#foo) > input[type='checkbox']:checked + label { /*Modifica lo sfondo del checkbox quando viene attivato */
 background-image: url('checkbox.png');