body {
 width: 1024px;
    margin: 0 auto;
    padding-bottom: 1.3158%;
    background: #fff;
    color: #444;
    letter-spacing: 1px;
    text-align: justify;

}

a {
    text-decoration: none;
}

.listpage {
    text-align: left;
}

p {
    line-height: 140%;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

li {
    /*list-style: none;*/
}

aside li {
    list-style: none outside none;
}

h1 {
    color: #07a880;
    font-size: xx-large;
    padding: 10px;
    text-align: center;
}

h2, h3, h4 {
    padding: 10px;
}

html {
    background: url("/site/images/sfondi.jpg") no-repeat scroll 0 0 / 100% auto #000;
}

#topheader {
    height: 20px;
    background: #000;
}

#logo {
    text-align: center;
}

.inner {
    text-align: center;
}

#logo img {
    max-width: 100%;
    height: auto;
}

#content img {
    max-width: 100%;
    height: auto;
}

#footazienda img {
    max-width: 100%;
    height: auto;
}

.imgresponsive {
    max-width: 100%;
    height: auto;
}

nav {
    overflow: auto;
    text-align: center;
    background: #000;
}

    nav .menu1 {
        /*	width: 100%;*/
        list-style: none;
    }

        nav .menu1 li {
            display: inline-block;
            margin-right: 2px;
            font-size: 1.5em;
            line-height: 180%;
            letter-spacing: 1px;
        }

            nav .menu1 li a {
                display: block;
                padding: 0 15px;
                color: #DDD;
            }

                nav .menu1 li a:hover {
                    background: #FFF;
                    color: #9ccd63;
                }

                nav .menu1 li a.active {
                    background: #FFF;
                    color: #9ccd63;
                }

#banner {
    height: auto;
    width: 100%;
    /*background: url(banner.jpg);*/
}

    #banner img {
        width: 100%;
        height: auto;
    }

#content {
    margin: 0 1.7544%;
    overflow: auto;
}


#extras {
    margin: 0 auto;
    margin: 0 1.3158% 0 1.3158%;
    overflow: hidden;
    background: #444;
}

#othermenu {
    background: none repeat scroll 0 0 #999;
    margin: 1.3158% 1.3158% 0;
    overflow: hidden;
}

.eventi {
    float: left;
    padding-right: 1.7544%;
    width: 64%;
    border-right: 1px solid #333;
    box-shadow: 2px 0px 1px 0 #4a4a4a;
    overflow: auto;
}

    .eventi .evento {
        width: 96%;
        margin: 1.7544%;
        background: #444;
        color: #DDD;
    }

        .eventi .evento a {
            color: #9ccd63;
        }

        .eventi .evento .data {
            float: right;
        }

        .eventi .evento .eventotext {
            line-height: 140%;
            letter-spacing: 1px;
            color: #DDD;
        }

#extras .inevidenza {
    width: 30%;
    float: right;
    margin: 1.7544%;
    padding-top: 1.3158%;
}

    #extras .inevidenza .evidente {
        list-style: none;
    }

        #extras .inevidenza .evidente li {
            margin-bottom: 5.48%;
            border: 1px solid #3d3d3d;
            box-shadow: inset 1px 1px 1px 0 #343434;
            background: #6B6B6B;
        }

            #extras .inevidenza .evidente li a {
                display: block;
                color: #ccc;
                font-size: 1.4em;
                padding: 5px 15px;
            }

                #extras .inevidenza .evidente li a:before {
                    content: "\25BA \0020";
                }

                #extras .inevidenza .evidente li a:hover {
                    background: #6d6d6d;
                    color: #83D86D;
                    box-shadow: inset 2px 1px 1px 0 #343434;
                }



#othermenu .sottocategorie {
    max-width: 400px;
    margin: 1.7544%;
    padding-top: 2px;
}

#othermenu .sottocategorie {
    list-style: none;
    margin: 0 auto;
    padding-top: 1.3158%;
}

    #othermenu .sottocategorie li {
        margin-bottom: 5.48%;
        border: 1px solid #3d3d3d;
        box-shadow: inset 1px 1px 1px 0 #343434;
        background: #6B6B6B;
        list-style: none outside none;
    }

        #othermenu .sottocategorie li a {
            display: block;
            color: #ccc;
            font-size: 1.4em;
            padding: 5px 15px;
        }

            #othermenu .sottocategorie li a:before {
                content: "\25BA \0020";
            }

            #othermenu .sottocategorie li a:hover {
                background: #6d6d6d;
                color: #83D86D;
                box-shadow: inset 2px 1px 1px 0 #343434;
            }

#menuextras {
    height: auto;
    background: #555;
    margin: 0 1.3158%;
}

    #menuextras .menu3 {
        text-align: center;
    }

        #menuextras .menu3 li {
            display: inline-block;
            margin-top: 1.6%;
            margin-bottom: 0.5%;
            margin-left: 1.7544%;
        }

            #menuextras .menu3 li a {
                display: block;
                /*font-weight: bold;*/
                padding: 5px 20px;
                color: #DDD;
                background: #444;
                border-radius: 20px;
                border: 1px solid #393939;
                box-shadow: inset 1px 1px 1px 0 #555;
            }

                #menuextras .menu3 li a:hover {
                    background: #494949;
                    color: #83D86D;
                }

footer {
    margin: 0 1.3158%;
    height: auto;
    background: #000;
}

    footer #footazienda {
       
        color: #CCC;
        border-bottom: 1px solid #5A5A5A;
    }

    footer #copyright {
        text-align: center;
        color: #AAA;
        height: 30px;
        line-height: 30px;
    }

@media screen and (max-width: 768px) {
 

    body {
        width: 99.508%;
    }

    #banner {
        display: none;
    }

    nav .menu1 li {
        display: block;
        font-size: 1.4em;
        margin-right: 0px;
        line-height: 150%;
        letter-spacing: 1px;
        border-bottom: 1px dotted #323232;
    }

        nav .menu1 li a {
            display: block;
            padding: 0;
        }

            nav .menu1 li a:hover {
                background: #4D4D4D;
                color: #9ccd63;
            }

            nav .menu1 li a.active {
                background: #4D4D4D;
                color: #9ccd63;
            }

    #extras {
        margin: 0 auto;
        margin: 1.3158% 1.3158% 0 1.3158%;
        overflow: hidden;
        background: #444;
    }

    .eventi {
        float: none;
        padding-right: 1.7544%;
        width: auto;
        border-right: 1px solid #333;
        box-shadow: 2px 0px 1px 0 #4a4a4a;
        overflow: auto;
    }

        .eventi .evento {
            width: auto;
            margin: 1.7544%;
            background: #444;
            color: #DDD;
        }

            .eventi .evento a {
                color: #9ccd63;
            }

            .eventi .evento .data {
                float: right;
            }

            .eventi .evento .eventotext {
                line-height: 140%;
                letter-spacing: 1px;
                color: #DDD;
            }

    #extras .inevidenza {
        width: auto;
        float: none;
        margin: 1.7544%;
        padding-top: 1.3158%;
    }

        #extras .inevidenza .evidente {
            list-style: none;
            margin-bottom: 4.48%;
        }

            #extras .inevidenza .evidente li {
                margin-bottom: 1.48%;
                border: 1px solid #3d3d3d;
                box-shadow: inset 1px 1px 1px 0 #343434;
                background: #6B6B6B;
            }

                #extras .inevidenza .evidente li a {
                    display: block;
                    color: #ccc;
                    font-size: 1em;
                    padding: 5px 5px;
                }

                    #extras .inevidenza .evidente li a:before {
                        content: "\25BA \0020";
                    }

                    #extras .inevidenza .evidente li a:hover {
                        background: #6d6d6d;
                        color: #83D86D;
                        box-shadow: inset 2px 1px 1px 0 #343434;
                    }

    #menuextras .menu3 li {
        margin-top: 2.6%;
        margin-bottom: 1.5%;
        margin-left: 1.7544%;
    }

        #menuextras .menu3 li a {
            padding: 5px 15px;
        }
}

@media screen and (max-width: 420px) {
    #topazienda {
        height: auto;
    }

    nav .menu1 li {
        font-size: 1.3em;
    }
}




a {
    color: #07a880;
}

    a:hover {
        color: #00cc99;
    }

#formAMDWEB label {
    display: inline-block;
    width: 150px;
}

li > .error {
    color: red;
    display: inline-block;
    width: 300px !important;
}

.evidenziato {
    background: #eaeaea none repeat scroll 0 0;
    border-bottom: 3px solid #00cc99;
    color: #5e5e5e;
    padding: 25px 25px 24px;
    border-radius: 3px;
    text-align: center;
    font-style: italic;
}