@charset "utf-8";
html{ font-size:100%; }
* {padding:0; margin:0; border:none;}
body {font-family:Tahoma, sans-serif; font-size: 0.625em; background-color: black; color: white}
a {text-decoration: none; color: #666;}
a:hover {text-decoration: underline;}



#main {
	min-width: 98em;
}
.about {
	background: url('img/bg_about.jpg') top left no-repeat;
}
.rules {
	background: url('img/bg_rules.jpg') top left no-repeat;
}
.pers {
	background: url('img/bg_pers.jpg') top left no-repeat;
}

.card {
	clear: both;
	overflow: hidden;
	margin-top: 1.5em;
	color: #c4c4c4;
	font-size: 1.15em;
	line-height: 1.9em;
}
.card img {
	width: 126px;
	height: 173px;
	float: left; margin: 0.3em 1.5em 0em 0em;
}
.card b {
	display: block;
	color: #9e9e9f;
	margin-bottom: 5px;
}

#logo {
	position: relative;
	top: 6em;
	left: 60em;
}

/* MENU */
#menu {
	width: 48em;
	position: relative;
	top: 9em;
	left: 50em;
	overflow: hidden;
}
#menu div {
	float: left;
	width: 16em;
}
#menu a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
#menu .img {
	height: 15.2em;
}
#menu #a .img, #menu #b .img, #menu #c .img {
	position: relative;
}
#menu #a .img {
	top: 3.8em;
}
#menu #b .img {
	top: 1.4em;
	left: 1em;
}
#menu #c .img {
	top: 2.8em;
	left: 1em;
}
#menu #a #active {
	color: #5f7956;
}
#menu #b #active {
	color: #a18b3b;
}
#menu #c #active {
	color: #771c44;
}

/* CONTENT */
#content {
	width: 87em;
	margin: 15em 0em 0em 12em;
}
#content h1 {
	font-size: 1.15em;
	margin-bottom: 2em;
	color: #b4b4b4;
}
#content p {
	font-size: 1.15em;
	line-height: 1.9em;
	color: #b4b4b4;
}
#content a {
	color: #666;
}

.rules h1, .rules span, .rules h2, .rules .link {
	color: #a18b3b!important;
}
.rules .link {
	text-decoration: underline;
}
.rules h2 {
	font-size: 1.15em;
	margin-bottom: 0.5em;
}
.rules p {
	margin: 1em 0em 2em 0em;
}

/* FOOTER */
#footer {
	border-top: 1px #60605f solid;
	margin-top: 6em;
	overflow: hidden;
}

#footer ul {
	margin: 1em 0em 2em 0em;
    float: left;
}
#footer li {
	display: inline;
}
#footer li a {
	color: #60605f;
	font-weight: bold;
	font-size: 1.1em;
	margin: 1em 1.7em 2em 0em;
}
#footer #copyright {
	float: right;
	margin: 0.5em 1em 2em 0em;
	color: #60605f;
}
#footer #copyright a {
	color: #60605f;
}


/* FIX PNG */
#logo img {
	width: 397px;
	height: 198px;
}
#menu #a .img img {
	width: 96px;
	height: 121px;
}
#menu #b .img img {
	width: 92px;
	height: 148px;
}
#menu #c .img img {
	width: 122px;
	height: 134px;
}

/* ORDER */
#order {
	position: absolute;
	top: 20em;
	left: 30em;

	width: 38em;

	border: 1px dashed #555;
	padding: 1em 1em 0em 1em;

	color: #B4B4B4;
	background: #040000;
}

#order #head a {
	float: right;
	color: #FFF;
	font-size: 1.2em;
}

#order #head h2 {
	float: left;
	width: 80%;
	color: #EEE;
}
#order form {
	clear: both;
	padding: 10px 0px;
	font-size: 1.3em;
}
#order #price {
	display: block;
	clear: both;
	margin: 10px 0px;
	padding: 3px 0px;
}
#order #price p {
	float: left;
}
#order #price b {
	float: right;
	position: relative;
	top: -2px;
}
#order #price2 {
	width: 100%;
	margin: 10px 0px;
}
#order #price2 p {
	float: left;
}
#order #price2 b {
	float: right;
	position: relative;
	top: -2px;
}
#order textarea {
	width: 100%;
	margin: 0.5em 0em;
	background: #DDD;
}
#order #but {
	text-align: center;
	clear: both;
}
#order input {
	padding: 3px;
	margin: 4px;
	background: #DDD;
}
#order select {
	background: #DDD;
}



#sended {
	position: absolute;
	top: 20em;
	left: 30em;

	width: 38em;

	border: 1px dashed #555;
	padding: 1em 1em 0em 1em;

	color: #B4B4B4;
	background: #040000;
}
#sended #head a {
	float: right;
	color: #FFF;
	font-size: 1.2em;
}

#sended #head h2 {
	float: left;
	width: 80%;
	color: #EEE;
}



#delivery, #payment {
	position: absolute;
	top: 20em;
	left: 60em;

	width: 38em;

	border: 1px dashed #555;
	padding: 1em 1em 0em 1em;

	color: #B4B4B4;
	background: #040000;
}
#delivery #head a, #payment #head a {
	float: right;
	color: #FFF;
	font-size: 1.2em;
}

#delivery #head h2, #payment #head h2 {
	float: left;
	width: 80%;
	color: #EEE;
}

#delivery h3, #payment h3 {
	clear: both;
	font-size: 12px;
	color: #eee;
	margin: 10px 0px 5px 0px;
}

#delivery p, #payment p {
	margin: 3px 0px;
}