/* LESS VARIABLES */
.border-radius (@radius: 5px) {
	border-radius: @radius;
  	-webkit-border-radius: @radius;
  	-moz-border-radius: @radius;
}
.box-sizing (@type: border-box) {
	-webkit-box-sizing: @type;
	-moz-box-sizing:    @type;
	box-sizing:         @type;
}

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Futura;
}
#wrapper {
	position: relative;
	width: 860px;
	margin: 0px auto;
	padding: 30px 0 0 0px;
}
.zahod {
	float: left;
	width: 860px;
	height: 550px;
	background: url(../images/zahod.jpg) no-repeat center center;
	clear: both;
}
.bg {
	position: absolute;
	width: 100%;
	height: 500px;
	top: 580px;
	z-index: -1;
	background: #fff2e1;
}
.test {
	margin-top: 30px;
	float: left;
	
	.counter {
		font-size: 40px;
		font-weight: bold;
	}
	.answer {
		font-size: 71px;
		line-height: 78px;
		padding-bottom: 30px;
	}
}
table {
	td {
		vertical-align: top;
	}
}
.button {
	display: inline-block;
	margin-right: 20px;
	height: 64px;
	cursor: pointer;
	
	&.yes {
		width: 88px;
		background: url(../images/buttona.jpg);
	}
	&.yes:hover {
		background: url(../images/buttona_hover.jpg);
	}
	&.no {
		width: 88px;
		background: url(../images/buttinb.jpg);
	}
	&.no:hover {
		background: url(../images/buttonb_hover.jpg);
	}
}
.button:active {
	position: relative;
	top: 2px;
}

.popup {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 2;
	background: rgba(255,255,255,0.7) url(../images/popup.jpg) no-repeat center center;
	cursor: pointer;
}