/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF url(images/bg_tail.png) repeat-x top center;
	text-align:left;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea, select
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:14px;
		line-height:18px;
		color:#666;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#87A7AB; outline:none;}
a:hover{text-decoration:none;}

h1 {
	font-size:55px; 
	color:#b9b9b9; 
	letter-spacing:-1px;
	font-weight:normal;
	}
h2 {
	font-size:26px; 
	color:#42454c; 
	font-weight:normal;
	padding:4px 0 16px;
	letter-spacing:-1px;
	}
h2 span {color:#a0cd10;}
h3 {
	font-size:14px; 
	color:#42454c;
	line-height:18px;
	padding:0 0 12px;}
h4 {
	font-size:14px; 
	color:#42454c;
	line-height:18px;}
/* ============================= main layout ======================*/ 
.bg_content {background:url(images/bg_image.jpg) no-repeat 1018px bottom;}
li {color:#101319; font-size:16px; line-height:30px;}
li a {text-decoration:underline;color:#101319;}

.imgindent {margin:0 20px 0 0; float:left;}
.fright {text-align:right;}
/* ============================= header ====================== */
#header a {text-decoration:none;}
#header .col1 h1 {
	font-size:63px; 
	line-height:1.2em;
	text-transform:uppercase;
	margin-top:-42px;}
#header .col1 h3 {
	font-size:50px;
	line-height:1.2em;}
#header .col1 a {color:#fff;}
#header p { 
	color:#a0cd10; 
	font-size:28px; 
	line-height:37px;
	padding-top:16px;
}

.menu {
	padding:26px 0 85px;
	height:26px;
	background:url(images/bg_menu.gif) repeat-x 0 47px; 
	overflow:hidden;
}
.menu li {
	float:left; 
	width:115px; 
	text-align:center;
	padding:0;
	margin-right:22px;line-height:1.4em;
}
.menu li.last {margin:0;}
.menu a {color:#dfdfdf; font-size:16px;}
.menu a:hover {color:#a0cd10;}
.menu .active {border-bottom:4px solid #a0cd10;}
/* ============================= content ====================== */
#content {padding:0 0 50px;}
.link {
	margin-top:20px;
	padding:7px 0 0;}
.link a {color:#a0cd10; font-weight:bold; font-size:12px;}

.col1 li {font-size:16px; line-height:30px;
	padding:0;}
.col1 li a {
	color:#101319;
	text-decoration:none;}
.col1 li a:hover {color:#a0cd10;}
.col1 li a.active {text-decoration:underline; color:#101319;}

.formen {width:360px; position:relative; padding:8px 0 0;}
.gallery {width:331px; border:3px solid #a9a790;}
.karta {width:350px; border:3px solid #a9a790;}
#page4 .gallery {width:705px;}
.gallery a img {border:3px solid #d5d8dd;}
.nav {
	position:absolute;
	top:84px;
	display:block;
	width:25px;
	height:25px;
	text-decoration:none;}
#page4 .nav  {top:155px;}
.prev {
	background:url(images/btn_prev.png) no-repeat top center;
	left:0;
	}
.next {
	background:url(images/btn_next.png) no-repeat top center;
	right:0;
	}
.nav:hover {background-position:bottom;}
.numbers {padding:7px 11px 0 0; margin-left:12px; overflow:hidden; text-align:center;}
#page4 .numbers {padding-top:16px;}
.numbers a {
	display:inline-block; 
	height:20px; 
	width:23px; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#101319;
	background:#f0f0f1;
	margin-right:1px;
	text-decoration:none;
	padding:3px 0 0;
	}
.numbers a:hover {background:#a0cd10;}
.numbers a.active {background:#a0cd10; color:#fff;}
.row1 {overflow:hidden;}
.row2 {padding:25px 0 0; overflow:hidden;}
.row2 .col3 p {padding-left:25px;}

#page2 .col ul {width:150px;}
/*comment*/
.comment {background:url(images/comment_bg.gif) no-repeat top left; font-style:italic; padding:14px 0 0;}
.comment .fright {font-size:11px; color:#aeb1b8;line-height:12px; padding:10px 10px 0 0;}

#page1 .row2 .col3 {background-position:45px top;}
#page6 #content {width:896px;}
/*phone*/
.phone span {display:inline-block; width:98px; font-weight:normal;}
.phone a {color:#666;}

/* ============================= footer ====================== */
#footer {background:#101319; color:#646669; font-size:11px;}
#footer a {color:#646669; text-decoration:none;}
#footer span {text-transform:uppercase;}
#footer a:hover {color:#a0cd10;}
.footer {width:930px;margin:0 0 0 295px;}


/* ============================= forms ============================= */

label {height:27px; display:block;}
	#ContactForm {padding-top:7px;}
	input, textarea {
		width:200px;
		padding:0 5px;
		font-size:14px;
		color:#8c8c8c;
	}
	select {
		font-size:14px;
		color:#8c8c8c;
	}
	textarea {
		height:109px; overflow:auto; margin-bottom:-1px;}
	#ContactForm a {margin:0 3px 0 17px;}