@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:560px; height:auto !important; height:560px; } 

.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 { 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; }



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.714em;  }

p { margin-top:1em; }

.menu { border-bottom:6px solid #d00000; margin-bottom:1px; padding-top:99px; overflow:hidden }
.menu ul { float:right;}
.menu li { float:left; border-left:1px solid #fff; }
.menu li a { display:block; height:33px; background:url(../images/menu-button.png) no-repeat 0 0 #e1e1e1; padding-left:26px; }
.menu li a:hover span { text-decoration:none; }
.menu li a span { display:block; height:33px; background:url(../images/menu-button.png) no-repeat 100% 0 #e1e1e1; padding-right:26px; line-height:32px; color:#000; text-decoration:underline; cursor:pointer; }
.menu .active a, .menu .active a span{ background-image:url(../images/menu-button-active.png); background-color:#d00000; height:38px; color:#fff; font-weight:bold; text-decoration:none; cursor:default; line-height:38px; position:relative;  }
.menu .active a { margin-top:-5px; }

#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:1.6em }
.systems li { margin-left:46px; border-bottom:1px dotted #7f7f7f; margin-top:1em; padding-bottom:1em; margin-bottom:-1px; }
.systems li a { padding-left:44px; margin-left:-44px; display:block; }
.systems .vid { padding-bottom:.6em}
.systems .vid a { background:url(../images/ic1.jpg) no-repeat left center; height:26px; }
.systems .acc a { background:url(../images/ic2.jpg) no-repeat left center; height:36px; }
.systems .alc a { background:url(../images/ic3.jpg) no-repeat left center; height:36px; }
.systems .sec a { background:url(../images/ic4.jpg) no-repeat left center; height:36px; line-height:26px; margin-top:-6px; }

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

#content { margin-left:318px; margin-right:36px; margin-top:-1em; padding-bottom:2em }
#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 }

#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 }