/* CSS Document */
* html{ padding:0px; margin:0px; height:100%}
* html #page_div{ height:100%}

html, body{ margin:0px; padding:0px; height:100%}
#page_div{ width:100%; min-height:100%; margin-bottom:-60px;}
#footer_div{ width:100%; height:54px;} 

table{ border-collapse:collapse}

#page{ width:100%; height:auto; position:relative; min-width:1000px; margin-bottom:20px;}
.head1{ background: url(images/black_fon.png) left top no-repeat}
.head2{ }
.head3{ background: url(images/fon.png) top repeat-x;  }
.head4{ background: url(images/head_right.png) right top no-repeat}
.head_text{ background:#FFFFFF;}
.head_text h1{ font:18px tahoma,verdana, arial; color: #999999; text-align:center}
.head_flash{ width:350px; height:400px; margin-top:20px;}

#body{ height:250px;}
.right_cont{ padding:30px; font:12px tahoma, verdana, arial; color: #666666}
.left_cont p, .right_cont p{ text-indent:20px;}

.left_cont{ width:350px; padding:30px 0px; font:12px tahoma, verdana, arial; color: #666666}




#head_menu_cont{ min-width:88px; height:auto; padding-top:25px; background: url(images/head_menu_fon.png) top center no-repeat }
#head_menu_fon{ min-width:88px; height:auto; padding-bottom:25px; background:url(images/head_menu_fon.png) bottom center no-repeat; text-align:center}
#head_menu_fon a{ font:13px tahoma, arial, verdana; color:#FFFFFF; text-decoration:none; background: url(images/dot.png) left center no-repeat; padding-left:15px }
#head_menu_fon a span{ padding-right:15px; background:url(images/dot.png) right center no-repeat}
#head_menu_fon a:hover{ color:#C00B00}
.select{ color:#C00B00!important}
#footer{ height:57px; width:100%; position: relative;}
#footer_red{ background: #000000 url(images/footer_red.png) right top no-repeat}



#rights{ width:500px; height:20px; font:12px/20px tahoma, arial, verdana; color: #999999; text-align: right; position:absolute; right:240px; top:20px}



#contacts{ width:200px; height: 54px; padding-left:35px; position:absolute; right:0px; bottom:0px; background:url(images/contacts_left.png) left bottom no-repeat; font:11px tahoma, verdana, arial; color:#999999;}
.full_contacts{ font:12px/20px tahoma, verdana, arial; color: #666666; text-align:left; float:left; margin-left:30px; }
.big_font{ font: bold 12px tahoma, vardana, arial; color: #666666}


#webicom{ width:100px; position:absolute;left:200px; bottom:1px; text-align:left }
#mailru{ width:100px; position:absolute;left:80px; bottom:10px; text-align:left }
#webicom a{ color:#999999; text-decoration:none; font:11px tahoma, verdana, arial;}
#webicom a:hover{ color: #CCCCCC}
#webicom a img{ border:none; width:16px; height:16px;}

.feedback{ font:12px arial; color: }
.map{ width:150px; float:left; cursor:default}
.about{ width:220px; margin-left:80px; text-align:justify}

.img_cont{ width:150px; position:relative; float:left; margin-left:20px; border:1px solid white; text-align:center; cursor:pointer}
.img_cont img{ filter:alpha(opacity=90); opacity:0.9}
.img_cont img:hover{ filter:alpha(opacity=100); opacity:1} 
.img_cont:hover{ border:1px solid #960601}

/*     gallery      */

#gallery_cont{width:100%;height:100%; position:absolute; background:#000000; display:none; top:0px; left:0px; min-width:1000px; filter:alpha(opacity=0); opacity:0; z-index:1000}
#g_head{ height:122px; width:100%; position:absolute; left:0px; top:0px; background:#FFFFFF; z-index:11;}
#g_head_top_line{ width:100%; height:6px; background:#000000 url(images/gallery/red_top.png) left top no-repeat; position:absolute; left:0px; top:0px;}
#g_head_right{ width:74px; height:162px; position:absolute; right:0px; top:0px; background:url(images/gallery/head_right.png) no-repeat}
#g_head_logo{ width:112px; height:32px; position:absolute; left:70px; top:55px; background:url(images/gallery/glanc.png)}
a#g_close{ font:14px tahoma, verdana; background:#AD0900; color:#FFFFFF; position:absolute; padding:5px 20px; right:80px; top:6px; text-decoration:none}
a#g_close:hover{ color: #000000;}
#box_margin_big_img{ width:100%; height:60px; position:relative; clear:both;}
#g_big_img_cont{width:520px; height:520px; position:absolute; margin:0px auto 0px -250px; left:50%; top:60px; clear:both; border:1px solid #AD0900; background: #000000; z-index:12}
#birka{ width:25px; height:56px; position:absolute; left:-27px; top:100px; background:url(images/gallery/birka.png) no-repeat; z-index:20}
#g_right_bottom{ width:112px; height:121px; position:absolute; right:0px; bottom:0px; background:url(images/gallery/right_bottom.png) no-repeat;}

.g_hide{ width:152px; height:450px; overflow:hidden; position:absolute; left:50%; top:22px; margin-left:-76px;}
#l_img_line, #r_img_line{ width:150px; height:auto; position:absolute; left:0px; top:0px;}
.img{ position:relative; padding:0px; margin:auto; filter:alpha(opacity=70); opacity:0.7; cursor:pointer; border:1px solid black;}
.img:hover{ filter:alpha(opacity=100); opacity:1; border:1px solid #AD0900}
#left_images{ width:200px; height:500px; position:absolute; left:20px; top:140px; z-index:20}
#right_images{ width:200px; height:500px; position:absolute; right:50px; top:140px; z-index:20}

.l_img_top{ width:156px; height:22px; background: url(images/gallery/v_red_top.png) no-repeat; position:absolute; top:0px; left:50%; margin-left:-78px; cursor:pointer; z-index:20} 
.l_img_bottom{ width:156px; height:22px; background: url(images/gallery/v_red_top-10.png) no-repeat; position:absolute; bottom:0px; left:50%; margin-left:-78px; cursor:pointer; z-index:20;} 

#img_box{ display:block; height:auto;}
.s_g{ margin:10px auto 0px auto; filter:alpha(opacity=80); opacity:0.8; cursor:pointer; border:1px solid black;}
.s_g:hover{ filter:alpha(opacity=100); opacity:1; border:1px solid #AD0900}

/*  gallery on the page */
.mg_gallery{ width:90%;}
#mg_hide{ width:100%; height:205px; overflow:hidden; position:relative;}
#mg_img{ cursor:pointer}
#mg_img_line{ position:absolute; height:205px; width:1900px; top:0px; left:0px;} 
.img_top{ width:150px; height:7px; background:url(images/img_top.png) no-repeat}
.img_bottom{ width:150px; height:48px; background:url(images/img_bottom.png) no-repeat;}