@charset "windows-1251";
/* CSS Document. Ver. 1.0 (19.03.2007)*/ 



@import url("hack.css"); /* for Opera and Safari

/* for IE5
-----------------------------------------------------------------------------*/
@media tty {
 i{content:"\";/*" "*/}} @import 'ie5.css'; /*";}
}/* */



/* Default
-----------------------------------------------------------------------------*/

* {padding:0; margin:0; font-size:100%; line-height:100%; text-align:left}
html, body {background:#DBDBDB; color:#898989; cursor:default; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center}
html {overflow-y:scroll}
body {padding:58px 0 0 0}
table, td, th, img {border:0; vertical-align:top; border-spacing:0; border-collapse:collapse}
table {empty-cells:show}
img {font-size:9pt; color:#DDD}

h1 {}
h2 {}
h3 {font-size:14pt; color:#64A0E8; margin-bottom:8px}
h4 {color:#2769BA; font-size:12pt; font-weight:normal; margin:0 0 8px 0; text-transform:uppercase}
h5 {font-size:11pt; color:#64A0E8; padding-bottom:4px}
h6 {font-size:11pt}

p {color:#777; padding-bottom:20px; line-height:10pt; margin:0 10px}

textarea, input, select, button {padding:0 1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%}
input[type=button],
input[type=reset],
input[type=submit],
input[type=image]
button {cursor:pointer}

input[type=checkbox],
input[type=radio] {width:auto}

fieldset {padding-bottom:2px; border:1px solid #CCC}

a {color:#2469B4; text-decoration:underline; cursor:pointer}
a:hover {text-decoration:none}
a:visited {color:#317ECD; text-decoration:underline}
a:visited:hover {text-decoration:none}

ul {list-style:none}
li {line-height:10pt; padding-left:16px; background:url(/img/grey_dash.jpg) left 7px no-repeat}
ul.menu li {padding-left:0; background:none}


.sorry {display:none} 




.temporary {position:absolute; left:6px; top:6px}
.temporary a,
.temporary span {display:block; font-weight:bold; padding:2px; margin-bottom:1px; font-size:9pt}
.temporary span {background:#000; color:#FFF}



/*Grid
=========================================================================================================================*/

.page {margin:0 auto; width:92%; max-width:1200px; min-width:900px; position:relative; padding-top:112px; font-size:9pt; background:url(/img/course.gif) 670px 0 no-repeat #FFF; overflow:hidden}

.logo {position:absolute; top:27px; left:59px; height:66px; width:185px; background:url(/img/logo.jpg) no-repeat}

.lang {position:absolute; top:50px; left:55%; width:60px;visibility:hidden}
.lang span,
.lang a {float:left; margin-left:10px; width:20px; height:20px; background-repeat:no-repeat; background-position:bottom}
.lang a {background-position:top}

.icons {position:absolute; top:54px; height:15px; right:68px; width:105px}
.icons span,
.icons a {float:left; margin-left:20px; width:15px; height:15px; background-repeat:no-repeat; background-position:bottom}
.icons a {background-position:top}

.sky {height:256px; margin:0 14px 25px 14px; background:url(/img/sky.jpg) bottom left no-repeat; position:relative}

.sky ul {list-style:none; background:url(/img/menu.jpg) top repeat-x; color:#2469B4; font-size:10px; text-transform:uppercase; padding-right:16px; position:relative; z-index:200}
.sky ul li {float:right; position:relative; overflow:hidden; z-index:100}
.sky ul li a,
.sky ul li a:visited,
.sky ul li a:hover,
.sky ul li span {display:block; padding:4px 10px; text-decoration:none; color:#FFF; white-space:nowrap; letter-spacing:-1px}
.sky ul li span {background:url(/img/menu_l.gif) bottom left no-repeat; color:#2469B4; position:relative; padding:4px 0 8px 10px; margin-right:10px}
.sky ul li.selected {background:url(/img/menu_r.gif) bottom right no-repeat}
.sky ul li.left,
.sky ul li.right {position:absolute; top:0; z-index:10; width:9px; height:19px; background-repeat:no-repeat; background-image:url(/img/menu_r.jpg); right:0}

.sky h1 {white-space:nowrap; color:#FFF; font-size:21pt; position:absolute; left:30%; top:50px; z-index:100}
.sky h4 {white-space:nowrap; color:#6B9ECB; font-size:12pt; position:absolute; left:52%; top:86px; z-index:100}
.sky em {background:url(/img/course2.gif) no-repeat; width:670px; height:112px; position:absolute; top:20px; left:-14px}
.sky strong {position:absolute; width:8px; height:9px; bottom:0; right:0; z-index:10; background:url(/img/r_b_corner.gif) no-repeat}

.sky .poster {position:absolute; bottom:0; left:320px; margin-right:100px; padding-right:8px; overflow:hidden; opacity:0.7; z-index:100}
.sky .poster div {padding:20px 0 12px 0; background:url(../img/fon.gif) top left no-repeat}
.sky .poster h2,
.sky .poster h1 {font-size:16pt; color:#519FF1; margin:0 40px 12px 16px}
.sky .poster h1 {color:#317ECD; font-size:18pt; position:relative; left:auto; top:auto}
.sky .poster h1 a,
.sky .poster h1 a:hover {color:#FFF}
.sky .poster p {margin:0 40px 0 16px; padding-bottom:6px; color:#FFF; line-height:14pt; font-weight:bold; width:auto}
.sky .poster strong {position:absolute; right:0; top:0; width:8px; height:200px; background:url(../img/fon_r.gif) top right no-repeat}

.sky .left_side {position:absolute; bottom:0; left:0; width:418px; height:243px; background-position:bottom left; background-repeat:no-repeat; z-index:1}


.content {padding-bottom:80px}

.content .left {float:left; width:280px; margin-left:54px}

.menu2 {padding-bottom:28px}
.menu2 li {margin:8px 0 8px 20px; padding-left:0; background:none}
.menu2 li.year {font-size:12pt; margin:14px 0 6px 20px}
.menu2 li.year a {padding-left:0; background:none}
.menu2 li a,
.menu2 li span {padding-left:16px; background-position:left 7px; background-repeat:no-repeat; background-image:url(/img/blue_dash.jpg); display:block; line-height:10pt}
.menu2 li span {background-image:url(/img/grey_dash.jpg)}
.menu2 li h5 {padding-bottom:22px}
.menu2 li h5 a {background:none}

.content .right {margin:0 140px 0 340px; position:relative}
.content .right h5,
.content .right ul,
.content .right h3,
.content .right h6,
.content .right span.date {margin-left:10px; margin-right:10px}
.content .right ul.menu2 {margin-left:0}

.content .right span.date {font-size:8pt; color:#999; display:block; padding-bottom:12px}
.content .right h6 span.date {display:inline; padding-left:2px; font-weight:normal}
.content .right h6 {padding-bottom:2px; font-weight:bold}

.content .right .prev_line {margin:8px -100px 25px 10px}
.content .right .big_img {}
.content .right .scheme {padding-bottom:20px;}

.content .right table {margin:-10px 0 20px 0}
.content .right table td,
.content .right table th {padding:4px 6px 4px 0}
.content .right table td.data {white-space:nowrap; padding:4px 0 4px 6px; vertical-align:bottom; color:#777}
.content .right table th {font-weight:bold; padding-top:15px; color:#64A0E8}






.content.foo {padding-bottom:25px}
.content.foo .left {font-size:90%}
.content.foo .left a {padding-top:6px; display:block; padding-bottom:1px}

.content.foo2 {width:92%; margin:0 auto; padding:12px 0 25px 0; font-size:8pt; max-width:1200px; min-width:900px; position:relative}
.content.foo2 .left,
.content.foo2 .left:visited {background:url(/img/hsf.jpg) top left no-repeat; text-decoration:none; color:#777; padding:14px 0 22px 42px; width:200px}
.content.foo2 .right {margin-right:50px; padding-top:10px; z-index:200}
.content.foo2 .right ul li {font-size:9pt; float:right; padding-bottom:1px; margin-left:14px}

/*Elements
=========================================================================================================================*/
.phone {white-space:nowrap; font-size:10pt; padding-bottom:6px}
.phone span {font-weight:bold; font-size:14pt; color:#656565}

.banner {position:absolute; height:200px; width:auto; padding-left:210px; top:-144px; background-repeat:no-repeat; background-position:top left; left:40%}
.banner span {display:block; margin-top:100px; font-weight:bold; font-size:10pt}

/*Pages
=========================================================================================================================*/

.sitemap {font-size:8pt; padding-bottom:0}
.sitemap .right {margin-right:50px}
.sitemap .right .center {float:left; width:45%} 
.sitemap .right .right_column {margin-left:55%}
.sitemap .right .right_column h5 {margin-left:0}

.finder {padding-bottom:0}
.finder h3 {margin-bottom:45px}
.finder .search {font-weight:normal; font-size:9pt; margin-left:10px; width:60%}
.finder .btn {font-weight:normal; font-size:9pt; margin-left:4px; text-align:center; padding:0 10px}


/*Popup window
=========================================================================================================================*/

body#popup {padding-top:45px}
#popup .main {background-position:bottom right; background-repeat:no-repeat; background-color:#FFF; margin:0 56px; height:406px; position:relative
}
#popup .close {position:absolute; right:56px; top:20px; font-size:9pt}
#popup em {position:absolute; background:url(../img/logo.jpg); width:185px; height:66px; top:76px; left:80px; z-index:100}
#popup h3 {position:absolute; top:80px; left:250px}
#popup ul {position:absolute; top:150px; left:250px}
#popup li {white-space:nowrap; background:none; padding:4px 0; position:relative}
#popup label {position:absolute; width:200px; text-align:right; left:-210px; font-weight:bold; font-size:9pt; color:#5A5A5A}
#popup label span {font-weight:normal; font-size:8pt}
#popup li strong {padding:0 20px 0 4px; font-weight:normal; font-size:9pt; color:#5A5A5A}
#popup li input {width:190px}
#popup li.small input {width:57px; margin-right:3px}
#popup li.radio {padding:6px 0 12px 0}
#popup li.radio input {width:auto}
#popup li span {font-size:9pt; color:#5A5A5A; padding-left:4px}
#popup input.btn {width:auto; text-align:center; font-size:9pt}

#popup table {font-size:8pt; width:auto; margin:0 30px 0 50px}
#popup table th,
#popup table td {padding:2px 6px 1px 0}
#popup table th {font-weight:bold; padding:8px 0 3px 0; color:#64A0E8}
#popup table td.data {white-space:nowrap; padding:1px 0 2px 6px; vertical-align:bottom; color:#777}

div.photo {text-align:center}
div.photo .bar {height:18px; margin-top:20px; position:relative}
div.photo .bar span {position:absolute; height:12px; width:12px; background:url(../img/arrow.jpg) left no-repeat; top:0; left:50%; cursor:pointer; z-index:200; margin-left:-12px}

.contacts, .contacts2  {margin-left:-12px; _height:1px; position:relative}
.contacts h2, .contacts2 h2 {position:relative; padding-bottom:10px; margin-left:12px;}
.contacts img, .contacts2 img {display:block; margin-bottom:50px; cursor:pointer}
.contacts  h2 div, .contacts2  h2 div {position:absolute; width:280px; left:260px; top:20px;font-weight:normal}
.contacts  h2 div p, .contacts2  h2 div p {padding-bottom:8px}
.contacts  h2 div i, .contacts2  h2 div i {font-style:normal; white-space:nowrap}
.contacts .print, .contacts2 .print {display:none}

.content .right .personal {margin:10px 0 0 10px}
.content .right .personal td {padding-bottom:20px}
.content .right .personal td p {margin-right:0}

.print {display:none}
/*.print_span {text-decoration:underline;cursor:pointer;color:#2469B4}*/

.content .right .slideshow {display:block; background-repeat:no-repeat; position:relative; font-size:1px; line-height:1px; margin:20px 0 40px 0; padding:0; cursor:pointer}
.content .right span.slideshow {cursor:auto;}
.content .right .slideshow em {position:absolute; bottom:0; right:0; width:8px; height:8px; background:url(../img/large_im_btm2.png)}
.content .right .slideshow em.first {background:url(../img/large_im_top.png); bottom:auto; right:auto; top:0; left:0}
.content .right .slideshow em.second {background:url(../img/large_im_top2.png); bottom:auto; top:0}
.content .right .slideshow em.third {background:url(../img/large_im_btm.png); right:auto; left:0}
.content .right .slideshow table {position:absolute; right:-160px; top:0; z-index:10; margin:0}
.content .right .slideshow table td {padding:0}
.content .right .slideshow .small {width:72px; height:72px; position:relative; background-repeat:no-repeat; background-position:center center; display:block; cursor:pointer; margin:0 0 3px 3px}
.content .right .slideshow .small a {display:none;}
.content .right .slideshow .small em {height:72px; width:72px; position:absolute; z-index:10; right:auto; background:url(../img/small_im_round.png)}

ul.menu.counters {margin-top:14px; clear:left;}
.counters.top {position:absolute; left:0; top:0;}
.content.foo2 .right ul.menu.counters li {margin-left:6px;}

.creator {white-space:nowrap; font-size:8pt; text-align:right; margin-right:10px; padding: 10px 0;}
.creator a, .creator a:hover, .creator a:visited {color:#898989}



#index .foo2 p {position:absolute; width:40%; top:20px; left:25px}
#index .foo2 .fvs {position:absolute; left:48%; top:22px; width:80px; background:url(../img/hsf.jpg) 4px 0 no-repeat; padding-top:60px; text-decoration:none; color:#898989; z-index:40}
#index .foo2 .right {position:relative; z-index:1}