/* GENERALE 
------------------------------------------------------------ */
*{
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}
html {
	font-size: 100%;
}
body {
	font-size:62.5%; /* Resets 1em to 10px */	
	color:#FFFFFF;
	background-color:#FFFFFF;
	background-image: url(../images/bgTramarin.jpg);
	background-repeat: repeat-x;
}
h1{
	text-indent:-9999px;
}
a{
	color: #FFFFFF;
	outline: none;
	text-decoration:underline;
}
ul, li{
	list-style: none;
}
p{
	padding-bottom: 10px;
}
img{
	border: none;
}
table,td{ 
	border:none;
	border-spacing:0;
	border-collapse:collapse; 
}
label{
	display: block;
}
input, textarea{
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	padding:2px;
	color:#4D4249;
	font-size:1.1em;
	width:244px;	
	margin-bottom:7px;
}
textarea{
	overflow: auto;
	height: 65px;
}

/* STRUTTURA 
------------------------------------------------------------ */
#container{
	width:900px;
	height:550px;
	position:absolute;
	left:50%;
	margin-left:-450px;
	top:50%;
	margin-top:-275px;
	font-size:1.1em;
	border:1px solid #000000;
}
#main{
	height:534px;
	position:relative;
}
#main .left{
	width:313px;
	height:100%;
	background:#474747 url(../images/bg_left.jpg) no-repeat 100% 0;
	float:left;
	position:relative;
}
#left-box{
	position:absolute;
	bottom:0;
	right:0;
}
#main .right{
	width:585px;
	height:100%;
	background-color:#3F3F3F;
	float:right;
	overflow:hidden;
	position:relative;
}
#header{
	height:80px;
	background:#177D9E url(../images/bg_header.jpg) no-repeat 0 0;
	border-bottom:1px solid #FFFFFF;
	position:relative;
}
#header h2{
	position:absolute;
	left:10px;
	top:0;
	line-height:80px;
	font-size:18px;
}
#text{
	text-align:justify;
	width:545px;
	margin:0 auto;
	padding-top:25px;
}
#grat{
	width:202px;
	float:right;
	margin-left:20px;
	position:relative;
	height:100%;
}
#grat img{
	width:200px;
	height:266px;
	border:1px solid #FFFFFF;
}
#grat h3{
	font-size:0.9em;
	font-weight:normal;
	text-align:center;
	margin:15px 0 0 0;
}
.firma{
	text-align:right;
}
h3.title{
	font-size:1.1em;
	margin-bottom:9px;
}
#gallery_container{
	width:100%;
	position:absolute;
	left:0;
	bottom:10px;
	z-index:1;
}
#gallery li{
	float: left;
}
#gallery li.title{
	height:auto;
	border:0;
	margin-bottom:2px;
}
.gallery_single_6{
	width:557px;
	margin:0 auto;
	border-top:1px solid #63CCF5;
	padding-top:10px;
}
.gallery_single_6 li{
	width:95px;
	height:82px;
	overflow:hidden;
}
.gallery_single_6 li img{
	width:80px;
	height:80px;
	border:1px solid #FFFFFF;
}
.gallery_single_6 li.last{
	width:82px;
}
.gallery_double_4{
	width:542px;
	margin:0 auto;
	border-top:1px solid #63CCF5;
	padding-top:10px;
}
.gallery_double_4 li{
	width:140px;
}
.gallery_double_4 li.last{
	width:122px;
}
.gallery_double_4 ul ul, .gallery_double_4 li li{
	float:none;
}
.gallery_double_4 li li{
	width:120px;
	height:55px;
	border:1px solid #FFFFFF;
	overflow:hidden;
}
.gallery_double_4 li li.first{
	margin-bottom:5px;
}
#contatti-info{
	margin-top:15px;
	line-height:12px;
}
#contatti-info a{
	text-decoration:none;
}
#contatti-info a:hover{
	text-decoration:underline;
}
#footer{
	border-top:1px solid #FFFFFF;	
	height:15px;
	background:url(../images/footer.jpg) no-repeat 0 0;
}
#footer p{
	font-size:10px;
	color:#000;
	padding:0;
	text-align:center;
	line-height:15px;
}

/* MENU 
------------------------------------------------------------ */
#nav{
	position:absolute;
	top: 124px;
	left: 0;
	width:125px;
}
#nav li{
	height:15px;
}
#nav li.space{
	height:20px;
}
#nav li a, #nav li a:link{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	line-height:15px;
}
#nav li a:hover{
	color:#00A0C6;
	background-color:#FFFFFF;
}
#nav li a.curr, #nav li a:link.curr{
	background-color:#FFFFFF;
	color:#00A0C6;
}
#nav .btn{
	text-align:center;
}
#nav .btn a{
	display:block;
	width:45px;
	height:46px;
	text-indent:-9999px;
	cursor:pointer;
	margin:0 auto;
}
#nav .btn a.up{
	background:url(../images/nav-up.jpg) no-repeat 0 0;
}
#nav .btn a.up:hover{
	background:url(../images/nav-up.jpg) no-repeat 0 100%;
}
#nav .btn a.down{
	background:url(../images/nav-down.jpg) no-repeat 0 0;
}
#nav .btn a.down:hover{
	background:url(../images/nav-down.jpg) no-repeat 0 100%;
}
#menu{
	position:absolute;
	left:0;
	height:28px;
	bottom:-12px;
	font-size:11px;
	z-index:10;
}
#menu ul{
	height:100%;
}
#menu ul, #menu li{
	float:left;
}
#menu li{
	margin-right:5px;
	height:100%;
}
#menu li.curr{
	background:url(../images/nenu_curr.gif) no-repeat 50% 100%;
}
#menu li.curr a, #menu li.curr a:link{
	background-color:#FFFFFF;
	color:#3F3F3F;
}
#menu li a, #menu li a:link{
	float:left;
	display:block;
	height:16px;
	line-height:16px;
	padding:0 5px;
	font-weight:bold;
	text-decoration:none;	
	background-color:#3F3F3F;
}
#menu li a:hover{
	background-color:#FFFFFF;
	color:#3F3F3F;
}
/* VARIE 
------------------------------------------------------------ */
p.last{
	padding-bottom: 0;
}

.clear{
	clear: both;
}
.center{
	text-align:center;
}
.center *{
	margin:0 auto;
}
.nodisplay{
	display: none;
}
ul.list{
	padding:0 0 10px 0;
	padding-left:20px;
}
ul.list li{
	list-style:square;
}
a#refresh_code{
	display: block;
	width: 25px;
	height: 25px;
	border:1px solid #FFFFFF;
	background:#FFFFFF url(../images/refresh.gif) no-repeat 0 0;
 	float:left;
	text-indent:-9999px;
}
a#refresh_code:hover{
	background:#FFFFFF url(../images/refresh.gif) no-repeat 0 100%;
}
#code_container{
	width:250px;
	height:26px;
	overflow:hidden;
	margin-bottom:15px;
}
#code{
	width: 105px;
	height:20px;
	padding:4px 0 0 0; 
	text-align: center;
	float:right;
}
#verification_code{
	width: 106px;
	margin-right:5px;
	height:100%;
	float: left;
	text-align:center;
	background-color:#FFFFFF;
}
#verification_code *{
	margin:0 auto;
}
#submit_container{
	width:250px;
	height:24px;
	overflow:hidden;
}
#submit_container input{
	width:250px;
	height:24px;
	padding:0;
	margin-bottom:0;
	border:none;
}
#submit_container img, #verification_code_loading{
	margin-top:7px;
}
#feedback{
	position:absolute;
	width:198px;
	border:1px solid #FFFFFF;
	padding:25px 20px;
	height:auto;
	color:#FFF;
	top:0;
	right:0;
	background:url(../images/bg-error.jpg) no-repeat 0 0;
	display:none;
	text-align:left;

}
.error_field{
	background-color:#fdc6c6;
}
.color{
	color:#00A0C6;
}
.color2{
	color:#a5cbd8;
}
.play{
	display:block;
	height:46px;
	background:url(../images/play.jpg) no-repeat 0 0;
	padding-left:60px;
	line-height:46px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	color:#00A0C6;
}
.play:hover{
	color:#efeff0;
	background:url(../images/play.jpg) no-repeat 0 100%;
}

/* SCROLL
------------------------------------------------------------ */
a.jScrollArrowUp{
	height:26px;
	background: url(../images/scroll-up.jpg) no-repeat 0 0;
}
a.jScrollArrowUp:hover{
	background: url(../images/scroll-up.jpg) no-repeat 0 100%;
}
a.jScrollArrowDown{
	height:26px;
	background: url(../images/scroll-down.jpg) no-repeat 0 0;
}
a.jScrollArrowDown:hover{
	background: url(../images/scroll-down.jpg) no-repeat 0 100%;
}
.holder{
	float: left;
}
.scroll-pane{
	width:545px;
	overflow: auto;
}
.jScrollPaneTrack{
	background:#3F3F3F url(../images/scroll-bg.gif) repeat-y 50% 0;
}
.jScrollPaneDrag{
	background-color:#000;
	opacity: .2; 
	filter:Alpha(Opacity=20);
}
.scroll-pane{
}
#servizi-offerti-montaggio-nuovi-impianti{
	height: 320px;
}
#servizi-offerti-ammodernamenti{
	height: 232px;
}
#servizi-offerti-manutenzioni{
	height: 403px;
}
#servizi-offerti-consulenze-e-perizie{
	height: 403px;
}
#chi-siamo{
	height: 413px;
}
#come-scegliere{
	height:405px;
}
#contratti-tipo-altre-tipologie-di-contratto{
	height: 403px;
}
#contatti{
	height: 425px;
}