@charset "utf-8";

/* ////////////////////////////////////////////////// DAL CSS DI THOM ////////////////////////////////////////////////// */
/* RESET ALL STYLE */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, .label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a,
a:link{ text-decoration:none; cursor:pointer; color:#000000;}
a:active,
a:visited{ text-decoration:none; cursor:pointer; color:#000000;}
a:hover{ text-decoration:none; color:#fa4616;}

@font-face {
	font-family: 'helvetica_it_bold';
	src: url('../../../fonts/FranklinGothic-Med-webfont.eot');
	src: url('../../../fonts/FranklinGothic-Med-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../../fonts/FranklinGothic-Med-webfont.woff') format('woff'),
		url('../../../fonts/FranklinGothic-Med-webfont.ttf') format('truetype'),
		url('../../../fonts/FranklinGothic-Med-webfont.svg#HelveticaNeueMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'helvblwebfont';
	src: url('../../../fonts/FranklinGothic-Book-webfont.eot');
	src: url('../../../fonts/FranklinGothic-Book-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../../fonts/FranklinGothic-Book-webfont.woff') format('woff'),
		url('../../../fonts/FranklinGothic-Book-webfont.ttf') format('truetype'),
		url('../../../fonts/FranklinGothic-Book-webfont.svg#helvetica_it_bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueMedium';
	src: url('../../../fonts/FranklinGothic-Med-webfont.eot');
	src: url('../../../fonts/FranklinGothic-Med-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../../fonts/FranklinGothic-Med-webfont.woff') format('woff'),
		url('../../../fonts/FranklinGothic-Med-webfont.ttf') format('truetype'),
		url('../../../fonts/FranklinGothic-Med-webfont.svg#helvblwebfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body{ width:100%; height:100%; font-family:"HelveticaNeueMedium", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; -webkit-font-smoothing: antialiased; background: #F3F3F3; color: #000000;}
/* ////////////////////////////////////////////////// FINE DAL CSS DI THOM ////////////////////////////////////////////////// */


/* ELEMENTI STRUTTURALI PRINCIPALI */
	#container {
		width: 100%;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -50px;
		background-color: #F3F3F3;
	}
	#header {
		width: 100%; min-height: 60px; padding: 1.5% 0; background-color: #FFFFFF; position: relative;
	}
	#header-product {
		width: 100%; min-height: 80px; padding: 3% 0 3% 0; background-color: #F3F3F3; position: relative;
	}


	#header-product-h76 {
		width: 100%; min-height: 76px; padding: 4% 0 4% 0; background-color: #F3F3F3; position: relative;
	}
	#header-product-h81 {
		width: 100%; min-height: 81px; padding: 4% 0 4% 0; background-color: #F3F3F3; position: relative;
	}
	#header-product-h83 {
		width: 100%; min-height: 83px; padding: 4% 0 4% 0; background-color: #F3F3F3; position: relative;
	}
	#header-product-h111 {
		width: 100%; min-height: 111px; padding: 4% 0 4% 0; background-color: #F3F3F3; position: relative;
	}
	#header-product-h114 {
		width: 100%; min-height: 114px; padding: 4% 0 4% 0; background-color: #F3F3F3; position: relative;
	}
	#header-product-h123 {
		width: 100%; min-height: 123px; padding: 4% 0 4% 0; background-color: #F3F3F3; position: relative;
	}
	#header-product-h164 {
		width: 100%; min-height: 164px; padding: 4% 0 4% 0; background-color: #F3F3F3; position: relative;
	}
	#header-product-h175 {
		width: 100%; min-height: 175px; padding: 4% 0 4% 0; background-color: #F3F3F3; position: relative;
	}
	#header-product-h180 {
		width: 100%; min-height: 180px; padding: 4% 0 4% 0; background-color: #F3F3F3; position: relative;
	}
	#header-product-h195 {
		width: 100%; min-height: 195px; padding: 4% 0 4% 0; background-color: #F3F3F3; position: relative;
	}
	#container-80 {
		width: 80%;
		position:relative;
		top:0;
		left:50%;
		-webkit-transform: translate(-50%, 0%);
		-moz-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		-o-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	}
	#box-img-product {
		width: 100%; height: auto; background-color: #F3F3F3; padding: 0 0 0 0; position: relative;
	}
	#flag {
		width: 100%; height: auto; background-color: #F3F3F3; padding: 0 0 0 0; position: relative;
	}
	#links {
		width: 100%; height: auto; padding: 0px 0px; float: left; position: relative;
	}
	#flag-1 {
		width: 100%; height: auto; background-color: #F3F3F3; padding: 0 0 0 0; position: relative;
	}
	#links-1 {
		width: 100%; height: auto; padding: 0px 0px; float: left; position: relative;
	}
	#box-scheda {
		width: 100%; min-height: 884px; padding: 0 0 0 0; background-color: #F3F3F3; position: relative;
	}
	#box-video {
		width: 100%; min-height: 461px; padding: 0 0 0 0; background-color: #F3F3F3; position: relative;
	}
	#footer, #push {
		width: 100%; height: 50px; clear: both; background-color: #000000; position: relative; 
	}
/* FINE ELEMENTI STRUTTURALI PRINCIPALI */


/* ICONE CONTENUTI DIGITALI */
	.flag-20 {
		width: 20%; min-height: 125px; background-color: #F3F3F3; padding: 0px 0px; float: left; position: relative;
	}
	.flag-25 {
		width: 25%; min-height: 125px; background-color: #F3F3F3; padding: 0px 0px; float: left; position: relative;
	}
	.flag-33 {
		width: 33%; min-height: 125px; background-color: #F3F3F3; padding: 0px 0px; float: left; position: relative;
	}
	.flag-34 {
		width: 34%; min-height: 125px; background-color: #F3F3F3; padding: 0px 0px; float: left; position: relative;
	}
	.flag-50 {
		width: 50%; min-height: 125px; background-color: #F3F3F3; padding: 0px 0px; float: left; position: relative;
	}
	.flag-100 {
		width: 100%; min-height: 125px; background-color: #F3F3F3; padding: 0px 0px; float: left; position: relative;
	}
/* FINE ICONE CONTENUTI DIGITALI */


/* ICONE BANDIERE SCELTA LINGUA */
	.flag-up-down {
	width: 100%; height: auto; background-color: #F3F3F3; padding: 0 0 0 0; position: relative;
	}
	.flag-icon-20 {
		width: 20%; min-height: 75px; background-color: #F3F3F3; padding: 0px 0px; float: left; position: relative;
	}
	.flag-icon-25 {
		width: 25%; min-height: 75px; background-color: #F3F3F3; padding: 0px 0px; float: left; position: relative;
	}
	.flag-icon-33 {
		width: 33%; min-height: 75px; background-color: #F3F3F3; padding: 0px 0px; float: left; position: relative;
	}
	.flag-icon-34 {
		width: 34%; min-height: 75px; background-color: #F3F3F3; padding: 0px 0px; float: left; position: relative;
	}
	.flag-icon-50 {
		width: 50%; min-height: 75px; background-color: #F3F3F3; padding: 0px 0px; float: left; position: relative;
	}
	.flag-icon-100 {
		width: 100%; min-height: 75px; background-color: #F3F3F3; padding: 0px 0px; float: left; position: relative;
	}
/* FINE ICONE BANDIERE SCELTA LINGUA */


/* TESTI CON LINK */
	.links-up-down {
		width: 100%; height: auto; padding: 0px 0px; float: left; position: relative;
	}
	.links-text-20 {
		width: 20%; height: auto; padding: 1% 0px; float: left; position: relative;
	}
	.links-text-25 {
		width: 25%; height: auto; padding: 1% 0px; float: left; position: relative;
	}
	.links-text-33 {
		width: 33%; height: auto; padding: 1% 0px; float: left; position: relative;
	}
	.links-text-34 {
		width: 34%; height: auto; padding: 1% 0px; float: left; position: relative;
	}
	.links-text-50 {
		width: 50%; height: auto; padding: 1% 0px; float: left; position: relative;
	}
	.links-text-100 {
		width: 100%; height: auto; padding: 1% 0px; float: left; position: relative;
	}
/* FINE TESTI CON LINK */


/* LINEE DIVISORIE */
	.line-1 {
		width: 100%; height: 1px; background-color: #C4C2C0;
	}
	.line-2 {
		width: 100%; height: 2px; background-color: #C4C2C0;
	}
	.line-3 {
		width: 100%; height: 3px; background-color: #FA4616;
	}
	.line-space {
		width: 100%; height: 40px; background-color: #F3F3F3;
	}
	.line-space-100 {
		width: 100%; min-height: 100px; background-color: #F3F3F3;
	}
	.line-space-175 {
		width: 100%; min-height: 175px; background-color: #F3F3F3;
	}
	.line-space-200 {
		width: 100%; min-height: 200px; background-color: #F3F3F3;
	}
/* FINE LINEE DIVISORIE */


/* LOGHI E IMMAGINI*/
	img {max-width: 100%;}

	.bordo {border-style: none; border-color: #000000;  border-width: thin;}

	.center-img {
	   position:absolute;
	   top:50%;
	   left:50%;
	   -webkit-transform: translate(-50%,-50%); 
	   -moz-transform: translate(-50%,-50%);
	   -ms-transform: translate(-50%,-50%);
	   -o-transform: translate(-50%, -50%);
	   transform: translate(-50%,-50%);
		}
	.logo-center {
		width: auto;
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%,-50%);
		}
/* FINE LOGHI E IMMAGINI*/	


/* CAMBIO IMMAGINE-ICONA CON LINK*/
/* "img-xxx-1" è quella anthracite rinominata, "img-xxx-2" è quella pantone rinominata */
	.icona-pdf-hover {
  		content: url('../../IMGS-QR/icon/img-pdf-1.png');
		}
	.icona-pdf-hover:hover {
  		content: url('../../IMGS-QR/icon/img-pdf-2.png');
		}
	.icona-video-hover {
  		content: url('../../IMGS-QR/icon/img-video-1.png');
		}
	.icona-video-hover:hover {
  		content: url('../../IMGS-QR/icon/img-video-2.png');
		}
/* FINE CAMBIO IMMAGINE-ICONA CON LINK*/


.testo { font-family:Helvetica, sans-serif; font-size:1.55em; font-weight:bold; -webkit-font-smoothing: antialiased; color: #000000; text-align: center; line-height: 2.5em; }

.testo1 { font-family:Helvetica, sans-serif; font-size:1.85em; font-weight:bold; -webkit-font-smoothing: antialiased; color: #000000; text-align: center; line-height: 1.55em; }



/* CENTRARE IL TESTO DI UN DIV */
.text-centre { text-align: center; /* orizzontale */ line-height: 245px; /* verticale */ }
/* Immagini di sfondo per ogni sezione */
.background_home { background-image:url(../Images/Html/Home_sfondo.jpg); }