/* -------------------------------------------------------------------------------------------------------------------------------------- Classes -------------------------------------------------------------------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } .clear { display: block; clear: both; font-size: 1px; line-height: 1px; height: 1px; } .hidden { display: none; } .show { display: block; } .fleft { float: left; } .fright { float: right; } img.fleft { float: left; margin: 5px 10px 5px 5px; } img.fright { float: right; margin: 5px 5px 5px 10px; } .aleft { text-align: left; } .aright { text-align: right; } .acenter { text-align: center; } .padding { padding: 10px; } .nopadding { padding: 0; } .margin { margin: 10px; } .nomargin { margin: 0; } .container { overflow: hidden; } .vouter { overflow: hidden; display: table; width: 100%; } /* Height!!! */ .vmiddle { display: table-cell; vertical-align: middle; } .w50 { width: 50%; } .w33 { width: 33.3%; } .w25 { width: 25%; } /* -------------------------------------------------------------------------------------------------------------------------------------- Общее -------------------------------------------------------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { height: 100%; } body { position: relative; color: #797979; font: 0.7em Tahoma, Sans-Serif; background: #F4727C; height: 100%; } form fieldset { border: 0; } form input.text, form input.password, form input.file, form select, form textarea { font-size: 12px; } form input.submit, form input.button { font-size: 1em; } form input.image { position: relative; top: 2px; } h1, h2, h3, h4 { padding: 15px 0; color: #A73A3A; font-family: "Trebuchet MS"; } h1 { font-size: 2em; } h2 { font-size: 1.7em; } h3 { font-size: 1.4em; } h4 { font-size: 1.1em; font-style: italic; } a { color: black; text-decoration: underline; } a:hover { text-decoration: none; } a img { border: 0; } p, ul, ol, dl, form { padding: 5px 0; } blockquote { padding: 5px 0 5px 20px; } .c-black { color: #000; } #header-bg { position: absolute; top: 0; left: 0; background: url(/media/img/header-bg.gif) no-repeat center 0; width: 100%; height: 92px; } #center-width { background: url(/media/img/footer-bg.gif) no-repeat center bottom; min-height: 100%; } #center { position: relative; margin: 0 auto; width: 910px; } #center #contacts { overflow: hidden; float: left; margin-left: 25px; margin-top: -160px; padding-top: 8px; padding-left: 20px; color: #fff; background: url(/media/img/contacts-bg.gif) no-repeat 0 0; height: 152px; width: 185px; } #center #contacts strong { color: #FFFCD6; } #center #contacts a { color: #FFFCD6; text-decoration: underline; } #center #contacts a:hover { text-decoration: none; } /* -------------------------------------------------------------------------------------------------------------------------------------- Шапка -------------------------------------------------------------------------------------------------------------------------------------- */ #header { position: relative; background: url(/media/img/header-bg.gif) no-repeat center 0; height: 92px; } #logo { position: absolute; top: 13px; left: 54px; } #navbar { position: absolute; right: 0; bottom: 0; font-size: 1.25em; font-family: "Trebuchet MS"; } #navbar ul li { list-style: none; position: relative; float: left; padding: 8px 13px 11px 12px; background: url(/media/img/navbar-bg.gif) no-repeat right 4px; } #navbar ul li.noborder { padding-right: 11px; background: none; } #navbar ul li a { text-decoration: none; } #navbar ul li a span { cursor: pointer; position: absolute; top: 7px; left: 11px; color: #FFFCD6; } #navbar ul li.active { padding: 0; background: #E95A5A url(/media/img/navbar-active1.gif) no-repeat 0 0; } #navbar ul li.active div { padding: 8px 11px 11px 11px; background: url(/media/img/navbar-active2.gif) no-repeat right 0; } /* -------------------------------------------------------------------------------------------------------------------------------------- Контент -------------------------------------------------------------------------------------------------------------------------------------- */ #body { background: #E95A5A url(/media/img/body-top.gif) no-repeat 0 0; } #body .body-bg { padding: 10px 0; background: url(/media/img/body-bottom.gif) no-repeat 0 bottom; min-height: 400px; } #content-wrapper { float: left; padding-top: 203px; background: url(/media/img/content-bg2.jpg) no-repeat 10px 0; width: 100%; } #content { margin-left: 260px; background: #FFFBDB url(/media/img/content-top.gif) no-repeat 0 0; width: 640px; } #content .content-bg { padding: 5px 30px; background: url(/media/img/content-bottom.gif) no-repeat 0 bottom; min-height: 390px; } #content p.place { padding-bottom: 30px; border-bottom: 1px solid #C9C7B4; } #content p.listing { margin: 10px 0; padding: 8px; font-family: Arial; background: #fff; } #content p.listing a { margin: 0 5px; } #content p.listing a.active { padding: 0 5px; color: #000; font-weight: bold; background: #E9E9E1; border: 3px solid #E9E9E1; } #content .line { font-size :1px; line-height: 1px; background: url(/media/img/line-bg.gif) no-repeat 0 0; height: 11px; } #content .catalog .stroke { padding: 30px 0 10px 0; } #content .catalog .stroke .logo { text-align: center; } #content .catalog .stroke .item { float: left; padding-right: 5%; width: 29.9%; } #content .catalog .stroke .item.nopadding { padding: 0; } #content .catalog .stroke p { padding-top: 15px; } #content .catalog .stroke p span.head { display: block; padding-bottom: 5px; } #content .catalog .stroke p span.head a { color: #000; font-weight: bold; } #content .catalog-inner .stroke { padding: 20px 0; } #content .catalog-inner .stroke .item { float: left; width: 49.9%; } #content .catalog-inner .stroke .item .photo { position: relative; margin-bottom: 10px; width: 175px; height: 106px; } #content .catalog-inner .stroke .item .photo a{ text-decoration:none; } #content .catalog-inner .stroke .item .photo span.frame { cursor: pointer; position: absolute; top: 0; left: 0; background: url(/media/img/photo-frame.gif) no-repeat 0 0; width: 175px; height: 106px; } #content .catalog-inner .stroke .item p { padding-right: 20px; } #content .catalog-inner .stroke .item p span.head { display: block; padding-bottom: 5px; } #content .catalog-inner .stroke .item p span.head a { color: #000; font-weight: bold; } #content .catalog-inner .stroke .item p strong.price { color: #A73A3A; } #content table.table { border-collapse: collapse; } #content table.table th { padding: 11px 15px 12px 15px; } #content table.table td { padding: 15px; } #content table.table th { color: #000; text-decoration: underline; text-align: left; background: #E5E3CC; } #content table.table th.left { background-image: url(/media/img/table-bg1.gif); background-repeat: no-repeat; background-position: 0 0; } #content table.table th.right { background-image: url(/media/img/table-bg2.gif); background-repeat: no-repeat; background-position: right 0; } #content table.table td { vertical-align: top; } #content table.table tr.bg td { background: #E5E3CC; } form.form { background: url(/media/img/form-bg.gif) no-repeat 0 27px; } form.form .head { padding-bottom: 20px; color: #A73A3A; } form.form p { padding-left: 10px; border-bottom: 1px solid #E5E3CC; } form.form p.noborder { border: 0; } form.form p label { float: left; width: 210px; } form.form p.error label { color: #A73A3A; font-weight: bold; } form.form p.error input.text, form.form p.error textarea { background: #D4D0C8; } form.form input.text { width: 350px; } form.form textarea { width: 352px; } /* ----------- Sidebar ----------- */ #leftside { float: left; margin-left: -100%; padding-top: 218px; padding-left: 20px; width: 225px; padding-bottom: 160px } #leftside ul#leftnav li { list-style: none; padding: 2px 16px 2px 34px; } #leftside ul#leftnav li a { color: #FFFCD6; font-size: 1.25em; font-family: "Trebuchet MS"; text-decoration: none; } #leftside ul#leftnav li a:hover { text-decoration: underline; } #leftside ul#leftnav li.active { padding: 0; background: #F3777F url(/media/img/leftnav-top.gif) no-repeat 0 0; } #leftside ul#leftnav li.active span.parent { display: block; padding: 4px 0; } #leftside ul#leftnav li.active .bg { padding: 4px 16px 8px 34px; background: url(/media/img/leftnav-bottom.gif) no-repeat 0 bottom; } #leftside ul#leftnav li.active a:hover { text-decoration: none; } #leftside ul#leftnav li.active .sub { font-size: 0.8em; } #leftside ul#leftnav li.active .sub i { display: block; margin-left: -13px; padding: 5px 0 6px 13px; font-style: normal; border-bottom: 1px solid #E95A5A; } #leftside ul#leftnav li.active .sub i.noborder { border: 0; } #leftside ul#leftnav li.active .sub i a { color: #fff; font-family: Tahoma; font-weight: bold; } #leftside ul#leftnav li.active .sub i a:hover { text-decoration: underline; } #leftside ul#leftnav li.active .sub i.active { background: url(/media/img/leftnav-active.gif) no-repeat 0 0; border: 0; } #leftside ul#leftnav li.active .sub i.active a:hover { text-decoration: none; } /* -------------------------------------------------------------------------------------------------------------------------------------- Footer -------------------------------------------------------------------------------------------------------------------------------------- */ #footer { color: #fff; height: 60px; } #footer p { padding: 20px 0 0 34px; } #footer a { color: #fff; } /* -------------------------------------------------------------------------------------------------------------------------------------- Главная страница -------------------------------------------------------------------------------------------------------------------------------------- */ body#mainpage a { color: #FFFCD6; text-decoration: underline; } body#mainpage a:hover { text-decoration: none; } body#mainpage { background: #F1707C url(/media/img/mainpage-bg.jpg) no-repeat center center; } body#mainpage #center #content { position: relative; margin-left: 0; background: none; width: 100%; height: 700px; } body#mainpage #center #content #logo { position: absolute; top: 20px; left: 40px; } body#mainpage #center #content #menu { position: relative; top: 153px; background: #E85959 url(/media/img/mainpage-content.jpg); height: 453px; } body#mainpage #center #content #menu ul { list-style: none; } body#mainpage #center #content #menu ul li { position: absolute; } body#mainpage #center #content #menu ul li.about { top: 40px; left: 130px; } body#mainpage #center #content #menu ul li.contacts { top: 59px; left: 492px; } body#mainpage #center #content #menu ul li.useful { top: 248px; left: 439px; } body#mainpage #center #content #menu ul li.catalog { top: 184px; left: 62px; } body#mainpage #center #content #menu ul li.news { top: 122px; left: 429px; } body#mainpage #center #content #footer { position: absolute; bottom: 0; color: #fff; width: 100%; } body#mainpage #center #content #footer a { color: #fff; } body#mainpage #center #content #footer #copyright { position: absolute; bottom: 10px; padding-left: 40px; } body#mainpage #center #content #footer #footer-contacts { position: absolute; right: 0; bottom: 10px; width: 480px; } body#mainpage #center #content #footer #footer-contacts strong { display: block; padding-bottom: 5px; color: #FFFCD6; } #fadeinbox{text-align:center;position:absolute;z-index:5;} #fadeinbox a{color:#FF5800} #fadeinbox p{padding:10px;}