@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/eot/OpenSans-Light.eot');
    src: url('/fonts/OpenSans/eot/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans/woff/OpenSans-Light.woff') format('woff'),
         url('/fonts/OpenSans/ttf/OpenSans-Light.ttf') format('truetype'),
         url('/fonts/OpenSans/svg/OpenSans-Light.svg#OpenSans') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/eot/OpenSansLight-Italic.eot');
    src: url('/fonts/OpenSans/eot/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans/woff/OpenSansLight-Italic.woff') format('woff'),
         url('/fonts/OpenSans/ttf/OpenSansLight-Italic.ttf') format('truetype'),
         url('/fonts/OpenSans/svg/OpenSansLight-Italic.svg#OpenSans') format('svg');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/eot/OpenSans.eot');
    src: url('/fonts/OpenSans/eot/OpenSans.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans/woff/OpenSans.woff') format('woff'),
         url('/fonts/OpenSans/ttf/OpenSans.ttf') format('truetype'),
         url('/fonts/OpenSans/svg/OpenSans.svg#OpenSans') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/eot/OpenSans-Italic.eot');
    src: url('/fonts/OpenSans/eot/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans/woff/OpenSans-Italic.woff') format('woff'),
         url('/fonts/OpenSans/ttf/OpenSans-Italic.ttf') format('truetype'),
         url('/fonts/OpenSans/svg/OpenSans-Italic.svg#OpenSans') format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/eot/OpenSans-SemiBold.eot');
    src: url('/fonts/OpenSans/eot/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans/woff/OpenSans-SemiBold.woff') format('woff'),
         url('/fonts/OpenSans/ttf/OpenSans-SemiBold.ttf') format('truetype'),
         url('/fonts/OpenSans/svg/OpenSans-SemiBold.svg#OpenSans') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/eot/OpenSans-SemiboldItalic.eot');
    src: url('/fonts/OpenSans/eot/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans/woff/OpenSans-SemiboldItalic.woff') format('woff'),
         url('/fonts/OpenSans/ttf/OpenSans-SemiboldItalic.ttf') format('truetype'),
         url('/fonts/OpenSans/svg/OpenSans-SemiboldItalic.svg#OpenSans') format('svg');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/eot/OpenSans-Bold.eot');
    src: url('/fonts/OpenSans/eot/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans/woff/OpenSans-Bold.woff') format('woff'),
         url('/fonts/OpenSans/ttf/OpenSans-Bold.ttf') format('truetype'),
         url('/fonts/OpenSans/svg/OpenSans-Bold.svg#OpenSans') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url('/fonts/OpenSans/eot/OpenSans-BoldItalic.eot');
    src: url('/fonts/OpenSans/eot/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans/woff/OpenSans-BoldItalic.woff') format('woff'),
         url('/fonts/OpenSans/ttf/OpenSans-BoldItalic.ttf') format('truetype'),
         url('/fonts/OpenSans/svg/OpenSans-BoldItalic.svg#OpenSans') format('svg');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'OpenSans';
    src: url('/fonts/OpenSans/eot/OpenSans-Extrabold.eot');
    src: url('/fonts/OpenSans/eot/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans/woff/OpenSans-Extrabold.woff') format('woff'),
         url('/fonts/OpenSans/ttf/OpenSans-Extrabold.ttf') format('truetype'),
         url('/fonts/OpenSans/svg/OpenSans-Extrabold.svg#OpenSans') format('svg');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url('/fonts/OpenSans/eot/OpenSans-ExtraboldItalic.eot');
    src: url('/fonts/OpenSans/eot/OpenSans-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans/woff/OpenSans-ExtraboldItalic.woff') format('woff'),
         url('/fonts/OpenSans/ttf/OpenSans-ExtraboldItalic.ttf') format('truetype'),
         url('/fonts/OpenSans/svg/OpenSans-ExtraboldItalic.svg#OpenSans') format('svg');
    font-weight: 800;
    font-style: italic;
}

html { width: 100%; height: 100%; position: relative; background-color: black; margin: 0; padding: 0; text-align: center; font-family: "Open Sans", Verdana, sans-serif; color: #404040; letter-spacing: 0.5px; }
body { width: 100%; height: 100%; position: relative; background-color: black; margin: 0; padding: 0; text-align: center; }
#body { width: 1210px; position: relative; background-color: #232323; margin: 0; padding: 0; display: inline-block; }
#body > header nav.main { padding: 0 115px; }
#body > section { margin: 0 115px; }
a, a:visited, a:active, a:link { color: #202020; font-weight: 700; text-decoration: none; }
a:hover { color: #ff6600 !important; text-decoration: underline; }
img { vertical-align: middle; border: 0; }
a img { border: 0; }
header { background: url("/images/header_00.jpg") no-repeat top center; width: 100%; text-align: right; margin: 0; padding: 0; color: white; }
header a, header a:visited, header a:link, header a:active { color: #838383; }
header .reserved { font-weight: 600; font-size: 14px; }
header form#search input { border: 1px solid #202020; background-color: lightgrey; font-weight: bold; }
header form#search input[type="text"] { background-color: white; }
nav.languages { display: inline-block; }
nav.languages, div.reserved { margin-right: 115px; }
div.reserved { margin-bottom: 15px; }
nav.languages ul { display: inline-block; }
nav.languages ul li { display: inline-block; color: transparent; vertical-align: middle; margin: 0 5px; }
nav.languages ul li a { display: inline-block; color: transparent; text-indent: 9000px; width: 22px; height: 14px; background-repeat: no-repeat; background-size: cover; vertical-align: middle; border: 1px solid transparent; }
nav.languages ul li a:hover { border-color: #f60; }
nav.languages ul li[active] a { border-color: #940; }
nav.languages ul li#it a { background-image: url("images/flag_it.jpg"); }
nav.languages ul li#en a { background-image: url("images/flag_en.jpg"); }
nav.languages ul li#de a { background-image: url("images/flag_de.jpg"); }
form#search { width: 250px; display: inline-block; }
div.no_pix_diapo { height: 300px; overflow: hidden; }
nav.main { height: 110px; background-color: #313131; text-transform: uppercase; text-align: left; font-size: 12px; }
nav.main a { font-weight: 700; }
nav img { margin: 14px 0; }
nav.main ul, nav.main ul li { display: inline-block; margin: 0; padding: 0; /*font-size: 17px; */}
nav.main ul { position: absolute; right: 115px; }
nav.main ul li { background: url("images/button-border-line.jpg") no-repeat left top; padding-left: 2px; }
nav.main ul li a { display: inline-block; height: 25px; padding: 40px 0; /*line-height: 100px; */width: 125px; text-align: center; border-top: 5px solid transparent; vertical-align: middle; }
nav.main ul li a:hover, nav.main ul li a.current { border-top: 5px solid #ff6600; background-color: #252525; background-image: url("images/button-bkg.png"); background-repeat: repeat-x; background-position: center top; color: white !important; }
section.maintext { background-color: #EFEFEF; width: 980px; padding: 15px 0; /*margin: 0 115px; */text-align: justify; background-image: url("images/article-bkg.png"); background-repeat: repeat-x; background-position: center top; }
div#slide { border-top: 4px solid white; }
article { padding: 35px 70px; }
aside, article p { font-family: "Open Sans", Arial, sans-serif; font-size: 14px; font-weight: 300; }
h1 { text-transform: uppercase; font-size: 18px; font-weight: 600; }
h2 { font-size: 16px; }
aside { display: inline-block; width: 275px; padding: 0 0 0 70px; vertical-align: top; }
body span#body section.maintext article p a.quality_cert { background-size: contain; height: 100px; padding: 0 0 0 90px; background-repeat: no-repeat; display: inline-block; background-position: left center; vertical-align: middle; line-height: 80px; }
body span#body section.maintext article p a.quality_cert#it { background-image: url('/images/QualitySysCert_ISO9001_col.png'); }
body span#body section.maintext article p a.quality_cert#en { background-image: url('/images/QualitySysCert_ISO9001_col.png'); }
body span#body section.maintext article p a.quality_cert#de { background-image: url('/images/QualitySysCert_ISO9001_col.png'); }
body span#body section.maintext article p a.quality_cert#fr { background-image: url('/images/QualitySysCert_ISO9001_col.png'); }
body span#body section.maintext article p a.quality_cert#es { background-image: url('/images/QualitySysCert_ISO9001_col.png'); }
aside#certificato { width: 500px; }
aside#certificato p { width: 480px; }
aside#certificato + article.photogallery { width: 400px; }
aside span.image { display: inline-block; vertical-align: top; width: 252px; }
aside span.image .titolo, aside span.image .didascalia { display: block; margin: 0; text-transform: uppercase; font-size: 10px; padding: 5px; height: 14px; }
aside span.image .titolo { background-color: #ff6600; color: white; font-weight: 600; }
aside span.image .didascalia { background-color: rgba(0,0,0,.6); color: white; position: relative; top: -24px; }
aside span.image img { opacity: 0.7; }
aside p { width: 252px; margin-top: 0; }
article.photogallery { width: 600px; display: inline-block; vertical-align: top; padding: 0; }
article.photogallery a { display: inline-block; vertical-align: top; margin: 0 2px 2px 0; background: url("images/photo_enlarge.png") no-repeat center center; background-color: black; }
article.photogallery a img { opacity: 0.3; }
article.photogallery a:hover img { opacity: 1; }
#contacts, #products, #all-products { position: relative; background-color: #313131; }
#all-products { background-color: #313131; padding-bottom: 80px; }
#contacts article, #products article { width: 580px; background-color: #efefef; display: inline-block; vertical-align: top; text-align: justify; padding: 25px; /*border: 0px solid #f60; border-width: 3px 3px 0 0;*/ height: 100%; }
#contacts article ul li a { font-weight: 600; font-size: 14px; }
#all-products article { width: 780px; background-color: #efefef; display: inline-block; vertical-align: top; text-align: left; padding: 15px; border: 0px solid #f60; border-top-width: 3px; border-right-width: 30px; height: 100%; margin-top: 50px; }
#all-products h1 { background-color: #f60; display: inline-block; color: white; padding: 7px 35px; margin: 0; position: relative; top: -40px; left: -30px; min-width: 230px; }
#all-products ul { margin: 0; padding: 0; }
#all-products ul li { display: inline-block; margin: 0 50px 35px 50px; }
#all-products ul li a { color: #BFBFBF; text-transform: uppercase; font-size: 12px; }
#all-products ul li a:hover { color: #f60; }
#all-products ul li span { display: block; background-color: rgba(0,0,0,0.75); position: relative; top: -25px; padding: 5px 7px; height: 15px; }
/*#contacts article iframe { border: 1px solid darkgrey !important; }*/
#contacts aside span, #products aside span { border-left: 1px solid #f60; display: inline-block; width: 274px; position: relative; }
#contacts aside a, #products aside a { color: lightgrey; }
#contacts aside p, #contacts aside h2, #products aside p, #products aside h2 { text-align: left; padding: 0 10px; color: #838383; margin: 0; font-size: 14px; }
#contacts aside p, #products aside p { line-height: 20px; }
#contacts aside h2, #products aside h2 { text-transform: uppercase; margin: 20px 0; }
#contacts aside h1, #products aside h1 { display: block; background-color: #f60; text-transform: uppercase; font-size: 18px; text-align: left; color: white; font-family: "Open Sans", Verdana, sans-serif; margin: 0; padding: 5px; }

#contacts span.label, #contacts input, #contacts button, #contacts select, #contacts textarea { display: inline-block; width: 250px; vertical-align: top; text-align: left; margin: 5px 15px; }
#contacts input[type=radio] { width: 50px; }
#contacts input[type=button], #contacts button { text-align: center; }

#products, #contacts { font-family: "Open Sans", Arial, Sans-Serif; }
#products ul, #contacts aside ul { text-align: left; color: #838383; padding: 20px; }
#products ul li, #contacts aside ul li { display: block; font-size: 12px; /*line-height: 22px;*/ font-size: 14px; }
#products ul li a, #contacts aside ul li a { color: #838383; line-height: 15px; text-decoration: none; font-weight: 600 !important; }
#products ul li a:hover, #contacts aside ul li a:hover { color: #ff6600; }
#products ul li a h2, #contacts aside ul li a h2 { font-size: 16px; margin: 0; padding: 0; line-height: 17px; margin-bottom: 10px; font-weight: 600 !important; }
#products ul li a:hover h2, #contacts aside ul li a:hover h2 { color: white; text-decoration: none; }
#products ul li ul, #contacts aside ul li ul { margin: 0; padding: 0 0 25px 25px; display: none; }
#products ul li[active] ul, #contacts aside ul li[active] ul { display: inline-block; }
#products ul li ul li, #contacts aside ul li ul li { display: list-item; list-style-type: disc; margin-bottom: 5px; }
#products ul li ul li[active] a, #contacts aside ul li[active] a h2 { color: #ff6600; }
#products h2 { font-size: 13px; text-transform: uppercase; margin-top: 25px; color: #202020; }
#products article a.photo { margin: 9px 4px; border: 2px solid lightgrey; display: inline-block; }
#products article a.photo:hover { border-color: #f60; }
#products article a.photo img { display: inline-block; }
#products article a { font-weight: 600; font-size: 14px; }
#products a.pdf img { margin-right: 5px; }
#products span.text ul li { display: list-item; }

span.search { display: block; padding: 15px; }
span.search img { float: left; text-align: middle; margin: 0 6px 0 0; border: 1px solid lightgrey; }
span.search a { font-weight: 300; font-size: 14px; }
span.search a.small { font-weight: 300; font-style: italic; font-size: 12px; }

.media-album { display: inline-block; text-align: left; width: 175px; height: 100px; vertical-align: top; margin-bottom: 10px; }
/*.rightcolumn .media-album a { display: inline-block; text-align: center !important; }*/
a .media-album img { float: left; vertical-align: top;  }
.media-album:hover { background-color: #f0c0c0; }
.media h1 img { vertical-align: middle; }

#maintenance { background-color: rgba(255,0,0,.5); display: inline-block; width: 100%; text-align: center; position: absolute; top: 0; left: 0; font-weight: bolder; opacity: 0; z-index: -1; } /* commentare z-index per renderlo visibile sopra al modulo */

footer { width: 980px; display: inline-block; color: grey; font-size: 9px; background: #3D3D3D; margin-top: 25px; padding: 10px 115px; border-bottom: 4px solid #f60; letter-spacing: 1px; }
footer a { color: lightgrey !important; }
footer section { display: inline-block; vertical-align: middle; padding: 5px; }
footer section.social { text-align: left; width: 100px; }
footer section.social img { margin-right: 5px; }
footer section.social a { opacity: 0.8; }
footer section.social a:hover { opacity: 1; }
footer section.company { text-align: right; width: 650px; }