@charset "utf-8";
*{margin:0px; padding:0px;}
a {outline: none;}

img {border:0;}
ul,li{list-style-type: none;}
h1, h2, h3, h4 {font-weight:normal}
.clear {clear: both;}
body {
   background: #444;
   }
.container {
	background:  url(../../img/content_top.png) no-repeat;
	width: 992px;
	padding: 41px 40px 0px 0px;
	margin: auto;
	position: relative;
	margin-bottom: 25px;
}
.container .header {
	padding: 30px 0px 0px 0px;
	position: relative;
	height: 219px;
}
.container .header .login {
	font: bold 15px arial;
	color: #fff;
	padding: 5px 15px;
	background: #EBBB44; 
	position: absolute;
	bottom: 59px;
	right: 48px;
	text-decoration: none;
}
.container .header .login:hover {
	background: #7F922B;
	}
.container .header a.en {
	position: absolute;
	top: -3px;
	right: 134px;
	background: url(../../img/hr.jpg);
	width: 53px;
	height: 32px;
}
.container  .navigation {
	background: url(../../img/navigation_bg.png) repeat-x top left;
	height: 51px;
	width: 743px;
	position: absolute;
	top: 237px;
	left: 40px;
	z-index: 4;
}
.container  .navigation ul   {
	padding-left: 83px;
}
.container  .navigation ul li {
	float: left;
	position: relative;
	min-width:80px;
}
.container  .navigation ul li ul.sub {
	width: 125px;
	position: absolute;
	top: 39px;
	left: 0px;
	display:none;
	padding: 10px 0;
}
.container  .navigation ul li ul.sub li {
	padding: 0px 10px;
}
.container  .navigation ul li.home ul.sub  {
	background: url(../../img/home_sub_bg.png) repeat;
}
.container  .navigation ul li.about ul.sub  {
	background: url(../../img/about_sub_bg.png) repeat;
}
.container  .navigation ul li.support ul.sub  {
	background: url(../../img/support_sub_bg.png) repeat;
}
.container  .navigation ul li.project ul.sub  {
	background: url(../../img/project_sub_bg.png) repeat;
}
.container  .navigation ul li.tender ul.sub  {
	background: url(../../img/tender_sub_bg.png) repeat;
}
.container  .navigation ul li.contact ul.sub  {
	background: url(../../img/projects_sub_bg.png) repeat;
}
.container  .navigation ul li ul.sub li a {
	font: bold 10px verdana;
	color: #333;
	margin-bottom: 0px;
	text-indent: 0px;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}
.container  .navigation ul li ul.sub li a:hover {
	text-decoration: underline;   
}
.container  .navigation ul li a {
	float: left;
	padding-bottom: 19px;
	text-indent: -1000em;
	background-position: top left;
	}
.container  .navigation ul li ul.sub li:hover {
	background:none repeat scroll 0 0 #E3E3E3;	
}
.container  .navigation ul li ul.sub li ul {
	background:none repeat scroll 0 0 #E3E3E3;
	left: 125px;
	padding: 5px 6px;
	position: absolute;
	top: 0px;
	width:120px;
}
.container  .search_box {
	position: absolute;
	top: 237px;
	right: 82px;
	height: 29px;
	background: #B2B2B2;
	width: 150px;
	padding: 10px 0px 0px 20px;
	}	
.container  .search_box input.search {
	background: url(../../img/search_input.jpg) no-repeat top left;
	width: 98px;
	height: 17px;
	font: 11px arial;
	color: #333;
	padding: 2px 5px 0px 5px;
	float: left;
	border: none;
	margin-right: 10px;
	}
.container  .search_box input.btn {
	background:  url(../../img/search_btn.jpg) no-repeat top left;
	width: 18px;
	height: 20px;
	border: none;
	cursor: pointer;
	}	
.container  .navigation ul li a:hover {
	background-position: bottom left !important;
	}	
.container .header a.eu {
	position: absolute;
	top: -3px;
	right: 70px;
	background:  url(../../img/eu.jpg);
	width: 53px;
	height: 32px;
}
.container .content_wrap {
	background:  url(../../img/content_midd.png) repeat-y;
	padding: 0px 0px 0px 40px;
	}
.container .content_foot {
	background:  url(../../img/content_foot.png);
	height: 26px;
	clear: both;
	text-align: center;
	padding-top: 15px;
	width: 992px;
	_margin-left: 40px;
}
.container .content_foot p{
	font: 11px verdana;
	color: #fff;
}
.container  .content {
	clear: both;
	margin-top: -14px;
	position: relative;
	overflow: hidden;
	background: url(../../img/right_coll.png) repeat-y 740px 0px;
}
.container  .content .content_left {
	width: 740px;
	float: left;
	position: relative;
}
.container  .content .content_left .news {
	width: 179px;
	padding: 20px;
	background: #F3F3F3;
	float: left;
}
.container  .content .content_left .news h2 {
	font:  bold 13px tahoma;
	color: #333;
	border-left: 15px solid #F5D546;
	text-transform: uppercase;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
}
.container  .content .content_left .news h2 a {
	color: #333;
	text-decoration: none;
}
.container .content .content_left .news a.archive,
.container .content a.homeArchive {
	font:  bold 13px tahoma;
	color: #333;
	border-left: 15px solid #F5D546;
	text-transform: uppercase;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
	text-decoration: none;
}
.container  .content .content_left .news a.archive:hover {
	text-decoration: underline;
}
.container  .content .content_left  .news_box  {
	margin-bottom: 35px;
}
.container  .content .content_left  ul.pag  {
	float: right;
}
.container  .content .content_left  ul.pag  li  {
	float: left;
}
.container  .content .content_left  ul.pag  li a {
	font: 11px verdana;
	color: #333;
	text-decoration: none;
	margin: 0px 5px;
}
.container  .content .content_left  ul.pag  li a:hover,
.container  .content .content_left  ul.pag  li a.active {
	color: #D0A73E;
}
.container  .content .content_left  .news_box.central   {
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
	margin-bottom: 20px;
}
.container  .content .content_left  .news_box.central  h3  {
	margin-bottom: 15px;
	display: block;
	}
.container  .content .content_left  .news_box  a.img {
	float: left;
	margin-right: 15px;
}
.container  .content .content_left  .news_box a.img {
	margin-bottom: 20px;
	margin-top:4px;
	*margin-bottom: 5px;
	height: 115px;
	display: block;
}
.container  .content .content_left  .news_box h3 a {
	font: bold 11px verdana;
	color: #333;
	text-decoration: none;
}
.container  .content .content_left  .news_box h3 a:hover {
	text-decoration: underline;
}
.container  .content .content_left  .news_box  p {
	font: 11px verdana;
	color: #333;
	line-height: 16px;
}
.container  .content .content_left  .news_box  p a {
	font: 11px verdana;
	color: #D0A73E;
	line-height: 16px;
	text-decoration: none;
}
.container  .content .content_left  .news_box  p a:hover {
	color: #000;
}
.container  .content .content_left .txt  {
	float: left; 
	width: 481px;
	*width: 450px;
padding: 20px;
}
.container  .content .content_left .txt  h2 {
	font: 12px verdana;
	color: #D0A63C;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding-top: 15px;
}
.container  .content .content_left .txt  p {
	font: 12px verdana;
	color: #333;
	margin-bottom: 15px;
}
.container  .content .content_left .txt  ol li {
	font: 12px verdana;
	color: #333;
	margin-bottom: 15px;
	list-style-type: decimal;
	margin-left: 20px;
}
.container  .content .content_left .txt h1 {
	font:  bold 13px tahoma;
	color: #333;
	border-left: 15px solid #F5D546;
	text-transform: uppercase;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
}
.container  .content .content_left .txt ul.conn li  {
	margin-bottom: 15px;
}
.container  .content .content_left .txt p.search_results  {
	font:  13px tahoma;
	color: #333;
}
.container  .content .content_left .txt p.search_results span {
	font: bold 13px tahoma;
	}
.container  .content .content_left .txt ul.conn li  span {
	font:  bold 13px tahoma;
	color: #333;
	border-left: 15px solid #F5D546;
	text-transform: uppercase;
	padding: 10px 10px 10px 10px;
	margin-bottom: 5px;
	display: block;
}
.container  .content .content_left .txt ul.conn li  a {
	font:  11px tahoma;
	color: #333;
	text-decoration: none;
	}
.container  .content .content_left .txt ul.conn li  a:hover {
	text-decoration: underline;
	}
.container  .content .content_left .txt ul.conn_art li  a {
	background: url(../../img/con_art_bg.gif) no-repeat top left;
	font:  bold 13px tahoma;
	color: #333;
	text-transform: uppercase;
	padding-left: 20px;
	margin-bottom: 15px;
	display: block;
	text-decoration: none;
	}
.container  .content .content_left .txt ul.conn_art li  a:hover {
	text-decoration: underline;
	}
.container  .content .content_left .txt ul.conn li  a:hover {
	text-decoration: underline;
	}
.container  .content .content_left .gallery  {
	position: relative;
	width:478px;
	*width:450px;
}	
.container  .content .content_left .gallery .left {
	background: url(../../img/gal_left.gif) no-repeat top left;
	width: 13px;
	height: 15px; 
	position: absolute;
	left: 0px;
	top: 34px;
	font: 0px arial;
}
.container  .content .content_left .gallery .right {
	background: url(../../img/gal_right.gif) no-repeat top left;
	width: 13px;
	height: 15px; 
	position: absolute;
	right: 0px;
	top: 34px;
	font: 0px arial;
}
.container  .content .content_left .gallery .gal_left:hover {
	background-position: bottom left;
}
.container  .content .content_left .gallery .gal_right:hover {
	background-position: bottom left;
}
.container  .content .content_left .gallery .gallery_wrap {
	position: relative;
	top: 0px;
	left: 15px;
	height: 92px;
	overflow: hidden;
	width:444px;
	*width:418px;
}
.container  .content .content_left .gallery .gallery_wrap .items {
	position: absolute;
	width:2000px;
	top: 0px;
	left: 6px;
}
.container  .content .content_left .gallery .gallery_wrap .items a {
	float: left;
	margin: 0px;
}
.container  .content .content_left .gallery .gallery_wrap .items img {
	background: #E8E8E8;
	padding: 5px;
	*padding: 3px;
	margin-right: 5px;
	*margin-right: 1px;
	float: left;
	cursor:pointer;
}
.container  .content .content_right {
	width: 130px;
	padding: 20px;
	float: left;
	position: relative;
	z-index: 2;
	_background: url(../../img/right_coll.png) repeat-y top left;
}
.container  .content .content_right div.links  {
	margin-bottom: 25px;
}
.container  .content .content_right div.links div {
	display: block;
	text-align: center;
	padding: 25px 0px 25px 0px;
	border-bottom: 1px solid #868686;
}

.container  .content .content_right h2 {
	font:  bold 13px tahoma;
	color: #fff;
	border-left: 15px solid #F5D546;
	text-transform: uppercase;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
}
.container  .content .content_right h2 a {
	color: #fff;
	text-decoration: none;
}
.container  .content .content_right h2 a:hover {
	text-decoration: underline;
}
.container  .content .content_right ul.brochures {
	font: bold 11px verdana;
	color: #5c6a18;
	margin-bottom: 30px;
	display: block;
	text-decoration: none;
}
.container  .content .content_right ul.brochures li a {
	font: bold 11px verdana;
	color: #5c6a18;
	margin-bottom: 15px;
	display: block;
	text-decoration: none;
}
.container  .content .content_right ul.brochures li a:hover {
	text-decoration: underline;
}

.preloaderBox
  {
position: absolute;
left: 0px;
top: 0px;
z-index: 2000;
text-align: center;
width: 524px;
min-height: 40px;
background: transparent url(../../img/opacityPromo.png) repeat left top;
  } 
  
   /***** MODAL WINDOW *****/
  .modalElement  {
background:none repeat scroll 0 0 #FFFFFF;
padding:15px;
}
.modalBackground { background-color: #000; opacity:.70; filter: alpha(opacity=70);}
.modal_wraper {
     background: transparent url(../../img/modal_bg.png) repeat left top;
     padding: 5px;   
}
.modalLogReg {
width: 514px;
padding: 0px;
background: #fff;
}
.modalLogReg .boxHeader {
background:  #F89B1C;
text-align: left;
position: relative;
border-bottom: none;
padding: 14px 10px ;
}
.closeBtn   {
position: absolute;
right: 23px;
top: 23px;
display: block;
width: 23px;
height: 23px;
z-index: 125;
text-indent: -999em;
}
.modalLogReg .boxHeader .close  {
position: absolute;
right: 0px;
top: 14px;
display: block;
width: 23px;
height: 23px;
z-index: 125;
font: bold 10px tahoma;
text-transform: uppercase;
color: #fff;
text-decoration: none;
}

.galleryDescription h2{background: #fff; font: bold 12px arial; color: #333; padding: 10px 0px 0px 0px;}
.galleryDescription p{background: #fff; font: 11px arial; color: #333; padding: 0px 0px 10px 0px;}
.galleryLeft,
 .galleryRight 
	{
	  font: bold 13px arial; 
	  color: #333; 
	  padding: 0px 0px 10px 0px;
	  text-decoration: none;
	  }
 .galleryLeftDisabled,
 .galleryRightDisabled 
	{
	  font: bold 13px arial; 
	  color: #ccc; 
	  padding: 0px 0px 10px 0px;
	  text-decoration: none;
	  }
  
	 
 .galleryLeft:hover,
 .galleryRight:hover 
	{
	  color: #004785; 
	  } 
  .galleryNavigation {text-align: right;}                
 .counterModal
	{
	  font: bold 13px arial;  
	  color: #1F1E21; 
	  padding: 0px 0px 10px 0px;
	  }      
.modalLogReg .boxHeader .close:hover {
background-position: left bottom !important;
}
.modalLogReg .boxHeader h2 {

font: bold 10px Tahoma !important;
color: #fff !important;
text-transform: uppercase;
zoom: 1;
}
.modalLogReg .boxContent {
background: #fff;
padding: 22px 22px 22px 22px;
zoom: 1;
position: relative;
}
.modalLogReg .boxContent h2 {
font: bold 14px arial;
color: #7F922B;
margin-bottom: 10px;
}
.modalLogReg .boxContent ul {
margin-bottom: 15px;
}
.modalLogReg .boxContent ul li {
font: 12px arial;
color: #333;
margin-bottom: 10px;
display: list-item;
margin: 0px 0px 5px 25px;
list-style-type: disc;
}
.modalLogReg .boxContent p {
font: 12px arial;
color: #333;
margin-bottom: 15px;
}
.modalLogReg .boxContent ul#ulModules {
 margin: 0px 0px 20px 15px;
}
.modalLogReg .boxContent ul#ulModules li a {
 font: 12px arial;
 color: #333;
 margin: 0px 0px 0px 3px;
 padding: 5px 0px;
 text-decoration: none;
}
.modalLogReg .boxContent ul#ulModules li a:hover {
 text-decoration: underline;
}
.modalLogReg .boxContent .orderLabel {
color:#333;
font: 12px Arial;
float: left;
width: 145px;
margin-right: 5px;
height: 21px;
padding-top: 6px;
margin-bottom: 10px;
text-align: right;
}
.modalLogReg .boxContent .orderInput {
float: left;
width: 204px;
height: 21px;
padding: 6px 6px 0 6px;
background:#f6f6f6 none repeat scroll 0 0;
border: 1px solid #e7e7e7;
font: 12px Arial;
color: #666;
margin-bottom: 10px;
}
.modalLogReg .boxContent .orderInput.mandatory {
width: 216px;
padding: 6px 16px 0 6px;
background-image: url(../../img/orderInputMandBg.gif);
}
.modalLogReg .boxContent .textAreaContainer {
border: 1px solid #e7e7e7;
background: #f6f6f6 none repeat scroll 0 0;
width: 204px;
height: 60px;
padding: 6px 6px 0 6px;
font: 12px Arial;
color: #666;
margin-bottom: 10px;
float: left;
}
.modalLogReg .boxContent .orderTextarea {
width: 204px;
height: 55px;
padding: 0px;
border: none;
font: 12px Arial;
color: #666;
background:#f6f6f6 none repeat scroll 0 0;
margin-bottom: 10px;
}
.modalLogReg .boxContent .modalLinks {
width: 200px;
float: left;
padding-top: 10px;
}
.modalLogReg .boxContent .modalLinks a {
padding: 10px 0 0 0;
color: #666;
text-decoration: underline;
}
.modalLogReg .boxContent .modalLinks a:hover {
color: #000;
text-decoration: none;
}
.modalLogReg .boxContent .sendBtn {
color: #666;
font: bold 11px Arial;
display: block;
text-align: right;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
background: transparent url(../../img/modalSendBtn.png) no-repeat right top;
padding: 7px 0 0 7px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 286px;
height: 19px;
width: 90px;
}
.modalLogReg .boxContent .sendBtn:hover {
background-position: right bottom;
color: #000;	
}
.modalLogReg .boxContent .error {
text-align: center;
font: bold 11px Arial;
color: #d51b23;
margin-bottom: 10px;
}

.modalLogReg .boxContent .error.info {
color: #3ab0de;
}
.modalLogReg .boxHeader h2  {
color:#FFFFFF !important;
font:bold 10px Tahoma !important;
height:5px !important;
margin:2px 15px 0 0 !important;
padding:0px 10px 9px 0px !important;
text-shadow:none !important;
text-transform:uppercase !important;
}
.articleDate {
	font:10px verdana !important;
	margin-bottom:2px !important;
}
/*** Video Banners ***/
.rightVideoBanners {
display: block;
width: 179px;
height: 118px;
margin-bottom: 14px;
margin-top: -4px;
position: relative;
z-index: 1;
}
.rightVideoBanners .videoBanner {
position: absolute;
z-index: 10;
top: 0px;
left: 0px;
}
.rightVideoBanners .videoWatermark {
position: absolute;
z-index: 100;
top: 0px;
left: 0px;
}
.preloader {
 position: absolute;
 bottom: 312px;
 right: 162px;
}
.preloader.sec {
 position: absolute;
 bottom: 312px;
 right: 162px;
}