@charset "utf-8";



/*******************   Сброс дефолтных значений     **********************/

*, html, body
{
  margin:0;
  padding:0;
}

html, body
{
  width:100%;
  height:100%;
  background:#0b9ce6 url(/img/bg1.gif) repeat-x top left;
  cursor:default;
}

body, a, table, p, h3
{
  font-family:'Tahoma', 'Verdana', 'Helvetica';
  font-size:14px;
  color:#666;
}

li,ul        { list-style:none;                         }
p            { margin-bottom:15px;                      }
img, table   { border:0;                                }
h1, h2       { font-weight:normal;font-size:16px;       }
a            { color:#000;text-decoration:underline;    }
a:hover      { text-decoration:none;color:#000;         }

th,td
{
  vertical-align: top;
}

h3
{
   font-weight: normal;
   color: #000;
}

h4
{
   font-weight: normal;
   color: #000;
}

.clear_all
{
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after
{
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix   {  display: inline-block;  }


/*******************   Структура     **********************/

#index 
{
  min-height:100%;
  position:relative;
  min-width:1250px;
  background:#fff url(/img/index_bg.gif) repeat-x bottom left;
}

.top_line
{
  background:#1abdff;
  height:20px;
  width: 100%;
}

.r
{
  position: absolute;
  bottom:0px;
  right:-20px;
  width: 20px;
  height: 1200px;
}

.top_r
{
  width:35%;
  margin-top:50px;
  float:left;
  height: 131px;
  position: relative;
  z-index:820;
}

.top_r_line
{
  height:49px;
  left:0;
  position:absolute;
  top:49px;
  width:100%;
  background:#009BF5 none repeat scroll 0 0;
}

.top_r_bg
{
  height: 105px;
  background: url(/img/top_r.jpg) no-repeat top right;
  top:1px;
  left:29px;
  width:100%;
  position: absolute;
}


.top_l
{
  width:34%;
  position: relative;
  margin-top: 32px;
  float:right;
  height: 116px;
  background:#0db4ff url(/img/r_line.gif) repeat-y top right;
}

.ugol_l_ugol
{
  position: absolute;
  top:0px;
  left:0px;
  height:116px;
  width:38px;
  padding: 0px !important;
  background:url(/img/top_l.gif) no-repeat top left;
}

.ugol_left
{
  position: absolute;
  top:119px;
  left:0px;
  height: 49px;
  width:27px;
  background: #009bf5;
}

.ugol_right
{
  position: absolute;
  top:52px;
  right:0px;
  height: 116px;
  width:27px;
  background: #009bf5;
}

.logo
{
  width:30%;
  margin-top:59px;
  float:left;
  height: 129px;
  display: block;
  cursor: pointer;
  background: url(/img/logo.gif) no-repeat top center;
}

.top_l div
{
  font-size: 12px;
  color:#000;
  padding:8px 15px 10px 40px;
}

.top_l div a
{
  color: #fff;
}

#top 
{
  padding-bottom:120px;
}
         
#footer
{
  width:100%;
  bottom:0px;
  position:absolute;
  height:120px;
}

.footer_line
{
  background: #0b9ce6;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 27px;
}

.footer_content
{
  margin: 0px 0px;
}

.footer_content div
{
  border-top:5px solid #fff;
  margin: 0px 38px;
}

.freezone
{
  background: url(/img/free-zone.png) no-repeat;
  position: absolute;
  bottom: 0px;
  right: 45px;
  width:311px;
  height:103px;
}

.t1
{
  position: absolute;
  bottom: 27px;
  right: 155px;
  color:#fff;
  font-size:10px;
}

.t2
{
  position: absolute;
  bottom: 30px;
  right: 75px;
}

.t2 a
{
  font-size:14px;
  color:#fff;
}

.copy
{
  position: absolute;
  bottom: 50px;
  left: 50px;
  font-size: 12px;
}

.copy a
{
  font-size: 12px;
  color:#666;
}

.black   { color:#000 !important }


#cap
{  
  position:relative;
  width:100%;
  height:220px;
}

#cap h1
{
  position: absolute;
  height: 0px;
  display: none;
  width: 0px;
}


#content
{
  position:relative;
  width:100%;
}

/* Верхнее меню  */

.top_menu
{
  padding-left: 49px;
  position: absolute;
  top:20px;
  z-index: 999;
}

.top_menu li
{
  float:left;
  height: 38px;
  padding:0px 6px 0px 0px;
}

.top_menu li.active,
.top_menu li.active2
{
  float:left;
  background:#13bcff url(/img/top_menu_r.gif) no-repeat right top;
  height: 38px;
  padding:0px 13px 0px 0px;
}

.top_menu li span
{
  display: block;
  padding: 13px 3px 6px 6px;
}

.top_menu li.active span,
.top_menu li.active2 span
{
  display: block;
  background:#13bcff url(/img/top_menu_l.gif) no-repeat left top;
  padding: 13px 3px 5px 12px;
  border-bottom: 3px solid #0268a0;
}

.top_menu li span a
{
  color:#0077bf;
}


.top_menu li.active span a
{
  color:#fff;
  cursor:default;
  text-decoration: none;
}

.top_menu li.active2 span a
{
  color:#fff;
  cursor:pointer;
  text-decoration: underline;
}

.top_menu li.active2 span a:hover
{
    text-decoration: none;
}

/*************** иконки  *******************/

.home_active
{
  position: absolute;
  top:20px;
  right:130px;
  width: 39px;
  height:32px;
  background: url(/img/plashka.gif) no-repeat left top;
}

.home_active a
{
  display: block;
  width:11px;
  height:10px;
  margin: 10px 0px 0px 14px;
  background: url(/img/home_a.gif) no-repeat left top;
}

.home
{
  position: absolute;
  top:20px;
  right:130px;
  width: 39px;
  height:32px;
}

.home a,
.home_active span
{
  display: block;
  width:11px;
  height:10px;
  margin: 10px 0px 0px 14px;
  background: url(/img/home.gif) no-repeat left top;
}

.home_active span
{
    background: url(/img/home_a.gif) no-repeat left top;
}


.home a.active
{
  display: block;
  width:11px;
  height:10px;
  margin: 10px 0px 0px 14px;
  background: url(/img/home.gif) no-repeat left top;
  cursor:default;
}

.mail
{
  position: absolute;
  top:32px;
  right:110px;
  width: 12px;
  height:10px;
  background: url(/img/mail.gif) no-repeat left top;
}

.grey_bg
{
  position: absolute;
  bottom:27px;
  left:0px;
  width:100%;
  height:315px;
  background: url(/img/index_bg.gif) repeat-x left top;
}


/***************   главная страница     ****************/

#glav
{
   background: url(/img/glav.jpg) no-repeat right top;
   position: relative;
   margin:0px 29px;
}

#glav .content
{
  padding: 0px 600px 0px 40px;
   min-height: 800px;
}

.title
{
  font-size:24px;
  color: #0075BB !important;
  padding: 0px 0px 15px 100px;
}

#glav2
{
   position: relative;
}

#glav2 .content
{
  padding: 0px 40px 0px 40px;
   min-height: 700px;
}

#glav2 .title
{
  font-size:24px;
  color: #6e6e6d;
  padding: 0px 0px 15px 100px;
}

.two_cols
{
  position: relative;
}

.left
{
  position:relative;
  float:left;
  margin:0px;
  width:450px;
}

.right
{
  position:relative;
  margin:0px 69px 50px 450px;
  line-height: 1.2;
}

.right p, .right li, .right
{
  font-size:12px;
  color:#000;
}

.right ul
{
  padding-bottom: 15px;
}

.right h2
{
  color:#0075bb;
  padding:0px 0px 15px 0px;
  font-size: 14px;
}

h1
{
  color:#0075bb;
  padding:0px 0px 15px 0px;
  font-size: 14px;
}

.breadcrumb,
h3.breadcrumb
{
  font-size: 10px !important;
  color:#666 !important;
  padding:15px 0px 20px 0px;
}

.breadcrumb a
{
  font-size: 10px;
  color:#666;
  text-decoration: underline;
}

.breadcrumb a:hover
{
  font-size: 10px;
  color:#666;
  text-decoration: none;
}

.right li
{
  background: url(/img/li3.gif) no-repeat 0px 8px;
  padding-left: 20px;
  margin-bottom: 2px;
}

.left ul
{
  margin:0px 30px 0px 45px;
}

.left li
{
  background: url(/img/li.gif) no-repeat 0px 7px;
  padding: 0px 0px 0px 20px;
  margin: 10px 0px;
}

.left li li
{
  background: url(/img/li2.gif) no-repeat 0px 8px;
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 0px;
}

.left li ul
{
  margin: 10px 0px 0px 10px;
}


.left li a            { color:#0077bf; }
.left li li a         { color:#000;    }
.left li a:hover      { color:#d93f3f; }
.left li li a:hover   { color:#0077bf; }

.left li a.active
{
  color:#d93f3f;
  text-decoration:none;
  cursor: default;
}

.left li a.active2
{
  color:#d93f3f;
  text-decoration:underline;
  cursor: pointer;
}

.left li li a.active
{
  color:#0077bf;
  text-decoration:none;
  cursor: default;
}
.work
{
  display: block;
  text-decoration: none;
  padding: 5px 5px 5px 115px;
  min-height: 120px;
  background-repeat: no-repeat;
}

.i11
{
  background-position: 6px 0px;
}


.work .head
{
   display: block;
   font-size:18px;
   text-decoration: underline;
   margin-bottom: 10px;
   padding-left: 15px;
   color:#0075BB;
}

.work .head h1
{
  font-size: 16px;
}


.work:hover .head
{
  text-decoration: none;

}

.text, .text2, .text3, .text4
{
    display: block;
}

.work .text
{
  color: #666;
  position: relative;
}

.work .text4
{
  padding: 8px 15px 15px 15px;
  text-indent: 10px;
}

.work:hover .text   { background: url(/img/left.gif) repeat-y left top;      }
.work:hover .text2  { background: url(/img/right.gif) repeat-y right top;    }
.work:hover .text3  { background: url(/img/bottom.gif) repeat-x left bottom; }
.work:hover .text4  { background: url(/img/top.gif) repeat-x left top;       }

.work:hover .tl
{
  position: absolute; top: 0px; left:0px;
  width:15px;
  height: 15px;
  background: url(/img/tl.gif) no-repeat left top;
}

.work:hover .tr
{
  position: absolute; top: 0px; right:0px;
  width:15px;
  height: 15px;
  background: url(/img/tr.gif) no-repeat right top;
}

.work:hover .bl
{
  position: absolute; bottom: 0px; left:0px;
  width:15px;
  height: 15px;
  background: url(/img/bl.gif) no-repeat left bottom;
}

.work:hover .br
{
  position: absolute; bottom: 0px; right:0px;
  width:15px;
  height: 15px;
  background: url(/img/br.gif) no-repeat right bottom;
}

.i1       { background: url(/img/icon_1.gif) no-repeat 15px 20px; }
.i2       { background: url(/img/icon_2.gif) no-repeat 15px 20px; }
.i3       { background: url(/img/icon_3.gif) no-repeat 5px 20px;  }
.i4       { background: url(/img/icon_4.gif) no-repeat 15px 20px; }
.i5       { background: url(/img/icon_5.gif) no-repeat 15px 20px; }
.i6       { background: url(/img/icon_6.gif) no-repeat 10px 20px; }
.i7       { background: url(/img/icon_7.gif) no-repeat 18px 20px; }
.i8       { background: url(/img/icon_8.gif) no-repeat 10px 20px; }
.i9       { background: url(/img/icon_9.gif) no-repeat 10px 20px; }

.footer_news
{
  width:100%;
  bottom:120px;
  position:absolute;
  height:120px;
}

.footer_news .content
{
  margin: 0px 40px;
  background: url(/img/border.gif) repeat-x top left;
  padding: 35px 0px 0px 0px;
}

.news
{
  position: relative;
  padding: 4px 0px 17px 75px;
  margin-left: 60px;
}

.title_news
{
  font-size:18px;
  color:#000;
  padding-bottom: 12px;
  padding-left: 15px;
}

.news a
{
  color:#666;
}

.footer_news .news
{
  position: relative;
  padding: 4px 400px 17px 89px;
  margin-left: 41px;
}

.footer_news .news a
{
  color:#666;
}

.teaser
{
  display: block;
}

.teaser:hover
{
  display: block;
  color: #0077bf;
  text-decoration: underline;
}

.data
{
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(/img/data.gif) no-repeat top left;
  color: #fff !important;
  font-size: 11px;
  padding: 5px 0px;
  width: 62px;
  text-align: center;
}

.data_full
{
  left:105px;
  top:90px !important;
}


#top .data
{
  top: 5px;
}

.padding_bottom
{
  padding-bottom: 130px !important;
}

.ob
{
  position:absolute;
  top: -60px;
  right: 230px;
}

.ob a
{
  font-size: 18px;
}

/************ Рамки ************/

.ramka
{
  position: relative;
  min-height: 100px;
  /*width: 140px;*/
  border: 1px solid #007abf;
  margin: 35px auto 15px;
  padding: 9px 0px;

}

.ramka_text
{
  margin: -10px auto 15px;
  width:200px;
  text-align: center;
  color: #003399 !important;
}


.ramka img
{
  margin-left:auto;
  margin-right:auto;
  display: block;
}

.plus
{
  position: absolute; top: -19px; right:-23px;
  width:39px;
  height: 32px;
  background: url(/img/plus.png) no-repeat left top;
  text-decoration:none;
  display: block;
}


.tl_ramka
{
  position: absolute; top: -1px; left:-1px;
  width:10px;
  height: 10px;
  background: url(/img/tl_ramka.gif) no-repeat left top;
}

.tr_ramka
{
  position: absolute; top: -1px; right:-1px;
  width:10px;
  height: 10px;
  background: url(/img/tr_ramka.gif) no-repeat right top;
}

.bl_ramka
{
  position: absolute; bottom: -1px; left:-1px;
  width:10px;
  height: 10px;
  background: url(/img/bl_ramka.gif) no-repeat left bottom;
}

.br_ramka
{
  position: absolute; bottom: -1px; right:-1px;
  width:10px;
  height: 10px;
  background: url(/img/br_ramka.gif) no-repeat right bottom;
}

.arhiv
{
  position:relative;
  background: url(/img/arhiv.gif) no-repeat left top;
  font-size: 24px;
  padding: 25px 0px 30px 130px;
  color: #0074b9;
  margin: 5px 0px 30px 30px;
}

.arhiv2
{
  position:relative;
  background: url(/img/arhiv.png) no-repeat left top;
  font-size: 24px;
  padding: 15px 0px 30px 90px;
  color: #0074b9;
  margin: 5px 0px 30px 30px;
}

.arhiv2 a
{
  color: #0074b9;
  font-size: 18px;
}


/******** полная новость ********/

.full_news
{
  position: relative;
  padding:0px 50px 0px 190px;
  color: #000 !important;
}

.full_news p
{
  color: #000 !important;
  margin-bottom: 0px;
  text-indent: 25px;
}

.full_news div
{
  color: #000;
}

.full_news h2
{
  font-size:24px;
  color:#0066cc;
  padding-bottom: 15px;
}

.full_news h3
{
  font-size:18px;
  color:#0066cc;
  padding-bottom:15px;
}

.width200
{
  width: 200px;
}

.bg_none
{
  background: none !important;
}


/****************** галерея *********************/

.block
{
  width: 203px;
  height:300px;
  float:left;
  margin-left:20px;
}

.b2
{
  height:295px;
}


.fs24
{
  font-size: 24px !important;
  color:#0075BB;
  padding:0 0 15px;    
}

.fs18
{
  font-size: 18px !important;
}

.ramka2
{
  position: relative;
  height: 203px;
  width: 203px;
  margin: 20px 0px 15px 0px;
}

.ramka2 a
{
  position: absolute; top:0px; left: 0px;
  height: 203px;
  width: 203px;
  display: block;
  background: url(/img/crop.png) no-repeat top left;
}

.ramka2 img
{
  vertical-align: middle;
}


.ramka2 a span
{
  cursor: pointer;
}


.ramka2 a:hover
{
  background: url(/img/crop_a.png) no-repeat top left;
}

.ramka_text2
{
  margin:-5px 0px 7px;
  width:203px;
  text-align: center;
  color: #003399 !important;
  font-size:11px;
}

.b2 .ramka_text2
{
  color: #0066cc !important;
}


.ramka_text3
{
  margin:0px 0px 0px;
  width:203px;
  text-align: center;
  color: #666 !important;
  font-size:10px;
}


.ramka2 img
{
    display:inline-block;
    vertical-align:middle;
}

.helper
{
    display:inline-block;
    vertical-align:middle;
    height:100%;
    width:0px;
}


.gal_nav
{
  width: 300px;
  text-align: left;
  position:relative;
  margin: 10px auto 20px;
  color: #003399;
}

.gal_nav span
{
  color: #666;
}


.gal_nav a
{
  color: #003399;
}

/************ каталог  *************/

.product
{
  color:#000;
  font-size: 12px;
}

.pb
{
  padding-bottom: 20px;
}

.money span
{
  font-size: 16px;
  font-weight:bold;
  color:#0077BF;  
}

.money i
{
  font-size: 12px;
  font-style:normal;
  font-weight:bold;
  color:#0077BF;  
}

.ramka3
{
  position: relative;
  min-height: 50px;
  width: 150px;
  border: 1px solid #007abf;
  margin: 15px 0px 10px 0px;
  padding: 9px 0px;
}

.product_text
{
  margin-left:20px;
  margin-top: 12px;
}

.product_text2
{
  margin-left: 255px;
}

.mt0
{
  margin-top: 0px;
}


.name
{
  background: url(/img/li2.gif) no-repeat 0px 8px;
  padding: 0px 0px 0px 20px;
  font-size: 12px;
}

.name a
{
  color:#0077BF;
}

.ramka3 img
{
  margin-left:auto;
  margin-right:auto;
  display: block;
}

.width235
{
  width: 235px;
}

.float
{
  float: left;
}

h2 span
{
  font-size: 12px;
  color: #000;
}

.opisanie
{
  width: 560px;
  margin-left:30px;
}

.opisanie caption
{
  text-align: left;
  color: #0066cc;
  font-size: 14px;
  padding-bottom: 15px;
  padding-top: 18px;
}

.opisanie td, .opisanie th
{
  text-align: left;
  font-size: 12px;
  padding:5px 5px 5px 22px;
  color: #000;
  width: 50%;
}

.opisanie th
{
  color: #0066cc;
  padding-bottom: 15px;
}

.tag a
{
  color: #0066cc;
}

.tag
{
  margin-top:30px;
}

.opisanie .even
{
  background: #ddd;
}

.odd
{
  background: #fff;
}


/********  лайтбокс   *******/

.fon
{
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:900;
  background-color:#fff;
  opacity:0.75;
}

.block_big
{
  display:block;
  width:100%;
  min-height:150px;
  position:fixed;
  text-align:left;
  z-index:950;
}

.block_big img
{
  margin: 13px;
  vertical-align: top;
  z-index: 0;
}

.block_big1
{
  position: relative;
  float: left;
  left: 50%;
  text-align: center;
  margin-top: 100px;
}

.block_big2
{
  position: relative;
  float: left;
  left: -50%;
  /*border:2px solid #6699cc;  */
}

.block_big3
{
  background: url(/img/b_t.png) repeat-x top left;
  margin: 0px 6px;
}

.block_big4
{
  background: url(/img/b_b.png) repeat-x bottom left;
}

.block_big5
{
  background: url(/img/b_l.png) repeat-y top left;
}

.block_big6
{
  background: url(/img/b_r.png) repeat-y top right;
}

.b_tl, .b_tr, .b_bl, .b_br
{
  z-index: 999;
  width: 5px;
  height: 5px;
}

.b_center
{
  background: #fff;
}

.top_menu
{
  z-index:850;
}

.minus
{
  position: absolute;
  background: url(/img/minus.png) no-repeat top left;
  width: 39px;
  height: 32px;
  top:-18px;
  right: -18px;
}

.b_l  { background: url(/img/b_l.png) repeat-y top left;    }
.b_r  { background: url(/img/b_r.png) repeat-y top right;   }
.b_t  { background: url(/img/b_t.png) repeat-x top left;    }
.b_b  { background: url(/img/b_b.png) repeat-x bottom left; }

.b_tl { background: url(/img/b_tl.png) no-repeat top left;     }
.b_tr { background: url(/img/b_tr.png) no-repeat top right;    }
.b_bl { background: url(/img/b_bl.png) no-repeat bottom left;  }
.b_br { background: url(/img/b_br.png) no-repeat bottom right; }

.g1, .g2
{
  float:left;
  width:49%;
  position:relative;
}

.phone
{
  top:104px;
  right:25px;
  position: absolute;
  z-index:999;
  font-size:24px;
  font-style:italic;
  color:#0077BF;
  font-weight:bold;
}

.phone span
{
  font-size:17px;
}

#background_left
{
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:#0b9ce6 url(/img/bg.gif) repeat-x scroll -29px top;
  height:100%;
  left:0;
  position:absolute;
  width:29px;
}

#background_right
{
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:#0b9ce6 url(/img/bg.gif) repeat-x scroll left top;
  height:100%;
  left:-29px;
  margin-left:100%;
  position:absolute;
  width:29px;
}

.color_blue:hover
{
  color:#0077BF !important;
}

.contact p
{
  padding-left:220px; 
}

.counter
{
  z-index: 999;
  display: block;
  position:absolute;
  top:76px;
  right:58px;
  width:10px;
  height:10px;
}

.ramka
{
  display: inline-block;
  position: relative;
}

.wrap_img
{
  width: 100%;
  position: relative;
  text-align: center;
}