/* BODY
------------------------------------------*/
html {
  padding: 0;
  margin: 0;
}
body {
  background: url(../img/bg.gif);
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: verdana;
}
img {
  border: none;
}
/******************************************/

/* CONTENT
------------------------------------------*/ 
.container {
  position: relative;
  width: 764px;
  margin: 0 auto;
  text-align: left;
  background: url(../img/container.jpg) repeat-y 0% 0%;
}
	.address {
	  position: absolute;
	  width: 165px;
	  color: #999;
	  font-size: 10px;
	  bottom: 40px;
	  left: 10px;
	}
/*~~~ top ~~~*/
.head {
  height: 100px;
  background: url(../img/head.jpg) no-repeat 0% 0%;
  height: 146px;
}
.logo {
  /*background: url(../img/logo.jpg) no-repeat 165px 10px;*/
  height: 80px;
  position: relative;
}
	.logo_ru, .logo_en {
	  position: absolute;
	  width: 139px;
	  height: 79px;
	  top: 0px;
	  left: 20px;	 
	  background: url(../img/logo_ru.gif) no-repeat;
	}
	.logo_en {	 
	  background: url(../img/logo_en.gif) no-repeat;
	}	
	.select_lang {
	  position: absolute;
	  top: 10px;
	  left: 15px;
	}
/*~~~ left colomn ~~~*/
.menu {
  float: left;
  width: 187px;
}
	.menu ul {
	  margin: 0 0 50px 0;
	  padding: 0;
	}
	.menu ul li {
	  list-style: none;
	  margin: 0;
	  line-height: 16px;
	  padding: 0 0 5px 0;
	  font-variant: small-caps;
	  font-size: 12px;
	  font-weight: bold;
	  color: #657b96;
	  background: url(../img/menu.jpg) no-repeat 0% 100%;
	}
	.menu ul li ul {
	  margin: 3px 0 0 30px;
	  padding: 0;
	}
	.menu ul li ul li {
	  list-style: none;
	  margin: 0;
	  line-height: 16px;
	  padding: 4px 0 2px 0;/**/
	  font-variant: small-caps;
	  font-size: 10px;
	  letter-spacing: .1em;
	  font-weight: normal;
	  color: #657b96;
	  background: url(../img/submenu_li.jpg) no-repeat 100% 0%;
	}	
	.menu ul li img, .menu ul li ul li img {
	  margin: 1px 3px 0 10px;
	  border: none;
	  vertical-align: middle;
	}	
	/*.menu ul li ul li img {
	  margin: 2px 3px 0 10px;
	  border: none;
	}	*/
	.menu ul li a:link, 
	.menu ul li ul li a:link, 
	.menu ul li a:visited, 
	.menu ul li ul li a:visited {
	 color: #f3f1f2; 
	 display: block;
	 font-weight: normal;
	}
	.menu ul li a:hover, 
	.menu ul li ul li a:hover {
	 color: #A7C8F1; 
	 display: block;
	 font-weight: normal;
	}	
/*~~~ main (right colomn) ~~~*/
.main {
  margin: 0 0 0 188px;
  padding: 63px 10px 10px 10px;
  background: url(../img/main_top.jpg) no-repeat 0% 0%;
  vertical-align: top;
}
	.homepage {
	  /*background: url(../img/home.jpg) no-repeat 96% 33px;*/
	  vertical-align: top;
	  padding: 0;
	  margin: 0;	  
	}
	    /*.homepage img {
	  	  margin: 0 0 0 7px;
		}*/		
		h3 {
		  background: url(../img/h1_home.jpg) no-repeat 0% 100%;
		  padding: 1px 0 0 25px;
		  height: 21px;
		  margin: 0;
		  font-size: 12px;
		  color: #657b96;
		  font-variant: small-caps;
		}
		h1 {
		  background: url(../img/h1_home.jpg) no-repeat 0% 100%;
		  padding: 1px 0 8px 25px;
		  margin: 10px 10px 2px 0;
		  font-size: 12px;
		  color: #657b96;
		  font-variant: small-caps;
		}		
		p.home {
		  margin: 3px 150px 30px 8px;
		  font-size: 11px;
		  color: #bbb;
		  text-align: justify;	  
		}
		.welcome {
		  margin: 10px 25px 0 0;
		}
		.company {
		  margin: 3px 190px 30px 8px;	  
		}		
		.company p {
	  	  margin: 0 0 12px 0;
		  font-size: 11px;
		  color: #bbb;
		  text-align: justify;	  	  
		}
		.block {
		  margin: 0;
		  padding: 0;
		  /*border: 1px solid #ccc;*/
		}
		.constr {
		  padding: 0;
		  margin: 0 5px 5px 0;
		  float: left;
		  width: 270px;
		  background: url(../img/constr_bg.gif) no-repeat 100% 20px;
		  /*border: 1px solid #ccc;*/
		}
			h2 {
			  font-size: 12px;
			  color: #657b96;
			  font-variant: small-caps;
			  font-weight: normal;
			  margin: 0 0 0 7px;
			  padding: 0;
			  clear: both;
			}	
			.constr p {
			  font-size: 10px;
			  color: #b5b5b5;
			  margin: 3px 0 0 7px;
			  padding: 0;			  
			}
			.constr img {
			  margin: 0 10px 0 5px;
			  display: block;
			  float: right;
			  width: 97px;
		   }
			/* html .wrapper {   /*** IE5.x/win box model fix ***/
			  /*width: 112px;
			  wid\th: 97px;*/			  
			}				
			br .cleaner {
			  clear: both;
			}
			.constr a:link, .constr a:visited {
			  color: #f3f1f2;
			  font-weight: bold;
			  text-decoration: none;
			}
			.constr a:hover {
			  color: #657b96;
			  font-weight: bold;
			  text-decoration: none;
			}					
		.news {
		  margin: 0;
		  padding: 0;
		  float: left;
		  width: 280px;
		  /*border: 1px solid #ccc;*/
		}
		.new {
		  margin: 0 15px 10px 7px;
		  padding: 0;
		 /* clear: both;
		 border: 1px solid #ccc; */
		}			
			.title {
			  float: left;
			  width: 160px;			  
			  margin: 0;
			  font-size: 11px;
			  /*font-weight: bold;*/
			  color: #657b96;
			  padding: 0;		  
			}
			.new strong {
			  color: #657b96;
			  font-size: 11px;
			}
			.new img {
			  margin: 0 5px;
			}			
			.new span {
			  display: block;
			  margin: 0 0 5px 0;
			  color: #ccc;
			  font-family: Arial;
			  font-size: 9px;
			}
/*~~~ block last news ~~~*/			
			.last_news {
			  margin: 10px 0 0 0;
			  width: 100%;
			}
			TABLE.last_news TD {
			  border-bottom: 1px solid #666;
			  vertical-align: bottom;
			  padding: 2px;
			  color: #bbb;
			  font-size: 11px;
			}
			.last_news SPAN {
			  font-family: Arial;
			  font-size: 9px;  
			  color: #ccc; 
			}			
			.data {
			  text-align: right;
			  font-size: 9px;
			  color: #657b96;
			  font-family: arial;
			  margin: 0 0 0 160px;	
			  padding: 3px 0;	 
			}	
			.new p {
			  /*clear: both;*/
			  font-size: 11px;
			  text-align: justify;
			  color: #bbb;
			  margin: 0;
			  padding: 0;
			}
			.new a:link, .new a:visited {
			  color: #657b96;
			  font-weight: bold;
			  text-decoration: none;
			}
			.new a:hover {
			  color: #f3f1f2;
			  font-weight: bold;
			  text-decoration: none;
			}
			.last_news a:link, .last_news a:visited {
			  color: #657b96;
			  text-decoration: none;
			}
			.last_news a:hover {
			  color: #f3f1f2;
			  text-decoration: none;
			}							
/*~~~ map of Ukraine ~~~*/	
			.map {
			  background: url(../img/map.gif) no-repeat 0% 0%;
			  width: 538px;
			  height: 366px;
			  position: relative;
			}
				.map div {
				  font-size: 11px;
				}
				.map a:link, .map a:visited, .map a:hover {
				  color: #000;
				}
				/*.map a:hover {
				  color: #000;
				  border-bottom: 1px solid #63709F;
				}*/								
		.chernihiv { position: absolute; top: 46px; left: 279px; }
		.chernihiv_arr { position: absolute; top: 32px; left: 276px; }
		.kiev { position: absolute; top: 91px; left: 255px; }
		.kiev_arr { position: absolute; top: 77px; left: 253px; }
		.zhitomir { position: absolute; top: 102px; left: 199px; }
		.zhitomir_arr { position: absolute; top: 93px; left: 198px; }				
		.rovno { position: absolute; top: 82px; left: 133px; }
		.rovno_arr { position: absolute; top: 72px; left: 131px; }
		.lutsk { position: absolute; top: 71px; left: 100px; }
		.lutsk_arr { position: absolute; top: 62px; left: 105px; }
		.lvov { position: absolute; top: 110px; left: 76px; }
		.lvov_arr { position: absolute; top: 96px; left: 74px; }
		.sumy { position: absolute; top: 65px; left: 357px; }
		.sumy_arr { position: absolute; top: 56px; left: 368px; }
		.poltava { position: absolute; top: 126px; left: 360px; }
		.poltava_arr { position: absolute; top: 116px; left: 358px; }																								
		.kharkov { position: absolute; top: 106px; left: 415px; }
		.kharkov_arr { position: absolute; top: 98px; left: 413px; }
		.lugansk { position: absolute; top: 160px; left: 475px; }
		.lugansk_arr { position: absolute; top: 152px; left: 504px; }
		.simferopol { position: absolute; top: 308px; left: 350px; }
		.simferopol_arr { position: absolute; top: 322px; left: 358px; }		
		.donetsk { position: absolute; top: 188px; left: 445px; }
		.donetsk_arr { position: absolute; top: 179px; left: 466px; }
		.zaporozhje { position: absolute; top: 201px; left: 391px; }
		.zaporozhje_arr { position: absolute; top: 193px; left: 382px; }
		.dnepr { position: absolute; top: 171px; left: 390px; }
		.dnepr_arr { position: absolute; top: 165px; left: 379px; }
		.kherson{ position: absolute; top: 251px; left: 326px; }
		.kherson_arr { position: absolute; top: 243px; left: 322px; }				
		.odessa{ position: absolute; top: 245px; left: 235px; }
		.odessa_arr { position: absolute; top: 259px; left: 243px; }	
		.nikolaev{ position: absolute; top: 228px; left: 305px; }
		.nikolaev_arr { position: absolute; top: 235px; left: 290px; }
		.kirovograd{ position: absolute; top: 175px; left: 305px; }
		.kirovograd_arr { position: absolute; top: 165px; left: 299px; }
		.cherkassy{ position: absolute; top: 138px; left: 297px; }
		.cherkassy_arr { position: absolute; top: 130px; left: 288px; }
		.vinnitsa{ position: absolute; top: 141px; left: 197px; }
		.vinnitsa_arr { position: absolute; top: 133px; left: 188px; }
		.chernovtsy{ position: absolute; top: 160px; left: 125px; }
		.chernovtsy_arr { position: absolute; top: 169px; left: 112px; }
		.frankovsk{ position: absolute; top: 148px; left: 87px; }
		.frankovsk_arr { position: absolute; top: 140px; left: 81px; }
		.uzhgorod{ position: absolute; top: 157px; left: 21px; }
		.uzhgorod_arr { position: absolute; top: 154px; left: 8px; }
		.khmelnitskij{ position: absolute; top: 117px; left: 159px; }
		.khmelnitskij_arr { position: absolute; top: 125px; left: 150px; }
		.ternopol{ position: absolute; top: 126px; left: 90px; }
		.ternopol_arr { position: absolute; top: 118px; left: 108px; }	
				
		.client {
			visibility: hidden;
			background: #f3f1f2;
			border: 1px solid #333C44;
			position: absolute;
			top: 50px;
			left: 25%;
			width: 300px;
			z-index: 100;
			font-size: 11px;
			padding: 0 0 5px 0;  
		}	
			.client P {
				margin: 0 0 5px 20px;
				padding: 2px;
				color: black;						
			}
			.client A:link, .client A:visited, .client A:hover {
				text-decoration: none;
				color: #333C44;
			}
			.client A:hover {
				text-decoration: underline;
				color: #333C44;
			}
			.client .top {
				background: #333C44;
				border-bottom: 1px solid #333C44;
				padding: 2px 2px 2px 10px;
				margin: 0 0 5px 0;
				color: #f3f1f2;
			}
			.client .top IMG {
				float: right;
				border: none;
			}	

																																																							
/*~~~ catalogue door ~~~*/
			.cat_doors {
			  width: 99%;
			}
			.cat_doors img {
			  margin: 0 10px 0 5px;
			  display: block;
			  float: left;
			  width: 82px;
			  border: none;
			}
			.cat_doors p {
			  font-size: 10px;
			  color: #b5b5b5;
			  margin: 3px 0 0 7px;
			  padding: 0;			  
			}	
			/*.cat {
			  margin: 0 0 10px 0;
			}*/
			.cat {
			  /*border-bottom: 1px solid #666;*/
			  margin: 0 0 10px 0;			  
			}
			.cat img {
			  margin: 0 8px;
			  border: none;
			}
			.cat p {
			  font-size: 11px;
			  color: #b5b5b5;
			  margin: 3px 0 0 7px;
			  padding: 0;
			  text-align: center;
			  font-weight: bold;			  
			}
			.cat_img {
			  display: block;
			  float: left;
			  width: 70px;
			  margin: 10px 0 10px 0;
			}
			.descr {
			  /*border: 1px solid #666;
			  background: #455466;*/
			  padding: 5px;
			  margin: 0 5px 10px 90px;
			  color: #999;
			  text-align: justify;
			  font-size: 11px;
			}				
			.door_bg, .door_bg_spring, .door_bg_summer, .door_bg_autumn {
			  height: 330px;
			  position: relative;
			  padding: 0;
			  margin: 0;
			}
			.door_bg {
  			  background: url(../img/door_bg.jpg) no-repeat 0% 0%;
			}
			.door_bg_spring {
  			  background: url(../img/door_bg_spring.jpg) no-repeat 0% 0%;
			}	
			.door_bg_summer {
  			  background: url(../img/door_bg_summer.jpg) no-repeat 0% 0%;
			}	
			.door_bg_autumn {
  			  background: url(../img/door_bg_autumn.jpg) no-repeat 0% 0%;
			}				
			.door {
			  position: absolute;
			  width: 111px;
			  bottom: 53px;
			  right: 100px;			  
			}
				.door p {
				  margin: 3px 0 0 0;
				  padding: 0;
				  font-size: 13px;
				  text-align: center;
				  font-family: "Trebuchet MS" Arial;				  
				  font-weight: bold;				  
				}
			.sliders {
			  text-align: center;
			}
			
/*~~~ CONSTRUCTION ~~~
  ~~~ sizes ~~~*/
			.sizes {
			  text-align: center;			  
			}
			.sizes table {
			  background: #ccc;
			}			
			.sizes th {
			  background: #ccc;
			  font-size: 10px;
			  padding: 2px;
			}			
			.sizes td {
			  background: #bbb;
			  font-size: 11px;
			  padding: 2px;
			}			
/*~~~ constr ~~~*/	
		.constr_img {
		  border: none;
		  margin: 0 0 0 7px;
		}
			.constr_door, .montazh {
			  font-size: 11px;
			  color: #bbb;
			  text-align: justify;
			  margin: 0;
			  padding: 0;
			}		
			.constr_door ul li {
			  list-style: none;
			  color: #bbb;
			}
			.constr_door p {
			  margin: 5px 0;
			  padding: 5px 0;
			  border-top: 1px solid #666;
			}
			.constr_door_img {
			  text-align: center;
			}	
			.constr_door_img img {
			  margin: 0 20px;
			}		
/*~~~ montazh ~~~*/
			.montazh p {
			  margin: 5px 0 0 0;
			  padding: 0;
			}			
			.montazh ol {
			  margin: 7px 0 3px 10px;
			  padding: 0 0 10px 0;
			  border-bottom: 1px solid #666;
			}
			.montazh ol li {
			  /*list-style: none;*/
			  padding: 2px 0;
			  margin: 0 0 0 20px;
			  color: #bbb;
			  font-size: 11px;
			  text-align: justify;
			}
			.montazh strong {
			  font-size: 20px;
			  color: #657b96;
			  margin: 0 5px;
			  font-family: "Trebuchet MS";
			}
			h4 {
			  margin: 3px 0 3px 20px;
			  color: #f3f1f2;
			  font-size: 12px;
			  font-variant: small-caps;
			  letter-spacing: .1em;
			  text-align: center;
			  /*font-family: "Trebuchet MS" Arial;*/
			}									
			h5 {
			  margin: 3px 0 3px 20px;
			  color: #657b96;
			  font-size: 12px
			}
			
									
/*~~~ bottom ~~~*/
.bottom {
  height: 47px;
  background: url(../img/bottom.jpg) no-repeat 0% 0%;
  clear: both;
}
	.bottom p {
	  font-variant: small-caps;
	  font-size: 12px;
	  /*font-weight: bold;*/
	  padding: 15px 0 0 220px;
	  margin: 0 0 0 0; 
	  color: #bbb;
}
	.bottom .copyright {
	  font-size: 10px;
	  padding: 0 18px 0 0;
	  margin: -17px 0 0 0; 
	  text-align: right;
	  float: right;
	  width: 170px;
}
/******************************************/

/* LINKS
------------------------------------------*/ 
a:link {
  color: #ccc;
  text-decoration: none;
}
a:visited {
  color: #ccc;
  text-decoration: none;
}
a:hover {
  color: #fff;
  text-decoration: none;
  /*border-bottom: 1px solid #657b96;*/
}