@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 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: 115px;
	position: absolute;
	top: 39px;
	left: 0px;
	padding: 10px;
	display:none;
}
.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: 0px 0px 10px 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  .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 a.archive {
	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 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);}
.modalLogReg {
width: 380px;
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: 34px;
top: 7px;
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 {
background: #7C9229 !important;
font: bold 10px Tahoma !important;
color: #fff !important;
text-transform: uppercase;
zoom: 1;
}
.modalLogReg .boxContent {
background: #fff;
padding: 10px 10px 4px 10px;
zoom: 1;
}

.modalLogReg .boxContent .orderLabel {
color:#333;
font: 12px Arial;
float: left;
width: 100px;
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: 194px;
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: 226px;
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  {
background: #7C9229 !important;
color:#FFFFFF !important;
font:bold 10px Tahoma !important;
height:26px !important;
margin:2px 15px 0 0 !important;
padding:12px 10px 0 !important;
text-shadow:none !important;
text-transform:uppercase !important;
}

.articleDate
{
    font:10px verdana !important;
    margin-bottom:2px !important;
}