<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">img{border:0} /*** SCHEDA ***/
div#minipics ul{list-style-type: none;margin: 2px;padding: 0; width:400px;}
div#minipics li{float:left;margin-right: 8px;border:1px solid #ccc; width:90px; height:90px; cursor:pointer;}
.marchi_sch {display:block; max-width: 70px; height: auto; margin: auto; padding: 0 5px 0 5px}
.rapp_tg {display:block;width: 100%; max-width: 450px; height: auto; margin: auto}
.colore2 {width:20px; float: left; height:20px ; border: 1px solid #DFDFDF ; margin: 2px; }
.mimetico2 {width: 0; height: 0; border-left: 10px solid #B35900; border-right: 10px solid #336633; border-bottom: 10px solid #A3B13A; border-top: 10px solid #E0E357;}
.assortito2 {height: 20; width: 20; background: linear-gradient(to right,#33CC00 25%, #FFFF00 25%, #FFFF00 50%, #CE2B37 50%, #CE2B37 75%, blue 75%);}
.tricolore2 {height: 20; width: 20; background: linear-gradient(to right,#009246 33.33%, #F1F2F1 33.33%, #F1F2F1 66.66%, #CE2B37 66.66%);}
.multicolor2 { width: 0; height: 0; border-left: 10px solid black; border-right: 10px solid #FF00FF; border-bottom: 10px solid yellow; border-top: 10px solid #00FFFF;}
.bicolore2 { width: 20; height: 20; background: linear-gradient(to bottom right, &lt;%=rgb%&gt; 49.6%, &lt;%=rgb2%&gt; 49.6%  ) ;}
.monocolore2 { float:left; height: 20px; width: 20px; ;}
/*** tooltip ***/
.tooltip { height: 20; width: 20; position: relative; display: inline-block; border:1px solid #ccc ; margin-bottom: 7px}
.tooltip .tooltiptext {visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s;}
.tooltip .tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1;}
&lt;!-- # IMG MODALE --&gt;
* {  box-sizing: border-box;}
.modalImg { display: none;  position: fixed; z-index: 1;  padding-top: 50px; left: 0; top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: rgba(0,0,0,0.8);}
.modal-contentImg { position: relative; background-color: #fefefe; margin: auto;  padding: 0;  width: 90%;  max-width: 800px;}
.closeImg {  color: red;  position: absolute;  top: 10px;  right: 25px;  font-size: 35px;  font-weight: bold;}
.closeImg:hover,
.closeImg:focus {  color: white; text-decoration: none;  cursor: pointer;}
.mySlidesImg {  display: none;}
.prevImg,
.nextImg { cursor: pointer;  position: absolute; top: 50%;  width: auto; padding: 16px;  margin-top: -50px; background-color:grey; color: white;  font-weight: bold;  font-size: 20px;  transition: 0.6s ease;  border-radius: 0 3px 3px 0; user-select: none;  -webkit-user-select: none;}
.nextImg { right: 0; border-radius: 3px 0 0 3px;}
.prevImg:hover,
.nextImg:hover { background-color: rgba(0, 0, 0, 0.8);}
.caption-containerImg {  text-align: center;  background-color: black;  padding: 2px 16px; color: white;}
img {  margin-bottom: -4px;}
.testa  {text-align: center ; font-weight: bold; color:#fff ;  padding: 5px 0px 5px 0px; background-color: #85AEF3 ; border-radius: 5px 5px 0px 0px }
.text1  {text-align: center ; font-weight: bold; margin-top: 12px}
.text2  {width:100%; text-align: center ; font-size: 12px ; margin-bottom: 25px; margin-top: 5px; }
.formqta {width: 100px; height: 25px; border: 1px solid #CCCCCC; background: #fff; text-align: center; color: black; border-radius: 5px 5px 5px 5px; font-size: 14px;}
.button {background-color: #85AEF3; height: 25px; margin-bottom: 15px; margin-top: 15px;width:28%;  text-align: center ; border:1px solid #ccc ; border-radius: 5px; color:#fff ; font-size: 15px; font-weight: bold; cursor:pointer;}
.btnacq { background-color: #FF6600; height: 35px;  margin-bottom: 25px; margin-top: 25px; width:50%;  text-align: center ; border:1px solid #E65B00 ; border-radius: 15px; color:#fff ; font-size: 15px; font-weight: bold; letter-spacing: 2px; cursor:pointer;}
.btncarr { background-color: #FF6600; height: 35px; margin-left:25%; margin-bottom: 25px; margin-top: 25px; width:50%;  text-align: center ; border:1px solid #E65B00 ; border-radius: 15px; color:#fff ; font-size: 15px; font-weight: bold; letter-spacing: 2px; cursor:pointer;}
.select { height: 29px; border:1px solid #ccc ; border-radius: 5px;  font-size: 17px; padding: 0px 7px 0px 7px; background-color: #DDEEFF; }
.form {width: 50%; height: 50px; border: 1px solid #CCCCCC; background: #fff; text-align: center; color: black; border-radius: 5px 5px 5px 5px; font-size: 14px;}
.formTesto {width: 50%; height: 80px; border: 1px solid #CCCCCC; background: #fff; text-align: center; color: black; border-radius: 5px 5px 5px 5px; font-size: 14px;}
.form-allin { margin: 15px ; width:100%; text-align: center ;  }
.formqta {width: 100px; height: 25px; border: 1px solid #CCCCCC; background: #fff; text-align: center; color: black; border-radius: 5px 5px 5px 5px; font-size: 14px;}
.formqta2 {width: 70px; height: 25px; border: 1px solid #CCCCCC; background: #fff; text-align: center; color: black; border-radius: 5px 5px 5px 5px; font-size: 14px;}
.formqta3 {width: 50px; height: 25px; border: 1px solid #CCCCCC; background: #fff; text-align: center; color: black; border-radius: 5px 5px 5px 5px; font-size: 14px;}
.acq { margin-bottom: 15px; width:100%; height: 30px; background-color: #EFEFEF; color: black; text-align: center ;  border-radius: 5px; padding: 15px 0px 4px 0px;}
.acq2 { margin-bottom: 15px; width:100%; height: 45px; background-color: #85AEF3; color: white; text-align: center ;  border-radius: 5px; padding: 10px 0px 10px 0px;}
/*** Preventivo ***/
.modal {display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}
.close {color: white; float: right; font-size: 28px; font-weight: bold;}
.close:hover,
.close:focus {color: red; text-decoration: none; cursor: pointer;} 
.tablinks {font-size:15px;}
#stamp {float: right; padding: 2px 15px 2px 0px; }
.tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s;}
.tab button:hover { background-color: #ddd;}
.tab button.active { background-color: #666666; color: #FFFFFF;}
.come-stamp-tab {height: 40px; padding: 5px; }
.come-stamp-content{ text-align: center; padding: 5px;}
.come-stamp-content hr {width: 80%; margin: 5px 9%; }
.tab-bozza-text::after {  content: "";  position: absolute;  top: 100%;  left: 50%;  margin-left: -5px;  border-width: 5px;  border-style: solid;  border-color: #555 transparent transparent transparent;}
.tab-bozza:hover .tab-bozza-text { visibility: visible;  opacity: 1;}
.tab-discount-div {float:left; width:33.33%; font-size:14px; padding: 1px 0 0 0;}
.tab-discount-div span {width:100%; font-size:20px; font-weight: bold; display: block; color:#16467A;}

@media  (max-width: 375px) {
.tablinks {font-size:10px;}
.pdato {float:left; width:21.8%; margin-left: 1px; line-height: 24px; font-size:7px;}
.pdato2 {float:left; width:15.4%;  text-align: center; line-height: 24px; border-left: 1px solid black; height: 50%; font-size:8px;}
}

/*  CELLULARE VERTICALE */
@media  (max-width: 576px) {
#gallery{ width:95%; margin: 0 auto; }
#zoom{margin: 0 auto; }
#minipics{float:left; width:400px ; margin-top:20px; position: absolute;  }
#DatiScheda{ width:95%; min-height:560px ;  margin: 0 auto; margin-top:150px;}
.articol {width:100%;  text-align: center ; font-weight: bold; border-radius: 5px; border: 2px solid #CCCCCC; margin-top: 250px;}
.dato-col {position: absolute; top: 730px; width:100%; text-align: center; font-weight: bold;}
.colori2 {position: absolute; top: 765px; width:90%;  height:65px ; text-align: center; }
.codice {width:100%; text-align: center ; margin-top: 10px}
.marchi_scheda {width:100%; margin-top: 5px; }
.dato {width:100%; text-align: center ; font-weight: bold; margin-top: 20px}
.descrizione  {width:100%; margin-top: 5px }
.preventivo { width:95%; margin-top:30px;  margin: 0 auto;  }
#acquista{ margin-bottom: 30px; width:90%; height: 100%; background-color: #E2E2E2; text-align: center ;  border-radius: 5px; margin-left: 5%;  }
#tab-price {width:95%; margin-top: 40px; margin: 0 auto; }
.tab {width:100%; overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1;}
.tablinks {font-size:13px;}
.tabcontent { display: none; padding: 6px 5px; border: 1px solid #ccc; border-top: none; height: 150px; bottom:50px;  font-size:14px;}
.pbase {float:left; width:100%; padding: 15px 0px 15px 0px;  text-align: center; font-size:14px;  }
.pdato {float:left; width:21%; margin-left: 1px; line-height: 24px; font-size:12px;}
.pdato2 {float:left; width:15%;  text-align: center; line-height: 24px; border-left: 1px solid black; height: 50%; font-size:13px;}
#stamp {display: none;}
#come-stamp {width:95%; margin-top: 30px; margin-bottom:15px; margin: 0 auto;}
#tab-stamp {width:95%; margin-top: 40px; margin: 0 auto; }
.tab-bozza {width:95%; height: 32%; padding: 8px 0 ; border: 1px solid #888; border-radius: 5px;   display: inline-block;  text-align: center; font-weight: bold; margin-left:5px;}
.tab-bozza-text {  visibility: hidden;  width: 95%;  background-color: #555;  color: #fff;  text-align: center; font-weight: normal; border-radius: 6px;  padding: 13px 9px;  position: absolute;  z-index: 1;  bottom: 105%;  left: 0%;   opacity: 0;  transition: opacity 0.3s;}
.tab-discount {width:95%; height: 75%; background-color: #f1f1f1; border: 1px solid #16467A; border-radius: 5px; margin-top:10px; text-align: center; line-height: 1.2; margin: 0 auto; display: flex; flex-wrap: wrap;}
.tab-discount-testa {width:100%; background-color: #16467A; color:white; border-radius: 5px 5px 0 0; padding: 5px 0 5px 0;}
.modal-content { background-color: #fefefe; margin: 5% auto;  padding: 20px; border: 1px solid #888; width: 90%; }
}
/*  CELLULARE ORIZZONTALE */
@media  (min-width: 576px) {
}
/* TABLET VERTICALE */
@media  (min-width: 768px) {
#gallery{  width:100%;  margin: 0 auto; display:flex;}
#zoom{width:100%;  margin: 0 auto; }
#minipics{margin: 0 auto; width:400px ; margin-top:20px; position: absolute;  }
#DatiScheda{ width:100%; min-height:560px ; }
.articol {width:100%;  text-align: center ; font-weight: bold; border-radius: 5px; border: 2px solid #CCCCCC; margin-top: 240px;}
.dato-col {position: absolute; top: 775px; width:90%; text-align: center; margin: 0 auto; font-weight: bold;}
.colori2 {position: absolute; top: 810px; width:90%;  height:30px ; text-align: center; }
.codice {width:100%; text-align: center ; margin-top: 10px}
.marchi_scheda {width:100%; margin-top: 5px; }
.dato {width:100%; text-align: center ; font-weight: bold; margin-top: 20px}
.descrizione  {width:100%; margin-top: 5px }
.preventivo { width:100%; margin-top:20px;  margin: 0 auto;  }
#acquista{ margin-bottom: 30px; width:100%; height: 100%; background-color: #E2E2E2; text-align: center ;  border-radius: 5px;  }
.tablinks {font-size:15px;}
#tab-price {width:100%; margin-top: 40px; margin: 0 auto; }
.tab {width:100%; overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1;}
.tabcontent { display: none; padding: 6px 6px; border: 1px solid #ccc; border-top: none; height: 145px; bottom:50px;  font-size:16px; line-height: 1.5;}
.pbase {float:left; width:100%; padding: 15px 0px 15px 0px;  text-align: center; font-size:16px;  }
.pdato {float:left; width:21%; margin-left: 1px; line-height: 24px; font-size:16px;}
.pdato2 {float:left; width:15%;  text-align: center; line-height: 24px; border-left: 1px solid black; height: 50%; font-size:16px;}
#stamp {display: none;}
#come-stamp {width:95%; margin-top: 30px; margin-bottom:15px; margin: 0 auto; display: flex; flex-wrap: wrap;}
#tab-stamp {width:95%; margin-top: 25px; margin: 0 auto; margin-bottom:15px; display: flex; flex-wrap: wrap; }
.tab-bozza {width:99%; padding: 12px -5px ; border: 1px solid #888; border-radius: 5px;   display: inline-block;  text-align: center; font-weight: bold; }
.tab-bozza-text {  visibility: hidden;  width: 95%;  background-color: #555;  color: #fff;  text-align: center; font-weight: normal; border-radius: 6px;  padding: 13px 9px;  position: absolute;  z-index: 1;  bottom: 105%;  left: 0%;   opacity: 0;  transition: opacity 0.3s;}
.tab-discount {width:95%; height: 75%; background-color: #f1f1f1; border: 1px solid #16467A; border-radius: 5px; margin-top:10px; text-align: center; line-height: 1.2; margin: 0 auto; display: flex; flex-wrap: wrap;}
.tab-discount-testa {width:100%; background-color: #16467A; color:white; border-radius: 5px 5px 0 0; padding: 5px 0 5px 0;}
.modal-content { background-color: #fefefe; margin: 5% auto;  padding: 20px; border: 1px solid #888; width: 80%; }
}
/*  TABLET ORIZZONTALE */
@media  (min-width: 992px) {
div#gallery{float:left; width:37%; margin-top:30px;  }
#DatiScheda{float:left; width:33%; min-height:560px ; margin-top:30px; margin-left: 10px; }
div#zoom{float:left;margin:0 0 5px 0;}
#minipics{float:left; width:400px ; margin-top:20px; position: absolute;  }
.articol {width:95%;  text-align: center ; font-weight: bold; border-radius: 5px; border: 2px solid #CCCCCC; margin-top:0px;}
.codice {width:95%; text-align: center ; margin-top: 10px}
.marchi_scheda {width:95%; margin-top: 5px; }
.dato {width:95%; text-align: center ; font-weight: bold; margin-top: 20px}
.descrizione  {width:95%; margin-top: 5px }
.dato-col {width:95%; text-align: center ; font-weight: bold; margin-top: 20px; position:static;}
.colori2 {width:95%; height:45px ; margin-top: 5px; position:static; }
.preventivo {float:left; width:29%; margin-top:30px; margin-left: 1px; }
#acquista{ margin-bottom: 30px; width:90%; height: 100%; background-color: #E2E2E2; text-align: center ;  border-radius: 5px; margin-left: 10%;  }
#tab-price {float:left;width:51.33%; margin-top: 40px; }
.tab {overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1;}
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; height: 135px; bottom:50px;  line-height: 1.2;}
.pbase {float:left; width:100%; padding: 15px 0px 15px 0px;  text-align: center;   }
.pdato {float:left; width:16%; margin-left: 1%; line-height: 24px;}
.pdato2 {float:left; width:16%;  text-align: center; line-height: 24px; border-left: 1px solid black; height: 50%; }
#come-stamp {float:left; width:13%; margin-left: 25px;  height: 193px;  margin-top: 40px; display:flex; }
#tab-stamp {float:left;width:27%; margin-left: 60px;  height: 150px;  margin-top: 40px; display:flex;}
.tab-bozza {width:95.5%; height: 32%; padding: 8px 5px ; border: 1px solid #888; border-radius: 5px;  position: relative;  display: inline-block;  text-align: center; font-weight: bold;}
.tab-bozza-text {  visibility: hidden;  width: 95%;  background-color: #555;  color: #fff;  text-align: center; font-weight: normal; border-radius: 6px;  padding: 13px 9px;  position: absolute;  z-index: 1;  bottom: 105%;  left: 0%;   opacity: 0;  transition: opacity 0.3s;}
.tab-discount {width:100%; height: 75%; background-color: #f1f1f1; border: 1px solid #16467A; border-radius: 5px; margin-top:10px; text-align: center; line-height: 1.2; display:flex;}
.tab-discount-testa {background-color: #16467A; color:white; border-radius: 5px 5px 0 0; padding: 5px 0 5px 0;}
.modal-content { width: 60%; }
}
/*  MONITOR PICCOLI */
@media  (min-width: 1200px) {
div#gallery{float:left; width:38%; margin-top:30px; }
#zoom{width:80%;  margin: 0 auto; }
#DatiScheda{float:left; width:33%; min-height:560px ; margin-top:30px;   }
.preventivo {float:left; width:27%; margin-top:30px; margin-left: 5px; }
}
/* TOP GRANDI SCHERMI */
@media  (min-width: 1400px) {
div#gallery{float:left; width:38%; margin-top:30px; }
#DatiScheda{float:left; width:34%; min-height:560px ; margin-top:30px; margin-left: 15px;  }
div#zoom{width:100%; float:left;margin:0 0 5px 0;}
#minipics{float:left; width:400px ; margin-top:20px; position: absolute;  }
.articol {width:95%;  text-align: center ; font-weight: bold; border-radius: 5px; border: 2px solid #CCCCCC;}
.codice {width:95%; text-align: center ; margin-top: 10px}
.marchi_scheda {width:95%; margin-top: 5px; }
.dato {width:95%; text-align: center ; font-weight: bold; margin-top: 20px}
.descrizione  {width:95%; margin-top: 5px }
.dato-col {width:95%; text-align: center ; font-weight: bold; margin-top: 20px}
.colori2 {width:95%; height:45px ; margin-top: 5px }
.preventivo {float:left; width:26%; margin-top:30px;}
#acquista{ margin-bottom: 30px; width:90%; height: 100%; background-color: #E2E2E2; text-align: center ;  border-radius: 5px; margin-left: 10%;  }
#tab-price {float:left;width:51.33%; margin-top: 40px; }
.tab {overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1;}
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; height: 135px; bottom:50px; }
.pbase {float:left; width:100%; padding: 15px 0px 15px 0px;  text-align: center;   }
.pdato {float:left; width:16%; margin-left: 1%; line-height: 24px;}
.pdato2 {float:left; width:16%;  text-align: center; line-height: 24px; border-left: 1px solid black; height: 50%; }
#come-stamp {float:left; width:13.6%; margin-left: 25px;  height: 193px;  margin-top: 40px; display:block; }
#tab-stamp {float:left;width:19.5%; margin-left: 60px;  height: 150px;  margin-top: 40px; display:block;}
.tab-bozza {width:95%; height: 32%; padding: 8px 0 ; border: 1px solid #888; border-radius: 5px;  position: relative;  display: inline-block;  text-align: center; font-weight: bold;}
.tab-bozza-text {  visibility: hidden;  width: 95%;  background-color: #555;  color: #fff;  text-align: center; font-weight: normal; border-radius: 6px;  padding: 13px 9px;  position: absolute;  z-index: 1;  bottom: 105%;  left: 0%;   opacity: 0;  transition: opacity 0.3s;}
.tab-discount {width:95%; height: 75%; background-color: #f1f1f1; border: 1px solid #16467A; border-radius: 5px; margin-top:10px; text-align: center; line-height: 1.2; display:block; margin-left:-1px;}
.tab-discount-testa {background-color: #16467A; color:white; border-radius: 5px 5px 0 0; padding: 5px 0 5px 0;}
.modal-content { background-color: #fefefe; margin: 5% auto;  padding: 20px; border: 1px solid #888; width: 45%; }
}

/*** CORRELATI ***/
@media (max-width: 991px) {
#correlati {width: 100%;float:left; text-align: center; background-color:#E5E5E5; margin-top: 35px;}
.correl-text {margin-top: 20px;}
.ultimi2 {width: 95%;  margin: auto;  }
.ultimiimg2 {width: 20%; margin: 25px 7px; float: left; border:1px solid white ; }
.ultimiProd {background-color: #F3F3F3; font-size: 13px; padding: 3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.imgs {width:100%}
}
@media (min-width: 992px) {
#correlati {width: 100%;float:left; text-align: center; background-color:#E5E5E5; margin-top: 35px;}
.correl-text {margin-top: 20px;}
.ultimi2 {width: 75%;  margin: auto;  }
.ultimiimg2 {width: 10%; margin: 25px 15px; float: left; border:1px solid white ; }
.ultimiProd {background-color: #F3F3F3; font-size: 14px; padding: 5px;}
.imgs {width:100%}
}
/*** CARRELLO ***/
@media (max-width: 575px) {
#tabellaCarr { display: table; width: 100% ; border: 1px solid #DFDFDF ;}
.rigaCarr { float:left; width: 100%; text-align:left;}
.colonnaCarr1 { float:left; display:block; width:15%; text-align:center; }
.colonnaCarr2 { float:left; display:block; width:15%; text-align:center;  }
.colonnaCarr3 { float:left; display:block; width:45%; text-align:right;  }
.colonnaCarr4 { float:left; display:block; width:25%; text-align:right;  }
#categorie	{display:none;}
.riga2,
.colonna2 { margin: 0; padding: 0; border: 0}
.colonna3 { margin: 0; padding: 0; border: 0}
.riga2 { clear: both; display: block; display: table-row; width: 100%}
.colonna2 {  display: table-cell; height:25px; width: 100% }
.colonna3 {  display: table-cell; height:25px;  }
.scount {width: 100%; height: 60px; background-color:#449B93; color: white; margin-top:15px; display: flex; flex-wrap: wrap; }
.scount div {margin: 0 auto; padding: 9px; }
}
@media (min-width: 576px) {
#tabellaCarr { display: table; width: 100% ; border: 1px solid #DFDFDF ;}
.rigaCarr { float:left; width: 100%; text-align:left; margin-left: 10px;}
.rigaCarr2 { float:left; width: 100%; text-align:left; margin: -18px 0 10px 36px;}
.colonnaCarr1 { float:left; display:block; width:10%; text-align:center; margin-top:5px; }
.colonnaCarr2 { float:left; display:block; width:10%; text-align:center; margin-top:30px; }
.colonnaCarr3 { float:left; display:block; width:40%; text-align:right; margin-top:18px;}
.colonnaCarr4 { float:left; display:block; width:35%; text-align:right; padding: 0 5px 0 0; margin-top:30px;}
.riga2 { clear: both; display: block; display: table-row; width: 100%; height:30px; }
.colonna2 {  display: table-cell; width: 100% }
.colonna3 {  display: table-cell;  padding: 10px 50px 10px 0 }
.scount {width: 100%; height: 40px; background-color:#449B93; color: white; margin-top:15px; display: flex; flex-wrap: wrap; }
.scount div {margin: 0 auto; padding: 9px; }
}
#carrello {width: 100%; height: 15px; background-color:#214B47; border: 1px solid #214B47; text-align:center; color: white; padding: 10px 0 10px 0; margin-top:20px; display:flex; }
.torna {width: 100%; margin: 35px 0 35px 0;}
.torna div {width: 50%; float: left; text-align:center;}
.torna-btn {background-color: #214B47;  border: none;  color: white;  padding: 16px 32px;  text-align: center;  font-size: 16px;  margin: 4px 2px;  transition: 0.3s;  text-decoration: none;}
.torna-btn:hover {background-color: #FF6600;  color: white;}
.help-carrello {width: 100%; float: left; text-align:center; border: 2px solid #DFDFDF ; margin: 30px 0 30px 0; padding: 8px;}



/*** COMPLETA ORDINE ***/
.collaps-logo {background-color: #214B47;  color: white;  cursor: pointer;  padding: 10px;  width: 100%;  border: none;  text-align: center;  outline: none;  font-size: 15px;  margin-top:20px;  border: 1px solid #214B47;}
.collaps-logo-active, .collaps-logo:hover { background-color: #183835;}
.collaps-logo-content { padding: 0 0px;  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;  background-color: white;}
.collaps-logo span { float:left;}
.complete_riga {float: left; width: 100%; text-align:center;  }
.complete_riga  a{margin:20px;  }
.btn-logo { background-color: #214B47;  border: none;  color: white;  padding: 32px 32px;  text-align: center;  font-size: 30px;  margin: 4px 2px;  transition: 0.3s;  text-decoration: none;}
.btn-logo:hover { background-color: #FF6600;  color: white;}

/*** INVIO-LOGO ***/
@media (max-width: 768px) {
.allega-logo {margin: 0 auto; padding: 9px;  width: 90%; background-color:#214B47; color:white; margin-top:25px; text-align:center; }
.allega-logo-content  {margin: 0 auto; padding: 9px;  width: 90%; margin-top:20px; text-align:center; color:#FF6600; margin-bottom:50px; font-weight:bold;}
.allega-logo-content2  {margin: 0 auto; padding: 9px;  width: 50%; margin-top:20px; margin-bottom:50px; text-align:center; }
.allega-logo-content2B  {margin: 0 auto; padding: 30px;  width: 30%; margin-top:20px; margin-bottom:50px; text-align:center; border: 1px solid #DFDFDF; }
}
@media (min-width: 769px) {
.allega-logo {margin: 0 auto; padding: 9px;  width: 50%; background-color:#214B47; color:white; margin-top:25px; text-align:center; }
.allega-logo-content  {margin: 0 auto; padding: 9px;  width: 50%; margin-top:20px; text-align:center; color:#FF6600; margin-bottom:50px; font-weight:bold;}
.allega-logo-content2  {margin: 0 auto; padding: 9px;  width: 50%; margin-top:20px; margin-bottom:50px; text-align:center; }
.allega-logo-content2B  {margin: 0 auto; padding: 30px;  width: 30%; margin-top:20px; margin-bottom:50px; text-align:center; border: 1px solid #DFDFDF; }
}

/*** RIEPILOGO2 ***/
@media (min-width: 769px) {
 .dati1  { display: table; width: 36% ; float: left ; border: 1px solid #DFDFDF; padding:6px; }
 .dati2  { display: table; width: 60% ; float: right ; border: 1px solid #DFDFDF; padding:6px;  }
}
@media (max-width: 991px) {
.riep-a {  border: 1px solid #DFDFDF;   height: 70px;   line-height: 30px;   width: 90%;   padding: 5%; float: left; background-color:#EBEBEB;}
.riep-b {  border: 1px solid #DFDFDF;   height: 70px;   line-height: 25px;   width: 90%;   padding: 5%; float: left; }
.riep-b2 {    width: 100%;   float: left; }
.btn-invio {  background-color: #214B47;  border: none;  color: white;  padding: 16px 40px;  text-align: center;  font-size: 18px;  margin: 4px 2px;  transition: 0.3s;  text-decoration: none;  cursor:pointer;  margin-top:35px;}
.btn-invio:hover {  background-color: #FF6600;  color: white;}
.luogo { width: 90%; height: 50px; padding-left: 30px; margin-top:5px;}
.payment { width: 98.5%; height: 50px; padding-left: 30px; margin-top:5px; cursor:pointer;}
.courier { width: 80%; height: 30px; padding-left: 30px; margin-top:35px;}
}

@media (min-width: 992px) {
.riep-a {  border: 1px solid #DFDFDF;   height: 70px;   line-height: 30px;   width: 30.4%;   padding: 10px; float: left; background-color:#EBEBEB;}
.riep-b {  border: 1px solid #DFDFDF;   height: 70px;   line-height: 25px;   width: 66.5%;   padding: 10px; float: left; }
.riep-b2 {    width: 50%;   float: left; }
.btn-invio { background-color: #214B47;  border: none;  color: white;  padding: 16px 40px;  text-align: center;  font-size: 18px;  margin: 4px 2px;  transition: 0.3s;  text-decoration: none;  cursor:pointer;  margin-top:35px;}
.btn-invio:hover { background-color: #FF6600;  color: white;}
.luogo { width: 95%; height: 50px; padding-left: 30px; margin-top:5px;}
.payment { width: 98.5%; height: 50px; padding-left: 30px; margin-top:5px; cursor:pointer;}
.courier { width: 80%; height: 30px; padding-left: 30px; margin-top:35px;}
}


</pre></body></html>