@charset "utf-8";
/* CSS Document */
h1, h2, h3, h4, h5 {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
}
h1 {
	font-size: 24px;
	color: #000;
	padding-left: 25px;
	background-image: url(css_img/bg-tit.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-top: 0px;
}

.h1hp {
	background-image: none;
	padding: 0;
	font-size: 18px;
	margin-top: -5px;
}

.h2pd {
	padding: 0;
	margin: 0;
	font-size: small;
	font-weight: normal;
}

p {
	margin-bottom: 20px;
	line-height: 21px;
}
strong {
	font-weight: 700;
}
em {
	font-style: italic;
}
p a {
	color: #74625b;
	text-decoration: underline;
 transition: .25s;
}
p a:hover {
	text-decoration: none;
}
p.header-text {
	font-size: 18px;
	color: #74625b;
	padding-left: 25px;
	float: left;
	background-image: url(css_img/bg-tit.png);
	background-repeat: no-repeat;
	background-position: left 13px;
	margin: 0px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
}

p.header-text-pl {
	font-size: 15px;
}

.clear {
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
	clear: both;
}
.banner {
	margin-bottom: 22px;
	width: 577px;
	height: 393px;
	position: relative;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.banner div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.banner div img {
	margin: 0;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}
.banner div.text {
	width: auto;
	height: auto;
	position: absolute;
	top: 14px;
	left: 26px;
	z-index: 60;
}
.banner div.text h2 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 14px;
	color: #000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.banner div.text p {
	color: #000;
}
.banner .button {
	z-index: 60;
	display: block;
	background: #9e7160;
	padding: 8px 22px;
	border-radius: 35px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 0 10px #fff;
	position: absolute;
	bottom: 20px;
	left: 26px;
transition: .25s;
}
.banner .button:hover {
	background: #775245;
}
.banner ul {
	position: absolute;
	top: 0;
	right: 0;
}
.banner ul li {
	margin: 0;
	list-style: none;
}
.banner ul li a {
	padding: 13px 15px;
	display: block;
	width: 115px;
	height: 73px;
	text-decoration: none;
	float: right;
	clear: both;
transition: .25s;
}
.banner ul li a h2 {
	margin: 0 0 4px 0;
	font-size: 13px;
	font-weight: 700;
}

.banner ul li a h3 {
	margin: 0;
	color: #000;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
}
.banner ul li a p {
	margin: 0;
	color: #000;
	font-size: 11px;
	line-height: 15px;
}
.banner ul li.bann1 a {
	background: url("css_img/bann1.png") no-repeat right 0;
}
.banner ul li.bann1 a h4 {
	color: #486098;
}
.banner ul li.bann2 a {
	background: url("css_img/bann2.png") no-repeat right 0;
}
.banner ul li.bann2 a h4 {
	color: #6f4437;
}
.banner ul li.bann3 a {
	background: url("css_img/bann3.png") no-repeat right 0;
}
.banner ul li.bann3 a h4 {
	color: #a04076;
}
.banner ul li.bann4 a {
	background: url("css_img/bann4.png") no-repeat right 0;
}
.banner ul li.bann4 a h4 {
	color: #733926;
}
.banner ul li.curr a, .banner ul li a:hover {
	padding-left: 84px;
	width: 115px !important;
}
.links {
	float: right;
	width: 169px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.links li {
	margin-bottom: 6px;
	list-style: none;
	float: left;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}
.links li a {
	display: block;
	border: 1px solid #938f8e;
	position: relative;
	float: left;
	clear: both;
 transition: .25s;
}
.links li a img {
	float: left;
}
.links li a span {
	width: 143px;
	padding: 5px 12px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	background: url("css_img/overlay.png") repeat;
}
.links ul {
	margin: 0px;
	padding: 0px;
}
.links li a:hover {
	opacity: .7;
}
aside {
	display:block;
}
.column-left {
	float: left;
	width: 167px;
	padding: 0px;
}
.column-left h3 {
	margin-bottom: 12px;
	font-size: 24px;
	color: #000;
	padding-left: 25px;
	background: url("css_img/bg-tit.png") no-repeat 0 center;
}
.column-left p {
	font-size: 12px;
}
.column-left p a {
	color: #000;
	text-decoration: underline;
}
.column-left p a:hover {
	text-decoration: none;
}
.vlnika_tabs {
	width: 100%;
	float: left;
	clear: both;
	border-bottom: 3px solid #e4d9d5;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 0;
}
.vlnika_tabs ul {
	margin: 0px;
	padding: 0px;
}
.vlnika_tabs li {
	float: left;
	list-style: none;
	font-weight: 300;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}
.vlnika_tabs li a {
	display: block;
	color: #000;
	text-decoration: none;
 transition: .25s;
	margin: 0px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 14px;
	padding-left: 20px;
}

.vlnika_tabs li a h2 {
	background-image: none;
	padding: 0;
	font-weight: 300;
	font-size: 18px;
	margin: 0px;
}

.vlnika_tabs li a:hover {
	background: #f9f8f7;
}
.vlnika_tabs li.curr a, .vlnika_tabs li.curr a:hover {
	background: #e4d9d5;
	margin: 0px;
}
.tab, .index_info {
	margin-bottom: 20px;
	width: 100%;
	float: left;
	clear: both;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.prod {
	margin: 0 7px 10px 0;
	padding: 14px 10px 0 10px;
	width: 166px;
	min-height: 375px;
	/* min-height: 355px; */
	border: 1px solid #e4d9d5;
	float: left;
	text-align: center;
}
.prod:nth-of-type(4n+4) {
	margin-right: 0;
}
.prod h3 {
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: 700;
	height: 30px;
}
.prod h3 a {
	color: #74625b;
	text-decoration: underline;
}
.prod h3 a:hover {
	text-decoration: none;
}
.prod p {
	margin-bottom: 13px;
	font-size: 12px;
	line-height: 15px;
	position: relative;
}
.prod p.bold {
	font-weight: 700;
}
.prod p a {
	color: #74625b;
}
.prod p span.price-black {
	color: #000;
}
.prod p span.price-red {
	color: #db1315;
	font-size: 18px;
}
.prod p span.tag {
	width: 52px;
	height: 52px;
	display: block;
	position: absolute;
	top: 10px;
	right: 0;
}
.prod p span.tag.tnew {
	background: url("css_img/tag-new.png") no-repeat 0 0;
}
.prod p span.tag.taction {
	background: url("css_img/tag-action.png") no-repeat 0 0;
}
.prod p span.tag.ttip {
	background: url("css_img/tag-tip.png") no-repeat 0 0;
}
.prod p span.tag.tp {
	background: url("css_img/tag-p.png") no-repeat 0 0;
}
.prod p.buy {
	/* margin-top: 16px; */
	position: absolute;
    bottom: 0;
}
.prod p label {
	margin-right: 6px;
}
.prod p input {
	width: 16px;
	text-align: center;
}
.prod.needs {
	position: relative;
}
.prod_needs_image_cont {
	height: 151px;
}
.prod_needs_pocet_ks {
	float: left;
	padding-top: 40px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 7px;
	margin-top: 0px;
	margin-right: 7px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 186px;
}
.prod.needs .ks {
	width: 100%;
	position: absolute;
	left: 0px;
	top: -50px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.prod.needs .ks label {
	font-size: 14px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.prod.list {
	padding-top: 0;
	min-height: 176px;
	width: 129px;
	border: none;
}
.footer {
	margin: 0 -15px -15px -15px;
	width: 1000px;
	float: left;
	clear: both;
	position: relative;
}
.footer-box {
	padding: 15px;
	float: left;
	width: 970px;
	color: #FFF;
}
div.w {
	width: 268px;
	height: 392px;
	background: url("css_img/w.png") no-repeat 0 0;
	position: absolute;
	margin-top: -407px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: -90px;
}
.footer-box aside {
	margin-right: 15px;
	background: #62514a;
	padding: 9px 12px 12px 12px;
	float: left;
	min-height: 118px;
}
.footer-box aside h4 {
	margin-bottom: 14px;
	font-size: 18px;
	color: #fff;
	font-weight: lighter;
	padding-top: 0px;
	margin-top: 0px;
}
.footer-box aside ul {
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.footer-box aside ul li {
	padding-left: 13px;
	width: 45%;
	float: left;
	background: url("css_img/li-footer.png") no-repeat 0 center;
	line-height: 16px;
	font-size: 12px;
	list-style-type: none;
}
.footer-box aside ul li a {
	color: #fff;
	text-decoration: none;
}
.footer-box aside ul li a:hover {
	text-decoration: underline;
}
.footer-box aside p {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
}
.footer-box aside p a {
	text-decoration: none;
	color: #fff;
}
.footer-box aside p a:hover {
	text-decoration: underline;
	color: #fff;
}
.footer-box aside p.email-input {
	margin: 8px 0 0 0;
	padding: 6px 10px 2px 10px;
	border: 1px solid #564138;
	background: #a68071;
}
.footer-box aside p.email-input input {
	margin: 0;
	border: none;
	background: none;
	padding: 0;
	width: 80%;
	color: #fff;
	font-style: italic;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 12px;
	font-size: 12px;
}
.footer-box aside p.email-input input:focus {
	outline: none;
}
.footer-box aside p.email-input input::-webkit-input-placeholder {
color: #fff;
}
.footer-box aside p.email-input input:-moz-placeholder {
color: #fff;
}
.footer-box aside p.email-input input::-moz-placeholder {
color: #fff;
}
.footer-box aside p.email-input input:-ms-input-placeholder {
color: #fff;
}
.footer-box aside p.email-input input.btn {
	cursor: pointer;
	height: 15px;
	text-indent: -2000px;
	overflow: hidden;
	float: right;
	background: url("css_img/btn-mail.png") no-repeat 0 0;
 transition: .25s;
	padding-right: 7px;
	padding-left: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.footer-box aside p.email-input input.btn:hover {
	opacity: .7;
}
.footer-box aside#contact {
	width: 222px;
	height: 122px;
	height: 180px;
}
.footer-box aside#info {
	width: 300px;
	height: 122px;
	height: 180px;
}
.footer-box aside#newsletter {
	width: 224px;
	height: 180px;
}
div.copy_div {
	padding: 0px;
	height: 60px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	vertical-align: top;
}
p.copy {
	font-size: 12px;
	vertical-align: top;
	color: #62514a;
	float: left;
	clear: both;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 16px;
}

p.copy a {
	margin: -8px 0 0 4px;
	display: inline-block;
	width: 37px;
	height: 37px;
	text-indent: -2000px;
	overflow: hidden;
}
p.copy a.fb {
	margin-left: 14px;
	background: url("css_img/ico-fb.png") no-repeat 0 0;
	position: relative;
	top: 12px;
}
p.copy a.rss {
	background: url("css_img/ico-rss.png") no-repeat 0 0;
	position: relative;
	top: 12px;
}
p.copy a:hover {
	opacity: .7;
}

p.mjs {
	font-size: 12px;
	vertical-align: top;
	color: #62514a;
	clear: both;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 16px;
}

.content {
	float: right;
	width: 775px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.breadcrumb {
	margin: -6px 0 10px 0;
	padding: 0 0 9px 0;
	font-weight: 700 !important;
	border-bottom: 3px solid #e4d9d5;
	font-size: 12px;
	color: #9e7160;
}
.breadcrumb a {
	text-decoration: underline;
	color: #74625b;
}
.breadcrumb a:hover {
	text-decoration: none;
}
.breadcrumb span {
	font-weight: 700;
	padding: 0 5px;
}
.breadcrumb span.home {
	padding: 0 6px 0 0;
	font-weight: 300;
	color: #74625b;
}
input, select {
	margin: 0 5px 0 0;
	padding: 6px 12px;
	background: #a68071;
	border: 1px solid #564138;
	font-style: italic;
	color: #fff;
	font-size: 12px;
}
select {
	padding-top: 5px;
	padding-bottom: 5px;
}
input[type=submit] {
	padding: 7px 16px;
	width: auto !important;
	cursor: pointer;
	background: #e4d9d5;
	font-weight: 700;
	color: #74625b;
	text-transform: uppercase;
	font-style: normal;
	border: none;
}
.filters {
	margin: 0;
}
.filter {
	margin: 0 0 4px 0;
	padding: 14px 20px;
	border: 1px solid #e6dcd9;
}
fieldset.filter {
	padding-top: 10px;
	padding-bottom: 10px;
}
fieldset.filter legend {
	display: none;
}
fieldset.filter p {
	margin: 0;
}
fieldset.filter input, fieldset.filter select {
	width: 170px;
}
ul.filter li {
	padding: 0 14px 0 0;
	list-style: none;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	color: #74625b;
}
ul.filter li a {
	color: #74625b;
	text-decoration: underline;
}
ul.filter li a:hover {
	text-decoration: none;
}
p.filter {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
	vertical-align: middle;
}
p.filter img {
	margin: 0 14px;
	vertical-align: middle;
}
p.filter_znacky {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
	vertical-align: middle;
}
p.filter_znacky img {
	vertical-align: middle;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 10px;
}
.filter_znacky {
	border: 1px solid #e6dcd9;
	width: 52%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 14px;
	padding-left: 20px;
	float: left;
}
.filter_prepinac {
	border: 1px solid #e6dcd9;
	width: 17%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	float: right;
	padding: 14px;
	text-align: center;
}
.filter_prepinac a {
	text-decoration: none;
}
.filter_prepinac a:hover {
	text-decoration: underline;
}
p.filter_prepinac {
	padding-top: 10px;
	padding-bottom: 11px;
	line-height: 30px;
	vertical-align: middle;
}
.filter_prepinac_active {
	width: 17%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	float: right;
	padding: 14px;
	text-align: center;
	border: 1px solid #e6dcd9;
}
p.filter_prepinac_active {
	padding-top: 10px;
	padding-bottom: 11px;
	line-height: 30px;
	vertical-align: middle;
	background-color: #f2edec;
}
.gallery {
	margin: 0 0 20px 0;
	background: #e4d9d5;
	padding: 16px 18px 0 18px;
	overflow: hidden;
}
.gallery a img {
	margin: 0 16px 16px 0;
	float: left;
	height: 140px;
}
.use {
	margin: 0 0 30px 0;
	background: #e4d9d5;
	padding: 10px 18px;
	font-weight: 700;
	position: relative;
}
.use:after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 20px;
	display: block;
	width: 24px;
	height: 12px;
	background: url("css_img/arr.png") no-repeat 0 0;
}
.detail-l {
	margin: 0 0 15px 0;
	width: 254px;
	float: left;
}
.detail-r {
	margin: 0 0 15px 0;
	width: 490px;
	float: right;
}
.detail-r p {
	margin-top: 0px;
}

.detail-r p input {
	width: 16px;
	text-align: center;
}

.detail-r fieldset.filter label {
	margin: 0 6px;
}
.detail-r fieldset.filter input {
	width: 30px;
}
.detail-r fieldset.filter select {
	width: 70px;
	padding-left: 5px;
	padding-right: 5px;
}
.detail-img {
	margin: 0 0 10px 0;
	width: 100%;
}
.detail-gall-img {
	margin: 1.5% 1.5% 1.5% 1.5%;
	width: 76px;
	height: 76px;
	float: left;
	text-align: center;
	vertical-align: middle;
}

.detail-gall-img img {
	/*margin: 0 1.5% 10px 1.5%;*/
	width: auto;
	height: auto;
	max-height:75px;
	max-width: 75px;
	/* max-width: 75px;*/
	/*height: 70%;*/
	/*width: 70%;*/
	vertical-align: middle;
	/*float: left;*/
}

.detail-info {
	margin: 0 0 25px 0;
	float: left;
	width: 280px;
	border-collapse: collapse;
}
.detail-info td {
	padding: 4px 20px 4px 0;
}
.icons {
	width: 200px;
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
}
.icons p {
	margin-bottom: 10px;
	margin-top: 0px;
}
.icons div {
	padding: 10px 12px;
	border: 1px solid #e6dcd9;
}
.icons div img {
	margin: 5px;
}
.gall img {
	margin: 0 14px 12px 0;
	width: 90px;
}