﻿/* CSS Document */

* {behavior:url(iepngfix.htc); }

html,body{
	text-align:center;
	background: url(images/common/gradient.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	}
#restyle{
	text-align:center;
	background: url(images/common/gradient.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	}

h1{display:none;}
#riservata{
	position:absolute;
	top:80px;
	right:0;
	height:177px;
	z-index:999;
	}
#form{
	float:right;
	width:142px;
	height:176px;
	background:url(images/common/pad.png) no-repeat;
	padding:10px;
	font-size:11px;
	text-align:left;
	color:#ffffff;
	}
#open{
	float:right;
	width:40px;
	height:177px;
	background:url(images/common/riservata.png) no-repeat;
	padding-top:8px;
	}
#container{
	width:810px;
	margin-left:auto;
	margin-right:auto;
	}
	
#navigation {
	height:61px;
	}
#navigation ul{
	display:inline;
	margin:0;
	padding:0;
	}
#navigation li{
	float:left;
	width:150px;
	background:url(images/common/bg_standard.gif) no-repeat top left;
	height:61px;
	list-style-type:none;
	position:relative;
	}
#navigation span{
	/*dato che msie è stupido:*/cursor:pointer;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	}
#navigation a {
	text-transform:uppercase;
	color:#178162;
	text-decoration:none;
	font-size:15px;
	line-height:55px;
	}
	#navigation a:hover{
color:#333333;
	}
	
	/*hack per gestionale*/
	
	.navigation2 {
	height:61px;
	}
.restyle_ul{
	display:inline;
	margin:0;
	padding:0;
	}
.restyle_li{
	float:left;
	width:150px;
	background:url(images/common/bg_standard.gif) no-repeat top left;
	height:61px;
	list-style-type:none;
	position:relative;
	}
.navigation2 span{
	/*dato che msie è stupido:*/cursor:pointer;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	}
	.navigation2 a {
	text-transform:uppercase;
	color:#178162;
	text-decoration:none;
	font-size:15px;
	line-height:55px;
	}
	.navigation2 a:hover{
color:#333333;
	}
.restyle_homeli{
	background:url(images/common/btm_sx.gif);
	width:208px;
	}
.restyle_contattili{
	background:url(images/common/btm_dx.gif);
	width:147px;
	}
	
	/*fine hack*/
	
	
	
li#homelink{
	background:url(images/common/btm_sx.gif);
	width:208px;
	}
li#conts_off{
	background:url(images/common/btm_dx.gif);
	width:147px;
	}
li#conts_on{
	background:url(images/common/btm_dx_active.gif);
	width:147px;
	}
li#conts_on a{
		color:#FFFFFF;
		}
li#homelink a{/*visibility:hidden;*/}

li#active{	
	background:url(images/common/bg_active.gif) no-repeat;
	}
li#active a{
	color:#FFFFFF;
	}



h3{
	font-size:1.1em;
	color:#518458;
	text-align:left;
	margin-bottom:7px;
	padding-bottom:0px;
	}

#content{
	position:relative;
	padding-left: 200px;
	height: 481px;
	margin-top:40px;
	}
#type p{
	margin-top:8px;
	padding-top:0;
	}
#growth{
	position:absolute;
	top:0;
	left:-50px;
	width:240px;
	height:541px;
	background:url(images/common/growth.png) no-repeat;
	behavior:url(iepngfix.htc);
	}
#sincert{
	position:absolute;
	bottom:10px;
	right:10px;
	}
#content h2{
	color:#395d52;
	font-weight:normal;
	font-size:1.9em;
	text-align:left;
	}
#content h2 b{
	color:#41a350;
	font-weight:bold;
	}
#content p{
	color:#4c706e;
	text-align:left;
	font-size:1em;
	}
#content a{
	color:#4e9158;
	}
	
.pocket{
	width:184px;
	height:345px;
	background:url(images/home/pocket.png) no-repeat;
	float:left;
	margin-top:14px;
	}
#pocket1{
	margin-right:20px;
	}
#pocket2{
	margin-right:20px;
	}
.pocket div{
	margin:10px;
	height:138px;
	background-repeat:no-repeat;
	position:relative;
	}
.pocket a span{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*dato che msie è stupido:*/cursor:pointer;
	}
.pocket a:hover span{
	background: url(images/common/interr.gif) no-repeat bottom right;
}
.pocket h3{
	text-transform:uppercase;
	text-decoration:none;
	font-size:26px;
	color:#6CA979;
	font-weight:lighter;
	text-align:center
	}
#pocket1 div{
	background-image:url(images/home/dove.png);
	}
#pocket2 div{
	background-image:url(images/home/quando.png);
	}
#pocket3 div{
	background-image:url(images/home/come.png);
	}
.pocket ul{margin:0px; padding:0px;}
.pocket li{
	margin-top:0px;
	margin-bottom:8px;
	margin-left: 5px;
	list-style-type:none;
	text-align:left;
	font-size:12px;
	padding-left:10px;
	background:url(images/home/triang.gif) 0 4px no-repeat;
	line-height: 15px;
	color:#435c47;
	}
.custlogo{
	width:195px;
	height:115px;
	float:left;
	text-align:center;
	}
div.split3 {
	margin-left:30px;
	}
div.split3 div{
    float: left;
    width: 29%;
    width: 33%;
    width: 29%;
    padding: 0 2%
    }
div.split3 ul{
	margin:0;
	padding:0;
	}
div.split3 li{
	list-style-type:none;
	line-height:1em;
	margin:8px;
	padding-left:4px;
	text-align:left;
	font-size:0.9em;
	color:#486F5C;
	background:url(images/common/greenarrow.gif) no-repeat 0 5px;
	}
ul#undermenu {
	padding:0;
	margin:0;
	}

ul#undermenu li{
	list-style-type:none;
	width:185px;
	height:74px;
	float:left;
	margin-right:22px;
	}
#clear{
	height:28px;
	clear:both;
	}
#reach{
	float:right;
	width:210px;
	/*height:310px;*/
	padding-bottom:8px;
	border-left: #666666 dashed 1px;
	padding-left:16px;
	text-align:left;
	font-size:0.9em;
	}
	html div#quality {
    position: absolute;  
    }

#quality{
	position:absolute;
	bottom:40px;
	right:40px;
	width:300px;
	height:400px;
	text-align:left;
	padding:10px;
	}
#quality ol{

	}
#quality li{
	margin-top:3px;
	margin-bottom:3px;
	}
#footer{
	color:#9a9a9a;
	font-size: 0.7em;
	height:20px;
	position:absolute;
	bottom:10px;
	left:10px;

	}
/*
#fixmetoo
{
  height: 120px;
  width: 120px
  position: fixed;
  z-index: 1000;
  bottom: 0;
  right: 0;
 
}

* html #fixmetoo {
  position: absolute;
  bottom: 0;
  right: 0; (this was needed as well)
  overflow: visible;
  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
  left: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollLeft +(documentElement.clientWidth-this.clientWidth) : document.body.scrollLeft +(document.body.clientWidth-this.clientWidth));
}
*/

/* demo 2: 'position: fixed' to bottom */

div#fixme-bottom {
position: fixed; 
bottom: 0; 
left: 100%;
width: 0;
height: 0;
z-index: 2;
}

* html div#fixme-bottom {position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) 
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));
left: expression("100%");
}

/* slight adjustment */
div#fixme-bottom img {
/*float: right;
margin: -48px -100px -100px 0;
position: relative;*/
}
#fixme-bottom a{
position:absolute;
top:-120px;
left:-120px;
width:120px;
height:120px;
}
.lang{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	margin:0;
}
.lang_selected{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#518458;
	text-decoration:none;
	margin:0;
}

