/* CSS Document */

body, html {font-family:  Tahoma, Arial, Helvetica; font-size:10pt; margin: 0; padding:0; text-align:center; }
ul {margin:0;}

/* Top pagina.ripristino-float { clear: both; height:1px;overflow:hidden;margin:-1px; }
-----------------------------------------------------*/

#Topp  {  background: transparent ;height: auto; width: 100%; margin: 0 auto; padding: 0; }
#sfondologo { height: 190px; width: 100%; margin: 0 auto; padding: 0;}
#primotop { height:20px; border-bottom:0px solid #FFF;}
#logo{ margin: 0 auto; padding:0px; background: url(/carosello/V2/Top-4cut.jpg) top center no-repeat; height:190px;
}
/* Main navigation
------------------------------------------------------------------*/
#mainNavContainer2 {
	background: transparent url(/carosello/v2/pulsantiera4.gif) left top no-repeat;
	width: 978px; 	height: 37px; position: relative; display: block; text-indent: -9999px;}
	#mainNav2 {
	background: transparent url(/carosello/v2/pulsantiera4.gif) left top no-repeat;	width: 682px; 	
	height: 37px; position: relative; display: block; text-indent: -9999px; float: left;}
	
	 #mainNav2 li a { text-indent: -9999px; text-decoration: none; }
     #mainNav2 li {list-style: none; position: absolute; top: 0; margin: 0; padding: 0;}
     #mainNav2 li, #mainNav2 a { height: 37px; display: block; outline: none; }
	 
#mainNavContainer { background: transparent; height: 55px; width: 978px; margin: 0 auto; padding: 0; margin-bottom:20px;}

#mainNavContainer #mainNav {
	background: transparent url(/carosello/v2/pulsantiera3.gif) left top no-repeat;
	width: 978px; 	height: 55px; position: relative; display: block; text-indent: -9999px; float: right;
	z-index: 9; margin: 0; padding: 0;}
	
	
	
	
#mainNavContainer #mainNav li a { text-indent: -9999px; text-decoration: none; }
#mainNavContainer #mainNav li {list-style: none; position: absolute; top: 0; margin: 0; padding: 0;}
#mainNav li, #mainNav a { height: 55px; display: block; outline: none; }

/* Navigation links slices */
#navHome	{ left: 0px; width: 100px; }
#navWork	{ left: 100px; width: 90px; }
#navAbout	{ left: 190px; width: 90px; }
#navJournal { left: 280px; width: 90px; }
#navContact	{ left: 370px; width: 170px; }
#navContact1	{ left: 540px; width: 140px; }
#navContact2	{ left: 680px; width: 298px; }


/* Navigation hover slices */
#navHome a:hover, #navHome a:focus { background: transparent url(/carosello/v2/pulsantiera3.gif) 0px -55px no-repeat; }
#navWork a:hover, #navWork a:focus { background: transparent url(/carosello/v2/pulsantiera3.gif) -100px -55px no-repeat; }
#navAbout a:hover, #navAbout a:focus  { background: transparent url(/carosello/v2/pulsantiera3.gif) -190px -55px no-repeat; }
#navJournal a:hover, #navJournal a:focus { background: transparent url(/carosello/v2/pulsantiera3.gif) -280px -55px no-repeat; }
#navContact a:hover,  #navContact a:focus { background: transparent url(/carosello/v2/pulsantiera3.gif) -370px -55px no-repeat; }
#navContact1 a:hover, #navContact1 a:focus { background: transparent url(/carosello/v2/pulsantiera3.gif) -540px -55px no-repeat; }
#navContact2 a:hover, #navContact2 a:focus { background: transparent url(/carosello/v2/pulsantiera3.gif) -680px -55px no-repeat; }


	
/* Panel right  Search
------------------------------------------------------------------*/
#cerca{margin:0; padding:0; border:0;}
#search { position:relative; 
	background: transparent url(/carosello/v2/cerca.gif) left top no-repeat;
	margin: 0; padding: 0; height: 45px; width: 282px; text-align:left; }
#search h2 {text-indent: -9999px; display: none; }
#search input#s  {
	position:absolute;
	font: normal 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin: 15px 2px 13px 43px;
	padding: 0;
	color: #330000;
	width: 180px;
	height: 15px;
	float: left;
	background-color: #fff;
	border: 1px solid #fff;
	top: -4px;
	left: 3px;
}
#search button#searchButton  {
	position:absolute;
	background: transparent url(/carosello/v2/btn_go.gif) left top no-repeat;
	margin: 14px 10px 13px 228px;
	padding: 0px;
	color: #6F756A;
	border: none;
	width: 30px;
	height: 21px;
	float: left;
	cursor: pointer;
	text-indent: -9999px;
	display: block;
	top: -5px;
	left: 6px;
	
	}

#bottonidiv{position:absolute; margin: 50px 10px 13px 10px;}
#bottonidiv .bottone1 {  background: transparent url(/carosello/v2/bt_artista.gif) left top no-repeat;
text-indent: -9999px; padding: 0px; margin:0px; border: none; width: 85px; height: 0px; float: left; cursor: pointer; display: block; }/*height: 21px;*/
	
#bottonidiv .bottone2 {  background: transparent url(/carosello/v2/bt_Brani.gif) left top no-repeat;
text-indent: -9999px; padding: 0px;  margin:0px; border: none; width: 85px; height: 0px; float: left; cursor: pointer; display: block; }

#bottonidiv .bottone3 {  background: transparent url(/carosello/v2/bt_news.gif) left top no-repeat;
text-indent: -9999px; padding: 0px;  margin:0px; border: none; width: 80px; height: 0px; float: left; cursor: pointer; display: block; }	 

#bottonidiv .bottone1:hover  { background-position: 0 bottom; }
#bottonidiv .bottone2:hover  { background-position: 0 bottom; }
#bottonidiv .bottone3:hover  { background-position: 0 bottom; }	
	
	
#maincontainer{width: 982px; margin: 0 auto;  height:auto;  text-align:left; }
#contentcolumn	{ float:right; 	width: 282px; background: transparent url(/carosello/v2/centroc.gif)  left top repeat-y; text-align:left; height:auto; margin:0; }

#leftcolumn		{position:absolute; float:left; background: transparent url(/carosello/v2/sinistrac.gif) left top repeat-y;  	width: 440px; text-align:left; height:auto; margin:0px; padding:0px;}
#rightcolumn	{ position:absolute; margin-left:450px; background: transparent url(/carosello/v2/destrac.gif) left top repeat-y;  Width: 240px; text-align:left; height:auto;  padding:0px;}
#colonnagrande	{ float:left; width: 690px; text-align:left; padding:0px; margin:0px; }
.colgrandetop { height:30px; padding: 5px 0px  0px 10px; background: transparent url(/carosello/v2/690topblu.gif) left top no-repeat;}
.colgrandetop h2 { color: #ffffff;font: bold 1.1em Tahoma, Arial, Helvetica; margin-left:20px; padding-top:5px; text-transform: capitalize;  }
.colgrandebot { margin:0px auto; text-align:left; height:20px; background: transparent url(/carosello/v2/690bot.gif) left top no-repeat;}
.colgrandecen 		{ margin:0px auto; padding:0px 30px 0px 30px; background: transparent url(/carosello/v2/690cen.gif) left top repeat-y;}

.innertubeinterno	{margin:0px auto; padding:5px 7px 0px 7px; text-align:left; }
.innertube			{margin:0px auto; padding:5px 7px 0px 7px; height:420px;  text-align:left; }
.titolo_album {float:left; padding-left:5px;font: 0.8em Tahoma, Arial, Helvetica;}

.flash{clear:both;margin: 0 auto; text-align:left;}
#video {clear:both;padding: 10px 0px 0px 0px; text-align:left; float:left; width:310px}
.videoscroll {padding-top:10px; text-align: center; width:300px; height:280px; float:left; overflow:auto; }
.elenco {float:right; margin: 0 auto; text-align:left; width:280px;}

.img { float: left; margin: 0px 10px 5px 0px; padding: 3px; border: 1px solid #e5e5e5;  }
.date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 15px 0; text-align: right }
.tratteggio { clear:both; border-top: 1px dotted #ccc; padding-top: 5px; margin-top: 10px; }
.box{clear:both;  height:228px; margin:0px; padding-right:15px; overflow:auto; width:98%; }
.box300{clear:both;  height:350px; margin:0px; padding-right:10px; overflow:auto; width:280px; }
/*Calendario
..............................*/
#dateblock { width:60px; height:70px; float:right; background: transparent url(/carosello/v2/date.gif) left top no-repeat; margin-left:10px;
text-align: center;font-family: Arial;}
.day {font-size: 24px;}
.month {padding:1px;font-size: 11px;}
.year {font-size: 12px;FONT-WEIGHT: BOLD;color:#FFF;padding:3px;}

#newz{clear:both}


h1 { color: #0066cc;font:  bold 1.7em Tahoma, Arial, Helvetica; margin:0; margin-bottom:3px; }
h2 { color: #0066cc;font:  bold 1.3em Tahoma, Arial, Helvetica; margin:0; margin-bottom:3px; }
h3 { color: #0066cc;font:  bold 1.1em Tahoma, Arial, Helvetica; margin:0; margin-bottom:3px; }
.titolo-bianco { color: #ffffff;font:bold 1.1em Tahoma, Arial, Helvetica; margin-left:20px; padding-top:5px; text-transform: capitalize;  }
A:link {text-decoration: none; color:#0033CC}
A:visited {text-decoration: none; color:#0033CC}
A:hover { text-decoration:underline; color: #0033cc}
A:active { color:#0033CC; text-decoration:none; }


#sinistra	{ height:30px; padding: 5px 0px  0px 10px; width:440px; background: transparent url(/carosello/v2/sinistra.gif) left top no-repeat;}
.sinistra_senza { height:15px; padding:0px; width:440px; background: transparent url(/carosello/v2/sinistra-senza.gif) left top no-repeat;}
.destra  	{ height:30px; padding: 5px 0px  0px 10px; width:240px; background: transparent url(/carosello/v2/destra.gif) left top no-repeat;}
.centro  	{ height:30px; padding: 5px 0px  0px 10px; width:272px; background: transparent url(/carosello/v2/centro2.gif) left top no-repeat;}
.centro  h2 {  color: #ffffff;font:  bold 1.1em Tahoma, Arial, Helvetica; margin-left:20px; padding-top:7px; text-transform: capitalize;  }

#sinistrab	{ height:34px; padding: 0px 0px  0px 8px; width:440px; background: transparent url(/carosello/v2/sinistrab.gif) left top no-repeat;}
.destrab  	{ height:24px; padding: 0px 0px  0px 8px; width:240px; background: transparent url(/carosello/v2/destrab.gif) left top no-repeat;}
.centrob 	{ height:20px; padding: 0px 0px  0px 8px; width:272px; background: #fff url(/carosello/v2/centrob.gif) left top no-repeat;}

#centrale{	width: 100%; margin: 5px auto;padding: 0px; background:#f3f3f3; clear:both;  }
#centrale .ctop   {margin:0px auto; background:transparent url(/carosello/v2/centrale-top.gif) top left repeat-x; height:35px;}
#centrale .cbottom{margin:0px auto; background:transparent url(/carosello/v2/centrale-bottom.gif) top left repeat-x; height:51px;}
#ccontenuto{width:980px;margin: 0 auto; overflow:hidden;}
#ccontenuto h5 { text-align:left; font:  bold 1.5em Tahoma, Arial, Helvetica; margin:5px auto; color: #0066cc; width: auto; border-bottom: dotted 1px #999; }	


.TestoN {position:absolute; z-index:1; background:#F3F3F3 top center; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; }
.TestoM {position:absolute; z-index:2; padding-left:3px;}

.etesto{padding:5px 5px 5px 0px; border-bottom:1px dotted #cccccc; margin-bottom:0px; overflow:hidden; text-align:justify;}
#extra1 {float: left;  width: 680px;  color:#666666; text-align:justify; padding-left:10px; padding-right:10px;  }
#extra3 {float: right; width: 260px;  color:#666666; text-align:justify; padding-left:10px; padding-right:10px;}

/*Quotes style
..............................*/
#paginazione{width: 690px; height:38px; padding: 8px 0; text-align:center; background: transparent url(/carosello/v2/paginazione.gif) left top no-repeat; }
.pagination{padding: 3px;}
.pagination ul{margin: 0;padding: 0;text-align: center;font-size: 11px;}
.pagination li{list-style-type: none;display: inline;padding-bottom: 1px;}
.pagination a, .pagination a:visited{ padding: 3px; border: 1px solid #aaa; text-decoration: none; color: #929292;}
.pagination a:hover, .pagination a:active{ border: 1px solid #999; color: #000; background-color:#ccc; }
.pagination li.currentpage{ font-weight: bold; padding: 3px; margin-right:3px; border: 1px solid #777; background-color: #929292; color: #FFF; }
.pagination li.disablepage{ padding: 3px; border: 1px solid #929292; color: #929292;}
.pagination li.nextpage{ font-weight: bold; }

* html .pagination li.currentpage, * html .pagination li.disablepage{
 /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;padding-right: 0;}