@import url('reset.css');
@import url('css3.css');

html {height: 100%;}
body {background: url("../img/site/bg_global_top.jpg") no-repeat scroll center top #38719F; font-family: arial;}

a {color:#047beb;font-size:12px;text-decoration: none;}

a:hover{text-decoration:underline;}

.ui-bg-after {background: transparent url(../img/site/bg_global_down.jpg) no-repeat bottom center;width:100%;}
.ui-main {width:1000px;margin: 0 auto;position: relative;}
.b-head {background: #067bb1 url("http://daryn.kz/media/img/site/abstraction.jpg") no-repeat top left;height:200px;overflow: hidden;}
.b-blue-decor.f-full {height:78px;width:100%;}
.b-content {background-color: #FFFFFF;}
.b-content .ui-title-pf {margin:0 2%;width:95%;padding-top:5px;}
.b-blue-decor .b-top-slider {margin-top:7px;}
.b-blue-decor .ui-holder {height:70px;}
.b-blue-decor.f-small {background-color:#FFFFFF;}
.b-content {overflow:hidden;}

.ui-flash-flag{position:absolute;top:0;left:0;z-index:20;width:500px;height:200px;overflow:hidden;}

.b-menu {font-family: Verdana,Arial;position: absolute;left:0px;width:1000px;z-index: 220;}
.b-menu .ui-top-menu {background-image: url(../img/site/bg_top_menu.jpg);height:40px;background-position: left bottom;}
.b-menu .ui-top-menu form {float:right;margin-top:7px;}
.b-menu .ui-top-menu form input {float:left;background-image: url(../img/site/bg_input_search.jpg);width:166px;padding:0 5px;height:25px;border:medium none;margin-right:20px;}
.b-menu .ui-top-menu form button {display: none;}
.b-menu .ui-top-menu form .ui-lang {float:left;width:28px;height:25px;line-height: 25px;font-size: 12px;text-decoration: underline;color:#FFFFFF;margin-right:8px;text-align: center;}
.b-menu .ui-top-menu form .ui-lang.select {background-image:url(../img/site/ui-lang.jpg);color:#3d7cba;text-decoration: none;}
.b-menu .ui-top-menu ul {float:left;padding-left:40px;height: 28px;position: absolute;}
.b-menu .ui-top-menu ul li {float:left;margin-right: 25px;line-height: 40px;}
.b-menu .ui-top-menu ul li a {color:#FFFFFF;font-size: 14px;}
.b-menu .ui-little-menu {background-image: url(../img/site/bg_little_menu.png);height:38px;/*width:875px;margin:0 auto;*/padding:0 30px;}
.b-menu .ui-little-menu ul {}
.b-menu .ui-little-menu ul li {
    display: block;
    float: left;
    line-height: 12px;
    margin: 0 8px;
    max-width: 195px;
    padding-top: 5px;
    position: relative;  
    min-width: 137px; 
}
.b-menu .ui-little-menu ul li a {color:#047beb;font-size:11px;text-align: center; display: block;height: 33px;}

ul.menu {}
ul.potato-menu li.potato-menu-item a {text-decoration:none !important;}
ul.potato-menu li.potato-menu-item a:hover {text-decoration:underline !important;}
ul.menu li ul.potato-menu-group {display:none;position: absolute;background: #F3F3F3;border: 1px solid #CCC;border-top: 1px solid #999999;left:0 !important;top:38px !important;min-width: 240px;}
ul.menu li ul.potato-menu-group li {display:block;float:none;line-height:20px;}
ul.menu li ul.potato-menu-group li a {text-align: left; height: auto;}

.b-head {}
.b-head .ui-logo {font-family:Arial;font-weight:normal;width:440px;height:160px;text-decoration: none;float:right;margin-top:35px;margin-right:35px;font-style:italic;}
.b-head .ui-logo img {float:left;margin-right:30px;width:110px;}
.b-head .ui-logo span {font-size:14px;display: block;color:#FFFFFF;margin-left:10px;text-transform: uppercase;}
.b-head .ui-logo h2 {font-size:42px;color:#FFFFFF;font-style:italic;}
.b-head .ui-logo .ui-text {margin-top:15px;float:left;}

.b-top-slider {width:750px;margin:0 auto;}
.b-top-slider li {overflow: hidden;}
.b-top-slider li {width:750px;height:180px;float:left;}
.b-top-slider li img {float:left;margin-right:30px;}
.b-top-slider li span {font-family: Arial;font-size:20px;color:#FFFFFF;height:115px;display: block;margin:50px 0 10px;font-style:italic;font-weight:bold;}
.b-top-slider .slide-navigator {width:69px;height:69px;background: transparent center center no-repeat;position: absolute;top:55px;cursor:pointer;}
.b-top-slider #slide-prev {background-image: url(../img/site/ui_slider_left.png);left:-90px;}
.b-top-slider #slide-next {background-image: url(../img/site/ui_slider_right.png);right:-90px;}

/*
.b-article {padding:0 15px;overflow: hidden;margin:10px 0;}
.b-article .item {width:480px;height:148px;font-family:Verdana,Arial;margin:10px 0;float:left;}
.b-article .item img {width:148px;height:148px;float:left;margin-right: 10px;}
.b-article .item a {font-weight:bold;font-size:14px;line-height:20px;color:#9cd5e3;text-decoration: none;display:block;}
.b-article .item a:hover {text-decoration: underline;}
.b-article .item b {font-weight:normal;font-size:12px;color:#959595;display: block;margin:10px 0 15px;}
.b-article .item span {font-size: 11px;display:block;line-height:12px;}
*/

.b-article {padding:0 15px;overflow: hidden;margin:10px 0;}
.b-article .item {width:470px;height:60px;font-family:Arial,Verdana;margin:20px 5px;float:left;}
.b-article .item img {width:60px;height:60px;float:left;margin-right: 10px;}
.b-article .item a {font-size:14px;color:#000000;text-decoration: none;display:block;float:left;width:400px;line-height:16px;}
.b-article .item a:hover {text-decoration: underline;}
.b-article .item b {font-weight:normal;font-size:12px;color:#434343;display: block;margin:0px 0 2px;}
.b-article .item span {font-size: 11px;display:block;line-height:12px;display: none;}

.b-imager {padding:0 15px;overflow: hidden;margin:10px 0;}
.b-imager a {text-decoration: none;float:left;border: 1px solid #2fa6f2;margin:0 5px 10px 5px;}
.b-imager a img {height:155px;}

/*
.b-gallery {height:177px;border:1px solid #f0f0f0;border-bottom-width: 2px;border-top-width: 2px;margin:15px 20px;width:850px;padding:5px 52px;background-image: url(../img/site/bg_gallery.jpg);}
.b-gallery li {float:left;margin:5px 5px 0 0;}
.b-gallery li a {display:block;width:165px;height:165px;overflow:hidden;}
.b-gallery li a img {}
.b-gallery .slide-navigator {width:20px;height:28px;background: transparent center center no-repeat;position: absolute;top:70px;cursor:pointer;}
.b-gallery #slide-prev {background-image: url(../img/site/ui_gallery_left.jpg);left:-35px;}
.b-gallery #slide-next {background-image: url(../img/site/ui_gallery_right.jpg);right:-35px;}
*/

.b-gallery {height:177px;border-bottom-width: 2px;border-top-width: 2px;margin:15px 20px;width:852px;padding:5px 52px;}
.b-gallery li {float:left;margin:5px 3px 0 3px;}
.b-gallery li a {display:block;width:165px;height:165px;overflow:hidden;}
.b-gallery li a img {}
.b-gallery .slide-navigator {width:47px;height:86px;position: absolute;top:62px;cursor:pointer;}
/*.b-gallery #slide-prev {background: transparent url(/media/plugins/slowcase/minislides/assets-shorty/navigation/nextprev_shorty.png) left bottom;left:-50px;}
.b-gallery #slide-next {background: transparent url(/media/plugins/slowcase/minislides/assets-shorty/navigation/nextprev_shorty.png) right bottom;right:-50px;}*/
.b-gallery #slide-prev {background: transparent url(/media/img/site/ui_left_arrow.png) left bottom;width:45px;height:45px;left:-50px;}
.b-gallery #slide-next {background: transparent url(/media/img/site/ui_right_arrow.png) right bottom;width:45px;height:45px;right:-50px;}
.b-gallery #slide-prev:hover {background-position:top left;}
.b-gallery #slide-next:hover {background-position:top right;}

.b-ueee {margin:0 auto;overflow:hidden;margin:0 auto;width:800px;}
.b-links {overflow:hidden;width:61%;float:left;}
.b-links.big {width:auto;margin-right:5px;}
.b-links a {float:left;text-decoration: none;margin:15px 2px;}


.b-footer {padding:0 25px;overflow: hidden;font:12px Verdana,Arial;border-top: 1px dotted black;}
.b-footer a {color:#000000;text-decoration: none;}
.b-footer a.ui-daryn {width:260px;height:90px;float: left;margin-top:20px;}
.b-footer a.ui-daryn img {float:left;margin-right:15px;margin-top:15px;}
.b-footer a.ui-daryn span {display:block;padding-top:25px;}

.b-footer a.ui-stat {height:90px;float: left;margin-top:20px; margin-right: 20px;} 

.b-footer a.ui-vhod {width:100px;height:90px;float: left;margin-top:20px;margin-left: 15px;}
.b-footer a.ui-vhod img {float:left;margin-right:15px;margin-top:27px;}
.b-footer a.ui-vhod span {display:block;padding-top:35px;}

.b-footer a.ui-finist {margin-bottom:5px;float:right;}
.b-footer a.ui-finist span {float:left;padding-top:45px;width:190px;}
.b-footer a.ui-finist img {display:block;margin-right:15px;margin-top:15px;float:right;}

.ui-shadow {width:82px;height:692px;background: transparent top left no-repeat;position: absolute;top:0px;}
.ui-shadow.left {left:-82px;background-image: url(../img/site/ui_shadow_left.png);}
.ui-shadow.right {right:-82px;background-image: url(../img/site/ui_shadow_right.png);}

.ui-title-pf {width:100%;height:40px;font:26px/40px Arial;color:#029ce8;border-bottom:1px dotted #000000;padding:0 5px;clear:both;font-style:italic;font-weight:bold;}
.ui-title-pf a {float:right;font-size:11px;text-decoration: none;color:#047beb;font-family: Verdana,Arial;}
.ui-title-pf a:hover {text-decoration: underline;}

.b-slides {width:721px;height:300px;background-color: #FFFFFF;margin:0 auto;padding:10px 20px;font-family:Verdana,Arial;font-size:12px;font-weight:normal;}
.b-slides .toolbox-shorty {margin-left: 0;}
.b-slides .toolbox-shorty .rightbutton {margin-left: -65px;margin-top:0px;}
.b-slides .toolbox-shorty .leftbutton {margin-right: -65px;margin-top:0px;}
.b-slides .minislider_shorty .shorty_title_more {font-size:20px;}
.b-slides .minislider_shorty .shorty_title {margin:0;background-color: #d0d0d0;font-size:22px;font-family:Verdana;padding:33px 5px 20px 5px;text-transform:uppercase;}
.b-slides .minislider_shorty .slide {border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
.b-slides .minislider_shorty .shorty_more_style {font-size:14px;color:white;text-transform:uppercase;top:120px;left:0px;padding:0 10px;font-family:Verdana;width:auto;text-align:center;line-height:21px;font-weight:bold;}
.b-slides .minislider_shorty .shorty_more_style:hover{text-decoration:none;color:white;}
.b-slides .minislider_shorty .shorty_img {cursor:pointer;}
.b-slides .minislider_shorty .shorty_img div {margin:20px auto; padding:50px 0px 0px;}
.b-slides .minislider_shorty .shorty_full_content {margin-left:0px;font-size:13px;}
.b-slides #shorty.minislider_shorty .normal_bg {height:300px;background: url("/media/img/site/bg_blue_slider.png") transparent;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
.b-slides #shorty.minislider_shorty .shorty_is_on_action .normal_bg{background:  url("/media/img/site/bg_shorty_full.jpg") transparent;}
.b-slides #shorty.minislider_shorty .toolbox-shorty .rightbutton{background: url("/media/img/site/ui_left_arrow.png") 100% 100% no-repeat transparent;width:45px;height:45px;}
.b-slides #shorty.minislider_shorty .toolbox-shorty .leftbutton{background: url("/media/img/site/ui_right_arrow.png") 100% 100% no-repeat transparent;width:45px;height:45px;}
.b-slides #shorty.minislider_shorty .darkgreen, .b-slides #shorty.minislider_shorty p.dropcap_green:first-letter{color:#013985;} 
.b-slides #shorty.minislider_shorty .brown,.b-slides #shorty.minislider_shorty p.dropcap_white:first-letter{color:black;}
.b-slides #shorty.minislider_shorty .back_darkgreen{background-color:#013985;}
.b-slides .minislider_shorty .shorty_hide_style {font-size:14px;}
.b-slides .brown, p.dropcap_white:first-letter {font-size:13px;font-family:Verdana;padding-right:30px;}
.b-slides .see-all {display:block;font-size:15px;margin:5px;color:#256292;font-family:Verdana;}
/*.b-slides .minislider_shorty .normal_bg{background:transparent;}*/

#jquery-overlay {z-index:490 !important;}
#jquery-lightbox {z-index:500 !important;}

#pm{float:right;margin-right:7px;margin-top:7px;}
#pm img{display:block;}

.shorty_full_content a{color:#013985;text-decoration:underline;}
.shorty_full_content a:hover{text-decoration:none;}

.jcarousel-item img{margin-left:-45px;}

.win-list{font-family: Verdana, Arial, sans-serif;}
.win-wrapper{width:800px;margin:0px auto;padding-top:20px;}

.win-list .item-wrapper{
    /*width:798px;margin:0px auto 15px;*/
    clear:both;    
}
.win-list .item-wrapper .item{    
}
.win-list .periodic-wrapper{
    padding:5px;overflow:hidden;    
    border:1px solid #9dc3da;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
    /*border:1px solid #e7f5fe;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;*/
    overflow:hidden;
    background: #a4cde9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNyUiIHN0b3AtY29sb3I9IiNhNGNkZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NyUiIHN0b3AtY29sb3I9IiNjZWVhZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #a4cde9 27%, #ceeafd 77%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#a4cde9), color-stop(77%,#ceeafd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a4cde9 27%,#ceeafd 77%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a4cde9 27%,#ceeafd 77%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a4cde9 27%,#ceeafd 77%); /* IE10+ */
    background: linear-gradient(to bottom,  #a4cde9 27%,#ceeafd 77%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4cde9', endColorstr='#ceeafd',GradientType=0 ); /* IE6-8 */
}

.win-content{    
}
.win-content .win-logotype{float:left;width:100px;overflow:hidden;}
.win-content .win-logotype img{display:block;margin:0px auto;}
.win-content .win-title{font-size:18px;font-weight:bold;padding-bottom:14px;}
.win-content .win-text{font-size:12px;line-height:16px;}
.win-content .win-text p{padding-bottom:10px;text-indent:10px;}
.win-content .win-text p a{color:#008DFF;text-decoration:underline;}
.win-content .win-text p a:hover{text-decoration:none;}
.win-content .win-text,.win-content .win-title{padding-left:115px;}

.win-card{height:117px;position:relative;}
.win-total{float:left;font-size:12px;margin-top:44px;margin-left:20px;}
.win-total b{text-transform:uppercase;}
.win-award{float:left;margin-top:20px;margin-right:50px;}
.win-award img,.win-award span{float:left;}
.win-avard img {width: 60px; height: 80px;}
.win-award span{margin-top:22px;font-size:14px;margin-left:5px;color:black;}
.win-year{float:left;margin-right:70px;}
.win-year .card-year{
    margin-top:40px;margin-bottom:35px;padding-top:8px;font-size:15px;text-align:center;width:117px;height:34px;position:relative;left:-15px;background:url("/media/img/site/daryn/win_year.png") left top transparent;color:#818181;
    text-shadow: -1px 1px 0px rgba(255, 255, 255, 1);
}
.win-card .expand{cursor:pointer;position:absolute;right:0px;bottom:0px;background:url("/media/img/site/daryn/win_expand.png") no-repeat left top;width:25px;height:25px;}
.win-card .on{background-image:url("/media/img/site/daryn/win_hide.png");}

.people-list{/*border-top:1px solid #505f6a;*/margin-top:15px;display:none;overflow:hidden;border-bottom:1px ridge #505f6a;}
/*.periodic-wrapper .people-list:last-child {border-bottom: medium none;}*/
.people-list .year-description{padding:20px 15px 25px;font-size:14px;line-height:18px;/*border-top:1px solid #e7ffff;*/}
.people-list .people-item{width:200px;height:74px;border:1px dashed white;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:10px;overflow:hidden;float:left;margin-right:5px;margin-bottom:5px;}
.people-list .people-item .winner-link{float:left;height:75px;}
.people-list .people-item .winner-link img.avatar{display:block;max-height:100%;max-width:100%;height:75px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.people-list .people-item .content-text{font-size:11px;padding-left:70px;line-height:15px;}
.people-list .people-item .content-text img{display:block;padding:5px 0px;}

.competitor-card{
        font-family:Verdana,Arial,sans-serif;
        margin:0px auto;
        padding:20px;
        background:  url("../img/site/daryn/one-teacher-background.png") no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4cde9', endColorstr='#ceeafd',GradientType=0 ); /* IE6-8 */
}
.competitor-card .card-image{text-align:center;}
.competitor-card .card-image img{
    max-width:100%;border:4px solid white;
    -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
}
.competitor-card .card-name{font-size:14px;font-weight:bold;padding-top:10px;padding-bottom:15px;text-align:center;}
.competitor-card .card-description{font-size:12px;line-height:16px;padding-bottom:15px;}
.competitor-card .award-line{font-size:12px;overflow:hidden;font-weight:bold;margin-bottom:10px;}
.competitor-card .award-line .award-image{float:left;margin-right:15px;}
.competitor-card .award-line .award-image img{display:block;}
.competitor-card .award-line .award-define{padding-left:45px;padding-top:10px;padding-bottom:10px;}

.competitor-card .text{
    overflow-x: auto;
    overflow-y: scroll;
    height: 420px;
    width: 410px;
    font-size: 12px;
}

.banner-top {
    text-align: center;
    padding: 5px 0;
}

.book {
    background: url("../img/site/daryn/book_background.jpg") no-repeat  top center white;    
    height: 606px; 
    width: 942px; 
    margin-left: 30px;
    font-family: arial;
    float: left;
    margin-top: 20px;
}

.book .text {
    padding: 55px 46px 55px 65px;
    width: 360px;
    float: left;
}

.book .text p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 17px;
}

.book .category {
    padding: 55px 46px 55px 65px;
    width: 360px; 
    float: left; 
}

.book .category .caption,
.book .text .caption {
    color: #8c6239;
    font-size: 21px;
    font-family: Times New Roman;
}

.book .text .caption {
    margin-bottom: 27px;
}

.book .category .items {
    margin-top: 27px;
    margin-left: -30px;
    width: 290px;
}

.book .category .item {
    padding: 6px 6px 6px 31px;
    border: none;
    background: none;
    display: block;
    color: black;
    text-decoration: none;
    font-size: 12px;
}

.book .read_more {
    color: #0076A3;
}

.book .category .item:hover {
    padding: 5px 5px 5px 30px;
    border: 1px solid #bba48c;
    background: url("../img/site/daryn/item.png") no-repeat 4px;   
}

.book .teacher-list .item {
    float: left;
}

.book .teacher-list .item .img_border,
.competitor-card .img_border {
    display: block;
    float: left;
    position: relative;
    height: 131px;
    width: 96px;
}
.book .teacher-list .item img.photo,
.competitor-card img.photo {
    display: block;
    height: 109px;
    z-index: 1;
    position: absolute;
}

.book .teacher-list .item img.photo-border,
.competitor-card img.photo-border {
    display: block;
    left: -11px;
    position: absolute;
    top: -12px;
    z-index: 10;
}

.book .teacher-list .items {
    padding-top: 20px;
    padding-left: 35px;
}

.book .teacher-list .item {
    padding-top: 20px;
    width: 390px;
    height: 131px;
}

.book .teacher-list .item .caption,
.competitor-card .caption {
    font-size: 20px;
    margin-bottom: 10px;
}

.competitor-card .caption,
.competitor-card .annonce {
    width: 400px;
}



.book .teacher-list .item .annonce,
.competitor-card .annonce {
    color: #636363;
}

.book .left-page {
    margin-right: 60px;
    margin-left: 20px;
    float: left;
    width: 400px;
}

.book .teacher-list {
    height: 475px;
    margin-bottom: 48px;
}

.book .teacher-list a {
    color: black;
    text-decoration: none;
    display: block;
}

.book .left_part {
    float: left;
    width: 432px;
}

.book .right_part {
    float: left;
    margin-left: 40px;
    width: 394px;
}

.book .teacher-list-pagination {
    margin-left: 38px;
    margin-right: 38px;
}

.book .teacher-list-pagination .pagination {
    display: block !important;
}

.book .teacher-list-pagination a { 
    display: block;
    float: left;
    text-decoration: none;
    color: #0076a3;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 15px;
    padding-top: 10px;
    margin-right: 10px;   
}

.book .teacher-list-pagination strong {
    background-color: #8C6239;
    border-radius: 10px 10px 10px 10px;
    color: white;
    display: block;
    float: left;
    font-size: 15px;
    height: 19px;
    margin-right: 10px;
    margin-top: 9px;
    padding-left: 6px;
    padding-top: 2px;
    width: 15px;
}

.book .teacher-list-pagination .prev, 
.book .teacher-list-pagination .next {
    text-transform: uppercase;
    text-decoration: none;
    height: 40px;  
    font-size: 12px; 
    text-align: left; 
    margin-right: 0;
}

.book .teacher-list-pagination span {
    float: left;
    display: block;
}

.book .teacher-list-pagination .next {
    text-align: right;
}

.book .teacher-list-pagination .prev {
    background: url("../img/site/daryn/paginator-prev.png") no-repeat left top;
    padding-left: 50px;
    padding-top: 9px;
    width: 145px;
    color: #8c6239;
}

.book .teacher-list-pagination .next {
    background: url("../img/site/daryn/paginator-next.png") no-repeat right top;
    padding-right: 50px;
    padding-top: 9px;
    width: 145px;
    color: #8c6239;
    float:right;
}

.book .teacher-list-pagination .next-nonactive{   
    background: url("../img/site/daryn/paginator-next-nonactive.png") no-repeat right top;  
    color: #636363;      
}

.book .teacher-list-pagination .prev-nonactive{   
    background: url("../img/site/daryn/paginator-prev-nonactive.png") no-repeat left top;
    color: #636363;        
}

.book .absolute_region {
    position: absolute;
    right: 500px;  
    width: 350px;  
}

.book .region {
    float: right;
    padding-right: 10px;
}

.book .region a {
    text-decoration: underline;
    font-size: 12px;
    padding-top: 0;
    text-align: left;
}

.book .region img {
    float: right;
    margin: 2px 5px 5px 5px;
}

.book .region .caption {
    font-size: 20px;
    margin-bottom: 5px;
    float: right;
}

.book .change_region {
    float: inherit;
    padding-right: 68px;
}

.book .region a {
    color: #0076a3;
    text-transform: lowercase;
}

.radius5 {
    border-radius: 5px;
      -web-kit-border-radius: 5px;
      -moz-border-radius: 5px;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

/*new design START*/

.left-side {
    width: 585px;
    float: left;
    margin-right: 5px;
}

.right-side {
    float: left;
    width: 404px;
    background-color: #cee6fa;
    padding: 10px 6px;
    padding-right: 0;
    
    
    position: relative;
    overflow: hidden;   
}

.right-side:before{
    content:'';
    position: absolute;
    top: -30%;
    bottom: -30%;
    left: -100px;
    width: 100px;
    box-shadow: -9px 0 15px 2px black;
}

.news {
    float: left;
    width: 575px; 
    padding: 5px;
    margin-top: 10px;
}

.news_category {
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    width: 580px;
}

.news .items {
    height: 265px;
    float: left;
}

.news .caption, .aktualno .caption, .smi .caption {
    display: block;
    text-decoration: none;
    color: black;
}

.news .caption:hover, .aktualno .caption:hover, .smi .caption:hover {
    text-decoration: none;
    color: #575B5E;
}

.caption {
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
}

.news .main {
    float: left;
    width: 305px;
    height: 290px;  
    margin-right: 6px;  
}

.news .not_main {
    float: left;
    width: 250px;
    margin-bottom: 5px;
    line-height: 12px;
}

.news .item {
    float: left;
    width: 275px;
    height: 65px;
    display: block;
    margin-bottom: 17px;
}

.news a {
    color: black;
    text-decoration: none;
}

.news .date {
    font-size: 10px;
    color: #636363;
    margin-bottom: 3px;
}

.news .main .img_div {
    width: 294px;
    height: 167px; 
    overflow: hidden;   
    margin-bottom: 5px;
}

.news .main img{
    margin-bottom: 3px;
    width: 294px;
}

.news .annonce {
    font-size: 12px;
    line-height: 14px;
}

.news .not_main .annonce {
    font-size: 11px;
}

.news .not_main img {
    float: left;
    margin-right: 5px;
    width: 60px;
    height: 59px;
}

.news a:hover {
    text-decoration: underline;
}

.aktualno .item {
    margin-bottom: 5px;
    padding: 5px;
    margin-right: 5px;
    display: block;
    color: black;
    text-decoration: none;
}

.aktualno .item:hover {
    background-color: white;
    border-radius: 10px;
}

.aktualno .date, .smi .date {
    color: #636363;
    font-size: 11px;
    padding: 5px 0;
}

.aktualno .description, .smi .annonce{
    font-size: 12px;
}

.photos, .smi, .video {
    float: left;
    margin-left: 5px;
    margin-top: 10px;
}

.photos .big-photo{
    float: left;
    width: 195px;
    height: 195px;
}

.video .big-photo{
    float: left;
    width: 291px;
    height: 195px;
}

.photos .small-photo, .video .small-photo {
    float: left;
    width: 98px;
    height: 98px;
}

.photos .big-photo img {
    height: 195px;
}

.video .big-photo img {
    height: 217px;
}

.photos .small-photo img{
    height: 98px;
}

.video .small-photo img {
    height: 105px;
}

.photos .big-photo .item {
    width: 194px;
    height: 195px;
    float: left;
    overflow: hidden;
    position: relative;
}

.video .big-photo .item {
    width: 290px;
    height: 195px;
    float: left;
    overflow: hidden;
    position: relative;    
}

.photos .small-photo .item, .video .small-photo .item {
    width: 97px;
    height: 97px;
    float: left;
    overflow: hidden;
    position: relative;
}

.photos .shadow:hover {
     background: none repeat scroll 0% 0% #FFFFFF;
     box-shadow: 0 3px 7px #666666;
     margin: -5px; 
     padding: 5px;
     position: relative;
     z-index: 1;
}   

.video .shadow:hover {
     background: none repeat scroll 0% 0% #FFFFFF;
     box-shadow: 0 3px 7px #666666;
     margin: -5px; 
     padding: 5px;
     position: relative;
     z-index: 1;
}  

.video .icon {
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    width: 48px;
    height: inherit !important;
}    

.video .small-photo .icon {
    width: 30px;
    left: 60%;
    top: 60%;
}

.smi img {
    width: 61px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.smi .item {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    color: black;
    text-decoration: none;
    padding: 5px;
}

.smi .item:hover{
    background-color: white;
    border-radius: 10px;
}

.slugs1 {
    background: url("../img/site/banners_bg.jpg") no-repeat;
    height: 121px;
    width: 580px;
    float: left;
    margin-left: 5px;
    margin-bottom: 10px;
}

.slugs-slider {
    height: 121px;
    padding: 0 33px;
    width: 513px;
    float: left;
    margin-bottom: 25px;
}

.slugs-slider .jcarousel-clip {
    height: 121px;
    width:513px;
}
.slugs-slider li {
    float: left !important;
    text-align: center;
    margin-top: 9px;
    margin-right: 30px;
    height:94px;
    width:237px;
}

.slugs-slider img {
    margin-left: 0;
    height: 94px;
}

.slugs-slider li a {
    display: block;
    position: relative;
}
.slugs-slider .slider-button {
    cursor: pointer;
    height: 25px;
    margin-left: -10px;
    position: absolute;
    text-align: center;
    width: 12px;
    top: 52px;
}
.slugs-slider .prev {
    background: url("../img/site/button_prev.png") no-repeat scroll 0 0 transparent;
    left: 15px;
}
.slugs-slider .next {
    background: url("../img/site/button_next.png") no-repeat scroll 0 0 transparent;
    right: 5px;
}
.slugs-slider .jcarousel-prev-disabled, .banner-slider .jcarousel-next-disabled {
    display: none !important;
}
.slugs-slider li .cover {
    bottom: 12px;
    color:black;
    display: block;
    font-size: 11px;
    height: 43px;
    padding-left: 10px;
    padding-top: 5px;
}

.slugs-slider li a {
    text-decoration: none;
}

.slugs2 {
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    width: 390px;
}

.slugs2 a {
    display: block;
    float: left;
    margin-left: 10px;
}

.slugs2 img {
    width: 120px;
}

.projects {
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 10px;
    font-size: 12px;
    width: 400px;
}

.projects .item {
    background: url("../img/site/projects.jpg") no-repeat left center;
    padding-left: 45px;
    margin-bottom: 25px;
}

.projects .title {
    font-weight: bold;
    margin-bottom: 5px;
}


/* Slider */
#carousel {
    margin: 0 auto;
    position: relative;
    width: 560px;
    height: 276px;
    font-size: 12px;
    border: none;
    color: fff;
    overflow: hidden;
    background: url('../img/site/slider_bg.jpg') repeat-x transparent;
    /*box-shadow: 0 7px 6px -6px #777; 
    border-left: #dddddd solid 1px;   
    border-right: #dddddd solid 1px;  */  
    padding: 1px;
}
#carousel #slider li {
    float: left;
    height: 251px;
    width: 707px;
    position: relative;
}
/*
#carousel .button {
    height: 44px;
    margin-top: -22px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 44px;
    cursor: pointer;
}
#carousel .prev {
    left: 30px;
    background: url('../img/site/abay/prev.png') no-repeat;
}
#carousel .next {
    right: 30px;
    background: url('../img/site/abay/next.png') no-repeat;
}  */

#carousel .jcarousel-prev-disabled,
#carousel .jcarousel-next-disabled {
    display: none !important;
}
.jcarousel-clip-horizontal {
    overflow: hidden;
}
.jcarousel-prev-disabled img {
    display: none;
}
.jcarousel-next-disabled img {
    display: none;
}

/*
.slider-shadow {
    width: 615px;
    height: 22px;
    margin: 0 auto;
    background: url('../img/site/vko-daryn/slider-shadow.png') no-repeat top center;
}
*/

#carousel .image {
    float: left;
    overflow: hidden;
    position: relative;
    box-shadow: 0 7px 6px -6px #777;
    margin-top: 14px;
    margin-left: 15px;
}
#carousel .image img {

}
#carousel .cover {
    width: 530px;
    position: absolute;
    bottom: 13px;
    left: 16px;
    height: 40px;
    background-color: rgba(0,0,0,0.8);
}
#carousel .cover a {
    color: black;
}
#carousel .cover .title {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 25px;
}
#carousel .cover .text {
    overflow: hidden;
    font-size: 14px;
    padding: 5px;
    color: white;
}
#carousel .links {
    position: absolute;
    bottom: 10px;
    right: 35px;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    height: 26px;
    margin-bottom: 10px;
}
#carousel .links li,
#carousel .links li a {
    float: left;
    position: static;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    border-radius: 0;
    display: block;
    white-space: normal;
    border-radius: 25px;
    width: 23px;
    height: 23px;
    margin-right: 10px;
}
#carousel .links li a {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 22px;
    background: url('../img/site/vko-daryn/slider-button.png') no-repeat;
    color: #7e66ac;
    font-weight: bold;
    text-decoration: none;
    margin: 0 10px;
    background-color: white;
    margin-left: 10px;
}
#carousel .links li.ui-tabs-selected a {
    background-color: #22ba29;
}
#carousel .ui-tabs-hide {
    display: none;
}
#carousel .ui-tabs-panel {
    padding: 0;
    border: 0;
    border-radius: 0;
}

.slider_img {
    height: 410px;   
    overflow: hidden; 
    background-color: white;
    margin-top: 5px;

}

.slider_img h1 {
    font-size: 22px;
    font-weight: bold;
    color: #323232;
    margin-top: 5px;
    margin-left: 2px;
    background: url("../img/site/pk5/gear.png") no-repeat left center;
    padding-left: 35px;
    margin-bottom: 10px;
}

.slider_img h1 img {
    padding-top: 3px;
}


.slider_img li img {
    box-shadow: 0 7px 6px -6px #777; 
    padding: 3px;
}

.slider_img ul li {
    margin-right: 20px;
}

.right-side .fixed {
    position: absolute;
    top: 0;
    padding-top: 10px;
    width: 404px;
}
/*new design END*/

.video {
    margin-top: 20px;
    float: left;
    width: 405px;
}

#videoblog .title {
    border-bottom: 1px dotted black;
    font-size: 25px;
    margin-bottom: 24px;
    padding-bottom: 15px;
    padding-left: 10px;
    text-transform: uppercase;
}

#videoblog a.media-video img.main {
    display: inline-block;
    max-height: 256px;
    margin-top: -29px;
}

#videoblog a.media-video img.icon {
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    width: 48px;
}

#videoblog .player {
    background-color: white;
    padding: 5px;
    border: 1px solid #BFB9E7;
    float: left;
    width: 289px;
}

#videoblog a.media-image, #videoblog a.media-video {
    display: block;
    height: 175px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 289px;
    float: left;
}

#videoblog .video-title {
    margin-bottom: 5px;
    font-size: 14px;
}

#videoblog .item {
    width: 330px;
    float: left;
    margin-bottom: 15px;
}

#videoblog {
    margin: 20px;
}

#PresidentTest {
    margin: 20px 27px;
    display: block;
    float: left;
}

.more {
    float: left;
}

div#lobby-block{background: #FFFFFF;width:1000px;position: relative;}
div#lobby-block div.line-head div.text h1{background: #FFFFFF;}
div#lobby-block div.block-message{padding:5px 40px;font:normal 11px Trebuchet MS,Verdana;}
div#lobby-block form{padding:5px 40px;height:355px;position: relative;}
div#lobby-block form textarea#lobby-textarea{resize:none;width:920px;height:190px;border:1px solid #999999;background: #FFFFFF;}
div#lobby-block form div.left-form{width:370px;height:150px;float:left;margin-left:15px;margin-top:5px;}
div#lobby-block form label{font:normal 18px Trebuchet MS,Verdana;}
div#lobby-block form input.text{width:270px;height:14px;border:1px solid #93a8a9;margin:6px 0;padding:5px 2px;}
div#lobby-block form div.left-form label{width:80px;display: block;float:left;margin:6px 0;}
div#lobby-block form div.right-form{width:300px;height:150px;float:left;margin-top:5px;}
div#lobby-block form div.right-form input.text{width:230px;}
div#lobby-block form div.right-form label.label-email{float: left;height: 25px;line-height: 25px;margin-right: 10px;margin-top: 6px;}
div#lobby-block form div.right-form div.captcha{width:295px;height:80px;margin-top:24px;}
div#lobby-block form div.right-form div.captcha img{width:100px;}
div#lobby-block form div.right-form div.captcha div{float:left;}
div#lobby-block form div.right-form div.captcha label{font:normal 12px Trebuchet MS,Verdana;width:130px;margin-bottom:10px;display: block;}
div#lobby-block form div.right-form div.captcha input.text{width:140px;height:25px;padding:5px;font-size:20px;}
div#lobby-block form input.button-blue{float:right;margin-top:25px;}
div#lobby-block div#last-questions{width:950px;margin:10px auto 0 auto;height:155px;}
div#lobby-block div#last-questions div.item{width:195px;height:90px;float:left;margin:10px 20px 0 20px;font:normal 10px/12px Trebuchet MS,Verdana;}
div#lobby-block div#last-questions div.item a{color: #000; text-decoration: none;}
div#lobby-block div#last-questions div.item a:hover{text-decoration: underline;}
div#lobby-block div#last-questions a.alloha{font:normal 18px Trebuchet MS,Verdana;color:#000000;text-decoration: none;margin-left:20px;float:left;margin-right:1em;}
div#lobby-block div#last-questions a.alloha:hover{text-decoration: underline;}

.blog-page .category-descript{
    margin: 20px 0;
}

.psih {
    text-align: center;
    margin: 10px 0;
    width: 100%;
    float: left;
}

.psih:hover {
    text-decoration: none;
}

.olimp-slug {
    display: block;
}

.olimp-slug img {
    display: block;
}

.smi {
    position: relative;
}

.social {
    position: absolute;
    right: 15px;
    top: -5px;
}

.social a {
    height: 24px;
    width: 24px;
    display: block;
    float: left;
    margin-left: 7px;
}

.social .mailru {
    background: url("../img/site/social/mailru.png") no-repeat center center;
}

.social .twitter {
    background: url("../img/site/social/twitter.png") no-repeat center center;
}

.social .fb {
    background: url("../img/site/social/fb.png") no-repeat center center;
}

.social .youtube {
    background: url("../img/site/social/youtube.png") no-repeat center center;
}

.otbor-block {
    background: white;
    padding: 5px;
    padding-top: 12px;
    padding-bottom: 25px;
}

.otbor-block .caption {
    text-align: center;
}

.otbor-block .otbor_btn {
    display: block;
    background: url("../img/site/blue_btn_bg.jpg") repeat-x;
    padding: 10px 0;
    width: 200px;
    color: white;
    text-decoration: none;
    text-align: center;
    float: left;
    margin: 0 25px;
}

.otbor-block .otbor_btn:last-child {
    margin-right: 0;
}

.otbor-block .buttons {
    padding-top: 15px;
}

.kubok {
    background: url("../img/site/kubok_bg.jpg") no-repeat;
    width: 410px;
    height: 258px;
    overflow: hidden;
    margin-left: -6px;
    margin-top: 20px;
    float: left;
    position: relative;
}

.kubok .caption {
    color: #2ab7c9;
    font-size: 22px;
    text-transform: uppercase;
    border-bottom: none;
    margin-top: 9px;
}

.kubok .more {
    position: absolute;
    top: 10px;
    right: 10px;
}


/* Slider */
#carousel-kubok {
    margin: 0 auto;
    position: relative;
    font-size: 12px;
    color: fff;
    overflow: hidden;
    height: 192px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
#carousel-kubok #slider li {
    float: left;
    position: relative;
}
#carousel-kubok .jcarousel-prev-disabled,
#carousel-kubok .jcarousel-next-disabled {
    display: none !important;
}

#carousel-kubok .links {
    position: absolute;
    bottom: 0;
    left: 95px;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
}
#carousel-kubok .links li,
#carousel-kubok .links li a {
    float: left;
    position: static;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    display: block;
    white-space: normal;
}
#carousel-kubok .links li a {
    width: 10px;
    height: 10px;
    text-align: center;
    line-height: 22px;
    background: #7c8ea0; 
    color: white;
    font-weight: bold;
    text-decoration: none;
    margin: 0 5px;
    border-radius: 10px;
}
#carousel-kubok .links li.ui-tabs-selected a {
    background: #2ab7c9;
}
#carousel-kubok .ui-tabs-hide {
    display: none;
}
#carousel-kubok .ui-tabs-panel {
    padding: 0;
    border: 0;
    border-radius: 0;
}

#carousel-kubok {
    background: none !important;
    border: none !important;
}

#carousel-kubok .image {
    margin: 0px 52px;
    text-align: center;
    width: 307px;
    height: 172px;
    overflow: hidden;
}

#carousel-kubok .image img {
    width: 100%;
}

.block form input[type=file] {
    border: none;
}


.news_keeper_big  h1 {
    font-size: 10px;
}

.news_keeper_big table {
    width: 100%;
}

.news_preview_loader h2 {
}

.news_keeper_big .title,
#wr-gallery h1 {
    border-bottom: 1px dotted black;
    font-family: Arial;
    font-size: 25px;
    margin-bottom: 24px;
    padding-bottom: 15px;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: normal !important;
}

.news_preview_loader h1 {
    font-size: 16px;
    font-weight: normal;
}
h1 {
    font-size: 20px;
    margin-bottom: 13px;
}