@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
background-color:#FFFFFF;
}
/* хедер сайта*/
#header{
background-image:url(../images/img_02.jpg);
background-repeat:repeat-x;
background-position:top;
width:100%;
}
.headerimage{
width:214px;
height:81px;
background-image:url(../images/img_01.jpg);
background-repeat:no-repeat;
}
.headerother{
position:relative;
margin-top:-80px;
width:780px;
height:81px;
margin-left:215px;
}
.headernav{
height:22px;
width:780px;
margin-top:0px;
padding-top:0px;
}
.headersearch{
height:57px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#2e2a2a;
width:780px;
margin-top:0px;
padding-top:0px;
}

#subheader{
height:150px;
width:100%;
margin-bottom:15px;
float:left;
}
.logo{
margin-top:0px;
}
.slogan{
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-variant:small-caps;
color:#333333;
 font-weight: bold;
}
.menu{
margin-top:33px;
width:850px;
height:20px;
border-bottom:1px solid #c4c4c4;
border-top:1px solid #c4c4c4;
color:#333333;
font-variant:small-caps;
}
.menu ul{
margin:0px;
list-style:none;
}
.menu li{
display:block;
background-repeat:no-repeat;
background-position:left;
float:left;
padding-left:15px;
margin-left:15px;
font-size:9px;
}
.menu li a{

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
font-variant:small-caps;
text-decoration:none;
}
/*конец области хедера*/

/*контент*/
#main{
_height:450px;
min-height:450px;
width:924px;
font-family:tahoma;
font-size:12px;
color:666;
text-align:justify;
clear:both;
}
/*конец области контента*/

/*футер сайта*/
#footer{
clear:both;
width:100%;
height:101px;
background-image:url(../images/img_32.jpg);
background-repeat:repeat-x;
background-position:bottom;
font-family:tahoma;
font-size:11px;
color:#999999;
}
.copyright{
float:left;
width:200px;
height:10px;
margin-top:80px;
padding-left:25px;
}
.footimag{
float:right;
width:245px;
padding-top:80px;
height:21px;
background-image:url(../images/2_03.jpg);
background-repeat:no-repeat;
}
.demo a{
  padding-left: 0;
  margin-left: 0;
  background: none;
}
.ff{
background-image:url(../images/1_25.jpg);
}


#nav, #nav ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:850px;
min-height: 20px;
}
#nav li {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
font-variant:small-caps;
text-decoration:none;
float:left;
position:relative
}
#nav a {
display:block;
text-decoration:none;
height: 20px;
}
#nav a:hover {
color:#020f59;
 text-decoration: none;
}
#nav li:hover, #nav li.jshover {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
font-variant:small-caps;
}
#nav li ul {
width:740px;
min-height: 20px;
display:none;
padding:0px 0;
position:absolute;
}
#nav li ul li{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
font-variant:small-caps;
text-decoration:none;
float:left;
position:relative;
margin: 0;
padding-left: 10px;
padding-right: 10px;
}
#nav li li a {
background:transparent none repeat scroll 0 0;
background-image:url(../images/img_24.jpg);
background-repeat: no-repeat;
background-position: 3% 50%;
}
#nav li:hover ul, #nav li.jshover ul {
display:block;
}
#nav li:hover li ul, #nav li.jshover li ul {
display:none;
top:-9px;
}
#nav li:hover li:hover ul, #nav li.jshover li.jshover ul {
display:block;
}
.gallery{
  width: 280px;
  float: left;
  height: 280px;
  border: 1px solid #ccc;
  margin: 10px;

}
.krat_opis{
  padding: 20px;

}
.images{
  text-align: center;
  padding-top: 10px;
}
.kart{
 float:left;
 width: 225px;
 border: 15px solid #e2e2e2;
}
.desc{
}
.nam{
  float: left;
  width: 600px;
 margin-left: 15px;
 padding-right: 15px;
 padding-left: 3px;
 border-left:1px solid #ccc;
 color: #666666;
}
.vus{
  width: 250px;
  padding-left: 3px;
  float: left;
}
.karr{
background-color:#e2e2e2;
float:left;
height:135px;
margin-bottom:20px;
margin-left:10px;
padding-top:10px;
margin-right:30px;
text-align:center;
vertical-align:middle;
width:150px;
}
select
{
font-size: 10px;
width: 250px;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid #ffffff;
overflow: scroll; /*leave this value alone*/
width: 810px; /*Width of Carousel Viewer itself*/
height: 150px; /*Height should enough to fit largest content's height*/
margin-left: 75px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 20px; /*margin around each panel*/
width: 180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.katalog{
  float: left;
  width: 450px;
  margin-bottom: 25px;
}
.path{
  font-size: 12px;
  font-weight: bold;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  padding-bottom: 10px;
}
h2 {
  font-size: 16px;
}