/*----- STYLE PRINCIPALE -----------------------------------------------*/
body {
	margin: 0 1px 0 0;
	padding: 0;
	font: .80em verdana, sans-serif;
	background: #FFFFFF url('../img/bback.png');
	background-attachment: fixed;
	color: #000000;
	text-align: center;
}


div { /* border: 1px #000000 solid; /**/}

hr { display:	none }
.alt { display:	none }

#bodyContent {
	width: 800px;
	text-align: left;
	margin: 0 auto;
	background: #DDF0FF url(img/bodyback.png);
	border: 0px #FFFFFF solid;
}

#header {
	color: #FFF;
	padding: 0px;
}

#header img{
	border: 0;
}

#tophead {
	background: #ccc url('../img/sf_up.jpg');
	color: #000;
	text-align: right;
	height: 67px;
}

#bothead {
	background: #ccc url('../img/sf_onair.jpg');
	color: #000;
	text-align: right;
	height: 18px;
}

#colonna-sx {
	float: left;
	width: 20%;
	color: #000000;
	/*background: #FAF5E2;*/
}

#colonna-dx {
	display: none; /* Riportare a inline per visualizzare la colonna DX */
	float: right;
	width: 20%;
	color: #000;
	/*background: #EFC07A;*/
}

#colonna-sx .box, #colonna-dx .box {
	padding: 0px;
	border:	0px #000 solid;
}

#colonna-dx { margin-right: -1px; }

#principale {
	float: left;
	width: 80%; /* Riportare a 60 per la colonna DX */
	color: #000000;
	margin: 0 0 -1px 0;
	background: #DDF0FF;
}
#principale .box {
	padding: 10px;
	border-left: 0px dotted #92C500;
	border-bottom: 0px solid #000000;
}

#footer {
	clear: left;
	margin-top: 1px;
	border-top:	1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px;
	background: #999;
	color: #FFF;
	font-size: .80em;
	line-height: 1.5em;
	text-align: right;
	top: 10px;
}

#footer a {font-size: 1em;}


/*----MAPPA HEADER--------*/
ul#logohead {
	margin:0;padding:0;
	list-style:none;
	position:relative;
	width:800px;height:67px;
	background:url('../img/upheader.jpg') no-repeat;
}
ul#logohead li {
	display:block;
	position:absolute;
	margin:0;padding:0
}
li#logohead-home {
	left:0;top:0;
	width:365px;height:64px
}
li#logohead-radioz {
	left:636px;top:17px;
	width:77px;height:30px
}
li#logohead-regpiem {
	left:718px;top:17px;
	width:78px;height:27px
}
li#logohead-miniprod {
	left:718px;top:32px;
	width:78px;height:27px
}
#logohead a {
	display:block;
	width:100%;
	height:100%;
}
#logohead .alt { display:none }
/*----FINE MAPPA HEADER--------*/

/*----- FINE STYLE PRINCIPALE -----------------------------------------------*/

/* MENU LATERALE */
/* definizione per trasformare le liste sidemenu in link*/
ul.sidemenu {
	width: 100%;
	list-style: square; /* elimino i punti elenco */
	margin: 0;
	padding: 0; /* elimino i rientri delle liste */
	background-image: url('../img/fondomenu.png');
}
ul.sidemenu li { display:inline; } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.sidemenu li a {
	display:block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
	height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
	border-width:5px;border-style:none solid;text-align: left; height: 100%;  /* aggiungo dei bordi laterali */
}
ul.sidemenu li a:link, ul.sidemenu li a:visited {
	/* background:ccc; */
	color: #000;
	border-color: #BF1D3C;
	font-weight: bolder;
} /* colori per il link */
ul.sidemenu li a:hover, ul.sidemenu li a:active {
	background: #F4DFD1;
	color:#BF1D3C;
	border-color:#FF728C;
	text-decoration:none;
	font-weight: bolder;

} /* colori per l'effetto roll-over */

/* ---------- FINE MENU LATERALE ---------------*/

A, A:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #15288C;
	text-decoration: none;
}

A:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #15288C;
	text-decoration: underline;
}

h1{
	margin: 0 auto;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
	letter-spacing: 4px;
	background-image: url('../img/backtitle.png');
}

.hor {clear:both;width:100%;height:1px;border-top:1px #000000 solid;/*background:#FF7C3A url('../img/hor.png');*/}
.cornice{border: 1px dashed #000000;}
.noborder{border:0;}
.solid {border: 1px solid #ccc;}
.bold {font-weight: bold;}
.ital {font-style: italic;}
.hilite{color: #BC2B14;}
.dashed{border: 1px dashed #ffffff;}
.center{text-align: center;}
.def{font-style: italic;font-size: 0.8em;}
.personaggio{border: 1px dashed #000000;margin:3px;float: left;width:168px; height:300px}
.pseudolink {cursor: pointer;}
.pseudolinktitle {cursor: pointer;font-weight: bold; color:#123A6D}
.warning {font-weight: bold; color: #D83731; text-align: center}
.note {color: #7F7F7E; font-style: italic; }
.ghosted {color: #7F7F7E;}
.right {float: right}
.left {float: left}

a.roll1{
	display: block;
	background: url('../img/personaggi/box-giulia.jpg');
	width: 168px;
	height: 300px;
	border: 1px #000000 solid;
}

a.roll1:hover{
	background: url('../img/personaggi/box-giulia2.jpg');
}

.iform {
	border: 1px solid #ccc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
}

.pulsante {
	border: 2px solid #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	background: #E1E8EF;
}


DIV.onairmsg{
	overflow: auto;
	z-index: 0;

	text-align: left;
	background: #F7D565;
	vertical-align: top;
	padding: 2px;
}

.onairmsg .msg {
	background: #F7D565;
	display:block;
	padding: 2px;
}

.onairmsg .info {
	display:block;
}

.msgdate {
	color: #ffffff;
	background: #F7AC4A;
	text-align: center;
	display:block;
	font-weight: bold;
}

.boxino {
	background: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
}

.boxino .title, .boxino {
	/*display: block;*/
	text-align: center;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	background: #BF1D3C;
	color: #ffffff;
}

.boxino .content{
	width: 100%;
	font-size: 10px;
	color: #CC3B44;
}

.infobig{
	float: left;
	width: 100%;
}


.fascia {
	float: left;
	width: 100%;
}

.strillobig{
	background: #FFF5D6;
	float: left;
	width: 99%;
}

.strillobig img{
	border: 1px solid #535353;
}

.newstitle {
	color: #003471;
	font-size: 18px;
	font-weight: bold;
}

.newstitle a, .newstitle a:hover, .newstitle a:visited{
	font-size: 18px;
	font-weight: bold;
	color: #003471;
}
.newstitle a img.audio-icon {
	border: none;
	float: none;
	margin:0px 5px 0px 0px;
}

.sx-strillo{
	text-align: left;
	float: left;
	margin-bottom: 8px;
	margin-top: -5px;
	margin-top: 8px !important;
	width: 48%;
}

.sx-strillo p{
	margin: 3px 0px;
}

.dx-strillo{
	text-align: left;
	float: right;
	margin-bottom: 8px;
	margin-top: -5px;
	margin-top: 8px !important;
	width: 48%;
}

.dx-strillo p{
	margin: 3px 0px;
}

.dx-strillo a img.audio-icon {
	border: none;
	float:none;
	margin:0px 5px 0px 0px;
}

.sx-strillo p.titolo, .dx-strillo p.titolo{
	color: #003471;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 5px;
}

TABLE.episodi{
	width:100%;
	border: 0px #000000 solid;
}

TABLE.episodi TR.row1 {background: #FFFDFF;}
TABLE.episodi TR.row2 {background: #FFEABB;}
TABLE.episodi TR.red {background: #EF3D37;}
TABLE.episodi .titolo {font-weight: bold;}
TABLE.episodi .links {float: right;}
TABLE.episodi .voti {float: left;}
TABLE.episodi .links IMG {vertical-align:middle;}


/*------------brozzy style----------*/

.scenbox{
	float: left;
	width: 100px;
	border: 0px;
	margin: 3px;
	padding-top: 3px;
	background-color: #FFCE8F;
	text-align: center;
}

.evidorange {font: 12px verdana, sans-serif; color: #000000; /*font-weight: bolder;*/ background:#FFDAAA; padding: 1px 5px; border-bottom: 2px #F7AC4A solid;}

.scenbox A IMG{
	border: 2px #ffffff dotted;
}


.scendati{
	width: 600px;
	border: 0px;
	margin: 5px;
	padding: 5px;
	background: url('../img/sfform.png');
	text-align: left;
	font-weight: bold;
}

.scenform{
	border: 2px #ffffff dotted;
	padding: 5px;
	background-color: #FFEABB;
	text-align: left;
	font-weight: bold;
}

.float{
	display: none;
	width: 95%;
	background: /*#EA9E3B*/ #BF1D3C;
	padding-left: 5%;
	color: #ffffff;
}

.boxesempio{
	background: #ffffff;
	border: 5px #F75500 solid;
	padding: 5px;
	width: 600px;
	text-align: left;
	margin-top: 15px;
}

.laterale_es{
	background: #F3F4EB;
	padding: 3px;
	float:left;
	width:120px;
	height: 130%;
	margin-right:5px;
	border-left: 3px solid #DFE0D7; border-right: 3px solid #DFE0D7; border-top: 3px solid #DFE0D7;
}


.pseudolink2{
	cursor: pointer;
	border-left:5px #BF1D3C solid;
	border-right:5px #BF1D3C solid;
	background: #F7F6EA;
	text-align: center;
}


.title_es { font-weight: bold; text-align: center; }
.didascalia_es   { text-decoration: none; color: #6A787C; font-style: italic; }
.horinv {clear:both;width:100%;height:1px;border-top:1px #4A8D8D solid;}
.interview {color: #000000; font-size: 10px;}
.interview A IMG {
	vertical-align: middle;
}

TABLE.interviste{
	width: 100%;
	border: 1px #4A8D8D solid;
	color: #4A8D8D;
	background: #ffffff;
}

TABLE.interviste TH {
	color:#000000;
	font-weight: normal;
	background: #C3E5E4;
}

TABLE.interviste TD IMG {
	border: 1px #000000 solid;
}

TABLE.interviste TD .text {
	color: #295151;
}
