html, body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	font: 12px Tahoma;
	color: #BEE1FD;
}

html{background: url("/img/content_bg.gif") 50% 27px;}
body{
    position:relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	background: url("/img/bg_up.jpg") 50% 0 no-repeat;
	}

input,textarea {
	margin: 10px auto 0px;
}
textarea {margin-bottom: 5px;}

a {color: #B2D4ED; text-decoration: underline;}
a:hover {text-decoration: none;}

#box {
	position: relative;
	margin: 0 auto;
	max-width: 1600px;/*METKA*/
		width:expression(document.body.clientWidth > 1600? "1600px":"auto" );
	min-width: 700px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#rest {
	position: absolute;
	width: 100%;
	height: 56px;
	top: 419px;
	left: 0;
	background: white;
}
#content {
	position: relative;
	top: 0;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url("/img/logo_bg_up.gif") 50% 475px repeat-x;
}

	#head {
		position: relative;
		width: 100%;
		height: 419px;
		background: url("/img/logo_bg.jpg") 50% 0 no-repeat;
	}
		
		#menu_up {
			position: absolute;
			left: 50px;
			border-top: 3px solid #EAFBFF;
			width: 160px;
			height: 45px;
			padding-top: 25px;
			padding-left: 30px;
			background: white;
		}
			#menu_up a{
				display: block;
				float: left;
				width: 14px;
				height: 19px;
			}
				#mu1 { 
					margin-right: 2px;
					padding-right: 18px;
					background: url("/img/icons.gif") 0 5px no-repeat;
				}
				#mu2 {
					padding: 0 20px;
					border-left: 1px dotted black;
					border-right: 1px dotted black;
					background: url("/img/icons.gif") 7px -10px no-repeat;
				}
				#mu3 {
					margin-left: 2px;
					padding-left: 18px;
					background: url("/img/icons.gif") -14px -28px no-repeat;
				}
				
			#logo {
				position: absolute;
				top: 140px;
				left: 50px;
				width: 362px;
				height: 78px;
				background: url("/img/logo.png") no-repeat;
			}
			
			#tel1 {
				position: absolute;
				top: 43px;
				right: 35px;
				padding-left: 40px;
				width: 160px;
				height: 80px;
				background: url("/img/phone1.gif") no-repeat;
			}

			#tel2 {
				position: absolute;
				left: 66px;
				bottom: 50px;
				padding-left: 30px;
				width: 190px;
				height: 80px;
				background: url("/img/phone2.gif") no-repeat;
			}
				.note {font: bold 14px "Myriad Pro"; color: #D80000; line-height: 1.5;}
				.num {font: 22px "ITC Garamond"; line-height: 1;}
				.number1 {color: #079AB9;}
				.number2 {color: white;}
		
	#menu {
		height: 56px;
		background: white;
	}
		
		#s_menu {
			width: 784px;
			height: 100%;
			margin: 0 auto;
		}
		
		#s_menu img{
			margin-right: 10px;
		}

	#ct {
		padding-bottom: 70px;
		margin: 10px 10px 0;
		background: url("/img/content_bg_r.png") 35% 0 no-repeat;
	}
	.osno {
		position: relative;
		max-width: 1024px;/*METKA*/
			width:expression(document.body.clientWidth > 1024? "1024px":"auto" );
		margin: 0 auto;
	}
	
		#osn {
			min-width: 100px;
			padding-top: 35px;
			margin-left: 42%;
			margin-right: 5%;
			
		}
			#osn h1 {font: 20px Impact; color: white;}

	#footer{
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 35px;
		}
		
		#gg{
			position: relative;
			max-width: 1024px;
			margin: 0 auto;
				width:expression(document.body.clientWidth > 1024? "1024px":"auto" );
		}
	
		#copy1 {
			position: absolute;
			top: 0px;
			left: 10px;
			line-height: 1.8;
		}
		
		#copy2{
			position: absolute;
			top: 2px;
			right: 35px;
		}
		
		#text_menu {
			position: relative;
			top: 0;
			margin-left: 300px;
			margin-right: 200px;
			color: white;
			font-size: 10px;
		}
			#text_menu a{color: white; text-decoration: none;}
			#text_menu a:hover{text-decoration: underline;}
		
/*====*/
.r_box {
	position: relative;
	width: 300px;
	color: black;
	float: left;
	overflow: auto;
	font: 10px Tahoma;
}
	.r_box h2 {font: 20px Impact; color: #0091CA; margin: 0;}
	.r_box h3 {font: bold 12px Tahoma; margin: 6px 0;}
	.r_box p {margin: 2px; margin-bottom: 25px;}
	.r_box a{color: #0092CD; line-height: 2;}
	.r_box a:hover{text-decoration: none;}
	.r_up, .r_ul, .r_ur, .r_down, .r_dl, .r_dr{position: absolute; font-size: 1px;}
	.r_up, .r_down {position: relative; height: 2px; margin: 0 2px; background: white;}
	.r_ul, .r_ur, .r_dl, .r_dr {width: 2px; height: 2px;}
	
	.r_ul {top: 0; left: 0; background: url("/img/ul.png");}
	.r_ur {top: 0; right: 0; background: url("/img/ur.png");}
	.r_dl {bottom: 0; left: 0; background: url("/img/dl.png");}
	.r_dr {bottom: 0; right: 0; background: url("/img/dr.png");}
	
	.r_cont{top:2px; width: 100%; background: white;}
		.r_cont1{padding: 10px;}
	
.clear {clear: both;}
.textcont { color: #333333; }