/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {

}

body {
  font-size: 10px;
  font-family: sans-serif;
  color: #ffffff;
  background: #fff;
}

a {
  color: #196a74;
  text-decoration: none;
}

strong{ font-weight:bold}
/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-background-wrapper {
  background-color: #001426;
  position: relative;
 
  overflow: hidden;
  pointer-events:all!important;
 
}
.no-touch .cd-background-wrapper {
  
 
 

}

.cd-background-wrapper::before {
  /* never visible - this is used in jQuery to check the device type */
  content: 'web';
  display: none;
}
.touch .cd-background-wrapper::before {
  /* never visible - this is used in jQuery to check the device type */
  content: 'mobile';
}

.cd-floating-background {
  position: relative;
}
.cd-floating-background img {
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* fixes a Firefox bug - images not correctly rendered*/
  background-color: rgba(255, 255, 255, 0.01);
}
.cd-floating-background img:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;

}
.no-touch .cd-floating-background {
  top: 0;
  left: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.no-touch .cd-floating-background.is-absolute {
  position: absolute;
}
.no-touch .cd-floating-background img:first-child {
  -webkit-transform: translateZ(50px);
  -moz-transform: translateZ(50px);
  -ms-transform: translateZ(50px);
  -o-transform: translateZ(50px);
  transform: translateZ(50px);
}
.no-touch .cd-floating-background img:nth-child(2) {
  -webkit-transform: translateZ(290px);
  -moz-transform: translateZ(290px);
  -ms-transform: translateZ(290px);
  -o-transform: translateZ(290px);
  transform: translateZ(290px);
}
.no-touch .cd-floating-background img:nth-child(3) {
  -webkit-transform: translateZ(400px);
  -moz-transform: translateZ(400px);
  -ms-transform: translateZ(400px);
  -o-transform: translateZ(400px);
  transform: translateZ(400px);
}
.no-touch.no-preserve-3d .cd-floating-background {
  /* we target browsers that don't support preserve-3d and show just a standard image - no effect visible */
  position: relative;
}


.menu_left{width: 250px;
margin-left:70px;
/*  height: 100%;*/
  position: absolute;
  top: 0px;
  background: rgba(146,180,226,0.7);
  z-index:200000000000000000000;
    box-shadow: 0px 1px 5px #333;
	display:block; clear:both;
	  pointer-events: none;}
	.menu_left a{ position:relative; pointer-events:all!important; display:inline-block}
	
	.menu_left p{ padding:20px}
	
	#logo{ width:250px; height:140px; background-image:url(../img/logo.jpg); opacity:0.9; }
	#logo h1{display:none}
	#logo:hover{opacity:1.0}

#menu{padding:15px; padding-top:30px;}

#menu li{font-family: 'Della Respira', serif; font-size:21px; padding:10px; border-bottom:1px solid #9588bf}
#menu li a{color:#69457b;  pointer-events:all!important;}
#menu li a:hover{color:#fff}
#menu .active a{color:#fff!important}
#slogan{ position:absolute; z-index:2000000000000000000; width: 785px;
  top:440px;
  left: 340px;  pointer-events: none;}
#slogan h2{font-family: 'Della Respira', serif; font-size:48px; text-shadow:0px 1px 5px #000; }
#title{ height:230px; width:100%;  background-image:url(../img/title.png); background-repeat: repeat-x; background-position:center; position:absolute; margin-top:-55px;z-index:200000000000000}
.arrow{ width:65px; height:34px; background-image:url(../img/arrow.png); position:absolute; left:50%; margin-left:-33px; -webkit-animation: NAME-YOUR-ANIMATION 3s infinite; /* Safari 4+ */
  -moz-animation:    NAME-YOUR-ANIMATION 3s infinite; /* Fx 5+ */
  -o-animation:      NAME-YOUR-ANIMATION 3s infinite; /* Opera 12+ */
  animation:         NAME-YOUR-ANIMATION 3s infinite; /* IE 10+, Fx 29+ */ }
  
  
  @-webkit-keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0.3; margin-top:-20px; }
  50% { opacity: 1; margin-top:0px; }
   100%   { opacity: 0.3; margin-top:-20px; }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0.3; margin-top:-20px; }
  50% { opacity: 1; margin-top:0px; }
   100%   { opacity: 0.3; margin-top:-20px; }
}
@-o-keyframes NAME-YOUR-ANIMATION {
  0%  { opacity: 0.3; margin-top:-20px; }
  50% { opacity: 1; margin-top:0px; }
   100% { opacity: 0.3; margin-top:-20px; }
}
@keyframes NAME-YOUR-ANIMATION {
  0%  { opacity: 0.3; margin-top:-20px; }
  50% { opacity: 1; margin-top:0px; }
   100% { opacity: 0.3; margin-top:-20px; }
}
#title .container{ width:980px; margin:0 auto; text-align:center; margin-top:80px}
#title h3{font-family: 'Della Respira', serif; font-size:48px; color:#fff }
#title h4{font-family: 'Della Respira', serif; font-size:18px;color:#fff; margin-top:20px   }
#contenuto{ width:980px; margin:0 auto; padding-top:65px; padding-bottom:65px; height:100%; clear:both; margin-top:180px; margin-bottom:65px!important; position:relative}
#contenuto p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#333; line-height:24px}
#contenuto a{color:#9b6ab5}
#contenuto a:hover{color:#9eb4d9}
.col_sx{width:470px; margin:0 auto; margin-right:40px; float:left; }
.col_dx{width:470px; margin:0 auto; float:left;}
#footer{ height:400px; width:100%; background:url(../img/footer.jpg); background-size:cover; position:relative; top:75px; clear:both;}
#footer .container{width:980px; margin: 0 auto; padding-top:70px}
.contact{ width:980px; margin: 0 auto; background:url(../img/footer_container.png); height:180px; padding-top:70px; clear:both; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#9b6ab5; font-weight:100; line-height:22px}
.contact a{color:#fff}
.contact a:hover{opacity:0.5}
#footer .sx{ width:490px; float:left; padding:30px; margin:0 auto; margin-top:-60px}
#footer .dx{ width:490px; float:left; padding:30px; margin:0 auto; margin-top:-60px; text-align:right}
#social{ margin-top:50px}
#social a{ margin-right:20px;}
#social a:hover{opacity:0.7}




.lt-ie9 .cd-floating-background img:not(:first-child) {display:none}


 @media (max-width: 1100px) {
	 #slogan{ width:600px}
	 
 }
 
 
 @media (max-width: 990px) {
	 #contenuto{width:auto}
	 #contenuto iframe{width:100%}
	.col_sx{width:auto; margin:0 auto; padding:40px }
.col_dx{width:auto; margin:0 auto; padding:40px }



#title .container{width:auto}
#menu {
  display: block!important;
  padding-top: 0px;
  margin-top: -40px;
}




#logo {
  width: auto;
  height: 90px;
  background: #fff;
  background-image: url(../img/logo.jpg);
  opacity: 0.9;
  margin: 0 auto;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  position:relative;
  z-index:30000
}
#slogan {
  position: absolute;
  z-index: 2000;
  width: autopx;
  bottom: 80px;
  left: 0px;
  margin: 40px;
  width: auto!important;
}


 .menu_left{ width: auto;
 position:static;
 background:#fff;
 margin:0 auto;
  height: 100%;
  /* position: absolute; */
  top: 0px;
  /* background: rgba(146,180,226,0.7); */
  z-index: 200;
  box-shadow: 0px 1px 5px #333;}
  
  .contact {
  width: auto;
  margin: 0 auto;
  background: rgba(146,180,226,0.7);
  height: 180px;
  padding-top: 70px;
  clear: both;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  color: #9b6ab5;
  font-weight: 100;
  line-height: 22px;
}

#footer .container{ width:auto}
  
 #footer .sx{ width:280px;} 
   
 #footer .dx{ width:280px;right: 0px;
  position: absolute;} 
  
  
  
  

#menu li a:hover{color:#69457b}
#menu .active a{color:#69457b}
	 



  
  
  
 }
 
 
/*  @media (max-width: 1150px) {
	  .menu_left{height:80%}
	  }
 */
  @media (max-width: 700px) {
	  #slogan h2{font-size:28px}
	  }
	  
	   @media (max-width: 550px) {
	  #slogan {display:none}
	  }
	  
	  
	  @media (max-width: 400px) {
		   #footer .sx{ width:auto; float:none} 
   
 #footer .dx{ width:auto;right: 0px;
  position: static; float:none; text-align:left; margin-top:0px} 
  .contact{height:350px}
  #footer{height:550px}
		  
	  }
	  
	   @media (max-width: 1175px) {
	  #slogan{top:280px}
	  }
	  
	   @media (max-width: 990px) {
	  #slogan{top:340px}
	  }