﻿@charset "utf-8";

/*  Created by: makexhtml.ru   */

/* <reset> */
html,body,div,span,applet,object,iframe,p,blockquote,a,abbr,acronym,address,big,img,ins,kbd,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* </reset> */

/*  <general>  */
* {
	margin:0;
	padding:0;
}
html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
	background:#fff;
	color:#000;
	font:12px Tahoma, Helvetica, Arial, Verdana;
}
body {
	behavior:url("js/csshover.htc");
}
/*  </general>  */

/*  <scheme>  */
.scheme {
	width:880px;
	height:400px;
	background:url(images/bg.png) no-repeat;
	position:relative;
}
	.scheme ul {
		width:880px;
		height:400px;
		list-style:none;
		position:absolute;
		top:0;
		left:0;
	}
		.scheme li {
			position:absolute;
		}
	.machine {
		width:33px;
		height:63px;
	}
		.machine a {
			width:33px;
			height:63px;
			background:url(images/dot.gif);
			display:block;
		}
		.machine:hover {
			cursor:pointer;
		}
		.machine:hover .scheme_code {
			cursor:text;
			visibility:visible;
		}
		.machine:hover .scheme_code_side {
			cursor:text;
			visibility:visible;
		}
		.scheme_code {
			position:absolute;
			left:50%;
			width:118px;
			height:40px;
			color:#fff;
			font:12px Tahoma, Helvetica, Verdana, Arial !important;
			text-align:center;
			margin-left:-59px;
			visibility:hidden;
		}
		.scheme_code_side {
			position:absolute;
			left:50%;
			width:120px;
			height:41px;
			color:#fff;
			font:12px Tahoma, Helvetica, Verdana, Arial !important;
			text-align:center;
			margin-left:-90px;
			visibility:hidden;
		}
		.scheme_up {
			background:url(images/cloud_up.png) no-repeat;
			line-height:50px !important;
		}
		.scheme_bot {
			background:url(images/cloud_bot.png) no-repeat;
			line-height:30px !important;
		}
		.scheme_up_side {
			background:url(images/cloud_up_side.png) no-repeat;
			line-height:50px !important;
		}
		.scheme_bot_side {
			background:url(images/cloud_bot_side.png) no-repeat;
			line-height:30px !important;
		}
		.m57 .scheme_code, .m59 .scheme_code, .m49 .scheme_code, .m67 .scheme_code, .m71 .scheme_code, .m56 .scheme_code, .m63 .scheme_code, .m53 .scheme_code, .m5 .scheme_code, .m33  .scheme_code, .m30 .scheme_code, .m29 .scheme_code, .m35 .scheme_code, .m45 .scheme_code, .m34 .scheme_code, .m26 .scheme_code {
			bottom:-40px;
		}
		.m44 .scheme_code, .m46 .scheme_code, .m43 .scheme_code, .m42 .scheme_code, .m61 .scheme_code, .m66 .scheme_code, .m55 .scheme_code, .m69 .scheme_code, .m64 .scheme_code, .m65 .scheme_code, .m68 .scheme_code, .m70 .scheme_code, .m83 .scheme_code, .m81 .scheme_code, .m80 .scheme_code, .m41 .scheme_code, .m73 .scheme_code, .m37 .scheme_code, .m38 .scheme_code, .m48 .scheme_code, .m40 .scheme_code, .m58 .scheme_code, .m62 .scheme_code, .m47 .scheme_code, .m54 .scheme_code, .m72 .scheme_code, .m60 .scheme_code, .m50 .scheme_code, .m51 .scheme_code, .m52 .scheme_code {
			top:-40px;
		}
		.m31 .scheme_code_side, .m1 .scheme_code_side, .m96 .scheme_code_side, .m32 .scheme_code_side, .m27 .scheme_code_side {
			bottom:-41px;
		}
		.m92 .scheme_code_side, .m91 .scheme_code_side, .m85 .scheme_code_side {
			top:-41px;
		}
/*  <scheme>  */

/*  <machine>  */
.m57 {
	top:10px;
	left:118px;
}
.m59 {
	top:10px;
	left:151px;
}
.m49 {
	top:10px;
	left:185px;
}
.m67 {
	top:10px;
	left:219px;
}
.m71 {
	top:10px;
	left:254px;
}
.m56 {
	top:10px;
	left:288px;
}
.m63 {
	top:10px;
	left:321px;
}
.m53 {
	top:10px;
	left:356px;
}
.m5 {
	top:10px;
	left:737px;
}
.m33 {
	top:10px;
	left:467px;
}
.m30 {
	top:10px;
	left:501px;
}
.m29 {
	top:10px;
	left:537px;
}
.m35 {
	top:10px;
	left:573px;
}
.m45 {
	top:10px;
	left:634px;
}
.m34 {
	top:10px;
	left:670px;
}
.m26 {
	top:10px;
	left:704px;
}
.m31 {
	top:17px;
	right:3px;
}
.m1 {
	top:51px;
	right:3px;
}
.m96 {
	top:85px;
	right:3px;
}
.m32 {
	top:129px;
	right:3px;
}
.m27 {
	top:163px;
	right:3px;
}
.m92 {
	top:279px;
	right:3px;
}
.m91 {
	top:312px;
	right:3px;
}
.m85 {
	top:345px;
	right:3px;
}
.m83 {
	bottom:13px;
	right:83px;
}
.m81 {
	bottom:13px;
	right:117px;
}
.m80 {
	bottom:13px;
	right:151px;
}
.m41 {
	bottom:12px;
	right:207px;
}
.m73 {
	bottom:12px;
	right:241px;
}
.m37 {
	bottom:12px;
	right:276px;
}
.m38 {
	bottom:12px;
	right:310px;
}
.m40 {
	bottom:12px;
	right:347px;
}
.m58 {
	bottom:10px;
	right:484px;
}
.m62 {
	bottom:10px;
	right:518px;
}
.m47 {
	bottom:10px;
	right:552px;
}
.m54 {
	bottom:10px;
	right:587px;
}
.m72 {
	bottom:10px;
	right:620px;
}
.m60 {
	bottom:10px;
	right:654px;
}
.m50 {
	bottom:10px;
	right:688px;
}
.m51 {
	bottom:10px;
	right:722px;
}
.m52 {
	bottom:10px;
	right:755px;
}
.m48 {
	bottom:10px;
	right:790px;
}
.m44 {
	top:202px;
	left:548px;
}
.m43 {
	top:202px;
	left:479px;
}
.m66 {
	top:202px;
	left:327px;
}
.m55 {
	top:202px;
	left:256px;
}
.m64 {
	top:202px;
	left:141px;
}
.m70 {
	top:202px;
	left:72px;
}
.m68 {
	top:237px;
	left:72px;
}
.m65 {
	top:237px;
	left:141px;
}
.m69 {
	top:237px;
	left:257px;
}
.m61 {
	top:237px;
	left:327px;
}
.m42 {
	top:237px;
	left:479px;
}
.m46 {
	top:237px;
	left:549px;
}
/*  </machine>  */

/*  <side machine>  */
.m31, .m1, .m32, .m27, .m92, .m91, .m85, .m46, .m44, .m42, .m43, .m61, .m66, .m55, .m69, .m65, .m64, .m68, .m70, .m96 {
	width:65px !important;
	height:34px !important;
}
/*  </side machine>  */

/*  <window>  */
#mask {
	position:absolute;
	top:0;
	left:0;
	z-index:9000;
	display:none;
	background:#000;
}
.window {
	position:absolute;
	top:5px;
	left:50%;
	width:460px;
	height:356px;
	background:rgba(21,94,26,0.9);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5155E1A,endColorstr=#E5155E1A)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5155E1A,endColorstr=#E5155E1A);
	border:1px solid #a3c552;
	padding:15px;
	margin-left:-245px;
	display:none;
	z-index:9999;
	zoom:1;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000;
	behavior:url("js/for_ie.htc");
}
	.win_pic {
		float:left;
		border:1px solid #a3c552;
	}
	.winner {
		float:right;
		width:216px;
		height:134px;
		background:url(images/winner_bg.png) no-repeat;
	}
		.win_title {
			color:#ccff00;
			font:32px Arial, Verdana, Tahoma, Helvetica;
			text-align:center;
		}
		.win_this {
			color:#ccff00;
			font:20px Arial, Verdana, Tahoma, Helvetica;
			text-align:center;
			padding-bottom:4px;
		}
		.win_date {
			color:#fff;
			font:13px Verdana, Arial, Tahoma, Helvetica;
			text-align:center;
		}
		.win_summ {
			color:#ffa200;
			font:bold 36px Arial, Verdana, Tahoma, Helvetica;
			text-align:center;
		}
			.win_summ span {
				color:#fff;
				font-size:14px;
				font-weight:normal;
			}
	.win_history {
		float:right;
		width:216px;
		color:#ccff00;
		font:10px Verdana, Arial, Tahoma, Helvetica;
		padding:9px 0 2px 0;
	}
	.history {
		float:right;
		width:198px;
		height:186px;
		color:#fff;
		font:12px Arial, Verdana, Tahoma, Helvetica;
		border:1px solid #a3c552;
		padding:5px 8px;
	}
		.history p {
			padding:3px 0;
		}
/*  <window>  */

/*  Created by: makexhtml.ru   */