body {
    height: 100%;
    margin: 0;
    background: olive;
    font-family: verdana, arial;
    font-size: 16px;
}

.divider {
    margin: 8px 0 0 0;
	height: 1px;
    overflow: hidden;
    background-color: green;
}

.casa {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 220px;
    height: 20px;
    background-color: green;
    text-align: center;
    border-radius: 2px;
    opacity: 0.8;
    z-index: 100;
}

#copri {
    background-color: white;
    box-shadow: 1px 1px 3px 2px green;
    width: 950px;
    height: 600px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2000;
}

#contenitore {
    background-color: white;
    box-shadow: 1px 1px 3px 2px green;
    width: 950px;
    height: 600px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	overflow:hidden;
}
/* contenitore parti*/
.sep{
	clear:both;
}

#riepilogo {
   position:absolute;
	top:140px;
	left:0px;
	width: 950px;
    height: 460px;
	background-color:azure;
    z-index: 2500;
	display:none;
}

#sucontparti{
	position:absolute;
	top:0px;
	left:0px;
	width: 950px;
    height: 150px;
	background-color:azure;
	z-index: 1000;
	visibility:hidden;
}
#giucontparti{
	position:absolute;
	top:500px;
	left:0px;
	width: 950px;
    height: 100px;
	background-color:azure;
	z-index: 1001;
	visibility:hidden;
}
.contparti{
	position:absolute;
	top:100px;
	left:0px;
	width: 950px;
    height: 400px;
	background-color:white;
	z-index: 1000;
	visibility:hidden;
}
.divparti{
background-color:green;
color: white;
border-radius:4px;	
}
.infoparti{
color: blue;	
font-style:italic;
font-size:14px;
text-align:center;
}
/* contenitore interiezione*/
.div48{
width:45%;
padding:3px;
float:left;
}
/* contenitore articolo*/
.div31{
width:31%;
padding:3px;
float:left;
}
.div18{
width:18%;
padding:3px;
float:left;
font-size:14px;
}
.but{
	width:90%;
	height:40px;
}
.novis{
	visibility:hidden;
}
/*-----------------------------------------------------------------------------------*/
#livello {
    position: relative;
    margin: 0 auto;
}

#mincio {
    position: absolute;
    top: 0px;
    left: 0px;
}

#mincio2 {
    position: absolute;
    top: 0px;
    right: 0;
}

#percomincia {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#cont1 {
    position: absolute;
    width: 100%;
    height: 100%;
}
/*
#cont2 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
*/
#contRagni {
    position: absolute;
    left: 0px;
    top: 360px;
    width: 100%;
    bottom: 0;
    z-index: 2;
    visibility: hidden;
}

.ragno {
    color: red;
    font-weight: bold;
    border: 1px solid black;
    border-radius: 3px;
    min-width: 100px;
}

#ragno0 {
    position: absolute;
    left: 235px;
    top: 41px;
}

#ragno1 {
    position: absolute;
    left: 108px;
    top: 95px;
}

#ragno2 {
    position: absolute;
    left: 228px;
    top: 125px;
}

#ragno3 {
    position: absolute;
    left: 108px;
    top: 155px;
}

#ragno4 {
    position: absolute;
    left: 758px;
    top: 155px;
}

#ragno5 {
    position: absolute;
    left: 638px;
    top: 125px;
}

#ragno6 {
    position: absolute;
    left: 752px;
    top: 76px;
}

#ragno7 {
    position: absolute;
    left: 618px;
    top: 25px;
}

#ragno8 {
    position: absolute;
    left: 568px;
    top: 185px;
}

#ragna0 {
    position: absolute;
    left: 368px;
    top: 55px;
    border-radius: 50%;
}

#ragna1 {
    position: absolute;
    left: 492px;
    top: 55px;
    border-radius: 50%;
}

#ranasx {
    position: absolute;
    left: 409px;
    bottom: 0;
}

#nobuona,
#buona {
    position: absolute;
    left: 353px;
    top: 0px;
    visibility: hidden;
}

#ranamangiasx,
#ranamangiadx {
    position: absolute;
    left: 409px;
    bottom: 0;
    visibility: hidden;
}

#ranadx {
    position: absolute;
    left: 409px;
    bottom: 0;
}

#coprifrasi {
    position: absolute;
    left: 10px;
    top: 20px;
    width: 600px;
    height: 260px;
    background-color: orange;
    border: 2px solid green;
    border-radius: 4px;
	opacity: 0.5;
	visibility: hidden;
    z-index: 150;
}

#quadroarancio {
    position: absolute;
    left: 10px;
    top: 20px;
    width: 600px;
    height: 260px;
    background-color: orange;
    border: 2px solid green;
    border-radius: 4px;
    z-index: 100;
}

#dentroarancio {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 570px;
    height: 230px;
    padding: 5px;
    background-color: lightyellow;
    overflow-y: scroll;
}

#quadroinfo {
    position: absolute;
    left: 630px;
    top: 180px;
    width: 310px;
    height: 100px;
    background-color: orange;
    color: green;
    border: 2px solid green;
    border-radius: 4px;
}

#quadropunti {
    position: absolute;
    left: 630px;
    top: 10px;
    width: 120px;
    height: 150px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#dentroinfo {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 280px;
    height: 70px;
    padding: 5px;
    background-color: lightyellow;
}

.frase2 {
    font-size: 18px;
    color: gray;
    border-bottom: 1px solid green;
    cursor: default;
}

.frase {
    font-size: 18px;
    border-bottom: 1px solid green;
    cursor: pointer;
}

.frase:hover {
    background-color: green;
    color: white;
}

#analisigrammaticale {
    position: absolute;
    top: 0px;
    right: 0;
    opacity: 0.5;
}

#cliccalefrasi {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#quadromarrone {
    position: absolute;
    left: 0px;
    top: 290px;
    width: 100%;
    height: 70px;
    background-color: #b8860b;
}

.ret {
    position: absolute;
    width: 113px;
    height: 25px;
    background-color: green;
    color: white;
    text-align: center;
    font-size: 13px;
    border: 1px solid white;
}

.domanda {
    position: absolute;
    width: 110px;
    color: white;
    text-align: center;
    font-size: 14px;
}

.centro {
    text-align: center;
}

.gras{
	font-weight:bold;
}

.manina {
    cursor: pointer;
}

.rosso{
	color:red;
}
.blu{
	color:blue;
}
.rossopic{
	color:red;
	font-size:14px;
}
.pic{
	font-size:14px;
}
.dx{
	text-align:right;
}
a:link,
a:visited {
    text-decoration: none;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: yellow;
}

a:hover {
    color: #000000;
}