/*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 {text-decoration:none;color:#016ab4;}
  a:hover {text-decoration:none;border-bottom:1px dashed #fff}
  :focus, a:active { outline: none; }
  form :focus, form a:active { outline:1px dotted;}

/*TAGS*/
  h1 {margin:0 0 38px;padding: 0;font:bold 30px arial; color:#000;line-height:0.8}
  #main_page h1 {margin:0 0 22px;padding: 0;font:bold 40px calibri, arial; color:#000;line-height:0.8}
  h2 {margin:0 0 13px;padding: 0;font:25px calibri, arial;color:#000;}
  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 {margin:0;vertical-align:middle;}
  p {margin: 0;padding:0 0 10px;}
  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;}
  img{vertical-align:top}




/*FONT*/
  html {font-size:100%;}
  body {font:12px/1.3 arial, sans; color:#000000}
  textarea, input, select {font: 12px/1.3 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 {position:relative;height:487px;}
    .logo{position:absolute;left:3px;top:47px;}
    #main_page #header{height:622px;}

    .main_menu{padding:0;margin:0;position:absolute;left:284px;top:66px;}
    .main_menu a{color:#016ab4;text-decoration:none;border-bottom:1px dashed #016ab4}
    .main_menu a:hover{border-bottom:1px dashed #fff}
    .main_menu td{padding:5px 30px 4px 24px;border-right:1px dashed #c4c4c4}
    .main_menu td.third{border:none}

    .tools{padding:0;margin:0;position:absolute;left:730px;top:71px;}
    .tools img{position:relative;top:-3px;margin-right:5px}
    .tools li{list-style-type:none;margin-bottom:5px}
    .tools a{color:#618001;text-decoration:none;border-bottom:1px dashed #618001}
    .tools a:hover{border:none}

    .fbCycler{position:absolute;top:218px;left:208px}
    #main_page .fbCycler{position:absolute;top:230px;left:-22px}
    .slogan{position:absolute;left:444px;top:489px;z-index:1000;}

    .font_size{position:absolute;left:685px;top:389px;text-align:center;z-index:10;font-size:11px}
    #main_page .font_size{position:absolute;left:576px;top:212px;text-align:center;z-index:1000;font-size:11px}
    .font_size a{float:left;margin-top:7px}
    .font_size a.minus{margin-left:14px}

    .contacts{position:absolute;left:730px;top:195px;width:250px}
    #main_page .contacts{position:absolute;left:730px;top:212px;width:250px}
    .contacts p{padding:4px 0 0 12px;height:103px;background: url(../images/bgr/p.png) no-repeat left top;font:bold 17px calibri,arial;color:#fff;width:150px;line-height:1.1}
    .contacts dt{float:left;font:bold 35px calibri, arial;color:#000;margin-right:4px;line-height:1;position:relative;top:-5px}
    .contacts dl{line-height:1.1}
    .contacts dd{font:bold 35px calibri, arial;color:#000;overflow:hidden;line-height:0.9;position:relative;top:-4px}
    .contacts span{font-size:26px}

    .record{left:0px;top:323px;z-index:100;position:absolute;background: url(../images/bgr/rec.png) no-repeat right top;}
    #main_page .record{left:0px;top:501px;z-index:100;position:absolute;background: none;}
    .record a{font:bold 25px calibri, arial;text-decoration:none;color:#000;line-height:0.8;border-bottom:1px dashed #000}
    .record a:hover{border:none}

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

  /*=CONTENT*/
    #wrapper {position:relative;min-height:100%;height:100%;width:960px;margin:0 auto}
      html>body #wrapper {height:auto;}
      #body {padding:0 0 210px;}
        #body:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        #main_col {float: left;width:100%;}
        #main_col_content {margin: 0 310px 0 30px;}
        #main_page #main_col_content {margin: 0 290px 0 0;}

        .leisure{position:relative;float:left;width:308px}
        .leisure a.border {position:absolute;z-index:10;left:0;top:0;margin:0;top:0;border:none}
        .leisure a{font:bold 25px calibri, arial;color:#000;border-bottom:1px dashed #000;margin:0 11px 0 34px;position:relative;top:7px}
        .leisure a:hover{border:none}
        .sample{margin:0 0 48px}

        .preview_text{float:left;width:362px;margin-top:-5px;margin-bottom:16px}
        .preview_text p{line-height:1.4;padding-bottom:25px}

        .opinions{width:248px;float:left;margin-right:60px;margin-top:20px}
        .opinions h2{line-height:0.8}
        .opinions dt{color:#618001;font-size:10px;margin-bottom:1px;}
        .opinions dd a{color:#016ab4;border-bottom:1px dashed #016ab4;font-size:12px;margin-left:0}
        .opinions dd img{position:relative;left:4px;top:3px}
        .opinions dd a:hover{border-bottom:1px dashed #fff}
        .opinions p{line-height:1.4;padding-bottom:1px}
        .opinions dl{margin:0 0 22px}

        .video_block{float:left;position:relative;width:342px;height:263px;background: url(../images/bgr/video.png) no-repeat left top;margin-top:43px;padding:8px 0 0 20px}
        .video_block h2{margin-bottom:8px}
        .other_video{position:absolute;right:20px;top:19px;padding-right:14px;background: url(../images/bgr/lenta.png) no-repeat right 2px;padding-bottom:2px}
        .other_video a{border-bottom:1px dashed #016ab4;color:#016ab4}
        .other_video a:hover{border:none}

        .breadcrumbs{padding:0;margin:0;overflow:hidden}
        .breadcrumbs li{float:left;list-style-type:none;margin:0 4px 0 0;padding:0 0 10px}
        .breadcrumbs a{border-bottom:1px dashed #016ab4;}
        .breadcrumbs a:hover{border:none}

        .content_info img{float:left;background: url(../images/bgr/border2.png) no-repeat left top;padding:4px;margin:0 20px 5px 0}
        .content_info{margin:0 0 15px}
        .gallery{padding:0;margin:0 0 0 -10px;}
        .gallery li{float:left;list-style-type:none;margin:0 0px 10px 10px}
        .gallery img{background: url(../images/bgr/border3.png) no-repeat left top;padding:4px;}

        .article{line-height:1.4;overflow:hidden;margin:0 0 13px}
        .article img{background: url(../images/bgr/border.png) no-repeat left top;padding:4px;float:left;margin-right:10px}
        .article span{display:block;color:#618001;font-size:10px;padding:6px 0 2px 0}
        .article a{border-bottom:1px dashed #016ab4}

        .info_table td{text-align:center;background:#e2e2e2;border:1px solid #fff;padding:7px 0 7px 0px}
        .info_table th{background:#a0ca01;border:1px solid #fff;padding:7px 0 7px 0px;color:#fff}
        .info_table th.category{width:436px;padding-left:10px;text-align:left}
        .info_table td.category{padding-left:10px;text-align:left}
        .number{width:46px}
        .volume{width:134px}
  /*=SIDEBAR*/

    #sidebar {float: right;width: 230px;margin:0px 0px 0 -230px;overflow:hidden}
    #main_page #sidebar {float: right;width: 230px;margin: -173px 0px 0 -230px;}

    .news_block{margin:0 0 60px}
    .news {overflow:hidden;margin:0 0 20px}
    .news dt img{background: url(../images/bgr/border.png) no-repeat left top;padding:4px}
    .news dt{float:left;width:102px}
    .news dd{padding-top:8px;}
    .news dd img{position:relative;left:3px;top:3px}
    .news span{color:#618001;font-size:10px}
    .news a{text-decoration:none;border-bottom:1px dashed #016ab4;color:#016ab4}
    .news a:hover{border:none;}

    .weather{width:230px;height:92px;background: url(../images/bgr/weather.png) no-repeat left top;margin-bottom:51px;position:relative}
    .temp{position:absolute;font:30px arial;color:#fff;position:absolute;left:5px;top:10px}
    .day{position:absolute;top:13px;left:146px;color:#fff}
    .day img{margin-bottom:5px;float:left;}
    .day p{overflow:hidden;float:left}
    .tommorow{position:absolute;top:49px;left:139px;color:#fff}
    .tommorow p{float:left}
    .tommorow img{float:left;margin-right:7px}
    .city{position:absolute;left:12px;top:57px;font-size:15px;color:#fff;line-height:0.8;padding-bottom:2px}
    .city a{color:#fff;font-size:10px;border-bottom:1px dashed #fff;position:relative;top:-2px}
    .city a:hover{border:none}
    .city img{position:relative;left:4px;top:3px}

    #sidebar .opinions{width:230px}

  /*=FOOTER*/
    #footer {position:absolute; bottom:0px;clear:both;width:100%;height:180px;}
    .phones{font:30px calibri, arial;line-height:1}

    .menu_line{font:11px arial;color:#016ab4;position:absolute;left:307px;top:0px}
    .menu_line span{margin:0 0 0 3px}
    .menu_line a{color:#016ab4;text-decoration:none}

    .counters{padding:0;margin:0;position:absolute;left:306px;top:80px;width:300px}
    .counters li{list-style-type:none;margin:0 10px 10px 0;float:left;}

    .red_panda{position:absolute;right:35px;top:-2px;color:#000;font:11px arial;text-decoration:none;padding:2px 0 2px 39px;background: url(../images/bgr/panda.png) no-repeat left center;}


/*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;}
  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;}

  fieldset{padding:0;margin:0;border:none}
  .feedback_form label{font-size:11px}
  .feedback_form  h2{margin-bottom:5px}
  .feedback_form dl{margin-bottom:4px}
  .input{color:#888888;background: url(../images/bgr/input.png) no-repeat left top;width:220px;padding:4px 5px;border:none}
  .feedback_form textarea{color:#888888;background: url(../images/bgr/textarea.png) no-repeat left top;width:220px;padding:4px 5px;border:none;height:58px;margin-bottom:5px}

  .feedback{width:620px}
  .feedback .input{color:#888888;background: url(../images/bgr/input2.png) no-repeat left top;width:290px;padding:4px 5px;border:none}
  .feedback dl{margin-bottom:5px}
  .name_dl{float:left;width:320px;}
  .feedback textarea{color:#888888;background: url(../images/bgr/textarea2.png) no-repeat left top;width:610px;padding:4px 5px;border:none;height:123px;margin-bottom:5px}
  .send{float:right;margin-right:-8px}
  .clean{float:right}

  .record:hover{border:none}