﻿.tac { text-align: center; }

@media only screen and (min-width : 320px) and (max-width : 600px) {
    /*Struttura Standard 01*/
    .Showcase01 { /*border-top: solid 1px #808080;*/
        padding: 10px 0;
        background: #fff;
    }

        .Showcase01 .item {
            display: block;
        }
    /**/
    .Showcase02 { /*border-top: solid 1px #808080;*/
        padding: 10px 0;
    }

        .Showcase02 .item {
            background-color: #eee;
            padding: 5px;
            display: block;
        }
    /*VETTURE*/
    .Lista {
        display: flex;
        margin: 0;
        box-sizing: border-box;
        padding: 0;
        flex-wrap: wrap;
    }

        .Lista .item {
            display: block;
            background-color: #fff;
            padding: 5px 0;
            margin: 20px 0;
            position: relative;
            clear: both;
            box-shadow: 0 0 8px rgba(0,0,0,.3);
            width: 100%;
            flex-basis: 100%;
            margin: 10px;
        }
   .Lista .promo_colour {
        background-color: #eee !important;
    }

            .Lista .item.promo {
                border-top: solid 1px rgba(0,0,0,0.3);
            }

            .Lista .item .image {
                position: relative;
            }

            .Lista .item img {
                display: block;
                position: relative;
                width: 100%;
                height: 80%;
                margin: auto;
            }

    /*ASSISTENZA*/
    .Lista_assistenza {
        display: flex;
        margin: 0 7px;
        flex-wrap: wrap;
    }

        .Lista_assistenza .item_assistenza {
            display: block;
            background-color: #fff;
            padding: 5px;
            margin: 20px 5px;
            position: relative;
            clear: both;
            box-shadow: 0 0 8px rgba(0,0,0,.3);
            flex-basis: 100%;
            margin: 10px;
        }

            .Lista_assistenza .item_assistenza.promo {
                border-top: solid 1px rgba(0,0,0,0.3);
            }

            .Lista_assistenza .item_assistenza .image {
                position: relative;
            }

            .Lista_assistenza .item_assistenza img {
                display: block;
                position: relative;
                width: 100%;
                height: 80%;
                margin: auto;
            }
    /**/
    .Lista02 {
        display: block;
    }

        .Lista02 .item {
            display: block;
            background-color: #fff;
            padding: 5px;
            margin: 20px 5px;
            border-top: solid 1px rgb(0,0,0);
        }

            .Lista02 .item .image {
                width: 30%;
                float: left;
                margin-right: 15px;
            }

            .Lista02 .item img {
                display: block;
                width: 100%;
                height: 100%;
            }
    /**/
    .Showcase04 { /*border-top: solid 1px #808080;*/
        padding: 20px 0;
    }

        .Showcase04 .item {
            display: block;
        }
    /**/

    /**/

    .Line-Showcase {
        border-bottom: solid #bbb 1px;
        display: block;
        clear: both;
        margin: 5px 0;
    }

    .mostratutte {
        display: none;
    }
    /**/
    /**/
    .order {
        position: relative;
        display: block;
        text-align: right;
        margin-top: 20px;
    }

        .order .ord {
            display: inline-block;
            padding: 2px;
            border: solid 1px #bbb;
            border-radius: 3px;
            cursor: pointer;
        }

            .order .ord.active {
                background-color: #bbb;
                color: #fff;
            }

    .datibottom {
        padding: 5px 10px;
        display: block;
        background-color: #f26531;
        color: #fff;
        text-align: center;
    }

    .tipologia {
        padding: 2px 0 4px 5px; /* margin: 3px 0; */
        display: inline-block;
        border-radius: 3px;
    }

    .tipologia_prezzo {
        padding: 2px 0 0 5px; /* margin: 3px 0; */
        text-align: center;
        border-radius: 3px;
    }

    .prezzolista {
        margin: 2px;
        background-position: 10px center; /*background-image: url('/img/icons/euro-coin.svg?v=1.0');*/
    }
    /**/
    .titolo-mostratutte {
        position: relative;
    }

    .mostratutte {
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        padding: 0 20px;
        line-height: 40px;
    }
}

@media only screen and (min-width : 601px) and (max-width : 1023.999px) {
    /*Struttura Standard 01*/
    .Showcase01 { /*border-top: solid 1px #808080;*/
        padding: 10px 0;
        background: #fff;
    }

        .Showcase01 .item {
            display: block;
        }
    /**/
    .Showcase02 { /*border-top: solid 1px #808080;*/
        padding: 10px 0;
    }

        .Showcase02 .item {
            background-color: #eee;
            padding: 5px;
            display: block;
        }
    /*VETTURE*/
    .Lista {
        display: flex;
        margin: 0;
        box-sizing: border-box;
        padding: 0;
        flex-wrap: wrap;
    }

        .Lista .item {
            display: block;
            background-color: #fff;
            padding: 5px 0;
            margin: 20px 0;
            position: relative;
            clear: both;
            box-shadow: 0 0 8px rgba(0,0,0,.3);
            width: 100%;
            flex-basis: 47%;
            margin: 10px;
        }

            .Lista .item.promo {
                border-top: solid 1px rgba(0,0,0,0.3);
            }

            .Lista .item .image {
                position: relative;
            }

            .Lista .item img {
                display: block;
                position: relative;
                width: 100%;
                height: 80%;
                margin: auto;
            }

    /*ASSISTENZA*/
    .Lista_assistenza {
        display: flex;
        margin: 0 7px;
        flex-wrap: wrap;
    }

        .Lista_assistenza .item_assistenza {
            display: flex;
            background-color: #fff;
            padding: 5px;
            margin: 20px 5px;
            position: relative;
            clear: both;
            box-shadow: 0 0 8px rgba(0,0,0,.3);
            flex-basis: 46%;
            margin: 10px;
            flex-direction:column;
            align-items:stretch;
            flex-wrap:nowrap;
            justify-content:space-between;
        }

    .Lista_assistenza .item_assistenza.promo {
        border-top: solid 1px rgba(0,0,0,0.3);
    }

            .Lista_assistenza .item_assistenza .image {
                position: relative;
            }

            .Lista_assistenza .item_assistenza img {
                display: block;
                position: relative;
                width: 100%;
                height: 80%;
                margin: auto;
            }
    /**/
    .Lista02 {
        display: block;
    }

        .Lista02 .item {
            display: block;
            background-color: #fff;
            padding: 5px;
            margin: 20px 5px;
            border-top: solid 1px rgb(0,0,0);
        }

            .Lista02 .item .image {
                width: 30%;
                float: left;
                margin-right: 15px;
            }

            .Lista02 .item img {
                display: block;
                width: 100%;
                height: 100%;
            }
    /**/
    .Showcase04 { /*border-top: solid 1px #808080;*/
        padding: 20px 0;
    }

        .Showcase04 .item {
            display: block;
        }
    /**/

    /**/

    .Line-Showcase {
        border-bottom: solid #bbb 1px;
        display: block;
        clear: both;
        margin: 5px 0;
    }

    .mostratutte {
        display: none;
    }
    /**/
    /**/
    .order {
        position: relative;
        display: block;
        text-align: right;
        margin-top: 20px;
    }

        .order .ord {
            display: inline-block;
            padding: 2px;
            border: solid 1px #bbb;
            border-radius: 3px;
            cursor: pointer;
        }

            .order .ord.active {
                background-color: #bbb;
                color: #fff;
            }

    .datibottom {
        padding: 5px 10px;
        display: block;
        background-color: #f26531;
        color: #fff;
        text-align: center;
    }

    .tipologia {
        padding: 2px 0 4px 5px; /* margin: 3px 0; */
        display: inline-block;
        border-radius: 3px;
    }

    .tipologia_prezzo {
        padding: 2px 0 0 5px; /* margin: 3px 0; */
        text-align: center;
        border-radius: 3px;
    }

    .prezzolista {
        margin: 2px;
        background-position: 10px center; /*background-image: url('/img/icons/euro-coin.svg?v=1.0');*/
    }
    /**/
    .titolo-mostratutte {
        position: relative;
    }

    .mostratutte {
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        padding: 0 20px;
        line-height: 40px;
    }
}


@media only screen and (min-width : 1024px) {
    /*Struttura Standard 01*/
    .Showcase01 { /*border-top: solid 1px #808080;*/ padding: 10px 0; position: relative; }
        .Showcase01 .item { display: block; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,.3); margin: 10px; }
    /**/
    .Showcase02 { /*border-top: solid 1px #808080;*/ padding: 20px 0; }
        .Showcase02 .item { background-color: #eee; padding: 10px; display: block; }
            .Showcase02 .item img { border-radius: 3px; box-shadow: 1px 1px 4px rgba(0,0,0,0.2); }
    /*VETTURE*/
    .Lista { padding: 10px 0; display: flex; justify-content: flex-start; flex-wrap: wrap; }
        .Lista .item { display: block; box-shadow: 1px 1px 4px rgba(0,0,0,0.3); margin: 10px .5%; position: relative; width: calc(97%/3); }
			.Lista .item:hover { transform: scale(1.005); z-index: 6 !important; box-shadow: 0 0 10px rgba(0,0,0,0.35); transition: .4s; }
        .Lista.Carousel-03 .item, .Lista.Carousel-04 .item { width: auto; }
        .Lista.Lista-Content .item > * { flex-basis: 50%; }
        .Lista.Lista-Content:not(.Carousel-03) .item { display: flex; width: 49%; text-align: left !important; }
            .Lista.Lista-Content:not(.Carousel-03) .item > * { text-align: left; }
        .Lista .item .image { position: relative; }
        .Lista .item img { display: block; width: 100%; height: 100%; }

	/*ASSISTENZA*/
	.Lista_assistenza { padding: 10px 0; display: flex; justify-content: flex-start; flex-wrap: wrap; }
        .Lista_assistenza .item_assistenza {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            flex-wrap: nowrap;
            justify-content: space-between;
            box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
            margin: 10px .5%;
            position: relative;
            width: calc(96%/4);
            box-sizing: border-box;
            padding: 10px;
        }
		.Lista_assistenza.Carousel-03 .item_assistenza, .Lista.Carousel-04 .item_assistenza { width: auto; }
		.Lista_assistenza.Lista-Content .item_assistenza > * { flex-basis: 50%; }
		.Lista.Lista-Content:not(.Carousel-03) .item { display: flex; width: 49%; text-align: left !important; }
			.Lista_assistenza.Lista-Content:not(.Carousel-03) .item_assistenza > * { text-align: left; }
		.Lista_assistenza .item_assistenza .image { position: relative; }
	.Lista_assistenza .item_assistenza img { display: block; width: 100%; height: 100%; }


    .prezzolista { margin: 2px; background-position: 10px center; /*background-image: url('/img/icons/euro-coin.svg?v=1.0');*/ }
    .datibottom { padding: 5px 10px; display: block; background-color: #f26531; color: #fff; text-align: center; }
    .tipologia { padding: 5px 0 4px 5px; /* margin: 3px 0; */ display: inline-block; border-radius: 3px; }
    .tipologia_prezzo { padding: 2px 0 0 5px; /* margin: 3px 0; */ text-align: center; border-radius: 3px; }

    /**/
    /**/
    .Lista02 { padding: 20px 0; display: block; }
        .Lista02 .item { display: block; padding: 5px; box-shadow: 1px 1px 4px rgba(0,0,0,0.3); margin: 10px; }
            .Lista02 .item .image { position: relative; float: left; width: 200px; margin-right: 20px; display: inline-block; }
            .Lista02 .item img { display: block; width: 100%; height: 100%; }
        .Lista02 .prezzolista { margin: 2px; background-position: 10px center; /*background-image: url('/img/icons/euro-coin.svg?v=1.0');*/ }
        .Lista02 .datibottom { padding: 5px 10px; display: block; background-color: #f26531; color: #fff; text-align: center; }
        .Lista02 .tipologia { padding: 5px 0 4px 5px; /* margin: 3px 0; */ display: inline-block; border-radius: 3px; }
        .Lista02 .tipologia_prezzo { padding: 2px 0 0 5px; /* margin: 3px 0; */ text-align: center; border-radius: 3px; }

    /**/
    .Line-Showcase { border-bottom: solid #bbb 1px; display: block; clear: both; margin: 5px 0; }

    /**/
    .titolo-mostratutte { position: relative; }
    .mostratutte { position: absolute; right: 0; bottom: 0; top: 0; padding: 0 20px; line-height: 40px; }
    /**/
    .order { position: relative; display: block; text-align: right; }
        .order .ord { display: inline-block; padding: 2px; border: solid 1px #bbb; border-radius: 3px; cursor: pointer; }
            .order .ord.active { background-color: #bbb; color: #fff; }
}

.rimuovipref { position: absolute; width: 40px; height: 40px; cursor: pointer; top: 5px; right: 5px; background-image: url('/img/icons/close.svg?v=1.0'); background-size: contain; background-color: rgba(255,255,255,0.8); z-index: 9; }
