/* SCC style */
/* -------------------------------------------------------------------
imported style sheets
----------------------------------------------------------------------*/
@import url(reset.css);
/*--------------------------------------------------------
styles
----------------------------------------------------------*/
#headerContainer { background: #5fbff4;  }
#header { width: 942px; height: 92px; background: transparent url("../images/img_03.jpg") 0 0 no-repeat; margin: auto; }
#logo { font-size: 27px; color: white; padding: 29px 0 0 54px; }
#headButton { float: right; right: 239px;  top: -38px; position: relative; width: 165px;
height: 42px; text-align: center; line-height: 38px;
font-size: 18px; color: white; cursor: pointer; }
#headButton a { display: block; width: 165px; height: 42px; font-size: 18px; color: white;  }
#container {width: 942px; min-height: 300px; margin: auto; }
#logoInformer { width: 439px; height: 318px; background: transparent url('../images/img_14.jpg') 0 0 no-repeat; margin: 23px auto 20px; }
#logoInformer div {  width: 200px; font-size: 12px; left: 193px; top: 162px; position: relative; text-align: justify;
    font-weight:  bold; line-height: 16px; }

#changeLang { float: right; }
#changeLang a { display: block; float: right; width: 30px; height: 33px; margin-left: 10px;  }
#changeLang a:hover { background-position: 0px 0px;}
#ge { background: transparent url('../images/img_07.jpg') 0 -33px no-repeat; }
#en { background: transparent url('../images/img_09.jpg') 0 -33px no-repeat; }
#ru { background: transparent url('../images/img_11.jpg') 0 -33px no-repeat; }

#info { height: 1%; overflow: auto; }
#leftCol { float: left; width: 390px; }
#rightCol p, #leftCol p { padding-top: 10px; font-size: 13px; text-align: justify; }
#rightCol p { padding-left: 75px; }

#leftCol span { font-size: 16px; font-weight: bold; }
#leftCol p { padding-right: 10px; }
#rightCol span strong,  #leftCol span strong, #rightCol span strong,  #rightCol span strong a, .deviceHead { color: #00c6ff; font-size: 25px; font-weight: bold; }
.deviceHead { padding-top: 15px; }
#rightCol { margin-left: 390px; }
#rightCol p a { color: #00C6FF; font-weight: bold;}
.teacherLogo { display: block; float: left; width: 148px; height: 178px;
    background: transparent url('../images/img_19.jpg') 0 0 no-repeat; }
.teacherLogoEn { display: block; float: left; width: 75px; height: 64px;
    background: transparent url('../images/img_en_05.jpg') 5px 5px no-repeat; }
#product { height: 1%; overflow: auto; }
.detail { display: block; padding-left: 24px; height: 19px; background: transparent url('../images/img_22.jpg') 0 0 no-repeat;
    font-size: 12px; color: #a7a7a7; text-decoration: underline; margin-top: 3px; line-height: 19px;  }
.devicePic { width: 203px; height: 173px;  }
.device { float: left; width: 33%; padding-top: 40px;}
.device img { margin-top: 14px; }
#footerContainer { background-color: #8c8c8c; clear: both; margin: 80px auto 0; }
#footer { width: 942px; height: 52px; margin: auto; padding-top: 15px; color: white; font-size: 13px; }
#footerMenu a { color: white; font-size: 14px; }
#footerMenu { float: left; }
.name { color: #00C6FF; font-size: 17px; font-weight: bold;  }
#footer p { float: right; color: white; }
#rightCol div { margin-bottom: 10px; }
#logoInformer_e { width: 439px; height: 318px; background: transparent url('../images/img_14_e.jpg') 0 0 no-repeat; margin: 23px auto 20px; }
#logoInformer_d { width: 439px; height: 318px; background: transparent url('../images/img_14_d.jpg') 0 0 no-repeat; margin: 23px auto 20px; }
#logoInformer_e div, #logoInformer_d div {  width: 200px; font-size: 12px; left: 193px; top: 162px; position: relative; text-align: justify;
    font-weight:  bold; line-height: 16px; }
#faq { float: left; color: #6fc5fd; font-size: 17px; height: 33px; line-height: 29px; }
#faq div { width: 30px; height: 33px; float: left; background: transparent url('../images/faq_icon.jpg') 0 0 no-repeat; cursor: pointer; }

.bannerPlace { background: #225C88; }
.banner{ display: block; position: relative; margin: auto; cursor: pointer; }

.more_links { clear: both; margin-top: 30px; font-size: 11px; }
.more_links a { color: #c2c2c2; margin-right: 13px; text-decoration: underline; }

/*social*/
.social a.facebook {
    background: url("../images/social/facebook_icon.png") no-repeat scroll 0 0 transparent;
    margin-right: 11px;
}
.social {
    display: block;
    
    line-height: 17px;
    position: relative;
    bottom: 0;
    margin-top: 10px;
    padding: 0;
    clear: both;
}
.social a {
    display: block;
    float: left;
    height: 26px;
    width: 26px;
}
.social a:hover{
    opacity: 0.8;
}
.social a.vk {
    background: url("../images/social/vk_icon.png") no-repeat scroll 0 0 transparent;
    margin-right: 11px;
}