/* -------------------------------------------------------------------------------------------------------------------------------------- Classes -------------------------------------------------------------------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } .clear { display: block; clear: both; font-size: 1px; line-height: 1px; height: 1px; } .hidden { display: none; } .show { display: block; } .fleft { float: left; } .fright { float: right; } img.fleft { float: left; margin: 0 10px 5px 0; } img.fright { float: right; margin: 0 0 5px 10px; } .aleft { text-align: left; } .aright { text-align: right; } .acenter { text-align: center; } .padding { padding: 10px; } .nopadding { padding: 0; } .margin { margin: 10px; } .nomargin { margin: 0; } .container { overflow: hidden; } .vouter { overflow: hidden; display: table; width: 100%; } /* Height!!! */ .vmiddle { display: table-cell; vertical-align: middle; } .w50 { width: 50%; } .w33 { width: 33.3%; } .w25 { width: 25%; } /* -------------------------------------------------------------------------------------------------------------------------------------- ????? -------------------------------------------------------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { height: 100%; } body { position: relative; color: #3E3E4A; font: 0.7em/1.3 Tahoma, Sans-Serif; background: #f5f5f5; height: 100%; } * html #header_nav li.first { margin-left: 173px; } form fieldset { border: 0; } form input.text, form input.password, form input.file, form select, form textarea { color: #717171; font-size: 1em; font-family: Tahoma; } form input.submit, form input.button { font-size: 1em; } form input.image { position: relative; top: 3px; } h1, h2, h3, h4, h5, h6 { padding: 20px 0 10px 0; font-family: "Arial Narrow"; } h1 { font-size: 1.6em; } h2 { font-size: 1.4em; } h3 { font-size: 1.2em; } h4 { font-size: 1em; font-style: italic; } h5 { font-size: 1em; font-style: italic; } h6 { font-size: 1em; font-style: italic; } p, ul, ol, dl, form { padding: 8px 0; } blockquote { padding: 8px 0 8px 30px; } a { color: #004C8D; text-decoration: underline; } a:hover { text-decoration: none; } a img { border: 0; } big { font-size: 1.3em; } small { font-size: 0.9em; } .c_white { color: #fff; } .c_blue1 { color: #5074D6; } .c_blue2 { color: #004C8D; } .c_grey { color: #717171; } .c_green { color: #94B700; } #center { position: relative; margin: 0 auto; background: #fff; width: 990px; min-height: 100%; } /* -------------------------------------------------------------------------------------------------------------------------------------- ????? -------------------------------------------------------------------------------------------------------------------------------------- */ #header { position: relative; height:125px; } #header_bg { position: absolute; top: 35px; background: #07298C url(../img/header-bg.jpg) no-repeat 0 0; width: 100%; height: 236px; } #header_logo { position: absolute; top: 10px; left: 10px; } #header_title { overflow: hidden; position: absolute; top: 122px; right: 0; padding: 10px 15px; color: #fff; font-size: 1.3em; font-weight: bold; line-height: 1.1; text-transform: uppercase; background: #0244D2; width: 227px; } #header_title span { display: block; padding-bottom: 2px; font-size: 0.9em; font-weight: normal; } #header_nav { position: absolute; z-index: 100; top: 70px; padding: 0; font-family: "Arial Narrow"; background: #012DA9; width: 100%; height: 50px; } #header_nav li { list-style: none; position: relative; float: left; background: url(../img/header-nav-str.gif) no-repeat right center; height: 50px; } #header_nav li.first { margin-left: 345px; } #header_nav li.last { background: none; } #header_nav li a { float: left; margin: 0 3px 0 2px; padding: 0 10px; color: #fff; font-size: 1.1em; line-height: 49px; text-transform: uppercase; height: 50px; } #header_nav li a:hover, #header_nav li a.active { text-decoration: none; background: #0244D2; } #header_nav li .sub { display: none; position: absolute; top: 50px; left: 2px; padding: 10px; font-size: 0.9em; background: #0244D2; border-top: 1px solid #fff; } #header_nav li .sub i { white-space: nowrap; font-style: normal; } #header_nav li .sub i a { float: left; clear: left; line-height: 1.8; height: auto; } /* ??? float:left ?????? ? ????????? IE 7 */ #header_nav li .sub i a:hover { height: auto; } #header_search { position: absolute; z-index: 200; top: 83px; left: 13px; padding: 1px 0 0 0; background: #fff url(../img/header-search-bg.gif) no-repeat 0 0; width: 247px; height: 22px; } #header_search p { padding: 0; } #header_search input.image { margin-left: 5px; } #header_search input.text { border: 0; width: 213px; } #header_flash { position: absolute; top: 115px; right: 350px; } #header_flash .flash { position: relative; float: right; margin-right: 10px; width: 257px; height: 166px; } #header_flash .flash span { float: right; margin-top: -3px; padding: 2px 5px; color: #979797; font: 0.9em/1 "Arial Narrow"; text-transform: uppercase; background: #fff; } #header_marquee { position: absolute; bottom: 0; font-size: 1.1em; font-family: "Trebuchet MS"; text-align: right; background: #EAEAEA url(../img/header-marquee.png) no-repeat 0 0; width: 100%; height: 41px; } #header_marquee p { padding: 0 13px; line-height: 40px; } #header_icons { position: absolute; top: 44px; right: 25px; width: 186px; } #header_icons a, #header_icons span { float: left; margin-left: 25px; width: 37px; height: 37px; } #header_icons a:hover, #header_icons span { background: #0244D2; } /* -------------------------------------------------------------------------------------------------------------------------------------- ??????? -------------------------------------------------------------------------------------------------------------------------------------- */ #body { padding: 10px 0 200px 0; background: url(../img/body-bg.png) repeat-x 0 1px; top:500px; } #body .block { padding: 5px; } #body .line { margin: 5px 0; font-size: 1px; line-height: 1px; background: url(../img/line.gif) repeat-x 0 bottom; height: 1px; } #body .header { margin: 5px; padding: 5px 15px; color: #fff; font-size: 1.1em; font-family: "Arial Narrow"; text-transform: uppercase; background: #0244D2; } #body .header span.link { float: right; margin-top: -15px; padding: 0 0 0 10px; font-size: 0.8em; font-family: Tahoma; line-height: 12px; text-transform: none; background: url(../img/span.gif) no-repeat 0 center; height: 15px; } html:first-child #body .header span.link { margin-top: 1px; } #body .header span.link a { color: #fff; } #body .header_grey { color: #717171; background: #EAEAEA; } #body .header_grey span.link { background: url(../img/span-gray.gif) no-repeat 0 center; } #body .header_grey span.link a { color: #717171; } #body h2.header { font-size: 1.3em; font-weight: normal; } #body h2.header span.link { margin-top: -17px; font-size: 0.7em; } html:first-child #body h2.header span.link { margin-top: 3px; } #body .place { margin: 5px 5px -4px 5px; padding: 5px 15px 6px 15px; color: #fff; background: #012DA9; } #body .place a { color: #fff; font-weight: bold; } #body .place img { position: relative; top: -2px; margin: 0 5px; } #body p.listing img { position: relative; top: -2px; } #body p.listing a, #body p.listing span { margin-right: 15px; } #body p.listing span { padding: 0 8px; color: #fff; font-weight: bold; background: #8CAD00; border-top: 7px solid #8CAD00; border-bottom: 7px solid #8CAD00; } #content_wrapper { float: left; width: 100%; } #content_wrapper #content { margin-left: 195px; margin-right: 218px; } #content .content_index .header { margin: 0; } #content .content_index .cols .news { float: left; width: 320px; } #content .content_index .cols .news .n { padding: 10px 0; } #content .content_index .cols .news .n span.date { display: block; padding-top: 5px; font-weight: bold; } #content .content_index .cols .news .n_main { margin-top: 0; margin-bottom: 10px; padding: 10px 0; background: #F5F5F5; } #content .content_index .cols .news .n_main img.fleft { margin-left: 5px; } #content .content_index .cols .news .n_main span.date { padding-bottom: 10px; } #content .content_index .cols .press { margin-left: 330px; margin-right: 0; padding-bottom: 10px; background: #F5F5F5; } #content .content_index .cols .press .p { padding: 10px; font-size: 0.9em; } #content .content_index .cols .press .p span.date { color: #94B700; font-weight: bold; } #content .bottom_banners { padding: 30px 0 20px 0; } #content .bottom_banners img.first { margin-right: 10px; } /* Calendar */ #content .calendar_years { padding: 10px 5px; } #content .calendar_years a.year { float: left; margin-top: 3px; margin-right: 1px; padding: 0 15px; color: #fff; line-height: 35px; font-weight: bold; background: #0244D2; height: 35px; } #content .calendar_years a.dark { background: #012DA9; } #content .calendar_results { padding: 10px 5px; } #content .calendar_results strong.name { display: block; padding-top: 5px; } #content .calendar_results .select { float: left; margin-top: 3px; margin-right: 1px; padding: 0 5px; color: #fff; line-height: 35px; font-weight: bold; background: #8CAD00; height: 35px; } #content .calendar_results .select select { width: 120px; } #content .calendar_results a.year { float: left; margin-top: 3px; margin-right: 1px; padding: 0 15px; color: #fff; line-height: 35px; font-weight: bold; background: #8CAD00; height: 35px; } #content table.calendar_view { margin: 10px 0; border-collapse: collapse;width: 100%; } #content table.calendar_view th, #content table.calendar_view td { padding: 8px 10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #content table.calendar_view th { text-align: left; background: #E1E1E1; } #content table.calendar_view td { vertical-align: top; } #content table.calendar_view td.grey { background: #EAEAEA; } /* News */ #content .news .n { padding: 10px 0; } #content .news .n span.date { display: block; padding-top: 5px; font-weight: bold; } /* Contacts */ #content form.feedback { margin: 20px 0; } #content form.feedback .field { padding: 5px 20px 5px 0; float: left; } #content form.feedback .field label { display: block; } #content form.feedback .field input.text { width: 195px; } #content form.feedback .field textarea { width: 480px; } /* Photo */ #content .photos_preview .preview { overflow: hidden; float: left; margin: 5px 0 20px 0; width: 49.9%; height: 100px; } #content .gallery_view { position: relative; right: -9px; margin-left: -9px; } #content .gallery_view img { margin: 0 9px 10px 0; } /* ----------- Sidebar ----------- */ #leftside { float: left; margin-left: -100%; padding-left: 4px; width: 192px; } #rightside { float: left; margin-left: -220px; width: 217px; } /* .sidebar #left_nav li { position: relative; list-style: none; line-height: 28px; background: #8AAA00 url(../img/leftnav-bg.png) repeat-x 0 -1px; border-top: 1px solid #C5D580; height: 29px; } .sidebar #left_nav li:hover { background: #789301; } .sidebar #left_nav li a { display: block; padding-left: 20px; color: #fff; font-family: "Arial Narrow"; font-weight: bold; text-transform: uppercase; background: url(../img/leftnav-arrow.gif) no-repeat 10px center; height: 29px; } .sidebar #left_nav li.active { background: #789301; } .sidebar #left_nav li.active a { font-weight: normal; text-decoration: none; line-height: 29px; } .sidebar #left_nav li .sub { display: none; position: absolute; top: -1px; left: 182px; padding-left: 1px; } .sidebar #left_nav li:hover .sub { display: block; } .sidebar #left_nav li:hover .sub i { display: inline; white-space: nowrap; font-style: normal; } .sidebar #left_nav li:hover .sub i a { float: left; background: #789301; border-top: 1px solid #C5D580; width: 160px; } .sidebar #left_nav li:hover .sub i a:hover { background: #8AAA00; } .sidebar #left_nav li:hover .sub i:hover .sub { display: block; } */ .sidebar #left_nav li { position: relative; list-style: none; line-height: 28px; background: #8AAA00 url(../img/leftnav-bg.png) repeat-x 0 -1px; border-top: 1px solid #C5D580; height: 29px; } .sidebar #left_nav li:hover { background: #789301; } .sidebar #left_nav li a { display: block; padding-left: 20px; color: #fff; font-family: "Arial Narrow"; font-weight: bold; text-transform: uppercase; background: url(../img/leftnav-arrow.gif) no-repeat 10px center; height: 29px; } .sidebar #left_nav li ul { position: absolute; top: -9px; visibility: hidden; padding-left: 1px; width: 160px; } .sidebar #left_nav li ul li { background: #789301; } .sidebar #left_nav li ul li:hover { background: #8AAA00; } .sidebar #left_nav li.active { background: #789301; } .sidebar #left_nav li.active a { font-weight: normal; text-decoration: none; line-height: 29px; } .sidebar #left_nav li.active ul li a { font-weight: bold; text-decoration: underline; } .sidebar #left_nav li.active ul li.active { background: #8AAA00; } .sidebar #left_nav li.active ul li.active a { font-weight: normal; text-decoration: none; line-height: 29px; } .sidebar #left_nav1 li { position: relative; list-style: none; line-height: 28px; background: #8AAA00 url(../img/leftnav-bg.png) repeat-x 0 -1px; border-top: 1px solid #C5D580; height: 29px; } .sidebar #left_nav1 li:hover { background: #789301; } .sidebar #left_nav1 li a { display: block; padding-left: 20px; color: #fff; font-family: "Arial Narrow"; font-weight: bold; text-transform: uppercase; background: url(../img/leftnav-arrow.gif) no-repeat 10px center; height: 29px; } .sidebar #left_nav1 li ul { position: absolute; top: -9px; visibility: hidden; padding-left: 1px; width: 160px; } .sidebar #left_nav1 li ul li { background: #789301; } .sidebar #left_nav1 li ul li:hover { background: #8AAA00; } .sidebar #left_nav1 li.active { background: #789301; } .sidebar #left_nav1 li.active a { font-weight: normal; text-decoration: none; line-height: 29px; } .sidebar #left_nav1 li.active ul li a { font-weight: bold; text-decoration: underline; } .sidebar #left_nav1 li.active ul li.active { background: #8AAA00; } .sidebar #left_nav1 li.active ul li.active a { font-weight: normal; text-decoration: none; line-height: 29px; } .sidebar .sponsors { text-align: center; } .sidebar .partners { text-align: center; } .sidebar .links { text-align: center; } .sidebar .links a img { margin: 5px 0; border: 1px solid #EAEAEA; } .sidebar .links a:hover img { border-color: #ccc; } .sidebar .gallery { margin-right: -4px; } .sidebar .gallery img { float: left; margin: 0 1px 1px 0; } .sidebar .birthday { font-family: "Arial Narrow"; } .sidebar .birthday .birth { padding: 5px 0; } .sidebar .birthday .birth img { padding: 1px; border: 4px solid #F5F5F5; } .sidebar .birthday .birth big { display: block; padding-bottom: 10px; font-size: 1.5em; line-height: 1; } .sidebar .birthday .link { position: relative; height: 60px; } .sidebar .birthday .link a { float: right; color: #DDE3F4; line-height: 34px; text-align: center; text-transform: uppercase; background: #012DA9; width: 100px; height: 35px; } .sidebar .birthday .link .kusok { position: absolute; top: -25px; left: 40px; background: url(../img/kusok.png); width: 88px; height: 93px; } /* -------------------------------------------------------------------------------------------------------------------------------------- Footer -------------------------------------------------------------------------------------------------------------------------------------- */ #footer { position: absolute; bottom: 0; left: 0; color: #A6A6A6; background: #F7F7F7 url(../img/footer-bg.png) repeat-x 0 0; border-top: 1px solid #DADADA; width: 100%; height: 190px; } #footer a { color: #A6A6A6; } #footer_contacts { position: absolute; top: 42px; left: 220px; } #footer_contacts .phone { font-size: 2.5em; font-family: "Arial Narrow"; } #footer_contacts .phone small { display: block; font-size: 0.45em; } #footer_contacts .info { padding-top: 10px; } #footer_logo { position: absolute; top: 33px; left: 72px; font-family: "Arial Narrow"; text-align: center; } #footer_logo img { display: block; margin-bottom: 3px; } #footer_copyright { position: absolute; top: 40px; right: 30px; text-align: right; } #header_title { overflow: hidden; position: absolute; top: 102px; right: 0; padding: 10px 15px; color: #fff; font-size: 1.3em; font-weight: bold; line-height: 1.1; text-transform: uppercase; background: #0244D2; width: 227px; } #header_title span { display: block; padding-bottom: 2px; font-size: 0.9em; font-weight: normal; } #header_title_eng { overflow: hidden; position: absolute; top: 167px; right: 0; padding: 12px 15px 10px 15px; color: #fff; font-size: 1.2em; font-weight: bold; line-height: 1.1; text-transform: uppercase; background: #0244D2 url(/media/img/header_title_bg.gif) no-repeat center 0; width: 227px; } #content .advert_flash { text-align: center; height: 90px; } #content .advert_flash embed { margin-top: 15px; } .calendar-content {width:557px;margin:5px;} .calendar-content-top {background: none repeat scroll 0 0 #222;color:#fff;font:bold 11px arial;height:43px;float:left;margin:0 0 6px;padding:0 6px 0 12px;text-transform:uppercase;border:0 none;vertical-align:baseline;border-radius:6px 6px 6px 6px;width:539px;} .calendar-content-top-year {float:left;margin-top:9px;width:539px;} .calendar-content-top-year a {color:#999;text-decoration:none;} .calendar-content-top-year a:hover {color:#fff;} .calendar-content-top-year span {color:#fff} .calendar-content-table {background-color:#fff;border:1px solid #9f9f9f;float:left;margin-bottom:15px;overflow:hidden;padding:5px;width:545px;} .calendar-content-table h3 {padding:10px 0 0;color:#333;font:bold 14px arial;margin:8px 4px;text-transform:uppercase;} .calendar-content-table table {border-color:#a1a1a1;border-style:solid;border-width:1px 0 0;font-size:10px;width:545px;} .calendar-content-table table thead {color:#e0e0e0;font-weight:bold;background-color:#666;} .calendar-content-table table thead tr {border:0 none;margin:0;padding:0;} .calendar-content-table table thead th {border-width:0 1px 1px 0;min-width:15px;overflow:auto;padding:4px;vertical-align:middle;text-align:left;} .calendar-content-table table tbody tr {background-color:#fff;} .calendar-content-table table tbody td {border-left:1px solid #a1a1a1;padding:4px;text-transform:uppercase;border-bottom:1px solid #a1a1a1;} .btn {background: -moz-linear-gradient(center top , #C2C2C2 50%, #9D9D9D 50%) repeat scroll 0 0 transparent;border:medium none;border-radius:4px 4px 4px 4px;color:#333;display:inline;font:bold 9px/21px verdana !important;margin:4px 4px 0 0;padding:1px 10px 2px;text-transform:uppercase;white-space:nowrap;} .champs-list{margin-left:10px;padding:0;} /* Orbit Rotator styles */ .rtr-container {text-align:center;} /*.container { position: absolute; top: 50%; left: 50%; margin: -300px 0 0 -470px; }*/ .rtr-content { background: url(http://russwimming.ru/test/i/dummy-images/coffee.jpg); } .rtr-content h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; text-align: center; margin-top: 180px; color: #222; line-height: 50px; } .rtr-content h3 { text-align: center; font-size: 22px; color: #222; }