body {
	background: url(img/bg.jpg) no-repeat;
}

H1 {
    color:green;
    font-size:130%;
    text-align: center; 
    margin-bottom: 0px;
}
H2 {
    text-align: center;
    font-size:110%;
    margin-bottom: 0px;
    margin-top: 0px;
}

.container   {

}

.question {
	font-size :120%;
	text-align: center;
	padding-bottom: 30px;
	width:500px;
}


.variant , .cvariant,  .svariant {
	cursor:default;  
	text-align: left;
	padding-bottom: 5px;
	padding-left: 25px;
}

.variant  {
	cursor:default;   
	border: 1px lightgreen  dotted; 
}

.cvariant  {
	border: 1px lightgreen  solid; 
/*   color:green;*/
}
.svariant {
	 border: 1px green  solid; 
    /*font-weight: bold; */
    color:darkgreen; 
    background:  #E9FFE9 url(img/z.gif) no-repeat left center ;
    
}


.navigation {
	display:block;
	position: flat; 
	text-align:right;
	
}
.navigation img {
    border:none;
    padding-left:50px;
}

.resultmsg {
	 text-align:center;
	 font-size:20;
	 width:80%;
	 border: 1px green  solid;
	 padding:25px;
	
	 /*font-weight: bold;*/
}
.resultmsg p{
	 	left:25px;
	 
}

#counters {
	position:absolute;
	bottom:0px
}
.counter {
	text-align:center;
	margin:10px;
	font-size :130%;
		
} 

.seltable {
	border:1px green solid;
}

.seltable td {
	width:100px; 
	height:100px;
	border:1px black solid; 
}

#color1 {
	background:#666666;
	cursor: pointer;
}
#color2 {
	background:#000000;
	cursor: pointer;
}

#color3 {
	background:#CCCCCC;
	cursor: pointer;
}

#color4 {
	background:white;
	cursor: pointer;
	
}

#color0 {
	background:#999999;
	cursor: pointer;
}