/*STRUTTURA layout:

 /BODY
|	 /CONTAINER
|	| 		HEADER
|	|		NAVIGATION
|	|		 /CONTENT
|	|		|	 TOPCONTENT
|	|		|	 BOTTOMCONTENT
|  |     |   LEFTCONTENT
|  |     |   RIGHTCONTENT
|	|		 CONTENT	
|	|		FOOTER			
|	\CONTAINER
\BODY

*/


* {margin: 0; padding: 0; border: 0;}

a{	color:#a52a2a;text-decoration:none; font-weight:bold; }
a:hover{	color:blue;text-decoration:underline;}

body {
	background: #fff;
	background-image: url(../imgs/bg.png);
	background-position: top center;
	background-repeat: repeat;
	font-size: 1em;
}

#container {
	background-image: url(../imgs/bg_all.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 760px;
	margin: 0 auto;
	min-height:560px;
}
#header {
	height: 184px;
	width:100%;
	float: left;
	position: relative;
}

#header h1 a.homelink{
	float: left;
	display: block;
	width: 530px;
	height: 135px;
	text-decoration: none;
}
#header h1 a span{
	display: none;
}

#header a.sabinalink{
position: absolute;
	display: block;
	width:45px;
	height:66px;
	margin: 0px 0 0 615px;
}

#header a.sabinalink span{
	display: none;
}


#header a.regionelink{
position: absolute;
	display: block;
	width:65px;
	height:65px;
	margin: 0px 0 0 675px;
}

#header a.regionelink span{
	display: none;
}


#header a.contactlink{

	display: block;
	width:425px;
	height:26px;
	margin: 135px 0 0 330px;
	background-image: url(../imgs/bg_contact.gif);
}
#header a.contactlink:hover{
	background-image: url(../imgs/bg_contact_hover.gif);
}
#header a.contactlink span{
	display: none;
}

#navigation {
	float: left;
	display:inline;
	width: 140px;
	height: 373px;
}

#content {
	width: 620px;
	float: right;
	background-color: #2e4048;
	background-image: url(../imgs/bg_all.jpg);
	background-position: -140px -185px;
	background-repeat: no-repeat;
}

#content #topcontent{
	float: left;
	display: inline;
	width: 433px;
	height: 107px;
	margin-left: 187px;
}

#content #bottomcontent{
	float: left;
	display:inline;
	width: 100%;
}

#content #leftcontent{
	float: left;
	display: inline;
	width: 180px;
	margin: 100px 0  0 0;
	/*height: 300px;*/
	/*background-color: Aqua;*/
	padding:0;
}

#content #rightcontent{
	float: right;
	width: 440px;
	/*height: 400px;*/
	/*background-color: Lime;*/
}

#footer {
font-family:  Arial, Helvetica, sans-serif;
	background: url(../imgs/bg_footer.gif) no-repeat bottom right;
	/*height: 38px;*/
	padding: 0 0 13px 0px;
	width: 760px;
	float: left;
}
/*----------------debug---layout------------*/
/*#container {background-color: Fuchsia;background-image: none;}
#header{	background-color: Blue;}
#header a.homelink{background-color: Lime;}
#header a.sabinalink{background-color:  Green;}
#header a.regionelink{background-color: Olive;}
#header a.contactlink{background-color: Aqua;}
#navigation {background-color: Orange;}
#content {background-color: Red;}
#content #topcontent{background-color: White;}
#content #bottomcontent{background-color: Lime;}
#footer {background-color: Aqua;}*/
/*---------------------------------------*/



/*menu di navigazione*/

#navigation ul{
font-family: "Courier New", Courier, monospace;
list-style: none;
padding-top: 20px;
width: 100%;
}

#navigation ul li{
display:  inline;
/*background: Aqua;*/
margin: 0;

}

#navigation ul li a{ /*border: 1px solid;*/
display: block;
text-decoration: none;
font-size: 120%;
font-weight: bold;
text-align: right;
padding: 7px 10px 7px 0;
}

#navigation ul li a:hover{ color: Blue; background: transparent url(../imgs/menu_bg_hover.jpg) no-repeat 30px;}

#navigation ul li a#now {color:Red; background: transparent url(../imgs/menu_bg_hover.jpg) no-repeat 30px;}
#navigation ul li a#now:hover{color:blue;}
#navigation ul li a.progetto{color: #000;}
#navigation ul li a.progetto:hover{color: blue;}
#navigation ul li a.progetto span{ font-size: 80%;}
/*#navigation ul li a.progetto:hover {color:red; background: transparent url(../imgs/menu_bg_hover.jpg) no-repeat 30px;}*/

#navigation ul li a.chisiamo{color: #A52A2A; padding: 10px 10px}
#navigation ul li a.chisiamo:hover{color: blue;}
/*#navigation ul li a.chisiamo:hover{color:red; background: transparent url(../imgs/menu_bg_hover.jpg) no-repeat 30px;}*/

#navigation ul li a.ed2007{color: #000;}
#navigation ul li a.ed2007:hover{color: blue;}
#navigation ul li a.ed2007 span{ font-size: 90%;}
/*#navigation ul li a.ed2007:hover{color:red; background: transparent url(../imgs/menu_bg_hover.jpg) no-repeat 30px;}*/

#navigation ul li a.video{color: #A52A2A;}
#navigation ul li a.video:hover{color: blue;}
/*#navigation ul li a.video:hover{color:red; background: transparent url(../imgs/menu_bg_hover.jpg) no-repeat 30px;}*/

#navigation ul li a.ed2008{color: #000;}
#navigation ul li a.ed2008:hover{color: blue;}
#navigation ul li a.ed2008 span{ font-size: 90%;}
/*#navigation ul li a.ed2008:hover{color:red; background: transparent url(../imgs/menu_bg_hover.jpg) no-repeat 30px;}*/

#navigation ul li a.concorso{color: #A52A2A; padding: 10px 10px}
#navigation ul li a.concorso:hover{color: blue;}
/*#navigation ul li a.concorso:hover{color:red; background: transparent url(../imgs/menu_bg_hover.jpg) no-repeat 30px;}*/

/*FINE  menu di navigazione*/

/*leftcontent*/

#container #leftcontent .tabella{
font-family: "Courier New", Courier, monospace;
color:#000;
background:#fff url(../imgs/bg_tabella_bottom.jpg) bottom left no-repeat;
width: 160px;
margin: 0 10px 0 10px;
padding-bottom:30px;
float: left;
display: inline;
}

#container #leftcontent .tabella h3{
font-size: 140%;
font-weight: bolder;
/*text-decoration: underline;*/
background:#fff url(../imgs/bg_tabella_top.jpg) top right no-repeat;
color: #a52a2a;
padding: 28px 5px 5px 5px;
}
#container #leftcontent .tabella h3 span{
background:#fff url(../imgs/spunta30x30.jpg) top left no-repeat;
padding:5px 0 0 30px;
width: 100%;
}


#container #leftcontent .tabella p{
padding:5px;
font-family: "Courier New", Courier, monospace;
}
/*lista titoli news in homepage colonnasinistra*/
#container #leftcontent .tabella ul{width:100%;list-style: none;	padding:0;font-family: "Times New Roman", Times, serif;font-size:85%;}
#container #leftcontent .tabella ul li{display:inline;}
#container #leftcontent .tabella ul li a{color:#404040;display:block;padding:10px 0 10px 25px; background: #fff url(../imgs/freccinadx_transparent.gif) no-repeat 0px 12px;}
#container #leftcontent .tabella ul li a:hover{background:#fff url(../imgs/menu_bg_hover.jpg) no-repeat 20px top;}


#container #leftcontent .tabella p.francoferrari{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 75%;
}

#container #leftcontent .tabella p img{
	/*float:left;*/
	display: block;
	width: 150px;
	background-color: #f5f5f5;
}

#container #leftcontent .tabella p a{
text-decoration: none;
color: #CC0000;
font-weight: bold;
}

#container #leftcontent .tabella p a:hover{
text-decoration: none;
color: Blue;
}

#container #leftcontent .tabella p a.pdf{
background:#fff url(../imgs/pdf_bianco.jpg) top left no-repeat;
padding:0 0 0 40px;
display: block;
font-weight: normal;
}
#container #leftcontent .tabella p a.pdf:hover{
background:url(../imgs/pdf_bianco_hover.jpg) top left no-repeat}

/*lista dei backstage in colonna*/
.tabella .biglink a{
float:left;
padding:5px 3px;
text-align: center;
color:#2a4048;
font-weight: bold;
text-decoration: none;
font-size: 110%;
text-decoration: none;
}
.tabella .biglink a:hover{ color:blue;text-decoration: none;}
.tabella .biglink a span{display:block;padding:0px 3px;}
.tabella .biglink a:hover span{background-color: yellow;}
.tabella .biglink a:hover img{border:1px dashed red;}
.tabella .biglink a img{border:1px solid #fff;}

.biglink .menu{
	border-top:2px solid #2A4048;
	clear:both;
}

.biglink .menu a{
	border-bottom:2px solid #2A4048;
}



.biglink .menu a.current{
	padding-right:25px;
	background-color:#ffffff;
	background-image: url(../imgs/menu_bg_hover.jpg);
	background-repeat: no-repeat;
	background-position: 60px 0px;
	text-align: right;
}
.biglink .menu a.current strong{font-size:100%;}

.biglink .menu a em{font-size:80%; color:#A52A2A;}
.biglink .menu a strong{font-size:90%;}


/*Fine tabella leftContent*/

/* Tanbella Rightcontent*/
#container #rightcontent .tabella{
	float: left;
	display: inline;
font-family: "Courier New", Courier, monospace;
color:#000;
background:#fff url(../imgs/bg_tabella_bottom.jpg) bottom left repeat-x;
width: 420px;
margin: 0 10px 0 10px;
padding-bottom:30px;
}

#container #rightcontent .tabella h2{
font-size: 150%;
font-weight: bolder;
background:#fff url(../imgs/bg_tabella_top.jpg) top right repeat-x;
color: #a52a2a;
padding: 25px 0px 5px 10px;
}

#container #rightcontent .tabella p {
	padding: 0 10px 10px 10px;
}

#container #rightcontent .tabella h2 a{
	color: #a52a2a;
	text-decoration: none;
}
#container #rightcontent .tabella h2 a:hover{
	color: Blue;
	text-decoration: underline;
}
#container #rightcontent .tabella .titletabella{
position: relative;
	float: left;
	text-transform: uppercase;
	font-size: 140%;
	font-weight: bold;
	padding: 0 10px 5px 10px;
}



#container #rightcontent .tabella .titletabella strong{
/*padding: 30px 0 0 0;*/
text-align:center;
color: #a52a2a;
}
#container #rightcontent .tabella .titletabella img{
	float: left;
	display: inline;
	width: 400px;
	margin-bottom: 5px;
}


#container #rightcontent .tabella .titletabella ul{
	list-style: none;
}
#container #rightcontent .tabella .titletabella ul li{
	margin: 0px;
	padding-bottom: 0px;
	display: inline;

}

#container #rightcontent .tabella .titletabella ul li a{	
	line-height: 20px;
	height:20px;
	background:#fff url(../imgs/freccinadx_transparent.gif) left 45% no-repeat;
	font-size: 70%;
	padding: 5px 0 5px 25px;
	display: block;
	color: #2e4048;
}

#container #rightcontent .tabella .titletabella ul li a:hover{
	background: Yellow url(../imgs/visto_transparent.gif) left 45% no-repeat;
	color: Blue;
}

/*pagina videolist.asp*/
#container #rightcontent .tabella .videolist{
float:left;text-align: left;
padding: 0 0 0 10px;
text-align: justify;
/*background: Aqua;*/
} 

#container #rightcontent .tabella .videolist ul{padding:0;margin:0;float:left;display:block;padding:0 0 0 10px}
#container #rightcontent .tabella .videolist ul li{float:left;display:inline;}
#container #rightcontent .tabella .videolist ul li h3{
	float:left;display:block;
	margin:0;padding:0 0 0 0px;
	font-size: 100%;	text-align: center;
}
#container #rightcontent .tabella .videolist ul li h3 a{
display: block;float:left;width:180px;
padding:130px 5px 5px 5px;
background:transparent 5px 5px no-repeat; 
border:1px solid #fff;
}

#container #rightcontent .tabella .videolist ul li h3 a:hover{text-decoration: none;background-image: url(../imgs/180x120_hover.jpg) ; border:1px dashed red;}
#container #rightcontent .tabella .videolist a.video1{background-image:  url(../foto/180x120_giovani-dimenticati.jpg);}
#container #rightcontent .tabella .videolist a.video2{background-image:   url(../foto/180x120_magliano-tra-arc.jpg);}
#container #rightcontent .tabella .videolist a.video3{background-image:  url(../foto/180x120_la-fonte.jpg);}
#container #rightcontent .tabella .videolist a.video4{background-image:  url(../foto/180x120_u-regulu.jpg);}
#container #rightcontent .tabella .videolist a.video5{background-image:  url(../foto/180x120_altra-faccia-del-tevere.jpg);}
#container #rightcontent .tabella .videolist a.video6{background-image:  url(../foto/180x120_eurospine.jpg);}

#container #rightcontent .tabella .videolist a.video7{background-image:  url(../foto/io-spreco-tu-hai-fame.jpg);}
#container #rightcontent .tabella .videolist a.video8{background-image:  url(../foto/back-2008.jpg);}
#container #rightcontent .tabella .videolist a.video9{background-image:  url(../foto/vuoto-elementare.jpg);}
#container #rightcontent .tabella .videolist a.video10{background-image:  url(../foto/foglia-tevere.jpg);}
#container #rightcontent .tabella .videolist a.video11{background-image:  url(../foto/back-09-1.jpg);}
#container #rightcontent .tabella .videolist a.video12{background-image:  url(../foto/back-09-2.jpg);}

/*freccia torna su*/
#container #rightcontent .tabella .videolist a.goup{border:1px solid #fff; width:100px; height:20px; 
margin-bottom:10px; float:right;background: url(../imgs/freccinaup.gif) 80px 5px no-repeat;}
#container #rightcontent .tabella .videolist a.goup:hover{border:1px solid red;}
#container #rightcontent .tabella .videolist a.goup:hover span{ float: right; margin:3px 30px 0 0;
	display:inline; font-size:70%; text-transform: uppercase; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
/*fine pagina videolist*/

/*link con thumbs piccoli ai video in basso alla pagina di un singolo video/backstage*/
#container #rightcontent .tabella .small_video a img{	border: 1px solid #fff;	margin-left: 1px;}
#container #rightcontent .tabella .small_video a:hover{text-decoration:none;}
#container #rightcontent .tabella .small_video a:hover img{	border:1px dashed red;}
/*FINE link con thumbs piccoli ai video in basso alla pagina di un singolo video/backstage*/

#container #rightcontent .tabella .testo{
	padding: 0 5px;
	text-align: justify;
} 
#container #bottomcontent .serio .YouTube{
	padding-right: 30px;
}
#container #bottomcontent .serio .YouTube span{
float: left; display:inline;
/*background: Aqua;*/
padding: 15px 0 0 30px;
}
#container #bottomcontent .serio .YouTube span a{
	font-size: 100%;
	text-transform: uppercase;
}
#container #bottomcontent .serio .YouTube a img{
float: right; width: 150px
}

.data{
	padding:0 0 0 35px;
	margin:0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:bold;
	color:blue;
	clear:both;
	background: #fff url(../imgs/freccinadx.gif) no-repeat 10px top;
}
#container #rightcontent .tabella dl{
text-transform: capitalize;
float: left;
display: inline;
padding:5px;
}
#container #rightcontent .tabella dl a{
	display:block;
	text-indent:0;
}
#container #rightcontent .tabella dl a.mail{
background: #ffffff url(../imgs/mail_scuro.gif) left no-repeat;
padding-left: 25px;
}
#container #rightcontent .tabella dl a.skype{
background: #ffffff url(../imgs/tel_scuro.gif) left no-repeat;
padding-left: 25px;

}
#container #rightcontent .tabella dl a.web{
background: #ffffff url(../imgs/web_scuro.gif) left no-repeat;
padding-left: 25px;
}
#container #rightcontent .tabella dl dt{
padding:5px 0 5px 0;
	font-size: 120%;
	font-weight: bold;
	text-indent: 15px;
}
#container #rightcontent .tabella dl dd{
	background: #ffffff url(../imgs/freccinadx.gif) left top no-repeat;
	font-size: 80%;
	text-indent:25px;
}


#container #rightcontent .tabella .regolamento{
float: left;
display: inline;
width:390px;
margin: 10px 0 15px 10px;
padding:5px;
background-color: #F5F5F5;
font-family: Arial, Helvetica, sans-serif;
}

#container #rightcontent .tabella .regolamento h3{
margin: 5px 0;
font-size: 100%;
color: #404040;
border-bottom: 1px dashed #404040;
}

#container #rightcontent .tabella .regolamento ol{
padding:10px 0;
	font-size: 80%;
	list-style: none;
}

#container #rightcontent .tabella .regolamento ol li{
	margin: 7px 0;
	padding: 3px 0;
	/*border-bottom: 1px dashed #A9A9A9;*/
}

#container #rightcontent .tabella .regolamento p{
padding:10px 0;
	font-size: 75%;
	list-style: none;
}

#container #rightcontent .tabella .regolamento h4{
	margin-top:5px;
}

/*fine rightcontent*/



/*#######################
galleria fotografica
########################*/

/*div con link per apertura galleria*/

.lookpictures{
background:#fff url(../foto/398x156.jpg) no-repeat 10px top;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
float:left;
display:inline;
width:199px;
}
.lookpictures a{
font-size: 90%;
height: 156px;
/*border-top:1px solid red;
border-bottom:1px solid red;*/
display: block; text-align: center; 
color: #fff;
}

.lookpictures a span{
	display:none;
}

.lookpictures a strong{
	display:block;
	line-height:156px;
	font-size:40px;
	color: #A52A2A;
}
.lookpictures a:hover{
	background:#fff url(../foto/398x156_hover.jpg) no-repeat 10px top;
	color: #000000;
	text-decoration: none;
	border-top-color: #fff;
	border-bottom-color: Black;
}

.lookpictures a:hover strong{
	color:Red;
}


/*galleria vera e propria*/
.slideGallery {
	clear:both;width:420px;
}

.slideGallery .thumbs{	padding: 10px 6px 10px 6px; float: left; display: inline;	
background-color: Black; border-bottom: 2px solid red; border-top: 1px solid red; width: 408px;}
.slideGallery .thumbs a{padding: 4px 6px; float: left; display: inline;width:90px;height:65px;overflow:hidden;}
.slideGallery .thumbs a:hover{background-color:#f5f5f5;}
.slideGallery .thumbs a img{float:left;display:block;margin:0;padding:0;width:90px;}
.slideGallery .thumbs h3{color:#ffffff;}
/*bottone di chiusura galleria*/
.slideGallery .closeit{padding-top: 3px;float:right;}
.slideGallery .closeit a{float:right; margin-right: 5px; color: Red;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; 
font-weight: bolder; font-size: 90%; border:1px solid #fff;}
.slideGallery .closeit a span{	text-transform: none; font-size: 75%; color: #ccc;padding-left:5px;}
.slideGallery .closeit a:hover{	text-decoration: none; background-color: black; border:1px solid #000;}	
.slideGallery .closeit a:hover span{visibility: visible;}


/*BOTTOMCONTENT*/

#container #bottomcontent .serio{
	/*clear: both;*/
	float:right;
	display: inline;
	background:#fff url(../imgs/bg_tabella_left.jpg) left 40px repeat-y;
	margin: 10px ;
	padding:8px 5px 5px 25px;
	/*font-family:  Arial, Helvetica, sans-serif;*/
	font-family: "Times New Roman", Times, serif;
	color:#000;
}
#container #bottomcontent .serio p{
	margin-bottom:5px;
	float:left;
	display:block;
}

#container #bottomcontent .serio h3{
	font-size: 120%;
	color:#2e4048;
	text-transform: uppercase;
	margin: 5px;
	padding-left: 10px;
	font-family: "Courier New", Courier, monospace;
	border-bottom: 1px dashed #ccc;
}

#container #bottomcontent .serio ul{
	margin-bottom: 15px;
	list-style: url(../imgs/freccinadx.gif);
	padding-left: 25px;
}

#container #bottomcontent .serio ul li{
	margin: 7px 5px;
	font-size: 90%;
}

/*infos in footer*/
#footer .info{
margin-left: 140px;
font-size: 70%;
clear: both;
background:#2e4048 url(../imgs/info_vertical.jpg) left no-repeat;
/*background-color: #2e4048;*/
border-top: 3px solid #A52A2A;
border-bottom: 3px solid #A52A2A;
color:#fff;
padding-left: 35px;
}

#footer a{
	color:#ADD8E6;
	text-decoration: none;
	padding: 2px;
}
#footer a:hover{
	color:red;
	text-decoration: none;
	padding: 2px;
}
#footer .info dl a:hover{
	color:red;
	text-decoration: none;
	background-color: Black;
}

#footer .info a.mail{
background: transparent url(../imgs/mail.gif) left no-repeat;
padding-left: 25px;
}

#footer .info a.skype{
background: transparent url(../imgs/tel.gif) left no-repeat;
padding-left: 25px;
}

#footer .info dl{background:#2e4048 url(../imgs/bg_info.jpg) left repeat-y;
	display:block;
	padding: 4px 5px 4px 0;
}

#footer .info dl dt, #container .info dl dd{
	display: inline;
}


/*fine info in footer*/

/*copyright in footer*/

#footer #copyright {
color: #DCDCDC;
	width: 620px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	font-size: 70%;
	text-align: center;
	clear: both;
}

#footer #copyright ul li {
margin-left: 140px;
	display: inline;
	padding: 0 5px;
}

#footer #copyright .intergraf{
	color: Yellow;
}

/*fine copyright in footer*/


.CssPreload{
	display: none;
	/* for compatibility with older browsers un-comment the following */
	
	position: absolute;
	top: -100px;
	left: -100px;
	
	height: 1px;
	width: 1px;
}