﻿/* Версия от 28.09.2006 */
body { margin: 0; padding: 0; }
* { margin:0; padding:0 }
.clear { clear: both; }

/* Hat */
#hat { background: url(main.head.jpg) top center repeat-x; overflow: auto; }
#hat .bottom { height: 338px; background: url(main.hat.bottom.png) bottom center repeat-x; overflow: hidden; position: relative; }
#hat .logo { margin: 20px 0 0 40px; width: 510px; height: 132px; background: url(main.hat.logo.png) top left no-repeat; }
#hat .logo-ru { margin: 20px 0 0 40px; width: 510px; height: 132px; background: url(main.hat.logo.ru.png) top left no-repeat; }
#hat .logo-en { margin: 20px 0 0 40px; width: 510px; height: 132px; background: url(main.hat.logo.en.png) top left no-repeat; }
#hat .logo h1, #hat .logo-ru h1, #hat .logo-en h1 { display: none; }
#hat .logo-ru #home-url, #hat .logo-en #home-url { width: 510px; height: 132px; position: absolute; }
#hat .contacts { width: 27em; position: absolute; top: 20px; right: 40px; }
#hat .contacts dl { width: 27em; }
#hat .contacts dl dt { width: 7em; float: left; clear: both; }
#hat .contacts dl dd { width: 20em; float: right; }
#hat .contacts p { margin: 1.2em 0; }
#hat .lang-box { padding-left: 170px; margin: 100px 0 10px 0; color: #fff; }
#hat .lang-box a { color: #ffee5a; margin: 0 9px; }
#hat .lang-box span { margin: 0 9px; }
#hat .lang-box #main-href { width: 10em; float: left; }

#hat .main-menu { width: 98%; position: relative; }
#hat .main-menu .container { background: url(main.hat.menu.bg.png) top left repeat-x; padding: 12px 0 8px 0; margin-right: 33px; height: 28px; }
#hat .main-menu ul { margin: 0 0 0 140px; list-style: none; }
#hat .main-menu ul li { display: inline; padding: 0 0 0 16px; position: relative; }
#hat #main-menu-right { background: url(main.hat.menu.right.bg.png) top left no-repeat; height: 48px; width: 33px; position: absolute; top: 0; right: 0; }

/* Content */
#content { background-color: #fffae7; overflow: visible; }
#content .container-1 { background: url(main.content.left.bg.png) top left repeat-y; }
#content .container-2 { background: url(main.content.right.bg.png) top right repeat-y; }
#content .container-5 { background: url(main.content2.bottom.bg.png) bottom center repeat-x; }
#content .container-6 { background: url(main.content2.b-left.bg.png) bottom left no-repeat; }
#content .container-7 { background: url(main.content2.b-right.bg.png) bottom right no-repeat; padding-bottom: 240px; }

#hat-image { position: relative; }
#hat-image #menu-left { width: 146px; height: 147px; background: url(main.hat.menu.left.png) top left no-repeat; position: absolute; top: -125px; left: 5px; z-index: 10; }
#hat-image #menu-right { width: 211px; height: 150px; background: url(main.hat.img.right.png) top left no-repeat; position: absolute; top: -130px; right: 10px; }

/* Foto Gallery */
#content .gallery-box h2 { font-size: 1.6em; }
#content .gallery-box ul { list-style: none; margin: 10px 0 20px 0; }
#content .gallery-box ul li { display: inline; margin:0; padding:0; background-image: none; }
#content .gallery-box ul li div { display: inline; padding: 0 30px 0 0; }
#content .gallery-box ul li a img { border: 2px solid #fff;  }

#content .galleries {}
#content .galleries dt { padding-left:15px; margin-bottom: .6em; background: url(main.bullet.bg.gif) no-repeat 0 .4em; font-size: 1.25em; font-weight: bold; }
#content .galleries dd { padding-left:15px; margin-bottom: 1.2em; }
#content .galleries dd p { margin: 0; font-size: 1em; }
#content .galleries dd .image-line { margin: 1.2em 0; }
#content .galleries dd .image-line img { margin-right: 10px; }

#content .img-line { white-space: nowrap; overflow: auto; height: 120px; width: 100%; margin: 1.2em 0; }
#content .img-line img { display: inline-block; margin: 0 10px; border: none; }


#content .left { width: 29%; padding-top: 60px; float: left; }
#content .left .box { margin: 0 0 1.2em 60px; min-height: 70px; }
#content .left .box img { margin-left: -54px; float: left; }
#content .left .box ul { margin-left: 1.6em; }
#content .left .other-box { margin: 0 0 1.2em 60px; }
#content .left .other-box ul { margin: 0; }
#content .left .other-box ul li { padding-left: 0; background: none; }
#content .left .search-box { background: url(main.search.bg.png) top left no-repeat; width: 180px; padding: 15px 20px 20px 20px; margin: 0 -20px 15px 60px; }
#content .left .search-box h2 { color: #fff; margin-bottom: 10px; }
#content .left .search-box input, #content .left .search-box select { width: 170px; margin: 2px 0; }
#content .left .search-box label { width: 60px; padding-top: 6px; display: block; margin: 2px 0 2px -60px; float: left; position: relative; height: 1.3em; clear: both; }
#content .left .search-box label.cool { background: url(main.form.pointer.gif) left bottom no-repeat; width: 60px; padding-top: 4px; display: block; margin: 2px 0 2px -60px; float: left; position: relative; height: 1.3em; }

#content .right { width: 70%; padding-top: 60px; float: left; }
#content .right .container { width: 80%; }
#content .right .container table td { vertical-align: top; }
#content .right .container img { margin: 0 1.2em; }
#content .right h1 { margin: .2em 0 2.4em 0; line-height: normal; }
#content .right h1 span.red { color: #be0000; }
#content .right h2 { margin: .2em 0 .2em 0; }

#news {}
#news dt {  }
#news dd { margin-bottom: 2.4em; }
#news dd h2 { margin: 1.2em 0 !important; color: #be0000 }
#news dd p { margin: 1.2em 0; }

table.tours { width: 100%; border-top: 1px solid #b9af9a; border-right: 1px solid #b9af9a; border-collapse: collapse; table-layout: fixed; }
table.tours .col1 { width: 90%; }
table.tours .col2 { width: 12em; }
table.tours .col3 { width: 10em; }
table.tours th, table.tours td  { border-left: 1px solid #b9af9a; border-bottom: 1px solid #b9af9a; padding: .8em .6em; vertical-align: top; }
table.tours th { background-color: #eeebe0; text-align: left; }
table.tours .resume { padding: .5em .6em 1.2em 1.8em; line-height: 1.4em; }
table.tours .resume h2 { margin-left: -15px !important; padding-left: 15px; position: relative; background: url(main.bullet.bg.gif) 0 .4em no-repeat }

#content .tour .left { width: 330px !important; float: left; margin-right: -330px; padding-top: 30px; }
#content .tour .left img { border: 2px solid #fff; }
#content .tour .right { width: auto; padding-left: 330px; float: left; padding-top: 30px; }
#content .tour dl.reg,
#content .tour dl.type { width: 100%; margin: 0 0 1.2em 0; }
#content .right dl.reg dt { }
#content .right dl.reg dd { margin: 0 0 .6em 3em; font-size: 1.2em; font-weight: bold; }
#content .right dl.type dt { }
#content .right dl.type dd { margin: 0 0 .6em 3em; font-size: 1.2em; font-weight: bold; }
#content .tour-content h2 { font-weight: bold; color: #be0000; margin: 2.4em 0 1.2em 0; }

#content .tour .docs li { background: url(report_word.png) top left no-repeat; padding-left: 20px; padding-bottom: .6em; }


/* Fonts */
#content .right p { font-size: 1.2em; line-height: 1.4em; margin: 1.4em 0; }

/* Footer */
#footer, #ie-test { background-color: #55a15e; }
#footer .left { width: 46%; float: left; padding: .2em 0 .8em 0; }
#footer .left .left { width: 40%; float: left; }
#footer .left .left .container { margin-left: 18px; }
#footer .left .right { width: 59%; float: right; }
#footer .copyright { color: #fff; }
#footer .right { width: 53%; float: right; color: #fff; }
#footer .right a { color: #ffee5a; }
#footer .right .left { width: 48%; }
#footer .right .left dl { }
#footer .right .left dt { width: 70px; float: left; }
#footer .right .left dd { width: auto; margin-left: 70px; }
#footer .right .right { width: 51%; float: right; }

/* SiteLeader */
#sl-logo { width: 115px; font: 10px Arial, Serif; }
#sl-logo a { text-decoration: none; background: url(siteleader.logo.gif) left center no-repeat; display: block; padding-left: 33px; }
#sl-logo span { text-decoration: underline; }
#sl-logo b { font: bold 12px Verdana, Serif; color: #cd0000; }
#sl-logo i { font: 14px Georgia, Sans-Serif; color: #000; }

#hat, #menu, #content, #content1, #content2, #top-content, #middle-content, #bottom-content, #footer { min-width: 1000px; }
