body {
    width:100%;
	margin:0;
	padding:0;
    background:#e7e3db;
}
a{
	text-decoration:none;
	}
p, form{
	margin:0;
	padding:0;
}
iframe{
	border: none;}
ul, li{
	list-style:none;
	margin:0;
	padding:0;
	}
nav{
	float:right;
	margin:3px 10px 0 0;
	}
    
#menu-icon {

	display: none;
	width: 32px;
	height: 30px;
	background: #e9e9e9 url(../images/common/menu-icon.png) center;
	float:right;

}
/*SLIDER*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  z-index:1;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
 /* height: auto;*/
 height:100%;
  float: left;
  width: 100%;
  border: 0;
  }
/*END SLIDER*/

#header_nav {
    width:100%;
    height:50px;
    background:#fff;
    position:fixed;
	z-index:200;
    top:0;
    left:0;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.36);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.36);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.36);
}
.logo{
	display:inline-block;
	float:left;
	width:200px;
	height:35px;
	margin:5px 0 0 0;
	background:url(../images/common/logo.png) no-repeat center center;
	}
.wrapper-header{
	margin:0 auto;
	overflow:hidden;
	max-width:990px;
	}
.wrapper-header ul{
	float:right;
	margin:15px 0 0 0;
	}
.wrapper-header ul li{
	float:left;
	font-family: "arialregular";
	letter-spacing: 4.8px;
	font-size:12px;
	border-right:1px solid #c8c8c8;
	}
.wrapper-header ul li a{
    color: #6e6e6e;
    display: block;
    text-align: center;
  padding: 0 6px 0 14px;
	}
section{
	overflow:hidden;
	margin:0 auto;
	}
#home{
    display: table;
    height: 695px;
	}
#foto-tour{
	padding:40px 0 60px 0;
	}
#giro-salina{
	padding:80px 0 60px 0;
	}
#giro-lipari-vulcano{
	padding:68px 0 0 0;
	}
#escursioni{
	padding:80px 0 60px 0;
	background:url(../images/common/carta-Nautica-isole-Eolie.jpg) no-repeat center center;
	background-size: contain;
	}
#tour{
	padding:30px 0;
	background:#e2dcd1;
	}
#servizi{
	padding:80px 0 60px 0;
	background:url(../images/common/servizi.jpg) no-repeat center center;
	background-size: auto;
	}
#barche{
	padding:80px 0 60px 0;
	background: url(../images/common/flotta.jpg) no-repeat center center;
	background-size: auto;
	}
#contatti{
	padding:80px 0 60px 0;
	}
.slideshow{
	position:absolute;
	overflow:hidden;
	z-index:50;
	left: 50%;
	top:30px;
  margin-left: -1000px;	
	}
.wrapper{
	margin:0 auto;
	overflow:hidden;
	width:990px;
	position:relative;
	display:table-cell;
	vertical-align:middle;
	z-index:100;
	}
.wrapper-servizi{
	margin:0 auto;
	overflow:hidden;
	width:990px;
	position:relative;
	vertical-align:middle;
	z-index:100;
	}
.wrapper-salina{
	margin:0 auto;
	overflow:hidden;
	width:990px;
	position:relative;
	vertical-align:middle;
	z-index:100;
	}

.wrapper-lipari-vulcano{
	margin:0 auto;
	overflow:hidden;
	width:990px;
	position:relative;
	vertical-align:middle;
	z-index:100;
	}

.wrapper-foto{
	margin:0 auto;
	overflow:hidden;
	width:990px;
	vertical-align:middle;
	}
.wrapper-escursioni{
	max-width:990px;
	margin:0 auto;
	display:block;
	clear:both;
	overflow:hidden;
	}
.wrapper-tour{
	max-width:990px;
	margin:0 auto;
	display:block;
	clear:both;
	overflow:hidden;
	}
.wrapper-barche{
	margin:0 auto;
	overflow:hidden;
	width:990px;
	position:relative;
	vertical-align:middle;
	z-index:100;
	}
.wrapper-contatti{
	margin:0 auto;
	overflow:hidden;
	width:990px;
	position:relative;
	vertical-align:middle;
	z-index:100;
	}
.big-modul{
	width:442px;
	height:496px;
	padding:23px 0;
	background:#fff;
}
.big-modul > img, .little-modul img {
    width: 100%;
}
.big-modul .title-big-modul{
	color: #000;
    display: block;
    font-family: "arialregular";
    font-size: 18.3px;
    font-weight: lighter;
    letter-spacing: 5.3px;
    margin: 13px 0;
    padding: 0 22px;
    text-align: center;
}
.wrapper-contatti .big-modul p{
	font-size:19px;
	}
.wrapper-contatti .big-modul p b{
	color:#666;
	font-weight:normal;
	}
.direct-contact{
	margin:8px 0;
	}
.wrapper-contatti .big-modul .title-big-modul{
	font-size:18px;
	}
.big-modul p{
	color: #858484;
    font-size: 20px;
	padding:0 22px;
	text-align:center;
	font-weight:lighter;
	font-family:"agaramondpro-regular";
}

.wrapper-salina .big-modul p{
  font-size: 17px;
    line-height: 20px;
	}
.wrapper-salina .big-modul .title-big-modul{
	margin:13px 0 5px 0;
	}
.wrapper-lipari-vulcano .big-modul{
	height:560px;
	}

.wrapper-lipari-vulcano .big-modul p{
  font-size: 16px;
    line-height: 20px;
	}
.wrapper-lipari-vulcano .big-modul .title-big-modul{
	margin:13px 0 5px 0;
	font-size: 17.3px;
	}


.big-modul ul{
	padding:0 22px;
}
.big-modul ul li{
	color: #858484;
    font-size: 19px;
	padding:3px 0 2px 0;
	text-align:center;
	font-weight:lighter;
	border-bottom:1px solid #e3e3e3;
	font-family:"agaramondpro-regular";
}
.wrapper-escursioni li, .wrapper-barche li, .wrapper-tour li{
	float:left;
	margin:0 0 20px 0;
	}
.wrapper-escursioni li:nth-of-type(2), .wrapper-escursioni li:nth-of-type(5), .wrapper-barche li:nth-of-type(2){
	margin:0 20px 20px 20px;
	}
.wrapper-tour li:nth-of-type(2), .wrapper-tour li:nth-of-type(3), .wrapper-tour li:nth-of-type(4){
	margin:0 0 20px 20px;
	}
li.little-modul:nth-of-type(6){
	padding:0 !important;
	}
li.little-modul{
	width:316px;
	height:476px;
	padding:19px 0;
	background:#fff;
	}

.little-modul .title-little-modul{
	color: #000;
    display: block;
    font-family: "arialregular";
    font-size: 13.4px;
	line-height:19px;
    font-weight: lighter;
    letter-spacing: 5.3px;
    margin: 13px 0;
    padding: 0 22px;
    text-align: center;
}
.little-modul p{
	color: #858484;
    font-size: 18px;
	padding:0 12px;
	text-align:center;
	font-weight:lighter;
	font-family:"agaramondpro-regular";
}
li.middle-modul{
	width:232px;
	height:396px;
	padding:19px 0;
	background:#fff;
	}
.middle-modul span.image-lipari-vulcano, .middle-modul span.image-salina, .middle-modul span.image-panarea-stromboli, .middle-modul span.image-filicudi-alicudi, .middle-modul span.image-crateri-stromboli{
	display:block;
	width:232px;
	height:158px;
	clear:both;
	}
.middle-modul span.image-lipari-vulcano{
	background:url(../images/section-escursioni/escursioni-lipari-vulcano.jpg) no-repeat center center;
	}
.middle-modul span.image-salina{
	background: url(../images/section-escursioni/salina-home.jpg) no-repeat center center;
	}
.middle-modul span.image-panarea-stromboli{
	background: url(../images/section-escursioni/escursioni-panarea-stromboli.jpg) no-repeat center center;
	}
.middle-modul span.image-filicudi-alicudi{
	background: url(../images/section-escursioni/escursioni-flicudi-alicudi.jpg) no-repeat center center;
	}
.middle-modul span.image-crateri-stromboli{
	background: url(../images/section-escursioni/crateri-stromboli.jpg) no-repeat center center;
	}
.title-middle-modul{
	color: #000;
    display: block;
    font-family: "arialregular";
    font-size: 12px;
	line-height:19px;
    font-weight: lighter;
    letter-spacing: 3px;
    margin: 13px 0;
    padding: 0 11px;
    text-align: center;
}
.middle-modul p{
	color: #858484;
    font-size: 16px;
	padding:0 12px;
	text-align:center;
	font-weight:lighter;
	font-family:"agaramondpro-regular";
}
.contact-modul{
  	background:#FFF;
    color: #858484;
    display: block;
    float: right;
    font-family: "agaramondpro-regular";
    font-size: 18px;
    font-weight: lighter;
    margin: 0 0 20px;
    padding:12px;
    text-align: center;
    width: 502px;
}
.forms{
	overflow:hidden;
	margin:10px 0 0 0;
	background:#f4f4f4;
	padding:10px;
	}
.forms p{
	font-size:20px;
	margin:0 0 20px 0;
	}
.forms input{
	width:226px;
	border:1px solid #CCC;
	font-size:16px;
	font-family: "agaramondpro-regular";
	padding:5px;
	margin: 0 0 15px;
	}
.forms select{
    width:226px;
	border:1px solid #CCC;
	font-size:16px;
	font-family: "agaramondpro-regular";
	padding:5px;
	margin: 0 0 15px;
	} 
    
/*
    .forms input[id="email"] {
    width:468px;
}
.forms select[id="prefisso"] {
    width:180px;
}
.forms input[id="telefono"] {
    width: 282px;
}
*/
.forms textarea{
	width:467px;
	min-height:80px;
	border:1px solid #CCC;
	font-size:16px;
	font-family: "agaramondpro-regular";
	padding:5px;
	margin: 0 0 15px;
	}
.button{
	margin:0 !important;
	cursor:pointer;
	}
.error_msg {
    color: #CA0000;
    margin: 9px 0 0 0;
}
    
.ok_msg {
    color: #4CAF50;
}
.personal-mail {
    background: none repeat scroll 0 0 #fff;
    color: #858484;
    display: block;
    float: right;
    font-family: "agaramondpro-regular";
    font-size: 18px;
    font-weight: lighter;
    margin: 0 0 20px;
    padding: 12px;
    text-align: center;
    width: 502px;
	box-shadow: 0 0 1px 0 rgba(44, 54, 67, 0.1)
}
.personal-mail span{
	padding:0 10px 0 23px;
	border-right:1px solid #eee;
	background:url(../images/common/mail.png) no-repeat center left;
	}
.no-border{
	border:none !important;
	 margin: 0 0 0 11px;
	}
.personal-mail span a{
	color:#5e5e5e;
	}
.personal-mail span a:hover{
	color:#000;
	}
.come-arrivare {
 width: 526px;
 display:block;
 float:right;
 overflow:hidden;
}
.come-arrivare li{
	display:inline-block;
	float:left;
	background:#fff;
	width:124px;
	height:97px;
	box-shadow: 0 0 1px 0 rgba(44, 54, 67, 0.1)
	}
.come-arrivare li:nth-of-type(2), .come-arrivare li:nth-of-type(3), .come-arrivare li:nth-of-type(4){
	margin:0 0 0 10px;
	}
.come-arrivare li a{
	display:block;
	text-align:center;
	   font-family: "arialregular";
    font-size: 12px;
    font-weight: lighter;
    letter-spacing: 4.3px;
	color:#000;
	text-transform:uppercase;
	}
.come-arrivare li a span{
	width:70px;
	height:70px;
	display:block;
	margin:0 auto;
	border-radius:3px;
	}
.come-arrivare li a span.nave{
	background:url(../images/common/nave.png) no-repeat center center;
	}
.come-arrivare li a span.auto{
	background:url(../images/common/auto.png) no-repeat center center;
	}
.come-arrivare li a span.aereo{
	background:url(../images/common/aereo.png) no-repeat center center;
	}
.come-arrivare li a span.treno{
	background:url(../images/common/treno.png) no-repeat center center;
	}
.info-modul, .info-modul2 {
	display:block;
	height:275px;
	text-align:center;
	margin:20px 0;
	background:#fff;
	width: -webkit-calc(30% - 10px);
	width: -moz-calc(30% - 10px);
	width: calc(30% - 10px);
	float:left;
	margin:0 10px 0 0;
	box-shadow: 0 0 1px 0 rgba(44, 54, 67, 0.1);
	border-radius: 4px;
	border-top:2px solid #0CF;
	}

.info-modul.lipari, .info-modul2.lipari, .map-modul.lipari {
	height:278px;
	}
.info-modul.crateri{
	height:222px;
	width: -webkit-calc(70% - 10px);
	width: -moz-calc(70% - 10px);
	width: calc(70% - 10px);
	}
.info-modul.crateri a{
	color:#C00;
	}
.info-modul2.crateri{
	margin:0;
	width:30%;
	height:222px;
	}
.info-modul.lipari p, .info-modul.crateri p{
	font-size:16px;
	height:278px;
	}

.info-modul span, .info-modul2 span{
	display:block;
	text-align:center;
	font-family: "arialregular";
    font-size: 17px;
    font-weight: lighter;
    letter-spacing: 4.3px;
	color:#000;
	text-transform:uppercase;
	 margin: 13px 0 0;
	}
.map-modul{
	display:block;
	float:right;
	margin:20px 0;
	background:#fff;
	width: -webkit-calc(39.6% - 10px);
	width: -moz-calc(39.6% - 10px);
	width: calc(39.6% - 10px);
	margin:0 0 0 10px;
	height:275px;
	}
.info-modul p, .info-modul2 p{
	color: #858484;
    font-size: 19px;
	padding:12px;
	text-align:center;
	font-weight:lighter;
	font-family:"agaramondpro-regular";
	}
.title-section{
	border-bottom: 1px solid #d7d7d7;
    color: #c5c5c5;
    font-family: "arialregular";
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: 4.3px;
    margin: 0 0 25px;
    padding: 22px 0;
    text-align: center;
    text-transform: uppercase;
	}
.title-section2{
	border-bottom: 1px solid #f3f3f3;
    color: #f3f3f3;
    font-family: "arialregular";
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: 4.3px;
    margin: 0 0 25px;
    padding: 22px 0;
    text-align: center;
    text-transform: uppercase;
	}
.moduls-container{
	overflow:hidden;
	display:block;
	clear:both;
	margin:0 0 25px 0;
	}
.thumb{
	overflow:hidden;
	display:block;
	clear:both;
	}
footer{
	background:#FFF;
	display:block;
	overflow:hidden;
	}

footer p{
	color: #858484;
    font-size: 14px;
	padding:12px;
	text-align:right;
	font-weight:lighter;
	padding:9px 0;
	font-family:"agaramondpro-regular";	
	}