@charset "utf-8";

/* General
 ********************************************************/

body { background:url(../img/bg/body.jpg) repeat-x; text-align:center; }

a:link, 
a:hover, 
a:active, 
a:visited { text-decoration:none; color:#000; font-weight:bold; }
a:hover {  }
a img { float:left; }


strong{ font-weight:bolder;}

a.disabled { display:none; }

/* image replacement */
.imgReplace { display:block; width:0; height:0; line-height:0; overflow:hidden; clip:rect(0,0,0,0); }

/* pulisci riga */
.clear { clear:both; display:block; font-size:0; height:0; line-height:0; overflow:hidden; }

/* cover modulo */
span.cover { position:absolute; top:0; left:0; }
a span.cover { cursor:pointer; }

.mod300 { width:300px; float:left; clear:both; background:url(../img/bg/bg_mod_300.jpg) repeat-y; margin:0 0 15px; padding:0; }
	.mod300 .head,
	.mod300 .body,
	.mod300 .foot { width:300px; float:left; clear:both; }
	.mod300 .head { height:38px; background:url(../img/bg/bg_head_300.jpg) no-repeat;overflow:hidden;}
	.mod300 .body { background:url(../img/bg/bg_body_300.jpg) no-repeat; position:relative;}
	.mod300 .foot { height:9px; background:url(../img/bg/bg_foot_300.jpg) no-repeat 0 bottom; margin-top:0!important; margin-top:-7px;}
	
.mod630 { width:630px; float:left; clear:both; background:url(../img/bg/bg_mod_630.jpg) repeat-y; margin-bottom:15px; padding:0; }
	.mod630 .head,
	.mod630 .body,
	.mod630 .foot { width:630px; float:left; clear:both; }
	.mod630 .head { height:38px; background:url(../img/bg/bg_head_630.jpg) no-repeat; position:relative; z-index:999;}
	.mod630 .body { background:url(../img/bg/bg_body_630.jpg) no-repeat; position:relative; padding-top:20px; margin-top:0!important; margin-top:-2px;}
	.mod630 .foot { height:9px; background:url(../img/bg/bg_foot_630.jpg) no-repeat 0 bottom; margin-top:0!important; margin-top:-7px;}
	

.mod310 { width:310px; float:left; clear:both; margin-bottom:15px; padding:0; }
	.mod310 .head,
	.mod310 .body,
	.mod310 .foot { width:310px; float:left; clear:both; }
	.mod310 .head { height:37px; background:url(../img/bg/bg_head_310.jpg) no-repeat; position:relative; z-index:999;}
	.mod310 .body { background:url(../img/bg/bg_body_310.jpg) no-repeat; position:relative; padding-top:20px; margin-top:0!important; margin-top:-2px;}
	.mod310 .foot { height:9px; background:url(../img/bg/bg_foot_310.jpg) no-repeat 0 bottom; margin-top:0!important; margin-top:-7px;}	
	

ul.tabs li{ float:left; display:inline;}
	ul.tabs li a{ /*text-indent:-9999px;*/ display:block; outline:none; }

.head h3 { font-size:24px; padding:3px 10px;}

.last { margin:0!important; border:0;}

/* Grid
 ********************************************************/
#wrapper { width:940px; margin:auto; text-align:left; position:relative; display:table; padding-bottom:10px; }

	/* header */
	#header { height:70px; width:100%; }
		#header h1 { float:left; margin:7px 227px 0 20px; display:inline; }
		
		#header .menu { float:left; background:url(../img/bg/menu_sep.gif) no-repeat right top; margin-top:1px; padding-right:2px; }
			#header .menu li { float:left; background:url(../img/bg/menu_item_sep.gif) no-repeat right top; height:68px; padding-right:2px; }
				#header .menu li a { display:block; height:68px; background:url(../img/bg/menu.jpg) no-repeat 0 0; }
				
				#header .menu .home a { width:88px; background-position: 0 0;  }
				#header .menu .home a:hover,
				#header .menu .home a.current { background-position: 0 -68px; }
				
				#header .menu .programmi a { width:136px; background-position: -88px 0;  }
				#header .menu .programmi a:hover,
				#header .menu .programmi a.current { background-position: -88px -68px; }
				
				#header .menu .personaggi { background:none; padding-right:0; }
				#header .menu .personaggi a { width:138px; background-position: -226px 0;  }
				#header .menu .personaggi a:hover,
				#header .menu .personaggi a.current { background-position: -226px -68px; }		
				
				#header .menu .login a { width:83px; background-position: -365px 0;  }
				#header .menu .login a:hover,
				#header .menu .login a.current { background-position: -365px -68px; }	
				
				#header .menu .registrati { background:none; padding-right:0; }
				#header .menu .registrati a { width:123px; background-position: -450px 0;  }
				#header .menu .registrati a:hover,
				#header .menu .registrati a.current { background-position: -450px -68px; }	
				
		#header .dashboard { float:left; width:210px; margin-top:1px; background:url(../img/bg/menu_sep.gif) no-repeat right top; height:68px; }
				#header .dashboard p {
        font-size:12px;
        margin-top:7px;
        padding:4px 10px;
        text-align:right;
      }
				#header .dashboard p a:hover { text-decoration:underline; }
		

	/* content */
	#content { float:left; width:940px; padding:20px 0;}
		#content #left_content { float:left; width:630px; position:relative; overflow:hidden;}
		#content #right_content{ float:right; width:300px; position:relative; }
		
	/* footer */

		#footer .legal { float:left; clear:both; width:900px; font-size:11px; text-align:center; }
			#footer .legal p { padding:25px 10px 0;}


/* Home
 ********************************************************/

/*highlights*/
.index #highlights { float:left; width:435px!important; width:436px; height:350px!important; height:359px; position:relative; margin-bottom:18px;}
.index #highlights.wide { }
	.index #highlights h3 a { cursor:pointer; } 
		.index #highlights h3 a img { position:absolute; height:340px; width:425px; z-index:9;}
		.index #highlights h3 a .info { background:url(../img/bg/hl_info.png) no-repeat; height:95px; position:absolute; width:315px; z-index:9; left:55px; top:225px;}
		.index #highlights h3 a .title { display:block; height:25px; width:285px; z-index:99; font-size:14px; color:#EE8D0C; position:relative; top:13px; left:15px;}
			.index #highlights h3 a .title img { height:auto; width:auto;}
		.index #highlights h3 a .subtitle { display:block; height:38px; width:285px; z-index:99; font-size:14px; margin-top:5px; position:relative; top:15px; left:15px; color:#fff; }
	.index #highlights .cover_top,
	.index #highlights .cover_right,
	.index #highlights .cover_bottom,
	.index #highlights .cover_left{ display:block; position:absolute; z-index:99; clear:both; }
	.index #highlights .cover_top { width:435px; height:13px; background:url(../img/bg/cover_hl_top.png) no-repeat; top:0px; left:0px;}
	.index #highlights .cover_left { width:12px; height:331px; background:url(../img/bg/cover_hl_left.png) no-repeat; top:12px; left:0;}
	.index #highlights .cover_right { width:7px; height:331px; background:url(../img/bg/cover_hl_right.png) no-repeat; top:12px; right:0!important; right:1px;}
	.index #highlights .cover_bottom { width:435px; height:7px; background:url(../img/bg/cover_hl_bottom.png) no-repeat; bottom:0!important; bottom:-3px; left:0;}
	/*
	 * 	Scrollable
	 */
	/* 
		root element for the scrollable. 
		when scrolling occurs this element stays still. 
	*/ 
	.index #highlights div.scrollable { height:340px; overflow:hidden; position:relative; width:425px;	top:5px; left:5px; } 
	/* 
		root element for scrollable items. Must be absolutely positioned 
		and it should have a extremely large width to accomodate scrollable items. 
		it's enough that you set width and height for the root element and 
		not for this element. 
	*/ 
	.index #highlights div.scrollable div.items { 
		/* this cannot be too large */ 
		width:20000em; 
		position:absolute; 
	} 
	/* 
		a single item. must be floated in horizontal scrolling. 
		typically, this element is the one that *you* will style 
		the most. 
	*/ 
	.index #highlights div.scrollable div.items h3 { float:left; height:340px; position:relative; width:425px;} 
	 
	/* you may want to setup some decorations to active the item */ 
	.index #highlights div.items div.active { border:1px inset #ccc;  background-color:#fff; }

	.index #highlights .prevPage,
	.index #highlights .nextPage { width:28px; height:60px; position:absolute; top:150px; z-index:99; cursor:pointer; }
	.index #highlights .prevPage { left:17px; background:url(../img/bg/hl_prev.png) no-repeat;}
	.index #highlights .nextPage { left:395px; background:url(../img/bg/hl_next.png) no-repeat; }
	



	
/*highlights_wide*/
 #highlights_wide { float:left; width:630px!important; width:632px; height:350px!important; height:361px; position:relative; margin-bottom:18px;}
 #highlights_wide.wide { }
	 #highlights_wide h3 a { cursor:pointer; } 
		 #highlights_wide h3 a img { position:absolute; height:340px; width:621px; z-index:9;}
		 #highlights_wide h3 a .info { background:url(../img/bg/hl_info.png) no-repeat; height:95px; left:150px; position:absolute; top:225px; width:316px; z-index:9;} 
			 #highlights_wide h3 a .title { display:block; height:25px; width:285px; z-index:99; font-size:14px; color:#EE8D0C; position:relative; top:13px; left:15px;}
			 #highlights_wide h3 a .title img { height:auto; width:auto;}
		 #highlights_wide h3 a .subtitle { display:block; height:38px; width:285px; z-index:99; font-size:14px; margin-top:5px; position:relative; top:15px; left:15px; color:#fff; }
	 #highlights_wide .cover_top,
	 #highlights_wide .cover_right,
	 #highlights_wide .cover_bottom,
	 #highlights_wide .cover_left{ display:block; position:absolute; z-index:99; clear:both; }
	 #highlights_wide .cover_top { width:630px; height:13px; background:url(../img/bg/cover_hl_top_wide.png) no-repeat; top:0px; left:0px;}
	#highlights_wide .cover_left { width:12px; height:331px; background:url(../img/bg/cover_hl_left.png) no-repeat; top:12px; left:0;}
	 #highlights_wide .cover_right { width:7px; height:331px; background:url(../img/bg/cover_hl_right.png) no-repeat; top:12px; right:0!important; right:1px;}
	 #highlights_wide .cover_bottom { width:630px; height:7px; background:url(../img/bg/cover_hl_bottom_wide.png) no-repeat; bottom:0; left:0;}
	/*
	 * 	Scrollable
	 */
	/* 
		root element for the scrollable. 
		when scrolling occurs this element stays still. 
	*/ 
	 #highlights_wide div.scrollable { height:340px; overflow:hidden; position:relative; width:621px;	top:5px; left:5px; } 
	/* 
		root element for scrollable items. Must be absolutely positioned 
		and it should have a extremely large width to accomodate scrollable items. 
		it's enough that you set width and height for the root element and 
		not for this element. 
	*/ 
	#highlights_wide div.scrollable div.items { 
		/* this cannot be too large */ 
		width:20000em; 
		position:absolute; 
	} 
	/* 
		a single item. must be floated in horizontal scrolling. 
		typically, this element is the one that *you* will style 
		the most. 
	*/ 
	 #highlights_wide div.scrollable div.items h3 { float:left; height:340px; position:relative; width:621px;} 
	 
	/* you may want to setup some decorations to active the item */ 
	 #highlights_wide div.items div.active { border:1px inset #ccc;  background-color:#fff; }

	 #highlights_wide .prevPage,
	 #highlights_wide .nextPage { width:28px; height:60px; position:absolute; top:150px; z-index:99; cursor:pointer; }
	 #highlights_wide .prevPage { left:17px; background:url(../img/bg/hl_prev.png) no-repeat;}
	#highlights_wide .nextPage { left:590px; background:url(../img/bg/hl_next.png) no-repeat; }

 
/*web radio*/
#web_radio { width:185px; height:350px; float:right; position:relative;}
	#web_radio .cover {background:url(../img/bg/cover_web_radio.png) no-repeat; width:185px; height:350px; position:absolute; top:0; left:0; z-index:99;}
	#web_radio ul {height:200px; left:7px; position:absolute; top:42px; width:171px; z-index:999; }
		#web_radio ul li { float:left; }
		#web_radio ul a {display:block; float:left;  height:37px; width:171px; background:url(../img/btn/bg_radio.gif) no-repeat; cursor:pointer;}
		#web_radio ul a:hover { background-position:0 -37px;}
			#web_radio ul a span { float:left; padding:7px 5px; display:block; position:relative; left:0!important; left:5px;}
	#web_radio .meteo { bottom:6px!important; bottom:4px; height:75px; left:7px; position:absolute; width:171px; z-index:9; color:#fff; }
		#web_radio .meteo .gradi { position:absolute; right:5px; top:10px; font-weight:bold; font-size:26px; }
		#web_radio .meteo .luogo { position:absolute; left:10px; bottom:0px; font-weight:bold; text-transform:uppercase;font-size:20px; }
		
	#web_radio .cover_top,
	#web_radio .cover_right,
	#web_radio .cover_left{ display:block; position:absolute; z-index:999; clear:both; }
	#web_radio .cover_top { background:url("../img/bg/cover_radio_top.png") no-repeat scroll -5px 0; height:14px;
left:6px!important; left:2px; top:37px; width:181px;}
	#web_radio .cover_left { background:url("../img/bg/cover_radio_left.png") no-repeat scroll -2px -3px; height:220px;  left:4px;top:51px!important; top:49px; width:10px;} 
	#web_radio .cover_right { background:url(../img/bg/cover_radio_right.png) no-repeat; height:220px;  right:2px!important; right:0; top:51px;
width:8px; }
		
	
/*blog*/
.index #left_content #blog { background:url(../img/bg/bg_index_blog.jpg) no-repeat; float:left; font-size:12px; height:118px; padding:47px 10px 10px 12px; width:193px; overflow:hidden; position:relative; margin-bottom:15px; }
	.index #left_content #blog a { font-weight:bolder; }
		.index #left_content #blog a img { float:left; margin-right:8px; }
	.index #left_content #blog p {  line-height:13px; float:none; }	
	.index #left_content #blog .cover { display:block; left:12px; position:absolute; top:47px; z-index:99; width:85px; height:85px; background:url(../img/bg/cover_index_blog.png) no-repeat; cursor:pointer; }
	
/*on air*/	
#on_air { width:405px; height:175px; float:right; position:relative; background:url(../img/bg/bg_on_air.jpg) no-repeat;}
	#on_air .diretta { float:left; width:160px; margin:33px 0 0 20px; display:inline; height:135px; position:relative; }
		#on_air .diretta img{ width:150px; height:90px; float:left; }
		#on_air .diretta strong { clear:both;color:#FFFFFF;float:left;font-size:12px;line-height:11px;margin-top:-18px;padding:0 10px;width:130px; position:relative; z-index:999;font-weight:bolder;}
		#on_air .diretta .cover { width:150px; height:90px; position:absolute; background:url(../img/bg/cover_on_air.png) no-repeat; top:0; left:0; }
		#on_air .diretta a { bottom:0; display:block; height:27px; left:0; position:absolute; width:155px;}
	#on_air .palinsesto ul { float:right; width:200px; _width:215px; *width:215px; position:relative; height:130px; margin:33px 13px 0 0; _margin:33px 8px 0 0; *margin:33px 8px 0 0; display:inline; overflow-y:auto; overflow-x:hidden; position:relative; left:0; _left:-5px; *left:-6px;  }
		#on_air .palinsesto a {  background:url(../img/bg/bg_index_palinsesto.jpg) repeat-x; display:block; font-size:11px; font-weight:normal; height:14px; padding:3px 10px; width:180px;}
		#on_air .palinsesto a:hover,
		#on_air .palinsesto a.current{ background-position:0 -20px;}
		#on_air .palinsesto a strong {font-size:12px; font-weight:bolder;}

	#on_air .palinsesto .cover_top,
	#on_air .palinsesto .cover_bottom,
	#on_air .palinsesto .cover_right,
	#on_air .palinsesto .cover_left{ display:block; position:absolute; z-index:999; clear:both; }
	#on_air .palinsesto .cover_top { background:url("../img/bg/cover_palinsesto_top.png") no-repeat scroll 0 0; height:9px;
right:13px; top:33px; width:201px;}
	#on_air .palinsesto .cover_left {background:url("../img/bg/cover_palinsesto_left.png") no-repeat 0 -1px; height:113px; right:203px; top:42px; width:11px;} 
	#on_air .palinsesto .cover_right {background:url("../img/bg/cover_palinsesto_right.png") no-repeat 0 0; height:4px;
right:13px; top:42px;width:3px;} 
	#on_air .palinsesto .cover_bottom { background:url("../img/bg/cover_palinsesto_bottom.png") no-repeat scroll 0 0; height:8px; right:13px; top:155px; width:201px;}  

			
	
	
/* Programmi
 ********************************************************/
.programmi #highlight_2{ float:left; clear:none;}
.programmi #highlight_3{ float:right; clear:none;}
 
#highlight_1 .body,
#highlight_2 .body,
#highlight_3 .body { padding:0;} 
	#highlight_1 .body a img { left:7px; position:relative; top:6px; height:247px; }
	#highlight_2 .body a img,
	#highlight_3 .body a img	 { left:7px; position:relative; top:6px; height:251px; width:296px; }
	#highlight_1 .body .cover {  background:url(../img/bg/cover_hl_wide.png) no-repeat; height:259px; width:629px;}
	#highlight_2 .body .cover,
	#highlight_3 .body .cover {  background:url(../img/bg/cover_hl_half.png) no-repeat; height:263px; width:310px;}
	#highlight_1 .body .info {left:400px; position:absolute; top:25px; width:200px; }
	#highlight_2 .body .info,
	#highlight_3 .body .info{left:30px; position:absolute; top:150px; width:250px;}
		#highlight_1 .body .info p,
		#highlight_2 .body .info p,
		#highlight_3 .body .info p{ color:#fff; font-size:12px; margin:10px 0; }
		
		#highlight_1 .body .info p .titolo{ color:#fff; font-size:22px; text-transform:uppercase; }
		
		
 	
/*palinsesto*/
#right_content #palinsesto .tabs { display::block; background:url(../img/bg/days.jpg) no-repeat; width:286px; height:48px; position:relative; left:7px; margin-top:5px; }
	#right_content #palinsesto .tabs li{padding-right:2px; display:block;}
	#right_content #palinsesto .tabs li.do { padding:0;}
		#right_content #palinsesto .tabs li a{ background:url(../img/bg/days.jpg) no-repeat; height:47px; display:block; }
		
		#right_content #palinsesto .tabs li.lu a{ background-position:0 0; width:38px; }
		#right_content #palinsesto .tabs li.lu a.current,
		#right_content #palinsesto .tabs li.lu a:hover { background-position:0 -48px;}
		
		#right_content #palinsesto .tabs li.ma a{ background-position:-40px 0;  width:40px; }
		#right_content #palinsesto .tabs li.ma a.current,
		#right_content #palinsesto .tabs li.ma a:hover { background-position:-40px -48px;}
		
		#right_content #palinsesto .tabs li.me a{ background-position:-82px 0; width:40px; }
		#right_content #palinsesto .tabs li.me a.current,
		#right_content #palinsesto .tabs li.me a:hover { background-position:-82px -48px;}
		
		#right_content #palinsesto .tabs li.gi a{ background-position:-124px 0; width:40px; }
		#right_content #palinsesto .tabs li.gi a.current,
		#right_content #palinsesto .tabs li.gi a:hover { background-position:-124px -48px;}
	
		#right_content #palinsesto .tabs li.ve a{ background-position:-166px 0; width:40px; }
		#right_content #palinsesto .tabs li.ve a.current,
		#right_content #palinsesto .tabs li.ve a:hover { background-position:-166px -48px;}
		
		#right_content #palinsesto .tabs li.sa a{ background-position:-208px 0; width:40px; }
		#right_content #palinsesto .tabs li.sa a.current,
		#right_content #palinsesto .tabs li.sa a:hover { background-position:-208px -48px;}
		
		#right_content #palinsesto .tabs li.do a{ background-position:-250px 0; width:36px; }
		#right_content #palinsesto .tabs li.do a.current,
		#right_content #palinsesto .tabs li.do a:hover { background-position:-250px -48px;}
	
#right_content #palinsesto .panels ol { background:#fff; position:relative; left:7px; padding:5px 0; width:286px; height:183px; overflow-y:auto; overflow-x:hidden; }
	#right_content #palinsesto .panels ol a { font-size:13px;font-weight:normal; padding:5px 10px; width:266px; display:block;}
	#right_content #palinsesto .panels ol a:hover{ background:#f3a755}
	#right_content #palinsesto .panels ol a strong { padding-right:5px;}
	
/*fotogalery*/
#fotogallery { float:left; font-size:12px; overflow:hidden; position:relative; margin-bottom:18px;; }
	#fotogallery h3 {position:relative; height:85px; width:85px; display:inline; float:left; margin:0 4px;}
	#fotogallery h3 a { cursor:pointer;  } 
		#fotogallery h3 a img {height:85px; width:85px; z-index:9;}
		#fotogallery h3 a .cover {z-index:99; width:85px; height:85px; background:url(../img/bg/cover_index_blog.png) no-repeat; cursor:pointer;}

	/*
	 * 	Scrollable
	 */
	/* 
		root element for the scrollable. 
		when scrolling occurs this element stays still. 
	*/ 
	#fotogallery div.scrollable {height:110px; left:36px; overflow:hidden; position:relative; top:5px; width:558px; } 
	/* 
		root element for scrollable items. Must be absolutely positioned 
		and it should have a extremely large width to accomodate scrollable items. 
		it's enough that you set width and height for the root element and 
		not for this element. 
	*/ 
	#fotogallery div.scrollable div.items { 
		/* this cannot be too large */ 
		width:20000em; 
		position:absolute; 
	} 
	/* 
		a single item. must be floated in horizontal scrolling. 
		typically, this element is the one that *you* will style 
		the most. 
	*/ 
	#fotogallery div.scrollable div.items div { float:left; position:relative; height:85px; width:558px; overflow: hidden;} 
	 
	/* you may want to setup some decorations to active the item */ 
	#fotogallery div.items div.active { border:1px inset #ccc;  background-color:#fff; }

	#fotogallery .prevPage,
	#fotogallery .nextPage { width:27px; height:48px; position:absolute; top:45px; z-index:99; cursor:pointer; }
	#fotogallery .prevPage { left:6px; background:url(../img/bg/eventi_prev.png) no-repeat;}
	#fotogallery .nextPage { right:6px; background:url(../img/bg/eventi_next.png) no-repeat; }
	
	
/* Personaggi
 ********************************************************/
.personaggi #blog,
.personaggi_dettaglio #blog { padding:0; font-size:12px;}
.personaggi #blog .body,
.personaggi_dettaglio #blog .body { padding-bottom:10px; }
	.personaggi #blog a,
	.personaggi_dettaglio #blog a { font-weight:bolder; }
		.personaggi #blog a img,
		.personaggi_dettaglio #blog a img { float:left; margin:0 8px 0 12px; }
	.personaggi #blog p,
	.personaggi_dettaglio #blog p {  float:none; padding-right:12px; }	
	.personaggi #blog .cover,
	.personaggi_dettaglio #blog .cover { display:block; left:12px; position:absolute; top:20px; z-index:99; width:85px; height:85px; background:url(../img/bg/cover_index_blog.png) no-repeat; cursor:pointer; }
	 
#scheda_personaggio .scheda { background:#fff url(../img/bg/bg_body_corner_shadow.jpg) repeat-y; left:7px; padding:15px 10px 7px; position:relative; margin-top:-15px; width:596px; float:left;  }
#scheda_personaggio .head img { top:13px;}
	#scheda_personaggio .scheda .head{ background:#fff url(../img/bg/bg_top_corner_shadow.jpg) no-repeat; left:0px; padding:0 10px; position:absolute; top:0; width:596px; height:15px; padding:0 10px; float:left; overflow:hidden;}
	#scheda_personaggio .scheda .foot{ background:#fff url(../img/bg/bg_bottom_corner_shadow.jpg) no-repeat left top; left:0; padding:10px; position:absolute; bottom:0!important; bottom:-1px; width:596px; height:7px; padding:0 10px; float:left; clear:both; overflow:hidden;  }
	#scheda_personaggio .scheda p { font-size:12px; margin-bottom:15px; }
	#scheda_personaggio .scheda img { float:left; margin:-15px 8px 0 -10px; position:relative; z-index:9999; }
	#scheda_personaggio .scheda h3 {font-size:22px; font-weight:bold; margin-bottom:10px; }
	#scheda_personaggio .cover {background:url(../img/bg/cover_personaggio_dettaglio.png) no-repeat; height:245px; left:0; position:absolute; top:0; width:320px; z-index:9999;}


#bacheca{ margin-top:18px;}	
	#bacheca .messaggi { background:#fff url(../img/bg/bg_body_corner_shadow.jpg) repeat-y; left:7px; padding:15px 10px; position:relative; margin-top:-15px; width:596px; overflow:hidden  }
	#bacheca .head img { top:13px;}
		#bacheca .messaggi .head{ background:#fff url(../img/bg/bg_top_corner_shadow.jpg) no-repeat; left:0px; position:absolute; top:0; margin:0; width:596px; height:15px; padding:0 10px; overflow:hidden;}
		#bacheca .messaggi .foot{ background:url(../img/bg/bg_bottom_corner_shadow.jpg) no-repeat left top; left:0px; padding:10px;  position:absolute; bottom:0!important; bottom:-1px; margin:0; width:596px; height:7px; padding:0 10px; clear:both;  overflow:hidden;}
		#bacheca .messaggi p { font-size:12px; margin-bottom:15px; }
		#bacheca .messaggi strong { font-size:13px; }
		#bacheca .messaggi img { float:left; margin:0 8px 0 0; }
		#bacheca .messaggi h3 {font-size:22px; font-weight:bold; margin-bottom:10px;}
	#bacheca form { float:left; clear:both;}
		#bacheca form textarea{ width:580px; height:120px; border:1px solid #512e04; margin:20px 0 20px 13px; display:inline; padding:10px;}
		#bacheca form button { background:none; border:0; padding:0; float:left; margin:0 0 0 535px; _margin:0 0 0 525px; *margin:0 0 0 525px; display:inline; cursor:pointer}

#news { font-size:12px;}	
#news a.thumb { margin-left:2px; display:block;}	
	#news a.thumb img { position:relative;  top:6px; left:6px; margin-bottom:15px; }
	#news a.thumb strong{ margin:2px 10px 10px; float:left; width:278px; display:inline; cursor:pointer;}
	#news a.thumb .cover { background:url(../img/bg/cover_news.png) no-repeat; width:295px; height:187px; left:2px;}
	#news p { padding:10px;}
	#news a.readAll { margin:10px 0 0 10px; float:left; clear:both;}	
	
 .personaggi_dettaglio #lanci .head img { top:10px;}
 #bacheca .pager { left:10px;}

 /* Commons
 ********************************************************/
/*cerca*/
#cerca { width:300px; height:30px; background:url(../img/bg/cerca.jpg) no-repeat; height:35px; position:relative; margin-bottom:10px;}
	#cerca button { height:22px; position:absolute; right:28px; top:7px; width:22px; border:0; background:none; cursor:pointer; }
	#cerca input { font:12px Arial; left:85px; position:absolute; top:10px; width:160px;}

/*adv*/
#right_content .adv { text-align:center; margin-bottom:10px; }	
	#right_content .adv p{ font-size:11px; }
	
/*social*/
#social  {  background:url(../img/bg/social.jpg) no-repeat; height:35px; position:relative; }	
	#social a { text-indent:-9999px; width:23px; height:23px; position:absolute; top:5px; }
	#social a.facebook { left:237px;}
	#social a.twitter { left:265px; }
	

/*videolina shopping*/
#videolina_shopping a {position:relative; float:left; left:2px; }
	#videolina_shopping a img { float:left;height:180px;margin:5px 0 0 5px;width:287px; display:inline;}
	#videolina_shopping a .cover { background:url(../img/bg/cover_videolina_shopping.png) no-repeat; width:295px; height:185px; }
	
/*podcast*/
#podcast,
#right_content #blog{  float:left; font-size:12px; overflow:hidden;  }
	#podcast h3 img,
	#right_content #blog h3 img {/*top:4px;*/}
	#podcast .lancio,
	#right_content #blog .lancio {position:relative; padding:12px 12px 0;}
		#podcast .lancio a,
		#right_content #blog .lancio a { font-weight:bolder; }
			#podcast .lancio a img,
			#right_content #blog .lancio a img { float:left; margin-right:8px; }
		#podcast .lancio p,
		#right_content #blog .lancio p { padding-right:10px; line-height:13px; float:none; }	
		#podcast .lancio .cover,
		#right_content #blog .lancio .cover { display:block; left:12px!important; left:-93px; position:absolute; top:12px; z-index:99; width:85px; height:85px; background:url(../img/bg/cover_index_blog.png) no-repeat; cursor:pointer; }
			
		#podcast dl { padding:12px; margin-top:-5px;}	
			#podcast dt { width:270px; padding:15px 0 0;}
			#podcast dd.actions { background:url(../img/btn/preview_scarica.gif) no-repeat; height:15px; float:right; margin-top:0; position:relative; width:109px; position:relative;}
				#podcast dd.actions a { height:15px; display:block; position:absolute; top:0; text-indent:-9999px; }
				#podcast dd.actions a.preview { left:0; width:52px; }
				#podcast dd.actions a.scarica { left:63px; width:46px; }
		
/*webcam*/	
#web_cam .head img { top:9px}

/*eventi*/
#eventi .head img { top:9px}
#eventi { float:left; font-size:12px; overflow:hidden; position:relative; margin-bottom:18px;; }
	#eventi h3 img {top:7px;}
	#eventi h4 a { cursor:pointer; } 
		#eventi h4 a img {height:181px; margin:0 0 0 2px; width:287px; z-index:9;}
		#eventi h4 a .info { background:url(../img/bg/eventi_info.png) no-repeat; height:37px; left:12px; position:absolute; top:144px;width:267px; z-index:9;}
		#eventi h4 a .title { display:block; height:25px; width:248px; z-index:99; font-size:14px; color:#fff; position:relative; top:10px; left:10px; font-weight:bolder; text-align:center}
	#eventi .cover_top,
	#eventi .cover_right,
	#eventi .cover_left{ display:block; position:absolute; z-index:99; clear:both; }
	#eventi .cover_top { width:296px; height:15px; background:url(../img/bg/cover_eventi_top.png) no-repeat; top:0px; left:2px;}
	#eventi .cover_left { width:10px; height:171px; background:url(../img/bg/cover_eventi_left.png) no-repeat; top:15px; left:2px;}
	#eventi .cover_right { width:8px; height:171px; background:url(../img/bg/cover_eventi_right.png) no-repeat; top:15px; right:2px; }
	/*
	 * 	Scrollable
	 */
	/* 
		root element for the scrollable. 
		when scrolling occurs this element stays still. 
	*/ 
	#eventi div.scrollable { height:185px; width:290px; overflow:hidden; position:relative;	top:5px; left:5px; } 
	/* 
		root element for scrollable items. Must be absolutely positioned 
		and it should have a extremely large width to accomodate scrollable items. 
		it's enough that you set width and height for the root element and 
		not for this element. 
	*/ 
	#eventi div.scrollable div.items { 
		/* this cannot be too large */ 
		width:20000em; 
		position:absolute; 
	} 
	/* 
		a single item. must be floated in horizontal scrolling. 
		typically, this element is the one that *you* will style 
		the most. 
	*/ 
	#eventi div.scrollable div.items h4 { float:left; position:relative; height:185px; width:290px;} 
	 
	/* you may want to setup some decorations to active the item */ 
	#eventi div.items div.active { border:1px inset #ccc;  background-color:#fff; }

	#eventi .prevPage,
	#eventi .nextPage { width:27px; height:48px; position:absolute; top:75px; z-index:99; cursor:pointer; }
	#eventi .prevPage { left:17px; background:url(../img/bg/eventi_prev.png) no-repeat;}
	#eventi .nextPage { left:260px; background:url(../img/bg/eventi_next.png) no-repeat; }
	
	.programmi #eventi .foot { *margin-top:-16px;}
	
/*lanci*/	
#lanci .body{ padding:10px 8px;}

#lanci .lancio {
background:url("../img/bg/bg_lancio.gif") no-repeat scroll 0 0 transparent;
display:inline;
float:left;
font-size:12px;
height:220px;
line-height:normal;
margin:10px 5px 2px;
overflow:hidden;
position:relative;
width:195px;
}


		
			#lanci .lancio h4 a img{ width:170px; height:110px; margin-bottom:5px; float:left;}
			#lanci .cover {background:url(../img/bg/cover_lancio.png) no-repeat; width:171px; height:110px; top:12px; left:12px!important; left:-170px; z-index:99;}
		
		
/*community*/	
#community .head img { top:7px}
#community .body ul { float:left; padding:15px 0 10px 7px;}
	#community .body ul li { float:left; display:inline; position:relative; padding:0 5px; }
		#community .body ul li a{position:relative; display:block; z-index:9;}
			#community .body ul li a img { width:85px; height:85px; float:left}
		#community .body .cover { display:block; left:0!important; left:-85px;position:absolute; top:0; z-index:99; width:85px; height:85px; background:url(../img/bg/cover_index_blog.png) no-repeat; cursor:pointer; }	
		#community .body .tip { display:none; position:absolute; top:78px; left:-45px!important; left:-128px; z-index:999; background:url(../img/bg/tip.png) no-repeat; width:175px; height:42px; display:block; text-align:center; padding-top:15px; font-size:14px;}
		
/*pager*/
.mod630 .pager { width:605px;}
.pager {  clear:both; font-size:12px; float:left; padding: 20px 5px 0; position:relative;  }
    .pager a{ display:block; background:url(../img/bg/bg_pager_num.gif) no-repeat; width:25px; height:15px; padding:5px 0; text-indent:0; text-align:center; float:left; display:inline; padding-right:8px; }
    .pager a.current { color:#DF7E00; }
    .pager a {display:block;}
    .pager a.next { background:url(../img/bg/bg_pager_next.gif) no-repeat; text-indent:-9999px; height:25px; width:75px; position:absolute; top:20px; right:5px; }
    .pager a.prev { background:url(../img/bg/bg_pager_prev.gif) no-repeat; text-indent:-9999px; height:25px; width:75px; position:absolute; top:20px; right:90px;}
	 
	
.head h3 img { position:relative; top:8px; left:5px; float:left;}
.head h2 img { position:relative; top:10px; left:20px; float:left;}

#lanci { margin-bottom:0;}

@charset "utf-8";
.lanci .goBack {
	float:right;
	clear:both;
	font-size:12px;
	margin-bottom:20px;
}

.titolo_lancio {
  clear: both;
	font-size:20px;
	margin-bottom:25px;
  font-weight:bold;
}

.lanci .lancio_post_blog, .lanci .lancio_blog {
	float:left;
	clear:both;
	font-size:12px;
	margin-bottom:30px;
	width:680px;
	position:relative;
}
.lanci .lancio_post_blog a img,  .lanci .lancio_blog a img {
	float:left;
	margin-right:8px;
}
.lanci .lancio_post_blog .actions {
	float:right;
	margin:10px;
}
.lanci .lancio_post_blog .actions a,  .lanci .lancio_post_blog .actions span {
	padding:5px;
	font-weight:bold;
}
.lanci .lancio_blog .action {
	position:relative;
	top:10px;
	font-style:italic;
}
.lanci .post_blog {
	float:left;
	clear:both;
	font-size:12px;
	margin-bottom:30px;
	text-align:center;
	width:630px;
}
.lanci .post_blog .img_preview {
	position:relative;
}
.lanci .post_blog h2 {
	text-align:left;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
}
.lanci .post_blog p {
	text-align:left;
	margin:10px 0;
}
.lanci .blog_big {
background-image:url("../img/cover_blog_big2.png");
background-repeat:no-repeat;
height:110px;
left:0;
position:absolute;
top:0;
width:172px;
z-index:99;
}
.lanci .blog_small {
	background:url(../img/bg/cover_blog_small.png) no-repeat;
	width:185px;
	height:350px;
	position:absolute;
	top:0;
	left:0;
	z-index:99;
}
.lanci .post_blog .img_preview .cover {
	background:url(../img/bg/cover_blog_detail.png) no-repeat;
	width:360px;
	height:230px;
	position:absolute;
	top:0;
	left:135px!important;
	left:0;
	z-index:99;
}
.lanci .data {
	float:left;
	font-size:9px !important;
	font-weight:bold;
	margin-right:8px;
	padding-top: 4px;
}
.lanci .titolo {
	color:#ef7c0b !important;
	float:none;
	font-size:13px ! important;
	font-weight:bold;
	text-transform:uppercase;
	
	padding-right:4px;
}
.lanci .descr_blog{
padding-top:25px;
	}
.lanci .recipient{
	width:600px;}	
	
.clearfix{
	clear:both}	
	
.sizetxt{
	font-size:9px !important;
	float:left;
  font-size:9px !important;
  padding-right:4px;
  padding-top: 4px;
	}