html, body {background: #fff; padding: 0; margin: 0; height: 100%; font-family: Arial, sans-serif; color: #333; line-height: 1em; font-size: 12px;}

div#cont {min-width: 1003px; width: 1003px; margin: 0 auto; min-height: 100%; padding: 0;}
* html div#cont {height: 100%; width: 1003px;}
* html div.footer {width: 969px;}


a, a:active, a:visited {text-decoration: underline; outline: 0; color: #255ca3;}
a:focus, a:hover {text-decoration: none; outline: 0; color: #255ca3;}
a img, a:active img, a:visited img, a:hover img, a:focus img {border: 0; outline: 0;}

h1 {font: 24px/24px Arial; color: #000; margin: 0; padding: 0 0 20px;}
h2 {font: italic 18px Arial; margin: 0; color: #000; padding: 0 0 15px; clear: both; position: relative;}
h3 {font: italic 14px Arial; margin: 0; color: #414141; padding: 0 0 10px;}
h3 a, h3 a:active, h3 a:visited, h3 a:hover, h3 a:focus {font: bold 14px Arial;}

p {margin: 0;}
p.date {font: italic 11px/16px Arial; color: #555; padding: 0;}

form {padding: 0; margin: 0;}

.clear {position: relative; clear: both;}
/* popup */
div.popup {position: absolute; top: 40px; width: 100%; z-index: 1000px;}
div.popup #enter {top: 185px;}
div.popup div.reg {width: 565px; position: relative; margin: 0 auto; background: #fafaf8; border: 2px solid #000; padding: 35px 30px 0;}
div.popup div.close {color: #bb2151; padding: 0 22px 0 0; background: url('../img/close.png') right top no-repeat; top: 25px; right: 28px; position: absolute;}
a.close, a.close:active, a.close:visited, a.close:hover, a.close:focus {color: #bb2151; text-decoration: none;}

div.popup #enter div.form  {margin: 30px 0 0;}
div.popup #enter div.form table {width: 100%; margin: 0;}
div.popup #enter div.form table input {width: 240px;}
div.popup #enter div.form table input.but {width: auto;}
div.popup #enter div.form table td {width: 240px; padding: 0 10px 15px 0;}
div.popup #enter div.form table td.subm {padding-top: 10px;//padding-left: 165px;}

div.popup #remind {top: 255px;}
div.popup #remind div.form {margin: 0; padding: 20px 0 0;}
div.popup #remind div.form table {width: 100%; margin: 0;}
div.popup #remind div.form table td {width: 100%; text-align: center;}
div.popup #remind input {margin: 0 0 20px;}

div.popup #ok {top: 170px;}
div.popup #ok input {margin: 20px auto; position: relative;}
div.popup #ok table, div.popup #ok td {width: 100%; text-align: center;}

div.popup h2 {font-style: normal; text-align: center;}
div.popup h3 {font-style: normal; text-align: center; font-weight: bold; color: #333;}
div.popup p {font: 13px/18px Arial; color: #333;}
div.popup div.form {background: #fafaf8; margin: 15px 0 20px 80px; padding: 20px 0;}
div.popup div.form table.reg {margin: 0; width: auto;}
div.popup .form td {padding: 0 10px 10px 0; width: 255px;}
div.popup .form td.subm {text-align: center; padding: 30px 0 0; // padding-left: 90px;}
div.popup .form td.label {width: 130px;}
div.popup a, div.popup a:active, div.popup a:visited {text-decoration: none;}
div.popup a:hover, div.popup a:focus {text-decoration: underline;}

div.popup .form td input {width: 235px;}
div.popup .form td .radio2 input {width: 0px;}
div.popup .form td input.radio, div.popup .form table td input.but {width: auto;}
div.popup .form td input.year {width: 65px;}
div.popup .form td input.month {width: 99px;}
div.popup .form td input.day {width: 39px;}




/* TOP */
div.top {position: relative; margin: 0 auto; padding: 0 17px; height: 190px; clear: both;}

.search-line {height: 40px; border-bottom: 2px solid #dcdddf; position: relative;}
.search-line .enter {padding: 15px 0 0;}
.enter span {margin: 0 8px;}
.enter a, .enter a:active, .enter a:visited {font-weight: bold; text-decoration: none;}
.enter a:hover, .enter a:focus {font-weight: bold; text-decoration: underline;}

input.search {width: 125px; color: #808080; padding: 2px 2px 2px 23px; font: 11px Arial; background: url('../img/field.gif') no-repeat; border: 0; height: 15px; position: absolute; right: 20px; top: 10px; z-index: 1;}
input.search-but {background: url('../img/search.gif') no-repeat; width: 12px; height: 12px; right: 152px; top: 14px; position: absolute; z-index: 2; border: 0; cursor: pointer; padding: 0;}

.logo {position: relative; padding: 10px 0 11px 78px;}
.home {position: absolute; top: 17px; left: 0;}
* html .home {left: -95px;}
.mail {position: absolute; top: 57px; left: 7px;}
* html .mail {left: -88px;}

.iz-dom {position: absolute; top: 13px; right: 20px; text-align: center; width: 145px; padding: 0; margin: 0;}
* html .iz-dom {right: 37px;}
.iz-dom p {margin: 8px 0 0; padding: 0;}

.menu {height: 36px; font: 12px Arial, sans-serif; color: #000; padding: 0 0 0 7px;}
.menu div {background: url('../img/menu.gif') right 7px no-repeat; padding: 14px 12px; position: relative; float: left;}
.menu div.last {background: none;}
.menu div.sel {padding: 12px 10px; border: 2px solid #dcdddf; background: none;}
.menu div.sel a, .menu div.sel a:active, .menu div.sel a:visited {color:#000;}
.menu a, .menu a:active, .menu a:visited {text-decoration: none;}
.menu a:hover, .menu a:focus {text-decoration: underline;}

#main .menu {border: 2px solid #dcdddf;}


/* CENTER */
div.center {margin: 0; line-height: 1.5em; clear: both; padding: 25px 0 0 17px;}

.left {width: 637px; position: relative; float: left;}
#article .left {border-top: 3px solid #dcdddf;}

.right {width: 299px; position: relative; float: left; margin: 0 0 0 34px;}

.menu-left {color: #252429; font-weight: bold;}
.menu-left div {padding: 0 0 15px 15px; background: url('../img/menu-l.gif') left 9px no-repeat; position: relative;}
.menu-left div a, .menu-left div a:active, .menu-left div a:visited, .menu-left div a:hover, .menu-left div a:focus {font-weight: normal;}
.menu-left div.sel {margin: 0 0 0 15px; background: url('../img/menu-l-sel.gif') left 9px no-repeat;}
.menu-left div.sel a, .menu-left div.sel a:active, .menu-left div.sel a:visited {color:#000;}

.big-news {border-bottom: 3px solid #dcdddf; padding: 0 0 25px;}
.big-news h2 {background: #dcdddf; padding: 20px; width: 100%;}
.big-news .img {border: 3px solid #dcdddf; position: relative; float: right; width: 460px;}
.big-news .magazin {position: relative; float: left; width: 131px;}
.big-news .magazin img {margin: 20px 0 15px;}
#article .magazin img {margin: 0 0 15px;}
.magazin p {font: 12px/18px Arial; padding: 0 0 3px 15px;}

.congratulation {border: 2px solid #efab2e; padding: 18px; position: relative; height: 10%; margin: 0 0 25px;}
.congratulation h2 {border-bottom: 2px solid #c2c6c7;}
.congratulation .img {padding: 12px; text-align: center;}
.congratulation h3, .congratulation p {padding: 0;}
.congratulation div.l-t {position: absolute; width: 18px; height: 18px; background: url('../img/y-l-t.gif'); left: -2px; top: -2px;}
.congratulation div.r-t {position: absolute; width: 18px; height: 18px; background: url('../img/y-r-t.gif'); right: -2px; top: -2px;}
* html .congratulation div.r-t {right: -3px;}
.congratulation div.r-b {position: absolute; width: 18px; height: 18px; background: url('../img/y-r-b.gif'); right: -2px; bottom: -2px;}
* html .congratulation div.r-b {right: -3px;}
.congratulation div.l-b {position: absolute; width: 18px; height: 18px; background: url('../img/y-l-b.gif'); left: -2px; bottom: -2px;}


.one-left {width: 300px; position: relative; float: left;}
.one-right {width: 300px; position: relative; float: right;}
#article .one-left {width: 145px; padding: 30px 0 0;}
#article .one-right {width: 460px; padding: 30px 0 0;}
#article .articles {border-bottom: 0; padding: 0;}
#article .articles img {/*margin: 0 0 30px;*/margin-bottom: 30px;}
#article .articles p img {/*margin: 0 0 30px;*/margin-bottom: 0px;}

#article .articles p.anonse {font: bold 14px/20px Arial; color: #555; padding: 0 0 25px;}
#article .articles p {font: 12px/20px Arial; padding: 0 0 25px;}
div.anonse {padding: 0 0 25px;}
div.anonse h3 {font: bold 14px Arial; padding: 0;}
div.anonse p {padding: 0; font: 12px/20px Arial;}
div.anonse div {padding: 0 0 25px;}

.list {border-bottom: 3px solid #dcdddf; padding: 25px 0; clear: both;}
#article .list {border-top: 3px solid #dcdddf; border-bottom: 0; padding: 25px 0 0;}
.list table {width: 100%;}
.list table td {width: 140px; padding: 0 25px 0 0; vertical-align: top;}
.list table td.last {padding: 0;}
.list img {margin: 0 0 7px;}


.news {border-top: 3px solid #dcdddf; border-bottom: 3px solid #dcdddf; padding: 25px 0 5px; margin: 0 0 25px;}
.news div {padding: 0 0 20px 20px; background: url('../img/ronde.gif') left top no-repeat;}
.one-left .news {border-top: 0; padding: 0;}

.news-list {margin: 25px 0 0; border-top: 3px solid #dcdddf; padding: 25px 0 0;}
.news-list p {line-height: 1.1em;}
.news-list p.date {font: italic 12px Arial; color: #000;}
.news-list div {padding: 0 0 25px;}

.articles {border-bottom: 3px solid #dcdddf; margin: 0 0 25px; position: relative; padding: 0 0 25px;}
.articles img {/*margin: 0 0 10px;*/margin-bottom:10px;}

.arhive h2 {padding: 0;}
.arhive h2 select {margin: 0 0 0 20px;}
.arhive table {width: 100%;}
.arhive td {width: 300px; padding: 20px 35px 20px 0; vertical-align: top; border-bottom: 1px solid #dcdddf;}
.arhive td.arh-r {padding: 20px 0;}
.arhive p.date {color: #414141; font-size: 14px;}
.arhive img {margin: 0 0 10px;}

.arhive .magazins {position: relative; margin: 0 -32px 0 0; // width: 670px;}
.arhive .magazins div {padding: 20px 32px 20px 16px; width: 190px; margin: 0 0 0 -16px; position: relative; float: left;}
.arhive .magazins div p {font: 12px/18px Arial;}

div.search div {padding: 0 0 25px;}
div.search p.date {color: #414141; font-size: 14px;}
div.search div.pager {padding-top: 10px;}

/* gallery */
.gallery {background: #dcdddf; margin: 0 0 35px; padding: 0 0 25px;}
.gallery h1{background: #dcdddf; padding: 30px;}
.gallery img {margin: 0 0 15px;}
.gallery table td {width: 150px; padding: 0 30px 55px; vertical-align: top;}

.gallery div.big {margin: 0 30px 30px; text-align: center;}
.gallery table.big {margin: 0 0 0 40px;}
.gallery table.big td {padding: 9px 17px; vertical-align: top;}
.gallery table.big div {padding: 9px; border: 1px solid #dcdddf;}
.gallery table.big div:hover {border: 1px solid #fff;}
.gallery table.big div.sel {border: 1px solid #fff;}
.gallery table.big img {margin: 0;}
.gallery div.all {padding: 35px 0 25px 17px; text-align: center; background: url('../img/all.gif') 272px 37px no-repeat;}

/* profile */
.picture {width: 225px; position: relative; float: left; padding: 0 0 65px;}
.picture img {border: 2px solid #686868; margin: 0 0 10px;}
.picture p {text-align: center; padding: 0 0 10px; font-size: 13px;}
.picture div {border-top: 1px solid #dcdcdc; padding: 10px 0 0 57px;}
.picture div p {text-align: left; padding: 0; font-size: 11px;}

.info {position: relative; float: right; width: 385px;}
.nic {border-bottom: 2px solid #cecece; padding: 5px 0; position: relative;}
.nic a, .nic a:active, .nic a:visited, .nic a:hover, .nic a:focus {text-decoration: none; font-size: 11px;}
.status {position: absolute; right: 0; top: 4px;}
.status span {font-weight: bold; color: #f9a607;}
.info h2 {font: italic 18px/26px Arial; padding: 40px 0 20px;}
.info h2.name {font-style: normal; padding: 15px 0;}
.info div p {font: 13px/24px Arial;}
.info p {font: 12px/12px Arial; padding: 0;text-align:justify;}

.letters {text-align: center; padding: 0 0 45px;}
.letters span {padding: 0 2px;}
.letters a, .letters a:active, .letters a:visited, .letters a:hover, .letters a:focus {text-decoration:none;}

.profile .form {background: #fafaf8; border: 1px solid #eaebe6; padding: 10px 30px 10px; font-size: 13px;}

.form {background: #eaeaea; padding: 15px 30px 5px; margin: 0 0 25px; clear: both;}
.form input {width: 100%; margin: 0 0 10px; font: 13px Arial;}
.form textarea {width: 100%; margin: 0 0 10px; font: 13px Arial;}
.form input.but {width: auto;}
.form input.year {width: 70px; margin: 0 10px 10px 0;}
.form input.month {width: 100px; margin: 0 10px 10px 0;}
.form input.day {width: 35px;}
.form input.radio {width: auto; margin: 0;}
.radio2 input {margin: 0 5px 0 0; width:0px;}
.radio2 label {margin: 0 25px 0 0;}
.form span {margin: 0 25px 0 0;}
.form table {width: 475px; margin: 0 0 0 70px;}
.form table td {width: 235px; padding: 0 15px 10px 0; vertical-align: top;}
.form table td.label {width: 150px; padding: 0 10px 0 0;}
.form table td.last {width: 65px;}
.form table td.age {width: auto;}
.form .label span {color: #f00; margin: 0;}

.prof-list td {width: 185px; padding: 0 35px 15px 0; vertical-align: top; font: 13px/22px Arial;}
.prof-list td.last {padding: 0 0 15px;}
.prof-list h2 {color: #d2201e; font: bold 18px Arial; padding: 0 0 5px;}
.prof-list span {color: #f9a607; font-weight: bold;}
.prof-list ul {margin: 0 0 15px; padding: 0;}
.prof-list li {margin: 0; padding: 0; list-style-type: none;}
.prof-list a, .prof-list a:active, .prof-list a:visited {text-decoration: none;}
.prof-list a:hover, .prof-list a:focus {text-decoration: underline;}

.video {padding: 25px 0 50px; text-align: center; border-bottom: 3px solid #dcdddf; margin: 0 0 45px;}
.video-list {margin: 0 -30px 0 0; position: relative; // width: 670px;}
.video-list div {position: relative; float: left; width: 190px; padding: 10px 32px 15px 15px; margin: 0 0 0 -15px; /*height: 185px;*/}
.video-list p {padding: 10px 0;}

.pager {padding: 50px 0 30px; text-align: center; font: 13px Arial; color: #848484;}
.pager span {padding: 0 5px;}
.pager span span {font-size: 14px;}
.pager a, .pager a:active, .pager a:visited, .pager a:hover, .pager a:focus {text-decoration: none;}


.banner {padding: 0 0 25px;}
.right .banner {padding: 0 0 40px; text-align: center;}
.left .banner {padding: 35px 0 40px; text-align: center;}

.interview div {padding: 0 0 20px; min-height: 125px;}
* html .interview div {height: 125px;}
.interview img {margin: 0 15px 15px 0; position: relative; float: left;}


.block {border: 2px solid #bfc7c9; padding: 18px; position: relative; height: 10%; margin: 0 0 30px;}
.block h2 {padding: 0; position: relative;}
h2 span {position: absolute; right: 0; top: 2px; font: 12px Arial;}
* html .block h2 span {right: 19px;}
.block .img {width: 100%; border-top: 1px solid #c2c6c7; margin: 15px 0 11px;}
.block .img td {padding: 10px 0; text-align: center;}
.block .img td.arr {width: 24px; padding: 0;}
.block h3, .block p {padding: 0;}
.block div.l-t {position: absolute; width: 18px; height: 18px; background: url('../img/g-l-t.gif'); left: -2px; top: -2px;}
.block div.r-t {position: absolute; width: 18px; height: 18px; background: url('../img/g-r-t.gif'); right: -2px; top: -2px;}
* html .block div.r-t {right: -3px;}
.block div.r-b {position: absolute; width: 18px; height: 18px; background: url('../img/g-r-b.gif'); right: -2px; bottom: -2px;}
* html .block div.r-b {right: -3px;}
.block div.l-b {position: absolute; width: 18px; height: 18px; background: url('../img/g-l-b.gif'); left: -2px; bottom: -2px;}

.block .video {padding: 24px 0 20px; text-align: center;}
.block .video p {padding: 9px 0 0;}

.comments {padding: 0 0 30px;}
.comments div {background: #eaeaea; margin: 0 0 15px; padding: 10px 20px;}
.comments div div {margin: 0; padding: 7px 0 0;}
.comments div p {padding: 0 0 7px;}
p.name {font: 11px Arial; color: #393939; border-bottom: 2px solid #fff;}



.partners img {position: relative; float: left; margin: 0 10px 20px 0;}

div.spacer {height: 175px; display: block; clear: both;}


div.footer {min-width: 969px; width: 969px; position: relative; margin: -155px auto 0 auto; padding: 0; border-top: 3px solid #dcdddf; color: #000;}
div.footer .menu {border: 0; padding: 0 0 0 10px; height: 57px;}
div.footer .menu div {background: none; padding: 20px 12px;}
div.footer p {padding: 0 0 3px 24px; line-height: 13.5px;}
div.footer p.copy {padding: 0 0 3px 0px;}
div.footer p span {margin: 0;}
div.footer p span a, div.footer p span a:active, div.footer p span a:visited {text-decoration: none;}
div.footer p span a:hover, div.footer p span a:focus {text-decoration: underline;}
div.footer p.copy span {margin: 0 8px;}