﻿/* Resetto tutti gli stili per la compatibilità con i vari browser */
*                         {padding:0 ;border:0; margin:0;}

body                      { background-image:url(images/sfondo.jpg); background-position:top left; background-repeat:repeat-x; background-color:#000000 }
h1 {font: 16px/18px "Lucida Sans Unicode","Lucida Grande",Helvetica,sans-serif,"Bitstream Vera Sans"; font-weight:bolder; color:#ffffff; text-decoration:none;}
/* background-image:url(images/new_scritta_top.jpg); */
#menu_top                 { background-image:url(images/logo_primavera.jpg); background-position:top left; background-repeat:no-repeat; width:800px; height:218px; position:absolute; left:0px; top:0px; }

#menu_top #menu a         { font: 14px/18px "Lucida Sans Unicode","Lucida Grande",Helvetica,sans-serif,"Bitstream Vera Sans"; font-weight:bolder; color:#ffffff; text-decoration:none; }
#menu_top #menu a:hover   { text-decoration:underline; }
#menu_top #menu           { position:absolute; bottom:0px; float:left; left:20px; }

#centrale                 { position:absolute; left:0px; top:260px; width:100%; }

#centrale                 { font: 12px/18px "Lucida Sans Unicode","Lucida Grande",Helvetica,sans-serif,"Bitstream Vera Sans"; height:800px }
#centrale #titolo         { font: 16px/18px "Lucida Sans Unicode","Lucida Grande",Helvetica,sans-serif,"Bitstream Vera Sans"; font-weight:bolder; color:#ffffff }
#centrale #titolo a       { font: 11px/18px "Lucida Sans Unicode","Lucida Grande",Helvetica,sans-serif,"Bitstream Vera Sans"; font-weight:bolder; color:#ffffff; text-decoration:none; }
#centrale #titolo a:hover { text-decoration:underline; }

#centrale TD              { color:#ffffff;FONT: 12px/18px "Lucida Sans Unicode","Lucida Grande",Helvetica,sans-serif,"Bitstream Vera Sans"; }

#bottom                   { FONT: 10px/16px "Lucida Sans Unicode","Lucida Grande",Helvetica,sans-serif,"Bitstream Vera Sans";color:#ffffff; }

#disclamer                { text-align:left; border:solid 2px #ffffff; width:600px; color:#ffffff;background-color:#000000;FONT: 12px/16px "Lucida Sans Unicode","Lucida Grande",Helvetica,sans-serif,"Bitstream Vera Sans";padding:15px; }

#disclamer a              { text-align:center;border:solid 1px #ffffff; width:100px; color:#ffffff;background-color:#000000;FONT: 14px/16px "Lucida Sans Unicode","Lucida Grande",Helvetica,sans-serif,"Bitstream Vera Sans";padding:5px;text-decoration:none; }
#disclamer a:hover        { color:#000000;border:solid 1px #ff0000; width:100px;background-color:#ffffff; }

#content                  { width:500px; FONT: 14px/14px "Lucida Sans Unicode","Lucida Grande",Helvetica,sans-serif,"Bitstream Vera Sans";color:#ffffff; text-align:left; }
#content a                { FONT: 14px/14px "Lucida Sans Unicode","Lucida Grande",Helvetica,sans-serif,"Bitstream Vera Sans"; color:#ffffff; text-decoration:none; }
#content a:hover          { color:#ffff00 }

#shinystat                { position:absolute; bottom:0px; right:0px;}

	#puzzle_container{
		line-height:500px;
		text-align:center;
		vertical-align:center;
		border:10px outset #CCCCCC;
		position:relative;
		color: #FFFFFF;
		background-color: #707070;
		
		width: 520px;	/* IE 5.x */
		width/* */:/**/500px;	/* Other browsers */
		width: /**/500px;	
		
		height: 520px;	/* IE 5.x */
		height/* */:/**/500px;	/* Other browsers */
		height: /**/500px;			

	}
	
	#puzzle_container .square{
		overflow:hidden;
		border-left:1px solid #FFF;
		border-top:1px solid #FFF;
		position:absolute;
	}

	.activeImageIndicator{
		border:1px solid #FF0000;
		position:absolute;
		z-index:10000;
	}
	.revealedImage{
		position:absolute;
		left:0px;
		opacity:0;
		filter:alpha(opacity=50);
		top:0px;
		z-index:50000;
	}

