/* Stili generici */
html,body
{
 background-color:#FFDBB7;/*background:#FFF url("images/sfondonatale.jpg") top left;*/
 color:#000;
 padding:0;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:12px;
 margin:5px 2px 5px 2px;
}

h3
{
 font-size:12px;
 color:#5c88ad;
}

h1
{
 text-align:center;
}

p
{
 margin:0;
 padding:0.5ex 0 0.5ex 0;
}

input,select,option,textarea { font-family:Arial,Helvetica,sans-serif; font-size:12px; }

a { text-decoration:none; color:#e97218; font-weight:bold;}
a:visited { text-decoration:none; color:#e97218;  font-weight:bold;}
a:hover, a:active { text-decoration:underline; color:#e97218;  font-weight:bold;}

img { border:none; }

form
{
 margin:0;
 padding:0;
}

.acapo { clear:both; }
.cleft { clear:left; }
.cright { clear:right; }
.right { text-align:right; vertical-align:top;}
.rosso { color:#FF0000; }

.sfondobianco {background-color:#FFF;}

#box
{
 position:relative;
 background-color:#FFF;
 width:754px;
 margin:0 auto;
 padding:0 0 2px 0;
}

#corpo
{
 position:relative;
 background-color:#FFF;
 margin:0;
 padding:7px 0;
}

#piede
{
 position:relative;
 background-color:#FFF;
 width:754px;
 text-align:center;
 font-size:10px;
 padding:5px 0;
 margin:2px auto;
 border-top:2px #e97218 dotted;
 border-left:0;
 border-right:0;
 border-bottom:2px #e97218 dotted;
}


/* Pagine */
#testata
{
 position:relative;
 background:#FFF url("images/top.jpg") top left no-repeat;
 padding:0;
 margin:0;
 height:189px;
 color:#FFF;
 font-size:18px;
 font-weight:bold;
}

#testata p
{
 position:relative;
 margin:0 0 0 440px;
 padding:50px 0 0 0;
 color:#FFF;
 font-size:22px;
 font-weight:bold;
}

#testata img
{
 margin:0;
}

#menu
{
 position:relative;
 float:left;
 top:0;
 left:0;
 margin:0;
 padding:0;
 width:150px;
}

#menu p
{
 position:relative;
 float:right;
 display:block;
 margin:0 0 10px 0;
 padding:5px;
 width:75px;
 text-align:right;
 background-color:#e97218;
 color:#7E7E7E;
 font-weight:bold;
}

#menu .stick
{
 width:140px;
 float:left;
 margin:0;
 text-align:center;
 color:#ce0108;
 background-color:#FFF;
}

#menu .sel
{
 width:100px;
 text-align:left;
 color:#FFF;
}

#menu a { color:#FFF; }
#menu a:visited { color:#FFF;  }
#menu a:hover, #menu a:active { color:#FFF;  }

#quadrohome
{
 position:relative;
 float:left;
 background-color:#FFF;
 width:590px;
 padding:0 0 5px 5px;
 margin:0;
 border-left:1px solid #e97218;
 text-align:left;
}

#quadro
{
 position:relative;
 float:left;
 width:590px;
 background-color:#FFF;
 padding:0 0 5px 5px;
 margin:0;
 border-left:1px solid #e97218;
}

.galleria
{
 float:left;
 position:relative;
 width:170px;
 margin:5px 5px 5px 0;
 padding:0;
 text-align:center;
}

/* Pagine speciali */

.h1_adunata { color:#FF0000; font-size:25px; }
.slogan_adunata { color:#00B050; font-weight:bold; font-size:18px;}
.img_left {float:left; margin-right:4px;}
.center { text-align:center}


/* Stile dell'area delle slide */
#slideshow {
	overflow: hidden;
	height: 590px;
	width: 590px;
	margin: 0 auto;
}

.slide {
	float: left;
	height: 590px;
	width: 590px;
}

.slide-wrapper {
	/* Totale larghezza di tutte le slide */
	width: calc(590px * 5);
	animation-delay: 5000ms;
	transition-duration: 5s;
	/* Durata e velocita animazione */
        -webkit-animation: slide 100s ease infinite;
        -moz-animation: slide 100s ease infinite;
        -o-animation: slide 100s ease infinite;
        -ms-transition: slide 100s ease infinite;
	animation: slide 100s ease infinite;
}

/* Sfondi per ogni slide */
.slide:nth-child(1) {
	background-image: url("images/locandina_0.jpg");
	background-repeat:no-repeat;
	background-size: contain;
}

.slide:nth-child(2) {
	background-image: url("images/locandina_12.jpg");
	background-repeat:no-repeat;
	background-size: contain;
	animation-delay: 10s;
}

.slide:nth-child(3) {
	background-image: url("images/locandina_13.jpg");
	background-repeat:no-repeat;
	background-size: contain;
}

.slide:nth-child(4) {
	background-image: url("images/locandina_14.jpg");
	background-repeat:no-repeat;
	background-size: contain;
}

.slide:nth-child(5) {
	background-image: url("images/locandina_15.jpg");
	background-repeat:no-repeat;
	background-size: contain;
}

@keyframes slide {

	/* Calcolo margine sinistro per ogni slide */
	16% {
		margin-left: 0px;
	}
	32% {
		margin-left: calc(-590px * 1);
	}
	48% {
		margin-left: calc(-590px * 2);
	}
	64% {
		margin-left: calc(-590px * 3);
	}
	80% {
		margin-left: calc(-590px * 4);
	}
}