html {
    background:#fff;
    min-height:100%;
}

body {
    color: #333333;
    font-family:arial;
    font-size:14px;
    min-height:100%;
}

#wrapper {
    border-top:#ccc 1px solid;
    margin:-1px auto 0 auto;
    min-height:100%;
}

/* Шапка */

#header {
    height:140px;
    background:#0C509B url('../img/header_bg.jpg') 0 bottom repeat-x;
}
#header .bg {
    height:140px;
    background:url('../img/header.jpg') center bottom no-repeat;
    position:relative;
    overflow:hidden;
}

#header .body, #content .body, #footer .body {
    width:1000px;
    margin:0 auto;
    position:relative;
}

#header #logo {
    position: absolute;
    left:0;
    top:-8px;
}
#header #logo img {
    width:372px;
    height:136px;
}

#header #name {
    position: absolute;
    left:180px;
    top:20px;
    font-family:arial;
    font-size:24px;
    color:#fff;
    line-height: 1;
}
#header #name .digit {
    font-size:30px;
    color: #f58dff;
}
#header #name .class {
    font-size:20px;
    color:#fff;
}
#header #slogan {
    position: absolute;
    left:180px;
    top:60px;
    font-family:arial;
    font-size:14px;
    color:#fff;
    line-height: 1.1;
}
#header ul{
	padding-top: 150px;
	padding-left: 0px;
	margin-left: 0px;
}

#header ul li {
	list-style-type: none;
	display: inline-block;
	margin-right: 30px;
}

/* Ссылки в шапке*/

#header_nav {
    width:500px;
    height:80px;
    position:absolute;
    right:0;
    top:20px;
}

#header_nav ul {
    position:relative;
    list-style:none;
    margin:0;
    padding:0;
}

#header_nav ul li {
    position:absolute;
    margin:0;
    padding:0;
    width:100px;
    height:210px;
    text-align:center;
    font-family:arial;
    font-size: 15px;
    line-height:1;
}
#header_nav ul li a {
    display:block;
    margin:0;
    padding:70px 0 0 0;
    height:0;
    color:#fff;
    text-decoration:underline;
    background-position:50% 48%;
    background-repeat:no-repeat;
}
#header_nav ul li a:hover {
    color:#fff;
    text-decoration:none;
    background-position:50% 36%;
}
#header_nav ul li.active a {
    color:#fff;
    text-decoration:none;
}

#header_nav ul li.item_1 {left:0px; top:0;}
#header_nav ul li.item_1 a {background-image: url('../img/ico_lessons_small.png');}

#header_nav ul li.item_2 {left:100px; top:0;}
#header_nav ul li.item_2 a {background-image: url('../img/ico_books_small.png');}

#header_nav ul li.item_3 {left:200px; top:0;}
#header_nav ul li.item_3 a {background-image: url('../img/ico_questions_small.png');}

#header_nav ul li.item_4 {left:300px; top:0;}
#header_nav ul li.item_4 a {background-image: url('../img/ico_games_small.png');}

#header_nav ul li.item_5 {left:400px; top:0;}
#header_nav ul li.item_5 a {background-image: url('../img/ico_video_small.png');}

/* Шапка на главной */

#index #header {
    height:200px;
    background:#0C509B url('../img/header_bg.jpg') 0 0 repeat-x;
}
#index #header .bg {
    height:200px;
    background:url('../img/header.jpg') center 0 no-repeat;
}

#index #header #logo {
    left:0;
    top:30px;
}
#index #header #logo img {
    width:527px;
    height:86px; 
}

#index #header #name {
    left:180px;
    top:50px;
    font-size:30px;
}
#index #header #name .digit {
    font-size:40px;
}
#index #header #name .class {
    font-size:24px;
}
#index #header #slogan {
    left:180px;
    top:100px;
    font-size:18px;
}

#index #header a{
	color:#fff;
}

/* Контент */

#content {
    min-height: 630px;
    background:url('../img/content_bg.jpg') center center no-repeat;
}
#content .bg {
    min-height: 630px;
    background:url('../img/shadow.png') 0 0 repeat-x;
}

#content .body {
    border-top:transparent 1px solid;
    padding-top:20px;
}

/* Колонки */

.main {
    position: relative;
    z-index:2;
    margin-bottom:20px;
}
.main.main_left {
    width:822px;
    float:left;
}
.main.main_right {
    width:822px;
    float:right;
}
.sidebar {
    position: relative;
    z-index:2;
    margin-bottom:0;
}
.sidebar.sidebar_left {
    width:170px;
    float:left;
}
.sidebar.sidebar_right {
    width:170px;
    float:right;
}

/* Контент */

.main .block {
    background:#fff;
    border:#ccc 1px solid;
    border-radius:6px;
    behavior: url('/style/css/PIE.htc');
    padding:10px 9px;
}

/* Боковая колонка */

.sidebar .widget {
    background:#fff;
    border:#ccc 1px solid;
    border-radius:6px;
    behavior: url('/style/css/PIE.htc');
    padding:10px;
    margin-bottom:20px;
}

.sidebar .widget p.title {
    position:relative;
    margin:-10px -10px 10px -10px;
    padding:4px 10px;
    border-bottom:#ddd 1px solid;
    font-family:arial;
    font-size:15px;
    color:#333;
    background:#ddd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e6e6e6'); /* для IE6-9 */
    background: -moz-linear-gradient(#f6f6f6, #e6e6e6);
    background: -webkit-linear-gradient(#f6f6f6, #e6e6e6);
    background: -o-linear-gradient(#f6f6f6, #e6e6e6);
    background: -ms-linear-gradient(#f6f6f6, #e6e6e6);
    border-radius:4px 4px 0 0;
    behavior: url('/style/css/PIE.htc');
}
.sidebar .widget p.title:after {
    display:block;
    content:'';
    margin:0;
    padding:0;
    height:16px;
    width:100%;
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    background:#fff;
    opacity:0.3;
    border-radius:4px 4px 0 0;
    behavior: url('/style/css/PIE.htc');
}
.sidebar .widget p.title span {
    position:relative;
    z-index:2;
}

.sidebar .widget ul {
    margin:-10px;
    padding:0;
    list-style: none;
}

.sidebar .widget ul li {
    margin:0;
    padding:0;
    font-size:13px;
}

.sidebar .widget ul li a {
    display:block;
    background:#fff;
    padding:10px 0 10px 10px;
    border-bottom:#eee 1px solid;
    color: #555;
}
.sidebar .widget > ul > li:first-child > a {
    border-radius:6px 6px 0 0;
    behavior: url('/style/css/PIE.htc');
}
.sidebar .widget > ul > li:last-child > a {
    border-radius:0 0 6px 6px;
    behavior: url('/style/css/PIE.htc');
}
.sidebar .widget ul li a:hover {
    background:#f3f3f3;
    color:#333;
}
.sidebar .widget ul li.active > a {
    color: #333;
    background:#eee;
    text-decoration:none;
}
.sidebar .widget ul li ul {
    margin:0;
}
.sidebar .widget ul li ul li a {
    padding:10px 0 10px 20px;
}
.sidebar .widget ul li ul li ul li a {
    padding:10px 0 10px 40px;
}
.sidebar .widget ul li ul li ul li ul li a {
    padding:10px 0 10px 60px;
}

/* Контейнер кругов и приветствия на главной */

#index_wrapper {
    height:530px;
    position:relative;
}

/* Круги */

#rounded_nav {
    width:550px;
    height:530px;
    position:absolute;
    left:0;
    top:30px;
}

#rounded_nav ul {
    position:relative;
    list-style:none;
    margin:0;
    padding:0;
}

#rounded_nav ul li {
    position:absolute;
    margin:0;
    padding:0;
    width:160px;
    height:160px;
	object-fit: contain;
    text-align:center;
    font-family:arial;
    font-size: 48px;
    line-height:1;
    background: url('../img/disc.png') center center no-repeat;
}
#rounded_nav ul li a {
    display:block;
    margin:0;
    padding:55px 0 0 0;
    height:55px;
    color:#fff;
    text-decoration:none;
    background-position:50% 48%;
    background-repeat:no-repeat;
}
#rounded_nav ul li a:hover {
    color:#fff;
    text-decoration:none;
    background-position:50% 46%;
}

#rounded_nav ul li.item_1 {left:170px; top:2px;}


#rounded_nav ul li.item_2 {left:305px; top:80px;}

#rounded_nav ul li.item_3 {left:350px; top:230px;}

#rounded_nav ul li.item_4 {left:250px; top:350px;}


#rounded_nav ul li.item_5 {left:90px; top:350px;}

#rounded_nav ul li.item_6 {left:-10px; top:230px;}

#rounded_nav ul li.item_7 {left:35px; top:80px;}

/* Приветствие */

#welcome {
    width:400px;
    position:absolute;
    right:0;
    top:-200px;
    padding-top:250px;
}
#welcome .content {
    width:360px;
    height:480px;
    background: url('../img/welcome.png') 0 0 no-repeat;
    padding:20px 20px 0 20px;
    font-size: 14px;
    color:#fff;
}
#welcome .content h1 {
    font-family:arial;
    font-size:24px;
    color:#fff;
    font-weight:normal;
    margin-bottom:10px;
    text-align:center;
}

#welcome .content p {
    font-family:verdana;
    margin-bottom:20px;
    line-height:1.4;
}

/* Подвал */

.clearfooter {
    height:80px;
}

#footer {
    margin-top:-100px;
    background:#0C509B url('../img/footer_bg.jpg') 0 0 repeat-x;

}
#footer .bg {
    height:100px;
    background:url('../img/footer.jpg') center 0 no-repeat;
}

#footer .body {
    padding-top:20px;
    font-family:verdana;
    font-size:12px;
    line-height:1;
    color:#fff;
}
#footer .body p {
    margin-bottom: 10px;
    line-height:1;
}
#footer .body p a {
    color:#fff;
}

/* Всплывашки */

#toolTip {
    position: absolute;
    max-width:200px;
    background: #ffcc99;
    border: #d85e1e 3px solid;
    font-size:14px;
    padding:15px 20px;
    z-index:200;
    border-radius:10px;
    behavior: url('/style/css/PIE.htc');
    display:none;
}

/*  */

a {
    outline:none !important;
}

a:link {
    color: #069;
    text-decoration: underline;
    outline:none;
}
a:visited {
    color: #0774c6;
}

a:hover {
    color:#098ff4;
    text-decoration: underline;
}

h1, h2, h3, h4, h5 {
    font-family:arial;
    font-weight: normal;
    margin-bottom:10px;
    text-align: left;
}
h1 {
    font-size:22px;
}
h2 {
    font-size:20px;
}
h3 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
}
h4 {
    font-size:14px;
    font-weight:bold;
    margin-bottom: 10px;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
}

p {
    margin:0 0 20px 0;
    line-height: 1.4;
}

ul {
    margin:4px 0 20px 30px;
    list-style:disc;
}
ol {
    margin:4px 0 20px 30px;
    list-style:decimal;
}
li {
    margin:6px 0;
}
li ul, li ol {
    margin:10px 0 10px 20px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

table {
    width:100%;
    margin-bottom:12px;
    border-collapse:collapse;
}
table th, table td {
    border:#ccc 1px solid;
    font-size:13px;
}
table th p, table td p {
    margin:0;
}
table th {
    color:#000;
    padding:6px 4px;
    text-align: center;
    background:#ddd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#eeeeee'); /* для IE6-9 */
    background: -moz-linear-gradient(#f6f6f6, #eee);
    background: -webkit-linear-gradient(#f6f6f6, #eee);
    background: -o-linear-gradient(#f6f6f6, #ddd);
    background: -ms-linear-gradient(#f6f6f6, #eee);
}
table th * {
    display:inline;
}
table td {
    padding:6px 4px;
}

blockquote {
    border-left: #0a6fb7 3px solid;
    background: #dbedff;
    padding:8px 10px;
    margin-bottom:20px;
}
blockquote p:last-child {
    margin-bottom:0;
}

pre {
    overflow: auto;
    line-height: 1.3;
    margin:0 0 20px 0;
    font-family:Consolas, 'Courier New';
    font-size:13px;
}

kbd {
    border: #aaa 1px solid;
    border-radius:3px;
    behavior: url('/style/css/PIE.htc');
    font-family:Consolas, 'Courier New';
    background: #f6f6f6;
    padding:4px 6px;
    margin-bottom:12px;
}

p.play_button {
    float:right;
}
p.play_button a {
    text-decoration:none;
    border-bottom:#069 1px dotted;
}
p.play_button a:hover {
    color:#333;
    border-bottom:#333 1px dotted;
}

ul.literature {
    list-style: none;
    margin:0;
    padding:0;
}
ul.literature li {
    margin:0;
    padding:10px 0;
    border-top: #ccc 1px dashed;
}
ul.literature li:last-child {
    padding:10px 0 0 0;
}
ul.literature li:after {
    content:'';
    display:block;
    clear:both;
}
ul.literature li .thumb {
    margin:0 10px 0 0;
    width:200px;
    float:left;
    border:#ccc 1px solid;

}
ul.literature li h2 {
    margin-bottom:5px;
}
ul.literature li .author {
    color:#666;
    line-height: 1;
}

/* */

p.breadcrumbs {
    font-size: 12px;
    margin-top:-3px;
    margin-bottom:10px;
    color:#666;
}
p.breadcrumbs span {
    padding:0 4px;
}
p.breadcrumbs a:hover {
    color:#098ff4;
}

.themes img {
    width:400px;
    height:300px;
    display: block;
    float: left;
}

/* Задачи */
.question {
    width: 239px;
    height: 80px;
    padding: 0.5em;
    float: left;
    margin: 5px;
    position:relative;
    z-index:1;
}

.question-content p {
    text-align: center;
    padding-top:20px;
    margin:0;
}

.answer {
    width: 128px;
    padding: 15px 10px;
    float: left;
    margin: 5px;
    z-index:10;
    text-align: center;
    font-size: 14px;
    cursor:move;
}
.answer p {
    text-align: center;
    margin:0;
}

.button {
    padding: 10px 50px;
    margin: 5px;
    cursor:pointer;
    vertical-align:middle;
    background:#ddd;
    background: -moz-linear-gradient(100% 100% 90deg, #eee, #999);
    background: -webkit-linear-gradient(#eee, #999);
    background: -o-linear-gradient(#eee, #999);
    background: -ms-linear-gradient(#eee, #999);
    border:none;
    border-radius:3px;
}

.result {
    font-size:32px;
    padding: 0 30px;
    color:#000;
    vertical-align:middle;
}

#accordion div {
    width:800px !important;
    height:600px !important;
}