/*  --------------------  stili per il layout fisso con posizionamenti assoluti  --------------------  */

html,body	{
		margin: 0;
		border: 0;
		padding:0
		}

body		{ 
		font-family: arial, sans-serif; 
		font-size: 80%; 
		text-decoration: none; 
		text-align: center; 
		color: #CCCCCC;
		background-color: #333333; 
		}

table		{ 
		width: 100%;
		margin: 0;
		border: 0;
		padding:0;
		border-collapse: collapse;
		}


p		{
		margin: 0;
		border: 0;
		padding:0;
		}

/*  --------------------  Division principale: contiene la div ombra che a sua volta contiene la pagina  --------------------  */
div#container 	{ 
		width: 980px;
		margin-top: 0; 
		margin-left: auto; 
		margin-bottom: 0;
		margin-right: auto; 
		}
/*  --------------------  Division che fa il rendering dell'ombra sotto la pagina  --------------------  */
div#ombra 	{ 
		width: 980px;
		background-repeat: repeat; 
		background-image: url('images/theshadow.png'); 
		}
/*  --------------------  La Division TOP serve a nascondere l'ombra nella testata di pagina  --------------------  */
div#top 	{ 
		width: 980px;
		background-repeat: no-repeat; 
		background-image: url('images/noshadow.gif'); 
		background-position: 50% 0%
		}
/*  --------------------  Questa è la Division della pagina vera e propria --------------------  */
div#page 	{ 
		width: 960px; 
		margin-top: 0; 
		margin-left: auto; 
		margin-bottom: 0;
		margin-right: auto; 
		background-color: #333333; 
		}
/*  ------------------------------  stili generici, su header e footer  ------------------------------  */
div#header	{
		width: 960px; 
		}

div#main	{
		width: 960px; 
		}

/*  ------------------------------  stili generici, su header e footer  ------------------------------  */



.pagecolorbase	{
		background-color: #333333; 
		}

.colorblue	{
		background-color: #FFFFFF; 
		}

.parjust	{
font-size:14px;
		font-family:calibri;
		color:#000000;
		
		}

.bianco14	{
font-size:14px;
		font-family:calibri;
		color:#ffffff;
		
		}
		
		.parjust2	{
		font-family:calibri;
		font-size:11px;
		color:#000000;
		}

p.flashpar	{
		text-align: right;
		padding: 0.5em 1em 0.5em 1em;
		}

p.flashparsmall	{
		color: #666666;
		font-size: 0.8em;
		text-align: right;
		padding: 0.5em 1em 0.5em 1em;
		}

/*  ------------------------------  stili per layer superiore  ------------------------------  */


#overlay
		{ 
		z-index: 2
		}  

#sopra {
        position: fixed;
        width: 960px;
        height: 53%;
        top: 0;
        right: 0;
        bottom: auto;
        left: 0;
      }

#sotto 	{
        	position: fixed;
        	width: 100%;
        	height: 47%;
		top: auto; 
		left: auto; 
		bottom: 0;
		right: 0; 


     	}

.tabpad		{ 
		padding: 10;
		color: #000000;
		text-align: left; 
		}

.tabtab		{ 
		text-align: left; 
		}


#sottosx {
        position: fixed;
        width: 21%;
        height: 45%;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
     }

#sottodx {
        position: fixed;
        width: 79%;
        height: 45%;
        top: auto;
        right: 0;
        bottom: 0;
        left: auto;
     }
 

/*  ------------------------------  ----------------------------------  ------------------------------  */

.lnkjenius		{ 
		font-family: arial, sans-serif; 
		font-size: 80%; 
		text-decoration: none; 
		color: #ffffff;
		}
.lnkjenius:hover		{ 
		font-family: arial, sans-serif; 
		font-size: 80%; 
		text-decoration: underline; 
		color: #ffffff;}


/*  ------------------------------  ----------------------------------  ------------------------------  */
.borderimage { 
				border:1px solid;
				border-color:#000000;			}