HTML, BODY { margin:0px; padding:0px;}
BODY { background-color:#006600; background-repeat:repeat-y; background-position:top center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; background-image:url(/images/bg.png);}
IMG { border:0px;}
P { color:#000000;}
UL { margin:0px; padding:0px; list-style-type:none; }
A {text-decoration:underline; color:#006600;}
A:hover { text-decoration:none; color:#006600;}
DIV { color:#000000;}

#introduzione { background-image:url(/images/intro.jpg); width:600px; padding-top:490px; margin:20px auto; background-repeat:no-repeat; text-align:center; color:#FFFFFF;}
#introduzione A { color:#FFFFFF;}

#container { width:95.5%; margin:0px auto; background-color:#FFFFFF;}

#header { padding:5px; background-image:url(../images/header.jpg); background-repeat:no-repeat; background-position:left top;position:relative;}
#header H1 { font-size:1px; text-indent:-5000px;background-image:url(/images/logo.gif); background-repeat:no-repeat; width:254px; height:75px; }
#header H1 SPAN { position:absolute; top:0px; left:0px; font-weight:bold; z-index:10;}
#header SPAN { position:absolute; top:75px; left:180px; font-weight:bold; z-index:10; font-family:"Arial Black", Arial, Helvetica, sans-serif;}
#header H2 { font-size:14pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; margin: 30px 5px 5px 5px;}
#lang { position:absolute; top:5px; right:5px; z-index:10;}

#menu  { }
#menu UL { text-align:center;background-color:#CEF4C4; line-height:2;}
#menu UL LI {margin:0px 0px 0px 1px;  display:inline; }
#menu UL LI A { text-decoration:none; color:#000000;  background-color:#BEF1B1; text-align:center;padding:5px; background-image:url(../images/bg_menu.gif); background-position:left top; background-repeat:repeat-x;}
#menu UL LI A:hover { background-color:#CEF4C4; background-image:none;}

#wrapper { clear:both;}
#wrapper TR TD { vertical-align:top;}

#lato_sx, #lato_dx { width:18%; float:left;background-color:#CEF4C4; padding:5px;}
TD#lato_sx H3, TD#lato_dx H3 { background-color:#339900; padding:5px; color:#FFFFCC; text-align:center; margin:5px 0px; font-size:10pt; font-family:Tahoma, Arial, Helvetica, sans-serif;}
#lato_sx H3 A, #lato_dx H3 A { color:#FFFFCC; text-decoration:none;}
#lato_sx {}
#lato_sx UL { margin:0px 5px; }
#lato_sx UL LI, #lato_dx UL LI { margin:1px 0px; line-height:2;background-color:#BEF1B1; padding:5px; font-size:8pt;}
#lato_sx UL LI A { text-decoration:none;}

#content { float:left; width:59%; padding:5px 5px 15px 5px;}
#content H2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18pt; border-bottom:solid 2px #006633;}
#content H3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16pt; color:#006633;}
#content TABLE.galleria TR TD { text-align:center; background-color:#A7E891; padding:5px;}
#content TABLE.galleria TR TD IMG { height:120px; }

#content TABLE.vetrina { width:98%; margin:10px auto;}
#content TABLE.vetrina TR TD { vertical-align:top; background-color:#BEF1B1; width:50%;}
#content TABLE.vetrina TR TD H3 { background-color:#FFFFFF; font-size:14pt; text-align:center; color:#006600; border:solid 1px #BEF1B1; border-bottom:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#content TABLE.vetrina TR TD P { margin:5px;}

#content TABLE.scheda { margin:10px auto; width:90%;}
#content TABLE.scheda CAPTION { background-color:#339933; color:#FFFFFF;}
#content TABLE.scheda TR TH, #content TABLE.scheda TR TD { border-bottom:dotted 1px #666666; padding:2px 5px; text-align:left; vertical-align:top;}

#scheda TR TD.img { width:150px; background-color:#B1F0A6;}

#content TABLE.elenco TR TD { padding:5px;}

#content FORM FIELDSET { border:none; padding:0px; margin:10px 0px;}
#content FORM DIV {width:98%; margin:0px auto; clear:left; margin:5px 0px;}
#content FORM FIELDSET LABEL {float: left;width: 33%;line-height: 18px; padding-right: 2%;text-align:right}
#content FORM FIELDSET INPUT, #content FORM FIELDSET TEXTAREA { border:solid 1px #333333; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;width:59%; padding:5px;}
#content FORM FIELDSET INPUT.no { border:none; }
#content FORM DIV.button {margin:5px 0px 10px 0px;}
#content FORM DIV.button INPUT {margin-left:35%; border:none; font-style:normal; font-weight:bold; font-size:10pt; background-color:#695B50; text-transform:uppercase; color:#FFFFFF; padding:5px;}


#lato_dx { text-align:right; float:right;}
#lato_dx UL.news { text-align:left; font-size:8pt;}
#lato_dx UL.news LI { background-color:#B3EEA4}
#lato_dx UL.news A { padding:2px 5px 6px 5px; text-decoration:none; border-left:2px solid #FFFFFF; }
#lato_dx UL.news A:hover {text-decoration:none;border-left:2px solid #006600;}

#footer { clear:both;margin:0px auto; background-color:#009933; border-top:solid 1px #003300; padding:5px; font-size:8pt; background-image:url(/images/bg_footer.png);background-repeat:repeat-x; background-position:left top;}
#footer TABLE { width:100%;}
#footer A { color:#FFFFCC;}

#indietro { background-image:url(/images/bg_back.gif); background-position:right bottom; background-repeat:no-repeat; width:95%; margin:0px auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold; text-align:right; padding:0px 0px 2px 5px;}

#privacy { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;padding:10px; width:90%; height:135px; overflow:auto; text-align:left; margin:0px auto; }

DIV.valid {}
DIV.valid IMG { margin:20px 2px 0px 0px; display:inline; text-align:center;}
.clear { clear:both;}

/* --------------------------------------- Cookies BAR --------------------------------------------- */

#cookieslaw A {
  text-decoration: none;
}

.privacylink {
	color: #339900!important;
}

.privacylink:hover {
	color: #009933!important;
}

#cookieclose {
  position: absolute;
  right: 1em;
  top: -40px;
  font-size: 25px;
  color: white;
  cursor: pointer;
}

#cookieclose .circle {
  -webkit-box-shadow: -1px -1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px -1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -1px -1px 2px 0px rgba(0, 0, 0, 0.75);
  background-color: red;
  border-radius: 50%;
  width: 28px;
  height: 28px;
}

#cookieclose .circle:hover {
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
  background-color: darkred;
}

#cookieclose .circle P {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
	color: white!important;
}

#cookieclose .circle P:hover {
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

/* Cookie Policie Table */
#privacyTD TR {
  font-size: .9em;
}

#privacyTD TR TH {
  font-size: .8em;
	color: #000000!important;
  text-align: center;
  border: solid 1px #339900;
  border-bottom: none;
  background-color: #009933!important;
  vertical-align: middle;
}

#privacyTD TD {
  border: solid 1px #339900;
  padding: 0 .5em;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5em;
}

#privacyTD TD:first-child {
  font-weight: bold;
}

/*NEW TEXT SET*/

H8 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  color: #009933;
  margin: .8em 0 .5em;
}

H9 {
  display: block;
  font-size: 1.3em;
  font-weight: bold;
	color: #339900;
  margin: .5em 0 .2em;
}

/*FINE NEW TEXT SET*/

#cookieslaw {
  position: fixed;
  bottom: 0px;
  padding: 0px 25px 10px 25px;
  z-index: 1000;
  text-align: center;
  background: #eeeeee;
  background: rgba(238, 238, 238, 0.9);
  padding-top: 20px;
  -webkit-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.75);
  font-weight: bold;
	font-size: 18px;
	font-family: 'Droid Sans', Helvetica, sans-serif;
}

@media (max-width: 1920px) and (-webkit-min-device-pixel-ratio : 2) and (orientation:portrait) {
	#cookieslaw {
		font-size: 54px;	
	}
	#cookieclose {
		top: -78px;
	}
	#cookieclose .circle{
		width: 58px;
		height: 58px;
		font-size: 50px;
	}
}

@media (max-width: 1920px) and (-webkit-min-device-pixel-ratio : 2) and (orientation:landscape) {
	#cookieslaw {
		font-size: 30px;	
	}
	#cookieclose {
		top: -60px;
	}
	#cookieclose P {
		top: -3px;
	}
	#cookieclose .circle{
		width: 40px;
		height: 40px;
		font-size: 40px;
	}
}