/* С чего начинается родина */ body { margin: 0; background: #000; padding:0px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; line-height: 22px; } form {padding:0; margin:0; } img { border:0px; } h1 { font-family: Times, serif, "Times New Roman"; font-size: 30px; line-height: 100%; padding: 0; padding-bottom:0px; margin:0; font-weight: normal; } h2 { font-family: Trebuchet MS, Arial, Tahoma, sans-serif; font-size: 220%; font-weight: normal; padding:0px 0px 15px 0px; margin:0px; } p { padding:0px; margin:0px;} hr { background-color:#CCCCCC; border-style:none; color:#CCCCCC; height:1px; margin-bottom:0; margin-top:15px; } div.shape { position: relative; width:100%; height:3px; background: url(/design/images/bg_shape.gif); } .sh_line { position: absolute; width:100%; height:100%; background: url(/design/images/bg_shape2.gif) no-repeat top; } div.shape2 { position: relative; width:100%; height:9px; background: url(/design/images/bg_border_projects.gif); } .sh_line2 { position: absolute; width:100%; height:100%; background: url(/design/images/bg_center_border_projects.jpg) no-repeat top;} div.sand { height:50px; background: url(/design/images/bg_light_bottom.jpg) no-repeat top; } div.sand2 { height:70px; background: url(/design/images/bg_light_top.jpg) no-repeat top; } /* Основыне категории студии */ table.menu_1 { width:100%; height:45px; padding:0px; border-collapse: collapse; } .menu_1 td { width:20%; text-align: center; background: url(/design/images/menu_1_points.gif) right no-repeat; } .menu_1 a { font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; margin: 0 10px; font-size: 95%; } .menu_1 a:hover { color:#ff9900; } .menu_1 a.active { font-family: Arial, Helvetica, sans-serif; color:#FF9900; margin: 0 10px; font-size: 95%; font-weight: bold; text-decoration: none; } .menu_1 .last { background: none; } .menu_1 .lang { width: 10%; background: #333333; font-size: 0.8em; } .menu_1 .lang a {color:#FF9900; } .menu_1 .lang a:hover {color:#FFFFFF; } /* Тематические разделы */ table.folio_menu { width:100%; height:153px; padding:0px; border-collapse: collapse; } .folio_menu td { width:25%; height:100%; padding:0px; vertical-align: top; } .web { background: url(/design/images/web-menu-bg.png); vertical-align: top; } .web_block {position:relative; width:100%; height:100%; background: url(/design/images/web-menu-gradient.png) repeat-y right; } .top_shadow { position: absolute; width:100%; height:35px; top:0px; background: url(/design/images/web-menu-top-shadow.png); } .bottom_shadow { position: absolute; width:100%; height:119px; bottom:0px; background: url(/design/images/web-menu-bottom-shadow.png); border:0px solid #FF0000; } .fre_web {position: relative; width:200px; height:100%; padding:8px 15px 10px 15px; text-align:left; } .pr_type { padding-top:20px; padding-bottom:12px; white-space: nowrap; min-width:260px; font-family: Times, serif, "Times New Roman"; font-size:25px; line-height: 30px; } .fre_web .pr_type a { color: #73b5f7; } .fre_web .pr_type a:hover { color: #FFFFFF; } .fre_web .pr_type a.active { color: #73b5f7; text-decoration: none; } /* IE ICON */ .icon_web { position: absolute; width:80px; height:61px; top:11px; left:135px; background: url(/design/images/icon_die_e.png) no-repeat; } .pr_work { padding-top:0px; margin-bottom:5px; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 17px; } .pr_work a { color: #FFFFFF; /*text-decoration: none; border-bottom: dashed 1px; */} a:hover { color:#ff9900; } .pr_work a.active { text-decoration: none; font-weight: bold; } .pr_work a.active:hover { color: #FFFFFF; } .graph { background: url(/design/images/graph-menu-bg.png); vertical-align: top; } .graph_block {position:relative; width:100%; height:100%; background: url(/design/images/graph-menu-gradient.png) repeat-y right; } .fre_graph {position: relative; width:182px; height:100%; padding:8px 15px 10px 15px; text-align:left; } .pr_type { min-width:120px; } .fre_graph .pr_type a { color: #ff947a; } .fre_graph .pr_type a:hover { color: #FFFFFF; } .fre_graph .pr_type a.active { color: #ff947a; text-decoration: none; } /* ICON GRAPH */ .icon_graph { position: absolute; width:54px; height:48px; top:21px; left:115px; background: url(/design/images/icon_graph.png) no-repeat; } .video { background: url(/design/images/video-menu-bg.png); vertical-align: top; } .video_block {position:relative; width:100%; height:100%; background: url(/design/images/video-menu-gradient.png) repeat-y right; } .fre_video {position: relative; width:145px; height:100%; padding:8px 15px 10px 15px; text-align:left; } .pr_type {min-width:140px; } .fre_video .pr_type a { color: #cea2f9; } .fre_video .pr_type a:hover { color: #FFFFFF; } .fre_video .pr_type a.active { color: #cea2f9; text-decoration: none; } /* ICON VIDEO */ .icon_video { position: absolute; width:71px; height:49px; top:20px; left:90px; background: url(/design/images/icon_video.png) no-repeat; } .promo { background: url(/design/images/promo-menu-bg.png); vertical-align: top; } .promo_block {position:relative; width:100%; height:100%; background: url(/design/images/promo-menu-gradient.png) repeat-y right; } .fre_promo {position: relative; width:130px; height:100%; padding:8px 15px 10px 15px; text-align:left; } .pr_type { min-width:130px; } .fre_promo .pr_type a { color: #a2c77e; } .fre_promo .pr_type a:hover { color: #FFFFFF; } .fre_promo .pr_type a.active { color: #a2c77e; text-decoration: none; } /* ICON PROMO */ .icon_promo { position: absolute; width:47px; height:65px; top:15px; left:98px; background: url(/design/images/icon_promo.png) no-repeat; } /* table.StudioInfoBlock { width:100%; border-collapse: collapse; padding:0; } .StudioInfoBlock td { vertical-align: top; } .StudioInfoBlock td.content { width:80%; padding-left: 2%; } .StudioInfoBlock td.menu { width:20%; padding-right: 2%; } .StudioInfoBlock td.menu p a { font-family: Arial, Helvetica, sans-serif; font-size: 110%; line-height: 170%; color:#FFFFFF; } .StudioInfoBlock td.menu p a:hover { color:#FF9900; } */ /* Posters */ div.poster { width:100%; height:245px; position: relative; background: url(/design/images/cover-main_bg.jpg) repeat-x center; white-space: nowrap; } img.pic1 { width:66px; height:245px; background: url(/design/images/cover-pidjak-left.png) no-repeat; } img.pic2 { width:576px; height:245px; background: url(/design/images/cover-pidjak-center.jpg) no-repeat; } img.pic3 { width:66px; height:245px; background: url(/design/images/cover-pidjak-right.png) no-repeat; } div.poster2 { width:100%; height:245px; position: relative; background: url(/design/images/posters/poster-2-bg.gif) repeat-x center; white-space: nowrap; min-width: 778px; } div.poster2 div.logotype { position: absolute; width:198px; height:43px; top:150px; left:7%; } div.poster2 div.logotype img.pic5{ width:198px; height:43px; background: url(/design/images/posters/poster-2-avenuelogo.png) no-repeat; } div.poster2 img.pic4 { width:582px; height:245px; background: url(/design/images/posters/poster-2-center.png) no-repeat; } div.poster3 { width:100%; height:245px; position: relative; background: url(/design/images/posters/poster-3-bg.jpg) repeat-x center; min-width: 750px; // width:expression((document.documentElement.clientWidth||document.body.clientWidth)<750?'750px':'100%') } .poster3 a{ cursor: pointer; } .poster3 .pic4 { width: 477px; height: 245px; background: url(/design/images/posters/poster-3-center.jpg) no-repeat center; } .poster3 .Logo { top: 130px; left:5%; width: 213px; height: 91px; position: absolute; background: url(/design/images/posters/poster-3-logo.png) no-repeat; // background: url(none); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/posters/poster-3-logo.png', sizingmethod='crop'); } .poster3 .Karman { bottom: 0px; right:3%; width: 265px; height: 151px; position: absolute; background: url(/design/images/posters/poster-3-karman.png) no-repeat; //background: url(none); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/posters/poster-3-karman.png', sizingmethod='crop'); } div.poster4 { width:100%; height:245px; position: relative; background: url(/design/images/posters/poster-4-bg.jpg) repeat-x center; min-width: 800px; // width:expression((document.documentElement.clientWidth||document.body.clientWidth)<800?'800px':'100%') } .poster4 a{ cursor: pointer; } .poster4 .pic4 { width: 526px; height: 245px; background: url(/design/images/posters/poster-4-center.jpg) no-repeat center; } .poster4 .Logo { top: 150px; left:4%; width: 184px; height: 148px; position: absolute; background: url(/design/images/posters/poster-4-logo.jpg) no-repeat; } .poster4 .Coffee { bottom: 0px; right:0; width: 213px; height: 98px; position: absolute; background: url(/design/images/posters/poster-4-coffee.jpg) no-repeat; } div.poster5 { width:100%; height:245px; position: relative; background: url(/design/images/posters/poster-5-bg.jpg) repeat-x center; min-width: 820px; // width:expression((document.documentElement.clientWidth||document.body.clientWidth)<820?'820px':'100%') } .poster5 a{ cursor: pointer; } .poster5 .pic4 { width: 437px; height: 245px; background: url(/design/images/posters/poster-5-center.jpg) no-repeat center; } .poster5 .Logo { top: 145px; left:3%; width: 170px; height: 50px; position: absolute; background: url(/design/images/posters/poster-5-logo.png) no-repeat; // background: url(none); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/posters/poster-5-logo.png', sizingmethod='crop'); } /* Анонс текущего проекта */ table.preview { width:100%; border-collapse: collapse; padding:0; background: url(/design/images/bg_light_top.jpg) no-repeat bottom; } .new_project { width:75%; height:249px; vertical-align: top; } .new_project div { position: absolute; width:106px; height:106px; border: 0px solid #FFFFFF; right:23%; padding-top:165px;} .new_project div img { background: url(/design/images/xot.png) no-repeat; } .avenue { width:25%; height:100%; vertical-align: middle; } .avenue div { position: relative; width:80%; border: 0px solid #FFFFFF; text-align: left; left:5%; } .avenue h2 { white-space: nowrap; } .avenue p {padding-left:35px;} .avenue .phone { font-family: Trebuchet MS, Arial, Tahoma, sans-serif; font-size: 20px; padding-left:5px; padding-top:10px; white-space: nowrap;} .avenue .phone small { font-size: 10px; } .about_new_project { height:200px; vertical-align: top; padding-top:30px; padding-left:50px; } .about_new_project div.anons { position: absolute; width:20%; left:10%; font-size: 18px; line-height: 20px; color:#666666; padding-top:10px; } .about_new_project h1 a { font-size:30px; color:#ff9900; } .about_new_project h1 a:hover { color:#FFFFFF;} .about_new_project p { font-size:0.95em; line-height:140%; padding-left:40%; padding-top:30px; padding-bottom:30px; } .cartoon { vertical-align: bottom; text-align: center; padding:0; margin:0; } /* Превьюхи других важных проектов */ table.favorite_projects { width:100%; border-collapse: collapse; padding:0; background: #FFFFFF; } .about { width:15%; color:#000000; padding: 50px 20px 30px 30px; vertical-align: top; } .about h2 { line-height: 32px; font-size: 30px; } .list { width:75%; font-size: 12px; line-height: 26px; color:#000000; vertical-align: middle; padding-top:30px; padding-bottom:30px; } .list div { width: 130px; height:190px; text-align: center; float: left; margin:0px 0px 10px 0px; } .list div a {padding:0; margin:0;} .list div p { line-height: 130%; } .list div p a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 130%; color:#6699ff; } .list div p a:hover { color:#000000; } /* Система INDEXTYPE */ table.indextype { width:100%; height: 121px; border-collapse: collapse; background: #FFFFFF; } .indextype td { width:38%; height: 121px; background: url(/design/images/indextype-bg.gif) repeat-x bottom; padding:0px 0px 0px 0px; vertical-align: bottom; white-space: nowrap; border:0px solid #667700; } .indextype div{ width:350px; text-align: left; border:0px solid #FF0000; border:0px solid #FF0000; } .indextype h3 { margin:0px; padding-top:34px; // padding-top:34px; } .indextype h3 a{ font-family: Trebuchet MS, Arial, Tahoma, sans-serif; font-size: 40px; font-weight: normal; color: #000000; padding:0px 0px 0px 20px; text-decoration: none;} .indextype h3 a:hover{ color:#FF0000; } .indextype p { font-size: 14px; padding-left:106px; padding-top:10px; line-height: 17px; } .indextype .logo { width:24%; background: #FFFFFF; text-align: right; padding:0px; } .indextype .cms img { padding-bottom:25px; padding-left:20px; } /* Другие технологии */ div.other_technologies { font-size: 12px; width:100%; color: #666666; background: #FFFFFF; border:0px solid #CC0000; } div.other_technologies p {padding-left:30%; } div.other_technologies a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #3366cc; font-weight: bold; } div.other_technologies a:hover { color:#000000; } /* BRIEF */ div.brief { width: 100%; vertical-align: middle; text-align: center; } .brief h2 { font-family: Arial, Helvetica, sans-serif; } .brief a { color:#ff9900; } .brief a:hover { color:#FFFFFF; } /* Поиск */ table.path_search { width:100%; height:90px; border-collapse: collapse; background: url(/design/images/bg_light_bottom.jpg) no-repeat top;} table.path_search td { vertical-align:top; padding-top:25px; padding-left:2%; border:0px solid #FF0000;} table.path_search td.search {padding:0; padding-top:25px; padding-right:1%; text-align: center; width:1%; } table.path_search td p { font-family: Trebuchet MS, Arial, Tahoma, sans-serif; font-size:13px; line-height: 150%; color:#FFFFFF;} table.path_search td p a { font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#ff9900; line-height: 150%; white-space: nowrap; // line-height:170%;} table.path_search td p a:hover { color:#FFFFFF; } table.path_search td p a.nuller { color:#FFFFFF; line-height: 150%; // line-height:170%; } table.path_search td div.path { display:relative; float: left; border:0px solid #FF0000; padding-right:5px; } table.path_search td div.mm { display:relative; float: left; border:0px solid #66FF00; } div.search_div { position: relative; width:220px; height:25px; background: url(/design/images/search-form.gif) no-repeat; border:0px solid #FF0000; text-align: left; padding-left:3px; } input.search_form { width:180px; height:20px; background: none; border:0px solid #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#999999; padding:0px 0px 0px 0px; } input.submit_form { width:16px; background: url(/design/images/search-button.gif) no-repeat; border:0px solid #FFFFFF; cursor: pointer; margin-left:3px; margin-bottom:0px; } /* Список проектов текущего раздела */ table.ListProjects { width:98%; border-collapse: collapse; padding:0; vertical-align: top; border:0; margin-top:20px; margin-left: 2%;} table.ListProjects td {padding:0; border:0px solid #FFFFFF; } table.ListProjects td.anons_img { width:130px; padding-left:0; } table.ListProjects td.anons_h1 { width:100%; vertical-align: bottom; padding-right:2%; } table.ListProjects td.anons_h1 div { background: url(/design/images/project_anons_bg.gif); padding: 10px 0 10px 7%; } table.ListProjects td.anons_h1 p.date { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 90%; color:#666666; text-align: right; padding:0; margin:0; border:0px solid #FFFFFF; padding-bottom:4px; } table.ListProjects td.anons_h1 p.link { text-align: right; padding:0; margin:0; padding-bottom:15px; border:0px solid #FFFFFF; } table.ListProjects td.anons_h1 p.link a { font-size:1.3em; color:#6699ff; padding:0; margin:0; line-height: 90%; border:0px solid #FF0000; } table.ListProjects td.anons_h1 p.link a:hover { color:#FFFFFF; } table.ListProjects td.anons_h1 div h1 { font-size: 28px; font-weight: normal; line-height:110%; } table.ListProjects td.anons_h1 h1 a { font-size:28px; font-weight: normal; color:#ff9900; } table.ListProjects td.anons_h1 h1 a:hover { color:#FFFFFF; } table.ListProjects td.anons_p { padding-left:10%; padding-right:5%; padding-top:10px; } table.ListProjects td.anons_p p { margin-bottom:25px; } /* Описание проекта */ table.ViewProject {width:500px; border-collapse: collapse; padding:0; vertical-align: top; border:0; margin-top: 20px; } .ViewProject td{ margin-left:2%; margin-right:2%; padding-top:20px; padding:0; } .ViewProject p { font-size: 0.95em; line-height: 150%; margin-bottom:25px; padding:0; } .ViewProject a { color:#FF9900; } .ViewProject a:hover { color:#FFFFFF; } .ViewProject p img { color:#FFFFFF; border: 10px solid #111111; } .ViewProject div { width:100%; overflow: visible; margin-bottom:20px; color:#FFFFFF; } .ViewProject div img { border: 10px solid #111111; } /* Контент вспомогательных подразделов */ table.SubsectionPage { width:100%; border-collapse: collapse; margin:30px 0 30px 0; // margin:25px 0 30px 0; } .SubsectionPage td { padding:0 0 0 0; vertical-align: top;} .SubsectionPage p { font-size: 0.95em; line-height: 150%; margin-bottom:15px; } .SubsectionPage p strong { color: #FF9900; } .SubsectionPage span.red { color: #FF0000; } .SubsectionPage div { padding-left:7%;} .SubsectionPage p a { color:#FF9900; } .SubsectionPage p a:hover { color:#FFFFFF; } .SubsectionPage h1 { font-family: Trebuchet MS; font-size:35px; margin-bottom:25px; } .SubsectionPage h2 { font-size: 1.35em; padding:0px 0px 2px 0px; color:#FF9900; } .SubsectionPage h3 { font-size: 97%; line-height: 130%; font-weight: bold; color: #FF9900; padding:0; margin:0; padding-bottom:5px;} .SubsectionPage .Content { width:70%; padding-left:7%; } .SubsectionPage .Visual { width:20%; text-align: center; } .SubsectionPage hr { background: #333333; color: #333333; margin-bottom:15px; } .SubsectionPage div.anons { padding-left:2%; width:60%; left:10%; padding-bottom:10px; } .SubsectionPage div.anons p { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; color:#666666; } .SubsectionPage ul { font-size: 0.97em; padding:0; margin:0; margin-bottom:15px; margin-left:20px;} .SubsectionPage li { font-size: 0.97em; padding:0; margin:0; list-style: square inside; } .SubsectionPage .AvenueContent { width:100%; padding-left:7%; } .SubsectionPage .AvenueContent td { padding:0; margin:0; font-size: 12px; vertical-align: top; padding-right:20px; } .SubsectionPage .AvenueContent h3 { font-size: 130%; line-height: 130%; font-weight: bold; color: #FF9900; padding:0; margin:0; padding-bottom:5px; padding-top:0px;} .SubsectionPage .AvenueContent p { font-size: 90%; line-height: 160%; padding:0; margin:0; margin-left:14px;} .SubsectionPage .AvenueContent p span.mdash{ margin-left:-14px;} .SubsectionPage .AvenueContent ul { font-size: 100%; padding:0; margin:0;} .SubsectionPage .AvenueContent li { font-size: 100%; line-height: 170%; padding:0; margin:0; list-style: square inside; } .SubsectionPage .RemarkWhite { background: #FFFFFF; padding:20px; margin:0; margin-top:15px; margin-bottom:15px; font-size: 12px; color: #000000;} .SubsectionPage .RemarkWhite h3 { font-size: 130%; color: #000000; line-height: 130%; font-weight: bold; padding:0; margin:0; padding-bottom:5px; padding-top:0px;} .SubsectionPage .RemarkWhite ul { font-size: 100%; padding:0; margin:0;} .SubsectionPage .RemarkWhite li { font-size: 100%; line-height: 170%; padding:0; margin:0; list-style: square inside; } .SubsectionPage .RemarkWhite hr { background: #CCCCCC; color: #CCCCCC; margin-bottom:15px; } .SubsectionPage .RemarkWhite p { font-size: 90%; line-height: 160%; padding:0; margin:0; margin-left:14px;} .SubsectionPage .RemarkWhite p span.mdash{ margin-left:-14px;} .SubsectionPage .RemarkBlack { padding:0px; padding-left:7%; margin:0; margin-top:15px; margin-bottom:15px; font-size: 12px; color: #FFFFFF;} .SubsectionPage .RemarkBlack h3 { font-size: 130%; color: #FF9900; line-height: 130%; font-weight: bold; padding:0; margin:0; padding-bottom:5px; padding-top:0px;} .SubsectionPage .RemarkBlack ul { font-size: 100%; padding:0; margin:0;} .SubsectionPage .RemarkBlack li { font-size: 100%; line-height: 170%; padding:0; margin:0; list-style: square inside; } .SubsectionPage .RemarkBlack hr { background: #333333; color: #333333; margin-bottom:15px; } .SubsectionPage .RemarkBlack p { font-size: 90%; line-height: 160%; padding:0; margin:0; margin-left:14px;} .SubsectionPage .RemarkBlack p span.mdash{ margin-left:-14px;} .SubsectionPage .RemarkBlack p img{ margin-left:-14px;} /* Подвал */ table.footer { width:96%; height:70px; border-collapse: collapse; padding-top:10px; /* background: url(/design/images/bottom-center.jpg) center;*/ } .footer td { width:25%; padding:20px 0 0 0; border-top: 1px dashed #333333; font-family: Trebuchet MS, Arial, Tahoma, sans-serif; font-size: 18px; vertical-align: top; white-space: nowrap; } .footer .phone { text-align: right; padding-left:5px; } .footer small { font-size: 10px; } .footer td a { color:#ff9900; font-size:18px; } .footer td a:hover { color: #FFFFFF;} .footer .mail { width:50%; text-align: center; } .footer .copyright { font-size:12px; }