/*rinormalizzazione dopo skeleton*/
@viewport {
    width: 640px;
}
a, a:visited { color: #333333; text-decoration: none; }
a:hover, a:focus { color: #666666; }
p { font-size: 120%; }
html { height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: scroll; }
.table { display: table; }
.tr { display: table-row; }
.tc { display: table-cell; }
#BgHeader { /*background-color: #FF0000;*/ width: 100%; height: 50px; overflow: hidden; position: fixed; z-index: 11; }
/*#BgFiller
{
	(*background-color: black;*)
	width: 100%;
	(*height: auto;*)
	(*top: 55px;*)
	bottom: 20px;
	overflow: hidden;
	position: fixed;
	z-index: 11;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	(*-webkit-transition: background 1s ease-out;*)
	(*-moz-transition: background 1s ease-out;*)
	(*-o-transition: background 1s ease-out;*)
	(*transition: background 1s ease-out;*)
}*/
#BgFooter { /*background-color: #00FF19;*/ z-index: 11; position: fixed; /*left: 0px;*/ bottom: 0px; width: 100%; min-height: 20px; }
/*
	HEADER
*/
header { /*visibility: hidden;*/ background-color: #F0F0F0; border-bottom: 1px solid #E4E4E4; width: 100%; height: 50px; overflow: hidden; position: fixed; z-index: 99; /*top: 0;*/ /*margin: 0;*/ /*padding: 0;*/ padding: 0; /*(*+box-shadow: 0px 1px 2px #D5CFB4;*)
-moz-box-shadow: 0px 1px 2px #D5CFB4;
-webkit-box-shadow: 0px 1px 2px #D5CFB4;
box-shadow: 0px 1px 2px #D5CFB4;*/ }
nav { }
nav a { margin-left: 10px; }
#LogoImage { height: 44px; width: auto; padding-top: 3px; }
#LogoImageSvg { height: 44px; width: auto; padding:0px; padding-top: 3px; }
#LogoImageSvg html body { padding:0px; margin: 0px !important; }

#LogoImageSvgDiv { display:block; height: 44px; width: 148px; padding:0px; }
#LogoImageSvgDiv html body { padding:0px; margin: 0px !important; }
#SiteHeader { /*top: 24px;*/ }
@media screen and (max-width: 760px) {
    #SiteHeader { /*top: 0px;*/ }
    #LogoImage { /*padding: 56px 0 0;*/ }
}
/*
	MENU
*/
.switchbox { visibility: hidden; height: 0px; width: 0px; /*+placement: displace -100px;*/ position: absolute; margin-left: -100px; margin-top: -100px; position: fixed; }
.switchbox:checked { display: none; }
#MenuLeft { float: left; text-align: left; text-wrap: none;}
#MenuCenter { /*float: bottom;*/ /*text-align: center;*/ }
#MenuRight { float: right; text-align: right; }
#MenuButton { visibility: hidden; display: inline; margin-top: 5px;}
#MenuText { padding-top: 14px; }
.SelectedMenuItem:after { content: ""; position: absolute; z-index: 100; top: 0; left: 58%; border-left: 2px dotted #363636; padding-top: 6px; margin-top: 24px; }
.SelectedMenuItem { color: #BD0000; }
.NotSelectedMenuItem { }
ul#css3menu1 { height: 30px; }
ul#css3menu1 ul a { border-width: 0; /*border-radius: 0px;*/ /*-moz-border-radius: 0px;*/ /*-webkit-border-radius: 0px;*/ font: 100% Calibri, "Trebuchet MS", sans-serif; color: #FFFFFF; }
ul#css3menu1 li { position: relative; display: block; white-space: nowrap; float: left; }
ul#css3menu1 li:hover > * { display: block; }
ul#css3menu1 li:hover { /*z-index: 1;*/ }
ul#css3menu1 li:hover > a, ul#css3menu1 li a.pressed { /*text-shadow: #FFFFFF 0 0 1px;*/ color: #BD0000; }
ul#css3menu1 a:active, ul#css3menu1 a:focus { outline-style: none; }
ul#css3menu1 > label.switch { display: none; cursor: pointer; height: 30px; padding: 12px 0px; }
@media screen and (max-width: 900px) {
    #LogoDiv { height: 0px; display: flex; align-items: center; /*margin-top: 0;*/ }
    #MenuButton { /*margin-top: 6px;*/ /*margin-left: 226px;*/ visibility: visible; display: block; float: right; }
    #MenuText { padding-top: 24px; }
    .SelectedMenuItem:after { visibility: hidden; }
    .SelectedMenuItem { padding-right:10px; border-right: 2px dotted #363636; height: 60px; }
    .NotSelectedMenuItem { padding-right:10px; height: 60px;}
    ul#css3menu1 { /*background-color: rgba(41, 41, 41, 0.233);*/ /*(*+box-shadow: 1px 1px 3px 0px #000000;*)
    		-moz-box-shadow: 1px 1px 3px 0px #000000;
    		-webkit-box-shadow: 1px 1px 3px 0px #000000;
    		box-shadow: 1px 1px 3px 0px #000000;*/ /*(*+border-radius: 1px;*)
    		-moz-border-radius: 1px;
    		-webkit-border-radius: 1px;
    		-khtml-border-radius: 1px;
    		border-radius: 1px;*/ top: 10px; height: 55px; }
    ul#css3menu1 > li { /*position: relative;*/ width: 100%; height: 48px; }
    ul#css3menu1 > label.switch { display: block !important; }
    header { -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; }
    .switchbox:checked ~ header { height: 444px; position: relative; z-index: 999; }
}
/* mobile menu icon */
.c-hamburger { display: block; position: relative; overflow: hidden; outline: 2px solid #000; margin: 0; padding: 0; width: 40px; height: 40px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background .3s; transition: background 0.3s; }
.c-hamburger span { display: block; position: absolute; top: 20px; left: 8px; right: 8px; height: 2px; background: #000; }
.c-hamburger span::after, .c-hamburger span::before { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #000; content: ""; }
.c-hamburger--htla.is-active span::after, .c-hamburger--htla.is-active span::before, .c-hamburger--htra.is-active span::after, .c-hamburger--htra.is-active span::before { width: 50%; }
.c-hamburger span::before { top: -8px; }
.c-hamburger span::after { bottom: -8px; }
.c-hamburger--htx { background-color: #FFFFFF; }
.c-hamburger--htx span { -webkit-transition: background 0s .3s; transition: background 0s 0.3s; }
.c-hamburger--htx span::after, .c-hamburger--htx span::before { -webkit-transition-duration: .3s,.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: .3s,0s; transition-delay: 0.3s, 0s; }
.c-hamburger--htx span::before { -webkit-transition-property: top,-webkit-transform; transition-property: top, transform; }
.c-hamburger--htx span::after { -webkit-transition-property: bottom,-webkit-transform; transition-property: bottom, transform; }
/*    .c-hamburger--htx.is-active {
        background-color: #cb0032;
    }*/
.c-hamburger--htx.is-active span { background: 0 0; }
.c-hamburger--htx.is-active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.c-hamburger--htx.is-active span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.c-hamburger--htx.is-active span::after, .c-hamburger--htx.is-active span::before { -webkit-transition-delay: 0s,.3s; transition-delay: 0s, 0.3s; }
/*
	DETAILS
*/
.SX { text-align: left; }
.CX { text-align: center; }
.DX { text-align: right; }
#SiteBody { height: 100%; z-index: 0; min-height: 200px; min-width: 200px; /*position: relative;*/ }
.Content { padding-bottom: 20px; /* Height of the footer element */ }
.DetailImage { width: 100%; /*height: auto;*/ margin: 0px 0px 0px 0px; background-image: url('img/Contacts/MapBig.html'); background-position: center; background-repeat: no-repeat; max-height: 670px; max-width: 1508px; }
.ContactMap { width: 100%; /*height: auto;*/ margin: 0px 0px 0px 0px; background-position: center; background-repeat: no-repeat; max-height: 670px; /*max-width: 1508px;*/ }
.DetailTitle { font: 36px sans-serif; }
.DetailTitle h3 { font: 36px sans-serif; color: #888888; }
.DetailBox { /*padding: 12px 0px 20px;*/ background-color: #BBBBBB; border-radius: 3px; }
.DetailDescription { font: normal 14px / 1.4 Calibri, "Trebuchet MS", sans-serif; color: #FFFFFF; margin: 0px; padding: 8px 20px 10px; font-weight: normal; border-radius: 3px; /*white-space: nowrap;*/ min-height: 160px; }
.Label { color: #888888; }
.LabelValue { }
a[href^="tel"] { color: inherit; text-decoration: none; }
.MailImg { line-height: 2; vertical-align: text-top; }
#Widgets { }
#WidgetContact { display: block; left: auto; right: 0px; padding: 0px; border: 0px; margin: 0px auto; }
.WidgetTitle { width: 100%; height: 22px; margin: 0px 0px 20px 0px; }
.WidgetTitle h5 { font-family: Calibri, "Trebuchet MS", sans-serif; display: inline; background: #FFFFFF; padding: 2px 5px 2px 0px; height: 25px; top: -1px; }
#Home { z-index: 66; }
#Detail { z-index: 66; position: relative; padding-top: 128px; }
#AboutDescription { font-variant: small-caps; }
#Contact { z-index: 66; position: relative; padding-top: 128px; text-align: center; }
.MapButton { display: inline-block; cursor: pointer; text-align: center; vertical-align: middle; border: 1px solid #363636; border-radius: 3px; background: #AAAAAA; font: normal normal bold large sans-serif; color: #FFFFFF; text-decoration: none; width: 90%; padding: 8px; cursor: pointer; }

@media screen and (max-width: 760px) {
    .DetailImage { width: 100%; height: auto; margin: 0px 0px 0px 0px; background-image: url('img/Contacts/MapSmall.html'); background-position: center; }
    .ContactMap { width: 100%; height: auto; margin: 0px 0px 0px 0px; background-position: center; }
    .LabelValue { display: inline-block; text-align: center; vertical-align: middle; border: 1px solid #363636; border-radius: 3px; background: #AAAAAA; font: normal normal bold large sans-serif; color: #FFFFFF; text-decoration: none; width: 90%; margin: 10px 0 5px; padding: 12px; cursor: pointer; }
    .LabelValue:hover, .LabelValue:focus { border: 1px solid #404040; background: #7A7A7A; color: #FFFFFF; text-decoration: none; }
    .LabelValue:active { background: #363636; }
    .LabelValue:before { content: "\0000a0"; display: inline-block; height: 24px; width: 24px; line-height: 24px; margin: 0 4px -6px -4px; position: relative; top: 0px; left: 0px; background-size: 100% 100%; }
}
/*
	FOOTER
*/
footer { /*visibility: hidden;*/ z-index: 99; position: fixed; left: 0px; bottom: 0px; width: 100%; min-height: 20px; color: #7A7A7A; font-size: 10px; background-color: #F0F0F0; text-align: center; border-top: 1px solid #E4E4E4; }
#FooterLeft { float: left; text-align: left; text-wrap: none;}
#FooterCenter { /*float: bottom;*/ /*text-align: center;*/ }
#FooterRight { float: right; text-align: right; }
/*@media screen and (max-width: 760px) {
    #FooterLeft { text-align: center; }
    #FooterCenter { text-align: center; }
    #FooterRight { text-align: center; }
}*/








/*
	GALLERY
*/

    /*.GalleryButton {
        text-align: center;
    }*/

    .GalleryButton:hover {
        box-shadow: 0 0 10px #666;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .GalleryImage {
        -width: 294px;
        -height: auto;
		animation: fadein 1s;
		-moz-animation: fadein 1s; /* Firefox */
		-webkit-animation: fadein 1s; /* Safari and Chrome */
		-o-animation: fadein 1s; /* Opera */
    }
    .ProductListImage {
        -width: 294px;
        -max-height: 196px;
        -height: auto;
		animation: fadein 1s;
		-moz-animation: fadein 1s; /* Firefox */
		-webkit-animation: fadein 1s; /* Safari and Chrome */
		-o-animation: fadein 1s; /* Opera */
    }

	
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}