@charset "utf-8";
/* Contenuto fluido semplice
   Nota: per i contenuti di tipo fluido è necessario rimuovere gli attributi di altezza e larghezza del contenuto dal codice HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 non supporta max-width, quindi viene usata per impostazione predefinita la larghezza 100% */
.ie6 img {
	width:100%;
}

/*
	Proprietà griglia fluida Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	18;
	dw-gutter-percentage:	10;
	
	Ispirato da "Responsive Web Design" di Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	e Golden Grid System di Joni Korpi
	http://goldengridsystem.com/
*/

/* Layout mobile: 480 px e inferiori. */


#header_upline {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height:10px;
}
#header_home_puls {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#header_menu_mobile {
	clear: both;
	float: left;
	margin-left: 0;
	width: 15.3846%;
	display: block;
	text-align:center;
}
.logo_menu_left img {
	width:50%;
	margin-bottom:4%;
	margin-top:4%;
}
.social_menu_left a {
	max-width:20px;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin:0;
	padding:0;
	padding-left:0;
	padding-right:0;
}
.social_menu_left img {
	width:100%;
	max-width:22px;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin:0;
	padding:0;
	padding-left:0;
	padding-right:0;
}
#header_logo {
	clear: none;
	float: left;
	margin-left: 18.4615%;
	width: 32.3076%;
	display: block;
}
#header_address {
	clear: none;
	float: left;
	margin-left: 1.5384%;
	width: 100%;
	display: none;
}
#header_orari {
	clear: none;
	float: left;
	margin-left: 1.5384%;
	width: 100%;
	display: none;
}
#header_social_ico {
	clear: none;
	float: left;
	margin-left: 1.5384%;
	width: 100%;
	display: none;
}
a.social_ico {
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  }
a.social_ico:hover {
  -webkit-opacity:1;
  -webkit-filter: grayscale(1);
  -moz-opacity:1;
  opacity: 1;
  filter: alpha(opacity=50);
  filter: url(filters.svg#grayscale);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  }
#header_downline {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height:10px;
}
#menu_main01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#header_main01_inside {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#header_main02_inside {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #263643;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 20px;
	bottom: 20px;
	padding-top: 2px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #2B3B48;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 0.8;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

/* Layout tablet: da 481 px a 1024 px. Eredita stili da: Layout mobile. */

@media only screen and (min-width: 481px) {

#header_upline {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:20px;
	width: 100%;
	display: block;
	height:40px;
	line-height:40px;
	background-color:#FAFAFA;
	border-bottom: solid 1px;
	border-bottom-color: #DDD;
}
#header_home_puls {
	clear: both;
	float: left;
	margin-left: 1%;
	width: 62%;
	display: block;
	font-size:1.5vw;
}
#header_menu_mobile {
	clear: both;
	float: left;
	margin-left: 0;
	width: 0;
	display: none;
}
#header_logo {
	clear: both;
	float: left;
	margin-left: 1.2%;
	width: 22.9379%;
	display: block;
}
#header_address {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 25%;
	display: block;
	font-size:1.5vw;
}
#header_orari {
	clear: none;
	float: left;
	margin-left: 0.8621%;
	width: 25%;
	display: block;
	font-size:1.5vw;
}
#header_social_ico {
	clear: none;
	float: left;
	margin-left: 0.2184%;
	width: 35.7816%;
	display: block;
}
a.social_ico {
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  }
a.social_ico:hover {
  -webkit-opacity:1;
  -webkit-filter: grayscale(1);
  -moz-opacity:1;
  opacity: 1;
  filter: alpha(opacity=50);
  filter: url(filters.svg#grayscale);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  }
.header_ico img {
	margin-left:2%;
	width:8%;
	max-width:32px;
	min-width:24px;
	resize:both;
}
#header_downline {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height:20px;
}
#menu_main01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:40px;
	line-height:40px;
	display: block;
	background-image:url(../img/menu_up_bk.png);
	background-size:contain;
}
#header_main01_inside {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display:none;
}
#header_main02_inside {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.scroll-top-wrapper {
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 20px;
	bottom: 20px;
	padding-top: 2px;
}
}
/* Layout desktop: da 1025 px a 1232 px max.  Eredita stili da: Layout mobile e Layout tablet. */

@media only screen and (min-width: 1025px) {

#header_upline {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:20px;
	width: 100%;
	display: block;
	height:40px;
	line-height:40px;
	background-color:#FAFAFA;
	border-bottom: solid 1px;
	border-bottom-color: #DDD;
}
#header_home_puls {
	clear: both;
	float: left;
	margin-left: 16.7512%;
	width: 32.9947%;
	display: block;
	font-size:0.8vw;
}
#header_menu_mobile {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#header_logo {
	clear: both;
	float: left;
	margin-left: 16.7512%;
	width: 16.2436%;
	display: block;
}
#header_address {
	clear: none;
	float: left;
	margin-left: 16.4669%;
	width: 14.6598%;
	display: block;
	font-size:0.9vw;
}
#header_orari {
	clear: none;
	float: left;
	margin-left: 8.4669%;
	width: 10.6598%;
	display: block;
	font-size:0.9vw;
}
#header_social_ico {
	clear: none;
	float: left;
	margin-left: 17.2587%;
	width: 16.2436%;
	display: block;
}
a.social_ico {
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  }
a.social_ico:hover {
  -webkit-opacity:1;
  -webkit-filter: grayscale(1);
  -moz-opacity:1;
  opacity: 1;
  filter: alpha(opacity=50);
  filter: url(filters.svg#grayscale);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  }
.header_ico img {
	margin-left:2%;
	width:10%;
	max-width:32px;
	min-width:24px;
	resize:both;
}
#header_downline {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height:20px;
}
#menu_main01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display:table-cell;
	vertical-align:middle;
	resize:both;
	background-image:url(../img/menu_up_bk.png);
	background-size:contain;
}
#header_main01_inside {
	clear: none;
	float: left;
	margin-left: 16.7512%;
	width: 66.4974%;
	display: block;
}
#header_main02_inside {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
.scroll-top-wrapper {
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
}

}