/* COMMON STYLES **************************************************************/
* {
    margin: 0;
    padding: 0;
    font-family: "Arial";
    font-size: 14px;
    color: #4b4b45;
    outline: none !important;
}

.clear {
    clear: both;
    height: 1px;
    line-height: 1px;
    padding: 0;
    margin: 0;
}

a img {
    border: none;
}

body {
    background: url(../img/snow_bg.jpg) top left repeat;
}

.wrapper {
    position: relative;
}

div.flash {
    z-index: 10;
}

/* CONTENT ********************************************************************/
.content {
    position: relative;
    width: 981px;
    margin: 0 auto;
}

.content .main_news {
    padding-top: 10px;
    padding-bottom: 50px;
}

.content .main_news table {
    width: 100%;
    padding-top: 15px;
}

.content .main_news table td {
    width: 30%;
    padding-right: 3%;
    vertical-align: top;
}

.content .main_news table td .title p {
    float: left;
    width: 89px;
    height: 31px;
    background: url(../img/main_news_date_bg.jpg) left center no-repeat;
    color: white;
    text-align: center;
    line-height: 28px;
    font-weight: bold;
    margin-right: 10px;
}

.content .main_news table td .text * {
    line-height: 21px;
    padding-top: 2px;
}

.content .main_news table td .title a {
    display: block;
    float: left;
    line-height: 28px;
    color: #e72959;
    font-weight: bold;
    text-decoration: underline;
}

.content .phrases {
    padding-bottom: 70px;
}

.content .phrases .cloud_block {
    float: left;
    width: 500px;
}

.content .phrases .cloud_block .text {
    width: 493px;
    background: url(../img/facts_top.jpg) top left no-repeat;
    padding-top: 30px;
    margin-bottom: 0px;
}

.content .phrases .cloud_block .text p {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    line-height: 21px;
}

.content .phrases .why_block {
    float: right;
    width: 480px;
    position: relative;
}

.content .phrases .why_block td {
    padding-left: 25px;
    padding-bottom: 15px;
}

.content .phrases .why_block .cursor {
    position: absolute;
    top: 10px;
    right: -15px;
}

.content .phrases .why_block .why {
    padding-bottom: 10px;
}

#text_advantages,
#text_why {
    width: 500px;
}

div#fancybox-content {
    background-color: white !important;
}

div#fancybox-content ul {
    margin-left: 20px;
    padding-bottom: 20px;
}

div#fancybox-content ul li {
    padding-top: 5px;
    font-size: 16px;
    list-style: disc;
}

div#fancybox-content p {
    padding-bottom: 15px;
    font-size: 16px;
}

.content .club {
    margin-bottom: 40px;
    text-align: center;
}

.content .club p {
    text-align: left;
}

.content .club .three_cols div {
    float: left;
    width: 300px;
    margin-right: 27px;
}

.content .club .three_cols div .float,
.content .club .two_cols div .float {
    float: left;
    margin-right: 15px;
}

.content .club .two_cols {
    margin-top: 40px;
}

.content .club .two_cols div {
    float: left;
    width: 450px;
    margin-right: 37px;
}

.content .wide_text {
    margin-bottom: 40px;
    text-align: center;
}

.content .wide_text .main_img {
    margin-bottom: 15px;
}

.content .wide_text p {
    margin-bottom: 20px;
    text-align: left;
}

.content a {
    color: #00a1ff;
    font-weight: bold;
}

.content .header {
    height: 145px;
    position: relative;
    margin-bottom: 25px;
    z-index: 10;
}

.content .header ul {
    height: 60px;
    background: url(../img/head_bg.jpg) top left no-repeat;
    list-style: none;
}

.content .header li {
    display: block;
    float: left;
    text-align: center;
    width: auto;
    padding-left: 10px;
    padding-right: 9px;
    padding-top: 11px;
}

.content .header li.first {
    padding-right: 0px;
    padding-top: 18px;
}

.content .header li.last {
    padding-right: 0px;
}

.content .header li a {
    color: white;
    font-size: 13px;
    font-weight: normal;
}

.content .header .pointer {
    position: absolute;
    top: 50px;
}

.content .header .logo,
.content .header .contacts {
    position: absolute;
    bottom: 0px;
}

.content .header .logo {
    left: 10px;
}

.content .header .history {    
    position: absolute;
    bottom: -5px;
    left: 255px;
}

.content .header .social_thumbs {
    position: absolute;
    bottom: 5px;
    left: 510px;
}

.content .header .social_thumbs a {
    margin-right: 20px;
}

.content .header .contacts {
    right: 10px;
}

.content .header .contacts a {
    position: absolute;
    display: block;
    height: 30px;
    width: 225px;
    right: 0px;
    bottom: -10px;
    z-index: 9000;
    cursor: pointer;
}

.content .directions {
    width: 100%;
    margin-bottom: 50px;
}

.content .directions td {
    vertical-align: bottom;
}

.content .directions td.top {
    vertical-align: top;
    padding-top: 10px;
}

.content .directions ul {
    margin-top: 20px;
    list-style: none;
    width: 160px;
}

.content .directions li {
    padding-bottom: 10px;
    padding-left: 10px;
}

.content .directions li a {
    font-weight: normal;
}

.content .directions ul.kids {
    margin-left: 0px;
}

.content .directions ul.kids li,
.content .directions ul.kids li a {
    color: #bb291c;
}

.content .directions ul.kids li {
    background: url(../img/red_dot.jpg) 0px 7px no-repeat;
}

.content .directions ul.spec li,
.content .directions ul.spec li a {
    color: #bb2d23;
}

.content .directions ul.spec li {
    background: url(../img/red_dot.jpg) 0px 7px no-repeat;
}

.content .directions ul.pupils {
    margin-left: 20px;
}

.content .directions ul.pupils li,
.content .directions ul.pupils li a {
    color: #247a0d;
}

.content .directions ul.pupils li {
    background: url(../img/green_dot.jpg) 0px 7px no-repeat;
}

.content .directions ul.general {
    margin-left: 50px;
}

.content .directions ul.general li,
.content .directions ul.general li a {
    color: #1293d6;
}

.content .directions ul.general li {
    background: url(../img/blue_dot.jpg) 0px 7px no-repeat;
}

.content .directions ul.biz {
    margin-left: 15px;
}

.content .directions ul.biz li,
.content .directions ul.biz li a {
    color: #222d32;
}

.content .directions ul.biz li {
    background: url(../img/black_dot.jpg) 0px 7px no-repeat;
}

.content .left {
    float: left;
    width: 415px;
}

.content .left .cursor {
    position: absolute;
    left: 350px;
    margin-top: -62px;
}

.content .right {
    float: right;
    width: 510px;
}

.content .right #main_video {
    margin-bottom: 15px;
    margin-top: -10px;
    display: none;
    position: static;
    height: 240px;
}

.content .text {
    margin-bottom: 35px;
}

.content .text p,
.content .text ul {
    margin-bottom: 20px;
}

.content .text ul,
.content .text ol {
    margin-left: 20px;
}

.content img.head {
    display: block;
    margin-bottom: 15px;
}

.content .info_panel {
    margin-bottom: 30px;
}

.content .info_panel .gallery,
.content .info_panel .allnews {
    float: right;
    width: 730px;
}

.content .info_panel .cources,
.content .info_panel .videos {
    float: right;
    width: 720px;
}

.content .info_panel .videos .item {
    float: left;
    width: 320px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
}

.content .info_panel .videos .item h2 {
    background: url(../img/camera_ico.jpg) left center no-repeat;
    font-size: 17px;
    padding-left: 50px;
    margin-top: 5px;
    font-weight: normal;
    color: #fe1c1d;
}

.content .info_panel .cources .item {
    padding-top: 10px;
    padding-bottom: 10px;
}

.content .info_panel .cources .item h1 {
    font-size: 18px;
    font-weight: bold;
    color: #d42d1c;
    margin-bottom: 5px;
}

.content .info_panel .cources .item h1 a.more {
    margin-left: 7px;
    font-size: 11px;
}

.content .info_panel .cources .item.first .img {
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
}

.content .info_panel .cources .item.second .img {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}

.content .info_panel .allnews .text {
    margin-top: 10px;
}

.content .info_panel .back_link {
    text-align: right;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-right: 40px;
}

.content .info_panel .gallery h1 {
    font-size: 20px;
    font-weight: normal;
    font-family: "Arial Narrow";
    text-align: center;
    color: #fc2c2a;
    margin-bottom: 20px;
    position: relative;
}

.content .info_panel .gallery h1 a {
    position: absolute;
    right: 30px;
    bottom: -3px;
}

.content .info_panel .gallery .gallery_thumb {
    float: left;
    margin-left: 25px;
    text-align: center;
    display: block;
    margin-bottom: 25px;
    text-decoration: none;
}

.content .info_panel .gallery .gallery_thumb span {
    color: #ff1d1d;
    font-family: "Arial Narrow";
    font-size: 16px;
    font-weight: normal;
}

.content .info_panel .gallery .gallery_thumb .img {
    padding-bottom: 12px;
    background: url(../img/gal_shadow.png) left bottom no-repeat;
    width: 218px;
    height: 146px;
}

.content .info_panel .gallery .gallery_thumb .img div {
    border: 5px solid white;
    margin-bottom: -2px;
    height: 135px;
    overflow: hidden;
}

.content .info_panel .gallery .gallery_thumb div img {
    width: 100%;
}

.content .info_panel .phrase_social {
    width: 250px;
    float: left;
}

.content .info_panel .phrase_social .cloud {
    width: 226px;
    background: url(../img/cloud_top.jpg) top left no-repeat;
    margin-top: -10px;
    margin-bottom: 40px;
}

.content .info_panel .phrase_social .cloud h1 {
    padding-top: 30px;
    font-size: 18px;
    padding-left: 20px;
    margin-bottom: 10px;
    color: #d32c1c;
    font-weight: bold;
    font-style: italic;
}

.content .info_panel .phrase_social .cloud ul {
    list-style: none;
    padding-right: 15px;
    margin-bottom: -25px;
}

.content .info_panel .phrase_social .cloud li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #dfdfdf;
}

.content .info_panel .phrase_social .cloud span {
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    display: block;
    margin-bottom: 3px;
}

.content .info_panel .phrase_social .cloud p {
    padding-top: 35px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: -30px;
    font-size: 18px;
    line-height: 25px;
    font-family: "Arial Narrow";
}

.content .info_panel .phrase_social .cloud.smaller_font p {
    font-size: 16px;
}

.content .info_panel .phrase_social .soc_links {
    margin-bottom: 40px;
}

.content .info_panel .phrase_social .soc_links a {
    margin-right: 20px;
}

.content .info_panel .news {
    float: right;
    width: 600px;
}

.content .info_panel .news .date {
    font-size: 14px;
    font-style: italic;
    color: #469711;
    margin-bottom: 5px;
}

.content .info_panel .news .item,
.content .info_panel .allnews .item {
    margin-bottom: 15px;
}

.content .info_panel .allnews .text img {
    border: 2px solid #d0d0d0;
    margin-right: 10px;
    margin-bottom: 5px;
}

.content .info_panel .news .item .img,
.content .info_panel .allnews .item .img {
    float: left;
    padding-bottom: 11px;
    background: url(../img/news_shadow.png) bottom left no-repeat;
}

.content .info_panel .allnews .item .img {
    margin-left: 10px;
}

.content .info_panel .news .item .img img,
.content .info_panel .allnews .item .img img {
    width: 136px;
    border: 4px solid white;
    margin-bottom: -2px;
}

.content .info_panel .news .item .small_text {
    float: right;
    width: 450px;
}

.content .info_panel .news .item .small_text li {
    margin-left: 25px;
}

.content .info_panel .allnews .item .small_text {
    float: right;
    width: 550px;
}

.content .info_panel .allnews .item .small_text ul,
.content .info_panel .allnews .item .small_text ol {
    margin-left: 15px;
}

.content .info_panel .allnews .item .small_text .date,
.content .info_panel .allnews .all_info .date {
    font-weight: bold;
    color: #5fa531;
    font-style: italic;
    margin-right: 5px;
}

.content .info_panel .allnews .item .small_text p {
    margin-top: 5px;
}

.fact {
    position: static;
    height: 282px;
    background: url(../img/main_int_fact.jpg) top left repeat-x;
    overflow: hidden;
    margin-bottom: 40px;
}

.fact div.head {
    background: url(../img/main_int_fact_header.png) bottom left no-repeat;
    height: 32px;
    padding-top: 27px;
    margin-bottom: 15px;
    position: static;
}

.fact p {
    color: white;
    margin-bottom: 15px;
    position: static;
}

.scissors {
    position: absolute;
    left: -10px;
    bottom: -15px;
    width: 58px;
    height: 49px;
    background: url(../img/main_int_fact_scissors.png) left top no-repeat;
    z-index: 1000;
}

.fact .picture {
    float: left;
    background: url(../img/fact_shadow.png) left bottom no-repeat;
    padding-bottom: 11px;
}

.fact .picture img {
    border: 4px solid white;
    margin-bottom: -3px;
    width: 192px;
}

.fact .right_text {
    float: right;
    width: 760px;
}

/* FOOTER *********************************************************************/
.footer {
    background: url(../img/footer_border.jpg) top left repeat-x;
    padding-top: 30px;
    height: 160px;
    position: relative;
}

.footer ul {
    list-style: none;
}

.footer li.first {
    padding-right: 0px;
    padding-top: 9px;
}

.footer li.last {
    padding-right: 0px;
}

.footer li a {
    color: #626262;
    font-weight: normal;
    font-size: 13px;
}

.footer li a.current {
    color: #e31b1b;
    font-weight: bold;
    text-decoration: none;
}

.footer li {
    display: block;
    float: left;
    text-align: center;
    width: auto;
    padding-left: 10px;
    padding-right: 9px;
}

.footer .logo,
.footer .splogo {
    position: absolute;
}

.footer .logo {
    left: 0px;
    top: 70px;
}

.footer .splogo {
    right: 0px;
    top: 90px;
}

.footer .copy {
    text-align: center;
    font-weight: bold;
    color: #292929;
    padding-top: 70px;
}

.footer .pointer {
    position: absolute;
    top: -17px;
}