/* BASIC
----------------------------------------------- */
body, table, input, select, textarea {font: 12px Arial, Helvetica, sans-serif; color: #666;}
td, th {font-size: 1em;}
a,
a:link,
a:visited {color: #999;}
a:hover {color: #333;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-size: 24px; margin: 0 0 10px;}
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {color: #000;}
h2 {font-size: 18px; margin: 0 0 10px;}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {color: #000;}
h3 {font-size: 12px; font-weight: bold; margin: 0 0 10px;}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {color: #000;}
p {margin: 0 0 10px 0;}
ul, ol {padding-left: 20px; margin: 0 0 10px 20px;}



/* LAYOUT
----------------------------------------------- */
body {background: #fff; min-width: 990px; margin: 0; padding: 0; text-align: center;}
#body {width: 90%; min-width: 990px; margin: 0 auto;}
* html .mw {position: relative; float: left; border: 0 solid #fff; border-width: 0 30px 0 960px;}
* html .mw .mw {border: 0; margin: 0 -30px 0 -960px;}

#header {width: 100%; height: 245px; position: relative; text-align: left;}
.index #header {height: 477px; background: url(img/header_bg.jpg) no-repeat 50% 10px;}

#content {width: 100%; margin-bottom: 65px; position: relative; text-align: left;}
#content:after {content: ''; display: block; clear: both;}

#left {width: 23%; margin: 0 4% 0 2%; padding-top: 25px; float: left; display: inline; text-align: right;}
.index #left {padding-top: 35px; margin-right: 6%;}

#main {width: 49%; float: left;}
.index #main {width: 34%; padding-top: 160px;}

#right {width: 13%; margin-right: 4%; padding-top: 20px; float: right; display: inline;}
.index #right {width: 23%; margin-right: 6%; padding-top: 160px;}

#footer {width: 100%; margin: 0 auto; padding-bottom: 45px; text-align: left;}
#footer:after {content: ''; display: block; clear: both;}

#logo {margin-left: auto; left: auto; position: relative; height: 110px; clear: both;}
.index #logo {height: 98px;}
#centre {width: 100%; height: 212px; background: url(img/centre.gif) no-repeat 50% 0; position: relative; left: 0; top: 164px; text-align: center;}
#about {width: 260px; margin: 0 auto; position: relative; z-index: 100; left: 250px; top: 134px; text-align: left;}
#about .lnk {text-align: right; margin-top: 20px;}



/* FORMS
----------------------------------------------- */
form {margin: 0; padding: 0;}
select,
textarea,
input.text {background: #fff;}
input.image {border: 0;}
* html input.text,
* html input.file,
* html textarea {margin: -1px 0;}
*:first-child+html input.text,
*:first-child+html input.file,
*:first-child+html textarea {margin: -1px 0;}



/* MISC
----------------------------------------------- */
a img {border: 0;}
.clear {clear: both; float: none; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.imgl {float: left; margin: 0 25px 15px 0;}
.imgr {float: right; margin: 0 0 15px 25px;}



/* NAVIGATION
----------------------------------------------- */
/* m0 */
#m0,
#m0 li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#m0 {height: 27px; margin-left: 25%; left: -205px; position: relative; z-index: 10;}
#m0 li {width: 27px; height: 27px; margin-right: 25px; float: left;}
#m0 li.a {background: #93d7bb url(img/m0_a.gif) no-repeat;}
#m0 img {vertical-align: top;}

/* m1 */
#m1,
#m1 li {height: 17px; display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#m1 {margin: 50px 0 0 25%; left: -205px; position: relative; height: 57px; float: left; display: inline;}
#m1 li {float: left; padding-right: 18px; margin-right: 18px; background: url(img/m1_sep.gif) no-repeat 100% 2px;}
#m1 li.last {background: none; padding: 0;}
#m1 img {vertical-align: top;}

/* m1bot */
#m1bot,
#m1bot li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#m1bot {font-size: 11px; width: 990px; margin: 0 auto 35px;}
#m1bot li {display: inline; background: url(img/m1bot_sep.gif) no-repeat 100% 50%; padding-right: 15px; margin-right: 15px;}
#m1bot li.last {background: none; padding: 0; margin: 0;}

/* lang */
#lang,
#lang li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#lang {margin: 45px 4% 0 0; float: right; display: inline;}
.index #lang {margin-right: 6%;}
#lang li {font-size: 10px; line-height: 27px; width: 27px; height: 27px; margin-left: 17px; text-align: center; float: left;}
#lang li.a {color: #fff; background: #93d7bb url(img/m0_a.gif) no-repeat;}
#lang a,
#lang a:link,
#lang a:visited,
#lang a:hover {color: #666;}

/* service */
#service,
#service ul,
#service li {min-height: 1px; display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
* html #service,
* html #service ul,
* html #service li {height: 1px;}
#service {width: 220px; margin-left: auto; text-align: left;}
#service li,
#service img {vertical-align: top;}
#service li {padding-bottom: 5px;}
#service ul {margin: 8px 0 14px 15px;}
#service ul li {background: url(img/service_li.gif) no-repeat 0 3px; padding-left: 15px;}

/* path */
#path {font-size: 11px; line-height: 27px; height: 27px; margin: -27px 0 15px; position: relative; z-index: 10;}
#path strong {color: #000;}



/* BLOCKS
----------------------------------------------- */
/* news */
.news h2 {font-size: 24px; margin-bottom: 4px;}
.news .items {width: 100%; margin-bottom: 20px;}
.news .items:after {content: ''; display: block; clear: both;}
.news .item {float: left; width: 46%;}
.news .right {float: right;}
.news .date {font-size: 30px; color: #000; margin-bottom: 12px; width: 100%;}
.news .date:after {content: ''; display: block; clear: both;}
.news .date strong {float: left; font-weight: normal;}
.news .date small {font-size: 14px; float: left; margin-top: 8px;}
.news h3 {margin-bottom: 5px;}
.news .img {width: 91px; height: 91px; background: url(img/img_bg.gif) no-repeat; margin: 0 0 18px -10px; position: relative; float: left; display: inline;}
.news .img img {margin: 11px 0 0 13px;}

/* vacancies */
.index .vacancies h2 {font-size: 24px;}
.vacancies .item {margin-bottom: 30px;}
.vacancies .img {margin: 0 0 20px -3px; position: relative;}
.vacancies .txt {font-style: italic; margin-bottom: 5px;}
.vacancies .lnk a {background: url(img/rarr.gif) no-repeat 100% 50%; padding-right: 30px;}

/* teashers */
.teachers {margin-bottom: 90px;}
.teachers .item {margin-bottom: 15px;}
.teachers .img {height: 91px; background: url(img/img_bg.gif) no-repeat; margin: 0 0 15px -3px; position: relative;}
.teachers .img img {margin: 11px 0 0 13px;}
.teachers .txt {font-size: 11px;}

/* clients */
#clients {clear: both; padding-top: 50px; margin-left: 31%;}
#clients h2 {font-size: 24px;}
#clients ul,
#clients li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#clients ul {width: 100%; margin-bottom: 5px;}
#clients ul:after {content: ''; display: block; clear: both;}
#clients li {float: left; margin-right: 40px;}
#clients .lnk a {background: url(img/rarr.gif) no-repeat 100% 50%; padding-right: 30px;}

/* copy */
#copy {font-size: 9px; color: #999; float: left; width: 23%; margin: 0 4% 0 2%; display: inline; text-align: right;}
.index #copy {margin-right: 6%;}
#copy p {width: 205px; margin-left: auto; text-align: left;}

/* contacts */
#contacts {font-size: 9px; color: #999; float: left;}
#contacts a,
#contacts a:link,
#contacts a:visited,
#contacts a:hover {color: #039acd;}
#contacts img {margin-top: 20px;}

/* cpromo */
#cpromo {font-size: 9px; color: #fff; margin-right: 4%; float: right; display: inline;}
.index #cpromo {margin-right: 6%;}
#cpromo a,
#cpromo a:link,
#cpromo a:visited,
#cpromo a:hover {color: #fff;}

.tbl { width:100%; border:none; border-collapse:collapse; border-spacing:0; padding:0; }
.tbl td { font-size:11px; border-collapse:collapse; border-spacing:0; padding:8px 10px; vertical-align:top; border-bottom:#e7e3d5 1px solid; }
.tbl th { font-weight:normal; text-align:left; font-size:11px; background-color:#edebe1; border-collapse:collapse; border-spacing:0; padding:5px 10px;   }

/* labstyle */
#labstyle {font-size: 9px; color: #999; margin-right: 4%; float: right; display: inline;}
.index #labstyle {margin-right: 6%;}
#labstyle a,
#labstyle a:link,
#labstyle a:visited,
#labstyle a:hover {color: #039acd;}