.font-face {
	font-family: 'ZurichLight';
	src: url('../jslib/Zurich_LtCn_BT_400.eot');
	src: local('Zurich Light'), local('ZurichBT-LightCondensed'),
		url('../jslib/Zurich_LtCn_BT_400.woff') format('woff'), 	/* Firefox */
		url('../jslib/Zurich_LtCn_BT_400.ttf') format('truetype'), /* Opera */
		url('../jslib/Zurich_LtCn_BT_400.svg#ZurichBT-LightCondensed') format('svg');	/* iPhone */
}

html {
  overflow-y: scroll;
}
html img.pngFB { display: none; }
html.noSvg img.SVG { display: none !important; }
html.noSvg img.pngFB { display: block !important; }

html, body { height: 100%; margin: 0; padding: 0; border: 0; }
body {
  background: #fff;
  position: relative;
  top: 0;
  bottom: 0;
	font-size: 18px;
	font-family: 'Open Sans Condensed', 'Arial Narrow', Arial, sans-serif;
}

.clear { display:block; clear:both; height:0.1px; line-height:0.1px; font-size:0.1px; visibility:hidden; overflow:hidden; }

body span.it,
body span.uk,
body span.fr,
body span.de,
body span.es { display: none; }
body.it span.it { display: inline; }
body.uk span.uk { display: inline; }
body.fr span.fr { display: inline; }
body.de span.de { display: inline; }
body.es span.es { display: inline; }

#cnt-main {
	position:relative;
	margin:0 auto;
	height:auto !important;
	height:100%;
	min-height:100%;
}
#main {
  padding-top: 60px;
}

#galleria-full {
  position: absolute;
  border: 0px;
  width: 100%;
  height: 100%;
}

#galleria { width:800px;height:590px;margin: 10px auto; }
#galleria a, #galleria a:visited { color: #fff; text-decoration: none; cursor: pointer; }
#galleria a:hover { color: #ff0; text-decoration: underline; cursor: pointer; }

.gmap,
.eml { text-decoration: none; color: #555; cursor: pointer; font-weight: bold; }
.gmap:hover .name,
.eml:hover { text-decoration: underline; }

.rm, .hide { display: none !important; }
.pointer { cursor: pointer; }

.pdf {
  background: url( 'pdf-download.png' ) 16px 8px no-repeat;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 72px;
  width: 150px;
  height: 48px;
  text-align: left;
  margin: 40px auto;
  position: relative;
  border-radius: 8px;
  border: 1px solid transparent;
}
.pdf a {
  display: block;
  text-decoration: none;
  color: #777;
  font-size: 18px;
  line-height: 48px;
  padding: 8px 0 8px 16px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.pdf:hover {
  border-color: #aaa;
  box-shadow: 3px 5px 5px rgba(0,0,0,0.4);
  background-position: 16px -60px;
}

ul.socicon {
  margin: 20px 0;
  padding: 0;
}
ul.socicon li {
  list-style: none;
  float: none;
  display: inline-block;
  margin-left: 4px;
  width: 24px;
  height: 24px;
  background-color: transparent;
}

.socicon a {
  width: 20px;
  height: 20px;
  display: block;
  background-image: url( ui-socials.png );
  background-repeat: no-repeat;
}

.socicon a.facebook { background-position:   -0px 0; }
.socicon a.twitter  { background-position:  -24px 0; }
.socicon a.linkedin { background-position:  -48px 0; }
.socicon a.google   { background-position:  -72px 0; }
.socicon a.youtube  { background-position:  -96px 0; }
.socicon a.pinterest{ background-position: -120px 0; }
.socicon a.private  { background-position: -144px 0; }

.socicon a.facebook:hover { background-position:   -0px -20px; }
.socicon a.twitter:hover  { background-position:  -24px -20px; }
.socicon a.linkedin:hover { background-position:  -48px -20px; }
.socicon a.google:hover   { background-position:  -72px -20px; }
.socicon a.youtube:hover  { background-position:  -96px -20px; }
.socicon a.pinterest:hover{ background-position: -120px -20px; }
.socicon a.private:hover  { background-position: -144px -20px; }

#menu-footer {
  padding: 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
#menu-footer li {
  text-align: center;
  width: 180px;
  display: block;
  list-style: none;
  margin: 0 auto;
}
#menu-footer li a {
  display: block;
  text-decoration: none;
  padding: 5px 10px;
  color: #777;
  line-height: 1.3em;
}
#menu-footer li a:hover {
  background: #eee;
  border-radius: 4px;
  color: #444;
}


#footer-sign {
  text-align: center;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
#backtop {
  font-size: 200%;
  font-weight: bold;
  position: absolute;
  right: 10px;
  bottom: 0px;
  color: #ccc;
  text-decoration: none;
}
#backtop:hover {
  color: #555;
}

.smallfont {
  font: 11px/1.8em Verdana, sans-serif;
  color: #888;
}

.cookie-prefs,
#company {
  color: #666;
  padding: 50px 0 0;
  font: 11px/1.8em Verdana, sans-serif;
}
.cookie-prefs a,
#company a {
  color: #888;
  font-weight: bold;
  text-decoration: none;
}
.cookie-prefs a:hover,
#company a:hover {
  text-decoration: underline;
}
.sdot {
}


/* Scroller */

#scrollcnt {
/*	overflow: hidden;
	height: 440px;
*/
	position: relative;
}
#scroller {
}
#scroller a {
  color: inherit;
  text-decoration: none;
}
/*
#scroller a:hover {
  color: #c00;
}
*/

.gallery-index {
  list-style: none;
}
.gallery-index li {
  height: 200px;
  display: inline;
  float: left;
  margin-right: 40px;
  margin-bottom: 30px;
}
.gallery-index li img {
  height: 100%;
  width: auto;
  display: block;
  border: 1px solid white;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

/* Gallery */

#gallery {
	width: 100%;
	margin: 30px auto;
	text-align: center;
}

#gallery .folder {
	width: 210px;
	padding: 10px 15px;
	display: inline-block;
  cursor: pointer;
}
#gallery .folder .title {
  position: relative;
	color: #555;
	font-size: 105%;
	line-height: 1.4em;
	text-shadow: 1px 1px 3px #bbb;
	text-align: center;
	display:block;
	margin-left: -20px;
	margin-right: -20px;
	height: 50px;
	text-decoration: none;
}
#gallery .folder .image {
	width: 210px;
	height: 280px;
	overflow: hidden;
	border: 1px solid #fff;
}
#gallery .folder .reflect {
	height: 350px;
}
#gallery .folder img.reflected {
	border: 1px solid #fff;
}

.fldalbum {
	position: relative;
}
.fldalbum img {
	border-radius: 4px;
}
.fldalbum.over img {
  box-shadow: 0 0 15px rgba(0,0,0,0.65);
}
.fldalbum span.tooltip {
	position: absolute;
	visibility: hidden;
	display: block;
	bottom: 80px;
	left: -20px;
	width: 230px;
	background: white;
	border: 1px solid #444;
	color: #333;
	font: 11px Arial, sans-serif;
	padding: 6px 8px;
	text-align: justify;
	z-index: 8000;
}
/*
.fldalbum:hover span.tooltip {
	visibility: visible;
}
*/

#central-tooltip {
  position: absolute;
  width: 100%;
  height: 105px;
  overflow: hidden;
  top: 50px;
  display: none;
  background: #f0f4f8;
  background: #fafafa;
}
#central-tooltip div.desc {
  display: none;
  width: 90%;
  margin: 5px auto;
  font: 19px/1.5em Arial, sans-serif;
  text-align: center;
  color: #777;
}
#central-tooltip.show {
  display: block;
}
#central-tooltip.show div.show {
  display: block;
  text-shadow: 1px 1px 1px #fff;
}

#istinto-logo {
  position:absolute;
  z-index: 1000;
  padding: 0;
  left: 0;
  top: 40px;
  width: 100%;
  height: 150px;
  background: url( istinto-logo.png ) no-repeat 50% 50%;
  cursor:pointer;
}
#top-header {
  padding: 0;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  background: white;
  overflow: hidden;
  box-shadow: 0 0px 2px rgba(0,0,0,0.1);
}

/*
#top-header {
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
*/

#top-header h1 {
  margin: 0;
  padding: 10px 0 0;
  font-size: 141%;
  line-height: 36px;
  color: #888;
  text-align: center;
}
#top-header a.close,
#top-header a.next,
#top-header a.back {
  position: absolute;
  top: 16px;
  border-radius: 28px;
  width: 28px;
  height: 28px;
  display: block;
  text-align: center;
  color: white;
  text-decoration: none;
  text-align: center;
  border:1px solid transparent;
  background: rgba(0,0,0,0.1);
  font: bold 16px/26px Tahoma, Arial, sans-serif;
}
#top-header a.back {
  left: 10px;
}
#top-header a.close,
#top-header a.next {
  right: 10px;
}
#top-header a.close:hover,
#top-header a.next:hover,
#top-header a.back:hover {
  border:1px solid rgba(0,0,0,0.3);
  background: #c00;
}
#top-header div.page {
  position: absolute;
  right: 80px;
  top: 12px;
  color: #888;
  font-size: 76%;
  line-height: 2em;
}

#top-header #switch_es,
#top-header #switch_de,
#top-header #switch_fr,
#top-header #switch_uk,
#top-header #switch_it {
  position: absolute;
  top: 3px;
  border-radius: 22px;
  width: 22px;
  height: 22px;
  display: block;
  text-align: center;
  color: white;
  text-decoration: none;
  text-align: center;
  border:1px solid transparent;
  background: rgba(0,0,0,0.1);
  font: 11px/2em Arial, sans-serif;
}
#top-header #switch_es.sel,
#top-header #switch_de.sel,
#top-header #switch_fr.sel,
#top-header #switch_uk.sel,
#top-header #switch_it.sel { font-weight: bold; }
#top-header #switch_es:hover,
#top-header #switch_de:hover,
#top-header #switch_fr:hover,
#top-header #switch_uk:hover,
#top-header #switch_it:hover {
  background-color: #c00;
  border:1px solid rgba(0,0,0,0.5);
}
#top-header #switch_es { right: 20px; top: 23px; }
#top-header #switch_de { right: 50px; top: 23px; }
#top-header #switch_fr { right: 5px; }
#top-header #switch_uk { right: 35px; }
#top-header #switch_it { right: 65px; }
#top-header #switch_uk:hover { background-color: #c00; }

#intro #switch_it { position: absolute; opacity: 0.5; left: 7px; top: 550px; }
#intro .folder:hover #switch_it { opacity: 1; }
#intro #switch_uk { position: absolute; opacity: 0.5; left: 7px; top: 500px; }
#intro .folder:hover #switch_uk { opacity: 1; }


a.menuicon {
  position: fixed;
  z-index: 1001;
  right: 0;
  top: 10px;
  font-size: 40px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  text-decoration: none;
  text-align: center;
  color: #888;
  background: url( mobile-sprites.png) no-repeat -2px 5px;
  opacity: 0.5;
}
a.menuicon:hover {
  background-position: -92px 5px;
}
a.menuicon span {
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
}



#menu-sub {
  position: fixed;
  z-index: 1001;
  top: 50px;
  right: 0;
  width: 220px;
  box-shadow: -2px 2px 2px rgba(0,0,0,0.2);
  display: none;
}
#menu-sub.open {
  display: block;
}

#menu-sub li {
  list-style: none;
  height: 36px;
  background: #fff;
}
#menu-sub li:hover {
  background: #eee;
}
#menu-sub li a {
  display: block;
  font-size: 105%;
  line-height: 2em;
  text-align: center;
  color: #666;
  text-decoration: none;
  cursor: pointer;
}

#menu-sub #flags {
  display: block;
	margin: 0;
	padding: 6px 0;
	width: 100%;
	text-align: center;
	background:white;
}
#menu-sub #flags li {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 24px;
	height: 24px;
}
#menu-sub #flags li:hover {
  background: transparent;
}
#menu-sub #flags li a {
  border: 1px solid transparent;
  font-size: 94%;
  line-height: 20px;
}
#menu-sub #flags li a:hover {
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 24px;
}


#flipbox_big,
#flipbox {
  width: 780px;
  height: 480px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -240px 0 0 -390px;
  cursor: pointer;
}
#flipbox_big {
  width: 980px;
  height: 735px;
  margin: -367px 0 0 -490px;
}
#segui_back,
#segui_front {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 780px;
  height: 480px;
  border: 1px solid #aaa;
}
#flipbox_big #segui_back,
#flipbox_big #segui_front {
  width: 980px;
  height: 735px;
  border: 0;
}
.hide { display: none; }

.galleria-info-title a {
  position: relative;
  display: block;
  padding: 0 20px;
}
.galleria-info-title a span.icon {
  position: absolute;
  right:0;
  top:-1px;
  width: 16px;
  height: 16px;
  background: url( external_link_icon.gif ) no-repeat 0 0;
}
.galleria-info-title a:hover span.icon {
  background-position: -48px 0;
}

#welcome {
  width: 980px;
  height: 735px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -372px 0 0 -495px;
  display: block;
  border: 5px solid #fff;
  box-shadow: 0 0 25px rgba(0,0,0,0.8);
}

body#bodyWelcome #cnt-welcome,
body#bodyWelcome {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#mainbg {
  width: 100%;
  height: 100%;
	cursor: pointer;
}
body#bodyWelcome #cnt-welcome #mainbg img {
  width: 100%;
  height: auto;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
#mainbg .images { display: none; }

#footer {
  clear: both;
  height: 40px;
}
#text {
  display: block;
  width: 960px;
  margin: 0 auto;
  font: 11px/1.6em Verdana, Arial, sans-serif;
  text-align: justify;
}

#text .col {
  float: left;
  display: inline;
  width: 280px;
  margin: 0 20px;
}

#text a {
  display:block;
  margin-top: 1em;
  text-align: center;
}
#text a img {
  border: 0;
  border-radius: 5px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.6);
}

p.center { text-align: center; }

#segui-logo {
  display: block;
  width: 120px;
  height: 48px;
  margin: 0 auto;
  background: url( segui_logo.png ) no-repeat 50% 50%;
}
#ggf-logo {
  width: 180px;
  height: 50px;
  margin: 0 auto;
  background: url( ggflogonew.png ) no-repeat 50% 50%;
}

#logo-main {
  width: 240px;
  height: 64px;
  position:absolute;
  top:0;
  left: 50%;
  margin-left: -120px;
  text-align: center;
}
#logo-main a {
  opacity: 0.8;
}
#logo-main a:hover {
  opacity: 1.0;
}
#logo-main img {
  border: 0;
}
#logo-main img.SVG {
  position: relative;
  left: 0;
  bottom: 0px;
  height: 100%;
  margin-top: 8px;
  max-width: 200px;
  max-height: 35px;
  width: auto;
}


table.cf-prep {
  margin: 40px auto;
  border-width: 1px 0;
  border-style: solid;
  border-color: #000;
}
#preparation ul {
  margin: 20px auto 20px;
  padding: 0;
  width: 95%;
}
#preparation ul li {
  list-style: none;
  float: left;
  display: inline;
  width: 21%;
  padding: 0;
  margin: 0 2%;
}
#preparation ul li img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 3px;
  box-shadow: 0 0 6px rgba(0,0,0,0.5);
}


#commintro,
#consumo {
  color: #666;
  width: 640px;
  margin: 20px auto;
  text-align: center;
}
#commintro .title,
#consumo .title {
  margin-top: 0.6em;
  margin-bottom: 0.25em;
  font-size: 164%;
}
#commintro .desc,
#consumo .desc {
  line-height: 1.5em;
}
#commintro .notes,
#consumo .notes {
  margin-top: 2em;
  font-size: 88%;
  line-height: 1.4em;
}

#consumo .steps {
  margin: 20px 0;
}

#consumo .steps .step {
  display: inline-block;
  width: 180px;
  margin: 10px 10px 20px 10px;
  vertical-align: text-top;
}
#consumo .steps .step img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 -1px 10px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  border: 1px solid transparent;
}
#consumo .steps .step .didascalia {
  min-height: 48px;
}

.corrosivo,
.irritante {
  float: left;
  display: inline;
  width: 300px;
  padding: 76px 10px 0;
  text-align: center;
  margin: 10px auto 20px;
}
.corrosivo {
  background: url( corrosivo.png ) no-repeat 50% 0;
}
.irritante {
  background: url( irritante.png ) no-repeat 50% 0;
}

.tabhv table {
	border-collapse:collapse;
	border: 1px solid #888;
	margin: 0 auto;
}
.tabhv th.th0 { min-width: 95px; }
.tabhv th { text-align: center; background: #eee; }
.tabhv td { text-align: right; }
.tabhv td, th { border: 1px solid #888; height: 24px; font-size: 82%; line-height: 1.4em; }
.tabhv td.row_th { vertical-align: middle; text-align: center; }
.tabhv td.c0 { text-align: center; }
.tabhv table td,
.tabhv table th { padding: 0 4px; }


.colorfamily {
  color: #666;
	margin: 0 auto;
  width: 480px;
  font-size: 141%;
  margin-top: 20px;
  margin-bottom: 8px;
}
.cf-table {
  border-collapse: collapse;
	margin: 0 auto;
  width: 480px;
}
.cf-table td,
.cf-table th {
  color: #666;
  padding: 2px 0;
}
.cf-table th {
  text-align: left;
  border-width: 1px 0;
  border-style: solid;
  border-color: #000;
}
.cf-table td {
  border-bottom: 1px solid #ccc;
}
.cf-table .code {
  width: 80px;
}
.cf-table .unit {
  width: 90px;
  text-align: center;
}



#video_index #video_intro {
  width: 640px;
  margin: 20px auto;
}
#video_index #video_intro img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  box-shadow: 0 0 15px rgba(0,0,0,0.65);
}
#video_index .entry {
  width: 340px;
  display: block;
  font-size: 118%;
  margin: 8px auto;
  text-align: left;
}
#video_index .entry .arrow {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 19px;
  height: 19px;
  margin: 0 8px;
  background: url( ../images/circle-arrow-down.png ) no-repeat -2px -2px;
}
#video_index .entry a {
  color: #777;
  text-decoration: none;
}
#video_index .entry a:hover {
  text-decoration: underline;
}
#video_index .playlist .entry {
  line-height: 1.3em;
  margin: 0 auto;
  padding-left: 16px;
}
#video_index .playlist .entry a {
  color: #777;
}

#video_cnt {
  position: absolute;
  border: 0px;
  top: 50px;
  bottom: 0px;
  height: auto;
  width: 100%;
  background: #000;
}
#video {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: auto;
}
#video-frame {
  display:block;
  border: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}






@media (orientation: landscape) {
  .tabhv table td.ver_span { display: none; }
  .tabhv table th.th0 { min-width: 150px; }
  .tabhv table td { min-width: 70px; }
}

@media (orientation: portrait) {
  .tabhv .rowsp1 td.row_th,
  .tabhv .rowsp1 td[class^=c] { min-width: 140px; text-align: center; }
  .tabhv .rowsp2 td.row_th,
  .tabhv .rowsp2 td[class^=c] { min-width: 80px; text-align: center; }
  .tabhv .novert { display:none; }
  .tabhv table.rowsp3 td.row_th span.row_th { width: 160px }
  .tabhv table.rowsp4 td.row_th span.row_th { width: 230px }
  .tabhv table th.th0 { min-width: 85px; }
  .tabhv table td { min-width: 50px; }
  .tabhv table { border-width: 1px 1px 0 0; }
  .tabhv table tr { display: inline-block; }
  .tabhv table th,
  .tabhv table td { display: block; border-width: 0 0 1px 1px; }
  .tabhv table td.row_th { clear: left; max-width: 60px; position: relative; border-right-width: 0; }
  .tabhv table td.ver_span { border-left-width: 0; }
  .tabhv table td.row_th span.row_th { position: absolute; left: 0; top: 0; display: block; width: 100%; text-align: center; }

  .corrosivo,
  .irritante {
    float: none;
    display: block;
  }
}


ul.intro {
  padding: 0;
  text-align: center;
  width: 100%;
  margin: 20px auto 0;
}
ul.intro li {
  text-align: center;
  width: 180px;
  display: block;
  list-style: none;
  margin: 8px auto;
}
ul.intro li a {
  display: block;
  text-decoration: none;
  padding: 5px 10px;
  color: #777;
  font-size: 129%;
  line-height: 1.3em;
  border-radius: 4px;
  background: #f2f2f2;
}
ul.intro li a:hover {
  background: #eee;
  color: #444;
}
ul.intro li.disabled a {
  color: #ccc;
}

body.bg ul.intro li,
body.ru ul.intro li {
  width: 200px;
}
body.bg ul.intro li a,
body.ru ul.intro li a {
  font-size: 105%;
}

#imageintro {
  display: block;
  text-align: center;
}
#imageintro img {
  max-width: 900px;
  width: 768px;
  height: auto;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5);
  border-radius: 8px;
}

.palette-vert,
.galleria-vert {
  width: 640px;
  margin: 0 auto;
  text-align: center;
}
.palette-vert .entry,
.galleria-vert .entry {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 20px 0;
}
.palette-vert .entry {
  width: auto;
  display: block;
  margin: 20px auto;
}
.palette-vert .entry .entry-label,
.galleria-vert .entry .entry-label {
  display: block;
  font-size: 129%;
  line-height: 120%;
  width: 100%;
  margin: 5px 0;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.0);
  text-align: center;
}
.palette-vert .entry .entry-label,
.galleria-vert .entry .entry-label {
  color: #666;
}

.galleria-vert .entry img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0,0,0,0.65);
}

.palette-vert .entry img {
  display: block;
  width: auto;
  height: auto;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}

#big-overlay {
  display: none;
  position: fixed;
  z-index: 2000;
  margin-right: -50%;
  right: 50%;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-align: center;
  cursor: pointer;
}
#big-overlay.loading {
  background-image: url( page-loader.gif );
}

#big-overlay #big-cell {
  position:relative;
  height: 100%;
  max-height: 667px;
  width: 100%;
  max-width: 375px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#big-overlay #big-cell-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  display: inline-block;
}

#big-code {
  text-align: center;
  width: 100%;
  color: white;
  text-shadow: 1px 0px 1px rgba(0,0,0,0.4), -1px 0px 1px rgba(0,0,0,0.4), 0px -1px 1px rgba(0,0,0,0.4), -0px 1px 1px rgba(0,0,0,0.4);
  font-size: 129%;
  line-height: 64px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}


#products-index {
  text-align: center;
/*  overflow-y: hidden;*/
}
#products-index .prodotti {
  font-size: 158%;
  line-height: 90%;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  text-align: center;
  margin: 0.75em 0;
}
#products-index .entry {
  position: relative;
  display: block;
  width: 640px;
  margin: 20px auto 90px;
}
#products-index .entry .welcome-desc,
#products-index .entry .entry-desc,
#products-index .entry .entry-label {
  display: block;
  font-size: 108%;
  line-height: 120%;
  width: 100%;
  margin: 5px 0;
  color: #777;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.0);
  text-align: center;
}
#products-index .entry .entry-label {
	font-size: 150%;
	font-weight: bold;
  color: #999;
}
#products-index .entry .welcome-desc,
#products-index .entry .entry-desc {
  text-shadow: none;
  line-height: 120%;
  text-align: center;
  padding-bottom: 0px;
}
#products-index .entry .welcome-desc {
  color: #555;
  margin-top: -15px;
  padding-bottom: 50px;
}

#products-index a {
  display: block;
}

#products-index .entry a img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  box-shadow: 0 0 15px rgba(0,0,0,0.65);
}
#products-index .entry a {
  position: relative;
  display: block;
  line-height: 0;
  border-radius: 4px;
}


#art-interview,
#about-cnt {
  margin: 0 auto;
  padding: 30px 15px;
  max-width: 640px;
  font-size: 105%;
  line-height: 1.4em;
  color: #666;
  text-align: justify;
}
.interview li.q {
  list-style: decimal;
}
.interview p.q {
  font-weight: bold;
}
.interview p.a {
  list-style: none;
  font-weight: normal;
}
#art-interview .title,
#about-cnt .title {
  font-size: 110%;
  text-align: center;
  font-weight: bold;
}
#motto {
  display: none;
  font-size: 118%;
  line-height: 1.15em;
  text-align: left;
  margin-bottom: 1em;
}
#giorgiopic {
  float: left;
  display: inline;
  margin-right: 10px;
  margin-bottom: 15px;
}
#giorgiopic img {
  border-radius: 4px;
  border: 1px solid #eee;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
}
#art-interview,
#giorgiograesan {
  clear: both;
  position: relative;
}
#art-interview iframe,
#giorgiograesan iframe {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #eee;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
}
#art-interview #ART-VIDEO,
#giorgiograesan #VIDEO1 {
  width: 640px;
  height: 400px;
}


#menu li .socicon {
  padding: 8px 0;
	width: 112px;
  margin: 0 auto;
}

#menu li .socicon li {
  list-style: none;
  float: left;
  display: inline;
  margin-left: 4px;
  width: 24px;
  height: 24px;
  background-color: transparent;
}


#menu li .socicon a {
  width: 20px;
  height: 20px;
  display: block;
  background-image: url( ../images/ui-socials.png );
  background-repeat: no-repeat;
}

.socicon a.facebook { background-position:   -0px 0; }
.socicon a.twitter  { background-position:  -24px 0; }
.socicon a.linkedin { background-position:  -48px 0; }
.socicon a.google   { background-position:  -72px 0; }
.socicon a.youtube  { background-position:  -96px 0; }
.socicon a.pinterest{ background-position: -120px 0; }
.socicon a.private  { background-position: -144px 0; }

.socicon a.facebook:hover { background-position:   -0px -20px; }
.socicon a.twitter:hover  { background-position:  -24px -20px; }
.socicon a.linkedin:hover { background-position:  -48px -20px; }
.socicon a.google:hover   { background-position:  -72px -20px; }
.socicon a.youtube:hover  { background-position:  -96px -20px; }
.socicon a.pinterest:hover{ background-position: -120px -20px; }
.socicon a.private:hover  { background-position: -144px -20px; }


#contacts {
  color: #666;
  font-size: 105%;
}
#contacts .sede {
  margin: 10px auto 40px;
  text-align: center;
}
#contacts #tecnici {
  margin-top: 20px;
}
#contacts .entry {
  padding-bottom: 10px;
}
#contacts #tecnici .title,
#contacts #tecnici .entry {
  font-size: 82%;
}
#contacts .name,
#contacts .title {
  font-weight: bold;
}
#contacts .name {
  color: #88a;
}
#contacts .mappa {
  width: 640px;
  height: 400px;
  margin: 10px auto;
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0,0,0,0.4);
}


#wallpaper_home {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
#wallpaper_home #wp_families .wp_family {
  width: 100%;
  margin-bottom: 80px;
}
#wallpaper_home #wp_families .wp_family img {
  box-shadow: 0 2px 10px rgba(0,0,0,0.5);
  border-radius: 8px;
}
.wp_family .title {
  color: #777;
  font-size: 164%;
}
.wp_family .desc {
  line-height: 1.5em;
}
.wp_gallery { 
  max-width: 600px; 
  margin: 0 auto; 
}
.wp_gallery .gall_sep {
  height: 40px;
}
#wallpaper_home #wp_families .wp_family .wp_gallery .wp_photo { 
  margin: 24px auto; 
  width: 600px; 
  height: 600px; 
  box-shadow: 0 2px 10px rgba(0,0,0,0.5);
  border-radius: 8px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.consumo .gallery .photo {
  margin: 24px auto; 
  width: 600px; 
}
.consumo .gallery .photo img {
  border-radius: 8px;
  width: 100%;
}

.wp_family table.wp_gamma { width: 400px; margin: 0 auto; border-collapse: collapse }
.wp_family table.wp_gamma td,
.wp_family table.wp_gamma th { width: auto; border: 0; font-size: 100%; color: #888; }
.wp_family table.wp_gamma th { text-align: left; font-size: 120%; font-weight: normal; }
.wp_gamma.gamma4 th:not(:first-child) { width: 25% }
.wp_gamma.gamma3 th:not(:first-child) { width: 33% }
.wp_gamma.gamma2 th:not(:first-child) { width: 50% }
.wp_gamma div.row { margin: 5px 0; }
.wp_gamma div.cod { margin-left: auto; padding-right: 10px; width: 40px; line-height: 40px; height: 40px; background: white;}

@media (max-width: 600px) {
  .consumo .gallery .photo,
  #wallpaper_home #wp_families .wp_family {
    width: 90vw;
    margin-left: auto; 
    margin-right: auto; 
  }
  .wp_family .desc { 
    width: 90vw; 
    margin: 0 auto; 
  }
  .wp_family table.wp_gamma {
    width: 90vw;
  }
  #wallpaper_home #wp_families .wp_family .wp_gallery .wp_photo { 
    width: 90vw;
    height: 90vw;
  }
}


@media (max-width: 768px) {
  #cnt-main { width: 100%; }

  #top-header a.back { left: 8px; }
  #top-header a.close,
  #top-header a.next { right: 8px; }
  #top-header #switch_uk { left: auto; right: 39px; top:  3px; }
  #top-header #switch_fr { left: auto; right: 39px; top: 26px; }
  #top-header #switch_it { left: auto; right: 21px; top: 15px; }
  #top-header #switch_de { left: auto; right: 3px; top:  3px; }
  #top-header #switch_es { left: auto; right: 3px; top: 26px; }

  #top-header #switch_es,
  #top-header #switch_de,
  #top-header #switch_fr,
  #top-header #switch_uk,
  #top-header #switch_it {
    width: 19px;
    height: 19px;
    line-height: 19px;
  }

  #gallery .folder {
    float: none;
    display: inline-block;
    margin: 10px auto;
    padding: 0 10px;
  }
  #scroller { width: 100% !important; }
  #gallery,
  #scrollcnt { overflow: visibile; height: auto; position: static; }
}

@media (min-width: 768px) {
  #imageintro img {
    width: 92%;
  }

  .palette-vert,
  .galleria-vert,
  #commintro,
  #consumo {
    width: 640px;
  }

}

@media (max-width: 736px) {
  #imageintro img {
    width: 92%;
  }

  .palette-vert,
  .galleria-vert {
    width: 600px;
  }
  .palette-vert .entry .entry-label,
  .galleria-vert .entry .entry-label {
    font-size: 118%;
  }

}

@media (max-width: 568px) {

  #contacts .mappa {
    width: 95%;
  }


  #products-index .entry {
    width: 94%;
    margin: 3% auto;
  }

  .corrosivo,
  .irritante {
    float: none;
    display: block;
    padding-left: 0;
    padding-right: 0;
  }

  #top-header .page { display: none; }

  #top-header h1 {
    font-weight: normal;
    font-size: 118%;
  }

 #text {
  width: 100%;
 }
 #text .col {
    float: none;
    display: block;
    width: 280px;
    margin: 20px auto 0;
  }

  .palette-vert,
  .galleria-vert,
  #commintro,
  #consumo {
    width: 480px;
  }

}

@media (max-width: 640px) {

  .palette-vert,
  .galleria-vert {
    width: 586px;
  }

  .palette-vert,
  .galleria-vert,
  #commintro,
  #consumo {
    width: 90%;
  }

  #art-interview #ART-VIDEO {
    width: 100%;
    height: 320px;
  }

}

@media (max-width: 414px) {

  .palette-vert,
  .galleria-vert,
  #commintro,
  #consumo {
    width: 360px;
  }

  .palette-vert .entry .entry-label,
  .galleria-vert .entry .entry-label {
    font-size: 100%;
  }

  #art-interview #ART-VIDEO {
    width: 100%;
    height: 280px;
  }
}

@media (max-width: 375px) {
  .sdot { display: none; }

  .palette-vert,
  .galleria-vert {
    width: 350px;
  }
  .palette-vert .entry .entry-label,
  .galleria-vert .entry .entry-label {
    font-size: 100%;
  }

  #art-interview #ART-VIDEO {
    width: 100%;
    height: 240px;
  }

}


@media (max-width: 360px) {

  .sdot { display: none; }

  .palette-vert,
  .galleria-vert,
  #commintro,
  #consumo {
    width: 340px;
  }

}

@media (max-width: 320px) {

  .sdot { display: none; }

  #top-header h1 {
    font-weight: normal;
    font-size: 88%;
  }

  .palette-vert,
  .galleria-vert,
  #commintro,
  #consumo {
    width: 300px;
  }
  .tabhv table td { min-width: 40px; }

  #art-interview #ART-VIDEO {
    width: 100%;
    height: 200px;
  }


}

.analog_clock {
  box-sizing: border-box;
  width: 216px;
  height: 216px;
  margin: 20px 20px 40px;
  border-radius: 50%;
  border: 5px solid #888;
  padding: 3px;
  position: relative;
  background: white;
  display: inline-block;
}

.analog_clock .clock-label {
  position: absolute;
  bottom: -2.5em;
  left: 0;
  width: 100%;
  border-radius: 8px;
  font-size: 120%;
  line-height: 1.5em;
  background: white;
  color: black;
  text-align: center;
}

.analog_clock .dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #888;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  z-index: 10;
  box-shadow: 0 2px 4px -1px black;
}

.analog_clock .hour-hand {
  position: absolute;
  z-index: 5;
  width: 5px;
  height: 45px;
  background: #888;
  top: 50px;
  transform-origin: 50% 53px;
  left: 50%;
  margin-left: -2px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  box-shadow: 0 2px 4px -1px black;
  opacity: 0.85;
}

.analog_clock .minute-hand {
  position: absolute;
  z-index: 6;
  width: 3px;
  height: 65px;
  background: #888;
  top: 30px;
  left: 50%;
  margin-left: -2px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  transform-origin: 50% 72px;
}

.analog_clock .second-hand {
  position: absolute;
  z-index: 7;
  width: 2px;
  height: 50%;
  background: red;
  top: 12px;
  lefT: 50%;
  margin-left: -1px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  transform-origin: 50% 90px;
}

.analog_clock span {
  display: inline-block;
  position: absolute;
  color: #666;
  font-size: 18px;
  font-family: 'Arial';
  font-weight: 700;
  z-index: 4;
}

.analog_clock .h_12 {
  top: 22px;
  left: 50%;
  margin-left: -0.5em;
}
.analog_clock .h_3 {
  top: 50%;
  right: 28px;
  margin-top: -0.5em;
}
.analog_clock .h_6 {
  bottom: 20px;
  left: 50%;
  margin-left: -0.25em;
}
.analog_clock .h_9 {
  left: 28px;
  margin-top: -0.5em;
  top: 50%;
}

.analog_clock .diallines {
  position: absolute;
  z-index: 2;
  width: 1px;
  height: 10px;
  background: #ccc;
  left: 50%;
  margin-left: -1px;
  transform-origin: 50% 100px;
}
.analog_clock .diallines:nth-of-type(5n) {
  position: absolute;
  z-index: 2;
  width: 3px;
  height: 15px;
  background: #aaa;
  left: 50%;
  margin-left: -1px;
  transform-origin: 50% 100px;
}

.analog_clock .info {
  position: absolute;
  width: 120px;
  height: 20px;
  border-radius: 7px;
  background: #ccc;
  text-align: center;
  line-height: 20px;
  color: #000;
  font-size: 11px;
  top: 200px;
  left: 50%;
  margin-left: -60px;
  font-family: "Arial";
  font-weight: 700;
  z-index: 3;
  letter-spacing: 3px;
  margin-left: -60px;
  left: 50%;
}
.analog_clock .date {
  top: 63px;
}
.analog_clock .time {
  top: 120px;
}