body{

	margin:0;

	padding:0;

	border:0;

	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	background: #336 url(../img/bg.gif) repeat center top ;

}

.breaker {

	clear: both;

	margin: 0px;

	padding: 0px;

	height: 1px;

	font-size: 0.1em;

	line-height: 0px;

}



.continua{

	background-image:url(../img/continua.gif);

	width:143px;

	height:40px;

	border:0;

}



.continua:hover{

	background-image:url(../img/continua_on.gif);

	border:0;

}



a:link,

a:active,

a:visited,

a:hover{

	text-decoration:none;

	padding: 0;

	margin: 0;

}

a:hover{

	text-decoration:underline;

}

h1, h2, h3, h4, h5, h6, h7{

	margin: 0px;

	padding: 0px;

}

p{

	margin: 0px;

	padding: 0px;

}

form{

	margin: 0px;

	padding: 0px;

}

select{

	font-size: 100%;

}

.hide{

	display: none;

}

.floatright{

	float:right;

}

.floatleft{

	float:left;

}

.alignleft{

	text-align:left;

}

.alignright{

	text-align:right;

}



.content-text{

background-color:#001F5D;

height: auto !important;

	 height:200px;

	min-height:200px;

	padding:10px;

}



.content-text a{

color:#FFF;

text-decoration:underline;



}

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

#container{

	width:95%;

	text-align: center;

	margin:0 auto;

	padding: 0;

	background-color:#0056c6;

}





body#interna_gioco  #container,body#interna #container{

	/*background:#003399;*/



}

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





#header{

	background-color:#003399;

	color:#FFFFFF;

	padding:5px 5px 5px 0;

	margin:0px;

}



#header a{

	display:block;

	width:100%;

	height:75px;

	color:#003399;

}



#header .settore a{

	background:url(../img/stella_header.gif) no-repeat left;

}



#header .settore{

  margin-right:131px;

  height:75px;

  background:url(../img/settore.gif) no-repeat right;

}



 .content-text hr{

		border:0px;

        border-bottom: 1px dashed #FFF;

        color:#001F5D;

        background-color:#001F5D;

}



#header .direzione{

	height:75px;

	background:url(../img/direzione.gif) no-repeat center;

	float: right;

	width: 131px;

	border:#FFFFFF solid 1px;

	border-top:#FFFFFF solid 0px;

	border-right:#FFFFFF solid 0px;

	border-bottom:#FFFFFF solid 0px;

}









#header .logo_provincia{

  width: 130px;

  float: right;

  height:75px;

  background:url(../img/logo_provincia.gif) no-repeat right;

}



body#interna_gioco  #header .settore,body#interna #header .settore{

	background:url(../img/settore.gif) no-repeat top;

	height:75px;

	width:114px;

	float:right;

	margin-right:0px;

}

body#interna_gioco  #header .settore a,body#interna #header .settore a{

	background-image:none;

}

body#interna_gioco  #header .home,body#interna #header .home{

	background:url(../img/testata_interna.gif) no-repeat left;

	height:126px;

	margin-right:375px;

}



body#interna_gioco #header .direzione ,body#interna #header .direzione{

	height:75px;

	background-position:top;

}





body#interna_gioco  #header .logo_provincia,body#interna #header .logo_provincia{

	height:75px;

	background-position:top;

}



body#interna_gioco  #header,body#interna #header{

	z-index:2;

}

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





#case{

	background:#0056c6 url(../img/fondo_case.gif) repeat-x left bottom;

	height:110px;

}





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





#main{

	background:	url(../img/sfondo_home.gif) repeat-x top !important;

	background:	url(../img/sfondo_home.gif) repeat-x top;

	height:255px;

	width:100%;

	z-index:1;

}





.sfondo{

	background:	url(../img/main.gif)  center no-repeat  !important;

	background:	url(../img/main.gif) center no-repeat;

	height:255px;

	width:100%;

	z-index:2;

}

body#home #main ul , ul.sfondi{

	margin:0;

	padding:0 0 0 43%;

	list-style:none;

	text-align:center;



}



ul.sfondi{

	padding:0;

	margin:10px 5px;

	position:relative;

	width:auto;

}

ul.sfondi li{

	bottom:0;

}



ul.sfondi li img{

	margin:10px 0;

}

body#home #main li ,  ul.sfondi li{

	float:left;

	position:relative;

	bottom:-200px;

	list-style:none;

	margin-right: 5px;

}

ul.sfondi li{

	bottom:0;

	margin-right: 15px;

	padding-left: 15px;

}





a.bottoni{

	display:block;

	width:143px;

	height:40px;

	line-height:40px;

	background: url(../img/button.gif) no-repeat top;

    text-decoration:none;

	color:#003399;

	font-weight:bold;

	font-size:130%;

	background-color:transparent;

	}



a.come_gioca{background: url(../img/come_si_gioca.gif) no-repeat top;}

a.inizia_giocare{background: url(../img/inizia_giocare.gif) no-repeat top;}

#box_generica ul.sfondi li a.bottoni{

	width:153px;

}

a.bottoni:hover, body#home #main li {

	color:#FFF;

    background: url(../img/button_on.gif) top   no-repeat;

	text-decoration:none;

	}

a.come_gioca:hover{background: url(../img/come_si_gioca_on.gif) no-repeat top;}

a.inizia_giocare:hover{background: url(../img/inizia_giocare_on.gif) no-repeat top;}



a.media{

	    background: url(../img/media.gif) top   no-repeat;

}



a.facile{

    background: url(../img/facile.gif) top   no-repeat;

}



a.difficile{

	    background: url(../img/difficile.gif) top   no-repeat;

}



a.facile:hover{

    background: url(../img/livelli_on.gif) top   no-repeat;

}

a.media:hover{

	    background: url(../img/livelli_on.gif) top   no-repeat;

}

a.difficile:hover{

	    background: url(../img/livelli_on.gif) top   no-repeat;

}



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





#footer{

	background-color:#669900;

	color:#FFFFFF;

	padding:7px 5px 7px 0;

	margin:0px;

	height:auto;

}



#footer a{

	color:#FFFFFF;

}



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



#accessibilita{

	float:left;

	margin: 0px 0 0px 10px;

		display:block;



}

#accessibilita a{

	text-decoration:none;

	margin:0 4px 0 4px;

	padding:0 2px 0 2px;

	float:left;

}



#accessibilita a:hover{

	text-decoration:underline;

	margin:0 4px 0 4px;

	padding:0 2px 0 2px;

	float:left;

}







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





body#interna_gioco #main,body#interna #main{

	height:auto;

	background:url(../img/sfondo_sfumato.gif) top right repeat-x !important;

	background:url(../img/sfondo_sfumato.gif) top right repeat-x;

	margin-top:-42px;

	z-index:1;

}





body#interna_gioco  #menu, body#interna #menu{

	background:#001f5e url(../img/top_menu.gif) no-repeat left top;

	width:90%;

	margin:auto;

	padding:0;

}



body#interna_gioco  #menu .rbtop div, body#interna #menu .rbtop div {

  background-attachment: scroll;

  background-repeat: no-repeat;

  background-position: 0% 0%;

  background-color: transparent;

  background-image: url(../img/tl.gif);

  }



 body#interna_gioco  #menu .rbtop, body#interna #menu .rbtop {

  background-attachment: scroll;

  background-repeat: no-repeat;

  background-position: 100% 0%;

  background-color: transparent;

  background-image: url(../img/tr.gif);

  }



body#interna_gioco  #menu .rbbot div, body#interna #menu .rbbot div {

  background-attachment: scroll;

  background-repeat: no-repeat;

  background-position: 0% 100%;

  background-color: transparent;

  background-image: url(../img/bl.gif);

  }



  body#interna_gioco  #menu .rbbot div{

  background-image: url(../img/bl_gioco.gif);

  }



body#interna_gioco #menu .rbbot, body#interna #menu .rbbot {

  background-attachment: scroll;

  background-repeat: no-repeat;

  background-position: 100% 100%;

  background-color: transparent;

  background-image: url(../img/br.gif);

  }



body#interna_gioco  #menu .rbtop div, .rbtop, .rbbot div, .rbbot {

  width: 100%;

  /*height: 7px;*/

  font-size: 1px

  }





body#interna #menu .rbtop div, .rbtop, .rbbot div, .rbbot {

  width: 100%;

  height: 7px;

  font-size: 1px

  }







 body#interna_gioco .menu-content, body#interna #menu .menu-content{

 		 height: auto !important;

	 height:5px;

	min-height:5px;

	background-color:#001f5f;

	margin:1px 10px 1px 10px;

	padding:0 0 0 0;

 }





 body#interna #box_generica{

	margin:17px 151px 0 151px;

	padding:0;

 }

  body#interna #box_generica ol{

		padding: 0 0 20px 30px;

	margin:0;

}



  body#interna #box_generica li{

	padding:0;

	margin:0;

}





 .roundbox-tr {

  /*margin: 20px 0px 15px 0px;*/

  margin:0;

  padding: 0;

  background:url(../img/roundbox_tr.gif) no-repeat top right;

  }

  body#interna_gioco .roundbox-tr {

  /*margin: 20px 0px 15px 0px;*/

  margin:0;

  padding: 0;

  background:url(../img/roundbox_tr_gioco_domanda.gif) no-repeat top right;

  }



.roundbox-tl {

  margin: 0;

  padding: 0;

  background:url(../img/roundbox_tl.gif) no-repeat top left;

  }

 body#interna_gioco .roundbox-tl {

  margin: 0;

  padding: 0;

  background:url(../img/roundbox_tl_domanda.gif) no-repeat top left;

  }



.roundbox-br {

  margin: 0;

  padding: 0;

   background:url(../img/roundbox_br.gif) no-repeat bottom right;

  }

  body#interna_gioco .roundbox-br {

  margin: 0;

  padding: 0;

   background:url(../img/roundbox_br_domanda.gif) no-repeat bottom right;

  }



body#interna_gioco .roundbox-bl {

  margin: 0;

  padding: 0px;

  background:url(../img/roundbox_bl_gioco_domanda.gif) no-repeat bottom left;

  }

.roundbox-bl {

  margin: 0;

  padding: 0px;

  background:url(../img/roundbox_bl.gif) no-repeat bottom left;

  }



.roundbox-content , .roundbox-domanda, .roundbox-risposta{

  margin: 0;

  padding:10px;

  text-align:left;

  color:#FFFFFF;

  }



.roundbox-content h3,h4{

  color:#ffb918;

  }



.roundbox-content h3{

  font-size:130%;

  font-weight:bold;

  padding:0 0 10px 0;

  }

.roundbox-risposta h4 , .roundbox-domanda h4{

  color:#ffb918;

  font-size:130%;

  font-weight:bold;

  padding:5px 0 10px 0;

  margin:0 0 0px 0;

 }



.roundbox-content h4{

  font-size:100%;

  font-weight:normal;

  padding:5px 0 5px 0;

  }



body#interna #spiralesinistra{

 	float:left;

	background:url(../img/spiralesinistra.gif) top right no-repeat;

	height:139px;

	width:151px;

	padding:0;

	margin:0;

 }



body#interna #spiraledestra{

 	float:right;

	background:url(../img/spiraledestra.gif) top left no-repeat;

	height:139px;

	width:152px;

	padding:0;

	margin:0;

 }



 /**-------+-+-+-+-+----------**/









#domanda{

	width:50%;

	float:left;

	margin-right:0px;

	padding-right:0px;

}





#domanda_content{

	height:auto;

	padding-right:135px;

	padding-top:87px;

	margin-left:10%;

	background:url(../img/domanda_alto.gif) top right no-repeat;



}



#risposta{

	text-align:left;

	margin-left:50%;

	padding-top:102px;

	padding-right:5%;

	padding-left:138px;

	background:url(../img/risposta_alto.gif) top left no-repeat;

}



#immagine_domanda{

	background:top center no-repeat;

	text-align:left;

	height: auto !important;

	height:357px;

	min-height:357px;

	margin-top:30px;

}



.roundbox-risposta{

	 height: auto !important;

	 height:242px;

	min-height:242px;

		padding:20px 20px;

}



.roundbox-domanda{

	 height: auto !important;

	 height:150px;

	min-height:150px;

	padding:20px 20px;

}

.roundbox-content{

	padding:13px 13x;

	height: auto !important;

	 height:200px;

	min-height:200px;

}

#domanda_content .roundbox-br {

  margin: 0;

  padding: 0;

   background:url(../img/roundbox_br_domanda.gif) no-repeat bottom right;

  }



#domanda_content .roundbox-bl {

  margin: 0;

  padding: 0px;

  background:url(../img/roundbox_bl_domanda.gif) no-repeat bottom left;

  }



.roundbox-risposta ul.sfondi{

	margin:0;

	padding:0;

}



.roundbox-risposta ul.sfondi li{

	bottom:0;

	margin-top:15px;

	margin-right: 0px;

	padding-left: 0px;

}





/****----------+----------+-++-+-+-+-+-+***/



.menu-content{

	color:#ffb918;

}





.livello{

	height:15px;

	float:left;

	width:230px;

	text-align:left;

}



#n_domanda{

	height:15px;

	text-align:left;

	margin-left:230px;

	/*margin-right:120px;*/

}

#n_domanda span.titolo{

	float:left;

	background:none;

	width:auto;

	padding:0 2px 0 0;

	color:#ffb918;

}

#n_domanda span{

	background:url(../img/numero_lista.gif) no-repeat left;

	color:#8fa4b9;

	margin:0 1px 0 0;

	display:block;

	width:21px;

	float:left;

	text-align:center;

}

#n_domanda span.on{

	background:url(../img/numero_lista_on.gif) no-repeat left;

	margin:0 1px 0 0;

	color:#001f5e;

	display:block;

	width:21px;

	float:left;

}



.ambiente{

	width:120px;

	text-align:left;

	height:15px;

	float:right;

}

#ambiente_titolo{

	width:100%;

	background:url(../img/menu_ambiente_on.gif) no-repeat left;

}



.ambiente span , .livello span{

	background:url(../img/menu_livelli.gif) no-repeat left;

	margin:1px;

	color:#8fa4b9;

	margin:0 1px 0 0px;

text-decoration:none;

		display:block;

	width:57px;

	float:left;

	text-align:center;

}

.ambiente span.on , .livello span.on {

	background:url(../img/menu_livelli_on.gif) no-repeat left;

	margin:1px;

	color:#001f5e;

	margin:0 1px 0 0px;



	text-decoration:none;

	text-align:center;

		display:block;

	width:57px;

	float:left;

	text-align:center;

}



.ambiente span.titolo , .livello span.titolo{

	float:left;

	background:none;

	width:auto;

	margin:0 2px 0 0;

	color:#ffb918;

}



#altri_pulsanti ul.sfondi li{

	margin:0;

	padding:0;

}

#altri_pulsanti ul.sfondi li a.bottoni{

	width:135px;

}



#altri_pulsanti{

	margin:10px 151px 10px 151px;

	height:auto;

	text-align:center;

	padding:0;

	background-color:transparent;

}





/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/

/* ]======[]======[      MAPPA       ]======[]======[   */

/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/



#mappa{

	padding:0;

	margin:0;

	}

#mappa ul{

	margin:0px;

	padding:0 0 20px 0;

	width:99%;

}

#mappa ul li{

	list-style:none;

	line-height:180%; 

	font-weight:bold;

	margin:0px;

	padding:0 0 0px 0;

	background-image:none;

}



#mappa ul li a{

	padding-left:8px;

	text-decoration:none;

	display:block;

}

#mappa ul li a:hover{

	padding-left:8px;

	text-decoration:none;

		display:block;

}

#mappa ul ul{

	margin-bottom:0px;

	margin:0px;

	padding-bottom:0px;

	width:100%;

}

body#interna #box_generica #mappa ul ul li{

margin-left:20%;

} 

#mappa ul ul li a {

font-weight:normal;

}

#mappa{

	text-align:left;

}



/* ================== COLORI MAPPA ===================*/

#mappa ul li a{

	color:#000000;

	text-decoration:none;

}

#mappa ul li a:hover{

	text-decoration:underline;

}

#mappa ul li a:hover{

	text-decoration:none;

}

#mappa ul {

	border-top:1px solid #2D336B;

	border-bottom:0px solid #2D336B;

}

#mappa ul li { 

	border-left:1px solid #2D336B; 

	border-bottom:1px solid #2D336B; 

	background:#94B8E7;

}



#mappa ul li a:hover{

	background-color:#001F5D;

	color:#FFB918;

}

#mappa ul ul{

	border-top:1px dashed #2D336B; 

}

#mappa ul ul li {

	border-bottom:1px dashed #2D336B; 

	background:#DFE8F9;

}

#mappa ul ul li a {

color:#000;

}


a.assessora{
	display:block;
	width:221px;
	height:85px;
	position:absolute;
	z-index:1000;
	left:40px;
	background:url(../img/bruna_brembilla.gif) left top no-repeat;
	text-indent:-9999px;
}