@import url(../css/reset.css);
html { height:100%; position:relative; background:url(../images/back-main.jpg) #0c3e71; font-size:.875em; }
body { min-height:100%; height:auto !important; height:100%; position:relative; font:100.1% Tahoma, Arial, Helvetica, sans-serif; background:url(../images/back.jpg) repeat-x 0 0; }

a { color:#004dc0; text-decoration:underline; }
a:hover { color:#d11c23; }

.page-container { padding:36px 0 40px 0; }
#page { width:890px; background:url(../images/header-top-shadow.png) repeat-x 0 0 #fff; position:relative; z-index:2; margin:0 auto; }
#page #main { position:relative; z-index:2; min-height:676px; height:auto !important; height:676px; }

.header { top:-40px; position:relative; padding-bottom:150px; margin:0 7px; }
.h-about { background:url(../images/header-about.jpg) bottom left no-repeat; }
.h-about .header-image { width:341px; height:178px; background:url(../images/header-cam.png) no-repeat; position:absolute; bottom:-32px; right:-21px; }
.h-cat { background:url(../images/header-cat-back.png) bottom left repeat-x; }
.h-cat .header-image { width:100%; height:150px; background:url(../images/header-cat-img.jpg) no-repeat 50% 0; position:absolute; bottom:0; right:0; }
.h-contacts { background:url(../images/header-contacts-back.png) bottom left repeat-x; }
.h-contacts .header-image { width:100%; height:150px; background:url(../images/header-contacts-img.jpg) no-repeat 0 0; position:absolute; bottom:0; right:0; }
.h-sub { background:url(../images/header-sub-back.png) bottom left repeat-x; }
.h-sub .header-image { width:100%; height:150px; background-repeat:no-repeat; background-image:url(../images/header-msg1.png); background-position:28px 46px; position:absolute; bottom:0; right:0; }
.h-services { background:url(../images/header-services.jpg) bottom left no-repeat; }

.h-prod, .h-prod2, .h-prod3, .h-prod4, .h-prod5 { background:url(../images/header-prod-back.png) bottom left repeat-x; }
.h-prod .header-image { width:100%; height:150px; background:url(../images/header-prod-msg.png) no-repeat 28px 50%; position:absolute; bottom:0; right:0; }
.h-prod2 .header-image { width:100%; height:150px; background:url(../images/header-prod2-msg.png) no-repeat 28px 50%; position:absolute; bottom:0; right:0; }
.h-prod3 .header-image { width:100%; height:150px; background:url(../images/header-prod3-msg.png) no-repeat 28px 50%; position:absolute; bottom:0; right:0; }
.h-prod4 .header-image { width:100%; height:150px; background:url(../images/header-prod4-msg.png) no-repeat 28px 50%; position:absolute; bottom:0; right:0; }
.h-prod5 .header-image { width:100%; height:150px; background:url(../images/header-prod-5.png) no-repeat 28px 50%; position:absolute; bottom:0; right:0; }



h1 { width:145px; height:94px; line-height:94px; position:absolute; overflow:hidden; font-size:1.6em; left:86px; top:19px; }
h1 a { font-weight:bold; color:#cf1b24; }
h1 span { width:145px; height:94px; display:block; top:0; left:0; background:url(../images/logo.jpg) no-repeat; position:absolute; cursor:pointer }

h2 { color:#da0000; font-size:1.6em; font-family: Times New Roman;}
h3 { color:#da0000; font-size:1.4em; margin-top:15px; text-align:center; font-family: Times New Roman;}
h4 { font-weight:bold; font-size:1.1em;}

p, li { margin-top:1em; clear:left }

.menu { border-bottom:6px solid #d00000; margin-bottom:1px; padding-top:94px; overflow:hidden }
.menu table { float:right; width:565px; }
.menu td { border-left:1px solid #fff; width:1%; padding-top:0px }
.menu td a { display:block; height:38px; 0 0 #e1e1e1; padding-left:0px }
.menu td a:hover span { text-decoration:none; }
.menu td a span { display:block; text-indent:-9999px; height:33px; 100% 0 #e1e1e1; padding-right:5px; text-align:center; line-height:32px; color:#000; text-decoration:underline; cursor:pointer; }
.menu .active a, .menu .active a span{ text-indent:0; background-color:#d00000; height:38px; color:#fff; font-weight:bold; text-decoration:none; cursor:default; line-height:38px; }
.menu .active a { margin-top:-5px; }

.menu .active i { display:none !important; }
.menu i { display:block; background-repeat:no-repeat; height:14px; margin:-22px auto 0; }
.menu .about i { background-image:url(../images/menu-about.jpg); width:78px; }
.menu .main i { background-image:url(../images/menu-main.jpg); width:53px; }
.menu .catalog i { background-image:url(../images/menu-catalog.jpg); width:51px; }
.menu .services i { background-image:url(../images/menu-services.jpg); width:43px; }
.menu .contacts i { background-image:url(../images/menu-contacts.jpg); width:61px; }

.men { border-bottom:6px solid #d00000; margin-bottom:1px; padding-top:94px; overflow:hidden }
.men table { float:right; width:565px; }
.men td { border-left:1px solid #fff; width:1%; padding-top:5px }
.men td a { display:block; height:33px; 0 0 #e1e1e1; padding-left:0px }
.men td a:hover span { text-decoration:none; }
.men td a span { display:block; text-indent:-9999px; height:33px; 100% 0 #e1e1e1; padding-right:5px; text-align:center; line-height:32px; color:#000; text-decoration:underline; cursor:pointer; }
.men .active a, .menu .active a span{ text-indent:0; background-color:#d00000; height:38px; color:#fff; font-weight:bold; text-decoration:none; cursor:default; line-height:38px; }
.men .active a { margin-top:-5px; }

.men .active i { display:none !important; }
.men i { display:block; background-repeat:no-repeat; height:14px; margin:-22px auto 0; }
.men .about i { background-image:url(../images/menu-about.jpg); width:78px; }
.men .main i { background-image:url(../images/menu-main.jpg); width:53px; }
.men .catalog i { background-image:url(../images/menu-catalog.jpg); width:51px; }
.men .services i { background-image:url(../images/menu-services.jpg); width:43px; }
.men .contacts i { background-image:url(../images/menu-contacts.jpg); width:61px; }

.men1 { border-bottom:6px solid #d00000; margin-bottom:1px; padding-top:6px; overflow:hidden }
.men1 table { float:right; width:565px; }
.men1 td { border-left:1px solid #fff; width:1%; padding-top:5px }
.men1 td a { display:block; height:33px; 0 0 #e1e1e1; padding-left:0px }
.men1 td a:hover span { text-decoration:none; }
.men1 td a span { display:block; text-indent:-9999px; height:33px; 100% 0 #e1e1e1; padding-right:5px; text-align:center; line-height:32px; color:#000; text-decoration:underline; cursor:pointer; }
.men1 .active a, .menu .active a span{ text-indent:0; background-color:#d00000; height:38px; color:#fff; font-weight:bold; text-decoration:none; cursor:default; line-height:38px; }
.men1 .active a { margin-top:-5px; }

.men1 .active i { display:none !important; }
.men1 i { display:block; background-repeat:no-repeat; height:14px; margin:-22px auto 0; }
.men1 .about i { background-image:url(../images/menu-about.jpg); width:78px; }
.men1 .main i { background-image:url(../images/menu-main.jpg); width:53px; }
.men1 .catalog i { background-image:url(../images/menu-catalog.jpg); width:51px; }
.men1 .services i { background-image:url(../images/menu-services.jpg); width:43px; }
.men1 .contacts i { background-image:url(../images/menu-contacts.jpg); width:61px; }

#side { width:256px; padding-left:24px; float:left; margin-top:-1em;  }
#side .main-side-img { padding-top:3.4em; position:relative; left:-17px; }

.systems { position:relative; overflow:hidden; padding-top:2.1em }
.systems li { margin-left:46px; border-bottom:1px dotted #7f7f7f; margin-top:.53em; padding-bottom:.5em; margin-bottom:-1px; }
.systems li a { padding-left:44px; margin-left:-44px; display:block; text-indent:-9999px; width:100%; }
.systems .vid { padding-bottom:.6em}
.systems .vid a { background:url(../images/syst-4.png) no-repeat left center; height:35px; margin-bottom:-3px; }
.systems .acc a { background:url(../images/syst-1.png) no-repeat left center; height:49px; }
.systems .alc a { background:url(../images/syst-2.png) no-repeat left center; height:49px; }
.systems .sec a { background:url(../images/syst-3.png) no-repeat left center; height:34px; }

.phone { background:url(../images/ic5.png) no-repeat 7px 2px;  font-weight:bold; padding-left:32px; text-align:center; font-size:1.714em; margin-top:2.36em; }
.banner { padding-left:360px; margin-top:6px;}
.phone span { color:#707070; font-size:0.588em; position:relative; display:block }
.header .phone { width:220px; position:absolute; right:22px; top:8px; margin-top:1em; }

#content1 { margin-left:318px; margin-right:36px; margin-top:-1em; padding-bottom:2em; overflow:hidden; font-weight:normal; text-align:justify;}
#content1 {position:relative;left:-1px;padding-left:1px;padding-right:1px}
#content1.no-side { margin-left:35px; }
#content1 table { margin-top:1em }
#content1 li { background:url(../images/circle.gif) no-repeat 0 .48em; padding-left:1em; color:#0b3e73 }

#content2 { margin-left:318px; margin-right:36px; margin-top:-1em; padding-bottom:2em; overflow:hidden; font-weight:normal; text-align:justify; font-size:.9em;}
#content2 {position:relative;left:-1px;padding-left:1px;padding-right:1px}
#content2.no-side { margin-left:35px; }
#content2 table { margin-top:1em }
#content2 li { background:url(../images/circle.gif) no-repeat 0 .48em; padding-left:1em; color:#0b3e73 }


#content { margin-left:318px; margin-right:36px; margin-top:-1em; padding-bottom:2em; overflow:hidden; font-weight:bold; text-align:justify}
#content {position:relative;left:-1px;padding-left:1px;padding-right:1px}
#content.no-side { margin-left:35px; }
#content.contacts { font-size:.857em; color:#555555; padding-top:3.4em; width:466px }
#content.contacts h2 { color:#000; font-size:1.166em; padding-bottom:.5em }
#content.contacts p { padding-bottom:1em; margin-top:0; }
#content.contacts input.text-field { width:274px; padding:1px; }
#content.contacts textarea { width:460px; overflow:auto }
#content.contacts input.button { padding:1px .4em; }
#content.contacts input, #content.contacts textarea { margin-bottom:.8em }

#footer { position:absolute; left:0; bottom:0; width:100%; z-index:3; padding-bottom:.8em; }
#footer a { color:#b8c8d7; }
.copy {  bottom:0; text-align:right; width:890px; margin:0 auto; color:#b8c8d7; padding-right:34px;}
.stat {  bottom:0; text-align:left; width:880px; margin:0 auto; color:#b8c8d7; padding-left:0px }

#page .background { position:absolute; z-index:auto; overflow:auto; bottom:0; left:0; width:100%; height:100%; background:url(../images/content-back.jpg) repeat-x 0 100%; }
#page .background i { position:absolute; bottom:0; left:0; width:506px; height:496px; background:url(../images/content-back-img.jpg) no-repeat; display:block }
.shadow-top { height:40px; top:-36px; position:relative; left:0; background:url(../images/shadow-t.png) repeat-x; margin:0 40px; width:810px; z-index:1 }
.shadow-top i { display:block; height:76px; width:80px; background:url(../images/shadow-lt.png) no-repeat 0 0; display:block; left:-80px; position:absolute }
.shadow-top b { display:block; height:76px; width:80px; background:url(../images/shadow-rt.png) no-repeat 0 0; display:block; right:-80px; position:absolute }
.shadow-left { height:100%; bottom:0px; position:absolute; left:-40px; background:url(../images/shadow-l.png) repeat-y; width:40px; z-index:1; }
.shadow-right { height:100%; bottom:0px; position:absolute; right:-40px; background:url(../images/shadow-r.png) repeat-y; width:40px; z-index:1; }
.shadow-bottom { height:40px; bottom:-40px; position:relative; left:0; background:url(../images/shadow-b.png) repeat-x 0 50%; margin:0 40px; width:810px; z-index:1 }
.shadow-bottom i { display:block; height:80px; top:-40px; width:80px; background:url(../images/shadow-lb.png) no-repeat 0 0; display:block; left:-80px; position:absolute }
.shadow-bottom b { display:block; height:80px; top:-40px; width:80px; background:url(../images/shadow-rb.png) no-repeat 0 0; display:block; right:-80px; position:absolute }

/* text-styles */
strong { font-weight:bold; font-size:1.18em }
.imp { color:#da0000; }
ul.bull { margin-top:1em; padding-left:2em }
ul.bull li { margin-top:0; list-style:disc; }
ol { margin-top:1em; padding-left:1.4em }
ol li { margin-top:0; list-style:decimal }
img.tddescr-img { margin:.2em auto .5em; display:block; padding-right:.6em }
img.right-image { float:right; margin:1.2em 0 .5em .5em; }
img.left-image { float:left; margin: 0.3em .5em .5em 0; }
#content table { margin-top:1em }
#content li { background:url(../images/circle.gif) no-repeat 0 .48em; padding-left:1em; color:#0b3e73 }
hr { display:block; height:0; background:0; border:none; border-top:1px solid #dbdbdb; margin:1.3em .1em; }