* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font: normal 100% Helvetica, Arial, sans-serif;
	background-color: #fff;
	padding: 0;
	margin: 0;
}


.scrollToTop_div
{
	position:absolute;
	right:100px;
	bottom:100px;
}

.scrollToTop{
	width:80px; 
	height:50px;
	/*padding:10px;*/
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	display:none;
	background: url(../img/icone/vai_top_page.png) no-repeat 20px 0px;
}
.scrollToTop:hover{
	text-decoration:none;
}

.errore_sito {
	color: #ff0000;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

a {
	color: #08478f;
	font-weight: bold;
}

	a:hover {
		font-weight: bold;
		text-decoration: none;
	}

p {
	font-size: 1em; /* 16px  / 16px = 1em    */
	margin: 3.25% 6.25% 0 6.25%; /* 20px  / 320px = 6.25    */
	/*text-align:center;*/
	line-height: 1.125em; /* 18px  / 16px = 1.125em    */
}

/*
	Type
*/
h1 {
	font-size: 3em; /* 48px  / 16px = 3em    */
	line-height: 3.4375em; /* 55px  / 16px = 3.4375em    */
	text-transform: uppercase;
}

h3 {
	z-index: 0;
	width: 90%;
	min-width: 230px;
	max-width: 250px;
	font-size: 1.25em; /* 20px  / 16px = 1.25em    */
	text-align: center;
	color: #08478f;
	padding: 3.125% 0; /* 10px  / 320px = 0.03125   */
	margin: 0 auto;
	position: relative;
}

	h3::before {
		content: "";
		position: absolute;
		top: 32px;
		left: 105px;
	}

h4 {
	z-index: 0;
	width: 90%;
	min-width: 230px;
	max-width: 250px;
	font-size: 0.94em; /* 15px  / 16px = 1.25em    */
	text-align: center;
	color: #08478f;
	padding: 3.125% 0; /* 10px  / 320px = 0.03125   */
	margin: 0 auto;
	position: relative;
}

	h4::before {
		content: "";
		position: absolute;
		top: 32px;
		left: 105px;
	}
	
li {
	/*list-style: none;*/
	padding: 5px 10px;
}

#contenitore {
	max-width: 60em; /*960px  / 16px = 60em    */
	margin: 0 auto;
	background: #08478f;
	z-index: 0;
}

#contenitore-h {
	margin: 0 auto;
	/*background: url(../img/sfondo_blu.png);*/
	/*min-height: 14.38em; // 230px  / 16px = 14.38em
	z-index: 1000;
}

#contenitore-f {
	margin: 0 auto;
	/*background: url(../img/sfondo_blu.png);*/
	min-height: 10.41%; /* 100px  / 960px = 0.1041em    */
	float: left;
	width: 100%;
	z-index: 800;
}

header {
	max-width: 60em;
	margin: 0px auto;
	height: 100%;
	background: #fff;
	z-index: 1000;
}

#logo-azienda {
	/*width:22.92%;*/ /*181px  / 960px = 0.1885  --> Nuovo 220px  / 960px = 0.2292   */
	width: 530px;
	float: left;
	font-size: 1.5625em; /* 15px  / 960px =0.015625    */
	margin-left: 0.0520%; /* 5px  / 960px = 0.020833em    */
	margin-top: 1.041%; /* 10px  / 960px = 0.01041em    */
	text-align: center;
	height: 100px;
	background-repeat: no-repeat;
	background-position: left top;
}

#logo-azienda-img {
	width: 100px;
	float: left;
	background: url(../img/loghi/logo_100.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0;
	height:100px;
}

#logo-azienda-testo {
	background-color:#fff;
	font-size: 1.8em;
	color:#08478f;
	margin-top: 20px;
	width: 520px;
}

#logo-gruppo {
	width: 203px;
	float: right;	
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 2.0833%;
	margin-left: 2.0833%;
	margin-top: 3.125%; /* 30px  / 960px = 0.03125em    */
	height: 85px;
}

#logo-gruppo-puntopro {
	width: 203px;
	float: left;
	background: url(../img/loghi/puntopro_203.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0;
	height: 85px;
}

#logo-magnetimarelli {
	width: 150px;
	float: right;
	background: url(../img/loghi/magnetimarelli_150.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0;
	height: 58px;
}

.logo-gruppo-link {
	text-decoration: none;
}

	.logo-gruppo-link:hover {
		text-decoration: none;
	}

.logo-azienda-link {
	text-decoration: none;
	font-weight:normal;
}

	.logo-azienda-link:hover {
		text-decoration: none;
		font-weight:normal;
	}
	
#numero-verde {
	width: 162px;
	float: right;
	background: url(../img/loghi/numero_verde_160.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 2.0833%;
	margin-top: 3.125%; /* 30px  / 960px = 0.03125em    */
	height: 59px;
}

/* Footer */
footer {
	max-width: 60em;
	color: #08478f;
	min-height: 4.166%;
	margin: auto;
	border-top: 10px solid #08478f;
	margin-top:10px;
}

.footer-linea-gialla {
	float: left;
	width: 100%;
	height: 10px;
	margin-top: 2px;
	background-color:#efefef;
	margin-bottom: 2.833%; /* 20px  / 960px = 0.020833em    */
}

.footer-left {
	float: left;
	width: 26%;/*33.333%;*/
}

.footer-center {
	float: left;
	width: 37%;/*33.333%;*/
}

.footer-right {
	float: left;
	width: 37%;/*33.333%;*/
}

.footer-segnalini-testo
{}

.footer-segnalini-img-sede
{
	width: 13px;
	height: 20px;
	background: url(../img/icone/indirizzo.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 5px;
	padding-top: 0px;
	float: left;
}

.footer-segnalini-img-telefono
{
	width: 16px;
	height: 20px;
	background: url(../img/icone/telefono.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 5px;
	padding-top: 0px;
	float: left;
}

.footer-segnalini-img-cellulare
{
	width: 12px;
	height: 20px;
	background: url(../img/icone/cellulare.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 5px;
	padding-top: 0px;
	float: left;
}

.footer-segnalini-img-email
{
	width: 28px;
	height: 20px;
	background: url(../img/icone/email.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 5px;
	padding-top: 0px;
	float: left;
}

.footer-segnalini-img-altro
{
	width: 20px;
	height: 20px;
	background: url(../img/icone/altro.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 5px;
	padding-top: 0px;
	float: left;
}

#numero-verde-footer {
	width: 160px;
	background: url(../img/loghi/numero_verde_160.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 59px;
	margin: auto;
	padding-top: 0px;
}

#logo-vuoto-footer {
	/*background: url(../img/sfondo_blu.png);*/
	height: 36px;
}

.menu-footer {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

	.menu-footer li {
		padding: 0px 0px 5px 10px;
	}

.menu-footer-link {
	font-size: 0.9em;
	color: #08478f;
}

	.menu-footer-link:hover {
		font-weight: bold;
	}

.footer-titolo {
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px;
}

.footer-testo {
	margin: 5px;
	margin-top: 0px;
}

.footer-segnalini {
	height:35px;
	padding: 0px 0px 8px 0px;
}

/* Elementi generici */
.div-titolo {
	max-width: 100%;
	background: none;
	text-align: left;
	text-transform: uppercase;
	border-bottom: 2px solid #08478f;
	margin: 5px 0px 10px;
	color: #e32119;
	width: 100%;
	z-index: 0;
}
/* FINE Elementi generici*/

/* galleria fotografica */
.gallery {
	width: 100%;
	max-width: 100%;
	/*height: 370px;
	float:left;*/
	margin: 0 auto;
	overflow: hidden;
	z-index: 0;
}

#content {
	width: 100%;
	float: left;
	background: #fff;
	z-index: 0;
}

#inner_content {
	width: 100%;
	float: left;
	margin: 0 auto;
	background: #fff;
}

.left {
	float: left;
	width: 33.333%; /*   320px  / 960px = 0.33333    */
}

.center {
	float: left;
	width: 33.333%; /*   320px  / 960px = 0.33333    */
}

.center-100 {
	float: left;
	width: 66.666%;
}

.right {
	float: left;
	width: 33.333%; /*   320px  / 960px = 0.33333    */
}

/* ELENCO FILE BOX */

.box-elencoFile {
	width: 95%;
	margin: 5px;
}

.box-elencoFile-titolo {
	max-width: 100%;
	background: none;
	text-align: left;
	text-transform: uppercase;
	border-bottom: 2px solid #08478f;
	margin: 5px 0px 10px;
	color: #e32119;
	width: 100%;
	z-index: 0;
}

.box-elencoFile-elenco {
}

.box-elencoFile-div-link {
	padding: 10px 0px 10px 25px;
}

.box-elencoFile-link {
	color: #08478f;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
}

	.box-elencoFile-link:hover {
		font-weight: normal;
	}

/* ARTICOLO BOX VETRINA */
.box-articolo-vuoto {
	margin: 5px;
	border: 0px;
}

.box-articolo {
	margin: 5px;
	border: 3px solid #08478f;
}

.box-articolo-contenitore-img {
	text-align: center;
	margin: 5px 0px;
}

.box-articolo-titolo {
}

.box-articolo-testo {
}

.box-articolo-link {
}

.box-articolo-bottone {
	background: #08478f none repeat scroll 0 0;
	color: #efefef;
	margin: 15px;
	padding: 5px 0;
	text-align: center;
}

/* ARTICOLO BOX ELENCO */

.box-elenco-articolo {
	border-bottom: 1px solid #08478f;
	padding: 25px 5px;
	height: inherit;
}

.box-elenco-articolo-contenitore-img {
	text-align: center;
	float: left;
	margin: 5px 20px;
}

.box-elenco-articolo-img {
	text-align: center;
	border: 1px solid #08478f;
}

.box-elenco-articolo-titolo {
	color: #08478f;
	float: left;
	font-size: 1.25em;
	margin: 25px 0px;
	text-transform: uppercase;
	width: 60%;
}

.box-elenco-articolo-testo {
	width: 90%;
}

.box-elenco-articolo-link {
	color: #e32119;
	padding: 0px 0px 0px 15px;
}

/* ARTICOLO BOX AFFIANCATI */
.box-articolo-affiancati {
	margin: 5px;
	border: 6px solid #08478f;
	background-color: #efefef;
}

.box-articolo-contenitore-img-affiancati {
	text-align: center;
	margin: 5px 0px;
}

.box-articolo-titolo-affiancati {
	height: 70px;
}

.box-articolo-testo-affiancati {
	height: 100px;
}

.box-articolo-link-affiancati {
}

.box-articolo-bottone-affiancati {
	background: #08478f none repeat scroll 0 0;
	color: #efefef;
	margin: 15px;
	padding: 5px 0;
	text-align: center;
}

/* ARTICOLO PAGINA */
.articolo-pagina {
	width: 95%;
	margin: 5px;
}

.articolo-pagina-titolo {
	max-width: 100%;
	background: none;
	text-align: left;
	text-transform: uppercase;
	border-bottom: 2px solid #08478f;
	margin: 5px 0px 10px;
	color: #08478f;
	width: 100%;
	z-index: 0;
}

.articolo-pagina-sottotitolo {
	margin: 5px 0 10px;
	max-width: 100%;
	width: 100%;
}

.articolo-pagina-testo {
	width: 100%;
	margin: 0;
	padding: 5px 0;
}

.articolo-codividi {
	margin: 10px;
}

.articolo-pagina-contenitore-img {
}

/* MAPPA */

.dovesiamo_contenitore {
}

/* Facebook */
.box-facebook {
	margin: 15px 0;
	text-align: center;
}

.img-facebook {
	width: 200px;
	height: 60px;
	margin: auto;
	background: url(../img/Facebook/logo_facebook_200.png);
	background-repeat: no-repeat;
	background-position: center top;
}


/*********MEDIA QUERY *************/

@media only screen and (max-width:320px) {

	/*******ELEMENTI DA NON VISUALIZZARE ******/
	.gallery {
		display: none;
	}

	#logo-gruppo {
		display: none;
	}

	.box-articolo-vuoto {
		display: none;
	}

	/*******ELEMENTI DELL'HEADER ******/
	#contenitore {
		width: 100%;
		max-width: 20em; /*320px  / 16px = 20em    */
		background: #08478f;
	}

	#content {
		width: 100%;
		max-width: 320px;
		float: left;
		background: #fff;
		margin: 0 auto;
	}

	#contenitore-h {
		margin: 0 auto;
		/*background: url(../img/sfondo_blu.png);*/
		min-height: 9.38em; /* 150px / 16px = 9.38 */
	}

	p {
		width: 80.0625%; /*285px  / 320px = 0.890625   */
		border-right: 0px solid #08478f;
		font-size: 0.9375em; /* 15px  / 16px = 0.9375em    */
		line-height: 1.25em; /* 20px  / 16px = 1.25em    */
		margin: 3.25% 6.25% 0 6.25%;
	}

	#logo-azienda {
		width: 170px;
		float: left;
		font-size: 1.5625em;
		margin-left: 0.0156%;
		margin-top: 1.041%;
		text-align: center;
		height: 40px;
		background-repeat: no-repeat;
		background-position: left top;
	}

	#logo-azienda-img {
		width: 50px;
		float: left;
		background: url(../img/loghi/logo_50.png);
		background-repeat: no-repeat;
		background-position: left center;
		margin: 0;
		height:50px;
	}

	#logo-azienda-testo {
		background-color:#fff;
		font-size: 0.8em;
		color:#08478f;
		margin-top: 15px;
		width: 250px;
	}
	
	#numero-verde {
		width: 80px;
		float: right;
		background: url(../img/loghi/numero_verde_80.png);
		background-repeat: no-repeat;
		background-position: right top;
		margin-right: 2.0833%;
		margin-top: 3.125%; /* 30px  / 960px = 0.03125em    */
		height: 29px;
	}

	/******* ELEMENTI ******/

	#inner_content {
		width: 100%;
		max-width: 320px;
		float: left;
		background: #fff;
		margin: 6.25% auto;
	}

	.left {
		width: 99%;
		float: left;
		margin-top: 6.25%; /* 20px  / 320px = 0.0625    */
	}

	.center {
		width: 99%;
		float: left;
		margin-top: 6.25%; /* 20px  / 320px = 0.0625    */
	}

	.center-100 {
		width: 99%;
		float: left;
		margin-top: 6.25%; /* 20px  / 320px = 0.0625    */
	}

	.right {
		width: 99%;
		float: left;
		margin-top: 6.25%; /* 20px  / 320px = 0.0625    */
	}

	h3 {
		width: 100%;
		font-size: 0.9375em; /* 15px  / 16px = 1.25em    */
		text-align: center;
		border-right: 0;
	}

		h3::before {
			top: 30px;
			left: 105px;
		}

	h4 {
		width: 100%;
		font-size: 0.625em; /* 10px  / 16px = 1.25em    */
		text-align: center;
		border-right: 0;
	}

		h4::before {
			top: 30px;
			left: 105px;
		}

	/* ELENCO FILE BOX */
	.box-elencoFile-link {
		font-size: 6px; /* 4px  / 16px = 0.375em    */
	}

	/* ARTICOLO BOX ELENCO*/
	.box-elenco-articolo {
		width: 95%;
	}

	.box-elenco-articolo-contenitore-img {
		width: 95%;
		margin: 10px 0px;
	}

	.box-elenco-articolo-img {
		margin: 0 auto;
	}

	.box-elenco-articolo-titolo {
		width: 95%;
		margin: 10px 5px;
		text-align: center;
	}

	.box-elenco-articolo-testo {
		width: 95%;
		margin: 10px 5px;
		clear: left;
	}

	/* ARTICOLO BOX AFFIANCATI*/
	.box-articolo-titolo-affiancati {
		height: inherit;
	}

	.box-articolo-testo-affiancati {
		height: inherit;
	}

	/* footer */
	footer {
		font-size: 0.75em; /* 12px  / 16px = 0.75em    */
		padding-top: 4.1666%; /* 20px  / 480px = 0.041666em    */
		/*text-align: center;*/
	}
	
	.footer-segnalini {
		left: 35%;
		padding: 8px 10px;
		position: relative;
	}
	
	.footer-titolo
	{
		text-align: center;
	}
	
	.footer-linea-gialla
	{
		display:none;
	}

	.footer-left {
		width: 99%;
		float: left;
		margin-top: 6.25%;
	}

	.footer-center {
		width: 99%;
		float: left;
		margin-top: 6.25%;
		border-top: 5px solid #efefef;
		padding-top: 5px;
	}

	.footer-right {
		width: 99%;
		float: left;
		margin-top: 6.25%;
	}

	#logo-vuoto-footer {
		display: none;
	}

	#numero-verde-footer {
		padding-top: 25px;
	}

	.menu-footer {
		text-align: center;
	}
}

@media only screen and (min-width: 321px) and (max-width: 480px) {

	/*******ELEMENTI DA NON VISUALIZZARE ******/
	#logo-gruppo {
		display: none;
	}

	.box-articolo-vuoto {
		display: none;
	}

	/*******ELEMENTI DELL'HEADER ******/
	#contenitore {
		width: 98%;
		max-width: 30em; /*480px  / 16px = 30em    */
		background: #08478f;
		margin: 0 auto;
		overflow: hidden;
	}

	#content {
		width: 100%;
		float: left;
	}

	#contenitore-h {
		margin: 0 auto;
		/*background: url(../img/sfondo_blu.png);*/
		min-height: 9.38em;
	}

	p {
		width: 90%;
		/*min-width:260px;
	max-width:320px;*/
		border: 0px solid #08478f;
		margin: 3.25% 6.25% 0 6.25%;
	}

	#logo-azienda {
		width: 200px;
		float: left;
		font-size: 1.5625em;
		margin-left: 0.104%;
		margin-top: 1.041%;
		text-align: center;
		height: 70px;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#logo-azienda-img {
		width: 80px;
		float: left;
		background: url(../img/loghi/logo_80.png);
		background-repeat: no-repeat;
		background-position: left center;
		margin: 0;
		height:80px;
	}

	#logo-azienda-testo {
		background-color:#fff;
		font-size: 1.050em;
		color:#08478f;
		margin-top: 25px;
		width: 350px;
	}

	#numero-verde {
		width: 120px;
		float: right;
		font-size: 1.5625em;
		margin-right: 2.0833%;
		margin-top: 1.041%;
		text-align: center;
		background: url(../img/loghi/numero_verde_120.png);
		height: 44px;
		background-repeat: no-repeat;
		background-position: left top;
	}

	#clear {
		display: none;
	}

	.gallery {
		display: none;
		/*float:left;
	height:180px;*/
	}

	/*******ELEMENTI ******/

	#inner_content {
		width: 100%;
		max-width: 480px;
		float: left;
		background: #fff;
	}

	.left {
		width: 100%;
		margin-top: 4.1666% auto; /* 20px  / 480px = 0.041666   */
	}

	.center {
		width: 100%;
		margin-top: 4.1666% auto; /* 20px  / 480px = 0.041666    */
	}

	.center-100 {
		width: 100%;
		margin-top: 4.1666% auto; /* 20px  / 480px = 0.041666    */
	}

	.right {
		width: 100%;
		margin-top: 4.1666% auto; /* 20px  / 480px = 0.041666    */
	}

	h3 {
		width: 100%;
		max-width: 350px;
		margin: 4.1666% auto;
		font-size: 1.25em; /* 20px  / 16px = 1.25em    */
		text-align: center;
		border-right: 0;
	}

		h3::before {
			top: 35px;
			left: 160px;
		}

	h4 {
		width: 100%;
		max-width: 350px;
		margin: 4.1666% auto;
		font-size: 0.94em; /* 15px  / 16px = 1.25em    */
		text-align: center;
		border-right: 0;
	}

		h4::before {
			top: 35px;
			left: 160px;
		}

	/* ARTICOLO BOX AFFIANCATI */
	.box-articolo-titolo-affiancati {
		height: inherit;
	}

	.box-articolo-testo-affiancati {
		height: inherit;
	}

	/* ELENCO FILE BOX */
	.box-elencoFile-link {
		font-size: 0.625em; /* 10px  / 16px = 0.625em    */
	}

	/* FOOTER */
	footer {
		font-size: 0.8125em; /* 13px  / 16px = 0.8125em    */
		padding-top: 4.1666%; /* 20px  / 480px = 0.041666em    */
		/*text-align: center;*/
	}
	
	.footer-segnalini {
		left: 35%;
		padding: 8px 10px;
		position: relative;
	}
	
	.footer-titolo
	{
		text-align: center;
	}
	
	.footer-linea-gialla
	{
		display:none;
	}

	.footer-left {
		width: 100%;
		margin-top: 4.1666% auto;
	}

	.footer-center {
		width: 100%;
		margin-top: 4.1666% auto;
		border-top: 5px solid #efefef;
		padding-top: 5px;
	}

	.footer-right {
		width: 100%;
		margin-top: 4.1666% auto;
	}

	#logo-vuoto-footer {
		display: none;
	}

	#numero-verde-footer {
		padding-top: 25px;
	}

	.menu-footer {
		text-align: center;
	}

	/* ARTICOLO BOX ELENCO*/
	.box-elenco-articolo {
		width: 95%;
	}

	.box-elenco-articolo-contenitore-img {
		width: 95%;
		margin: 10px 0px;
	}

	.box-elenco-articolo-img {
		margin: 0 auto;
	}

	.box-elenco-articolo-titolo {
		width: 95%;
		margin: 10px 5px;
		text-align: center;
	}

	.box-elenco-articolo-testo {
		width: 95%;
		margin: 10px 5px;
		clear: left;
	}
}

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

	/*******ELEMENTI DA NON VISUALIZZARE ******/
	.box-articolo-vuoto {
		display: none;
	}

	/*******ELEMENTI DELL'HEADER ******/
	#contenitore {
		max-width: 42.5em; /*680px  / 16px = 42.5em    */
		margin: 0 auto;
		background: #08478f;
	}

	#content {
		width: 100%;
		max-width: 680px;
		float: left;
		background: #fff;
	}

	#contenitore-h {
		margin: 0 auto;
		/*background: url(../img/sfondo_blu.png);*/
		min-height: 9.38em;
	}

	p {
		width: 90%;
		/*max-width:330px;*/
		margin: 3.25% 6.25% 0 6.25%;
	}

	#logo-azienda {
		width: 320px;
		float: left;
		font-size: 1.5625em;
		margin-left: 0.0735%;
		margin-top: 1.041%;
		text-align: center;
		height: 70px;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#logo-azienda-img {
		width: 80px;
		float: left;
		background: url(../img/loghi/logo_80.png);
		background-repeat: no-repeat;
		background-position: left center;
		margin: 0;
		height:80px;
	}

	#logo-azienda-testo {
		background-color:#fff;
		font-size: 1.05em;
		color:#08478f;
		margin-top: 25px;
		width: 320px;
	}

	#numero-verde {
		width: 80px;
		float: right;
		font-size: 1.5625em;
		margin-right: 2.0833%;
		margin-top: 1.041%;
		text-align: center;
		background: url(../img/loghi/numero_verde_80.png);
		height: 29px;
		background-repeat: no-repeat;
		background-position: left top;
	}

	#logo-gruppo {
		width: 100px;
		float: right;
		background-repeat: no-repeat;
		background-position: right top;
		margin-right: 2.0833%;
		margin-left: 2.0833%;
		margin-top: 3.125%;
		height: 42px;
	}

	#logo-gruppo-puntopro {
		width: 100px;
		float: left;
		background: url(../img/loghi/puntopro_100.png);
		background-repeat: no-repeat;
		background-position: left center;
		margin: 0;
		height: 42px;
	}

	#logo-magnetimarelli {
		width: 80px;
		float: left;
		background: url(../img/loghi/magnetimarelli_80.png);
		background-repeat: no-repeat;
		background-position: right center;
		margin: 0;
		height: 25px;
	}

	.logo-gruppo-link {
		text-decoration: none;
	}

		.logo-gruppo-link:hover {
			text-decoration: none;
		}




	#clear {
		display: none;
	}

	.gallery {
		display: block;
		/*float:left;
	height:250px;*/
	}

	/*******ELEMENTI ******/

	#inner_content {
		width: 100%;
		max-width: 680px;
		float: left;
		background: #fff;
	}

	.left {
		width: 99%;
		margin-top: 4.1666% auto; /* 20px  / 480px = 0.041666   */
		float: left;
	}

	.center {
		width: 99%;
		margin-top: 4.1666% auto; /* 20px  / 480px = 0.041666    */
		float: left;
	}

	.center-100 {
		width: 99%;
		margin-top: 4.1666% auto; /* 20px  / 480px = 0.041666    */
		float: left;
	}

	.right {
		width: 99%;
		margin-top: 4.1666% auto; /* 20px  / 480px = 0.041666    */
		float: left;
	}

	h3 {
		width: 100%;
		max-width: 350px;
		margin: 4.1666% auto;
		text-align: center;
		border-right: 0;
	}

		h3::before {
			top: 49px;
			left: 160px;
		}

	h4 {
		width: 100%;
		max-width: 350px;
		margin: 4.1666% auto;
		text-align: center;
		border-right: 0;
	}

		h4::before {
			top: 49px;
			left: 160px;
		}
		
	/* ELENCO FILE BOX */
	.box-elencoFile-link {
		font-size: 0.75em; /* 12px  / 16px = 0.75em    */
	}

	/* ARTICOLO BOX AFFIANCATI */
	.box-articolo-titolo-affiancati {
		height: inherit;
	}

	.box-articolo-testo-affiancati {
		height: inherit;
	}

	/* FOOTER */
	footer {
		font-size: 0.8125em; /* 13px  / 16px = 0.8125em    */
		/*text-align: center;*/
	}
	
	.footer-segnalini {
		left: 35%;
		padding: 8px 10px;
		position: relative;
	}
	
	.footer-titolo
	{
		text-align: center;
	}
	
	.footer-linea-gialla
	{
		display:none;
	}

	.footer-left {
		width: 99%;
		margin-top: 4.1666% auto;
		float: left;
	}

	.footer-center {
		width: 99%;
		margin-top: 4.1666% auto;
		float: left;
		border-top: 5px solid #efefef;
		padding-top: 5px;
	}

	.footer-right {
		width: 99%;
		margin-top: 4.1666% auto;
		float: left;
	}

	#logo-vuoto-footer {
		display: none;
	}

	#numero-verde-footer {
		padding-top: 25px;
	}

	.menu-footer {
		text-align: center;
	}
}

@media only screen and (min-width: 681px) and (max-width: 778px) {

	/*******ELEMENTI DA NON VISUALIZZARE ******/

	/*-------------*/

	#contenitore {
		max-width: 48.625em; /*778px  / 16px = 48.625em    */
		margin: 0 auto;
		background: #08478f;
	}

	#contenitore-h {
		margin: 0 auto;
		/*background: url(../img/sfondo_blu.png);*/
		min-height: 9.38em;
	}

	#inner_content {
		width: 100%;
		max-width: 778px;
		margin: 0 auto;
		background: #fff;
	}

	#content {
		width: 100%;
		max-width: 778px;
		float: left;
		background: #fff;
	}

	#inner_content {
		width: 100%;
		max-width: 778px;
		float: left;
		background: #fff;
	}

	#logo-azienda {
		width: 320px;
		float: left;
		font-size: 1.5625em;
		margin-left: 0.0642%;
		margin-top: 1.041%;
		text-align: center;
		height: 90px;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#logo-azienda-img {
		width: 100px;
		float: left;
		background: url(../img/loghi/logo_100.png);
		background-repeat: no-repeat;
		background-position: left center;
		margin: 0;
		height: 100px;
	}

	#logo-azienda-testo {
		background-color:#fff;
		font-size: 1.35em;
		color:#08478f;
		margin-top: 25px;
		width: 420px;
	}

	#numero-verde {
		width: 120px;
		float: right;
		font-size: 1.5625em;
		margin-right: 2.0833%;
		margin-top: 1.041%;
		text-align: center;
		background: url(../img/loghi/numero_verde_120.png);
		height: 44px;
		background-repeat: no-repeat;
		background-position: left top;
	}

	#logo-gruppo {
		width: 140px;
		float: right;
		background-repeat: no-repeat;
		background-position: right top;
		margin-right: 2.0833%;
		margin-left: 2.0833%;
		margin-top: 3.125%;
		height: 59px;
	}

	#logo-gruppo-puntopro {
		width: 140px;
		float: left;
		background: url(../img/loghi/puntopro_140.png);
		background-repeat: no-repeat;
		background-position: left center;
		margin: 0;
		height: 59px;
	}

	#logo-magnetimarelli {
		width: 120px;
		float: right;
		background: url(../img/loghi/magnetimarelli_120.png);
		background-repeat: no-repeat;
		background-position: right center;
		margin: 0;
		height: 58px;
	}

	.logo-gruppo-link {
		text-decoration: none;
	}

		.logo-gruppo-link:hover {
			text-decoration: none;
		}

	h3 {
		width: 90%;
		min-width: 220px;
		max-width: 250px;
		font-size: 1.25em; /* 20px  / 16px = 1.25em    */
		text-align: center;
		padding: 3.125% 0; /* 10px  / 320px = 0.03125   */
		margin: 0 auto;
		position: relative;
		font-size: 1em; /* 16px  / 16px = 1.em    */
	}

		h3::before {
			top: 28px;
			left: 95px;
		}


	h4 {
		width: 90%;
		min-width: 220px;
		max-width: 250px;
		font-size: 0.94em; /* 15px  / 16px = 1.25em    */
		text-align: center;
		padding: 3.125% 0; /* 10px  / 320px = 0.03125   */
		margin: 0 auto;
		position: relative;
		font-size: 1em; /* 16px  / 16px = 1.em    */
	}

		h4::before {
			top: 28px;
			left: 95px;
		}
		
	.gallery {
		display: block;
		/*float:left;
	height:300px;*/
		margin-top: 2.574%; /* 20px  / 777px = 0.02574em    */
	}

	/* ARTICOLO BOX AFFIANCATI */
	.box-articolo-titolo-affiancati {
		height: inherit;
	}

	.box-articolo-testo-affiancati {
		height: inherit;
	}
}