.rounded (@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius:    @radius;
	border-radius:         @radius;

	-moz-background-clip:    padding;
	-webkit-background-clip: padding-box;
	background-clip:         padding-box;
}

/* MARGON */
@font-face {
	font-family: 'Margon';
	src: url('fonts/24D5C2_1_0.eot');
	src: url('fonts/24D5C2_1_0.eot?#iefix') format('embedded-opentype'),
		 url('fonts/24D5C2_1_0.woff') format('woff'),
		 url('fonts/24D5C2_1_0.ttf') format('truetype'),
		 url('fonts/24D5C2_1_0.svg#Margon') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: 'Lineatura';
    src: url('fonts/lineatura_bold-webfont.eot');
    src: url('fonts/lineatura_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lineatura_bold-webfont.woff') format('woff'),
         url('fonts/lineatura_bold-webfont.ttf') format('truetype'),
         url('fonts/lineatura_bold-webfont.svg#lineatura_boldregular') format('svg');
    font-weight: bold;
    font-style: normal;

}
/* ############## */
* {
	margin: 0;
	padding: 0;
}

.clearFix {
	clear: both;
}

body {
}
#wrapper {
	width: 1020px;
	margin: 0 auto;
	position: relative;
	
	.desc {
		width: 540px;
		margin: 240px 0 0 20px;
		font: 14px/20px Octava;
	}
}

.question {
	p { 
		font: 50px/40px Octava;
		
		span {
			font: 22px/22px Nonamegrotesk;
		}
	}
	.choice {
		list-style: none;
		float: left;
		padding-bottom: 17px;
		cursor: pointer;
		position: relative;
		&:hover {
			border-bottom: 17px solid #a1ffa1;
			padding-bottom: 0px;
		}
		&.active {
			border-bottom: 17px solid #2fff2f;
			padding-bottom: 0px;
		}
		img {
			display: block;
		}
		.votes {
			width: 86px;
			height: 58px;
			border: 4px solid #000;
			.rounded(100px);
			background-color: #fff;
			top: 350px;
			left: 80px;
			font: 24px/29px Nonamegrotesk;
			text-align: center;
			padding-top: 28px;
			display: none;
		}
		&.active .votes{
			.rounded(0px);
			background-color: #a1ffa1;
		}
	}
}

.end {
	width: 410px;
	height: 106px;
	margin: 100px 0 0 270px;
	display: none;
	cursor: pointer;
	background: url(../images/endbutton.jpg);
	&:hover {
		background: url(../images/endbutton_hover.jpg);
	}
	&.active {
		background: url(../images/endbutton_hover.jpg);
	}
}

.invisible {
	display: none;
}
.counter {
	font: 30px/36px Margon;
	margin: 50px auto;
    margin-top: 150px;
    width: 450px;
}