@charset "utf-8";
/* CSS Document */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}
body{background-color:#f5f0ee; font-family:'Arial'; color:#003366; font-size:13px;}

.visible{visibility:visible; display:inline;}
.hidden{visibility:hidden; display:none;}

.clear_both{clear:both;}
	
h1{float:left; margin:0 0 0 0; padding:0 0 0 0;}
h2{float:left; margin:0 0 0 0; padding:0 0 0 0;}
h2 a{text-decoration:none; color:#003366;}
h3{margin:0 0 20px 0; padding:0 0 0 0; font-size:16px;}
h3 a{text-decoration:none; color:#003366;}
p{padding:0 0 0 0; margin:0 0 10px 0;}

.noBorder{border:none;}

#map_canvas {
    height: 230px;
    width: 320px;
	margin-bottom:10px;
}
#map_canvas span{display:none; visibility:hidden;}

#slide-gallery{width:980px; display:table;}
#slide-gallery #slideshow_hp {
    width: 980px; /* important to be same as image width */
    height: 460px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	text-align:center;
	display:table-cell;
}

/* FASCIA TOP*/
#fascia-top{width:100%; height:21%; background:transparent url(../images/bg-top.jpg) top left repeat-x; }

#content-top{margin:0 auto; width:980px; height:120px; padding:10px 0 5px 0; position:relative; z-index:1000; }
#content-top a#logo{background:transparent url(../images/logo-2.png) top left no-repeat; width:132px; height:120px; display:block; z-index:1000;}

#content-top #top-menu{position:absolute; top:65px; left:280px; height:30px; width:670px; z-index:1000;}
#content-top #top-menu ul {padding:0; list-style:none; text-align:left; }
#content-top #top-menu ul li {padding:0; float:left; list-style:none; position: relative; }
#content-top #top-menu ul li a{text-decoration:none;}
#content-top #top-menu ul li a#btn-societa{background:transparent url(../images/btn-societa.png) top left no-repeat; width:95px; height:23px; display:block; margin:0 45px 0 0; z-index:1000; }
#content-top #top-menu ul li a#btn-servizi{background:transparent url(../images/btn-servizi.png) top left no-repeat; width:83px; height:23px; display:block; margin:0 45px 0 0; z-index:1000; }
#content-top #top-menu ul li a#btn-progetti{background:transparent url(../images/btn-progetti.png) top left no-repeat; width:99px; height:23px; display:block; margin:0 45px 0 0; z-index:1000; }
#content-top #top-menu ul li a#btn-partners{background:transparent url(../images/btn-partners.png) top left no-repeat; width:108px; height:23px; display:block; margin:0 45px 0 0; z-index:1000; }
#content-top #top-menu ul li a#btn-contatti{background:transparent url(../images/btn-contatti.png) top left no-repeat; width:100px; height:23px; display:block; margin:0 0 0 0; z-index:1000; }

#content-top #top-menu ul ul{position: absolute; top: 23px; left:0; visibility: hidden; background-color:#4969BC; font-size:13px; color:#ffffff; padding:4px 4px 4px 4px;}
#content-top #top-menu ul li#servizi ul{width: 200px;}
#content-top #top-menu ul li#progetti ul{width: 400px;}
#content-top #top-menu ul ul#servizi li{float:none; text-align:left;}
#content-top #top-menu ul ul#progetti li{float:left; text-align:left; margin:0 0 0 100px;}
#content-top #top-menu ul ul li a{display: block; line-height: 25px; text-decoration:none; text-align: left; color:#ffffff; padding:0 5px 0 0px; }
#content-top #top-menu ul ul li a:hover{text-decoration:underline; }
#content-top #top-menu ul li:hover ul{visibility:visible;}


/* FASCIA CENTER*/
#fascia-center{width:100%; height:71%; position:relative;}

#content-center{margin:0 auto; width:980px; height:95%; padding:10px 0 10px 0; position:relative; border:1px solid #62605f;  }

#content-center.noBorder{border:none; border-color:transparent;}

#page-societa{width:100% !important; height:410px !important; z-index:100; }
#page-societa #img-societa{width:400px; float:left; margin-right:20px;}
#page-societa #txt-societa{line-height:17px; width:555px !important; height:420px !important; overflow:auto; float:left; text-align:justify; }

#page-servizi{width:100% !important; height:410px !important; z-index:100; }
#page-servizi #img-servizi{width:400px; float:left; margin-right:20px;}
#page-servizi #txt-servizi{line-height:18px; width:555px !important; height:420px !important; overflow:auto; float:left; text-align:justify; }

#page-progetti{width:100% !important; height:410px !important; z-index:100;}
#page-progetti #img-progetti{width:530px; height:400px; float:left; margin:0 20px 0 10px; position:relative;}
#page-progetti #txt-progetti{line-height:18px; width:380px !important; height:420px !important; overflow:auto; float:left; }
#page-progetti #img-progetti div.tipologia-foto,
#elenco-progetti #img-progetti div.tipologia-foto {
	margin-top: 0;
	height: 23px;
	position:absolute; left:0; bottom:-30px;
	z-index:9999;
}

#page-progetti-realizzati{}
#page-progetti-realizzati #info-progetto{float:left; width:350px; margin:0 10px 0 10px; }
#page-progetti-realizzati #info-progetto #indirizzi-progetto a{text-decoration:none; font-size:14px; color:#003366;}
#page-progetti-realizzati #info-progetto #indirizzi-progetto a.selected{font-weight:bold;}
#page-progetti-realizzati #elenco-progetti{float:left; width:530px; margin-right:10px; }
#page-progetti-realizzati #elenco-progetti #img-progetti{width:530px; height:400px; margin:0px 0 0 0; position:relative; text-align:center}
#page-progetti-realizzati #elenco-progetti .progetto{float:left; width:300px; margin:0 0 20px 40px; text-align:center; }
#page-progetti-realizzati #elenco-progetti .progetto img{margin:0 0 10px 0;}

#page-progetti-opera{}
#page-progetti-opera #mappa-progetti-opera{float:left; width:640px; margin:0 0 0 30px; }
#page-progetti-opera #elenco-progetti{float:left; width:280px; }
#page-progetti-opera #elenco-progetti ul {padding:0; list-style:none; text-align:left; font-size:15px; line-height:18px; font-weight:bold; }
#page-progetti-opera #elenco-progetti ul li {list-style:none; position: relative; padding: 0px 0 7px 25px; }
#page-progetti-opera #elenco-progetti ul li.check1 {background:url(../images/ico-check5.jpg) 0 0 no-repeat; }
#page-progetti-opera #elenco-progetti ul li.check2 {background:url(../images/ico-check6.jpg) 0 0 no-repeat; }
#page-progetti-opera #elenco-progetti ul li.check3 {background:url(../images/ico-check3.jpg) 0 0 no-repeat; }
#page-progetti-opera #elenco-progetti ul li.check4 {background:url(../images/ico-check1.jpg) 0 0 no-repeat; }
#page-progetti-opera #elenco-progetti ul li.check5 {background:url(../images/ico-check4.jpg) 0 0 no-repeat; }
#page-progetti-opera #elenco-progetti ul li.check6 {background:url(../images/ico-check7.jpg) 0 0 no-repeat; }
#page-progetti-opera #elenco-progetti ul li.check7 {background:url(../images/ico-check2.jpg) 0 0 no-repeat; }
#page-progetti-opera #elenco-progetti ul li a{text-decoration:none; color:#003366;}


#page-partners{width:100% !important; height:410px !important; z-index:100; }
#page-partners #img-partners{width:400px; float:left; margin-right:20px;}
#page-partners #txt-partners{line-height:18px; width:555px !important; height:270px !important; overflow:auto; float:left;}

#page-contatti{}
#page-contatti #maps{float:left; width:500px; margin-right:20px;}
#page-contatti #contatti{float:left; width:400px; line-height:18px;margin-left: 420px;}
#page-contatti #maps #map_canvas{width:500px; height:420px;}

#page-partners-2{width:100% !important; height:410px !important; z-index:100; }
#page-progetti-2 .tipo-progetti{float:left; margin-left:70px; width:100%;text-align: center;}
#page-progetti-2 .tipo-progetti .elenco-progetti{margin-left:120px;margin-left:420px; }
#page-progetti-2 .tipo-progetti .elenco-progetti ul {padding:0; list-style:none; text-align:left; font-size:15px; line-height:18px; font-weight:bold; }
#page-progetti-2 .tipo-progetti .elenco-progetti ul li {list-style:none; position: relative; background:url(../images/ico-check.png) 0 0 no-repeat; padding: 0px 0 7px 25px; }
#page-progetti-2 .tipo-progetti .elenco-progetti ul li a{text-decoration:none; color:#003366;}


/* FASCIA BOTTOM*/
#fascia-bottom{width:100%; height:8%; background:transparent url(../images/bg-bottom-2.jpg) top left repeat-x; position:relative;}

#content-bottom{margin:0 auto; width:980px; height:100%; padding:0; position:relative;  }
#fascia-bottom #copyright{font-size:12px; color:#ffffff;  position:absolute; bottom:5px; width:980px; text-align:center;}