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

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;
	/*height:350px;*/
}

.question img {
   margin-bottom:40px;
}

.variant  {
	cursor:default;   
	border: 1px lightgreen  dotted;
	text-align:left; 
	padding-bottom:5px;
	padding-left:25px;
}

.navigation {
	display:block;
	text-align:right;
}

.navigation img, .navigation input {
    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%;
		
}