/*CREDITS:
- per il menu: html.it "Un menu in stile Vista con grafica e CSS
di Alessandro Fulciniti"
- per le gallerie di immaginie i tooltips popup: cssglobe.com "Pure Css Image Gallery"
di Alen Grakalic
Progetto e lavoro di Marco Vincenzi, www.cembalo.it (cioč faccio 'n'artro lavoro:-)
*/


body{
	font-family: arial,tahoma, verdana, sans-serif;
	font-size: 100%;
	background-color: black;
	background-image: url('../image/SfondoNeroPuntoLuce.jpg');
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: center
	}

H1{
   font-family:garamond,"times new roman",serif;
   font-variant: small-caps;
   font-size: 24pt;
   color: orange
   }
   
H2{
   font-size: 12pt;
   color: #DDD
   }

/* div al centro*/
#container {
			
width: 600px;
height: 30px;
/*position: absolute;*/
/*top: 50%;
left: 50%;*/
/*margin-top: -100px;*/
/*margin-left: -150px;*/
}
/*FINE div al centro */


/* per i menu */
div#header{ 
			height: 205px;
			/*background-image: url('..image/LogoColzaniRidottoTrasparenteOrange04sfumato.gif);*/
			
			}

ul#menu{float: left;
		width: 600px;
		
		color: #DDD;
    	background: #363636 url(../image/menuBk.png)} 	
#menu,#menu li{float: left;
				margin: 0;
				/*position: absolute;*/
				
				padding: 0;
				list-style-type: none
				}

#menu li,#menu a, #menu span{float: left;height: 35px;line-height: 35px}
#menu a{text-decoration: none;color: #DDD;padding-left: 15px}
#menu span{padding-right: 15px;cursor: pointer}
#menu a:hover {background: url(../image/vistaBk.png) top left;color: #EEE}
#menu a:hover span{background: url(../image/vistaBk.png) top right}
#menu #current a   {background: url(../image/vistaBk.png) bottom left;color: Orange}
#menu #current span{background: url(../image/vistaBk.png) bottom right}

/* fine dei menu

/* per la Galleria di Immagini */

		ul#gallery, ul#gallery li{
			margin:0;
			padding:0;
			list-style:none;
			
			}
		ul#gallery{
			width:350px;
			height:450px;
			position: absolute;
			/*background: url(../image/previewOrange.gif) no-repeat 110% 0%;*/
			}			
		ul#gallery li{
			/*float:left;*/
			/*display:inline;*/
			margin-top:0px;
			}								
		ul#gallery a span{
			display:none;
			}
		ul#gallery a:hover{
			background:none;
			z-index:160;
			}	
		ul#gallery a:hover span{
			position:absolute;
			width:300px;
			height:300px;
			float:left;
			top:0;
			left:150px;
			display:block;
			}
			
/* Fine galleria di immagini */

/* Menu vari */
ul#lista li{list-style-type: square;
			color: orange;
			list-style-position: inside
			}
/* Tooltips quando si passa il mouse! */	
	
		 .tooltip a  {
			z-index:0;
			}
		.tooltip a:hover {
			position:relative;
			z-index:100;
			}			
		.tooltip a span{
			display:none;
			}
		.tooltip a:hover span {
			display:block;
			position:absolute;
			float:left;
			white-space:nowrap;
			top:-2.7em;
			left:0em;
			background:#fffcd1;
			border:1px solid #444;
			color:#444;
			padding:1px 5px;
			z-index: 100;			
			}			
		
	/* Fine tooltips  */


/* testo per link */
a:link {
	text-decoration: none;
 	color: #DDD;
	}

a:visited {
	text-decoration: none;
	color: orange;
	}

a:hover {
	text-decoration: underline;
	color: #DDD;
}

/* prove cursori */
span.help         { cursor: help;
			font-style: normal;
	      	font-weight: bold;
	      }
/* bordi celle */	     
.bordertd { border: 1px dashed Orange;
		}
/*.bordertd a:hover { border: 0;
		}*/


/* cornici per foto */
.thumb { border: 2px solid orange;}

/* cornici per foto  per link */
.mthumb { border: 1px solid black;}
a:link .mthumb {  border-color: black}
a:visited .mthumb {  border-color: orange}
a:hover .mthumb { border-color: white}