﻿body {
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    font-family: 'Oswald', sans-serif;
    background-color: #fff;
    color: #4F4F4F;
}

.gicaSfondo {
    background-color: red;
}

.gicaBordo {
    border: 1px solid red;
}

.gicaNascondi {
    visibility: hidden;
}

/* MENU */
.nav-link {
    font-size: 16px;
    font-weight: bold;
    /*color: #4F4F4F;*/
}

.attr__menu { /*color: #4F4F4F;*/
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.navbar {
    padding: 20px;
}
.attr__menu:hover {
    color: #fd7400;
    font-size: 18px;
    font-weight: 500;
}



.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #4F4F4F;    
}


/*CAROUSEL*/
/*.carousel{height: 426px; background-color: #000;}*/
.carousel-item {
    height: 426px;
    background-color: #000;
}

.carouselCaption {
    margin-bottom: 150px;
}


/*MARCHI*/
.container__marchi { /*border: 1px solid black;*/
    padding-top: 30px;
    padding-bottom: 30px;
}

.marchio { /*border: 1px solid black;*/
    height: 195px;
}

.marchio h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 25px; /*color: #4F4F4F;*/
}

.marchio p {
    font-size: 16px;
    text-transform: uppercase;
    opacity: 0.5;
    margin-bottom: 0px;
}

.container__marchio__logo {
    position: relative; /*border: 1px solid red;*/
    height: 125px;
}

.container__marchio__logo img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}



/*FOOTER*/
.footerContainer {
    padding-top: 50px;
    padding-bottom: 30px;
}

.footer h2 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: 500; /*color: #4F4F4F;*/
}

.footer p {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0px;
    opacity: 0.5;
}

.footer p a {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #4F4F4F;
    text-decoration: underline;
}



.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}
/* IE7 */



/******************************CONTATTI, CHI SIAMO*************************/

/*
.interna__logo{  padding: 0px;  float: left;  width: 80px;  height: 50px;}
.interna__titolo{  float: left;  width: 1000px;  height: 50px; font-size: 18px; font-weight: bold; padding-top: 5px;}
*/
.interna {
    padding: 0px;
    width: 100%;
    margin-top: 20px;
}

.interna__logo {
    padding: 0px;
    float: left;
    width: 80px;
    height: 50px;
}

.interna__titolo {
    float: left;
    width: 500px;
    height: 50px;
    font-size: 18px;
    font-weight: 500;
    padding-top: 5px;
    color: #fd7400;
}

.interna__titolo h1 {
    margin: 0px;
}

.interna__latoSx {
    float: left;
}

.interna__latoDx_PT_Min {
    float: left;
    padding-left: 100px;
    padding-top: 20px;
    max-width: 500px;
}


.interna__latoDx {
    float: left;
    padding-left: 100px;
    padding-top: 100px;
    max-width: 500px;
}

.interna__latoDx_PT_Min h1, .interna__latoDx h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
}

.interna__latoDx_PT_Min a, .interna__latoDx a {
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
    color: #4F4F4F;
}

    .interna__latoDx_PT_Min p, .interna__latoDx p, .interna__latoDx li, .interna__latoDx_PT_Min li {
        font-size: 14px;
        font-weight: 400;
        margin: 0px;
        opacity: 0.5;
    }

.bannerFascetta {
    width: 100%;
    height: 143px;
    background-image: url(images/banner_interna2.png);
    background-position: center center;
    background-repeat: no-repeat;
}


/********************************************************************/

/******************************PUNTO VENDITA*************************/


.puntoVendita {
    padding: 0px;
    width: 100%;
    margin-top: 20px;
}

.puntoVendita__logo {
    padding: 0px;
    float: left;
    width: 80px;
    height: 50px;
}

.puntoVendita__titolo {
    float: left;
    width: 500px;
    height: 50px;
    font-size: 18px;
    font-weight: 500;
    padding-top: 5px;
    color: #fd7400;
}


.puntoVendita__latoSx {
    float: left;
    max-width: 600px; /*background-color: red;*/
}

.puntoVendita__latoSx_gallery h1 {
    max-width: 600px;
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    padding: 10px;
    margin-top: 20px;
}

.puntoVendita__latoSx_mappa {
    width: 100%;
}

.puntoVendita__latoSx_gallery__icona {
    float: left;
    width: 150px;
    height: 150px;
    background-color: gray;
    margin: 10px;
}

.puntoVendita__latoDx {
    float: left;
    max-width: 540px; /*background-color: green;*/
    padding-left: 30px;
}

.puntoVendita__latoDx_info h1 {
    /*font-size: 18px;
    font-weight: bold;
    margin: 0px;*/
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
    color: #4F4F4F;
}

.puntoVendita__latoDx_info h2 {
    font-size: 18px;
    margin: 0px;
}
/*.puntoVendita__latoDx_info p{font-size: 12px; margin: 0px; color: #7b7b7b;}*/
.puntoVendita__latoDx_info p {
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    opacity:0.5;
}

.puntoVendita__latoDx__servizi h1 {
    font-size: 18px;
    margin-top: 60px;
}

.puntoVendita__latoDx__servizi__icona {
    float: left;
    width: 52px;
    height: 52px;
    background-color: white;
    margin: 10px;
}


.puntoVendita__latoDx__servizi__ico {
    float: left;
    width: 109px;
    height: 94px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: white;
    margin: 10px;
}

.puntoVendita__latoDx__servizi__ico-24h {
    background-image: url(images/ico_colore/24h.png);
}

.puntoVendita__latoDx__servizi__ico-24h:hover {
    background-image: url(images/ico_grigio/24h.png);
}

.puntoVendita__latoDx__servizi__ico-macelleria {
    background-image: url(images/ico_colore/macelleria.png);
}

.puntoVendita__latoDx__servizi__ico-macelleria:hover {
    background-image: url(images/ico_grigio/macelleria.png);
}

.puntoVendita__latoDx__servizi__ico-ortofrutta {
    background-image: url(images/ico_colore/ortofrutta.png);
}

.puntoVendita__latoDx__servizi__ico-ortofrutta:hover {
    background-image: url(images/ico_grigio/ortofrutta.png);
}

.puntoVendita__latoDx__servizi__ico-surgelati {
    background-image: url(images/ico_colore/surgelati.png);
}

    .puntoVendita__latoDx__servizi__ico-surgelati:hover {
        background-image: url(images/ico_grigio/surgelati.png);
    }

.puntoVendita__latoDx__servizi__ico-salumeria {
    background-image: url(images/ico_colore/salumeria.png);
}

    .puntoVendita__latoDx__servizi__ico-salumeria:hover {
        background-image: url(images/ico_grigio/salumeria.png);
    }

.puntoVendita__latoDx__servizi__ico-parcheggio {
    background-image: url(images/ico_colore/parcheggio.png);
}

.puntoVendita__latoDx__servizi__ico-parcheggio:hover {
    background-image: url(images/ico_grigio/parcheggio.png);
}

.puntoVendita__latoDx__servizi__ico-panificio {
    background-image: url(images/ico_colore/panificio.png);
}

    .puntoVendita__latoDx__servizi__ico-panificio:hover {
        background-image: url(images/ico_grigio/panificio.png);
    }

.puntoVendita__latoDx__servizi__ico-pescheria {
    background-image: url(images/ico_colore/pescheria.png);
}

    .puntoVendita__latoDx__servizi__ico-pescheria:hover {
        background-image: url(images/ico_grigio/pescheria.png);
    }

.puntoVendita__latoDx__servizi__ico-pietanze {
    background-image: url(images/ico_colore/pietanze.png);
}

    .puntoVendita__latoDx__servizi__ico-pietanze:hover {
        background-image: url(images/ico_grigio/pietanze.png);
    }

.puntoVendita__latoDx__servizi__ico-ayoka {
    background-image: url(images/ico_colore/ayoka.png);
}

    .puntoVendita__latoDx__servizi__ico-ayoka:hover {
        background-image: url(images/ico_grigio/ayoka.png);
    }

.puntoVendita__latoDx__servizi__ico-deco_supermercato {
    background-image: url(images/ico_colore/deco_supermercato.png);
}

    .puntoVendita__latoDx__servizi__ico-deco_supermercato:hover {
        background-image: url(images/ico_grigio/deco_supermercato.png);
    }

.puntoVendita__latoDx__servizi__ico-dodeca {
    background-image: url(images/ico_colore/dodeca.png);
}

    .puntoVendita__latoDx__servizi__ico-dodeca:hover {
        background-image: url(images/ico_grigio/dodeca.png);
    }

.puntoVendita__latoDx__servizi__ico-deco_maxi {
    background-image: url(images/ico_colore/deco_maxi.png);
}

    .puntoVendita__latoDx__servizi__ico-deco_maxi:hover {
        background-image: url(images/ico_grigio/deco_maxi.png);
    }

.puntoVendita__latoDx__servizi__ico-internocc {
    background-image: url(images/ico_colore/internocentro.png);
}

    .puntoVendita__latoDx__servizi__ico-internocc:hover {
        background-image: url(images/ico_grigio/internocentro.png);
    }

.puntoVendita__latoDx__servizi__ico-superRisparmioso {
    background-image: url(images/ico_colore/superRisparmioso.png);
}

.puntoVendita__latoDx__servizi__ico-superRisparmioso:hover {
    background-image: url(images/ico_grigio/superRisparmioso.png);
}

.modal-dialog {
    max-width: 630px;
}

.imgGall {
    /*Per IE*/
    min-height: 100px;
    /*border: 1px solid red;*/
}

.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}

    .iframe-container > * {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
    }
/***************************************************************/


@media (max-width: 576px) {

    .carousel-item {
        max-height: 426px;
        background-color: #000;
    }

    .carouselCaption {
        margin-bottom: 155px;
    }

    .interna__latoDx {
        float: left;
        padding-left: 10px;
        width: 100%;
    }

    .interna__titolo {
        width: 100%;
    }

    .interna__latoDx_PT_Min {
        padding-left: 5px;
    }

    .puntoVendita__titolo {
        width: 100%;
    }

}
