*{margin:0;padding:0}
body{font: 70% "Trebuchet MS", arial,sans-serif;color:#FFF;text-align:center;background: url(images/home-bg.jpg) center 0 no-repeat}
html{background:#000 url(images/bg.jpg) 0 top repeat-x}
a{color:#FFF;text-decoration:none}
a:hover{
	color:#0cb5ff
}
a.attivo{
color:#0cb5ff
}
h1{
	font-size:1.4em;
	padding-left:18px;
	background:url(images/titolo.gif) 0 center no-repeat
}
div#header{
	width:100%;
	height:346px;
position:relative;
float:left;}

div#container{
width:919px;
text-align:left;
}


body#servizi{
background:url(images/servizi-bg.jpg) center 0 no-repeat
}

span.data{
height:22px;
	font-size:.9em;
	color:#1965a0;
	display:block;
	padding-left:75px;
	background:url(images/data.gif) 55px center no-repeat !important	
}

div#container{margin:0 auto}
div#content{float:right;width:754px;position:relative;margin-bottom:50px}
div#navigation{float:left;width:160px;font-size:.9em}
div#extra{float:left;clear:left;width:160px; margin-bottom:20px}




#newsletter fieldset{
	border:0;
	margin-top:20px
}
#newsletter label{
	margin-right:10px;
	position:relative;
	top:-2px
}
#newsletter .email{
	display:block;
	margin:0 0 10px 0;
	border:1px solid #eee;	
	padding:3px
}
#newsletter .email-label{
	display:block;
	margin: 10px 0 0 0
}
#newsletter .invio{
	font-weight:bold;
	font-size:.8em;
	border:0;
	width:136px;
	height:23px;
	background:url(images/bottone.gif) 0 0 no-repeat;
	cursor:pointer
}

ul#cosa-facciamo{
	list-style:none;
	margin:0;
	padding:0;
	width:400px;
	position:absolute;
	bottom:10px;
	left:166px
	}
ul#cosa-facciamo li{
	display: inline;
	float:left;
	background:url(images/menu.gif) 0 center no-repeat;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 10px 4px 12px;
	line-height: 1em;
    	margin: 0 2px 0 0;
	position: relative
	}
ul#cosa-facciamo ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 400px;
	list-style: none;
	display: none;
	position: absolute;
	top: 20px;
 	left: 0;
	z-index: 4
	}
ul#cosa-facciamo ul:after{
 	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden
	}
ul#cosa-facciamo ul li {
	font-size: .8em;
	float: left; 
	display: inline !important;
	display: inline
	}
ul#cosa-facciamo li:hover li a, ul#cosa-facciamo li.iehover li a {
	float: none;
	color: #FFF
	}
ul#cosa-facciamo li:hover li a:hover,
ul#cosa-facciamo li:hover li:hover a,
ul#cosa-facciamo li.iehover li a:hover,
ul#cosa-facciamo li.iehover li.iehover a {
  	/*background: #0978bc;*/
  	color: #0cb5ff
	}
ul#cosa-facciamo li:hover ul ul,
ul#cosa-facciamo li:hover ul ul ul,
ul#cosa-facciamo li.iehover ul ul,
ul#cosa-facciamo li.iehover ul ul ul {
	display: none
	}
ul#cosa-facciamo li:hover ul,
ul#cosa-facciamo ul li:hover ul,
ul#cosa-facciamo ul ul li:hover ul,
ul#cosa-facciamo li.iehover ul,
ul#cosa-facciamo ul li.iehover ul,
ul#cosa-facciamo ul ul li.iehover ul {
	display: block
	}

a#back{
font-size:.8em;
position:absolute;
top:10px;
right:400px;
color:#99999a;
padding-left:12px;
background:url(images/back.gif) 0 center no-repeat
}
#contenutopagina img{
	float:left;
	margin-right:7px
}
p.segna{
	font-size:.8em;
	color:#99999a;
	margin:10px 0 10px 0
}

#news,#contenutopagina{
	width:410px;
	float:left;
	margin-top:15px;
	height:240px;
	overflow:auto
}
#contenutopagina{
width:300px;
color:#b0b0b0;
padding-right:80px;
height:160px;
text-align:justify
}
#plus-contenutopagina{
	width:300px;
	float:right;
	margin-top:5px;
	margin-right:10px;
	padding-bottom:28px;
}
#demoreel{
	width:300px;
	float:right;
	margin-top:5px;
	margin-right:10px;
	padding-bottom:28px;
	background:url(images/sottoreel.jpg) 0 bottom no-repeat
}

.notizia{
	width:372px;
	float:left;
	background:url(images/newsbg.jpg) right bottom no-repeat;
	margin-bottom:0
}

.notizia img{
	float:left;
	margin:0 5px 25px 0
}
.notizia a{
	display:block;
	width:73px;
	height:29px;
	float:right;
	background:url(images/leggitutto.gif) 0 2px no-repeat;
	margin-top:4px;
	font-size:.0000004em
}


p#chi-siamo, p#eventi, p#animazioni, p#grafica, p#portali{
	color:#e5e5e5;
	width:130px;
	height:45px;
	margin-top:30px;
	background:url(images/chi-siamo.jpg) 0 0 no-repeat;
}
p#eventi{
height:30px;
background:url(images/eventi.jpg) 0 0 no-repeat;
}
p#animazioni{
height:30px;
background:url(images/animazioni.jpg) 0 0 no-repeat;
}
p#grafica{
height:30px;
background:url(images/grafica.jpg) 0 0 no-repeat;
}
p#portali{
height:30px;
background:url(images/portali.jpg) 0 0 no-repeat;
}
/*#navigation a{
	color:#005487;
	float:right
}*/
#navigation p.chi-siamo{
	width:105px;
	margin-left:10px
}
a#newsletter{
	display:block;
	color:#e5e5e5;
	width:130px;
	height:45px;
	margin-top:30px;
	background:url(images/newsletter.jpg) 0 0 no-repeat
}
a#newsletter span, p#chi-siamo, p#eventi, p#animazioni, p#grafica, p#portali{
	text-indent:-9999em
}
a#newsletter span{
position:relative;
	top:-99999em
}

div#footer{clear:both;width:100%;position:relative;height:32px;background:url(images/copy.gif) 0 top repeat-x;color:#66c5ff;font-size:.9em;z-index:5}
#footer div{
	width:919px;
	margin:0 auto;
	text-align:left;
	position:relative
}
#footer div p{
	line-height:32px;
}
#footer div a{
	color:#66c5ff;
	padding:0;
	font-weight:bold
}
#partner{
	margin-top:20px;
	height:89px;
	background:url(images/chiusura.gif) center 0 no-repeat
}
span#credits{
	position:absolute;
	right:0;
	top:6px;
	font-size:1.4em;
	padding-right:10px;
	margin-right:10px;
	background:url(images/credit.gif) right center no-repeat ;
	z-inde:5
}
span#credits a{
	font-weight:normal
}
img#trb{
	margin:42px 0 0 200px
}
#partner a img{
	border:0
}
img#medioevo{
	float:right;
	position:relative;
	top:20px;
	left:-10px
}

#content p{
	margin-bottom:15px
}

p.titolo{
	font-weight:bold;
}


body#animazioni{
	background:url(images/ANIMAZIONE-testata.jpg) center 0 no-repeat
}
body#grafica{
	background:url(images/GRAFICA-testata.jpg) center 0 no-repeat
}
body#portali{
	background:url(images/PORTALI-testata.jpg) center 0 no-repeat
}





ul#istituzionale{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	bottom:15px;
	right:15px
	}
ul#istituzionale li{
	display: inline;
	float:left;
	background:url(images/istituzionale.gif) 0 center no-repeat;
	font-size: 1em;
	font-weight: bold;
	padding: 4px 10px 4px 12px;
	line-height: 1em;
    	margin: 0 2px 0 0;
	position: relative;
	}
ul#istituzionale ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
	display: none;
	width:200px;
	position: absolute;
	top: 14px;
 	left: 0;
	z-index: 4
	}
ul#istituzionale ul:after{
 	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden
	}
ul#istituzionale ul li {
	font-size: 1em;
	float: left; 
	display: inline !important;
	display: inline;
	}
ul#istituzionale li a{
	color:#0cb5ff
}

ul#istituzionale li:hover li a, ul#istituzionale li.iehover li a {
	float: none;
	}
ul#istituzionale li:hover li a:hover,
ul#istituzionale li:hover li:hover a,
ul#istituzionale li.iehover li a:hover,
ul#istituzionale li.iehover li.iehover a {
  	/*background: #0978bc;
  	color: #FFF*/
	}
ul#istituzionale li:hover ul ul,
ul#istituzionale li:hover ul ul ul,
ul#istituzionale li.iehover ul ul,
ul#istituzionale li.iehover ul ul ul {
	display: none
	}
ul#istituzionale li:hover ul,
ul#istituzionale ul li:hover ul,
ul#istituzionale ul ul li:hover ul,
ul#istituzionale li.iehover ul,
ul#istituzionale ul li.iehover ul,
ul#istituzionale ul ul li.iehover ul {
	display: block
	}


























ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 128px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
padding-bottom:4px;
 color: #fff;
padding-left:16px;
background:url(images/menu-bg.gif) 0 center no-repeat
}

ul#menu li a:hover {
background:url(images/menu-bg.gif) 0 center no-repeat
}

ul#menu li ul li a {
  color: #0cb5ff;
border:0;
background:none;
}

ul#menu li ul li a:hover {
color:#FFF;
background:none;
}