
/*  --------------------  stili per il layout fisso con posizionamenti assoluti  --------------------  */

html,body	{
		margin: 0;
		border: 0;
		padding:0
		}

body		{ 
		font-family: Tahoma, arial, sans-serif; 
		font-size: 90%; 
		text-decoration: none; 
		text-align: center; 
		color: #ffffff;
		background-color: #1A1A19; 
		}

h3 { color:#fff; font-size:1.00em; font-weight:normal;}



table		{ 
		
		margin: 0;
		border: 0;
		padding:0;
		border-collapse: collapse;
		}


p		{
		margin: 0;
		border: 0;
		padding:0;
		}


.p2 { color:#fff; font-size:0.75em; font-weight:normal;}



a		{ 
		font-family: Tahoma, arial, sans-serif; 
		font-size: 90%; 
		text-decoration: underline; 
		color: #663300;
		}
a:hover		{ 
		text-decoration: none; 
		}



/*  --------------------  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/shadow_03.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: #1A1A19;
		}
/*  ------------------------------  stili generici, su header e footer  ------------------------------  */
div#header	{
		width: 960px; 
		}

div#main	{
		width: 960px; 
		}

/*  ------------------------------  stili generici, su header e footer  ------------------------------  */



.pagecolorbase	{
		background-image: url('images/background_112.jpg'); 
		background-repeat: repeat-y 
		}

.pagecolorbase2	{
		background-repeat: no-repeat; 
		background-image: url('images/bg102.png'); 
		background-position: 50% 0%
		}

.colorblue	{
		background-color: #222222; 
		}

.parjust	{
		text-align: justify;
		padding: 0.5em 1em 0.5em 1em;
		}

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;
		}

.b {
	width:19px; 
	height:18px; 
	background:#eeab00; 
	text-align:center; 
	vertical-align:middle;
}

/*  ------------------------------  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;
		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;
     }
 
.ico	{ 
		float: left; 
		margin-top: 1px; 
		margin-left: auto; 
		margin-bottom: 1px;
		margin-right: 5px; 
		border-top: 1px solid black; 
		border-left: 1px solid black; 
		border-bottom: 1px solid black;
		border-right: 1px solid black; 
	}

/*  ------------------------------  ----------------------------------  ------------------------------  */

div#forms	{
		margin:10px 30px 15px 20px; 
		background-color: #DDDDDD; 
		}

.input_width {
	width:187px; margin:0px 0px 6px 0px; font-size:10px; height:19px

.form1 { height:24px;}
.form1 input {width:81px; height:16px; background:#1d1d1a; border:1px solid #333331; font-size:1em; color:#fff; padding-left:3px;}
.form1 label { width:42px; float:left; text-align:right; margin-right:2px;}
.form1 .input_1 { width:131px;}
.form1 select {width:86px; height:18px; background:#1d1d1a; border:1px solid #333331; font-size:1em; color:#fff; line-height:16px;}

.form1 .select_1 { width:136px;}

.input_2 { margin-left:4px;}





}


/*  ------------------------------  ----------------------------------  ------------------------------  */

.title { margin-bottom:15px;}


.title_block { background:url(images/line_x.gif) left bottom repeat-x; height:37px; margin-bottom:10px;} 

.title_block1 { background:url(images/line_x.gif) left bottom repeat-x; height:37px; margin-bottom:10px; width:212px;} 


/*  ------------------------------  ----------------------------------  ------------------------------  */

div#jenius 	{ 
		width: 100%;
		background-repeat: no-repeat; 
		background-image: url('images/piedino20002.jpg'); 
		background-position: 50% 0%;
		background-color: #222222; 
		}
.borderimage { 
				border:1px solid;
				border-color:#000000;			}
.lnkjenius		{ 
		font-family: arial, sans-serif; 
		font-size: 90%; 
		text-decoration: none; 
		color: #fff2cc;
		}
.lnkjenius:hover		{ 
		font-family: arial, sans-serif; 
		font-size: 90%; 
		text-decoration: none; 
		color: #0099FF;
		}
.bianco12		{ 
		font-family:verdana; 
		font-size: 12px; 
		text-decoration: none; 
		color: #FFFFFF;
		}
.nero12		{ 
		font-family:verdana; 
		font-size: 12px; 
		text-decoration: none; 
		color: #000000;
		}

/*  ------------------------------  ----------------------------------  ------------------------------  */

