@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;500;600&display=swap');
/* CSS Document */
html,body{margin:0;padding:0;}
body{ font-family: 'Roboto', sans-serif; font-weight: 100; text-align:center; background: #fff; min-height: 100%;}
body.overflow-hidden{ overflow: hidden;}
.noscroll { overflow: hidden; }
p, ul, li, img{margin:0; padding:0; border:none}
a:active,a:focus {outline:0;border:none;-moz-outline-style: none;}
ul, li{ list-style:none}
a{color: #666; border:none; text-decoration: none;}
a:hover{text-decoration: none;}
input[type="text"], input[type="password"], textarea, select { outline: none;}
.placeholder{margin-left: 10px;color: #000;font-weight: 600; font-size: 1em;}
div#container{text-align:left; width:100%;margin:0 auto; margin-top:0px;overflow: hidden;  }
div#non-esiste{padding-top: 120px; padding-bottom: 120px; float: left; text-align: center; width: 100% }
/* menu login */
div#menu_no_login div.content-left{width: 690px; float:right; }
div#menu_no_login{ width: 690px; text-align: right; margin:0 auto; float: left;}
div#menu_no_login div.content{float:right; width: 300px;height: 28px; }
div#menu_no_login ul{ width:100%; float:right; text-align: right;}
div#menu_no_login ul li{ display:inline; float:left; margin-top:6px; margin-right: 10px; min-width:124px;  background: #162e51; text-align: center; padding:3px; border-top-right-radius:10px; border-top-left-radius:10px; box-shadow: 2px -2px 5px #888; }
div#menu_no_login ul li a{ font-size:11px;  color:#fff; text-decoration: none; }
div#menu_login{ width: 690px; text-align: left; margin:0 auto; }
div#menu_login div.content{background:#fff; float:right; width: 690px;height: 24px; margin-top:3px; border-top-right-radius:10px; border-top-left-radius:10px; box-shadow: 2px -3px 5px #888; }
div.benvenuto{margin-top:1px; margin-left:10px; margin-bottom:3px; padding:10px; font-size:12px; color:#162d50; background: #fff; width: 360px; text-align: left; float:left; text-transform: uppercase; position: relative; top:20px; }
div#menu_login div.content div.menu{ float: left; width: 304px; }
div#menu_login div.content div.menu ul li{ display:inline; float:left; margin-top:6px; margin-right: 10px; min-width:85px;  background: #162e51; text-align: center; padding:3px; border-top-right-radius:4px; border-top-left-radius:4px; box-shadow: 0px -2px 5px #888;  }
div#menu_login div.content div.menu ul li a{ font-size:11px;  color:#fff; text-decoration: none;  }

/* barra header */
div#header{    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
    margin-bottom: 18px;
    z-index: 10;
    position: fixed;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #fff;  }
@media only screen and (max-width: 959px) {
div#header{margin-top: 0px; padding-bottom: 10px; background-color: #fff; }
  }
div#header.shrink{margin-top: 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
div#header div.contenuto{ width:100%; margin-left:auto; margin-right:auto;}
div#header div#content-top{ width:100%; float:left; background-color: #f0f0f0;border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px; position: relative;}
    div#header.shrink div#content-top{ height: 100px;}
div#header div.contenuto ul li{ display:inline; float:left;}
div#header div.contenuto ul li.logo{    float: left;
    text-align: center;
    width: 25%;
    height: 145px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
div#header div.contenuto ul li.logo img{height: 75px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
div#header.shrink div.contenuto ul li.logo{height: 75px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
div#header.shrink div.contenuto ul li.logo img{height: 65px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
div#header div.contenuto ul li.logo div{ margin-top: 10px; }
div#header.shrink div.contenuto ul li.logo div{ margin-top: 0px; }
div#header div.contenuto ul li.logo div p.sottologo{ color: #000033; text-transform: uppercase; font-size: .9em; padding-top: 3px;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-weight: 400;}
div#header.shrink div.contenuto ul li.logo div p.sottologo{font-size: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; padding-top: 3px; }
div#header div.contenuto ul li.dx{width: 72%; position: relative; height: 145px; }
@media only screen and (max-width: 959px) {
div#header div.contenuto ul li.logo{width: 60%;height: 100px; z-index: 10}
div#header div.contenuto ul li.logo p{ text-align: left; margin-left: 20px; margin-bottom: 0;}
div#header div.contenuto ul li.logo div p.sottologo{ font-size: .6em; }
div#header div.contenuto ul li.logo img{height: 50px;}
div#header div.contenuto ul li.dx{    /* display: none; */
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%; }
  }
div#header.shrink div.contenuto ul li.dx{height: 75px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; height: 100px; margin-top: 0px; }
div#header div.contenuto ul li.dx div.cerca{width: 56%; float: left; padding-left: 2%; padding-right: 2%; bottom: 20px; position: absolute;}
div#header.shrink div.contenuto ul li.dx div.cerca, div#header.shrink div.contenuto ul li.dx div.login, div#header.shrink div.contenuto ul li.dx div.cart{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; top: 5px }
div#header div.contenuto ul li.dx div.cerca p{text-align: left; text-transform: uppercase; font-size: 1em; padding-bottom: 10px; font-weight: 400;}
div#header.shrink div.contenuto ul li.dx div.cerca p{font-size: 0.8em; font-weight: bold; padding-bottom: 4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
div#header div.contenuto ul li.dx div.cerca p.cerca-top{ background-color: #fff; border-radius: 10px; padding: 2px; border: 1px solid #f0f0f0;}
div#header div.contenuto ul li.dx div.cerca p input{ width: 64%; border: 0; background: #fff; height: 39px;}
div#header div.contenuto ul li.dx div.cerca p input.button-cerca{ width: 20%; padding: 0; background: url(../risorse/icona-cerca.png) no-repeat right; border: 0; height: 41px; float: right; -webkit-appearance: none; border-radius: 10px; }
@media only screen and (max-width: 959px) {
    div#header.shrink div.contenuto ul li.dx{height: 100px; }
    div.cerca{       width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        top: 10px;
        bottom: auto;
        background: #f0f0f0;
        border-radius: 0px;
        overflow: hidden;
        margin-top: 10px;
        width: 70%;
        margin-top: 40px;
        border-radius: 20px;
        font-size: .9em;
    }
    div.cerca p{
        margin: 0;
    }
    
    div.cerca p.testo-cosa{display: none;}
    div.cerca p input{ width: 74%; border: 0; background: #f0f0f0; height: 39px;}
    div.cerca p input.button-cerca{ width: 20%; padding: 0; background: url(../risorse/icona-cerca.png) right no-repeat; border: 0; height: 41px; float: right; }
  }
div#header div.contenuto ul li.dx div.login{float: left;  padding-bottom:10px; margin-left: 1%; position: absolute; top: 40px; right:8%; width: 180px;}
div#header div.contenuto ul li.dx div.login a{ color: rgba(0, 156, 223, 1); }
div#header div.contenuto ul li.dx div.cart{float: left; padding-bottom:10px; margin-left: 1%;  position: absolute; top: 42px; right:0; width: 60px; }
div#header div.contenuto ul li.dx div.login img, div#header div.contenuto ul li.dx div.cart img{ height: 35px;}
div#header div.contenuto ul li.dx div.login p.icona, div#header div.contenuto ul li.dx div.cart p.icona{ width: 100%; float: left; margin: 0 auto;}
@media only screen and (max-width: 959px) {
    div#header div.contenuto ul li.dx { margin-right: 25px; }
    div#header div.contenuto ul li.dx div.login{    
        float: left;
        padding-bottom: 10px;
        margin-left: 1%;
        position: absolute;
        /* bottom: 10px; */
        font-size: .8em;
        /* left: 0; */
        top: 5px;
        overflow: hidden;
        font-size: .7em;
        line-height: 14px;
        margin-top: 10px;
        right: 20%;
        width: 80px;
    }
    div#header div.contenuto ul li.dx div.login img{    
        height: 25px;
    }
    div#header div.contenuto ul li.dx div.login p{ margin: 0; }
    div#header div.contenuto ul li.dx div.cart{top:5px; margin-top:10px; }
    div#header div.contenuto ul li.dx div.cart img{ height: 24px;}
}
div#header div.contenuto ul li.dx div.cart p.header-items{     position: absolute; top: -10px; left: 35%;font-size: 0.8em;background: #000033;color: #fff;padding: 5px;text-align: center; height: 22px; width: 22px; border-radius: 12px; line-height: 12px;}
@media only screen and (max-width: 959px) {
    div#header div.contenuto ul li.dx div.cart p.header-items{    
position: absolute;
/* top: -10px; */
left: 35%;
font-size: 0.8em;
background: #000033;
color: #fff;
padding: 5px;
text-align: center;
height: 16px;
width: 16px;
border-radius: 12px;
line-height: 6px;
font-size: .6em;
top: -8px;
left: 10px;
    }
    div#header div.contenuto ul li.dx div.cart{top:5px; right: 5%; }
}
div#header.shrink div.contenuto ul li.dx div.cart p.header-items{    position: absolute; top: 0px; font-size: 0.7em; font-weight: bold; background: #000033; color: #fff;
padding: 3px; text-align: center; height: 15px; width: 15px; border-radius: 9px; line-height: 10px; }
div#header div.contenuto ul li.dx div.login p.link, div#header div.contenuto ul li.dx div.cart p.link{ width: 100%; font-size: .8em; float: right; padding-top: 0px; padding-bottom: 6px; color: #000033; font-weight: 300;}
@media only screen and (max-width: 959px) {
    div#header div.contenuto ul li.dx div.login p.link, div#header div.contenuto ul li.dx div.cart p.link{font-size: .8em; font-weight: 600; text-transform: uppercase;}
    
}
div#header div.contenuto ul li.dx div.cart p.link{ font-size: .7em;}
div#header div.contenuto ul li.dx div.login p.link a, div#header div.contenuto ul li.dx div.cart p.link a{ color: #000033; font-weight: 600;}
@media only screen and (max-width: 959px) {
    div.cart{  position: relative; float: left; background: #fff; width: 14%;
        float: left;
        /* padding-bottom: 10px; */
        margin-left: 1%;
        position: absolute;
        bottom: 10px;
        right: 0;
        top: 20px;
        background: transparent;
        height: 50px;}
    div.cart p.header-items{ position: absolute; top: 3px; left: 50%; font-size: 0.9em; font-weight: bold; background: #000033; color:#fff;text-align: center; height: 18px; width: 18px; border-radius: 9px; line-height: 18px;}
  }
/* menu top */
div#header div#info-menu div{float:right; margin-top: 5px; }
@media only screen and (max-width: 959px) {
    div#header div#info-menu div{display: none; }
}
div#header.shrink div#info-menu div{ display: none; }
div#header div#info-menu a{ font-size:.8em;color:#000033; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; display: block; text-transform: uppercase; border-right: 1px solid #666; font-weight: bold;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  }
div#header.shrink div#info-menu a{ font-size:11px; padding-top: 0;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

@media only screen and (max-width: 959px) {
    div#header div ul li{ border-left: 0; }
  }


/* contenuto */
div#content{float:left; width: 100%; min-width: 100%; margin-top:145px; }
div#content p.titolo{}
div#content div.main_content{ display:inline;float:left; width: 96%; margin-left:2%;}
@media only screen and (max-width: 959px) {
    div#content{margin-top:100px; }
    div#content div.main_content{ display:inline;float:left; width: 96%; margin-left:2%; margin-right: 2%;}
  }
div#cart-top { float: left; width: 100%; float: right; margin-right:0px; margin-bottom: 0px;}
div#cart-top ul li { float:left; display: inline; }
div#cart-top ul li.login { width: 50%;  }
div#cart-top ul li.login p{ float:left; width:290px;}
div#cart-top ul li.login p.icona{padding-left: 10px; padding-right: 10px; float: left; width: 30px; text-align: center; font-size: 14px; text-align: center; margin-top: 8px; float:left;}
div#cart-top ul li.login p.testo{ padding-top:10px; padding-bottom: 9px; padding-right: 10px; font-size:14px; color:#fff; font-weight: bold; text-align: left; width:180px; text-shadow: 1px 1px 1px #666; float: left; font-weight: normal; text-transform:uppercase; width:80%;}
div#cart-top ul li.login:hover {   }
div#cart-top ul li.login a { color:#fff;}
div#cart-top ul li.carrello { background: #fff; width: 300px; height: 30px; background: url(../risorse/bg_cart_header.gif) repeat-x; float:right; color: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-radius: 4px;}
div#cart-top ul li.carrello:hover {   }
div#cart-top ul li.carrello a { color:#fff;}

/* contenuto home */

div#galleria-home{  }
div#galleria-home div.item{ width: 58%; float: left; overflow: hidden;  position: relative; height: 400px; margin-bottom: 2%;}
div#galleria-home div.item:first-of-type{ margin-right: 2%; width: 40%; }
@media only screen and (max-width: 959px) {
    div#galleria-home div.item{ width: 100%;}
    div#galleria-home div.item:first-of-type{ width: 100%; }
   }
div#galleria-home div.item img{ }
div#galleria-home div.item p{    position: absolute;top: 0; width: calc(100% - 0px); height: calc(100% - 0px); background-color: rgba(0, 0, 51, .6); display: flex; justify-content: center; align-items: end;}
div#galleria-home div.item p.testo{color: #fff; font-weight: 600;  padding: 0px; font-size: 2em; gap: 17px;
 padding: 50px;  /* height: calc(100% - 50px); */ height: calc(100% - 100px); width: calc(100% - 100px);  } 
      
div#spedizione-gratis{ width:100%; float: left; margin-top:0px; background-color: #f0f0f0;  color: #fff; margin-top: 4px; margin-bottom: 4px; }
div#spedizione-gratis p { width:100%; text-align:center; font-size: 2em; color: #999; font-weight: bold; padding-top:20px; padding-bottom:20px; margin-bottom: 4px; } 
div#spedizione-header{     width: 94%; margin-top: 0px; color: #000; margin-top: 4px; margin-bottom: 4px; margin-left: 2%; margin-right: 2%;;z-index: 4;right: 0;;}
div#spedizione-header p {     width: 100%; 
    text-align: center;
    font-size: 1em;
    color: #666;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 4px;
    color: #000;
    margin-bottom: 0;
    font-weight: 600;
    /* margin-right: 10%; */
    font-size: 1.2em;
    padding-top: 10px;} 
@media only screen and (max-width: 959px) {
    div#spedizione-header { left: 0; position: fixed; z-index: 20; width: 100%; } 
    div#spedizione-header p {     
        padding-top: 0;
        font-size: .8em;
        padding-top: 6px;
        float: left;
        width: 100%;
        text-align: center;} 
   }
div#avviso{
        float: left;
    width: 100%;
    background: #ffcccc;
    text-align: center;
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
    padding: 10px 5%;
    font-size: 1.1em;
    position: fixed;
    bottom: 0;
    z-index: 10;
    font-size: 13px;
}

div#venduti{ float: left; width: 100%;}
div#venduti{ width: 100%; float:left; margin-top:5px; margin-bottom: 20px; }
p.titolo { width:98%; margin: 1%; text-align:left; font-size: 2em; margin-bottom: 40px; margin-top: 60px; font-weight: 600;   } 
@media only screen and (max-width: 959px) {
    p.titolo {line-height:1em;  } 
   }
p.titolo span { background:#fff; padding:0px 40px 0 0; }
#categorie p.titolo span { background:#f0f0f0;}
div#venduti ul, #categorie-scroller { padding-bottom: 10px; float: left; width: 100%; }
div#venduti ul .owl-controls, #categorie-scroller .owl-controls{ position: absolute; bottom: 0;}
div#venduti ul .owl-controls .owl-dot span, #categorie-scroller .owl-controls .owl-dot span { background: #999; width: 40px;}
div#venduti ul .owl-controls .owl-dot.active span,  div#categorie-scroller .owl-controls .owl-dot.active span{ background: #000033;}
div#venduti ul li { width: 100%; display: inline; float:left; margin-bottom: 0px; padding-bottom: 8px;}
@media only screen and (max-width: 959px) {
   div#venduti ul li { width: 100%; display: inline; float:left; margin-bottom: 0px; padding-bottom: 8px;  }
  }
div#venduti ul li div.finestra {position: relative; overflow: hidden;-webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.2); 
    box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.2);  }
    @media only screen and (max-width: 959px) {
        div#venduti ul li div.finestra {position: relative; overflow: hidden;-webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0); 
            box-shadow: 0px 0px 15px -1px rgba(0,0,0,0);  }
       }
div#venduti ul li div.finestra div.novita {
    position: absolute;
    top: 15px;
    right:-30px;
    top: -15px\0; /* ie8 and 9 */
    right:-32px\0; /* ie8 and 9 */
    width: 100px;
    -ms-transform:rotate(-45deg); /* IE9 */
    -moz-transform: rotate(-45deg);  /* FF3.5/3.6 */
    -o-transform: rotate(-45deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-45deg);  /* Saf3.1+ */
    transform: rotate(-45deg);  /* Newer browsers */
    /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); *//* IE6,IE7, but produces nasty results, so I disabled it */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */  }
div#venduti ul li div.finestra div.novita p { background: red; text-align: center; color: #fff; font-weight: bold; }
div#venduti ul li div.finestra div.promo {
    position: absolute;
    top: 15px;
    right:0px;
    top: -15px\0; /* ie8 and 9 */
    right:-32px\0; /* ie8 and 9 */
    width: 100px;
    -ms-transform:rotate(-45deg); /* IE9 */
    -moz-transform: rotate(-45deg);  /* FF3.5/3.6 */
    -o-transform: rotate(-45deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-45deg);  /* Saf3.1+ */
    transform: rotate(-45deg);  /* Newer browsers */
    /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); *//* IE6,IE7, but produces nasty results, so I disabled it */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */  }
div#venduti ul li div.finestra div.promo p { background: #000033; text-align: center; color: #fff; font-weight: bold; } 
div#venduti ul li div.finestra div.disponibilita { position: absolute;bottom: 65px;left: 30px;font-weight: 600;color: green; }
div#venduti ul li div.finestra div.disponibilita p.non-disponibile{ color: red; }
div#venduti ul li div.finestra div.prezzo { font-size:1em; width:calc(100% - 20px); text-align:center; color:#000033; max-width: 100%;padding-top: 18px; padding-bottom: 18px; position: absolute; bottom:50px; font-weight: 400; text-align: right; width: 50%; right: 20px;}
div#venduti ul li div.finestra div.prezzo p.prezzo { font-size: 1em; color: #000033; text-align: right; }
div#venduti ul li div.finestra div.prezzo p span { font-size: 0.6em; color: #ff0000; text-decoration:line-through; width: 100%; float: left;}
div#venduti ul li div.finestra div.sconto { position: absolute; top:320px;border-radius: 50%;width: 52px;height: 52px; background: #fff; line-height: 52px; color: #000033; font-size: 0.8em; font-weight: bold; text-align: center; left: 10px; }
div#venduti ul li p.foto { text-align:center; padding-top:10px; padding-bottom:10px; height: 200px; max-width: 100%; overflow: hidden; position:relative;}
div#venduti ul li p.foto img {     height: 180px;
    width: auto;
    display: block;
    margin: 0 auto;}
div#venduti ul li p.nome { text-align: left; padding-top:10px; padding-bottom:10px; font-size:1em; height: 90px; font-weight: 400; padding: 0 30px; color: #000033; font-weight: 400;}
div#venduti ul li p.ordina{ text-align: center; color: #fff; padding: 10px; background-color: #000033; margin: 4px; font-weight: 400;}
div#venduti ul li div.prezzo { position: relative;}
div#venduti ul li div.prezzo p { font-size:30px; width:100%; text-align:center; color:#666;}

div#patch{
    float: left;
    width: calc(100% - 80px);
    margin: 40px;
    background-color: #000033;
}

@media only screen and (max-width: 959px) {
    div#patch{
        width: calc(100% - 0px);
        margin: 0px;
    }
   }

div#patch div{
    width: 50%;
    float: left;
    float: left;
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 959px) {
    div#patch div{
        width: 100%;
    }
   }

div#patch a {
    color: #000;
    margin: 80px;
    padding: 10px 30px;
    background: #fff;
    float: left;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 1.4em;
}

@media only screen and (max-width: 959px) {
    div#patch div a{
        font-size: 1em;
    }
   }

div#patch div h1{
    color: #fff;
    padding: 40px 80px 0 80px;
    font-size: 2.4em;
    font-weight: 600;
}

div#patch div p{
    color: #fff;
    padding: 0 80px;
    font-size: 1.8em;
}

#categorie{
    width: 100%;
    float: left;
    background-color: #f0f0f0;
    margin: 0%;
    width: 100%;
}

#categorie-scroller{
    width: calc(100% - 20px);
    float: left;
    padding: 10px;
    height: 300px;
}

#categorie-scroller .owl-item{
    background-color: #000033;
}

#categorie .owl-carousel .owl-controls .owl-nav .owl-next, div#categorie .owl-carousel .owl-controls .owl-nav .owl-prev, div#venduti .owl-carousel .owl-controls .owl-nav .owl-prev, div#venduti .owl-carousel .owl-controls .owl-nav .owl-next{
    background-color: #000033;
}


#categorie-scroller .finestra{
    background-color: #000033;
}
#categorie-scroller .finestra p{
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: baseline;
    color: #fff;
    padding: 20px;
    float: left;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.3em;
    /* font-weight: 300; */
    height: 80px;
}

#categorie-scroller .finestra p.icona-categoria{
    width: calc(100% - 40px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    height: 160px;
    width: 100%;
}

/* footer */
div#footer{ width:100%; clear:both; text-align:center; margin-left:auto; margin-right:auto; float:left; margin-top: 4px; background:#000033; position: relative; z-index: 1; padding-top:60px; position: relative;}
div#footer div#riferimenti{ width:100%;  float:left; margin-top:2px; margin-bottom:2px;}
div#footer div#riferimenti div{ width: 30%; }
div#footer div#riferimenti p{ font-size:14px; font-weight: normal; color:#666; font-weight: bold; margin:20px; margin-left:10%; text-align: left; float:left; margin-bottom: 60px; text-align: center; text-transform: uppercase; color: #fff; }
div#footer div#riferimenti p img{ filter:brightness(0) invert(1)}
div#footer div#riferimenti span.sottologo{ width: 100%; float: left; font-size: 18px; padding-top: 20px; }
div#footer div#riferimenti p.credit-footer { float:right; text-align: right}
div#footer div#riferimenti p.credit-footer img {    width: 80%;
    filter: none;
    max-width: auto;
    max-width: none;}
div#footer div#riferimenti p.riferimenti-footer{ float:right; width: 48%; margin-right: 2%; text-align: right;font-size: 1.2em; padding-bottom: 50px;}
div#footer div#riferimenti ul { float:right; width: 48%; margin-right: 2%;}
div#footer div#riferimenti ul li{ display: inline; float:left;  }
div#footer div#riferimenti ul li a{ font-size:1em; padding-left:10px; color:#fff; padding-right: 10px;text-transform: uppercase; border-right: 1px solid #fff; }
 @media only screen and (max-width: 959px) {
    div#footer{height:auto;}
    div#footer div#riferimenti div{ width: 100%; }
    div#footer div#riferimenti p{ margin-left: 25%; margin-right: 25%; width: 50%; font-size: 0.4em; }
    div#footer div#riferimenti span.sottologo{ font-size: 1.9em; padding-top: 5px;}
    div#footer div#riferimenti p img{ width: 100%; margin: 0 auto; display:block; max-width: 200px; filter:brightness(0) invert(1)}
    div#footer div#riferimenti ul { float:left; width: 90%; margin-right: 5%; margin-left: 5%; padding-bottom: 30px;}
    div#footer div#riferimenti ul li{ display: inline; float:left; width: 100%; border: 0; }
    div#footer div#riferimenti ul li a{ display: inline; float:left; width: 95%; border: 0; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #fff; }
    div#footer div#riferimenti p.riferimenti-footer{ float:right; width: 96%; margin-right: 2%; margin-left: 2%; text-align: center;font-size: 1.2em; padding-bottom: 50px;}
  }

/* dx */
div#content_dx{width: 96%; margin-left:2%; margin-right: 2%; float:left; margin-bottom:40px; position: relative;}
div#content_dx.no-margin{width: 100%; margin-left:0%; margin-right: 0%;}
@media only screen and (max-width: 959px) {
div#content_dx{width: 100%; margin:0; padding: 0; min-width: 100%; margin-top: 0px;}
  }
div#titolo_pagina{ }
div#titolo_pagina p.titolo{    font-size: 2em !important;
    margin-bottom: 0px;
    color: #000;
    width: 100%;
    padding: 2%;
    float: left;
    margin: 0;
    font-weight: 300;
    background: #fff;
    font-size: 300;
    padding: 40px;}

div#titolo_pagina p.titolo-patch{
    font-size: 2em;
    margin-bottom: 0px;
    color: #fff;
    width: 100%;
    padding: 2%;
    float: left;
    margin: 0;
    font-weight: 300;
    background-color: #000033;
    font-size: 300;
    padding: 40px;
    /* text-align: center; */
    font-size: 3em;
    font-weight: 300;
    /* text-transform: uppercase; */
    margin-bottom: 0px;
}
div#titolo_pagina p.titolo-patch.bg {
    background-image: url('../risorse/patch-personalizzate.png');
    background-repeat: no-repeat;
    /* background-size: cover; */
    /* color: #fff; */
    background-position: right;
    padding-top: 100px;
    padding-bottom: 100px;
    border-bottom: 0;
    background-color: #000033;
}
@media screen and (max-width: 959px) {
    div#titolo_pagina p.titolo-patch.bg{
        background-size: auto 200px;
        /* color: #fff; */
        background-position: top center;
        padding-top: 190px;
    }
    
} 
div#content_dx p.content{font-size:12px; padding-bottom:0px;}
div#nav_carrello { padding-top:15px; margin-bottom: 15px; float:left;}
div#nav_carrello li { width: 258px; float:left; margin-right:3px;}
div#nav_carrello li.last {margin-right:0px;}
div#nav_carrello li.attivo {background:url(../risorse/bg_nav_carrello_attivo.gif) no-repeat;color:#000}
div#nav_carrello li.inattivo {background:url(../risorse/bg_nav_carrello_inattivo.gif) no-repeat; color:#fff}
div#nav_carrello li p { padding-top: 8px; padding-bottom: 8px;font-weight: bold; padding-left:26px; font-size: 14px; text-shadow: #bebebe 0px 1px 1px;}

/* content 100% */
div#content_all{width:100%; background:#fff; float:left; padding-left: 10%; padding-right: 10%; margin-top: 20px;}
@media only screen and (max-width: 959px) {
div#content_all{width: 100%; margin:0; padding: 0;}
  }
/* sx */
div#content_sx{width:780px; background:#fff; float:left;}
div#content_sx p.content{font-size:12px; padding-bottom:10px;}

/* carrello*/
div#cart{     float: left;
    width: 100%;
    /* margin: 20px 20%; */
    background: #f0f0f0;
    padding: 40px;}
    @media only screen and (max-width: 959px) {
        div#cart{ 
            padding: 0px;}
    }
    
div#cart ul.intestazione{float:left; width: 100%; }
div#cart ul.intestazione li{float:left; }
div#cart ul.intestazione li.articolo{width: 40%;}
div#cart ul.intestazione li.disp{width: 110px;}
div#cart ul.intestazione li.qty{width: 20%;}
div#cart ul.intestazione li.prezzi{width: 20%;}
div#cart ul.intestazione li.totali{width: 20%;}
div#cart ul.intestazione li p.intestazione{ padding:3px;margin: 2px; padding-top:12px; padding-bottom:12px; font-size:14px; text-align: center; color:#000033; font-size: 20px; text-transform: uppercase; border-bottom: 1px solid #000033;}
div#cart ul.riga-cart{float:left; border-bottom:2px solid #ccc; width: 100%; padding-top:5px; padding-bottom: 5px;}
div#cart ul.riga-cart li{float:left; background:none; border:0; text-align: left; }
div#cart ul.riga-cart li.articolo{width: 40%; overflow: hidden;  }
div#cart ul.riga-cart li.articolo p.icona{ width: 50%; text-align: center; float:left; }
div#cart ul.riga-cart li.articolo p.testo-disp{ width: 280px; text-align: left; margin-top:5px; float:left;}
div#cart ul.riga-cart li.articolo p.avviso{ color: red; font-weight: bold; margin-top: 5px; float: left; width:160px;}
div#cart ul.riga-cart li input{ text-align: center}
div#cart ul.riga-cart li p.aggiorna input.button{ background: #ccc; color:#000; font-weight: bold; font-size: 10px; padding:4px; margin: 1px; cursor: pointer; -webkit-appearance: none; }
div#cart ul.riga-cart li.articolo p.foto{width: 40%;float: left; padding: 5px; border: 1px solid #f0f0f0; text-align: center;}
@media only screen and (max-width: 959px) {
    div#cart ul.riga-cart li.articolo p.foto{width: 100%;}
}
div#cart ul.riga-cart li.articolo p.testo{width: 50%; float: left; font-size: 18px; padding-left: 10px; padding-top: 10px;font-weight: bold; padding: 10px;}
div#cart ul.riga-cart li.articolo p.testo span{font-weight: normal; float: left; width: 100%;}
div#cart ul.riga-cart li.articolo p.tipologia{    padding-left: 10px;
    float: left;
    background: #999;
    padding: 5px 20px;
    color: #fff;
    border-radius: 4px;
    margin-left: 5%;}
div#cart ul.riga-cart li.articolo p.foto img{width: 100px;}
div#cart ul.riga-cart li.rimuovi{width: 96px; margin-right:5px;}
div#cart ul.riga-cart li.rimuovi p{text-align: center}
div#cart ul.riga-cart li.rimuovi p a{ font-weight:bold; text-decoration: none; color:#009cdf}
div#cart ul.riga-cart li.rimuovi p a:hover{text-decoration: underline; color:#999}
div#cart ul.riga-cart li.qty{width: 20%; text-align: center}
div#cart ul.riga-cart li p{ font-size:12px; font-weight: normal; text-align:left;}
div#cart ul.riga-cart li.qty p{padding:0; padding-top:5px;text-align:center}
div#cart ul.riga-cart li.qty p input{background: #f0f0f0; color: #000033; text-transform: uppercase; border:0; padding-top: 10px; padding-bottom: 10px; font-size: 16px;}
div#cart ul.riga-cart li.qty p input.button{background: #000033; color: #fff; text-transform: uppercase; border:0;}
div#cart ul.riga-cart li.prezzo{width: 20%; text-align:center; -webkit-appearance: none;}
div#cart ul.riga-cart li.prezzo p{text-align: center; font-size: 16px; padding-top: 25px; padding-bottom:25px;}
div#cart ul.riga-cart li p a.rimuovi{padding:0; padding-top:2px; font-size:1em; text-align:center; color: #009cdf; font-weight: bold; text-transform: uppercase;}
div#cart div.totale{padding:0; text-align:center; float:left; margin-top: 0px; color: #006699; padding-top: 20px; padding-bottom: 20px; background: #f0f0f0;}
div#cart div.totale p{ text-align: right; color: #006699}
div#cart div.totale p.nome{    float: left; font-size: 24px;
   
    padding-top: 15px;
    padding-bottom: 10px;
    padding-right: 0px;
    font-weight: bold;
    margin-left: 0px;
    color: #000033;
    /* padding-left: 5%; */
    letter-spacing: 0px;
    width: 40%;
    text-align: left;
    font-weight: 300;}
div#cart div.totale p.somma{float:right; margin-right: 0px; font-size:36px; text-shadow: 1px 0px #666; font-weight: bold; color: #000; width: 40%; text-align: right; margin-right: 30px; padding-top: 10px; padding-bottom: 10px;}
div#cart div.cart-trasporto{   float: right;  padding-bottom: 10px; width:100%; margin-top: 10px;}
div#cart div.cart-trasporto p.testo{ width:250px; float: left; text-align: left; margin-top:8x; font-size: 22px;}
div#cart div.cart-trasporto p.icona{ width:60px; float: left; text-align: left;}
div#cart div.bottoni{ float: left; width: 100%;padding-top: 8px; padding-bottom: 8px; }
div#cart div.bottoni a.svuota{ padding-left: 10px; background: #000033; color: #fff; font-family: 'Abel', sans-serif; text-transform: uppercase; font-size: 16px; padding-top: 10px; padding-bottom: 10px; float: left; padding-left: 10px; padding-right: 10px; margin-left: 10px; border-radius: 4px; }
div#cart div.bottoni a.svuota:hover{ }
div#cart div.bottoni input.button{float: left; cursor: pointer; padding-top:10px; padding-bottom:10px; color:#000; border: 0; text-align: center; cursor:pointer;; padding-left: 10px; padding-right: 10px; background: #000033; color: #fff; font-family: 'Abel', sans-serif; text-transform: uppercase; font-size: 16px;  border-radius: 4px; -webkit-appearance: none;}
div.inoltra{ float: right; padding-right:0px; margin-top:0px; width: 100%; text-align: center;}
div.inoltra p.invia{ background: #000033; width: 100%; float:right; margin-right: 0px; border: 0; color: #fff; cursor: pointer; text-transform: uppercase; padding-top: 30px; padding-bottom: 30px;}
div.inoltra p.invia:hover{ background: #f0f0f0; color: #000033;}
div.inoltra p.invia a{ font-weight:bold; font-size: 2em;}
div.inoltra p.invia a:hover{ color: #000033; text-decoration: none; }
div.inoltra-checkout{ padding-right:0px; margin-top:40px;}
div.inoltra-checkout p.invia{  background: url(../risorse/bg-bottone-ordine.png) no-repeat; width: 158px; height: 44px; float:right; margin-right: 0px; border: 0; color: #fff; font-size: 14px; cursor: pointer; text-transform: uppercase;}
div.inoltra-checkout p.invia a{ font-weight:bold;}
div.inoltra p.continua{ background:url(../risorse/bg_cart_continua.gif) no-repeat; width: 342px; height: 48px; float:left;text-align: right;}
div.inoltra p.continua a{ font-size: 14px; color:#000; font-weight: bold; padding-top: 16px; padding-bottom: 16px; float: left; text-decoration: none; padding-left: 100px;}
div#cart a.naviga{ background:#ffcc01; color:#fff; font-weight: bold; font-size:14px; padding:12px; float:left; margin-top:20px; text-decoration: none; border-left:4px solid #666;}
div#cart a.naviga:hover{ background:#f0f0f0; color:#000;}
@media only screen and (max-width: 959px) {
div#cart ul.intestazione li p.intestazione { font-size: 0.7em;}
div#cart ul.riga-cart li.articolo p.testo{font-size: 0.9em;}
div#cart ul.riga-cart li.qty p input{padding-top: 4px; padding-bottom: 4px; font-size: 0.9em;}
div#cart ul.riga-cart li.prezzo p{font-size: 0.8em; padding-top: 4px; padding-bottom: 4px;}
div#cart div.totale p.somma{font-size:1.8em; }
  } 
/* ricerca */
div#ricerca { width: 100%; float: left; margin-left:0; }
div#ricerca div.titolo-prodotti {color:#666; padding:5%; padding-top:5px; padding-bottom:5px; margin-bottom: 0px; margin-top:0px; padding-left:0px; margin-right: 0px; float: left; width: 95%; border-bottom: 1px solid #eee;background: url(../risorse/bg-blu-sfumato.gif) repeat-x;  }
div#ricerca div.titolo-prodotti p { font-size: 18px; padding-top: 9px; padding-bottom: 9px; padding-left: 10px; font-weight: bold; color: #666; float: left; padding-right: 30px; font-weight: normal;}
div#ricerca div.titolo-prodotti p span.nome { font-size: 18px; color: #fff; padding-right: 15px; float: left;}
div#ricerca div.titolo-prodotti p span.icona { float: left;padding-top: 2px; padding-left: 0; padding-right: 0; padding-right: 10px;}
div#navigatore { 
    padding-bottom: 0;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    padding-left: 0;
    padding-top: 0px;}
div#navigatore p { font-size:1em; padding-left: 10px; margin: 0;}
div#navigatore a { border: 0; margin: 0; padding: 0; width: auto; font-weight: normal; font-size: 1em; text-decoration: underline; font-weight: 400; color: #fff; font-weight: 600; text-decoration: none; color: #000;}
div#navigatore p span {     float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #000033;
    font-weight: 300;
    background: #fff;
    margin: 0 2px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .9em;
    padding-top: 10px;}
div#navigatore p span.indicatore { font-size: 11px; }
 @media only screen and (max-width: 959px) {
    div#navigatore { float: left; width: 100%; margin-bottom: 0;}
div#navigatore p { font-size:0.8em;}
div#navigatore p span { padding-left:5px; padding-right:5px; margin-top:0px; margin-right: 0px; margin-left:0; padding-top: 2px; padding-bottom: 2px;}
div#navigatore p span.indicatore { font-size: 11px; }
  }
div#ricerca div.contenuto_ricerca { font-size:2em; font-weight:bold; padding-top:0px; padding-left:0px; float:left; width:99%;  margin-left:1%; margin-bottom: 10px;}
div#ricerca div.contenuto_ricerca ul { float:left; display: inline; width: 100%; margin-bottom: 10px; padding-bottom: 10px; }
div#ricerca div.contenuto_ricerca ul li { float:left;display: inline; width: 98%;border-bottom: 1px solid #666; }
div#ricerca div.contenuto_ricerca ul li p { font-size: 13px; width: 100%; float: left; }
div#ricerca p.risultati { font-size:18px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; color:#666; width:98%; background: url(../risorse/freccia_giu_ricerca.png) no-repeat right 14px; float: left; border-bottom: 2px solid #666; padding-bottom: 16px;   }
/* scheda */
div#scheda{ width: 100%; float: left; margin-left:0;}
div#scheda div.contenuto { font-size:11px; font-weight: bold; float:left; padding-left:0px; color:#666;  width: 100%; }
@media only screen and (max-width: 959px) {
div#scheda div.contenuto {border-bottom: 8px solid #000033; border-left: 0; width: 100%; margin: 0; padding: 0; }
  }
div#scheda div.contenuto ul { float:left; display: inline; width:100%;}
div#scheda div.contenuto ul li { float:left;display: inline;}
div#scheda div.contenuto ul li.gallery { float:left;display: inline; width: 54%; }
@media only screen and (max-width: 959px) {
div#scheda div.contenuto ul li.gallery { width: 100%; }
div#scheda div.contenuto ul li.gallery img { width: 100%; }
  }
div#scheda div.contenuto ul li.content-scheda {float: left; display: inline; width: calc(46% - 40px); background: #f0f0f0; padding: 20px;}
@media only screen and (max-width: 959px) {
div#scheda div.contenuto ul li.content-scheda { width: 100%; border-left:0; padding: 0; margin: 0;}
  }
div#scheda div.contenuto ul li.content-scheda p { margin-right: 20px; }
div#scheda div.contenuto ul li p.sconto-top { font-size:13px; float:left; clear:both; background: #ff9933; color:#fff; padding: 5px; border-radius: 1px; font-weight:normal; margin-top:5px; margin-bottom: 10px; }
div#scheda div.contenuto ul li p.nome {font-size: 1.2em; padding-right: 30px; padding-left: 40px; display: block; color: #333; font-weight: normal; text-align: left; float: left; background: url(../risorse/freccia-blu.png) 0 10px no-repeat; padding-top: 5px; background-size: 28px; }
div#scheda div.contenuto ul li p.nome span { padding-left: 10px; }
div#scheda div.contenuto ul li p.nome span.novita { width: 100%; color: red; float: left; font-size: 11px;}
div#scheda div.contenuto ul li div#descrizione {font-weight: normal; padding: 0px; margin-top:1px; width: 90%; text-align: left; float: left; line-height: 20px; padding-left: 30px; padding-right: 30px; font-size: 16px; padding-top: 15px; margin-bottom: 2px; padding-bottom: 50px;}
div#scheda div.contenuto ul li div#foto { width: 98%; text-align: center; float: left; padding: 1%;  margin-bottom: 20px; }
div#scheda div.contenuto ul li div#foto img { width: 100%; }
@media only screen and (max-width: 959px) {
    div#scheda div.contenuto ul li div#descrizione { padding-left: 10%; width: 100%; padding-left: 10%;}
div#scheda div.contenuto ul li div#foto img { width: 100%; }
  }
div#scheda div.disponibilita{ clear: both; float: left; padding-bottom: 8px; padding-top: 8px; margin-bottom: 10px; }
div#scheda div.disponibilita p.disponibile { float:left;  }
div#scheda div.disponibilita p.icona { float:left; width:20px; padding-left: 20px; }
div#scheda div.disponibilita p.non-disponibile { float:left; font-size:13px; font-weight: bold; margin-right: 0px; text-align: center; width: 110px; padding-top:5px; padding-bottom: 5px; text-align: center; border-radius: 4px; text-align: center; color: #666; padding-left: 20px;  }
div#scheda p.disp-quant { float:left; font-size:11px; font-weight: bold; margin-right: 0px; text-align: center; background:#fff; color:#54df00; width: 220px; padding-top:5px; padding-bottom: 5px; text-align: center; border-radius: 4px;  }
div#scheda p.su-ordinazione { float:left; font-size:11px; font-weight: bold; margin-right: 0px; text-align: center; background:yellow; color:#000; width: 220px; padding-top:5px; padding-bottom: 5px; text-align: center; border-radius: 4px;  }
div#scheda p.in-arrivo { float:left; font-size:11px; font-weight: bold; margin-right: 0px; text-align: center; background:#666; color:#000; width: 220px; padding-top:5px; padding-bottom: 5px; text-align: center; border-radius: 4px;  }
div#scheda p.disp-data { float:left; font-size:13px; font-weight: bold; margin-right: 0px; text-align: center; color:#666; width: 220px; padding-top:5px; padding-bottom: 5px; text-align: center;  }
div#scheda div.carrello { float: left; margin:1%; margin-bottom: 2px; padding-top: 4px;float: left; background: #fff; width: 98%; padding-bottom: 30px; padding-top: 30px; float: left; padding-right: 2%;}
@media only screen and (max-width: 959px) {
div#scheda div.carrello { width: 98%; padding-left:5%; padding-right:5%;}
  }
div#scheda div.carrello div.versione { float: left; width: 100%; float: left; padding-bottom: 20px;}
div#scheda div.carrello div.versione p { float: left; float: left; text-transform: uppercase; font-size: 18px;; color: #000; padding-top: 3px; line-height: 20px; height: 20px; text-align: left; width: 90%; text-transform: uppercase; }

div#scheda ul li .loader { display: none; border:0; background: #000033; color: #fff; width: 100%; height: 54px; line-height: 54px;color:#fff; font-weight: bold; font-family: 'Abel', sans-serif; text-transform: uppercase; margin: 0; padding: 0; font-size: 26px; float: right; text-align: center }
div#scheda ul li p.piu input.richiedi { border:0; background: #000033  url('../risorse/ico-cart-bottone.png') top left no-repeat; color: #fff; width: 100%;  height: 54px; line-height: 54px; cursor: pointer; color:#fff; font-weight: bold; font-family: 'Abel', sans-serif; text-transform: uppercase; padding-right: 10%; font-size: 0.8em; float: right; text-align:right; -webkit-appearance: none; }
div#scheda ul li p.piu input.richiedi:hover { background: #000033 url('../risorse/ico-cart-bottone.png') top left no-repeat; color: #fff;}
div#scheda ul li { font-size: 24px; font-weight: bold; text-align: left; margin-top:8px; width: 100%; padding-left: 5%;  }
div#scheda ul li.prezzo { width: 50%; float: left;}
div#scheda ul li.prezzo p { width: 100%;font-size: 1.2em; float: left; color: #000;}
div#scheda ul li.prezzo p span.prezzo-iniziale { width: 100%;font-size:0.6em; float: left; color: red; text-decoration: line-through;}
div#scheda ul li.add { width: 50%; float: right; text-align: right;}
div#scheda ul li.add p.piu { width: 100%; float:right; height: 100%;}
div#scheda ul li p.label-qty { text-transform: uppercase; float: left; width: 50%; text-align: center; font-size: 26px; color: #666; line-height: 70px; text-align: right; height: 70px; }
div#scheda ul li p.quantita { margin-top:0px; float:right; margin-top:8px; width: 50%; text-align: right; }
div#scheda ul li div.scritta{ padding-top: 30px; float: left; width: 100%;}
div#scheda ul li div.scritta p{ width: 40%; float: left; font-size: .8em; padding: 10px;}
div#scheda ul li div.scritta input { float: right; width: calc(50% - 20px); padding: 10px; font-size: .8em; border: 2px solid #666; border-radius: 10px}
.sp-quantity {
    width:124px;
    height:42px;
    font-family:"ProximaNova Bold", Helvetica, Arial;
    float: right;
    margin-top: 12px;
}
.sp-minus {
    width:40px;
    height:40px;
    border:1px solid #e1e1e1;
    float:left;
    text-align:center;
    cursor: pointer;
}
.sp-input {
    width:40px;
    height:40px;
    border:1px solid #e1e1e1;
    border-left:0px solid black;
    float:left;
    background: #000033;
    color: #fff;
}
.sp-plus {
    width:40px;
    height:40px;
    border:1px solid #e1e1e1;
    border-left:0px solid #e1e1e1;
    float:left;
    text-align:center;
    cursor: pointer;
}
.sp-input input {
    width:40px;
    height:40px;
    text-align:center;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 1em;
}
.sp-input input:focus {
    border:1px solid #e1e1e1;
    border: none;
}
.sp-minus a, .sp-plus a {
    display: block;
    width: 100%;
    height: 100%;
    color: #666;
}
div#scheda p.sconto { font-size:14px; font-weight: normal; margin-top: 4px; margin-left:5px; width:100%; margin-bottom:10px; width: 440px; float: left; text-align: left;}
div#scheda p.sconto span.barrato { text-decoration: line-through; font-weight: bold;  }
div#scheda p.titolo-caratteristiche { font-size: 18px; margin-left: 5px; border-bottom: 1px solid #999; padding-bottom:5px; float: left; width: 100%; float:left; clear:both; margin-bottom: 10px; margin-top:20px; text-align: left;}
div#scheda div.scheda-trasporto { font-size: 11px; float: left;padding-top: 20px; padding-bottom: 20px; width: 100%; margin-top: 20px;}
div#scheda div.scheda-trasporto p {float:left; color: #fff; text-transform: uppercase; font-size: 14px; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; text-align: center;}
div#scheda div.scheda-trasporto span {    width: 70%;
    float: left;
    text-align: center;
    font-weight: 300;
    padding-bottom: 30px;}
div#scheda div.scheda-trasporto p.disponibile { background: #669900; color: #fff; border-radius: 0px;}
div#scheda div.scheda-trasporto p.in-arrivo {background: #ffcc00; color: #000; border-radius: 0px;}
div#scheda div.scheda-trasporto p.non-disponibile {background: #ff0000; border-radius: 0px;}
div#scheda div.scheda-trasporto p.su-ordinazione {background: #ff9900; border-radius: 0px;}
div#scheda div.scheda-trasporto p.link-trasporto { font-size: 12px; font-weight: normal; text-align: center;}
/* fine scheda */
div#ricerca div#gruppi { border-left:1px solid #f0f0f0;border-bottom:5px solid #f0f0f0; border-right: 1px solid #f0f0f0; float:left; padding:10px; padding-left: 14px; width: 756px }
div#ricerca div#gruppi ul li { display: inline; float:left; width: 33%; min-height:200px; margin-right:2px; }
div#ricerca div#gruppi ul li h2 { font-size:15px; color: #162d50; border-bottom:3px solid #666; float: left }
div#ricerca div#gruppi ul li a { color:#162d50; clear:both; float:left; text-decoration: none; margin:2px; }
div#ricerca div#gruppi ul li div.sottocategorie { width: 100%; float:left; clear:both;}
div#ricerca div#gruppi ul li div.sottocategorie a { color:#3366b8; font-size:12px; }
div#ricerca div#gruppi ul li div.sottocategorie a:hover { text-decoration: none;border-bottom: 1px solid #ffce01;}
div#ricerca div#settori { border-left:1px solid #f0f0f0;border-bottom:5px solid #f0f0f0; border-right: 1px solid #f0f0f0; float:left; padding:10px; padding-left: 14px; width: 756px }
div#ricerca div#settori ul li { display: inline; float:left; width: 33%; margin-right:2px; background: #f0f0f0; margin-bottom: 2px }
div#ricerca div#settori ul li h2 { font-size:15px; color: #162d50; float: left; padding: 5px; }
div#ricerca div#settori ul li a { color:#162d50; clear:both; float:left; text-decoration: none; margin:2px; }

/* paginazione */
div#paginazione {    float: left;
    width: 100%;
    /* border-top: 1px solid #eee; */
    padding-top: 2px;
    padding-bottom: 2px;
    background: #fff;
    float: left;}
div#paginazione p { color:#666; }
div#paginazione.sopra { float: left;  }
div#paginazione.sotto { }
div#paginazione ul li { display:inline; float:left; margin-top:0px; margin-bottom:0px; padding: 0; width: 50%; text-align: left; }
div#paginazione ul li.pagine {float:right; padding: 0; text-align: right; }
div#paginazione ul li.pagine div.paginazione {float:right; padding: 0; text-align: right; width: 100%; }
div#paginazione.sopra ul li p, div#paginazione.sotto ul li p { font-size:16px; margin-top:0px; margin-bottom:10px; padding-left:5px; padding-right:20px; color: #000;}
div#paginazione ul li p.per-pagina { padding-top: 15px; }
div#paginazione ul li p.freccia {width: 18px; text-align: left; float:left; padding: 0; margin: 0;  }
div#paginazione ul li p.freccia img {vertical-align: middle; padding-top: 10px; padding-bottom: 10px;}
div#paginazione ul li p.titolo {float: left; text-transform: uppercase; font-size: 2em; color: #666; padding: 0; margin: 0; padding-left: 50px; font-weight: 300; padding-top: 0px; background-image: url('../risorse/freccia-blu.png'); background-repeat: no-repeat; background-position: 0px; background-size: 40px;}
@media only screen and (max-width: 959px) {
    div#paginazione ul li {width: 100%;}
    div#paginazione.sopra ul li.gruppo{ padding-top: 30px;}
div#paginazione.sopra ul li p, div#paginazione.sotto ul li p { font-size: 1em;
    background-size: contain;
    padding-left: 30px;
}
  }
div#navigatore div.fromto { float: right; padding-right: 5%;font-size: 16px; color: #000; font-weight: bold; padding-top: 10px; }
div#paginazione ul li div.pagination-links { float: right;   }
div#paginazione ul li span.corrente {background: #f0f0f0; color: #000033; text-decoration: none; float: left; text-align: center; margin-top: 0px; padding: 12px; font-size:12px; margin-top: 5px;  border-radius: 5px; font-weight: 400;}
div#paginazione ul li a { color:#fff; background: #000033; font-weight: normal; padding: 12px; text-decoration: none; float: left; margin-left: 5px; margin-right: 5px; font-size:12px; margin-top: 5px; border-radius: 5px;}
@media only screen and (max-width: 959px) {
    div#navigatore div.fromto { float: left; padding-left: 5%; font-size: 1em; text-align: center; padding-top: 20px; width: 100%; }
    div#paginazione ul li span.corrente {padding:8px;}
   div#paginazione ul li a { padding: 8px;}
  }
div#paginazione ul li a.first-last { background:#000; color:#fff; font-weight: bold; font-size: 12px; }
/* ordina i risultati */
div#ordina {float: left; width:100%;  padding-top:0; background: #f0f0f0; margin-top: 20px; }
div#ordina p.totale { color:#000; font-weight: bold; float: left; font-size:14px; margin-top: 3px; margin-bottom:3px; float: left; height: 50px; line-height: 50px; color: #fff; font-size: 22px; background: #000033; padding-left: 30px; padding-right:30px; }
div#ordina p.testo { color:#666; font-weight:normal; float: left; font-size:20px;  height: 50px; line-height: 50px; padding-left: 20px; padding-right: 20px; }
div#ordina p.select { color:#666; padding-top: 10px; padding-bottom: 10px; }
div#ordina p.select select { background: #fff; width: 268px; padding: 5px 25px; font-size: 1em; line-height: 1; border: 0; border-radius: 0; height: 34px;-webkit-appearance: none;background: url(../risorse/freccia-select.png) no-repeat 240px #000033; border-radius: 20px; color: #fff; font-size: .8em; font-weight: 600;}
 @media only screen and (max-width: 959px) {
    div#ordina { margin: 0 auto; }
    div#ordina p.totale { display: none }
    div#ordina p.testo { text-align: center; width: 100%; padding: 0; }
div#ordina p.select { text-align: center; width: 100%; }
div#ordina p.select select { background: #fff; width: 268px; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; height: 34px;-webkit-appearance: none;background: url(../risorse/freccia-select.png) no-repeat 240px #fff;}
  }

/* navigazione articoli */
div#prodotti{ float: left; width:100%; margin-bottom: 30px; margin-top: 20px; }
div#prodotti a { }
div#prodotti ul li { width: 19%; margin-left: 0.5%; margin-right:0.5%; display: inline; float:left; margin-bottom: 0px; padding-bottom: 8px;}
 @media only screen and (max-width: 959px) {
    div#prodotti ul li { width: 99%;   }
  }
div#prodotti ul li div#prodotto {    }
div#prodotti ul li div#prodotto div.finestra {float: left; width: 100%; position: relative; overflow: hidden; box-shadow: 0px 0px 15px -1px rgb(0 0 0 / 20%); }
div#prodotti ul li div#prodotto a { display: block; position: relative;  }
div#prodotti ul li div#prodotto a span.link { position: absolute; width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
float: left;
  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background: #000; color: #fff}
div#prodotti ul li div#prodotto div.finestra p.foto { text-align:center; padding-top:10px; padding-bottom:10px; height: 200px; max-width: 100%; overflow: hidden; position:relative;}
div#prodotti ul li div#prodotto div.finestra p.foto img {display: block; width:auto; height:200px;  position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto; overflow: hidden}

div#prodotti ul li div#prodotto div.finestra p.nome { text-align: left; padding-top:10px; padding-bottom:10px; font-size:1em; height: 90px; font-weight: 400; padding: 30px; color: #000033; font-weight: 400;}
div#prodotti ul li div#prodotto div.finestra div.prezzo {font-size:1em; width:calc(100% - 20px); text-align:center; color:#000033; max-width: 100%;padding-top: 18px; padding-bottom: 18px; position: absolute; bottom:0px; font-weight: 400; text-align: right; width: 50%; right: 20px; }
div#prodotti ul li div#prodotto div.finestra div.novita { overflow: hidden;
    position: absolute;
    top: 15px;
    right:-30px;
    top: -15px\0; /* ie8 and 9 */
    right:-32px\0; /* ie8 and 9 */
    width: 100px;
    -ms-transform:rotate(-45deg); /* IE9 */
    -moz-transform: rotate(-45deg);  /* FF3.5/3.6 */
    -o-transform: rotate(-45deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-45deg);  /* Saf3.1+ */
    transform: rotate(-45deg);  /* Newer browsers */
    /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); *//* IE6,IE7, but produces nasty results, so I disabled it */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */  }
div#prodotti ul li div#prodotto div.finestra div.novita p {  background: red; text-align: center; color: #fff; font-weight: bold; text-transform: uppercase; }
div#prodotti ul li div#prodotto div.finestra div.disponibile {    bottom: 0;
    /* position: absolute; */
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 1em;
    left: 15px;
    margin-left: 30px;}
div#prodotti ul li div#prodotto div.finestra div.disponibile p { font-weight: 600;}
div#prodotti ul li div#prodotto div.finestra div.disponibile p.disponibile {color: green;}
div#prodotti ul li div#prodotto div.finestra div.disponibile p.non-disponibile {color: red;}
div#prodotti ul li div#prodotto div.finestra div.disponibile p.in-arrivo,div#prodotti ul li div#prodotto div.finestra div.disponibile p.su-ordinazione { color: orange; }


div#prodotti ul li div#prodotto div.finestra div.promo {
    position: absolute;
    top: 15px;
    right:0px;
    top: -15px\0; /* ie8 and 9 */
    right:-32px\0; /* ie8 and 9 */
    width: 100px;
    -ms-transform:rotate(-45deg); /* IE9 */
    -moz-transform: rotate(-45deg);  /* FF3.5/3.6 */
    -o-transform: rotate(-45deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-45deg);  /* Saf3.1+ */
    transform: rotate(-45deg);  /* Newer browsers */
    /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); *//* IE6,IE7, but produces nasty results, so I disabled it */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */  }
div#prodotti ul li div#prodotto div.finestra div.promo p { background: #000033; text-align: center; color: #fff; font-weight: bold; } 

div#prodotti ul li div#prodotto div.finestra div.prezzo p { font-size: 1em; color: #000033; text-align: right; }
div#prodotti ul li div#prodotto div.finestra div.prezzo p span {font-size: 0.6em; color: #ff0000; text-decoration:line-through; width: 100%; float: left;}
div#prodotti ul li div#prodotto div.finestra div.sconto { position: absolute; top:20px;border-radius: 50%;width: 52px;height: 52px; background: #fff; line-height: 52px; color: #000033; font-size: 0.8em; font-weight: bold; text-align: center; left: 10px; }
div#prodotti ul li div#prodotto div.finestra p.ordina {text-align: center; color: #fff;
    padding: 10px; background-color: #000033; margin: 4px; font-weight: 400;}

/* risultati */
div#paginazione_risultati { background:#666; float:left; height:29px; width:782px; padding-top: 2px; padding-bottom: 2px}
div#paginazione_risultati ul li { display:inline; float:left; margin-top:0px; margin-bottom:0px;}
div#paginazione_risultati ul li.pagine {float:right;}
div#paginazione_risultati ul li p { color:#fff; font-size:12px; margin-top:7px; margin-bottom:7px; padding-left:20px; padding-right:20px;}
div#paginazione_risultati ul li a { color:#666; background: #fff; font-weight: normal; padding: 3px; border-radius:2px; text-decoration: none;}
div#paginazione_risultati ul li a.first-last { background:#666; color:#fff;}
div#paginazione ul li p { color:#fff; font-size:12px; font-weight:bold; margin-top:7px; margin-bottom:7px; padding-left:20px; padding-right:20px;}
div#lista_risultati { width:99%; padding:5px; float:left; background:#f0f0f0 }
div#riga_risultato { float:left; clear:both; font-size:12px; width:100%; background:#fff;   }
div#riga_risultato ul li { float:left; display:inline; clear:none; padding:4px; }
div#riga_risultato ul li span.hl { background: #ffff66;}

/* messaggi */
p.messaggio {float: left; margin-top:20px; font-size:24px; padding:20px;color:#666; width: 96%; margin-bottom: 40px; text-align: center;}
 @media only screen and (max-width: 959px) {
    p.messaggio {padding: 0; width: 100%}
  }
a.all-link { width: 100%; background: #000; color: #fff;}
p.messaggio-validation {padding: 5px;background: #fed4d4;width: 98%;float: left;margin-top: 20px;font-size: 18px;font-weight: bold;color: #000;margin-bottom: 15px;color: #000;margin-left: 20px;padding-top: 50px;padding-bottom: 50px;text-align: center;}
p.messaggio-cart { background:#fed4d4; width:90%; float: left; margin-top:20px; font-size:18px; font-weight: bold; color:#000; margin-bottom:15px; color: #000; padding: 5%;}

/* login */
div#login  { float:left; width: 100%;  }
div#login ul li.riquadri { width:47%;float:left; display:inline; margin-top: 0px; margin-bottom: 20px; background: #f0f0f0; margin-right: 1%; margin-left: 2%; border-radius: 10px;  }
 @media only screen and (max-width: 959px) {
    div#login ul li.riquadri { width:96%; margin-right: 2%; margin-left: 2%;  }
  }
div#login ul li.riquadri p.registrati { margin-top:40px; float:left; margin-bottom:80px; width: 100%;  text-align: center; color:#fff; font-weight: bold; font-size:16px;   }
div#login ul li.riquadri p.registrati a { color:#666;line-height: 49px; width: 100%; width:120px; height:49px; background: #fff; display: block; margin: 0 auto; }
div#login ul li.riquadri p.titolo {    font-size: 1.9em; font-weight: bold; padding-top: 10px; padding-bottom: 10px; color: rgba(0, 156, 223, 1); float: left; margin-top: 0px; width: 96%; padding-left: 4%;font-weight: 100; text-transform: uppercase; padding: 50px; font-weight: 400;}
div#login ul li.riquadri p.contenuto { font-size:18px; font-weight:bold; padding-left:20px; padding-bottom:15px; color:#000033; float:left; width:322px; margin-top:20px;}
div#login ul li.riquadri form { margin-left:28px;  }
div#login ul li.riquadri form label { font-size:16px; color:#666; padding-top:7px; float:left; width:100%; font-weight:normal; text-transform: uppercase; }
div#login ul li.riquadri form input { font-size:12px; color:#666; background:#fff; border:0; padding:4%; margin-bottom:4px; width: 86%; float: left;}
div#login ul li.riquadri form input.checkbox { font-size:12px; color:#666; width:50px;    }
div#login ul li.riquadri ul li.bottone { width: 100%; float:left;  text-align: center }
div#login ul li.riquadri form input.bottone { background: #fff; width:120px; height:49px; margin-left:0px; color:#666; font-weight: bold;cursor: pointer; margin-top:20px; border: 0; font-family: 'Abel', sans-serif; font-size: 14px; -webkit-appearance: none; padding: 0; font-size: 1em;}
div.errore {width: 100%; float: left; color: red; padding-bottom: 10px; }
div#login ul li.riquadri div.errore p, div#login ul li.riquadri p.errore, div.errore p { margin-bottom:5px; font-size:15px; color:#cc0000; margin-left: 10px; font-weight: bold; float:left; width: 100%; }
div#login ul li.riquadri div.password_dimenticata {color:#000033; padding-top:5px; padding-bottom:5px; float:left; width:100%; margin-top:15px; border-top:4px solid #fff;  }
div#login ul li.riquadri div.password_dimenticata p { padding:10px; font-weight: 600;  }
div#login ul li.riquadri div.password_dimenticata a { color: 666; font-weight: bold; text-decoration: underline;  }

/* gestione login */
div#login p.icon-info { width: 100%; }
div#login p.icon-info img { margin: 0 auto; display: block; }
div#login p.contenuto-login {font-size:1.9em;padding-left:5%; padding-top: 30px; padding-bottom:30px; color:#666; float:left; width:90%; padding-right: 5%; text-align: center; background: #fff; color:#009cdf; }
div#login ul li.gestione_login { float:left; display:inline; padding-bottom:15px; padding-top: 15px; margin: 5%;  width: 90%; margin-bottom: 40px; background: #f0f0f0;}
div#login ul li.gestione_login ul li{ display: inline; float: left;  }
div#login ul li.gestione_login ul li.bottone{ margin-top: 0; padding-top: 0;}
div#login ul li.gestione_login p.contenuto { font-size:2em; font-weight:bold; padding-left:10%; padding-bottom:15px; color:#666; float:left; width:80%; padding-right: 10%;}
div#login ul li.gestione_login p.errore, div#login ul li.gestione_login p.errore p { float:left; margin-left: 0px; background:none; color:#cc0000 !important; font-weight: bold;}
div#login ul li.gestione_login form { margin-left:28px;  }
div#login ul li.gestione_login form label { font-size:14px; color:#000; float:left; font-weight:normal; padding-left: 20px; padding-right: 20px; margin-top: 6px;}
div#login ul li.gestione_login form input { font-size:12px; color:#666; width:184px; background:#fff; border:0; padding:8px; margin-bottom:4px; margin-right: 20px;  }
div#login ul li.gestione_login form input.checkbox { font-size:12px; color:#666; width:50px;    }
div#login ul li.gestione_login form input.bottone { background: #000033; width:99px; height:29px; margin-left:0px; padding-top:7px; margin-top: 0; vertical-align: top; color:#fff; font-weight: bold;cursor: pointer;-webkit-appearance: none;   }

/* checkout */
div#checkout {width: 100%;float:left; margin-bottom: 60px;}
div#checkout ul.fasi {    width: calc(100% - 0px); float: left; margin-top: 0px; margin-left: 0px; border-bottom: 20px solid #fff; padding: 20px;}
 @media only screen and (max-width: 959px) {
    div#checkout ul.fasi {display: none;}
  }
div#checkout ul.fasi li {    display: inline;
    float: left;
    padding: 0;
    padding: 0;
    width: calc(25% - 10px);
    text-align: center;
    padding-top: 6px;
    padding-bottom: 4px;
    color: #000033;
    text-align: left;
    font-weight: 400;
    background-color: #f0f0f0;
    margin: 5px;
    border-radius: 0px;}
div#checkout ul.fasi li.attivo {display:inline;float:left;color:#fff;background: #000033;text-align: center;padding-top:5px;padding-bottom:5px;}
div#checkout ul.fasi li p {    float: left;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0px 30px 0px 30px;
    text-align: left; }
div#checkout ul li {display:inline;}
div#checkout div#dati-login {    margin-left: 0px;
    float: left;
    border-radius: 0px;
    width: calc(35% - 30px);
    margin-right: 5%;
    display: block;
    margin: 0 0% 0 0%;
    background: #f0f0f0;
    padding: 30px;
    margin-right: 30px;
    margin-bottom: 30px;}  
 @media only screen and (max-width: 959px) {
    div#checkout div#dati-login {width: 100%; margin: 0; background: #f0f0f0;}
    div#checkout div#dati-login .titolo {cursor:pointer;}
    }
div#checkout div#dati-login p.modifica-dati-login {text-align: center;margin-bottom: 10px;background: #000033; padding-bottom: 14px; float: left;padding-top: 14px; font-size: 22px; text-transform: uppercase; border-radius: 4px; width: 100%;}

div#checkout div#dati-login p.modifica-dati-login a {
    margin-right: 0px;
    color:#fff;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    
}

div#checkout div#dati-login p.titolo {
    width: 100%;
    color: #000033;
    border-bottom: 0;
    float: left;
    font-size: 1.7em;
    padding-top: 0px;
    padding-bottom: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    text-align: left;
    margin: 0;
}

div#checkout div#dati-login p.prodotti {
    width: 300px;
    color:#fff;
    background:#000;
    float:left;
    font-size:16px;
    padding:10px;
    
    
}

div#checkout ul.dati {
    float:left;
    clear:both;
    padding-top:10px;
    padding-bottom:10px;
    width: 100%;
}

div#checkout ul.dati li {
    float:left;
    clear: both;
    margin-bottom:1px;
    width: 84%;
    margin-left:8%;
    margin-right:8%;
    font-size: 12px;
    
    
}

div#checkout ul.dati li p.label {
    float: left;
    padding: 5px;
    padding-bottom: 0px;
    width: 15%;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bold;
    margin: 0;
    padding-bottom: 0;
    color: #000;
}

div#checkout ul.dati li p.content {
    float: right;
    width: 96%;
    float: left;
    padding: 2%;
    font-size: 1.4em;
    text-transform: uppercase;
    color:#000033;
    font-weight: 400;
    
}

div#checkout div#prodotti {
    float:left;
    width: 65%;
    margin: 0;
    padding: 0;
    padding: 20px;
    background-color: #000033;
    
    
}
 @media only screen and (max-width: 959px) {
    div#checkout div#prodotti {width: 100%;}
  }

div#checkout div#prodotti p.titolo-prodotti {
    width: 100%;
    color: #fff;
    border-bottom: 0;
    float: left;
    font-size: 1.7em;
    padding-top: 25px;
    padding-bottom: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    text-align: left;
    padding-left: 20px;
}

div#checkout div#prodotti ul.intestazione, div#checkout div#prodotti ul.riga-prodotto  {
    
    width:100%;
    
}

div#checkout div#prodotti ul.intestazione  {
    float: left;
    background-color: #f0f0f0;
}

div#checkout div#prodotti ul.intestazione li p  {
    width:15%;
    padding-left: 5%;
    margin: 0;
    height: auto;
    color: #000;
    font-weight: 300;
}

div#checkout div#prodotti ul.riga-prodotto li  {
    width:15%;
    padding-left: 5%;
    margin: 0;
    height: auto;
    color: #fff;
    font-weight: 300;
}

div#checkout div#prodotti ul.intestazione li.articolo, div#checkout div#prodotti ul.riga-prodotto li.articolo  {
    width:35%;
    padding-left: 5%;
    margin:0;
    
}

div#checkout div#prodotti ul.intestazione li {
    float:left;
    display:inline;
    padding-top:8px;
    padding-bottom: 8px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    
    
}

 @media only screen and (max-width: 959px) {
    div#checkout div#prodotti ul.intestazione li { font-size: 0.7em;
        width: 16%;}
  }

div#checkout div#prodotti ul.riga-prodotto {
    float:left;
    background:#fafafa;
    margin-top:3px;
    margin-bottom:3px; 
    margin-top: 3px;
    margin-bottom: 3px;
    /* border-bottom: 2px solid #666; */
    background-color:#000033;
    color: #fff;
    margin-top: 10px;
}

div#checkout div#prodotti ul.riga-prodotto li {
    float:left;
    display:inline;
    text-align: center;
    font-size:12px;
    padding-top:10px;
    padding-bottom: 20px;
}

div#checkout div#prodotti ul.riga-prodotto li p.nome {
    font-size: 15px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    text-align: left;
}

div#checkout div#prodotti ul.riga-prodotto li p.nome span {
    width: 100%;
    float: left;
    font-weight: normal;
}

div#checkout div#prodotti ul.riga-prodotto li p {
    font-size: 15px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    text-align: center;
}

 @media only screen and (max-width: 959px) {
    div#checkout div#prodotti ul.riga-prodotto li p, div#checkout div#prodotti ul.riga-prodotto li p.nome {font-size: 0.9em; }
    

  }

div#checkout div#prodotti ul.riga-prodotto li p.avviso {
    color: red;
}

div#checkout div#coupon {background: #f0f0f0; padding: 40px; float: left; margin-top: 40px; width: 100%;}
div#checkout div#coupon p { font-weight: bold; padding-bottom: 10px; padding-top: 10px; font-size: 19px;}
div#checkout div#coupon p.errore { font-size: 12px; padding-top: 2px; color: red;}
div#checkout div#coupon label { padding-bottom: 10px; float: left;}
div#checkout div#coupon input { background: #fff; padding: 5px; font-size: 12px; border: 0; width: 100%; padding: 20px;}
div#checkout div#coupon input[type=submit] { background: #000033; color: #fff; text-transform: uppercase; padding: 10px; font-size: 15px; border: 0;}

div#checkout div#spedizione {
    width: 100%;
    background-color: #666;
    float: left;   
}

div#checkout div#spedizione div#spedizione {
    width: calc(25% - 20px);
    float: left;
    margin:  10px 10px;
    background-color: #fff;
    border-radius: 5px;
    padding-bottom: 20px;
}

@media only screen and (max-width: 959px) {
    div#checkout div#spedizione div#spedizione {
        width: calc(100% - 20px);
    }
  }

div#checkout div#spedizione p.titolo {
    font-size:22px; 
    margin-top:20px; 
    margin-bottom: 20px;
    padding-left:5%; 
    padding-right: 5%;
    padding-top:10px;
    padding-bottom:10px; 
    color: #006699; 
    width: 90%;
    
    
}

div#checkout div#spedizione div#barra-indirizzo{
    border-bottom: 3px solid #f0f0f0;
    border-top: 3px solid #f0f0f0;
    float: left;
    width: 100%;
    margin-bottom: 2px;
    background: #000;
    
}

div#checkout div#spedizione p.radio {
    width: 20%;
    text-align: center;
    color:#000;
    float:left;
    margin-left:0px;
    float: left;
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    
}

div#checkout div#spedizione span.spese-spedizione {
    font-size: 18px;
    color: #000;
    padding: 1%;
    width: 96%;
    margin-bottom: 30px;
    background: #fff;
    /* margin-left: 20px; */
    border: 2px solid #f5f5f5;
    float: left;
    padding-top: 30px;
}

div#checkout div#spedizione p.metodo {
    width: 80%;
    float:left;
    font-size:22px;
    padding-bottom: 11px;
    padding-top: 11px;
    margin-bottom:2px;
    color:#000033;
    font-weight: bold;
    padding-top: 18px;
    padding-bottom: 18px;
}

div#checkout div#spedizione select {
    width: calc(100% - 20px);
    padding: 10px;
    background: #f0f0f0;
    font-size: .9em;
}

div#checkout div#spedizione #punto-di-ritiro {
    width: 100%;
    text-align: center;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: .8em;
    font-weight: 400;
}

div#checkout div#spedizione #punto-di-ritiro div {
    margin: 0 auto;
}

div#checkout div#spedizione #punto-di-ritiro label {
    font-size: 18px;
    padding-bottom: 20px;
    float: left;
    padding-left: 20px;
}

div#checkout div#spedizione div.descrizione {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    padding: 20px;
    color: #fff;
}

div#checkout div#spedizione div.spese {
    width: 100%;
    float: right;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0 40px;
}

div#checkout div#spedizione div.spese p.titolo-elenco-metodi {
    padding-bottom: 20px;
    float: left;
}

div#checkout div#spedizione div.elenco-metodi {
    margin-bottom: 20px;
    float: left;
    clear: both;
    width: 100%;
    
}

div#checkout div#spedizione div.elenco-metodi p {
    
    float:left;
    font-size: 0.8em;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5%;
    padding-right: 5%;
    background: #f0f0f0;
    margin-bottom: 2px;
}

div#checkout div#spedizione div.elenco-metodi p span {
    width: 100%;
    float: left;
    font-size: .9em;
    padding-top: 20px;
}

div#checkout div#spedizione div.elenco-metodi p.titolo-elenco-metodi {
    background: none;
    font-size: 1.2em;
    color: #000;
    padding-bottom:15px;
}

div#checkout div#spedizione div.spese-select {
    float: left;
    margin-bottom: 15px;
}

div#checkout div#spedizione div.spese-select select {
    background:#fff;
    width: 100%;
}




div#checkout div#spedizione div.descrizione p.testo {
      
    
    color: #666;
}

div#checkout div#spedizione div.descrizione p.didascalia {
    float:left;
    width: 100%;
    padding: 2%;
    background: #fff;
    color: #000;
}

div#checkout div#spedizione div.descrizione p.indirizzo {
    float: left;
    width: 96%;
    margin: 2%;
    font-weight: bold;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    background: #000033;
}

 @media only screen and (max-width: 959px) {
    div#checkout div#spedizione div.descrizione p.indirizzo { width:90%; margin: 0; padding: 5%;}
    div#checkout div#spedizione div.descrizione p.didascalia {width: 90%; margin: 0; padding: 5%;}
  }

div#checkout div#pagamento {
    width: 100%;
    float: left;
    padding-bottom: 30px;
    background-color: #666;
    
    
}

div#checkout div#pagamento div.riquadro-pagamento {
    width: calc(50% - 20px);
    float: left;
    margin-bottom: 20px;
    /* background: #000; */
    float: left;
    background-position: top;
    background-size: auto 60px;
    background-repeat: no-repeat;
    background-color: #fff;
    margin: 10px;
    padding-top: 80px;
    background-position: 20px 20px;
}

@media only screen and (max-width: 959px) {
    div#checkout div#pagamento div.riquadro-pagamento {
        width: calc(100% - 20px);
        padding-bottom: 20px;
    }
  }

div#checkout div#pagamento form {
}

div#checkout div#pagamento ul {
    float: left;
    width: 100%;
    
    
    
}

div#checkout div#pagamento ul li {
    width:31%;
    margin-left: 2%;
    float: left;
    border-radius: 4px;
    height: 222px;
    
    
    
}

div#checkout div#pagamento p.titolo {
     font-size:22px; 
    margin-top:20px; 
    margin-bottom: 20px;
    padding-left:5%; 
    padding-right: 5%;
    padding-top:10px;
    padding-bottom:10px;
    color: #006699;  
    width: 90%;
    float:left;
    
    
}

div#checkout div#pagamento p.radio {
    width: 20%;
    text-align: center;
    color:#000;
    float:left;
    margin-left:0px;
    border-bottom:2px solid #000033;
    padding:0;
    margin: 0;
    height: 32px;
    
}

div#checkout div#pagamento p.metodo {
    color:#000;
    float:left;
    font-size:18px;
    height:32px;
    line-height: 32px;
    margin-bottom:2px;
    font-weight: bold;
    border-bottom:2px solid #000033;
    width: 80%;
}

div#checkout div#pagamento div.descrizione {
    float: left;
    width: calc(100% - 20px);
    float: left;
    clear: both;
    font-size: 18px;
    background: #fff;
    color: #000033;
    height: 180px;
    padding-top: 30px;
    margin-bottom: 2px;
    margin: 0px 10px;
}

div#checkout div#pagamento div.descrizione p {
    padding-left:30px;
    padding-right:30px;
    text-align: justify;
}

div#checkout div#pagamento div.descrizione p.maggiorazione {
    font-size:42px;
    margin: 20px;
    font-weight: bold;
    color: #666;
}

div#checkout div#pagamento div.descrizione p.didascalia {
    float:left;
    width: 250px;
    float:left;
}

div#checkout div#pagamento div.descrizione p.indirizzo {
    float:left;
    width: 400px;
    float:right;
     background: #f0f0f0;
     margin: 5px;
     border:1px solid #666;
     font-weight: bold;
     font-size:14px;
     border-radius: 10px;
     border-bottom: 2px solid #ccc;
}

div#checkout .checkout { 
    float: left;
    width: 100%;
}

div#checkout .checkout input.btn {
    padding: 30px;
    background: #fff;
    border: 5px solid #666;
}

div#checkout .checkout div.ordine_ok { 
    float: left;
    width: 100%;
}

 div#checkout .checkout div.ordine_ok {    
    background: #f0f0f0;
    padding: 40px;
    margin: 10px;
    /* border-bottom: 1px solid #666; */
    text-align: center;
    font-size: 1.4em;
    margin: 20px;
    width: calc(100% - 40px);
}

div#checkout div.pagamento, div#checkout div.spedizione {
    background: #f0f0f0;
    padding: 40px;
    margin: 10px;
    /* border-bottom: 1px solid #666; */
    text-align: center;
    font-size: 1.4em;
    margin: 20px;
    width: calc(100% - 40px);
}
div#checkout div.pagamento p.titolo-top, div#checkout div.spedizione p.titolo-top {
    font-size: 2em;
    padding-bottom: 20px;
}

div#checkout div.pagamento p.totale, div#checkout div.spedizione p.totale {
}
div#checkout div.pagamento p.paypal_button {
    text-align: center;
    width: 100%;
    float: left;
    /* background: #000; */
    padding-top: 20px;
}

div#checkout div.pagamento p.paypal_button img {
    border: 1px solid #666;
    padding: 20px;
    background: #fff;
}

#content div#checkout div.pagamento p.titolo-top, #content div#checkout div.spedizione p.titolo-top {
    width: 90%;
    padding-left: 10%;
    text-align: left;
    padding-top: 20px;
    color:#666;
   font-size: 2em;
   font-weight: bold;
    
}

#content div#checkout div.pagamento p.totale {
    float: left;
    font-size:1.4em;
    margin-top:0px;
    font-weight: bold;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #666; 
    margin-top: 30px;
    background: #f0f0f0;
    
   
    
}

div.metodo{
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    
}

#content div#checkout div.pagamento div.metodo {
    float: left;
    font-size:1.4em;
    float:left;
    padding-top:0;
    padding-left: 10%;
    padding-right: 10%;
    width: 80%;
    text-align: left;
    background: #f0f0f0;
    padding-bottom: 10px;
   
    
}

div.metodo form{
    padding: 0;
    background: #fff;
    padding-bottom: 40px;
    margin-top: 50px;
    border-radius: 25px;
}

div.metodo form p.paga{
    text-align: left;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    text-align: center;
}

div.metodo .nexi{
        padding: 20px;
        background-image: url('../risorse/icona-nexi.png');
        background-size: contain;
        border: 0;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #fff;
}

#content div#checkout div.pagamento div.metodo p.istruzioni {
    font-size:14px;
    padding: 0;
    font-style: normal;
   
    
}

#content div#checkout div.pagamento div.metodo a {
    padding-left:10px;
    margin-left: 10px;
    float:left;
    font-size:14px;
   
    
}

#content div#checkout div.pagamento div.metodo form {
    
    padding:20px;
   
    
}

#content div#checkout div.spedizione {
    width: 100%;
    float: right;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    
}
#content div#checkout div.spedizione p.indirizzo-spedizione {
    float: left;
    font-size:1.4em;
    float:left;
    margin-top:20px;
    text-align: left;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    background: #f0f0f0;
    padding-top: 10px;
    padding-bottom: 10px;
}

div#totali {
    float: right;
    width: 100%;
    clear: both;
    font-size:16px;
   
    
    
}

div#totali p.titolo-totali {
    float: left;
    font-size: 16px;
    text-align: left;
    width: calc(50% - 40px);
    height: 50px;
    margin-left: 20px;
    color: #fff;
}

div#totali p.contenuto {
    float:right; 
    font-size: 16px;
    border-bottom:1px solid #999;
    text-align: right;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    width: 50%;
    color: #fff;
}

#content div.inoltra, #content div.inoltra-checkout {
    margin-top: 20px;
    float:right;
}

div.inoltra p, div.inoltra-checkout p  {
    padding:0px;
    float: left;
}

div.inoltra p a, div.inoltra-checkout p a  {
    padding:20px;
    padding-left: 18px;
    padding-right:18px;
    padding-top:13px;
    display: block;
    font-size: 14px;
    color:#fff;
    font-weight: bold;
}

#content div.inoltra-pagamento {
    width: 100%;
    float: left;
}

div.inoltra-pagamento p {
    padding:0px;
    float: left;
}

input.prosegui {background: #000033; width: 100%; float:right; margin-right: 0px; border: 0; color: #fff; cursor: pointer; text-transform: uppercase; padding-top: 40px; padding-bottom: 40px; font-size: 2em; color:#fff; font-weight: bold; font-family: 'Abel', sans-serif; margin-top:20px; -webkit-appearance: none;}
input.prosegui:hover {background: #f0f0f0;color: #000033;}

div.totale{float:left;width: 100%; margin-top: 20px; padding-top: 15px; padding-bottom: 15px; background: #f0f0f0; }
div.totale p{ text-align: right;}
div.totale p.nome{float:left; font-size:18px; padding-top: 8px; padding-bottom: 10px; padding-right: 80px; font-weight: bold; margin-left:0px; color:#666; padding-left: 20px; letter-spacing: 0px; text-shadow: 1px 0px #666; }
div.totale p.somma{float:right; margin-right: 0px; font-size:26px; text-shadow: 1px 0px #666; font-weight: bold; color: #000; width: 140px; text-align: right; margin-right: 10px;}

#form-spedizione {
    display: none;
}

#form-spedizione div.descrizione p.testo  {
    float:left;
    padding: 5%;
    background: #fff;
    color: #666;
    text-transform:uppercase;
    font-weight: 400;
}


#form-spedizione p.obbligatori {
    float: left;
    width: 100%;
    clear: both;
    /* margin-left: 50px; */
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 18px;
    color: #666;
    font-weight: bold;
}

#form-spedizione ul {
    margin-left:0px;
    float:left;
    clear: both;
}

#form-spedizione ul li {
    margin-bottom:10px;
    display:inline;
    float: left;
    width:280px;
}

#form-spedizione ul li p {
    float:left;
    clear: both;
}

#form-spedizione label {
    font-size: 16px;
    margin-bottom: 5px;
    float: left;
    width: 100px;
    font-weight: bold;
    color: #000033;
    font-weight: 300;
}

#form-spedizione select {
    margin-top:9px;
    margin-bottom:9px;
    background:#f0f0f0;
}

#form-spedizione p.errore {
    font-size:14px;
    color:red;
}

#form-spedizione input {
    font-size: 12px;
    color: #666;
    padding: 6px;
    margin-bottom: 4px;
    background: #fff;
    border: 0;
    /* margin-right: 50px; */
    float: left;
    padding: 10px;
    background: #f0f0f0;
    width: 100%;
}

/* registrazione */
div#azienda,div#privato{ display:none; display: block;}
div#registrazione  { margin-top:10px; float:left; background: #f0f0f0; width: 100%;  }
div#registrazione p.titolo { font-size:22px; background: #f0f0f0; margin-bottom:0px; margin:20px; padding:15px; color:#009cdf; border-bottom:#eee 1px solid;color: #666; border-radius: 4px; }
div#registrazione p.obbligatorio { font-size:16px; margin-bottom:0px; margin-left:40px; color:#ccc0; font-weight: bold; width: 80%; clear:both; }
div#registrazione p.testo-login { font-size:14px; background: #fff; margin-bottom:0px; margin-left:40px; color:#666; font-weight: normal; width: 80%; clear:both; margin-bottom:20px; }
div#registrazione ul.form {margin-top:0px; margin-bottom:15px;background:#fff; float:left; width: 96%; margin:2%; padding-left: 5%; padding-right: 5%; padding-bottom: 40px; }
div#registrazione ul li { margin-bottom:5px;}
div#registrazione ul.privacy { margin-bottom:5px;}
div#registrazione ul li ul.comune { margin:0; padding:0; float: left; clear:right; width: 100%; margin-top: 30px; }
div#registrazione ul li ul.comune li { float: left; display: inline; margin:0; padding:0; width: 146px; }
div#registrazione ul.privacy {padding: 0 5% 5% 5%;background: #fff;display: flex;flex-direction: row-reverse; width: 80%;}
div#registrazione ul.privacy li{margin: 20px;}
div#registrazione ul.privacy input { width: 40px; height: 40px;}
div#registrazione ul.privacy a { font-weight: bold; color:#000033;}
div#registrazione form label {font-size: 1em;padding-top: 9px;float: left;width: 220px;font-weight: normal;padding-left: 10px;margin-right: 50px;padding-bottom: 9px;background: #fff;font-weight: 400;text-transform: uppercase;color: #333; width: 100%; float: left; }
div#registrazione form input {    font-size: 16px; color: #666; width: 50%;-moz-border-radius: 5px; padding: 10px; margin-bottom: 4px; background: #fff; border-radius: 5px; border: 1px solid #000033;}   
 @media only screen and (max-width: 959px) {
    div#registrazione ul li ul.comune { margin-top: 0px; }
    div#registrazione form input { font-size:16px; color:#666; width:80%; padding: 5%; -moz-border-radius: 5px; margin-bottom:4px; background: #f0f0f0; margin: 5%; border: 0; border: 1px solid #000033;}
    div#registrazione form input#cap { width: 85% !important;}
    div#registrazione ul li ul.comune li { width: 100%;  padding:10px; }
  }
div#registrazione form select { font-size:16px; color:#666;  border:1px solid #000033; -moz-border-radius: 5px; padding:10px; margin-bottom:4px; background: #fff; border-radius: 5px; width: 50%;    }
div#registrazione form input.checkbox { font-size:12px; color:#666; width:50px;    }
div#registrazione form input.bottone { background: #000033; width: 100%; float:right; margin-right: 0px; border: 0; color: #fff; cursor: pointer; text-transform: uppercase; padding-top: 40px; padding-bottom: 40px; font-size: 2em; color:#fff; font-weight: bold; font-family: 'Abel', sans-serif; margin-top:20px; -webkit-appearance: none;}
div#registrazione form input.bottone:hover { color: #000033; background:#fff;}
 @media only screen and (max-width: 959px) {
   div#registrazione form input.bottone {width:90%;}
  }
div#registrazione form input.upload { background:none; width: 300px;  }
div#registrazione p.errore {    width: 98%; margin: 1%; text-align: left; font-size: 24px; margin-top: 40px;
margin-bottom: 40px; font-weight: bold; padding-bottom: 20px; }
div#registrazione p.sezione { width:98%; margin: 1%; text-align:left;font-size: 24px; margin-top: 40px; margin-bottom: 40px; color: #000033; font-weight: bold;  } 
div#registrazione p.sezione span { font-weight: 300; font-size: 1.4em; }
div#registrazione div#menu-gestisci { margin-left:75px; float: left; }
div#registrazione div#menu-gestisci ul li  { float:left; }
div#registrazione div#menu-gestisci ul li a  { display: block; padding: 20px; padding-top:90px; width: 150px; height: 100px; vertical-align: middle; margin-right: 40px; text-align: center; border-bottom:6px solid #666; text-decoration: none; background:#f0f0f0; text-decoration: none; box-shadow: 0px 0px 8px #ccc; font-size:18px;}
div#registrazione div#menu-gestisci ul li a:hover  { background:#fff}
p.messaggio-anagrafica {padding: 10px; background:#ffff00; width:700px; border-bottom:1px solid #666; float: left; margin-top:20px; font-size:18px; font-weight: bold; color:#000; margin-bottom:15px; clear: both; float:left; margin-left: 20px;}
div#gestisci{float:left; width:300px;}
div#gestisci{float:left; width:300px;}

/* pagina ordini */
div#pag_ordini { margin-top:10px; float:left; margin-left:10px; margin-right: 0px; width: 100%;}
div#pag_ordini div.intestazione{ font-size:14px; font-weight: bold; width: 100%; float:left; border-bottom:1px solid #666; margin-bottom:5px; background:#f0f0f0; }
div#pag_ordini div.intestazione li{ float:left; padding: 40px;  }
div#pag_ordini div.intestazione li.data{ width: 150px; }
div#pag_ordini div.intestazione li.id{ width: 300px; }
div#pag_ordini div.intestazione li.prezzo{ width: 200px; text-align: center }
div#pag_ordini div.rigo li.plus{position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    /* padding: 20px; */
    background: #000033;
    margin: 10px;
    border-radius: 20px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 2em;
    color: #fff;}
    div#pag_ordini div.rigo li.plus a{text-decoration: none; color: #fff;}
div#pag_ordini div.intestazione ul li { padding:5px; display:inline; float:left}
div#pag_ordini div.rigo {     border-bottom: 1px solid #fff; width: 60%;margin: 0 auto;}
div#pag_ordini div.rigo ul {clear: both;background: #f0f0f0;float: left;color: #333;padding: 30px;width: 96%;margin: 1px 0px;border-radius: 10px;border: 1px solid #999; position: relative;}
@media only screen and (max-width: 959px) {
    div#pag_ordini div.rigo{width: auto;}
    div#pag_ordini div.rigo ul {width:100%;}
}
div#pag_ordini.dettaglio div.sintesi {    display: flex;
    padding: 10px 80px;
    float: left;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px;}
div#pag_ordini.dettaglio div.sintesi p { padding: 30px; margin: 5px; color: #fff; background-color: #000033;}
div#pag_ordini.dettaglio div.rigo ul {    border-radius: 0;
    border: 0;
    background: #000033;
    color: #fff;}
div#pag_ordini div.rigo ul:hover { background: #fff; color: #666;}
div#pag_ordini div.rigo ul li {    display: inline;
    float: left;
    font-size: 14px;
    width: calc(25% - 20px);
    /* padding: 2%; */
    margin: 10px; }
@media only screen and (max-width: 959px) {
    div#pag_ordini.dettaglio div.sintesi{display: block;}
    div#pag_ordini div.rigo ul li { }
    div#pag_ordini.dettaglio div.sintesi {padding: 10px 0px;}
}
div#pag_ordini div.rigo ul li.data {font-size: .9em; }
div#pag_ordini div.evaso {    width: 80%;
    float: left;
    margin: 0 10%;
    background: #eee;
    margin-bottom: 40px;
    border-radius: 20px;
    padding: 60px;}
div#pag_ordini div.evaso img{    height: 90px; text-align: center; display: block; margin: 0 auto; padding-bottom: 20px;}
div#pag_ordini div.evaso p{ margin: 0 auto !important; display: block;}
div#pag_ordini div.rigo ul li.evaso p, div#pag_ordini div.evaso p{ 
    padding: 5px;
    /* margin: 0 5%; */
    text-align: center;
    font-weight: bold;
    color: #fff;
    width: 100%;
    font-size: .9em;
    font-weight: 300;
}
div#pag_ordini div.rigo ul li.evaso p{background: #666 }
div#pag_ordini div.rigo ul li.evaso a,  div#pag_ordini div.evaso a{margin-left: 5%;}
div#pag_ordini div.rigo ul li.evaso p.consegnato, div#pag_ordini div.evaso p.ricevuto{background: #666;}
div#pag_ordini div.rigo ul li.evaso p.spedito, div#pag_ordini div.evaso p.spedito{background: orange;}
div#pag_ordini div.rigo ul li.evaso p.consegnato, div#pag_ordini div.evaso p.consegnato{background: green;}
div#pag_ordini div.rigo ul li.data span { width: 100%; float: left; text-transform: uppercase; font-weight: 300; font-weight: 600;}
div#pag_ordini div.rigo ul li.id { font-weight: bold;}
div#pag_ordini div.rigo ul li.id p{font-size: .9em;font-weight: 300; padding-top: 20px;}
div#pag_ordini div.rigo ul li.prezzo { }
div#pag_ordini div.rigo ul li.zoom { text-align: center; margin-top:4px; }
div#pag_ordini div.rigo ul li.zoom a { background: #fff; font-size: 12px; border-radius: 4px; padding: 4px; margin-top: 4px;}
div#pag_ordini div.rigo ul li.totale {    font-size: 1.1em;font-weight: 600;}
div#pag_ordini div.rigo ul li.totale p{ margin-top: 20px; font-size: .8em; font-weight: 300;}

/* pagina ordini dettaglio */
div#pag_ordini_dettaglio  { margin-top:10px; float:left; margin-left:10px; margin-right: 0px; width: 762px; }
div#pag_ordini_dettaglio p.rif  { font-size:12px; padding: 5px; background:#666; margin-bottom:10px; color:#fff; font-weight: bold; }
div#pag_ordini_dettaglio div.intestazione{ font-size:12px; font-weight: bold; width: 100%; float:left; border-bottom:1px solid #f0f0f0; margin-bottom:5px }
div#pag_ordini_dettaglio div.intestazione li{ float:left;  }
div#pag_ordini div.intestazione ul li { padding:5px; display:inline; foat:left}
div#pag_ordini_dettaglio div.intestazione li.cod{ width: 150px; }
div#pag_ordini_dettaglio div.intestazione li.desc{ width: 350px; }
div#pag_ordini_dettaglio div.intestazione li.qty{ width: 80px; text-align: center }
div#pag_ordini_dettaglio div.intestazione li.prezzo{ width:150px; text-align: center; }
div#pag_ordini_dettaglio div.rigo { border-bottom: 1px solid #fff; float:left; width: 100%}
div#pag_ordini_dettaglio div.rigo ul { clear:both; background: #f0f0f0; border-bottom: 1px solid #ccc; float:left; width: 98%; color:#000; padding: 10px; }
div#pag_ordini_dettaglio div.rigo ul.grigio { background: #eaeaea; }
div#pag_ordini_dettaglio div.rigo ul li {display:inline; float:left; font-size:13px; padding: 5px; }
div#pag_ordini_dettaglio div.rigo ul li.codice { width: 150px; }
div#pag_ordini_dettaglio div.rigo ul li.prezzo { width: 150px; text-align: center; }
div#pag_ordini_dettaglio div.rigo ul li.descrizione { width: 350px; }
div#pag_ordini_dettaglio div.rigo ul li.qty { width: 80px; text-align: center; }
/* chi siamo */
div#chi-siamo{ width:100%; background:#fff; float:left; margin-top:0px;}
div#chi-siamo p.foto{ width:782px; background:#fff; float:left; margin-top:0px;}
div#chi-siamo p.testo{ font-size:1.4em; padding: 20px; float:left; color:#666; width: 70%; padding-left: 15%; padding-right: 15%; line-height: 20px; text-align: justify; float: left; line-height: 24pt;}
div#chi-siamo p.testo span.tag{ font-size:0.8em; float: left;}

/* contatti */
div#contatti{ width: 100%; float: left; margin-left:0;}
div#contatti ul li{ float:left;display: inline;}
div#contatti p.testo-contatti{ font-size:1.4em; padding: 40px; padding-bottom:20px; float:left; color:#666; width: 100%; }
div#contatti p.testo span{ font-size: 24px; color: #fff; background: #ff9900; padding: 5px; float: left; clear: both; width: 100%; margin-bottom: 10px;}
div#contatti li.left{ width: 320px;}
div#contatti li.right{ margin-top:20px; width: 360px; float: right; margin-right: 20px;}
div#contatti li.right p.titolo{ width: 100%; font-size:12px; padding:5px; margin-top:20px; background:#f0f0f0; color:#fff;}
div#contatti li.right p.e-mail{ font-size:13px; padding:5px;}
div#novita{ padding:5px; padding-top:15px; padding-bottom: 15px;float: left;}
div#novita ul {float:left; clear:both; margin-bottom:10px; padding-bottom:10px; margin-left: 10px}
div#novita ul li{float: left; display:inline; font-size:12px;}
div#novita ul li.data{text-align: left; padding:4px; background: #f0f0f0; font-size: 16px; padding:10px; font-weight: bold; color: #666;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
div#novita ul li.contenuto{width:550px; }
div#novita ul li.contenuto p.titolo_novita{padding:10px; font-size:13px; color:#ffcc01; border-top:1px solid #f0f0f0;border-right:1px solid #f0f0f0; font-size:16px; font-weight: bold; }
div#novita ul li.contenuto p.testo{padding:10px; font-size:11px; color:#000; font-size:13px; background:#f0f0f0 }


/* cart */
div#cart div#messaggio{ width:100%; text-align:center;}
div#cart div#messaggio p{ width:100%; text-align:center; color:#C00; font-size:13px; font-weight:bold; margin-top:30px; float:left; margin-bottom:50px;}
div#cart div#processo{ background:#f0f0f0; border:0px solid #286b9c; margin-top:8px; margin-bottom:8px; margin-left:10px; margin-right:10px; padding:10px; float:left; width:738px;  text-align:center;  }
div#cart div#processo ul li{ float:left; text-align:left; font-size:14px; font-weight:bold; color:#286b9c; margin-left:28px; margin-right:28px;   }
div#cart div#intestazione_carrello {background:url(../risorse/bg_intestazione_carrello.gif) repeat-x; padding-top:8px; padding-bottom:8px; padding-left:10px; padding-right:10px; padding:10px; float:left; width:738px;  text-align:center; margin-left:10px; margin-right:10px;   }
div#cart div#intestazione_carrello ul li { font-size:18px; color:#fff; float:left; }
div#cart div#intestazione_carrello ul li.articolo { width:300px;}
div#cart div#intestazione_carrello ul li.prezzo { width:90px;}
div#cart div#intestazione_carrello ul li.quantita { width:90px;}
div#cart div#riga_carrello { border-bottom:1px solid #f0bb2f; float:left; margin-left:10px; margin-right:10px; width:760px; padding-top:8px; padding-bottom:8px;}
div#cart div#riga_carrello ul li { font-size:12px; float:left; }
div#cart div#riga_carrello ul li a { color:#336699; font-weight:bold }
div#cart div#riga_carrello ul li.elimina { padding-top:10px; width:40px; padding-left:5px;}
div#cart div#riga_carrello ul li.foto { margin:10px;}
div#cart div#riga_carrello ul li.articolo { font-size:12px; margin-top:10px; width:210px; margin-left:0; }
div#cart div#riga_carrello ul li.prezzo { font-size:12px; margin-top:10px; width:90px; text-align:center }
div#cart div#riga_carrello ul li.quantita { font-size:12px; width:90px; text-align:center; margin-top:3px; }
div#cart div#riga_carrello ul li input { width:30px; padding-left:5px; padding-right:5px; border:2px solid #666; text-align:center; }
div#cart div#totale  { font-size:24px; font-weight:bold; float:right; margin-right:10px; margin-top:20px; }
div#cart div#totale p.titolo  { font-size:24px; font-weight:bold; color:#336699; text-align:center  }
div#cart div#totale ul li  { text-align:center; background:#f0f0f0; padding-top:10px; padding-bottom:10px; -moz-border-radius: 5px;
    border-radius: 5px;  }
div#cart div#totale ul li p.iva  { font-size:12px; color:#666; width:220px; }
div#cart div#info_acquisti  { float:left; clear:both; margin-left:12px; margin-top:20px; }
div#cart div#info_acquisti ul li  { font-size:12px; color:#666; margin-right:10px; }
div#cart div#frecce_carrello  { width:100%; float:left; margin-top:40px; margin-bottom:10px; }
div#cart div#frecce_carrello p.left  { float:left; margin-left:20px; }
div#cart div#frecce_carrello p.right  { float:right; margin-right:20px; }

/*-- Condizioni di vendita--*/

#condizioni_di_vendita { 
    width: 100%; float: left; margin:0; padding-bottom: 40px;
}

#condizioni_di_vendita a { 
    border-bottom: 1px solid #f0f0f0;
    font-weight: bold;
    padding: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    clear: both;
    color:#666; 
    margin-left: 5%;
    margin-right: 15%;
    margin-left: 30px;
    font-size: 1em;
    width: 90%;
    float: left;
}

#condizioni_di_vendita a:hover { 
    background: #f0f0f0;
}

#condizioni_di_vendita div.blocco { 
    float:left;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    padding-bottom: 10px;
    padding-top: 60px;
    float: left;
    font-size: 16px;

}

#condizioni_di_vendita div.blocco span.titolo-blocco { 
    font-weight: bold;
    margin-top:20px;
    float: left;
    font-size:15px;
    width: 100%;
    margin-bottom: 10px;

}

#condizioni_di_vendita p.testo { 
    
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    padding-bottom: 10px;
    padding-top: 10px;
    float: left;
    font-size: 16px;
    padding-left: 10%; 
    padding-right: 10%; 
    width: 80%; 
    padding-bottom: 40px;
    
}

#condizioni_di_vendita p.titolo_grande { 
    font-size: 19px;
    font-weight: bold;
    padding-top: 15px;
    padding-left: 5%;
    float:left;
    width:95%;
    
}

div.tabella { float: left; clear: both; width: 80%; margin: 10%; border: 1px solid #666;}
div.tabella p{ padding: 0px; margin: 0; float: left; margin-bottom: 0; float:left;}
div.tabella p.intestazione1{ color:#666; width: 40%; text-transform: uppercase; font-size: 18px; float: left; border-bottom: 2px solid #666; padding: 5%; background: #666; color:#fff; }
div.tabella p.intestazione2 {  color: #666; width: 40%; float: left;text-transform: uppercase; font-size: 18px; border-bottom: 2px solid #666; padding: 5%; color:#666;  }
div.tabella p.prezzo{ background: #fff; color:#666; font-size: 16px; text-align: left; width: 46%; border-bottom: 1px solid #666; padding: 2%;  }
div.tabella p.descrizione {  border-bottom: 1px solid #666; width: 46%; background: #eee; margin: 0;float: left;padding: 2%;  }

#scroller-home{
    width: calc(100% - 40px);
    float: left;
    background-color: #666;
    height: 600px;
    margin: 20px;
}

#scroller-home .swiper{
    height: 100%;
    width: 100%;
    float: left;
}
#scroller-home .swiper p{
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #fff;
    font-size: 3em;
    padding: 10%;
    text-align: center;
}


#home-gallery {
    width: 100%; 
    float: left;
    border-bottom: 8px solid #000033; 
    padding-bottom:10px;
}

#home-gallery .item{
  background: #fff;
  padding: 0%;
  text-align: center;
  width: 96%;
  border: 2px solid #f0f0f0;
  padding:2%;
}
#home-gallery .item img{
    width:100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}
#home-gallery .item p.testo{
    text-transform: uppercase;
    padding-top: 20px; 
    padding-bottom: 20px;
    color: #666;
    height: 120px;
    font-size: 32px;
}
.customNavigation{
  text-align: center;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*-- radio style--*/

div.radio{
  color: #666;
  display: block;
  position: relative;
  float: left;
  width: calc(100% - 20px);
  height: auto;
  z-index: 8;
  background-color: #fff;
  margin: 0 10px;
}

div.radio input[type=radio]{
  position: absolute;
  visibility: hidden;
}

div.radio label{
  display: block;
  font-weight: 400;
  position: relative;
  font-weight: 300;
  font-size: 1.6em;
  padding: 15px 25px 15px 40px;
  margin: 10px auto;
  height: 30px;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  height: auto;
}

div.radio:hover label{
	color: #000033;
}

div.radio .check{
    display: block;
    position: absolute;
    border: 5px solid #666;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 30px;
    left: 20px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

div.radio:hover .check {
  border: 5px solid #000033;
}

div.radio .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 18px;
    width: 18px;
    /* top: 5px; */
    left: 0;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 5px solid #000033;
}

input[type=radio]:checked ~ .check::before{
  background: #000033;
}

input[type=radio]:checked ~ label{
  color: #000033;
}

@media only screen and (min-width: 960px) {
    div#header-full {display: none;}
  }

/* custom avatar */

 option.tipologia1, option.tipologia2 {
      background-repeat: no-repeat !important;
      
     
      
    }
  
.tipologia1 .ui-icon, .tipologia2 .ui-icon {
      background-position: left top;
      height: 64px;
      width: 64px;
      float: left;
     
    }
    
     .ui-widget .ui-menu-item .ui-menu-item-wrapper {
         font-size: 1em;text-align: left;
         padding-left: 80px;
    }
    
    @media only screen and (max-width: 959px) {
        
        
     
    } 
    
    .ui-selectmenu-menu .ui-menu {max-height: 200px;}
 /*avviso*/   
 
 div.avviso {
     background: #ffcccc;
     padding: 1.5%;
     width: 100%;
     float:left;
     margin-top: 20px;
     margin-bottom: 5px;
     
    } 
    
     div.avviso p {
         color: #000;
     
    } 
    
    /*popup cart*/
    
 #open-cart {
      width: 80%;
      text-align: center;
      border-radius: 10px;
      padding: 0;
    } 

    @media only screen and (max-width: 959px) {
        #open-cart {
            font-size: .6em;
          }  
        
     
    } 
    
    #open-cart #qty {
        float: left;
        width: 20%;
        color: #fff;
        padding-top: 60px;
        padding-bottom: 60px;
        font-size: 1.5em;
        /* border-right: 1px dotted #666; */
        font-weight: 400;
        background: #000033;
        font-size: 1.4em;
     
    } 
    
    #open-cart #descrizione-prezzo {
        float: left;
        width: calc(60% - 10px);
        padding-top: 20px;
    } 
    
    #open-cart #descrizione-prezzo p {
        padding-bottom: 10px;
        font-weight: bold;
        text-align:left;
     
    } 
    
    #open-cart #descrizione-prezzo p.descrizione {
        padding-bottom: 10px;
        font-size: 2em;
        text-align:left;
        padding-left: 5%;
        padding-right: 5%;
     
    } 

  #open-cart #descrizione-prezzo p.descrizione span {
        font-weight: normal;
         width: 100%;
         float: left;
         font-size: .7em;
         padding-top: 20px;
         padding-bottom: 20px;
    } 
    
    #open-cart #descrizione-prezzo p.prezzo {
        padding-bottom: 10px;
        font-size: 2em;
        text-align:left;
        padding-left: 5%;
        padding-right: 5%;
     
    } 
    
    #open-cart div.success {
        font-weight: bold;
        text-align: center;
        width: calc(20% - 40px);
        float:left;
        font-size: 1.4em;
        background-color: #f0f0f0;
        border-radius: 10px;
        padding: 20px;
    } 
     #open-cart div.success a {
         color:#000033;
         border: 0;
         display: block;
     
    } 
    
      #open-cart div.success a img {
          outline:none;
          border: 0;
          height: 60px;
    } 
    
    #open-cart div.success p.aggiornato{font-size: 1em;padding-top: 10px;padding-bottom: 10px; color: #666; font-weight: 400; } 
        
     
     #open-cart div.success a:hover {
         color:#0094dd;
         background:#f0f0f0;
     
    } 
    
     #open-cart div.success p.cart{
        
         padding-top: 8px;
         padding-bottom: 8px; padding-left: 2%; padding-right: 2%;
         padding-top:10px;
         float: left;
         width: 96%;
         color:#fff;
     
    } 
    
    #open-cart div.success p.cart img{
        display: block;
        margin: 0 auto;
     
    } 
    
    #open-cart div.success a p{font-size: 0.6em;text-transform: uppercase;padding-top: 10px;padding-bottom: 10px;color: #000;} 
    
    @media only screen and (max-width: 959px) {
        
         
    
    #open-cart #qty {
        width: 100%;
        font-size: 2em;
        padding: 10px;
     
    } 
    
    #open-cart #descrizione-prezzo {
        width: 100%;
     
    } 
    
    #open-cart #descrizione-prezzo p {
        padding-bottom: 10px;
        font-weight: bold;
        text-align:left;
     
    } 
    
    #open-cart #descrizione-prezzo p.descrizione {
        padding-top: 50px;
     
    } 
    
    #open-cart #descrizione-prezzo p.prezzo {
     
    } 
    
    #open-cart div.success {
        width: 100%;
       
        
     
    } 
     #open-cart div.success a {
     
    } 
    
      #open-cart div.success a img {
                height: 50px;
    } 
    
    #open-cart div.success p.aggiornato{  } 
        
     
     #open-cart div.success a:hover {
     
    } 
    
     #open-cart div.success p.cart{
     
    } 
    
    #open-cart div.success p.cart img{
     
    } 
    
    #open-cart div.success a p{
      width: 100%;
      text-align: center;
     
    } 
    } 
    
    
    #back-to-top {
    position: fixed;
    bottom: 70px;
    right: 10px;
    z-index: 9999;
    width: 52px;
    height: 52px;
    text-align: center;
    line-height: 30px;
    background: rgba(0, 156, 223, 0.8) url(../risorse/cd-top-arrow.svg) no-repeat center 50%;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: rgba(0, 156, 223, 1) url(../risorse/cd-top-arrow.svg) no-repeat center 50%;
}
#back-to-top.show {
    opacity: 1;
}

#back-to-top img {
    width: 80%;
}


.blocker {
    z-index: 10 !important;
}   

.modal {
    background: #009cdf !important;

}  

.modal p {
    color: #fff;
    font-size: 24px;
    padding-bottom: 20px;
    
    }  

.modal .titolo {
    font-weight: bold;
font-size: 30px;

}  

.modal a.chiudi {
    width: 100%;
    background: #fff;
    color: #666;
    font-weight: #666;
    float: left;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;

}  

#wa-chat{
    position: fixed;
    right:10px;
    bottom: 10px;
    z-index: 10;
}

#wa-chat img{
    height: 50px;
}

.paypal-button-layout-vertical{
    margin: 0 auto !important;
}

.pag_ordini .data{
    width: 20%;
    float: left;
    padding: 10px;
}

.pag_ordini .id{
    width: 20%;
    float: left;
    padding: 10px;
}

.pag_ordini .importo{
    width: 20%;
    float: left;
    padding: 10px;
}

.pag_ordini .tracciabilita{
    width: 20%;
    float: left;
    padding: 10px;
}

.header-background{
    background-repeat: no-repeat;
    background-size: contain;
    height: 400px;
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-color: #000033;
    padding: 40px;
}
@media only screen and (max-width: 959px) {
    .header-background{
        background-repeat: no-repeat;
    background-size: contain;
    /* height: 400px; */
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-color: #000033;
    padding: 40px;
    background-size: auto 180px;
    height: 400px;}
    
    }
.header-background p{
    color: #fff;
    font-weight: 300;
    font-size: 2em;
    text-transform: uppercase;
}

div.intro{
    padding: 150px;
    float: left;
    font-size: 3em;
    font-weight: 200;
    line-height: 60px;
    background: #f0f0f0;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media only screen and (max-width: 959px) {
    div.intro{
    font-size: 1.4em;
    padding: 40px;
    line-height: normal;
    }
}

    

div.intro a{
    width: auto;
    /* align-items: center; */
    width: 50%;
    vertical-align: middle;
    text-align: center;
    margin-top: 80px;
    font-size: .7em;
    background-color: rgba(0, 156, 223, 1);
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
}
@media only screen and (max-width: 959px) {
    div.intro a{
        width: auto;
        padding: 20px;
    }
}

div.elenco{
    display: flex;
    float: left;
    width: 100%;
}

@media only screen and (max-width: 959px) {
    div.elenco{
        flex-direction: column;
    }
}

div.elenco div{
    margin: 20px;
    background-color: #fff;
    padding: 50px;
    color: #000033;
}

p.testo-richiedi{
    font-weight: 300;
    padding: 40px 15% 40px 15%;
    font-size: 3em;
    float: left;
    font-weight: 300;
    background: #f0f0f0;
    margin-bottom: 120px;
}

@media screen and (max-width:959px) {
    p.testo-richiedi{
        font-size: 1.9em;
    }
}

div.fasi{
    display: flex;
    width: 90%;
    padding-left: 10%;
    float: left;
}



div.fasi div{
    flex: 0 0 33.33333333%;
   background-color: #000033;
    padding: 10px;
    border-top: 2px solid #fff;
    padding-top: 50px;
    border-right: 6px solid #fff;
    padding-left: 30px;
    border-top-right-radius: 60px;
    padding-bottom: 20px;
    border-top-left-radius: 10px;
}

@media only screen and (max-width: 959px) {
    
div.fasi div{
    padding-top: 10px;
    border-right: 6px solid #fff;
    padding-left: 5px;
    border-top-right-radius: 60px;
    padding-bottom: 10px;
    border-top-left-radius: 10px;
    font-size: 1.1em;
}
}

div.fasi div.active{
     background: #f0f0f0;
}

div.fasi div:last-child{
    border-right: 0;
}

div.fasi div p{
    margin: 0;color: #fff;
}

div.fasi div.active p{
    color: #000;
}

div.fasi div span{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 15px;
    color: #000;
    font-weight: 600;
    background-color: #fff;
    float: left;
    margin-right: 20px;
    line-height: 30px;
}



div.fasi div.active span{
    background-color: #000033;
    color: #fff;
}
@media only screen and (max-width: 959px) {
    div.fasi div span{
        width: 100%;
        background-color: transparent;
        color: #fff;
    }

    div.fasi div.active span{
        color: #000;
        background-color: transparent;
    }
}
div.richiedi div.richiedi-content{
    padding: 60px;
    background: #f0f0f0;
    margin-bottom: 30px;
    float: left;
    margin-left: 10%;
    width: 80%;
}

@media only screen and (max-width: 959px) {
    div.richiedi div.richiedi-content{
        padding: 20px;
    }
}

div.form-group{
    padding-top: 10px;
    width: 100%;
    float: left;
}

div.form-group label{
    width: 30%;
    float: left;
    margin-top: 5px;
    font-weight: 600;
    padding-right: 40px;
}
@media only screen and (max-width: 959px) {
    div.form-group label{
        width: 100%;
    }
}

div.form-group label span{
    text-transform: none;
    font-size: 1.1em;
    padding-top: 0px;
    font-weight: 300;
    width: 100%;
    float: left;
    padding-bottom: 40px;

}

div.form-group label.error{
    width: 70%;
    text-transform: none;
    font-weight: 300;
    color: red;
}

div.form-group input{
    width: 70%;
    float: left;
}

@media only screen and (max-width: 959px) {
    div.form-group input{
        width: 100%;
    }
}

div.form-group input.radio{
    width: 10%;
    float: left;
}

@media only screen and (max-width: 959px) {
    div.form-group input.radio{
        width: 10%;
        float: left;
        margin-right: 20px;
    }
}

div.radio-group{
    width: 70%;
    float: right;
}

@media only screen and (max-width: 959px) {
    div.radio-group{
        width: 100%;
        float: right;
    }
}

div.radio-group span{
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

@media only screen and (max-width: 959px) {
    div.radio-group{
padding-right: 10px;
margin: 0;
width: 100%;
padding-left: 20px;
padding-top: 2px;
    }
}

div.radio-group label{
    padding-right: 10px;
    margin: 0;
    width: 80%;
    padding-left: 10px;
}

div.radio-group label img{
    height: 260px;
    padding: 30px;
}

@media only screen and (max-width: 959px) {
    div.radio-group label img{
        height: auto;
        padding: 0;
    }
   }
   
div.richiedi h1{
    font-size: 2em;
    font-weight: 300;
}

div.richiedi .btn-success{
    padding: 20px;
    font-size: 1.2em;
    margin-top: 30px;
    background-color: rgba(0, 156, 223, 1);
    border-color: rgba(0, 156, 223, 1);
}

@media only screen and (max-width: 959px) {
    div.richiedi .btn-success{
        font-size: 1em;
    }
}

p.conferma{
    background: rgba(0,128,0,.8);
    color: #fff;
    text-align: center;
    padding: 40px;
    font-size: 1.4em;
    font-weight: 300;
    float: left;
    width: 100%;
}