@charset "UTF-8";
/* CSS Document */
/*/--------------------------------------/*/
/*/--------------------------------------/*/
/*//////// CSS CARRELLO - WILDWEB ////////*/
/*/--------------------------------------/*/
/*/--------------------------------------/*/

/*//////////////////////////////////////*/
/*////////// ALERT CARRELLO ///////////*/
H6.alert{font-weight:500;color:#534c4a; font-size:17px;font-family: 'Lato', sans-serif; margin:0;}
.alert_carrello {font-weight: normal; font-size:18px; font-family: 'Lato', sans-serif; color: #e89d1a; display:block; padding:25px 0 10px 0;}
.testo_articolo_carrello { font-size:13px; line-height:18px; padding:3px;}
/* prodotto in offerta */
.przOfferta { background: none repeat scroll 0 0 #e89d1a; border-radius: 5px 5px 5px 5px; color: #FFFFFF; font-size: 12px; padding: 1px 5px; text-transform: normal;}
span.prezzo_sconto {color: #e89d1a;  font-family:'Lato', sans-serif; font-size:15px;}
.messaggio { text-align:left; padding:0;}
.messaggio-big { text-align:left; padding:0; font-size:16px; line-height:20px;}

.rounded{border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}

/* BOX CARRELLO */
#carrello { position:relative; }
/*#carrello table td, #carrello table th { padding:5px;}
#carrello th { font-weight:bold; }*/
#carrelloBox { text-align:left; margin:15px 0 20px 0; min-height:400px; padding:0 0 5px 0;}
table.carrello_prodotti { width:100%; margin:10px 0 0 0; font-size:13px;}
table.carrello_prodotti th { font-family:'Lato', sans-serif;text-transform:uppercase; font-size:14px; border-bottom:2px solid #B2B2B2; padding:10px 0; font-weight:700 }/* riga intestazione */
table.carrello_prodotti td { padding:5px 0; vertical-align:middle; border-bottom:1px solid #B2B2B2; font-size:13px; }/* altre righe */
table.carrello_prodotti .separe { height:10px; border:0; padding:0;}
table.carrello_prodotti .codice { width:10%; text-align:left;}
table.carrello_prodotti .descrizione { width:48%; text-align:left; padding-right:5px}
table.carrello_prodotti .prezzo { width:30%; text-align:center; font-size:15px;color: #707173!important;}
table.carrello_prodotti .quantita { width:1%; text-align:center;}
table.carrello_prodotti .totale { width:15%; text-align:right;}
table.carrello_prodotti .cancella { width:5%; text-align:right; font-size:20px;}
.tasto_aggiorna_carrello { margin-top:25px; margin-bottom:25px; padding:5px 0; overflow:hidden; }
.tasto_aggiorna_carrello .info_carrello { float:left; width:500px; text-align:left; font-size:11px; padding-left:5px; }
.tasto_aggiorna_carrello input { float:right; }
.spese_calcolate { font-size:12px; margin-bottom:15px; text-align:right; }/* spese calcolate */
.spese_calcolate em {font-size:14px; }/* spese calcolate evidenziato */
.controlla_bene { margin-bottom:12px; font-size:16px;}

div[id^="pagTipoInfo"]{margin:-5px 0 10px 30px;}

#inputPromo input#voucherCode{width:60%; margin-right:1%;}
#inputPromo input#voucherCodeButton{width:38%;}

#voucherCode{padding: 8px 5px;}
#voucherCodeButton{padding:13px 65px 12px 25px}


@media all and (max-width:850px){
	#inputPromo input#voucherCode, #inputPromo input#voucherCodeButton{width:100%; margin-right:0%; margin-bottom:10px;}
	
}

@media 
	only screen and (max-width: 480px),
	(min-device-width: 480px) and (max-device-width: 640px)  {
	
		/* Force table to not be like tables anymore */
		table.miei_ordini >
		table > thead > tbody > th > td > tr,
		
		table.carrello_prodotti >
		table > thead > tbody > th > td > tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		table.miei_ordini thead tr, table.carrello_prodotti thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		
		
		table.miei_ordini td, table.carrello_prodotti td { 
			/* Behave  like a "row" */
			border: none;
			display:block;
			position: relative;
			border-bottom: 1px solid #ccc;
			padding: 10px 0;
			/*padding-left: 50%; */
		}
		
		table.miei_ordini td:before, table.carrello_prodotti td:before { 
			/* Now like a table header */
			
			display: inline-block;
			float:left;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%!important; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		table.carrello_prodotti td:nth-of-type(1):before,table.carrello_prodotti td:nth-of-type(2):before,table.carrello_prodotti td:nth-of-type(3):before,table.carrello_prodotti td:nth-of-type(4):before {content: ' ' attr(data-before); font-weight:bold;}

		table.miei_ordini td:nth-of-type(1):before,table.miei_ordini td:nth-of-type(2):before,table.miei_ordini td:nth-of-type(3):before,table.miei_ordini td:nth-of-type(4):before {content: ' ' attr(data-before); font-weight:bold;}
		
		table.carrello_prodotti .descrizione{ width:100%!important; text-align:left;}
		table.carrello_prodotti .cancella, table.miei_ordini .col_dettaglio {width:100%!important; text-align:center!important;border-bottom:2px solid; margin-bottom:10px;}
		table.carrello_prodotti .tot{width:100%!important;border-bottom:2px solid; margin-bottom:10px;}

		table.carrello_prodotti .descrizione p{float:left; width:50%}
		
	}

/*////////////////////*/
/* TASTI NAVIGAZIONE */
.tasti_nav_shop { text-align:center;}
.tasti_nav_shop .continua_acquisto {}
.tasti_nav_shop_uno { }/* carrello 01 */
.tasti_nav_shop_uno .pag_precedente {}
.tasti_nav_shop_uno .pag_successiva {}
.tasti_nav_shop_due {margin-top:20px; text-align:center; }/* carrello 02 */
.tasti_nav_shop_due .pag_precedente {}
.tasti_nav_shop_due .invia_ordine {}

.tasti_nav_shop input:disabled, .tasti_nav_shop_due input:disabled {cursor: no-drop; background-color:#ebebeb; color:#CCCCCC;}

    
.btn-big{background:#e89d1a; border:0; padding:6px;text-align:center;color:#FFF; font-family:'Lato', sans-serif; font-size:20px; cursor:pointer; margin:15px 0;}


/*///////////////////////////////////////*/
/*////////// SPRITE CARRELLO ///////////*/
ul.step-carrello {-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;list-style: outside none none;margin:25px 0;padding:0;background:#ebebeb none repeat scroll 0% 0%;height:70px;width: 100%;text-align:center;}
ul.step-carrello li {position:relative;width:calc(100% / 3 - 15px);display:inline-block;padding:0; margin:0; text-align:left;}
ul.step-carrello li p{margin:20px 0 0 0; text-transform:uppercase; font-size:13px;font-family:'Lato', sans-serif; font-weight:900; padding: 5px 0 0 0; color:#CCCCCC;}
ul.step-carrello li span { display: block;background: transparent url("/inc_ecommerce/images/step-carrello.png") no-repeat scroll right top;height: 70px;position: relative;top: 0;}

ul.step-carrello li:after{content:url("/inc_ecommerce/images/arrowStepCart.png");right: 10px;position: absolute;}
ul.step-carrello li:last-child:after{content:'';}
ul.step-carrello li span.step1 { background-position: 0 11px; float:left;}
ul.step-carrello li span.step2 {background-position: -214px 5px; float:left;}
ul.step-carrello li span.step3 { background-position: -488px 5px; float:left;}
ul.step-carrello li span.step1Attivo { background-position: 0 -64px; float:left;}
ul.step-carrello li span.step2Attivo { background-position: -214px -64px; float:left;}
ul.step-carrello li span.step3Attivo { background-position: -488px -64px; float:left;}
ul.step-carrello li span.step1Attivo p,ul.step-carrello li span.step2Attivo p,ul.step-carrello li span.step3Attivo p{color:#494949;}

ul.step-carrello li span.step1 p,ul.step-carrello li span.step1Attivo p{margin-left:4.5em;}
ul.step-carrello li span.step2 p,ul.step-carrello li span.step2Attivo p{margin-left:4.5em;}
ul.step-carrello li span.step3 p,ul.step-carrello li span.step3Attivo p{margin-left:4.5em;}

/*///////////////////////////////////////*/
/* CSS CARRELLO - INDIRIZZI DI CONSEGNA */

#my_accountBox{margin:50px 0;}
#my_accountBox h5, #datiOrdini h5, #datiSpedizioni h5 {font-size:18px; color:#5a5351;font-family:'Lato', sans-serif; margin:0; padding:0; text-transform:uppercase; font-weight:700}
#my_accountBox h5, #datiOrdini h5 { border-bottom:1px solid #CCC; padding:0 0 10px 0;}
#datiSpedizioniBox { margin-bottom:50px;}


/* struttura colonna tripla */
ul.colonna_tripla {list-style:none; list-style-position:inside; margin:0!important; padding:0!important;}
ul.colonna_tripla li {width:calc(100% / 3 - 20px); float:left; list-style:none!important;margin:0!important; padding:10px!important; list-position:inside; white-space:nowrap; text-align:left; font-size:14px; color:#5c5c5c}
ul.colonna_tripla li input, ul.colonna_tripla li select{margin:0 0 10px 0;}
ul.colonna_tripla .campi .usename_email { display:block; margin-top:10px;}

ul.colonna_tripla .icr-label{margin:0 0 25px 0!important}

#NazioneId { width:100%;}


/*etichette */
label.descr-big { text-transform:uppercase; font-size:14px; font-family:'Lato', sans-serif;color:#e89d1a; padding:0!important; font-weight:900}
label.descr, label.descr-obbligatorio{font-size:10px; color:#494949; font-family:'Lato', sans-serif; text-transform:uppercase; margin:0 5px 10px 0;} 
label.descr-obbligatorio::before{content: "*"; font-size:16px; color:#e89d1a;}

/* campi obbligatori */
ul.colonna_tripla label span.rosso { display: block; float: left; height: 15px; margin-right: 5px;}


/*///////////////////////////*/
/* SEZIONE SPEDIZIONE MERCE */
#carrello {}
#spedizioneTipo1 {}
#spedizioneTipo2 {}
#spedizioneTipo3 {}
.radio_spedizione { float:left; margin:5px 0 0 0;}
.box_spedizione { float:left; display:block; margin-bottom:0;}

/*titoli tipi spedizione*/
h5.titolo { color:#5c5c5c;font-size:15px;font-family:'Lato', sans-serif;margin:0; text-transform: uppercase; font-weight:700}
label.titolo_spedizioneTipo { margin:0; text-transform: uppercase; padding-top:10px;}
label.titolo_spedizioneTipo H4{width:88%; color:#1c1a1a;font-size:15px;font-family:'Lato', sans-serif;font-weight:700; display:inline-block; line-height:14px; vertical-align: middle;}
label .sottotitolo_spedizioneTipo {font-size:12px; font-family:'Lato', sans-serif; text-transform: lowercase; font-style:italic; font-weight:normal;}
#datiAltraDestinazione {}
#ritiroInSede {}

/**/
#destDiversaBox {padding:0px; margin-top:10px; display:block; }

.separatore { margin:15px 0 15px 0; background-color: #D2D2D2; height: 1px;}
.separatore_small { margin:7px 0 8px 0; background-color: #D2D2D2; height: 1px;}

br.fine_spedizioni { clear:both; margin:10px 0 15px;}


/*///////////////////////*/
/* PREFERENZE PAGAMENTO */
.box_preferenze_pagamento { float:left; width:100%; margin:0;}
.box_preferenze_pagamento label { font-size:120%;}
.lista_pref_pag { display:block; margin-bottom:5px; font-size:13px; padding:0;}
.radio_pref_pag { float:left; margin-right:8px; margin-top:2px}


/*/////////////////////////*/
/*/// MODIFICA ACCOUNT ///*/
#upgradeDatiUtn {}
#upgradeDatiUtn label.descr { margin-top:0;}
label.descr::before{content: ""; font-size:16px; color:#e89d1a;}
#upgradeDatiUtn .campi input, #upgradeDatiUtn .campi select { /*padding:5px;*/}
#upgradeDatiUtn ul.colonna_tripla { margin-bottom:25px;}

#my_accountBox {}
#datiFatturazione {clear:both;}
#datiLogin { clear:both; min-height:120px;}
#datiOrdini { clear:both;}
/* check newsletter */
ul.colonna_tripla .newsletter_checkbox { margin-top:10px; padding:10px 10px 10px 20px;}
ul.colonna_tripla .newsletter_checkbox_view { padding:5px 10px 10px 20px;}
ul.colonna_tripla .campi input.checkbox_newsletter { float:left; width:auto; margin-left:-20px;}
span.spunta_newsletter { display:block; }

.separatore-doppio { display:block; border-bottom:2px #c4c4c4 solid; width:100%; margin-top:20px; margin-bottom:10px; clear:both;}
.bkg-dati{clear:both; background:#FFF;}
.boxModificaFatt, .boxModificaLog { float:right; margin-top:-50px;}
.boxModificaFatt input, .boxModificaLog input, .aggiorna_dati_utente input{padding:13px 65px 13px 25px!important;}
.aggiorna_dati_utente { float:right; margin-top:-50px;} /*tasti modifica*/
.aggiorna_dati_utente input { width:initial;} 

/* tabella riepilogo miei ordini */
table.miei_ordini { width:100%; padding:0px; margin-top:10px; font-size:13px;}
table.miei_ordini td {padding:5px 0; vertical-align:middle;  border-bottom:1px solid #B2B2B2; font-size:13px;  }/* riga intestazione */
table.miei_ordini th {font-family:'Lato', sans-serif;text-align:left;text-transform:uppercase; font-size:14px; border-bottom:2px solid #B2B2B2; padding:10px 0; font-weight:700}


/* colonne tabella */
table.miei_ordini .col_data { width:10%;}/*data*/
table.miei_ordini .col_nr_ordine { width:25%; text-align:center}/*NR ordine*/
table.miei_ordini .col_modalita { width:30%;}/*modalità*/
table.miei_ordini .col_stato_ordine { text-align:center;}/*stato dell'ordine*/
table.miei_ordini .col_dettaglio {text-align: right; padding-right:10px;}/*dettaglio ordine*/
/* Hide table headers (but not display: none;, for accessibility) */

		


/*////////////////////////*/
/*/// RIEPILOGO TESTI ///*/
.riepilogo_costi {padding:20px 0 10px 0; text-align:right; }
.riepilogo_costi h4 { font-family:'Lato', sans-serif; font-weight:700}
#cart-riepilogo-prezzi {}
.przcart-valuta { float:right; font-size:17px; text-align:center; width:auto; background:#e89d1a; color:#FFF; white-space:nowrap; padding:0 5px;}
.przcart-valuta-norm  {float:right;width:20%; text-align:right; font-size:12px;text-transform:uppercase}
.przcart-txt {/*margin-top:9px;*/ float: right; font-size: 13px; margin-right: 10px; text-align:right;}
.box_note_importo {padding:10px 0 10px 0; border-top:2px solid #e89d1a; position:relative;margin:15px 0 0 0;}
.box_importo_totale { float:right;}
.ordine_minimo,.alert_noinvio { color:#e89d1a; font-size:16px; font-weight:900; text-transform:uppercase; font-family:'Lato', sans-serif; text-align:center; margin:0 0 15px 0;}

/* note di consegna */
.note_consegna { float:left;}/*box note consegna*/
.note_consegna label { font-family:'Lato', sans-serif; display:block; margin-bottom:2px; font-weight:700}
.note_consegna textarea { width:100% }/*box note consegna*/


/*/////////////////////////*/
/*/////// CC START ////////*/
.ccstart_box {}
hr.ccstart_linea { border: 2px solid #e89d1a; border-width:0 0 2px 0; margin:18px 0 15px 0; display:block; }
.evidenza { color:#e89d1a;  font-family:'Lato', sans-serif;}
.cards {margin:20px 0 0 0;}
input.btn_procedi { float:left; margin:0 25px 0 0; padding:10px 14px;}
.box_attenzione {color:#FFF; font-size:15px; background:#e89d1a url(../images/generico.png) 15px 15px no-repeat; padding:15px 20px 15px 80px; margin:20px 0; color:#FFFFFF;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.box_attenzione a { color: #FFF; text-decoration:underline; }
.box_attenzione a:hover { text-decoration:underline;}
.box_attenzione em { text-decoration:underline; font-style:normal}

.selectable .selected { /*background: #CCC;*/ color: #ef0505; }
.selectable { list-style-type: none; margin: 0; padding: 0; width:100%; }
.selectable li { margin: 0 0; padding: 0.4em 0; font-size:13px; min-height:35px; border-bottom: 2px dotted #EBEBEB; color:#222; position:relative;}
.selectable li:first-child { /*border-top: 2px solid #EBEBEB;*/}
.selectable li img{margin:0 10px;max-width: 30px!important;min-height: 30px!important;cursor:zoom-in;}

.selectable li label{padding: 0.4em; height:35px; width:98%;}


input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							/*padding-left:35px;*/
							height:30px; 
							display:inline-block;
							line-height:25px;
							background-repeat:no-repeat;
							background-position: 0 3px;
							font-size:15px;
							vertical-align:middle;
							cursor:pointer;
						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -36px;
						}
						
						input[type=radio].css-checkbox:checked + label.css-label:before{
							content: "\2713";background:#e89d1a; width:35px;height:35px; padding:5px 9px;  border:0;  border-radius:50%;color:#fff; text-align:center; margin-right:10px;
						}
						label.css-label {
				width:95%; height:35px;padding: 0.4em;					
				/*background-image:url(/inc_ecommerce/images/csscheckbox.png);*/
				background-repeat:no-repeat;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				
			}
			
			label.css-label:before{
				content: " ";background:#ffffff;width:35px;height:35px; padding:3px 13px; border-radius:50%;color:#fff; text-align:center; margin-right:10px; border:2px solid #000;
			}


@media all and (max-width: 480px) and (orientation:landscape) {
/* struttura colonna tripla */
ul.colonna_tripla { float:none!important; list-style:none; list-style-position:inside; margin:0 22px 35px 0!important; padding:0!important; width:100%!important;}
}

@media screen and (max-width:380px){
label.titolo_spedizioneTipo H4 {
    width: 80%;font-size:13px;
}
}

@media screen and (max-width:600px){
#carrelloBox .selectable li { height:50px;}
#carrelloBox .selectable li H5.titolo{font-size:14px!important; line-height:15px;}	
}

@media screen and (max-width: 800px) {
/* struttura colonna tripla */
ul.colonna_tripla{margin:15px 0 25px 0!important;}
ul.colonna_tripla li {width:95%; float:none; padding:0!important; }

ul.step-carrello { width:100%!important; float:none!important; height:auto!important;}
ul.step-carrello li { float:none!important; border-bottom:1px #CCCCCC solid; width:100%!important}
ul.step-carrello li:last-child{border-bottom:0px #CCCCCC solid; }
ul.step-carrello li:after{content:'';}

ul.step-carrello li span.step1 { width:180px; background-position: 0 11px;}
ul.step-carrello li span.step2 { width:240px!important; background-position: -205px 5px!important;}
ul.step-carrello li span.step3 { width: 290px; background-position: -480px 5px!important;}
ul.step-carrello li span.step1Attivo { width:180px; background-position: 11px -64px;}
ul.step-carrello li span.step2Attivo { width:240px!important; background-position: -205px -64px!important;}
ul.step-carrello li span.step3Attivo { width: 290px; background-position: -480px -64px!important;}

ul.step-carrello li span.step1 p,ul.step-carrello li span.step1Attivo p{margin-left:6em!important; white-space:nowrap}
ul.step-carrello li span.step2 p,ul.step-carrello li span.step2Attivo p{margin-left:6em!important;white-space:nowrap}
ul.step-carrello li span.step3 p,ul.step-carrello li span.step3Attivo p{margin-left:6em!important;white-space:nowrap}

.boxModificaFatt input, .boxModificaLog input, .aggiorna_dati_utente input {
    padding: 8px 40px 8px 15px !important;
}
.aggiorna_dati_utente {float: none;margin-top: 15px}



}