/*nuovo sito 
edizione 2011 
l.boscarato@vertitech.com*/

body {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 90%;
	background-color: #0b77e5;
}
a {
	text-decoration: none;
	color: #3399FF;
}
a:hover {
	color: #FF9900;
}
ul li{
	list-style: disc;
	margin-left:34px;
	margin-right:20px;
}
#contentHead { 
	width: 900px;
	height: 190px;
}
#header { /* spazio per logo animato vertigotech + galleria foto*/
	width: 900px;
	height: 150px;
	margin-top: 30px;
	float: left;
	border: 3px #ECECEC solid;
}
#logo { 
	width: 930px;
	height: 150px;
	position:absolute;
	left:20px;
	top:20px;
	padding-top: 5px;
	float: left;
}
#galleryLogo { 
	width: 275px;
	height: 150px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#gallery { 
	width: 650px;
	height: 136px;
	float: right;
}
#contentMenu { 
	width: 900px;
	height: 60px;
	margin-right: 50px;
	background-color: #0b77e5;
}
#menu {
	width: 800px;
	float: right;
	height: 55px;
	margin: 0 auto;
	padding: 0;
}
 #menu ul{
 padding:0;
 margin:0;
 }
 #menu li{
 position: relative;
 float: left;
 list-style: none;
 margin: 0;
 padding:0;
 }
 #menu li a{
 width:100px;
 height: 30px;
 display: block;
 text-decoration:none;
 text-align: center;
 line-height: 30px;
 background-color: #1223cb;
 color: white;
 }
 #menu li a:hover{
 background-color: #E3E8FB;
 }
#menu .active a {
	background-color: #9de1f5;
	border: none;
	color: #000000;
}	
 #menu ul ul{
 position: absolute;
 top: 30px;
 visibility: hidden;
 }
 #menu ul li:hover ul{
 visibility:visible;
 }
 #menu ul ul{
 position: absolute;
 top: 30px;
 visibility:hidden;
 width:100px; /*larghezza pare alla larghezza degli elementi a*/
 }
 
 
#contentBod { 
	width: 900px;
	height: 600px;
	padding: 0px 0px 0px 20px;
	background-color: #0b77e5;
}
#contentDX { 
	width: 220px;
	float: left;
	margin: 0px 3px 2px 3px;
}
#contentSX { 
	width: 640px;
	float: left;
	margin: 0px 3px 2px 8px;
}
#sidebar {
	float: left;
	width: 220px;
}
#sidebar .boxed {
	width: 220px;
	padding: 0 0 3em 0;
	background: #ffffff url(immagini/IMG04.png) no-repeat left bottom;
}
#sidebar .boxed h2 {/* Boxed - CAPPELLO SUPERIORE*/
	padding: 0 0 1em 0;
	background:  url(immagini/IMG03.png) no-repeat;
}

#sidebar2 {
	float: left;
	width: 640px;
}
#sidebar2spaziotesto { /* Boxed - CAPPELLO inferiore*/
	background: #ffffff url(immagini/IMG04a.png) no-repeat left bottom;
}

#sidebar2 .boxed h2 {/* Boxed - CAPPELLO SUPERIORE*/
	padding: 0 0 3em 0;
	background:  url(immagini/IMG03a.png) no-repeat;
}

#pad {
	width: 410px;
	height: 355px;
	color: #000000;
	margin: 10px;
	float:left;
}
#padMap {
	width: 410px;
	height: 355px;
	color: #000000;
	margin: 5px 5px 5px 90px;
	float:center;
}
#pad2 {
	width: 180px;
	height: 355px;
	color: #000000;
	margin: 10px;
	float:left;
}
#galleriafoto {
	float: left;
	width: 640px;
	height: 220px;
}
 /*inizio galleria*/
#contenitore{
	width:665px;
	margin:auto;
	margin-top:50px;
	color:#FFFFFF;
	}
	a{
	color:#0b77e5;
	text-decoration:none;
	}

	 /*inizio stile css galleria*/
	#css_galleria_1{
	position:relative;
	width:595px;
	height:370px;
	padding:20px 10px 20px 20px;
	}
	#css_galleria_1 a{
	display:block;
	float:left;
	width:75px;
	height:350px;
	margin-right:10px;
	padding-bottom:10px;
	outline:none;
	border-bottom:10px solid #333333;
	color:#FFFFFF;
	text-decoration:none;
	}
	#css_galleria_1 a:hover{
	border-bottom:10px solid #666666;
	}
	#css_galleria_1 a b, #css_galleria_1 a span{
	display:none;
	}
	#css_galleria_1 a:hover b{
	display:block;
	position:absolute;
	top:20px;
	left:20px;
	z-index:1;
	}
	#css_galleria_1 a:hover span{
	display:block;
	position:absolute;
	width:555px;
	left:30px;
	bottom:50px;
	padding:5px;
	background-color:#000000;
	z-index:2;
	}
	#css_galleria_1 #pic_1{
	background: url(img/pic_1.jpg) no-repeat;
	}
	#css_galleria_1 #pic_2{
	background: url(img/pic_2.jpg) no-repeat;
	}
	#css_galleria_1 #pic_3{
	background: url(img/pic_3.jpg) no-repeat;
	}
	#css_galleria_1 #pic_4{
	background: url(img/pic_4.jpg) no-repeat;
	}
	#css_galleria_1 #pic_5{
	background: url(img/pic_5.jpg) no-repeat;
	}
	#css_galleria_1 #pic_6{
	background: url(img/pic_6.jpg) no-repeat;
	}
	#css_galleria_1 #pic_7{
	background: url(img/pic_7.jpg) no-repeat;
	margin-right:0;
	}
	/*fine stile css galleria*/
p {
	padding: 5px  10px 5px 20px;
	color: #000000;
}
h1 {
	font-size: 110%;
	color: #FFFFFF;
}
h5 {
	font-size: 120%;
	margin: 5px 0px 10px 20px;
	color: #000000;
}
img.icone{
	border: none;
}


#boxedPart {
	height: 150px;
	width: 590px;
	margin: 0px 0px 0px 45px;
	padding: 10px;
	font-size: 12px;
	color: #000000;
	background:  url(immagini/boxedpart.png) no-repeat;
}
#boxedPart-logo {
	height: 120px;
	width: 140px;
	margin: 2px;
	float: left;
}
#boxedPart-text {
	height: 120px;
	width: 380px;
	margin: 2px;
	float: left;
}
.cl {
clear:both;
}
#footer {
	width: 600px;
	height: 25px;
	color:#ffffff;
	padding: 10px;
	margin: 10px;
	font-size: 90%;
	text-align: center;
	clear:both;
}
#footer a:link, #footer a:active, #footer a:hover, #footer a:visited {
	color:#000000;
}