@import "font-awesome.css";
@import "common.css";


/* colors 
verde scuro: #3d505b
verde chiaro: #6babac
azzurro italia: #009dd2
azzurro scuro italia: #006495
grigio: #d4d4d4
*/


/* HOMEPAGE TWITTER */
section.twitter {padding:5px 10px;margin-bottom:10px;background-color:#d4d4d4;}
	section.twitter header {position:relative;}
	section.twitter .bird {position:absolute;top:-6px;left:-28px;background:transparent url(/static/speciale/2012/olimpiadi/images/ico-sprite.png) 0 -75px no-repeat;width:115px;height:40px;}
		.ie6 section.twitter .bird {display:none;}
	section.twitter header h1 {float:left;padding-right:15px;font-family: 'AdelleSemiBold';font-size:14px;line-height:16px;color:#3c505b;font-weight:normal;text-transform:uppercase;text-align:right;width:85px;}
		section.twitter header h1 em {text-transform:none;font-style:normal;}			
	
	/* ticker jquery */
	ul#listticker {float:left;position:relative;width:555px;height:30px;overflow:hidden;}
	ul#listticker li {padding:0;margin-bottom:30px;font-size:13px;line-height:15px;color:#222;font-weight:normal;}
	ul#listticker li a, ul#listticker li a:visited {color:#222;font-weight:normal;text-decoration:none;}	
		ul#listticker li a:hover {color:#3c505b;}	
	ul#listticker li time {font-size:11px;font-style:italic;}	
	

/* APERTURA */
section.apertura {margin-bottom:20px;}
section.apertura article {padding-left:10px;}
section.apertura img {margin-left:-10px;}

section.apertura .content-apertura {position:relative;margin-bottom:5px;}
	.ie6 section.apertura .content-apertura {height: 1%}

section.apertura .content-apertura .layer {display:block;position:absolute;bottom:0;left:-10px;}
section.apertura .layer hgroup {background:transparent url(/static/speciale/2012/olimpiadi/images/bg_apertura.png) right top no-repeat;padding:10px 30px 0 10px;}
	.ie6 section.apertura .layer hgroup,.ie7 section.apertura .layer hgroup {background-color:#fff;padding-right:10px;}

/*Share Button*/
.has-sharebutton {padding-bottom:0}
.share-button {position: relative;display:inline-block;zoom: 1;cursor: pointer;padding:0;margin:0 0 5px 10px;background:transparent url(/static/speciale/2012/olimpiadi/images/ico-sprite.png) 1px -179px no-repeat;width:22px;height:22px;}
	.share-button:hover {background-position:-98px -179px}
	section.apertura .share-button {background-color:transparent!important;}
	
.ie .share-button {visibility:visible}
.share-balloon { display:none;width:240px; height:20px; position: absolute;top:-36px; left:-10px; z-index: 3000;background-color: #fff; padding: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;border:3px #dedede solid;-webkit-box-shadow: 0px 0px 6px 0px #000;-moz-box-shadow: 0px 0px 6px 0px #000; box-shadow: 0px 0px 6px; background:#fff url(https://puntoitalia.online/static/images/detail/2010/loader.gif) center center no-repeat}
/*.ie6 .share-balloon, .ie7 .share-balloon, .ie8 .share-balloon {width:240px }*/
.share-balloon:before { content:""; position: absolute; left: 12px; bottom: -6px; width: 0; height: 0; border-left: 5px solid transparent; border-top: 5px solid #dedede; border-right: 5px solid transparent}
.share-balloon ul:before, .share-balloon ul:after { content: ""; display: table}
.share-balloon ul:after { clear: both}
.share-balloon ul { zoom: 1;display:none }
.share-balloon li { float:left; list-style-type:none}
.share-balloon li.share-fb {width:130px}
.share-balloon li.share-tw {width:110px}
.share-balloon li.share-gp {width:80px}
.aperture .share-balloon li iframe {padding:0}
	

/* headers */
section.apertura h1 {font-size:32px;line-height:32px;font-weight:bold;letter-spacing: -0.05em;}
	section.apertura h1 a,section.apertura h1 a:visited {color:#3d505b;text-decoration:none;}

section.apertura h2 {font-size:24px;line-height:24px;font-weight:bold;color:#6babac;letter-spacing: -0.03em;}
	section.apertura h2 a,section.apertura h2 a:visited {color:#6babac;text-decoration:none;}
	
	section.apertura h1 a:visited {color:#3d505b;text-decoration:none;}
	
section.apertura h3 {font-size:14px;line-height:16px;}

p.summary {display:block;font-size:13px;line-height:16px;}
	section.apertura p.summary {margin-top:5px; font-size: 14px; line-height: 18px;} 
	section.calcio p.summary,section.altrisport p.summary {margin-top:3px;line-height:16px;} 
	p.summary a,p.summary a:visited {font-weight:bold;color:#3d505b;text-decoration:none;}
	
aside {margin-top:3px;font-size:95%;}
	aside a,aside a:visited {float:left;margin-right:10px;color:#3d505b;text-decoration:none;font-weight:bold;line-height:1.2em;}
	aside a em.author,aside a:visited em.author {font-weight:normal;color:#3d505b;}
	
	section.apertura aside {width:670px; font-size: 100%;}
	section.calcio aside {width:200px;}
	section.altrisport aside {width:210px;font-size: 95%;}
	article.sottoriapertura aside {width:420px;}

aside:before, aside:after { content: ""; display: table; }
aside:after { clear: both; }
aside { zoom: 1; }

/* colori */
section.apertura h1 a:hover,aside a i,aside a:visited i,aside a:hover,p.summary a:hover {color:#8e929a;}
p.summary a strong,p.summary a:visited strong,aside a strong,aside a:visited strong,aside a:hover i {color:#6babac;}  
p.summary a:hover strong,section.apertura h2 a:hover {color:#8e929a;}

/* APERTURA XXL differenze */
section.apertura.xxl {margin-bottom:30px;}
section.apertura.xxl img {width:990px;}
section.apertura.xxl h1 {font-size:36px;line-height:36px;}
section.apertura.xxl h2 {font-size:28px;line-height:28px;}
section.apertura.xxl p.summary {font-size:16px;line-height:20px;}

/* HOMEPAGE RIAPERTURA */
section.riapertura {padding:10px 0 10px 14px;margin-bottom:30px;background-color:#fff;border:3px solid #3d505b;}
	section.riapertura article {float:left;margin-right:20px;width:200px;}
		.ie6 section.riapertura article {display:inline;}
		
	/* parte comune con il rullo */
	.contentimg {position:relative;}
		.ie6 .contentimg {height: 1%}
		
	.contentimg .share-button {position:absolute;bottom:12px;left:5px;margin:0;}
	
	section.riapertura article h1 {font-size:16px;line-height:16px;letter-spacing: -0.01em;margin-bottom:3px;}
		section.riapertura article h1 a,section.riapertura article h1 a:visited {font-weight:bold;color:#3d505b;text-decoration:none;}
		section.riapertura article h1 a:hover {color:#8e929a;}
	section.riapertura article p.summary {line-height:14px;}
	section.riapertura aside {margin-top:0;}
	
	
/* HOMEPAGE RIAPERTURA */
section.riapertura2 {position:relative;padding:15px 0 0 20px;margin-bottom:10px;color:#fff;background-color:#009dd2;}
	section.riapertura2 p.overtitle {color:#fff;font-family:'AdelleSemiBold';font-size:20px;line-height:20px;font-weight:normal;margin-bottom:5px;padding-left:60px;}
		section.riapertura2 p.overtitle a,section.riapertura2 p.overtitle a:visited {color:#fff;}
		section.riapertura2 p.overtitle a:hover {color:#b6dff1;}
	
	/* bandiera sul box italia */
	article.sottoriapertura p.flag {position:absolute;left:10px;top:5px;padding:0;margin:0;background: url(/static/speciale/2012/olimpiadi/images/ico-sprite.png) no-repeat 0 -470px;width:66px;height:66px;z-index:1000;}
	article.sottoriapertura em.ita {position:absolute;left:0;top:0;padding:0;margin:1px 0 0 1px;background: url(/static/speciale/2012/olimpiadi/images/flag-italia.png) 2px 2px no-repeat;width:66px;height:66px;z-index:1001;}
		
	/* parte comune con il rullo */
	.contentimg {position:relative;}
		.ie6 .contentimg {height: 1%}
	.contentimg .share-button {position:absolute;bottom:12px;left:5px;margin:0;}
	

/* HOMEPAGE RULLO */
section.calcio {float:left;margin:0 10px 0 20px;width:420px;}
section.altrisport {float:left;padding:8px 10px 20px 10px;margin-top:-8px;background-color:#009dd2;width:210px;}
  	.ie6 section.calcio,.ie6 section.altrisport {display:inline;} 
	section.calcio article, section.altrisport article {padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid #8e929a;}
		article.sottoriapertura {float:left;display:inline;padding-bottom:15px;width:420px;}
		section.altrisport article {border-color:#fff;}
		section.altrisport article:last-child {padding-bottom:0;border-bottom:0;}
		
	section.calcio .rullosx {float:left;width:200px;}
	section.calcio .rullodx {float:right;width:200px;}
		section.calcio .rullosx article:last-child,
		section.calcio .rullodx article:last-child {border-bottom:0;}
	
	section.calcio p.overtitle,section.altrisport p.overtitle,section.rullo p.overtitle {padding-top:5px;font-size:13px;}


/* headers */	
section.calcio h1,section.altrisport h1,section.rullo h1 {font-size:16px;line-height:16px;font-weight:bold;letter-spacing: -0.05em;}
	section.calcio h1 a,section.calcio h1 a:visited,
	section.altrisport h1 a,section.altrisport h1 a:visited,
	section.rullo h1 a,section.rullo h1 a:visited {color:#3d505b;text-decoration:none;}

section.calcio h2,section.altrisport h2,section.rullo h2 { padding-top: 1px; font-size:15px;line-height:15px;font-weight:normal;color:#6babac;letter-spacing: -0.02em;}
	section.calcio h2 a,section.calcio h2 a:visited,
	section.altrisport h2 a,section.altrisport h2 a:visited,
	section.rullo h2 a,section.rullo h2 a:visited {color:#6babac;text-decoration:none;}

	section.calcio h1 a:hover,section.altrisport h1 a:hover,
	section.calcio h2 a:hover,section.altrisport h2 a:hover,
	section.rullo h1 a:hover,section.rullo h2 a:hover {color:#8e929a;}

article.sottoriapertura h1 {font-size:22px;line-height:24px;letter-spacing:inherit!important;}
article.sottoriapertura h2 {font-size:19px;line-height:21px;}
section.calcio aside,section.sottoriapertura aside {margin-top:3px;}

/* modifiche per lo sfondo azzurro */
section.riapertura2 article.sottoriapertura h1 a,section.riapertura2 article.sottoriapertura h1 a:visited,
section.riapertura2 article.sottoriapertura h2 a,section.riapertura2 article.sottoriapertura h2 a:visited {color:#fff;text-decoration:none;}
section.riapertura2 article.sottoriapertura p.summary a,section.riapertura2 article.sottoriapertura p.summary a:visited {color:#fff;}
section.riapertura2 article.sottoriapertura p.summary,section.riapertura2 article.sottoriapertura em.author  {color:#fff;}
section.riapertura2 article.sottoriapertura p.summary a strong,section.riapertura2 article.sottoriapertura p.summary a:visited strong {color:#fff;}
	section.riapertura2 article.sottoriapertura p.summary a:hover strong,
	section.riapertura2 article.sottoriapertura aside, section.riapertura2 article.sottoriapertura aside a, section.riapertura2 article.sottoriapertura aside a:visited,
	section.riapertura2 article.sottoriapertura aside a em.author {color:#fff;}
	section.riapertura2 article.sottoriapertura h1 a:hover,section.riapertura2 article.sottoriapertura h2 a:hover,
	section.riapertura2 article.sottoriapertura aside a:hover {color:#b6dff1;}

section.riapertura2 article.sottoriapertura [class^="Articolo"]:before, section.riapertura2 article.sottoriapertura [class*=" Articolo"]:before,
section.riapertura2 article.sottoriapertura [class^="Video"]:before, section.riapertura2 article.sottoriapertura [class*=" Video"]:before,
section.riapertura2 article.sottoriapertura [class^="Foto"]:before, section.riapertura2 article.sottoriapertura [class*=" Foto"]:before,
section.riapertura2 article.sottoriapertura [class^="Audio"]:before, section.riapertura2 article.sottoriapertura [class*=" Audio"]:before,
section.riapertura2 article.sottoriapertura [class^="Interattivo"]:before, section.riapertura2 article.sottoriapertura [class*=" Interattivo"]:before,
section.riapertura2 article.sottoriapertura [class^="Diretta"]:before, section.riapertura2 article.sottoriapertura [class*=" Diretta"]:before {
	color:#fff!important;
}

/* colonna altrisport */
section.altrisport p.overtitle a,section.altrisport p.overtitle a:visited {color:#fff;}
section.altrisport p.overtitle a:hover {color:#b6dff1;}

section.altrisport h1 a,section.altrisport h1 a:visited,
section.altrisport h2 a,section.altrisport h2 a:visited {color:#fff;text-decoration:none;}
section.altrisport p.summary a,section.altrisport p.summary a:visited {color:#fff;}
section.altrisport p.summary,section.altrisport em.author  {color:#fff;}
section.altrisport p.summary a strong,section.altrisport p.summary a:visited strong {color:#3d505b;}
	section.altrisport p.summary a:hover strong,
	section.altrisport aside, section.altrisport aside a, section.altrisport aside a:visited, section.altrisport aside a em.author,
	section.altrisport aside a strong,section.altrisport aside a:visited strong  {color:#fff;}
	section.altrisport h1 a:hover,section.altrisport h2 a:hover,
	section.altrisport aside a:hover {color:#b6dff1;}

section.altrisport [class^="Articolo"]:before, section.altrisport [class*=" Articolo"]:before,
section.altrisport [class^="Video"]:before, section.altrisport [class*=" Video"]:before,
section.altrisport [class^="Foto"]:before, section.altrisport [class*=" Foto"]:before,
section.altrisport [class^="Audio"]:before, section.altrisport [class*=" Audio"]:before,
section.altrisport [class^="Interattivo"]:before, section.altrisport [class*=" Interattivo"]:before,
section.altrisport [class^="Diretta"]:before, section.altrisport [class*=" Diretta"]:before {
	color:#fff!important;
}


/* HOMEPAGE SOTTORULLO */
section.calcio article.last {border-bottom:none;} /* per evitare le doppie linee */
section.sottorullo {float:left;margin:0;padding-top:8px;border-top:2px solid #8e929a;width:420px;}
	section.sottorullo p.overtitle {padding-top:0;}	
	section.sottorullo article {padding:0 0 8px;margin:0 0 5px;border-bottom:1px solid #8e929a;}	
	

/* BOX CALENDARIO */
			
/* box medagliere nel box ITALIA sulla hp */
section.riapertura2 .right-content {float:right;display:inline;width:230px;}
	section.riapertura2 .right-content .box.calendario h1 {font-size:14px;line-height:14px;}
		
	section.riapertura2 .right-content .box.calendario {padding:10px;min-height:100px;}
	section.riapertura2 .right-content .box.calendario article.partita ul a,section.riapertura2 .right-content .box.calendario article.partita ul a:visited {font-size:12px;line-height:26px;}
	
	nav.medagliere-navigation {margin:0!important;width:210px!important;}
	section.riapertura2 .right-content .eventi .slider,section.riapertura2 .right-content .eventi .slider2 {width:210px;}
	section.riapertura2 .right-content .eventi .slider ul,section.riapertura2 .right-content .eventi .slider2 ul {min-height:120px;width:210px;}
	section.riapertura2 .right-content .eventi .slider li,section.riapertura2 .right-content .eventi .slider2 li {min-height:120px;width:170px;}
	section.riapertura2 .right-content .eventi .slider .next {top:45px;right:0;}
	section.riapertura2 .right-content .eventi .slider .prev {top:45px;left:0;}
	section.riapertura2 .right-content .box.calendario article.links a,section.riapertura2 .right-content .box.calendario article.links a:visited {font-size:11px;line-height:12px;color:#fff;text-transform:none;text-decoration:none;}
		
	section.medagliere a,section.medagliere a:visited {color:#fff;font-size:11px;line-height:12px;text-decoration:none;}
		section.medagliere a:hover {color:#9ad7ff;}
		section.medagliere h2 a,section.medagliere h2 a:visited {color:#9ad7ff;}
		section.medagliere h2 a:hover {color:#fff;}
		section.medagliere h2 em {text-transform:none;font-style:normal;}

	.medagliere .slider ul li .disciplina,.medagliere .slider2 ul li .disciplina {padding:0 5px;}
	.medagliere .slider,.medagliere .slider2 {border-bottom:0;}		
				


/* BOX VIDEO DEL GIORNO */
section.riapertura2 .right-content section.video {background-color:#006495;padding:10px 10px 20px;}
	section.video p.overtitle, section.video p.overtitle a,section.video p.overtitle a:visited {color:#fff;font-size:13px;line-height:13px;padding:0;}
	section.video p.overtitle a:hover {color:#b6dff1;}
	section.video img {position:relative;}
		section.video span.icon-video {position:absolute;top:30px;left:65px;background: url(/static/speciale/2012/olimpiadi/images/ico-sprite.png) 0 -610px no-repeat;width:70px;height:70px;}
			section.video a:hover span.icon-video {background-position:-95px -610px;}
			
	section.video h1 {font-size:16px;line-height:16px;font-weight:bold;letter-spacing: -0.03em;}
	section.video h1 a,section.video h1 a:visited {color:#fff;text-decoration:none;}
		section.video h1 a:hover {color:#9ad7ff;}
	



/* MULTIMEDIA */
#content-multimedia {padding:15px 10px 20px 20px;margin-bottom:20px;background-color:#3d505b;color:#fff;clear:both;}
#content-multimedia:before, #content-multimedia:after { content: ""; display: table; }
#content-multimedia:after { clear: both; }
#content-multimedia { zoom: 1; }

#content-multimedia section.multimedia header h1 {margin:0 0 20px 0;font-family:'AdelleSemiBold';color:#fff;font-size:20px;line-height:20px;font-weight:normal;text-transform:uppercase;}
	#content-multimedia section.multimedia section {float:left;}
		.ie6 #content-multimedia section.multimedia section {display:block;}

	#content-multimedia section.multimedia section.video {padding:0;width:960px;}
	#content-multimedia section.multimedia section.fotogallerie {padding:10px 0 0 0;width:960px;}
	
	/* header */
	#content-multimedia section.multimedia section.video h1,
	#content-multimedia section.multimedia section.fotogallerie h1 {margin:0 0 10px 0;font-family:'AdelleSemiBold';color:#fff;font-size:14px;line-height:14px;font-weight:normal;text-transform:uppercase;}
		#content-multimedia section.multimedia section.video h1 {}
			#content-multimedia section.multimedia section.video section.altri h1 {margin-bottom:10px;}
		#content-multimedia section.multimedia h1 a,#content-multimedia section.multimedia h1 a:visited {color:#fff;text-decoration:none;} 
			#content-multimedia section.multimedia h1 a:hover {color:#65a8db;} 
			#content-multimedia section.multimedia h1 a:hover strong {color:#fff;} 
			
	
	/* fotogallerie */
	#content-multimedia section.multimedia section.fotogallerie dl {float:left;margin:0 15px 20px 0;width:90px;}
		#content-multimedia section.multimedia dl dt,
		#content-multimedia section.multimedia section.fotogallerie footer {font-size:11px;line-height:11px!important;}
		#content-multimedia section.multimedia dl dt a,
		#content-multimedia section.multimedia dl dt a:visited,
		#content-multimedia section.multimedia section.fotogallerie footer a,
		#content-multimedia section.multimedia section.fotogallerie footer a:visited {color:#fff;font-weight:normal;text-decoration:none;}
			#content-multimedia section.multimedia dl dt a:hover,
			#content-multimedia section.multimedia section.fotogallerie footer a:hover {color:#6babac;}
		
		#content-multimedia section.multimedia section.fotogallerie footer {text-align:right;adding:0;margin:0;clear:both;background-color:transparent;width:920px;}
		
	
	/* scrollbar */
	.scrollbar-content { clear: both; width: 930px; margin: 0 0 10px;}
	.scrollbar-content ul { float:left;}
	.scrollbar-content li { float:left; width:136px; margin:0 20px 30px 0;line-height:11px; position:relative}
	.scrollbar-content li.last { margin-right:0}
	.scrollbar-content li img { margin-bottom:2px}
	.scrollbar-content li a, .scrollbar-content li a:visited {font-size:11px; text-decoration:none; color:#fff;}
	.scrollbar-content li a:hover {color:#6cacad;}
	
	.scrollbar-content li.all-contents a, .scrollbar-content li.all-contents  a:visited {display:block;widht:136px;background-color:#3d505b; text-align:center;font:14px/80px Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF;}
  .scrollbar-content li.all-contents a:hover {background-color:#3d505b; color:#fff}

	
	.scrollbar-content .viewport { width: 930px; height: 115px; overflow: hidden; position: relative;}
	.scrollbar-content .overview { list-style: none;padding: 0; margin: 0; position: absolute; left: 0; top: 0; }
	.scrollbar-content .overview img { float: left; }
	.scrollbar-content .scrollbar { position: relative; margin: 0 0 5px; clear: both; height: 11px; }
	.scrollbar-content .track { background:#61a4a5; width: 100%; height:11px; position: relative;moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	.scrollbar-content .thumb, .scrollbarcolor .thumb  {height: 11px; cursor: pointer; overflow: hidden; position: absolute; left: 0; top: 0;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;	background-color: #6cacad;background-image: -webkit-gradient(linear, left top, left bottom, from(#c3ddde), to(#6cacad)); background-image: -webkit-linear-gradient(top, #c3ddde, #6cacad); background-image: -moz-linear-gradient(top, #c3ddde, #6cacad);background-image: -ms-linear-gradient(top, #6cacad, #c3ddde); background-image: -o-linear-gradient(top, #c3ddde, #6cacad);background-image: linear-gradient(top, #c3ddde, #6cacad);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c3ddde', EndColorStr='#6cacad');
	}
	.scrollbar-content .thumb .end { background:url(/static/speciale/2012/europei/images/scrollbar-point.png) center center no-repeat; height: 11px;}
	.scrollbar-content .disable { display: none; }