/*pagina*/

#pagina{
width:100%;
margin: 0 auto;
padding: 0px 0px 30px 0px;
text-align: left;
font-size: 1.0em;
border: 0px solid #B7B9BA;
}
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

#informativa{
width:100%;
min-height:800px;
float:left;
margin:0px;
padding:20px 5px 5px 5px;
border:0px solid #C0C0C0; 
font-size:1.0em;
color: #636363;
}
#adal{
width:100%;
float:left;
margin:0px;
padding:20px 5px 20px 5px;
       background:#3DB39E;
         opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
font-size:1.0em;
color: #fff;

}
p.tit{
	text-align: left;
font-size:1.6em;
	color:#3DB39E;
	font-weight:bold;
}
p.stit{
	
	color:#3DB39E;
	font-weight:bold;
}
a.info:link     { color: #6EA920; text-decoration: none; }
a.info:visited  { color: #6EA920; text-decoration: none; }
a.info:hover    { color: #175E21; font-weight: bold;}

/*banner*/

#banner{-moz-box-shadow: 0 8px 25px black;
-webkit-box-shadow: 0 8px 25px black;
box-shadow: 0 8px 25px black;
background-color: #c3d1d8;
border-top: 3px solid #616161;
bottom: 0;
min-height: 100px;
left: 0;
margin: 0;
position: fixed !important;
width: 100%;
z-index: 99999;
display:none;
}
p.banner{padding:0px 45px 0px 20px;font-size:0.8em;


				
}
a.cb-policy {
color:#fff;
padding:2px;
font-weight:bold;
text-decoration: none;
        cursor: pointer;
        text-align:center;
}

.nascondi{ position:absolute; top:0%; right:3%; cursor:pointer; font-weight:bold;
}

.apri{
position:fixed; bottom:0%; right:5%;
cursor:pointer;
border-top: 2px solid #EDEDED;border-right: 2px solid #EDEDED; border-left: 2px solid #EDEDED;
width:200px;
color:#fff;
padding:2px;
text-align:center;
background:#616161;
-moz-border-radius: 10px 10px 0 0px;
-webkit-border-radius: 10px 10px 0 0px;
border-radius: 10px 10px 0 0px; height:30px; 
}

.open{ margin: 20px 0px 0px 50px;}

#img_sx{
width:80px; height:80px;
float:left;
background-image:url(img_sx.png);
margin-top:-30px;}

#testo{ margin:0 auto; padding:0; }

.tastop{
float:right; 
    text-align: right;
    padding: 5px;
    font-size: 0.9em;
    font-weight:normal;
    position: relative;
    text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

}

 .chiaro{
	 background: #fff; 
	     color: #616161;
	     border: 2px solid #424850;
  	margin: 1px 30px 10px 10px;

}  
 .scuro{
	 background: #424850; 
	     color: #fff;
	     border: 2px solid #fff;
  	margin: 1px 60px 10px 10px;

}  

/* The container */
.container {
  display: block;
  float:left;
  position: relative;
  padding-left: 33px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.8em;
  color:#616161;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #616161;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}