@charset "iso-8859-2";
/*
*{
}

*/
#tabella {
	background-color:#CCCCCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	display:table;
	width:100%;
	
	border-collapse: separate; /* default/richiesto COLLAPSE: toglie TUTTI gli spazi tra i bordi*/
    border-spacing: 1px;
}
.tabella-caption {
	background-color: #D8D8D8;
	color:#666666;
	display: table-caption;
	width: auto;
	padding:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-weight:bold;
	text-align:center;
}
.tabella-riga{
	display:table-row;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	background-color:#666666;
	
}
.tabella-intestazione{
	background-color: #D8D8D8;
	color:#666666;
	display:table-cell;
	width: auto;
	padding:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-weight:bold;
}
.tabella-cella{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	background-color:transparent;
	display:table-cell;
	width: auto;
	padding:10px;
	margin:1px;
	vertical-align:middle;
	text-align:left;
}
.tabella-riga:nth-of-type(even){				
	background: #FFFFFF;
}
.tabella-riga:nth-of-type(odd){				
	background: #F0F0F0;
}

.tabella_apertura_primavera-sfondo{
	background-color:#D8D8D8;
}
/*
.tabella_apertura_primavera-intestazione{
	background-color: #D8D8D8;
	color:#666666;
}*/
.tabella_apertura_primavera-cella{
	background-color:transparent;
}
.tabella-riga.tabella_apertura_primavera:nth-of-type(even){				
	background: #F0F0F0;
}
.tabella-riga.tabella_apertura_primavera:nth-of-type(odd){				
	background: #FFFFFF;
}


#tabella.tabella_carrello{
	/*
	background-color: #AAAAAA !important;
	*/
	border-collapse: collapse; /* default/richiesto COLLAPSE: toglie TUTTI gli spazi tra i bordi*/
    border-spacing: 1px;
	border:1px solid #AAAAAA;
	width:100%;
}
.carrello-intestazione{
	background-color: #AAAAAA !important;
	color:#FFFFFF;
	vertical-align:middle;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.carrello-intestazione_testo{
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.12);
}

.divisore_colonne{
	width:21px;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
}
.carrello-cella{
/*	
	background-color:#F8F8F8;
	
*/
	vertical-align:middle;
	text-align:left;
}
.carrello-cella a:link, .carrello-cella a:visited {
	color:#000;
	text-decoration:none;
}
.carrello-cella a:hover, .carrello-cella a:active{
	color:#63A5F8;
	text-decoration: underline;
}

.tabella-riga.carrello_riga{
	background-color: #F8F8F8 !important;
	margin-bottom:2px !important;
	margin-top:2px !important;
	border-bottom:1px dashed #AAAAAA;
}

.tabella-riga.carrello_riga:first-child,
.tabella-riga.carrello_riga:last-child {
	border-bottom:none;
}
/*Stili immagine carrello*/
.tabella-cella.carrello-cella:nth-of-type(1) img{
	font-weight:bold; font-size:20px;
	width:100%;
	max-width:80px;
	border:1px solid #CCCCCC;
	padding:4px; 
	background-color:#FFFFFF;
}
/*Stili centrature testo intestazioni e celle*/
.tabella-intestazione.carrello-intestazione:nth-of-type(1),
.tabella-intestazione.carrello-intestazione:nth-of-type(5),
.tabella-intestazione.carrello-intestazione:nth-of-type(7),
.tabella-intestazione.carrello-intestazione:nth-of-type(9),
.tabella-cella.carrello-cella:nth-of-type(1),
.tabella-cella.carrello-cella:nth-of-type(5),
.tabella-cella.carrello-cella:nth-of-type(7),
.tabella-cella.carrello-cella:nth-of-type(9){
	text-align:center;
}

.carrello_preventivo-cella{
	vertical-align:middle;
	text-align:left;
}
.tabella-cella.carrello_preventivo-cella:nth-of-type(5){
	text-align:center;
}

.carrello_preventivo-cella a:link, .carrello_preventivo-cella a:visited {
	color:#000;
	text-decoration:none;
}
.carrello_preventivo-cella a:hover, .carrello_preventivo-cella a:active{
	color:#63A5F8;
	text-decoration: underline;
}
.tabella-cella.carrello_preventivo-cella:nth-of-type(1) img{
    font-weight:bold; font-size:20px;
	width:40px;
    max-width:80px;
    border:1px solid #CCCCCC;
    padding:4px; 
    background-color:#FFFFFF;
}

@media screen and (min-width:801px) and (max-width:1016px){
	#tabella{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.tabella-intestazione{
		padding:5px;
	}
	
	.tabella-cella{
		padding:5px;
	}
}

@media screen  and (max-width:800px){
	#tabella_riepilogo_acquisti {
		width:100%;
	}
	.tabella-intestazione{
		width:100%;
		display:none;
	}
	/*
	#tabella-intestazione_totale{
		display:none;
	}
	span#tabella-intestazione_responsive{
		display:block;
	}*/

	.tabella-riga{
		display: table-row;
		margin:1px;
		width: 100%;
	}
	.tabella-cella{
		background-color:transparent;
		display:inline-block;
		width: 100%;
		margin:0px;
	}
	.tabella-cella.cookie:nth-of-type(1):before { content: "Cookie:"; font-weight:bold; display: inline-block; width: 50%;} /* inseriamo l'etichetta per ciascuna cella con il selettore nth-of-type */
	.tabella-cella.cookie:nth-of-type(2):before { content: "Nome:"; font-weight:bold; display: inline-block; width: 50%; }
	.tabella-cella.cookie:nth-of-type(3):before { content: "Categoria:"; font-weight:bold; display: inline-block; width: 50%;  }
	.tabella-cella.cookie:nth-of-type(4):before { content: "Scadenza:"; font-weight:bold; display: inline-block; width: 50%;  }
	.tabella-cella.cookie:nth-of-type(5):before { content: "Descrizione:"; font-weight:bold; display: inline-block; width: 50%;  }

	.tabella-cella.cookie-terze-parti:nth-of-type(1):before { content: "Nome Servizio:"; font-weight:bold; display: inline-block; width: 100%;}
	.tabella-cella.cookie-terze-parti:nth-of-type(2):before { content: "Privacy Link:"; font-weight:bold; display: inline-block; width: 100%; }
	.tabella-cella.cookie-terze-parti:nth-of-type(3):before { content: "Descrizione:"; font-weight:bold; display: inline-block; width: 100%;  }
	
	.tabella-cella.tabella_apertura_primavera-cella:nth-of-type(1):before { content: "Dimensioni piscina (m):"; font-weight:bold; display: inline-block; width: 100%;}
	.tabella-cella.tabella_apertura_primavera-cella:nth-of-type(2):before { content: "Volume acqua (m3):"; font-weight:bold; display: inline-block; width: 100%; }
	.tabella-cella.tabella_apertura_primavera-cella:nth-of-type(3):before { content: "Importo acqua (€):"; font-weight:bold; display: inline-block; width: 100%;  }

	.tabella-cella.conferma_ordine:nth-of-type(1):before { content: "I tuoi acquisti:"; font-size:15px; font-weight:bold; display: inline-block; width: 100%;}
	.tabella-cella.conferma_ordine:nth-of-type(2):before { content: "Totale IVA inclusa + Costo di spedizione):"; font-size:20px; font-weight:bold; display: inline-block; width: 100%; }
	.tabella-cella.conferma_ordine:nth-of-type(odd){				
		border-top:none;
	}
	.tabella-cella.conferma_ordine:nth-of-type(even){				
		background: #F0F0F0!important;
	}

	#tabella.tabella_carrello{
		border-collapse: separate; /* default/richiesto COLLAPSE: toglie TUTTI gli spazi tra i bordi*/
		border-spacing:1px;
		background-color:#FFFFFF !important;
		border:0;
	}


	.tabella-cella.carrello-cella:nth-of-type(1) { border-top:1px solid #AAAAAA;}
	.tabella-riga.carrello_riga{
		background-color:transparent;
		border-bottom:none;
	}
	.tabella-riga.carrello_riga:nth-of-type(even){				
		background-color: #FFFFFF!important;
	}
	.tabella-riga.carrello_riga:nth-of-type(odd){				
		background: #F0F0F0!important;
	}
	.tabella-cella.carrello-cella:nth-of-type(3) {font-weight:bold; font-size:20px;}
	.tabella-cella.carrello-cella:nth-of-type(5):before { content: "Prezzo unitario:"; font-weight:bold; display: inline; width: 100%; font-size:13px;}
	.tabella-cella.carrello-cella:nth-of-type(7):before { content: "Quantit\00e0:"; font-weight:bold; display: inline; width: 100%; font-size:13px; }
	.tabella-cella.carrello-cella:nth-of-type(9):before { content: "Totale prodotto:"; font-weight:bold; display: inline; width: 100%;}

	.tabella-cella.carrello-cella:nth-of-type(9){
		border-top:1px dashed #CCCCCC; 
	}
	/*Stili immagine carrello*/
	.tabella-cella.carrello-cella:nth-of-type(1) img{
		font-weight:bold; font-size:20px;
		width:150px;
		max-width:100%;
		border:1px solid #CCCCCC;
		padding:4px; 
		background-color:#FFFFFF;
	}

	/*Stili centrature testo intestazioni e celle*/
	.tabella-intestazione.carrello-intestazione:nth-of-type(1),
	.tabella-intestazione.carrello-intestazione:nth-of-type(5),
	.tabella-intestazione.carrello-intestazione:nth-of-type(7),
	.tabella-intestazione.carrello-intestazione:nth-of-type(9),
	.tabella-cella.carrello-cella:nth-of-type(1),
	.tabella-cella.carrello-cella:nth-of-type(5),
	.tabella-cella.carrello-cella:nth-of-type(7),
	.tabella-cella.carrello-cella:nth-of-type(9){
		text-align:left;
	}


	
	/*  Righe giallo scuro dispari */
	.tabella-riga:nth-of-type(odd){				
		background: #F0F0F0;
	}
	.divisore_colonne{
	
		display:none;
	}
	/*  Righe giallo chiaro pari */
	.tabella-riga:nth-of-type(even){
		background:#FFFFFF;
	}
	/* SFONDO per l'intestazione*/
	.tabella-cella:before { 
/*		background-color: #FFFFFF;*/
		display:table-cell;
		width: 50%;;
		margin:1px;
	}
/*	.tabella_servizio:before{
		content:'Nome servizio:';
		font-weight:bold;
		display:block;
		clear:right;
		font-size:11px;
		color: #333333;
		text-transform:uppercase;
	}
	.tabella_link:before{
		content:'Privacy Link:';
		font-weight:bold;
		display:block;
		clear:right;
		font-size:11px;
		color: #333333;
		text-transform:uppercase;
	}
	.tabella_descrizione:before{
		content:'Descrizione:';
		font-weight:bold;
		display:block;
		clear:right;
		font-size:11px;
		color: #333333;
		text-transform:uppercase;
	}
*/
    .tabella-cella.carrello_preventivo-cella:nth-of-type(1),
    .tabella-cella.carrello_preventivo-cella:nth-of-type(3),
    .tabella-cella.carrello_preventivo-cella:nth-of-type(5){
        text-align:center;
    }
    .tabella-cella.carrello_preventivo-cella:nth-of-type(1) { border-top:1px solid #AAAAAA;}
    .tabella-cella.carrello_preventivo-cella:nth-of-type(3) {font-weight:bold; font-size:20px;}
    .tabella-cella.carrello_preventivo-cella:nth-of-type(5):before { content: "Quantit\00e0: "; font-weight:bold; display: inline; width: 100%; font-size:13px; }
	.tabella-cella.carrello_preventivo-cella:nth-of-type(1) img{
		font-weight:bold; font-size:20px;
		width:150px;
		max-width:100%;
		border:1px solid #CCCCCC;
		padding:4px; 
		background-color:#FFFFFF;
	}
	/*Stili centrature testo intestazioni e celle*/
	.tabella-cella.carrello_preventivo-cella:nth-of-type(1),
	.tabella-cella.carrello_preventivo-cella:nth-of-type(3),
	.tabella-cella.carrello_preventivo-cella:nth-of-type(5){
		text-align:left;
	}

}