/*@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400&family=Titillium+Web:wght@300&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  /*font-family: 'Fira Sans', sans-serif;*/
  font-family: 'PT Sans', sans-serif;
  background-color: #FFFFFF;
}

.cleaner {
  clear: both;
  /*
  height: 4px;
  background-color: lime;
  */
}

/*DA QUI*/
#testata_mobile {
  display: none;
}

#testata {
  height: 64px;
  text-align: center;
  width: 100%;
  position: fixed;
  background-color: #FFFFFF;
  z-index: 1000;
}

#testata .testata_sx {
  height: 64px;
  width: 47%;
  float: left;
  text-align: right;
  background-image: url('https://www.mcaricambi.it/immagini/layout/barra_sx.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #EF4F29;
}

#testata .testata_sx .menu_sx {
  height: 24px;
  line-height: 24px;
  width: 100%;
  float: right;
  background-color: #C6C6C6;
  background-color: #FFFFFF;
  /*margin-right: -12px;*/
}

#testata .testata_sx .menu_sx .voce {
  margin: 0px; 
  margin-top: 4px; 
  margin-left: 10px; 
  padding: 0px;
  cursor: pointer;
  float: right;
  width: 92px;
  height: 16px;  
  line-height: 16px;  
  text-align: center;
  background-image: url('https://www.mcaricambi.it/immagini/layout/vuoto.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-size: 12px;
}

#testata .testata_sx .menu_sx .voce_accesa {
  margin: 0px; 
  margin-top: 4px; 
  margin-left: 10px; 
  padding: 0px;
  cursor: pointer;
  float: right;
  width: 92px;
  height: 16px;  
  line-height: 16px;  
  text-align: center;
  background-image: url('https://www.mcaricambi.it/immagini/layout/vuoto_accesa.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  color: #000000;
  font-weight: bold;
  font-size: 12px;
}

#testata .testata_cx {
  height: 64px;
  width: 6%;
  float: left;
  text-align: right;
  background-image: url('https://www.mcaricambi.it/immagini/layout/logo.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 85%;
}

#testata .testata_dx {
  height: 64px;
  width: 47%;
  float: right;
  text-align: right;
  background-image: url('https://www.mcaricambi.it/immagini/layout/barra_dx.png');
  background-position: left bottom;
  background-repeat: no-repeat;
  background-color: #EF4F29;
}

#testata .testata_dx .menu_dx {
  height: 24px;
  line-height: 24px;
  float: left;
  background-color: #FFFFFF;
  width: 100%;
}

#testata .testata_dx .menu_dx .contenuto {
  padding-left: 30px; 
}

#testata .testata_dx .box {
  height: 24px;
  line-height: 24px;
  float: left;
  color: #FFFFFF;
  margin-top: 12px;
  margin-left: 10px;
  text-align: left;
}

#testata .testata_dx .box .utente {
  float: left;
  display: block;
}

#testata .testata_dx .box .utente .immagine {
  float: left;
  display: block;
}

#testata .testata_dx .box .utente .immagine img {
  height: 24px;
}

#testata .testata_dx .box .utente .nome {
  float: left;
  display: block;
  margin-left: 10px;
}

#testata .testata_dx .box .carrello {
  margin-left: 20px;
  float: left;
  display: block;  
  cursor: pointer;
}

#testata .testata_dx .box .carrello .immagine {
  float: left;
  display: block;
}

#testata .testata_dx .box .carrello .immagine img {
  height: 22px;
  margin-top: 0px;
}

#testata .testata_dx .box .carrello .importo {
  float: left;
  display: block;
  margin-left: 10px;
  text-align: right;
  font-weight: bold;
  font-size: 16px;
}

#testata .testata_dx .menu_dx .voce {
  margin: 0px; 
  margin-top: 4px; 
  margin-right: 10px; 
  padding: 0px;
  cursor: pointer;
  float: left;
  width: 92px;
  height: 16px;  
  line-height: 16px;  
  text-align: center;
  background-image: url('https://www.mcaricambi.it/immagini/layout/vuoto.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-size: 12px;
  background-size: 100%;
}

#testata .testata_dx .menu_dx .voce_accesa {
  margin: 0px; 
  margin-top: 4px; 
  margin-right: 10px; 
  padding: 0px;
  cursor: pointer;
  float: left;
  width: 92px;
  height: 16px;  
  line-height: 16px;  
  text-align: center;
  background-image: url('https://www.mcaricambi.it/immagini/layout/vuoto_accesa.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  color: #000000;
  font-weight: bold;
  font-size: 12px;
}

#testata .testata_dx .menu_dx .voce input {
  width: 92px;
  cursor: default;
  background-color: transparent;
  border: 0px solid red;
  font-size: 10px;
  font-family: 'PT Sans', sans-serif;
  margin: 0px;
  float: left;
  text-align: center;
  outline-style: none;
  color: #EF4F29;
  color: #FFFFFF;
  height: 13px;  
  line-height: 13px;  
}

#testata .testata_dx .menu_dx .voce input::placeholder {
  color: #FFFFFF;
}

#testata .testata_dx .menu_dx .voce input::-ms-input-placeholder {
  color: #FFFFFF;
}

#testata .testata_dx .menu_dx input[type="image"] {
  cursor: pointer;
}

#testata .ricerca_mobile {
  display: none;
}

#testata .ricerca {
  padding: 10px 0px 10px 0px;
  width: 100%;
  margin: 0px auto;
  text-align: center;
  background-color: #575757;
  color: #FFFFFF;
  font-weight: bold;
  display: block;
}

#testata .ricerca .semplice {
  line-height: 20px;
  color: #FFFFFF;
  width: 440px;
  width: 320px;
  margin: 0px auto;
}

#testata .ricerca .semplice label {
  float: left;
  display: block;
  font-size: 14px;
  font-weight: bold;
  width: 130px;
  text-align: right;
}

#testata .ricerca .semplice input[type="text"] { 
  margin: 0px auto;
  font-family: 'PT Sans', serif;
  font-size: 14px;
  background-color: transparent;
  text-align: center;
  outline-style: none;
  width: 140px;
  height: 16px;
  display: block;
  float: left;
  border: 0px;
  border: 0px solid blue;
  border-bottom: 1px solid #FFFFFF;
  margin-left: 10px;
  color: #FFFFFF;
  text-transform: uppercase;
}

#testata .ricerca .semplice input[type="text"]::placeholder {
color: #BABABA;
}

#testata .ricerca .semplice input[type="image"] { 
  margin-left: 6px;
  height: 16px;
  float: left;
}

#testata .ricerca .semplice img { 
  margin-left: 6px;
  height: 16px;
  float: left;
  cursor: pointer;
}

#testata .ricerca .semplice .esempio { 
  margin-left: 10px;
  font-weight: normal;
  font-size: 12px;
}

#testata .ricerca .avanzata {
  line-height: 20px;
  color: #FFFFFF;
  font-weight: bold;
  margin: 0px auto;
}

#testata .ricerca .avanzata label {
  float: left;
  display: block;
  font-size: 14px;
  font-weight: bold;
  width: 130px;
  text-align: right;
}

#testata .ricerca .avanzata select { 
  width: 134px;
  height: 20px;
  font-size: 14px;
  background-color: c6c6c6;
  background-color: transparent;
  font-family: 'PT Sans', serif;
  border: 0px;
  outline-style: none;
  border: 0px solid blue;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  margin-left: 10px;
  padding-bottom: 1px;
  float: left;
  text-align: center;
}

#testata .ricerca .avanzata select option { 
  color: #FFFFFF;
  background-color: #575757;
}

#testata .ricerca .avanzata #img_ricerca_avanzata { 
  margin-left: 6px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  float: left;
  cursor: pointer;
}

#testata .ricerca .avanzata .netti { 
  margin-left: 14px;
  font-weight: normal;
  font-size: 12px;
  float: left;
}

#testata .ricerca .avanzata .netti input[type="checkbox"] {
  float: left; 
}

/*
#testata .ricerca input[type="submit"] { 
  margin: 0px auto;
  font-family: 'PT Sans', serif;
  font-size: 18px;
}
*/

#testata .ricerca a:link {
  text-decoration: none;
  color: #FFFFFF;
  margin-top: 4px;
}

#testata .ricerca a:visited {
  text-decoration: none;
  color: #FFFFFF;
  margin-top: 4px;
}

#testata .ricerca a:hover {
  text-decoration: none;
  color: #FFFFFF;
  margin-top: 4px;
}

#testata .ricerca a:active {
  text-decoration: none;
  color: #FFFFFF;
  margin-top: 4px;
}

#pagina {
  width: 100%;
  margin: 0px;
  /*background-color: #ededed;*/  
  padding-top: 80px;
  margin-bottom: 40px;
}
      
#pagina h1 {
  font-size: 30px;
  padding: 0px;
  padding-top: 70px;
  height: 80px;
  line-height: 80px;
  margin: 0px;
  margin-bottom: 0px;
  font-family: 'PT Sans', serif;
  font-weight: bold;   
  text-align: center;
}

#pagina .paginazione {
  color: #000000;
}

#pagina .paginazione a:link {
  color: #000000;
}

#pagina .paginazione a:visited {
  color: #000000;
}

#pagina .paginazione a:hover {
  color: #000000;
}

#pagina .paginazione a:active {
  color: #000000;
}

#pagina .paginazione input[type="button"] { 
  margin: 0px auto;
  font-family: 'PT Sans', serif;
  font-size: 18px;
  color: #575757;
  background-color: #FFFFFF;
  cursor: pointer;
}

#pagina .contenuto {
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
  max-width: 1200px;
  margin: 0px auto;
}

#pagina .contenuto .legenda .spazio { 
  display: inline;
  width: 30px;
  height: 0px;
  background-color: red;
  float: left;
}

#pagina .contenuto a {
  color: #d3051a;
  text-decoration: none;
}

#pagina .contenuto .marchi {
  margin: 0px auto;
}

#pagina .contenuto .marchi ul { 
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#pagina .contenuto .marchi ul li {
  height: 130px; 
  line-height: 20px;
  margin: 0px 0px 20px 0px;
  font-weight: bold;
  float: left;
  width: 300px;
  text-align: center;
}

#pagina .contenuto .marchi ul li img {
  height: 100px;
}

#pagina .contenuto .cataloghi {
  text-align: center;
}

#pagina .contenuto .cataloghi .box { 
  width: 208px;
  height: 360px;
  margin-right: 10px;
  border: 1px solid #CCCCCC;
  padding: 10px 10px 0px 10px;
  margin-bottom: 30px;
  float: left;
  background-color: #FFFFFF;
}

#pagina .contenuto .cataloghi .box img { 
  width: 208px;
}

#pagina .contenuto .storico_ordini {
  text-align: center;
}

#pagina .contenuto .storico_ordini table { 
  width: 100%;
  margin: 0px auto;
  border-collapse: collapse;
  border: 1px solid #f6f6f6;
  border: 1px solid #C6C6C6;
}

#pagina .contenuto .storico_ordini table tr th { 
  text-align: center;
  height: 30px;
  line-height: 30px;
  background-color: #f6f6f6;
  background-color: #C6C6C6;
  padding: 14px;
}

#pagina .contenuto .storico_ordini table tr td { 
  text-align: left;
  padding: 14px;
  height: 30px;
  vertical-align: center;
}








#pagina .contenuto .articoli {
  margin: 0px auto;
}

#pagina .contenuto .articoli .box { 
  width: 208px;
  height: 390px;
  height: 350px;
  margin-right: 10px;
  border: 1px solid #CCCCCC;
  padding: 10px 10px 0px 10px;
  margin-bottom: 30px;
  float: left;
  background-color: #FFFFFF;
  overflow: auto;
}

#pagina .contenuto .articoli .box::-webkit-scrollbar {
  width: 4px;
}
#pagina .contenuto .articoli .box::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}

#pagina .contenuto .articoli .box::-webkit-scrollbar-thumb {
  background-color: #575757;
}

#pagina .contenuto .articoli .box .immagine { 
}

#pagina .contenuto .articoli .box .num_box a {
  color: grey;
  float: left;
  font-size: 8px;
}

#pagina .contenuto .articoli .box .immagine img {
  max-width: 120px;
  height: 120px;
  overflow: hidden;
}

#pagina .contenuto .articoli .box .opzioni { 
  width: 30px;
  float: right;
  text-align: right;
  margin-top: -122px;
}

#pagina .contenuto .articoli .box .opzioni img { 
  width:  18px;
  height:  18px;
}

#pagina .contenuto .articoli .box .codice { 
  font-size: 18px;
  color: #EF4F29;
  text-align: left;
}

#pagina .contenuto .articoli .box .codice img { 
  height: 20px;
  margin-top: 2px;
}

#pagina .contenuto .articoli .box .codice .status_disponibile { 
  color: #FFFFFF;
  background-image: url('https://www.mcaricambi.it/immagini/icone/disponibile.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  font-size: 9px;
  height: 15px;
  line-height: 15px;
  width: 79px;
  text-align: center;
}

#pagina .contenuto .articoli .box .codice .status_da_ordinare { 
  color: #FFFFFF;
  background-image: url('https://www.mcaricambi.it/immagini/icone/da_ordinare.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 9px;
  height: 15px;
  line-height: 15px;
  width: 79px;
  text-align: center;
}

#pagina .contenuto .articoli .box .codice .status_in_arrivo { 
  color: #FFFFFF;
  background-image: url('https://www.mcaricambi.it/immagini/icone/in_arrivo.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  font-size: 9px;
  height: 15px;
  line-height: 15px;
  width: 79px;
  text-align: center;
}

#pagina .contenuto .articoli .box .codice .status_testo { 
  position: relative;
  left: 6px;  
}

#pagina .contenuto .articoli .box .codici_oem { 
  background-color: #F2F2F2;
  text-align: left;
  padding: 4px;
}

#pagina .contenuto .articoli .box .descrizione { 
  text-align: left;
  line-height: 17px;
  height: 34px;
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
}

#pagina .contenuto .articoli .box .descrizione_lunga { 
  background-color: #F2F2F2;
  text-align: left;
  padding: 4px;
  min-height: 50px;
  /*overflow: hidden;*/
}

#pagina .contenuto .articoli .box .prezzi { 
  font-size: 10px;
  text-align: left;
}

#pagina .contenuto .articoli .box .prezzi strong { 
  font-size: 18px;
  text-align: left;
  margin-bottom: 20px;
}

#pagina .contenuto .articoli .box .promo { 
  min-height: 50px;
  margin-bottom: 10px;
  /*color: #C6C6C6;*/
  cursor: pointer;
}

#pagina .contenuto .articoli .box .promo img { 
  height: 50px;
}

#pagina .contenuto .articoli .box .promo .tabellina { 
  margin: 0px auto;
  width: 170px;
  line-height: 20px;
}

#pagina .contenuto .articoli .box .urgenza_pulsante { 
  color: #000000;
  background-image: url('https://www.mcaricambi.it/immagini/icone/acquistabile.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 10px;
  height: 15px;
  line-height: 15px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

#pagina .contenuto .articoli .box .quantita { 
  float: left;
}

#pagina .contenuto .articoli .box .prezzo { 
  float: right;
}

#pagina .contenuto .articoli .box .carrello { 
  display: block;
  font-family: 'PT Sans', sans-serif;
  text-align: right;
  margin: 0px auto;
  width: 70px;
  height: 22px;
  line-height: 22px;
  float: right;
}

#pagina .contenuto .articoli .box .carrello input[type="number"] { 
  width: 36px;
  font-family: 'PT Sans', sans-serif;
  text-align: center;
  float: left;
}

#pagina .contenuto .articoli .box .carrello input[type="image"] { 
  height: 18px;
  margin-top: 5px;
}

#pagina .contenuto .articoli .box .carrello a { 
  display: block;
  float: right;
}

#pagina .contenuto .articoli .box img { 
  width: 100%;
  margin: 0px;
}

#pagina .contenuto .articoli .box .urgenza { 
  font-size: 12px;
  text-align: center;
  padding: 0px;
  margin: 0px;
  line-height: 16px;
}

#pagina .contenuto .articoli .box .urgenza input[type="image"] { 
  width: 30px;
}




#pagina333333 .contenuto .articoli .box input[type=text] { 
  width: 28px;
  font-family: 'PT Sans', sans-serif;
  text-align: center;
  float: left;
}

#pagina33333 .contenuto .articoli .box input[type=number] { 
  width: 28px;
  font-family: 'PT Sans', sans-serif;
  text-align: center;
  float: left;
}

#pagina33333 .contenuto .articoli .box .aggiungi { 
  font-family: 'PT Sans', sans-serif;
  text-align: center;
  font-size: 16px;
}

#pagina .contenuto .contatti { 
  text-align: center;
}

#pagina .contenuto .contatti form label { 
  font-weight: bold;
  display: block;
  line-height: 25px;
  height: 25px;
  font-size: 16px;
}

#pagina .contenuto .contatti form input[type=text] { 
  font-weight: bold;
  display: block;
  width: 300px;
  font-family: 'PT Sans', sans-serif;
  margin: 0px auto;
}

#pagina .contenuto .contatti form textarea { 
  font-weight: bold;
  display: block;
  width: 300px;
  font-family: 'PT Sans', sans-serif;
  margin: 0px auto;
}

#pagina .contenuto .contatti form input[type=checkbox] { 
}

#pagina .contenuto .contatti form input[type=submit] { 
  margin: 0px auto;
  font-family: 'PT Sans', serif;
  font-size: 18px;
  color: #575757;
  background-color: #FFFFFF;
}

#pagina .contenuto .contatti form .cleaner { 
  height: 4px;
}

#pagina .contenuto .contatti .errore { 
  color: red;
}

#pagina .contenuto .registrati { 
  text-align: center;
}

#pagina .contenuto .registrati form label { 
  font-weight: bold;
  display: block;
  line-height: 25px;
  height: 25px;
  font-size: 16px;
}

#pagina .contenuto .registrati form input[type=text] { 
  font-weight: bold;
  display: block;
  width: 300px;
  font-family: 'PT Sans', sans-serif;
  margin: 0px auto;
}

#pagina .contenuto .registrati form textarea { 
  font-weight: bold;
  display: block;
  width: 300px;
  font-family: 'PT Sans', sans-serif;
  margin: 0px auto;
}

#pagina .contenuto .registrati form input[type=checkbox] { 
}

#pagina .contenuto .registrati form input[type=submit] { 
  height: 30px;
  margin: 0px auto;
}

#pagina .contenuto .registrati form .cleaner { 
  height: 4px;
}

#pagina .contenuto .registrati form .errore { 
  color: red;
}

#piede {
  clear: both;
  padding: 0px;
  background-color: #CCCCCC;
  background-color: #575757;
  color: #FFFFFF;
  margin-top: 0px;
}

#piede .contenuto {
  margin: 0px auto;
  height: auto;
  text-align: left;
  padding: 10px;
  max-width: 1200px;
}

#piede .contenuto a:link {
  text-decoration: none;
  color: #FFFFFF;
}

#piede .contenuto a:visited {
  text-decoration: none;
  color: #FFFFFF;
}

#piede .contenuto a:hover {
  text-decoration: none;
  color: #FFFFFF;
}

#piede .contenuto a:active {
  text-decoration: none;
  color: #FFFFFF;
}

#piede .contenuto .titolo {
  font-size: 18px;
  font-family: 'PT Sans', serif;
  font-weight: bold;   
  text-align: center;
}

#piede .contenuto .chi_siamo {
  margin: 0px auto;
  height: auto;
  text-align: justify;
  width: 400px;
  float: left;
}

#piede .contenuto .dati {
  margin: 0px auto;
  height: auto;
  text-align: center;
  width: 400px;
  float: left;
}

#piede .contenuto .dove_siamo {
  margin: 0px auto;
  height: auto;
  text-align: center;
  width: 400px;
  float: left;
}

#top {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #575757;
  text-align: center;
  position: fixed;
  bottom: 20px; 
  right: 49%;
  cursor: pointer;
  display: none;
  color: #ffffff;
  font-size: 36px;
}

#top:hover{
  background-color: #afa198;
}
  
#servizi {
  width: 100%;
  margin: 0px;
  margin-top: 80px;
}
      
#servizi .contenuto {
  margin: 0px auto;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 12px;
}
      
#servizi .contenuto h2 {
  font-size: 28px;
  padding: 0px;
  color: #36A4E1;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 40px;
}

#servizi .contenuto .box {
  margin: 0px auto;
  margin-bottom: 80px;
  cursor: pointer;
  /*border-bottom: 1px solid #36A4E1;*/
  min-height: 530px;
  height: auto;
}

#servizi .contenuto .box_ultimo {
  margin: 0px auto;
  margin-bottom: 80px;
  cursor: pointer;
  /*border-bottom: 1px solid #36A4E1;*/
  min-height: 530px;
  height: auto;
}

#servizi .contenuto .box h2 {
  color: #FFFFFF;  
  font-size: 30px;
  line-height: 34px;
  text-align: center;
  height: auto;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: normal;
  background-color: #36A4E1;
  padding: 10px;
}

#servizi .contenuto .box_ultimo h2 {
  color: #FFFFFF;  
  font-size: 30px;
  line-height: 34px;
  text-align: center;
  height: auto;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: normal;
  background-color: #36A4E1;
  padding: 10px;
}

#servizi .contenuto .box .immagine {
  /*height: 267px;*/
  margin: 0px auto;
  text-align: center;
  /*width: 400px;*/
  width: 100%;
}

#servizi .contenuto .box_ultimo .immagine {
  /*height: 267px;*/
  margin: 0px auto;
  text-align: center;
  /*width: 400px;*/
  width: 100%;
}

#servizi .contenuto .box .immagine img {
  /*height: 267px;*/
  /*width: 400px;*/
  width: 100%;
  margin: 0px;
}

#servizi .contenuto .box_ultimo .immagine img {
  /*height: 267px;*/
  /*width: 400px;*/
  width: 100%;
  margin: 0px;
}

#servizi .contenuto .box .testo {
  color: #000000;  
  text-align: center;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
}

#servizi .contenuto .box_ultimo .testo {
  color: #000000;  
  text-align: center;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
}

#servizi .contenuto .box a {
  text-decoration: none;
  color: #000000;
}

#servizi .contenuto .box_ultimo a {
  text-decoration: none;
  color: #000000;
}

#pagina .contenuto .sx {
  float: left;
  width: 100%;
  padding-right: 0px;
  text-align: center;
  padding: 0px;
  margin-top: 20px;
}

#pagina .contenuto .sx .casa {
  margin: 0px auto;
  margin-bottom: 10px;  
}

#pagina .contenuto .sx .indirizzo {
  margin: 0px auto;
  margin-bottom: 30px;
  margin-top: 30px;
}

#pagina .contenuto .sx .telefono {
  margin: 0px auto;
  margin-top: 30px;  
  margin-bottom: 30px;  
}

#pagina .contenuto .sx .telefono a {
  text-decoration: none;
  color: #000000;
}

#pagina .contenuto .dx {
  float: right;
  width: 100%;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-top: 40px;
  text-align: left;
}

#pagina .contenuto .dx .grazie {
  border: 2px dotted #36A4E1;
  padding: 10px;
  margin-bottom: 30px;
  text-align: center;
}

#pagina .contenuto .dx label {
  display: block;
  height: 22px;
  line-height: 22px;
  margin-top: 9px;
  text-align: center;
}

#pagina .contenuto .dx input[type="text"] {
  display: block;
  height: 34px;
  line-height: 34px;
  width: 99%;
  border: 0px;
  font-family: 'PT Sans', serif;
  background-color: #EFEEEC;
  color: #000000;
  text-align: center;
  font-size: 18px;
}

#pagina .contenuto .dx textarea {
  display: block;
  height: 102px;
  line-height: 34px;
  width: 99%;
  border: 0px;
  background-color: #EFEEEC;
  color: #000000;
  font-family: 'PT Sans', serif;   
  text-align: center;
  font-size: 18px;  
}

#pagina .contenuto .dx img {
  margin: 0px auto;
}

#pagina .contenuto .dx .privacy {
  margin: 0px auto;
  margin-bottom: 11px;
  margin-top: 9px;
  font-size: 12px;
}

#pagina .contenuto .dx .privacy a {
  text-decoration: none;
  color: #000000;
}

#pagina .contenuto .dx .errore_campo {
  background-color: #d3051a;
  text-align: center;
}

#pagina .contenuto .dx .errore_testo {
  color: #d3051a;
  text-align: center;
  font-size: 16px;
}

#pagina .contenuto .dx .button {
  text-align: center;
  font-size: 26px;
  background-color: #afa198;
  color: #FFFFFF;
  padding: 10px;
  margin-top: 10px;
}

#pagina .contenuto .carrello {
  text-align: center;
}

#pagina .contenuto .carrello .articoli {
  text-align: center;
  width: 772px;
  float: left;
}

#pagina .contenuto .carrello .ordine {
  text-align: center;
  width: 350px;
  float: right;
}

#pagina .contenuto .carrello .articoli table { 
  width: 100%;
  margin: 0px auto;
  border-collapse: collapse;
  border: 1px solid #f6f6f6;
  border: 1px solid #C6C6C6;
}

#pagina .contenuto .carrello .articoli table tr th { 
  text-align: center;
  height: 30px;
  line-height: 30px;
  background-color: #f6f6f6;
  background-color: #C6C6C6;
  padding: 14px;
}

#pagina .contenuto .carrello .articoli table tr td { 
  text-align: left;
  padding: 4px 14px 4px 14px;
  vertical-align: center;
}

#pagina .contenuto .carrello .articoli table tr td .status_disponibile { 
  color: #FFFFFF;
  background-image: url('https://www.mcaricambi.it/immagini/icone/disponibile.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  font-size: 9px;
  height: 15px;
  line-height: 15px;
  width: 79px;
  text-align: center;
  margin: 0px auto;
}

#pagina .contenuto .carrello .articoli table tr td .status_in_arrivo { 
  color: #FFFFFF;
  background-image: url('https://www.mcaricambi.it/immagini/icone/in_arrivo.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  font-size: 9px;
  height: 15px;
  line-height: 15px;
  width: 79px;
  text-align: center;
  margin: 0px auto;
}

#pagina .contenuto .carrello .articoli table tr td .status_da_ordinare { 
  color: #FFFFFF;
  background-image: url('https://www.mcaricambi.it/immagini/icone/da_ordinare.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  font-size: 9px;
  height: 15px;
  line-height: 15px;
  width: 79px;
  text-align: center;
  margin: 0px auto;
}

#pagina .contenuto .carrello .articoli table tr td .status_testo { 
  position: relative;
  left: 6px;  
}

#pagina .contenuto .carrello .articoli table tr td .cancella { 
  color: #000000;
  background-image: url('https://www.mcaricambi.it/immagini/icone/cancella.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
  width: 86px;
  text-align: center;
  font-weight: bold;
  float: right;
  cursor: pointer;
}

#pagina .contenuto .carrello .articoli table tr td .salva { 
  color: #FFFFFF;
  background-image: url('https://www.mcaricambi.it/immagini/icone/salva.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
  width: 86px;
  text-align: center;
  font-weight: bold;
  float: right;
  cursor: pointer;
}

#pagina .contenuto .carrello .ordine table { 
  width: 100%;
  margin: 0px auto;
  border-collapse: collapse;
  border: 1px solid #f6f6f6;
  border: 1px solid #C6C6C6;
}

#pagina .contenuto .carrello .ordine table tr th { 
  text-align: center;
  height: 30px;
  line-height: 30px;
  background-color: #f6f6f6;
  background-color: #C6C6C6;
  padding: 14px;
}

#pagina .contenuto .carrello .ordine table tr td { 
  text-align: left;
  padding: 4px 14px 4px 14px;
  vertical-align: center;
}

#pagina .contenuto .carrello .fatturazione_spedizione_note {
  margin: 0px;
  padding: 0px;
}
 
#pagina .contenuto .carrello .fatturazione_spedizione_note .box { 
  width: 350px;
  padding: 0px;
  margin: 0px auto;
  border: 1px solid #f6f6f6;
  border: 1px solid #C6C6C6;
  float: left;
  margin-right: 72px;
  height: 166px;
}
 
#pagina .contenuto .carrello .fatturazione_spedizione_note .box table { 
  margin: 0px;
  padding: 0px;
}

#pagina .contenuto .carrello .fatturazione_spedizione_note .box table tr th { 
  text-align: center;
  height: 30px;
  line-height: 30px;
  background-color: #f6f6f6;
  background-color: #C6C6C6;
  padding: 14px;
}

#pagina .contenuto .carrello .fatturazione_spedizione_note .box table tr td { 
  text-align: left;
  padding: 4px 14px 4px 14px;
  vertical-align: center;
}

#pagina .contenuto .carrello .fatturazione_spedizione_note .box table tr td textarea { 
  width: 100%;
  cursor: default;
  border: 1px solid #C6C6C6;
  border: 1px solid #C6C6C6;
  font-size: 13px;
  font-family: 'PT Sans', sans-serif;
  margin: 0px;
  height: 50px;
  text-align: center;
}

#pagina .contenuto .carrello .fatturazione_spedizione_note .box table tr td .conferma { 
  color: #FFFFFF;
  background-image: url('https://www.mcaricambi.it/immagini/icone/conferma.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  font-size: 11px;
  height: 24px;
  line-height: 24px;
  width: 139px;
  text-align: center;
  font-weight: bold;
  margin: 0px auto;
  cursor: pointer;
}

/******************************************************************************/
@media screen and (max-width: 760px) 
{
body {
}

#testata {
  display: none;
}

#testata_mobile {
  display: block;
  margin: 0px;
  padding: 0px;
  text-align: center;
  padding-top: 10px;
  width: 100%;
  margin-bottom: 0px;
  min-height: 90px;
}

#testata_mobile img {
  height: 80px;
}

#testata_mobile .logo {
  float: left;
  width: 50%;
  text-align: right;
}

#testata_mobile .menu_mobile {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 50%;
  text-align: left;
}

#testata_mobile .menu_mobile ul {
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
  list-style-type: none;
}

#testata_mobile .menu_mobile ul li {
  margin: 0px;
  padding: 0px;
  height: 28px; 
  line-height: 28px;
  width: 100%;
}

#testata_mobile .menu_mobile ul li a {
  font-size: 20px;
  color: #9d9ea0;
  text-decoration: none;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  outline: none;
}

#testata_mobile .login {
  margin: 0px;
  padding: 0px;
  text-align: center;
  widsth: 96%;
  background-color: #575757;
  color: #FFFFFF;
  margin-top: 2%;
  padding: 2%;
  font-size: 20px;
  border-bottom: 1px dotted #575757;
}

#testata_mobile .login input {
  margin: 0px;
  padding: 0px;
  text-align: center;
  height: 40px;
  font-size: 20px;
  border: 0px;
}

#testata_mobile .login input[type="text"] {
  width: 40%;
  float: left;
  border-bottom: 1px solid #575757;
}

#testata_mobile .login input[type="password"] {
  width: 40%;
  float: left;
  margin-left: 2%;
  border-bottom: 1px solid #575757;
}

#testata_mobile .login input[type="image"] {
  padding: 0%;
  margin-left: 2%;
  float: right;
  height: 40px;
}

#testata_mobile .login .importo {
  font-size: 14px;
  float: none;
  margin: 0px;
  padding: 0px;
}

#testata_mobile .login a:link {
  text-decoration: none;
  color: #FFFFFF;
}

#testata_mobile .login a:visited {
  text-decoration: none;
  color: #FFFFFF;
}

#testata_mobile .login a:hover {
  text-decoration: none;
  color: #FFFFFF;
}

#testata_mobile .login a:active {
  text-decoration: none;
  color: #FFFFFF;
}

#testata .ricerca {
  display: none;
}

#testata_mobile .ricerca_mobile {
  display: block;
  border-bottom: 1px dotted #575757;
  padding: 2%;
  margin-bottom: 0px;
  min-height: 60px;
  padding-bottom: 0px;
}

#testata_mobile .ricerca_mobile .semplice {
  display: block;
  width: 90%;
  text-align: center;
  font-size: 20px;
  margin: 0px auto;
}

#testata_mobile .ricerca_mobile .semplice label {
  display: block;
  height: 30px;
  font-weight: bold;
}

#testata_mobile .ricerca_mobile .semplice input {
  margin: 0px;
  padding: 0px;
  text-align: center;
  height: 40px;
  background-color: #FFFFFF;
  font-size: 20px;
}

#testata_mobile .ricerca_mobile .semplice input[type="text"] {
  width: 80%;
  float: left;
}

#testata_mobile .ricerca_mobile .semplice #img_ricerca_semplice_mobile { 
  margin-left: 0px;
  height: 40px;
  float: right;
  display: inline;
  cursor: pointer;
}

#testata_mobile .ricerca_mobile .avanzata {
  clear: both;
  display: block;
  width: 90%;
  text-align: center;
  font-size: 20px;
  margin: 0px auto;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#testata_mobile .ricerca_mobile .avanzata label {
  display: block;
  height: 30px;
  font-weight: bold;
}

#testata_mobile .ricerca_mobile .avanzata select {
  margin: 0px;
  padding: 0px;
  text-align: center;
  height: 40px;
  background-color: #FFFFFF;
  font-size: 20px;
  width: 100%;
  margin-bottom: 2%;
  display: block;
}

#testata_mobile .ricerca_mobile .avanzata #img_ricerca_avanzata_mobile { 
  height: 40px;
}

#pagina{
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 100px;
  display: block;
  border: 1px solid red;
  overflow: hidden;
}

#pagina .contenuto {
  width: 96%;
  padding: 2%;
  overflow: hidden;
  /*background-color: orange;*/
}

#pagina h1 {
  padding-top: 0px;
}

#piede {
  width: 100%;
}

#piede .contenuto {
  width: 96%;
  padding: 2%;
}

#piede .contenuto .chi_siamo {
  width: 100%;
  margin-bottom: 50px;
}

#piede .contenuto .dati {
  width: 100%;
  margin-bottom: 50px;
}

#piede .contenuto .dove_siamo {
  width: 100%;
}

#pagina .contenuto .carrello {
  width: 100%;
}

#pagina .contenuto .carrello .articoli {
  width: 100%;
}

#pagina .contenuto .articoli .box .carrello input[type="number"] { 
  width: 30px;
}

#pagina .contenuto .legenda { 
  width: 240px;
  margin: 0px auto;
}

#pagina .contenuto .legenda img { 
  display: inline;
}

#pagina .contenuto .legenda .spazio { 
  display: block;
  float: none;
}

#pagina .contenuto table.carrello {
  border: 0;
}

#pagina .contenuto table.carrello thead {
  display: none;
}

#pagina .contenuto table.carrello tr {
  margin-bottom: 10px;
  display: block;
  border-bottom: 1px dotted #ccc;
}

#pagina .contenuto table.carrello td {
  display: block;
  text-align: right;
  font-size: 13px;
  border-bottom: 0px dotted #ccc;
  min-height: 20px;
}

#pagina .contenuto table.carrello td:last-child {
  border-bottom: 0;
}

#pagina .contenuto table.carrello td:before {
  content: attr(data-label);
  float: left;
  /*text-transform: uppercase;*/
  padding-right: 2px;
}

#pagina .contenuto table.carrello td img {
  text-align: right;
  float: right;
  display: block;
}

#pagina .contenuto table.carrello td input {
  text-align: right;
  float: right;
}

#pagina .contenuto table.carrello td .status_disponibile {
  float: right;
}   

#pagina .contenuto .carrello .ordine {
  clear: both;
  float: left;
  margin: 0px auto;
  margin-top: 50px;
  width: 100%;
}

#pagina .contenuto .carrello .ordine table {
  width: 100%;
}

#pagina .contenuto .carrello .fatturazione_spedizione_note {
  clear: both;
  float: left;
  margin: 0px auto;
  width: 100%;
}

#pagina .contenuto .carrello .fatturazione_spedizione_note .box {
  width: 100%;
}

#pagina .contenuto .storico_ordini table {
  border: 0;
  padding: 0px;
  margin: 0px;
}

#pagina .contenuto .storico_ordini table thead {
  display: none;
}

#pagina .contenuto .storico_ordini table tr td {
  min-height: 20px;
}

#pagina .contenuto .storico_ordini table tr td:before {
  content: attr(data-label);
  float: left;
  /*text-transform: uppercase;*/
  padding-right: 2px;
  /*background-color: lime;*/
  padding: 0px;
  margin: 0px;
}

#pagina .contenuto .storico_ordini table tr td:last-child {
  border-bottom: 0;
}

#pagina .contenuto table.storico_ordini {
  border: 0;
  border-bottom: 2px solid #ccc;
}

#pagina .contenuto table.storico_ordini thead {
  display: none;
}

#pagina .contenuto table.storico_ordini tr {
  display: block;
  border-bottom: 1px dotted #ccc;
}

#pagina .contenuto table.storico_ordini td {
  display: block;
  text-align: right;
  font-size: 13px;
  padding: 0px;
  margin: 0px;
}

#pagina .contenuto table.storico_ordini td:last-child {
  border-bottom: 0;
}

#pagina .contenuto table.storico_ordini td:before {
  content: attr(data-label);
  float: left;
  /*text-transform: uppercase;*/
  padding-right: 2px;
  padding: 0px;
  margin: 0px;
  color: grey;
  height: 20px;
}

#pagina .contenuto table.storico_ordini td img {
  text-align: left;
  float: left;
}   









#pagina .contenuto .cataloghi {
  margin: 0px auto;
}

#pagina .contenuto .cataloghi .box {
  margin: 0px auto;
  margin-bottom: 30px;
}


}
/******************************************************************************/

}