@charset "utf-8";
/* CSS Document */
body { background:#011945; margin:0px; padding:0px; cursor:default;}
.page{ width:980px;  margin:0px auto; position:relative; padding:0px; margin-bottom:35px; }
.tl{ width:210px; height:309px; position:absolute; top:0px; left:0px;}
.tl1, .tl2, .tl3, .tl4, .tl5, .tl6{ position:absolute;}
.tl1{ width:210px; height:40px; top:0px; left:0px; background: url(images/tl-001.jpg)}
.tl2{ width:39px; height:121px; top:40px; left:0px; background: url(images/tl.jpg)}
.tl3{ width:153px; height:121px; top:40px; left:39px; }
.tl3 a img{ border:none;}
.tl4{ width:192px; height:87px; top:161px; left:0px; background: url(images/tl-18.jpg)}
.tl5{ width:192px; height:61px; bottom:0px; left:0px; background: url(images/tl-24.jpg) }


.cim{ width:765px; height:249px; top:40px; left:192px; position:absolute;}
.cim1, .cim2, .cim3, .cim4, .cim5, .cim6, .cim7, .cim8, .cim9,  .cim10, .cim11, .cim12,  .cim13, .cim14, .cim15{ width:153px; height:83px; position:relative; float:left;}
.cim1{ background: url(images/cim.jpg)} 
.cim2{ background: url(images/cim-09.jpg)} 
.cim3{ background: url(images/cim-10.jpg)} 
.cim4{ background: url(images/cim-11.jpg)} 
.cim5{ background: url(images/cim-12.jpg)} 
.cim6{ background: url(images/cim-13.jpg)} 
.cim7{ background: url(images/cim-14.jpg)} 
.cim8{ background: url(images/cim-15.jpg)} 
.cim9{ background: url(images/cim-16.jpg)} 
.cim10{ background: url(images/cim-17.jpg)} 
.cim11{ background: url(images/cim-19.jpg)}
.cim12{ background: url(images/cim-20.jpg)} 
.cim13{ background: url(images/cim-21.jpg)} 
.cim14{ background: url(images/cim-22.jpg)} 
.cim15{ background: url(images/cim-23.jpg)} 

.menu{ width:680px; height:22px; position:absolute; top:18px; left:210px;}
a.mm{ font:9px/22px arial; color:#95b3e6; text-decoration:none;}
a.mm:hover{ color:#FFFFFF}
.m1, .m2, .m3, .m4, .m5{ position:absolute; height:22px;top:0px; text-align:center;}
.m1{ width:64px;left:0px; background:url(images/mm.jpg)}
.m2{ width:119px; left:64px; background:url(images/mm-04.jpg);}
.m3{ width:135px; left:190px; background:url(images/mm-05.jpg)}
.m4{ width:66px; left:329px; background:url(images/mm-03.jpg)}
.m5{ width:94px; left:401px; background:url(images/mm-07.jpg)}

.left{ width:250px; position:absolute; min-height:400px; top:310px; left:0px; text-align:right; }
.left a {text-decoration:none; color:#CCCCCC; font:12px arial;}
.left a:hover {text-decoration:none; color:#ffffff; font:12px arial;}
.l_head{ width:186px; height:26px; background:url(images/left.jpg); position:relative; margin:0px auto; text-align:center; font:11px/20px arial; color:#ffffff;}
.left_cont{ width:200px; height:200px; padding:10px; margin:0px auto; text-decoration:none; color:#CCCCCC;}
.left_cont img { border:none; width:200px; height:200px;}
#doc{ width:16px; height:16px;}
.contacts{ width:270px; height:100px; position:absolute; bottom:0px; left:0px; background:url(images/bl-29.jpg) right bottom no-repeat;}
.contacts_info{ font:12px arial; color:#FFFFFF; margin:0px 30px 10px 20px; background:url(images/bl.jpg) left top no-repeat; padding-left:30px;  text-align:left; bottom:0px; }

.main_cont{ width:450px; height:auto; padding-top:310px; margin:0px 0px 20px 250px; }
.main_info{ width:450px; height:auto; min-height:300px; position:relative; color:#CCCCCC; font:12px Arial, Helvetica, sans-serif; text-align:justify;}
.main_info p { margin:0px 15px; text-indent:20px;}


.text_head{ width:auto; height:25px; background:url(images/phead-26.jpg) right bottom no-repeat; padding:0px 20px; font:12px/25px arial;  color:#CCCCCC;position:absolute; top:-30px; left:50px;}
.text_head_left{ position:absolute; top:0px; left:0px; background:url(images/phead.jpg); width:20px; height:17px;}
.text_head a { color:#CCCCCC; text-decoration:none;}
.text_head a:hover { color:#ffffff; text-decoration:none;}

.right{width:280px; height: auto; position:absolute; top:310px; right:0px; }
.right_blok{ width:260px; height:120px; margin:30px auto; padding:-20px; position:relative; text-align:left; }
.rb_image{ margin:10px; float:left; position:relative;}
.rb_image img{ border:none;}

.footer{ width:980px; height:60px; position:absolute; bottom:0px; right:0px; }

.rights{ width:400px; height:20px; position:absolute; bottom:5px; left:280px;  font:11px/20px arial; color:#999999; text-align:center; }

a.webicom {width:150px; height:40px; position:absolute; bottom:5px; right:10px; font:11px arial; color: #999999; text-decoration:none; }
a.webicom:hover{ color:#FFFFFF;}

a.webicom2 {width:150px; height:40px; position:absolute; bottom:5px; top:48px; right:10px; font:11px arial; color: #999999; text-decoration:none; }
a.webicom2:hover{ color:#FFFFFF;}

a.webicom3 {width:150px; height:40px; position:absolute; bottom:5px; top:63px; right:10px; font:11px arial; color: #999999; text-decoration:none; }
a.webicom3:hover{ color:#FFFFFF;}

a.webicom  img{ border:none; width:16px; height:16px;}

/*  menu buttons   */
#mm1,#mm2,#mm3,#mm4,#mm5{ font:12px/20px arial; height:30px; text-align:center; color:#FFFFFF; }
#mm1{ width:64px; background:url(images/mm.jpg) no-repeat}
#mm2{ width:119px; background:url(images/mm-03.jpg) no-repeat}
#mm3{ width:135px; background:url(images/mm-04.jpg) no-repeat}
#mm4{ width:66px; background:url(images/mm-05.jpg) no-repeat}
#mm5{ width:171px; background:url(images/mm-06.jpg) no-repeat}

#menuitem{ height:25px; font:12px/25px arial; text-decoration:none; filter:alpha(opacity:80); opacity:0.8; background:#011945; color:#CCCCCC; text-align:center}
#menuitem:hover{ filter:alpha(opacity:100); opacity:1; color:#FFFFFF;}

.gallery{ width:185px; height:445px; position:absolute; right:0px; top:-50px;}
.up{ width:152px; height:88px; position:absolute; top:-20px; left:20px; background:url(images/img_11.png); cursor:pointer;}
.down{ width:152px; height:88px; position:absolute; bottom:-25px; left:20px; background:url(images/img_15.png); cursor:pointer;}
.images_hide{ width:115px; height:320px; position:absolute; top:60px; left:40px; overflow:hidden;}

#images_list{ width:115px; position:absolute; top:0px; left:0px; text-align:center}

#images_list a img{ border:none; margin:10px auto; cursor:pointer; filter:alpha(opacity=50); opacity:0.5;}
#images_list a:hover img{filter:alpha(opacity=100); opacity:1; border:none;}

.big_image_cont{ width:445px; height:445px; text-align:center; position:relative; vertical-align:middle; border:none; color:#CCCCCC; font:12px arial; margin:auto; padding-top:20px;}
.big_image_cont img{ border:#4186D3 solid ;}
#big_image{ margin:auto;}
.counter{ width:auto; height:auto; position:absolute; bottom:-30px; right:450px; filter:alpha(opacity=50); opacity:0.5}
.feedback{ position:relative; width:330px; height:440px;}
.dhtmlgoodies_contentBox{border:none; height:0px; visibility:hidden; position:absolute; background-color:none transparent; overflow:hidden; padding:0px; top:15px;width:520px; height:433px; left:10px; z-index:2}
.dhtmlgoodies_content{position:relative; width:100%; height:433px; border-left:2px solid #3d75ae; border:none;  z-index:2;}