/*****
	Author: Jindrich Ksandr

	Headings
	Text typography
	Form
	Header info
	Search
	Newsletter
	Basket infobox
	Path
	News
	Paging
	Category
	Popup
	Product detail
	Basket
	Lang
	Classes
*****/

/***** Headings *****/
h1, h2, h3, h4 {
	line-height: 1.25;
	padding-top: 20px;
	margin-bottom: 15px;
	font-weight: 800;
	color: #C70606;
	text-transform: uppercase;
}

h1 {
	padding-top: 15px;
	font-size: 35px;
}

h2 { font-size: 30px; }
h3 { font-size: 20px; }
h4 { padding-top: 10px; font-size: 15px; }
h2 + h3 { padding-top: 0; }

#footer h2 { font-size: 21px; color: #69819f }


/***** Text typography *****/
p {
	line-height: 1.6;
	margin-bottom: 15px;
}

iframe { border: 0; }

b, strong { font-weight: 700; }

a { color: #FF8800; font-weight: 700; text-decoration: none; }
a:hover { text-decoration: underline; }

h2 a { color: #C70606; }

#footer a { color: #6b6a61; }

small { font-size: 75%; }

/* oranzova */
.m-53657 h1, .m-53657 h2, .m-53657 h3, .m-53657 h4, .basket h1, .basket h2, .basket h3, .basket h4,
.m-53657 #path, .m-53657 a, .m-53657 h2 a, .basket a, .basket #path, .m-53657 #content .col-main ul li:before,
#category_box h2,
.m-64132 h1, .m-64132 h2, .m-64132 h3, .m-64132 h4,
.m-64132 #path, .m-64132 a, .m-64132 h1 a, .m-64132 h2 a, .m-64132 h3 a, .m-64132 h4 a,
.m-64132 #content .col-main ul li:before {
	color: #C70606; }

/* zelena */
.m-53658 h1, .m-53658 h2, .m-53658 h3, .m-53658 h4,
.m-53658 #path, .m-53658 a, .m-53658 h2 a, .m-53658 #content .col-main ul li:before,
.m-64133 h1, .m-64133 h2, .m-64133 h3, .m-64133 h4,
.m-64133 #path, .m-64133 a, .m-64133 h1 a, .m-64133 h2 a, .m-64133 h3 a, .m-64133 h4 a,
.m-64133 #content .col-main ul li:before {
	color: #a8b602; }

/* zluta */
.m-53659 h1, .m-53659 h2, .m-53659 h3, .m-53659 h4,
.m-53659 #path, .m-53659 h2 a, .color-yellow, .m-53659 #content .col-main ul li:before,
.m-64134 h1, .m-64134 h2, .m-64134 h3, .m-64134 h4,
.m-64134 #path, .m-64134 a, .m-64134 h1 a, .m-64134 h2 a, .m-64134 h3 a, .m-64134 h4 a,
.m-64134 #content .col-main ul li:before {
	color: #f9d800; }

.m-53659 a, .m-53659 #path, .m-64134 a, .m-64134 #path { color: #E4C603; }
.m-53659 #content .col-main a, .m-53658 #content .col-main a, .m-64134 #content .col-main a, .m-64134 #content .col-main a { font-weight: 700; }

.eshop-related .image { float: left; margin-right: 20px; }
#category_box .image img, .detail_images img, .eshop-related .image img { display: block; width: 100%; }

#category_box .image a, .detail_images a, img.image, .eshop-related .image a {
	display: block;
	border: 1px solid #FF8800;
	border-radius: 9px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
	overflow: hidden;
}
#category_box .image a:hover, .detail_images a:hover, .eshop-related .image a:hover { border-color: #C70606; }

table { width: 100%; border-collapse: collapse; }
table td, table th { /*vertical-align: middle;*/ }

#subcateg_box ul {
	margin-bottom: 20px;
}

.height-20{
	height: 15px;
	display: inline-flex;
	align-items: flex-end;
}


/***** Form *****/

input, textarea, select {
	width: 250px;
	/*height: 16px;*/
	padding: 7px 9px;
	margin: 5px 0 10px 0;
	font: 400 16px/18px 'PT Sans', 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
	color: #757575;
	/*	background: rgb(244,244,245);
		background: rgba(227,228,230,0.4);*/
	/*border: 0;*/
	box-shadow: inset 2px 2px 3px 0 rgba(0,0,0,0.15);
	border-radius: 5px;
}
input[type=radio], input[type=checkbox] { width: auto; }
.basket input[type=radio] { margin: 0; }
input[type=checkbox] { margin: 0 5px 0 0; position: relative; top: 3px; }
.half input { width: 125px; }
textarea { width: 500px; height: 100px; resize: vertical; }

select {
	/*height: 32px;*/
	/*line-height: 1;*/
}

option { padding-bottom: 2px; padding-top: 2px; }

input[type=submit] {
	width: auto;
	cursor: pointer;
}

input[type=submit] {
	-webkit-appearance: button !important;
	appearance: button !important;
	/*border-radius: 0;*/
}

form p {
	line-height: 1;
	margin-bottom: 0;
}

em.error {
	display: inline-block;
	margin-bottom: 5px;
	color: red;
	position: relative;
	top: -5px;
}

#basket_box .req, #account_box .req {
	padding-left: 5px;
	color: red;
}

#category_box input[type=text], .add_to_cart input[type=text], .basket-table .input-quantity {
	width: 25px;
	margin: 0;
	border: 1px solid #FF8800;
	text-align: center;
}

#category_box input[type=submit] {
	width: 28px;
	height: 28px;
	background: url(../images/kosik.svg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0;
	margin: 0 0 0 10px;
	font-size: 28px;
	color: #C70606;
	box-shadow: none;
	border-radius: 0;
	position: relative;
}

.ie7 #category_box input[type=submit] {
	top: 0;
}

.product #add_to_cart input[type=submit] { margin: 0; }

#basket-address textarea {
	width: 709px;
}

#send-order {
	padding-top: 15px;
	text-align: right;
}


/***** Header info *****/

#header-info {
	float: left;
	font-size: 18px;
	font-weight: 400;
	color: #69819f;
}

#header-info span {
	display: inline-block;
	margin-right: 7px;
	color: #b6b7b9;
	color: rgba(182,183,185,0.5);
	position: relative;
	top: 1px;
}


/***** Search *****/

#search  {
	margin-left: 20px;
	background: #e3e4e6;
	background: rgba(227,228,230,0.4);
	box-shadow: inset 2px 2px 3px 0 rgba(0,0,0,0.15);
	border-radius: 5px;
}

#search input { box-shadow: none; border-radius: 0;}

#search input[type=text] {
	float: left;
	width: 139px;
	margin: 0;
}

#search input[type=submit] {
	float: right;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #6b6a61;
	border: 0;
}

#search_form_results { margin: 30px 0 10px; }

#search_form_results input { margin: 0; }

#search_form_results input[type=submit] {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}


/***** Newsletter *****/

#newsletterForm input[type=text] {
	float: left;
	width: 259px;
	padding: 7px 9px;
	margin: 0 10px 0 0;
	background: #fff;
	box-shadow: inset 2px 2px 3px 0 rgba(0,0,0,0.15);
	border-radius: 5px;
}

#newsletterForm input[type=submit] {
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0;
	font-size: 10px;
	color: #fff;
	background: #C70606;
	box-shadow: none;
	border-radius: 5px;
	border: 0;
}
#newsletterForm input[type=submit]:hover { background: #6981af; }


/***** Basket infobox *****/

#basket-infobox {
	float: right;
	font-weight: 400;
	cursor: pointer;
}

#basket-infobox span {
	display: inline-block;
	margin-left: 10px;
	font-size: 28px;
	position: relative;
	top: 6px;
}


/***** Path *****/

#path {
	padding-bottom: 15px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 700;
	color: #C70606;
	border-bottom: 2px dotted #b6b7b9;
}

#path a {
	font-weight: 400 !important;
	color: #757575;
}

#path .separator {
	display: inline-block;
	margin: 0 11px;
	font-size: 14px;
	color: #b6b7b9;
	position: relative;
	top: 1px;
}


/***** News *****/

#themelist {
	width: 100%;
	padding: 2px;
	margin-top: 20px;
	border: 1px solid #e3e4e6;
}

.inner {
	padding: 20px;
	background: #F9F9F9;
	background: -moz-linear-gradient(top,  #fcfcff 0%, #F9F9F9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcff), color-stop(100%,#F9F9F9));
	background: -webkit-linear-gradient(top,  #fcfcff 0%,#F9F9F9 100%);
	background: -o-linear-gradient(top,  #fcfcff 0%,#F9F9F9 100%);
	background: -ms-linear-gradient(top,  #fcfcff 0%,#F9F9F9 100%);
	background: linear-gradient(to bottom,  #fcfcff 0%,#F9F9F9 100%);
}

#themelist h2 {
	padding: 0 0 10px;
	margin-bottom: 22px;
	font-size: 24px;
	color: #6b6a61;
	border-bottom: 1px solid #d6d7d9;
}

#themelist .article {
	line-height: 1.2;
	padding-left: 37px;
	margin-bottom: 18px;
	position: relative;
}

#themelist .article span {
	display: block;
	font-size: 24px;
	position: absolute;
	top: 0;
	left: 0;
}

#themelist .article a {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #C70606;
	text-decoration: none;
}
#themelist .article a:hover{ text-decoration: underline; }

#themelist .article time { font-size: 14px; }

#themelist hr {
	height: 2px;
	margin-bottom: 7px;
	background: #d6d7d9;
	border: 0;
	border-bottom: 1px solid #fff;
}

#themelist p {
	margin-bottom: 0;
	font-weight: 400;
	text-align: right;
}

#themelist p a, .theme article .align-right a {
	color: #6b6a61;
	text-decoration: none;
}
#themelist p a:hover, .theme article .align-right a:hover { color: #C70606; }

#themelist p a:after, .theme article .align-right a:after {
	padding-left: 9px;
	color: #C70606;
	position: relative;
	top: 1px;
}

.theme article { border-bottom: 2px dotted #b6b7b9; }

.theme article h2 {
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 700;
	text-transform: none;
}

.theme article h2 a { text-decoration: none; }
.theme article h2 a:hover { text-decoration: underline; }

.theme article header {
	padding-left: 63px;
	margin-bottom: 15px;
	position: relative;
}

.theme article header time { font-size: 18px; }

.theme article header span {
	display: block;
	font-size: 40px;
	position: absolute;
	top: 28px;
	left: 3px;
}


/***** Paging *****/

.pagination .noscreen { display: none; }

.pagination {
	height: 40px;
	line-height: 0;
	background: #F9F9F9;
	background: -moz-linear-gradient(top,  #F9F9F9 0%, #e3e3e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#e3e3e5));
	background: -webkit-linear-gradient(top,  #F9F9F9 0%,#e3e3e5 100%);
	background: -o-linear-gradient(top,  #F9F9F9 0%,#e3e3e5 100%);
	background: -ms-linear-gradient(top,  #F9F9F9 0%,#e3e3e5 100%);
	background: linear-gradient(to bottom,  #F9F9F9 0%,#e3e3e5 100%);
	border-bottom: 3px solid #cfcfd0;
}

.pagination strong, .pagination a, .pagination span {
	float: left;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	color: #6b6a61;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #fff;
}
.pagination strong {
	color: #fff;
	background: #C70606;
	border-bottom: 3px solid #C70606;
}
.pagination a:hover { border-bottom: 3px solid #C70606; }


/***** Category *****/

#category_box .item, .eshop-related .item {
	float: left;
	margin-bottom: 40px;
}

#category_box .info h2, .eshop-related .info h3 {
	padding-top: 4px;
	line-height: 22px;
	font-size: 15px;
	font-weight: 400;
	text-transform: none;
	overflow: hidden;
	min-height: 52px;
    flex-grow: 1;
}

#category_box .price, .eshop-related .price { margin-bottom: 5px; }
#category_box .price b, .eshop-related .price b { font-size: 20px; font-weight: 800; }

#order_box .order { margin-bottom: 30px; }
#order_box .order_way {
	display: inline-block;
	margin-left: 10px;
	text-decoration: none;
}
#order_box .order_way:hover { color: #cb7003; }
#order_box .order_way.active { font-weight: 700; }
#order_box .order_way span:before { position: relative; top: 1px; }


/***** Popup *****/

#popup-overlay {
    display: none;
	width: 100%;
    height: 100%;
	background: url('../../images/popup-overlay.png') repeat 0 0;
	overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

#popup-content {
    width: 450px;
	padding: 30px 20px;
	margin-left: -220px;
	background: #fff;
	border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 30%;
}

#popup-content .title {
	margin-bottom: 25px;
	font-size: 17px;
	font-weight: 700;
	text-align: center;
}


/***** Product detail *****/

.detail_images {
	float: left;
	width: 300px;
	margin-bottom: 15px;
}

#other-photo { margin-top: 25px; }
#other-photo a {
	float: left;
	margin: 0 5px 10px;
}

.detail_desc {
	float: right;
	padding: 0 1rem 1rem 1rem;
}

.params { margin-bottom: 35px; }

.params th, .params td {
	padding: 10px 10px 10px 0;
}
.params th {
	width: 120px;
	font-weight: 300;
	text-align: left;
}
.params .price th { padding-top: 25px; font-weight: 700; }
.params .price td { padding-top: 25px; font-size: 30px; font-weight: 800; }

.params select { margin-top: 0; margin-bottom: 0; width: 188px; }


/***** Basket *****/

.add_box {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px dotted #B6B7B9;
}

.add_box img {
	display: block;
	float: left;
	margin-right: 15px;
}

.add_box p { padding-top: 45px; }

.basket-table th, .orders_list th {
	height: 40px;
	padding: 0 10px;
	color: #fff;
	text-align: left;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	background: #C70606;
	border-bottom: 3px solid #cb7003;
}

.basket-table td, .orders_list td {
	padding: 20px 5px;
	border-bottom: 2px dotted #B6B7B9;
}

.basket-table tr th:first-child, .basket-table tr td:first-child, #chose-transport td:first-child { padding-left: 20px; }

.basket-table .basket-delete {
	font-size: 23px;
	text-decoration: none;
}
.basket-table .basket-delete:hover { color: #cb7003; }

.basket-table .price, .basket-table .total-price {
	font-size: 18px;
	font-weight: 800;
}
.basket-table .total-price { color: #C70606; }

.basket-table .recalc_del td { padding-right: 20px; border-bottom: 0; }
.basket-table .recalc_del td.recalc_basket { padding-right: 50px; }

.basket-table .recalc_del a {
	font-size: 14px;
	text-decoration: none;
}
.basket-table .recalc_del .recalc { color: #6b6a61; }

.basket-table .recalc_del a:after {
	font-size: 14px;
	padding-left: 10px;
}

.price_box td {
	text-align: right;
	background: #F9F9F9;
	border: 0;
}

.price_box .price_total {
	font-size: 30px;
	font-weight: 800;
	color: #C70606
}

#chose-transport .price_box { margin: 20px 0; }

.basket-table .price_box small { font-size: 12px; }

.buttons, .buttons2 { text-align: right; }
.buttons { padding-top: 20px; }

#chose-transport td, #order_detail .price_box td { padding: 15px 10px; }

#basket-address td.label { width: 130px; }


/***** Lang *****/

#lang {
	height: 30px;
	line-height: 30px;
	margin-left: 20px;
	font-size: 18px;
}

#lang .active {
	font-weight: 800;
}

#lang a { text-decoration: none; }
#lang a:hover { text-decoration: underline; }

/***** Classes *****/

.float-left		{ float: left; }
.float-right	{ float: right; }

.no-display		{ display: none; }

.align-right, th.align-right
{ text-align: right; }
.align-left { text-align: left; }
.align-center, th.align-center	{ text-align: center; }

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after, .clear { clear: both; }
.clearfix { *zoom: 1; }

.col-1-2 {
	float: left;
	width: 48%;
	margin-right: 3%;
}

.col-1-3 {
	float: left;
	width: 32%;
	margin-right: 1%;
}

.col-2-3 {
	float: left;
	width: 65%;
	margin-right: 2%;
}

.col-1-4 {
	float: left;
	width: 24%;
	margin-right: 1%;
}

[class|=col].last { margin-right: 0; }

.color-dark-blue, .color-dark-blue a, #footer .color-dark-blue a { color: #6981af; }

.indent { display: inline-block; width: 38px; }
.indent-small { display: inline-block; width: 20px; }

.nowrap	{ white-space: nowrap; }

.font-size-12		{ font-size: 12px; }
.font-size-17		{ font-size: 17px; }
.font-size-18		{ font-size: 18px; }
.weight-300			{ font-weight: 300; }
.padding-left-20, td.padding-left-20	{ padding-left: 20px; }

.padding-top-0	{ padding-top: 0; }

.margin-top-10, #content ul.margin-top-10 { margin-top: 10px; }
.margin-top-15	{ margin-top: 15px; }
.margin-bottom-0, #content ul.margin-bottom-0	{ margin-bottom: 0; }
.margin-bottom-15	{ margin-bottom: 15px; }
.margin-bottom-20	{ margin-bottom: 20px; }

.no-visible { visibility: hidden; }

.button-blue, .button-orange, .button-sorting, #send-order input[type=submit], #cleverform_contact input[type=submit] {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	font-size: 15px;
	font-weight: 700;
	color: #fff !important;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	background: #C70606;
	box-shadow: none;
	border-radius: 7px;
	text-decoration: none;
}
.button-orange, #send-order input[type=submit] {
	background: #FF8800;
	-moz-box-shadow:    inset 0 3px 6px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow:         inset 0 3px 6px rgba(0, 0, 0, 0.16);

	border: 0;
}
.button-blue:hover, #cleverform_contact input[type=submit]:hover { background: #69819f; }
.button-orange:hover, #send-order input[type=submit]:hover, .button-sorting:hover { background: #C70606; text-decoration: none; border: 0; }
.button-sorting { background: #707070; }

hr.dotted {
	height: 2px;
	margin: 20px 0;
	border: 0;
	border-bottom: 2px dotted #B6B7B9;
}

.gallery .fancybox {
	display: block;
	float: left;
	margin: 0 12px 12px 0;
	text-decoration: none;
	border: 5px solid #F9F9F9;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
}
.gallery .fancybox img { display: block; }

.gallery .fancybox:hover, .branch:hover img { border-color: #bdcd00; }

.branch {
	display: block;
	float: left;
	max-width: 230px;
	margin: 0 12px 50px 0;
	text-decoration: none;
}

.branch b {
	display: block;
	height: 40px;
	line-height: 20px;
	margin-bottom: 10px;
	font-size: 16px;
	overflow: hidden;
}

.branch img {
	display: block;
	border: 5px solid #F9F9F9;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
}

.basket-minimum {
	display: inline-block;
	padding-top: 7px;
	font-size: 12px;
	font-weight: 700;
	color: red;
}
.basket-minimum.no-display { display: none; }

.piece {
	line-height: 30px;
}

#info_box {
    padding: 0 15px;
    font-size: 15px;
    font-weight: 700;
	background: #f9d800;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    position: relative;
    top: -15px;
}

#scrl_wrapper {
	width: 950px;
    height: 45px;
    overflow: hidden;
}

#scrl_inner_wrapper {
    position: relative;
    width: 5000px;
}

#scrl_con {
	line-height: 45px;
	position: absolute;
	left: 0;
}

.relative {
	position: relative;
}

.signs {
	width: 124px;
	text-align: center;
	position: absolute;
	top: 3px;
	left: 3px;
}

.detail_images .signs {
	width: 294px;
}

.signs__new {
	display: block;
	padding: 2px 5px;
	color: #fff;
	background: #C70606;
	border-radius: 3px 3px 0 0;
}

.table th, .table td {
	padding: 2px 5px;
}

.table--align-top th, .table--align-top td {
	vertical-align: top;
}

.col-side__box {
	padding: 2px;
	border: 1px solid #e3e4e6;
}

.login-form--col-side {
	margin-bottom: 15px;
	border: 1px solid #C70606;
	border-radius: 7px;
}

.login-form--col-side legend {
	display: inline-block;
	padding-bottom: 10px;
	font-weight: 700;
	color: #C70606;
}

.login-form--col-side input[type="text"], .login-form--col-side input[type="password"] {
	width: 167px;
	background: #fff;
	border: 1px solid #FF8800;
}

.login-form--col-side .button-orange {
	height: 35px;
	line-height: 35px;
	margin-top: 10px;
	font-size: 14px;
}

.c-popup {
	display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .75);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
}

.c-popup__window {
	max-width: 1140px;
	max-height: 90%;
	padding: 16px;
	margin: 16px;
	background-color: #fff;
	border: 1px solid #C70606;
	overflow: auto;
}

.c-popup__close {
	font-size: 23px;
	color: #C70606;
	text-decoration: none;
}

.c-popup__close:hover {
	color: #cb7003;
}

.c-popup td, .c-popup th {
	padding: 5px 10px;
}

.pt-2 {
	padding-top: 2rem;
}

.pb-1 {
	padding-bottom: 1rem;
}

.activeSorting {
	background-color: #C70606;
}

input[type=text].basket_input {

}

.obrazekIlustrace{
	display: inline-block;
	float: left;
	width: 228px;
    height: 228px;
	margin: 6px;
}

.sObrazekObal{
	box-sizing: border-box;
	width: 228px;
    height: 228px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	border: 1px solid #ff8800;
    border-radius: 7px;
	box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
}
.sObrazekObal img{
	max-width: 100%;
	max-height: 100%;
}