﻿/*page*/
  html, body {width:100%;height:100%;}
  body {padding:0; margin:0;background: #fff;min-width:1003px;;}
  body body {min-width:auto;width:auto;}


/*
  #SomeBox
  {
    position - position [ left , top ] ,
    liquid model - float, clear,
    block modle - display, width, height, margin, padding, overflow,
    visual property - background, border,
    text property - list-style, text-align
   }
*/

/*design*/
  a img{border:0;}

/*navigation*/
  a{font:12px Verdana; color:#364681;text-decoration:underline;}
  a:hover{text-decoration:none;}
  a:focus{ outline: none; }

/*TAGS*/
  h1{margin:0 20px 0 0;padding: 0 0 8px 0;font: 18px "Verdana"; color:#595959;border-bottom:1px solid #CCCCCC;margin-bottom:15px;}
    #main_page h1 {}
  h2{margin:0;padding: 0;font:2.0em "Times New Roman";color:#676767;font:12px arial;}
  h3{margin: 0;padding:0;font:1.8em "Times New Roman";color:#000;}
  h4{margin:0;padding: 0;font:bold 1.6em "Times New Roman";color:#000;}
  dl, dt, dd, form {margin:0;padding: 0;}
  input, textarea, select {margin:0 3px;vertical-align:middle;}
  p {margin: 0;padding:5px 0;}
  select {vertical-align:middle;}
  table {border-spacing: 0;border-collapse: collapse;}
  table td {padding:0;vertical-align:middle;}
  ul {margin: 0;padding: 10px 20px;}
  b{font:bold 12px verdana}


/*FONT*/
  body{font:62.5%/1.5 Tahoma, sans; color:#000000}
  table, td, th, ul, textarea {font:12px Verdana;color:#666666;}
  #content_inside {font:12px Verdana;color:#666666;}

/*Misc*/
  .clearing {clear: both;height:0;font-size:0;}
  .img{border:3px double #C0C0C0;}
    #news .img{float:left;margin-right:10px;margin-bottom:10px;}

  /*BORDER*/
    .border_t {display:block;height:6px;font-size:0;background: url(../images/bgr/border/t.gif) repeat-x left top;}
      .border_t .l {float:left;width:7px;height:6px;background: url(../images/bgr/border/lt.gif) no-repeat left top;}
      .border_t .r {float:right;width:7px;height:6px;background:#fff url(../images/bgr/border/rt.gif) no-repeat right top;}
    .border_b {display:block;height:8px;background: url(../images/bgr/border/b.gif) repeat-x left bottom;font-size:0px;}
      .border_b .l {float:left;width:10px;height:8px;background: url(../images/bgr/border/lb.gif) no-repeat left bottom;}
      .border_b .r {float:right;width:10px;height:8px;background: url(../images/bgr/border/rb.gif) no-repeat left bottom;}



  /*LIST*/
  .list {clear:both;margin:0;padding-top: 1px;overflow:hidden;width:100%;}
    .list dd {margin: 4px 0 20px ;padding: 0;overflow:hidden;}
      *html .list dd {height:1%;}
      .list dd a {display:block;margin-bottom:5px;}
    .list .img {float:left;width:120px;height:120px;margin:0px 10px 20px 0;}
      *html .list .img {margin-bottom:10px;}


  /*TABLE*/
    .table {width:100%;margin-bottom:20px;}
      .table th {padding:10px;background:#e5e5e5;border:1px solid #bbb;text-align:left;}
      .table td {padding:5px 10px;border:1px solid #ddd;}
      .table td.odd td {background:#f9f9f9;}
  .polygraphy {width:100%;margin-bottom:5px;}
      .polygraphy td {padding:5px 10px;border-bottom:1px solid #ddd;}
      .polygraphy tr.top td{border-top:1px solid #ddd;}
      .polygraphy td.odd {background:#ebecee;}
      .polygraphy .clearing td {border:none}
      .polygraphy tr.top .clearing td{border:none}
  .table_up {width:100%;margin-bottom:5px;}
      .table_up td.top {vertical-align:top;}
  .main_td {width:90%;margin-bottom:20px;}
      .main_td td.top {vertical-align:top;}

  /*MAX MIN WIDTH FOR SOME CONTAINER*/
  /*#some_container {min-width: 600px;max-width: 1200px;width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");}*/

/*layout*/

  /*=HEADER*/
    #header {background: url(../images/bgr/header.jpg) no-repeat 40% 50% #fff;height:274px;overflow:hidden;}
    #header.page {background:#fff;height:168px;overflow:hidden;}

      #lozung{border:none;float:right;background:#fff url(../images/img/lozung.gif) no-repeat left top;width:310px;height:227px;}
      #logo{float:left;background: url(../images/img/logotip.gif) no-repeat 5px top;width:216px;height:274px;position:relative;}
      #brand{position:absolute;top:219px;left:8px;}
      #header table{height:100%;width:100%;overflow:hidden}
      #header table td.first{background: url(../images/bgr/headtdleft.gif) no-repeat left top;width:340px;}
      #header table td.first img{margin:70px 27px 0 0;float:right;width:191px;height:35px;}
      #header table td.second{background: url(../images/bgr/headtdcenter.gif) no-repeat 0 30px;width:241px;}
      #header table td.third{background: url(../images/bgr/possible.gif) no-repeat 0 44px;width:320px;}
      #header table td.four{background: url(../images/bgr/headtdright.gif) no-repeat 100% 27px;width:165px;}
      #telephone {float:right;font:10px verdana;color:#666666;margin-left:20px;}

  /*=MENU*/
    #menu {background: silver;}

  /*=CONTENT*/
  #wrapper {position:relative;min-height:100%;width:expression(document.body.clientWidth<1003?"1003px":"auto");}
    *html #wrapper {height:100%}
      #container {float: left;width:100%;}
      #content {margin: 0 157 150px 0px;padding:0 12px 0 12px;overflow:hidden;zoom:1}

      #content.page {margin: 0 0 150px 0px;padding:0 12px 0 12px;overflow:hidden;zoom:1}
      #search_form {float:none;margin:0 0 0 10px;padding:0;position:absolute;right:10px;top:135px}
          #main_page #search_form {float:none;margin:0 0 0 10px;padding:0;position:absolute;right:167px;top:240px;_right:-5px}
             .inp{width:161px;height:21px;float:left;border:1px solid #979897; margin-top:1px;}


      table.menu {width:100%;text-align:center;border:0;height:30px;margin:0 0 5px;overflow:hidden;}
      .menu td{border:0;background: url(../images/menu/hover.gif) repeat-x left top;width:11.1%}
      .menu .separat{position:relative;z-index:20;float:left;background: url(../images/menu/border.gif) no-repeat left top;width:1px;height:30px;margin:-30px 0 0 ;}
      .menu a{position:relative;z-index:10;display:block;height:30px;font:12px/30px verdana;margin:0 ;color:000;text-decoration:none;background: url(../images/menu/all.gif) repeat-x left top;overflow:hidden;}
      .menu td.current{text-align:center;height:30px;font:bold 12px/30px verdana ;color:#fff;text-decoration:none;background: url(../images/menu/current.gif) repeat-x left top;overflow:hidden;zoom:1}
      .menu td.currentend{height:30px;font:bold 12px/30px verdana;color:#fff;text-decoration:none;background: url(../images/menu/contacts.gif) no-repeat right top;overflow:hidden;}

      .menu a:hover{color:000;text-decoration:none;background: url(../images/menu/current.gif) repeat-x left top;font:12px/30px verdana;color:fff; }
      #main_page .menu a:hover{text-decoration:none;background: url(../images/menu/hover.gif) repeat-x left top;}

      .menu a.first{background: url(../images/menu/first.gif) no-repeat left top;}
      .menu a.first:hover{background: url(../images/menu/firsthovgreen.gif) no-repeat left top;}
      .menu td.currentfirst{height:30px;font:bold 12px/30px verdana ;color:#fff;text-decoration:none;background: url(../images/menu/firsthov.gif) no-repeat left top;overflow:hidden;}

      .menu a.finish{background: url(../images/menu/finish.gif) no-repeat right top;}
      .menu a.finish:hover{background: url(../images/menu/contacts.gif) no-repeat right top;}
      #main_page .menu a.finish:hover{background: url(../images/menu/finishhov.gif) no-repeat right top;}


      .menu td.first{border:0;padding:4px;}
      #cherta{display:block;background: url(../images/menu/border.gif) no-repeat left top;float:right;margin-left:-1px;width:1px;height:30px;}
      #menu_katalog{height:23px;list-style-type:none;margin:0 0 12px 0;padding:0;padding-left:30px;background: url(../images/bgr/border.gif) repeat-x left bottom;}
       #menu_katalog li{background: url(../images/marker/katalog.gif) no-repeat left top;float:left;padding:0 28px 0 23px;font:10px verdana;color:#FF0000;height:18px;}
        #menu_katalog a{float:left;font:10px verdana;color:#364782}


        #breadcrums{list-style-type:none;margin:0 0 0px 0;padding:0;position:absolute;top:145px}
          #breadcrums li{float:left;font:12px verdana;color:#676767}
             #breadcrums a{height:18px;float:left;font:12px verdana;color:#374683}
             .strelka{background: url(../images//marker/strelka.gif) no-repeat left top;width:18px;height:8px;position:relative;top:6px}


        #wrapper_inside{width:100%;position:relative}
      #container_inside {float: right;width:100%;}
       #content_inside {margin: 0 0px 0px 270px;zoom:1}

       #catalog{width:100%;margin-top:12px;}
        #catalog td{width:33%;padding-bottom:25px;text-align:center;}
        #boximg{float:left;width:33%;background: url(../images/bgr/box.jpg) no-repeat center top;height:121px;overflow:hidden;text-align:center;padding-top:5px;margin-bottom:14px;}
         #boximg a{display:block;font:12px verdana;color:#364681;clear:both;margin:-10px 0 0 0;padding:0;}


         #restaurants{width:100%;margin-top:40px;text-align:center}
           #restaurants #elem{width:33%;padding-bottom:70px;text-align:center;float:left}
         #restaurants a{display:block;font:12px verdana;color:#364681;clear:both; 0 0 0;padding:0;}


         #top_block{width:100%;margin-top:40px;text-align:center}
           #top_block #elem{width:33%;padding-bottom:50px;text-align:center;float:left}
         #top_block a{font:12px verdana;color:#364681;clear:both; 0 0 0;padding:0;}


         #materials{margin-top:0px;}
         .materials b,.dimension b{font-size:12px;font-weight:normal}
           #materials dt{font:bold 12px verdana;color:#595959;}
           #materials dd{font:12px verdana;margin-bottom:60px;color:#595959;position:relative;padding-right:150px;zoom:1;}
           #materials .download{position:absolute;right:0;bottom:0;font:12px verdana;color:#364682}



           #buklet_menu{margin-top:0px;margin-bottom:10px;padding:0;list-style-type:none;overflow:hidden;zoom:1}

             #buklet_menu li{float:left;color:#364782;}
             #buklet_menu a{float:left;font:10px verdana;color:#364782;}
             #buklet_menu .separat{padding:0 8px;vertical-align:middle;padding-bottom:3px;vertical-align:middle;}

             #news{margin-bottom:20px;clear:both;}
             #news dt{font:bold 12px verdana;}
             #news dt a{font:12px verdana;color:#364782;}


         #offer{width:100%;margin-top:40px;overflow:hidden}
           #offer td{width:49.9%;padding-bottom:70px;overflow:hidden;}
            .lister{margin-left:13px;float:left;width:110px;}
             .example{border:3px double #C0C0C0;}
             .lister  .silka{display:block;font:10px verdana;color:#364681;top:0;left:0;}
           .description{margin:0 30px 0 113px;}
             .description dt{font:bold 12px verdana;color:#676767}
             .description dd{font:12px verdana;color:#676767}


         #order_form, #feedback_form {margin-top:35px;overflow:hidden;_height:1%;width:692px}
           #order_form .input{width:428px;;height:20px;float:left;border:1px solid #999999}
           #feedback_form .input{width:428px;;height:20px;float:left;border:1px solid #999999}
           #feedback_form #require{margin:10px 0 0 233px;}
           #order_form #require{margin:10px 0 0 233px;}
           #order_form textarea{width:428px;;height:114px;float:left;border:1px solid #999999}
           #feedback_form textarea{width:428px;;height:114px;float:left;border:1px solid #999999}
         .wrap_field {margin-bottom:37px;overflow:hidden;zoom:1}
         label {padding:0;margin:0;float:left;margin-right:21px;font:12px verdana;color:#676767}
               .addition{width:428px;;height:114px;float:left;border:1px solid #999999}
               #send{width:83px;height:22px;border:0;font:12px verdana;color:#FFFFFF;float:left;margin-left:223px;background: url(../images/button/send.gif) no-repeat left top;width:83px;height:22px;}
               #clean{width:83px;height:22px;border:0;font:12px verdana;color:#333333;float:right;margin-right:42px;background: url(../images/button/clear.gif) no-repeat left top;width:83px;height:22px;}


             #more{margin-top:35px 20px 0 0;}
             #more dt {font:bold 12px verdana;color:#666666;border-bottom:1px solid #CCCCCC;padding-bottom:10px;margin-bottom:21px;}
             #more dd {margin-left:14px;}
             #more dd a {font:12px verdana;color:#374683}



           .speach{margin:0 0px 15px 12px;display:block;overflow:hidden;zoom:1;padding-left:15px;background: url(../images/marker/marker.gif) no-repeat left top;position:relative}
              .speach .img{float:left;margin:0px;padding:0;border:3px double #C0C0C0;}
              .speach .words{margin-left:170px;padding:0;font:12px verdana;color:#666666;}
              #wrap_catalog .speach .words{margin-left:0px;padding:0;font:12px verdana;color:#666666;}
              #wrap_catalog .speach{margin:0 0 15px 0px;display:block;overflow:hidden;zoom:1;}
              .speach div {position:relative;width:60%}
               .speach div div{position:relative;width:100%}

           .speach1{margin:0;display:block;overflow:hidden;zoom:1;position:relative}
              .speach1 .img{float:left;margin:0px;padding:0;border:3px double #C0C0C0;}
              .speach1 .words{margin-left:170px;padding:0;font:12px verdana;color:#666666;}
              #wrap_catalog .speach1 .words{margin-left:0px;padding:0;font:12px verdana;color:#666666;}
              #wrap_catalog .speach1{margin:0 0 15px 0px;display:block;overflow:hidden;zoom:1;}
              .speach1 div {position:relative;width:56%}
               .speach1 div div{position:relative;width:100%}


            #poisk{background: url(../images/marker/poisk.gif) no-repeat left top;padding:12 0 0 50px;font:14px verdana;color:#676767;margin-top:0px;}
            .result{margin-top:15px;}
            .result dt{font:12px verdana;color:#676767}
            .result dt a{font:12px verdana;color:#374683}
            .result dd{font:12px verdana;color:#676767;padding-right:50px;margin-left:16px}
            .result dd b{color:#000}


        #picture{margin:0;padding:0;}
        #company{margin-top:40px;}
          #company dt{font:bold 12px verdana;padding-bottom:4px;border-bottom:1px solid #BFBFBF;margin-bottom:0 60px 15px 0;color:#666666;}
          #company dd{font:12px verdana;text-indent:15px;color:#666666;margin-right:60px;margin-top:12px;}




        #sidebar_inside {float: left;width: 240px;margin:30px -240px 0 0;text-align:center}
        #main_page #sidebar_inside {float: left;width: 200px;margin:30px -200px 0 0;margin-top:10px;}
          #main_page #left_up{display:block;height:32px;width:193px;background: url(../images/menu/left_up.jpg) no-repeat left top;}
             #left_up{display:block;height:33px;width:235px;background: url(../images/menu/left_up_all.jpg) no-repeat left top;}

           #main_page #left_menu{margin:0px;padding:0 0 0 13px;width:180px;_width:193px;list-style-type:none;margin-top:-25px;background: url(../images/menu/bgr.gif) repeat-y left top;}
             #left_menu{margin:0px;padding:0 0 0 13px;width:235px;_width:222px;_margin-left:-13px;list-style-type:none;margin-top:-25px;background: url(../images/menu/bgr_all.gif) repeat-y left top;text-align:left}
                #left_menu a{font:12px verdana;color:#364782;}
                #left_menu a.in_path{text-decoration:none;font:bold 12px verdana;color:#666666;}
                #left_menu li{padding-top:9px;clear:both;}
                #left_menu li.sec{padding-top:9px;background: url(../images/bgr/li.jpg) no-repeat 87% 0%;}

             #main_page   #left_menu li.separator{display:block;clear:both;border-bottom:1px solid #BFBFBF;margin-right:20px;margin-top:5px;_margin-top:-3px;margin-bottom:17px;}
              #left_menu li.separator{display:block;clear:both;border-bottom:1px solid #BFBFBF;margin-right:50px;margin-top:5px;_margin-top:-3px;margin-bottom:17px;}

             #left_inside{padding:0;list-style-type:none;margin:0 0 15px 10px;font:bold 12px verdana;color:#666666}
                #left_inside li{margin:0;padding:0;}
           #left_down{display:block;height:18px;width:235px;background: url(../images/menu/left_down_all.jpg) no-repeat left top;}
          #main_page #left_down{display:block;height:18px;width:193px;background: url(../images/menu/left_down.jpg) no-repeat left top;}


          #phone_bgr{margin:54px auto 0 auto;background: url(../images/img/phone.gif) no-repeat left top;padding-top:132px;width:192px;height:129px}
          #phone_bgr dt{font:20px verdana;color:EA2629}
          #phone_bgr dd{font:16px verdana;color:EA2629}


  /*=SIDEBAR*/
    #sidebar {float: right;width: 157px;margin: 0 0px 150px -157px;padding:10px 0 0 0;font:10px verdana;color:#666666 }
    #selekted{width:142px;background: url(../images/bgr/sidebar.gif) repeat-y left top;overflow:hidden;margin-top:13px;min-height:800px;height:800px;overflow:visible;}





    #selekted a{font:12px verdana;color:#364682}
       #selekted dt{background: url(../images/title/sidebar.jpg) no-repeat left top;height:36px;width:142px;font:bold 16px verdana;color:#EC2224;text-align:center;padding-top:10px;overflow:hidden;}
       #selekted dd{text-align:center;border-bottom:1px solid #CCCCCC;padding-bottom:10px;margin-left:7px;margin-right:10px;margin-bottom:10px;_margin-bottom:0px;_padding-top:10px;}
       #selekted dd a  img{display:block;margin:0 auto;filter:gray}
       #selekted dd a:hover  img{display:block;margin:0 auto;filter:none;}
       #sidebar_down{display:block;background: url(../images/external_links/sidebar_down.gif) no-repeat left top;width:142px;height:63px;}

  /*=FOOTER*/
    #footer {width:100%;height:150px;position:absolute; bottom:0px;padding-top:15px;height:87px;}
      #copyright {list-style-type:none;float:right;margin-right:10px;padding:30px 0 3px 79px;background: url(../images/img/bike.gif) no-repeat left top;font:11px verdana;height:30px;}
        #copyright span {font:11px verdana;height:20px;padding-bottom:10px;border-bottom:1px solid #CCCCCC}



/*form*/
  .field {clear:both;padding:0 0 10px;overflow:hidden;zoom:1;}
  label {width:200px;float:left;text-align:right;}
  .input{width:200px;border:1px solid #979897}
  .select{border:solid 0px #A5ACB2;}
  textarea {width:248px;height:100px;border:solid 0px #A5ACB2;}
  .form-errors .title {color:#bd1a01;font-weight:bold}
  #search_submit {width:93px;height:18px;position:relative;top:3px}
  .separator11{display:inline-block;width:12px;height:14px;background: url(../images/marker/separator.gif) no-repeat left 3px;position:relative;top:2px}
  #pager{font:11px verdana;color:#294585;text-align:center}
  #pager a{color:#294585;font:11px verdana;}
  .catalog{width:100%;color:#666666;vertical-align:middle}
  .catalog p{background: url(../images/marker/marker.gif) no-repeat left top;padding:0 0 10px 17px;}


  .img_wrap{background: url(../images/bgr/img_wrap.png) no-repeat left top;padding:3px;float:left;margin-right:10px}
  .sample_info {margin-bottom:30px;zoom:1;width:690px}

  .sample_info h3{font:bold 13px verdana;color:#676767;margin-bottom:12px}
  .sample_info p{font-size:11px}
  .sample_info img{float:left;margin-right:10px;}
  .sample_content{position:relative;top:-6px;min-height:200px;zoom:1}
  .sample_content{scrollbar-face-color:expression(runtimeStyle.height = ((document.documentElement.clientHeight ||document.body.clientHeight) > 200) ? '200px' : 'auto')}
    .sample_content .img {position:absolute;left:0;bottom:0;width:255px; height:190px;}
    .sample_description {padding:0 0 80px 275px;}
  .sample_info h3 span{font-size:15px}
  .materials{float:left;width:49%;margin-right:8%;font-size:11px;margin-top:14px;line-height:1.4}
  .dimension{float:left;width:205px;width:40%;font-size:11px;margin-top:14px;line-height:1.4}
  .gallery{position:absolute;left:275px;bottom:0;width:410px;list-style-type:none;padding:0;margin:9px 0 0 0}
    .gallery li{float:left;margin-right:10px;font-size:0;line-height:0;}
  .gallery a img{float:none;height:64px;margin:0;border:3px double #C0C0C0;}
  .wrap_definition{zoom:1;overflow:hidden;}
  .wrap_definition:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
  .speach div.price{background: url(../images/title/price.png) no-repeat left top;width:111px;height:25px;display:block;margin:0;padding:0;position:absolute;right:-130px;top:0;color:#000;text-align:right;}
  .speach1 div.anons{background: url(../images/title/price.png) no-repeat left top;width:320px;height:25px;display:block;margin:0;padding:0;position:absolute;right:-370px;top:0;color:#666666;text-align:left;}
  .catalog_bottom{list-style-type:none;margin:0;padding:0;margin:0}
  .catalog_bottom a{font:11px verdana;color:#364782}
  .catalog_bottom li{float:left;border-right:1px solid #000;padding:0 5px 0 6px;line-height:1}
  .catalog_bottom li.last{border:none}
