html {
  background: #a0ffa0;
  color:      #000000;
}

body {
  font-size:   85%;
  font-family: Arial, Sans-Serif;
  margin:      0px;
  padding:     0px;
}

h2 {
  line-height: 	24px;
  margin-top: 	5px;
  margin-left: 	0px;
  margin-right: 0px;
  font-family: 	Comic Sans MS;
  color:        #008800;
  font-weight:  bold;
  font-size:    250%;
  text-align:   center;
}

h3 {
  line-height: 	14px;
  margin-top: 	0px;
  margin-left: 	0px;
  margin-right: 0px;
  font-family: 	Comic Sans MS;
  color:        #000000;
  font-weight:  bold;
  font-size:    120%;
  text-align:   center;
}

h4 {
  line-height: 	0px;
  margin-top: 	0px;
  margin-left: 	0px;
  margin-right: 0px;
  font-family: 	Comic Sans MS;
  color:        #ff0000;
  font-weight:  bold;
  font-size:    190%;
  text-align:   center;
}

h5 {
  line-height: 	1px;
  margin-top: 	0px;
  margin-left: 	0px;
  margin-right: 0px;
  font-family: 	Comic Sans MS;
  color:        #000000;
  font-weight:  normal;
  font-size:    170%;
  text-align:   center;
}

.nero {
  color:        #000000;
}

.bianco {
  color:        #ffffff;
}

.rosso {
  line-height: 	10px;
  margin-top: 	0px;
  margin-left: 	0px;
  margin-right: 0px;
  font-family: 	Comic Sans MS;
  color:        #ff0000;
  font-weight:  bold;
  font-size:    180%;
  text-align:   center;
}

.gioc_sq {
  line-height: 	17px;
  margin-top: 	0px;
  margin-left: 	0px;
  margin-right: 0px;
  font-family: 	Comic Sans MS;
  color:        #008800;
  font-weight:  normal;
  font-size:    120%;
  text-align:   center;
}

.scuola {
  line-height: 	12px;
  margin-top: 	0px;
  margin-left: 	0px;
  margin-right: 0px;
  font-family: 	Comic Sans MS;
  color:        #000000;
  font-style:  italic;
  font-size:    90%;
  text-align:   center;
}

.verde {
  line-height: 	10px;
  margin-top: 	0px;
  margin-left: 	0px;
  margin-right: 0px;
  font-family: 	Comic Sans MS;
  color:        #008800;
  font-weight:  bold;
  font-size:    180%;
  text-align:   center;
}

.verde_piccolo {
  line-height: 	12px;
  margin-top: 	0px;
  margin-left: 	0px;
  margin-right: 0px;
  font-family: 	Comic Sans MS;
  color:        #008800;
  font-weight:  bold;
  font-size:    120%;
  text-align:   center;
}

.normale {
  line-height: 	24px;
  margin-top: 	0px;
  margin-left: 	0px;
  margin-right: 0px;
  font-family: 	Comic Sans MS;
  color:        #000000;
  font-weight:  normal;
  font-size:    170%;
  text-align:   justify;  
}

.centrata {
  line-height: 	24px;
  margin-top: 	0px;
  margin-left: 	0px;
  margin-right: 0px;
  font-family: 	Comic Sans MS;
  color:        #000000;
  font-weight:  normal;
  font-size:    170%;
  text-align:   center;  
}

hr {
  border: none;
  color: #008800;
  border-top: 4px solid blue;
}


table {
  empty-cells:show;
}

.coll {
  line-height: 	24px;
  margin-top: 	30px;
  margin-left: 	0px;
  margin-right: 0px;
  font-family: 	Comic Sans MS;
  color:        #0000ff;
  font-weight:  bold;
  font-size:    300%;
  text-align:   center;
}

.immagine_puzzle {
  float:right;
  margin-right:40px;
  margin-bottom:20px;
  margin-left:10px;
}

.sinistra {
  float:left;
  margin-right:40px;
  margin-bottom:20px;
  margin-left:10px;
}

header#head {
  position:   absolute;
  left:       0px;
  top:        0px;
  width:	  1000px;
  height:     116px;
  background: #ffffff;
  color:      #000000;
  border:     solid #000000 1px;
  margin:     8px;
  text-align: center;
  overflow:   hidden;
  box-shadow: 2px 2px 5px #000000;
}

#left {
  position:   absolute;
  left:       250px;
  top:        0px;
  width:      850px;
  height:     114px;
  background: #ffffff;
  color:      #000000;
  border:     solid #000000 1px;
  margin:     8px;
  text-align: center;
  overflow:   hidden;
  box-shadow: 2px 2px 5px #000000;
}

#right {
  position:   absolute;
  right:      18px;
  top:        0px;
  width:      220px;
  height:     116px;
  background: #ffffff;
  color:      #000000;
  border:     solid #000000 1px;
  margin:     8px;
  text-align: center;
  overflow:   hidden;
  box-shadow: 2px 2px 5px #000000;
}

#logotetrapyramis {
  position:   absolute;
  left:       8px;
  top:        8px;
  width:      100px;
  height:     100px;
  overflow:   hidden;
}

#logopuzzlefountain {
  position:   absolute;
  right:      8px;
  top:        8px;
  width:      100px;
  height:     100px;
  overflow:   hidden;
}

#user {
  position:    absolute;
  right:       16px;
  top:         16px;
  height:      48px;
  width:       160px;
  overflow:    hidden;
  font-size:   80%;
  font-weight: bold;
}

#user div {
  position:   absolute;
  top:        50%;
  transform:  translate(0, -50%);
  width:      160px;
}

#center {
  margin-top:     32px;
  margin-left:   184px;
  margin-right:  184px;
  margin-bottom:   8px;
  display:block;
  box-shadow: 2px 2px 5px #000;
}

main {
  position:		absolute;
  top:			178px;
  left:			8px;
  border:       solid #303080 1px;
  padding:      7px;
  width:		1320px;
  background:   #ffffff;
  color:        #000000;
  box-shadow: 	2px 2px 5px #000;
}

riquadro_giochi {
  position:		relative;
  top:			170px;
  left:			200px;
  border:       solid #303080 1px;
  padding:      7px;
  width:		1000px;
  background:   #ffffff;
  color:        #000000;
  box-shadow: 	2px 2px 5px #000;
}

.lista_giochi li {
  font-size: 200%;
  font-family: Comic Sans MS;
}

#schede {
  position:		absolute;
  top:			140px;
  left:			4px;
  right: 		0px;
  height: 		30px;
  background: 	#a0ffa0;
  margin:		0px;
  padding:		0px;
}

#schede ul {
  list-style-type: 	none;
  padding:			0px;
  padding-left:		2px;
  margin:			0px;
  position:			absolute;
  left:				2px;
  bottom:			0px;
  height:			24px;
  line-height:		19px;
  max-width:		inherit;
}

#schede li {
  display:inline;
}

#schede a {
  text-decoration:none;
}

a.scheda_davanti {
  display:		inline-block;
  height:		24px;
  background: 	#ffffff;
  color:		#000000;
  font-family: 	Comic Sans MS;
  font-weight: 	bold;
  font-size:   	200%;
  padding:		5px 5px 5px 5px;
  border:		1px solid #000000;
}

a.scheda_dietro {
  display: 		inline-block;
  height:		19px;
  padding:		2px 5px 2px 5px;
  background: 	#ffffff;
  color: 		#000000;
  font-family: 	Comic Sans MS;
  font-weight: 	bold;
  border-left:	1px solid #000000;
  border-top:	1px solid #000000;
  border-right:	1px solid #000000;
  border-bottom:1px solid #ffffff;
}

a.scheda_davanti_rossa {
  display:		inline-block;
  height:		24px;
  background: 	#ffffff;
  color:		#ff0000;
  font-family: 	Comic Sans MS;
  font-weight: 	bold;
  font-size:   	200%;
  padding:		5px 5px 5px 5px;
  border:		1px solid #000000;
}

a.scheda_dietro_rossa {
  display: 		inline-block;
  height:		19px;
  padding:		2px 5px 2px 5px;
  background: 	#ffffff;
  color: 		#ff0000;
  font-family: 	Comic Sans MS;
  font-weight: 	bold;
  border-left:	1px solid #000000;
  border-top:	1px solid #000000;
  border-right:	1px solid #000000;
  border-bottom:1px solid #ffffff;
}

.albodoro {
  table-layout: fixed;
  width: auto;
  left: 2px;
  right: 2px;
  text-align: center;
  border-collapse: collapse;
}

.albodoro td {
  border: solid #000000 1px;
  vertical-align: middle;
}

.tab_giochi {
  table-layout: fixed;
  width: 99%;
  left: 2px;
  right: 2px;
  text-align: justify;
  border-collapse: collapse;
}

.tab_giochi td {
  border: solid #000000 1px;
  vertical-align: middle;
  width: auto;
}

.tab_archivio {
  table-layout: fixed;
  width: 90%;
  left: 2px;
  right: 2px;
  text-align: justify;
  border-collapse: collapse;
}

.tab_archivio td {
  border: solid #000000 1px;
  vertical-align: middle;
  width: auto;
}

.tabellacamp {
  width: 1200px;
  border: 2px;
  left: 2px;
  right: 2px;
  text-align: justify;
  margin: 50px;
}

.tabellalibri {
  width: 1200px;
  border: 2px;
  left: 2px;
  right: 2px;
  text-align: justify;
  margin: 50px;
}

.elementolibri {
  text-align: justify;
  color:	  #000000;
  font-family: 	Comic Sans MS;
  font-weight: 	normal;
  font-size:   	130%;
  width: 800px;
}

.tabellagara {
  width: 1000px;
  border: 2px;
  left: 2px;
  right: 2px;
  text-align: justify;
  margin: 5px;
}

.datagara {
  text-align: justify;
  color:	  #000000;
  font-family: 	Comic Sans MS;
  font-weight: 	normal;
  font-size:   	130%;
  width: 300px;
}

.esempio {
  width: 300px;
  height: 300px;
  vertical-align: middle;
}

.soluzione {
  width: 300px;
  height: 300px;
  vertical-align: middle;
}
.immaginelibri {
  width: 310px;
  height: 401px;
  vertical-align: middle;
  position: relative;
  left: 37px;
  top: -15px;
}

.immagine_unimore {
  width: 403px;
  height: 136px;
  display: block;
  margin: 0 auto;
}

.immagine_giochiuniti {
  width: 391px;
  height: 105px;
  display: block;
  margin: 0 auto;
}

.immagine_oro {
  width: 50px;
  height: 50px;
  vertical-align: middle;
}

.lineadivisione {
  background: #008800;
}

.entra {
  text-align: center;
}

.rimanicollegato {
  padding:        0px;
  margin:         0px;
  vertical-align: middle;
}

.menu {
  margin:      0px 0px 8px 0px;
  border:      solid #3030c0 1px;
  padding:     8px;
  background:  #ffffff;
  color:       #000000;
  font-size:   80%;
  box-shadow: 2px 2px 5px #000;
}

.menu ul, .menu ol {
  margin:          0px;
  padding:         0px;
  list-style-type: none;
}

.menu li {
  margin-left:    0px;
  padding-left:   0px;
  padding-bottom: 1px;
  padding-top:    1px;
}

.menu .input {
  width: 100%;
}

.inglese {
  font-style: italic;
}

.italiano {
  clear: both;
}

input[type=submit],input[type=image] {
  border-top: 2px solid #8080f0;
  border-left: 2px solid #8080f0;
  border-bottom: 2px solid #181860;
  border-right: 2px solid #181860;
  background: #008800;
  color:#ffffff;
  font-weight:bold;
  text-align:left;
}