@charset "utf-8";
*{ margin:0; padding:0;}
body {  margin:0; padding:0;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#000; background-color:#ccc}

#corpo {
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto; 
}
a { text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.noDisplay{ display:none}
#gianni{ float:left; background-color:#FFFFFF; width:770px; padding: 0 0 20px 0;}
#content{ float:left; width:536px;padding:20px 15px 20px 10px}

#content img{ margin:0 0 20px 15px}

#gMaps {
	height: 400px;
	width: 470px;
	margin:20px;
}

label{margin:20px 20px;}

#raggiungerci table{ width:470px; margin:20px 20px;}

#fotoGallery{ margin:10px;}
#fotoGallery table{ text-align:center; border:1px #666666 solid; background-color:#CCCCCC; }

#contatti{ margin:50px 0 30px 50px}
/*--------------------------------------------------------*/

#info table{ float:left; width:500px; margin:600px 0 0 30px;}
#info table td{ margin:10px 0}
#info table tr td p a{ color:#3333CC}
.vPopupmenu  li a,.vPopupmenu  li ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
ul.vPopupmenu {	list-style:none;}

ul.vPopupmenu ul{
	position:absolute;
	border:1px solid #ddd;
	padding:1px;
	list-style:none;
	display:none;
	left:205px;
	top:-1px;	
}

ul.vPopupmenu li{
	position:relative;
	border:1px solid #ddd;
	padding: 0 3px 0 3px;
	line-height:24px;
	list-style:none;
	height:24px;
	width:200px;
	cursor:pointer;
	background-color:#eee;

}

ul.vPopupmenu li:hover{
	background-color:#f0e68c;
}

ul.vPopupmenu li:hover ul{
	background-color:#fff;
	display:block;
}
ul.vPopupmenu li:hover li:hover{
	display:block;
	width:180px;
}

/*--------------------------------------------------------*/
.title{ font-size:17px; font-weight:bold; margin:0 0 20px}
.testo{	margin:0 0 20px;text-align: justify;}
.motto{	background-image: url(../img/sfondo-motto.gif);
	height: 57px;font-size:14px; font-weight:bold; padding: 3px 10px;
	width: 522px; background-repeat:no-repeat;margin:0 0 20px
}

#congresso{ width:570px; height: 195px; background-color:#CCCCCC;
 float:left; margin:20px 100px 0; padding:0; }
#congresso .title{ margin:20px; padding:0; display:block;text-align:center}
/*--------------------------------------------------------*/
#titolo{ margin: 0 auto;}
#logo {	float: left;}
#logo a{
	background-image: url(../img/logo.gif);
	height: 200px;
	width: 191px; display:block;
}
#banner {
	background-image: url(../img/banner.jpg);
	float: left;
	height: 200px;
	width: 579px;
}
#lingue table{ margin:0 auto;}
.titolo{ width:250px; height:150px; float:right; font-size:20px; margin:50px 0 0 0;}

.immagine{ background-image:url(../img/index2.jpg); width: 800px; height: 600px; margin: 0 auto;}
/*--------------------------------------------------------*/

#logo-tre{
background-image: url(../img/loghi/logo-tre.gif);
	width:70px;
	height:72px;
	margin:0; display:block;}

#logo-cg{
	background-image: url(../img/loghi/logo-cg.jpg);
	width:70px;
	height:54px;
	margin:0; display:block;
}
#logo-l{
	background-image: url(../img/loghi/logo-locorotondo.jpg);
	width:70px;
	height:74px; display:block;
	margin:0;
}
#logo-apc{
	background-image: url(../img/loghi/logo-apc.gif);
	width:70px; display:block;
	height:60px;
	margin:0;
}
#logo-crsa{
	background-image: url(../img/loghi/logo-crsa.jpg);
	width:70px; display:block;
	height:53px;
	margin:0;
}
#logo-lapis{
	background-image: url(../img/loghi/logo-lapis.gif);
	width:70px;
	height:35px; display:block;
	margin:0;
}

/*--------------------------------------------*/

#menu{ width:209px; float:left; }
.ombraMenu{ width:18px; height:300px; float:left; background:transparent url(../img/ombra-menu.png) no-repeat scroll left center;}
#menu #contenuto{
	width:191px;
	float:left;
	background-image: url(../img/sfondo-menu.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-size:15px;
	
}

#menu #contenuto td{ height:30px;}

#menu #contenuto table{margin:20px 0 0 0;}
/*--------------------------------------------*/

#menuCongresso{ width:476px; float:right; height:40px; }
#menuCongresso #contenutoCongresso{ height:40px; width:456px; float:right; background-color:#ccc; }
#menuCongresso img{ width:20px; height:40px; float:right; }
#menuCongresso #contenutoCongresso table{margin:8px 0 0 0;}

/*--------------------------------------------*/

#footer{ width:770px; clear:both;float:left;height:36px;background-image: url(../img/sfondo-footer.jpg); background-repeat: repeat-x;}
#footer #sps{float:left; width:200px; text-align:center; margin: 11px 0 0 0;	}
#footer #calia{	float:right;width:200px; text-align:center; margin: 11px 0 0 0;}

/*--------------------------------------------*/
.programmaW{
	height:11px;
	font-size:9px;
	background-color:#000000;
	font-style: normal;
	color: #FFFFFF;
	text-align: left;
	width: 200px;
}
.programmaWw{
	height:11px;
	font-size:9px;
	background-color:#000000;
	font-style: normal;
	color: #FFFFFF;
	text-align: left;
	
}
.programmaB{
	font-weight:bold;
	font-size: 9px;
	font-style: normal;
	padding-top: 7px;
}
.programmaC{
	font-size: 9px;
	font-style: italic;
	text-indent: 20px;
}
#programma{
	width:400px;
	border:0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*--------------------------------------------*/


#en {
	background-image: url(../img/flag-en.jpg);
	display: block;
	height: 32px;
	width: 48px;
}
#fr {
	background-image: url(../img/flag-fr.jpg);
	display: block;
	height: 32px;
	width: 48px;
}
#it {
	background-image: url(../img/flag-it.jpg);
	display: block;
	height: 32px;
	width: 48px;
}
