.size { position:relative;  }
.size .field {
	width:30px;
	height:20px;
	background-image:url("images/menu1vojjpub.png");
	padding:5px; border:none; cursor:pointer;
	font-family:'lucida sans unicode',sans-serif;  color:rgb(255,255,255); font-size:0px;
	
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.size .field:hover {

	
	-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.size>ul.list { display:none;
	position:absolute; left:30px; top:-30px; z-index:999;
	width:300px;
	margin:0; padding:10px; list-style:none;
	background:rgb(220,220,220); color:rgb(0,0,0);
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.size>ul.list li {
	padding:10px;
	border-bottom: solid 1px #ccc;
	
}
.size>ul.list li:hover {
	background:rgb(200,200,255); color:rgb(255,255,255);
}

.size>ul.list li:hover  ul li:hover{
	background:rgb(150,150,255); color:rgb(0,0,0);
}



.size>ul.list li:last-child { border:none }


body
{
background-color:#eeffff;
}
td
{
FONT-WEIGHT: normal; 
FONT-SIZE: 1.1em; 
COLOR: rgb(80,80,80) ; 
FONT-FAMILY: arial,verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}
div
{
margin-left:auto;
margin-right:auto;
width:90%;
max-width:1600px;
FONT-WEIGHT: Normal; 
FONT-SIZE: 1.1em; 
COLOR: rgb(80,80,80) ; 
FONT-FAMILY: arial,verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}
div.left
{
margin-left:0%;
FONT-WEIGHT: normal; 
FONT-SIZE: 1.1em; 
COLOR: rgb(80,80,80) ; 
FONT-FAMILY: arial,verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}

div.formfield
{
display: flex; 
align-items: center; 
margin:auto; 
width:450px;
}

table
{
margin-left:auto;
margin-right:auto;

}

h1
{
FONT-WEIGHT: bold; 
FONT-SIZE: 30px; 
COLOR: rgb(0,0,0) ; 
FONT-FAMILY: arial,verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none;

}

select
{
FONT-WEIGHT: normal; 
FONT-SIZE: 20px; 
background-color:rgb(255,255,255);
COLOR: rgb(80,80,80) ; 
FONT-FAMILY: arial,verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}

input
{
FONT-WEIGHT: normal; 
FONT-SIZE: 20px; 
background-color:rgb(255,255,255);
COLOR: rgb(80,80,80) ; 
FONT-FAMILY: arial,verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}

a.menu:link 
{
FONT-WEIGHT: normal; 
FONT-SIZE: .9em; 
COLOR: rgb(256,256,256) ; 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}
a.menu:active 
{
FONT-WEIGHT: bold;
FONT-SIZE: .9em; 
COLOR: rgb(256,256,256) ; 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}
a.menu:visited 
{
FONT-WEIGHT: bold;
FONT-SIZE: .9em; 
COLOR: rgb(256,256,256) ; 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}
a.menu:hover 
{
FONT-WEIGHT: bold;
FONT-SIZE: .9em; 
COLOR: rgb(256,256,256) ; 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}


#slideshow { 
  
    position: relative; 
    width: 1000px; 
    height: 500px; 
    padding: 0px;
margin-left:auto;
margin-right:auto;
    
}

#slideshow  div { 
    position: absolute; 
    top: 0px; 
    left:0px;
    right:0px;
    bottom: 0px; 
    opacity: 1;
}

a.hoverbox {
  position: relative;
  cursor: help;
  }
  
  a.hoverbox:hover {
  display: inline;

  }

a.hoverbox span {
  display: block;
  position: fixed;
  
  color: #333333;
  font-size: 15px;
  background: rgba(250, 256, 256, .9 );
  
  top: 25%;
  left: 55%;
  width: 400px;
  padding: 5px;
   
  opacity: 0; visibility: hidden; 
  -webkit-transition: visibility 1.0s linear, opacity 1.0s ease ; 
  -moz-transition: visibility 1.0s linear, opacity 1.0s ease;
  -o-transition: visibility 1.0s linear, opacity 1.0s ease;
  -ms-transition: visibility 1.0s linear, opacity 1.0s ease; 
  transition: all 1.0s ease;
  }


a.hoverbox:hover span {

  display: block;
 
  color: #333333;
  font-size: 15px;
  background: rgba(256, 256, 256, 1 );
  
visibility: visible; 
opacity: 0.9;

   z-index: 1000;}
   
     
   
#stage{width: 656px; /*1232px; /* CAMBIA (slide-w * num-slide-visibili) + ((padding-l + padding-r) * num-slide-visibili) + (margin-right * (num-slide-visibili - 1) ) */
			 overflow: auto;overflow-x:hidden; overflow-y:hidden; 
			 height:480px;  /* CAMBIA */
			 margin:0 auto;
			 background-color:#ffffff;}
#slider-buttons{width:656px;  /* CAMBIA come sopra */
								margin:0 auto;}
	#myList{width:12000px; border:0; margin:0; padding:0; left:400px} /* BOH */
	#myList li{
		list-style:none; 
		margin:5px; 
		padding:0; 
		border:0px; 
		margin-right:0px;
		padding:0px; 
		background:#ffffff;
		float:left;
		width:640px;
		height:480px;
		text-align: center;
		}
	
	#myList li img{border:0px solid white;}
	
	


.buttonhome {
  display: inline-block;
  padding: 7px 12px;
  font-size: 15px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  /*outline: none;
  color: #fff;*/
  background-color: rgb(80,120,80);
  
  
 BORDER-LEFT: 3px solid #bbb;
BORDER-TOP: 3px solid #bbb;
BORDER-BOTTOM: 3px solid #777;
BORDER-RIGHT: 3px solid #777;
  
  border-radius: 15px;
  box-shadow: 4px 5px #999;
  -webkit-appearance: none;
}

.buttonhome:hover {background-color: rgb(0,80,00)}

.buttonhome:active {
  background-color: rgb(0,80,00);
  box-shadow: 0 3px #666;
  transform: translateY(4px);
}





.button {
  display: inline-block;
  padding: 5px 10px;
  font-size: 15px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #000;
  background-color: #d9e1ea;
  border-width: 3px;
  border-radius: 15px;
  box-shadow: 4px 5px #999;
  -webkit-appearance: none;
}

.button:hover {background-color: rgb(200,200,200)}

.button:active {
  background-color: rgb(150,150,150);
  box-shadow: 0 3px #666;
  transform: translateY(4px);
}

.button1 {
  display: inline-block;
  padding: 3px 6px;
  font-size: 15px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #000;
  background-color: rgb(49, 235, 62)
  border-width: 3px;
  border-radius: 7px;
  box-shadow: 2px 4px #999;
  -webkit-appearance: none;
}

.button1:hover {background-color: rgb(32, 161, 41)}

.button1:active {
  background-color: rgb(17, 89, 22);
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.buttonvojj {
  display: inline-block;
  padding: 10px 20px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #77CDD6;
  border-width: 3px;
  border-radius: 7px;
  box-shadow: 2px 4px #999;
  -webkit-appearance: none;
}

.buttonvojj:hover {
background-color: #005A7B;
color: #77CDD6;

}

.buttonvojj:active {
  background-color: #035
  color: #fff;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.buttonvojjorange {
  display: inline-block;
  padding: 10px 20px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #eb4034;
  border-width: 3px;
  border-radius: 7px;
  box-shadow: 2px 4px #999;
  -webkit-appearance: none;
}

.buttonvojjorange:hover {
background-color: #992820;
color: #fff;

}

.buttonvojjorange:active {
  background-color: #035
  color: #fff;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}



.buttonvojjteal {
  display: inline-block;
  padding: 10px 20px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #005b7b;
  border-width: 3px;
  border-radius: 7px;
  box-shadow: 2px 4px #999;
  -webkit-appearance: none;
}

.buttonvojjteal:hover {
background-color: #004b6b;
color: #fff;

}

.buttonvojjtealactive {
  background-color: #004b6b
  color: #fff;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


table.shad
{
margin-left:auto;
margin-right:auto;
box-shadow: 10px 10px 8px #888;
}

th
{
FONT-WEIGHT: normal; 
font-size:1em; 
font-family:arial,sans;
background-color:#005A7B;
color:#ffffff;

}