@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;}    
© TrueDev.org