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

a {
	color: inherit;
}
body {
	font-family: CharterOSCRegular;
	background: #fff;
	font-size: 16px;
	line-height: 19px;
	
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
}

td {
	vertical-align: top;
}

.heading {
	.h-img {
		z-index: -10;
		margin: -30px 0 0 -60px;
	}
	h1 {
		font: 25px/28px 'CirceExtrabold';
		text-transform: uppercase;
		letter-spacing: 4px;
		padding: 183px 0 0 472px;
	}
	.lead {
		font: 17px/20px 'CirceBold';
		margin: 80px 0 0 472px;
	}
	
	.descr {
		font: italic 18px/23px 'OctavaOSCRegular';
		margin: 20px 0 0 472px;
	}
}

.fragments {
	h2 {
		font: 84px/101px 'NewStandardCRegular';
		
		span {
			font: 70px/98px 'CirceBold';
			text-transform: uppercase;
		}
	}
	.descr {
		width: 500px;
		margin-left: 250px;
		font: 18px/21px 'CirceBold';
	}
	.red-border {
		font: 12px/14px 'CirceBold';
		width: 136px;
		padding: 5px 10px;
		border: 3px solid red;
		color: red;
		margin: 50px 0 0 780px;
	}
	
	.d-arr {
		margin: 16px 0 0 848px;
	}
	
	table {
		margin: 0 auto;
		
		.small {
			width: 60px;
			padding: 0 30px;
			text-align: center;
		}
		
		td {
			width: 376px;
			
			.border {
				font: italic 14px/17px 'OctavaOSCRegular';
				border: 9px solid #000;
				padding: 10px 15px;
				width: 280px;
			}
			
			.list-wrap {
				position: relative;
				width: 376px;
				height: 553px;
				
				.list-show {
					width: 376px;
					height: 553px;
					background: url(../images/crd.png);
					position: absolute;
				}
				
				.list-hide {
					width: 376px;
					height: 553px;
					background: url(../images/crdh.png);
					position: absolute;
					display: none;
				}
				
				.txt {
					position: absolute;
					width: 271px;
					height: 368px;
					left: 60px;
					top: 90px;
				}
				.toggle {
					width: 60px;
					height: 20px;
					position: absolute;
					top: 45px;
					left: 273px;
					cursor: pointer;
				}
			}
		}
	}
}

.test {
	height: 800px;
	
	h2 {
		font: 112px/134px 'NewStandardCRegular';
		
		span {
			font: 112px/134px 'CirceBold';
			text-transform: uppercase;
		}
	}
	.descr {
		font: 18px/21px 'CirceBold';
		text-transform: uppercase;
		letter-spacing: 4px;
	}
	
	.question-block {
		display: none;
		width: 803px;
		margin: 75px auto 0;
		position: relative;
		border: 10px solid #333;
		background: url(../images/texture.png);
		
		.number {
			font: 100px/121px 'CirceBold';
			margin: 0 10px;
			width: 85px;
			text-align: center;
			height: 95%;
			background: url(../images/red.jpg) no-repeat 20px bottom;
		}
		
		.question {
			font: 24px/24px 'CirceBold';
			padding-top: 20px;
			width: 600px;
			border-left: 2px solid #333;
			padding-left: 20px;
			padding-bottom: 20px;
			
			i {
				font: italic 14px/17px 'OctavaOSCRegular';
				display: block;
				margin-top: 20px;
				width: 474px;
			}
		}
		table {
			border-left: 2px solid #333;
			border-top: 2px solid #333;
			padding: 20px;
		
			td {
				width: 134px;
				padding-right: 30px;
				text-align: center;
				font: 11px/13px 'CirceBold';
				text-transform: uppercase;
				cursor: pointer;
				
				img {
					margin-bottom: 20px;
				}
			}
			td:hover {
				color: red;
			}
		}
	}
}

.finish {
	height: 344px;
	
	img {
		margin: 5px;
	}
	
	.question {
		margin-left: 79px !important;
		height: 304px;
		padding-left: 0px !important; 
		width: auto !important;
	}
	.ocenka {
		text-align: center;
		font: 36px/115px 'OctavaOSCRegular';
		letter-spacing: 4px;
		border-bottom: 2px solid #000;
	}
	.bali {
		font: 36px/120px 'CirceBold';
		color: #d30000;
		text-align: center;
	}
	.desc {
		text-align: center;
		font: 17px/18px 'OctavaOSCRegular';
	}
}






.dsq-brlink { display: none; }

	
#disqus_thread {
	#dsq-topbar {
		z-index: -2;
	}
	.dsq-options { display: none; }
	.dsq-comment-header-meta-wrapper a, .dsq-comment-header-meta-wrapper span {
		font-family: CirceRegular;
		font-size: 13px;
		color: #f00;
		font-weight: normal;
	}
	.dsq-comment-header {
		background: none;
		border: none;
	}
	.dsq-global-toolbar {
		display:none;
	}
	
	.dsq-like {
		display: none;
	}
	h3 {
		font-family: CirceRegular;
		font-size: 11px;
		margin-bottom: 15px;
		font-weight: normal;
	}
	.dsq-request-user-stats, .dsq-comment-footer, .dsq-header-avatar, #dsq-comments-title, .dsq-moderator-star, .dsq-comment-hide-thread {
		display: none;
	}
	.dsq-comment-text {
		margin-left: 10px;
		margin-top: 30px;
	}
	.dsq-comment-message {
		margin-top: 0px;
	}
	.dsq-header-avatar {

	}
	.dsq-comment-header-time {
		a {
			font-size: 10px;
			color: #999;
		}
	}
	.dsq-new-post h3{
		margin-bottom: 0px;
	}
	.dsq-request-user-name {
		a {
			font-family: CirceRegular;
			font-size: 13px;
			color: #f00;
			font-weight: normal;
		}
	}
	.dsq-request-user-stats {
		span {
			font-family: CirceRegular;
			font-size: 13px;
			font-weight: normal;
			
			big {
				font-size: 13px;
			}
		}
	}
	.dsq-textarea-wrapper {
		border: 1px solid #f00;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		min-height: 20px !important;
		height: 20px !important;
	}
	.dsq-comment-buttons, .dsq-post-footer {
		button {
			padding: 3px 8px;
			background: #fff;
			color: #000;
			border: 1px solid #000;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			font-weight: normal;
		}
	}
}
.comments {
	width: 400px;
	margin-left: 10px;
	margin-top: 50px;
}