html {
    /*background: #000000 url(../images/bgbody.jpg) repeat-x left top;*/
}

body {
    /*background: transparent url(../images/bg.jpg) repeat-x left top;*/ /*background-color: Black;*/
    background: white;
    color: white;
    /*font-family: 'Roboto Condensed', sans-serif; VECCHIO*/
    /*font-family: 'Fjalla One', sans-serif;*/
    font-family: 'Pontano Sans', sans-serif;
    font-size: 10px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Fjalla One', sans-serif;
}

#wrapper {
    width: 100%;
    margin: auto;
    max-width: 2700px;
}

#header {
    /*position: relative;*/
    background-color: white;
}

    #header #menusopra {
        width: 100%;
        border-bottom: 1px solid #aaa;
        height: 3em;
    }

        #header #menusopra ul {
            float: right;
        }

            #header #menusopra ul li {
                float: left;
                margin-top: 1em;
            }

                #header #menusopra ul li a {
                    color: #444;
                    padding: 2em;
                    font-size: 1.2em;
                    letter-spacing: 0.05em;
                }
/*MENUSOTTO*/
#menusotto {
    /*height: 100px;*/
    /*width: 100%;*/
    display: table;
}

#logo {
    vertical-align: bottom;
    display: table-cell;
    width: 30%;
}

    #logo a {
        display: block;
    }

        #logo a img {
            display: block;
            width: 70%;
            margin-left: 5%;
            margin-bottom: 2.8em;
        }

#lang {
    float: right;
    /*margin: 1em;
    width: 3em;*/
    margin-top: 1em;
    margin-right: 2em;
}

    #lang a {
        /*color: White;*/
        color: #444;
        border-right: 1px solid white;
        padding-right: 5px;
    }

        #lang a.last {
            border: none;
        }

        #lang a.active {
            text-decoration: underline;
        }

.clear {
    clear: both;
}
/*HEADER*/
#spacer1 {
    /*background: #FFFFFF;*/
    width: 100%;
    height: 8px;
}

/*WAVI*/
#wavi {
    float: right;
    margin-right: 24px;
}

#fluyd {
    float: right;
    margin-right: 24px;
}
/*barra newsletter*/
#newsletter {
    width: 100%;
    background-color: #ebebeb;
    color: #666666;
    font-size: 1.3em;
    text-align: center;
    padding: 0.5em 0;
    /*border-top: 1px solid #ccc;*/
    /*border-bottom: 1px solid #ccc;*/
    /*margin-bottom: 1em;*/
}

    #newsletter a {
        color: #666666;
    }

        #newsletter a:hover {
            color: #333333;
        }
/* SOCIAL STREAM*/
#socialstream {
}

    #socialstream ul {
        display: table;
        background-color: #ccc;
        text-align: center;
    }

        #socialstream ul li {
            /*float: left;*/
            width: 10%;
            /*background-color: #abc;*/
            display: table-cell;
            padding: 2% 0;
            border: 3px solid #ccc;
            height: 20vw;
            vertical-align: middle;
        }

            #socialstream ul li.facebook {
                background-color: #abc;
            }

            #socialstream ul li.twitter {
                background-color: #abc;
            }

            #socialstream ul li.instagram {
                background-color: #5442d6;
            }

            #socialstream ul li a {
                display: block;
            }

                #socialstream ul li a img {
                    width: 75%;
                    display: block;
                    margin: 3% auto;
                }

                    #socialstream ul li a img.socialimg {
                        width: 10%;
                    }

                #socialstream ul li a span {
                    color: black;
                    font-size: 1.2em;
                    text-decoration: none;
                }

/*SOCIAL BAR*/
#navsocial {
    position: absolute;
    top: 57%;
    right: 5%;
}

    #navsocial ul {
        list-style-type: none;
        position: initial;
    }

        #navsocial ul li {
            float: left;
            vertical-align: middle;
            margin: 1px;
        }

    #navsocial li a {
        text-decoration: none;
        padding-right: 20%;
        display: block;
        height: 32px;
        width: 32px;
    }

        #navsocial li a img {
            width: 32px;
            display: block;
        }

/******** PAGINA PRODOTTI  ********/
#dettprod {
    color: #333;
    margin-bottom: 3%;
}

    #dettprod .titprod {
        font-size: 1.6em;
        font-weight: bold;
        text-align: left;
    }

    #dettprod .testoprod {
        font-size: 1.2em;
        font-weight: normal;
    }

        #dettprod .testoprod ul.lstprod {
            list-style: disc;
            list-style-position: inside;
        }

    #dettprod .tabellaprod {
        font-size: 1em;
        font-weight: normal;
    }

.navig {
    color: black;
    font-weight: bold;
    margin: 1% 2%;
    font-size: 1.1em;
    letter-spacing: 0.1em;
}

.imgprod {
    width: 43%;
    float: left;
    text-align: center;
}

    .imgprod div.titoletto {
        background-color: silver;
        color: white;
        text-align: center;
        font-size: 1.1em;
        margin: 3em auto;
        width: 100%;
        display: inline-block;
    }

#imgprinc {
    width: 65%;
    float: left;
}

.imgpicc {
    float: left;
    width: 30%;
}

    .imgpicc img {
        width: 95%;
        display: block;
        border: 1px solid #ccc;
        margin: 1%;
        float: none;
    }

.datiprod {
    float: left;
    margin: 0 0 7% 7%;
    width: 50%;
    text-align: justify;
}

    .datiprod a.press {
        color: lightgreen;
        text-transform: uppercase;
        font-size: 1.2em;
        text-decoration: underline;
        display: block;
        margin-top: 2%;
    }

    .datiprod .condividi {
        display: block;
        text-align: right;
    }

        .datiprod .condividi span {
            color: black;
            text-transform: uppercase;
            margin-right: 3em;
        }

        .datiprod .condividi img {
            width: 3em;
            margin: 0.2em;
            vertical-align: middle;
        }

.tabellaprod {
    margin-top: 5%;
    text-align: left;
    border-collapse: collapse;
}

    .tabellaprod h4 {
        color: #444;
        font-size: 1.5em;
        font-weight: bold;
    }

    .tabellaprod table {
        min-width: 50%;
        width: 75%;
    }

    .tabellaprod tr:first-child td {
        color: #444;
        font-size: 1.1em;
        font-weight: bold;
    }

    .tabellaprod table td {
        padding: 0.1em 0;
        font-size: 1.1em;
    }

.prodsugg {
    width: 100%;
    margin: auto;
    text-align: center;
    clear: both;
}

    .prodsugg h3 {
        margin: auto;
        text-align: center;
        font-size: 1.5em;
        color: #aaa;
        margin-bottom: 0.2em;
    }

    .prodsugg div {
        width: 50%;
        text-align: center;
        margin: auto;
    }

    .prodsugg .prods {
        display: inline-block;
        margin: 0 auto;
        width: 20%;
        padding: 1em;
    }

    .prodsugg a {
        display: inline;
    }

        .prodsugg a img {
            max-width: 100%;
            max-height: 100%;
        }

    .prodsugg span {
        color: #787878;
        display: block;
        margin-top: 0.7em;
    }
/******** PAGINA RASSEGNA PRODOTTI  ********/
#rassprod {
    margin: 0 0 3% 10%;
}

    #rassprod h1 {
        font-size: 2em;
        color: #333;
        margin-bottom: 1%;
    }

    #rassprod h2 a {
        font-size: 1.6em;
        color: #333;
        margin-bottom: 3%;
        text-decoration: none;
    }

        #rassprod h2 a:hover {
            color: #ccc;
            text-decoration: underline;
        }

    #rassprod img {
        vertical-align: middle;
    }

    #rassprod table a {
        color: #333;
        font-size: 1.2em;
        text-decoration: none;
        vertical-align: middle;
        display: block;
    }

    #rassprod a:hover {
        color: #ccc;
        text-decoration: underline;
    }

/******* CATEGORIA PRODOTTI ***********/
#navcateg {
    color: #666666;
    font-size: 1.4em;
    margin: 2%;
}

    #navcateg label {
        display: inline-block;
    }

#listaprodotti {
    color: #666666;
    margin: 2%;
}

    #listaprodotti ul li {
        width: 25%;
        float: left;
        /*margin: 0 2% 5% 0;*/
        margin: 0 3em 4em 0;
        text-align: justify;
    }

        #listaprodotti ul li img {
            width: 100%;
            max-width: 35%;
            float: left;
            margin: 0 2% 2% 0;
        }

        #listaprodotti ul li h4 a {
            color: #555;
            display: block;
            font-weight: bold;
            font-size: 1.2em;
            padding: 0.2em 0 0.7em 0;
        }

            #listaprodotti ul li h4 a:hover {
                color: #ccc;
            }

        #listaprodotti ul li .dettprod {
            font-size: 1.2em;
            text-align: justify;
            overflow: hidden;
            max-height: 15.5em;
            height: 15.5em;
        }

            #listaprodotti ul li .dettprod ul {
                list-style: initial;
                margin: initial;
                padding: 0 0 0 40px;
            }

                #listaprodotti ul li .dettprod ul li {
                    width: 95%;
                    float: none;
                    margin: 0;
                    text-align: left;
                    display: list-item;
                }
/*-------------------*/
#mainslide, .bottomline {
    margin: auto;
    height: 38%;
    display: block;
}

    #mainslide img, .bottomline img {
        width: 100%;
        margin: auto;
    }

#mainimg {
    margin: auto;
}

    #mainimg img {
        width: 100%;
        margin: auto;
    }

#elencoteam {
    max-width: 70vw;
    display: table;
    margin: 3em auto;
    table-layout: fixed;
}

    #elencoteam .cols {
        /*width: 33%;*/
        display: table-cell;
        text-align: center;
        padding: 3em;
    }

        #elencoteam .cols div {
            margin: auto;
            text-align: left;
        }

        #elencoteam .cols img {
            width: 4em;
            display: block;
        }

        #elencoteam .cols h3, #elencoteam .cols a.ambassador {
            font-weight: bold;
            font-size: 1.6em;
            text-transform: uppercase;
            margin: 2em 0 1em 0;
            color: #666;
            display: block;
        }

        #elencoteam .cols a {
            font-size: 1.2em;
            line-height: 1.4em;
            color: #666;
        }
/*ATHLETE*/
.pagina, .athlete, .ambassador {
    max-width: 70vw;
    margin: auto;
    font-size: 1.3em;
    color: #666666;
    text-align: justify;
}

.pagina, .athlete, .ambassador {
    margin-bottom: 2em;
}

    .pagina h1, .pagina h2, .pagina h3, .pagina h4,
    .athlete h1, .athlete h2, .athlete h3, .athlete h4,
    .ambassador h1, .ambassador h2, .ambassador h3, .ambassador h4 {
        font-weight: bold;
        text-align: center;
        margin: 1em auto;
    }

    .pagina h1, .athlete h1, .ambassador h1 {
        font-size: 1.7em;
    }

    .pagina h2, .athlete h2, .ambassador h2 {
        font-size: 1.65em;
    }

    .pagina h3, .athlete h3, .ambassador h3 {
        font-size: 1.6em;
    }

        .pagina h3 a {
            color: #abdd00;
        }

            .pagina h3 a:hover {
                color: #7EB500;
            }

    .pagina h4, .athlete h4, .ambassador h4 {
        font-size: 1.4em;
        text-align: left;
    }

    .pagina ul li,
    .athlete ul li {
        line-height: 1.8em;
    }

    .pagina label a {
        color: #abdd00;
    }

        .pagina label a:hover {
            color: #7EB500;
        }

    .athlete .social {
        margin: auto;
        width: 50%;
        text-align: center;
    }

        .athlete .social img {
            width: 2.5em;
        }
    /*AMBASSADOR*/
    .ambassador .list {
        display: table;
        table-layout: fixed;
    }

        .ambassador .list .cols {
            display: table-cell;
            text-align: center;
            width: 20%;
        }

            .ambassador .list .cols img, .ambassador .list .cols span {
                display: block;
            }

            .ambassador .list .cols img {
                width: 90%;
                margin: auto;
            }
/*FB*/
.myfbpost {
    /*float: left;*/
    display: inline-block;
    background-color: #abdd00;
    width: 20%;
}

    .myfbpost h3 {
        font-size: 1.2em;
    }

        .myfbpost h3 a {
            color: black;
            text-decoration: none;
            display: block;
        }

/*NEWS*/
#newswrapper {
    /*background: #FFFFFF url(../images/bgnews.jpg) repeat-x left top;*/
    width: 1150px;
    height: 150px;
    color: Black;
    overflow: hidden;
}

    #newswrapper a {
        color: gray;
    }
/*
.newscontainer {
    float: left;
    width: 255px;
    margin-right: 20px;
    text-align: left;
}

#newswrapper .lastn {
    margin-right: 0px;
}
*/
.paginanews {
    /*max-width: 70vw;*/
    max-width: 2700px;
    margin: 0 auto 2em auto;
    font-size: 1.3em;
    color: #666666;
    text-align: center;
}

    .paginanews h1 {
        font-size: 2em;
        margin: auto;
    }

    .paginanews .subtitnews {
        font-size: 1.4em;
        margin: 1em auto;
        color: #444;
    }

    .paginanews #testo {
        font-size: 1em;
        margin: auto;
        color: #333;
        text-align: justify;
        max-width: 50vw;
    }

        .paginanews #testo .testonews {
            /*max-width: 2700px;*/
        }

    .paginanews #news {
        margin: auto;
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .paginanews #newscontainer #news .singlenews {
        display: table-cell;
    }

    .paginanews #newscontainer #news .thenews {
        text-align: left;
        padding: 0 4%;
    }

        .paginanews #newscontainer #news .thenews .datanews {
            font-size: 0.8em;
            color: #555;
            margin-top: 0.5em;
        }

        .paginanews #newscontainer #news .thenews .titnews {
            font-size: 1.1em;
            font-weight: bold;
            margin-bottom: 1em;
            text-align: left;
        }

            .paginanews #newscontainer #news .thenews .titnews a {
                color: #58585a;
                font-weight: bold;
                text-transform: uppercase;
            }

                .paginanews #newscontainer #news .thenews .titnews a:hover {
                    color: #abdd00;
                }

        .paginanews #newscontainer #news .thenews .subtitnews {
            margin-bottom: 0.5em;
            text-align: left;
            color: #58585a;
            font-weight: bold;
            font-size: 1em;
            text-transform: uppercase;
        }

        .paginanews #newscontainer #news .thenews .testonews {
            font-size: 0.9em;
            color: #333;
            text-align: left;
        }

    .paginanews .singlenews img, .singlenews label, .singlenews span {
        margin: auto;
        display: block;
    }

    .paginanews .singlenews img {
        width: 100%;
    }

ul #news {
    overflow: hidden;
}

#news a {
    color: #abdd00;
}

    #news a:hover {
        color: #7EB500;
    }

#news label {
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 4px;
}

#news span {
    background: transparent url(../images/Rarrowred.png) no-repeat right center;
    color: Gray;
    font-size: 1.1em;
}
/*HIGHLIGHTS*/
#highlights {
    padding: 12px 0;
}

    #highlights #highvideo, #highlights #high1, #highlights #high2 {
        float: left;
        display: block;
        margin: auto;
        overflow: hidden;
    }

    #highlights #highvideo {
        width: 340px;
        text-align: left;
    }

    #highlights #high1 {
        width: 180px;
        margin-left: 20px;
        text-align: center;
    }

    #highlights #high2 {
        width: 530px;
        margin-left: 10px;
        text-align: right;
        float: right;
    }
/*ADV*/
#advslide {
    margin: auto;
    width: 587px;
    height: 800px;
}
/*BOTTOM*/
#bottom {
    /*background-color: #d9d9d9;*/
    overflow: auto;
    margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 12px;
}
/*COPYR*/
#copyright {
    /*width: 1080px;*/
    text-align: center;
    margin: 48px auto;
    padding-bottom: 24px;
    color: Black;
}

    #copyright span {
        display: block;
        margin: 24px auto;
    }

        #copyright span img {
            vertical-align: middle;
            width: 5vw;
        }

        #copyright span a {
            color: Gray;
            line-height: 20px;
        }

            #copyright span a:hover {
                color: Orange;
            }
/****PAGINE ******/
#leftcolaz {
    float: left;
    width: 305px;
    height: 1020px;
}

#topazimages {
    width: 775px;
}

    #topazimages img {
        display: block;
        margin: 0;
        padding: 0;
    }

.azienda {
    width: 775px;
    margin-left: 305px;
    margin-bottom: 24px;
}

#content {
    min-height: 700px;
    background: white;
    color: Black;
}

    #content h1, #content h2, #content h3, #content h4, #content h5 {
        color: Gray;
    }

    #content h1 {
        padding: 8px 24px;
        font-size: 28px;
        border-top: 2px solid #c6c6c6;
        border-bottom: 2px solid #c6c6c6;
        margin-bottom: 12px;
    }

    #content h2 {
        font-size: 1.5em;
    }

    #content h3 {
        font-size: 1.4em;
    }

    #content h4 {
        font-size: 1.3em;
    }

    #content h5 {
        font-size: 1.2em;
    }

    #content #testoborder {
        border-bottom: 2px solid #C6C6C6;
        padding-bottom: 8px;
        margin-bottom: 12px;
        color: #a1a1a1;
        font-size: 18px;
        text-align: justify;
    }

    #content #testo, #content p {
        /*padding: 0 14px;*/
        font-size: 16px;
        text-align: justify;
        color: #575757;
    }

        #content #testo table {
            max-width: 1080px;
        }

#download {
    /*width: 450px; margin: 24px;*/
    padding: 0 12px;
    /*background-color: #e2e2e2;*/
}

    #download table {
        margin: auto;
    }

    #download td {
        padding: 3px;
        margin-bottom: 2em;
        width: 25%;
        text-align: center;
    }

    #download .icondownload {
        max-width: 10vw;
        margin: auto;
    }

    #download a {
        color: #abdd00;
    }

    #download a {
        color: #7EB500;
    }

    #download span {
        margin-top: -3em;
        position: relative;
        display: block;
        font-size: 0.8vw;
    }

#listavideo {
    margin: 0 24px;
}

    #listavideo .titvideo {
        font-size: 13px;
        color: Gray;
        margin: auto;
        text-align: left;
        text-transform: uppercase;
        padding-left: 7px;
    }

    #listavideo .thevideo {
        padding: 7px 7px 28px 7px;
    }
/*rivenditori*/
#cercariv label, #cercariv select {
    display: block;
    width: 150px;
}

#listariv {
    width: 100%;
    max-width: 1080px;
    margin: 1em 0;
}

.rivenditore {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px solid gray;
    border-radius: 5px; /*border: 1px solid gray;*/
    /*background-color: #e1e1e1;*/
    padding: 0 0 12px 12px;
    width: 253px;
    height: 90px;
    overflow: auto;
    cursor: pointer;
    float: left;
    margin: 3px;
}

    .rivenditore h3 {
        color: #444;
        font-size: 18px;
        font-weight: bold;
        margin: 0.4em 0 0.1em 0;
        text-align: left;
    }

    .rivenditore .rivindirizzo {
        color: #666;
    }

    .rivenditore .rivcontatto {
        color: Navy;
    }

        .rivenditore .rivcontatto a {
            color: Navy;
            display: block;
        }
/*TEAM*/
#listateam {
    width: 100%; /*background: transparent url(../images/fondo-team.png) repeat-y center top;*/
}

    #listateam label, #listateam select {
        display: block;
        width: 150px;
    }

    #listateam td {
        /*width: 260px;*/
        width: 33%;
    }

    #listateam .team {
        margin-left: 106px;
    }

        #listateam .team img.teamimg {
            display: block;
        }

        #listateam .team h3 {
            font-size: 18px;
            color: Gray;
        }

        #listateam .team h4 {
            font-size: 14px;
            font-weight: normal;
            color: Gray;
            margin-bottom: 8px;
        }

.listateamIT, .listateamES, .listateamPT, .listateamUS, .listateamFR,
.listateamAL, .listateamAU, .listateamEMI, .listateamPOL {
    /*float: right;*/
    width: 900px;
}

.listateamES, .listateamPT, .listateamUS, .listateamFR, .listateamAL, .listateamAU {
    /*margin-top: 24px;*/
}

.flagteam {
    float: left;
    /*margin: 48px 0 0 5px; width: 190px;*/
}

    .flagteam label {
        display: block;
        color: #a1a1a1;
        font-size: 18px;
        margin: 38px 0 100px 0;
    }
/*LOGIN*/
#login {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    border: 3px solid gray;
    /*padding-top: 28px;*/
    margin: auto;
    width: 450px;
    height: 250px;
    overflow: auto;
    text-align: center;
    color: black;
    font-size: 1.2em;
}

    #login h2 {
        color: black;
        font-size: 3em;
        letter-spacing: 0.1em;
        margin: 1em auto;
    }

    #login table {
        margin: auto;
    }

    #login input {
        font-size: 1.2em;
    }

#spacerlogin {
    height: 96px;
}

img.imgtext {
    float: none; /*margin: 4px;*/
    max-width: 100%;
}

img.left {
    float: left;
}

img.right {
    float: right;
}
/*GALLERY*/
#gallery table {
    width: 70vw;
    margin: auto;
}

    #gallery table img {
        max-width: 14vw;
        padding: 3px;
    }

/*
.gridadmin td img {
    padding-right: 15px;
    padding-bottom: 15px;
}*/
/*contatti*/
#testo.contatti hr {
    width: 100%;
    margin: auto;
    color: #c6c6c6;
    margin: 0 6px;
}

.uncontatto {
    width: 100%;
    margin: 6px 0;
    /*background-color: #e1e1e1;*/
    padding: 0 0 12px 12px;
    margin-right: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .uncontatto h3 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.5em;
        letter-spacing: 1px;
    }

    .uncontatto a {
        color: #abdd00;
    }

        .uncontatto a:hover {
            color: #7EB500;
        }
/*tecnologia*/
#testo.tecnologia {
}

#pulsantitec {
    /*background: transparent url(../images/tecnologia/fondo-TECH.png) no-repeat center top;*/
    width: 1080px;
    height: 873px;
    margin-top: -14px;
}

    #pulsantitec .atech {
        display: block;
        float: left;
        margin: 10px;
    }

    #pulsantitec .tittec {
        color: Gray;
        font-size: 13px;
        margin: auto;
        padding-bottom: 5px;
        text-align: left;
        text-transform: uppercase;
    }

#varietecnologie {
    /*background: transparent url(../images/tecnologia/fondo-TECH.png) no-repeat center top;*/
    width: 1080px;
    height: 873px;
}

    #varietecnologie .testotec {
        min-height: 873px; /*margin: 0 32px;*/
        padding: 115px 35px 0 560px;
        color: #666666;
        font-size: 1.3em;
        text-align: justify;
        letter-spacing: 1px;
    }

span#picctecno {
    float: right;
    margin-top: -6px;
    margin-right: -24px;
}

    span#picctecno a {
        display: block;
        float: right;
        margin-left: 4px;
    }

        span#picctecno a img {
            display: block;
        }

#campinewsletter, #campicontatti {
    margin-left: 48px;
}

    #campinewsletter p, #campicontatti p {
        margin-bottom: 24px;
    }

    #campinewsletter label, #campicontatti label {
        display: block;
        margin-bottom: 12px;
    }

    #campinewsletter p input, #campicontatti p input {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-appearance: textfield;
        border: 1px solid #ccc;
        width: 100%;
        line-height: 1.5em;
    }

    #campinewsletter p textarea, #campicontatti p textarea {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-appearance: textfield;
        border: 1px solid #ccc;
        width: 100%;
        height: 150px;
    }

.messnewsletter, .messcontatti {
    color: #abdd00;
    display: block;
    font-size: 1.1em;
}
/*DISTRIBUTORI*/
.distrhilow a img {
    opacity: 0.4;
    filter: alpha(opacity=40);
    max-width: 315px;
}

    .distrhilow a img:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.distrhilow a.active img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.distrzip a img {
    max-width: 75px;
}

.distrcart a {
    color: White;
    background-color: Silver;
    font-size: 1.1em;
    text-transform: uppercase;
    display: block;
    padding: 12px 6px 12px 2px;
    font-weight: bold;
}

    .distrcart a.active {
        color: Maroon;
        background-color: #eee;
    }

.distrcart label {
    color: white;
    font-size: 1.1em;
    background-color: Silver;
    padding: 12px 4px;
}

.distrimg img {
    max-width: 110px;
    margin: 6px;
    display: block;
}

.distrimg a {
    color: Navy;
    text-align: center;
    display: block;
}

/*Buttons*/
.button1 {
    background: #abdd00;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 10px;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border: 0 none;
}

    .button1:hover {
        background: #7EB500;
        text-decoration: none;
    }

/***COOKIE*****/
.avvisocookie {
    width: 100%;
    background-color: silver;
    padding: 8px 4px;
}

    .avvisocookie p {
        width: 75%;
        margin: auto;
        color: Black;
        font-size: 0.8em;
    }

        .avvisocookie p label {
            display: block;
        }

    .avvisocookie a {
        background-color: White;
        color: Black;
        border: 1px solid #ccc;
        padding: 6px;
        margin: 8px 14px;
        text-transform: uppercase;
        float: right;
        font-size: 0.9em;
        font-weight: bold;
        letter-spacing: 0.1em;
    }

/*MEDIA*/
@media screen and (max-width: 950px) {
  #logo{
    margin: 2em auto;
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 800px) {
    #navsocial {
        position: relative;
        display: block;
        bottom: 0;
        left: 0;
    }
}