/******************************************************************
	utilizzo delle @-functions non interpretate da nn4 e
        dai vecchi browser. L'avviso e` visibile solo con i browser
	vecchi (che non eseguono l'@import), mentre i box posizionati 
	sono dentro @print e @screen.
*******************************************************************/
@import "hidden.css";

p {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-left: 41px;
}

/******************************************************************
                                   PRINT
*******************************************************************/

@media print{
.giochi {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-size: 12px;
	margin-top: 0px;
	margin-left: 0px;
}

/* box validi per tutte le sezioni */
/* le position vanno concentrate qui */

#boxtesto {
	position: absolute;
	left: 145px; 
	top: 54px;
}

#boxmenu{
	position: absolute;
	left: 0px;
	top: 95px;
	width: 140px;
/* verificare print */
	margin-left: 0px;
	margin-top: 0px;
/*	padding-left: 14px; */
	padding-top: 0px; 
}

#home {
  position: absolute;
  left: 5px;
  top: 22px;
  font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
  font-stretch: narrower;
  text-decoration : none;
  font-size: 18px;
}
/* fine @print */
}


/******************************************************************
				SCREEN
*******************************************************************/

@media screen,projection {
.giochi {
	background: #006C43 url("giochi/pics/bgk_pag.gif"); 
	background-repeat: no-repeat;
	color: #FFCB05;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-size: 14px;
	margin-top: 0px;
	margin-left: 0px;
}

.collana {
	background: #ffffff url("quaderno/pics/bgk_pagn.gif"); 
	background-repeat: no-repeat;
	color: #006c43;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-size: 14px;
	margin-top: 0px;
	margin-left: 0px;
}

.scuola {
/*	background: #b2d3c6 url("scuola/pics/bgk_pagn4.gif"); */
	background: #ffffff url("scuola/pics/bgk_pagn4.gif"); 
	background-repeat: no-repeat;
/* questo e` il colore nella hp, ma e` troppo vivo! 
   sullo sfondo #b2d3c6 non si legge!!! */
	color: #f51e30; 
/*	color: #000000; */
/*	color: #e30000; */
/*	color: #a90815; */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-size: 14px;
/*	font-weight: bold; */
	margin-top: 0px;
	margin-left: 0px;
}

/* box validi per tutte le sezioni */
/* le position vanno concentrate qui */

#boxtesto {
	position: absolute;
/*	left: 179px; */
	left: 165px; 
/*	top: 36px; */
	top: 40px;
	width: 500px; 
	margin-top: 0px;
	padding-top: 0px;
}

#boxmenu {
	position: absolute;
	left: 0px;
	top: 92px;
	width: 168px;
}

#home {
  position: absolute;
  left: 5px;
  top: 22px;
  font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
  font-stretch: narrower;
  text-decoration : none;
  font-size: 18px;
}
/* fine @screen */
}


/******************************************************************
	                   PARTI COMUNI
*******************************************************************/

TABLE {
/*	padding-left: 28px; */
	margin-left: 41px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-size: 14px;
}


TD, TH , TR, TBODY {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-size: 14px;
}

ul {
	list-style: square;
}

div ol, div ul, div dl {
	padding-left: 41px;
}

dt {
	font-weight: bold; 
	margin-top: 15px;
}

#avvisoNN4 {
	margin-left: 20px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	background: #dddddd;
}

h1 {
   	font-size: 20px;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.mainscuola h1 {
   	font-size: 20px;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #F51E30; 
	background-image: url("pics/qscuola.gif") ;
	background-position: top left; 
	background-repeat: no-repeat;
	padding-left: 41px;
	padding-top: 19px;
	min-height: 40px;
	margin-top: 0px;
}

.mainscuola h2, .mainscuola h3, .mainscuola h4, .mainscuola dl dt {
	color: #F51E30; 
}

.maingiochi h1 {
   	font-size: 20px;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-image: url("pics/qgiochi.gif") ;
	background-position: top left; 
	background-repeat: no-repeat;
	padding-left: 41px;
	padding-top: 19px;
	min-height: 40px;
	margin-top: 0px;
}

.maincollana h1 {
   	font-size: 20px;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-image: url("pics/qcollana.gif") ;
	background-position: top left; 
	background-repeat: no-repeat;
	padding-left: 41px;
	padding-top: 19px;
	min-height: 40px;
	margin-top: 0px;
}

h2 {
   font-size: 18px;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-left: 41px;
}

h3 {
   font-size: 16px;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-left: 41px;
}

h4 {
   font-size: 14px;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-left: 41px;
}

.nomargin {
	padding-left: 0px;
	margin-left: 0px;
}

/******************************************************************
	                   SEZIONE GIOCHI
*******************************************************************/

/* tolta ogni "position" sostituendola con un box "grafico"
           div id="boxtesto"                */
/* per non creare incompatibilita` tolto testogiochi sostituito con
   boxtesto+maingiochi */ 

.maingiochi {
/* come ex testogiochi ma senza position */
	color: #FFCB05;
	padding: 5px;
	margin: 0px;
}

.menugiochi {
	font-weight: bold;
}

.evidgiochi {
	color: #006C43;
	background: #FFCB05;
}

div.boxgiochi {
	border: 1px solid;
}

UL.menugiochi {
	font-weight: bold;
	font-size: 12px;
/*	list-style: url("pics/qgiochi_15.gif") square ; */
	list-style: none ;
	margin-left: 15px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

ul.menugiochi li, li.menugiochi {
	background-image: url("pics/qgiochi_15.gif") ;
	background-position: top left; 
	background-repeat: no-repeat;
	padding-left: 19px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

UL.menugiochi2 {
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 4px;
	font-weight: bold;
	font-size: 11px;
	list-style: none ;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

UL.menugiochi2 li, li.menugiochi2 {
	background-image: url("pics/qgiochi_12.gif") ; 
	background-repeat: no-repeat;
	background-position: top left; 
	padding-left: 16px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

ul.menugiochi3 {
	list-style: none;
	list-style-image: none;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 4px;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style: none;
}

ul.menugiochi3 li, li.menugiochi3 {
	background-image: url("pics/qgiochi_10.gif") ; 
	background-repeat: no-repeat;
	background-position: top left; 
	padding-left: 16px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	vertical-align: bottom;
}

ul.menugiochi a, A.mgiochi {
  font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
  text-decoration : none;
}

ul.menugiochi a:link, A.mgiochi:link { color: #FFCB05; }
ul.menugiochi a:visited, A.mgiochi:visited { color: #ddb30a; }
ul.menugiochi a:active, A.mgiochi:active {color: #ddb30a;}
ul.menugiochi a:hover, A.mgiochi:hover {color: #fadd6a;}

/* testogiochi in futuro e` da eliminare */
/* quindi non copiarlo per le altre sezioni */
.maingiochi a,.testogiochi a, A.giochi {
  font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
  text-decoration : underline;
/*  color: #b02506;  */
}
.maingiochi a:link,.testogiochi a:link, A.giochi:link { color: #FFCB05; }
.maingiochi a:visited,.testogiochi a:visited, A.giochi:visited { color: #ddb30a; }
.maingiochi a:active,.testogiochi a:active, A.giochi:active {color: #ddb30a;}
.maingiochi a:hover,.testogiochi a:hover, A.giochi:hover {color: #fadd6a;}

.homegiochi a, A.homegiochi {
  font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
  font-stretch: narrower;
  text-decoration : none;
  border-style: none;
  font-size: 18px;
}

#homegiochi a:link, A.homegiochi:link { color: #FFCB05; }
#homegiochi a:visited, A.homegiochi:visited { color: #ddb30a; }
#homegiochi a:active, A.homegiochi:active {color: #ddb30a;}
#homegiochi a:hover, A.homegiochi:hover {color: #fadd6a;}


/******************************************************************
	                   SEZIONE SCUOLA
*******************************************************************/

/* tolta ogni "position" sostituendola con un box "grafico"
           div id="boxtesto"                */
/* per non creare incompatibilita` tolto testoscuola sostituito con
   boxtesto+mainscuola */ 

.mainscuola {
	color: #000000; 
/*	color: #F51E30; */
	padding: 5px;
	margin: 0px;
}

.menuscuola {
	font-weight: bold;
}

UL.menuscuola {
	font-weight: bold;
	font-size: 12px;
/*	list-style: url("pics/qscuola_15.gif") square ; */
	list-style: none ;
	margin-left: 15px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

ul.menuscuola li, li.menuscuola {
	background-image: url("pics/qscuola_15.gif") ;
	background-position: top left; 
	background-repeat: no-repeat;
	padding-left: 19px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

UL.menuscuola2 {
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 4px;
	font-weight: bold;
	font-size: 11px;
	list-style: none ;
/*	list-style: url("pics/qscuola_14.gif") square ; */
	margin-bottom: 0px;
	padding-bottom: 0px;
}

UL.menuscuola2 li, li.menuscuola2 {
	background-image: url("pics/qscuola_12.gif") ; 
	background-repeat: no-repeat;
	background-position: top left; 
	padding-left: 16px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

ul.menuscuola3 {
	list-style: none;
	list-style-image: none;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 4px;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style: none;
}

ul.menuscuola3 li, li.menuscuola3 {
	background-image: url("pics/qscuola_10.gif") ; 
	background-repeat: no-repeat;
	background-position: top left; 
	padding-left: 16px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	vertical-align: bottom;
}

ul.menuscuola a, A.mscuola {
  font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
  text-decoration : none;
}

ul.menuscuola a:link, A.mscuola:link { color: #F51E30;}
ul.menuscuola a:visited, A.mscuola:visited { color: #E30000;}
ul.menuscuola a:active, A.mscuola:active {color: #a90815;}
ul.menuscuola a:hover, A.mscuola:hover {color: #a90815;}

/* testoscuola in futuro e` da eliminare */
/* quindi non copiarlo per le altre sezioni */
.mainscuola a,.testoscuola a, A.scuola {
  font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
  text-decoration : underline;
}
.mainscuola a:link,.testoscuola a:link, A.scuola:link {color: #F51E30;}
.mainscuola a:visited,.testoscuola a:visited, A.scuola:visited {color: #ff0000;}
.mainscuola a:active,.testoscuola a:active, A.scuola:active {color: #a90815;}
.mainscuola a:hover,.testoscuola a:hover, A.scuola:hover {color: #a90815;}

.homescuola a, A.homescuola {
  font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
  font-stretch: narrower;
  text-decoration : none;
  border-style: none;
  font-size: 18px;
}

#homescuola a:link, A.homescuola:link { color: #F51E30; }
#homescuola a:visited, A.homescuola:visited { color: #ff0000;}
#homescuola a:active, A.homescuola:active {color:  #a90815;}
#homescuola a:hover, A.homescuola:hover {color:  #a90815;}

.boxridere {
	border-style: solid;
	border-color: #ff0000 ;
	padding: 7px; 
	margin-left: 41px;
	padding-top: 0px;
	background-color: #ffffff;
}

.boxridere p {
	padding-left: 0px;
}

.boxridere blockquote {
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 5px;
	margin-top: 0px;
}


/******************************************************************
	                   SEZIONE COLLANA
*******************************************************************/

/* tolta ogni "position" sostituendola con un box "grafico"
           div id="boxtesto"                */
/* per non creare incompatibilita` tolto testocollana sostituito con
   boxtesto+maincollana */ 

.maincollana {
/* come ex testocollana ma senza position */
	color: #006c43;
	padding: 5px;
	margin: 0px;
}

.menucollana {
	font-weight: bold;
}

.evidcollana {
	color: #ffffff;
	background: #006c43;
}

UL.menucollana {
	font-weight: bold;
	font-size: 12px;
/*	list-style: url("pics/qcollana_15.gif") square ; */
	list-style: none ;
	margin-left: 15px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

ul.menucollana li, li.menucollana {
	background-image: url("pics/qcollana_15.gif") ;
	background-position: top left; 
	background-repeat: no-repeat;
	padding-left: 19px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

UL.menucollana2 {
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 4px;
	font-weight: bold;
	font-size: 11px;
	list-style: none ;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

UL.menucollana2 li, li.menucollana2 {
	background-image: url("pics/qcollana_12.gif") ; 
	background-repeat: no-repeat;
	background-position: top left; 
	padding-left: 16px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

ul.menucollana3 {
	list-style: none;
	list-style-image: none;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 4px;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style: none;
}

ul.menucollana3 li, li.menucollana3 {
	background-image: url("pics/qcollana_10.gif") ; 
	background-repeat: no-repeat;
	background-position: top left; 
	padding-left: 16px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	vertical-align: bottom;
}

ul.menucollana a, A.mcollana {
  font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
  text-decoration : none;
}

ul.menucollana a:link, A.mcollana:link { color: #006c43; }
ul.menucollana a:visited, A.mcollana:visited { color: #006c43 }
ul.menucollana a:active, A.mcollana:active {color: #5e9983;}
ul.menucollana a:hover, A.mcollana:hover {color: #5e9983;}

/* testocollana in futuro e` da eliminare */
/* quindi non copiarlo per le altre sezioni */
.maincollana a,.testocollana a, A.collana {
  font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
  text-decoration : underline;
/*  color: #b02506;  */
}
.maincollana a:link,.testocollana a:link, A.collana:link { color: #006c43; }
.maincollana a:visited,.testocollana a:visited, A.collana:visited { color: #006c43; }
.maincollana a:active,.testocollana a:active, A.collana:active {color: #5e9983;}
.maincollana a:hover,.testocollana a:hover, A.collana:hover {color: #5e9983;}

.homecollana a, A.homecollana {
  font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
  font-stretch: narrower;
  text-decoration : none;
  border-style: none;
  font-size: 18px;
}

#homecollana a:link, A.homecollana:link { color: #006c43; }
#homecollana a:visited, A.homecollana:visited { color: #006c43; }
#homecollana a:active, A.homecollana:active {color: #5e9983;}
#homecollana a:hover, A.homecollana:hover {color: #5e9983;}


/******************************************************************
			    POPUP
*******************************************************************/

.popup {
	background: #006C43 url("pics/bgk_crediti.gif"); 
	background-repeat: no-repeat;
	color: #FFCB05;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-size: 14px;
	margin-top: 0px;
	margin-left: 0px;
}

#boxpopup {
	width: 440px;
	position: absolute;
	top: 30px;
	left: 30px;
}

.mainpupup {
	color: #FFCB05;
	padding: 10px;
	margin: 0px;
}

.mainpopup ul, .mainpoupup dl {
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	list-style: square;
	padding-left:0px; 
	margin-left: 0px;
}

.mainpopup li, .mainpupup dd {
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	list-style: square;
	padding-left:0px; 
	margin-left: 20px;
}

.mainpupup dt {
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	list-style: square;
	padding-left:0px; 
	margin-left: 0px;
}

.mainpopup p {
	padding-left: 0px;
}

.mainpopup h1 {
	padding-left: 0px;
}

.mainpopup a {
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration : underline;
}
.mainpopup a:link { color: #FFCB05; }
.mainpopup a:visited { color: #ddb30a; }
.mainpopup a:active {color: #ddb30a;}
.mainpopup a:hover {color: #fadd6a;}



/******************************************************************
			    FINE
*******************************************************************/