/* CSS Document */
/* 	-------------------------------------------------------------------------------------------------- 
	IMPOSTAZIONI GENERALI
   	-------------------------------------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	margin:0;
	padding:0;
}
body {
	background-color:#84C13E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
/* 	-------------------------------------------------------------------------------------------------- 
	DEFAULT STYLES
   	-------------------------------------------------------------------------------------------------- */
p {
	color: #666666;
	text-align:justify;
	padding:0px 15px 15px 15px;
	font-size:0.95em;
}
h1 {
	font-size:1.7em;
	color: #99CC00;
	display:inline;
	padding-left:15px;
}
h2 {
	font-size:1.1em;
	display:block;
	margin-left:15px;
	background:url(../img/bgBox.gif) no-repeat left bottom;
	margin-bottom:10px;
	color:#666666;
}
.verde {
	color: #99CC00;
}
.aranc {
	color: #FF6600;
}
.blu {
	color:#0099FF;
}
.viola {
	color:#663399;
}
.viola2 {
	color: #666699;
}
.rosso {
	color:#CC0000;
}
.azzurro {
	color:#1f41a6;
}
.verdino {
	color:#00a651;
}
a {
	text-decoration:none;
}
a.verde, a.verde:visited {
	background:url(../img/bgLinkVerde.gif) no-repeat left top;
	padding-left:23px;
	color:#669900;
	font-weight:bold;
	line-height:14px;
}
a.verde:hover, a.verde:active {
	color:#99CC00;
	background:url(../img/bgLinkVerde.gif) no-repeat left bottom;
}
a.aranc, a.aranc:visited {
	background:url(../img/bgLinkAranc.gif) no-repeat left top;
	padding-left:23px;
	color: #FF6600;
	font-weight:bold;
	line-height:14px;
}
a.aranc:hover, a.aranc:active {
	color: #FF9900;
	background:url(../img/bgLinkAranc.gif) no-repeat left bottom;
}
/* 	-------------------------------------------------------------------------------------------------- 
	DIV PRINCIPALI
   	-------------------------------------------------------------------------------------------------- */
#main {
	width:100%;
	height:600px;
	margin-top:-300px;
	top:50%;
	background:#84C13E url(../img/bg.jpg) no-repeat center top;
	position:absolute;
}
#mainVuoto {
	width:100%;
	height:600px;
	margin-top:-300px;
	top:50%;
	background:#84C13E url(../img/bgVuoto.jpg) no-repeat center top;
	position:absolute;
}
#mainScroll {
	width:100%;
	height:600px;
	margin-top:-300px;
	top:50%;
	background:url(../img/bgScroll.jpg) no-repeat center top;
	position:absolute;
}
#mainScroll1 {
	width:100%;
	background:#fff url('../img/bgScroll1.jpg') repeat-x center top;
}
#container {
	width:760px;
	height:600px;
	margin:0 auto;
	position:relative;/*background:#FF0000;*/
}
#left {
	width:295px;
	float:left;
	margin:0px;
	padding:0px;/*background-color:#CCCC00;*/
}
#right {
	width:465px;
	float:right;
	position:relative;
	margin:0px;
	padding:0px;/*background-color: #FFCC00;*/
}
#footer {
	width:760px;
	height:45px;
	margin:0 auto;
	position:relative;
	float:left;
}
#footer p {
	text-align:center;
	color:#CCFF99;
	font-size:0.9em;
	padding-top:20px;
}
#footer a, #footer a:visited {
	display:inline;
	background:url(../img/bgCredits.gif) no-repeat right top;
	color:#C5E56C;
	text-decoration:none;
	font-size:0.9em;
	padding-right:30px;
	padding-bottom:3px;
	font-weight:bold;
	line-height:15px;
}
#footer a:hover, #footer a:active {
	background:url(../img/bgCredits.gif) no-repeat right bottom;
	color:#CCFF99;
}
.clear {
	clear:both;
	margin:0px;
}
/* 	-------------------------------------------------------------------------------------------------- 
	DIV LEFT 
   	-------------------------------------------------------------------------------------------------- */
#topLeft {
	height:185px;
}
#logo {
	margin:0px;
	float:left;
	height:110px;
}
#nav {
	width:130px;
	margin-left:89px;
	padding:0px;
	float:left;
	position:relative;
}
#nav ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#nav li {
	width:230px;
	list-style-type:none;
}
#nav li a, #nav li a:visited {
	color: #666666;
	display:block;
	text-decoration:none;
	height:20px;
	font-size:1em;
	padding-left:74px;
	padding-top:10px;
}
#nav li a:hover, #nav li a:active {
	color: #99CC33;
}
#nav li#home a, #nav li#home a:visited {
	background:url(../img/bgNavHome.gif) no-repeat left top;
}
#nav li#home a:hover, #nav li#home a:active {
	background:url(../img/bgNavHome.gif) no-repeat left bottom;
}
#nav li#home.active a {
	background:url(../img/bgNavHome.gif) no-repeat left top;
	color: #99CC33;
	cursor:text;
}
#nav li#azienda a, #nav li#azienda a:visited {
	background:url(../img/bgNavAzienda.gif) no-repeat left top;
}
#nav li#azienda a:hover, #nav li#azienda a:active {
	background:url(../img/bgNavAzienda.gif) no-repeat left bottom;
	color:#0066CC;
}
#nav li#azienda.active a {
	background:url(../img/bgNavAzienda.gif) no-repeat left top;
	color: #0066CC;
	cursor:text;
}
#nav li#novita a, #nav li#novita a:visited {
	background:url(../img/bgNavNovita.gif) no-repeat left top;
}
#nav li#novita a:hover, #nav li#novita a:active {
	background:url(../img/bgNavNovita.gif) no-repeat left bottom;
	color:#00a651;
}
#nav li#novita.active a {
	background:url(../img/bgNavNovita.gif) no-repeat left top;
	color: #00a651;
	cursor:text;
}
#nav li#hobby a, #nav li#hobby a:visited {
	background:url(../img/bgNavHobby.gif) no-repeat left top;
}
#nav li#hobby a:hover, #nav li#hobby a:active {
	background:url(../img/bgNavHobby.gif) no-repeat left bottom;
	color:#9966cc;
}
#nav li#hobby.active a {
	background:url(../img/bgNavHobby.gif) no-repeat left top;
	color: #9966cc;
	cursor:text;
}
#nav li#prodotti a, #nav li#prodotti a:visited {
	background:url(../img/bgNavNovita.gif) no-repeat left top;
}
#nav li#prodotti a:hover, #nav li#prodotti a:active {
	background:url(../img/bgNavNovita.gif) no-repeat left bottom;
	color:#FF6600;
}
#nav li#prodotti.active a {
	background:url(../img/bgNavProdotti.gif) no-repeat left top;
	color: #FF6600;
	cursor:text;
}
#nav li#consigli a, #nav li#consigli a:visited {
	background:url(../img/bgNavCuriosita.gif) no-repeat left top;
}
#nav li#consigli a:hover, #nav li#consigli a:active {
	background:url(../img/bgNavCuriosita.gif) no-repeat left bottom;
	color:#1f41a6;
}
#nav li#consigli.active a {
	background:url(../img/bgNavCuriosita.gif) no-repeat left top;
	color: #1f41a6;
	cursor:text;
}
#nav li#contatti a, #nav li#contatti a:visited {
	background:url(../img/bgNavContatti.gif) no-repeat left top;
}
#nav li#contatti a:hover, #nav li#contatti a:active {
	background:url(../img/bgNavContatti.gif) no-repeat left bottom;
	color:#CC0000;
}
#nav li#contatti.active a {
	background:url(../img/bgNavContatti.gif) no-repeat left top;
	color: #CC0000;
	cursor:text;
}
/* 	-------------------------------------------------------------------------------------------------- 
	DIV RIGHT 
   	-------------------------------------------------------------------------------------------------- */
#top {
	width:465px;
	height:50px;
	margin-top:60px;
	float:left;
	position:relative;
	clear:right;/*background-color:#CC0000;*/
}
#info {
	width:430px;
	height:435px;
	float:right;
	margin:0px;
	padding:20px 0px 0px 0px;/*background-color:#FF9900;*/
}
#box {
	width:400px;
	background:url(../img/bgBox.gif) no-repeat left top;
	padding-top:8px;
	margin-bottom:10px;
}
#box1 {
	width:400px;
	background:url(../img/bgBox.gif) no-repeat left top;
	padding-top:8px;
	margin-bottom:10px;
}
/* 	-------------------------------------------------------------------------------------------------- 
	PRODOTTI
   	-------------------------------------------------------------------------------------------------- */	
#prod {
	font-size:0.9em;
	background:#fff url(../img/bgProd.gif) no-repeat left top;
	text-decoration:none;
	width:110px;
	height:130px;
	margin-bottom:10px;
	margin-right:5px;
	cursor:pointer;
	color: #999999;
	text-align:center;
}
#prod:hover {
	background:#fff url(../img/bgProd.gif) no-repeat right top;
	color: #FF3300;
}
#prod img {
	border:none;
	display:block;
	padding:10px 10px 15px 10px;
}
#prod a, #prod a:visited {
	color:#666666;
	text-decoration:none;
	text-align:left;
	font-weight:normal;
}
#prod a:hover, #prod a:active {
	color:#FF6600;
}
/* 	-------------------------------------------------------------------------------------------------- 
	FORM
   	-------------------------------------------------------------------------------------------------- */	

#form {
	width:400px;
}
form {
	width:400px;
	margin-left:15px;
}
fieldset {
	float:left;
	width:380px;
	margin:0;
	padding: 0;
	border: none;
}
form b {
	color: #8B9298
}
fieldset div {
	float:left;
	width:180px;
	padding-bottom:5px;
}
label {
	float:left;
	display: block;
	line-height:16px;
	width:150px;
	font-weight:bold;
	font-size:0.9em;
	color:#ccc;
}
input {
	background: url(../img/bgInput.jpg) repeat-x left top;
	color: #333333;
	padding:2px;
	width:160px;
	border:1px solid #D3D3D3;
	font-family: "Arial Unicode MS", Tahoma, Arial, sans-serif;
	font-size:1em;
	float:left;
	position:relative;
}
input:hover, input:active {
	background: url(../img/bgInput.jpg) repeat-x left bottom;
	border:1px solid #99CC99;
}
select {
	background-color:#6F767F;
	border:1px solid #999;
	color:#fff;
	width:165px;
	padding:2px;
}
select:hover {
	color: #000000;
	background-color: #999;
	border:1px solid #ccc;
}
textarea {
	background: url(../img/bgTextarea.jpg) repeat-x left top;
	color:#333333;
	padding:2px;
	font-family: "Arial Unicode MS", Tahoma, Arial, sans-serif;
	font-size:1em;
	border:1px solid #D3D3D3;
	margin-bottom:10px;
	width:340px;
	height:85px;
	min-width:340px;
	min-height:85px;
}
textarea:hover, textarea:active {
	background: url(../img/bgTextarea.jpg) repeat-x left bottom;
	border:1px solid #ccc;
}
input.tasto {
	width:80px;
	color: #999;
	height:20px;
	padding:0px;
	font-size:10px;
	border:1px solid #D3D3D3;
	background:url(../img/bgInputTasto.gif) no-repeat left top;
	display: inline;
	cursor:pointer;
	margin-right:2px;
}
input:hover.tasto {
	color: #fff;
	background:url(../img/bgInputTasto.gif) no-repeat left bottom;
	border:1px solid #99CC99;
}
.success {
	padding: .2em;
	margin-bottom: 1em;
	margin-left: 15px;
	border: 1px solid #ddd;
	width:340px;
	background: #E6EFC2;
	color: #529214;
	border-color: #C6D880;
}
.error {
	padding: .2em;
	margin-bottom: 1em;
	margin-left: 15px;
	border: 1px solid #ddd;
	width:340px;
	background: #FBE3E4;
	color: #D12F19;
	border-color: #FBC2C4;
}

.b22:link {
	color: #000;
	text-decoration: none;
	font-size:16px;
	font-family:Georgia;
	padding:15px 0px 5px 0px;
}

.b22:visited {
	color: #000;
	text-decoration: none;
	font-size:16px;
	font-family:Georgia;
	padding:15px 0px 5px 0px;
}

.b22:hover {
	color: #ff0000;
	text-decoration: none;
	font-size:16px;
	font-family:Georgia;
	padding:15px 0px 5px 0px;
}
.b23:link {
	text-decoration: none;
	font-size:12px;
	background-color: #fff;
	padding:0px 3px 0px 3px;
}

.b23:visited {
	text-decoration: none;
	font-size:12px;
	background-color: #fff;
	padding:0px 3px 0px 3px;
}

.b23:hover {
	color: #ff0000;
	text-decoration: none;
	font-size:12px;
	background-color: #fff;
	padding:0px 3px 0px 3px;
}

.b2:link {
    color:#111;
	text-decoration: none;
}

.b2:visited {
    color:#111;
	text-decoration: none;
}

.b2:hover {
	color: #ff0000;
	text-decoration: underline;
}