/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

/** GLOBAL SETS **/
.clear {clear:both;}
.hidden {display:none;}
body {margin:0 0 0 0;font-size:13px;color:#222;font-family: 'Montserrat', sans-serif,lucida,tahoma, helvetica, verdana;background:#FFF; /*url(images/bg.png) top repeat-x;text-align:center;*/}
a:link, a:visited {color:#BA0000;text-decoration:underline;}
a:hover, a:focus {color:#1a1a1a;text-decoration:underline;}
#wrapper {width:74%;margin-right:auto;margin-left:auto; max-width:1100px; }

#header {position:relative;height:123px;}
#homepage #header {position:relative;height:415px;}

#header #nav {/*position:absolute;*//*top:10px;*/left:0;list-style:none; float: right;
    margin-top: 25px;}
.mobimenu {
    list-style: none; text-align: center;
}
#header #nav li, .mobimenu li {float:left;margin:0 10px 0 0;font-size:11px;text-transform:uppercase;font-weight:bold;}
#header #nav li a, .mobimenu li a {display:block;line-height:30px;padding:0 10px;}
#header #nav li a:link, #header #nav li a:visited, .mobimenu li a:link, .mobimenu li a:visited {/*border:1px solid #D23939;*/color:#000;text-decoration:none;}
#header #nav li a:hover, #header #nav li a:focus {color:#999;text-decoration:none;}
#header #nav li.current a, .mobimenu li.current a  {border:1px solid #0e0e0e;color:#000;text-decoration:none;}
img.logo{
	/*width: 400px;*/
	max-width: 100%;
    
}
@media(min-width:1068px){
    img.logo{
        margin-top: 13px;
        margin-left:30px;
    }
}

#header a.logo:link, #header a.logo:visited, #header a.logo:hover {/*position:absolute;*/top:68px;left:0;
color:#fff;
font-size:52px;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
letter-spacing:-2px;
text-decoration:none;
}
#header span.logo2 {position:absolute;top:70px;left:2px;
color:#7C1B1B;
font-size:52px;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
letter-spacing:-2px;
}
#content {text-align:center; }

#content h1 {font-size:40px;font-family: 'Montserrat', sans-serif;line-height:40px;/*letter-spacing:-2px;*/margin:25px 0 5px 0; text-align: center}
#content h2 {font-size:25px;font-family: 'Signika', sans-serif;line-height:37px;letter-spacing:-1px;margin:25px 0 10px 0;}
#content h3 {font-family: 'Signika', sans-serif;font-size:25px;color:#1a1a1a;margin:25px 0 10px 0; line-height: 31px;}
#content h4 {font-family: 'Signika', sans-serif;font-size:16px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h5 {font-family: 'Signika', sans-serif;font-size:14px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h6 {font-family: 'Signika', sans-serif;font-size:10px;color:#1a1a1a;margin:25px 0 10px 0;}

#content #page-content {float:left;width:100%; }
.page-meta {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px; display: none;}
.page-meta span {text-transform:none;color:#BA0000;font-size:15px;font-family:georgia;}

#content .page-text {font-size:14px;line-height:22px;/*margin-bottom:50px;*/}
#content .page-text p, #content .page-text ul, #content .page-text ol {margin:0 0 10px 0; font-size: 18px; font-family: "Signika";}
#content .page-text ul, #content .page-text ol {margin-left:25px;}
#content .page-text ul ul, #content .page-text ol ul, #content .page-text ul ol, #content .page-text ol ol {
	margin:0 0 0 25px;
}
#content .page-text blockquote {
	/*margin:0 0 22px 20px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;*/
	}
.page-text a{
    font-family:"trebuchet ms";
    font-size: 11px;
    text-decoration: none;
    /*color: blue;*/
    text-transform: uppercase;
    font-weight: bold;
    
    
}
.btn{
  
}
.dpm{
  font-size: 21px !important;
  font-style: italic;
}
.page-text p{
    clear: left;
}
.upper{
  text-transform: uppercase;
}
.page-text a:hover{
    text-decoration: underline;
}
#content code {border:1px dotted #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
#content pre code {line-height:17px;padding:15px;border:1px dotted #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

#content .page-text img {margin:0 10px 20px 0;border:1px solid #1a1a1a; max-width: 100%}

#sidebar {width:300px;float:right;border:1px solid #ccc;background:#f6f6f6;margin-bottom:50px;}

.section {padding:30px 20px 20px 20px;text-align:left;}
.section p, .section ul, .section ol {line-height:20px;margin:0 0 20px 0;}
.section ul, .section ol {margin-left:20px;}
.section ul ul, .section ol ul, .section ul ol, .section ol ol {
	margin:0 0 0 20px;
}
.section h2 {color:#BA0000;font-size:22px;font-family: 'Signika', sans-serif;line-height:22px;letter-spacing:-1px;margin:0 0 15px 0;padding:0;}
.section h3 {color:#BA0000;font-family: 'Montserrat', sans-serif;font-size:19px;margin:0 0 10px 0;}
.section h4 {color:#BA0000;font-family: 'Montserrat', sans-serif;font-size:15px;margin:0 0 10px 0;}
.section h5 {color:#BA0000;font-family: 'Montserrat', sans-serif;font-size:13px;margin:0 0 10px 0;}
.section h6 {color:#BA0000;font-family: 'Montserrat', sans-serif;font-size:10px;margin:0 0 10px 0;}

.section blockquote {
	margin:0 0 20px 20px;
	line-height: 19px;
	font-size:12px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}
.section code {border:1px solid #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
.section pre code {line-height:17px;padding:15px;border:1px solid #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

.credits {font-size:15px;/*text-transform:uppercase;*/color:#c2c2c2;padding-top:15px;margin-top:30px;/*border-top:1px dotted #ccc;*/}
.credits p {/*margin:20px 0 0 0;*//*line-height:16px;*/padding:5px 0 0 0;}
.credits a:link, .credits a:visited {color:#d9d9d9;}
.credits a:hover {color:#333}

.link{
  font-size: 16px !important;
  z-index: 999999;
}
.link:hover{
  text-decoration: underline !important;

}

#mobile{
    display: none;
}
#titolo1 h1{
	font-size: 75px;
	line-height: 87px;
	/*text-align: left*/

}
#titolo1 .legge{
	/*float: right;*/
	/*margin-right: 20%;*/
	/*margin-top: -20px;*/
	font-size: 10px ;
}
.ombra{
	text-shadow: 4px 6px 0 #61ceed;
}

footer .box1{
  float: left;
  width: 40%;
  margin:20px 30px 20px 30px;

}
footer .box2{
 margin:20px 30px 20px 30px;
}


form{
	width: 100%;
}
.form{
	width: 77%;
	padding:30px;
	margin: 20px auto;	
	clear:left;
}
input, textarea{
	
	width: 100%;
	font-size: 19px;
	/*margin: 20px 30px;	*/
	border:none;
	border-bottom:dashed 1px #000;
	margin-top: 30px;
	min-height: 40px;
}
textarea{
	height: 200px;
	/*text-decoration: underline;*/

}
textarea:focus {
border: none;
/*box-shadow: 0 1px 0 0 #999;*/
}
.check{
	height: 30px;
	text-align: left;
	float:left;
	padding-top: 27px;
    margin-left: 5px;
}
input[type="checkbox"]{
	width: auto;
	display:block;
	float: left;	
	margin-right: 0px !important;
}
input[type="submit"]{
	width: 100px;
	border:solid 1px #000;
	background-color:#fff;
	float: right;
	margin: 20px auto;
	margin-right: 0px !important;
}
img.omini{
	border:0px !important;
}
#mobimenu li{
    padding: 0px;
    
}
#page-content{
    font-family: 'Signika', sans-serif;
}
.more{
    text-align: right;
}
.allinea{float: left;}

.immagine-centrale{
    width:80%;
    height: 300px;
    margin: 30px auto;
    background-image: url(privacy007/20161119_150046.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size:auto;
    background-position: center center;
    border-radius:10px ;
}
.img{
    border-radius: 10px;
    margin-top: 30px !important;
    border: 0px !important;
    width: 89% ;

}
.virgolette{
	font-size: 45px;
	color: #FF0000;
}
footer{
  width: 100%;
  background:#383838; /* #8b8a8a ;*/
  padding:10px;
  margin-bottom: 0px;
  margin-top: 90px;
  color: #c2c2c2;
  display: inline-block;
}
/*footer p{
  width: 74%;
  max-width: 1100px;
  margin:auto;

}*/
.sinistra{
  float: left;
  text-align: left;
}
.destra{
  float: right;
  text-align: right;
}
.destra big{
  margin-right: -3px;
}
#top-form big{
  font-size: 75px;
    line-height: 87px;
    margin-left: -3px;

}
#top-form {
  width: 76%;
  font-size: 25px;
  text-align: center;
  margin:auto;
}

#top-form .big2{
  font-size: 50px;
}
@media(max-width: 600px){



  footer .box1, footer .box2{
    float: none;
    margin:0px;
    width: 90%;
  }
  .sinistra, .destra{
  float: none;
  text-align: center;
  }
    #top-form big {
      font-size: 49px !important;
      line-height: 55px;
  }
  #top-form p{
    font-size: 23px;
        font-size: 19px;
      line-height: 30px;
    
  }
	.virgolette{
		font-size: 30px;
	}
    #wrapper{
        width: 95%;
    }
    #header{
        text-align: center;
        height: auto;
    }
    #mobile{
        display: block;
        text-align: center;
    }
    .img{
      width: 100%;
    }
	#titolo1 h1{
		font-size: 40px;
		line-height: 56px;
	}
	#page-content{
		margin-top: 265px !important;
	}
	.img{
		width: 100%;
		/*height: 136px;*/
	}
	.form{
		width: 100%;
		margin-bottom: 70px;
		clear: both;
        padding: 0;
	}
    #nav-main{
        display: none;
    }
    #mobile #nav{
        margin-top: 36px;
    }
	#mobile #nav li{
    margin: 0px 3px 0px;
		/*margin-top:-21px;*/
    padding:10px 0px;
                
    font-size: medium;
        float: none;
	}

    #mobile #nav li a:link, #header #nav li a:visited {
      border:1px solid #D23939;
      height: 40px;
      padding-top: 10px;
    }
    img.logo{
        margin-top: 20px;
    }
    .check{
    	padding-top: 39px;
    }
    #content h2{
    	line-height: 26px;
    }
    
}
@media(max-width:790px){
    #header{
         text-align: center;
    }
    #top-form big {
    font-size: 49px;
    line-height: 55px;
  }
}


  .draggable { width: 80px; height: 151px; z-index: 999999; /*padding: 0.5em;*/ /* border:solid 1px #000;*/ position:absolute }
  #drag1{
     top:425px;
     left: 230px;

     background-image:url("privacy007/omino_a.png"); 
     background-repeat: no-repeat;
  }
  #drag2{
     right: 230px;
     top: 434px;
     background-image:url("privacy007/omino_b.png"); 
     background-repeat: no-repeat;
  }
  .freccia{
	float:right; /*margin-top: -20px;*/ right: 250px; top: 321px; position: absolute; height: 100px;
}
  @media(min-width:1400px){

  	#drag1{
  		left: 534px;

  	}
  	#drag2{
  		right: 539px;
  	}
  	.freccia{
  		right: 539px;
  	}

  }
  @media(max-width:990px){
  	#drag1{
  		top: 494px;

  	}
  	#drag2{
  		top: 500px;
  	}
  	.freccia{
  		top: 300px;
  		right: 76px;

  	}
  }
@media(max-width:667px){
    	#drag1{
  		top: 394px;

  	}
  	#drag2{
  		top: 400px;
  	}
    
}
  @media(min-width:700px) and (max-width:769px){
  	#drag1{
  		top: 478px;
  		left: 120px;

  	}
  	#drag2{
  		top: 478px;
  		right: 120px;
  	}
  	.freccia{
  		top: 388px;
  		right: 112px;

  	}
  	img.logo{
  		margin-top: 19px;
  	}
  	.form{
  		width: 86%;
  	}
  	.check{
  		padding-top: 41px;
  	}
  	#header #nav{
  		margin-right: 109px;
  	}
  }
  /* Landscape */
@media  (min-device-width: 640px) and (max-device-height: 375px)  {
  	#header #nav{
  		margin-right: 70px !important;
  	}
  	.freccia{
  		top: 336px;
  	}
  	
  	#drag1{
  		left: 62px;
  		top: 425px;
  	}
  	#drag2{
  		right: 81px;
  		top: 431px;
  	}

	#titolo1 h1 {
	    font-size: 51px;
	    line-height: 61px;
	}
	.check{
		margin-top: 13px;
	}
  .destra, .sinistra{
    text-align: center;
    float: none;
  }
}

@media  (max-device-width: 568px) and (max-device-height: 320px)  {
	.freccia{
		top:244px;
	}
	#drag1{
  		left: 62px;
  		top: 339px;
  	}
  	#drag2{
  		right: 81px;
  		top: 339px;
  	}
  	  	
  	}
  #interrupt{
  	background-image: url("/privacy007/linea-interruzione.png");
  	width: 49px;
  	height: 56px;
  	position: absolute;
  	/*top: 461px;
  	left: 601px;*/
  }
  #myCanvas{
  /* border:1px solid #d3d3d3;*/
     position:absolute;
     top: 0px;
     left: 0px;
     overflow: hidden;
     /*z-index: 997777;*/


   /*  top: 400px;
     left: :-800px;*/
     
  }
  @media(min-width:800px) and (min-height: 1280px){
    #wrapper{
      width: 83% ;
    }
    .img{
      width: 100% !important;
    }
    #drag2,#drag1{
      top: 507px;
      
    }
    .freccia {
       top: 419px;
       right: 212px;
    }
    .img.logo{
      margin-top: 17px;
    }
    #top-form big {
      font-size: 57px;
    }
    footer .box1{
          height: 300px;

    }
  }