/** * style_desktop.css - styles for desktop version * author Oleg V. Lubarsky aka Dr.LOV * Copyright (c) 2007-2010 Plastilin Studio (http://plastilins.com.ua/) */ @import "/style_desktop_cont.css"; @import "/framework/js/plugins/colorbox/example6/colorbox.css"; /** Common */ html, body {height:100%; margin:0px; padding:0px; } body {background:url(/media/bg.jpg) repeat-x;} html {} body {} .m_5px {margin:5px;} .m_10px {margin:10px;} .m_15px {margin:15px;} .m_20px {margin:20px;} .p_5px {padding:5px;} .p_10px {padding:10px;} .p_15px {padding:10px;} .p_20px {padding:10px;} .d_block {display:block;} .d_inline {display:inline;} .d_none {display:none;} .f_left {float:left;} .f_right {float:right;} .a_left {text-align:left;} .a_right {text-align:right;} .a_center {text-align:center;} .a_justify {text-align:justify;} .clear {clear:both;} /** loading */ #op h2 span { display:none; } #loading {position:absolute; left:212px; top:317px; margin-left:-15px; margin-top:-15px; width:30px; height:30px; z-index:1000;} #loading .anim {position:absolute; left:0px; top:0px;} /** document layout */ .lay_site {position:relative; left:auto; top:0px; width:923px; margin:0px auto;} #lay_header {position:relative; width:100%; height:285px; margin-bottom:20px; background:#ED3E75 url(/media/header_bg.jpg) repeat-x;} #lay_header a#btn_logo {display:block; position:absolute; top:35px; left:0px; width:433px; height:119px; background:url(/media/logo.png) no-repeat; } #lay_header a#btn_logo:hover {background-position: 0px -119px;} #lay_header .face {position:absolute; top:0px; right:0px; width:218px; height:267px; background-image:url(/media/face.png);} #lay_header .menu {position:absolute; top:187px; left:5px; width:647px; height:28px; color:#000; font-size:13px; background-image:url(/media/menuheader_bg.png); overflow:hidden;} #lay_header .menu a.item {float:left; margin-left:19px; width:114px; height:28px; line-height:28px; color:#000; font-size:14px; text-align:center; text-decoration:none; overflow:hidden;} #lay_header .menu a.item:hover {color:#000; background-image:url(/media/menu_header_over.png);} #lay_header .menu a.active {color:#fff; background-image:url(/media/menu_header_active.png);} #lay_header .menu a.item_1 {margin-left:0px;} #lay_header .menu a.item_2 {} #lay_header .menu a.item_3 {} #lay_header .menu a.item_4 {} #lay_header .menu a.item_5 {} #lay_header .contact {position:absolute; color:#717670; line-height:16px; top:30px; right:0px; width:168px; height:61px; padding: 10px 10px 20px 10px; background-image:url(/media/header_phone_bg.jpg); overflow:hidden;} #lay_middle {width:100%; clear:both;} #lay_middle .column_left {padding-left:5px; width:235px; } #lay_middle .column_center {padding:0px 0px 0px 0px;} #lay_content {margin:0px 0px 0px 0px;} #lay_footer {position:relative; height:106px; background:#ED3E75 url(/media/footer_bg.jpg) repeat-x; color:#fff; font-size:13px; line-height:16px;} #lay_footer a {color:#fff;} #lay_footer a:hover {color:#f0f0f0;} #lay_footer .copyright {position:absolute; left:0px; top:15px; width:420px; height:40px; } #lay_footer a.copylink {text-decoration:none;} #lay_footer a.copylink:hover {color:#fff;} #lay_footer .counter {position:absolute; left:0px; top:65px; width:420px; height:40px; opacity:0.4;} #lay_footer .contact {position:absolute; right:0px; top:8px; width:420px; height:100px; overflow:hidden;} /** menu header */ div.menu_header_item_div {float:left; margin-left:19px; height:28px; line-height:28px;} div.menu_header_item_div a.menu_header_item {float:left; width:114px; font-size:14px; text-align:center; height:28px; line-height:28px; text-decoration:none; color:#000;} div.menu_header_item_div a.menu_header_item_active {color:#fff; background-image:url(/media/menu_header_active.png);} div.menu_header_item_div a.menu_header_item:hover {color:#000; background-image:url(/media/menu_header_over.png);} div.menu_header_item_cutline {} div.menu_header_item_div:first-child {margin-left:0px;} div.menu_header_item_div:first-child {margin-left:expression(this.previousSibling==null ? '0px' : '19px');} /** menu main */ div.menu_main_item_div {margin-bottom:3px; position:relative;} div.menu_main_item_div .menu_main_item {display:block; color:#0092DD; font-size:15px; height:29px; line-height:29px; text-decoration:underline; white-space:nowrap; overflow:hidden;} div.menu_main_item_div span.menu_main_item {color:#505050; text-decoration:none;} div.menu_main_item_div a.menu_main_item:hover {color:#EB5386;} div.menu_main_item_div .menu_main_item_active {color:#EB5386;} div.menu_main_item_div .menu_main_item2 {padding-left:25px; font-size:12px; height:20px; line-height:20px;} div.menu_main_item_div .menu_main_item3 {padding-left:50px; font-size:12px; height:20px; line-height:20px;} div.menu_main_item_cutline {height:17px;} /** Content common */ div.contentbody {margin:0px;} .pages {padding:0px 0px; float:right; height:22px; line-height:22px;} .pages span {padding:0px 4px; float:left; } .pages a {padding:0px 4px; float:left; line-height:22px; } .pages a:hover {} .pages a.active {color:#EB5386; } a.preview {display:block; padding:0px; background-color:#f4f4f4; border:1px solid #fff; } a.preview:hover {border:1px solid #EB5386;} a.preview img {border:none;} .decor_buttons {display:block; margin-bottom:30px; width:693px; height:123px; color:#fff; background-image:url(/media/decorbuttons_bg.jpg);} .decor_buttons a.button {float:left; color:#fff; width:133px; height:88px; margin-top:16px; margin-left:36px; overflow:hidden; text-align:center; text-decoration:none;} .decor_buttons a.button:hover {background-position: 0px -88px;} .decor_buttons a.button_1 {background-image:url(/media/decorbutton_1.png);} .decor_buttons a.button_2 {background-image:url(/media/decorbutton_2.png);} .decor_buttons a.button_3 {background-image:url(/media/decorbutton_3.png);} .decor_buttons a.button_4 {background-image:url(/media/decorbutton_4.png);} /** catalog */ a.catalog_name {} a.catalog_name:hover {} .catalog_img {border: 1px solid #e0e0e0; display:block; padding:0px; margin:0px; background-color:#fff;} a.catalog_img:hover {border: 1px solid #0A6EA0;} .catalog_img img {border: none;} .catalog_img_list {width:200px; height:170px;} .catalog_img_detail {width:670px; } table.catalog_list {width:100%; } table.catalog_detail {width:100%; } /** News */ .news .date {font-style: italic;} .news .text {}