@charset "utf-8"; /* CSS Document */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&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: 0px; padding: 0px; } html { height: 100%; font-size: 62.5%; } body { font: 400 15px/22px 'Open Sans', sans-serif; color: #333333; background: #ecf0f1; min-width: 1000px; position: relative; padding: 34px 0 84px; } img { border: none; } a { cursor: pointer; text-decoration: underline; color: #1085fe; } a:hover { text-decoration: none; } p { margin-bottom: 14px; } p small { font-size: 0.8em; } h1, h2, h3, h4, h5, h6 { font: 700 22px 'Open Sans', sans-serif; color: #016950; margin-bottom: 15px;} h1 { font-size: 28px; } h3 { font-size: 14px; } h4 { font-size: 13px; } 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; } .set, .menu:after, .content:after, .catalog:after, #footer:after { height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; display: block; content: '';} .page { margin-bottom: 26px; position: relative;} #wrap { position: relative; width: 902px; margin: 0 auto; padding: 0 30px; background: #fff; border-top: solid 4px #fff900;} .header { position: relative; min-height: 98px; border-bottom: solid 1px #e3e3e3; margin-bottom: 23px;} .logo {position: absolute; left: -38px; top: -14px;} .logo img { float: left;} .tel_1 { position: absolute; right: 1px; top: 21px; padding: 28px 2px 0; background: url(../images/tel_1.png) 100% 0 no-repeat; min-width: 173px; text-align: right; font-size: 14px; color: #666666; line-height: normal;} .menu { padding: 25px 190px 0 255px; zoom: 1;} .menu ul { padding: 0; margin: 0;} .menu li { list-style: none; float: left; padding: 0 29px 0 0; font-weight: 600; font-size: 16px; color: #000; line-height: normal;} .menu li a { color: #000; display: inline-block; *display: inline; zoom: 1; text-decoration: none !important; white-space: nowrap;} .menu li a:hover { border-bottom: solid 1px #cccccc;} .menu li.active a { color: #016950;} .content { position: relative; border-bottom: solid 1px #e3e3e3; margin-bottom: 14px; zoom: 1;} .content img { float: left; border: solid 2px #d9d9d9; margin: 5px 20px 27px 0; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;} .ie7 .content img {top: -27px; margin-top: 27px; margin-bottom: 0; zoom:1;} .content h1 { margin: -5px 0 5px; letter-spacing: -3px;} .button { display: inline-block; *display: inline; zoom: 1; font-size: 14px; color: #016950; text-decoration: none !important; padding: 0 9px; height: 32px; line-height: 32px; border: solid 1px #016950; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; margin-bottom: 25px; position: relative;} .h101 { font-size: 30px; font-weight: 400; color: #333333; text-align: center; margin-bottom: 42px;} .catalog { position: relative; zoom: 1; overflow: hidden; margin-bottom: 23px;} .catalog ul { width: 110%; padding: 0; margin: 0; font-size: 0; line-height: 0;} .catalog li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; border: solid 1px #e3e3e3; width: 164px; text-align: center; margin: 0 18px 18px 0;} .catalog li:hover { border-color: #016950;} .catalog li a { color: #333; text-decoration: none; display: block; padding: 9px 5px; min-height: 164px;} .catalog li a:hover { color: #016950; } .catalog li a span { display: block; padding-top: 10px; font-size: 14px; line-height: 20px;} #footer { position: relative; margin: 0 -38px; background: #016950; font-size: 14px; line-height: 20px; color: #fff; padding: 13px 40px 10px; border-bottom: solid 4px #fff900;} .ie7 #footer { width: 100%; padding: 13px 38px 10px;} #footer a { color: #fff900; text-decoration: none;} #footer a:hover { text-decoration: underline;;} .footer_r { float: right; width: 200px; text-align: right; padding: 27px 2px 0 0; background: url(../images/tel_2.png) 100% 0 no-repeat; color: #c3dcd6;} .footer_l { width: 95px; white-space: nowrap; padding-right: 5px; float: left;} .footer_c { overflow: hidden; zoom: 1;} .footer_c img { vertical-align: middle; margin-right: 40px;} .footer_c img:first-child { margin-right: 96px;} .ie7 .footer_c img { position: relative; top: 2px;} .copy { position: absolute; margin-top: 36px; font-size: 13px; line-height: 18px; color: #666;} .counters { position: absolute; right: 40px; margin-top: 30px;} .f_l, .f_r { width: 8px; height: 8px; display: block; position: absolute; top: -8px; left: 0; background: url(../images/footer-left-corn.png) no-repeat;} .f_r { left: auto; right: 0; background: url(../images/footer-right-corn.png) no-repeat;}