.strong { font-weight: bold; } .center { text-align: center; } .right { text-align: right; } .bold { font-weight: bold; } .c { clear: both !important; float: none !important; } div.addButton { margin: 5px 0px; text-align: center; } div.addButton input { } div.addButton a { width: auto; height: auto; border: 1px solid #000; color: #2d211a; text-align: center; font-size: 16px; margin: 0; padding: 2px 15px; text-decoration: none; } body { width: 100%; margin: 0 auto; background: #060606 url('images/bg.png') fixed top center; background-size: 100% auto; color: #FFF; font-family: Tahoma; font-size: 12px; } div.wrapper { width: 980px; margin: 0px auto; } div.wrapper div.header { position: relative; } div.wrapper div.header div.logo a { display: block; background: url('images/logo.png') no-repeat; width: 598px; height: 186px; } div.wrapper div.header div.sn { background: url('images/sn_bg.png') no-repeat top center; width: 190px; height: 50px; position: absolute; top: 50px; right: 0px;} div.wrapper div.header div.sn ul { padding: 10px 15px; } div.wrapper div.header div.sn li { display: inline-block; padding-right: 7px; } div.wrapper div.header div.topMenu { position: absolute; top: 160px; left: 100px; } div.wrapper div.header div.topMenu li { display: inline-block; } div.wrapper div.header div.topMenu li a { display: block; font-family: Monotype Corsiva; font-size: 22px; color: #FFF; padding-left: 35px; text-decoration: none; } div.wrapper div.header div.topMenu li a:hover { text-decoration: underline; } div.wrapper div.header div.topMenu div.flags { position: absolute; top: 0px; right: -149px; } div.wrapper div.header div.topContent { margin-top: 10px; } div.wrapper div.header div.topContent div.video { display: inline-block; vertical-align: top; } div.wrapper div.header div.topContent div.calendar{ position: relative; display: inline-block; vertical-align: top; background: url('images/calendar_bg.png') no-repeat; width: 181px; height: 312px; padding: 35px 75px; text-align: center; } div.wrapper div.header div.topContent div.calendar div.title { font-family: Monotype Corsiva; font-size: 30px; color: #FFF; margin-bottom: 10px; } div.wrapper div.header div.topContent div.calendar div.navigate { text-align: center; margin-bottom: 15px; } div.wrapper div.header div.topContent div.calendar div.navigate span.prev a{ display: inline-block; vertical-align: top; background: url('images/calendar_prev.png') no-repeat; width: 15px; height: 15px; } div.wrapper div.header div.topContent div.calendar div.navigate span.month { display: inline-block; vertical-align: top; text-align: center; padding: 0px 10px; font-weight: bold; font-size: 11px; font-family: Tahoma; } div.wrapper div.header div.topContent div.calendar div.navigate span.next a{ display: inline-block; vertical-align: top; background: url('images/calendar_next.png') no-repeat; width: 15px; height: 15px; } div.wrapper div.header div.topContent div.calendar div.prevday a { display: block; position: absolute; bottom: 30px; left: 30px; background: url('images/arrow_left.png') no-repeat; width: 15px; height: 29px; } div.wrapper div.header div.topContent div.calendar div.nextday a { display: block; position: absolute; bottom: 30px; right: 30px; background: url('images/arrow_right.png') no-repeat; width: 15px; height: 29px; } div.wrapper div.header div.topContent div.calendar div.dayinfo { margin-top: 10px; text-align: center; } div.wrapper div.header div.topContent div.calendar div.dayinfo div.date { color: #bd1a0d; font-family: Tahoma; font-size: 12px; text-align: center; } div.wrapper div.header div.topContent div.calendar div.dayinfo div.name { color: #FFF; font-family: Tahoma; font-size: 14px; margin: 5px 0px 10px; text-align: center; } div.wrapper div.header div.topContent div.calendar div.dayinfo div.text { color: #3563a3; font-family: Tahoma; font-size: 11px; text-align: center; } div.wrapper div.header div.topContent div.repertoire{ position: relative; background: url('images/repertoire_bg.png') no-repeat; width: 920px; height: 130px; padding: 30px 30px; } div.wrapper div.header div.topContent div.repertoire h3 { color: #3563A3;; text-align: center; letter-spacing: 7px; font-family: Myriad Pro; font-style: italic; font-size: 23px; font-weight: bold; margin-bottom: 10px; display: block; border-bottom: 1px solid #060606; padding-bottom: 10px; } div.wrapper div.header div.topContent div.repertoire ul { text-align: center; } div.wrapper div.header div.topContent div.repertoire li { display: inline-block; vertical-align: top; padding: 0px 10px; text-align: center; } div.wrapper div.header div.topContent div.repertoire li.prev a { display: block; background: url('images/arrow_left.png') no-repeat; width: 15px; height: 29px; position: absolute; top: 100px; left: 30px; } div.wrapper div.header div.topContent div.repertoire li.next a { display: block; background: url('images/arrow_right.png') no-repeat; width: 15px; height: 29px; position: absolute; top: 100px; right: 30px; } div.wrapper div.content { padding: 20px 0px; } div.wrapper div.content div.mainpage { } div.wrapper div.content div.mainpage h2 { font-family: Monotype Corsiva; font-size: 30px; color: #FFF; margin-bottom: 15px; } div.wrapper div.content div.mainpage h2 span.vonal { display: inline-block; background: url('images/content_h2_bg.png') repeat-x; width: 100%; height: 6px; } div.wrapper div.content div.mainpage div.welcome { display: inline-block; vertical-align: top; width: 480px; padding-right: 45px; text-align: center; color: #3563A3; font-family: Monotype Corsiva; font-size: 23px; } div.wrapper div.content div.mainpage div.welcome div.hunkuns { display: block; margin-top: 50px; position: relative; width: 440px; overflow: hidden; } div.wrapper div.content div.mainpage div.welcome div.hunkuns_content { width: 440px; overflow: hidden; } div.wrapper div.content div.mainpage div.welcome div.hunkuns ul { width: 10000px; text-align: left; } div.wrapper div.content div.mainpage div.welcome div.hunkuns li { display: inline-block; vertical-align: top; padding: 0px 2px 0px 0px; text-align: center; width: 440px; } div.wrapper div.content div.mainpage div.welcome div.hunkuns li img { border: 5px solid #232323; } div.wrapper div.content div.mainpage div.welcome div.hunkuns li img:hover { border: 5px solid #FFF; } div.wrapper div.content div.mainpage div.welcome div.hunkuns div.prev { width: 15px !important; height: 29px !important; } div.wrapper div.content div.mainpage div.welcome div.hunkuns div.prev a { display: block; background: url('images/arrow_left.png') no-repeat; width: 15px !important; height: 29px; position: absolute; bottom: 75px; left: 0px; } div.wrapper div.content div.mainpage div.welcome div.hunkuns div.next { width: 15px !important; height: 29px !important; } div.wrapper div.content div.mainpage div.welcome div.hunkuns div.next a { display: block; background: url('images/arrow_right.png') no-repeat; width: 15px !important; height: 29px; position: absolute; bottom: 75px; right: 0px; } div.wrapper div.content div.mainpage div.news { display: inline-block; vertical-align: top; width: 455px; } div.wrapper div.content div.mainpage div.news li { display: block; padding: 15px 0px; background: url('images/news_sep.png') repeat-x bottom center; width: 100%; } div.wrapper div.content div.mainpage div.news li div.image { display: inline-block; vertical-align: top; } div.wrapper div.content div.mainpage div.news li div.image img{ border: 5px solid #232323;} div.wrapper div.content div.mainpage div.news li div.data { display: inline-block; vertical-align: top; width: 260px; padding-left: 20px; } div.wrapper div.content div.mainpage div.news li div.data div.name { font-family: Tahoma; font-size: 17px; color: #FFF;} div.wrapper div.content div.mainpage div.news li div.data div.date { font-family: Tahoma; font-size: 10px; color: #bd1a0d; margin-bottom: 15px; } div.wrapper div.content div.mainpage div.news li div.data div.text { font-family: Tahoma; font-size: 11px; color: #898989; } div.wrapper div.content div.mainpage div.news li div.data div.text a { color: #3563A3; } div.wrapper div.content div.mainpage div.partners { display: block; margin-top: 20px; } div.wrapper div.content div.mainpage div.partners ul { text-align: center; } div.wrapper div.content div.mainpage div.partners li { display: inline-block; vertical-align: top; text-align: center; padding: 0px 15px; } div.footer { background: url('images/footer_bg.png') repeat-x; width: 100%; height: 23px; margin-top: 10px; margin-bottom: 5px; } div.footer div.footerCenter{ width: 980px; margin: 0 auto; } div.footer div.footerCenter div.bottomMenu { padding-top: 1px; } div.footer div.footerCenter div.bottomMenu li{ display: inline-block; } div.footer div.footerCenter div.bottomMenu li a { display: block; font-family: Tahoma; font-size: 10px; color: #6c6c6c; padding-right: 35px; text-decoration: none; } div.footer div.footerCenter div.bottomMenu li a:hover { text-decoration: underline; } /* MiniCalendar */ div.minicalendar { } div.minicalendar tr td { width: 15px; padding: 3px 6px; border: 1px solid #35332f; font-size: 11px; font-family: Tahoma; text-align: center; } div.minicalendar tr.days td { font-weight: bold; color: #a11000; } div.minicalendar tr.days td a { font-weight: bold; color: #a11000; text-decoration: none; } div.minicalendar tr.day td.active { font-weight: bold; color: #a11000; } div.minicalendar tr.day td.active a { font-weight: bold; color: #a11000; text-decoration: none; }