/*STILI GENRALI */
body { margin:0px auto; font:12px/14px Arial, FreeSans, sans-serif;  color:#555; background:#21292d url(../images/sito/bg_main3.jpg) no-repeat 0 0 fixed; }
body * { margin:0; padding:0;  }
a { text-decoration:none; outline:none; color:#666}
a:hover { text-decoration:none; outline:none; color:#CCC }
a img { border:0; }
.clear { clear:both; height:0; line-height:0; font-size:0; overflow:hidden; }
ul { list-style-type:none}
.noborder { border:none}



.nomargin-right {margin-right:0!important;}
.nomargin-left {margin-left:0!important;}

.none {display:none}
.block { display:block}


/*INIZIO HEADER*/
#header { }
#header h1 { text-indent:-9999px}
#header h2 { text-indent:-99999px }

.visualhome { margin:0 auto; width:318px}

/*INIZIO tempalete*/
#main { width:1160px; overflow:hidden; position:relative}
#main h3 { color:#9172b6; border-top:1px solid #282828; border-bottom:1px solid #282828; background:#0b0e10; text-indent:10px; padding:6px 0; font-size:10px; font-weight:normal; text-transform:uppercase }


.col-01 { width:180px; min-height:800px; position:fixed; }
.col-02 { width:360px; left:240px; background:url(../images/sito/bg_nero80_alfa.png) repeat 0 0; position:fixed;   }
.col-03 { width:500px; float:left; margin-left:620px; background:url(../images/sito/bg_nero80_alfa.png) repeat 0 0; padding-bottom:60px }
.col-centrale { width:760px; margin-left:240px; background:url(../images/sito/bg_nero80_alfa.png) repeat 0 0; }


.col-01 .logo { width:164px; height:114px; position:fixed; margin-left:40px; margin-top:200px; background:url(../images/sito/djsirio_logo.png) no-repeat 0 0; }
.col-01 .logo a {height:114px; display:block}


		/*hack fot IE 7*/
		*:first-child+html .col-01 {position:relative; float:left; } /*per IE7 */
		*:first-child+html .col-02 {position:relative; float:left; left:0; margin-left:60px } /*per IE7 */
		*:first-child+html .col-03 {margin-left:0; margin-left:20px} /*per IE7 */
		*:first-child+html .menu {position:absolute; top:10px; left:10px;} /*per IE7 */
		*:first-child+html .logo {position:absolute; top:10px; left:10px;} /*per IE7 */




/*PULSANIT*/
.bottone { padding:4px; background:#eee; border:1px solid #CCC; text-align:center;}
.bottone.close { width:60px; float:right }

/*menu*/
.menu { margin-left:64px; margin-top:360px; font-size:11px; text-transform:uppercase; }
.menu ul { margin-left:8px; }
.menu ul li { margin-top:6px}




/*Regole per sezioni*/
#sezione-1 {width:460px; height:260px;  padding:20px;  float:left;}
#sezione-2 {width:320px; height:540px; margin-right:20px;  padding:20px; float:left; position:relative  }
#sezione-3 {width:460px; padding:20px; margin:18px auto; }
#sezione-4 {width:460px; padding:20px; margin-top:18px; }




#sezione-1 .cont-sezione {height:200px;	}
#sezione-2 .cont-sezione {height:300px;  }
#sezione-3 .cont-sezione {height:300px; }
#sezione-4 .cont-sezione {height:300px; }
#video {padding: 0 20px; }
#galleria .cont-sezione {height:200px; }



#galleria {width:460px; height:200px; margin-top:18px; padding:20px 20px 80px 20px;  float:left; position:relative}
#details-galleria { background:#fff; width:770px; border:10px solid #333; position:absolute; padding:40px; top:10px; left:10px; position:absolute;  }
.cont-foto { padding:0 20px}
.cont-foto .itemfoto { float:left; border:6px solid #eee; margin-right:16px; margin-top:10px }
.cont-foto .itemfoto img { border:2px solid #FFF; width:100px; height:80px;}



/*result audio*/
.result-audio { margin-top:40px; clear:both;  }
.result-audio .titcontaudio { font-size:18px; color:#333; font-weight:bold; border-bottom:2px solid #C00; margin:20px 0; padding-bottom:10px}
.result-audio .cont-audio { margin-top:10px; clear:both;}
.result-audio .cont-audio .itemaudio { margin:10px 0; border-bottom:1px dotted #CCC; padding-bottom:10px;}
.result-audio .cont-audio .itemaudio .titsong { font-size:15px; color:#C00; float:left;  }
.result-audio .cont-audio .itemaudio .mp3 { float:right;}

/*result file*/
.result-file { margin-top:20px; clear:both;}
.result-file .titcontaudio { font-size:18px; color:#333; font-weight:bold; border-bottom:2px solid #333; margin:20px 0; padding-bottom:10px}
.result-file .cont-file { margin-top:10px; clear:both;}
.result-file .cont-file .itemfile { margin:10px 0; border-bottom:1px dotted #CCC; padding-bottom:10px;}
.result-file .cont-file .itemfile .titfile { font-size:15px; color:#C00;   }
.result-file .cont-file .itemfile .descfile { font-size:13px; color:#999;   }
.result-file .cont-file .itemfile .icofile { float:right; margin-right:10px}

.col-centrale .ris-page { width:92%;}
.col-centrale .result-audio { background:#FFF; padding:20px;  }
.col-centrale .result-file { background:#FFF; padding:20px;  }



/*slide home*/
#slideshow {position:relative;width:415px; height:256px; float:left; background:url(../images/lightbox-ico-loading.gif) no-repeat 50% 50%; }
#slideshow img {position:absolute; top:0; left:0; z-index:8; opacity:0; width:415px; height:256px; filter:alpha(opacity=0); }
#slideshow img.active { z-index:10; opacity:1.0;}
#slideshow img.last-active {z-index:9;}



/*regole fb mi piace*/
#fb-fan { float:left; margin:10px 0 0 20px}

/*statistiche*/
.stats { margin:10px 20px; }


/*LISTING PAGE*/
.listing-page{ margin-top:10px; overflow:hidden}
.listing-page h3 { margin-top:10px;}
.listing-page .item-page { border-bottom:1px dotted #444444; padding:10px 0px; display:block; clear:both;  }
.listing-page .item-page:hover {background:url(../images/sito/bg_nero80_alfa.png) repeat 0 0; cursor:pointer }
.listing-page .item-page .visual { float:left; border:6px solid #262626; margin-right:20px; }
.listing-page .item-page div:hover .visual { border:6px solid #000;  }
.listing-page .item-page .visual img { width:80px; height:60px; }
.listing-page .item-page .date { font-size:10px; display:block; margin-top:2px; line-height:14px; color:#95e6fd; letter-spacing:2px}
.listing-page .item-page .tit { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#569703; display:block; margin-top:2px; line-height:13px; clear:right; text-transform:uppercase; color:#cbcbcb; }
.listing-page .item-page div:hover .tit  { color:#9172b6; }
.listing-page .item-page .intro {color:#999; display:block; font-size:12px; text-transform:uppercase; line-height:11px; margin-top:4px; color:#444444;}
.listing-page .item-page div:hover .intro   {color:#adadad; }
.listing-page .item-page .pict { float:left; border:6px solid #eee; margin-right:20px; }
.listing-page .item-page .pict img { border:2px solid #FFF; width:50px; height:30px;}




/*PAGINAZIONE*/
.paginazione { }
.paginazione ul { }
.paginazione ul li { float:left; padding:1px; border:1px solid #444444; width:16px; text-align:center; font-size:10px}
.paginazione ul li:hover { background:url(../images/sito/bg_nero80_alfa.png) repeat 0 0; }
.paginazione ul li a { display:block}


#result-sezione-1 { width:770px; padding:40px;   }
#result-sezione-2  {width:770px; padding:40px;  }


.ris-page { width:640px; padding:30px; overflow:auto; overflow:auto;   }
.ris-page .date { color:#666; padding:5px 0; font-size:13px }
.ris-page .tit { font-size:23px; font-weight:bold; color:#9172b6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase}
.ris-page .visual { margin:10px 0 10px 0;  }
.ris-page .visual img{ margin:2px;  -moz-box-shadow: 2px 2px 4px #888;  -webkit-box-shadow: 2px 2px 4px #888;   }
.ris-page .desc { font-size:11px;}




#result-details {}
#result-details .ris-page .tit { color:#FFF}
#result-details .ris-page .visual img  { -webkit-box-shadow: 2px 2px 4px #3CF}
#result-details .ris-page .desc { color:#999; font-size:12px}
#result-details .menu h3 { margin-left:4px;  }




/*LISTING PAGE*/
.details-page{ margin-top:10px;}
.details-page .visual { float:left; border:6px solid #eee; margin-right:20px}
.details-page .visual img { border:2px solid #FFF}
.details-page .tit { font-size:18px; font-weight:bold; color:#005ca6; display:block; margin-top:2px; line-height:22px}
.details-page .articolo { line-height:20px; margin-top:6px}
.details-page .data { margin-top:20px; float:right}




/*DETAILS FOTO*/
.details-foto{ margin-top:10px;}
.details-foto ul { margin-top:10px; padding-left:0!important; padding-bottom:0px!important; }
.details-foto ul li { line-height:0!important;}
.details-foto ul li.pict { background:#eee; padding:8px; margin:6px; display:inline; float:left}
.details-foto ul li.pict img { width:104px; height:70px; border:1px solid #FFF}
.details-foto ul li .dida { }
#lightbox-image-details-currentNumber { padding:20px 0}


/*PARTE DEL VIDEO*/
.box-youtube { margin-top:20px; }
.box-youtube #ytvideo { float:left;}
.box-youtube .listing-video { margin-top:20px; padding-left:0!important;  }
.box-youtube .listing-video li { list-style-type:none; float:left; width:100px; margin-right:20px; font-size:11px;  }
.box-youtube .listing-video li:hover {background:url(../images/sito/bg_nero80_alfa.png) repeat 0 0;}
.box-youtube .listing-video li a { font-size:11px; color:#333; line-height:13px}
.box-youtube .listing-video li a:hover { color:#adadad;}
.box-youtube .listing-video li img {  width:90px; height:60px; display:block; border:2px solid #333 }

.box-youtube .listing-video li .tit-video { margin-top:4px; display:block; font-size:10px; text-transform:uppercase; font-size:10px; color:#cbcbcb }
.box-youtube .listing-video li a:hover .tit-video { color:#9172b6 }
.box-youtube .listing-video li .descvideo { font-size:9px; margin-top:4px; display:block }


#ytvideo { float:left; }
#aperturavideo { margin-left:10px; float:left; width:180px; overflow:hidden; display:none}
#aperturavideo .tit-video { font-size:13px; color:#005ca6; display:block; line-height:15px; font-weight:bold; text-transform:uppercase; overflow:hidden}
#aperturavideo .descvideo { margin-top:6px; font-size:11px; display:block;}


/* Easy Slider */
	#slider { overflow:hidden; width:440px; margin-top:20px;  }
	#slider ul, #slider li{margin:0;padding:0;list-style:none;}
	#slider li{ width:95px; height:240px; overflow:hidden; padding:8px; margin-bottom:10px}
	span#prevBtn{  width:80px; height:24px; line-height:24px; display:block; float:left; text-align:center; font-size:13px; border:1px solid #444; margin-left:260px }
	span#prevBtn a{  height:22px; line-height:22px;  display:block}
	span#nextBtn{  width:80px; height:24px; line-height:20px; display:block; float:left; text-align:center; font-size:13px; border:1px solid #444; margin-left:10px;  }					
	span#nextBtn a{  height:22px; line-height:22px; display:block}

	
/*FINE PARTE DEL VIDEO*/



/*BIOGRAPHY*/
#Biography {width:460px; padding:20px; margin-top:18px; }
#Biography p { line-height:20px; font-size:11px; margin-left:10px; text-align:justify}
#Biography p .tit { display:block; color:#cbcbcb; text-transform:uppercase }


/*BOOKING*/
#Booking {width:460px; padding:20px; margin-top:18px; }
#Booking p { text-align:center; width:220px; margin-top:4px}
#Booking .agency { color:#95e6fd}
#Booking .booking-A { width:220px; height:80px;   margin-top:20px; float:left}
#Booking .booking-A .electrobooking {height:80px; display:block; background:#FFF url(../images/sito/electrobooking.gif) no-repeat 40px 0; display:block; text-indent:-9999px; border:1px solid #444; }
#Booking .booking-A .electrobooking a {height:80px; display:block; }
#Booking .booking-B {  margin-top:20px; float:left; margin-left:16px}
#Booking .booking-B .bdma {height:80px; display:block;background:#000 url(../images/sito/bdma.gif) no-repeat 0px 0; width:220px; height:80px; display:block; text-indent:-9999px; border:1px solid #444; }
#Booking .booking-B .bdma a {height:80px; display:block; }
		
		
		
		
/*SCROOL TESTI*/
.boxMaschera { width:454px; height:196px; margin:20px 0;}
.boxMaschera {overflow:hidden; position:relative; }
.boxMaschera .movBox01 {position:relative; top:0; left:0; }

.nav-testi {}
.nav-testi span  {width:80px; height:24px; line-height:24px; text-align:center; text-transform:uppercase; float:right; display:block; font-size:11px; border:1px solid #444;}
.nav-testi span a  {height:24px; display:block}
.nav-testi span a:hover {background:url(../images/sito/bg_nero80_alfa.png) repeat 0 0;}

/*CONTACT*/
#Contact {width:460px; padding:20px; margin-top:18px; }
#Contact ul { margin-top:20px;}
#Contact ul li { float:left; margin-right:10px}
#Contact ul li a { height:40px; display:block;}
#Contact ul li.email { border:1px solid #444; line-height:40px; width:178px; text-align:center}
#Contact ul li.email a:hover { background:url(../images/sito/bg_nero80_alfa.png) repeat 0 0;}
#Contact ul li.myspace { background:url(../images/sito/myspace.gif) no-repeat 0 0; width:125px; height:40px; text-indent:-9999px; }
#Contact ul li.facebook { background:url(../images/sito/facebook.gif) no-repeat 0 0;  width:125px; height:40px; text-indent:-9999px; }
	
/*adddthis*/
.addthis_toolbox { padding:10px; background:#fff; }