body, td {padding: 0px; margin: 0px; font-family: arial; font-size: 12px; color: #002242;}
form, div {padding: 0px; margin: 0px;}
p {padding-top: 0px; margin-top: 0px; margin-bottom: 12px;}
img {border: 0px;}

.input {font-family: arial; font-size: 11px; padding: 1px 3px; color: #07395A;}
/* .button {font-family: arial; color: #FFFFFF; font-weight: bold; font-size: 11px; background: #203C96; border: 0px solid;} */

a {color: #447DB2; text-decoration: underline;}
a:hover {text-decoration: none;}

.clear {clear: both; height: 1px; display: block;}

#mcontainer {min-width: 980px; width: expression(document.body.clientWidth>980?"100%":"980px");}

h1 {margin: 0px; padding: 0px; line-height: 100%; font-size: 10px;}
h1 a {margin: 0px; padding: 0px; position: absolute; z-index: 500; top: 49px; left: 34px; display: block; width: 176px; height: 68px; background: url(../../img/design/logo.gif); text-indent: -9999px; text-decoration: none;}
/*h2 {margin: 0px 0px 13px 0px; padding: 0px; line-height: 100%; font-family: trebuchet ms; font-size: 17px; color: #2A5C8B; font-weight: normal;}*/
h2 {margin: 0px 0px 13px 0px; padding: 0px; display: block; height: 17px; background: no-repeat left top; font-size: 12px; text-indent: -9999px;}
h3 {margin: 0px 0px 10px 0px; padding: 0px; line-height: 100%; font-family: arial; font-size: 12px; color: #447DB2; font-weight: bold;}

h2.courses {background-image: url(../../img/design/title-courses.gif);}
h2.voting {background-image: url(../../img/design/title-voting.gif);}
h2.news {background-image: url(../../img/design/title-news.gif);}
h2.inhelp {background-image: url(../../img/design/title-inhelp.gif);}
h2.post {background-image: url(../../img/design/title-post.gif);}
h2.extmaterials {background-image: url(../../img/design/title-extmaterials.gif);}
h2.familyeszko {background-image: url(../../img/design/title-familyeszko.gif);}

p.infoline {position: absolute; z-index: 500; left: 34px; top: 128px; display: block; width: 173px; height: 49px; background: url(../../img/design/infoline.gif) no-repeat; text-indent: -9999px;}

#mmenu {margin: 0px; padding: 0px 0px 0px 30px; height: 33px; background: url(../../img/design/mmenu-bg.gif) repeat-x left top; position: relative; z-index: 500;}
#mmenu li {margin: 0px; padding: 0px; list-style: none; display: inline; float: left; padding: 0px 4px; background: url(../../img/design/mmenu-div.gif) no-repeat left center;}
#mmenu li a {display: block; height: 27px; font-size: 11px; font-family: trebuchet MS; display: block; float: left; text-decoration: none; font-weight: bold; color: #002242; background: no-repeat; text-indent: -9999px;}
#mmenu li a:hover, #mmenu li a.selected {height: 33px; background-position: 0px -27px; margin-bottom: -6px; position: relative;}
#mmenu li a.home {width: 55px; background-image: url(../../img/design/mmenu-home.gif);}
#mmenu li a.news {width: 55px; background-image: url(../../img/design/mmenu-news.gif);}
#mmenu li a.about {width: 51px; background-image: url(../../img/design/mmenu-about.gif);}
#mmenu li a.conditions {width: 103px; background-image: url(../../img/design/mmenu-conditions.gif);}
#mmenu li a.prices {width: 42px; background-image: url(../../img/design/mmenu-prices.gif);}
#mmenu li a.order {width: 43px; background-image: url(../../img/design/mmenu-order.gif);}
#mmenu li a.partners {width: 93px; background-image: url(../../img/design/mmenu-partners.gif);}
#mmenu li a.sitemap {width: 71px; background-image: url(../../img/design/mmenu-sitemap.gif);}
#mmenu li a.contacts {width: 62px; background-image: url(../../img/design/mmenu-contacts.gif);}
#mmenu li a.english {width: 51px; background-image: url(../../img/design/mmenu-english.gif);}

#top {border-top: 3px solid #EFBF00; clear: both; position: relative; z-index: 250; margin-top: -6px; width: 100%;}
#top .bg01 {background: url(../../img/design/top-bg01.gif) repeat-x left top; width: 100%;}
#top .bg02 {background: url(../../img/design/top-bg02.jpg) no-repeat left top; width: 100%;}
#top .container {height: 155px; background: no-repeat right top; text-align: center;}
#top .img01 {background-image: url(../../img/design/top-bg03-01.jpg);}
#top .img02 {background-image: url(../../img/design/top-bg03-02.jpg);}
#top .img03 {background-image: url(../../img/design/top-bg03-03.jpg);}
#top cite {margin: 35px 0px 0px 24%; _margin-left: 12%; float: left; display: block; width: 400px; height: 100px; text-align: left; background: no-repeat center; text-indent: -9999px;}
#top cite.cite01 {background-image: url(../../img/design/cite01.gif);}
#top cite.cite02 {background-image: url(../../img/design/cite02.gif);}

#body {width: 100%; clear: both; position: relative; z-index: 500;}
#body td {vertical-align: top;}
#body .l-col {background: #CFE1ED url(../../img/design/l-col-bg.gif) repeat-x left bottom;}
#body .l-col .l-col-cont {padding: 0px 14px 0px 23px;}
#body .c-col {width: 100%;}

#content {padding: 10px 10px 115px 37px;}
#content .textblock {line-height: 125%; margin-bottom: 10px; clear: both;}
#content .textblock img {padding: 10px 10px 10px 10px;}
#content .table {display: block; width: 90%; margin-bottom: 20px;}
#content .table table {width: 100%;}
#content .table td, #content .table th {padding: 5px 10px; vertical-align: middle;}
#content .table th {background: #447DB2; color: #FFFFFF; font-size: 11px; text-align: left;}
#content .table .even td {background: #CFE1ED;}

#courseslist {position: relative; z-index: 500; _position: static;}
#courseslist .block {background: #F2C700 url(../../img/design/courses-bg01.gif) repeat-x left bottom; /*display: block; float: left;*/ width: 234px; margin-top: -3px; margin-right: -20px; _position: relative; z-index: 500;}
#courseslist .container {padding: 10px 13px;}
#courseslist .shadow01 {background: url(../../img/design/courses-bg02.jpg) no-repeat right bottom; height: 16px; clear: both;}
#courseslist h2 {color: #FFFFFF;}
#courseslist ul {margin: 0px 0px 0px 0px; padding: 0px; position: relative;}
#courseslist li {margin: 0px; padding: 0px; list-style: none; display: inline; clear: both;}
#courseslist a {padding: 0px 0px 0px 12px; margin: 0px 0px 10px 0px; font-weight: bold; font-family: arial; color: #07395A; text-decoration: none; display: block; background: url(../../img/design/bul01.gif) no-repeat 2px 6px;}
#courseslist a:hover, #courseslist a.selected {color: #FF6600; text-decoration: underline;}

#voting {font-size: 11px; margin-bottom: 20px;}
#voting h2 {color: #2A5C8B;}
#voting p.question {font-weight: bold; line-height: 150%; padding-left: 2px;}
#voting table td {padding: 0px 0px 7px 0px;}
#voting form label {font-size: 10px;}
#voting form .radio {margin: 0px; padding: 0px; width: 13px; height: 13px; margin-right: 8px}
#voting .submit {margin: 10px 0px 0px 0px; float: left;}
#voting a.result {margin: 12px 0px 0px 5px; display: block; float: left; font-size: 10px; color: #447DB2;}

#inhelp {width: 218px; position: relative; z-index: 500; margin-top: -3px; background: #CFE1ED;}
#inhelp .title {padding: 12px 18px; background: #F2C700 url(../../img/design/inhelp-hdr-bg.gif) repeat-x left bottom;}
#inhelp .title h2 {margin: 0px;}
#inhelp ul {margin: 0px; padding: 10px 20px 20px 20px;}
#inhelp li {margin: 0px 0px 10px 0px; padding: 0px; list-style: none;}
#inhelp a {color: #2A5C8B; font-weight: bold; font-size: 11px;}

#post {padding: 0px 15px 5px 15px; margin-bottom: 15px; background: #CFE1ED url(../../img/design/post-bg.gif) repeat-x left bottom;}
#post h2 {position: relative;}
#post .input {float: left; width: 130px; margin: 0px 10px 10px 0px;}
#post .submit {float: left;}
#post .radio {margin: 0px 10px 0px 5px; padding: 0px; width: 13px; height: 13px;}
#post label {font-size: 11px; color: #000000;}

#extmenu {margin: 0px; padding: 0px;}
#extmenu li {margin: 0px; padding: 0px; list-style: none; display: inline; clear: both;}
#extmenu li a {margin: 0px 10px 10px 10px; padding: 0px 0px 0px 53px; display: block; background: url(../../img/design/bul02.gif) no-repeat 0px 0px; color: #FF0000; font-weight: bold; text-decoration: none; line-height: 150%;}
#extmenu li a:hover {text-decoration: underline;}

#ftr {height: 150px; position: relative; z-index: 100; margin-top: -35px; background: #447DB2 url(../../img/design/ftr-bg.gif) repeat-x left bottom; clear: both;}
#ftr .copy {float: left; width: 230px; color: #FFFFFF;}
#ftr .copy p.address {padding: 50px 0px 10px 20px; margin: 0px; font-size: 11px;}
#ftr .copy p.madeby {padding: 0px 0px 10px 20px; margin: 0px; font-size: 10px;}
#ftr .copy a {color: #FFFFFF; text-decoration: underline;}
#ftr .copy a:hover {color: #FFFFFF; text-decoration: none;}
#ftr .girl {position: relative; margin: -88px 0px 0px 0px; float: left; width: 23%; height: 238px; background: url(../../img/design/ftr-girl.jpg) no-repeat center top;}

#ftr .countries {float: right; margin-right: 20px; _margin-right: 10px; padding-top: 40px; width: 500px;}
#ftr .countries h2 {margin: 0px 0px 0px 0px; padding: 0px; width: 145px; height: 13px; background: url(../../img/design/ftr-countries.gif) no-repeat; text-indent: -9999px; font-size: 10px;}
#ftr .countries ul {margin: 0px; padding: 0px; background: url(../../img/design/ftr-map.gif) no-repeat right top; height: 30px;}
#ftr .countries li {margin: 0px; padding: 0px; list-style: none; display: inline; }
#ftr .countries li a {margin: 10px 10px 10px 0px; font-size: 11px; display: block; float: left; color: #FFFFFF; text-decoration: underline;}
#ftr .countries li a:hover {text-decoration: none;}

#newsline {margin: 0px 0px 20px 0px; padding: 0px; clear: both;}
#newsline h3 {margin-bottom: 7px;}
#newsline .item {margin: 0px 0px 25px 0px; padding: 0px; clear: both;}
#newsline a {text-decoration: none;}
#newsline a.link {font-weight: bold; font-size: 11px; text-decoration: underline;}
#newsline a.link:hover {text-decoration: none;}
#newsline a:hover {text-decoration: underline;}
#newsline p.header {line-height: 175%; color: #002242;}
#newsline p.header a {color: #002242;}

#extranav {margin: 0px; padding: 0px 0px 0px 19px; height: 34px; clear: both; background: #447DB2 url(../../img/design/extranav-bg.gif) repeat-y left top;}

#icos {float: left; padding: 11px 0px 0px 38px;}
#icos ul {margin: 0px; padding: 0px;}
#icos li {margin: 0px; padding: 0px; list-style: none; display: inline;}
#icos a {padding: 0px; margin: 0px 16px 0px 0px; display: block; width: 13px; height: 13px; float: left; background: no-repeat center; text-indent: -9999px; text-decoration: none;}
#icos a span {display: none;}
#icos a.home {background-image: url(../../img/design/ico-home.gif);}
#icos a.mail {background-image: url(../../img/design/ico-mail.gif);}
#icos a.sm {background-image: url(../../img/design/ico-sm.gif);}

#extranav a.printversion {margin: 11px 0px 0px 20px; display: block; float: left; color: #FFFFFF; font-size: 11px;}
#extranav form {margin: 7px 0px 0px 100px; _margin-left: 50px; float: left;}
#extranav form input {float: left;}
#extranav form .input {margin-right: 10px; width: 110px;}

#contacts {margin-bottom: 50px; width: 100%; background: #CFE1ED;}
#contacts h2 {line-height: 27px; height: auto; color: #FFFFFF; font-weight: bold; font-size: 11px; background: #447DB2; padding: 0px 15px; text-indent: 0px;}

#order_tab {line-height: 27px;color: #FFFFFF; font-weight: bold; font-size: 11px; background: #447DB2;}
#order_tab a {color: #FFFFFF; background: #447DB2;}

#contacts form {margin: 20px; clear: both;}
#contacts label {width: 30%; float: left; color: #437CB1; font-size: 11px; font-weight: bold; text-align: right; margin-right: 25px; padding-top: 2px;}
#contacts .row {margin-bottom: 11px;}
#contacts .input {width: 55%; float: left; margin: 0px; border: 1px solid #447DB2;}
#contacts .submit {_margin-left: -3px; position: relative;}

#taxonomy {margin-bottom: 25px;}
#taxonomy ul {margin: 0px; padding: 0px;}
#taxonomy li {margin: 0px; padding: 0px; list-style: none; display: inline;}
#taxonomy li a {padding-left: 18px; margin-left: 13px; display: block; float: left; background: url(../../img/design/bul03.gif) no-repeat 0px 6px; text-decoration: underline;}
#taxonomy li a:hover, #taxonomy li a.selected {text-decoration: none;}
#taxonomy li.first-child a {padding: 0px; margin: 0px; background: none;}

#ftr1 {height: 150px; position: relative; z-index: 100; margin-top: -35px; background: url(../../img/design/ftr-bg.gif) repeat-x left bottom; clear: both;}
#ftr1 .copy {}
#ftr1 .copy div.address {padding: 50px 0px 10px 20px; margin: 0px; font-size: 11px; display: block;}
#ftr1 .copy div.madeby {padding: 0px 0px 10px 20px; margin: 0px; font-size: 10px; float: right; display:block;}
#ftr1 .copy a {text-decoration: underline;}
#ftr1 .copy a:hover {text-decoration: none;}
#ftr1 .countries {float: right; margin-right: 20px; _margin-right: 10px; padding-top: 40px; width: 500px;}
#ftr1 .countries h2 {margin: 0px 0px 0px 0px; padding: 0px; width: 145px; height: 13px; text-indent: -9999px; font-size: 10px;}
#ftr1 .countries ul {margin: 0px; padding: 0px; background: url(../../img/design/ftr-map.gif) no-repeat right top; height: 30px;}
#ftr1 .countries li {margin: 0px; padding: 0px; list-style: none; display: inline; }
#ftr1 .countries li a {margin: 10px 10px 10px 0px; font-size: 11px; display: block; float: left; text-decoration: underline;}
#ftr1 .countries li a:hover {text-decoration: none;}