body{
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
	background:#fff;
}

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

img {border: none}


label {
	font-family: arial;
	width:95%;
	height:20px;
	margin-top: 15px;
	background:transparent;	
	float:left;
	display:block;	
	font-size: 1em;
	color:#666;

}

p{
	font-family: arial;
	font-size: 1em;
	color:#666;
}
a{
	font-family: arial;
	padding-left:4px;
	font-size: 1em;
	color:#002f64;
}

a:hover{
	color:#00bbf2;
}

#privacy a{
	font-family: arial;
	padding-top:5px;
	padding-left:4px;
	font-size: 1em;
	color:#002f64;
}

#privacy a:hover{
	color:#00bbf2;
}

#imAgreePanel{
	margin:0 auto;
	max-width: 800px;
}

#radio{
	max-width: 120px;
}


input[type="text"] {
 background-color:#f5f5f5;
        color: #bababa;
	width:100%;
        border-left: 4px solid #fff;
        border-top:0;
        border-bottom:0;
        border-right:0;
        font-family: arial;
        font-size: 1em;
        height: 35px;
        float: left;
	padding-left: 5px;
}

input[type="text"]:hover{
	       border-left: 4px solid #00bbf2;
}

textarea.box {

 background-color:#f5f5f5;
        color: #bababa;
	width:100%;
        border-left: 4px solid #f8f8f8;
        border-top:0;
        border-bottom:0;
        border-right:0;
        font-family: arial;
        font-size: 1em;
        height: 100px;
	padding-left: 5px;
}

textarea.box:hover{
	     border-left: 4px solid #00bbf2;
}

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

        #container input:focus, #container select:focus {
            border-left: 4px solid #002f64;
            color: #808080;
        }

 #container textarea:focus, #container select:focus {
            border-left: 4px solid #002f64;
            color: #808080;
        }

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

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

input:focus{
 outline:none;
}

textarea:focus{
 outline:none;
}


.button-send {
	padding: 5px 5px 5px 5px;
	border: solid 0px #333;
	cursor: pointer;
	display: inline-block;
	background-color: #002f64;
	font-size: 1em;
	font-family: verdana;
	height: 45px;
	width: 100px;
	color: #ffffff;
	margin-right: 15px;
	margin-top: 10px;
	position:relative;

transition: all .6s ease;

}

.button-send:hover {
	color: #ffffff;
	border: solid 0px #00bbf2;
	background-color: #00bbf2;
}

#button {
	width:95%;
}

.flex-split {
	    flex-direction:row;
  flex-wrap: wrap;
  }

.sinistra .btn:hover{
  box-shadow: 40vw 0 0 #00bbf2 inset;
}

.btn{
	max-width: 100px;
	background-color: #002f64;
	border: none;
    color: #fff;
    padding: 15px 18px;
    text-align: center;
    text-decoration: none;
    display: inline;
    font-size: 1.2em;
	cursor: pointer;
margin-right: 15px;
	margin-top: 10px;
	position:relative;
  
  transition: all .6s ease;
}

.btn:hover{
  color: #fff;
}

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: 10px 0 0px 40px; /* 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');