@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700|Open+Sans+Condensed:300,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: 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: #ae386a; }
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 #5c7865; -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; width: 384px; height: 124px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEyNkRGNkM4RjM5ODExRTM5RjlBOTg1NDVBNDhFNjlCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEyNkRGNkM5RjM5ODExRTM5RjlBOTg1NDVBNDhFNjlCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTZEODg3RERGMzk3MTFFMzlGOUE5ODU0NUE0OEU2OUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTZEODg3REVGMzk3MTFFMzlGOUE5ODU0NUE0OEU2OUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6cJnAhAAAAEElEQVR42mL4////M4AAAwAJ4gPkeCmujwAAAABJRU5ErkJggg==);}
.ie7 .logo_wr { background: url(../images/logo_wr.png);}
.logo { position: absolute; top: 24px; left: 15px;}
.logo_tx { width: 150px; height: 57px; position: absolute; top: 41px; left: 204px; padding-left: 19px; font: 300 25px/30px 'Open Sans Condensed', sans-serif; color: #ae386a; border-left: dotted 1px #d7a9bd; /*text-indent: -99in; overflow: hidden; background: url(../images/logo_tx_bg.png) no-repeat;*/}
.logo_tx span { position: relative; top: -5px;}
.header_tel { position: absolute; top: 19px; right: 22px; padding: 7px 16px 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEyNkRGNkM4RjM5ODExRTM5RjlBOTg1NDVBNDhFNjlCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEyNkRGNkM5RjM5ODExRTM5RjlBOTg1NDVBNDhFNjlCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTZEODg3RERGMzk3MTFFMzlGOUE5ODU0NUE0OEU2OUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTZEODg3REVGMzk3MTFFMzlGOUE5ODU0NUE0OEU2OUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6cJnAhAAAAEElEQVR42mL4////M4AAAwAJ4gPkeCmujwAAAABJRU5ErkJggg==);}
.ie7 .header_tel { background: url(../images/logo_wr.png);}
.h301 { margin-bottom: 10px; padding-bottom: 6px; font-size: 24px; border-bottom: 1px solid #d6d8d7; color: #000000;}
.tel_01 { padding-left: 4px; font-size: 15px; line-height: 16px; color: #ae386a;}
.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: #85a68e; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#85a68e), to(#5b7764)); background: -webkit-linear-gradient(#85a68e, #5b7764); background: -moz-linear-gradient(#85a68e, #5b7764); background: -ms-linear-gradient(#85a68e, #5b7764); background: -o-linear-gradient(#85a68e, #5b7764); background: linear-gradient(#85a68e, #5b7764); -pie-background: linear-gradient(#85a68e, #5b7764);}
.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: 39px;}
.nav li a { text-decoration: none; color: #fff;}

.page { margin-bottom: 36px;}

.section { margin-bottom: 31px; border: 1px solid #d3d6d3; background: #ffffff; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.h201 { height: 46px; font: 700 21px 'Open Sans Condensed', sans-serif; margin-bottom: 1px; position: relative; text-align: center; line-height: 46px; color: #000000; background: #d8dfda; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d8dfda), to(#c3c9c5)); background: -webkit-linear-gradient(#d8dfda, #c3c9c5); background: -moz-linear-gradient(#d8dfda, #c3c9c5); background: -ms-linear-gradient(#d8dfda, #c3c9c5); background: -o-linear-gradient(#d8dfda, #c3c9c5); background: linear-gradient(#d8dfda, #c3c9c5); -pie-background: linear-gradient(#d8dfda, #c3c9c5); -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 #eef1ef;}
.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: #ae386a; border-bottom: 2px solid #87274f; color: #fff; text-decoration: none; line-height: 36px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.catalog_list { padding: 28px 0 0 49px; overflow: hidden; margin-bottom: -34px;}
.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 45px 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; font-size: 13px; color: #ffffff; position: relative; zoom: 1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #6A8773; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6A8773), to(#64826d)); background: -webkit-linear-gradient(#6A8773, #64826d); background: -moz-linear-gradient(#6A8773, #64826d); background: -ms-linear-gradient(#6A8773, #64826d); background: -o-linear-gradient(#6A8773, #64826d); background: linear-gradient(#6A8773, #64826d); -pie-background: linear-gradient(#6A8773, #64826d);}
.adr { width: 540px; padding-top: 5px; float: left; line-height: 20px; letter-spacing: .015em;}
.adr a { color: #d1e7d8;}
.copy { width: 200px; text-align: right; padding-top: 10px; letter-spacing: .015em; color: #333333; position: absolute; right: 0; top: 100%;}
.tel_02 { padding: 8px 6px 0 16px; float: right;}
.tel_02 span { display: block; margin-top: -9px;}
.ie7 .tel_02 span { margin-top: -2px;}
    
© TrueDev.org