html, body {
	color: #000000;
}

a:link, a:visited, a:active{
	text-decoration: none;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.container-fluid {
	background-color: #FFFFFF;
	//background-image: url(../immagini/sfondo_desktop.jpg);
	//background-repeat: repeat-y;
	//background-size: 100%;
}

.barra_sinistra, .barra_destra {
	margin-top: 70px;
	padding: 0;
}

.barra_sinistra img, .barra_destra img {
	width: 100%;
}

.barra_centro{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

.apgbatteries, .apgmotoroil {
	padding: 0;
}

.apgbatteries_img, .apgmotoroil_img {
	width: 100%;
}

.link_blu, .link_rosso {
	position: relative;
	padding: 0;
}

.freccia_blu, .freccia_rosso {
	width: 65%;
}
 
.testo_blu, .testo_rosso {
	position: absolute;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	z-index: 1;
}

.logo {
	position: absolute;
	top: 32px;
}

.footer {
	position: relative;
	margin-top: 20px;
	padding-top: 30px;
	background-image: url(../immagini/sfondo_footer.jpg);
	background-repeat: repeat-y;
	background-size: 100%;
	width: 100%;
	height: 140px;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center	
}
	
/* DESKTOP */
@media (min-width: 1200px) {

	.barra_centro{
		margin-top: 70px;
		padding-top: 2%;
		font-size: 2vw;
		letter-spacing: 10px;
	}

	.apgbatteries_img {
		padding: 60px 60px 50px 135px;
	}

	.apgmotoroil_img {
		padding: 60px 135px 50px 60px;
	}

	.testo_blu {
		top: 25%;
		left: 21%;
		font-size: 1.2vw;
		letter-spacing: 5px;
	}

	.testo_rosso {
		top: 25%;
		right: 21%;
		font-size: 1.2vw;
		letter-spacing: 5px;
	}

	.logo {
		left: 7%;
	}

	.footer {
		font-size: 14px;
		letter-spacing: 4px;
	}
	
}
     
/* IPAD ORIZZONTALE */
@media (min-width: 992px) and (max-width: 1199px) {

	.barra_centro{
		margin-top: 70px;
		padding-top: 20px;
		font-size: 24px;
		letter-spacing: 6px;
	}

	.apgbatteries_img {
		padding: 60px 60px 50px 135px;
	}

	.apgmotoroil_img {
		padding: 60px 135px 50px 60px;
	}

	.testo_blu {
		top: 6px;
		left: 130px;
		font-size: 16px;
		letter-spacing: 4px;
	}

	.testo_rosso {
		top: 6px;
		right: 130px;
		font-size: 16px;
		letter-spacing: 4px;
	}

	.logo {
		left: 80px;
	}

	.footer {
		font-size: 14px;
		letter-spacing: 4px;
	}

}
     
/* IPAD VERTICALE */
@media (min-width: 768px) and (max-width: 991px) {

	.barra_centro{
		margin-top: 70px;
		padding-top: 15px;
		font-size: 18px;
		letter-spacing: 4px;
	}

	.apgbatteries_img {
		padding: 30px 30px 25px 70px;
	}

	.apgmotoroil_img {
		padding: 30px 70px 25px 30px;
	}

	.testo_blu {
		top: 4px;
		left: 70px;
		font-size: 14px;
		letter-spacing: 2px;
	}

	.testo_rosso {
		top: 4px;
		right: 70px;
		font-size: 14px;
		letter-spacing: 2px;
	}

	.logo {
		left: 60px;
		width: 130px;
	}

	.footer {
		font-size: 14px;
		letter-spacing: 4px;
	}

}
     
/* IPHONE VERTICALE */

@media (max-width: 767px) and (orientation : portrait){

	.barra_centro{
		margin-top: 50px;
		font-size: 16px;
		letter-spacing: 2px;
	}

	.apgbatteries_img {
		padding: 30px;
	}

	.apgmotoroil_img {
		padding: 30px;
	}

	.testo_blu {
		top: 3px;
		left: 35px;
		font-size: 14px;
		letter-spacing: 2px;
	}

	.testo_rosso {
		top: 3px;
		right: 35px;
		font-size: 14px;
		letter-spacing: 2px;
	}

	.logo {
		display: none;
	}

	.footer {
		font-size: 14px;
		letter-spacing: 2px;
	}

}

/* IPHONE ORIZZONTALE */

@media (max-width: 767px) and (orientation : landscape){

	.barra_centro{
		margin-top: 35px;
		font-size: 24px;
		letter-spacing: 6px;
	}

	.apgbatteries_img {
		padding: 60px;
	}

	.apgmotoroil_img {
		padding: 60px;
	}

	.testo_blu {
		top: 3px;
		left: 60px;
		font-size: 22px;
		letter-spacing: 4px;
	}

	.testo_rosso {
		top: 3px;
		right: 60px;
		font-size: 22px;
		letter-spacing: 4px;
	}

	.logo {
		display: none;
	}

	.footer {
		font-size: 16px;
		letter-spacing: 4px;
	}

}