/* GENERALE */
body { font-family: verdana, arial, sans-serif; font-size: 13px; color: #001f38; background-color: #d3dee7; font-family: Trebuchet MS, Lucida Sans Unicode, arial, sans-serif; }
body, div, ul, li, select, option, h1, h2, h3, h4, h5, h6, p, input { margin: 0; padding: 0; }
ul { list-style-type: none; }
img { border: none; border-style: none; }
a, a:link, a:visited { text-decoration: none; }

#site { position: relative; height: 90px; width: 1040px; margin: 0px auto; }

/* HEADER */
#header { position: relative; height: 90px; width: 1040px; margin: 0px; padding: 0px; float: left; }
#header span { display: none; }
#header h1 { display: block; position: absolute; top: 21px; left: 20px; width: 489px; height: 71px; background-image:url(images/logo.png); }
#header h1 a { display: block; width: 489px; height: 71px; cursor: pointer; }

/* MENU SERVIZIO */
.menu_servizio { position: absolute; top: 0; left: 810px; }
.menu_servizio span { display: none;}

/* MENU SERVIZIO UL LI */
.menu_servizio ul li { float: left; }
.menu_servizio ul li { display: block; width: 87px; line-height: 39px; height: 39px; text-align: center; float: left; }

/* MENU SERVIZIO BOTTONI */
.btn_home a { width: 63px; height: 31px; margin: 4px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_home_off.png) no-repeat; position: relative; left: 20px; }
.btn_home a:hover { width: 63px; height: 31px; margin: 4px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_home_on.png) no-repeat; position: relative; left: 20px; }
.btn_societa a { width: 72px; height: 31px; margin: 4px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_societa_off.png) no-repeat; position: relative; left: 15px; }
.btn_societa a:hover { width: 72px; height: 31px; margin: 4px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_societa_on.png) no-repeat; position: relative; left: 15px; }
.btn_progetto a { width: 72px; height: 31px; margin: 4px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_progetto_off.png) no-repeat; position: relative; left: 16px; }
.btn_progetto a:hover { width: 72px; height: 31px; margin: 4px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_progetto_on.png) no-repeat; position: relative; left: 16px; }
.btn_contatti a { width: 72px; height: 31px; margin: 4px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_contatti_off.png) no-repeat; position: relative; left: 15px; }
.btn_contatti a:hover { width: 72px; height: 31px; margin: 4px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_contatti_on.png) no-repeat; position: relative; left: 15px; }

/* CENTER */
#left { position: relative; width: 270px; margin: 0px 0px 0px 0px; padding: 0px; float: left; }

/* MENU OPERATIVO */
#menu_operativo { width: 270px; height: 250px; margin: 0px 0px 0px 0px; padding: 0px; float: left; background: url(images/bg_menu_operativo.png) bottom right no-repeat; }
#menu_operativo span { display: none;}

/* MENU OPERATIVO BOTTONI */
.btn_struttura a { width: 134px; height: 50px; margin: 7px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_struttura_off.png) no-repeat; position: relative; }
.btn_struttura a:hover { width: 134px; height: 50px; margin: 7px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_struttura_on.png) no-repeat; position: relative; }
.btn_infrastruttura a { width: 180px; height: 50px; margin: 14px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_infrastruttura_off.png) no-repeat; position: relative; }
.btn_infrastruttura a:hover { width: 180px; height: 50px; margin: 14px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_infrastruttura_on.png) no-repeat; position: relative; }
.btn_viabilita a { width: 180px; height: 50px; margin: 14px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_viabilita_off.png) no-repeat; position: relative; }
.btn_viabilita a:hover { width: 180px; height: 50px; margin: 14px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_viabilita_on.png) no-repeat; position: relative; }
.btn_operatori a { width: 146px; height: 50px; margin: 14px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_operatori_off.png) no-repeat; position: relative; }
.btn_operatori a:hover { width: 146px; height: 50px; margin: 14px 0px 0px 0px; padding: 0px; float: left; background: url(images/btn_operatori_on.png) no-repeat; position: relative; }


/* RIGHT */
#right_box { width: 748px; margin: 0px; padding: 0px; float: right; }
#right_box span { display: none; }


/* BOX BANNER */
#box_banner { width: 270px; margin: 0px; padding: 0px; float: left; }
#box_banner span { display: none; }

/* BOX SCHEDA */
.box_scheda { width: 245px; height: 308px;  margin: 0px; padding: 0px; float: right; border: #cfdbe7 1px solid; position: relative; background-color: #eff3f6; }
.box_scheda span { display: none; }
	.box_scheda img { margin: 0px; padding: 0px; float: left; position: relative; }
	
	.btn_clicca a { width: 137px; height: 37px; margin: 40px 0px 0px 0px; padding: 0px; float: right; background: url(images/btn_clicca_off.jpg) no-repeat; position: relative; right: 22px; }
	.btn_clicca a:hover { width: 137px; height: 37px; margin: 40px 0px 0px 0px; padding: 0px; float: right; background: url(images/btn_clicca_on.jpg) no-repeat; position: relative; right: 22px; }



/* BOX IMG */
.box_img { width: 170px; height: 170px; margin: 0px; padding: 0px; float: right; background-color: #eef2f5; border: #cfdbe7 1px solid; position: relative; }


/* BANNER LATERALI */
.banner { width: 245px; height: 80px; margin: 0px; padding: 0px; float: left; background-color: #eef2f5; border: #cfdbe7 1px solid; position: relative; }
	.btn_parco a { width: 245px; height: 80px; margin: 0px 0px 0px 0px; padding: 0px; float: right; background: url(images/btn_parco_off.jpg) no-repeat; position: relative; }
	.btn_parco a:hover { width: 245px; height: 80px; margin: 0px 0px 0px 0px; padding: 0px; float: right; background: url(images/btn_parco_on.jpg) no-repeat; position: relative; }
	.btn_raggiungerci a { width: 245px; height: 80px; margin: 0px 0px 0px 0px; padding: 0px; float: right; background: url(images/btn_raggiungerci_off.jpg) no-repeat; position: relative; }
	.btn_raggiungerci a:hover { width: 245px; height: 80px; margin: 0px 0px 0px 0px; padding: 0px; float: right; background: url(images/btn_raggiungerci_on.jpg) no-repeat; position: relative; }


/* PAGE */
#page { width: 747px; margin: 0px; padding: 0px; float: right; background-color:#ffffff; border: 1px #cfdbe7 solid; margin-top: 20px; }
#page span { display: none; }
#page p { margin: 0px; padding: 0px; float: left; position: relative; }
#page a { color: #0066CC; text-decoration: none; }
#page a:hover { color:#33323D; text-decoration: none; }


#page h2 { margin: 0px; padding: 0px; float: left; color: #0099CC; font-size: 20px; }
#page h3 { margin: 0px; padding: 0px; float: left; color: #0099CC; font-size: 16px; }


#page ul { width: 100%; float:left; text-align:left; position:relative; padding-left: 20px; list-style-type:none; }
#page li { width: 100%; float:left; text-align:left; position:relative; color:#001f38; font-size: 14px; background: url(images/point.png) no-repeat; padding-left:30px; padding-bottom: 2px; margin-top: 6px; }


#page .viabilita li { background: url(images/point_02.png) no-repeat; }
#page .struttura li { background: url(images/point_03.png) no-repeat; }
#page .operatori li { background: url(images/point_04.png) no-repeat; }
#page .raggiungerci li { background: url(images/point_05.png) no-repeat; }

/* LOGHI */
.loghi { width: 440px; margin: 0px; padding: 0px; float: left; position: relative; }

		.loghi img { margin: 0px 0px 0px 0px; float: left; position: relative; padding: 0px; border: 0px; display: block; left: 7px; top: 7px; }
		.loghi a { margin: 20px 0px 0px 0px; float: left; position: relative; width: 187px; height: 74px; background-color: #929292; margin-left: 20px; }
		.loghi a:hover { float: left; position: relative; width: 187px; height: 74px; background-color: #2e2e2e; }
		
		
/* PLANIMETRIA */
.planimetria { margin: 0px; padding: 0px 0px 20px 20px; float: left; }		
		
		
		
		
/* CREDITS */
.credits { width: 440px; margin: 0px; padding: 0px; float: left; position: relative; }

		.credits img { margin: 0px 0px 0px 0px; float: left; position: relative; padding: 0px; border: 0px; display: block; left: 7px; top: 7px; }
		.credits a { margin: 20px 0px 0px 0px; float: left; position: relative; width: 244px; height: 74px; background-color: #e2e6e5; margin-left: 20px; }
		.credits a:hover { float: left; position: relative; width: 244px; height: 74px; background-color: #0091d2; }



/* FOOTER */
#footer { width: 1011px; height: 50px; margin: 20px 0px 20px 0px; padding: 0px; float: right; position: relative; background-color:#e9edf0; border: 3px #d0dce8 solid; }
#footer  span { display: none; }
#footer  p { font-size: 11px; float: left; position: relative; margin-top: 8px; color: #8fb1ce; }
	.btn_credits a { width: 109px; height: 50px; margin: 0px 0px 0px 0px; padding: 0px; float: right; background: url(images/btn_credits_off.png) no-repeat; position: relative; }
	.btn_credits a:hover { width: 109px; height: 50px; margin: 0px 0px 0px 0px; padding: 0px; float: right; background: url(images/btn_credits_on.png) no-repeat; position: relative; }


/* CARUSEL */
.carusel_bg { position: relative; width: 748px; height: 250px; margin: 0 auto; }
.jCarouselLite { position: relative; width: 748px; height: 250px; }
.jCarouselLite ul { height: 250px; }
.jCarouselLite ul li { height: 250px; }
.prev_button { position: absolute; z-index: 999; width: 57px; height: 250px; background-image: url('images/left.png'); cursor: pointer; }
.next_button { position: absolute; z-index: 999; right: 0; width: 57px; height: 250px; background-image: url('images/right.png'); cursor: pointer; }
.preview { position: relative; }
.about { position: absolute; bottom: 0; left: 57px; width: 610px; padding: 10px 12px; background-color: #0065b7; color: #d9b984; display: none; font-size: 11px; opacity: .90; }
.about_title { text-transform: uppercase; }

/* FORM */	

form { margin: 0px; padding: 0px; float: left; width: 330px; padding-bottom: 20px; }
fieldset { width: 289px; float:left; padding:0px 5px 5px 0px; margin:0px 0px 10px 0px; border: none; }
label { margin: 0px 0px 4px 0px; padding:0px; float:left; }
input { width: 100%; height: 18px; margin:0px; padding:3px 2px 1px 2px; float:left; font-family:Trebuchet MS, Arial, sanf-serif; font-size:12px; color:#3b4952; background-color: #67b6d9; border: 0px; }
textarea { width: 100%; height: 100px; padding: 3px 2px 1px 2px;  overflow: auto; float: left; font-family: Trebuchet MS, Arial, sanf-serif; font-size: 12px; color:#3b4952; background-color: #67b6d9; border: 0px; }
button { width:300px; height:50px; cursor: pointer; background: url(images/btn_invia_off.jpg) no-repeat; margin:0px; padding:0px; border:none; float:left; position:relative; left:-4px; }
button span { display:none; }

.error_box { font-size:11px; color:#6A6A60; font-weight:bold; margin-top:5px; float: left; }