/* CSS Document */
#prodotti_elenco *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Clear floats after the columns */
#prodotti_elenco:after {
    content: "";
    display: table;
    clear: left;
}

.biancoenero {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
    filter: gray; /* Fix per Explorer */
}
#banner_sconto img{
	max-width:100%;
}
#prodotti_elenco a:link, #prodotti_elenco a:visited {
	color:#000;
	text-decoration:none;
}
#prodotti_elenco a:hover, #prodotti_elenco a:active{
	color:#000;
	text-decoration:none;
}
.prodotto_elemento {
	background-color:#f7F7F7;
	
	/* OMBRA ESTERNA */
	/*-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.06); 
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.06);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.06);
	border:1px solid #D6D6D6;*/
	
	/* OMBRA INTERNA */
/*	-webkit-box-shadow: inset 0px 0px 9px -2px rgba(0,0,0,0.24); 
	box-shadow: inset 0px 0px 9px -2px rgba(0,0,0,0.24);	
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.09);
*/
	width:19.2%;
	text-align:left;
	margin-right:1%;
	float:left;
	margin-bottom:20px;
}
.prodotto_elemento_elemento_testa{
	/*padding:5.5%;*/
	position:relative;
}


.prodotto_elemento_immagine_contenitore{
	position: relative;
	text-align:center;
	width:100%;
}
.prodotto_elemento_immagine {
	position: relative;
	height:100%;
}	
.prodotto_elemento_immagine img{
	width:100%;
}
.prodotto_elemento_immagine_sconto{
	width:100%;
	position:absolute;
	top:0;
}
.prodotto_elemento_immagine_sconto img{
	width:100%;
	height:100%;
}



.prodotto_elemento_immagine_spedizione_gratuita {
	text-align:center;
	position:absolute;
	z-index:2;
	bottom:0px;
	width:100%;
	/*opacity:0.8;*/
	/*padding-left: 35px;
	padding-right: 35px;*/
}
.prodotto_elemento_immagine_spedizione_gratuita img{
	width:100%;
	/*max-width:300px;*/
}
.prodotto_elemento_immagine_offerta{
	width:100%;
	position:absolute;
	top:0; 
}
.prodotto_elemento_titolo h3{
	margin-top:5px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:50px;
	font-size:15px;
/*	text-transform:uppercase;
*/	font-weight:bold;
	/*font-family: "Myriad Pro", "Segoe UI", "Roboto" , "Myriad Pro", Lato;*/
	color:#000000;
	height:70px;
	text-align:left;
	text-transform:uppercase;
}

.prodotto_elemento_descrizione{
	display:none;
}




@font-face {
	font-family: fontSconti;
	src: url("/font/RifficFree-Bold.ttf");
}
.prodotti_in_offerta_elemento_piede{
	height:60px;
	/*background-color:#7EDA55;*/
	background-color:#252525;
	position:relative;
}
.prodotti_in_offerta_prezzo_sx {
	float:left;
}
.prodotti_in_offerta_prezzo_sx_sconto {
	/*padding:10px;*/
	padding-top:17px;
	padding-left:10px;
	/*background-color:#7EDA55;*/
	color:#ff0000;
	font-size:25px;
	/*font-weight:600;*/
	font-style: italic;
	font-family: fontSconti;
	float:right;
	height:50px;
	
}
.prodotti_in_offerta_prezzo_dx {
	float:right;
}
.prodotti_in_offerta_prezzo_dx_su {
	width:80%;
	color:#666666;
	margin-top:5px;
	text-align:right;
	margin-right:4%;
	position:absolute;
	right:0px;
}
.prodotti_in_offerta_prezzo_dx_giu {
	text-align:right;
	position:absolute;
	bottom:5px;
	right:4%;
	font-size:25px;
	color:#FFFFFF;
	font-weight:600;
	/*font-family:Segoe UI;
	font-style:italic;*/
}
.prodotti_in_offerta_prezzo_dx_giu sup {
	font-size: 56%;
	/*font-style: italic;*/
	margin-top:15px;
	margin-left:2px;
}
.prodotti_in_offerta_prezzo {
	font-size:14px;
	font-family: "Myriad Pro", "Segoe UI", "Roboto" , "Myriad Pro", Lato;
	color:#000000;
	font-weight:800;
	line-height:20px;
	margin-top:2px;
}
.prodotti_in_offerta_prezzo_tagliato {
	font-size:14px;
	font-family: "Myriad Pro", "Segoe UI", "Roboto" , "Myriad Pro", Lato;
	color:#939393;
	font-weight:normal;
	line-height:20px;
	text-decoration:line-through;
}

#prodotto_elemento_pronta_consegna {
    text-align: center;
	margin: 5px;
}

#prodotto_elemento_pronta_consegna img{
	max-width:100%;
	margin-bottom:0px;
}
.prezzo_scontato{
	font-size:17px;
	color: #FFFF00;
	font-family: Berlin Sans FB, Segoe UI,;
	background-color:#FF9300;
	border:#D50D0D 1px solid;
	display:block;
	font-weight:bold;
	width:auto;
}

/* Base */
.prodotto_elemento{
  float:left;
  margin:0 1% 20px 0;   /* 1% di gap tra le card */
  padding:0;
  text-align:center;
}

/* ≥1531px  → 6 per riga */
@media screen and (min-width:1531px){
  /* 5 gap da 1% → (100% - 5%) / 6 = 15.8333% */
  .prodotto_elemento{ width:15.8333%; }
  .prodotto_elemento:nth-child(6n+1){ clear:left; margin-left:0; }
  .prodotto_elemento:nth-child(6n){ margin-right:0; }
}

/* 1367–1530px → 4 per riga */
@media screen and (min-width:1367px) and (max-width:1530px){
  /* (100% - 3%) / 4 = 24.25%  (24% va bene uguale) */
  .prodotto_elemento{ width:24.25%; }
  .prodotto_elemento:nth-child(4n+1){ clear:left; margin-left:0; }
  .prodotto_elemento:nth-child(4n){ margin-right:0; }
}

/* 1201–1366px → 4 per riga */
@media screen and (min-width:1201px) and (max-width:1366px){
  .prodotto_elemento{ width:24.25%; }
  .prodotto_elemento:nth-child(4n+1){ clear:left; margin-left:0; }
  .prodotto_elemento:nth-child(4n){ margin-right:0; }
}

/* 925–1200px → 4 per riga */
@media screen and (min-width:925px) and (max-width:1200px){
  .prodotto_elemento{ width:24.25%; }
  .prodotto_elemento:nth-child(4n+1){ clear:left; margin-left:0; }
  .prodotto_elemento:nth-child(4n){ margin-right:0; }
}

/* 541–924px → 3 per riga */
@media screen and (min-width:541px) and (max-width:924px){
  /* (100% - 2%) / 3 = 32.6667% */
  .prodotto_elemento{ width:32.6667%; }
  .prodotto_elemento:nth-child(3n+1){ clear:left; margin-left:0; }
  .prodotto_elemento:nth-child(3n){ margin-right:0; }

  /* eventuale testo prezzo/sconto (come nel tuo CSS) */
  .prodotti_in_offerta_prezzo_sx_sconto{
    font-size:20px; padding-top:22px; padding-left:5px;
  }
}

/* ≤540px → 2 per riga */
@media screen and (max-width:540px){
  /* (100% - 1%) / 2 = 49.5% */
  .prodotto_elemento{ width:49.5%; }
  .prodotto_elemento:nth-child(2n+1){ clear:left; margin-left:0; }
  .prodotto_elemento:nth-child(2n){ margin-right:0; }

  .prodotti_in_offerta_prezzo_sx_sconto{
    font-size:20px; padding-top:22px; padding-left:5px;
  }
}


/*@media screen and (min-width:5120px){
	.prodotto_elemento:nth-child(5n+1) {
		clear:left;
		margin-left:0;
	}
	.prodotto_elemento:nth-child(5n) {
		margin-right:0;
	}
}

@media screen and (min-width:3840x){
	.prodotto_elemento:nth-child(5n+1) {
		clear:left;
		margin-left:0;
	}
	.prodotto_elemento:nth-child(5n) {
		margin-right:0;
	}
}

@media screen and (min-width:2560x){
	.prodotto_elemento:nth-child(5n+1) {
		clear:left;
		margin-left:0;
	}
	.prodotto_elemento:nth-child(5n) {
		margin-right:0;
	}
}

@media screen and (min-width:1911px) and (max-width:1920){
	.prodotto_elemento:nth-child(5n+1) {
		clear:left;
		margin-left:0;
	}
	.prodotto_elemento:nth-child(5n) {
		margin-right:0;
	}
}

@media screen and (min-width:1600px) and (max-width:1910){
	.prodotto_elemento:nth-child(5n+1) {
		clear:left;
		margin-left:0;
	}
	.prodotto_elemento:nth-child(5n) {
		margin-right:0;
	}
}

@media screen and (min-width:1271px){
	.prodotto_elemento:nth-child(5n+1) {
		clear:left;
		margin-left:0;
	}
	.prodotto_elemento:nth-child(5n) {
		margin-right:0;
	}
}

@media screen and (min-width:1041px) and (max-width:1270px){
	.prodotto_elemento {
		margin:0;
		padding:0;
		width:24%;
		float:left;
		margin-bottom:20px;
		margin-right:1%;
		text-align:center;
	}
	.prodotto_elemento:nth-child(4n+1) {
		clear:left;
		/*margin-right:0%;*/
/*	}
	.prodotto_elemento:nth-child(4n) {
		margin-right:0;
	}
}

@media screen and (min-width:889px) and (max-width:1040px){
	.prodotto_elemento {
		margin:0;
		padding:0;
		width:32%;
		float:left;
		margin-bottom:20px;
		margin-right:1%;
		text-align:center;
	}
	.prodotto_elemento:nth-child(3n+1) {
		clear:left;
		margin-left:0;
	}
	.prodotto_elemento:nth-child(3n) {
		margin-right:0;
	}
}

@media screen and (min-width:761px) and (max-width:888px){
	.prodotto_elemento {
		margin:0;
		padding:0;
		width:32%;
		float:left;
		margin-bottom:20px;
		margin-right:1%;
		text-align:center;
	}
	.prodotto_elemento:nth-child(3n+1) {
		clear:left;
		margin-right:1%;
	}
	.prodotto_elemento:nth-child(3n) {
		margin-right:0%;
	}
}

@media screen and (min-width:0px) and (max-width:760px){
	.prodotto_elemento {
		margin:0;
		padding:0;
		width:49.5%;
		float:left;
		margin-bottom:20px;
		margin-right:1%;
		text-align:center;
	}
	.prodotto_elemento:nth-child(2n+1) {
		clear:left;
		margin-right:1%;
	}
	.prodotto_elemento:nth-child(2n) {
		margin-right:0%;
	}
}
*/