body {
 
    margin: 0 auto;
    padding-bottom: 1.3158%;
 
    color: #200; 
    letter-spacing: 1px;
	font-family: 'georgia';
	text-align: justify;
  background-image:  #000;
    background-position: center top;
    background-repeat: no-repeat;
}
 
 
 
@media screen and (min-width: 960px) {

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
width: 960px !important;
margin : auto !important;
}


}
 
 

 
 
.evento .data:before {
    content: "Data Evento ";
}
.inevidenza:before {
    content: "Pagine consigliate";
}
.img-centre {text-align: center;
}
img {
    height: auto;
    max-width: 100%;
}

a {
    text-decoration: none;
}

p {
    line-height: 140%;
    margin-bottom: 25px;
    letter-spacing: 0px;
	font-size: 1.1em;
}

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

aside li {
    list-style: none outside none;
}
  /*              h1 e h2 11px colore 330000                         */
h1,h2 {
    color: #330000;
    font-size: x-large;
    padding: 11px;
    text-align: center;
}

 h3, h4 {
    padding: 10px;
}

html {
  background: #efe
}

#topheader {
    height: 19px;

}

#logo {
    text-align: center;
}

.inner {
    text-align: center;
}

#logo img {
    max-width: 100px;
    height: auto;
}
#banner  img {
    height: auto;
    max-width: 100%;
	
}
#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: left;
    background: #330;   /* sfondo menù 330;*/
}

    nav .menu1 {
        /*	width: 100%;*/
        list-style: none;
		margin:2px; padding:3px;   /* margini menù 2  padd 3;*/
    }

        nav .menu1 li {
            display: inline-block;
            margin-right: 0 px;
            font-size: 1 em;
            line-height: 350%;       /* sfondo menù altezza;*/
            letter-spacing: 1px;
			text-transform:uppercase;
        }

            nav .menu1 li a {
                display: block;
                padding: 0 15px;
                color: #ffb;              /*  menù colore;*/
            }

                nav .menu1 li a:hover {
                    background: #eDD;
                    color: #330;                   /*  menù colore;*/
                }

                nav .menu1 li a.active {
                    background: #FFE;
                    color: #330;                /*  menù colore;*/
                }

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

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

@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: #FFFF33;
            }