@charset "utf-8";/* CSS Document */
div#main {
	width:100%;
	height:100%;
}
div#main img.background {
	width:100%;
	height:100%;
}
div#main div#button {
	width:453px;
	height:230px;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-115px;
	margin-left:-226px;
	background:url(../images/button.png) top left no-repeat;
	cursor:pointer;
}
div#main div#progress {
	width:453px;
	height:96px;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-226px;
	margin-top:-180px;
	background:url(../images/progress.png) top left no-repeat;
}
div#main div#progress div#bar {
	position:relative;
}
div#main div#progress div#bar div#line {
	position:absolute;
	top:54px;
	left:53px;
	width:0px;
	height:10px;
	background:#2BCF18;
}
div#main div#answer {
	width:50%;
	min-height:170px;
	overflow:hidden;
	position:absolute;
	top:20%;
	left:25%;
	cursor:pointer;
	border: 10px solid #808080;
	border-radius: 25px;
	background-color: #ddd;
	box-shadow: 5px 5px 10px #aaa;
}
div#answer div {
	position:relative;
	height:100%;
	width:100%;
	font-family:Verdana, Geneva, sans-serif
}
div#answer div h3 {
	text-align:center;
	padding:15px 0px;
	font-size:28px;
	font-weight:bold
}
div#answer div p {
	text-align:center;
	line-height:normal;
	padding:0px 30px
}
div#answer div p.ok {
	margin:20px
}
div#answer div p.ok span {
	text-transform:uppercase;
	font-size:18px;
	padding:5px 40px;
	border:1px solid gray;
	border-radius:10px;
	font-weight:bold;
	background-color:#aaa
}

div#show {background:rgba(0, 0, 0, 0.7); width:100%; position:fixed; top:0px; left:0px; z-index:20}
div#show div.panel {width:50%; background:#cacaca; position:absolute; top:25%; left:25%; border:#333 10px solid; border-radius:15px}
div#show div.close {width:30px; height:30px; position:absolute; top:25%; right:25%; border-radius:30px; border:black 5px solid; font-size:38px; font-weight:bolder; text-align:center; line-height:30px; cursor:pointer; margin:-15px -35px 0px 0px; background:white}
div#show div.close span {-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display:block}

div#main div#logotype {
	width:25px;
	height:25px;
	background:url(../images/logotype.png) no-repeat top right;
	position:absolute;
	bottom: 10px;
	right: 10px;
}
div#main div#logotype a {
	width:25px;
	height:25px;
	display:block;
}
div#main div#info {
	width: 26px;
	height:26px;
	background:url(../images/info.png) no-repeat top left;
	position:absolute;
	bottom: 10px;
	right:50%;
	margin-right:-13px;
	z-index:30;
	cursor:help;
}
div#main div#info img {
	width: 26px;
	height:26px;
}
div#main div#infoPanel {
	width:436px;
	height:105px;
	background:url(../images/info-panel.png) no-repeat top left;
	position:absolute;
	bottom: 40px;
	right:50%;
	margin-right:-218px;
}
div#main div#infoPanel p {
	font-family:Tahoma, sans-serif;
	color:black;
	font-size:13px;
	text-align:center;
	width:380px;
	height:95px;
	padding:15px 20px;
	line-height:normal;
}
div#main div#shareBlock {
	height:32px;
	width:150px;
	position: absolute;
	bottom:10px;
	left:10px;
	text-align:center;
}
div#main div#shareBlock a {
	display:inline-block;
	width:32px;
	height:32px;
	overflow:hidden;
}
div#main div#shareBlock a#facebook {
	background:url(../images/facebook.png) top left no-repeat;
}
div#main div#shareBlock a#twitter {
	background:url(../images/twitter.png) top left no-repeat;
}
div#main div#shareBlock a#vkontakte {
	background:url(../images/vkontakte.png) top left no-repeat;
}/*PNG fix*/
img, div {
	behavior: url(../iepngfix.htc)
}