body { background: white url('/f/1/global/bg.png'); margin: 0; padding: 0; width: 100%; color: black;} body, td { font: 125% 'Times New Roman', serif; } a:link { color: #0082dd; } a:hover {color: #cd272e;} img { border: none; } u { text-decoration: none; border-bottom: 1px dashed; cursor: pointer; } .pseudo { border-bottom: 1px dashed; color: #0082dd; cursor: pointer; } /* Верхний баннер */ .top_news table {width: auto; } .top_news { background: #bbd77e; text-align: center; padding: 0 2%; } .top_news td { padding: 0; margin: 0; font-size: 80%; color: #5c5c5c; } .top_news td div { padding: 0.8em 0 0.8em 50px; overflow: hidden; position: relative; border-left: 1px solid #bbd77e; } .top_news td div zspan.preview { top: 0; height: 1.2em; } .top_news td div img { position: absolute; top: 0; left: 0; } .outer {position: relative;} #layout {padding: 5px 0 18px 0; background: url('/f/1/global/layout_shadow.png') no-repeat;position:relative} #layout_inner { width: 100%; position:relative; min-width: 990px;} div.narrow { padding: 0 2%; } .wf { width: 100%; } /* Шапка */ #head { width: 96%; margin: 0 2% 25px 2%; } #head td { padding: 0; } #head ul { list-style: none; margin: 0; padding: 0; } #head .leechy {width: 1%;} #head .leechy .msr {width: 30px;} #head .author_programs .leechy {background-color: #F9F3CF;} #head .menu .contacts a {margin-right:0; color: black;} #head .menu .contacts a:hover, .presents a:hover { color: #FF3300;} #head .menu .contacts table {width: auto;} /* Ячейка логотипа */ /* #logo_cell * {display: none;}*/ #logo_cell, .presents { padding: 0 40px 0 0; } #head .msr { font-size:1px; height:1px; width:190px; } .presents p { position: relative; line-height: 1.13em; left: -8px; padding: 0 0 0 35px; margin: .7em 0 10px 0; font-size: 70%; width: 80%; background: url('/f/1/global/logo_presents.gif') no-repeat;} .presents a { color: black; } #logo { left:50%; margin:0; position:relative; width:50%; top: 20px;} #logo a, #logo b { position: relative; display: block; } #logo span { position: absolute; top: -29px; left: -72px; width: 100px; text-align: right; } #logo_cell {background-color: none; text-align: center;} #logo_cell .phone {margin-top: 0.2em;} /*#head #logo_cell {padding-top: 20px;}*/ #logo_cell h2 { font-size: 95%; font-weight: normal; margin: 20px 50px 0 50px; color: #cd272e; text-align: center; position: absolute; width: 10%;} #logo_cell h2 u {border-bottom: none; line-height: 16pt; font-weight: bold; } #sys_icons { position:relative; margin: 0; padding: 0;} #sys_icons span {position:absolute; top: 0; left: -7px; z-index: 2;} #sys_icons span * {display: block;} /* Главное меню */ #head .menu { font: 82% Arial, sans-serif; padding: 3px 0 10px 0; } #head .menu table { z-index: 2; position: relative; } #head .menu li { margin: 5px 25px 0.8em 0; } #head .menu a { color: #d8371c; margin-right: 0.4em;} #head .menu a:hover {color: black;} #head .menu b, #head .menu a.selected { color: black; } #head .menu table td { font-size: 85%; } #head .menu table td .msr {width: 200px;} #head .menu table td.middle_column .msr {width: 190px;} #head .menu table td.last_column .msr {width: 130px;} #head .menu i { font-style: normal; color: #6c6c6c; font-size: 95%; } #head .menu b i { font-style: normal; color: black; font-weight: normal; font-size: 95%; } /* Телефоны и форма поиска */ /*#head .contacts { padding: 0.2em 0 10px 0; }*/ #head .contacts table td {padding-right: 8px; vertical-align: middle;} #head .contacts p { font-size: 70%; /*margin: 0 0 0.3em 0; */} #head .phone {font-size: 87%; position: absolute; padding: 0 30px; display: block; top: -16px; line-height: 1.1em;} #head a.phone:visited {color: #0082dd;} #head a.phone:hover {color: #CD272E;} #head b.phone {font-weight: normal;} #head .phone span {white-space: nowrap; font-size: 115%;} .contacts form { margin: 0.4em 0 0.2em 0; } #head #logo_cell .logo_link {position: relative;} #head #logo_cell .logo_link img {position: relative; top: -17px;} /* Програмное меню */ #head .program_menu td {padding-right: 15px; width: 23%;} #head .program_menu li { padding: 4px 0; font-size: 85%; } li.with_icon {position: relative;} li.with_icon img {position: absolute; top: -0.1em; } #head .program_menu a:visited, #head .program_title a:visited, #head .program_menu a, #head .program_title a {color: #0096ff;} #head .program_menu a:hover, #head .program_title a:hover {color: #cd272e;} #head .program_menu a.selected, #head .program_title a.selected {color: #cd272e; } #head .program_menu a.selected:hover, #head .program_title a.selected:hover {color:black;} #head .program_menu li b {color: #cd272e; font-weight: normal;} #head .program_menu td {background-color: #f9f3cf;} #head .program_title { padding: 0.2em 40px 0.2em 0; background: #f9f3cf;} #head .program_title h3 { font-weight: normal; font-size: 130%; margin: 0; float: left; margin-right: 30px; } #head .program_title b {font-weight: normal; color: #cd272e; } /*#head .program_title div, #head .program_menu div { background: #f9f3cf;}*/ #head .program_menu div { height: 100%; padding-bottom: 15px;} #head .program_title .favourites {color: #cd272e; padding-left: 17px; background: url('/f/1/global/favourite.gif') left 0.3em no-repeat; font-size: 65%; font-family: Arial, sans-serif; line-height: 2.5em;} .parties .shield p.fav_link { margin-top: 0; margin-bottom: 0; font: 66% Arial, sans-serif; } .favourite_add { background: url('/f/1/global/favourite_add.gif') left 0.3em no-repeat; } .favourite_remove { background: url('/f/1/global/favourite_remove.gif') left 0.3em no-repeat; } .favourite_add, .favourite_remove { padding-left: 20px; } .parties .shield p.fav_link .favourite_add, .parties .shield p.fav_link .favourite_remove { background-position: left center; } .favourite_add, .favourite_remove, .favourite_add .pseudo, .favourite_remove .pseudo { color: #cd272e; } .top_pictures div { height: 42px; position: absolute; line-height: 1px; width: 100%; top: 0;} .bottom_pictures div {height: 32px; position: absolute; line-height: 1px; width: 100%; top: 0;} .top_pictures td, .bottom_pictures td {height: 1px; font-size: 1px; vertical-align: bottom:} .top_pictures .ornament_container {/*margin-left: -30px;*/ height: 1px; position: relative; width: auto; zoom: 1; top: -41px;} .bottom_pictures .ornament_container {/*margin-left: -30px;*/ height: 1px; position: relative; width: auto; top: 0;} /* Картинка рядом с програмным меню */ .head_photo { background: #f9f3cf;} .head_photo div { position: relative; left: -9px; width: 149px; height: 92px; margin: 12px 20px 0 0; background: url('/f/1/global/head_photo_bg.png') no-repeat; } td.head_photo {width: 12%;} td.head_photo div {width: 135px;} .head_photo div img { margin: 5px 9px; cursor: pointer; } .head_photo p { margin: 5px 30px 0.8em 8px; font-size: 70%; } /* Меню второго уровня */ .subnavigation {width: 70%; color: #919191; position: relative; z-index: 2; margin-bottom: 0.5em;} .subnavigation a, .subnavigation b {padding: 3px 7px; white-space: nowrap; margin-bottom: 0.3em; display: inline-block; font: 76% Arial, sans-serif; } .subnavigation a.selected, .subnavigation b { color: #cd272e; border: 1px solid #cd272e; font-weight: normal; _padding: 1px 3px;} /* Подвал */ #footer {border-top: 2px solid #999999; margin: 3em 2% 0 2%; padding-top: 0.5em; font-size: 90%;} #footer p {margin: 0.2em 0 0.2em 3.3em; } #footer p.copyright {margin-bottom: 0.5em; margin-left: 3.3em; text-indent: -3.3em;} #footer .search {float: right; margin-top: 0.6em;} #footer .search form {margin-bottom: 0.5em;} #footer .search p {margin-left: 0; width: auto;} #copyright { float: left; width: 37%;} #copyright p { width: auto; margin-top:0;margin-bottom:0} #counters { float: left; margin: 5px 0 0 40px; width: 30%; } #counters img { margin: 0 3px 3px 0; } #made_in{float:right;font-size:80%;margin-right:20px;padding-bottom:40px;position:relative} #made_in img{left:-105px;position:absolute;top:5px} /* Контент */ h1 { font-size: 190%; font-weight: normal; margin: 0 2% 0.4em 2%;} h1.seo { line-height: 1.3em; margin: 0.5em 0 1em 0; font-size: 100%; font-weight: bold;} h2 { font-size: 140%; font-weight: normal; margin: 0.2em 2% 0.5em 2%;} h3 { font-size: 120%; font-weight: normal; margin-top: 0.15em; margin-bottom: 0.3em;} .path {font-size: 70%; margin: 0.7em 0;} .path a {color: #5C5C5C; } h1 span.icon {position: relative; border: 1px solid transparent;} h1 span.icon img {position: absolute; left: -2px; top: -0.5em;} h1 ins { text-decoration: none; } h2 span.title_image {position: relative; border: 1px solid transparent;} h2 .title_image img {position: absolute; left: 3px; top: -0.6em;} sup.star {font-size: 150%; line-height: 0.01em; color: red; position: relative; top: 0.2em;} /*табы*/ .hidden { display: none !important; } .pseudo_navigation {margin-bottom: 2em; line-height: 1.5em; width: 100%; margin-top: 2.5em;} /*.pseudo_navigation span img {display: none;}*/ .pseudo_navigation span ins {text-decoration: none;} .pseudo_navigation span.active img {display: inline; position: relative; top: 1.3em; margin-top: -1.75em;} .pseudo_navigation span.active ins {display: none;} .pseudo_navigation strong {font-weight: normal; color: black; font-size: 85%; background: url('/f/1/global/elena_says.gif') center bottom no-repeat; padding-bottom:90px; position:relative; top:-70px; left: 1em;} .pseudo_navigation .pseudo { white-space: nowrap; margin: 3px 12px; cursor: pointer; } .pseudo_navigation .active {border: none; color: #cd272e; cursor: text; padding: 3px 7px; margin: 0; font-weight: normal; _padding: 1px 7px; } .pseudo_navigation span:hover.pseudo {color: #cd272e;} /*pseudo_navigation span.text {border: 1px solid #cd272e; }*/ /* горизонтальные картинки-разделители */ .blue_wave {margin: 20px 2%; background: url('/f/1/global/blue_wave.gif') repeat-x; font-size: 1px; height: 9px; } .red_wave {margin: 20px 2%; background: url('/f/1/global/red_wave.gif') repeat-x; font-size: 1px; height: 9px; } /* блоки с закругленными боками */ .comments div.round-sides, div.round-sides { position: relative; border: none; padding: 0; margin: 0 6px; } div.round-sides .c { border: 1px solid #ddd3d3; border-width: 1px 0; background: white; padding: 0 12px; margin: 0; color: #765c00; } div.round-sides .l, div.round-sides .r { position: absolute; top: 0px; border: none; width: 6px; padding: 0; margin: 0; height: 100%; } div.round-sides .l { left: -6px; } div.round-sides .r { right: -6px; } /* about page */ p {margin: 0.2em; line-height: 1.3em; width: 60%; margin: 0.5em 0 1em 0; font-size: 87%;} p.smaller {font-size: 80%;} td p {width: auto; /*margin: 0.2em 0;*/} p.icon {font-size: 450%; font-style: italic; margin: 0; white-space: nowrap; line-height: 1em; } p.icon img {position: relative; top: 10px;} .big {font-size: 150%;} .big .sep {margin-bottom: 0;} div.big {margin: 0.5em 0;} .medium {font-size: 130%;} /*table {width: 100%;}*/ .width_50 {width: 50%; } .width_70 {width: 70%; } .width_90 {width: 90%; } .width_auto {width: auto;} .align_middle td {vertical-align: middle; padding: 3px;} .align_middle td img {float: right;} table td {padding: 0 25px 15px 15px; vertical-align: top;} div.sep {margin: 20px 2% 40px 2%;} .incut {border: 1px solid #e1e1e1; background: white; margin: 1em auto; color: #765c00;} .incut td {width: 33%; font-size: 105%;} .incut h3 {margin-top: 1em; font-size: 100%; font-weight: bold;} .incut .magpie {font-size: 1px; position: relative;} .incut .magpie img {position: absolute; left: -50px; top: -50px;} .talk {padding-left: 20px; color: #765c00; width: 70%; position: relative; } p.article_image {padding-left: 20px;} .sp {width: 300px; height: 1px; font-size: 1px;} p.incut {padding: 25px; position: relative; left: -25px; margin-top: 0.5em;} p.date, p.name, p.more {font-size: 80%; margin-top: 1em; margin-bottom: 0.5em;} dt.date p.name {color: black; margin-top:0; width: 100%; font-size: 90%;} .lj {font-size: 90%;} .lj h3 {font-size: 100%;} .lj p {margin-top: 0.3em;} .description {font-style: italic; font-size: 95%;} .person p.description {width: auto; margin-top: 0;} h1 .description {font-style: italic; font-size: 75%; margin-top: 0} table .description {margin-top: 0; } p.more {text-align: right; font-style: italic;} p.more a {color: black;} a span.qe {text-decoration: none;} table.horses {position: relative; top: -20px;} table.horses td {padding-right: 0;} table.horses td p {margin-right: 30px;} table.horses td p.icon {margin-right: 0;} /*history*/ div.incut {text-align: left; padding: 20px; font-size: 90%; position: relative; left: -20px; } .column p {width: 100%;} .column .incut {margin-right: 60px; font-size: 85%;} .column .incut p {margin-bottom: 0.8em; margin-top: 0.2em;} .column .incut .magpie_small img {position: absolute; left: 100%; top: -8px; padding-left: 15px;} #content .head_photo {float: left;} #content .head_photo p {width: 130px;} /* people */ .people .person {margin: 0 0 40px 40px; width: 13em; display: inline-block; vertical-align:top; text-align: left;} .person .photo_holder {height: 250px;} /*black_list*/ dl.black_list {width: 70%; text-align: left; margin: 1em 0 3em 0;} .black_list dt {background: url('/f/1/global/angry_smile.gif') left 4px no-repeat; padding-left: 30px; font-weight: bold;} .black_list dd {margin-bottom: 1em; margin-left: 30px; font-size: 85%;} /*комментарии и отзывы*/ .comments div { margin-left: 4%; text-align: left; padding-top: 30px;} /*.comments .name {max-width: 250px; clear: left; font-size: 90%;}*/ /*.comments .text {width: 90%; }*/ .comments .about {width: 200px; margin-top: 0.5em;} .comments p {width: auto;} .comments .name p {margin-bottom: 0.2em; white-space: nowrap;} .comments p.date {margin-top: 0.2em; color: #616161; font-size: 85%;} .comments .text .outer {position: absolute; left: 100%; padding-left: 20px; top: -10px;} .comments .answer {padding-top: 20px;} #content table.comments {width: auto; } .comments td.name {width: auto; /*max-width: 200px;*/} td.name p strong {font-size: 160%; font-weight: normal;} .comments td.about {width: auto; min-width: 200px;} #content .read_more {margin: 3em 0;} td.history_galleries {padding-top: 0.65em;} .content_photo_gallery { width: 100px; float: left; margin-left: 30px; } .content_photo_gallery img { cursor: pointer; } /* Новости */ .full_width { width: 100%; margin: 15px 0; font-size: 1px; clear: left; position: relative; z-index: 1; } .bird_footprints { background: url('/f/1/global/bird_footprints.gif') repeat-x; height: 34px; z-index: 2; } .bird_footprints2 { background: url('/f/1/global/bird_footprints2.gif') repeat-x; height: 34px; z-index: 2; } .news_list { width: 60%; margin: 2em 0; } .news_list dt { float: left; width: 10em; clear: left; font-size: 80%; color: #636161; text-align: left; margin-top: 0.15em; } .news_list dd { text-align: left; margin-bottom: 1.5em; margin-left: 9em; } .news_list dd p { width: 100%; } .big_magpie { position: absolute; right: 0; top: 250px; z-index: 3; } .small_magpie {position: absolute; left: 85%; top: 50px;} .small_magpie_left {position: absolute; left: 4%; top: 30px;} .article {width: 60%; position: relative; margin-bottom: 40px;} .article p {width: 100%; text-align: left;} .article .small_magpie {position: absolute; left: -23%; top: 50px;} .article p.author, .article p.date {text-align: center;} .article p.date {color: #6e6e6e;} .news_bottom td {width: 25%; padding-right: 5%;} .news_bottom p.date {margin-bottom: 0.3em; color: #6e6e6e;} .news_bottom p.date b {font-weight: normal; color: #CD272E;} .clipping {margin: 0 20px 40px 20px; min-height: 150px; min-width: 100px;display: inline-block; vertical-align:top; text-align: left;} .clipping p {width: 100%;} .clipping p.date, .clipping p.size {color: #6e6e6e;margin: 0;} .clipping p.size {margin-bottom: 0.5em; font-size: 70%;} /* Сотрудники */ .wizard {position: relative; width: 50%; height: 480px; float: right; z-index: 1;} .elena div.round-sides {float: left; clear: both;} .elena div.round-sides p {margin: 0.5em 0;} .wizard img {position: absolute; right: -40px; } .livejournal {font-size: 105%;} .livejournal .round-sides { position: relative; left: -18px; } .livejournal .round-sides span {position: relative; height: 1px; display: block; text-align: center;} .livejournal .round-sides span img {position: relative; top: -61px;} /* Вакансии */ .vacancies {width: 70%; padding-right: 5%; padding-bottom: 0;} .vacancies li {background: url('/f/1/global/boot_small.gif') left 5px no-repeat; padding-left: 45px; list-style-type: none; margin-bottom: 2.5em;} .vacancies ul {padding: 0; margin: 0;} .vacancies h2 {margin-bottom: 0.3em;} .contacts h3 {margin-top: 0.2em; margin-bottom: 0.3em; font-size:100%; font-weight:bold;} .contacts ul {padding: 0; margin: 0; margin-top: 1em;} .contacts li {list-style-type: none; margin-bottom: 0.6em;} .contacts p {margin-top: 0.3em;} /* Блоки */ /********************************* Навигация в авторских программах *********************************/ #tab_navigation {width: 90%;} .sub_categories {width: auto;} .sub_categories td {vertical-align: middle; padding: 0; } .sub_categories .title { width: 11em; padding: 0 20px 0 0; } .sub_categories .title p { position: relative; margin: 0; text-indent: -1.3em; padding-left: 90px; float: right; } .sub_categories .title p img { position: absolute; top: -20px; left: 0; } .sub_categories {line-height:1.5em; margin-bottom:2em; margin-top:0.5em; } .sub_categories a .hover, .sub_categories a:hover .normal {display: none;} .sub_categories a .normal, .sub_categories a:hover .hover {display: inline;} .sub_categories b.image img {position: relative; top: 7px;} /* .sub_categories a.text, .sub_categories b.text {margin: 0 10px; font-size: 90%; background: white; white-space: nowrap; padding: 7px 8px; border-width: 1px 0; position: relative; top: -9px;} .sub_categories a.text {color: #765c00; background: url('/f/1/global/menu_left_bkg.gif') no-repeat;} .sub_categories b.text, .sub_categories a:hover.text { color: #cd272e; font-weight: normal; background: url('/f/1/global/menu_left_bkg_selected.gif') no-repeat;} .sub_categories .text .menu_left {position: relative; left: -9px; top: 11px;} .sub_categories .text .menu_right {position: relative; right: -9px; top: 11px;} */ .sub_categories .menu_items { vertical-align: center; } .sub_categories a.text, .sub_categories b.text { display: block; float: left; height: 34px; margin: 5px 25px 5px 0; font-size: 90%; white-space: nowrap; } .sub_categories a.text span, .sub_categories b.text span { display: block; height: 34px; position: relative; left: 12px; line-height: 32px; padding-right: 12px; } .sub_categories a.text { background: url('/f/1/global/menu/sub-bg-l.png') no-repeat; color: #98843f; } .sub_categories a.text:hover { background-image: url('/f/1/global/menu/sub-bg-l-h.png'); color: #f74949; } .sub_categories a.text span { background: url('/f/1/global/menu/sub-bg-r.png') no-repeat 100% 0; } .sub_categories a.text:hover span { background-image: url('/f/1/global/menu/sub-bg-r-h.png'); } .sub_categories b.text { background: url('/f/1/global/menu/sub-bg-l-s.png') no-repeat; font-weight: normal; color: #d34322; } .sub_categories b.text span { background: url('/f/1/global/menu/sub-bg-r-s.png') no-repeat 100% 0; } /********************************* Щиты. Дни рождения *********************************/ .parties .shield, .events .shield {margin: 0 20px 40px 20px; min-height: 150px; min-width: 100px; width: 13em; display: inline-block; vertical-align:top; text-align: left;} .parties .shield h3, .events .shield h3 {margin-bottom: 0em; font-size: 100%; margin-top: 0.2em;position: relative; z-index: 2;} .parties .shield p, .events .shield p {width: 100%; font-size: 85%;} .parties .shield p.description, .events .shield p.description {font-size: 100%; margin-bottom; 0.5em; position: relative; z-index: 2;} .shield .date { margin-top: 0; margin-bottom: 0.5em; color: #6e6e6e; } .events {margin-top: 1em;} .events .shield .logo {height: 1px; position: relative; max-height: 1px;} /******************************** Добавки ********************************/ .additives .shield a { color: black;} .additives .shield a:hover {color: #cd272e;} /* Цветные блоки */ #tab_contents {margin-top: 1.5em;} .parties { margin: 1.5em 2% 0 2%; } .parties .shield { width: auto; } /*.parties .shield .footer {padding-top: 0.8em;}*/ .main_part { width: 218px; min-height: 220px; padding: 5px 20px 0 20px; //padding: 5px 8px 0 18px; _width: 260px; position: relative; margin-top: 40px;} .parties .image {position: absolute; width: 100%; text-align: center; top: -55px; left: 0;} .additives .image {position: absolute; width: 100%; text-align: center; top: -41px; left: 0; } .main_part p.date {margin-bottom: 0; font-size: 75%;} .main_part .archive {margin-bottom: 0.3em; font-size: 90% !important; } .main_part .sticker {position: relative;} .main_part .sticker img { position: absolute; left:190px; top:-20px; } /*Щиты для дней рождения*/ .category3 .main_part {background: #fff7c7; border: 1px solid #eee278; border-bottom: 0px;} .category3 .footer {background: url('/f/1/global/yellow_bottom.gif') center top no-repeat; height: 53px;} .sexM .main_part {background: #e4f7f8; border: 1px solid #b6e1e9; border-bottom: 0px;} .sexM .footer {background: url('/f/1/global/blue_bottom.gif') center top no-repeat; height: 53px;} .sexF .main_part {background: #ffebe1; border: 1px solid #f5cece; border-bottom: 0px; } .sexF .footer {background: url('/f/1/global/pink_bottom.gif') center top no-repeat; height: 53px;} /*Щиты для нового года*/ .category1 .main_part {background: #cbe5ff url('/f/1/global/ny_ornament.gif') center 13px no-repeat; border: 1px solid #8bd2e4; border-bottom: 0px;} .category1 .footer {background: url('/f/1/global/ny_bottom.gif') center top no-repeat; height: 53px;} /*Щиты для выпускных вечеров*/ .category2 .main_part {background: white url('/f/1/global/finals_shield_bkg.gif') left bottom; border: 1px solid #f8b3a3; border-bottom: 0px; } .category2 .footer {background: url('/f/1/global/finals_bottom.gif') center top no-repeat; height: 51px;} /*Щиты для корпоративных праздников*/ .category4 .main_part {background: #99ca33; border: 1px solid #cbdc67; border-bottom: 0px; } .category4 .footer {background: url('/f/1/global/corporate_bottom.gif') center top no-repeat; height: 53px;} .category4 .main_part a {color: #5a2801;} .category4 .main_part a:hover, .category4 p.word_description, .category4 p.date {color: white;} /*Щиты для пиар мероприятий*/ .category6 .main_part {background: #85c2f7; border: 1px solid #81d8e8; border-bottom: 0px;} .category6 .footer {background: url('/f/1/global/pr_bottom.gif') center top no-repeat; height: 53px;} .category6 .main_part a {color: #004074;} .category6 .main_part a:hover, .category6 p.word_description, .category6 p.date {color: white;} /*Щиты для календарных праздников*/ .category8 .main_part {background: #ffd323; border: 1px solid #f2e072; border-bottom: 0px;} .category8 .footer {background: url('/f/1/global/calendar_bottom.gif') center top no-repeat; height: 53px;} /* Щиты для премьер */ .premiere .image {position: absolute; width: 260px; text-align: center; top: -58px; left: -1px;} .premiere .main_part {background: url('/f/1/global/premiere_shield_bkg.gif') center top repeat-y; border: 1px solid #a6c0e1; border-bottom: 0; } .premiere .footer {background: url('/f/1/global/premiere_bottom.gif') center top no-repeat; height: 82px; width: 282px; position: relative; left: -11px;} /*Щиты для спецпрограмм*/ .category7, .events .category7{background: url('/f/1/global/sp_top_bkg.gif') center 6px no-repeat;} .category7 .main_part, .events .category7 .main_part {background: #47230a url('/f/1/global/sp_bkg.gif') no-repeat center bottom; border: 1px solid #ffe030; border-bottom: 0px;} .category7 .footer, .events .category7 .footer {background: url('/f/1/global/sp_bottom.gif') left top no-repeat; height: 53px;} .category7 .main_part a, .events .category7 .main_part a {color: #fed83f;} .category7 .main_part a:hover, .category7 p.word_description, .category7 p.date, .events .category7 .main_part a:hover, .events .category7 p.word_description, .events .category7 p.date {color: white !important;} /*Щиты для добавок*/ .additive .main_part {background: #fffee0; border: 1px solid #ffc580; border-bottom: 0px;} .additive .footer {background: url('/f/1/global/additive_bottom.gif') center top no-repeat; height: 40px;} .additive .main_part {margin-top:40px; min-height:120px; padding:5px 20px 0; //padding:5px 10px 0 20px ; position:relative; width:148px; //width:190px;} /*.additive .word_description {color: #732700;}*/ /*Специальный щит в конце щитов с программами*/ .special .main_part{width: 178px; background: url('/f/1/global/special_shield.gif') center top no-repeat; height: 349px; padding: 41px 36px 0 44px; margin-top: 0; line-height: 1em; } .special .main_part a {color: #fed83f;} .special .main_part a img {margin-top: 15px;} .special .main_part a:hover, .special p.word_description {color: white;} .special .footer {position: relative;} .special .footer img {position: absolute; left: -19px; top: -161px;} /*ЩИТЫ СОБЫТИЙ - перекрываем категории*/ .events .main_part {background: #ffffff; border: 1px solid #8bd2e4; border-bottom: 0px;} .events .footer {background: url('/f/1/global/event_bottom.gif') left top no-repeat; height: 53px;} .events .main_part a {color: #0082DD;} .events .main_part a:hover {color: #cd272e;} .events .main_part p.word_description {color: black;} .events .main_part p.date {color: #6E6E6E;} /*Слайдер с программами*/ /*Щиты для дней рождения*/ .programs_navigation .category3 {background: #fff7c7; border: 1px solid #eee278; border-bottom: 0px;} .programs_navigation .sexM {background: #e4f7f8; border: 1px solid #b6e1e9; border-bottom: 0px;} .programs_navigation .sexU {background: #fff7c7; border: 1px solid #eee278; border-bottom: 0px;} .programs_navigation .sexF {background: #ffebe1; border: 1px solid #f5cece; border-bottom: 0px; } /*Щиты для нового года*/ .programs_navigation .category1 {background: #cbe5ff url('/f/1/global/ny_top_ornament.gif') center 13px no-repeat; border: 1px solid #8bd2e4; border-bottom: 0px;} /*Щиты для выпускных вечеров*/ .programs_navigation .category2 {background: white url('/f/1/global/finals_shield_bkg.gif') left bottom; border: 1px solid #f8b3a3; border-bottom: 0px; } /*Щиты для корпоративных праздников*/ .programs_navigation .category4 {background: #99ca33; border: 1px solid #cbdc67; border-bottom: 0px; } .programs_navigation .category4 a {color: #5a2801;} .programs_navigation .category4 a:hover {color: white;} /*Щиты для пиар мероприятий*/ .programs_navigation .category6 {background: #85c2f7; border: 1px solid #81d8e8;border-bottom: 0px;} .programs_navigation .category6 a {color: #004074;} .programs_navigation .category6 a:hover {color: white;} /*Шиты для календарных праздников*/ .programs_navigation .category8 {background: #ffd323; border: 1px solid #f2e072; } /* Щиты для премьер */ .programs_navigation .premiere .small-shield {background: url('/f/1/global/premiere_shield_bkg.gif') center top repeat-y; border: 1px solid #a6c0e1; border-bottom: 0; } /*Щиты для добавок*/ .programs_navigation .additive .small-shield {background: #fffee0; border: 1px solid #ffc580; } .parties .shield, .events .shield {text-align: center;} .word_description {font-family: Arial, sans-serif; } .parties .main_part p.description, .events .main_part p.description { font-size:75%; color: #8a8a8a; font-style: normal; margin-bottom: 0.3em; width: auto;} .additive .main_part p.description {color: white;} .parties .main_part p.word_description, .events .main_part p.word_description { font-size: 65%; line-height: 1.6em; margin-top: 0.6em; margin-bottom:0; width: auto; padding-bottom: 1.2em ;} /*В слайдере щиты для событий*/ /* * */ .programs_navigation .event .small-shield { min-width:150px; background: white; border: 1px solid #8bd2e4; width:auto; // width:150px } .programs_navigation .event .small-shield a { color: #0082dd; } .programs_navigation .event .small-shield a:hover {color: #cd272e;} /*Шиты для спецпрограмм*/ .programs_navigation .category7, .programs_navigation .event .category7 {background: #47230a url('/f/1/global/sp_bkg.gif') no-repeat center 65%; border: 1px solid #ffe030; } .programs_navigation .category7 a, .programs_navigation .event .category7 a {color: #fed83f;} .programs_navigation .category7 a:hover, .programs_navigation .event .category7 a:hover {color: white;} /*Избранное*/ .addons {width: 80%; } .addon {display: inline-block; width: 8em;} .addon p {width: 100%; font-size: 80%;} /* как заказать праздник */ .and {font-size: 300%; width: 12%; font-style: italic; text-align: center; padding: 100px 30px 0 30px;} .order td p {padding-left: 30px; width: 100%;} .order h3 {text-align: center; font-size: 100%; margin-top: 0.5em;} .order li {clear: left;} .center {text-align: center;} .order ul {padding: 0; margin: 1em 0 1em 0; position: relative; left: 20px;} .order li {list-style-type: none; margin: 0 0 0.5em 0; padding: 0 0 0 25px; background: url('/f/1/global/dash.gif') left 0.6em no-repeat;} .order li.order_time {position: relative; background: none;} .order li.order_time, .order li.order_time a {color: #cd272e;} .order li.order_time, .order li.order_time a:hover {color:black;} .order li.order_time img {position: absolute; top: -0.1em; left: -2px;} .order li.order_time span {font-size: 80%; font-style: italic;} /* Авторские программы */ .program_description {width: 90%; margin-bottom: 1em;} .program_description .gallery_image {padding-top: 0.5em; width: 270px;} .program_description .round-sides {margin-top: 1.5em;} /* * */ .program_description h2{margin-left:0} table.program_description .incut {background: transparent; border: 0; color: #765c00; left: 0;} table.program_description .incut img {position: absolute; left: -12%; top: 0;} .category_description h2 {margin-left: 0;} .category_description {width: 90%; margin: 2em 0 1em 0;} .category_description p {width: 90%;} .category_description p.talk {width: 70%; } .category_description p.talk img {position: absolute; top: -40px; right: -120px;} .category_description td {padding-top: 20px;} .other_holidays .name {width: 25%;} .other_holidays {width: 90%; margin: 1em 0 2em 0;} .other_holidays p {width: 90%;} .other_holidays td {padding-bottom: 5px;} #content table.wide {width: 90%; float: none; } #content table.wide .name {width: 25%} /*страница праздника*/ .programs_navigation { overflow: auto; width: 100%; position: relative; top: -30px; /*height: 160px;*/ overflow-y: hidden; } .short { overflow: hidden; } .programs_navigation table { width: auto; top: 14px; _top: 0px; position: relative; } .programs_navigation .program_shadow {padding: 0;} .programs_navigation .program_shadow table {width: 100%; position: relative; top: -8px; z-index: 3;} .programs_navigation .program_shadow td {height: 8px; font-size: 1px; padding: 0;} .programs_navigation .program_shadow div { height: 8px; } .programs_navigation .shadow_left { background: url('/f/1/global/shadow_left.png') no-repeat;} .programs_navigation .shadow_left div, .programs_navigation .shadow_right div {width: 11px;} .programs_navigation .shadow_right { background: url('/f/1/global/shadow_right.png') no-repeat;} .programs_navigation .shadow_center { background: url('/f/1/global/shadow_center.png') no-repeat; width: 99.9%;} .programs_navigation .program {padding: 0 10px; vertical-align: bottom; text-align: center;} .programs_navigation .program img {position: relative; top: 25px;} /* * */ .programs_navigation .event {padding: 0 10px; vertical-align: bottom; text-align: center;} .programs_navigation .event div a{position:relative} .programs_navigation .event img {position: relative; top: 25px;} .programs_navigation .special img {top: 0;} .programs_navigation .additive img {position: static;} .programs_navigation .program b {color: white; font-weight: normal;} .programs_navigation .event b {color: white; font-weight: normal;} .programs_navigation .subcategory b {color: black; font-weight: normal; text-align: left; } .program div, .event div {width: 128px; white-space: normal; padding: 15px; _width: 158px; font-size: 80%; } .super_images {width: 100%; height: 230px; overflow: hidden; } .super_images p {height: 320px; position: relative; left: -200px; width: 200%; text-align: left;} .programs_navigation .selected .small-shield {background: #c02711 url('/f/1/global/selected_program_bkg.gif') repeat-x; border: 1px solid #e7787d;} .programs_navigation .subcategory .small-shield{padding-top: 70px; } .programs_navigation .subcategory {text-align: right; vertical-align: middle; } .category_description {width: 90%; margin-top: 20px; } .category_description table td {width: 20%; padding-bottom: 0; font-size: 115%;} table.program_description table.details td, table.details td { padding: 0.5em 0 0 0; background: transparent url('./property-dots.gif') repeat-x scroll 0 100%; vertical-align: bottom; } table.details td div { padding-right: .2em; background: transparent url('./property-dots-white.gif') repeat-x scroll 0 100%; float: left; } table.details td span { position: relative; top: 0.2em; } * html table.details td span { top: 0.2em; } table.details td span span { position: static; } /* table.details td span { bottom:-0.03em; padding-right:2px; position:relative; border-bottom: 1px solid white;} table.details td span span {position: relative; bottom: -0.24em; border: none;} */ table.program_description table.details td.values, table.details td.values { background: none; width:40%; padding-left: .3em; } table td.about {width: 35%; font-size: 105%; padding: 1.3em 0 0 40px; } table td.about .order_program {text-align: center; margin-bottom: 1.5em; float: left; margin-left: 30px; } table td.about .order_program p {margin: 0; white-space: nowrap; padding: 20px 30px; border: 1px solid #cdcdcd; background: white; font-size: 130%;} table td.about .order_program a { color: #CD272E; } table td.about .order_program a:hover { color: black; } table td.about .details td {font-size: 90%;} table td.about .details {clear: left;} table td.about-additive {width: 35%; font-size: 105%; padding: 0 0 0 40px; } table td.about-event {width: 35%; font-size: 100%; padding: 10px 0 0 40px; } table td.about-event .details td {font-size: 100%;} table.program_description td {padding-bottom: 5px;} table.program_description .corporate {width: 15%; padding-right: 10px; font-size: 105%; padding-top: 0.5em;} #content .phone {color: #cd272e; margin-top: 0; margin-bottom: 0.3em; font-size: 280%; line-height: 1em; padding-left: 0;} .with_phone {margin-top: 1em;} .call { margin-bottom: 0.5em; margin-top: 3em; position: relative;} .call img.left_phone { position: absolute; top: 2em; left: -33.3%; } .call img.right_phone { position: absolute; top: 2em; right: -33.3%; } .with_phone img.left_phone, .with_phone img.right_phone { top: 0; } #content .phone .number {position: relative; } #content .phone .number .code {left: -3.1em; position: absolute; font-size: 50%; top: 0.4em;} #content .phone a { color: #cd272e;} #content .phone a:hover { color: #ff3300; } #content table.shpargalka td {padding-bottom: 0;} #content table.shpargalka td p.file {font-size: 60%;} #content table.shpargalka td p.file a {font-size: 145%;} div.program_classes {padding: 0 2%; text-align: left;} table.program_variants .variants_description td.program_variants_plate {padding-top: 0; padding-left: 0;} td.program_variants_plate h3, td.with_additives h3 {font-size: 115%; margin-bottom: 0.1em; font-weight: bold;} .program_variants_plate table {border: 1px solid #ffc580; background: #ffeec0; border-collapse: collapse;} table.program_variants {border-collapse: collapse; margin-bottom: 2em; margin-top: 6em; width: 100%;} table.program_variants .variants_description td {font-size: 90%;} .program_variants div.title {position: relative;} .program_variants div.title_inner {position: absolute; top: -5.5em;} /* table.program_variants th {text-align: left; padding-left: 15px;} table.program_variants th.special {padding-left: 0;} table.program_variants th.with_additives {padding-left: 15px;}*/ table.program_variants div.title h3 {font-size: 180%; margin-bottom: 0; line-height: 1em; font-weight: normal;} td.program_variants_plate .program_variant div.title h3 {font-size: 240%;} td.program_variants_plate .program_variant div.title div.title_inner {top: -6.1em;} table.program_variants .with_additives div.title_inner {padding-left: 15px;} table.program_variants .with_additives div.title_inner, table.program_variants .sp_program div.title_inner {padding-top: 11px;} table.program_variants div.title h4 {font-size: 110%; margin: 0 0 1em 0; font-weight: normal; color: #765c00;} table.program_variants td {padding-bottom: 10px; padding-right: 10px; padding-top: 10px;} .program_variants .description {font-size: 85%;} .program_variant {width: 20%;} .program_variants td p.price {margin: 0 0 0.7em 1px;} .program_variants h3 {font-size: 140%; font-weight: normal; margin-bottom: 0.1em;} #content .program_variants ul {margin: 0 0 1em 0; padding: 0;} #content .program_variants li {list-style-type: none; margin: 0 0 0.65em 0; padding: 0; background: none; font-size: 80%;} .program_variants .incut {padding: 15px; left: -15px;} .program_variants .sp_program img{margin-top: 0.5em;} .program_variants .sp_program {width: 140px; padding-left: 0; padding-top: 0;} .program_variants td p {margin: 0.3em 0 0.5em 0; } .program_variants td p.time, .program_variants td p.actor {margin-bottom: 0.8em;} .program_variants .sp_program a {color: #cd272e;} .program_variants .sp_program a:hover {color: black;} /* в конкретной программе колонка с добавками */ table.program_variants td.with_additives {padding: 0 20px 0 10px; width: 20%;} .with_additives table td {padding: 0;} .with_additives table {border-collapse: collapse; width: 100%;} .with_additives div.add {border: 1px solid #e7d95f; background: #fffee0; padding: 10px 15px 25px 15px; border-bottom: 0; position: relative;} .with_additives div.add .icon {position: absolute; top: -8px; left: -2px;} .with_additives div.add h3 {margin-left: 33px;} .with_additives div.add .price {margin-left: 34px;} .with_additives div.add .big {text-align: center; bottom:-2em; position:absolute; z-index:2; width: 100%; left:0; font-size: 145%;} .with_additives div.add .big em {font-size: 130%; font-style: normal;} .with_additives .arrow {position: relative; overflow: hidden; background: url('/f/1/global/additives_arrow.gif') no-repeat center bottom; margin: 0 -10px;} .with_additives .arrow img {width: 100%;} .with_additives .arrow .left_border {width: 11px; position: absolute; font-size: 1px; left: 0; border-top: 1px solid #e7d95f;} .with_additives .arrow .right_border {width: 11px; position: absolute; font-size: 1px; right: 0; border-top: 1px solid #e7d95f;} .questions_and_answers {width: 90%; margin-top: 2em;} .questions_and_answers td {width: 25%;} .questions_and_answers .question {position: relative; font-size: 90%;} td.answers {width: 10%;} td.answers p {margin-top: 3em; text-align: center;} /* Страница с добавками */ table.additives {width: 100%;} .additives td {width: 33%;} .additives ul {list-style-type: none; padding: 0; margin: 0 0 1.5em 0;} .additives ul li {list-style-type: none; padding: 0; margin: 0 0 0.6em 0; } table.contacts {margin-top: 1em;} table.contacts td h3 {font-size: 85%;} .ya_map {font-size: 90%; line-height: 2.5em;} .ya_map img {margin-right: 5px; position: relative; top: 0.3em;} /*Добавка*/ .galleries {width: 85%; border: 1px solid #e7d95f; background: #feffe0; padding: 30px; margin-bottom: 40px;} .galleries .gallery {margin-right: 40px; margin-bottom: 20px; width: 160px; _width: 200px; margin-top: 40px; display: inline-block; vertical-align: top;} .galleries .gallery p {width: 100%; padding-left: 8px; font-size: 70%; margin: 0.5em 0;} .galleries .gallery h3 {padding-left: 8px; font-size: 80%; font-weight: bold;} .help-link { position: relative; left: -50px; padding: 20px 0 15px 60px; background: url('/f/1/global/teapot.gif') left 0.3em no-repeat; } .help-link a {font-size: 220%; padding-left: 0.1em; vertical-align: -0.05em;} .helper {width: 80%;} /* * */ p.breadcrumbs a.selected{font-weight:normal;font-size:60%} .ins{font-weight:normal;color:#555} #head .ins {display: block;} #sim-logo,#org-logo{margin-top:40px;width:150px;height:100px} #sim-logo{float:left} #org-logo{float:right;margin-right:30px} #org-logo div{margin-bottom:10px} /* organizations */ .organization {margin: 0 10px 40px 30px; height: 198px; width: 257px; display: inline-block; vertical-align:top; text-align: left; background: url('/f/1/global/company_shadow.png') left top no-repeat;} .organization .center {background: url('/f/1/global/company_center.jpg') 1px 1px no-repeat; display: table-cell; vertical-align: middle; padding: 0 20px;} .organization table {border-collapse: collapse; width: 226px; height: 158px; } /* faq */ .faq {margin: 2em 0; width: 70%;} .faq p {width: 100%;} .faq .question { float: left; clear: left; margin-right: 25%; text-align: left; margin-bottom: 0.6em;} .faq .answer {clear: left; margin-left: 50px; text-align: left; margin-bottom: 2em;} .program_description ul {margin-top: 0.8em; margin-bottom: 1.2em;} .program_description ul li, .faq li, feedback li{font-size: 87%; list-style-type: none; margin: 0 0 0.5em 0; padding: 0 0 0 25px; background: url('/f/1/global/dash.gif') left 0.6em no-repeat;} .feedback {width: 80%; text-align: left;} .feedback_form, .info { margin: 3em 0 2em 0; width: 70%; text-align: left; } .info p, .feedback_form h2, .feedback_form form { margin-left: 50px; } .feedback_form form dt { font-size: 80%; } .feedback_form form dd { margin-left: 0; } .feedback_form form textarea { width: 70%; padding: 5px; color: #765c00; font: 100% 'Times New Roman', serif; } /*instructions*/ .instructions {margin: 2em 0;} .instructions .text_left {margin-bottom: 2em; position: relative; width: 52%;} .instructions .text_left p {padding-left: 20px;} big {font-size: 150%; color: #a21c01; line-height:0.7em; margin:0 0.1em; } .instructions .text_left .round-sides {float: left; margin-bottom: 1em;} .instructions .text_left p {clear: left;} .instructions .text_left .round-sides p {padding-left: 0;} /*costumes*/ .all_costumes {position: relative; } .all_costumes p {position: absolute; left: 85%; width: auto; font-size: 70%;} /*sitmap*/ .sitemap {margin-top: 1em; width: 90%;} .sitemap form {width: 60%;} .sitemap input.text {width: 100%;} .sitemap dl.type_text {float: left; width: 80%;} .sitemap dl.type_submit {float: left; width: 20%;} .sitemap dl.type_submit dd.field {margin-left: 10px; text-align: left;} .sitemap td {padding-left: 0;} .sitemap ul {margin: 0 0 0 40px; padding: 0;} .sitemap li {list-style-type: none; font-size: 87%; margin-bottom: 0.7em;} .sitemap li ul {padding-left: 0; margin-top: 0.4em; margin-bottom: 1em;} .sitemap li li ul {padding-left: 30px;} .sitemap h2 {text-align: left;} .sitemap h2 a {color: black;} .sitemap h2 a:hover {color: #ff3300;} .sitemap h3 {text-align: left; padding-left: 40px; margin-top: 1.5em; margin-bottom: 0.9em;} .sitemap h3 a {color: #1a5bbd;} .sitemap h3 a:hover {color: #ff3300;} .sitemap h3 span.icon {position: relative;} .sitemap h3 span.icon img { position: absolute; top:-1.6em; _top: -1em;} .sitemap .not_programs {clear: left; padding-top: 1.6em;} .sitemap .not_programs li {font-size: 95%; margin-bottom: 2em;} .sitemap .not_programs li ul {margin-left: 0; margin-top: 0.8em;} .sitemap .not_programs li li{font-size: 90%; margin-bottom: 0.7em;} .sitemap .not_programs li li li {font-size: 98%;} .sitemap .not_programs li ul ul {margin-left: 30px; padding-left: 0;} .sitemap li.subcategory {font-size: 95%;} .sitemap .cols3, .sitemap .cols2 {width: 100%;} .sitemap .cols3 td {width: 33%;} .sitemap .cols2 td {width: 50%;}