* {font-size: 100.01%;}

html, body {height: 100%;}

body {
	margin: 0; 
	padding: 0;
	position: relative;
	background: #ffffff url(../img/body.gif) 1300px repeat-y;
	font: normal 0.95em/1.3em  arial, verdana, tahoma;
	color: #000000;
}

a {color: #156420;}
a:visited {color: #6e736d}
a:hover {color: #d93049;}
a:active {color: #d93049; text-decoration: underline;}

h1, .h1 {
	margin: 0 0 0.4em;
	font-size: 1.6em;
	line-height: 1.1em;
	font-weight: normal;
}

h2 {
	margin: 0 0 0.65em;
	font-size: 1em;
	font-weight: bold;
	color: #156420;
}

h3 {
	margin: 0 0 3em;
	font-size: 0.8em;
	font-weight: bold;
}

dl {margin: 0;}

p, dd, form {margin: 0 0 1.2em;}

ul, ol {
	margin: 0 0 1.2em 4em;
	padding: 0;
}

ul {list-style-type: none;}

li, dt {margin: 0 0 0.6em;}

table {
	border-collapse: collapse;
	border: none;
}

th, td {
	padding: 0;
	vertical-align: top; 
}

img {border: 0 solid #3d8725;}
	
input, select, button, textarea {
	font-family: georgia, verdana, arial;
	color: #6e736d;
}	

sup, sub, small {font-size: 70%;}

/*--------------------*/

.png {
	_background-image: none ! important;
	behavior: url(images/png.htc);
}

.click {
	cursor: pointer;
	cursor: hand;
}

.clear {
	height: 0;
	clear: both;
 	overflow: hidden;
 	font-size: 0;
}

.none {display: none;}

.nowrap {white-space: nowrap;}

a.in {color: #d93049;}
a.in:visited {color: #6e736d;}
a.in:hover {color: #156420;}
a.in:active {color: #156420;}

/*--------------------*/

#measurer {
	width: 100%; 
	height: 0;
	position: absolute; 
	visibility: hidden;
}

#container {
	min-width: 1000px;	
	width: 100%;
	_width: expression(document.getElementById('measurer').clientWidth > 1300 ? '1300px' : document.getElementById('measurer').clientWidth < 1000 ? '1000px' : '100%');
	max-width: 1300px;
	min-height: 100%;
	-height: 100%;
	position: relative;	
}

#index #container {background: url(../img/index.gif) 100% repeat-y;}

#foot {background: url(../img/line.gif) 0 3px repeat-x;} 
 
#foot_2 {padding: 2em 0;}
 
#index #foot_2 {background: url(../img/plan_line.gif) 100% -7px no-repeat;} 

.rama {margin: 0 30px;}

.bg {
	margin-top: -12px;
	min-height: 250px; 
	-height: 250px;
	position: relative;
	background: url(../img/bg.gif) 0 100% repeat-x;
}

#index .bg {
	margin-top: 0;
	background-color: #ffffff;
}

.content {
	padding-bottom: 2.5em;
	width: 100%;
	clear: both;
}

.content img {border-width: 0px;}
 
/*--------------------*/

#copir {
	width: 100%;
	font-size: 0.8em;
	position: relative;
}

#copir span {white-space: nowrap;}

#copir div {
	position: absolute;
	right: 0;
	top: 0;
}

#copir #miel {
	background: url(../img/logo_miel.jpg) no-repeat;
	position: absolute;
	left: 300px;
	top: 0;	
	height: 75px;
	padding-left:200px;
}

#miel span {font-weight:bold;}


/*--------------------*/

#header {
	padding: 0 0 40px 331px;
	//height: 1%;
	position: relative;
	background: url(../img/header.gif) 0 100% repeat-x;
}

#header_ {
	width: 299px;
	height: 71px;
	position: absolute;
	left: 0;
	bottom: -1px;
	-bottom: expression(parentNode.offsetHeight % 2 ? '-2px' : '-1px');
	background: url(../img/header_.gif) 0 0 no-repeat;
}

#logo {
	position: absolute;
	left: 0;
	top: 20px;
}
#topheader {
	height: 200px;
	background: #000000 url(../img/topheader.jpg) 100% -20px no-repeat;
}
#forest {
	height: 200px;
	background: #000000 url(../img/forest.jpg) 100% -20px no-repeat;
}

#menu, #menu img {
	width: 100%;
	display: block;
}

#menu img, #menu ul, #menu ul li {height: 2em;}

#menu, #menu ul, #menu ul li, #menu ul li div {
	margin: 0;
	position: relative;	
}

#menu #shade {
	width: 10px;
	height: 2.3em;
	position: absolute;
	left: -10px;
	bottom: 0px;
	-bottom: expression(parentNode.offsetHeight % 2 ? '-1px' : 0);
}

#menu ul {
	margin-top: -2em;
	width: 100%;
	overflow: hidden;
}

#menu ul li {
	width: 20%;
	float: left;
	//clear: right;
	z-index: 1;
}

#menu ul li img {
	width: 15px;
	position: absolute;
	left: -2px;
	top: 0;
}

#menu ul li #on_images {
	width: 104%;
	left: 0;
	z-index: 1;
}

#menu ul li div {
	padding: 0.2em 0.2em 0;
	z-index: 2;
	text-align: center;
	white-space: nowrap;
	color: #ffffff;
}

#menu a, #menu a:visited {color: #ffffff; text-decoration: none;}
#menu a:hover, #menu a:active {text-decoration:underline;}

#menu #on {font-weight:bold;}

/*--------------------*/

#plan {
	width: 100%;
	min-height: 12px;
	-height: 12px;
	float: left;
	background: url(../img/plan.gif) 0 0 repeat-x;
}

#plan_1, #plan_2, #plan_3 {
	min-height: 280px;
	-height: 280px;
	background: url(../img/plan_2.gif) 100% 0 no-repeat;
	text-align: center;
}

#plan_2 {margin: 0 33%;}

#plan_1 {
	margin-left: -100%;
	width: 33%;
	float: left;
}

#plan_3 {
	margin-left: -33%;
	width: 33%;
	float: left;
	background-image: url(../img/plan_line.gif);
}

#index .content h2 {
	margin-bottom: 0.3em;
	padding-top: 1.1em;
	font-size: 1.6em;
	line-height: 1.1em;
}

#plan_2 div div {
	width: 189px;
	background: url('../img/temp_2.png');
	//background: none;
	//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/temp_2.png,sizingMethod=crop);	
}

#plan_1 div div {
	width: 294px;
	background: url('../img/temp_1.png');
	//background: none;
	//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/temp_1.png,sizingMethod=crop);	
}

#plan_3 div div {
	width: 262px;
	background: url('../img/temp_3.png');
	//background: none;
	//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/temp_3.png,sizingMethod=crop);	
}

#plan_1 div div, #plan_2 div div, #plan_3 div div {
	margin: 0 auto;
	height: 247px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#index .content p {
	margin-bottom: 2em;
	font-size: 1.05em;
	text-align: left;
}

/*--------------------*/

.line {
	margin-bottom: 1.7em;
	padding-top: 0.5em;
	clear: both;
	border-bottom: 1px solid #ffdf4c;
}

.main {
	width: 69%;
	float: left;
}

.navig {
	width: 27%;
	float: right;
	-clear: right;
}

.wrapper {
	width: 100%;
	float: left;
}

.main_wrapper  {margin-right: 305px;}

.navig_wrapper {
	margin-left: -265px;
	width: 265px;
	float: left;
	-clear: right;
}

/*--------------------*/

.home img {
	margin-right: 33px;
	float: left;
}

.home div {
	width: 60%;
	float: left;
	color: #000000;
}

.home div div {
	width: auto;
	float: none;
	color: #000000;
}

/*--------------------*/

#extra {
	margin-top: -1em;
	padding-bottom: 1.4em;
	position: relative;
	font-size: 1.6em;
	color: #156420;
	line-height: 1.4em;
}

#extra span {
	margin-right: 2em;
	white-space: nowrap;
}

#extra a, #extra a:visited {color: #8c8c8c;}
#extra a:hover, #extra a:active {color: #d93049;}

/*--------------------*/

.advert {
	margin-bottom: 1.2em;
	border: 1px solid #adadad;
	background: #ffffff;
}

.advert_2 {
	width: 100%;
	background: #f6f6f6 url(../img/advert.gif) 0 100% repeat-x;
}

.advert_3 {background: url(../img/advert_2.gif) 0 100% no-repeat;}

.advert_4 {padding: 1em 1.3em;}

.advert_3 .advert_4 {padding-bottom: 2em;}

.advert h3 {
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #19601e;
}

.advert img {border: none;}

.color_green {border-color: #3d8725;}

.color_green .advert_2 {
	background-color: #74ba5a;
	background-image: url(../img/advert-green.gif);
}

.color_green .advert_3 {background-image: url(../img/advert_2-green.gif);}

.color_green h3 {color: #fefefe;}

/*--------------------*/

.look {
	margin: -10px 10px 0 0;
	float: left;
	border: none;
	display: block;
}

.plan, .fasad  {width: 100%;}

.plan div, .fasad div {
	width: 45%;
	float: left;
	text-align: center;
	font-weight: bold;
	color: #156420; 
}

.plan_ {float: right ! important;}

.fasad div {width: 33%;}

.plan div img, .fasad div img {
	border-color: #f1f1f1;
	cursor: pointer;
	cursor: hand;
}

.plan div img {border: none;}

/*--------------------*/

.photo {width: 100%;}

.photo div {
	margin: 0 1.2em 2em 0;
	float: left;
	border: 8px solid #f1f1f1;
}

.photo div img {
	display: block;
	border: none;
	cursor: pointer;
	cursor: hand;	
}

/*--------- Petrovych nasral -----------*/
.big_photo {
	text-align:center;
}

.big_photo img {
}

.photos {padding:0 265px 0 265px; position:relative; min-height:730px; -height:730px;}
.photos div {position:absolute;}
.photos div.left {left:0px;}
.photos div.right {right:0px;}

#for_image {
	position: absolute;
	z-index: 100;
	left: 10px;
	top: 10px;
	background: #ffffff;
}

#for_image img {
	border: 1px solid #666;
	display: block;
	cursor: pointer;
	cursor: hand;	
}

#fon {
	display: none;
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	background: #000000;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=75);
	opacity:0.75;
	-moz-opacity:0.75;
}

/*--------------------*/

#gp {position: relative;}

#gp img {
	margin-bottom: 2em;
	display: block;
}

#gp blockquote {margin: 0;}

.gp {
	width: 0;
	height: 0;
	position: absolute;
	z-index:1;
}

.gp .gp_r {
	width: 11.5em;
	position: absolute;
	left: 0;
	bottom: 0;
}

.sp .gp_r {width: 178px;}

.gp .gp_top {
	width: 100%;
	background: url(../img/gp_1.gif) 0 0 no-repeat;
}

.not .gp_top {background-image: url(../img/gp_1_not.gif);}

.sp .gp_top {background-image: url(../img/gp_1_sp.gif);}

.gp .gp_top div {
	width: 100%;
	background: url(../img/gp_2.gif) 100% 0 no-repeat;	
}

.not .gp_top div {background-image: url(../img/gp_2_not.gif);}

.sp .gp_top div {background-image: url(../img/gp_2_sp.gif);}

.gp .gp_top div div {
	margin: 0 6px;
	width: auto;
	height: 6px;
	background: url(../img/gp_t.gif) 0 0 repeat-x;	
	font-size: 0;
}

.not .gp_top div div {background-image: url(../img/gp_t_not.gif);}

.sp .gp_top div div {background-image: url(../img/gp_t_sp.gif);}

.gp .gp_bot {
	width: 100%;
	background: url(../img/gp_3.gif) 0 100% no-repeat;
}

.sp .gp_bot {background-image: url(../img/gp_3_sp.gif);}

.gp .gp_bot div {
	width: 100%;
	background: url(../img/gp_4.gif) 100% 100% no-repeat;	
}

.gp .gp_bot div div {
	margin: 0 11px;
	width: auto;
	height: 11px;
	background: #ffffff;	
	font-size: 0;
}

.gp .gp_mid {
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	background: #ffffff;
}

.gp h2, .gp p {padding: 0 12px;}

.gp h2 {
	margin: 0;
	padding-bottom: 6px;
	font: bold 0.8em/0.8em verdana;
	background: #638e00 url(../img/gp_h.gif) 0 0 repeat-x;
	color: #ffffff;
}

.not h2 {
	background-color: #8e3f00;
	background-image: url(../img/gp_h_not.gif);
}

.sp h2 {
	background-color: #006178;
	background-image: url(../img/gp_h_sp.gif);
}

.gp p {
	margin: 0;
	padding-top: 6px;
	font: normal 0.6em/1.4em verdana;
	white-space: nowrap;
	color: #717171;
}

.sp p {padding: 1px;}

.gp p strong {color: #1f460a;}

.gp p em {
	font-style: normal;
	font-weight: bold;
	color: #c30404;
}

.gp p span {
	font-weight: bold;
	color: #378a0a;
}

.not p span {
	font-weight: bold;
	color: #c30404;
}

.occupy, .reser {width:10px; height:10px; position:absolute; top:0; left:0px;}
.occupy{
	background: url('../img/occupy.png');
	//background: none;
	//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/occupy.png,sizingMethod=crop);	
}
.reser{
	background: url('../img/reser.png');
	//background: none;
	//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/reser.png,sizingMethod=crop);	
}