/* Custom CSS */

body {
	background: url(../images/bg-tile.jpg) left top;
}


#bg-pattern {
	background: url(../images/page-bg-pattern.jpg) center top repeat-y;
}

#page-main #bg-pattern {
	background: url(../images/mainpage-bg-pattern.jpg) center top repeat-y;
}

#bg-image, .lang-sk #bg-image {
	background: url(../images/language/sk/page-header.jpg) no-repeat top center;
}

.lang-en #bg-image {
	background: url(../images/language/en/page-header.jpg) no-repeat top center;
}

.lang-de #bg-image {
	background: url(../images/language/de/page-header.jpg) no-repeat top center;
}

.lang-cs #bg-image {
	background: url(../images/language/cs/page-header.jpg) no-repeat top center;
}

.lang-pl #bg-image {
	background: url(../images/language/pl/page-header.jpg) no-repeat top center;
}

.lang-hu #bg-image {
	background: url(../images/language/hu/page-header.jpg) no-repeat top center;
}

.lang-ru #bg-image {
	background: url(../images/language/ru/page-header.jpg) no-repeat top center;
}

.lang-fr #bg-image {
	background: url(../images/language/fr/page-header.jpg) no-repeat top center;
}

/* MainPage Header image */
#page-main #bg-image, #page-main.lang-sk #bg-image {
	background: url(../images/language/sk/mainpage-header.jpg) no-repeat top center;
}

#page-main.lang-en #bg-image {
	background: url(../images/language/en/mainpage-header.jpg) no-repeat top center;
}

#page-main.lang-de #bg-image {
	background: url(../images/language/de/mainpage-header.jpg) no-repeat top center;
}

#page-main.lang-cs #bg-image {
	background: url(../images/language/cs/mainpage-header.jpg) no-repeat top center;
}

#page-main.lang-pl #bg-image {
	background: url(../images/language/pl/mainpage-header.jpg) no-repeat top center;
}

#page-main.lang-hu #bg-image {
	background: url(../images/language/hu/mainpage-header.jpg) no-repeat top center;
}

#page-main.lang-ru #bg-image {
	background: url(../images/language/ru/mainpage-header.jpg) no-repeat top center;
}

#page-main.lang-fr #bg-image {
	background: url(../images/language/fr/mainpage-header.jpg) no-repeat top center;
}

/* Hlavn� menu - 1. �rove� */
#menu-main ul li a {
	background: #000;
	color: white;
  font-size: 14px;
  color: #fff;
  transition: all .3s ease;
}

#menu-main ul li a.selected {
  background: #000;
  font-weight: bold;
}
#menu-main ul li a:hover {
  background: #595959;
  text-decoration: none;
}

/* Hlavn� menu - 2. �rove� */
#menu-main ul ul li a {
  font-size: 14px;
	background: #f2f2f2;
	color: #363636;
  transition: all .3s ease;
}  
#menu-main ul ul li a.selected {
	background: #f2f2f2; 
  font-weight: regular;
  text-decoration: none;
}
#menu-main ul ul li a:hover {
  text-decoration: none;
  background: #595959;
  color: #fff;
}


/* Novinky */
#news {
	background: #f2f2f2;
}

#news .title {	
  font-size: 15px;
	color: #363636;
}

#news .text {
  font-size: 14px;
	color: #545454;
}

#news .datetime {
	color: #545454;
}

#news .link a {
  font-weight: bold;
	color: #ed0c17;
}
#news .link a:hover {
  text-decoration: none;
}


/* Slider - Text */
#slider .nivo-caption .title span {
	color: #ed0c17;
	background: rgba(255,255,255,.85);
  padding: 4px;
}	

/* Slider - Popis */
#slider .nivo-caption .text span {
	color: rgba(255,255,255,1);
	background: rgba(0,0,0,0.7);
  padding: 4px;
}


/* Breadcrumbs */
#breadcrumbs .link {
	color: #999;
}
#breadcrumbs .link:hover {
	border-bottom:1px solid #999;
}

#breadcrumbs .separator {
	color: #999;
}

/* Obsah */
.body-content {
  font-size: 14px;
	color: #464646;
  background: rgba(242,242,242,.85);
  overflow: hidden;
}

.body-content h1 {
	color: #ed0c17;
  margin-bottom: 30px;
  margin-top: 20px;
}

.body-content h2 {
  color: #464646;
}

.body-content h3 {
	color: #a80009;
}

.body-content a {
	color: #ed0c17;
  font-weight: bold;
}
.body-content a:hover {
  text-decoration: none;
  color: #464646;
}

/* Katalag - Kategoria - Podkategorie */
#catalog-list-subcategories a img {
  width:190px;
  height: 190px;
}

#catalog-list-subcategories a {
  padding:0;
  padding-top: 18px;
  width: 218px;
  height: 245px;
  font-weight: bold;
  font-size: 17px;
  text-align: center;
	color: #464646;	
	background: #fcfcfc;
  transition: all .3s ease;
  position: relative;
}
#catalog-list-subcategories a.item {
  margin: 20px 0px 0px 20px;
}
#catalog-list-subcategories a.item.last {
  margin: 20px 0px 0px 20px;
}

  
#catalog-list-subcategories a:hover {
  color: #464646;	
	background: #fff;
  box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.25); 
}
#catalog-list-subcategories span {
  position: relative;
  top: 15px;
}

/* Tabulka - Bunka neparna (defaultna) bunka */
.coloredTable tr:nth-child(odd) td {
	background: #f4f4f4;
	color: #545454;
}

/* Tabulka - Bunka parna */
.coloredTable td, .coloredTable tr.rowA td {
	background: #f9f9f9;
	color: #545454;
}

/* Tabulka - Zvyraznena bunka */
.coloredTable tr.rowB td {
  font-weight: bold;
	color: #a80009;
}

/* Tabulka - Hlavicka */
.coloredTable th {
  font-size: 14px;
	background: #a80009;
	color: #ffffff;
}
/* Tabulka - Hover riadka */
.coloredTable tr td {
   transition: all .3s ease;
}

.coloredTable tr:hover td {
	background: #e5e5e5;
}

/* Footer */
#document-footer {
	background: white;
}

#document-footer, #document-footer * {
  background: none;
	color: #545454;
  margin-bottom: 0px;
}
#logo {
	top: 45px;
}

#catalog-list {
  margin-top: 0;
  background: rgba(242,242,242,.85);
}

/* Katalag - Kategeria - Produkty */

#catalog-list-products div.item {
  background: #fcfcfc;
  padding: 0;
  margin: 10px 10px 0px 20px;
  width: 343px;
  height: 288px;
  transition: all .3s ease;
  position: relative; 
}  
#catalog-list-products div.item.last {
  padding: 0;
  margin: 10px 20px 0px 0px;
}

#catalog-list-products div.item:hover {
  background: #fff;
  box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.25); 
}

#catalog-list-products .imageContainer {
  display: block;
  width: 163px;
  height: 288px;
  text-align: left;
  overflow: hidden;
}

#catalog-list-products h2 { 
  font-size: 15px;
  margin-right: 0;
  padding: 0;
  margin-top: 15px;
  height: 60px;
  width: 140px;
  overflow: hidden;
  line-height: 17px;
  float: right;
  position: absolute;
  top: 5px;
  left: 183px;
}

#catalog-list-products div.item p.description {
  width: 140px;
  height: 84px;
  overflow: hidden;
  font-size: 13px;
  color: #464646;  
  text-align: left;
  position: absolute;
  top: 73px;
  left: 183px;
}

#catalog-list-products div.item p.price {
  width: 140px;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  text-align: center;  
  position: absolute;
  top: 185px;
  left: 183px;
}

#catalog-list-products div.item.last {
  margin-right: 10px;
}

a:hover {
  border-bottom: 0; 
  text-decoration: none; 
}

a.button {
  display: block;
  font-weight: bold;
  width: 136px;
  height: 20px;
  line-height: 20px;  
  padding: 8px 0px 8px 0px;
  color: #fff;
  background: #a80009;
  border: 2px solid #a80009;
  text-align: center;  
  transition: all .3s ease;
}

a.button:hover {
  background: none;
  color: #a80009;
  transition: all .3s ease;
}

#page-catalog-category a.button {
	position: absolute;
	bottom: 20px;
	right: 20px;
}


/* COOKIE BOX - BEGIN */
@keyframes CookieFadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
    
#cookie-banner-container {
	-webkit-transition: opacity .3s;
    transition: opacity .3s;
    position: fixed;
    width: 100vw;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
    z-index: 9999;
    overflow-y: scroll;
}

#cookie-banner-container.overlay {
	background-color: rgba(85,100,115,0.8);
}

#cookie-banner {
	width: 780px;
	height: auto;
	padding: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	background: white;
	border-radius: 4px;
	animation: CookieFadeInAnimation ease 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    border: 1px solid #AAA;
}

#cookie-banner .overlay {
	border: 0;
}

#cookie-banner a {
	color: #a80009;	
}

#cookie-banner p.title {
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: bold;
	color: black;
	text-align: center;
}


#cookie-banner p.title2 {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}


#cookie-banner p {
	font-size: 12px;
}

#cookie-banner p.text {
	text-align: center;
}

#cookie-banner .item {
	border-bottom: 1px solid #DDD;
	padding-bottom: 15px;
	margin-bottom: 15px;
	color: #888;
	position: relative;
}

#cookie-banner .item p {
	margin-right: 80px;
}

#cookie-banner .buttons {
	text-align: center;
	margin-top: 20px;
}

#cookie-banner .buttons button {
	padding: 17px 25px;
	margin: 10px;
	border-radius: 0px;
	border: 1px solid black;
	background: #ffffff;
	font-weight: bold;
	cursor: pointer;
	font-size: 14px;
}

#cookie-banner .buttons button.highlight {
	background: #a80009;
	border: 1px solid #a80009;
	color: white;
}


#cookie-banner .buttons #cookie-button-acceptAll.highlight {	
	border: 1px solid black;
	background: #ffffff;
	color: black;
}

#cookie-banner #cookie-button-accept {
	
}

#cookie-banner #cookie-button-reject {
	

}

#cookie-banner #cookie-button-customize {
	
}


#cookie-banner .switch {
  position: absolute;
  display: inline-block;
  width: 54px;
  height: 28px;
  right: 0;
  top: 0;
}

#cookie-banner .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

#cookie-banner .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

#cookie-banner .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

#cookie-banner .switch.disabled .slider {
	cursor: not-allowed;
  	pointer-events: all !important;
}



#cookie-banner input:checked + .slider {
  background-color: #a80009;
}

#cookie-banner input:focus + .slider {
  box-shadow: 0 0 1px #a80009;
}


#cookie-banner input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
#cookie-banner .slider.round {
  border-radius: 28px;
}

#cookie-banner .slider.round:before {
  border-radius: 50%;
}

#document-footer a.cookies-show-setup {
	border: 1px solid white;
	padding: 10px 20px 10px 10px;
	background: #a80009;
	color: white;
	line-height: 45px;
	/*border-radius: 22px;*/
}

#document-footer a.cookies-show-setup .icon {
	display: inline-block;
	-webkit-mask-image: url(../images/cookie-bite.svg);
	mask-image: url(../images/cookie-bite.svg);
	background-color: white;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 3px;
}

@media screen and (max-width: 800px) {
	#cookie-banner {
		width: 460px;
	}
	
	#cookie-banner button {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	#cookie-banner {
		width: 100%;
	}
	
	#cookie-banner button {
		width: 100%;
	}
}

@media screen and (max-height: 500px) {
	#cookie-banner {
		transform: translateX(-50%);
		top: 10px;
	}
}

@media screen and (max-width: 800px) and (max-height: 768px)  {
	#cookie-banner {
		transform: translateX(-50%);
		top: 10px;
	}
}


/* COOKIE BOX - END  */