/* Proprietà generali */
figure{ margin:0; padding:0}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
ul{ list-style:none; margin:0; padding:0}
html, body{ height:100%; width:100%; font-family: 'Source Sans Pro', sans-serif; margin:0}
.clearer{ clear:both}
.invisible{ display:none}

body{ background:#f1f1f1; font-size:12px}
#container{ width:970px; border:2px solid #e1e1e1; margin:10px auto; background:white}
#head{ width: 100%;
    height: 190px;
    background: url("elementi/banner-head.jpg") no-repeat center center;
    background-size: contain;}

article{ padding:1em 2em}
h1{ font-size:2em; font-weight:100;}
h2{ font-size:1.5em}
p{ font-size:1.2em;}
p a{ color:#06C; text-decoration:underline}
.titolone{ font-weight:100; font-size:2em; color:#333}
.avviso{font-weight:bold; color:#a8062b}

form{ padding:15px; margin:0; border:1px solid #ccc; font-size:16px; background:#f1f1f1}
form h1{ text-align:center}
.data-list .blocco .campo{ width:50px; min-width:50px; border:1px solid #ccc}
.data-list .combo{ font-size:10px}
.checkForm{ display:inline-block; width:24%; padding:5px 0 15px 0; font-size:12px; font-weight:100; color:#666;height:45px}

.blocco {display: inline-block;width: 24%;padding: 5px 0;vertical-align: top; font-size:1.2em;}
.blocco-md{ display:inline-block; width:33%; padding:5px 0 15px 0; vertical-align:top; font-size:1.2em;}
.blocco-md-lg{ display:inline-block; width:66%; padding:5px 0 15px 0; vertical-align:top; font-size:1.2em;}
.blocco-lg{ display:inline-block; width:99%; padding:5px 0 15px 0; vertical-align:top; font-size:1.1em;}
.blocco-meta{ display:inline-block; width:49%; padding:5px 0 15px 0; vertical-align:top; font-size:1.2em;}
label{ font-size:12px; font-weight:100; color:#666; text-transform:uppercase}
.campo{ background:#FFF; display:block; border:0; border-bottom:1px dashed #ccc; height:23px; font-size:15px; line-height:23px; font-weight:200; color:#666; width:90%;}
.parola{ display:inline-block; width:100%; padding:10px 0}
.parola .campo{ height:30px; line-height:30px; font-size:20px; width:100%}
.campo-disabilitato{ background:#F1F1F1}
.blocco-lg .campo, .blocco-lg .combo{ width:97%;}
.blocco-md-lg .campo, .blocco-md-lg .combo{ width:95%}
.blocco-meta .campo, .blocco-meta .combo{ width:95%}

a.info {
background: #333;
color: #FFF;
padding: 0 0.3em;
font-size: 0.8em;
display: inline-block;
margin: 0em 0 0em 0.2em;
width: auto;
left: auto;
}

.pul{ text-align:center; padding:20px}
.pul a {
display: inline-block;
padding: 0.4em 1em;
font-size: 1em;
background: #999;
color: #fff; text-decoration:none}
.pul a:hover{ background:#333}

/*#footer{ border-top:2px solid #e1e1e1; font-size:1em; padding:10px 20px; min-height:80px; background:#fff url(elementi/bg-footer.png) no-repeat top right}*/
#footer{ border-top:2px solid #e1e1e1; font-size:1em; padding:10px 20px; min-height:80px; background:#fff no-repeat top right}

ul.seleziona{ text-align:center}
ul.seleziona li{ display:block; padding:10px}
ul.seleziona li a{ display:inline-block; background:#dce7ee; padding:10px 15px; font-size:2em; border-radius:5px; color:#036}
ul.seleziona li a:hover{ text-decoration:none; background:#036; color:#FFF}

/**
 * Checkbox Five
 */
input[type=checkbox] {
	visibility: hidden;
}
.checkboxFive {
	width: 25px; height:25px;
	margin:0 2px 0 0; display:inline-block;
	position: relative; font-size:16px;
}
/**
 * Create the box for the checkbox
 */
.checkboxFive label, #edit.desabled .checkboxFive label{
	cursor: pointer;
	position: absolute;
	width: 23px;
	height: 23px;
	top: 0;
  	left: 0;
	background: #fff;
	border:1px solid #ddd; border-radius:3px;
}
#search .checkboxFive label, #search #edit.desabled .checkboxFive label{ background:#FFF}
#edit .checkboxFive label{ background:#fff}
/**
 * Display the tick inside the checkbox
 */
.checkboxFive label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/**
 * Create the hover event of the tick
 */
.checkboxFive label:hover::after {
	opacity: 0.5;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxFive input[type=checkbox]:checked + label:after {
	opacity: 1;
}
/**
 * STILE PERSONALIZZATO PER SELECT
 */
.combo {
	border: 0 !important;  
	-webkit-appearance: none;  
	-moz-appearance: none; 
	background: #fff url(elementi/select-arrow.png) no-repeat right center;
	min-width: 80px; 
	text-indent: 0.01px; 
	text-overflow: ""; 
	color: #666; font-size:13px;
	border-radius: 5px;
	padding: 0 25px 0 5px; line-height:25px; height:25px;
	box-shadow: inset 0 0 1px rgba(000,000,000, 0.5);
	text-transform:none; width:90%; display:block;
}
/**
 * tolgo la freccia default della select in IE10
 */
select::-ms-expand {
display:none;
}
/**
 * tolgo la freccia default della select in IE8 e 9
 */
.combo {
    padding: 0 0px 0 5px\0/IE8+9; /* IE8+9  */
}

form .combo{ background: #fff url(elementi/select-arrow.png) no-repeat right center;}

@media only screen and (max-width: 600px) {
   
}