@charset "utf-8";
/* CSS Document */

*{
margin:0;padding:0;	
}
img{border:none;}

a:link, a:visited{color:#E10078;text-decoration:none;}
a:hover{color:#f07fbb;}

body{background:#333 url(../img/body_bg.jpg) repeat top left;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:11px;color:#808080;}

a:link, a:visited, a:hover{color:#808080;text-decoration:none;}


#maincontainer{
width:1000px;
margin:0 auto;
background:#fff url(../img/top_bg.png) no-repeat top left;
padding-bottom:10px;

}

#top{}

#container{background:#fff;width:960px;margin:20px auto 0px auto;position:relative;}
	#home-sx{width:500px;display:inline;float:left;margin-bottom:10px;}
		#box-djonair{margin-bottom:10px;width:500px;height:237px;}
		#playlist{display:inline;float:left;width:210px;height:500px;background:#EBEBEB url(../img/playlist_bg.gif) no-repeat bottom left;}		
		#main-video{width:280px;display:inline;float:left;margin:0px 0px 10px 10px;}
		#news{width:280px;display:inline;float:left;margin:0px 0px 0px 10px;background:#EBEBEB url(../img/news_bg.gif) no-repeat bottom left;height:255px;}
	#sx{width:220px;display:inline;float:left;margin-bottom:10px;}
		#dj-staff{display:inline;float:left;width:210px;height:819px;background:#EBEBEB url(../img/playlist_bg.gif) no-repeat bottom left;position:relative;margin:10px 0px 0px 0px;}
		#links{display:inline;float:left;width:210px;height:497px;background:#EBEBEB url(../img/playlist_bg.gif) no-repeat bottom left;position:relative;margin:10px 0px 0px 0px;}
		#archivio{display:inline;float:left;width:210px;height:520px;background:#EBEBEB url(../img/playlist_bg.gif) no-repeat bottom left;position:relative;margin:0px 0px 10px 0px;}
		#palinsesto{display:inline;float:left;width:210px;height:819px;background:#EBEBEB url(../img/playlist_bg.gif) no-repeat bottom left;position:relative;margin:10px 0px 0px 0px;}
		#videolista{display:inline;float:left;width:210px;height:482px;background:#4D4D4D url(../img/videolista_bg.gif) no-repeat bottom left;position:relative;}
		#videolista-tv{display:inline;float:left;width:220px;height:482px;background:#e1001a url(../img/videolista-tv_bg.gif) no-repeat bottom left;position:relative;margin-bottom:10px;}
	#home-central{width:220px;display:inline;float:left;margin:0px 10px 0px 10px;}
		#podcast{background:#4d4d4d url(../img/podcast-last.gif) no-repeat bottom left;margin:0px 0px 10px 0px;}
		#videogallery{background:#4d4d4d url(../img/podcast-last.gif) no-repeat bottom left;margin:0px 0px 10px 0px;}
		#fotogallery{background:#4d4d4d url(../img/podcast-last.gif) no-repeat bottom left;margin:0px 0px 0px 0px;height:255px;}
	#central{width:510px;display:inline;float:left;margin:0px 10px 0px 0px;}
		#palinsesto-big{width:510px;background:#ebebeb url(../img/palinsesto_bg.gif) no-repeat bottom left;margin:1px 0px 10px 0px;}
		#dj-staff-dett{width:490px;background:#ebebeb url(../img/palinsesto_bg.gif) no-repeat bottom left;margin:1px 0px 10px 0px;padding:10px;}
		#all-staff{width:490px;background:#4D4D4D url(../img/all-staff_bg.gif) no-repeat bottom left;margin:1px 0px 10px 0px;padding:10px;}
		#box-videoplayer{width:490px;}
		#video-recenti{display:inline;float:left;width:210px;height:272px;background:#EBEBEB url(../img/playlist_bg.gif) no-repeat bottom left;position:relative;margin:0px 10px 0px 0px;}
	#home-dx{width:220px;display:inline;float:left;}
		#anteprima{margin:0px 0px 10px 0px;}
		#sondaggio{margin:10px 0px 0px 0px;background:#5699dd url(../img/sondaggio_bg.jpg) no-repeat bottom left;height:155px;color:#fff;}
	#bottom-banner{clear:both;margin-top:10px;}	
	#footer{width:1000px;margin:0 auto;text-align:center;clear:both;}


/* registrazione */
#box-registrazione{margin:0px 0px 0px 200px;height:48px;position:relative;}
#box-registrazione input{width:86px;height:20px;border:none;position:relative;background:#fff;bottom:12px;}
#box-registrazione input.invia{width:25px;height:25px;background:url(../img/registrazione-submit.gif) no-repeat top left;cursor:pointer;margin:0px 3px  0px 10px;}
#box-registrazione input.invia:hover{background-position:0px -25px;}
a.segnala:link, a.segnala:visited{display:inline-block;width:180px;height:35px;background:url(../img/segnala_btn.gif) no-repeat top left;}
a.segnala:hover{background-position:0px -35px;}
a.segnala span{display:none;}
a.registrati:link, a.registrati:visited{background:url(../img/registrati_btn.gif) no-repeat top left;width:110px;height:24px;position:absolute;top:7px;left:-125px;}
a.registrati:hover{background-position:0px -24px;}
input.annulla{width:75px;height:21px;background:url(../img/annulla_btn.gif) no-repeat top left;cursor:pointer;margin:10px 3px  10px 0px;}
input.prosegui{width:75px;height:21px;background:url(../img/prosegui_btn.gif) no-repeat top left;cursor:pointer;margin:10px 3px  10px 50px;}
#box-registrazione input.logout-main{width:51px;height:16px;background:url(../img/logout_btn.gif) no-repeat top left;cursor:pointer;}
#box-registrazione input.logout-main:hover{background-position:0px -16px;}


/* guestbook */
input.invia-guestbook{width:46px;height:20px;border:none;cursor:pointer;background:url(../img/invia_btn.gif) no-repeat top left;margin:10px 0px 0px 0px;}
p.elenco-firme{font-size:18px;color:#E10078;font-weight:bold;}
div.firma{padding:5px 0px;border-top:1px solid #a4a2a2;border-bottom:1px solid #a4a2a2;margin-bottom:20px;}
p.firma{font-size:14px;color:#E10078;}
p.mess{}




/* box-djonair */
.box-podcast{width:137px;height:210px;background:url(../img/box-podcast_bg.gif) no-repeat bottom left;position:relative;display:inline;float:left;}
.box-podcast img.dnld{position:absolute;top:170px;left:52px;}
.dj-palinsesto{width:363px;height:210px;display:inline;float:left;position:relative;}
.dj-palinsesto img.dj{position:absolute; z-index:8; top:0px; right:0px;}
.dj-palinsesto img.wtm{position:absolute; z-index:9; top:0px; left:0px;}
.footer-djonair{background:url(../img/footer-djonair_bg.gif) no-repeat bottom left;height:20px;clear:both;position:relative;padding:5px 0px 0px 10px;}
.footer-djonair p{color:#fff;}
a.scrivi-diretta:link, a.scrivi-diretta:visited{background:url(../img/scrivi-diretta_btn.png) no-repeat top left;position:absolute;width:186px;height:31px;top:205px;right:20px;z-index:11;}
a.scrivi-diretta:hover{background-position:0px -31px;}

/* podcast */
.podcast{width:200px;height:60px;margin:10px auto 0px auto ;overflow:hidden;line-height:12px;
/*background:url(../img/podcast_bg.gif) no-repeat bottom left;*/border-bottom:1px solid #fff;}
.podcast:hover{background:url(../img/podcast-hover_bg.gif) repeat-x bottom left;cursor:pointer;}
.podcast img{float:left;margin:0px 10px 0px 0px;border:1px solid #fff;}
.podcast p.data{font-size:9px;color:#ccc;}
.podcast p.title{color:#E10078;}
.podcast p.desc{color:#fff;}

/* playlist*/
.playlist{width:190px;height:51px;border-bottom:1px solid #ccc; border-top:none;border-left:none;border-right:none;clear:both;}
.playlist:hover{background:url(../img/dj-staff-hover.gif) repeat-x bottom left;cursor:pointer;}
.playlist img{float:left;margin:0px 10px 0px 0px;}
.playlist p.artista{color:#00A0DC}
.playlist p.title{}
.playlist p.etichetta{}

/* archivio */
.archivio{width:180px;height:45px;border-bottom:1px solid #ccc; border-top:none;border-left:none;border-right:none;clear:both;padding:10px;}
/*.archivio:hover{background:url(../img/dj-staff-hover.gif) repeat-x bottom left;cursor:pointer;}*/
.archivio img{float:left;margin:0px 10px 0px 0px;}
.archivio a:link, archivio a:visited{color:#E10078;text-decoration:none;}
.archivio a:hover{color:#f07fbb;}
.archivio p.title{
color:#E10078;
}


/* news */
.news{width:260px;height:60px;margin:10px auto 0px auto;border-bottom:1px solid #ccc;line-height:12px;}
.news:hover{background:url(../img/dj-staff-hover.gif) repeat-x bottom left;cursor:pointer;}
.news img{float:left;margin:0px 10px 0px 0px;border:1px solid #808080;}
.news p.title{color:#00A0DC;}
.news p.desc{}
.news-dett{}
.news-dett img{float:left;margin:0px 20px 10px 0px;}
.news-dett p.title{color:#00A0DC;font-size:20px;}




/* eventi */
.box-evento{background:url(../img/box-evento_bg.gif) no-repeat top left;width:460px;height:107px;padding:3px 15px 0px 15px;margin-bottom:10px;}
.box-evento p.inserimento{color:#fff;}
.box-evento a.leggi:link, .box-evento a.leggi:visited{background:url(../img/leggi_btn.gif) no-repeat top left;width:45px;height:13px;display:inline-block;float:right;margin-top:-14px;}
.box-evento a.leggi:hover{background-position:0px -13px;}
.box-evento img{clear:right;margin:10px 10px 0px 0px;float:left;}
.box-evento p.title{color:#e10078;margin-top:8px;}
a.viola:link, a.viola:visited{color:#E10078;text-decoration:none;}
a.viola:hover{color:#f07fbb;}
#evento-dett{clear:both;}
#evento-dett p.title{color:#E10078;font-size:24px;margin-bottom:5px;}
#evento-dett img{margin:0px 20px 10px 0px;float:left;}
#evento-dett p{text-align:justify;}




/* videogallery */
.videogallery{width:200px;height:60px;margin:10px auto 0px auto ;overflow:hidden;line-height:12px;
/*background:url(../img/podcast_bg.gif) no-repeat bottom left;*/border-bottom:1px solid #fff;}
.videogallery:hover{background:url(../img/podcast-hover_bg.gif) repeat-x bottom left;cursor:pointer;}
.videogallery img{float:left;margin:0px 10px 0px 0px;border:1px solid #fff;}
.videogallery p.durata{font-size:9px;color:#ccc;}
.videogallery p.title{color:#E10078;}
.videogallery p.desc{color:#fff;}
.videoplayer-title{background:url(../img/videoplayer-title_bg.gif) no-repeat top left;height:25px;width:490px;}
.videoplayer-title2{background:url(../img/videoplayer-title2_bg.gif) no-repeat top left;height:25px;width:490px;}
.videoplayer-title p, .videoplayer-title2 p{color:#fff;float:left;margin:6px 0px 0px 10px;}
.videoplayer-title p.durata, .videoplayer-title2 p.durata{float:right;margin:6px 10px 0px 0px;}
.playlist-video{width:190px;height:51px;border-bottom:1px solid #ccc; border-top:none;border-left:none;border-right:none;clear:both;}
.playlist-video:hover{background:url(../img/videolista-hover_bg.gif) repeat-x bottom left;cursor:pointer;}
.playlist-video img{float:left;margin:0px 10px 0px 0px;}
.playlist-video p.artista{color:#00A0DC}
.videorecenti{width:190px;height:51px;border-bottom:1px solid #ccc; border-top:none;border-left:none;border-right:none;clear:both;margin-left:10px;}
.videorecenti:hover{background:url(../img/dj-staff-hover.gif) repeat-x bottom left;cursor:pointer;}
.videorecenti img{float:left;margin:0px 10px 0px 0px;}
.videorecenti p.artista{color:#00A0DC}
.videorecenti p.title{}
.videorecenti p.etichetta{}



/* fotogallery */
.fotogallery{width:200px;height:60px;margin:10px auto 0px auto ;overflow:hidden;line-height:12px;
/*background:url(../img/podcast_bg.gif) no-repeat bottom left;*/border-bottom:1px solid #fff;}
.fotogallery:hover{background:url(../img/podcast-hover_bg.gif) repeat-x bottom left;cursor:pointer;}
.fotogallery img{float:left;margin:0px 10px 0px 0px;border:1px solid #fff;}
.fotogallery p.foto{font-size:9px;color:#ccc;}
.fotogallery p.title{color:#E10078;}
.fotogallery p.desc{color:#fff;}
p.gallery-title{color:#E00078;font-size:14px;margin-bottom:5px;}
p.desc-gallery{margin:5px 0px 30px 0px;clear:both;}
ul.foto-gallerymain{list-style:none;}
ul.foto-gallerymain li{float:left;margin:4px;}




/* audiogallery */

.box-audio, .box-audio-dx{background:url(../img/box-audio_bg.gif) no-repeat top left;width:211px;height:51px;display:inline;float:left;padding:10px 15px;}
.box-audio-dx{margin:0px 0px 10px 8px;}
.box-audio img, .box-audio-dx img{float:left;margin:0px 10px 0px 0px;}
.box-audio a, .box-audio-dx a{color:#f07fbb;}
.box-audio a:hover, .box-audio-dx a:hover{color:#e10078;}
.box-audio p, .box-audio-dx p{color:#fff;}
#options {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}


#acc {width:190px; list-style:none; color:#033; margin:0 auto 40px}
#acc h3 {width:190px; font-weight:bold; margin-top:5px; cursor:pointer;font-size:11px;color:#E10078;text-transform:uppercase;}
#acc h3:hover {color:#f07fbb;}
#acc .acc-section {overflow:hidden;}
#acc .acc-content {width:190px;padding-left:10px;}

#nested {width:190px; list-style:none; color:#033; margin-bottom:8px}
#nested h3 {width:190px; font-weight:bold; margin-top:5px; cursor:pointer;font-size:10px;color:#E10078;text-transform:none;}
#nested h3:hover {color:#f07fbb;}
#nested .acc-section {overflow:hidden;}
#nested .acc-content {width:190px; padding:15px;}
#nested .acc-selected {}



/* bottom banner */
img.big-banner{display:inline;float:left;}
img.small-banner{float:right;}

/* sondaggio */
#sondaggio p{margin:3px 0px 0px 10px;}
#sondaggio table{margin:3px 0px 0px 10px;}
#sondaggio table td{height:15px;}
#sondaggio table td input{margin-top:1px;}
#sondaggio input.vota{border:none;cursor:pointer;width:40px;height:17px;background:url(../img/vota_btn.gif) no-repeat top left;margin:0px 0px 0px 10px;}
#sondaggio input.vota:hover{background-position:0px -17px;}
a.risultati:link, a.risultati:visited{display:inline-block;width:58px;height:17px;background:url(../img/risultati_btn.gif) no-repeat top left;margin:3px 0px 0px 2px;}
a.risultati:hover{background-position:0px -17px;}

/* dj-staff */
.dj-staff{width:190px;height:51px;border-bottom:1px solid #ccc; border-top:none;border-left:none;border-right:none;clear:both;}
.dj-staff a:link, .dj-staff a:visited, .dj-staff a:hover{color:red;}
.dj-staff:hover{background:url(../img/dj-staff-hover.gif) repeat-x bottom left;cursor:pointer;}
.dj-staff img{float:left;margin:0px 10px 0px 0px;}
.dj-staff p.artista{color:#00A0DC}
.dj-staff p.title{}
.dj-staff p.etichetta{}
#box-dj{}
#box-dj p.name{text-transform:uppercase;font-size:22px;color:#E10078;font-weight:bold;float:left;margin:10px 0px;}
.box-address{float:right;}
.box-address a, .box-address a:hover{color:#f07fbb;}
table.programmi-condotti{background:#87898c;color:#fff;}
table.programmi-condotti td.programma{width:130px;padding:0px 0px 4px 10px;}
table.programmi-condotti td.con{width:85px;}
table.programmi-condotti td.giorni{width:130px;}
table.programmi-condott td.orario{}
.data-palinsesto{padding:5px 0px 5px 10px;}
.cont-img{margin:10px 0px;height:160px;background:#fff url(../img/cont-img_bg.gif) no-repeat 0px 139px;position:relative;}
img.angle{position:absolute;top:0px;left:0px;z-index:10000;}
img.staff{cursor:pointer;margin:-1px;filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;position:relative;overflow:hidden;z-index:9990;top:1px;left:1px;}
img.staff:hover{filter:alpha(opacity=100);-moz-opacity:100;opacity:1;}




/* palinsesto */
ul.giorni li a span.data{color:#BFBFBF;font-size:40px;font-weight:bold;width:100%;display:block;margin-bottom:-4px;}
ul.giorni li a span.giorno{color:#BFBFBF;font-size:8px;font-weight:bold;text-transform:uppercase;}
ul.giorni li a:hover span.data, ul.giorni li a:hover span.giorno{color:#fff;}
table.programma{width:490px;border:none;background:#909295 url(../img/table-programma_bg.gif) no-repeat bottom left;padding:0px;margin:0px;color:#fff;font-size:11px;}
table.programma img{float:left;margin:0px 5px 0px 0px;}
td.top-mattina{background:url(../img/programmi-mattina-top.gif) no-repeat top left;width:490px;height:50px;}
td.top-pomeriggio{background:url(../img/programmi-pomeriggio-top.gif) no-repeat top left;width:490px;height:50px;}
td.top-sera{background:url(../img/programmi-sera-top.gif) no-repeat top left;width:490px;height:50px;}
table.programma td.desc{width:235px;padding-bottom:3px;}
table.programma td.conduce{width:105px;}
table.programma td.orario{width:125px;}

/* contatti */
.contatti-comicradio{background:url(../img/loghetto-comicradio.gif) no-repeat top left;height:115px;padding-left:120px;}
.contatti-comicradio-tv{background:url(../img/loghetto-comicradio-tv.gif) no-repeat top left;height:115px;padding-left:120px;clear:both;}
div.fl{float:left;}
div.fr{float:right;}
div.contatti label{display:block;}
div.contatti input{display:block;width:220px;margin-bottom:2px;}
div.contatti input.cap{width:80px;}
div.contatti input.provincia{width:80px;}
div.contatti textarea.messaggio{width:235px;height:227px;}
input.invia1{width:46px;height:20px;border:none;cursor:pointer;background:url(../img/invia_btn.gif) no-repeat top left;float:right;margin:-20px 10px 0px 0px;}

/* tv */
#tv-top{background:url(../img/tv-top.gif) no-repeat top left;width:220px;height:324px;position:relative;}
#tv-top img{position:absolute;top:-10px;left:-8px;}
#tv-top p{color:#fff;position:absolute;right:10px;top:210px;text-align:right;width:200px;}
.playlist-video-tv{width:190px;height:51px;border-bottom:1px solid #ccc; border-top:none;border-left:none;border-right:none;clear:both;}
.playlist-video-tv:hover{background:url(../img/playlist-video-tv_bg.gif) repeat-x bottom left;cursor:pointer;}
.playlist-video-tv img{float:left;margin:0px 10px 0px 0px;}
.playlist-video-tv p{color:#fff}


/* podcast */
.podcast-dett, .podcast-dett-dx{background:url(../img/podcast-dett_bg.gif) no-repeat top left;width:241px;height:75px;display:inline;float:left;padding:10px 0px;position:relative;}
.podcast-dett-dx{margin:0px 0px 10px 8px;}

.podcast-dett img, .podcast-dett-dx img{margin:2px 10px 0px 15px;float:left;}
.podcast-dett p.title, .podcast-dett-dx p.title{color:#E10078;margin-right:5px;}
.podcast-dett p, .podcast-dett-dx p{color:#fff;}
.podcast-dett a.ascolta, .podcast-dett-dx a.ascolta{width:65px;height:16px;position:absolute;bottom:5px;left:80px;background:url(../img/ascolta_btn.gif) no-repeat top left;}
.podcast-dett a.download, .podcast-dett-dx a.download{width:65px;height:16px;position:absolute;bottom:5px;left:160px;background:url(../img/download_btn.gif) no-repeat top left;}
a.download2 {width:65px;height:16px;background:url(../img/download_btn.gif) no-repeat top left;display:block;}

/* press */
#links a:link, #links a:visited{color:#E10078;text-decoration:none;display:block;margin-bottom:3px;}
#links a:hover{color:#f07fbb;}

/* pager */

.pager{text-align:center;padding-top:10px;color:#fff;clear:both;}
.pager a:link, .pager a:visited{color:#fff;}
.pager a:hover{color:#E10078;}
a.avanti{float:right;}
a.indietro{float:left;}

.pager2{text-align:center;padding-top:10px;color:#4d4d4d;clear:both;}
.pager2 a:link, .pager2 a:visited{color:#4d4d4d;}
.pager2 a:hover{color:#E10078;}
a.avanti{float:right;}
a.indietro{float:left;}





/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 	background:red;
    /* vertical scrollers have typically larger height than width */ 
    height: 418px; 
    width: 190px; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}