/* ---- main ---- */

A{color:#003399;text-decoration:none;}
a:link,a:visited{color:#003399;text-decoration:none} 
a:hover,a:active{color:#003399;text-decoration:none;background:#FFFF17}

body{
    background-image: url(../items/img/sfo_item.jpg);
    background-repeat: repeat;
    font: 76%/1.3 Verdana,Arial,sans-serif;	
    text-align: center;   /*centra in IE 5.x */
	 margin: 10px 0px 0px 0px;
    }

#content {
	width: 772px;
	margin: 0px auto; /*centra negli altri browsers*/
/*	border: 1px solid #009afe;*/
	height: auto;
	text-align: left; /*ripristina l' allineamento*/
	position: relative;
}

#base1 {
	margin: 0px auto; /*centra negli altri browsers*/
	background-color: #FFFFEC;	
	/*border: 1px solid #009afe;*/
	height: auto;
	text-align: left; /*ripristina l' allineamento*/
	position: relative;
}

#boxmain {
	margin: 0px auto; /*centra negli altri browsers*/
	/*background-color: #FFFFEC;*/
	/*border: 1px solid #009afe;*/
	height: auto;
	text-align: left; /*ripristina l' allineamento*/
	position: relative;
	padding: 8px;
}


#testomain {
	height: auto; /*position: relative;*/
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;	
}

#testomain li {
	margin-left: 30px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}

#colunica {
	margin-right: 0x;
	height: auto;
	background-color: #FFFFEC;
	text-align: justify;
	border-left: 1px solid #009AFE;
	border-right: 1px solid #009AFE;
	/*position: relative; (se inserito sballa IE)*/		
}


#colsinistra {
	margin-right: 215px;
	height: auto;
	background-color: #FFFFEC;
	text-align: justify;
	/*border-left: 1px solid #009AFE;*/
	position: relative;	
}

#coldestra {
	width: 215px;   /*un po' di meno per evitare l' uso del padding*/
	top: 5px; /*l' altezza dell' header*/
	right: 1px;
	border: 0px solid;	
	padding: 0px;
	height: auto;
	background-color: #CCFFFF;
	/*border-right: 1px solid #009AFE;*/	
	text-align: center;
	position: absolute;

}

#menusmallbox {
	background-color: #FFFFEC;
	border: 1px solid #6699FF;
	width: 318px; 
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 300;
	font-style: normal;
	border-left: 0px solid #6699FF;
	border-right: 1px solid #6699FF;
	border-top: 0px solid #6699FF;
	border-bottom: 1px solid #6699FF;
	position: relative;		
}


#menutopunica {
	background-color: #FFFFEC;
	/*border: 1px solid #6699FF;*/
	width: 440px;   /*un po' di meno per evitare l' uso del padding*/
	top: 8px; /*l' altezza dell' header*/
	right: 6px;
	position: absolute;
}



.bordoimg {
	top: 0;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 4px;
}

.floatright {
	margin-left: 12px;
	margin-right: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	/*display:block;*/
	float: right;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.floatright2 {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: right;
	display: inline;
}
.floatleft {
	margin-left: 0px;
	margin-right: 12px;
	margin-top: 8px;
	margin-bottom: 8px;
	/*display:block;*/
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;	
	float: left;
}

.floatimg {
	margin-left: 0px;
	margin-right: 6px;
	margin-top: 62px;
	margin-bottom: 0px;
	/*display:block;*/
	float: right;
}

.float2img {
	margin-left: 0px;
	margin-right: 6px;
	margin-top: -5px;
	padding: 0;
	float: right;
}

#menutopright {
	background-color: #FFFFEC;
	/*border: 1px solid #6699FF;*/
	width: 220px;   /*un po' di meno per evitare l' uso del padding*/
	top: 5px; /*l' altezza dell' header*/
	top: 3px; /*l' altezza dell' header*/	
	right: 5px;
	left: 325px;	
	height: auto; 
	position: absolute;
}



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



/* ---- smusso ---- */

.curva {
	display:block;
	height: 1px;
	overflow: hidden; 
	background: #0099FF;
}

.segm1{margin: 0 5px}
.segm2{margin: 0 3px}
.segm3{margin: 0 2px}
.segm4{margin: 0 1px;height: 2px;}

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


/* ---- menu (menu_big) ---- */

ul#menusmall {
	list-style: none;
	width: 308px;	
	margin: 0;
	padding: 25px 0 0px;
	text-align: center;
	white-space: nowrap;
}
  
ul#menusmall li{display: inline;margin: 0 1px /* spazio orizz*/;}

  
li#label1 a, li#label2 a, li#label3 a, li#label4 a, li#label5 a, li#label6 a, li#label7 a, li#label8 a, li#label9 a{text-decoration: none;padding: 21px 0 0;
  color: #D12323}    
  
li#label1 a{background: url(../img/lab_hut1.jpg) no-repeat center top;}
li#label2 a{background: url(../img/lab_foot1.jpg) no-repeat center top;}   
li#label3 a{background: url(../img/lab_labyr1.jpg) no-repeat center top;}   
li#label4 a{background: url(../img/lab_run1.jpg) no-repeat center top;}   
li#label5 a{background: url(../img/lab_deer1.jpg) no-repeat center top;}   
li#label6 a{background: url(../img/lab_duel1.jpg) no-repeat center top;}   
li#label7 a{background: url(../img/lab_pend1.jpg) no-repeat center top;} 
li#label8 a{background: url(../img/lab_at1.jpg) no-repeat center top;}   
li#label9 a{background: url(../img/lab_field1.jpg) no-repeat center top;} 

li#label1 a#current,li#label1 a:hover{
  background: url(../img/lab_hut2.jpg) no-repeat center top;
  color: #0E01A7;}
  
li#label2 a#current,li#label2 a:hover{
  background: url(../img/lab_foot2.jpg) no-repeat center top;
  color: #0E01A7;}  

li#label3 a#current,li#label3 a:hover{
  background: url(../img/lab_labyr2.jpg) no-repeat center top;
  color: #0E01A7;}

li#label4 a#current,li#label4 a:hover{
  background: url(../img/lab_run2.jpg) no-repeat center top;
  color: #0E01A7;}

li#label5 a#current,li#label5 a:hover{
  background: url(../img/lab_deer2.jpg) no-repeat center top;
  color: #0E01A7;}  
  
li#label6 a#current,li#label6 a:hover{
  background: url(../img/lab_duel2.jpg) no-repeat center top;
  color: #0E01A7;} 
  
li#label7 a#current,li#label7 a:hover{
  background: url(../img/lab_pend2.jpg) no-repeat center top;
  color: #0E01A7;}  
  
li#label8 a#current,li#label8 a:hover{
  background: url(../img/lab_at2.jpg) no-repeat center top;
  color: #0E01A7;}  
  
li#label9 a#current,li#label9 a:hover{
  background: url(../img/lab_field2.jpg) no-repeat center top;
  color: #0E01A7;}  
  
ul#menusmall a#current{color: #0E01A7; font-weight: 600;}  




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




/* ---- piede ----*/

#foot_steps {
	width: 150px;
	margin: 10px auto;
	height: auto;
	color: #5465D8;	
}

#foot_text {
	background-color: #37FFFF;
	margin: 0 auto;
	height: auto;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	border-left: 1px solid;
	border-right: 1px solid;
	border-left-color: #0099FF;
	border-right-color: #0099FF;
	padding: 65px 0 4px;
	text-align: center;
	white-space: nowrap;	
    }

#foot_text a {
	text-decoration: none;
	padding: 62px 0px 0px;
	background: url(../img/orme1.gif) no-repeat center top;
	color: #5465D8;
}   
   
#foot_text a#current,#foot_text a:hover {
	background: url(../img/orme2.gif) no-repeat center top;
	color: #2738AD;
}    

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





/* ---- fonti ---- */

.ari1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.ari2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.ari2top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.ari3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	margin-top: 12px;
	margin-bottom: 12px;
}


.ari6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-large;
	color: #000099;
}

.ari6blubold {
	margin: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #003399;
}

h1 {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #003399;
	display: block;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;	
	padding: 0;	
	font-weight: bold;
	color: #003399;
	position: relative;
}
.ari5blubold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 0;
	color: #003399;
	position: relative;
}
.ari4whitebold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.ari3blubold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;

}
.ari3red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;

}
.ari3redbold {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
/* ------------------------ */


/* ---- vari ---- */

.pix3_azz{
	display:block;
	height: 3px;
	overflow: hidden; 
	background: #0099FF;
}

.spazio4{
	display:block; /*OK x IE non per Moz*/
	height: 4px;
	/*background-color: #0099FF;*/
}	

.riga1black{
	display: block;
	height: 1px;
	background-color: #000000;
	overflow: hidden; 	}
	

hr  {
	height: 0px; /*toglie shadow in IE*/
	border-left: 0px Black;
	border-right: 0px Black;
	border-top: 1px solid Gray; /*toglie gancio sin in Moz*/
	border-bottom: 0px solid Gray;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	

}

/*tre colonne inf pos fissa*/


div#box3 {
top: 10px;
position: relative;
}

div#incipit3 {
	height: 1px;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color:#ccc;
}



div#left3 {position: absolute;
top: 0px;
left: 0;
width: 160px;
width: 170px;
width: 160px;
padding: 1em 0 0 10px
}


div#right3 {
	position: absolute;
	top: 0px;
	left: 370;
	width: 160px;
	width:170px;
	width:160px;
	padding: 1em 5px;
}

div#mid3 {
margin: 0 170px;
border-style:solid;
border-width:0 1px 0 0;
border-color:#ccc;
padding: 1em 10px
}



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