*{
	margin: 0;
	padding:0;
	}

body{
	background: #000 url(img/sf_pagina.gif) repeat-y 50% 0;
	font: x-small Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;		/* centers content in IE5.5 and earlier */
	word-wrap: break-word;	/* breaks long words in IE, prevents float drops */
	}
	
	

	
	/* ---------------  contenitori principali!    ---------------------------- */
	
#wrapper{
	width: 832px;
	margin: 0 auto;
	text-align: left;
	/*background:#000;*/
	text-align: left;
	/*border:1px solid #f00;*/
	/*height:800px;*/

	}
	
	/*
#header {
	height:284px;
	background:#fff url(img/sf_header_index.gif) top left no-repeat;
}*/

#header {
	height:284px;
	background:#fff url(img/sf_header_ragazzi.jpg) top left no-repeat;
}


/*   ----------------------------  MENU PRINCIPALE -----------------------------------*/
#container_menu {
	float: right;
  	margin-top: 192px;


}


#container_menu ul { margin: 0; }

#container_menu ul li {
 	display: block;
  	float: left; 
  	list-style: none;
   }

#container_menu ul li a { 
	display: block;
	/*setta l'altezza dell'img*/
 	height: 21px;
  }
  
/*non fa comparire la scritta nella lista*/
#container_menu ul li a span { display: none; }

/* stato normale dell'immagine come sfondo di a*/
#container_menu ul li#Biblioteca a {
/*è la larghezza della gif*/
 	width: 94px; 
 	background: url(img/menu/biblioteca.gif) no-repeat;
  }
  
  /* roll over dell'immagine come sfondo di li*/
  #container_menu ul li#Biblioteca  {
 	width: 94px; 
 	background: url(img/menu/biblioteca.gif) no-repeat;
	 /*background-position: ( x-pos y-pos )  */
	background-position: 0 -21px;
  }

#container_menu ul li#Servizi a { 
	width: 62px;
 	background: url(img/menu/servizi.gif) no-repeat;
  }
  
  #container_menu ul li#Servizi { 
	width: 62px;
 	background: url(img/menu/servizi.gif) no-repeat;
	background-position: 0 -21px;

  }

#container_menu ul li#Cataloghi a { 
	width: 93px;
	background: url(img/menu/cataloghi.gif) no-repeat; 
}

#container_menu ul li#Cataloghi{ 
	width: 93px;
	background: url(img/menu/cataloghi.gif) no-repeat; 
	background-position: 0 -21px;

}

#container_menu ul li#SezioneRagazzi a { 
	width: 125px;
	background: url(img/menu/sezione_ragazzi.gif) no-repeat;
 }
 
 #container_menu ul li#SezioneRagazzi { 
	width: 125px;
	background: url(img/menu/sezione_ragazzi.gif) no-repeat;
	background-position: 0 -21px;

 }

#container_menu ul li#Contatti a {
 	width: 73px;
	background: url(img/menu/contatti.gif) no-repeat;
  }
  
  #container_menu ul li#Contatti {
 	width: 73px;
	background: url(img/menu/contatti.gif) no-repeat;
	background-position: 0 -21px;

  }

#container_menu ul li#Home a {
 	width: 77px;
	background: url(img/menu/home.gif) no-repeat;
  }
  
  #container_menu ul li#Home {
 	width: 77px;
	background: url(img/menu/home.gif) no-repeat;
	background-position: 0 -21px;

  }
  
  /*   sull'hover del menu il background è invisibile e si vede lo sfondo di li (lo stato di hover) */
#container_menu ul li#Biblioteca a:hover,
#container_menu ul li#Servizi a:hover,
#container_menu ul li#Cataloghi a:hover,
#container_menu ul li#SezioneRagazzi a:hover,
#container_menu ul li#Contatti a:hover,
#container_menu ul li#Home a:hover
{ background-image: none; }






/*  ------------------  FINE MENU PRINCIPALE  -----------------  */



/*   ----------------------------  MENU ragazzi -----------------------------------*/
#container_menu {
	float: right;
  	margin-top: 192px;


}


#container_menu ul { margin: 0; }

#container_menu ul li {
 	display: block;
  	float: left; 
  	list-style: none;
   }

#container_menu ul li a { 
	display: block;
	/*setta l'altezza dell'img*/
 	height: 21px;
  }
  
/*non fa comparire la scritta nella lista*/
#container_menu ul li a span { display: none; }

#container_menu ul li#Biblioteca a {
/*è la larghezza della gif*/
 	width: 94px; 
 	background: url(img/menu/ragazzi/biblioteca.gif) no-repeat;
  }

#container_menu ul li#Servizi a { 
	width: 62px;
 	background: url(img/menu/ragazzi/servizi.gif) no-repeat;
  }

#container_menu ul li#Cataloghi a { 
	width: 93px;
	background: url(img/menu/ragazzi/cataloghi.gif) no-repeat; 
}

#container_menu ul li#SezioneRagazzi a { 
	width: 125px;
	background: url(img/menu/ragazzi/sezione_ragazzi.gif) no-repeat;
 }

#container_menu ul li#Contatti a {
 	width: 73px;
	background: url(img/menu/ragazzi/contatti.gif) no-repeat;
  }

#container_menu ul li#Home a {
 	width: 77px;
	background: url(img/menu/ragazzi/home.gif) no-repeat;
  }
  
  /*         background-position: 0 -21px;    ( x-pos y-pos )                      */
#container_menu ul li#Biblioteca a:hover,
#container_menu ul li#Servizi a:hover,
#container_menu ul li#Cataloghi a:hover,
#container_menu ul li#SezioneRagazzi a:hover,
#container_menu ul li#Contatti a:hover,
#container_menu ul li#Home a:hover
{ background-position: 0 -21px; }



/*  ------------------  FINE MENU ragazzi  -----------------  */


#testo{
	position:absolute;
	top:95px;
	left: 50%;
	margin-left: 315px;
	color:#EE7248;
	font-size:108%;
	width:120px;


}

#testo a{
	color:#EE7248;
	text-decoration:none;
}

#testo a:hover{
	color:#EE7248;
	text-decoration:underline;
}


#dataOra{
	position:absolute;
	top:265px;
	left:50%;
	margin-left: 260px;
	color:#EE7248;
	font-size:108%;
	width:160px;


}



#contentNoBg{
	/*height:467px;*/
	/*background:#f00 url(img/sf_interno.gif) top left repeat-y;*/
	
}


#content{
	/*height:467px;*/
	background:#fff url(img/sf_interno.gif) top left repeat-y;
	
}

#sidebar{
	width: 189px;
	float: left;
	background: #fff /*url(img/sf_sidebar.gif) top right no-repeat*/;
	}

#sidebar #phark2{
	height: 32px;
  	text-indent: -9000px;
 	background: url(img/tit_iniziative2.gif) no-repeat;

}



#sidebar  h1{
	margin:8px 0px 12px 0;
	font-size:100%;

}

#sidebar h2{
	margin:3px 0px 0px 0;
	font-size:100%;
	color: #CD5126;
	font-weight:normal;
}


#sidebar h3{
	margin:0px 0px 0px 0;
	font-size:100%;
	color: #CD5126;
	font-weight:bold;
}


#sidebar h4{
	padding:8px 0px 0px 8px;
	font-size:100%;
}


/* -------------   news per la sidebar  ----------------*/

#sidebar  ul {
	list-style-type: none;
	margin: 0px 0px 0px 15px;
	padding: 0;
	font-size:108%;
	/*border: 1px solid #f00;*/
}

#sidebar  li {
	/*  spazia tra loro i list items */
	margin: 0px 0px 0px 0px;
	/*border-top: 1px dotted #005DD2;*/
}

#sidebar  li a  {
	color: #000;
	text-decoration: none;
}

#sidebar  li a:hover {
	color: #000;
	text-decoration: underline;
}



#sidebar .continua{
	float:right;
	color:#CD5126;
	font-size:100%;
	font-weight:bold;
	padding:3px 15px 3px 5px;
	

}

#sidebar .continua a{
	color:#CD5126;
	text-decoration:none;
	
}

#sidebar .continua a:hover{
	color:#CD5126;
	text-decoration:underline;
	
}


#sidebar .tutte{
	color:#CD5126;
	font-size:100%;
	font-weight:bold;
	padding:3px 15px 3px 50px;
	

}

#sidebar .tutte a{
	color:#CD5126;
	text-decoration:none;
	
}

#sidebar .tutte a:hover{
	color:#CD5126;
	text-decoration:underline;
	
}


#sidebar .brown{
	/*clear:both;*/
	background:#BB4A23;	
	width:171px;
	/*height:116px;*/
	margin:10px 0 8px 8px;
	padding-bottom:10px;
}

#sidebar .brown h1{
	font-size:100%;

}


#sidebar  ul.utility {
	list-style-type: none;
	margin: 5px 0px 0px 10px;
	padding: 0;
	font-size:108%;
	/*border: 1px solid #f00;*/
}

#sidebar  .utility li {
	/*  spazia tra loro i list items */
	margin: 2px 0px 2px 0px;
	/*border-top: 1px dotted #005DD2;*/
}

#sidebar .utility li a  {
	color: #000;
	text-decoration: none;
	font-weight:bold;
}

#sidebar .utility li a:hover {
	color: #fff;
	text-decoration: none;
}


/* menu pagine interne  */

#navcontainer ul { 
	list-style-type: none;
	margin: 0;
	padding: 0;
	
	}
	
	
#navcontainer li { 
	margin:0;
	
	 }
	
.borderTop {
	
	border-top: 1px solid #A5411F;

	}


#navcontainer li a { 
	font-size: 11px;
	display: block; 
	color: #fff !important;
	background-color: #BB4A23;
	width: 157px;
	padding: 8px 12px 8px 20px;
	text-decoration: none;
	border-bottom: 1px solid #D25327;
	
	background-image: url(img/freccia_big.gif);
	background-repeat: no-repeat;
	background-position: 7px 50%;
	}
	
#navcontainer li a:hover{

	background-color: #FF780A;
	color: #91391B!important;
	text-decoration:underline;
	font-weight:bold;
	
	background-image: url(img/freccia_big_over.gif);
	background-repeat: no-repeat;
	background-position: 7px 50%;

	}
	
	
#navcontainer li a._on{
	border-bottom:0;
	background-color: #FF780A;
	color: #91391B!important;
	text-decoration:underline;
	font-weight:bold;
	
	background-image: url(img/freccia_big_over.gif);
	background-repeat: no-repeat;
	background-position: 7px 50%;

	}
	

#navcontainer li li a {

	display: block;
	color: #FFFFFF;
	background-color: #F48E3B;
	width: 147px;
	padding: 5px 3px 5px 39px;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 0px;

	background-image: url(img/freccia_secondo_livello.gif);
	background-repeat: no-repeat;
	background-position: 20px 50%;
}

#navcontainer li li a:hover{

	background-color: #F48E3B;
	text-decoration:underline;
	
	background-image: url(img/freccia_secondo_livello_over.gif);
	background-repeat: no-repeat;
	background-position: 20px 50%;


	}
	
	
	#navcontainer li li a._on{

	background-color: #F48E3B;
	text-decoration:underline;
	
	background-image: url(img/freccia_secondo_livello_over.gif);
	background-repeat: no-repeat;
	background-position: 20px 50%;


	}


#navcontainer li li li a {

	display: block;
	color: #FFFFFF;
	background-color: #F4A15E;
	width: 143px;
	padding: 5px 3px 5px 43px;
	text-decoration: none;
	font-weight: normal;
	
	background-image: url(img/trattino_normal.gif);
	background-repeat: no-repeat;
	background-position: 35px 50%;
}

#navcontainer li li li a:hover{

	background-color: #F4A15E;
	color: #FFF;
	text-decoration:none;
	font-weight:normal;
	
	background-image: url(img/trattino_over.gif);
	background-repeat: no-repeat;
	background-position: 35px 50%;

	}
	


#navcontainer li li li a._on{

	background-color: #F4A15E;
	color: #FFF;
	text-decoration:none;
	font-weight:normal;
	
	background-image: url(img/trattino_over.gif);
	background-repeat: no-repeat;
	background-position: 35px 50%;

	}








#main{
	width: 643px;	
	float: right;
	/*border-left: 1px solid #cecece;*/
	background: #fff url(img/sf_main.gif) top left no-repeat;
	/*height:477px;*/

	}
	

	
	
/*---------------    tolgo lo sf alle pagine interne  --------------*/
#main.noBg{
	width: 643px;	
	float: right;
	background: transparent;
	
	}

#main.noBg #inner{
	/*margin:0px 0px 10px 25px;*/
	margin-left:25px;
}


#main.noBg #inner h1{
	margin:0px 0px 10px 0px;
	font-size:130%;
	color: #FF780A;
	font-weight:bold;
}


#main.noBg #inner p{
	padding:0px 20px 0px 0px;
	font-size:108%;
	color: #000;
}



#main.noBg #inner p.image{
	float:left;
	padding:0px;
	border: 1px solid #BE522C;
	margin:0 .7em .2em 0;
}


.evidenziato{
	color:#BB4A23;
}


#main #left{
	width: 455px;
	float: left;
	/*background: #ccc;*/
	

	}
	

	
	
#main #left .modulo{
	margin:9px 0px 0px 11px;
	width:432px;
	/*height:177px;*/
	/*float:right;*/
	font-size:108%;
	background: #BB4920 url(img/sf_modulo.jpg) top left no-repeat;

}



#main #left .modulo p{
	padding:60px 15px 0px 86px;
	color: #fff;

}



#main #left .modulo p.continua{
	color:#fff;
	/*font-size:105%;*/
	font-weight:bold;
	padding:0px 15px 33px 340px;
	margin-top:0px;
	

}

#main #left .modulo p.continua a{
	color:#000;
	text-decoration:none;
	
}

#main #left .modulo p.continua a:hover{
	color:#fff;
	text-decoration:underline;
	
}


/* ----------------------------------- le due colonne centrali dentro "left"  -------------*/

#innerContainer {
	padding-top:10px;
	width:455px;
	/*height:30px;
	background:#ccc;*/


}


#innerContainer img{
	padding-top:3px;
	padding-bottom:0px;

}

#innerLeft {
	width:222px;
	/*height:30px;
	background:#ccc;*/
	float:left;


}


#innerLeft #pharkNovita{
	height: 15px;
  	text-indent: -9000px;
 	background: url(img/tit_novita.gif) no-repeat;
}




#innerRight {
	width:225px;
	/*height:30px;
	background:#f00;*/
	float:right;

}


#innerRight #pharkPergiovani{
	height: 15px;
  	text-indent: -9000px;
 	background: url(img/tit_per_i_giovani.gif) no-repeat;
}


/* -------------   news per la colonna centrale  ----------------*/

#innerContainer  ul {
	list-style-type: none;
	margin: 0px 0px 0px 15px;
	padding: 0;
	font-size:108%;
	/*border: 1px solid #f00;*/
}

#innerContainer  li {
	/*  spazia tra loro i list items */
	margin: 0px 0px 0px 0px;
	/*border-top: 1px dotted #005DD2;*/
}

#innerContainer  li a  {
	color: #000;
	text-decoration: none;
}

#innerContainer  li a:hover {
	color: #000;
	text-decoration: underline;
}



#innerContainer .continua{
	float:right;
	color:#CD5126;
	font-size:100%;
	font-weight:bold;
	padding:3px 15px 3px 5px;
	

}

#innerContainer .continua a{
	color:#CD5126;
	text-decoration:none;
	
}

#innerContainer .continua a:hover{
	color:#CD5126;
	text-decoration:underline;
	
}

#innerContainer h3{
	margin:0px 0px 0px 0;
	font-size:100%;
	color: #CD5126;
	font-weight:bold;
}


/* ----------------------------------- chiusura colonne centrali in home page  -------------*/



#main #right{
	width: 188px;
	float: right;
	/*background: #000;*/
		background: #fff url(img/sf_right2.gif) top right no-repeat;

	}
	
#main #right #phark3{
	height: 15px;
  	text-indent: -9000px;
 	background: url(img/tit_notizie.gif) no-repeat;

}



#main #right  h1{
	margin:17px 0px 12px 0;
	font-size:100%;

}

#main #right h2{
	margin:3px 0px 0px 0;
	font-size:100%;
	color: #CD5126;
	font-weight:normal;
}


#main #right h3{
	margin:0px 0px 0px 0;
	font-size:100%;
	color: #CD5126;
	font-weight:bold;
}


#main #right h4{
	padding:8px 0px 0px 8px;
	font-size:100%;
}


/* -------------   news per la sidebar  ----------------*/

#main #right  ul {
	list-style-type: none;
	margin: 0px 0px 0px 15px;
	padding: 0;
	font-size:108%;
	/*border: 1px solid #f00;*/
}

#main #right  li {
	/*  spazia tra loro i list items */
	margin: 0px 0px 0px 0px;
	/*border-top: 1px dotted #005DD2;*/
}

#main #right  li a  {
	color: #000;
	text-decoration: none;
}

#main #right  li a:hover {
	color: #000;
	text-decoration: underline;
}



#main #right .continua{
	float:right;
	color:#CD5126;
	font-size:100%;
	font-weight:bold;
	padding:3px 15px 3px 5px;
	

}

#main #right .continua a{
	color:#CD5126;
	text-decoration:none;
	
}

#main #right .continua a:hover{
	color:#CD5126;
	text-decoration:underline;
	
}


#main #right .tutte{
	color:#CD5126;
	font-size:100%;
	font-weight:bold;
	padding:3px 15px 3px 60px;
	

}

#main #right .tutte a{
	color:#CD5126;
	text-decoration:none;
	
}

#main #right .tutte a:hover{
	color:#CD5126;
	text-decoration:underline;
	
}


#main #right .brown{
	/*clear:both;*/
	background:#BB4A23;	
	width:171px;
	/*height:116px;*/
	margin:10px 0 8px 8px;
	padding-bottom:10px;
	font-size:108%;
	text-align:center;
	

}


#main #right .brown #dati{

	margin: 11px auto;
	color:#fff;

}

#main #right .brown #dati .black{

	color:#000;

}


/* ----------------------------------------    briciole          */


#briciole {
	color: #000;
	font-size: 108%;
	margin: 10px 0 20px 15px;
	padding-bottom:10px;
	/*border: 1px solid #f00;*/
	width:424px;
	border-bottom: 1px solid #000;
}



#briciole a {
	text-decoration: none;
		color: #000;

}

#briciole a:hover {
	text-decoration: none;
		color: #fff;
		background:#FF780A;


}


/*                      news       */


#left_news {
	float: left;
	width: 50px;
	margin: 0;
	/*padding: 1em;*/
	/*border: 1px solid #f00;*/
}

#content_news {
	width: 300px;
 	margin: 0px 0 5px 0px;
	padding: 0px 20px 0 0px;
	text-align:left;
	float: right;
	/*padding: 1em;*/
	/*border: 1px solid #000;*/
	}

#content_news h4{
	font-size:110%;
	margin:0;
	color:#CD5126;

}

#content_news p{
	margin-top:5px;
	margin-bottom:0;

}

#left_news img{
	border: 1px solid #BB4A23;
}


p.link_news {
	margin: 0px 0 0px 0px;
	/*border:1px solid #f00;*/
	/*width:100px;*/
	text-align:left;
}

p.link_news a{
	color: #CD5126;
	text-decoration:none;
	font-weight:bold;
}

.riga_news {
	clear:both;
	width: 400px;
	margin-top:0;
    margin-bottom:20px;
 	border-bottom: 1px solid #D5D7DD;
}




#footer{
	height:36px;
	background:#000 url(img/sf_footer.gif) repeat-x top left;
	border-left:1px solid #6C6C6C;
	border-right:1px solid #6C6C6C;
	color:#CDCCCD;
	font-size:108%;
	width: 832px;
	position: relative;
	margin:  0 auto;

}

#footer p{
	padding:10px 0 0 15px;
}
	

#footer .red{
	color:#BB4A23;
}
	
	
	
/* ---------------------   STILI FORM ---------------- */



input.linea {

	 display: block;
	 width: 200px;
	 height:15px;
	 float: left;
	 margin-bottom: 10px;
	 border:1px solid #BB4A23;
	 font-size:100%;

}

 textarea.linea {

	 display: block;
	 width: 200px;
	 height:100px;
	 float: left;
	 margin-bottom: 10px;
	 border:1px solid #BB4A23;
	 font-size:100%;
	 font-family:Arial, Helvetica, sans-serif;

}



input.senza_linea {

	 display: block;
	 width: 200px;
	 height:15px;
	 float: left;
	 margin-bottom: 10px;
	 border:0;
	 font-size:100%;
	 color: #BB4A23;
	 background-color:#FFFFFF;
	 font-weight:bold;

}


 select.linea {

	 display: block;
	 width: 205px;
	 height:15px;
	 float: left;
	 margin-bottom: 10px;
	 border:1px solid #BB4A23;
	 font-size:100%;

}

 label {

	 display: block;
	 text-align: left;
	 float: left;
	 width: 120px;
	 padding-right: 20px;
	 font-size:108%;

}

 label.wide {

	 display: block;
	 text-align: left;
	 float: left;
	 width: 350px;
	 padding-right: 20px;

}

 .checkbox {

	 width: 1em;

}

form br {

	 clear: left;

} 

 .submit{
	float:left;
	font-size: 11px;
	background-color: #BB4A23;
	color:#fff;
	border: 1px #000 solid;
	width: 70px;
	height: 20px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:0px;
	margin-right:70px;
	
}				
	
	
div#installing {
		position: absolute;
		top:600px;
		left:320px;
		background: #F4A15E;
		border: 1px solid #000;
		font-weight: normal;
		/*opacity: .95;*/
		width: 300px;
		padding:10px;
		}
#installing p {
		color: #fff;
		line-height: 1.2em;
		}
		
#installing p a{
		color: #fff;
		}

	
	
	/* clearing
----------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	




/* --- michele --- */

._off {
  // trick per woobinda
}

/* background-position: 0 -21px;    ( x-pos y-pos )  */
a.clip_on
{ background-position: 0 -21px; }