body{
padding:0px; 
margin:0px; 
margin-top: 2px;
background:#F00; 
color:#00f;
font:10px/14px Arial, Tahoma, sans-serif;
}

div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}

a:active, a:focus {outline:none;}


#streaming{width:320px; height:220px; position:relative; margin: 0 auto; padding-bottom:2px;}

/* HEADER */

#header{width:775px; height:373px; position:relative; background:url(../images/b_top.jpg) 0 0 no-repeat; margin: 0 auto; padding-bottom:2px;}

#header #angolo{
	width:125px;
	height:20px;
	position:absolute;
	top:160px;
	left:415px;
	z-index: 1;
}

#header #canzone{
	width:760px;
	height:20px;
	position:absolute;
	top:376px;
	left:5px;
	z-index: 1;
	font-size: 11px;
	text-align: center;
	font-weight: bolder;
	color: #000000;
}

#header .logo{
	width:302px;
	height:113px;
	position:absolute;
	top:36px;
	left:416px
}

#header #data{
	width:200px;
	height:20px;
	position:absolute;
	top:5px;
	left:570px;
	color: #ff0000;
	text-align: right;
}

#header #ticker{
	width:200px;
	height:200px;
	position:absolute;
	top:180px;
	left:300px;
	color: #ff0000;
	text-align: right;
}

#header #login{width:230px; height:30px; position:absolute; top:160px; left:540px }
#header .campo{width:155px;}


ul.menu {width:133px; position:absolute; top:5px; left:255px;}
ul.menu li{padding-bottom: 1px}

ul.menu li.sommario a {
	width:133px; 
	height:20px; 
	display:block; 
	background:url(../images/btn_home.jpg) 0 0 no-repeat; 
	text-indent:45px;
	font: bolder 15px Arial;
	text-decoration: none;
	padding-top: 4px;
	margin-bottom: 0px;
	}
ul.menu li.sommario a:hover {
	background:url(../images/btn_home_over.jpg) 0 0 no-repeat;
	color: #ff0000;
}

ul.buttons {position:absolute; top:315px; left:560px;}
ul.buttons li{float:left;}

ul.buttons li.contest a {
width:175px; 
height:53px; 
display:block; 
background:url(../images/btn_contest.png) 0 0 no-repeat; 
text-align: center;
padding-top: 17px;
margin-bottom: 0px;
font: bolder 17px Arial;
text-decoration: none;
color: #ffffff;
}

ul.buttons li.contest a:hover {
	background:url(../images/btn_contest_over.png) 0 0 no-repeat; 
	color: #00ffff;
}

/* CONTENT */

#content{width:727px; position:relative; background:url(../images/b_content.jpg) 0 0 no-repeat; margin: 0 auto 10px auto; clear:both; padding: 28px 20px 0px 28px;  background-color: #ffffff;}
#content p a{font:10px/14px Arial, Tahoma, sans-serif; color:#f00; text-decoration:none;}
#content p a:hover{color:#000;}

#leftPan{width:131px; float:left; padding-right:43px;}

#programs{position: relative; padding-top: 0px;}
#programs h2{width:131px; height:20px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:5px}
#programs p{width:131px; position:relative; padding: 0 0 10px 0; }
#programs p span{width:128px; height:16px; display: block; position:relative; padding: 0 0 0 3px; background:#efefef; font:12px/14px Arial, Tahoma, sans-serif; color:#000000;}
#programs a{color:#f00;}

#middlePan{width:342px; float:left; padding-right:43px;}

#welcome{position: relative;}
#welcome h2{width:337px; height:20px; position:relative; font-size: 18px; font-weight: bolder;}
#welcome h2#PROGRAMMI{width:337px; height:40px; position:relative; font-size: 16px; font-weight: bolder; color: #0000ff;  padding-top: 20px; margin-bottom: -15px;  }
#welcome p{width:337px; position:relative; padding: 0px 2px 15px 0px; margin-top: -5px;}
#welcome img{margin-left: 0px; margin-top: -22px; margin-right: 5px; float: left;  border: 1px solid #cfd8d9; }
#welcome p#sottotitolo{font-size:12px; font-weight: bolder; margin-left: 137px; margin-top: 1px; margin-bottom: -15px;}
#welcome p#sottotitoloPROGRAMMI{font-size:12px; font-weight: bolder; margin-top: 1px; margin-bottom: -15px;}
#welcome a{color:#f00;}
#welcome #PROGRAMMI{font:10px/14px Arial, Helvetica, sans-serif; font-weight:normal;  color:#737474; text-decoration:none;}


ul.links{width:339px; border-top: #cfd8d9 1px solid; position:relative; padding: 3px 0 0 0; margin-top: -20px; margin-left:0px; }
ul.links li a{margin-left: -10px; width:311px; height:16px; display:block; font:10px/16px Tahoma, sans-serif; color:#f00; text-decoration:none; background:url(../images/arrow.jpg) 17px 6px no-repeat; padding: 0 0 0 28px; }
ul.links li a:hover{color:#000; text-decoration: underline;}

#rightPan{width:168px; float:left; }
#rightPan h2{width:127px; height:20px; background:url(../images/h_news.gif) 0 0 no-repeat; position:relative; padding: 0 0 12px 0}
#rightPan p a{font:10px/12px Arial, Tahoma, sans-serif; color:#026fe3; text-decoration: underline;}
#rightPan p.news1{width:113px; position:relative; padding: 4px 2px 15px 52px; background:url(../images/img_news1.gif) 2px 0 no-repeat; font:10px/12px Arial, Tahoma, sans-serif;}
#rightPan p.news2{width:113px; position:relative; padding: 4px 2px 15px 52px; background:url(../images/img_news2.gif) 2px 0 no-repeat; font:10px/12px Arial, Tahoma, sans-serif;}
#rightPan p.news3{width:113px; position:relative; padding: 4px 2px 15px 52px; background:url(../images/img_news3.gif) 2px 0 no-repeat; font:10px/12px Arial, Tahoma, sans-serif;}

#programmi{position: relative; padding-top: 0px;}
#programmi h2{ height:20px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:5px}
#programmi p{width:131px; position:relative; padding: 0 0 10px 0; }
#programmi p span{width:128px; height:16px; display: block; position:relative; padding: 0 0 0 3px; background:#efefef; font:12px/14px Arial, Tahoma, sans-serif; color:#000000;}
#programmi a{color:#f00; text-decoration: none; margin-top: 5px; float: left;}
#programm a:hover{color:#000; text-decoration: underline;}

.contactPROGRAMMI {
 width:160px;
 height:125px;
 border: 1px solid #cfd8d9;
 padding-left:2px;
 overflow: auto;
 background-image: url(../images/palinsesto_radio_gioventu_francescana.jpg);
}

.interlineaBASSA a {
	margin-bottom: -3px;
	height: 11px;
	float: left;
	width: auto;
}

.interlineaBASSA a:hover{
	color: #00f;
}

/* SOCIALE */

#sociale{width:747px; position:relative; margin: -10px auto 10px auto; clear:both; padding:0 0 0 28px; background-color: #ffffff;}

#sociale1 {}
#sociale1 h2{margin-left: 5px; margin-top: 5px; margin-bottom:-55px; height:40px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:-15px}
#sociale1 p{width:auto; padding: 0px 0 0 5px; font:10px/12px Arial, Tahoma, sans-serif; margin-top: -25px;}
#sociale1 img{margin-left: 5px; margin-top: 2px; margin-right: 5px; float: left;}
#sociale1 #sottotitolo{margin-left: 5px; margin-top: -15px; margin-bottom:5px; font-size: 13px; font-weight: bolder;}
#sociale1 a{color:#f00; text-decoration: none;}
#sociale1 a:hover{color:#000; text-decoration: underline;}

#sociale12 {width:133px; float: left; height: 165px; background: url(../images/chef_ricette_claudia_molle.jpg) no-repeat;  }
#sociale12 h2{margin-left: 5px; margin-top: 5px; margin-bottom:-55px; height:40px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:-15px}

#sociale13 {width:133px; float: left; height: 165px;  background: url(../images/gioventube.png) no-repeat;  }
#sociale13 h2{margin-left: 5px; margin-top: 5px; margin-bottom:-55px; height:40px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:-15px}
#sociale13 #sottotitolo{margin-left: 5px; margin-top: 33px; margin-bottom:5px; font-size: 13px; font-weight: bolder;}
#sociale13 a{color:#00f; text-decoration: none;}
#sociale13 a:hover {color:#f00; text-decoration: underline;}

#sociale2{margin-left:43px; margin-right: 30px; width:339px; height:155px; position:relative; float:left; padding-right:5px; background:url(../images/bg_rgf1.jpg) 0 0 no-repeat; background-color: #000000; text-align: right;}
#sociale2 h2{margin-left: 120px; margin-top: 5px; height:40px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:-15px; }
#sociale2 p{width:auto; padding: 25px 0 0 120px; font:11px Arial, Tahoma, sans-serif; margin-top: -25px;}
#sociale2 img{margin-left: 5px; margin-top: 117px; margin-right: 5px; float: left;  border: 1px solid #cfd8d9; }
#sociale2 #sottotitolo{margin-left: 120px; margin-top: -20px; margin-bottom:5px; font-size: 13px; font-weight: bolder;}
#sociale2 a{color:#f00; text-decoration: none;}

#sociale22{margin-left:43px; margin-right: 30px; width:337px; height:153px; position:relative; float:left; padding-right:5px; background:url(../comuni/sfondo_canzoni.png); border: 1px solid #CDCDCF;  }
#sociale22 h2{margin-top: 5px; height:40px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:-15px; padding-left:5px;}
#sociale22 p{width:auto; padding: 25px 0 0 5px; font:11px Arial, Tahoma, sans-serif; margin-top: -25px;padding-left:5px; }
#sociale22 img{margin-left: 0px; margin-top: 0px; margin-right: 5px; float: right;  border: 0px; }
#sociale22 img#meteo {margin-left: 0px; margin-top: 0px; margin-right: 5px; float: left; border: 1px solid #cfd8d9;}
#sociale22 #sottotitolo{margin-top: -20px; margin-bottom:5px; font-size: 13px; font-weight: bolder; padding-left:5px;}
#sociale22 a{color:#f00; text-decoration: none;}

#sociale23{margin-left:43px; margin-right: 30px; width:337px; height:153px; position:relative; float:left; padding-right:5px; background:url(../comuni/sfondo_canzoni.png); border: 1px solid #CDCDCF;  }
#sociale23 h2{margin-top: 5px; height:40px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:-15px; padding-left:5px;}
#sociale23 p{width:auto; padding: 25px 0 0 5px; font:11px Arial, Tahoma, sans-serif; margin-top: -20px;padding-left:5px; }
#sociale23 img{margin-left: 0px; margin-top: 0px; margin-right: 5px; float: right;  border: 0px; }
#sociale23 img#meteo {margin-left: 0px; margin-top: 0px; margin-right: 5px; float: left;  border: 0px; border: 1px solid #cfd8d9;}
#sociale23 object#meteo {margin-left: 0px; margin-top: -20px; margin-right: 5px; float: left;  border: 0px; width: 105px; height:120px;}
#sociale23 #sottotitolo{margin-top: -20px; margin-left: 105px; margin-bottom:5px; font-size: 13px; font-weight: bolder; padding-left:5px;}

#sociale3{margin-left:10px; width:155px; height:155px; position:relative; float:left; padding-right:5px; background:url(../images/bg_rgf3.jpg) 0 0 no-repeat;}
#sociale3 h2{margin-left: 5px; margin-top: 5px; height:40px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:-15px}
#sociale3 p{width:auto; padding: 0px 0 0 5px; font:11px Arial, Tahoma, sans-serif; margin-top: -25px;}
#sociale3 img{margin-left: 5px; margin-top: 2px; margin-right: 5px; float: left;  border: 1px solid #cfd8d9; }
#sociale3 #sottotitolo{margin-left: 5px; margin-top: -20px; margin-bottom:35px; font-size: 13px; font-weight: bolder;}
#sociale3 a{color:#f00; text-decoration: none;}

#sociale32{margin-left:10px; width:155px; height:155px; position:relative; float:left; padding-right:5px; background:url(../images/bg_rgf32.jpg) 0 0 no-repeat;}
#sociale32 h2{margin-left: 5px; margin-top: 5px; height:40px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:-15px}
#sociale32 p{width:auto; padding: 0px 0 0 5px; font:11px Arial, Tahoma, sans-serif; margin-top: -25px; margin-right: 15px;}
#sociale32 img{margin-left: 5px; margin-top: 2px; margin-right: 5px; float: left;  border: 1px solid #cfd8d9; }
#sociale32 #sottotitolo{margin-left: 5px; margin-top: -20px; margin-bottom:35px; font-size: 13px; font-weight: bolder;}
#sociale32 a{color:#f00; text-decoration: none;}

#sociale33{margin-left:10px; width:155px; height:155px; position:relative; float:left; padding-right:5px; background:url(../images/bg_rgf33.jpg) 0 0 no-repeat;}
#sociale33 h2{margin-left: 5px; margin-top: 5px; height:40px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:-15px}
#sociale33 p{width:auto; padding: 0px 0 0 5px; font:11px Arial, Tahoma, sans-serif; margin-top: -25px; margin-right: 15px;}
#sociale33 img{margin-left: 5px; margin-top: 2px; margin-right: 5px; float: left;  border: 1px solid #cfd8d9; }
#sociale33 #sottotitolo{margin-left: 5px; margin-top: -20px; margin-bottom:35px; font-size: 13px; font-weight: bolder;}
#sociale33 a{color:#f00; text-decoration: none;}

#ads p span{font:11px/12px Arial, Tahoma, sans-serif;  color:#000; }


/* ADS */

#ads{width:747px; position:relative; margin: -10px auto 1px auto; clear:both; padding:0 0 0 28px; background-color: #ffffff;}

#contacts{width:95px; float:left; }
#contacts p{font:10px/12px Arial, Tahoma, sans-serif; color:#acb0a5; padding-bottom:0px; padding-left:5px; margin-top:10px; margin-bottom:-5px;}
#contacts p span{font-weight:bold;}
#contacts p a{font:10px/12px Arial, Tahoma, sans-serif; color:#acb0a5; text-decoration:none}
#contacts p a:hover{color:#000; text-decoration:underline;}
#programmi h2{ height:20px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:5px;}


#ad1{margin-left:50px; width:280px; height:114px; position:relative; float:left; padding-right:5px; background:url(../images/b_ad1.jpg) 0 0 no-repeat; }
#ad1 h2{margin-left: 105px; margin-top: 5px; height:40px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:-15px}
#ad1 p{width:auto; padding: 25px 0 0 105px; font:10px/12px Arial, Tahoma, sans-serif; margin-top: -20px;}
#ad1 #sottotitolo{padding: 0px 0 0 105px; margin-top: -20px; margin-bottom:5px; font-size: 13px; font-weight: bolder;}


#ad2{margin-left:10px; width:280px; height:114px; position:relative; float:left; padding-right:5px; background:url(../images/b_ad2.jpg) 0 0 no-repeat; }
#ad2 h2{margin-left: 5px; margin-top: 5px; height:40px; position:relative; font-size: 18px; font-weight: bolder; padding-bottom:-15px}
#ad2 p{width:auto; padding: 25px 0 0 5px; font:10px/12px Arial, Tahoma, sans-serif; margin-top: -25px;}
#ad2 img{margin-left: 5px; margin-top: 2px; margin-right: 5px; float: left;  border: 1px solid #cfd8d9; }
#ad2 #sottotitolo{margin-left: 5px; margin-top: -20px; margin-bottom:5px; font-size: 13px; font-weight: bolder;}
#ad2 a{color:#f00; text-decoration: none;}

#ads p span{font:11px/12px Arial, Tahoma, sans-serif;  color:#000; }

/* PRE-FOOTER */
#prefooter{width:775px; height:20px; position:relative; background: #ffffff; margin: 0 auto; clear:both; padding-top:5px;}

.facebook {
  margin-left: 25px;
  padding: 0 0 0 15px;
  background: url("../comuni/radio_gioventu_facebook.png") no-repeat 0 50%;
  width: 250px;
  height: 15px;
  text-decoration: none;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0px;
  float: left;
}

.feed {
  margin-right: 25px;
  padding: 0 15 0 0px;
  background: url("../comuni/radio_gioventu_feed.png") no-repeat 0 50%;
  width: 250px;
  height: 15px;
  text-decoration: none;
  color: #000000;
  font-size: 12px;
  float: right;
  background-position: right;
  text-align: right;
  padding-right: 15px;
}

/* FOOTER */

#piepagina{width:775px; height:64px; position:relative; background: #ffffff url(../images/line_footer.jpg) no-repeat 0 0; margin: 0 auto; clear:both;  border-bottom: 5px solid #ff0000; }
#piepagina p{margin: 1px auto 20px auto; font:10px/14px Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#737474; display:block; padding-top: 15px;}
#piepagina a{font:10px/14px Arial, Helvetica, sans-serif; font-weight:normal;  color:#737474; text-decoration:none; padding: 0 5px}
#piepagina a:hover{color:#FFF; text-decoration:none; background:#00f;}

/* ALTRO */
#testoROSSO {color:#F00;}
#testoGRASSETTO {font-weight: bolder;}
.testoMAIUSCOLETTO{text-transform: uppercase; letter-spacing: -1px;}

#testoEVIDENZIATO{padding: 5px; margin-top: 15px;  background: url(../images/bg_evidenziato.jpg); font-size: 13px; text-align: justify; border: 1px solid #cfd8d9;}
#testoEVIDENZIATObianco{padding: 5px; margin-top: 15px;  background-color:#ffffff; font-size: 13px; text-align: justify; border: 1px solid #cfd8d9;}
#testoEVIDENZIATO img{padding: 2px; float: left; margin-top: 0px; margin-left: -125px;}
#testoEVIDENZIATObianco img{padding: 2px; float: left; margin-top: 0px; margin-left: 2px;}
#testoEVIDENZIATO img#mini{padding: 2px; float: left; margin-top: -51px; margin-left: -125px;}
#testoEVIDENZIATO img#normale{margin: 5px auto 5px auto; }
#testoEVIDENZIATO object#normale{margin: 5px auto 5px auto; border: 1px solid #cfd8d9;}
#testoEVIDENZIATObianco object#normale{margin: 5px auto 5px auto; border: 1px solid #cfd8d9;}
#testoEVIDENZIATObianco img#personaggio{margin: -2px; border: 0px none; }
#testoEVIDENZIATO img#galleria{border-width: 0px;}
#testoEVIDENZIATO a{text-decoration: none; font-size: 13px;}
#testoEVIDENZIATO a:hover{text-decoration: underline;}
#content #PROGRAMMI a:hover{text-decoration: underline;}
#testoEVIDENZIATO a#grigio{cursor: pointer; color: #808080; font-size: 9px;  height: 12px; vertical-align: bottom;}
#testoEVIDENZIATObianco a#grigio{cursor: pointer; color: #808080; font-size: 9px;  height: 12px; vertical-align: bottom;}
#testoEVIDENZIATO #PROTAGONISTI {padding: 2px; margin-bottom: -10px;  background: url(../images/bg_evidenziato.jpg); border: 1px solid #cfd8d9; font:10px/14px Arial, Helvetica, sans-serif; font-weight:normal; color:#737474; text-decoration:none; text-align: center;  background-position: bottom right;}
#testoEVIDENZIATO #PROTAGONISTI a:hover{text-decoration: underline;}
#testoEVIDENZIATObianco #PROTAGONISTI {padding: 2px; margin-bottom: -10px;  background: url(../images/bg_evidenziato.jpg); border: 1px solid #cfd8d9; font:10px/14px Arial, Helvetica, sans-serif; font-weight:normal; color:#737474; text-decoration:none; text-align: center; background-position: bottom right;}
#testoEVIDENZIATObianco #PROTAGONISTI a:hover{text-decoration: underline;}
#testoEVIDENZIATObianco #paragrafo {width:90%; height:16px; display: block; position:relative; padding: 2px; background:#efefef; font:13px Arial, Tahoma, sans-serif; margin: 10px auto 5px auto; border: 1px solid #cfd8d9; font-weight: bolder; text-align: center;}
#testoEVIDENZIATO li { list-style: square; margin-left:20px; text-align: left; margin-bottom:10px;}



