html, body {margin: 0; padding: 0;}

body {font-family: Verdana, sans-serif; font-size: 13px; background: #fff;}

h1 {margin: 0; padding: 0; font-weight: normal; font-size: 25px;}

a {color: #c81515;}

a img {border: none;}

.main-centered {width: 960px; margin: 0 auto; max-width: calc(100% - 30px);}

#header {height: 360px; background: url(../imgs/public/header.jpg) no-repeat 0 0; position: relative;}
#main-menu {height: 48px; position: absolute; bottom: 0; left: 0; width: 100%; background: url(../imgs/public/menu-bg.jpg) no-repeat 0 0;}
#main-menu a {display: block; text-decoration: none; color: #fff; line-height: 42px; margin: 1px 0 1px 1px; float: left; font-size: 20px; padding: 0 15px; }
/*#main-menu a {font-size: 12px; float: left; padding: 0 10px;}*/
#main-menu a:HOVER,
#main-menu a.sel {
	background: #fff; color: #c81515; border-radius: 3px;
	background: -moz-linear-gradient(top, #f5f5f5, #fff);
	background: -o-linear-gradient(top, #f5f5f5, #fff);
	background: -webkit-linear-gradient(top, #f5f5f5, #fff);
	background: linear-gradient(top, #f5f5f5, #fff);	
}

#header #logo {display: block; position: absolute; right: 30px; top: 10px;  text-decoration: none; background: url(../imgs/public/logo.png) no-repeat 0 0; width: 337px; height: 218px;}

#footer {background: #c81515; color: #fff;}
#footer div {float: left; line-height: 50px; }
#footer div.address {font-size: 14px; width: 420px; padding-left: 40px; background: url(../imgs/public/ico-1.jpg) no-repeat 10px center;}
#footer div.fax {font-size: 14px; width: 200px; padding-left: 40px; background: url(../imgs/public/ico-2.jpg) no-repeat 0px center;}
#footer div.phone {font-size: 19px; width: 220px; padding-left: 30px; background: url(../imgs/public/ico-3.jpg) no-repeat 0px center;}

#footer-extra {text-align: center; padding: 10px 0;}

#body {margin: 10px auto;}
#body p {line-height: 100%;}

.index-news {}
.index-news .news-item {margin: 0; padding: 10px 0; border-top: solid 1px #eee;}
.index-news .news-item .news-item-title {padding: 5px 0; font-size: 20px; font-size: 14px;}
.index-news .news-item .news-item-title a {text-decoration: none; float: left; width: calc(100% - 132px);}
.index-news .news-item .news-item-img {float: left; margin: 0 10px 10px 0; padding: 5px; border: solid 1px #eee;}
.index-news .news-item .news-item-short {font-size: 13px;}
.index-news .news-item .news-item-more {text-align: right;}
.news_date {
    width: 130px;
    float: left;
}
.index-news-wrapper {
    max-height: 466px;
    overflow: auto;
}
table.prop-table {width: 100%; border-collapse: collapse;}
table.prop-table td {padding: 5px; border: solid 1px #eee;}
table.prop-table td:FIRST-CHILD {width: 30%; font-weight: bold;}

.news .news-item-title { margin-bottom: 10px; border-bottom: 1px solid #999; padding: 0 0 5px; font-size: 22px;}
.country-name { margin-bottom: 10px; border-bottom: 1px solid #999; padding: 0 0 5px; font-size: 22px;}
#content-continer h1 { margin-bottom: 10px; border-bottom: 1px solid #999; padding: 0 0 5px; font-size: 22px;}
.news .news-item-img {float: left; margin: 0 10px 10px 0; padding: 5px; border: solid 1px #eee;}
.news .news-item-img img {max-width: 500px;}


.products {margin: 10px 0; }
.products .category {font-size: 19px; color: #555; font-weight: bold; text-shadow: 1px 1px 1px #aaa; padding: 10px 0; clear: both;}
.products .products-category {}
.products .products-category .product {float: left; width: 50%; position: relative;}
.products .products-category .product .product-wrapper {border: solid 1px #ccc; margin: 5px;}
.products .products-category .product .product-wrapper .product-wrapper-2 {border: solid 1px #fff; height: 280px; overflow: hidden;}
.products .products-category .product .product-wrapper .product-wrapper-2 {
	background: #fff; 
	background: -moz-linear-gradient(right, #f5f5f5, #fff);
	background: -o-linear-gradient(right, #f5f5f5, #fff);
	background: -webkit-linear-gradient(right, #f5f5f5, #fff);
	background: linear-gradient(right, #f5f5f5, #fff);		
}
.products .products-category .product .product-wrapper .product-wrapper-2:HOVER {
	background: -moz-linear-gradient(right, #e5e5e5, #fff);
	background: -o-linear-gradient(right, #e5e5e5, #fff);
	background: -webkit-linear-gradient(right, #e5e5e5, #fff);
	background: linear-gradient(right, #e5e5e5, #fff);
	cursor: default;		
}
.products .products-category .product .product-wrapper .product-wrapper-2 .product-wrapper-3 {margin: 5px;}
.products .products-category .product .product-img {float: left; width: 50%; margin: 0 0 5px 0; text-align: center; height: 190px; line-height: 190px;}
.products .products-category .product .product-img img {max-width: 100%; max-height: 180px; vertical-align: middle;}
.products .products-category .product .product-img-1 {text-align: center;}
.products .products-category .product .product-img-1 img {max-width: 100%; max-height: 180px; vertical-align: middle;}
.products .products-category .product .product-body {margin-left: 50%;}
.products .products-category .product .product-name {padding: 5px 0; text-align: center;}
.products .products-category .product .product-name a {text-decoration: none; font-weight: bold; font-size: 17px;}
.products .products-category .product .product-name a:HOVER {text-decoration: underline;}
.products .products-category .product .product-prop {height: 20px; font-size: 11px;}
.products .products-category .product .product-prop .prop-title {float: left; width: 40%; overflow: hidden; line-height: 20px; }
.products .products-category .product .product-prop .prop-val {width: 60%; line-height: 20px; height: 20px; overflow: hidden;}
.products .products-category .product .product-short {clear: both; margin-top: 10px; float: left;}
.products .products-category .product .product-more {position: absolute; right: 15px; bottom: 15px;}

table.props {width: 100%; border-collapse: collapse;}
table.props td {border: solid 1px #ccc; padding: 1px;}
table.props td.prop-title {background: #eee; width: 90px;}

table.ololo-props {width: 90%; border-collapse: collapse;}
table.ololo-props td {border: solid 1px #ccc; padding: 3px;}
table.ololo-props td.prop-title {background: #eee; width: 130px;}

h1.product-name {margin-bottom: 10px;}
.product-view .product-imgs {float: left; width: 400px; margin: 0 20px 10px 0; border: solid 1px #eee;}
.product-view .product-imgs .main-img {margin: 5px; text-align: center;}
.product-view .product-imgs .main-img img {max-width: 100%;}
.product-view .product-imgs .main-img.loading {background: url(../imgs/ajax-loader.gif) no-repeat center center;}
.product-view .product-imgs .main-img.loading img {visibility: hidden;}
.product-view .product-imgs .thumbs {margin: 5px;}
.product-view .product-imgs .thumbs a {text-decoration: none; display: block; float: left; margin: 0 5px 5px 0; border: solid 1px #fff;}
.product-view .product-imgs .thumbs a.sel {border: solid 1px #aaa;}
.product-view .product-imgs .thumbs a img {max-width: 100px;}
.product-view .product-body {width: 530px;}
.product-view .product-body.has-images {margin-left: 420px;}
.product-view .product-prop {height: 22px; font-size: 13px;}
.product-view .product-prop .prop-title {float: left; width: 40%; overflow: hidden; line-height: 22px; font-weight: bold;}
.product-view .product-prop .prop-val {width: 60%; line-height: 22px; height: 22px; overflow: hidden;}
.product-view .product-short {clear: left;}

.product-pdf iframe {width: 100%; height: 800px;}

.brands {padding: 10px 0;}
.brands .brand {height: auto; line-height: normal; clear: left; margin-bottom: 10px;}
.brands .brand .brand-img {width: 200px; line-height: 100px; text-align: center; float: left;}
.brands .brand .brand-img img {max-width: 200px; max-height: 100px; vertical-align: middle;}
.brands .brand .brand-wide-img img {max-width: 100%;}
.brands .brand div.brand-name {margin-left: 250px; font-size: 20px;}

.brand-view {padding: 10px 0;}
.brand-view .brand-img {}
.brand-view .brand-img img {border: solid 1px #eee; padding: 0; max-width: 100%;}
#body .brand-view .brand-body p {line-height: 200%;}
#body .news-item-full p {
    font-size: 13px;
    line-height: 26px;
}
#map img {
	max-width: 100%;
}

.questions-form {border: solid 1px #ccc; margin: 10px 0;}
.questions-form .questions-form-wrapper {
	background: #fff; 
	background: -moz-linear-gradient(right, #e5e5e5, #fff);
	background: -o-linear-gradient(right, #e5e5e5, #fff);
	background: -webkit-linear-gradient(right, #e5e5e5, #fff);
	background: linear-gradient(right, #e5e5e5, #fff);	
	border: solid 1px #fff;
}
.questions-form .questions-form-wrapper .questions-form-wrapper-2 {margin: 10px;}
.questions-form .title {margin-bottom: 3px;}
.questions-form .control-name,
.questions-form .control-email,
.questions-form .control-company, 
.questions-form .control-phone {float: left; width: 300px; clear: left; margin-bottom: 5px;}
.questions-form input[type="text"] {border: solid 1px #bbb; border-top: solid 1px #999; border-left: solid 1px #999; width: 100%; font-size: 20px; box-sizing: border-box;}
.questions-form .control-text {margin-left: 320px; margin-right: 10px;}
.questions-form textarea {border: solid 1px #bbb; border-top: solid 1px #999; border-left: solid 1px #999; width: 100%; font-size: 20px; height: 185px; max-width: 100%;box-sizing: border-box;}
.questions-form .control-button {clear: both; }
.questions-form .control-button input {padding: 5px 10px; font-size: 17px; }
.questions-form input.error,
.questions-form textarea.error {border: solid 1px #a00;}
img {
    max-width: 100%;
}
.country-body img {
    height: auto !important;
}

.shop-link-container {padding: 10px 0; text-align: center;}
.shop-link-container a {background: #d00; color: #fff; text-decoration: none; padding: 10px 15px; border-radius: 7px;}
.shop-link-container a:HOVER {background: #f00;}


.message {background: #0a0; color: #fff; padding: 10px; margin: 10px 0;}
.page.about table {
    max-width: 100%;
}
@media screen and (max-width: 920px) {
	#main-menu a {
		font-size: 15px;
	}
}
@media screen and (max-width: 767px) {
	.menu_drop {
		float: left;
		display: none;
		width: 100%;
		margin: 0;
		background: #c81616;
		padding: 0 2px 0 0;
		box-sizing: border-box;
	}
	.menu_drop.show {
		display: block;
	}
	.menu_drop a {
		width: 100%;
		box-sizing: border-box;
	}
	span.drop-toggle {
		display: inline-block;
		padding: 0;
		height: 19px;
		margin: 13px 10px;
		cursor: pointer;
	}
	.drop-toggle > span {
		display: inline-block;
		width: 30px;
		height: 3px;
		background: #fff;
		position: relative;
	}
	.drop-toggle > span::before {
		position: absolute;
		width: 30px;
		height: 3px;
		background: #fff;
		top: 8px;
		content: "";
	}
	.drop-toggle > span::after {
		position: absolute;
		width: 30px;
		height: 3px;
		background: #fff;
		top: 16px;
		content: "";
	}
	
	
	.products .products-category .product {
		width: 100%;
	}
	.questions-form .control-name, 
	.questions-form .control-email, 
	.questions-form .control-company, 
	.questions-form .control-phone {
    	width: 100%;
	}
	.questions-form .control-text {
		margin-left: 0;
		margin-right: 0;
	}
}
@media screen and (max-width: 480px) {
	.products .products-category .product .product-img {
		width: 100%;
	}
	.products .products-category .product .product-body {
		margin-left: 0;
	}
	.products .products-category .product .product-wrapper .product-wrapper-2 {
		height: auto;
	}
}
@media screen and (max-width: 430px) {
	#header #logo {
		width: 240px;
		height: 168px;
		background-size: 240px;
	}
	#header {
		height: 260px;
	}
}