@charset "utf-8";

body, html {
	font-family:Arial, Helvetica, sans-serif
margin:0px;
padding:0px;
text-align:center;
}

.le { background-color:#3678CC;width:50%;}
.ri { background-image:url(../imgs/noise.png);width:50%;}
#chrome{ display:none;background-color:#000;	opacity:0.2; width:100%; height:90px; left:0px;
    filter:alpha(opacity=20);
	-khtml-opacity:0.2;
    -moz-opacity:0.2;
	z-index:15151515551;position:absolute}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#cle{visibility:hidden}
	#left-2{margin-top:31px;}
	#content-2{padding-top:6px;}
	#cri{visibility:hidden}
	#cce{background-image:url(../imgs/back.png);
background-repeat:repeat-y;}
	#chrome{display:block;}
}

#container{
margin:0 auto;
text-align:left;
min-width:1004px;
width:expression(
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 1004
?
"1004px"
:
"auto"
)
:
(
document.body.clientWidth < 1004
?
"1004px"
:
"auto"
)
);
}

#header-bg{
background-image:url(../imgs/top_bg.png);
background-repeat:repeat-x;
height:60px;
width:100%;
margin:0 auto;
position:fixed;
z-index:4;
	opacity:0.95;
    filter:alpha(opacity=95);
	-khtml-opacity:0.95;
    -moz-opacity:0.95;
}

#header{
height:90px;
width:100%;
position:fixed;
z-index:5;
}

#logo {
width:200px;
height:85px;
margin-left:18px;
float:left;
position:absolute;
top:4px;
_margin-top:4px;
position:fixed;
z-index:5;
}

.hahaha-div {
margin:0 auto;
z-index:150;
width:1004px;
background-image:url(../imgs/back.png);
background-repeat:repeat-y;
}

.ce {
margin:0 auto;
width:100%;
height:100px;
background-color:#000;
}

.left{
width:230px;
_width:230px;
display: inline;
float:left;
margin-left:15px;
margin-top:15px;
}

.left-2{
	margin-left:80px;
	margin-top:26px;
	_margin-top:31px;
	float:left;
	_margin-left:43px;
}


*+html .left-2{
	margin-top:31px;
}

#navigation {
	padding-left:20px;
	padding-top:30px;
	padding-right:0px;
}

#main-navigation {
	height:30px;
	color:#FFF;
	opacity:0.9;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
	-khtml-opacity:0.9;
	margin-left:96px;
	padding-bottom:45px;
	position:absolute;
	top:0px;
	position:fixed;
	z-index:5;
}

.menu-item {
	color:#000;
}

.menu-item a {
line-height:30px;
display:block;
color:#3678CC;
padding-left:12px;
padding-right:12px;
}

.menu-item a:hover {
color:#142661;
text-decoration:none;
}

.active a {
	background-image:url(../imgs/active.png);
	color:#FFF;
	padding-left:6px;
	padding-right:6px;
	text-decoration:none;
	line-height:30px;
}

.content{
	margin:0px;
	width:724px;
}

.content3{
	margin:0px;
	margin-top:10px;
	margin-left:10px;
	_margin-left:35px;
	width:724px;
}

.content-2{
	margin:0px;
	margin-top:10px;
	_margin-top:12px;
	margin-left:265px;
	_margin-left:252px;
	_padding-left:7px;
	width:720px;
	_width:725px;
}

*+html .content-2{
	margin-top:8px;
}

.content-2 div{
	float:left;
	margin-right:17px;
	_margin-right:9px;
	_margin-left:6px;
	padding-top:15px;
	_padding-top:7px;
}

#banners {
	margin-left:24px;
}

#banners ul li {
	margin-top: 10px;
	margin-bottom:10px;
	list-style:none;
}

#animated-banner {
width:746px;
height:383px;
background-image:url(../imgs/animation_bg.png);
}

#animation {
width:664px;
height:300px;
margin-left:42px;
margin-top:42px;
position:absolute;
background-color:#fff;
z-index:1;
}

#words-bg {
width:320px;
height:60px;
margin-left:386px;
margin-top:72px;
z-index:2;
font-size:18px;
position:absolute;
color:#FFF;
background-color:#6187BD;
	opacity:0.5;
	-khtml-opacity:0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
}
#words {
width:320px;
height:60px;
margin-left:386px;
margin-top:72px;
z-index:3;
font-size:18px;
position:absolute;
color:#FFF;
}

#news{
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top:30px;
	width:674px;
	margin-left:37px;
}
#gallery{
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width:674px;
	margin-left:37px;
	margin-top:30px;
}

#company-profile{
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top:30px;
	width:674px;
	margin-left:37px;
}

.heading{
	font-size:18px;
	margin-left:8px;
}

.heading a{
	color:#000;
	text-decoration:none;
}

.heading a:hover{
	color:#000;
	text-decoration:underline;
}

.news-banner {
	width:150px;
}

#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}

#footer{
	height:90px;
	width:100%;
	left:0px;
}

.proz{
	height:90px;
	background-image:url(../imgs/back.png);
	background-repeat:repeat-y;
	opacity:0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
	-khtml-opacity:0.8;
}


.prozle{
	height:100px;
	_height:90px;
	background-color:#3678CC;
	opacity:0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
	-khtml-opacity:0.8;
}

.prozri{
	height:100px;
	_height:90px;
	 background-image:url(../imgs/noise.png);
	 background-repeat:repeat;
	opacity:0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
	-khtml-opacity:0.8;
}




/* Slideshow & Billboard Images */	
.top-zone{overflow:hidden; width:664px; margin:0 auto;} /*Here to keep images hidden in IE mostly*/
	
	#billboard{width:664px; height:300px; overflow:hidden; background:url('images/billboard-bg.jpg') no-repeat top center;}
	
	/* Для OPERA*/ 
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
	#billboard{
		overflow:visible;
	}
	.images {
	overflow:visible;
}	

}
/* Для OPERA END*/ 

	
	.slideshow{width:664px; height:300px; overflow:hidden;}
	.slideshow li{list-style:none; float:left; display:inline; position:relative;}

.images {
	width:746px;
	overflow:hidden;
}	

.images li {
	width:146px; 
	height:90px; 
	overflow:hidden;
	list-style:none;
	float:left; 
	display:inline; 
	position:relative;
	margin:10px;
	border:1px solid;
	border-color:#CCC;
}

	
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}

.write{
	color:#006187;
}
.write a:hover{
	color:#000;
}

.cont{
	margin:10px;
}

/*FACEBOX*/


#facebox .b {

  z-index:100;


}

#facebox .tl {

  _background:none;

}

#facebox .tr {

  _background:none;

}

#facebox .bl {

  _background:none;

}

#facebox .br {

  _background:none;

}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #fff;
  width: 150px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
  width:725px;
  overflow:hidden;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/*FACEBOX ENDS*/

.dialog-float-l {
	margin:0 auto;
	font-size:25px;
}

.input-message {
	margin:0 auto;
}

.invalid {
	color:#F00;	
}

.valid {
	color:#000;
}

#name_id {
}

#e_mail_id {
}

#subject_id {
}

#text_id {
}

#send {
	color:#000; 
	line-height:25px;
	width:75px; 
	text-decoration:none;
}

#send_div {text-align:right;font-size:16px;width:523px;}

/* Для SAFARI*/ 
#name_id:not(:root:root) {

}
#e_mail_id:not(:root:root) {
;
}
#subject_id:not(:root:root) {
;
}
#text_id:not(:root:root) {

}
#send:not(:root:root) {

}
#send_div:not(:root:root) {

}
/* Для SAFARI END*/ 


.pages 			{ font-size:13px}
.active-page	{ border:1px solid #69868F; display:inline-block; line-height:10px; margin-left:5px; margin-right:5px; text-align:center; }
.page 			{ border:1px solid #69868F; display:inline-block; line-height:10px; margin-left:5px; margin-right:5px; text-align:center; }
.active-page a 	{ color:#004848; display:inline-block; text-decoration:none; line-height:21px; padding:0 12px; background-color:#fff; }
.page a 		{ text-decoration:none; color:#004848; display:block; line-height:21px; padding:0 12px; }
.page a:hover 	{ text-decoration:none; background-color:#fff; }