@charset "utf-8";

/* css by Arscolor.com - 18.04.08 ====================================================
	
	- 29.08.08: modificato stile scheda prodotto
	- 6/11/08: aggiunto carosello per prodotti in pag realizzazioni

> colori utilizzati

	- verde scuro: #01422c
	- verde chiaro: #3cb88e
	- verde piu chiaro: #ACEDD7
	- rosso link e evidenza: #7a0026
		
> sommario (mettere = davanti al titolo per cercarlo)

	-typo
	-layout
	-header
	-main nav
	-colonna destra
	-contenuto 
	-paginazione, elementi di navigazione comuni, menu aggiuntivi
	-forms
	-footer
	
======================================================================================= */

html, body{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	}
	
body{
	background:#acedd7 url(img/bg_int.gif) top repeat-x;
	}
		
*{
	margin:0;
	padding:0;
	}
	
.clearLeft{
	clear:left;
	}
	
.clearRight{
	clear:right;
	}
	
.clearBoth{
	clear:both;
	}
	
img{
	border:0;
	}
	
/* =typo =========================================================================== */

#rightCol h2{
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	}

#rightCol h3{
	font-size:12px;
	color:#01422c;
	}
	
#content h2{
	font:normal 24px Arial, Helvetica, sans-serif;
	color:#01422c;
	margin-bottom:18px;
	}
	
#content h3{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#01422c;
	margin-bottom:4px;
}
	
#content p, #content table, #content ul, #content ol, #content dl{
	margin-bottom:12px;	
	line-height:15px;
	}


/* =layout ========================================================================= */

#container{
	width:950px;
	margin:0 auto;
	position:relative;
	}
	
#header{
	background:url(img/bg_head.jpg) left top no-repeat;
	height:100px;
	position:relative;
	margin-bottom:12px;
	}
	
#content {
	width:546px;
	padding:18px;
	float:left;
	background-color:#FFF;
	margin-bottom:12px;
	min-height:400px;
	height:auto !important;
	height:400px;
	}
	
#rightCol{
	width:352px;
	float:right;
	position:relative;
	top:-30px;
	}
	
#footer{
	clear:both;
	width:100%;
	background:#ACEDD7 url(img/bg_footer.gif) center bottom no-repeat;
	position:relative;
	z-index:12;
	}
	
#footCont{
	border-top:#3cb88e 1px solid;
	width:950px;
	margin:0 auto;
	position:relative;
	left:2px;
	height:100px;
	}

/* homepage */

#introHome{
	width:434px;
	float:left;
	z-index:11;
	position:relative;
	}
	
#introHome p, #introHome h2{
	margin-bottom:8px;
	}
	
#bgHome{	
	background:url(img/bg_real_home.jpg) left top no-repeat;
	position:absolute;
	top:66px;
	left:295px;
	width:655px;
	height:450px;
	z-index:1;
	}
	
#realHome{
	width:470px;
	float:right;
	padding:12px 12px 0 12px;
	position:relative;
	top:-46px;
	z-index:9;
	}
	
#midHome{
	clear:both;
	width:100%;
	background-color:#FFF;
	z-index:10;
	position:relative;
	}
	
#midHome #carousel{
	width:950px;
	margin:0 auto;
	}
	
/* =header ========================================================================= */

#header h1{
	position:absolute;
	left:-2000px;
	}
	
/* menu lingua */

#lang{
	position:absolute;
	top:73px;
	left:111px;
	list-style:none;
	}
	
#lang li{
	float:left;
	}
	
#lang li a{
	float:left;
	width:21px;
	height:15px;
	margin-right:14px;
	text-indent:-2000px;
	}
	
#lang li a:hover{
	border:#FFF 2px solid;
	}	

	
/* =main nav ======================================================================= */

#nav{
	position:absolute;
	left:424px;
	top:18px;
	width:526px;
	height:32px;
	border-bottom:#01422c 1px solid;
	list-style-type:none;
	}
	
#nav li{
	float:left;
	}
	
#nav li a{
	float:left;
	width:auto;
	height:22px;
	padding:10px 12px 0 12px;
	border-right:#01422c 1px solid;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#01422c;
	text-decoration:none;
	}
	
#nav li a:hover{
	text-decoration:underline;
	}

	
/* =colonna destra ================================================================= */

/* menu sezione */

#sectMenu{
	background:#FFF url(img/bg_menu_sez.gif) left top no-repeat;
	padding:10px 12px;
	margin-bottom:12px;
	}
	
#sectMenu h2{
	color:#FFF;
	margin-bottom:16px;
	}
		
#sectMenu ul{
	list-style:none;
	}
	
#sectMenu ul ul{
	margin-left:20px;
	margin-bottom:6px;
	}
	
#sectMenu li{
	border-bottom:#01422c 1px solid;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	}
	
#sectMenu .large li{
	border-bottom:none;
	font:bold 14px Arial, Helvetica, sans-serif;
	margin-bottom:6px;
	background-color:#B2F3DD;
	padding:4px 2px;
	}

	
#sectMenu li a{
	text-decoration:none; 
	color:#01422c;
	padding-left:12px;
	}

#sectMenu li a:hover, #sectMenu li.active a{
	color:#7a0026;
	background:url(img/bullet-green.gif) left no-repeat;
	}
	
#sectMenu li.active li a{
	color:#01422c;
	background:none;
	}

#sectMenu li.active li a:hover{
	color:#7a0026;
	background:url(img/bullet-green.gif) left no-repeat;
}
	
#sectMenu li li{
	border-bottom:0;
	font-weight:normal;
	}
	
	
/* selezione  realizzazioni */

#sectMenu p{
	margin-bottom:8px;
	}
	
#sectMenu label{
	float:left;
	padding-top:3px;
	width:100px;
	font:bold 11px Arial, Helvetica, sans-serif;
	}
#sectMenu select{
	width:200px;
	
	}
		
#sectMenu .greenButton{
	float:none;
	margin-left:120px;
	}

/* box evidenza realizzazioni/prodotti */

.highLights{
	border:#01422c 1px solid;
	background-color:#FFF;
	padding:12px;
	margin-bottom:12px;
	}
	
.highLights h2{
	border-bottom:#01422c 1px solid;
	color:#01422c;
	}
	
.highLights ul{
	list-style:none;
	padding-top:12px;
	}
	
.highLights li{
	margin-bottom:12px;
	font-weight:bold;
	min-height: 80px;
	height:auto !important;
	height:80px;
	padding-bottom:8px;
	clear:left;
	}
	
.highLights li p{
	padding-left:120px;
	}
	
.highLights img{
	float:left;
	border:#FFF 2px solid;
	}
	
.highLights a:hover img{
	border:#7a0026 2px solid;
	}
	
.highLights li a{
	color:#01422c;
	text-decoration:none;
	}
	
.highLights a:hover, .highLights .date, .highLights li .date a{
	color:#7a0026;
	}
	
/* carosello prodotti in realizzazioni */

.prodottiRel {
	position:relative;
	padding-top:4px;
	}

.prodottiRel .next, .prodottiRel .prev{
	margin:0;
	border:0;
	background-color:none;
	position:absolute;
	left:290px;
	cursor:pointer;
	z-index:3;
	}
	
.prodottiRel .next{
	top:324px!important;
	top:302px; /* IE 6.0 */
	}
	
.prodottiRel .prev{
	top:6px;
	}

.highLights .prodottiRel li{
	height:90px;
	clear:left;
	width:260px;
	}
	
.highLights .prodottiRel li p{
	padding-top:12px;
	}


/* =contenuto ====================================================================== */

/* inizio modifiche 29.08.08 */
.imgRight{
	float:right;
	width:260px;
	overflow:hidden;
	text-align:right;
	}
.imgRight .pdfLink
{
	background:url(img/pdf.gif) left no-repeat;
}
.contLeft{
	float:left;
	width:268px;
	}
/* fine modifiche 29.08.08 */
	
#content h2{
	border-bottom:#01422c 1px solid;
	}
	
#content table{
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
	}
	
#content td, #content th{
	border-bottom:#CCC 1px solid;
	border-right:#CCC 1px solid;
	padding:4px;
	vertical-align:top;
	}
	
#content ul, #content ol{
	margin-left:24px;
	}
	
/* indice dei prodotti */

#content .prodMenu {
	list-style-type:none;
	margin:0;
	}
	
#content .prodMenu li{
	background:url(img/bg_accordion.jpg) left top no-repeat;
	padding:8px 12px;
	/*clear:left;*/
	}
	
#content .prodMenu li li{
	background:none;
	padding:2px;
	/*clear:none;*/
	}
	
#content .prodMenu li h3{
	background:url(img/ico_plus.gif) left top no-repeat;
	padding:3px 0 0 32px;
	font:normal 18px Arial, Helvetica, sans-serif;
	min-height:27px;
	height:auto !important;
	height:27px;
	cursor:pointer;
	}
	
#content .prodMenu li h3.active{
	background:url(img/ico_minus.gif) left top no-repeat;
	}
	
#content .prodMenu li img{
	float:left;
	margin:0 12px 12px 0;
	border:#01422c 1px solid;
	}
	
#content .prodMenu li ul{
	margin-left:120px;
	list-style-type:none;
	}
	
#content .prodMenu li li a{
	background:url(img/bullet-green.gif) left no-repeat;
	padding-left:12px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#01422c;
	text-decoration:none;
	}
	
#content .prodMenu li li a:hover{
	color:#7a0026;
	}
	
#content .prodMenu li h3 a{
	text-decoration:none;
	color:#01422c;
}
	
/* lista realizzazioni/ articoli generica */

#content .realList{
	list-style:none;
	margin-left:0;
	}

#content .realList li{
	border-bottom:#CCC 1px dotted;
	clear:left;
	margin-bottom:12px;
	}
	
#content .realList li img{
	float:left;
	margin:0 12px 12px 0;
	}
	
#content .realList li .apprReal {
	min-height:30px;
	height:auto !important;
	height:30px;
	}
	
#content .realList li .apprReal .pdfLink, #content .realList li .apprReal .videoLink, #content .realList li .apprReal .imageLink{
	float:left;
	width:auto;
	padding:12px 12px 12px 30px;
	font-weight:bold;
	color:#01422c;
	text-decoration:none;
	}
	
#content .realList li p{
	clear:left;
	}
	
#content .realList li p.date{
	clear:none;
	font-weight:bold;
	color:#7a0026;
	}	
	
#content .realList li .apprReal a:hover{
	color:#7a0026;
	}
	
#content .realList li .apprReal .pdfLink{
	background:url(img/pdf.gif) left no-repeat;
	}
	
#content .realList li .apprReal .videoLink{
	background:url(img/ico_video.gif) left no-repeat; 
	}

#content .realList li .apprReal .imageLink{
	background:url(img/ico_image.gif) left no-repeat; 
	}

/* homepage */

#introHome{
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	}
	
#introHome p{
	margin-bottom:14px;
	}
	
#introHome #mailHome p, #introHome #newsHome p{
	margin-bottom:12px;
	font-size:11px;
	line-height:11px;
	}
	
#introHome h2{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	}
	
#newsHome, #mailHome{
	min-height:105px;
	height:auto !important;
	height:105px;
	margin-bottom:12px;
	}
	
#newsHome {
	color:#01422c;
	background-color:#FFF;
	border:#01422c 1px solid;
	padding:12px;
	width:180px;
	float:left;
	}
	
#newsHome img{
	float:left;
	margin:0 8px 8px 0;
	}
	
#newsHome a{
	color:#01422c;
	text-decoration:none;
	}
	
#newsHome a:hover{
	color:#7a0026;
	}
	
#mailHome{
	width:180px;
	float:left;
	background-color:#01422c;
	border:#ACEDD7 1px solid;
	color:#FFF;
	margin-right:12px;
	padding:12px;
	}
	
#realHome h2{
	border-bottom:#01422c 1px solid;
	margin-bottom:12px;
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#01422c;
	}
	
#realHome h3{
	font:normal 20px Arial, Helvetica, sans-serif;
	margin-bottom:24px;
	}
	
#realHome h3 a{
	text-decoration:none;
	}
	
#realHome h3 a:hover{
	color:#7a0026;
	}
	
#realHome h3 img{
	float:right;
	margin:0 0 12px 12px;
	}
	
#realHome a{
	color:#01422c;
	}
	
#realHome p{
	width:212px;
	float:left;
	/*padding: 0 0 0 12px;
	margin-right:12px;*/
	/*background:url(img/bullet-green.gif) left 3px no-repeat;*/
	font-size:12px;
	min-height:50px;
	height:auto !important;
	height:50px;
	}
	
#realHome p a{
	text-decoration:none;
	font-weight:bold;
	color:#01422c;
	}
	
#realHome p a:hover{
	color:#7a0026;
	}
	
/* jcarousel homepage */

#carousel h2{
	font:bold 20px Verdana, Arial, Helvetica, sans-serif;
	color:#01422c;
	border-bottom:#EDEDED 1px solid;
	margin-bottom:18px;
	padding-top:8px;
	}

ul#mycarousel, ul#mycarousel ul li{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
ul#mycarousel li{ 
	text-align:center;
	position:relative;
	}
	
ul#mycarousel li img{
	display:block;
	border:#01422c 1px solid;
	margin-bottom:18px;
	margin:0 auto;
	}
	
ul#mycarousel li p {
	padding:18px 0;
	font:bold 14px Arial, Helvetica, sans-serif;
	width:148px;
	position:absolute;
	top:100px;
	left:6px;
	}
	
ul#mycarousel li a{
	color:#01422c;
	text-decoration:none;
	}
	
ul#mycarousel li a:hover{
	color:#7a0026;
	}
	
.jcarousel-clip {
	width:870px;
	height:200px;
	}
	
.jcarousel-next, .jcarousel-prev{
	width:42px;
	height:200px;
	position:absolute;
	cursor:pointer;
	}

.jcarousel-container{
	width:870px;
	margin:0 auto;
	}

.jcarousel-next{
	background:url(img/carousel-up.gif) no-repeat;
	top:40px;
	left:900px;
	}
	
.jcarousel-prev{
	background:url(img/carousel-down.gif) no-repeat;
	top:40px;
	left:-40px;
	}
	
/* =paginazione, elementi di navigazione comuni, menu aggiuntivi =================== */

.greenButton{
 	float:left;
	width:auto;
 	padding:4px 8px;
	background-color:#01422c;
	border:#ACEDD7 1px solid;
	color:#FFF;
	text-decoration:none;
	}
	
.greenButton:hover{
	background-color:#ACEDD7;
	color:#7a0026;
	}

/* box approfondimenti contenuto, schede pdf */

.apprBox{
	background-color:#EDEDED;
	clear:both;
	padding:12px;
	}

.apprBox h3{
	border-bottom:#01422c 1px solid;
	}
	
.apprBox a{
	color:#01422c;
	text-decoration:none;
	font-weight:bold;
	}
	
.apprBox a:hover{
	color:#7a0026;
	}
	
#content .apprBox ul{
	list-style:none;
	margin-left:0;
	}
	
#content .apprBox li{
	margin-bottom:6px;
	}
	
.apprBox .pdfLink{
	background:url(img/pdf.gif) left top no-repeat;
	display:block;
	padding:4px 0 0 28px;
	min-height:20px;
	height:auto !important;
	height:20px;
	}
	
/* paginazione */

.paging{
	position:relative;
	padding:12px;
	height:24px;
	}
	
.paging a{
	display:block;
	width:auto;
	color:#01422c;
	}
	
.paging a.back{
	position:absolute;
	left:0px;
	height:24px;
	padding:8px 0 0 32px;
	text-decoration:none;
	font-weight:bold;
	background:url(img/btn-back.gif) left no-repeat;
	}
	
.paging a.fwd{
	position:absolute;
	right:0px;
	height:24px;
	padding:8px 32px 0 0;
	text-decoration:none;
	font-weight:bold;
	background:url(img/btn-fwd.gif) right no-repeat;
	}
	
.paging p{
	list-style-type:none;
	width:200px;
	margin:0 auto;
	height:18px;
	text-align:center;
	}
	
.paging li{
	float:left;
	padding:0 6px 8px 0;
	}
	
.paging p a{
	text-decoration:none;
	font-weight:bold;
	display:inline;
	}
	
.paging a:hover{
	text-decoration:underline;
	}


/* =forms ========================================================================== */


.arsForm{
margin-top:18px;
}

.arsForm label{
float:left;
width:180px;
font-weight:bold;
}

/* =footer ========================================================================= */

#footMenu{
	position:absolute;
	top:12px;
	left:24px;
	list-style:none;
	}
	
#footMenu li{
	margin-bottom:4px;
	}
	
#footer a{
	color:#01422c;
	text-decoration:none;
	font-weight:bold;
	}
	
#footer a:hover{
	color:#7a0026;
	text-decoration:underline;
	}
	
#footData{
	position:absolute;
	left:200px;
	top:12px;
	padding-left:24px;
	border-left:#3cb88e 1px solid;
	min-height:68px;
	height:auto !important;
	height:68px;
	}
	
#arscolor{
	position:absolute;
	bottom:18px;
	right:24px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	}