@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic|Roboto+Slab:400,100,300,700);

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
:hover, :focus, :active { outline: none; }

body {
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight:300;
	color:#555555;
	margin:0;
	cursor:auto;
}


a {
	color: #13b5ea;
	cursor:pointer;
	text-decoration: none;
}
a:hover {
	color: #111111;
	text-decoration: none;
}
a:visited {
	color: #111111;
	text-decoration: none;
}

p {
	margin:0 0 1em;
}
span {font-weight:700;}

p.descr {padding-right:2em;}

p.map {font-size:14px; margin:0 0 1.5em;}

img.banner {margin-bottom:-5px; max-width: 100%;}

img {  height: auto; width: auto; border:none; margin:0; padding:0;}

img.responsive {max-width: 100%;}

/* Typo ------------------------------ */
h1 {
	font-family: 'Roboto Slab', serif;
	font-size:42px;
	font-weight:700;
	line-height:110%;
	color:#111111;
}

h2 {
	font-family: 'Roboto Slab', serif;
	font-size: 32px;
	font-weight:300;
	line-height:120%;
	color:#111111;
}
h2.descr {
	font-family: 'Roboto Slab', serif;
	font-size:30px;
	font-weight:700;
	line-height:110%;
	color:#111111;
}

h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 30px;
	color:#555555;
}

h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color:#555555;
	margin:0;
}

h4 a{
	color:#33889d !important;
	}
	
h4 a:hover{
	color:#111111 !important;	
	}

.prezzo {
	color:#33889d;
	margin: 5px 0;
}



.icon {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400 !important;
	font-size: 32px;
	color:#aaa;
	margin:5px 0 15px;
}


/* HEADER-----------------------------*/

.fullwidthtop {
	width:100%;
	margin: 0;
	background:#f6f6f6;
}

.top-wrap {margin: 0; padding:1em 0; position:relative;}

/* NAV ·····················*/
#menu-wrap {position:absolute; right:5%; top:2.7em;
			font-family: 'Open Sans', sans-serif;
			font-size:16px; font-weight:700;
			}
.nav {margin:0; padding:0;list-style:none;}
.nav li {float:left; }
.nav a{float:left; line-height: 1,6em; white-space:nowrap;}
.nav a:link,
.nav a:visited {color:#13b5ea;}
.nav a:hover,
.nav a:focus,
.nav a:active {color:#111111;text-decoration:none;}
.corrente {float:left; color:#555555;}



/* Layout -------------------------------*/

.container {
	width: 90%; 
	margin: 0 auto; 
	max-width: 1040px; 
	min-width: 300px;
}

.fullwidth {
	width:100%;
	padding: 1em 0 2em;
	background:#efefef;
	margin-top:2em;
}

.fullwidthSlide {
	width:100%;
	padding:0 !important;
	margin: 0 !important;
	background:#13b5ea;
}

/* Footer ---------------------------*/

.footer {clear:both; width:100%; background:#33889d; padding:2em 0;}

p.author {
	max-width:300px;
	margin:2em auto 0;
	padding:2em 0;
	border-top: 1px solid #fff;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:11px;
	text-transform:uppercase;
	font-weight:400;
	color:#fff;
}
p.author a {
	font-weight:700;
	color:#fff;
}
p.author a:hover {
	font-weight:700;
	color:#111;
}

p.copy {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:400;
	letter-spacing:0.08em;
	color:#fff;
	padding:0;
	margin:0;}
	text-align:center;
}





/* Grid ---------------------------------*/

.grid-wrap {
  /* margin-left: -3em; /* the same as your gutter */
  /*overflow: hidden;*/
  *zoom:1;}
  .grid-wrap:before, .grid-wrap:after{content:""; display:table}
  .grid-wrap:after{clear:both}
  
.grid {
  float: left;
  /* padding-left: 3em; /* this is your gutter between columns */
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/boxsizing.htc); }
  
.half-gutter {margin-left: -1.5em; }
  .half-gutter .grid-col {padding-left: 1.5em; }
  
.col-full {width: 100%; }
.col-one-half {width: 50%; }
.col-one-third {width: 33.333%; }
.col-two-thirds {width: 66.666%; }
.col-one-quarter {width: 25%; }
.col-three-quarters {width: 75%; }
.col-one-fifth {width: 20%;}
.col-two-fifths {width:40%}
.col-three-fifths {width: 60%;}

.divide-top{border-top: 1px solid #ccc;padding-top: 2em;margin-top: 1.5em; }

.mright{ margin-right: 3em;}
.mleft{ margin-left: 3em;}
.mtop{ margin-top: 2em;}
.mbottom{ margin-bottom: 3em;}
.halfmright{ margin-right: 1.5em;}
.halfmleft{ margin-left: 1.5em;}
.halfmtop{ margin-top: 1.5em;}
.halfmbottom{ margin-bottom: 1.5em;}

.fright, .fleft{display:block; overflow:hidden}
.fright{float:right}
.fleft{float:left}

.alignleft{float: left;clear: left;margin: 0.38em 1.62em 0.38em 0;}
.alignright {float: right;clear: right;margin: 0.38em 0 0.38em 1.62em;}
.aligncenter {margin: 0 auto 1.62em;display: block;}

.cboth {clear:both;}

.padside {padding:0 1em;}

.padbot {padding: 0 0 1em;}

.textright {
	text-align:right;
}

.textleft {
	text-align: left;
}

.textcenter {
	text-align:center;
}

/* SLIDESHOW-----------------------*/

.rslides {
  margin: 0 auto 40px;
  }
  
.contSlide {
	max-width:1040px;
	margin:0 auto;
}



/* Tablet --------------------------- */

@media screen and (max-width: 1000px) {
	
	.mq2-col-full {width: 100%;}
	.mq2-col-one-half {width: 50%; }
	.mq2-col-one-third { width: 33.333%; }
	.mq2-col-two-thirds {width: 66.666%; }
	.mq2-col-one-quarter {width: 25%; }
	.mq2-col-three-quarters {width: 75%; }
	
.top-wrap {
	text-align:center !important;}
	
	.top-wrap {
		padding:1em 0 60px;
	}
	
	#menu-wrap {
		position:relative;
		left:0;
		top:0;
		max-width:560px;
		margin:1em auto 0;
	}
	
	#nav {
	max-width:100%;
	text-align:center !important;
	margin:10px auto;
}

}


/* Mobile */
@media screen and (max-width: 480px) {
	
	.mq3-col-full { width: 100%; }
	.mq3-col-one-half { width: 50%; }
	.mq3-col-one-third { width: 33.333%; }
	.mq3-col-two-thirds { width: 66.666%; }
	.mq3-col-one-quarter { width: 25%; }
	.mq3-col-three-quarters { width: 75%; } 
	.mq3-none {display: none;}
	
	#menu-wrap {
		position:relative;
		left:0;
		top:0;
		max-width:300px;
		margin:1em auto 0;
		padding-left:20px;
	}
	
	.nav li {
	font-size:14px;
}
	
	
h1 {
	font-size:32px !important;
	padding:0 16px;
}

h2 {
	font-size:22px !important;
	padding:0 16px;
}

h2.descr {
	font-size:22px !important;
	padding:0 16px;
}

h3 {
	font-size:22px !important;
	padding:0 16px;
}

h4 {
	font-size:18px !important;
	padding:0 16px;
}

p {
	padding: 0 16px;
}

}