body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-image:url("img/2065-logo.png");
    background-repeat: no-repeat;
    background-position: top, top, top;
    background-size: 100%;
    background-attachment: fixed;
    margin: 0;
    padding: 20px;
    /*padding-bottom: 500px;*/
    margin-bottom: 300px;
    color: #000;
}

#link {
    color: #0000FF;
    text-decoration: underline;
}

ul, ol, dl {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
    padding-right: 15px;
    padding-left: 15px;
    border-left: 1px;
}

a img {
    border: none;
}

a:link {
    color: blue;/*#414958;*/
    text-decoration: underline;
}
a:visited {
    color: blue;/*#4E5869;*/
    text-decoration: underline;
}

a:hover, a:active, a:focus {
    text-decoration: none;
}

#container {
    width: 100%;
    max-width: 1366px;
    min-width: 780px;
    background-color: #FFF;
    margin: 0 auto;
    margin-top: 250px;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 1px 1px 10px 10px lightgray;
}

@media (min-width:1200px) {
    #container {
        margin-top: 350px;
    }
}

#header {
    background: #FFFF00;
    width: 100%;
    height: 395px;
}

#sidebar1 {
    float: left;
    width: 25%;
    background-color: #93A5C4;
    padding-bottom: 10px;
    background-image: url(img/logo.jpg);
}

#content {
    padding: 10px 0;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

#one_range {
    padding: 10px 0;
    width: 100%;
    float: left;
}


#content ul{
    padding: 0 15px 15px 40px;
}

#content ol {
    padding: 0 15px 15px 40px;
}

#nav {
    list-style: none;
    border-top: 1px solid #666;
    margin-bottom: 15px;
}
#nav li {
    border-bottom: 1px solid #666;
}
#nav a, #nav a:visited {
    padding: 5px 5px 5px 15px;
    display: block;
    text-decoration: none;
    color: #000;
    background: #FFFF00 url("img/navSmall.png") calc(100% + 36px) 0 no-repeat;
    -webkit-transition-property: background;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: liner;
}

#nav a:hover, #nav a:active, #nav a:focus {
    color: #FFF;
    background: url(img/navSmall.png) no-repeat right #FAAC01;
}


#footer {
    padding: 10px 0;
    background-color: #0079C1;
    position: relative;
    clear: both;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


#fltrt {
    float: right;
    margin-left: 8px;
}

#fltlft {
    float: left;
    margin-right: 8px;
}

#title_image {
    background-color: #FFFFFF;
    display:block;
}

#clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
ht {
    color:red;
    font-style:italic;
    font-size:32px
}

.right {
    background-color:#C1DAC0;
    color : #333;
    padding : 3px 3px 0 3px;
}

.right p {
    font:11px sans-serif;
    color : #333;
    line-height:1.5;

}

.left {
    background-color:#C1DAC0;
    color : #333;
    padding : 3px 3px 0 3px;
    text-align: center;
}

.center {
    /*background-color:#fff;
    color : #333;*/
    padding : 7px 7px 20px 7px;
    text-align: right;
}

.button {
    width: 25%;
    height: 25%;
    text-align: center;
}

.headT, .left_top, .center_top, .right_top {
    background-color:#95C094;
}

.bee {
    position: absolute;
    z-index: 2;
}

#music_box {
    opacity: 0.5;
    filter: alpha(Opacity=50); /*for IE*/
}

#music_box:hover {
    opacity: 1.0;
    filter: alpha(Opacity=100); /*for IE*/
}

#music_div {
    z-index: 3;
    position:fixed;
    right: 0;
}

.b-container{
    width:200px;
    height:150px;
    background-color: #ccc;
    margin:0px auto;
    padding:10px;
    font-size:30px;
    color: #fff;
}
.b-popup{
    width:100%;
    min-height:50%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
}
.b-popup .b-popup-content{
    margin:40px auto 0px auto;
    width:100px;
    height: 40px;
    padding:10px;
    background-color: #c5c5c5;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}

a.button6 {
    position: relative;
    font-weight: bold;
    color: white;
    text-decoration: none;
    text-shadow: 0 -1px 1px #cc5500;
    user-select: none;
    padding: .8em 2em;
    outline: none;
    border-radius: 1px;
    background: linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,.0) 50%, rgba(0,0,0,.3)), linear-gradient(#d77d31, #fe8417, #d77d31);
    background-size: 100% 100%, auto;
    background-position: 50% 50%;
    box-shadow: inset #ebab00 0 -1px 1px, inset 0 1px 1px #ffbf00, #cc7722 0 0 0 1px, #000 0 10px 15px -10px;
    transition: 0.2s;
}
a.button6:hover {
    background-size: 140% 100%, auto;
}
a.button6:active {
    top: 1px;
    color: #ffdead;
    box-shadow: inset #ebab00 0 -1px 1px, inset 0 1px 1px #ffbf00, #cc7722 0 0 0 1px, 0 10px 10px -9px #000;
}
#menu{
    width:100%;
    margin:15px;
}
#menu ul{
    list-style:none;
}
#menu li{
    list-style:none;
    display:block;
    float:left;
    margin:0 2px;
}
#menu li a{
    display:block;
    float:left;
    height:66px;
    color:#fff;
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold;
    background:url(images/menu_009_l.jpg) no-repeat left;
    line-height:66px;
    padding:0 0 0 9px;
    text-decoration:none;
}
#menu li a span{
    display:block;
    float:left;
    background:url(images/menu_009_r.jpg) no-repeat right;
    height:66px;
    color:#d2eeff;
    line-height:66px;
    padding:0 18px 0 8px;
}
#menu li a:hover{
    display:block;
    float:left;
    background:url(images/menu_009_h_l.jpg) no-repeat left;
    height:66px;
}
#menu li a:hover span{
    display:block;
    float:left;
    background:url(images/menu_009_h_r.jpg) no-repeat right;
    color:#fff;
    height:66px;
}
#menu li a.current{
    display:block;
    float:left;
    height:66px;
    color:#fff;
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold;
    background:url(images/menu_009_h_l.jpg) no-repeat left;
    line-height:66px;
    padding:0 0 0 9px;
    text-decoration:none;
}
#menu li a.current span{
    display:block;
    float:left;
    background:url(images/menu_009_h_r.jpg) no-repeat right;
    height:66px;
    color:#fff;
    line-height:66px;
    padding:0 18px 0 8px;
}

#back-top {
    position: fixed;
    bottom: 30px;
    margin-left: 85%;
    z-index: 3;
    /*float: right;*/
}
#back-top a {
    width: 108px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}
/* arrow icon (span tag) */
#back-top span {
    width: 108px;
    height: 108px;
    display: block;
    margin-bottom: 7px;
    background: #ddd url(http://2065-school.ru/img/up-arrow.png) no-repeat center center;
    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #777;
}