@charset "utf-8"; /* CSS Document */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700|Open+Sans+Condensed:300&subset=latin,cyrillic-ext); html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form { margin: 0; padding: 0; } html { height: 100%; font-size: 62.5%; } body { font: 400 15px/24px 'Open Sans', sans-serif; color: #000000; background: #fcf9ef url("../images/all_bg.png") repeat;} img { border: none; } a { cursor: pointer; text-decoration: underline; color: #806300; } a:hover { text-decoration: none; } p { margin-bottom: 24px; } p small { font-size: 0.8em; } h1, h2, h3, h4, h5, h6 { font: 21px 'Open Sans', sans-serif; color: #005a89; margin-bottom: 15px;} h1 { font-size: 28px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 11px; } input[type='submit'], input[type='button'] { cursor: pointer; } ul, ol { padding-left: 30px; } ul li { list-style: disc outside; } .nav:after, .footer:after { content: ''; display: table; clear: both;} .main { width: 960px; margin: 0 auto; padding: 53px 0 55px;} .heder { margin-bottom: 30px;} .header_top { height: 161px; background: url("../images/header_bg.jpg") no-repeat; position: relative; border-bottom: solid 3px #000000; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;} .logo_wr { position: absolute; top: 19px; left: 19px;} .logo { position: absolute; top: 0; left: 0;} .logo_tx { width: 295px; height: 70px; position: absolute; top: 28px; left: 218px; text-indent: -99in; overflow: hidden; background: url(../images/logo_tx_bg.png) no-repeat;} .header_tel { position: absolute; top: 26px; right: 29px;} .h301 { margin-bottom: 10px; padding-bottom: 6px; font-size: 24px; border-bottom: 1px solid #445356; color: #f9cb2f;} .tel_01 { padding-left: 4px; font-size: 15px; line-height: 16px; color: #d0efff;} .tel_01 span { display: block; padding-top: 4px;} .nav { height: 54px; position: relative; zoom: 1; overflow: hidden; -webkit-border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; background: #767676; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#767676), to(#4b4b4b)); background: -webkit-linear-gradient(#767676, #4b4b4b); background: -moz-linear-gradient(#767676, #4b4b4b); background: -ms-linear-gradient(#767676, #4b4b4b); background: -o-linear-gradient(#767676, #4b4b4b); background: linear-gradient(#767676, #4b4b4b); -pie-background: linear-gradient(#767676, #4b4b4b);} .nav ul { padding: 11px 0 0 72px;} .nav li { height: 30px; padding: 0 23px 0 29px; background: url("../images/separator.png") 0 50% no-repeat; float: left; list-style: none; font-size: 15px; line-height: 30px; font-weight: 700;} .nav li:first-child { background: none; padding-left: 45px;} .nav li a { text-decoration: none; color: #fff;} .page { margin-bottom: 35px;} .section { margin-bottom: 31px; border: 1px solid #d6d4cb; background: #ffffff; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .h201 { height: 46px; margin-bottom: 1px; position: relative; text-align: center; line-height: 46px; color: #000000; background: #e7e7e7; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e7e7e7), to(#cbcbcb)); background: -webkit-linear-gradient(#e7e7e7, #cbcbcb); background: -moz-linear-gradient(#e7e7e7, #cbcbcb); background: -ms-linear-gradient(#e7e7e7, #cbcbcb); background: -o-linear-gradient(#e7e7e7, #cbcbcb); background: linear-gradient(#e7e7e7, #cbcbcb); -pie-background: linear-gradient(#e7e7e7, #cbcbcb); -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;} .h201 span { display:block; background: url("../images/title_bg.png") 50% 0 no-repeat;} .cont_wr, .catalog_list { border-top: 2px solid #fefaea;} .cont_wr { padding: 16px 18px;} .button_wr { margin: -4px 0 16px; padding-top: 2px;} .button { display: inline-block; *display: inline; zoom: 1; height: 36px; padding: 0 15px; background: #f9cb2f; border-bottom: 2px solid #bf9919; color: #654e00; text-decoration: none; line-height: 36px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .catalog_list { padding: 28px 0 11px 49px; overflow: hidden;} .catalog_list ul { width: 105%; padding: 0; font-size: 0; display: table;} .catalog_list li { display: inline-block; *display: inline; zoom: 1; width: 159px; margin: 0 74px 23px 0; list-style: none; font-size: 15px; text-align: center; vertical-align: top; position: relative;} .catalog_list li a { text-decoration: none;} .item_img img { max-width: 159px; max-height: 105px; vertical-align: middle;} .item_img i { display: inline-block; height: 105px; vertical-align: middle;} .item_name { display: inline-block; padding-top: 8px;} .item_name span { display: block;} .footer { padding: 9px 17px 11px 21px; background: #4e4e4e; font-size: 13px; color: #ffffff; position: relative; zoom: 1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .adr { width: 540px; padding-top: 3px; float: left; line-height: 20px; letter-spacing: .015em;} .adr a { color: #f9cb2f;} .copy { width: 200px; float: right; text-align: right; letter-spacing: .015em;} .tel_02 { padding: 8px 0 0 16px; overflow: hidden;} .tel_02 span { display: block; margin-top: -9px;} .ie7 .tel_02 span { margin-top: -2px;}