* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 	min-height:100%;/* for ie7*/height:100%;
	font:12px  Arial, Helvetica, sans-serif; background:#fff; color:#333333; background:url(../images/bg.jpg) center top no-repeat;
}


#container {
width:980px;
min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
	}


a, a:active, a:visited {text-decoration:none; color:#37556a}
a:hover {color:#000}

.logo{	float:right; }
.big{	font-size:30px; font-weight:bold;}
p {padding-top:10px}
h1 {font-size:22px; font-weight:bold; color:#00903f}
h2 {font-size:20px; font-weight:normal; margin-top:-1px; color:#71bc8d}
h2 a {color:#62762c}
h3 {font-size:16px; font-weight:bold; margin:10px 0 0 0; color: #666666}
h4 {font-size:14px; margin-top:10px}
ul {list-style:none}
code {display:block; border:1px solid #bfc79f; padding:10px; background:#f3f6e8}
#wrapper {width:100%; float:left; height:100%;  min-height: 100%;}
#site {width:980px; margin:0 auto;height:100%;  min-height: 100%; }
#header {height:150px; position:relative; }
#header img {float:left; padding-left:20px}
#menu {	clear:both; width:980px; margin:0 auto;	z-index: 11;padding: 0px 0px 0px 0px;	height: 39px;	background: url(../images/bgmenu.jpg) 0 0 repeat-x;}
#moods {width:900px;margin:100px auto;}
#moods img {float:left; margin:5px}


.dropdown {float:left; height:39px;}
.dropdown dt {width:120px;height:37px;  cursor:pointer; background: url(../images/sep.gif) no-repeat left top;padding: 16px 0 0 8px; font-size:11px}
.dropdown dt:hover {background: url(../images/menu.jpg) top left repeat-x; color:#000;padding: 16px 0 0 8px;}
.dropdown dt span:hover {color:#fff;font-size:11px;}
.dropdown dd {position:absolute; overflow:hidden; width:129px; display:none; background:#fff; z-index:200; background:#fff url(../images/menu-giu.jpg) 0 0 repeat-x; margin:-13px 0 0 0;font-size:11px}
.dropdown ul {width:127px; border:1px solid #cfcfcf; list-style:none; border-top:none;}
.dropdown li {display:inline}
.dropdown li a, .dropdown li a:active, .dropdown li a:visited {display:block; padding:5px; color:#333; text-decoration:none; width:117px}
.dropdown li a:hover {background:#fff; color:#000}
.dropdown .underline {border-bottom:1px solid #cfcfcf}



.left{float:left; padding-left:10px;}

#page {width:980px; height:auto; float:left;  border-top:1px solid #b7b7b7; padding-bottom: 2em;}
#titolo {width:980px; height:20px; padding-left:10px; font-size:11px; font-weight:bold; }
#column {width:630px;  padding:30px 0 0 350px; }
#box {float:left;height:150px;}
#box-arrow {width:222px; height:150px; background:url(../images/arrow.gif) top left no-repeat; float:left;}


#leftcolumn {float:left; width:330px;  margin:50px 0 00;  padding-top:30px;}
#leftcolumn ul {padding:0 0 0 30px; list-style-type: disc }
#leftcolumn ul li{ list-style: disc; padding:5px 0 }
#leftcolumn ul li strong{font-size:14px; font-weight:bold; color:#00903f; text-transform:uppercase}
#rightcolumn { float:left; width:630px; margin:0 0 0 20px; padding-top:30px; background: url(../images/vantaggi.gif) top right no-repeat }
#rightcolumn p{padding:0 0 10px 0;text-align:justify; width:480px}

#leftcol {float:left; width:200px;  margin:0 0 00;  padding:30px 0 0 20px;}
#rightcol{ float:left; width:730px; margin:0 0 0 20px; padding-top:30px;  }
#testo { float:left; width:480px; margin-top:20px; font-size:14px;}

#news {background:#ddefe5; border:1px solid #b7b7b7;  width:234px; font-size:11px; }
#news p {margin:10px; background:url(../images/sidemenu-sep.gif) left bottom repeat-x; padding-bottom:10px;}
#news p .title {color:#006666; background:url(../images/arrow.gif) left top no-repeat; padding-left:16px; font-weight:bold;font-size:12px;}



table.gridtable {
	color:#000;
	border-width: 1px;
	border-color: #333;
	border-collapse: collapse;
	margin-top:20px;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #333;
	background-color: #008533;
	font-size:18px; font-weight:bold;color:#FFFFFF;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #333;
	background-color: #e9efe5;
}
table.gridtable td.white {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #333;
	background-color: #fff;
}

#content {float:left; width:740px; margin:10px 0 0 10px;}


#footer { width:100%; clear:both; background:#008533; height:100px}
#footer p{ display:block; font:11px Arial, Helvetica, sans-serif; padding-top:10px ; width:980px; margin:0 auto; color:#FFFFFF}
#footer p span{ display: block;   width:100px;  float:right; text-align:right;}

#footer a, #footer a:active, #footer a:visited  {color:#fff; padding-bottom:1px; border-bottom:1px dotted #56603b}
#footer a:hover {color:#000; border-bottom:1px solid #000}

#footer, #pushfooter {
	height: 100px; /* .push must be the same height as .footer */
	clear:both; 
}

div#wn	{ 
	position:relative; 
	width:350px; height:320px; 
	overflow:hidden;
	margin:0 auto;	
	}
div#scrollLinks	{ 
	position:relative; 
	width:400px; height:320px; 
	overflow:hidden;
	margin:50px auto;	
	}
div#content	{ 
	position:relative; 
	width:400px; height:320px; 
	overflow:hidden;
	margin:0 auto;	
	background: url(../images/pier.jpg) top left no-repeat;
	}
div#scrollLinks	img.left{ position:absolute; top:100px;float:left;}
div#scrollLinks	img.right{ position:absolute; top:100px;left:360px;float:right;}



/**************************************************************
   Form Elements
 **************************************************************/

/*FILLUPFORMS*/
.fillupform {

	width:600px;
	padding:0 15px 0 15px;
	float:left;
	margin:0 15px 20px 25px;

}
.fillupform li {
	float:left;
	color:#FF0000;
	margin:15px 0 0 0;
	width:600px;
}
.fillupform ul li label {
	display:block;
	width:100px;
	padding:8px 8px 8px 0;
	font-weight:bold;
	text-align:left;
	color:#333;
	float:left;
}
.fillupform ul li.long {
	display:block;
	padding:8px 8px 8px 0;
	font-weight:bold;
	text-align:left;
	color:#333;
	float:left;
}
.fillupform input.check {
	width:30px;
	border-style:none;
	padding:8px;
	background:#FFF url(../images/form-shadow.jpg) repeat-x;
	margin:0;
	float:left;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #CCC;
}
.fillupform input {
	width:250px;
	border-style:none;
	padding:8px;
	background:#FFF url(../images/form-shadow.jpg) repeat-x;
	margin:0 0 0 10px;
	float:left;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #CCC;
}
.fillupform textarea {
	height:130px;
	width:300px;
	margin:0 0 0 10px;
	padding:8px;
	float:left;
	background:#FFF url(../images/form-shadow.jpg) repeat-x;
	border-style:none;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #CCC;
}
.fillupform input.btn {
	color:#333;
	font-weight:bold;
	margin:0 0 0 10px ;
	padding:6px;
	background:#FFF url(../images/form-shadow.jpg) repeat-x;
	cursor:pointer;
	float:left;
	width:75px;
	text-align:center;
	text-transform:uppercase;
}
/*LABELERROR*/ 
.fillupform ul li label.error {
	color:#FF0000;
	font-size:11px;
	font-weight:normal;
	margin:0 0 0 10px;
	width:100px;
}

.tit { font: 14px Arial; font-weight:200; color:#008533;}