* {
  margin: 0;
  padding: 0;
}



body {
	background: #fbe8d1;
	text-align: center;
	-webkit-font-smoothing: antialiased;
  }

/*quì comincia l'header*/ 

#testa {
width:100%;
background-image:url(../img/sfondo_faro.png);
background-repeat: no-repeat;
background-position: 0 0;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-color: #0e2c57;
}

#logo{
	max-width:100%;
}
#wrapper {
padding: 0px;
width:1002px;
background: #fbe8d1;
margin: 0 auto;
  }
  
/*quì comincia il menu*/ 

#navigation
{   padding: 0px;
	width: 1002px;
	height: 50px;
	background: #C0C0C0;
	text-align:right;
	display:table-cell;
    vertical-align:middle;
  }
ul li {
display: inline;
}
ul li a {
	font-family:'trajan_proregular';
	font-size: 1.135em;
	color: #3a5687;
	text-decoration:none;
	font-weight:500;
}

ul li a:hover {
		color: #000;
		font-weight:200;
		text-shadow: 0px 0px 3px #ffffff;
	}

li.link-1 a { background:#d6c8b8; 
                padding-left:7px;
				padding-right:8px;
				padding-top:12px;
				padding-bottom:12px;}

li.link-1 a:hover {background:#FBE8D1; 
                 padding-left:7px;
				padding-right:8px;
				padding-top:12px;
				padding-bottom:12px;
				z-index: 1000;}



.corrente{ background:#fbe8d1; 
                padding-left:7px;
				padding-right:8px;
				padding-top:15px;
				padding-bottom:14px; }

li.link-1home { background:#C0C0C0; 
                padding-left:52px;
				padding-right:85px;
				padding-top:12px;
				padding-bottom:12px;}

/*quì comincia il contenuto*/ 


#content {
	background-color: #fff;
	display:inline;
}




/*quì comincia il menu di sx*/ 

#sx {
	float: left;
	background:#fdf4e8;
	width:240px;
   height:1252px;
	}
	
	
#sx_attivita {
	float: left;
	background:#fdf4e8;
	width:240px;
   height:1240px;
	}
	
#sx_eventi {
	float: left;
	background:#fdf4e8;
	width:240px;
   height:1140px;
	}
		
	
	
	
	#sx_barca {
	float: left;
	background:#fdf4e8;
	width:240px;
   height:638px;
	}
	
	
	
		#sx_crociere {
	float: left;
	background:#fdf4e8;
	width:240px;
   height:1780px;
	}
	
	
		#sx_chisiamo {
	float: left;
	background:#fdf4e8;
	width:240px;
   height:855px;
	}
	
	
	
			#sx_contatti {
	float: left;
	background:#fdf4e8;
	width:240px;
   height:655px;
	}
	
	
	
	
	
			#sx_corsi {
	float: left;
	background:#fdf4e8;
	width:240px;
   height:1240px;
	}



#bianco{
		background:#FFF;
		width:240px;
        height:164px;
	}

#menusx {
	padding: 0px;
	width: 220px;
	background: #C0C0C0;
	text-align:left;
  }


.vocisx {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size: 0.9em;
	color: #3a5687;
	padding-top:16px;
	margin-left:12px;
	text-align:left;
}

.vocisx a {
	color: #333;
	text-decoration:none;
}

.vocisx a:hover {
	color:#333;
	background-color:#FFF;
	text-decoration:none;
}

/*quì comincia il contenuto dx*/ 



#imma_attivita {
	width:762px;

}


#imma_cartine {
	width:742px;

}

#imma_sx_chisiamo {
	width:240px;

}


#imma_zecca {
	width:577px;
	alignment:center;

}

#imma_Dufor {
	width:240px;

}


#imma_all {
	width:365px;

}

#dx {
		background:#FAE8D0;
		width:762px;
		margin-left:240px;
	}


#dx_tabelle {
	background: #FAE8D0;
	width: 340px;
	margin-left: 20px;
	padding-top: 20px;
	text-align:left;
	}

 

#link {
	background:#FFF;
	color:#333;
	
	}



.paragrafo{
	text-align:left;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.9em;	
	font-weight:100;
	color:#333;
	line-height: 1.5em;
	width:730px;
	margin-left:20px;
	
	}


.testotab{
	text-align:left;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.9em;	
	font-weight:100;
	color:#333;
	line-height: 1.5em;
	padding:8px;
	
	}
	
	
	.note_tab{
	text-align:left;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.7em;	
	font-weight:100;
	color:#333;
	line-height: 1.5em;
	margin-left:20px;
	
	}

 .selezionato {
	font-size: 2em;
	font-family:'shelleyallegro_btregular';
	background-color:#fdf4e8;
	padding-bottom:5px;
	line-height: 2em;
}


 .titoletti {
	font-size: 1.3em;
	font-family:'trajan_proregular';
	background-color:#fdf4e8;
	padding-bottom:5px;
}



 .titoletti_contatti {
	font-size: 1.9em;
	font-family:'trajan_proregular';
	background-color:#fdf4e8;
	padding-bottom:5px;
	text-align:center;
}






/*quì comincia il footer*/ 


#linea_b{
	
text-align:center;
	height:6px;
	background:#FFF;
	
}

#footer {
position:relative;
padding: 0px;
background:#0e2c57;
height:184px;
  }
  
  
#footer-container{width:1002px; margin:0 auto;}

#footer1 {
	position: relative;
	display: block;
	float: left;
	margin-left:25px;
	margin-top:20px;
	padding:4px;
	width: 400px;
}





#footer1a { 
position:relative;
display:block;
float:left;
margin-left:10px;
margin-top:80px;
padding:4px;
width:220px;
}




#footer2 { 
position:relative;
display:block;
float:right;
margin-left:0px;
margin-top:100px;
padding:4px;
width:250px;
}


#indirizzo1{  font-family: 'helvetica_neue_lt_std35_thin';
	font-size:1em;
	text-align:left;	
	color:#ffffff;
	line-height: 1.3em;
	
}



 #footer_cell {
	display:none;
	
}








/*font*/ 

h1 {
  font: 40px/60px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: 200;
  }

h2 {
  font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 40px;
  }


body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;

          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
              -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
                         box-shadow: 0px 0px 10px rgba(0,0,0,.8);

          z-index: 100;
}





@font-face {
    font-family: 'trajan_proregular';
    src: url('../font/trajanpro-regular-webfont.eot');
    src: url('../font/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/trajanpro-regular-webfont.woff') format('woff'),
         url('../font/trajanpro-regular-webfont.ttf') format('truetype'),
         url('../font/trajanpro-regular-webfont.svg#trajan_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'shelleyallegro_btregular';
    src: url('../font/shlyalln-webfont.eot');
    src: url('../font/shlyalln-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/shlyalln-webfont.woff') format('woff'),
         url('../font/shlyalln-webfont.ttf') format('truetype'),
         url('../font/shlyalln-webfont.svg#shelleyallegro_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'helvetica_neue_lt_std35_thin';
    src: url('../font/helveticaneueltstd-th_0-webfont.eot');
    src: url('../font/helveticaneueltstd-th_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaneueltstd-th_0-webfont.woff') format('woff'),
         url('../font/helveticaneueltstd-th_0-webfont.ttf') format('truetype'),
         url('../font/helveticaneueltstd-th_0-webfont.svg#helvetica_neue_lt_std35_thin') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'aaarghnormal';
    src: url('../font/aaargh-webfont.eot');
    src: url('../font/aaargh-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aaargh-webfont.woff') format('woff'),
         url('../font/aaargh-webfont.ttf') format('truetype'),
         url('../font/aaargh-webfont.svg#aaarghnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}







@media screen and (min-width: 220px) and (max-width: 767px) {
  h1 {
    font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
  .callbacks_nav {
    top: 47%;
    }
  
  #logo{
	max-width:70%;
	padding-top:10px;
}
 
 
 /*quì comincia il menu*/ 

#navigation
{   padding:6px;
	height: 30px;
	text-align:center;
	background:#D6C8B8;
  }
  
ul li {
display:inline;

}
ul li a {
	font-family:'helvetica_neue_lt_std35_thin';
	font-size: 1.2em;
	color:#000;
	text-decoration:none;
	font-weight:200;
}

ul li a:hover {
		color:#FFF;
		font-weight:200;
		background:#D6C8B8;
		text-decoration:underline;
}

li.link-1 a { padding:3px 8px 3px 9px;}

li.link-1 a:hover {
                 padding:3px 8px 3px 9px;
				 background:#D6C8B8;
				 z-index: 1000;}


li.link-1home {display:none;}


.corrente{ color:#fffff;
		font-weight:200;
		background:#D6C8B8;
		text-decoration:underline;
 padding:3px 8px 3px 9px;
}



#bianco{
		display:none;
	}

 
 
 /*quì finisce il menu*/ 


 
 /*quì comincia il contenuto dx*/ 


 
#wrapper {
padding: 0px;
width:100%;
background: #fbe8d1;
margin: 0 auto;
}
 

#imma_attivita {display:block;
width:100%;

}



#imma_cartine {display:block;
width:100%;

}

#imma_all {display:block;
	width:265px;

}



#imma_zecca {
	width:337px;
	alignment:center;

}





#dx { display:inline;
		background:#FAE8D0;
		width:100%;
		text-align:center;
}


#dx_tabelle {
	background: #FAE8D0;
	width: 340px;
	margin-left: 0px;
	padding-top: 10px;
	text-align:left;
	}

.paragrafo{
	text-align:justify;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.8em;	
	font-weight:100;
	color:#333;
	line-height: 1.4em;
	width:95%;
	margin-left:0px;
	margin-right:0px;
	padding:10px;
	
}

 .titoletti {
	font-size:1.4em;
	line-height: 1.5em;
	font-family:'trajan_proregular';
	background-color:#fdf4e8;
	padding-bottom:8px;
	width:95%;
	text-align:left;
}

 
/*quì comincia il menu di sx*/ 

#sx {
	display:none;
	}

 
 
 #content {
	display:none;
}
 
 
 
/*quì comincia il footer*/ 
 


#linea_b{
	
text-align:center;
height:3px;
background:#FFF;
	
}


 #footer_cell {
	display:inline;
	text-align:center;
	margin-left: 0px;
	margin-top:0px;
	padding:0px;
	width:100%;
	margin-bottom:0px;
	
}


#footer {
position:relative;
padding-top:0px;
padding-bottom:10px;
width:100%;
background:#0e2c57;
height:13em;


  }
  
  
#footer-container{width:100%; margin:0 auto;}

#footer1 {
	display:none;
}





#footer1a { 
display:none;
}




#footer2 { 
display:none;
}


#indirizzo1{  font-family: 'helvetica_neue_lt_std35_thin';
	font-size:1em;
	text-align:center;	
	font-weight:500;
	color:#ffffff;
	line-height: 1.3em;
	padding:10px;
 }

 
.mailcell {
	font-family:"helvetica_neue_lt_std35_thin", Helvetica, Arial, sans-serif;
 	font-size:1.2em;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	padding:0px;
}

.mailcell a{
	color:#FFF;
	text-decoration:none;
	padding:4px;
}

.mailcell a:hover{
	color:#333;
	background-color:#fbe8d1;
	text-decoration:underline;
	padding:4px
}


  }

@media only screen and (min-width: 768px) and (max-width: 968px) {
	#wrapper {
padding: 0px;
width:100%;
background: #fbe8d1;
margin: 0 auto;
}
  
   
  #logo{
	max-width:70%;
	padding-top:10px;
}
 
 
 /*quì comincia il menu*/ 

#navigation
{   padding:6px;
	height: 30px;
	text-align:center;
	background:#D6C8B8;
  }
  
ul li {
display:inline;

}
ul li a {
	font-family:'helvetica_neue_lt_std35_thin';
	font-size: 1.35em;
	color:#000;
	text-decoration:none;
	font-weight:200;
}

ul li a:hover {
		color:#FFF;
		font-weight:200;
		background:#D6C8B8;
		text-decoration:underline;
}

li.link-1 a { padding:3px 8px 3px 9px;}

li.link-1 a:hover {
                 padding:3px 8px 3px 9px;
				 background:#D6C8B8;
				 z-index: 1000;}


li.link-1home {display:none;}


.corrente{ background:#fbe8d1; 
 padding-left:10px;
				padding-right:10px;
				padding-top:13px;
				padding-bottom:13px; }




#bianco_chi{
		
		background:#fbe8d1;
		width:200px;
        height:0px;
	
	}

 
 
 /*quì finisce il menu*/ 


#imma_attivita {display:block;
width:568px;

}


#imma_cartine {display:block;
	width:565px;

}



 
  
#dx { display:inline;
		background:#FAE8D0;
		width:100%;
} 
 
#dx_tabelle {display:inline;
	background: #FAE8D0;
	width: 340px;
	margin-left: 20px;
	padding-top: 20px;
	text-align:left;
	}

 
 
 
.paragrafo{
	text-align:justify;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.8em;	
	font-weight:100;
	color:#333;
	line-height: 1.5em;
	width:98%;
	margin-left:4px;
	margin-right:4px;
	padding:10px;
	
}






 .titoletti {
	font-size:1.2em;
	line-height: 1.8em;
	font-family:'trajan_proregular';
	background-color:#fdf4e8;
	padding-bottom:8px;
	width:95%;
	text-align:left;
}
 
 /*quì comincia il menu di sx*/ 


#imma_Dufor {
	width:200px;
	height:153px;

}

#imma_sx_chisiamo {
	width:200px;
	z-index: 2000;

}
#imma_zecca {
	width:437px;
	alignment:center;

}



#sx {
	float: left;
	background:#fdf4e8;
	width:200px;
   height:1348px;
	}
	
#sx_attivita {
	float: left;
	background:#fdf4e8;
	width:200px;
   height:1488px;
	}
	
	
#sx_barca {
	float: left;
	background:#fdf4e8;
	width:200px;
   height:820px;
	}
	
#sx_chisiamo {
	float: left;
	background:#fdf4e8;
	width:200px;
   height:1020px;
	}
	
#sx_corsi {
	float: left;
	background:#fdf4e8;
	width:200px;
   height:1520px;
	}	


	#sx_crociere {
	float: left;
	background:#fdf4e8;
	width:200px;
   height:2345px;
	}
	
#sx_eventi {
	float: left;
	background:#fdf4e8;
	width:200px;
   height:1750px;
	}	
#sx_contatti {
	float: left;
	background:#fdf4e8;
	width:200px;
   height:680px;
	}
	

#bianco{
		background:#FFF;
		width:200px;
        height:164px;
	}

#menusx {
	padding: 0px;
	width: 200px;
	background: #C0C0C0;
	text-align:left;
  }


.vocisx {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size: 0.75em;
	color: #3a5687;
	padding-top:16px;
	margin-left:8px;
	text-align:left;
}

.vocisx a {
	color: #333;
	text-decoration:none;
}

.vocisx a:hover {
	color:#333;
	background-color:#FFF;
	text-decoration:none;
}



/*quì comincia il footer*/ 
 


#linea_b{
	
text-align:center;
height:3px;
background:#FFF;
	
}


 #footer_cell {
	display:inline;
	text-align:center;
	margin-left: 0px;
	margin-top:0px;
	padding:0px;
	width:100%;
	margin-bottom:0px;
	
}


#footer {
position:relative;
padding-top:0px;
padding-bottom:10px;
width:100%;
background:#0e2c57;
height:13em;


  }
  
  
#footer-container{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

#footer1 {
	display:none;
}





#footer1a { 
display:none;
}




#footer2 { 
display:none;
}


#indirizzo1{  font-family: 'helvetica_neue_lt_std35_thin';
	font-size:1em;
	text-align:left;	
	font-weight:500;
	color:#ffffff;
	line-height: 1.3em;
	padding:10px;
 }

 
.mailcell {
	font-family:"helvetica_neue_lt_std35_thin", Helvetica, Arial, sans-serif;
 	font-size:1.2em;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	padding:0px;
}

.mailcell a{
	color:#FFF;
	text-decoration:none;
	padding:4px;
	text-align:left;
}

.mailcell a:hover{
	color:#333;
	background-color:#fbe8d1;
	text-decoration:underline;
	padding:4px
}
 
 
  
  }