.countdown-box{
    font-size: 14px;
}
.countdown{
    font-weight: normal;
    font-size: 14px;
    color: red;
}

.articolo_esaurito{
    text-align: center;
    font-size: 17px;
    background-color: #CCFFCC;
    padding: 5px;

}

.separator {
    background-image: url(/static/img/separator.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    height: 3px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}


.taglie-articolo{
    font-size: 13px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 6px;
    margin-bottom: 14px;
}
.taglia{
    display: inline-block;
    min-width: 40px;
    border: 1px solid #000;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 3px;
    margin-left: 3px;
    margin-top: 3px;
}
.taglia_non_disponibile{
    color: #ccc;
}
.taglia_selezionata{
    border: 2px solid #000 !important;
}


.aggiunto-al-carrello {
    padding-top: 5px;
    padding-bottom: 3px;
    font-size: 12px;
    height: 46px;
}

/*.colore {*/
    /*min-width: 25px;*/
    /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
    /*padding-left: 8px;*/
    /*padding-right: 8px;*/
    /*font-size: 11px;*/
    /*text-transform: uppercase;*/
/*}*/

.cbox{
    display: inline-block;
    width: 24%;
    /*border: 1px solid #000;*/
    margin-left: auto;
    margin-right: auto;
}
.box_colore_selezionato .box_colore {
    border: 1px solid #999 !important;
}

.colore{
    font-size: 10px;
}
.box_colore_selezionato .colore {
    /*text-decoration: underline;*/
    border: 2px solid #000;
}
.container-btn-colore{
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    width: 70px;
    height: 60px;
    vertical-align: top;
}
.box_colore {
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    width: 40.5px;
    height: 40.5px;
    border-radius: 50%;
}

.colore_non_disponibile {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.icona_colore {
    width: 30.5px;
    height: 30.5px;
    border-radius: 50%;
    border: 1px solid #ccc !important;
}

#container-prodotti-stessa-marca {
    margin-top: 14px;
}

.prodotto-correlato {
    /*margin-right: 10px;*/
    /*margin-left: 10px;*/
    margin-bottom: 20px;
    height: 307px;
}

.prodotto-correlato img {
    max-height: 240px;
    max-width: 100%;
}

.prodotto-correlato .box-img {
    height: 185px;
}

.prodotto-correlato h1 {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 7px;
    padding-top: 7px;
    font-size: 12px;
}





/* ------------------------------------------------------------

              B E G I N     M O B I L E     V E R S I O N

    ------------------------------------------------------------  */
@media (min-width: 200px) {


    /*body { background: green !important; }*/


    .foto-mobile {
        max-width: 100%;
        max-height: 250px;
        margin-left: auto;
        margin-right: auto;
    }

    .linea_articolo {
        font-weight: 200;
        font-size: 12px;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .titolo_articolo {
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        margin-top: 12px;
        margin-bottom: 3px;
    }

    .prezzo {
        font-weight: 600;
        font-size: 12px;
    }

    #descrizione {
        margin-top: 14px;
    }

    #note-taglia {
        color: #888;
        font-style: italic;
        font-size: 13px;
        margin-bottom: 14px;
    }

    .titolo-info-prodotto {
        font-weight: bold;
        font-size: 14px;
    }

    #spedizioni-e-resi {
        margin-top: 14px;
        padding-top: 9px;
        padding-bottom: 9px;
        border-top: 2px solid #ccc;
        border-bottom: 2px solid #ccc;
    }


    #tag_box {
        margin-top: 14px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-top: 2px solid #ccc;
        /*border-bottom: 2px solid #ccc;*/
    }

    #tag_box .btn {
        margin-top: 7px;
    }

    #tag_box h1 {
        text-transform: uppercase;
    }

}
/* ------------------------------------------------------------

             E N D     M O B I L E     V E R S I O N

    ------------------------------------------------------------  */






/* ------------------------------------------------------------

              B E G I N     D E S K T O P    V E R S I O N

    ------------------------------------------------------------  */
@media (min-width: 971px) {

    /*body { background: red !important; }*/

    h6{
        font-weight: 600;
    }
    .taglie-articolo {
        border-bottom: 0px solid #ccc !important;
        padding-top: 0px ;
        margin-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .taglia {
        font-size: 20px;
        margin-right: 14px;
        margin-left: 14px;
        border: 1px solid #000;
    }

    .taglia:hover {
        border: 1px solid #999;
    }

    #dettagli-desktop .titolo_articolo {
        text-align: center;
        font-size: 20px;
    }

    #dettagli-desktop .linea_articolo {
        text-align: center;
        font-size: 15px;
        margin-top: 11px;
        margin-bottom: 8px;
    }

    .prezzo-desktop {
        text-align: center;
        font-size: 16px;
        font-weight: 100;
    }

    #tag-box-desktop {
        text-transform: uppercase;
        font-weight: 600;
        color: #999;
        margin-top: 17px;
        margin-bottom: 24px;
        word-spacing: 5px;
        font-size: 11px;
        letter-spacing: 1px;
    }

    .foto-desktop {
        max-width: 100%;
        max-height: 600px;
        margin-left: auto;
        margin-right: auto;
        cursor: zoom-in;
        cursor: -webkit-zoom-in;
    }

    #galleria-foto-desktop {
        text-align: center;
    }

    #box-foto-desktop {
        padding-left: 30px;
        text-align: center;
    }

    .box-foto-miniatura {
        width: 88px;
        cursor: pointer;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 25px;
        padding: 3px;

        border: 3px solid #fff;
    }

    .box-foto-miniatura:hover {
        border: 3px solid #ccc;
    }

    .selected {
        border: 3px solid #ccc;
    }

    .foto-miniature-desktop {
        max-width: 80px;
        max-height: 90px;
    }

    #colori-articolo-desktop {
        font-size: 15px;
        font-weight: 500;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 6px;
    }


}
/* ------------------------------------------------------------

              E N D      D E S K T O P    V E R S I O N

    ------------------------------------------------------------  */