*{ margin:0; padding:0;}
body{font-family: Arial,Helvetica,sans-serif;font-size: 12px;line-height: 18px;color: #606060; /*background: url(../images/bg_grey_gradient.png) bottom repeat-x;*/ min-height: 800px; }
#header{width:100%;}
h1,h2,h3 {line-height: 1.1 !important;}
h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}
h2{
	text-transform: uppercase;
}
.blue{
	border-bottom: 1px solid #3793f9;
	text-shadow: 0 1px 1px #fff;
	color:#3793f9;;
}
.center{text-align:center;}
.justifyright{text-align:right;}
.item{position:relative;}
.item-title-top20{position: absolute;top: 20px;width: 100%;}
.item-photo{height: 100px;
vertical-align: middle;
display: table-cell;
text-align: center;}
table img,.logo img{max-width: none;}
.logo img{margin-left: 20px;height: 70px;}
.red{color:red;}
.justifycenter{text-align: center !important;}
/* Base class */
.bs-docs-example {
  position: relative;
  margin: 15px 0;
  padding: 14px 19px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}



/* Remove spacing between an example and it's code */
.bs-docs-example + .prettyprint {
  margin-top: -20px;
  padding-top: 15px;
}

/* Tweak examples
------------------------- */
.bs-docs-example > p:last-child {
  margin-bottom: 0;
}
.bs-docs-example .table,
.bs-docs-example .progress,
.bs-docs-example .well,
.bs-docs-example .alert,
.bs-docs-example .hero-unit,
.bs-docs-example .pagination,
.bs-docs-example .navbar,
.bs-docs-example > .nav,
.bs-docs-example blockquote {
  margin-bottom: 5px;
}
.bs-docs-example .pagination {
  margin-top: 0;
}


/* Bootstrap Styles */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
p{margin:0 0 10px;}
.lead{margin-bottom:20px;font-size:21px;font-weight:200;line-height:30px;}
small{font-size:85%;}
strong{font-weight:bold;}
ul,ol{padding:0;margin:0 0 10px 25px;}
ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
li{line-height:20px;}
hr{margin:20px 0;border:0;border-top:1px solid #eeeeee;border-bottom:1px solid #ffffff;}
address{display:block;margin-bottom:20px;font-style:normal;line-height:20px;}
.bold{font-weight: bold;}
.null{margin:0 !important;padding:0 !important;}
.justifycenter{text-align:center !important;}
/*HEADER*/
ul.mainmenu{float: left;padding: 2px 0;margin: 40px 0 0 100px;overflow: hidden;}
ul.mainmenu li{float: left;list-style: none;border-left: 1px solid rgba(144, 144, 144,0.9);line-height:1;margin-left: -1px;}
ul.mainmenu li a{-moz-transition: all 0.2s; /* Firefox */-webkit-transition:all 0.2s; /* Safari and Chrome */-o-transition: all 0.2s; /* Opera */transition: all 0.2s;margin: 0 10px; color: rgb(144, 144, 144); text-decoration: none;border-bottom: 1px solid rgba(144, 144, 144,0.9);}
ul.mainmenu li a:hover{opacity:1 !important;border-bottom: 1px solid rgba(144, 144, 144,0);}

ul.services{float: left;margin:15px 0 0 0;padding: 0;}
ul.services li{float: left;list-style: none;line-height:1;margin:0;padding: 0;width:235px;}
ul.services li a{margin: 0; color: rgb(144, 144, 144); text-decoration: none;}
#menu{position: relative;height: 30px;margin-bottom:10px;}
ul.services li a img:hover{opacity: 0.8;}
#horizontal-menu{position: absolute;z-index: 100;width: 1000px;height: 30px;top:0;}
.relative{position: relative;}
.brand-pic{
	position: absolute;
	right: 0;
	top: 0;
}
.brand-pic img{
	height: 30px;
}
.tovar-gallery {text-align:center;}
.tovar-gallery img{
	width: 150px;
	/*box-shadow: 0 0 3px #000;*/
}

.gallery-item img{
	box-shadow: 0 0 3px #000;
	margin:5px;
}

.tovar-gallery:nth-child(1) img{
    max-width: 450px !important;
    width: inherit;
    margin: 0 auto 10px;
    display: block;
}

.logo{margin: 10px 0;}

.breadcrumbs{margin: 5px 0 5px 20px;}
.breadcrumbs a{text-decoration: none;color: rgb(144, 144, 144);border-bottom: 1px solid rgba(144, 144, 144,0.9);-moz-transition: all 0.2s; /* Firefox */-webkit-transition:all 0.2s; /* Safari and Chrome */-o-transition: all 0.2s; /* Opera */transition: all 0.2s;}
.breadcrumbs a:hover{opacity:1 !important;border-bottom: 1px solid rgba(144, 144, 144,0);}

.desc-module{}
.desc-module-pic{float: left;width: 45px; padding-right: 10px;}
.desc-module-text{float: left;width: 395px;}

.func-module{float: left;width:470px;}
.func-module-pic{float: left;width:190px;padding-right: 10px;}
.func-module-text{float: left;width:260px;padding-right: 10px;}

/* Styling up the image gallery */

#slideshow-main {
	width: 350px;
	float: left;
	margin-right: 3px;
}
#slideshow-main ul {
    margin:0; 
    padding:0; 
    width:429px;
}
#slideshow-main li {
    width:350px; 
    height:350px; 
    display:none;
    position:relative;
list-style:none;
}
#slideshow-main li.active {
    display:block !important;
}

/* Styling up the carousel */
#slideshow-carousel {
    float:left; 
    width:70px;
    position:relative
}
#slideshow-carousel ul {
    margin:0; 
    padding:0;
    list-style:none;
}
#slideshow-carousel li {
    background:#fff; 
    height:97px; 
    position:relative
}
#slideshow-carousel li a {
    background:#fff; 
    display:block; 
    width:206px; 
    height:95px;
}
#slideshow-carousel .active {
    filter:alpha(opacity=100); 
    -moz-opacity:1.0; 
    -khtml-opacity: 1.0; 
    opacity: 1.0;
}
#slideshow-carousel .faded {
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



.catalog-item{width:150px;text-align:center;float:left;margin:0 10px 10px 10px;}
.catalog-title{line-height:1.1;height:52px; overflow:hidden;display: table-cell;vertical-align: bottom;}
.catalog-image{width:150px;height:213px;margin-top:5px;}


.headert{
	font-weight:bold;
	background: #dadada;
}
.headert td {
	text-align:center !important;
}
.lefttd{
	background: #f9f9f9;
	font-weight:bold;
}

.spoiler-wrap{border: 1px solid #ddd;padding: 10px; margin-bottom: 10px;}
.spoiler-head {cursor:pointer;}
.folded {display: block;background: rgba(0, 0, 0, 0) url(../images/icon_plus_1.gif) no-repeat left center;padding-left: 14px;}
.unfolded {display: block;background: rgba(0, 0, 0, 0) url(../images/icon_minus_1.gif) no-repeat left center;padding-left: 14px;}
.instructions {
	margin: 10px 0 20px;
}
.instructions a{
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #000;
	line-height:2;
}

.instructions a:hover{
	text-decoration: none;
	color: #000;
	border-bottom: none;
}

table{width:100%;}
table th, table td {padding: 4px 0px !important;}