
/*  --------------------  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: #333333;
		background-color: #FFFFCC; 
		background-repeat: repeat; 
		background-image: url('images/Patterns1-15.png'); 
		}

h3 { color:#fff; font-size:1.00em; font-weight:normal;}



table		{ 
		width: 100%;
		margin: 0;
		border: 0;
		padding:0;
		border-collapse: collapse;
		}

tr		{ 
		vertical-align: top;
		}


p		{
		margin: 0;
		border: 0;
		padding:0;
		}


.p2 { color:#fff; font-size:0.75em; font-weight:normal;}



a		{ 
		font-family: 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/filler.gif'); 
		}
/*  --------------------  La Division TOP serve a nascondere l'ombra nella testata di pagina  --------------------  */
div#top 	{ 
		width: 980px;
		background-repeat: no-repeat; 
		background-image: url('images/filler.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: #FFFF99; 
		background-repeat: repeat; 
		background-image: url('images/Patterns1-15b.png'); 
		}
/*  ------------------------------  stili generici, su header e footer  ------------------------------  */
div#header	{
		width: 960px; 
		}

div#main	{
		width: 960px; 
		}

.colonna	{
		margin: 0; 
		border-width: 5px;
		border-color: #E68EB6; 
		border-style: solid;
		padding: 5px;
		background-color: #FFC8E8; 
		}

.colonnasx	{
		margin: 0; 
		border-width: 5px;
		border-color: #E68EB6; 
		border-style: solid;
		padding: 0px;
		background-color: #FFC8E8; 
		}


/*  ------------------------------  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; 
		}

.tdborder 	{ 
		margin: 3px; 
		border: 0;
		text-align: justify;
		padding: 5px;
		background-color: #FFC8E8; 
		}

.tdbordersx 	{ 
		margin: 3px; 
		border: 0;
		text-align: left;
		padding: 0px;
		background-color: #E9EAEC;
		}


.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;
}


/*  --------------------------  */

.tabs{		
	padding-top: 8px; 
	color:white; 
	font-weight:bold; 
	text-align:left; 
	text-transform:uppercase;
	background:url(images/tab01.png); 
	background-repeat: no-repeat 
}
.tabs1{		
	background:url(images/chisono.png); 
	background-repeat: no-repeat 
}
.tabs2{		
	background:url(images/carrellohome.png); 
	background-repeat: no-repeat 
}
.search{		
	padding-top: 8px; 
	padding-left: 8px; 
	padding-bottom: 0px;
	padding-right: 0px; 
	background:url(images/search_n_offer.jpg); 
	background-repeat: no-repeat 
}

.elem{		
	padding-left: 18px; 
    	height:19px;	
	line-height:20px;
    	font-size:12px;	
	text-align:left; 
	background-image: url('images/m14.png'); 
	background-color: #E9EAEC;
}
.elempty
	{		
	padding:0 0 0 20px;
    	height:14px;	
	line-height:14px;
    	font-size:12px;	
	background-image: url('images/m15.png'); 
	}
.elemtop
	{		
    	height:14px;	
	line-height:14px;
	background-color: #E9EAEC;
	}


/*  ------------------------------  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;}





}


/*  -----------------  elenchi  --------------------------------------  */


ul
	{
   	margin:0;
	border: 0;
   	padding:0;
		font-family: arial, sans-serif; 
		font-size: 14px; 
		text-decoration: none; 
   	list-style:none;
	}
ul li
	{		
	line-height:20px;
	text-align:left; 
	padding-left: 38px; 
	background-image: url('images/m13.png'); 
	}
ul li a	
	{
		text-decoration: none; 
	}
ul li a:hover
	{
		text-decoration: underline;
	 color:#FF5E28;	 
	}


/*  ------------------------------  ----------------------------------  ------------------------------  */

.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%;
		margin: 0; 
		padding-top: 1em;
		background-repeat: no-repeat; 
		background-image: url('images/filler.gif'); 
		background-position: 50% 0%;
		}
.lnkjenius		{ 
		font-family: arial, sans-serif; 
		font-size: 90%; 
		text-decoration: none; 
		color: #113311;
		}
.lnkjenius:hover		{ 
		font-family: arial, sans-serif; 
		font-size: 90%; 
		text-decoration: underline; 
		color: #000000;
		}


/*  ------------------------------  ----------------------------------  ------------------------------  */

