@charset "utf-8";
/* CSS Document */

* { margin:0px; padding:0px; }

#page { 
	position:relative;
	width:970px; height:100%;
	margin-left:auto; margin-right:auto; 
	/*border:1px solid red;*/
	}
	
	#page .container { 
		width:100%; height:100%; 
		margin-left:auto; margin-right:auto;
		/*border:3px solid black;*/
		}
	
	#page .container  hr.hidden {
	width:100%;
	display:block;
	clear:left;
	visibility:hidden;
}

#content_container {z-index:auto; }
	#wrapper { z-index:11; }
	#contentBg { z-index:auto; }
#pageBg { z-index:0; }

#lbOverlay { z-index:90; }
#lbCenter { z-index:91; }
#lbBottomContainer { z-index:92; }

#content_container { 
	width:100%; height:100%; 
	margin-left:auto; margin-right:auto;
	text-align:left;
	/*border:3px solid black;*/
	}


/***** HEADER ******/
#header {
	position:relative;
	height:190px; width:775px; z-index:10;
	text-align:left; margin:0px;
	}
	#headerbg { text-align:left; position:relative; z-index:-10; top:-5px; left:5px; }
	#headerbg .bg1 { 
		position:absolute; width:930px; height:150px; top:0px; left:-160px; 
		background-position:0px -105px; background-repeat:no-repeat;
		display:none;
		}
	#headerbg .bg2 { 
		position:absolute; width:350px; height:120px; top:0px; left:770px;
		background-position:0px -105px; background-repeat:no-repeat;
		display:none;
		}
	#header .l1 { 
		position:absolute; width:1280px; height:300px; 
		top:0px; left:-160px;
		filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;
		background-repeat:no-repeat; background-position:0px -105px;
		display:none;
	}
	#header .l2 { 
		position:absolute; width:1280px; height:299px; 
		top:0px; left:-160px;
		background-repeat:no-repeat; background-position:0px -105px;
		display:none;
	}
	#header .l3 { 
		position:absolute; width:858px; height:299px; 
		top:0px; left:-160px;
		background-repeat:no-repeat; background-position:0px -105px;
		display:none;
	}
	#header .logo { 
		position:absolute; width:220px; height:63px; top:60px; left:30px; 
		background:url("../../img/site/dvokut_ECRO-logo.png") top left no-repeat; }
	#header .navbar_sideBg { 
		position:absolute; 
		width:1280px; height:16px; 
		top:105px; left:-160px; 
		background:url("../../img/site/navbarBg.png") top left no-repeat; 
		}
	#header .cert_siq { 
		position:absolute; width:70px; height:53px; top:35px; left:830px; 
		background-position:top left;
		background-repeat:no-repeat;
		background-image:url("../../img/site/cert-siq.png");
	}


#wrapper {
	position:relative;
	width:975px; height:620px;
	padding:0px; margin:0px;
	margin-left:auto;
	margin-right:auto;

}
#wrapper hr.hidden { display:block; clear:left; margin:-0.66em 0; visibility: hidden; }

#cols_left {float:left; width:775px; overflow:hidden;} 
#cols_right { float:right; top:130px; left:1080px; /*float:right;*/ width:195px; clear:none;}
#col_left { float:left; width:275px; /*height:100px;*/ text-align:left; /*background-color:blue;*/ }
#col_middle {
	margin-left:275px;
	display:block;
	margin-bottom:15px;
}
#col_right { float:right; width:195px; /*background-color:red;*/}

#title_content {font-size:18px; color:#006325; font-weight:normal; text-decoration:none;}

/*** CONTENT BG ***/
#contentBg {
	position:absolute;
	top:0px; left:0px;
	width:100%; height:100%;
	display:none;
	text-align:center;
	margin-left:auto; margin-right:auto;
	padding-left:auto; padding-right:auto;
	}
	#contentBg div.container {
	position:relative; 
	width:1240px;  height:100%; 
	text-align:left;
	margin-left:auto; margin-right:auto;
	padding-left:auto; padding-right:auto;
	 }
	#contentBg div.container .inner_container {
	position:absolute; top:0px; left:0px; }
	#contentBg div.container hr.hidden { display:none;clear: left; margin:0px; padding:0px; visibility: hidden; }
	#contentBg .bg1 { position:absolute; width:50px; height:30px; top:0px; left:0px; /*border:1px solid red;*/ }
	#contentBg .bg2 { position:absolute; width:100px; height:100px; top:20px; left:20px; /*border:1px dashed black;*/ }


/*** PAGE BG ***/
#pageBg {
position:absolute;
top:0px; left:-155px;
width:1280px; height:100%;
display:block;
text-align:center;
margin-left:auto; margin-right:auto;
padding-left:auto; padding-right:auto;
}
	#pageBg div.container {
	/*position:fixed;*/ 
	width:100%;  height:100%; 
	text-align:left;
	margin-left:auto; margin-right:auto;
	padding-left:auto; padding-right:auto;
	
	 }
	#pageBg div.container .inner_container { position:absolute; top:0px; left:0px; }
	#pageBg div.container hr.hidden { display:none; clear:left; margin:0px; padding:0px; visibility: hidden; }
	#pageBg .bg1 { 
		position:absolute; width:930px; height:1024px; top:-110px; left:0px;
		background-position:top left; background-repeat:no-repeat;
		}
	#pageBg .bg2 { 
		position:absolute; width:350px; height:1024px; top:-110px; left:930px; 
		background-position:top left; background-repeat:no-repeat;
	}
	#pageBg .l1 { 
		position:absolute; width:1280px; height:1024px; top:-110px; left:0px;
		background-position:top left; background-repeat:no-repeat;
		filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;
		}
	#pageBg .l2 { 
		position:absolute; width:1280px; height:1024px; top:-110px; left:0px; 
		background-position:top left; background-repeat:no-repeat;
	}
	#pageBg .l3 { 
		position:absolute; width:1280px; height:1024px; top:-110px; left:0px; 
		background-position:top left; background-repeat:no-repeat;
	}
	#pageBg .l4 { 
		position:absolute; width:1280px; height:1024px; top:-110px; left:0px; 
		background-position:top left; background-repeat:no-repeat;
		display:none;
	}
	
	/*#pageBg .logo { position:absolute; width:220px; height:63px; top:65px; left:190px; background:url("../../img/site/dvokut_ECRO-logo.gif") top left no-repeat; }
	#pageBg .navbar_sideBg { 
		position:absolute; 
		width:1280px; height:16px; 
		top:110px; left:0px; 
		background:url("../../img/site/navbarBg.gif") top left no-repeat; 
		}*/


/*** NAVBAR ***/
ul#navbar {
	position:absolute;
	top:101px; left:130px;
	margin-left:10px; padding:0px;
	font-size:11px; color:#FFFFFF; font-weight:100; 
	}
	
ul#navbar li{ display: inline;}
ul#navbar li a{ display:block; float:left;  height:1%; height: 16px; font-size:11px; color:#FFFFFF; font-weight:normal; text-decoration:none; }
ul#navbar li a{ padding: 0 20px 0 0; }
ul#navbar li a:hover, ul#navbar li a.on { font-size:11px; color:#01BB46; font-weight:normal; text-decoration:none; }
	
ul#navbar li {float:left; list-style:none; margin:0px; padding:0px; display:inline; margin-left:auto; margin-right:auto;}

ul#langbar {
	position:absolute;
	top:101px; left:835px;
	width:70px;
	margin:0px; padding:0px;
	font-size:11px; color:#FFFFFF; font-weight:100; 
	}
ul#langbar li { list-style:none; margin:0px; padding:0px; display:inline; margin-left:auto; margin-right:auto; }
ul#langbar li div { width:25px; text-align:center; float:left; }

ul#langbar a:link, 
ul#langbar a:active, 
ul#langbar a:visited { font-size:11px; color:#FFFFFF; font-weight:100; text-decoration:none; } 
ul#langbar a:hover, ul#langbar a.on  { font-size:11px; color:#FFFFFF; font-weight:bold; text-decoration:none; }
ul#langbar a:active { font-size:11px; color:#FFFFFF; font-weight:bold; text-decoration:none; } 

