﻿html, body {
height: 100%;
margin: 0;
padding: 0;
  background: url(../images/body1.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	margin:0 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
	line-height:17px;
	color:#555;
	overflow:visible;
}

div#container, div#header, div#topmenu {width:auto; max-width: 740px; margin: 0 auto}

div#container {
	min-height:600px;
	height: auto !important;
	height: 600px;
	margin: 30px auto;
	padding:30px;
	border: 1px solid #CFCFCF;
	border-top:0;
	background:url(../images/transparency.png);   /**/
	background-color:transparent;
	text-align:left;
	}
	
div#header {margin-bottom:10px; min-height:140px;}	
div#header img {float:left; margin:0 5px 5px 0;}

div#header .2016 img {float:none; margin:0 5px 5px 0;}


	
/* FORM */

fieldset {float: left; min-height:160px;max-width: 706px;margin-bottom:15px;}


form ul {padding:0!important; margin:0!important;}
form li {height:20px; list-style:none; margin:5px 0;}
form li input {min-width:170px;}

label {display: inline-block; width:160px;}

fieldset#workshop {width: 100%; margin-bottom:10px;}

fieldset#workshop .column {width:50%; float:left;}

ul.workshop {margin: 10px 0; padding:10px 0;}

ul.workshop li {height:auto; min-height: 40px; border-bottom:1px solid #DDD; }

ul.workshop li input {
  /*height: 100%;*/
  height: auto;
  margin: 0 10px 0 0;
  min-width: auto;
  float: left;
}

span.time {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  float: left;
  margin: 0 15px 0 0;
  padding: 0 4px;
  width: 36px;
  height: 36px;
}
#info{
	width: 100%;
}
.privacy{
	width: 420px;
}
.title{
	/*width: 650px; // 2015*/
	width:100%!important;
	text-align:center;
}
.title.2016 {
	width:100%!important;
	text-align:center;
	margin:10px auto;
}
.title h1{
	line-height: 25px;
}
/*.checkbox-none{
	display: none;
}*/

@media only screen and (max-width: 835px){
	.title{
		width: 200px;
	}
	.privacy{
		width: 390px;
	}
}


/* Mobile responsive */
@media screen and (max-device-width: 640px){
  	div#header{
  		position: relative;
	  	width: 100%;
	    height: 285px;
	    margin-left: 30px;
    }
    .privacy{
    	width: auto;
    }
    span.time{
		height: 40px;
    }
        div#container, div#header, div#topmenu {
    	width:100%;
    	max-width: auto;
    	padding: 0;
    }

}


/* Pagina di Ringraziamento*/

#message {margin:30px 10px;}
