/* INIT */

body, head, a, img{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;}
body {background: repeat url(pattern.png) top center; position: relative; background-color: white;font-family: Arial, Helvetica, sans-serif;color: #7B7870;font-size: 11px; }		
img {border: none;}


/* STYLES */
.kop {
	height: 256px;
	width: 366px;
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
	top: 50%;
	margin-top: -128px;
	position: absolute;
}

#order_bg {
	background-image: url(order_bg.png);
	left: 126px;
	z-index: 2;
}
#order_bg:hover {
	background-position: 0px -255px;
}
#order_en {
	background-image: url(order_en.png);
	left: 446px;
	z-index: 3;
}
#order_en:hover {
	background-position: 0px -259px;
}

.button {
	overflow: hidden;
	text-indent: -1000px;
	display: block;
	text-decoration: none;
	float: left;
	cursor: pointer;
}
a {
	text-decoration: none;
}
.open {
	display: block !important;
}

.bg {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
.a {
	position: absolute;
}
.p18 {
	font-size: 18px;
}
.p14 {
	font-size: 14px;
}
.p12 {
	font-size: 12px;
}
.p11 {
	font-size: 11px;
}
.p10 {
	font-size: 10px;
}
.p8 {
	font-size: 8px;
}
.b {
	font-weight: bold;
}
.c_teal {
	color: #4CA6AE;
}
.c_green , .cs.ac{
	color: #4D8E26;
}
.c_darker {
	color: #5B5B5B;
}
.c_blue {
	color: #6577A5;
}
.c_red {
	color: #B9581E;
}
.c_aqua {
	color: #1E95A0;
}
.c_rust {
	color: #8A7E68;
}
.t_r {
	text-align: right;
}

.but {
	overflow: hidden;
	text-indent: -1000px;
	display: block;
	border: 0px solid;	
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer
}
.but:hover {
	background-position: 0px -100px;
}
.but.tl {
	text-indent: 0px;
	padding-left: 25px;
}
.but.tr {
	text-indent: 0px;
	padding-right: 30px;
	background-position: top right;
}
.but.tr:hover {
	background-position: bottom right;
}
.kopche {
	overflow: hidden;
	text-indent: -1000px;
	display: block;
	text-decoration: none;
	float: left;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: top left;
}
.kopche:hover {
	background-position: bottom left;
}

input,textarea {
	color: #999188;
	text-align: center;
	font-size: inherit;
	font-family: inherit;
	margin: 0;
	border: 0px solid;
	background-color: transparent;
	resize: none;
}
input:hover,textarea:hover,input:active,textarea:active,input:focus,textarea:focus {
	color: #746B61;
}
input {
	width: 228px;
	height: 29px;
	background: top left no-repeat url(send_input.png);
}
input.pf_error {
	color: #DC3030;
	background-color: #F2D8D8;
}
textarea {
	width: 248px;
	height: 153px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin: 20px;
}
a:hover {
	color: #839AA4 !important;
}

/* REPEATING ELEMENTS */

.menu {
	overflow: hidden;
	background-image: url(h_menu.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 35px;
	height: 29px;
	text-indent: -1000px;
	cursor: pointer;
	margin-right: 18px;
}
.cs {
	color: #B9B3AB;
	cursor: pointer;
}
.cs:hover {
	color: #73716E;
}
.alt {
	overflow: hidden;
	text-indent: -10000px;
}




/* MAIN ELEMENTS */
iframe {
	z-index: 1;
	position: absolute;
	top: 660px;
	left: 162px;
}
#main {
	width: 960px;
	height: 1200px;
	position: relative;
	margin: 0px auto;
	text-align: left;
	background: url(pic.2.png) top center no-repeat;
}
#footer {
	position: absolute;
	width: 520px;
	height: 20px;
	top: 1120px;
	left: 117px;
	color: #B8B6B1;
	background: top left no-repeat url(copyright_button.png);
	overflow: hidden;
	text-indent: -1000px;
}
#curtain {
	width: 100%;
	height: 100%;
	z-index: 3;
	display: none;
	position: absolute;
	background-color: #000000;
	top: 0px;
	left: 0px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
/*
#popup {
	width: 848px;
	height: 327px;
	z-index: 4;
	display: none;
	position: fixed;
	background: url(popup.png) center center no-repeat;
	top: 50%;
	left: 50%;
	margin-top: -163px;
	margin-left: -424px;
}
*/

.footer {
display: block;
text-indent: -1000px;
overflow: hidden;
background: top center no-repeat;
width: 520px;
height: 22px;
left: 50%;
margin-left: -260px;
}
.footer:hover {
background-position: bottom center;
}
#popup {
	width: 100%;
	height: 327px;
	z-index: 4;
	position: absolute;
	top: 292px;
	left: 0px;
	overflow: hidden;
}

#popup_back {
	position: absolute;
	width: 118px;
	height: 101px;
	background: url(back_button2.png) top left no-repeat;
	cursor: pointer;
	top: 50%;
	left: 0px;
	margin-top: -50px;
}
.bul > #popup_back {
	height: 100px;
	background-image: url(back_button_BG.png);
}
#popup_back:hover {
	background-position: bottom left;
}

/* SMALL ELEMENTS */

#old {
	position: absolute;
	top: 5px;
	right: 5px;
	background-image: url(2012.png);
	width: 308px;
	height: 26px;
}
#form {
	left: 347px;
	top: 41px;
	position: absolute;
	width: 228px;
}
#form > input {
	width: 100%;
	display: block;
	margin-bottom: 13px;
}
#top {
	position: fixed;
	top: 200px;
	right: 0px;
	display: none;
	width: 31px;
	height: 33px;
	background: top left no-repeat url(top.png);
}
#top:hover {
	background-position: bottom left;
}
#popup_close {
	position: absolute;
	width: 27px;
	height: 27px;
	background: url(popup_close.png) 8px 0px no-repeat;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 6;
}
#popup_close:hover {
	background-position: -26px 0px;
}
#popup_content {
	width: 828px;
	height: 307px;
	overflow:hidden;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	text-align: left;
}
#popup_slide {
	width: 100%;
	height: 100%;
	overflow:hidden;
	position: relative;
	left: 0px;
}
#popup_slide > div {
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
}
#popup_slide > div > div {
	width: 960px;
	height: 327px;
	position: relative;
	overflow:hidden;
	margin: 0px auto;
	text-align: left;
}
#footer > div.f1 {
	color: #839AA4;
	font-size: 12px;
	margin-top: 100px;
}