html { height: 100% }
body  { height: 100%; font-family:  Tahoma; font-size: 11pt; margin: 0px; padding: 0px; color: #333333; } 
div.page { min-height: 100%; height: auto !important; height: 100%; }

div.top { position: relative; z-index: 2; width: 100%; height: 60px; top: 0px; padding-top: 5px; 
 background: white; border-top: 5px #003e55 solid; border-bottom: 1px #003e55 solid; box-shadow: 0px 5px 7px 1px #333333 }
div.bottom { position: relative; width: 100%; height: 80px; margin-top: -81px; border-top: 1px solid #333333; background: rgba(33, 33, 33, 1); font-size: 14px !important;}
div.cent { position: fixed; z-index: 1; width: 100%; height: 100%; margin-top: 71px; background: #333333; text-align: center; }
div.centin { position: relative; width: 100%; height: 30px; background: #333333 url('../images/fon_2.jpg') top center; }
.container {  width: 80%; min-width: 1000px; max-width: 1350px; margin: 0 auto }
#in1, #in2, #in3 { position: relative; margin: 4% auto 2% auto; display: none; }
#in1 { width: 416px; height: 67px; background: url('../images/frame.png') no-repeat; }
#in2 { width: 416px; height: 326px }
#in3 { width: 1000px; height: 160px }
#in3 a { display: block; float: left; width: 120px; margin: 0px 10px; text-align: center; color: white; TEXT-DECORATION: none }
#in3 a:hover { color: #0093dd; TEXT-DECORATION: underline }
#in3 a img { width: 100px; height: 100px; padding: 3px; border: 1px solid white }
#in3 a:hover img { width: 110px; height: 110px; margin: -5px; border: 1px solid #0093dd }

div.mainmenu { float: right; font-size: 12pt; min-width: 660px; }
div.mainmenu a { display: inline-block; margin: 20px 1% -15px 1%; padding: 5px 0px 24px 0px; color: #333333; TEXT-DECORATION: none }
div.mainmenu a:hover { color: #0093dd  }
#active { color: #0093dd; margin-top: 18px; background: url('../images/podmenu.png') no-repeat bottom center; border-top: 2px solid #0093dd  }

.kont { margin-left: 250px; padding-left: 10px; height: 100%; }
.tovar { display: block; float: left; width: 220px; text-align: center; height: 320px; margin: 0px 3% 30px 0px; }
.tovar:hover { background-color: #e9e9e9; }
.tovar img { padding: 3px; border: 1px solid #c1c1c1;}
.tovar p { padding: 0px 5px; text-align: left !important; height: 55px; overflow: hidden }
.left { float: left; width: 21%; margin: 15px 15px 0px 15px; color: white; line-height: 1.6 }
a:link.copy, a:visited.copy, a:hover.copy { display: inline-block; color: black; text-decoration: none; background: #0093dd; line-height: 14px;
 font-size: 12px; height: 14px; width: 12px; padding: 0px 2px 2px 2px; border-radius: 7px }
.yashare-auto-init a {margin:8px}

table.catalog { table-layout: fixed; border: 1px solid #003e55; text-align: center; margin: 10px; background-color: #e9e9e9; border-collapse:collapse;
 box-shadow: 0px 0px 2px #333333; -moz-box-shadow: 0px 0px 2px #333333;  -webkit-box-shadow: 0px 0px 2px #333333; }
th { background-color: #003e55; font-weight: normal; color: white }
table.catalog th, table.catalog td { padding: 5px; border:1px solid white }
table.catalog tr:hover { background: white;}
table.catalog tr:hover td:not(:first-child){ font-weight: 600; padding: 0px 5px;}
table.catalog td.lal{ text-align: left }
table.catalog tr td:first-child{ white-space: nowrap; font-weight: normal !important;}

tr.hover,
td.hover,
th.hover {font-weight: bold !important;}

div.hr { margin: 10px 0px; background: url('../images/hr.png') repeat-x center; }

p   { text-indent: 0px; font-size: 11pt; text-align: justify; margin: 10px 0px }
p.center { font-size: 12pt; text-align: center; margin: 10px }
p.right { font-size: 11pt; font-style: italic; text-align: right; margin: 10px 20px 10px 10px }

h1 { display: inline-block; background: white; font-weight: normal; font-size: 18pt; color: #c1c1c1; text-align: left; margin: 10px 0px; padding-right: 10px }
h2 { font-size: 12pt; COLOR: #003e55; }
h3 { color: white; text-align: center; font-size: 14pt; font-weight: normal; padding: 10px 30px }
h4 { font-size: 12pt; text-align: center; color: #333; margin: 20px 10px 10px 10px }

A:link, a:visited { COLOR: #003e55; TEXT-DECORATION: underline }
A:hover { COLOR: #0093dd; TEXT-DECORATION: none }
A.white:link, a.white:visited { COLOR: white; TEXT-DECORATION: none; }
A.white:hover { COLOR: white; TEXT-DECORATION: underline }
A.button { margin: 10px; padding: 3px 15px 4px 15px; font-weight: bold; color: white;
 background: #0093dd url('../images/but.png'); text-shadow: #333333 1px 1px 1px; border-radius: 4px; TEXT-DECORATION: none; }
A.button:hover { color: #e9e9e9; }

ul { font-size: 11pt; margin: 15px; padding: 0px 10px }
li { margin: 0px 4px; padding: 3px }


hr { align: center; height: 0; color: black; border-top: solid 1px black; margin: 2px; padding: 0px }

#nav {
	position: fixed;
	border-top: 3px solid #009de0;
}
#nav , #nav ul  {
    list-style:none;
	width:220px;
	padding: 0px;
	margin: 0px;
}
#nav ul {
    position:relative;
    z-index:-1;
}
#nav li {
    position:relative;
    z-index:100;
	font-size:12pt;
	margin: 0px;
	padding: 0px;
}
#nav ul li {
    font-size:11pt;
	margin:-36px 0px 0px 0px;
	padding: 0px;
    -moz-transition:  0.4s linear 0.4s;
    -ms-transition: 0.4s linear 0.4s;
    -o-transition: 0.4s linear 0.4s;
    -webkit-transition: 0.4s linear 0.4s;
    transition: 0.4s linear 0.4s;
}
#nav li a {
    background-color:#f5f5f5;
	border-bottom: 1px solid #c1c1c1;
    color:#333333;
    display:block;
	padding: 10px 0px 10px 40px;
    text-decoration:none;
}
#nav li a.sub {
    background:#f5f5f5 url("../images/button.gif") no-repeat 10px center;
}
#nav li a:hover, #nav ul li a:hover { 
   color:#0093dd;
}
#nav ul li a {
    background-color:#e9e9e9;
    border-bottom:1px solid #c1c1c1;
    line-height:15px;
}
#nav a.sub:focus {
    background:#e9e9e9 url("../images/button_on.gif") no-repeat 10px center;
    color:#0093dd;
}
#nav a:focus ~ ul li {
    margin-top:0;

    -moz-transition:  0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linears;
    -webkit-transition: 0.4s linears;
    transition: 0.4s linear;
}
#nav a.sub:active {
    background:#e9e9e9;
    outline:0;
}
#nav a:active ~ ul li {
    margin-top:0;
}
#nav ul:hover {
    display:block;
}

*{
	margin:0;
	padding:0;
}
.piro_html {position:absolute; top:0; left:0; padding:0; width:500px; height: 500px; margin:0; display:block; padding:0; z-index:150001; padding:0;  }
.piro_html table,.piro_html tbody,.piro_html tr,.piro_html th,.piro_html td{margin:0;padding:0;border:none;}
.piro_html img{ margin:0; padding:0; border:none;}

.piro_html .h_t_l{ width:10px; height:10px; background: url(../images/caption.png);}
.piro_html .h_t_r{ width:10px; height:10px; background: url(../images/caption.png);}
.piro_html .h_t_c{ cursor:move; height:10px;background: url(../images/caption.png);}

.piro_html .h_c_l{width:10px; background: url(../images/caption.png); }
.piro_html .h_c_c{background: url(../images/caption.png);margin:0; padding:0;}
.piro_html .h_c_c .div_reg{ background: url(../images/caption.png); width:480px; overflow:hidden; height:480px; margin:0; padding:0; }
.piro_html .h_c_c .div_reg img{ cursor:move;}
.piro_html .h_c_r{width:10px; background: url(../images/caption.png);}

.piro_html .h_b_c{ cursor:move; height:10px;background: url(../images/caption.png);}
.piro_html .h_b_l{ width:10px; height:10px;background: url(../images/caption.png);}
.piro_html .h_b_r{ width:10px; height:10px;background: url(../images/caption.png);}

.piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%;  z-index:150000;background:#fff;display:none; cursor:pointer;}
.piro_loader{position:absolute;top:50%;left:50%;margin:-59px 0 0 -59px;width:118px;height:118px;display:block;z-index:150005;  cursor:pointer; }
.piro_loader span{position:absolute;top:50%;left:50%;margin-top:-36px;margin-left:-36px;width:72px;height:72px;display:block;z-index:150009; background: url(../images/loadinfo.gif) center top no-repeat; }
.piro_title{position:fixed; background: url(../images/bg_title.png) bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;}
.btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; background: url(../images/b_w/info.png) no-repeat; z-index:1500440}
.caption{position:absolute;bottom:10px;left:10px;margin:0;display:block; padding:0px; color:black; cursor:text; background: url(../images/caption.png); z-index:150018}
.caption p{ display:block; margin:0;padding:7px 5px; text-align:center; font-weight:normal; font-size:14px; color:white; z-index:150019; color:white;}

.nav_container{position:absolute; bottom:-20px; right:0; height:20px; width:60px; background: url(../images/caption.png); z-index:1500190000000;}
.piro_close{position:absolute;right:20px;height:20px;width:20px;background: transparent url(../images/close.png) no-repeat center center;cursor:pointer;margin:0 0 0 0;z-index:150022;display:none;}
a.piro_next{position:absolute;width:20px; right:0px; height:20px;text-indent:-999em;outline:none; display:block; margin:0;background:url(../images/next.png) center right no-repeat; border:none; cursor:pointer;z-index:150023}
a:hover.piro_next{background:url(../images/next.png) center right no-repeat;}
.piro_next_fake{position:absolute;width:20px; right:0px; height:20px;outline:none; text-indent:-999em; display:none; margin:0;background: url(../images/next.png) center right no-repeat; border:none; cursor:auto;z-index:150020}
.piro_prev_fake{position:absolute;width:20px; right:40px; height:20px;outline:none; text-indent:-999em; display:none; margin:0;background: url(../images/prev.png) center right no-repeat; border:none; cursor:auto;z-index:150020}

a.piro_prev{position:absolute;width:20px; right:40px; height:20px; text-indent:-999em; outline:none;display:block;margin:0;background: url(../images/prev.png) center left no-repeat;border:none; cursor:pointer; z-index:150024}
a:hover.piro_prev{background:url(../images/prev.png) center left no-repeat;}
a.close_pirobox{color:#bb0f05;}

.pirobox  img, .pirobox_gall img { margin: 0 5px 5px 0 }

.podform { position: fixed; bottom: 200px; right: 0px; width: 30px; height: 260px; overflow: hidden; }  
.call { position: relative; display: block; width: 340px; height: 260px; margin: -10px 0px 0px 30px; padding-top: 10px; color: white; background: #0093dd; }
.call  img  { float: left; margin-left: -30px } 
.call span { display: inline-block; width: 100px; margin: 0px 10px } 
.call div  { margin: 4px } 
input[type="text"] { border: 1px solid #C1C1C1; padding: 5px 10px; font-size: 16px; color: #333333; width: 172px; }
input[type="submit"] { border: 1px solid #C1C1C1; padding: 5px 10px; font-size: 16px; color: #333333; }
.kovsh-img + .kovsh-img {margin-left: 10px !important;}

/*bx-slider*/
.bx-wrapper {position: relative;display: inline-block; max-width: 740px !important;}
.bx-wrapper span, .bx-wrapper a { position: relative; border: 1px solid #cdd8d8; border-radius: 10px; padding: 2px; }
.feed a { display: inline-block; position: relative; margin: 0 10px 10px 0 }
.feed img { border-radius: 10px;  }
.feed a b { display: block; position: absolute; z-index: 2; width: 100%; height: 100%; border-radius: 10px; }
.feed a:hover b {  background: rgba(78,95,105,.3) url(../images/eye.png) no-repeat center center; }
.gal img { height: 200px; }
.gal a:hover img { opacity: .8; }
.gal a { height: auto !important; margin-bottom: 40px !important; overflow: hidden; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  border: none;
  width: 33px;
  height: 63px;
  text-indent: -9999px;
  z-index: 3;
  background-image: url(../images/arrows.png);
  background-repeat: no-repeat;
}
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

.bx-wrapper .bx-prev {  left: -45px; background-position: 0 -63px;}
.bx-wrapper .bx-prev:hover {  background-position: 0 -189px; }

.bx-wrapper .bx-next {  right: -45px;  background-position: 0px 3px; }
.bx-wrapper .bx-next:hover { background-position: 0px -124px; }
.wh{
  padding-left: 30px;
}
.wh:before{
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../images/wh.png);
  margin-left: -20px;
}