@font-face {
 font-family:'NeoSansPro-Regular';
 src:url('./font/NeoSansPro-Regular.eot');
 src:url('./font/NeoSansPro-Regular.woff') format('woff');
 font-weight:normal;
 font-style:normal}

@font-face {
 font-family:'NeoSansPro-Medium';
 src:url('../font/NeoSansPro-Medium.eot');
 src:url('../font/NeoSansPro-Medium.woff') format('woff');
 font-weight:normal;
 font-style:normal}

 
html {
 height:100%;
 /*min-width: 980px;*/
 width:100%;
}

body {
 /*min-width: 980px;*/
 width:100%;
 height:100%;
 color: #333;
 font: 16px 'NeoSansPro-Regular',Tahoma,sans-serif;
 /*font:12px/18px Tahoma,Verdana,sans-serif;*/
 background: #afd2f2;
}

* {margin: 0; padding: 0; outline:none;}
.clear {clear: both;}



ul, ol{list-style:none;}
img{border:0;}

a { color:#006fb4; text-decoration:underline;}

h1 { font-size: 150%; color:#006fb4; padding: 5px 10px 15px 10px;}
h2 { font-size: 130%; color:#000; padding: 10px;}
h3 { font-size: 120%; color:#000; padding: 10px;}
h4 { font-size: 110%; color:#000; padding: 10px;}
h5 { font-size: 100%; color:#000; padding: 10px;}


#bg-grad-on{background: url(/images/bg-grad-on.gif) repeat-x center top; display:block;}
#bg-grad-krug {background: url(/images/bg-grad-krug.png) no-repeat center top; display:block;}
.gradient {background: url(/images/bg_all_grad_w.png) repeat-y center top;}

.wrap{
/* min-width: 980px;
 max-width: 1180px;*/
 width:1180px;
 margin: 0 auto;
 clear:both;
 position:relative;
 }


#header-box{
display:block; 
 height: 170px;
 width:100%;
 }
#header-box-bg{ display:block; width:100%; height:447px; position: absolute; top:22px; /*left: -350px;*/ background: url(/images/bg-grad-krug.png) no-repeat 0 0;} 
#logo{
 display:block;
 position: absolute;
 top:22px;
 left:36px;
 z-index: 100;
 width: 456px;
 height: 240px;
 background: url(/images/logo.png) no-repeat center 0px;
 } 

 
#slider-box{
 background: #006fb4;
} 
#slider{
 background: url(/images/bg-slider.jpg) no-repeat center top;
 width:100%;
}
 
#slider-text ul li {
 font-size: 110%;
 color:#FFFFFF;
text-shadow: 1px 1px 0px #03528c;
 line-height: 1.2;
 padding: 0px 0px 20px 35px;
 background: url(/images/bg_ul_green_square.png) no-repeat left 0px;
}
#slider-foto{
display:block;
float: right;
margin: 10px;
width: 430px;
 height: 240px;
 background: url(/images/slider-foto2.jpg) no-repeat center top;
} 

#content-box{
 padding: 15px 0 0 0;
 width:100%;
 } 
#footer-box { 
 padding: 15px 0;
 background: url(/images/bg-grad-on.gif) repeat-x center top;
 font-size:80%;
 width:100%;
 font-weight:bold;
 
 }
.wrap, #header-box, #content-box, #footer-box, #slider-box{ display: block; } 
 
#gradient-all{ display:block; width:100%;}
 
 

#header-right{width: 100%; height: 170px; font-size:80%; font-weight:bold; color:#014b9e; }
#header-right table{ position:relative; right:0; top:0; display:block; float:right}
#header-right td{ padding: 0 0px 10px 0px}
#header-right a{color:#014b9e; }

.bg-header-phone{ display:block; width:28px; height:28px; background: url(/images/bg-header-phone.png) no-repeat 0 0; } 
.bg-header-mail{ display:block; width:28px; height:28px; background: url(/images/bg-header-mail.png) no-repeat 0 0; } 
.text-1{color:#fff; font-style:italic; font-weight:normal} 
#menu-main-box, #uNMenuDiv1{
display:block;
position:absolute;
top: 128px;
right: 0px;
 }

.uMenuRoot, #menu-main{ display:block;
 width:100%;

}

.uMenuRoot > li, #menu-main > li {
 /*border-top: 4px solid #db002f;*/
 display: block;
 float: left;
 margin: 0 6px;
 padding: 0px 8px;
 height:42px;
 line-height:47px;
 }

.uMenuRoot > li > a.uMenuItemA, #menu-main > li.activ {
 /*border-top: 4px solid #db002f;*/
 background: url(/images/bg-menu-main.png) repeat-x bottom;
 }
.uMenuRoot > li a, #menu-main > li a{
color: #000;
text-shadow: 1px 1px 0px #fff;;
font-size: 120%;
text-decoration:none; }
.uMenuRoot > li. uMenuItemA a, #menu-main > li.activ a{
color: #fff;
text-shadow: 1px 1px 2px #000;;
}


 
 
.uMenuRoot a, #menu-main a{ text-decoration: none;}
.uMenuRoot a:hover, #menu-main a:hover{ text-decoration: underline;}




#menu-footer-box{
 background: url(/images/bg-menu-main.png) repeat-x 0 bottom;
 height: 36px;
 width:100%;
 clear: both;
 }
 
#menu-footer-box >#uNMenuDiv1, #menu-footer{
 display:block;
 position:inherit;
 
 }
#menu-footer-box >#uNMenuDiv1 ul, #menu-footer ul{
 display:block;
 margin: 0 auto;
 width:850px;
 }
#menu-footer-box >#uNMenuDiv1 li, #menu-footer li{
 display: inline-block;
 font-size:80%;
 }
#menu-footer-box >#uNMenuDiv1 li a, #menu-footer li a{
 display: block;
 height: 36px;
 line-height:36px;
 padding: 0px 25px;
text-shadow: 1px 1px 0px #fff;;
 color: #000;
 text-decoration: none;
 background: url(/images/bg_menu_footer_separator.png) no-repeat right 4px;
 
 }
#menu-footer-box >#uNMenuDiv1 li:last-child a, #menu-footer li:last-child a{
 background: none;
 }
#menu-footer-box >#uNMenuDiv1 li:hover, #menu-footer li:hover{
 background: url(/images/bg_menu_footer_over.png) repeat-x bottom;
 }
#menu-footer-box >#uNMenuDiv1 li.activ a, #menu-footer li.activ a{
color:#FFFFFF;
text-shadow: 1px 1px 2px #000;;
 }
#menu-footer-box >#uNMenuDiv1 li:hover a, #menu-footer li:hover a{
text-decoration:underline;
color:#FFFFFF;
text-shadow: 1px 1px 2px #000;;
 }
 
 


#vspom-menu { display:block; width: 250px; background:#fff; color:#000;
font-size: 110%; line-height: 110%;}
#vspom-menu Ul { margin: 0 10px;}

#vspom-menu Ul LI{ display:block; clear:both; border-bottom: 1px solid #b9f6bd; padding: 7px 10px;}
#vspom-menu a{ color:#000; text-decoration: none; font-weight:bold;}
#vspom-menu a:hover{ color:#217200}

.vspom-menu-head { display:block; background: url(/images/bg-menu-main.png) repeat-x bottom; color: #fff; font-size: 120%; text-shadow: 0px 0px 2px #028d12; text-align:center; height: 36px; line-height:36px}

.left-bar{ display:block; float: left;}
.right-bar{display:block; float: right;}
.center-right-bar{ display:block; padding: 0 20px 20px 20px; margin-left: 250px; }

.tabl-1 td{ padding:5px 10px;}

.AuthForm {
 position: absolute;
 top: 0px;
 left: 25%;
 z-index: 150;
 background: #006fb4;
 background: linear-gradient(top, #57a0cd, #006fb4);
 background: -webkit-linear-gradient(top, #57a0cd, #006fb4);
 background: -moz-linear-gradient(top, #57a0cd, #006fb4);
 background: -ms-linear-gradient(top, #57a0cd, #006fb4);
 background: -o-linear-gradient(top, #57a0cd, #006fb4);
 color: #fff;
 padding: 8px;
 border-radius: 0px 0px 8px 8px;
 box-shadow: 0px 2px 8px rgba(255,255,255,0.4);
}

input[type="submit"] {
 border: 0;
 padding: 4px 12px;
 background: #6EE87B;
 box-shadow: inset 0px 1px 0px white, inset 0px -1px 0px #575;
 color: #333;
 text-shadow: 1px 1px 0px white;
 font-weight: bold;
 font-size: 11pt;
 border-radius: 3px;

}

input[type="submit"]:hover {
 box-shadow: inset 0px -1px 0px white, inset 0px 1px 0px #575;
 color: #666;

}

input {
 border: 0px;
 box-shadow: inset 1px 1px 4px rgba(0,0,0,0.75);
 padding: 3px 3px;
 text-align: center;
 border-radius: 6px;
 color: #666;
}

input:focus {
 color: #000; 
}

.AuthForm a {
 color: #fff; 
}

.Orders {
 background: rgba(255,255,255,0.5);
 border-radius: 12px;
 box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
 padding: 32px;
 min-width: 100px;
 text-align: center;
}


.Orders input {
 background: #006FB4;
 color: #fff;
 text-shadow: 1px 1px 0px black;
 margin: 6px 10px;
 padding: 6px 20px;
 text-align: center;
 border: 0;
 box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);
 border-radius: 6px;
}

.Orders select, .Orders input[type="submit"] {
 background: #006FB4;
 color: #fff;
 text-shadow: 1px 1px 0px black;
 margin: 6px 10px;
 padding: 6px 20px;
 text-align: center;
 border: 0;
 box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
 border-radius: 6px;
}
.sidebox{
display: inline-block;
 display: inline-block;
margin: 0px auto;
position: relative;
}
.right{
 float:right;
}