@charset "utf-8";/* CSS Document */
body {line-height:0}
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;
	line-height:1
}
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:130px;
	height:50px;
	background:url(../images/ae.png) no-repeat bottom center;
	position:absolute;
	bottom: 10px;
	right: 10px;
}
div#main div#logotype a {
	width:130px;
	height:50px;
	display:block;
}
div#main div#logotype p {font-family:Tahoma, sans-serif; color:black; font-size:13px; text-align:center;}

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

div#excelsior {width:50%; background:url(../images/background.jpg); position:absolute; top:15%; left:25%; border:gray 7px solid; border-radius:15px; font-family:Tahoma, sans-serif; box-shadow: 5px 5px 10px gray;}
div#excelsior p.advert {text-align:right; padding:5px; color: gray; font-size:10px}
div#excelsior div.photos {width:100%; height:175px}
div#excelsior div.photos img {width:30%; float:left; margin:5px; border: 3px solid #39413d; box-shadow:0px 0px 8px gray}
div#excelsior h4 {text-align: center; font-size: 1.35em; font-weight: unset; padding: 5px 5px 10px;}
div#excelsior p.lead {padding:5px 10px; text-align:center; font-size:0.8em;}
div#excelsior p.links {padding:30px 15px; height: 50px}
div#excelsior p.links a {border:2px solid #215d99; padding:15px; color:white; background-color:#2376b3; border-radius: 10px; text-decoration:none; width: 40%; display: block; text-align: center; float: left;}
div#excelsior p.links span {display: block; float: right; padding: 15px; border: 2px solid #7e7e7e; border-radius: 10px; background-color: #b0b0b0; color: white; cursor:pointer; text-align:center}


div#smoke {position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../images/sebg.png);}
div#smoke img {position:absolute; top:50%; left:50%; margin-top:-225px; margin-left:-425px}

div#VKlink {width:200px; height:90px; position:absolute; bottom:10px; right:10px;}

@media (max-width: 960px) {
div#excelsior {width:80%; left:10%};
}

@media (max-width: 620px) {
div#excelsior p.links a, div#excelsior p.links span {float:none; width:90%; margin-bottom:10px}
div#excelsior p.links {height: 100px}
div#excelsior div.photos img {width:45%}
div#excelsior div.photos img:nth-last-child(1) {display:none}
}

@media (max-width: 420px) {
div#excelsior div.photos img:nth-last-child(2) {display:none}
div#excelsior div.photos img {width:95%}	
}

/*PNG fix*/
img, div {
	behavior: url(../iepngfix.htc)
}