/******************************************************************************* * Стили для сайта ************************************************************ *******************************************************************************/ /****************** * colors ************** * #f58220 - оранжевый * **********************/ a:hover { text-decoration: none; } a { color: #f58220; } body { background: #db3329 url(../images/bg_gradient.jpg) repeat-x 0 0; text-align: center; font-size: 100%; } #bg-img { position: absolute; width: 100%; left: 0; height: 981px; top: 0; z-index: -1; background:transparent url(../images/bg.jpg) no-repeat scroll 50% 0; } #site-wrapper { margin: 0 auto; max-width: 1080px; min-width: 950px; overflow: hidden; position: relative; padding-top: 188px; min-height: 800px; width: 96%; text-align: left; } /*** Основной логотип сайта ****/ /*#logo { position: absolute; top: 20px; left: 50%; width: 304px; height: 148px; margin-left: -490px; }*/ #logo { position: absolute; top: 20px; left: 30px; width: 304px; height: 148px; } /*#ind { width: 337px; height: 169px; position: absolute; top: 19px; left: 50%; margin-left: -200px; }*/ #ind { position: absolute; bottom: 0; left: 3%; } /*** Подвал ****/ #footer { padding-top: 26px; color: #fff; position: relative; height: 120px; font-size: 0.875em; } #footer a { color: #fff; } #footer .copy { padding: 10px 0 0 44px; } #footer .contact { padding: 8px 0 0 60px; } #footer .sok { position: absolute; top: 26px; left: 40%; margin-left: -54px; width: 108px; height: 40px; } #footer .plusmedia { position: absolute; top: 26px; left: 98%; margin-left: -250px; padding: 34px 0 0 37px; font-size: 0.858em; } #footer .plusmedia div { font-size:11px; line-height:12px; } #footer .plusmedia img { position: absolute; top: 0; left: 0; } /*** Рамка-подложка ****/ #frame-wrap { padding: 61px 0; } .frame { position: relative; overflow: hidden; } .frame .corner { position: absolute; height: 122px; width: 122px; top: -61px; left: -61px; background: url(../images/corners_main.png) no-repeat 0 0; } .frame-index .corner { background: url(../images/corners_index.png) no-repeat 0 0; } .frame-black .corner { background: url(../images/corners_black.png) no-repeat 0 0; } .frame-command .corner { background: url(../images/corners_command.png) no-repeat 0 0; } .frame .corner-rt, .frame .corner-rb { left: 100%; margin-left: -61px; } .frame .corner-lt, .frame .corner-lb { width: 100%; } .frame .corner-rb, .frame .corner-lb { top: auto; } .frame .menu-top { position: absolute; top: 0; left: 100%; margin-left: -185px; height: 61px; width: 124px; background: url(../images/menu_top.jpg) no-repeat 0 0; } .frame-index .menu-top, .frame-black .menu-top { background: url(../images/menu_top_white.jpg) no-repeat 0 0; } .frame-bottom-corner { z-index: -1; } /*** Главное меню ****/ #menu-wrap { padding-bottom: 50px; position: absolute; top: 0; right: 10px; width: 175px; z-index: 3; } #menu-wrap .menu-bottom { background: url(../images/menu_bottom.png) no-repeat 0 bottom; height: 50px; width: 175px; position: absolute; bottom: 0; left: 0; } #menu-wrap .bg { background-color: #f58220; position: relative; height: 114px; margin-top: 61px; } #menu-wrap .bg-open { height: 200px; } #menu-wrap .menu { position: absolute; left: 37px; top: 35px; z-index: 10; } #menu-wrap ul li { font-size: 1.3em; padding-bottom: 12px; color: #000; } #menu-wrap ul li a { color: #fff; } #menu-wrap ul li ul { padding-top: 8px; } #menu-wrap ul li ul li { font-size: 0.7em; padding-bottom: 8px; padding-left: 18px; } #menu-wrap ul li.last { padding-bottom: 0; } #menu-wrap ul li a.active { color: #000; } /*** Контент ****/ #content { min-height: 600px; position: relative; } .content { border-left: 10px #f2f2f2 solid; border-right: 10px #f2f2f2 solid; background-color: #fff; } .content-index { border-left: 10px #fff solid; border-right: 10px #fff solid; background: #02b0ef url(../images/index_bg.jpg) repeat-x 0 0; } .content-black { border-left: 10px #fff solid; border-right: 10px #fff solid; background: #000 url(../images/media_icon.png) no-repeat 185px 0; } .content-black-inner { border-left: 10px #fff solid; border-right: 10px #fff solid; background: #000 url(); } /*** Заголовки ****/ h1 { font-size: 2.5em; font-family: Georgia; font-weight: normal; padding-left: 47px; } h1.white { color: #fff; } h1.black { color: #000; } h1 a { color: #f58220; } h2 { font-family: georgia; font-size: 1.75em; line-height: 1.2em; font-weight: normal; padding-left: 47px; } h2.white { color: #fff; } h3 { font-family: georgia; font-size: 1.375em; line-height: 1.3em; font-weight: normal; padding-bottom: 5px; } .text-content { padding: 0 220px 0 47px; z-index: 1; } .text-content p { font-family: arial; font-size: 0.875em; line-height: 1.6em; padding-bottom: 1em; } .text-history p { width: 72%; } .text-history { position: relative; } .text-history-intro { padding-top: 20px; } .text-history-intro p { font-family: georgia; font-size: 1.125em; line-height: 1.5em; } .text-content ol li { line-height: 24px; padding-bottom: 18px; } /*** Команда ****/ .content-command { background: #fff url(../images/team_bg_gradient.jpg) repeat-x 0 bottom; } .content-command-main { padding-bottom: 504px; } .command-bottom-bg { position: absolute; bottom: -24px; left: 0; width: 100%; height: 504px; z-index: 10; } .command-bottom-bg div { margin: 0 10px; background: url(../images/team_bg.jpg) no-repeat 50% 0; height: 504px; } #command-text-1 { font-family: georgia; font-size: 1.125em; line-height: 1.5em; padding-top: 20px; z-index: 0; } #command-text-2 { padding-top: 1em; } #command-achievements { font-family: georgia; font-size: 1.125em; line-height: 1.5em; padding-top: 6px; } #command-achievements-title { padding-top: 33px; } #command-awards-title { padding-top: 30px; margin-bottom: 4px; } #command-content-title { padding-top: 30px; } #command-content-list { overflow: hidden; } #command-content-list li { float: left; font-size: 1em; line-height: 1.4em; color: #f58220; } #command-content-list li a { color: #f58220; } .content-command-history { padding-bottom: 300px; } .command-bottom-bg-history { position: absolute; bottom: 0; left: 0; width: 100%; height: 896px; z-index: 0; } .command-bottom-bg-history div { margin: 0px 20px 0 10px; background: url(../images/team_history_bg.jpg) no-repeat right 0; height: 896px; } /*** Команда - состав ****/ .content-command-content { background: #fff url(); } .content-command-content .name { font-family: georgia; font-size: 2.5em; padding-bottom: 10px; } .content-command-content .intro p { font-family: georgia; font-size: 1em; line-height: 1.6em; color: #666; padding-bottom: 0.5em; } .content-command-content .text-content p { width: 78%; } .content-command-content .photo { position: absolute; top: 300px; right: 40px; } .content-command-content .photo img { } .content-command-content h4 { font-size: 1.375em; font-family: georgia; padding-left: 47px; padding-bottom: 15px; } /*** Baloon ****/ .baloon-wrap { overflow: hidden; position: relative; padding-right: 100px; } .baloon-wrap .face-wrap { position: absolute; right: 0; bottom: 0; } .baloon-wrap .text-wrap { font-family: arial; font-size: 0.875em; position: relative; overflow: hidden; padding: 16px 0; } .baloon-wrap .text-wrap .text { padding: 4px 20px; } .baloon-wrap .connect { position: absolute; top: 50px; right: 76px; width: 24px; height: 19px; } .baloon-wrap .corner { position: absolute; height: 32px; width: 32px; top: -16px; left: -16px; background: url(../images/baloons/corners_1.png) no-repeat 0 0; } .baloon-wrap .corner-rt, .baloon-wrap .corner-rb { left: 100%; margin-left: -16px; } .baloon-wrap .corner-lt, .baloon-wrap .corner-lb { width: 100%; } .baloon-wrap .corner-rb, .baloon-wrap .corner-lb { top: auto; } .baloon-color-1 .connect { background: url(../images/baloons/connect_1.png) no-repeat 0 0; } .baloon-color-1 .corner { background: url(../images/baloons/corners_1.png) no-repeat 0 0; } .baloon-color-1 .text { background-color: #7a3cae; color: #fff; line-height: 1.5em; } .baloon-color-2 .connect { background: url(../images/baloons/connect_2.png) no-repeat 0 0; } .baloon-color-2 .corner { background: url(../images/baloons/corners_2.png) no-repeat 0 0; } .baloon-color-2 .text { background-color: #37b9b3; color: #fff; line-height: 1.5em; } .baloon-color-3 .connect { background: url(../images/baloons/connect_3.png) no-repeat 0 0; } .baloon-color-3 .corner { background: url(../images/baloons/corners_3.png) no-repeat 0 0; } .baloon-color-3 .text { background-color: #f74769; color: #fff; line-height: 1.5em; } .baloon-color-4 .connect { background: url(../images/baloons/connect_4.png) no-repeat 0 0; } .baloon-color-4 .corner { background: url(../images/baloons/corners_4.png) no-repeat 0 0; } .baloon-color-4 .text { background-color: #2473e9; color: #fff; line-height: 1.5em; } .baloon-color-5 .connect { background: url(../images/baloons/connect_5.png) no-repeat 0 0; } .baloon-color-5 .corner { background: url(../images/baloons/corners_5.png) no-repeat 0 0; } .baloon-color-5 .text { background-color: #008a42; color: #fff; line-height: 1.5em; } .baloon-wrap .face-wrap { text-align: center; position: absolute; right: 0; top: 0; z-index: 2; } .baloon-wrap .face-wrap div { padding-top: 3px; } .baloon-wrap .face-wrap .face-name { font-family: arial; font-size: 0.875em; line-height: 1.2em; color: #f58220; } .baloon-wrap .face-wrap .rotate { position: absolute; top: 0; right: 0; } /*** Comments ****/ #comments-header { margin: 50px 0 0 27px; position: relative; width: 65%; } #comments-header div.inner { font-family: georgia; font-size: 1.875em; padding: 0 0 3px 20px; background: url(../images/comments_closed.png) no-repeat 0 14px; position: relative; } #comments-header div.inner-not-active { background: url(../images/comments_closed_disabled.png) no-repeat 0 14px; } #comments-header div.open { background: url(../images/comments_open.png) no-repeat 0 14px; } #comments-header div a { color: #f58220; text-decoration: none; border-bottom: 1px #f58220 dashed; } #comments-header .auth { position: absolute; top: 6px; right: 0; z-index: 10; font-size: 0.75em; line-height: 1.3em; color: #808080; } #comments-header .not-active { color: #b2b2b2; border-bottom: 1px #b2b2b2 dashed; cursor: default; } #comments-wrap { padding: 30px 0 20px 47px; width: 65%; } #comments-wrap li { margin-bottom: 20px; overflow: hidden; } #comments-wrap li .author-wrap { float: left; width: 107px; padding-top: 16px; } #comments-wrap li .text-wrap { margin-left: 107px; position: relative; padding-left: 23px; } #comments-wrap li .author-wrap .author-name { font-weight: bold; font-size: 0.875em; } #comments-wrap li .author-wrap .date { font-size: 0.75em; color: #808080; padding-top: 7px; } #comments-wrap li .text-wrap .connect { position: absolute; top: 14px; left: 0; width: 25px; height: 21px; background: url(../images/comment_connect_1.gif) no-repeat 0 0; z-index: 20; } #comments-wrap li .text-wrap .corners-wrap { position: relative; padding: 15px 0; overflow: hidden; } #comments-wrap .corner { position: absolute; height: 30px; width: 30px; top: -15px; left: -15px; background: url(../images/comments_star_1.png) no-repeat 0 0; } #comments-wrap .corner-rt, #comments-wrap .corner-rb { left: 100%; margin-left: -15px; } #comments-wrap .corner-lt, #comments-wrap .corner-lb { width: 100%; } #comments-wrap .corner-rb, #comments-wrap .corner-lb { top: auto; } #comments-wrap li .text-wrap .corners-wrap .inner { border-right: 2px #e8e8e8 solid; border-left: 2px #e8e8e8 solid; font-size: 0.875em; line-height: 1.3em; padding: 3px 27px; } #comments-wrap .new .corner { background: url(../images/comments_star_new.png) no-repeat 0 0; } #comments-wrap li.new .connect { background: url(../images/comment_connect_new.gif) no-repeat 0 0; } #comments-wrap li.new form { border-right: 2px #f58220 solid; border-left: 2px #f58220 solid; font-size: 14px; padding: 3px 27px; } #comments-wrap li.new form textarea { display: block; width: 100%; border: 0; font-size:14px; height:36px; overflow: auto; } #comments-wrap li.new .submit-link { font-size: 1.3em; padding: 5px 0 4px 27px; } #comments-wrap li.new .submit-link a, #comments-wrap li.new .submit-link span { color: #f58220; font-size:13px; } #comments-wrap li.new .submit-link span { border-bottom:1px dashed; cursor:pointer; } #comments-wrap .comments-black .author-wrap .author-name { color: #e5e5e5; } #comments-wrap .comments-black li .text-wrap .connect { background: url(../images/comment_connect_1_b.gif) no-repeat 0 0; } #comments-wrap .comments-black li.new .connect { background: url(../images/comment_connect_new_b.gif) no-repeat 0 0; } #comments-wrap .comments-black .corner { background: url(../images/comments_star_1_b.png) no-repeat 0 0; } #comments-wrap .comments-black .new .corner { background: url(../images/comments_star_new_b.png) no-repeat 0 0; } #comments-wrap .comments-black li.new form { border-right: 2px #4d4d4d solid; border-left: 2px #4d4d4d solid; } #comments-wrap .comments-black li.new form textarea { background-color: #000; color: #ccc; } #comments-wrap .comments-black li .text-wrap .corners-wrap .inner { border-right: 2px #141414 solid; border-left: 2px #141414 solid; background-color: #141414; color: #ccc; } /*** Pagination ****/ #pagination { overflow: hidden; font-family: arial; padding-left: 47px; margin-top: 20px; z-index: 1000; position: relative; clear: both; zoom: 1; } #pagination div, #pagination ul { float: left; } #pagination div.pages { font-size: 1.125em; padding-top: 3px; } #pagination div.hint { clear: both; font-size: 0.875em; padding-top: 11px; padding-left: 76px; } #pagination div.hint .ctrl-right { padding-left: 10px; } #pagination div.hint div { padding-bottom: 2px; } #pagination ul { overflow: hidden; } #pagination ul li { float: left; margin-left: 12px; font-size: 1em; padding: 3px 0; } #pagination ul li a { color: #f58220; } #pagination ul li.active { padding: 3px 4px; } .pagination-white .pages { color: #000; } .pagination-white .hint { color: #b2b2b2; } .pagination-white li.active { background-color: #000; color: #fff; } .pagination-white li { color: #000; } .pagination-white .hint a { color: #000; } .pagination-black .pages, .pagination-black .hint { color: #ccc; } .pagination-black li.active { background-color: #f58220; color: #000; } .pagination-black li { color: #fff; } .pagination-black .hint a { color: #fff; } /*** Контактная информация ****/ #contacts-list { font-family: arial; padding: 40px 0 0 47px; z-index:2; position: relative; } #contacts-list li { padding-bottom: 40px; width: 60%; } #contacts-list li.c-3, #contacts-list li.c-4, #contacts-list li.c-5 { width: 46%; } #contacts-list .name { font-size: 1.375em; } #contacts-list .about { font-size: 0.875em; padding: 3px 0 12px; line-height: 1.4em; } #contacts-list .phone, #contacts-list .email { font-size: 1.125em; } #contacts-list .phone { padding: 0 0 4px 19px; margin-left: -19px; background: url(../images/icon_phone.gif) no-repeat 0 3px; } #contacts-list .email { padding: 0 0 0 19px; margin-left: -19px; position:relative; } #contacts-list .email img { position: absolute; top: 3px; left: 0px; } #contacts-list .email a, .contacts-office a { color: #f58220; } .contacts-office { background: url(../images/contacts_line.gif) no-repeat 0 0; margin-left: 47px; } .contacts-office .title { font-size: 1.125em; padding: 11px 0 10px; } .contacts-office p { font-size: 0.875em; line-height: 1.4em; } .contacts-image { width: 487px; height: 352px; position: absolute; bottom: 24px; right: 27px; z-index: 1; } /*** Уголок пользователя ****/ #auth-user { position: absolute; top: 0; height: 188px; right: 0; } .auth-not-logged-in { background: url(../images/auth_not_logged_in.png) no-repeat left bottom; width: 290px; } .auth-logged-in { background: url(../images/auth_logged_in.png) no-repeat left bottom; width: 320px; } #auth-user .auth-baloon { position: relative; overflow: hidden; padding: 15px 0; margin-top: 40px; } .auth-not-logged-in .auth-baloon { margin-left: 80px; } .auth-logged-in .auth-baloon { margin-left: 120px; } #auth-user .auth-baloon .corner { position: absolute; height: 30px; width: 30px; top: -15px; left: -15px; background: url(../images/auth_star.png) no-repeat 0 0; } #auth-user .auth-baloon .corner-rt, #auth-user .auth-baloon .corner-rb { left: 100%; margin-left: -15px; } #auth-user .auth-baloon .corner-lt, #auth-user .auth-baloon .corner-lb { width: 100%; } #auth-user .auth-baloon .corner-rb, #auth-user .auth-baloon .corner-lb { top: auto; } #auth-user .auth-baloon .text { background-color: #fff; font-size: 0.75em; line-height: 1.2em; padding-right: 5px; padding-bottom: 3px; } .auth-not-logged-in .text { padding-left: 33px; background: url(../images/auth_login_icon.png) no-repeat 10px center; } .auth-not-logged-in .connect { margin-left: 90px; } .auth-logged-in .connect { margin-left: 120px; } .auth-logged-in .text { padding-left: 12px; } /*** События ****/ .text-events { font-family: georgia; font-size: 1.125em; line-height: 1.4em; color: #333; padding-bottom: 37px; padding-top: 10px; position: relative; z-index: 0; } #events-tags { background-color: #fffcd5; padding: 20px 20px 20px 47px; position: relative; width: 65%; margin-bottom: 40px; } #events-tags ul { overflow: hidden; margin-right: 30px; } #events-tags li { float: left; margin-right: 1.2em; font-size: 1em; line-height: 1.3em; padding-bottom: 2px; } #events-tags .rss { position: absolute; top: 23px; right: 20px; font-size: 0.875em; padding-left: 25px; } #events-tags .rss a { color: #000; } #events-tags .rss img { position: absolute; top: 1px; left: 3px; } #events { width: 100%; position: relative; } #events li { overflow: hidden; padding-bottom: 35px; padding-right: 47px; width:100%; } #events li .event-photo { width: 220px; height: 108px; float: right; background: url(../images/event_item_bg.png) no-repeat 0 30px; text-align: center; padding-top: 15px; } #events li .event-photo-empty { width: 220px; height: 108px; float: right; text-align: center; padding-top: 15px; } #events li .event-photo img { display: inline; } #events li .text { margin-right: 220px; padding-left: 47px; position: relative; padding-right: 20px; } #events li .text h3 { padding-bottom: 10px; } #events li .text p { font-size: 0.875em; line-height: 1.6em; } #events li .text .tags { overflow: hidden; margin-right: 15px; float: left; } #events li .text .tags li { float: left; padding-bottom: 5px; margin-bottom: 0; } #events li .text .date { float: left; color: #666; } #events li .text .info { font-size: 0.72em; padding: 10px 100px 10px 0; overflow:hidden; } #events li .text .info a { color: #000; } #events li .text .comments { position: absolute; right: 20px; bottom: 0; } .event-footer { color: #808080; font-size: 1em; padding-top: 10px; border-top: 1px #cccccc solid; font-style: italic; margin-left: 47px; width: 65%; } .event-text, .event-footer { width: 65%; } .event-text { line-height: 1.2em; } .event-text ol { margin-left:10px; } .event-text ol li { list-style-type: decimal; list-style-position: outside; font-size:0.875em; line-height: 1.6em; padding-bottom:0.5em; margin-left:20px; } .event-text ul li { list-style-position: outside; font-size:0.875em; line-height: 1.6em; padding-bottom:0.5em; padding-left:25px; background: url(../images/ul_li_marker.png) no-repeat 0 10px; } .event-text h3 { color:#757214; font-size:22px; padding-bottom:5px; } .event-text h2 { color:#757214; font-size:28px; padding-bottom:5px; } .img-slider { background-color: #fffcd5; width: 65%; margin: 10px 0 10px 42px; } .img-slider .large { width: 100%; } .img-slider .large .photo-wrap { padding: 10px; } .img-slider .large .photo-wrap img { width:100%; } .img-slider .thumbs { padding: 10px; overflow: hidden; } .img-slider .thumbs li { float: left; margin-right: 5px; } .img-slider .thumbs li img { border: 5px #e6e6e6 solid; } .img-slider .thumbs li a:hover img { border: 5px #f58220 solid; } .img-slider .thumbs li.active a { cursor: default; } .img-slider .thumbs li.active img { border: 5px #f58220 solid; } .img-slider .loader { position: absolute; right: 10px; bottom: 10px; } /*** Диалоги ****/ .dialog-shade { position: fixed; height: 100%; width: 100%; background-color: #000; opacity: 0.85; top: 0; left: 0; z-index: 20; } .dialog-wrap { position: fixed; top: 50%; left: 50%; z-index: 30; } .dialog-wrap .dialog-content { border: 10px #fff solid; position: relative; } .dialog-wrap .dialog-close { position: absolute; top: -46px; right: -46px; width: 41px; height: 41px; z-index: 31; } .dialog-wrap .dialog-close img { background:url(../images/dialog_close.png) no-repeat 0 0; width:41px; height:41px; } .dialog-content form { background-color: #ffa632; } .dialog-content form fieldset { padding: 35px 15px 0; position: relative; } .dialog-content form label { width: 90px; float: left; height: 25px; font-size: 1.125em; color: #fff; } .dialog-content form input { width: 225px; } .dialog-content form .info { color: #000; font-style: italic; font-size: 0.75em; padding-top: 5px; padding-left: 107px; text-align: left; } .dialog-content form .error { color: #000; font-style: italic; font-size: 0.875em; padding-top: 5px; padding-left: 107px; padding-bottom: 5px; color: #fff; text-align: left; } .dialog-content form.success { background: #ffa632 url(../images/reg_success.jpg) no-repeat left bottom; text-align: left; } /*** Логин ****/ #login-form { background: #ffa632 url(../images/login_kolchin.jpg) no-repeat left bottom; padding-bottom: 250px; position: relative; } #login-form label { width: 90px; float: left; height: 25px; font-size: 1.125em; color: #fff; } #login-form input { width: 225px; } #login-form div { overflow: hidden; } #login-form .login-btn { position: absolute; bottom: 195px; right: 45px; width: 83px; height: 36px; background: url(../images/login_btn.png) no-repeat 0 0; } #login-form .login-btn-active { background: url(../images/login_btn.png) no-repeat -83px 0; } #login-form .forget-link { text-align: left; padding-left: 107px; font-size: 0.875em; padding-top: 4px; padding-bottom: 2px; } #login-form .forget-link a { color: #fff; } #forget-pass-form { position: relative; } #forget-pass-form .info { color: #000; font-style: italic; font-size: 0.875em; padding-top: 3px; padding-left: 107px; text-align: left; } #forget-pass-form { background: #ffa632 url(../images/login_kolchin.jpg) no-repeat left bottom; padding-bottom: 240px; position: relative; } #forget-pass-form .fp-btn { position: absolute; bottom: 192px; right: 10px; width: 157px; height: 36px; background: url(../images/login_btn_lost.png) no-repeat 0 0; } #forget-pass-form .fp-btn-active { background: url(../images/login_btn_lost.png) no-repeat -157px 0; } #login-form .loader, #forget-pass-form .loader { position: absolute; right: 10px; bottom: 10px; } #reg-form { } .reg-btn { position: absolute; right: 20px; bottom: 195px; } .reg-form-new { background: #ffa632 url(../images/login_kolchin.jpg) no-repeat left bottom; padding-bottom: 250px; } .reg-form-success { background: url(../images/reg_success.jpg) no-repeat center bottom; padding:35px 30px 210px; } #reg-form .form-success { font-size: 0.875em; line-height: 1.4em; } #reg-form .reg-btn { position: absolute; bottom: 192px; right: 10px; width: 189px; height: 36px; background: url(../images/reg_btn.png) no-repeat 0 0; } #reg-form .reg-btn-active { background: url(../images/reg_btn.png) no-repeat -189px 0; } /*** Медиа ****/ .media-intro { color: #cccccc; font-size: 1.125em; line-height: 1.4em; font-family: Georgia; width: 71%; padding: 20px 0 20px 47px; } #audio-list { width: 76%; overflow: hidden; margin-left: 47px; margin-top: 25px; } #audio-list li { width: 37%; float: left; height: 80px; padding: 10px 0 0 70px; position: relative; font-size: 0.875em; line-height: 1.3em; margin-right: 20px; } #audio-list li .file { color: #a6ce39; } #audio-list li .info { color: #ccc; font-style: italic; padding-top: 5px; } #audio-list li .play { position: absolute; top: 0; left: 0; } .video-one-header { color: #fffcd5; font-size: 1.375em; line-height: 1.3em; margin-top: 30px; } #media-video { margin-left: 47px; padding-top: 20px; } #media-video .nav { float: right; } .index-text-1, .index-text-2 { width: 44%; margin-left: 47px; z-index: 1; position: relative; } .index-text-1 { font-family: georgia; font-size: 1.125em; line-height: 1.4em; padding: 1em 0 0.8em; } .index-text-2 { font-family: arial; font-size: 0.875em; line-height: 1.7em; } #index-events-wrap { float: left; width: 78%; margin-right: 1px; position: relative; } #index-spacer { width: 1px; height: 330px; float: right; } .index-events-header { padding-top: 1.2em } .index-events-header a { color: #fff; } .index-events { padding-top: 10px; } .index-events li { font-size: 0.875em; line-height: 1.5em; margin-bottom: 10px; } .index-events li a { color: #000; } #index-media { width: 200px; position: absolute; top: 460px; right: 85px; padding-left: 110px; } #index-media img { position: absolute; top: 0; left: 0; } #index-media a { font-size: 1.375em; font-family: Georgia; color: #fff; } #index-media p { font-size: 0.875em; line-height: 1.5em; font-style: italic; padding-top: 7px; } #index-command { clear: both; padding-top: 40px; } #index-command a { color: #fff; } #index-command h2 { padding-bottom: 15px; } #index-kolchin { width: 540px; height: 450px; position: absolute; z-index: 0; top: 0; right: 74px; } #index-header1 { position: relative; width: 52%; z-index: 2; } #index-slider-info { padding-top: 20px; font-size: 1.375em; font-family: georgia; text-align: right; padding-right: 47px; } #index-slider-info a { color: #fff; } #content-slider { width: 50%; height: 6px; margin: 5px; background: #BBBBBB; position: relative; } #content-scroll { width: 50%; height: 100px; margin-top: 10px; overflow: hidden; border: solid 1px black; } #content-holder { width: 1500px; height: 270px; } .content-item { width: 290px; height: 270px; padding: 5px; float: left; } /*** Слайдер ****/ #slider-scroller { height: 1px; margin: 5px; position: relative; margin: 0 50px 0 60px; z-index: 2; } .ui-slider-handle { width: 30px; height: 16px; position: absolute; top: -8px; background: #478AFF; overflow: hidden; background: url(../images/scroll_bars.png) no-repeat 0 0; } .slider-scroller-black { background-color: #666; } .slider-scroller-black a { background: url(../images/scroll_bars.png) no-repeat 0 -32px; } .slider-scroller-white { background-color: #d5d5d5; } .slider-scroller-white a { background: url(../images/scroll_bars.png) no-repeat 0 -16px; } .slider-scroller-blue { background-color: #99dff9; } .slider-scroller-blue a { background: url(../images/scroll_bars.png) no-repeat 0 0; } .slider-scroller-grad { background-color: #a9a1ff; } .slider-scroller-grad a { background: url(../images/scroll_bar_grad.png) no-repeat 0 0; } .slider-scroller-photo { height: 1px; margin: 5px; background: #BBBBBB; position: relative; margin: 0 70px 0 60px; } .slider-wrap { overflow: hidden; margin-left: 0px; margin-right: 0px; margin-bottom: 17px; height: 100px; position: relative; } .slider-wrap .inner { height: 100px; width: 1500px; white-space: nowrap; padding: 0 45px; } .slider-wrap img { border: 10px #e6e6e6 solid; margin-right: 10px; } .slider-wrap a:hover img { border: 10px #f58220 solid; } .slider-photo img { border: 10px #1a1a1a solid; } .slider-photo a:hover img { border: 10px #fff solid; } .slider-photo .active img { border: 10px #fff solid; } .slider-wrap ul li { float: left; } .slider-wrap .slider-video { height: auto; } .slider-wrap .slider-video ul { overflow: hidden; } .slider-wrap .slider-video ul li { width: 140px; margin-right: 10px; position: relative; } .slider-wrap .slider-video ul li img { border: 10px #1a1a1a solid; margin-right: 0; } .slider-wrap .slider-video ul li .link { font-size: 0.75em; line-height: 1.3em; padding: 4px 10px 0; white-space: normal; color: #fff; } .slider-wrap .slider-video .link a { color: #00aeef; white-space: normal; } .slider-wrap .slider-video ul li a:hover img { border: 10px #fff solid; } .slider-wrap .slider-video .active img { border: 10px #fff solid; } .slider-wrap .slider-video .comments-count { position: absolute; top: 73px; bottom: auto; right: 10px; color: #fff; background-color: #000; font-size: 13px; padding: 2px 3px 2px 12px; } .slider-wrap .slider-video .comments-count img { top: 5px; left: 2px; border: 0; margin: 0; z-index: 5; width: 7px; height: 8px; margin-right: 0; position: absolute; } .slider-wrap .slider-video .active .comments-count img { border: 0; } .slider-fades-wrap { position: relative; } .slider-fades-wrap .fade { width: 60px; height: 160px; position: absolute; top: 0; z-index: 3; } .slider-fades-wrap .left-fade { left: 0px; background: url(../images/scroller_fade_left_white.png) no-repeat 0 0; } .slider-fades-wrap .right-fade { left: -60px; margin-left: 100%; background: url(../images/scroller_fade_right_white.png) no-repeat 0 0; } .slider-fades-wrap .fade-black { height: 160px; } .slider-fades-wrap .left-fade-black { left: 0px; background: url(../images/scroller_fade_left_black.png) repeat-y 0 0; } .slider-fades-wrap .right-fade-black { left: -60px; margin-left: 100%; background: url(../images/scroller_fade_right_black.png) repeat-y 0 0; } .slider-fades-wrap .left-fade-blue { left: 0px; background: url(../images/scroller_fade_left_blue.png) no-repeat 0 0; } .slider-fades-wrap .right-fade-blue { left: -60px; margin-left: 100%; background: url(../images/scroller_fade_right_blue.png) no-repeat 0 0; } .slider-fades-wrap .left-fade-grad { left: 0px; background: url(../images/scroller_fade_left_gradient.png) no-repeat 0 0; } .slider-fades-wrap .right-fade-grad { left: -60px; margin-left: 100%; background: url(../images/scroller_fade_right_gradient.png) no-repeat 0 0; } .slider-wrap .comments-count { position: absolute; bottom: 10px; right: 20px; color: #fff; background-color: #000; font-size: 13px; padding: 2px 3px 2px 12px; } .slider-wrap .comments-count img { top: 5px; left: 2px; border: 0; margin: 0; z-index: 5; width: 7px; height: 8px; margin-right: 0; position: absolute; } /*** Фото ****/ .large-photo-wrap { background-color: #1a1a1a; padding: 10px 20px; width: 71%; margin-left: 47px; margin-top: 30px; text-align: center; } .large-photo-nav { padding: 0 20px; width: 71%; margin-left: 47px; overflow: hidden; margin-top: 5px; } .large-photo-nav div div { float: right; font-size: 0.875em; color: #4c4c4c; padding-bottom: 2px; } .large-photo-nav .next { margin-left: 12px; } .first-season { background: #2cb1ff url(../images/photo_move.jpg) no-repeat right center; height: 283px; } .first-season .grad-wrap { height: 283px; background: url(../images/photo_gradient.jpg) repeat-y 0 0; } .first-season h2 { padding-top: 15px; } .first-season .slider-video .link a { color: #fff; } .first-season .slider-video ul li img { border: 10px #E6E6E6 solid; } .first-season .slider-video ul li a:hover img { border: 10px #F58220 solid; } /*** магазин ****/ .shop-contacts { padding-left: 47px; } .shop-contacts .phone, .shop-contacts .email { font-size: 1.125em; } .shop-contacts .phone { padding: 0 0 4px 19px; margin-left: -19px; background: url(../images/icon_phone.gif) no-repeat 0 3px; } .shop-contacts .email { padding: 0 0 0 19px; margin-left: -19px; background: url(../images/icon_email.gif) no-repeat 0 3px; } .shop-contacts .email a { color: #f58220; } .text_g { font-family: georgia; font-size: 1.125em; line-height: 1.5em; } .text_a { font-family: arial; font-size: 0.875em; line-height: 1.7em; }