/*page*/
  html, body {width:100%;height:100%;}
  body {padding:0; margin:0;background: #fff;}

/*
  #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:1em/1.5 "arial"; color:#1f70a8;text-decoration:underline;}
  a:hover {text-decoration:none;}
  :focus, a:active { outline: none; }
  form :focus, form a:active { outline:1px dotted;}

/*TAGS*/
  h1 {margin:0;padding: 0;font: 2.2em "arial"; color:#000;}
  h2 {margin:0;padding: 0;font:2.0em "arial";color:#000;}
  h3 {margin: 0;padding:0;font:1.8em "arial";color:#000;}
  h4 {margin:0;padding: 0;font:bold 1.6em "arial";color:#000;}
  dl, dt, dd, form {margin:0;padding: 0;}
  input {margin:0;vertical-align:middle;}
  p {margin: 0;padding:5px 0;}
  select {vertical-align:middle;}
  table {border-spacing: 0;border-collapse: collapse;}
  table td {padding:0;text-align:left;vertical-align:top;}
  ul {margin: 0;padding: 10px 20px;}




/*FONT*/
  html {font-size:100%;}
  body {font:62.5%/1.5 arial, sans; color:#5b5b5b}
  table, td, th, ul, textarea, input, select {font: 1em/1.5 arial;}

/*Misc*/
  .clearing {clear: both;height:0;font-size:0;overflow:hidden;}
  .clearFix:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}

/*layout*/

  /*=HEADER*/
    #header {background: url(../images/bgr/header.jpg) no-repeat left top;;height:589px;position:relative;}
    #logo {position:absolute;left:25px;top:22px}
    .tools{position:absolute;left:458px;top:16px;padding:0;margin:0}
    .tools li{padding:0;margin:0;list-style-type:none;float:left;margin:0 50px 0 0}
    .tools a{display:block;}
    .tools a.main{width:11px;height:10px;background: url(../images/menu/tools.png) no-repeat left top;}
    .tools a.message{width:13px;height:11px;background: url(../images/menu/tools.png) no-repeat -62px top;}
    .tools a.map{width:19px;height:14px;background: url(../images/menu/tools.png) no-repeat right top;}

    .info_block{width:535px;height:76px;background: url(../images/bgr/info.jpg) no-repeat left top;position:absolute;padding:15px 0 0 0;margin:0;left:427px;top:40px}
    .info_block li{list-style-type:none;padding:0;margin:0 10px 0 23px;float:left;font-size:12px;color:#fdffa3;font-weight:bold}
    .info_block b{font-size:22px;font-weight:normal}
    .info_block span{font-weight:normal}

    .main_menu{background: url(../images/bgr/main_menu.gif) no-repeat left top;padding:40px 0 33px 162px;margin:0;position:absolute;top:499px;width:850px}
    .main_menu li{padding:0;margin:0 51px 0 0;list-style-type:none;float:left;}
    .main_menu a{color:#ffef70;font:bold 14px arial;}


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

  /*=CONTENT*/
    #wrapper {position:relative;min-height:100%;height:100%;background: url(../images/bgr/body.png) left top;;width:1012px;margin:0 auto}
      html>body #wrapper {height:auto;}
      #body {padding:0 0 173px;}
        #body:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        #main_col {float: right;width:100%;}
        #main_col_content {margin: 0 21px 0 313px;}

        .front_news{background:url(../images/bgr/red.png) no-repeat left top;overflow:hidden;margin-bottom:0px}
        .front_news h2 img{vertical-align:top}
        .action{background: url(../images/bgr/action.jpg) no-repeat left top;width:420px;margin:4px 0 0 0;float:left}
        .action h2{margin:12px 0 8px 33px}
        .action a{font:bold 12px arial;color:#b60600}
        .action a.more{float:right;margin-bottom:5px}
        .action dl{margin:0 0 0 29px;font-size:12px;color:#5b5b5b;line-height:1.3}
        .action dt{float:left;margin:0 24px 0 0}
        .action dd{margin:0 20px 0 0}
        .external{float:left;width:258px;height:181px;background: url(../images/bgr/external.jpg) no-repeat left top; }
        .external a{display:block;margin:4px 0 0 4px}
        .front_wrap{background: url(../images/bgr/front.jpg) no-repeat left top;}
        .front_bottom{background: url(../images/bgr/front_bottom.jpg) no-repeat left top;height:8px;font-size:0;margin-bottom:18px;margin-top:-4px}

        .top_content{background: url(../images/bgr/top2.png) no-repeat left top;height:5px;font-size:0}
        .bottom_content{background: url(../images/bgr/bottom2.png) no-repeat left top;height:6px;font-size:0}
        .content{background: url(../images/bgr/content.png) repeat-y left top;padding:23px 0 0 27px}
        .content:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        .content img{vertical-align:top}
        .content p{font-size:12px}
        
		.sample dt{text-align: center;}
        .sample{padding:0;margin:0 0 26px -22px;}
        .sample:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        .sample li{list-style-type:none;padding:0;margin:0 0 0 13px;float:left;width:207px;background: url(../images/bgr/bottom_sample.png) no-repeat left bottom;}
        .sample dl{background: url(../images/bgr/top_sample.png) no-repeat left top;padding:20px 6px 16px 6px}
        .sample dd{padding:10px 3px 0 7px;font-size:12px;line-height:1.2}
        .sample p{padding:13px 0 10px 0}
        .sample a{font-weight:bold}
        .sample b{color:#00ad14;font-size:22px;font-style:italic}

        .text_info{padding:0 15px 5px 0;}
        .text_info p{padding:15px 0}


  /*=SIDEBAR*/
    #sidebar {float: left;width: 273px;margin: 0 -296px 0 23px;}
    .top_menu{height:9px;font-size:0;background: url(../images/bgr/top.png) no-repeat left top;}
    .catalog{padding:2px 0 10px 26px;margin:0 0 0px 0;background: url(../images/bgr/bottom.png) repeat-y left top;}
    .catalog li{padding:0;margin:0 0 11px 0;list-style-type:none}
    .catalog a{font-size:12px;color:#256ab3}
    .clock{padding:0 0 18px 10px}
    .clock:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
    .clock img{float:left;margin:0 0 0 30px}
    .contacts{height:165px;background: url(../images/bgr/contacts.png) no-repeat left top;padding:17px 0 0 22px;margin:0 0 18px 0}

    .sqype{background: url(../images/bgr/sqype.jpg) no-repeat left top;padding:3px 0 20px 76px;font-size:12px;color:#a7a7a7;margin:10px 0 0 0;line-height:1.2}
    .sqype a{color:#58c133;font-weight:bold}
    .phone{background: url(../images/bgr/phone.jpg) no-repeat left top;padding:3px 0 20px 76px;font-size:12px;color:#a7a7a7;margin:2px 0 0 0;line-height:1.2}
    .phone b{color:#58c133;font-weight:bold}
    .partner{padding:12px 0 0px 20px;margin:0 0 0px 0;background: url(../images/bgr/bottom.png) repeat-y left top;}
    .partner img{vertical-align:top}
    .partner a{float:left;margin:0 22px 35px 0}
    .partner h2{margin:0 0 27px 0}
    .partner:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
    .bottom_partner{background: url(../images/bgr/bottom_partner.png) no-repeat left top;height:5px;font-size:0;margin-bottom:18px}

  /*=FOOTER*/
    #footer {position:absolute; bottom:0px;clear:both;width:100%;height:162px;background:#f0f0f0;width:981px;margin:0 0 0 -491px;left:50%;background: url(../images/bgr/footer.png) no-repeat left top;}
    #logo2{position:absolute;left:209px;top:34px}
    #footer p{position:absolute;left:74px;top:86px;color:#5d5d5d;font-size:12px;line-height:1.2}
    #footer p a{color:#0088cc}
    #footer p.optimism{padding:30px 0 0 0;font-size:9px;position:absolute;left:auto;top:70px;right:210px}
    #footer p.miridea{background: url(../images/bgr/miridea.png) no-repeat center top;padding:30px 0 0 0;font-size:9px;position:absolute;left:auto;top:88px;right:76px}
    .counters{padding:0;margin:0;position:absolute;left:350px;top:90px}
    .counters li{padding:0;margin:0;list-style-type:none;margin:0 8px 0 0;float:left}


/*form*/
  .field {clear:both;padding:0;margin:0 0 20px;padding:0 0 0 215px;}
    .field:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
    .field dt {position:relative;left:-215px;float:left;width:200px;text-align:right;margin:0 -200px 0 0;}
      .field dt label {margin:0;}
    .field dd {float:left;}
  label {margin:0 15px 0 0;}
  select{border:solid 1px #A5ACB2;width:248px;height:1.8em;}
  textarea {width:248px;height:100px;border:solid 1px #A5ACB2;}
  .form_buttons {margin:0 0 0 215px;}
  input[type="text"] {width:216px;height:21px;border:none;background: url(../images/bgr/input.png) no-repeat left top;font-size:12px;padding:5px 0 3px 5px;margin:5px 0 5px 0}
  .input_text {width:216px;height:21px;border:none;background: url(../images/bgr/input.png) no-repeat left top;font-size:12px;padding:5px 0 3px 5px;margin:5px 0 5px 0}

  fieldset{padding:0;margin:0;border:none}

  .deliviry_form{height:107px;background: url(../images/bgr/deliviry.jpg) no-repeat left top;padding:15px 0 0 23px;margin:0 0 15px 0}
  .deliviry_form a{font-size:12px;color:#ffffff;background: url(../images/bgr/a.png) no-repeat left 2px;padding:0 0 0 17px;margin:0 14px 0 18px}