/*page*/
  html, body {width:100%;height:100%;}
  body {padding:0; margin:0;background: url(../images/bgr/body.png) left top;;}

/*
  #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 {color:#63b9e7;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 "Myriad Pro";color:#005b9b;text-transform:uppercase;text-align:center}
  h2 {margin:0;padding: 0;font:24px "Myriad Pro";color:#005b9b;text-transform:uppercase;text-align:center}
  .wrap_h2{background: url(../images/bgr/h2.png) repeat-x left center;text-align:center;margin:0 -31px 18px}
  .wrap_h2 h2{background: #fff;display:inline;padding:0 7px}
  h3 {margin: 0;padding:0;font:18px "Myriad Pro";color:#005b9b;text-transform:uppercase;}
  h4 {margin:0;padding: 0;font:16px "Myriad Pro";color:#005b9b;text-transform:uppercase;}
  dl, dt, dd, form {margin:0;padding: 0;}
  input {margin:0;vertical-align:middle;}
  p {margin: 0;padding:0 0 20px;}
  select {vertical-align:middle;}
  table {border-spacing: 0;border-collapse: collapse;width:100%;background: #e7f4fc}
  table td {padding:0;text-align:left;vertical-align:top;border:1px solid #1c72ac;padding:5px;}
  table .even td{background:#cde4f4}
  ul {margin: 0;padding:0;}
  ul li{list-style-type:none;}
  img{vertical-align:top}




/*FONT*/
  html {font-size:100%;}
  body {font:14px/1.2 "Myriad Pro", sans; color:#33222c}

/*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 {
        height:224px;
        background: url(../images/bgr/header.png) no-repeat left 179px;
        position:relative
    }
    .logo{position:absolute;left:343px;top:76px;}
    .top_h{
        position:absolute;
        left:0;top:0;
        height:37px;
        background: url(../images/bgr/h.png) repeat-x left top;
        right:0;
        z-index:2;
    }

    .main_menu{width:1032px;margin:0 auto;position:relative;top:9px}
        .main_menu li{float:left;padding:0 0 0 7px;margin:0 0 0 7px;border-left:1px solid #fff}
        .main_menu li:first-child{border-left:none;margin-left:29px;}
        .main_menu a{font-size:14px;color:#fff;text-transform:uppercase;text-decoration:none}
        .main_menu a.active{font-weight:bold}

    .schedule{
        position:absolute;
        left:32px;
        top:73px;
        font-size:12px;
        color:#309cd6;
    }

        .schedule h4{font-size:14px;color:#309cd6;margin:0 0 18px}
        .schedule span{color:#f15733}

    .adress{position:absolute;right:38px;top:73px;color:#309cd6;}
        .adress b{color:#f28166;font-size:18px}
        .other{text-align:right;font-style:italic;padding-top:22px;}
  /*=MENU*/
    #menu {background: silver;}

  /*=CONTENT*/
    #wrapper {position:relative;min-height:100%;height:100%;width:1024px;padding:0 4px;background: url(../images/bgr/wrap.png) repeat-y left top;margin:0 auto;}
      html>body #wrapper {height:auto;}
      #body {padding:0 31px 230px;}
        #body:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        #main_col {float: right;width:100%;}
        #body a{font-style:italic}
        #main_col_content {margin: 0 0 0 269px;}

        .spec_info{
            background:#eaf8ff;
            margin:10px 0 10px 69px;
            background: #eaf8ff;
            padding:10px 10px 0 10px;
            width:641px;

        }

        .spec_info li{padding:0 0 9px;}


        .images{overflow:hidden;zoom:1;margin:5px 0 0 -14px}
            .images img{float:left;margin:0 0 30px 14px;}

        .banners{overflow:hidden;zoom:1;margin:60px 0 39px -20px}
            .banners li{float:left;margin:0 0 0 20px}

        .partners{overflow:hidden;zoom:1;margin:0 0 0 -23px}
            .partners li{margin:0 0 0 23px;float:left;}


        .contacts_list p{padding:0 0 25px}

        .big_banner{border-radius:7px;overflow:hidden}


        .programm_block{padding-top:5px}
            .programm_block img{float:left;border-radius:5px;margin:0 22px 15px 0;}
            .programm_block h3,.programm_list h3{color:#0e6eac;font-weight:bold;font-size:18px;position:relative;top:-6px;margin:0 0 3px;}
            .programm_block h3{margin-bottom:6px}
        .spec{text-align:center;color:#309cd6;font-size:24px;font-weight:bold;padding:25px 0 15px}
         .condition{text-align:center;color:#6cbeea;font-style:italic}

        .programm_list li{border-bottom:1px solid #6cbeea;padding:0 0 23px;overflow:hidden;zoom:1;margin:0 0 27px}
        .front_programm {overflow:hidden;zoom:1;margin:-6px 0 0 -14px}
        .front_programm li{float:left;width:229px;border:none;margin:0 0 0 14px;height:423px;position:relative}
        .programm_list img{float:left;border-radius:5px;margin:0 22px 10 0;}
        .front_programm img{float:none;display:block;margin:0 0 23px}
        .programm_list div{overflow:hidden;zoom:1}
        .front_programm div{overflow: visible}
        .front_programm div{padding:0 0  0 10px}
        .front_programm h3{text-align:center;padding-right:10px}
        .programm_list p{padding:0 0 5px}
        .programm_list li.last{border:none}
        .programm_list .more{position:absolute;right:0;bottom:0;padding-bottom:3px;}




        .main_banner{margin:12px 0 20px -31px}

        .banner_text{position:relative;height:80px;background: url(../images/bgr/1.jpg) no-repeat left top;width:1024px;color:#fff}
        .text_1{position:absolute;left:34px;top:11px;}
        .text_2{position:absolute;left:466px;top:11px;}
        .more_link{position:absolute;left:858px;top:14px;font-style:italic;color:#fff;font-size:24px;padding:0 25px 5px 0;background: url(../images/bgr/ar.png) no-repeat right 4px;}
  /*=SIDEBAR*/
    #sidebar {float: left;width: 269px;margin: 0 -269px 0 0;}

  /*=FOOTER*/
    #footer {position:absolute; top:100%;left:4px;width:1024px;clear:both;width:100%;height:182px;margin-top:-182px;background: url(../images/bgr/footer.png) no-repeat left top;;}
    .bottom_menu{text-align:center;padding:33px 0 0;}
        .bottom_menu li{display:inline-block;height:11px;padding:0 0 0 7px;margin:0 0 0 5px;border-left:1px solid #fff;line-height:1}
        .bottom_menu a{color:#fff;text-decoration:none;font-size:12px;text-transform:uppercase;line-height:1;position:relative;top:-3px}
        .bottom_menu li:first-child{border:none;}


    .copyright{text-align:center;color:#fff;font-size:12px;padding:27px 0 0}

/*form*/
fieldset{border:none;margin:0;padding:0}

.feedback_form{margin:0 0 50px}
.feedback_form dt input{width:460px;height:30px;border:none;background: url(../images/bgr/input.png) no-repeat left top;padding:0 0 0 10px;font:12px arial;line-height:30px;}
.feedback_form dt textarea{width:460px;height:185px;border:none;background: url(../images/bgr/textarea.png) no-repeat left top;resize:none;padding:5px 0 0 10px;font:12px arial;}
.send{margin:0 0 0 330px}
.feedback_form dt{float:left;width:490px;}
.feedback_form dl{overflow:hidden;zoom:1;padding:0 0 23px}
label{font-style:italic;font:italic 14px "Myriad Pro";color:#33222c;position:relative;top:4px;}
.feedback_form span,.feedback_form i{color:#f28166}
.feedback_form i{text-decoration:underline}
.feedback_form p{padding:0 0 25px}
.programm_block li{padding:0 0 8px;}