/* CSS Document */
/* CNA-ER STYLE by Giovanni Bellocchio */
/* giallo senape: #D1D18C */


/* NEWS
----------------------------------------------- */
#news #main {width:850px; }
#news #splash {padding:40px 10px 10px 10px; margin-bottom:6px;}
#news H1 
{ 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:25pt; 
	color:#fff; 
	font-weight:normal;
	padding-bottom:20px;
}
#news P.occhiello {font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#D1D18C;margin:0;}

#leftcol 
{
	width:430px;  
	float:left; 
	margin:0 5px 0 0; 
	padding:0 5px 0 5px;
}
#centercol 
{
	/*width:385px;*/
  width:200px;  
	/*float:right;*/
	float:left;
	margin:0 6px 0 0; 
	padding:0 5px 0 5px;
	display:inline;
}

#rightcol 
{
  width:170px;
  /*width:198px;*/ 
  float:left;
  padding:0 5px 0 5px
}

H3 
{
	font-size:0.875em; 
	font-weight:normal; 
	color:#bbb; 
	margin:0; 
	padding:10px 0 10px 0;
	border-bottom:1px dotted #7E7E7E;
}
H4 
{
	margin:0 0 11px 0; 
	padding:5px 0 5px 0; 
	font-size:0.5625em; 
	color:#D1D18C; 
	font-weight:normal; 
	border-bottom:1px dotted #666;
}
H5 {margin:0 0 -1em 0;padding:0; font-size:0.6875em}
#news P {font-size:0.6875em}

#centercol H3 
{
	margin:0 0 10px 0;
}
#centercol P {border-bottom:1px dotted #666; padding:0 0 1em 0;}

#rightcol H3 {border-bottom:1px solid #666; margin:0 0 10px 0;}


.item div {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;line-height:14px}

.player
{
	width:100%;
	height:400px;
	margin-top:20px;
	background-color:#404040;
	border:solid 1px #666666;
	text-align:center;
}

.player span
{
	margin:auto;
	font-size:9pt;
	margin-top:190px;
	display:block;
}

.titoloVideo
{
	background-color:#404040;
	border:solid 1px #666666;
	margin-top:10px;
	padding:4px;
}

.titoloVideo .contenuto
{
	width:100%;
}

.titoloVideo .durata
{
	width:60px;
	float:right;
	text-align:center;
}

.titoloVideo .durata span
{
	display:block;
	color:#666666;
	font-size:7.5pt;
	text-transform:uppercase;
}

.titoloVideo .durata div
{
	width:100%;
	height:20px;
	line-height:20px;
	background-color:#2a2a2a;
	margin-top:2px;
	color:#c9c97c;
	font-size:9pt;
}

.titoloVideo .titolo
{
	display:block;
	margin-top:9px;
	color:#c9c97c;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	float:left;
	padding-left:10px;
	font-size:10pt;
}

.testoVideo
{
	margin-top:10px;
	padding:4px;
}

.testoVideo .contenuto
{
	width:100%;
	font-size:9pt;
	text-align:justify;
}

#centercol.video
{
	width:385px;
}

.categorieVideo
{
	width:100%;
	margin-top:20px;
	height:30px;
}

.categorieVideo .categorie
{
	width:330px;
	height:100%;
	float:left;
	margin-left:3px;
	position:relative;
	overflow:hidden;
}

.categorieVideo .categorie .scorrevole
{
	position:absolute;
	width:10000px;
	height:26px;
	top:0px;
	left:0px;
}

.categorieVideo a, .categorieVideo span
{
	float:left;
	width:100px;
	margin-left:6px;
	height:26px;
	background-color:#2a2a2a;
	border:solid 1px #666666;
	display:inline-block;
	line-height:26px;
	font-size:8pt;
	text-align:center;
	text-decoration:none;
	color:#666666;
}

.categorieVideo a:hover, .categorieVideo span
{
	color:#c9c97c;
	background-color:#404040;
	font-weight:bold;
}

.categorieVideo a.pulsante
{
	width:25px;
	display:block;
	height:26px;
	border:none;
	margin:0px;
}

.categorieVideo .pulsante.sx
{
	float:left;
	background:url(/areavideo/img/frecciaSx.png) no-repeat center center transparent;
}

.categorieVideo .pulsante.sx:hover
{
	background:url(/areavideo/img/frecciaSxHover.png) no-repeat center center transparent;
}

.categorieVideo .pulsante.dx
{
	float:right;
	background:url(/areavideo/img/frecciaDx.png) no-repeat center center transparent;
}

.categorieVideo .pulsante.dx:hover
{
	background:url(/areavideo/img/frecciaDxHover.png) no-repeat center center transparent;
}

.archivioVideo
{
	height:620px;
	background-color:#404040;
	margin-top:10px;
	padding:10px;
}

.archivioVideo .contenuto
{
	width:100%;
}

.archivioVideo .dettaglioCategoria
{
	width:100%;
	font-size:8.5pt;
	text-align:justify;
}

.archivioVideo .dettaglioCategoria img
{
	float:left;
	border:solid 5px #2a2a2a;
	margin-right:10px;
	margin-bottom:3px;
}

.archivioVideo .dettaglioCategoria .titolo
{
	display:block;
	border-bottom:solid 1px #2a2a2a;
	color:#c9c97c;
	font-weight:bold;
}

.archivioVideo .dettaglioCategoria span
{
	padding-top:8px;
	padding-bottom:8px;
	display:block;
}

.archivioVideo .pulsanti
{
	width:100%;
	margin-top:20px;
	height:16px;
	line-height:16px;
}

.archivioVideo .pulsanti span
{
	float:left;
	color:#c9c97c;
	font-size:8pt;
}

.archivioVideo .pulsanti a
{
	width:16px;
	height:15px;
	display:block;
	float:right;
}

.archivioVideo .pulsanti .giu
{
	background:url(/areavideo/img/frecciaGiu.png) no-repeat top left transparent;
	margin-right:5px;
}

.archivioVideo .pulsanti .giu:hover
{
	background:url(/areavideo/img/frecciaGiuHover.png) no-repeat top left transparent;
}

.archivioVideo .pulsanti .su
{
	background:url(/areavideo/img/frecciaSu.png) no-repeat top left transparent;
}

.archivioVideo .pulsanti .su:hover
{
	background:url(/areavideo/img/frecciaSuHover.png) no-repeat top left transparent;
}

.archivioVideo .video
{
	width:100%;
	height:435px;
	margin-top:12px;
	position:relative;
	overflow:hidden;
	font-size:8pt;
}

.archivioVideo .video .elencoScorrevole
{
	position:absolute;
	width:365px;
	top:0px;
	left:0px;
	height:10000px;
}

.archivioVideo .video a
{
	display:block;
	width:363px;
	height:78px;
	margin-top:7px;
	background:url(/areavideo//img/frecciaVideo.png) no-repeat 345px 10px #2a2a2a;
	border:solid 1px #2a2a2a;
	text-decoration:none;
	cursor:pointer;
	
}

.archivioVideo .video a:hover, .archivioVideo .video a.selezionato
{
	background:url(/areavideo//img/frecciaVideoHover.png) no-repeat 345px 10px #2a2a2a;
	border:solid 1px #c9c97c;
}

.archivioVideo .video a.selezionato
{
	cursor:default;
}

.archivioVideo .video a .contenuto
{
	width:351px;
	height:66px;
	float:left;
	margin-left:6px;
	margin-top:6px;
	display:inline;
}

.archivioVideo .video a .contenuto img
{
	float:left;
	width:64px;
	height:64px;
	border:solid 1px #404040;
}

marquee
{
	width:190px;
	display:block;
	float:left;
}

.archivioVideo .video a .contenuto .titolo
{
	display:block;
	float:right;
	width:275px;
	height:25px;
	line-height:20px;
	color:#c9c97c;
	border-bottom:solid 1px #404040;
}

.archivioVideo .video a .contenuto .titolo span.durata
{
	float:right;
	padding-right:20px;
	color:#404040;
	width:65px;
}
.archivioVideo .video a .contenuto .titolo span.durata2
{
	float:right;
	padding-right:5px;
	color:#404040;
	width:65px;
}
.archivioVideo .video a .contenuto .titolo span
{
	float:left;
	width:190px;
}

.archivioVideo .video a .contenuto .descrizione
{
	display:block;
	float:right;
	width:275px;
	height:30px;
	margin-top:8px;
	color:#ffffff;
}

.clear
{
	clear:both;
}

/* RUBRICA
------------------------------------------------ */
.rubrica
{
	padding:5px;
}

.rubrica .intestazione
{
  width:100%;
}

.rubrica .intestazione h5
{
  font-size:15pt;
  font-family: Georgia, Verdana, Arial;
}

.rubrica .intestazione .titolo
{
  float:left;
  width:400px;
  font-size:9pt;
}

.rubrica .intestazione .link
{
  float:right;
  width:400px;
  font-size:9pt;
}

.rubrica .orari
{
	float:left;
	font-size:8pt;
}

.rubrica .orari div
{
	margin-top:2px;
}

.rubrica .orari span
{
	display:block;
	height:18px;
	line-height:18px;
	float:left;
}

.rubrica .giorno
{
	background-color:#333333;
	color:#FFFF99;
	font-size:8pt;
	text-align:center;
	text-transform:uppercase;
	width:100px;
}

.rubrica .orario
{
	margin-left:30px;
}

.rubrica .chiusura
{
	float:right;
	width:447px;
	height:114px;
	background:url(/areavideo//img/sfondoChiusura.jpg) no-repeat top left transparent;
}

.rubrica .chiusura span
{
	color:#FFFF99;
	display:block;
	font-size:8pt;
	font-weight:bold;
	margin-top:20px;
	padding-left:120px;
	text-transform:uppercase;
}

.rubrica .chiusura p
{
	display:block;
	padding-left:120px;
}

.rubrica .numeri
{
	width:100%;
  margin-top:30px;	
}

.rubrica .numeriLeft
{
	float:left;
}

.rubrica .numeriRight
{
	float:right;
}

.rubrica .numeri .logo
{
	width:100%;
	text-align:center;
	height:110px;
}

.rubrica .numeri .logo img
{
	margin:auto;
}

.rubrica .numeri table
{
	width:100%;
	border:0px;
	padding:4px;
	font-size:8pt;
}

.rubrica .numeri table td
{
	width:25%;
	text-align:right;
	border-top:1px dotted #666666;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:top;
}

.rubrica .numeri table tr.legenda td
{
	border-top:0px;
}

.rubrica .numeri table .numero
{
	width:50%;
	color:#bbbbbb;
	text-align:left;
	font-weight:bold;
}

.rubrica .numeri table .dicitura
{
	font-size:7pt;
	text-align:justify;
	color:#bbbbbb;
	padding-left:25px;
	border-top:none;
	background:url(/areavideo/img/spot-doppiafreccinagrigia.gif) no-repeat 15px 9px transparent;
}
