/*STILI DELLA GABBIA */
body,
body * { margin:0; padding:0; border:0; }
body { color:#AAA; background:#333 url(/imgs/bg_body.gif) no-repeat 50% 0; font:13px/16px Arial, Helvetica, FreeSans, sans-serif; }
a { outline:none; text-decoration:none; }
	a img { border:0; }
.clear { clear:both; height:0; overflow:hidden; line-height:0; font-size:0; }
.sep { clear:both; height:2px; overflow:hidden; margin:0 0 14px; padding:14px 0 0; background:url(/imgs/bg_sep01.jpg) no-repeat 0 14px; }

#cont { margin:0 auto; background:#333; }
#cont,
#header,
#main,
#footer { width:955px; overflow:hidden; }

/* colori
azzurro 	color:#3CF;
arancio 	color:#EEB043;
grigio txt 	color:#AAA;
grigio link color:#999; hover color:#CCC;
*/

/**bottone 119x52 giallo**/
.bt119x52 { width:119px; height:52px; overflow:hidden; text-transform:uppercase; text-align:center; letter-spacing:-0.1em; background:url(/imgs/bt_119x52.png) no-repeat 0 0; }
	.bt119x52 a {cursor:pointer; display:block; height:44px; overflow:hidden; padding:3px 5px 0; font-weight:700; font-size:24px; line-height:44px; color:#FFF; }
	.bt119x52 a:hover {cursor:pointer; color:#333; background:url(/imgs/bt_119x52.png) no-repeat 0 -52px; }

/**votazione attiva**/
.boxVoto { width:164px; }
	.boxVoto h4 { height:0; overflow:hidden; line-height:0; }
	.boxVoto .info01 { height:16px; overflow:hidden; color:#EEB043; }
	.boxVoto .box { width:100px; height:26px; overflow:hidden; padding:4px 0 0 64px; background:url(/imgs/bg_vota_hp.gif) no-repeat 0 0; }
	.boxVoto .voto { width:90px; height:16px; overflow:hidden; background:url(/imgs/bg_star_all.gif) no-repeat; list-style:none; }
		.boxVoto .voto li { float:left; }
			.boxVoto .voto li a { float:left; width:18px; height:16px; overflow:hidden; text-indent:-9999px; }
			.boxVoto .voto li a:hover { background:url(/imgs/bg_star_all.gif) no-repeat 0 100%; }

/**box dati n. visualizzazioni*/
.boxDati { width:170px; }
	.boxDati span { color:#3CF; }


/*header*/
#header { position:relative; height:153px; overflow:hidden; background:#000 url(/imgs/bg_header.png) no-repeat 0 0; }
	#header .logoYI { position:absolute; top:44px; left:12px; width:190px; height:55px; overflow:hidden; }
		* html #header .logoYI { background:url(/imgs/logo_yi_190x55.gif) no-repeat 0 0; }
			* html #header .logoYI img { display:none; }

	/*barra Utente*/
	#boxBU { height:26px; overflow:hidden; padding:0 20px; }
		#boxBU h3 { float:right; font-size:13px; line-height:26px; color:#3CF; }
			#boxBU h3 span { font-weight:400; color:#EEB043; }
		#boxBU ul { padding:6px 0; font-size:13px; line-height:14px; list-style:none; }
		#boxBU li { float:left; padding:0 5px 0 0; }
		#boxBU li+li { padding:0 5px; border-left:1px solid #EEB043; }
		* html #boxBU li { padding:0 5px; border-left:1px solid #EEB043; }
			#boxBU li a { color:#999; }
			#boxBU li a:hover { color:#CCC; }

	/*navigazione 1Liv*/
	#navi1L { position:absolute; top:79px; left:256px; width:328px; height:42px; list-style:none; }
		#navi1L li { float:left; width:164px; height:42px; overflow:hidden; font-size:22px; line-height:42px; text-transform:uppercase; text-align:center; }
	#navi1L,
		#navi1L li.att { background:url(/imgs/bg_navi_1liv.png) no-repeat 0 0; }
		#navi1L li#n1LV.att { background-position:0 -42px; }
		#navi1L li#n1LC.att { background-position:-165px -42px; }
			#navi1L a { display:block; height:42px; overflow:hidden; color:#999; }
			#navi1L a:hover { color:#CCC !important; }
			#navi1L li.att a { color:#3CF; }

	/*box Cerca*/
	#boxCerca { position:absolute; top:38px; left:257px; width:326px; }
		#boxCerca * { vertical-align:middle; }
		#boxCerca p { height:38px; overflow:hidden; background:url(/imgs/bg_buca_cerca.png) no-repeat 0 0; }
		#boxCerca .inpTxt { width:228px; overflow:hidden; outline:none; margin:0 14px 0 12px; border:none; color:#333; background:#999; font-size:20px; }
	
	/*link Cam di Com Milano*/
	#lkCdCM { position:absolute; top:35px; left:634px; }

	/*Ticker News*/
	/*#boxNT { position:relative; top:102px; left:0; height:25px; overflow:hidden; }*/
	#boxNT { position:relative; top:-25px; left:0;}
	.tickercontainer { position:absolute; top:0; left:20px; width:915px; height:25px; overflow:hidden; }
		.tickercontainer .mask { width:915px; height:17px; overflow:hidden; padding:4px 0 0; }
			ul.newsTicker { position:relative; left:700px; list-style:none; }
				ul.newsTicker li { float:left; font-size:12px; white-space:nowrap; }
				*:first-child+html ul.newsTicker li { white-space:normal; }
				* html ul.newsTicker li { float:none; display:inline; }
				ul.newsTicker span { padding:0 5px 0 10px; font-weight:700; } 
/*fine header*/

/*footer*/
#footer { margin:1px 0; padding:30px 0; font-size:12px; color:#999; background:url(/imgs/bg_footer.jpg) repeat-x 0 0; }
	#footer a:hover { color:#CCC !important; }
	#footer span { padding:0 2px; color:#EEB043; font-weight:400; }
	#footer p { padding:0 0 0 10px; font-size:12px; line-height:14px; color:#999; }
		#footer p a { color:#999; }
	#footer dl { float:right; margin:-14px 10px 0 0; font-size:12px; line-height:14px; color:#999; }
	#footer dt { display:inline; color:#EEB043; }
	#footer dd { display:inline; font-weight:700; }
		#footer dd a { color:#CCC; }
/*fine footer*/

/*struttura 3 col*/
.colSx { float:left; width:214px; }
.colMd { float:left; width:409px; }
.colDx { float:left; width:332px; }
/*struttura 2 col*/
.colSx2 { float:left; width:600px; }
.colDx2 { float:left; width:355px; }

/**HP**/
/*lancio Carica video*/
#lanCarVid { padding:14px 0 10px; background:#5D5D5D url(/imgs/bg_vr_h28.jpg) repeat-x; }
	#lanCarVid h3 { width:194px; height:81px; overflow:hidden; margin:0 auto; background:url(/imgs/bt_carica_vid_194x81.gif) no-repeat 0 0; }
		#lanCarVid h3 a { display:block; height:81px; text-indent:-9999px; }
		#lanCarVid h3 a:hover { background:url(/imgs/bt_carica_vid_194x81.gif) no-repeat 0 -81px; }

/*box video +votati e +visti*/
#boxVidPiu { width:214px; height:384px; overflow:hidden; margin:0 0 10px; padding-top:5px; background:url(/imgs/bg_videopiu_hp.gif) no-repeat 0 0; }
	#boxVidPiu #boxVidVist { display:none; }
	#boxVidPiu.vist #boxVidVist { display:block; }
	#boxVidPiu h3,
	#boxVidPiu p.lk01 { width:97px; height:26px; overflow:hidden; font-weight:700; font-size:16px; line-height:26px; text-indent:20px; background:url(/imgs/bg_navi_videopiu_hp.gif) no-repeat 0 -26px; }	
	#boxVidPiu h3 { margin:0 10px 5px; color:#3CF; }
	#boxVidPiu p.lk01 { position:absolute; top:0; background-position:0 0; }
		#boxVidVot h3 { padding-right:97px; }
		#boxVidVist h3 { padding-left:97px; }
		#boxVidVot p.lk01 { left:107px; background-position:-97px 0; }
		#boxVidVist p.lk01 { left:10px; }
			#boxVidPiu p.lk01 a { display:block; height:26px; color:#999; }
			#boxVidPiu p.lk01 a:hover { color:#CCC; }
	/*box listing video + #boxVidPiu*/
	#boxVidPiu .listaV { float:left; position:relative; }
		#boxVidPiu .box01 { width:214px; overflow:hidden; }
			#boxVidPiu .box01 h4 { height:70px; overflow:hidden; font-weight:400; font-size:12px; line-height:14px; }
				#boxVidPiu .box01 h4 a { display:block; height:50px; padding:10px 4px 10px 10px; color:#999; }
				#boxVidPiu .box01 h4 a:hover { color:#CCC; background:#272727; }
					#boxVidPiu .box01 h4 a img { float:left; display:inline; width:55px; height:44px; overflow:hidden; margin:0 5px 0 0; border:1px solid #3CF; }
					#boxVidPiu .box01 h4 a:hover img { border-color:#CCC; }

/*box parliamo con*/
#boxParCon { width:194px; overflow:hidden; margin:0 0 10px; padding:6px 10px 0; background:url(/imgs/bg_box_parliamo_con_hp.png) no-repeat 100% 0; }
	#boxParCon h3 { font-size:26px; line-height:28px; }
		#boxParCon h3 span { padding:0 4px; font-size:16px; line-height:20px; color:#333; background:#EEB043; }
		#boxParCon h3 strong { display:block; font-weight:400; color:#FFF; }
	#boxParCon p { margin:0 0 10px;  }
	#boxParCon .bt119x52 { margin:4px auto 10px;  }
	#boxParCon h4 { font-size:16px; line-height:18px; }
		#boxParCon h4 span { font-weight:400; font-size:13px; color:#FFF; }
		#boxParCon h4 strong { display:block; color:#EEB043; }
	#boxParCon .bt01 { width:194px; height:36px; overflow:hidden; margin:0 -10px; padding:0 10px; border-top:1px solid #5F5F5F; border-bottom:1px solid #5F5F5F; font-size:22px; line-height:36px; background:url(/imgs/bg_vr_h36.jpg) repeat-x 0 0; }
		#boxParCon .bt01 a { color:#999; }
		#boxParCon .bt01 a:hover { color:#CCC; }

/*box contenente video/titolo/descrizione/voto/condividi*/
#boxVideo { width:389px; overflow:hidden; padding:0 10px; margin:0 0 10px; }
	#boxVideo .boxVoto { float:left; }
	#boxVideo .boxDati { float:left; height:13px; overflow:hidden; line-height:13px; padding:13px 0 0 10px; }

	/*box player video*/
	.playerVid { width:400px; height:319px; overflow:hidden; margin:0 -10px; padding:6px 2px 9px 7px; background:#000; }
		/*
		.boxImgPrev { position:relative; width:400px; height:319px; overflow:hidden; }
			.boxImgPrev span { position:absolute; top:124px; left:123px; width:145px; height:71px; overflow:hidden; background:url(/imgs/bt_play.png) no-repeat 0 0; text-indent:-9999px; }
			* html .boxImgPrev span { background-image:url(/imgs/bt_play.gif); cursor:pointer; }
		*/
		.playerVid object,
		.playerVid embed,
		.playerVid img { width:400px; height:319px; overflow:hidden; background:#000; }
		.playerVid a.rtmp { display:block; width:400px; height:319px; text-align:center; }
			.playerVid a.rtmp img { background:transparent; margin-top:124px; width:145px; height:71px; }
		.playerVid #boxVideo_url{ color:#EEB043; }


	/*box titolo e descrizione video*/
	.boxTxt { margin:0 0 10px; padding:6px 0 0; }
		.boxTxt h3 { padding:0 0 10px; font-weight:400; font-size:22px; line-height:24px; color:#EEB043; }
		.boxTxt p { padding:0 0 10px; }
			.boxTxt p a { color:#3CF; text-decoration:underline; }
			.boxTxt p a:hover { color:#CCC; text-decoration:none; }
	
	/*box segnala ad un amico*/
	.boxSegnAm {  }
		.boxSegnAm h4 { padding:0 0 3px; font-weight:400; font-size:14px; color:#EEB043; }
			.boxSegnAm p a { font-weight:700; color:#3CF; }
			.boxSegnAm p a:hover { color:#CCC; }

	/*box condividi*/
	.boxCondividi { margin:0 0 10px; }
		.boxCondividi h4 { padding:0 0 3px; font-weight:400; font-size:15px; line-height:17px; color:#EEB043; }
		.boxCondividi ul { position:relative; height:68px; overflow:hidden; margin:-17px 0 0; background:url(/imgs/bg_condividi.png) no-repeat 100% 0; list-style:none; }
		.boxCondividi li { position:absolute; top:0; right:0; }
			.boxCondividi li a { position:absolute; display:block; width:20px; height:38px; overflow:hidden; text-indent:-9999px; }
			.boxCondividi li a:hover { background:url(/imgs/bg_sel_cond.gif) no-repeat 0 30px; }
			.boxCondividi li.lk07 a { right:12px; }
			.boxCondividi li.lk06 a { right:38px; }
			.boxCondividi li.lk05 a { right:64px; }
			.boxCondividi li.lk04 a { right:90px; }
			.boxCondividi li.lk03 a { right:116px; }
			.boxCondividi li.lk02 a { right:142px; }
			.boxCondividi li.lk01 a { right:168px; }
			.boxCondividi li span { position:absolute; top:37px; right:12px; white-space:nowrap; font-size:24px; line-height:30px; color:#666; }

/*navigazione video*/
#boxNavVid { height:328px; overflow:hidden; margin:0 0 1px; padding:6px 5px 0; background:#000 url(/imgs/bg_navi_vid2.jpg) no-repeat 5px 284px; }
	#boxNavVid #tab02,
	#boxNavVid #tab03 { display:none; }
	#boxNavVid .tabBox { height:319px; overflow:hidden; background:url(/imgs/bg_navi_vid.gif) repeat; }
		#boxNavVid .tabBox .b01 { height:80px; overflow:hidden; margin:0 0 1px; padding:12px 12px 0; cursor:pointer; }
			#boxNavVid .tabBox .b01 img { float:left; width:55px; height:44px; margin:0 7px 30px 0; padding:1px; background:#EEB043; }
			#boxNavVid .tabBox .b01 h5 { font-size:20px; line-height:22px; color:#999; }
			#boxNavVid .tabBox .b01 h4 { font-weight:400; font-size:16px; line-height:18px; color:#666; }
		#boxNavVid .tabBox .att,
		#boxNavVid .tabBox .sel { background:#000 url(/imgs/bg_vr_h90.jpg) repeat-x 0 1px;; }
			#boxNavVid .tabBox .att h5,
			#boxNavVid .tabBox .sel h5 { color:#FFF; }
			#boxNavVid .tabBox .att h4,
			#boxNavVid .tabBox .sel h4 { color:#333; }
		#boxNavVid .tabBox ul { position:relative; left:255px; top:4px; width:60px; height:28px; overflow:hidden; background:url(/imgs/bt_pag.png) no-repeat 0 0; list-style:none; }
		#boxNavVid .tabBox li { position:absolute; left:0; top:0; width:28px; height:28px; overflow:hidden; background:transparent url(/imgs/bt_pag.png) no-repeat 0 -28px; }
			#boxNavVid .tabBox li a { display:block; height:0; padding:28px 0 0; background:transparent; }
			#boxNavVid .tabBox li a:hover { background:url(/imgs/bt_pag.png) no-repeat 0 -56px; }
		#boxNavVid .tabBox li.suc { left:32px; background-position:-32px -28px; }
			#boxNavVid .tabBox li.suc a:hover { background-position:-32px -56px; }
	/*Navi numerica*/
	#boxNavVid .navTabN { width:96px; height:24px; overflow:hidden; margin:-33px 10px; background:url(/imgs/bg_num01.png) no-repeat 0 0; list-style:none; }
		#boxNavVid .navTabN li { float:left; width:31px; height:24px; overflow:hidden; padding-right:1px; font-weight:700; font-size:16px; line-height:24px; text-align:center; }
		#boxNavVid .navTabN li a { display:block; height:24px; color:#666; }
		#boxNavVid .navTabN li.att a { cursor:default; }
		#boxNavVid .navTabN li.att a,
		#boxNavVid .navTabN li a:hover { color:#EEB043; background:url(/imgs/bg_num01.png) no-repeat 0 -24px; }
		#boxNavVid .navTabN li.att.tab02 a,
		#boxNavVid .navTabN li.tab02 a:hover { background-position:-32px -24px; }
		#boxNavVid .navTabN li.att.tab03 a,
		#boxNavVid .navTabN li.tab03 a:hover { background-position:-64px -24px; }

/*box Tipo1 (Vostri Video, Tutte le rubriche)*/
.bTipo1 { width:322px; overflow:hidden; margin:0 5px 10px; }
	.bTipo1 h3 { width:307px; height:25px; overflow:hidden; padding:17px 5px 0 10px; font-weight:400; font-size:18px; line-height:20px; color:#3CF; background:url(/imgs/bg_tit_box_w322.png) no-repeat 50% 0; }
	.bTipo1 ul { font-size:15px; line-height:15px; padding:6px 10px 0; list-style:none; }
	.bTipo1 li { float:left; display:inline; margin:0 5px 0 0; padding:4px 0; white-space:nowrap; }
		.bTipo1 li a { float:left; color:#999; padding:0 5px 0 0; border-right:1px solid #EEB043; }
		.bTipo1 li a:hover { color:#CCC !important; }
	.bTipo1 li.att { background:#222; margin-left:-5px; padding-left:5px; }
		.bTipo1 li.att a { color:#3CF; }
.rubriche li:first-child a { color:#EEB043;}

/*menu Archivio*/
#menuArch { position:relative; z-index:10; width:302px; margin:0 5px 10px; padding:7px 10px 0; background:#272727; }
	#menuArch h3 { width:302px; height:26px; overflow:hidden; font-weight:400; font-size:15px; line-height:17px; color:#999; }
	#menuArch .bt01 { position:absolute; top:14px; right:10px; width:14px; height:7px; overflow:hidden; background:url(/imgs/bt_open_close_01.png) no-repeat 0 -7px; }
		#menuArch .bt01 a { display:block; height:7px; overflow:hidden; text-indent:-9999px; }
	#menuArch.open .bt01 { background-position:0 0; }
	#menuArch .tendina { display:none; z-index:100; position:absolute; top:33px; left:0; width:322px; overflow:hidden; background:#272727; }
	#menuArch .bt02 { display:none; }
	#menuArch.open .bt02 { display:block; padding:10px; text-align:right; }
		#menuArch.open .bt02 a { color:#666; }
	#menuArch ul { width:302px; overflow:hidden; padding:0 10px; font-size:13px; line-height:15px; background:#272727; list-style:none; }
	#menuArch li { padding:7px 0; border-bottom:1px solid #666; }
		#menuArch li a { display:block; color:#999; }
		#menuArch li a:hover { color:#CCC; }

/*tagClouds*/
#boxTagClouds { width:322px; overflow:hidden; margin:0 5px 10px; background:url(/imgs/bg_box_tc_top.png) no-repeat 0 0; }
	#boxTagClouds h3 { height:0; overflow:hidden; line-height:0; }
	#boxTagClouds ul { width:290px; overflow:hidden; padding:6px 22px 6px 10px; background:url(/imgs/bg_box_tc_end.png) no-repeat 0 100%; list-style:none; }
	#boxTagClouds li { float:left; display:inline; margin:0 5px 0 0; padding:4px 0; white-space:nowrap; font-size:16px; line-height:18px; text-transform:capitalize; }
	#boxTagClouds li.medium { font-size:15px; }
	#boxTagClouds li.small { font-size:14px; }
	#boxTagClouds li a { float:left; padding:0 5px 2px 0; color:#CCC; }
	#boxTagClouds li a:hover { color:#3CF !important; background:#222; margin-left:-5px; padding-left:5px; }
	#boxTagClouds li.medium a { color:#999; }
	#boxTagClouds li.small a { color:#666; }

/*box lanci tematici*/
#boxLancTema { width:600px; height:310px; overflow:hidden; padding:6px 0 0; background:url(/imgs/bg_bottom_hp.png) no-repeat 0 0; }
	#boxLancTema .box01 { float:left; width:280px; overflow:hidden; padding:10px; }
	#boxLancTema h3 { margin:0 0 25px; font-size:18px; line-height:20px; }
		#boxLancTema h3 a { color:#EEB043; }
		#boxLancTema h3 b { display:block; height:40px; overflow:hidden; margin:0 0 10px; cursor:pointer; }
		#boxLancTema h3 img { display:block; width:120px; height:96px; border:1px solid #666; }
	#boxLancTema p.info { height:48px; overflow:hidden; font-weight:700; font-size:14px; line-height:16px; }
	#boxLancTema p.boxDati { margin:14px 0; }
	#boxLancTema p.intro { height:45px; overflow:hidden; line-height:15px; }

/*box sondaggio*/
.boxSondaggio {float:right; width:325px; height:301px; overflow:hidden; padding:15px 15px 0; background:url(/imgs/bg_bottom_hp.png) no-repeat -600px 0; }
	.boxSondaggio h4 { width:275px; overflow:hidden; margin:0 10px 8px; padding:0 0 0 30px; font-weight:400; font-size:22px; line-height:24px; color:#EEB043; background:url(/imgs/logo_sondaggio_23x23.gif) no-repeat 0 0; }
	.boxSondaggio h3 { width:305px; height:60px; overflow:hidden; margin:0 10px 8px; font-weight:400; font-size:14px; line-height:15px; color:#CCC; }
	.boxSondaggio ol { width:325px; overflow:hidden; margin:0 0 10px; list-style:none; }
		.boxSondaggio ol li { position:relative; padding:4px 65px 5px 25px; border-bottom:1px solid #666; }
		* html .boxSondaggio ol li { background:#525252; }
		.boxSondaggio ol label { font-weight:700; font-size:15px; line-height:17px; color:#EEB043; }
		.boxSondaggio ol input { position:absolute; top:6px; left:6px; width:15px; height:15px; }
		* html .boxSondaggio ol input { margin:0 0 0 -25px; }
		.boxSondaggio ol span { display:none; position:absolute; top:2px; left:260px; width:65px; font-size:20px; line-height:24px; text-align:right; color:#999; }
		* html .boxSondaggio ol span { left:235px; }
	.boxSondaggio .bt119x52 { float:right; display:inline; margin:0 -7px 0 0;}
	.boxSondaggio ul { list-style:none; }
		.boxSondaggio ul li { padding:0 0 10px; font-size:15px; line-height:17px; }
			.boxSondaggio ul li a { color:#999; }
			.boxSondaggio ul li a:hover { color:#CCC; }
	.boxSondaggio .boxStat1 { display:none; }
		.boxSondaggio .boxStat1 p { text-align:center; font-weight:700; font-size:16px; line-height:26px; color:#333; }
			.boxSondaggio .boxStat1 p strong { display:block; font-size:24px; }
	.boxSondaggio.votato ol span,
	.boxSondaggio.votato .boxStat1 { display:block; }
	.boxSondaggio.votato ol input,
	.boxSondaggio.votato .boxStat0 { display:none; }

/*box sondaggio prossimamente*/
.boxSondaggioPros { width:265px; height:271px; overflow:hidden; padding:45px 45px 0; background:url(/imgs/bg_banner_sondaggi_pros.jpg) no-repeat 100% 0; }
	.boxSondaggioPros h4 { padding:0 0 16px; font-weight:400; font-size:32px; line-height:33px; color:#3CF; }
	.boxSondaggioPros p { font-size:20px; line-height:23px; color:#333; }


