/* #################
			GLOBAL
	 ################# */

@import url("aeromatics.css");

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

textarea             { overflow: auto; }
table                { border-collapse: collapse; border: 0; }
a img                { border: 0; }
a                    { text-decoration: none; color: #363636; }
a:hover              { text-decoration: none; }
a:active             { position: relative; /*left: 0;*/ top: 1px; }

::-moz-selection     { background: #3a5162; color: #ffffff; text-shadow: none; }
::selection          { background: #3a5162; color: #ffffff; text-shadow: none; }

.fix                 { clear: both; }


/* #################
			PRINT
	 ################# */

@media print {
	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}
}


@keyframes pulse {
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95);
  }
}

/* #################
			BODY
	 ################# */
body {
	min-width: 1000px;
}
#body-content-main {
	width: 967px;
	background: white;
	left: -10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	box-shadow: 1px 1px 25px rgba(0,0,0,0.15);
	margin-bottom: 15px;
}

#tester_left {
	left: 20px;
	top: 113px;
	position: absolute;
	text-align: left;
	font-size: 15px;
	font-family: 'Aeromatics', sans-serif;
}
#tester_right {
	right: 20px;
	top: 113px;
	position: absolute;
	text-align: right;
	font-size: 15px;
	font-family: 'Aeromatics', sans-serif;
}

#tester_left span, #tester_right span {
	color: #0ea6e5;
	font-weight: 400;
	display: block;
}
#tester_left strong, #tester_right strong {
	font-weight: 700;
	color: white;
	display: block;
}
#tester_left strong b, #tester_right strong b {
	text-transform: uppercase;
}
@media only screen and (max-width: 1299px) {
	#tester_left, #tester_right {
		display: none !important;
	}
}


/*logo*/
.logo-container-over {
  display: block;
  width: 133px;
  height: 57px;
  position: absolute;
  left: 0px;
  top: 7px;
}
.logo-container {
    position: relative;
    width: 100%; /* Adjust width as needed */
    height: 57px; /* Adjust height as needed */
    overflow: hidden;
    background-color: white;
}

.dl-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: clip-path 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

/* Initial state: Logo-1.svg is fully visible, Logo-2.svg is hidden */
.dl-logo.logo-1 {
    z-index: 2;
    clip-path: inset(0% 0% 0% 0%); /* Fully visible */
}

.dl-logo.logo-2 {
    z-index: 1;
    clip-path: inset(0% 100% 0% 0%); /* Completely hidden from the left */
    opacity: 0; /* Make it invisible initially */
}

/* On hover: hide part of Logo-1 and reveal Logo-2 from the left */
.XXXlogo-container:hover .dl-logo.logo-1 {
    clip-path: inset(0% 85% 0% 0%); /* Hide 85% of Logo-1 from the right */
    transition-delay: 0s; /* Start immediately */
}

.XXXlogo-container:hover .dl-logo.logo-2 {
    clip-path: inset(0% 0% 0% 0%); /* Reveal Logo-2 from the left */
    opacity: 1; /* Make it fully visible */
    z-index: 3; /* Bring Logo-2 on top */
    transition-delay: 0.25s; /* Start after a short delay to sync with Logo-1 */
}

/* When hover ends: reverse the animation */
.XXXlogo-container:not(:hover) .dl-logo.logo-1 {
    clip-path: inset(0% 0% 0% 0%); /* Fully visible again */
    transition-delay: 0.25s; /* Wait until Logo-2 slides out */
}

.XXXlogo-container:not(:hover) .dl-logo.logo-2 {
    clip-path: inset(0% 100% 0% 0%); /* Hide Logo-2 again */
    opacity: 0; /* Fade out */
    z-index: 1; /* Send it back */
    transition-delay: 0s; /* Start immediately */
}
/*logo*/

#leftbanners {
	position: absolute;
	top: 0px;
	width: 132px;
	left: -134px;
	display: none;
}

#rightbanners {
	position: absolute;
	top: -10px;
	width: 142px;
	right: -142px;
	display: none;
}

#rightbanners_nezab {
	position: absolute;
	top: 0px;
	width: 132px;
	right: -146px;
	display: none;
}


.rb_nezab_produkt {
	display: none;
	position: relative;
}

#rb_nezab_cprodukt {
	height: 232px;
}

.rb_nezab_produkt > a {
	display: inline-block;
	height: 160px;
	width: 100%;
	position: relative;
	text-align: center;
	line-height: 160px;
	vertical-align: middle;
	border-radius: 3px;
}

.rb_nezab_produkt .adder {
	position: absolute;
	top: 205px;
	left: 16px;
}

.rb_nezab_produkt a img {
	max-width: 100%;
	max-height: 120px;
	vertical-align: middle;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.rb_nezab_produkt a span {
	position: absolute;
	display: block;
	bottom: -10px; 
	line-height: 16px;
	font-size: 14px;
	height: 32px;
	overflow: hidden;
	text-align: center;
	color: #002b64;
	width: 100%;
	z-index: 2;
}

.rb_nezab_produkt a span.cena {
	bottom: -37px; 
	line-height: 25px;
	font-size: 21px;
	font-weight: 700;
	height: 25px;
	color: #00aeef;
}

.rb_nezab_produkt a span.cena-zlaty {
	bottom: -37px; 
	line-height: 25px;
	font-size: 18px;
	font-weight: 700;
	height: 25px;
	color: #fff;
	background: #e39a16;
	font-family: Aeromatics,sans-serif;
	border-radius: 5px;
}

.rb_nezab_produkt a i {
	display: block;
	font-style: normal;
	position: absolute;
	top: 7px;
	right: -6px;
	line-height: 17px;
	color: white;
	width: 55px;
	height: 33px;
	background: url('ico_marza2.png');
	padding-left: 14px;
}



.rb_nezab_produkt a i.zlata-marza {
	background: url('zpr_marza.png');
}

.rb_nezab_produkt a i b {
  font-family: 'Signika';
  font-weight: 300;
  color: white;
  text-transform: uppercase;
  line-height: 17px;
  font-size: 13px;
  display: block;
  text-align: center;
}

.rb_nezab_produkt a i strong {
  font-family: 'Signika';
  font-weight: 300;
  color: white;
  line-height: 17px;
  font-size: 15px;
  display: block;
  text-align: center;
}

.rb_nezab_produkt a i strong {
  font-family: 'Signika';
  font-weight: 400;
  color: white;
  line-height: 14px;
  font-size: 17px;
  display: block;
  text-align: center;
}

.rb_nezab_produkt a i strong strong {
	display: inline;
  font-weight: 700;
}

#rb_nezab_posuvac {
	padding: 2px;
}

#rb_nezab_posuvac a {
	display: inline-block;
	margin: 0 7px;
	font-size: 20px;
	color: #31AFE1;
}





#leftbanners img, #rightbanners img {
	width: 132px;
	height: auto;
}

@media (min-width: 1275px) {
  #leftbanners, #rightbanners, #rightbanners_nezab {
    display: block; 
  }
}

body {
	font-family: Calibri, Arial, sans-serif;
	font-size: 14px;
	color: #929295;
	background: #f4f5fa;
}

#bg-header-white {
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 95px;
}

#body-holder {
	position: relative;
}


#footer {
	background-color: #2a251e;
	background-image: none;
}

#footer > div > div {
	left: -11px;
}



#twilight {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: url('/gfx/xn.png');
z-index: 999999999;  top: 0;
  left: 0;
}

#entry-twilight-relativer {
  position:relative;
  width:100%;
  height:100%;
}

#entry-image {
  width: 414px !important;
  height: 223px !important;
  background: url('newtab_bg.png') top left !important;
  border: 1px solid black;
  z-index: 11;
  margin-left: -207px !important;
  margin-top: -113px !important;
  display:block;
  top:50%;
  left:50%;
  position:absolute;
  box-shadow:5px 5px 27px rgba(0,0,0,0.4);
}

.entry-link {
	display: block !important;
	position: absolute !important;
	left: 33px !important;
	width: 348px !important;
	padding: 0px !important;
	height: 48px;
	cursor: pointer;
}


.inner {
	width: 987px;
	margin: 0 auto;
}

.rel {
	position: relative;
}

#header {
	height: 72px;
}

#new-menu {
	position: relative;
}

#header h1 {
	
}

#new-menu a.logo {
	display: block;
	width: 160px;
	height: 57px;
	position: absolute;
	left: 4px;
	top: 7px;
	background: url('Delphin_logo.svg') no-repeat left center;
	background-size: 126px auto;
}

#nav {
	height: 24px;
	position: absolute;
	top: 3px;
	left: 165px;
	z-index: 10;
}

#nav.no {
	width: 385px;
}

#nav.yes {
	width: 820px;
}

#nav ul {
	list-style-type: none;
	display: block;
	float: none !important;
}

#nav ul li {
	display: inline-block;
	float: left;
	margin-right: 15px;
}
#nav ul li a {
	display: block;
	border-top: 1px solid #dddddd;
	color: #666666;
	font-family: 'Signika', sans-serif;
	line-height: 62px;
}
#nav ul li a.active, #nav ul li a:hover {
	border-top: 1px solid #00adf0;
	color: #022b64;
}

a.logout {
	width: 40px;
	height: 40px;
	background: url('off_btn.svg') center center no-repeat #f6f6f6;
	background-size: 15px 15px;
	border-radius: 50%;
	display: block;
	position: absolute;
	transition: 0.2s;
	right: 13px;
	top: 10px;
}
a.logout:hover{
	transform: scale(1.2);
}
a.logout:active{
	transform: scale(0.9);
	background-color: #d5d8e1;
}

a.udaje {
	display: block;
	float: none;
	width: auto;
	position: absolute;
	top:14px;
	right: 190px;
	width: 80px;
	height: 40px;
	color: #104686;
	font-weight: bold;
	font-family: 'Signika', sans-serif;
}

.lang-de a.udaje {
	right: 198px !important;
}

.lang-fr a.udaje {
	width: 96px !important;
}

a.udaje.gold {
	color: #cb996c;
}

.top-cn-blu {
	color: #7e838a;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	position: relative;
	display: block;
  cursor: help;
}

.lang-de .top-cn-blu {
	font-size:11px !important;
}

#cn-blu {
  display: none;
}

.top-cn-blu:hover #cn-blu {
  display: block !important;
  position: absolute;
  top: 25px;
  left: 10px;
  background: white;
  box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
  color: #7e838a;
  width: 200px;
  padding: 5px 0px;
  text-align: center;
  border-radius: 3px;
}

.top-cn-blu:hover #cn-blu:after {
  display: block !important;
  position: absolute;
  top: -5px;
  left: 5px;
  background: white;
  width: 10px;
  height: 10px;
  font-size: 1px;
  transform: rotate(45deg);
  content: " ";
}

.delphin-badge {
	display: block;
	width: 20px;height: 20px;
	background: url('/design/delphin.png') center center no-repeat;
	background-size:11px 11px;
	border-radius: 50%;
	position:absolute;
	top:7px;
	right: 192px;
	z-index: 2000;
}

#kosikif {
	height: 62px;
	width: 150px;
	position: absolute;
	right: 60px;
	top: 1px;
}

#chybajuce {
	position:absolute;
	top:12px;
	right:274px;
	display:block;
	z-index:9;
	background:url('warn.svg');
	background-size: 20px 20px;
	width:20px;
	height:20px;
}

.lang-de #chybajuce {
	right: 282px !important;
}

.lang-fr #chybajuce {
	right: 288px !important;
}

#chybajuce div {
	display: none;
}

#chybajuce:hover div {
	display: block;
	position: relative;
}

#chybajuce div span {
	display: block;
	top: 33px;
	left: -5px;
	position: absolute;


  background: white;
  box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
  color: #7e838a;
  min-width: 100px;
  padding: 5px 7px;
  text-align: center;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
}

#chybajuce div span:after {
  display: block !important;
  position: absolute;
  top: -5px;
  left: 10px;
  background: white;
  width: 10px;
  height: 10px;
  font-size: 1px;
  transform: rotate(45deg);
  content: " ";
}


#new-menu-loginform {
	position: absolute;
	right: 14px;
	top: 21px;
	width: 217px;
	height: 28px;
	border: 1px solid #a1a1a1;
	border-left: 1px solid #dedede;
	border-radius: 4px;
}

#new-menu-polozky {
	position: absolute;
	text-align: right;
	height: 22px;
	line-height: 29px;
	width: 570px;
	top: 21px;
	right: 244px;
	font-family: 'Signika';
	color: #6d6f72;
}

#new-menu-loginform input[type="text"] {
    border-right: 1px solid #dedede;
}

#login input {
	border: none;
	height: 26px;
	width: 87px;
	line-height: 26px;
	display: block;
	position: absolute;
	color: #4a4a4c;
	padding: 0px 5px;
  top: 1px;
	font-size: 13px;
}

#login input[name="pmeno"] {
	background: transparent !important;
  left: 1px;
}

#login input[name="pheslo"] {
	background: transparent !important;
	left: 99px;
	width: 86px;
}

#login input[type="submit"] {
	cursor: pointer;
	right: 1px;
	width: 40px;
	height: 30px;
	padding: 0 !important;
	background: url('arrow-right-menu.svg') no-repeat #02aef0;
	background-size: 10px 10px;
	background-position: center center;
	margin: -2px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	transition: .15s;
}

#login input[type="submit"]:hover {
	background-size: 13px 13px;
}

#login input[type="submit"]:active {
	background-color: #0499d2;
}


#slider {
	/*background: url('moss_newtop2.jpg') no-repeat top center;*/
	height: 331px;
	height: 213px !important;
	margin-top:0px;
	color: #ffffff;
	margin-bottom: 0px;
}

#slider .slide .img {
	text-align: right;
	width: 570px;
	float: left;
	padding-top: 15px;
}

#slider .slide .info {
	width: 355px;
	padding-right: 62px;
	float: right;
	text-align: right;
	font-family: Arial, sans-serif;
	padding-top: 45px;
}

#slider .slide .info h2 {
	font-size: 48px;
	font-weight: normal;
	margin-bottom: 10px;
}

#slider .slide .info p {
	padding-left: 87px;
	text-align: justify;
	font-size: 15px;
}

#slider .slide .info .price {
	font-weight: bold;
	margin-top: 15px;
	font-size: 15px;
	text-align: right;
	padding-left: 0;
}

#slider .slide .info .price .number {
	font-size: 31px;
}

#slider .bullets {
	width: 268px;
	text-align: center;
	position: absolute;
	top: 285px;
	left: 660px;
	z-index: 50;
}

#slider .bullets span {
	background: url('slider-bullet.png') no-repeat left;
	width: 11px;
	height: 11px;
	display: inline-block;
	margin: 0 7px;
	cursor: pointer;
}

#slider .bullets span.active {
	background-position: right;
}

#lside {
	width: 242px;
	float: left;
}




.newbluebtn {
	border: 1px solid #7bc3ed;
	display: block;
	line-height: 55px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Aeromatics';
	font-size: 14px;
	color: #00275f;
	padding-left: 40px;
	margin-bottom: 7px;
	overflow: hidden;
	position: relative;
}

.newbluebtn .btn-content {
	position: relative;
	z-index: 10;
}

.newbluebtn .hover-bg {
  display: block;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 2%,rgba(0,174,239,0.16) 50%,rgba(101,205,242,0.16) 51%,rgba(255,255,255,0) 100%);
  width: 122%;
  height: 102%;
  position: absolute;
  transform: skew(-42deg);
  left: -133%;
  top: 0;
  z-index: 4;
  overflow: hidden;
  transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.newbluebtn:hover .hover-bg {
	left:-10%;
}

.newbluebtn:active .hover-bg {
	left:110%;
}

.newbluebtn.xml {
	background: url('xml_icon.svg') no-repeat;
	background-size: 25px 25px;
	background-position: 10px 14px;
}

.newbluebtn.rew {
	background: url('blog_icon.svg') no-repeat;
	background-size: 25px 25px;
	background-position: 10px 14px;
}

.newbluebtn.hdp {
	background: url('hdphoto_icon.svg') no-repeat;
	background-size: 25px 25px;
	background-position: 10px 14px;
}

.newbluebtn.nd {
	background: url('blue-nahradne-diely-icon.svg') no-repeat;
	background-size: 25px 25px;
	background-position: 10px 14px;
}



.newwhitebtn {
	border: 1px solid #7bc3ed;
	display: block;
	line-height: 55px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Aeromatics';
	font-size: 14px;
	color: #fff;
	padding-left: 40px;
	overflow: hidden;
	position: relative;
	margin-bottom: 0px;
}
.newwhitebtn.smtext {
	font-size: 12px;
}

.newwhitebtn .btn-content {
	position: relative;
	z-index: 10;
}

.newwhitebtn .hover-bg {
  display: block;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 2%, rgba(50,224,255,0.16) 50%, rgba(151,255,252,0.16) 51%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 2%,rgba(50,224,255,0.16) 50%,rgba(151,255,252,0.16) 51%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 2%,rgba(50,224,255,0.16) 50%,rgba(151,255,255,0.16) 51%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
  width: 122%;
  height: 102%;
  position: absolute;
  transform: skew(-42deg);
  left: -133%;
  top: 0;
  z-index: 4;
  overflow: hidden;
  transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.newwhitebtn:hover .hover-bg {
	left:-10%;
}

.newwhitebtn:active .hover-bg {
	left:110%;
}

.newwhitebtn.video {
	background: url('videocatalogue-icon.svg') rgb(0, 174, 239) no-repeat;
	background-size: 25px 25px;
	background-position: 10px 14px;
	margin-bottom: 0px;
}


#search {
	height: 27px;
	margin-bottom: 15px;
	position: relative;
}

#search input {
	border: 1px solid #b7b7b7;
	border-top: 1px solid #d6d6d6;
	border-left: 0;
	transition: 0.3s;
}

#search input:focus {
	border: 1px solid #02aef0;
	border-top: 1px solid #02aef0;
	border-left: 0;
}

#search input[type="text"] {
	float: right;
	width: 170px;
	padding: 2px 4px;
	padding-left: 9px;
	height: 27px;
	line-height: 27px;
	color: #2d2d2d;
	font-size: 12px;
}

#search input[type="submit"] {
	position: absolute;
	left: 0;
	top: 0;
	border: 0;
	background: url('search_icon.svg') center center no-repeat #02aef0;
	background-size: 14px 14px;
	width: 58px;
	display: block;
	height: 33px;
	cursor: pointer;
}
#search input[type="submit"]:hover {
	background: url('search_icon.svg') center center no-repeat #02aef0;
	background-size: 17px 17px;
}

#search input[type="submit"]:active {
	background: url('search_icon.svg') center center no-repeat #002b64;
	background-size: 16px 16px;
}


#lside > menu {
	list-style-type: none;
	margin-bottom: 15px;
}

#lside > menu > li {
	background: url('arrow-right-menu.svg') no-repeat #656b77;
	background-size: 10px 10px;
	background-position: 218px 24px;
	min-height: 58px;
	border-bottom: 1px solid #d6d6d7;
	position: relative;
	transition: 0.2s;
	z-index: auto;

}
#lside > menu:hover > li {
	z-index: 9999991;
}


body.has-twilight #lside > menu > li {
	z-index: 9998;
}

#lside > menu > li.zlate-li {
	background: url('zpr_btn.png') top center no-repeat !important;
	background-size: cover !important;
}
#lside > menu > li.zlate-li:hover {
	opacity: 0.9;
}
#lside > menu > li.zlate-li a {
	font-weight: bold;
}

/*
#lside > menu > li.bcd-li {
	background: url('bcd.png') top right no-repeat !important;
	background-size: cover !important;
}
*/
#lside > menu > li.hnov-li {
	background: url('hn-ico.png'), linear-gradient(-45deg, #e05301 0%, #cb2100 100%);
	background-position: 194px 11px, top right;
	background-repeat: no-repeat, no-repeat;
	background-size: 35px, contain !important;
}
#lside > menu > li.hnov-li:hover {
	opacity: 0.9;
}
#lside > menu > li.hnov-li a {
	font-weight: bold;
	text-transform: uppercase;
}

#lside > menu > li.bf-li {
	background: url('bf-li.png') top right no-repeat !important;
	/*background: url('w/button_vlocka-min.jpg') top right no-repeat !important;*/
	background-size: cover !important;
}
#lside > menu > li.bf-li:hover {
	opacity: 0.9;
}
#lside > menu > li.bf-li a {
	font-weight: bold;
}

#lside > menu > li.bsv-li {
	background: url('mv-ico2.png'), linear-gradient(-45deg, #000045 0%, #000077 100%);
	background-position: 192px 9px, top right;
	background-repeat: no-repeat, no-repeat !important;
	background-size: 40px auto, auto !important;
}
#lside > menu > li.bsv-li:hover {
	opacity: 0.9;
}
#lside > menu > li.bsv-li a {
	font-weight: bold;
}


#lside > menu > li.tz-li {
	background: url('tz-icon.png'), linear-gradient(-45deg, #148c6f 0%, #6fab3a 100%);
	background-position: 192px 9px, top right;
	background-repeat: no-repeat, no-repeat !important;
	background-size: 40px auto, auto !important;
	text-transform: uppercase;
}
#lside > menu > li.tz-li:hover {
	opacity: 0.9;
}
#lside > menu > li.tz-li a {
	font-weight: bold;
}


#lside > menu > li.fz-li {
	background: url('hnov.png'), linear-gradient(-45deg, #ff2a00 0%, #ff7800 100%);
	background-position: 193px 12px, top right;
	background-repeat: no-repeat, no-repeat !important;
	background-size: 38px auto, auto !important;
	z-index: 99999999;
}
#lside > menu > li.fz-li:hover {
}
#lside > menu > li.fz-li > a {
	font-weight: bold;
	text-transform: uppercase;
}
#lside > menu > li.fz-li .subcat {
 z-index: 99999999;
}
#lside > menu > li.fz-li .subcat h3 {
	margin-top:0 !important;
}
#lside > menu > li.fz-li .bgh {
	display: block;
}
#lside > menu > li.fz-li .subcat h3 a {
	color:#ff2a00 !important;
	padding: 15px;
  padding-right: 0 !important;
  background: transparent;
  padding-left: 48px !important;
  background-position: 6px 8px !important;
}
#lside > menu > li.fz-li .subcat h3 .bgh {
	background: white;
}
#lside > menu > li.fz-li .subcat h3 .bgh:hover {
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 29%, rgba(255,247,240,1) 39%, rgba(255,239,224,1) 100%) !important;
}
#lside > menu > li.fz-li .subcat h3 a:before {
	display: none !important;
}
#lside > menu > li.fz-li .subcat .bg {
	border-left: 3px solid #ff2a00 !important;
	padding:0 !important;
}
#lside > menu > li.fz-li .subcat .col {
	width: 240px !important;
	padding-right: 0 !important;
}

#lside > menu > li.sz-li {
	/*
	background: url('Vlocka-zimna-sezona.svg'), linear-gradient(-45deg, #005db9 0%, #04b3eb 100%);
	background-position: 192px 6px, top right;
	background-repeat: no-repeat, no-repeat !important;
	background-size: 40px auto, auto !important;
	*/
	background: url('vianoce-icon_menu_SVG.svg'), linear-gradient(-45deg, #005db9 0%, #04b3eb 100%);
	background-position: 190px 6px, top right;
	background-repeat: no-repeat, no-repeat !important;
	background-size: 46px auto, auto !important;
	text-transform: uppercase;
}
#lside > menu > li.sz-li:hover {
	opacity: 0.9;
}
#lside > menu > li.sz-li a {
	font-weight: bold;
}


#lside > menu > li.promo-li {
	background: url('sety-ico.png'), linear-gradient(-45deg, rgb(70, 82, 101) 0%, rgb(17, 23, 35) 100%);
  background-position: 200px 11px, top right;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 26px, auto;
}
#lside > menu > li.promo-li:hover {
	opacity: 0.9;
}
#lside > menu > li.promo-li a {
	font-weight: bold;
}

#lside > menu > li.promo2-li {
	background: url('zv-sety-ico.png'), linear-gradient(275deg, #3784c7 0%, #093389 100%);
  background-position: 196px 11px, top right;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 33px, auto;
}
#lside > menu > li.promo2-li:hover {
	opacity: 0.9;
}
#lside > menu > li.promo2-li a {
	font-weight: bold;
}

#lside > menu > li.promo-blw-li {
	background: url('ikona_menu_black_winter.png'), linear-gradient(135deg, #000000 0%,#383838 100%);
	background-position: 195px 9px, top right;
	background-repeat: no-repeat, no-repeat !important;
	background-size: 40px 40px, contain !important;
}
#lside > menu > li.promo-blw-li:hover {
	opacity: 0.9;
}
#lside > menu > li.promo-blw-li a {
	font-weight: bold;
}

#lside > menu > li.promo-dk-li {
	background: url('1-12-menu.png') #ffe625 right center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}
#lside > menu > li.promo-dk-li.pva {
	background: url('pva.png') #ffe625 right center !important;
	background-repeat: no-repeat !important;
	background-size: 40px auto !important;
	background-position: 193px 10px !important;
}
#lside > menu > li.promo-dk-li:hover {
	opacity: 0.9;
}
#lside > menu > li.promo-dk-li:hover a span {
	color:#183f93 !important;
}
#lside > menu > li.promo-dk-li a {
	font-weight: bold;
	color:#183f93 !important;
	display: block;
	text-transform: uppercase;
}

#lside > menu > li.promo-dk-li a .a1 {
	font-weight: normal;
	display: block;
	margin-top: 10px;
	font-size: 15px;
}


#lside > menu > li.promo-dk-li a .a2 {
	margin-top: -3px;
	font-size: 17px;
}

.promo-dk-btn {
	transition: 0.1s;
}
.promo-dk-btn:hover {
	background: #183f94 !important;
	color:white !important;
}




#lside > menu > li.promo-vp-li {
	background: url('vyp-ico.png'), linear-gradient(135deg, #000000 0%,#383838 100%);
	background-position: 191px 9px, top right;
	background-repeat: no-repeat, no-repeat !important;
	background-size: 40px 40px, contain !important;
}
#lside > menu > li.promo-vp-li:hover {
	opacity: 0.9;
}
#lside > menu > li.promo-vp-li a, #lside > menu > li.bcd-li a {
	font-weight: bold;
	color:#fff !important;
	text-transform: uppercase;
}

#lside > menu > li.promo-vp-li a .a1, #lside > menu > li.bcd-li a .a1 {
	margin-right: 5px;
}


#lside > menu > li.promo-vp-li a .a2 {
}





#lside > menu > li > a {
	color: #ffffff;
	line-height: 19px;
	padding-right: 27px;
	padding-left: 13px;

display: flex;
align-items: center;


	color: white;
	font-weight: 400;
	font-family: 'Aeromatics';
	font-size: 16px;
	overflow: hidden;
	height: 58px;
}

#lside > menu > li > a:last-child {
	border: none;
}

#lside > menu > li > a:hover {
	color: #37abe3;
}

#lside > menu > li.li-sety {
	background: url('discount_icon.svg') no-repeat #44484e;
	background-position: 211px 19px;
	background-size: 20px 20px;
}

#lside > menu > li:hover, #lside > menu > li.actuell {
	background-color: #02aef0;
	transition: 0s;
}

#lside > menu > li:hover > a, #lside > menu > li.actuell > a {
	color: white !important;
}




#lside .subcat {
	position: absolute;
	top: 0;
	left: 242px;
	display: none;
	z-index: 9999999;
}

#lside .subcatbot {
	top: auto !important;
	bottom: 0;
}

#lside .subcat .bg {
	padding: 25px;
	padding-top: 20px;
	background: #fff;
	border-left: 3px solid #00aeef;
	margin-left: 7px;
	box-shadow: 3px 3px 5px rgba(152,152,152,0.23);
}

#lside > menu > li:hover > .subcat {
	display: block;
}

#lside .subcat .bg.col1 { width: 214px; }
#lside .subcat .bg.col2 { width: 451px; padding-right: 2px !important; }
#lside .subcat .bg.col3 { /*width: 609px;*/ width: 451px; }
#lside .subcat .bg.col4 { /*width: 912px;*/ width: 451px; }

#lside .subcat .col {
	width: 204px;
	padding-right: 20px;
	float: left;
}

#lside .subcat h3 {
	/*color: #ffffff;
	background: #00AEEB;*/
	color: #00AEEB;
	font-size: 14px;
	margin-top: 17px;
	margin-bottom: 17px;
	font-family: 'Aeromatics';
	font-weight: 700 !important;
	display: block;
	
	padding: 1px 7px;
}

#lside .subcat h3:hover {
	/*background: #168CBF;*/
}

#lside .subcat h3:hover a {
	color: #168CBF;
}

#lside .subcat h3 a:before {
	content: '> ';
}

#lside .subcat h3 a {
	/*color: #ffffff;*/
	color: #00AEEB;
	display: block;
}

#lside .subcat menu {
	list-style-type: none;
	margin: 4px 0;
}

#lside .subcat menu li a {
	color: #656c78;
	font-size: 14px;
	display: inline-block;
	padding-left: 0px;
	line-height: 23px;
}

#lside .subcat menu li a:hover {
	color: #333333;
}

#lside .subcat .bg {
	padding-left: 40px !important;
}
#lside .subcat h3 {
	position: relative;
}
#lside .subcat h3 a {
	font-size: 16px;
}
#lside .subcat h3 a:before {
	content: ' ' !important;
	display: block;
	width: 9px;
	height: 9px;
	background: url('arrow-submenu.svg') center center no-repeat;
	background-size: contain;
	position: absolute;
	left: -13px;
	top: 5px;
}

#lside .news {
	background: #39a9e0;
	padding: 17px;
	border-radius: 7px;
	color: #ffffff;
	text-align: center;
}

.nbt_news {
	width: 263px;
	height: 63px;
	display: block;
	background: url('p_news.png');
	margin-left: -20px;
}

.nbt_recz {
	width: 263px;
	height: 63px;
	display: block;
	background: url('p_rec.png');
	margin-left: -20px;
}


#lside .news a {
	color: #ffffff;
}

#lside .news .corner {
	background: url('news-corner.png');
	width: 22px;
	height: 16px;
	position: absolute;
	bottom: -16px;
	left: 22px;
}

#bside {
	border-top: 1px solid #ececec;
	height: 60px;
	background: url('Delphin_logo_footer.svg') left center no-repeat;
	background-size: 24px auto;
	padding-left: 45px;
	line-height: 60px;
	margin-top: 15px;
	font-family: 'Signika';
	text-align: right;
	vertical-align: middle;
}

#bside .ii {
	display: inline-block;
	vertical-align: middle;
}

.nl-padder {
	height: 4px;
}

.rightcp a:not(.ii) {
	display: inline-block;
	font-weight: 300 !important;
	vertical-align: middle;
	margin-right: 15px;
}

.rightcp a:not(.ii):hover {
	text-decoration: none;
	color: #002b64;
	position: relative;
}
.rightcp a:not(.ii):hover:after {
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	top: -16px;
	left: 0px;
	background: #00aeef;
	content: " ";
	overflow: hidden;
}
.leftcp {
	float: left;
	color: #082e67;
}

.rightcp {
	height: 29px;
	line-height: 29px;
	margin-top: 14px;
}


#rside {
	width: 695px;
	padding-left: 0 !important;
	float: right;
	margin-bottom: 15px;
}

#rside .breadcrumb {
	margin-bottom: 15px;
}

#rside .breadcrumb a {
	color: #2a3a4c !important;
	height: 27px;
	line-height: 27px;
	display: inline-block;
	font-size: 13px;
	text-decoration: underline;
}

#rside .breadcrumb a:not(#piopen):hover {
	text-decoration: none;
}

#rside .breadcrumb a:not(#piopen):after {
	content: " ";
	display: inline-block;
	width: 10px;
	height: 10px;
	font-size: 2px;
	background: url('breadrcumbs_arrow.svg') center center no-repeat;
	background-size: contain;
	margin-left: 4px;
	margin-right: 2px	;
}

#rside .breadcrumb a:not(#piopen):last-of-type:after {
	content: "";
	display: none;
}

#rside .breadcrumb a:not(#piopen):last-of-type:not(:only-of-type) {
	font-weight: bold;
	color: #03004e !important;
	text-decoration: none;
}

.prods .prod {
    /*background-color: rgba(255, 14, 14, 0.3);*/
    width: 330px;
    min-height: 137px;
    padding: 8px;
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    position: relative;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    transition: 0.2s;
}

.prods .prod:hover {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}

.prods .prod:not(.produkt_opn):hover {
	z-index: 1000;
}

.prods .prod:nth-child(even) {
    border-right: 0;
}


.prods .prod .primg {
	display:block;
	background:white;
	width:138px;
	height:138px;
	line-height:138px;
	text-align:center;
}

.prods .prod .primg img {
	max-width:128px;
	max-height:128px;
	vertical-align:middle;
	transition: 0.2s;
}
.prods .prod .primg img:hover {
	transform: scale(1.1);
}

#delphin-trends-prod .prods .prod {
	background-color: white !important;
	width: 309px;
	min-height: 157px;
	padding: 10px;
	float: left;
	margin-right: 13px;
	margin-bottom: 11px;
	position: relative;
	border-radius: 8px;
	box-shadow: 0px 20px 40px 0 rgba(62, 77, 83, 0.21);
	border:2px solid white;
}
#delphin-trends-prod .prods .prod:hover {
	border:2px solid #009fe3;
}

.prods .prod .var {
	display: none;
	position: absolute;
	top:131px;
	left: 0;
	background: #b6b6b6;
	width: auto;
	z-index: 10000;
	padding:3px;
}

.var tr:not(.vrchny):hover {
	background: #f7f9fc;
}

.prtr-gold-expvo {
	background: #fef5e7 !important;
}

.prtr-dr-akc {
	/*background: linear-gradient(45deg, #ffcf0f 0%,#fdee23 100%) !important;*/
}
.prtr-dr-akc .order.blue {
  background-color: #004099 !important;
}
/*
.prtr-dr-akc .t-voc strong {
	color: white !important;
	display: inline-block;
	padding: 5px;
	border-radius: 3px;
	background: #004099 !important;
}
*/
.prtr-dr-akc td.right:before {
	display: block;
	width: 65px;
	height: 28px;
	background: url('1-12-ico.png') center center no-repeat;
	background-size: contain;
	content: " ";
	position: absolute;
	top: 6px;
	left: -25px;
}

.has-da-txt strong {
	background: #183f94;
	color: white;
	display: inline-block;
	padding:1px 4px;
	border-radius: 3px;
}

.da-1 {
	display: inline-block;
	color: white;
	font-size: 10px;
	font-weight: bold;
	padding:2px 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background: #183f94;
}
.da-2 {
	display: inline-block;
	background: #fbf016;
	font-size: 10px;
	font-weight: bold;
	padding:2px 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	color: #183f94;
}

.prtr-gold-expvo .p-oc,
.prtr-gold-expvo .p-name,
.prtr-gold-expvo .p-margin {
	color:#d99110 !important;font-weight: bold;
}

.prods .prod .varth {
	border-bottom: 1px solid #dddddc;
	margin-bottom: 8px;
}
.prods .prod .varth th {
  font-size: 12px;
  color: #2171b9;
  text-align: left;
  padding: 4px 4px;
}

.prods .prod table .right {
	text-align: right;
}

.prods .prod .var td {
  font-size: 12px;
  color: #333435;
  text-align: left;
  padding: 1px 4px;
}
.prods .prod .var .xth:hover {
	background: #cbcbca;
	cursor: pointer;
}
.prods .prod .vtbl {
  width: 328px;
}

.prods .prod .vtbl2 {
  width: 342px;
}

.vtbl2 .reg_ks_holder, table.var .reg_ks_holder, .rb_nezab_produkt .reg_ks_holder {
	top: 1px;
}

#delphin-trends-prod .prods .prod .vtbl {
	width: 309px;
}

#delphin-trends-prod .prods .prod .vtbl2 {
	width: 329px;
}

.produkt_opn {
	box-shadow: 0px 15px 10px rgba(125, 125, 125, 0.3);
}

.prods .prod .var2 {
	display: none;
	position: absolute;
	top:153px;
	left: 0;
	background: #029ee4;
	width: 342px;
	z-index: 10000;
	padding:2px;
	padding-top: 0;
	box-shadow: 0px 15px 10px rgba(125, 125, 125, 0.3);
}

#delphin-trends-prod .prods .prod .var2 {
	padding:2px;
	padding-top:0px;
	left: -2px;
	background: white;
	top:166px;
}
#delphin-trends-prod .prods .prod:hover .var2 {
	background: #009fe3;
}

.prods .prod .var2 td {
  font-size: 12px;
  color: #333435;
  text-align: left;
  padding: 1px 4px;
}
.prods .prod .var2 .xth:hover {
	background: #fafafa;
}
.prods .prod .prodbtns {
  position: absolute;
  bottom:12px;
  right: 15px;
}

.prods .prod .prodbtns a {
	margin-left: 7px;
}

.prods .prod .prodbtns a.btn-kosik {
	background: url('shopping-cart-icon.svg') center center no-repeat #029ee3;
	background-size: 22px 22px;
}
.prods .prod .prodbtns a.btn-kosik:hover {
	background: url('shopping-cart-icon.svg') center center no-repeat #71b02d;
	background-size: 22px 22px;
	cursor: pointer;
}
.prods .prod .prodbtns a.btn-kosik:active {
	background: url('shopping-cart-icon.svg') center center no-repeat #0c3e80;
	background-size: 22px 22px;
	cursor: pointer;
}
.prods .prod.produkt_akckat .prodbtns a.btn-kosik, 
.prods .prod.produkt_akckat .var2 {
	background-color: #ff4e00;
}

.prods .prod.produkt_akckat_vk .prodbtns a.btn-kosik, 
.prods .prod.produkt_akckat_vk .var2 {
	background-color: #ff0000;
}

.prods .prod.produkt_akckat .prod-bord-l, .prods .prod.produkt_akckat .prod-bord-c, .prods .prod.produkt_akckat .prod-bord-r, .prods .prod.produkt_akckat .prod-bord-b {
	background: #ff4e00 !important;
}

.prods .prod.produkt_akckat_vk .prod-bord-l, .prods .prod.produkt_akckat_vk .prod-bord-c, .prods .prod.produkt_akckat_vk .prod-bord-r, .prods .prod.produkt_akckat_vk .prod-bord-b {
	background: #ff0000 !important;
}

.prods .prod .prodbtns a.btn-kosik-zlate {
	background: url('shopping-cart-icon.svg'), linear-gradient(135deg, #edaf22 0%,#f4cb39 100%);
	background-position: center center, center center;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px 22px, auto;
}
.prods .prod .prodbtns a.btn-kosik-zlate:hover {
	background: url('shopping-cart-icon.svg'), linear-gradient(135deg, #f4cb39 0%,#f4cb39 100%);
	background-position: center center, center center;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px 22px, auto;
	cursor: pointer;
}
.prods .prod .prodbtns a.btn-kosik-zlate:active {
	background: url('shopping-cart-icon.svg'), linear-gradient(135deg, #edaf22 0%,#edaf22 100%);
	background-position: center center, center center;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px 22px, auto;
	cursor: pointer;
}

.zlate-frm {
	display: inline-block;
	border: 1px solid #f6b118;
	border-radius: 3px;
	padding: 0 4px;
}
.prods .prod .prod-data td.zlate-td {
	color: #0e2c61;
}

.zlate-span {
	background: #ec9821 !important;
}

.prods .prod .prodbtns a.btn-list {
	background: url('dt-popis.png') center center no-repeat #eff4f6;
	background-size: 22px 22px;
}
.prods .prod .prodbtns a.btn-list:hover {
	background: url('dt-popis.png') center center no-repeat #e5f2f8;
	background-size: 22px 22px;
}

.prods .prod .prodbtns a {
	width: 40px;
	border-radius: 4px;
	height: 30px;
	background-size: 30px 30px;
	display: inline-block;
}
#delphin-trends-prod .prods .prod .prodbtns a {
	width: 40px;
	height: 33px;
	border-radius: 5px;
}
#delphin-trends-prod .prods .prod .prodbtns a.btn-kosik {
	background: url('dt-kosik.png') center center no-repeat #009fe3;
	background-size: 22px 22px;
}

#delphin-trends-prod .prods .prod .prodbtns a.btn-list {
	background: url('dt-popis.png') center center no-repeat #eff4f6;
	background-size: 22px 22px;
}

.prods .prod .varin {
	background: rgb(203,203,202);
	background: -moz-linear-gradient(top, rgba(203,203,202,1) 0%, rgba(181,181,181,1) 57%);
	background: -webkit-linear-gradient(top, rgba(203,203,202,1) 0%,rgba(181,181,181,1) 57%);
	background: linear-gradient(to bottom, rgba(203,203,202,1) 0%,rgba(181,181,181,1) 57%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbca', endColorstr='#b5b5b5',GradientType=0 );
}

.prods .prod .var2 .xth {
	border-top: 1px solid #d4dbdd;
}
/*
.prods .prod .var2 .ks {
	border: 1px solid #000;
	width: 20px !important;
	height: 18px;
	text-align: center;
}*/

.prods .prod .varin2 {
	background: white;
}

.prods .prod:hover .var {
	display: block;
}

.prods .prod .varin2 .oc {
	color: #9e9e9e;
}
.prods .prod .varin2 .ntd {
	padding:10px;
	font-size: 13px;
}
.prods .prod .varin2 .price {
	padding:10px 2px;
	font-size: 13px;
}

.prod-bord-l, .prod-bord-c, .prod-bord-r, .prod-bord-b {
	display: block;
	background: #029ee4;
	position: absolute;
	transition: 0.4s;
	opacity: 0;
}

.prods .produkt_opn .prod-bord-l, .prods .produkt_opn .prod-bord-c, .prods .produkt_opn .prod-bord-r {
	opacity: 1;
}

.prods .not_spk .prod-bord-l, .prods .not_spk .prod-bord-c, .prods .not_spk .prod-bord-r, .prods .not_spk .prod-bord-b {
	/*opacity: 1;*/
}

.prod-bord-l {
	width: 2px;
	left: 0;
	top: 0;
	height: 100%;
}

.prod-bord-r {
	width: 2px;
	right: 0;
	top: 0;
	height: 100%;
}

.prod-bord-c {
	width: 100%;
	height: 2px;
	left: 0;
	top: 0;
}

.prod-bord-b {
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 0;
}

.prods .prod .img {
	float: left;
	width: 128px;
}

.prods .prod .img a {
	position: static !important;
	padding: 0;
}

.prods .prod .info {
	width: 180px;
	float: right;
	padding-left: 10px;
	padding-top: 8px;
	padding-right: 8px;
	z-index: 1002;
}

.icns {
	width: 32px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
}

.kmp-frm {
display: inline-block;
border: 1px solid #f4e752;
border-radius: 3px;
padding: 0 4px;
background: #f4e752;
color: black;
}
.kmp-frm.bluefr {
	background: #194aa5;
	border: 1px solid #194aa5;
	color: white;
}
.kmp-frm.bluefr {
	background: linear-gradient(135deg, #f4b220 27%,#f17a1e 74%);
	border: 0px;
	color: white;
}

.kmp-frm.bluefr-4 {
	background: #194aa5 !important;
	background: #000 !important;
	border: 0px;
	border-radius: 0px !important;
	color: white;
}
.kmp-frm.bluefr-0 {
	background: #194aa5 !important;
	border: 0px;
	color: white;
}

.kmp-frm.bluefr-2, .kmp-frm.bluefr-override-sezonny-vypredaj {
	background: #0b4bbf !important;
	border: 0px;
	color: white;
}

.kmp-frm.bluefr-override-horuce-novinky-1 {
	background: #58a348 !important;
	border: 0px;
	color: white;
}
.kmp-frm.bluefr-override-horuce-novinky-2 {
	background: #f6ac01 !important;
	border: 0px;
	color: white;
}
.kmp-frm.bluefr-override-horuce-novinky-3 {
	background: #e91400 !important;
	border: 0px;
	color: white;
}





.icn-new {
	background: url('ikona_25_featured.svg');
}

.icn-topp {
	background: url('top-profit-ico.png');
}

.icn-vk {
	background: url('vianoce-icon_ctg.png');
}

.icn-vvp {
	background: url('vyp-ico.png');
}

.icn-new-22 {
	background: url('ikona_22a_featured.svg');
}
.icn-new-23 {
	background: url('ikona_22_featured.svg');
}
.icn-new-24 {
	background: url('ikona_24_featured.svg');
}
.icn-new-25 {
	background: url('ikona_25_featured.svg');
}


.icn-discount {
	background: url('ikona_discount_featured.svg');
}
.icn-sale {
	background: url('ikona_sale_featured.svg');
}
.icn-kemping {
	background: url('ikona_black_featured.svg');
}
.icn-bf {
	background: url('ikona_cenove-bomby.svg');
	background: url('w/ctg_icon.png');
}
.icn-bff {
	background: url('ico-bf.png');
	background: url('w/ctg_icon.png');
}
.icn-bw {
	background: url('ikona_black_winter.svg');
}
.icn-sv {
	background: url('ikona_sezonny-vypredaj.svg');
}

.icn-akccmp {
	background: url('akccmp.jpg');
}
.icn-tz {
	background: url('tz-ico.png');
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.icn-360 {
	/*background: url('ikona_360_featured.svg')*/;
	background: url('360-degree-logo-final.svg') #f3f3f3;
	border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  width: 93%;
  background-position: 0px 4px !important;
}
.icn-zc {
	background: url('ico-discount.svg');
	display: none !important;
}
.icn-vid {
	background: url('ikona_video_featured.svg');
}

.icn-fr {
	background: url('ikona_french_featured.svg');
}
.icn-gld {
	background: url('gold-products-icon-1.svg');
}

.icn-skup {
	background: url('marzove_zlavy_icon-g.svg');
}
.icn-dk {
	position: relative;
}
.icn-dk:after {
	width: 55px;
	height: 24px;
	background: url('1-12-ico.png') top left no-repeat;
	background-size: contain;
	content:  " ";
	display: block;
}
.icn-horuce {
	background: url('hn-smico.png');
}
.icn-hakc {
	background: url('hnov-smi.png');
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.icn {
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 2px;
}


#delphin-trends-prod .prods .prod .info {
	width: 161px;
}

.prods .prod .info h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	height: 60px;
}

.prods .prod .info h3 a {
	font-family: 'Aeromatics', sans-serif;
	font-weight: 400;
	color: #002c65;
	font-size: 17px;
	display: block;
	max-height: 3em;
	overflow: hidden;
	padding: 2px 0;
	cursor: pointer;
}
.prods .prod .info h3 a:hover {
	color: #029ee3;
}

.prods .prod .prod-data {
	margin-top: 5px;
	text-align: left;
}

.prods .prod .prod-data th {
	font-family: 'Signika', sans-serif;
	color: #697277;
	font-weight: 300;
	width: 110px;
}

.lang-fr .prods .prod .prod-data th {
	width: 121px;
	letter-spacing: -0.5px;
}

.prods .prod .prod-data td {
	font-family: 'Signika', sans-serif;
	color: #15a4ea;
	font-weight: bold;
}
.prods .prod.produkt_akckat .prod-data td {
	color: #ff4e00;
}

.prods .prod.produkt_akckat_vk .prod-data td {
	color: #ff0000;
}


#delphin-trends-prod .prods .prod .info h3 {
	color: #32393b;
	font-size: 15px;
	margin-bottom: 12px;
	margin-top:3px;
}

#delphin-trends-prod .prods .prod .info h3 a {
	color: #32393b;
}

#delphin-trends-prod .dt-row {
	color: #677479;
	font-size: 14px;
}

#delphin-trends-prod .dt-row span {
	color: #32393b;
	font-size: 14px;
	display: inline-block;
	float: right;
}

.prods .prod .info .price {
	text-align: right;
	color: #ffffff;
	font-size: 15px;
}

.prods .prod .info .price span {
	color: #333435;
}



#footer {
	/*background: url('moss_fullbg.jpg');*/
	height: 55px;
	padding: 10px 0px;
	margin-top: 140px;
}

#footer p {
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	font-family: 'Signika';
	font-weight: 400;
	background: #6D6F72;
}


.txt {
	color: #929295;
}

.txt a {
	color: #929295;
	text-decoration: underline;
}

.txt a:hover {
	text-decoration: none;
}

.txt h2 {
	color: #38abe4;
	font-size: 26px;
	margin-bottom: 17px;
}

.txt p {
	margin-bottom: 17px;
	line-height: 19px;
}

.txt .dodavatelia {
	padding: 20px 0 15px;
	text-align: center;
}


.singleprod .heading {
	background: #02aef0;
	padding: 2px 105px 2px 15px;
	position: relative;
	margin-bottom: 30px;
}
.singleprod .heading.rozlozitelna {
	background: linear-gradient(-45deg, rgba(203,58,1,1) 0%, rgba(181,16,17,1) 100%);
}

.singleprod .heading.horuce-head {
	background:linear-gradient(135deg, #cc2400 0%,#dc4901 100%) !important;
	padding-left: 37px;
}
.singleprod .heading.horuce-head:before {
	content: " ";
	width: 20px;
	height: 20px;
	position: absolute;
	left: 8px;
  top: 6px;
	background: url('hn-ico.png') center center no-repeat;
	background-size: contain;
} 


.singleprod .heading.hakc-head {
	background: linear-gradient(135deg, #fe7700 30%,#fe2900 67%) !important;
	padding-left: 37px;
}
.singleprod .heading.hakc-head-vk {
	background: linear-gradient(-45deg, #048cd2, #0079c9, #0079c9, #048cd2) !important;
}
.singleprod .heading.hakc-head:before {
	content: " ";
	width: 20px;
	height: 20px;
	position: absolute;
	left: 8px;
  top: 6px;
	background: url('hnov.png') center center no-repeat;
	background-size: contain;
} 

.singleprod h2 {
	color: #fff;
	font-family: 'Aeromatics';
	font-size: 24px;
	margin: 0;
	padding: 0;
}

.singleprod .heading.horuce-head h2 {
	font-size: 19px;
  line-height: 28px;
}

.singleprod h3 {
	font-family: 'Aeromatics';
	color: #ffffff;
}

.singleprod .manual {
	background: url("navod_x.png") no-repeat scroll left center;
	height: 100%;
	padding-left: 20px;
	line-height: 34px;
	font-family: Arial, sans-serif;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	padding-right: 10px;
	display: inline-block;
}

.singleprod .horuce {
	height: 100%;
	padding-left: 20px;
	line-height: 31px;
	font-family: Aeromatics, sans-serif;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	text-align: right;
	padding-right: 10px;
	display: inline-block;
	position: relative;
}

.ico-i-hn {
	width: 18px;
	height: 18px;
	background: url('/design/i-w.svg') center center no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
  margin-left: 5px;
}

.singleprod .prodimg {
	display: block;
	/*margin-right: 25px;*/
	text-align: center;
	width: 360px;
	height: 260px;
	vertical-align: middle;
}

.singleprod .prodimg span.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.singleprod .prodimg img {
	height: auto;
	width: auto;
	max-width: 360px;
	max-height: 260px;
	margin: auto;
	border: 0;
}

.scrollpopis {
	width: 305px;
	height: 260px;
	float: right;
	overflow: hidden;
	line-height: 1.4em;
	margin-right: 5px;
}

.singleprod .info p {
	line-height: 19px;
	margin-bottom: 18px;
	color: #4d4d4f;
}

.singleprod .info table {
	margin-bottom: 20px;
}

.singleprod .info table th {
	font-weight: normal;
	text-align: left;
	padding-right: 10px;
}

.singleprod .info table th:after {
	content: ":";
}

.singleprod .info h3 {
	color: #4d4d4f;
	font-weight: normal;
	margin-top: 25px;
}

.singleprod .var {
	width: 100%;
	border-collapse: collapse;
}

.singleprod .var th, .singleprod .var td {
	border-bottom: 1px solid #787879;
	padding: 4px 5px;
	text-align: center;
	vertical-align: middle;
	color: #4d4d4f;
}

.singleprod .var td {
	font-size: 14px;
}

.singleprod .var th {
	padding: 5px;
	color: #4d4d4f;
}

.singleprod .var .left { text-align: left; }

.singleprod .var .kosik { min-width: 59px; }
.singleprod .var .marza { min-width: 59px; }

.singleprod .var span.info {
	display: inline-block;
	vertical-align: middle;
	background: url('icon-info.png') no-repeat;
	width: 15px;
	height: 15px;
	margin-left: 10px;
}

.heading.spad {
	background: #656b77;
	margin-bottom: 4px;
}


.singleprod .var small {
	font-size: 12px !important;
}

.viacdlhy {
	color: #37ABE3;
	font-weight: bold;
	cursor: pointer;
}

.order {
	width: 23px;
	height: 21px;
	display: inline-block;
	vertical-align: middle;
	background: url('arrow-right-menu.svg') center center no-repeat;
	background-size: 10px 10px;
	vertical-align: middle;
	border-radius: 3px;
	margin-left: 3px;
}

.order.blue { background-color: #00adef; }
.order.blue.zlaty { background: url('arrow-right-menu.svg'), linear-gradient(135deg, rgb(244, 203, 57) 0%, rgb(237, 175, 34) 100%);
	background-size: 10px 10px, auto;
	background-position: center center, center center;
	background-repeat: no-repeat, no-repeat;
	
}
.order.blue.bluegreen { background-color: #87cd2b; }
.order.green { background-color: #87cd2b; display: none; }
.order.blck { background-color: #9c9c9c; }
.order.bo { background-color: #ff9d3c; }
.order.rdd { background-color: #ce2e2a; display: none; }

.popup-bo-up {
	  display: none;
background: #FFD3A5;
position: absolute;
top: 4px;
left: 111px;
width: 118px;
padding: 6px;
color: #DB5E02;
font-size: 13px;
font-family: Aeromatics;
border-radius: 5px;
box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.15);
}

.popup-kos-up {
	  display: none;
background: #CEEE9F;
position: absolute;
top: 4px;
left: 111px;
width: 118px;
padding: 6px;
color: #4B7114;
font-size: 13px;
font-family: Aeromatics;
border-radius: 5px;
box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.15);
}
.popup-add-up {
	  display: none;
background: #B8EBFF;
position: absolute;
top: 4px;
left: 111px;
width: 118px;
padding: 6px;
color: #1F576B;
font-size: 13px;
font-family: Aeromatics;
border-radius: 5px;
box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.15);
}

.popup-bo-up.red {
background: #dd5d64;
color: #fff;
border-radius: 5px;
}

.add-td-prod:hover .popup-bo-up, .add-td-prod:hover .popup-add-up, .add-td-prod:hover .popup-kos-up, .popup-bo-up[data-always="yes"], .popup-kos-up[data-always="yes"] {
	display: block !important;
}
.add-td-prod:hover .popup-bo-up:after, .popup-bo-up[data-always="yes"]:after {
background: #ffd3a5;
position: absolute;
top: 10px;
left: -4px;
width: 8px;
height: 8px;
transform: rotate(45deg);
content: " ";
display: block;
overflow: hidden;
}

.add-td-prod:hover .popup-kos-up:after, .popup-kos-up[data-always="yes"]:after {
background: #CEEE9F;
position: absolute;
top: 10px;
left: -4px;
width: 8px;
height: 8px;
transform: rotate(45deg);
content: " ";
display: block;
overflow: hidden;
}


.add-td-prod:hover .popup-add-up:after, .popup-add-up[data-always="yes"]:after {
background: #B8EBFF;
position: absolute;
top: 10px;
left: -4px;
width: 8px;
height: 8px;
transform: rotate(45deg);
content: " ";
display: block;
overflow: hidden;
}
.add-td-prod:hover .popup-bo-up.red:after {
background: #dd5d64;
}

#delphin-trends-prod .order {
	background-image: url('dt-next.png') !important;
	background-repeat: no-repeat !important;
	background-size: 10px 10px !important;
	background-position: center center !important;
	width: 25px;
	height: 22px;
	position: relative;
	top: -1px;
	border-radius: 4px;
	background-color: #009fe3;
}
#delphin-trends-prod .order.green {
	background-color: #90bc1e;
}
#delphin-trends-prod .order.blck {
	background-color: #57565a;
}
#delphin-trends-prod .order.rdd {
	background-color: #ba4637;
}

.nxx {
  font-family: Verdana, "Geneva CE", lucida, sans-serif;
  text-align: center;

}

.n {
  text-align:left;font-size:10px;
  display: inline-block;
  padding:10px;
  background: white;
	border-radius: 10px;
	margin-top: 20px;
}

.n table {
	
}

.n table tr td {
  text-align:center;
}

.n table tr td span {
  font-size:10px;
}

.n table tr td strong {
  font-size:10px;
}

.n div,#logo span {
  background:url('posuvnik.png') no-repeat;
  height:26px;
  overflow:hidden;
}

.n .nr {
  background-position:-60px 0;
  width:16px;
}

#np {
  width:44px;
  text-align:right;
}

#nf {
  background-position:-26px 0;
  width:18px;
}

#nc {
  background-position:-44px 0;
  width:16px;
}

#nn {
  width:40px;
  text-align:left;
}

#nl {
  width:46px;
}

#nn,#nl {
  background-position:-76px 0;
}

.ndc a {
  text-decoration: none;
}

.posuvnik {
	clear: both;
	text-align: center;
	cursor: default;
	padding-top: 30px;
}

.posuvnik a {
	display: inline-block;

	width: 30px;
	height: 26px;
	line-height: 26px;
	background: #e5f2f8;
	border-radius: 4px;
	border: 1px solid #e5f2f8;
	margin: 0 2px;
	transition: 0.2s;

	font-size: 12px;
	color: #02aef0;
	font-weight: bold;
	cursor: pointer;
}

.posuvnik a:not(.inactive):not(.current):hover {
	transform: scale(1.2);
}

.posuvnik a.history {
	color: #00ADDF;
	background: white;
	border-color: white !important;
}

.posuvnik a.inactive {
	cursor: default;
	opacity: 0.5;
}

.posuvnik a.current {
	cursor: default;
	color: #002d63;
	background: #fff;
	border: 1px solid #5ac1eb;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}


#ib-odpocet {
	margin-top: -4px;
float: right;
background: #010000;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 17px;
padding-left: 17px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #ffffff;
font-weight: 800;
margin-right: 5px;
font-family: Aeromatics;
}


.e-tripr {
	display: block;
	min-height: 241px;
	width: auto;
	background: transparent;
	position: relative;
	text-align: center;
	padding-top: 19px;
	margin-top: 0px;
}
.e-tripr:first-of-type {
	margin-top: 0px;
	border-top: 0px;
}

.e-tripr:after {
  content: "";
  clear: both;
  display: block;
  width: 99.8%;
	border-bottom: 1px solid #f3f3f3;
}

#bg-alltr {
	padding-right: 0 !important;
}

.e-tripr a {
	display: inline-block;
	height: 230px;
	width: 211px;
	margin: 0px;
	margin-bottom: 0px;
	margin-top: -22px;
	border-right: 1px solid #f3f3f3;
	position: relative;

	text-align: center;
	line-height: 180px;
	vertical-align: middle;
	transition: 0.2s;
	float: left;
}

.e-tripr a:hover {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	z-index: 2000;
}

.e-tripr a img {
	max-width: 180px;
	max-height: 180px;
	vertical-align: middle;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.e-tripr a span {
	position: absolute;
	display: block;
	bottom: -100px; 
	left: -5px;
	line-height: 16px;
	font-size: 14px;
	height: 32px;
	overflow: hidden;
	text-align: left;
	color: #1c326b;
	padding: 0 15px;
	width: 190px;
	z-index: 2;
	font-family: 'Aeromatics';
}

body.lang-pl .e-tripr a span:not(.cena):not(.next) {
	display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 45px;
}

.e-tripr a span.cena {
	bottom: -125px; 
	left: -5px;
	line-height: 25px;
	font-size: 21px;
	font-weight: 700;
	height: 25px;
	color: #00aaee;
	font-family: 'Aeromatics';
}
.tza .e-tripr a span.cena {
	color: #58a348;
}

.tza-bfa .e-tripr a span.cena {
	color: #0e2b5f !important;
}

.e-tripr a i {
	display: block;
	font-style: normal;
	position: absolute;
	top: 7px;
	right: 0px;
	line-height: 17px;
	color: white;
	width: 55px;
	height: 33px;
	background: url('ico_marza2.png');
	padding-left: 14px;
}




.tza .e-tripr a i {
	display: block;
	font-style: normal;
	position: absolute;
	top: 7px;
	right: -1px;
	line-height: 17px;
	color: white;
	width: 55px;
	height: 33px;
	background: url('ico_marza3.png');
	padding-left: 14px;
}

.tza-bfa .e-tripr a i {
	background: url('ico_marza4.png') !important;
}
.tza-bfa .e-tripr a i b {
	color:#66fdfc !important;
}

.e-tripr a:hover i {
	background: url('ico_marza2g.png');
}

.e-tripr a i.topprofit {
	

display: block;
  font-style: normal;
  position: absolute;
  top: 7px;
  right: 0px;
  line-height: 17px;
  color: #231f1e;
  width: 84px;
  height: 35px;
  background: url('top-profit-big.png');
    background-repeat: repeat;
    background-size: auto;
  padding-left: 14px;
  background-size: contain;
  background-repeat: no-repeat;
}

.e-tripr a i b {
  font-family: 'Signika';
  font-weight: 300;
  color: white;
  text-transform: uppercase;
  line-height: 17px;
  font-size: 13px;
  display: block;
  text-align: center;
}

.e-tripr a i.topprofit b {
	visibility: hidden;
}

.e-tripr a i strong {
  font-family: 'Signika';
  font-weight: 300;
  color: white;
  line-height: 17px;
  font-size: 15px;
  display: block;
  text-align: center;
}

.e-tripr a i.topprofit strong {
	color: #231f1e;
	padding-left: 10px;
}

.e-tripr a i strong {
  font-family: 'Signika';
  font-weight: 400;
  color: white;
  line-height: 14px;
  font-size: 17px;
  display: block;
  text-align: center;
}

.e-tripr a i strong strong {
	display: inline;
  font-weight: 700;
}

.e-tripr a.e-right {
	float: none !important;
	height: 54px;
	width: 15px;
	margin: 0px !important;
	position: absolute;
	top: 90px !important;
	right: -12px !important;
	left: auto !important;
	border-radius: 0 !important;
	background: url('right.png');
}

.e-tripr-novinky {
	text-align:right;padding-top:22px;padding-right:4px;padding-bottom: 7px;
}

.e-tripr-novinky a {
	color:#1c326b;
	text-decoration:none;
	display:inline-block;
	line-height:22px;
	font-size:14px;
	font-family:'Signika',sans-serif;
}

.e-tripr-novinky a:after {
	content: "»";
	font-size: 22px;
	line-height: 22px;
	display: inline-block;
	color: #00aaee;
	margin-left: 5px;
	position: relative;
	top: 2px;
}

.x4ks a:not(.e-right) {
  width: 171px !important;
  line-height: 160px !important;
}

.mobjbtn, .mobjbtnhn {
    box-shadow: none !important;
    font-family: 'Aeromatics';
    font-weight: 400 !important;
}
.mobjbtn span.number {
  background: #b1b3b2;
  color: #f6f7f6;
  padding: 0px 15px;
  border-radius: 15px;
  display: inline-block;
  margin-left: 5px;
  line-height: 20px;
}

.mobjbtn.active span.number {
  background: #1b325a;
  color: #f6f7f6;
}

.x4ks a span {
  width: auto !important;
  bottom: 40px !important;
  left: 0 !important;
}
.x4ks a img {
  max-width: 157px !important;
  max-height: 137px !important;
}

.x4ks a span.cena {
  bottom: 13px !important;
  left: 0 !important;
}
.x4ks a:hover span.cena {
	color: #71b02d;
}

.x4ks a span.next {
	display: none;
	width: 12px !important;
	height: 12px;
	position: absolute;
	right: 0px !important;
	bottom: 19px !important;
	left: auto !important;
	background: url('arrow-right-product-green.svg') center center no-repeat;
	background-size: contain;
}
.x4ks a:hover span.next {
	display: block;
}


.x4ks {
  padding-top: 22px !important;
  min-height: 205px !important; 
}

.x4ks a i {
  z-index: 10;
}

.e-t-ciara {
  display: none;
}

.sigprep {
  cursor: pointer;
  font-size: 18px;
}

.sigprep.active {
  text-decoration: underline;
}
.x4ks {
  background: none !important;
}


#top-user-bar {
	border-bottom: 1px solid #edf2f4;
	margin-bottom: 10px;
	position: relative;
	top: -20px;
}

#top-user-bar a {
display: inline-block;
padding: 10px 5px;
position: relative;
bottom: -1px;
color: #444444;
font-size: 14px;
border-bottom: 2px solid transparent;
margin-right: 5px;
}
#top-user-bar a:hover {
border-bottom: 2px solid #00aeef;
}

#top-user-bar a.active {
border-bottom: 2px solid #00aeef !important;
color: #002b64;
font-weight: bold;
}

#moje-nakupy-total {
width: 245px;
height: 100px;
border-radius: 4px;
border: solid 1px #e0e0e0;
float: right;
padding-left: 35px;
}
#moje-nakupy-total span {
display: block;
font-size: 14px;
color: #677479;
line-height: 25px;
margin-top: 16px;
}

#moje-nakupy-total i {
display: inline-block;
width: 14px;
height: 14px;
color: #fff;
text-transform: lowercase;
line-height: 14px;
font-size: 13px;
font-weight: bold;
border-radius: 50%;
text-align: center;
font-style: normal;
font-variant: normal;
position: relative;
top: 2px;
float: right;
margin-right: 15px;
background: #67757a;
cursor: help;
}

#delphin-trends span {
	display: block;
	position: relative;
	top: -8px;
}

#delphin-trends-prod .var2 {
    width: 329px;
 }

#moje-nakupy-total strong {
font-size: 34px;
font-weight: bold;
color: #334c58;
display: block;
}

#moje-nakupy-graph {
box-shadow: 0px 20px 45px 0 rgba(62, 77, 83, 0.21);
background-color: #ffffff;
border-radius: 10px;
margin-top: 20px;
margin-bottom: 40px;
}

#moje-nakupy-graph-header {
background: #5d636d;
height: 65px;
line-height: 65px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

}
#moje-nakupy-graph-header a {
display: inline-block;
background: white;
height: 55px;
vertical-align: bottom;
line-height: 55px;
padding: 0 15px;
text-transform: uppercase;
color: #5d636d;
font-weight: bold;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
margin-left: 10px;
}

#moje-nakupy {
padding-right: 25px;
}

#moje-nakupy-graph-inner {
padding: 10px 0 15px;
position: relative;
}

#mn-linka1, #mn-linka2 {
position: absolute;
width: 1px;
height: 218px;
background: #edf2f4;
top: 55px;
left: 348px;
}
#mn-linka2 {
left: 455px;
}

#mn-linka1.mena-pln, #mn-linka2.mena-pln {
height: 70px !important;
}

.mn-row {
height: 55px;
line-height: 55px;
}
.mn-row-small {
color: #677479;
font-size: 12px;
font-weight: bold;
}
.mn-col-fdate {
text-align: right;
width: 110px;
}

.mn-col-sdate {
text-align: right;
width: 104px;
}

.mn-col {
height: 55px;
line-height: 18px;
display: inline-block;
}

.mn-col-nadpis {
width: 230px;
text-align: right;
margin-right: 18px;
}

.mn-col-progress {
width: 85px;
margin-right: 18px;
}

.mn-progress {
background: #cde6f0;
display: inline-block;
height: 5px;
border-radius: 2.5px;
width: 85px;
position: relative;
top: -1px;
}



.mn-progress-in {
display: block;
height: 5px;
border-radius: 2.5px;
background: #0697ea;
}
.mn-row-2 .mn-progress-in {
background: #ee4d9d;
}

.mn-row-3 .mn-progress-in {
background: #cb996c;
}
.mn-row-4 .mn-progress-in {
background: #8bb417;
}

.mn-col-price strong {
color: #cb996c;
}

.fullfilled .mn-col-price {
color: #cb996c;
}

.mn-row-1.fullfilled .mn-col-nadpis {
color: #0697ea;
}

.mn-row-2.fullfilled .mn-col-nadpis {
color: #ee4d9d;
}

.mn-row-3.fullfilled .mn-col-nadpis {
color: #cb996c;
}

.mn-row-4.fullfilled .mn-col-nadpis {
color: #8bb417;
}

.mn-col-nadpis i {
display: none;
}

.fullfilled .mn-col-nadpis i {
display: inline-block;
width: 12px;
height: 12px;
color: white;
line-height: 12px;
font-size: 10px;
font-weight: bold;
border-radius: 50%;
text-align: center;
font-style: normal;
font-variant: normal;
position: relative;
top: -1px;
margin-left: 7px;
}

.mn-row-1.fullfilled .mn-col-nadpis i {
background: #0697ea;
}

.mn-row-2.fullfilled .mn-col-nadpis i {
background: #ee4d9d;
}

.mn-row-3.fullfilled .mn-col-nadpis i {
background: #cb996c;
}

.mn-row-4.fullfilled .mn-col-nadpis i {
background: #8bb417;
}

.clenstvo i {
display: inline-block;
width: 10px;
height: 10px;
color: #2b414c;
text-transform: lowercase;
line-height: 10px;
font-size: 9px;
font-weight: bold;
border-radius: 50%;
text-align: center;
font-style: normal;
font-variant: normal;
position: relative;
top: -1px;
margin-left: 5px;
margin-right: -5px;
background: white;
cursor: help;
}


.cb {
clear: both;
}

.firma-nazov {
font-size: 26px;
font-weight: 900;
color: #5d636d;
display: block;
line-height: 32px;
margin-bottom: 6px;
}

.moje-nakupy-badges-in div {
display: inline-block;
background: #304651;
color: white;
text-transform: uppercase;
font-size: 10px;
height: 20px;
line-height: 20px;
padding: 0 15px;
border-radius: 10px;
margin-right: 2px;
}
.moje-nakupy-badges-in .silver {
background: #8c9599;
}
.moje-nakupy-badges-in .bronze {
background: #cb996c;
}
.moje-nakupy-badges-in .gold {
background: #c69064;
}
.moje-nakupy-badges-in .uid {
background: #5d636d;
font-weight: bold;
}

div.delphin {
background: url('delphin.png') center center no-repeat;
background-size: 13px 13px;
width: 13px;
height: 13px;
display: inline-block;
padding:0;
margin:0;
vertical-align: middle;
position: relative;
top: -1px;
left: -5px; 
}

div.uid_icon {
background: url('uid.png') center center no-repeat;
background-size: 14px 14px;
width: 14px;
height: 14px;
display: inline-block;
padding:0;
margin:0;
vertical-align: middle;
position: relative;
top: -1px;
left: -5px; 
}


#delphin-trends {
padding-left: 50px;
position: relative;
margin-bottom: 20px;
}

#dt-ikona {
width: 45px;
height: 40px;
position: absolute;
left: 0;
top: 0;
}

#dt-i-elipsa {
display: block;
position: relative;
width: 35px;
height: 35px;
background-image: linear-gradient(119deg, #3e7be3 8%, #3f94e2 92%);
border-radius: 50%;
}

#dt-i-biely {
display: block;
position: absolute;
width: 18px;
height: 18px;
background: white;
border-radius: 50%;
top: -7px;
left: 22px;
z-index: 1;
}

#dt-i-sipka {
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #3f7fe4 transparent;
position: absolute;
top: -1px;
left: 26px;
z-index: 2;
}

#dt-i-delphin {
display: block;
width: 35px;
height: 35px;
background: url('delphin.png') center center no-repeat;
background-size: 16px 16px;
}

#delphin-trends strong {
display: block;
font-size: 18px;
font-weight: bold;
color: #0697ea;
line-height: 37px;
margin-bottom: 4px;
}

.akcie_1c_zoznam label {
	display: block;
	border: 1px solid #a8000d;
	border-radius: 4px;
	height: 40px;
	position: relative;
	font-weight: normal;
}
.akcie_1c_zoznam input[type="radio"] {
	position: absolute;
	top: 12px;
	left: 10px;
	width: 18px;
	height: 18px;
}
.akcie_1c_zoznam label img {
	height: 40px;
	width: auto;
	position: absolute;
	left: 30px;
	top: 0;
}
.akcie_1c_zoznam label span {
	display: block;
	line-height: 40px;
	width: 586px;
	left: 90px;
	top: 0;
	position: absolute;
	color: #6c121a;
	font-family: Aeromatics, sans-serif;
}

.akcie_1c_zoznam label font {
	display: block;
	line-height: 40px;
	width: 200px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	right: 10px;
	top: 0;
	position: absolute;
	color:#4d5362;
	font-family: Aeromatics, sans-serif;
}

.promo-shifter {
	display: block;
	background: white;
	border-radius: 3px;
	position: absolute;
	left: 40px;
	top: 180px;
	z-index: 12;
}
.tza .promo-shifter {
	left: 15px !important;
}
.promo-shifter:after {
	position: absolute;
	content: " ";
	width: 1px;
	overflow: hidden;
	background: #d0d0d0;
	height: 35px;
	top: 5px;
	left: 50%;
}

.promo-shifter a {
	line-height: 45px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	width: 50px;
	transition: 0.2s;
	background-color: #fff;
}
.promo-shifter a:hover {
	background-color: #f0f0f0;
}
.promo-shifter a:active {
	background-color: #dadada;
	top: auto;
	position: static;
}
.shifter-right {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background-image: url('right_arrow_slider.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 15px auto;
}

.shifter-left {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background-image: url('left_arrow_slider.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 15px auto;
}

.promo-main-slider {
	background: url('promo-menu.png') top left no-repeat;
	background-size: contain;
	height: 275px;
	position: relative;
	margin-bottom: 7px;
}

.promo-main-slider.tza {
	background: url('tz-slider-bg.png') top left no-repeat;
	background-size: contain;
	height: 285px;
}
.promo-main-slider.tza-bfa {
	background: url('bf-icon.png') #002b71 top left no-repeat;
	background-size: 75px 75px;
	background-position: -15px 0;
	height: 285px;
}

.promo-main-slider .pmsp {
	display: block;font-size: 26px;
	font-family: Aeromatics;
	color: white;
	position: absolute;line-height: 20px;left: 40px;
}
.promo-main-slider .pmsp.upper {
	top:103px;
	text-transform: lowercase;
}
.promo-main-slider .pmsp.lower {
	top:133px;
	text-transform: lowercase;
	color: #ffe625;
}

.promo-main-slider.tza .pmsp {
	display: block;
	font-size: 29px;
	font-size: 21px;
	font-weight: bold;
	left: 15px;
}
.promo-main-slider.tza .pmsp.upper {
	top:87px;
}
.promo-main-slider.tza .pmsp.lower {
	top:123px;
	text-transform: lowercase;
	color: #fff;
}

.promo-main-slider.tza-bfa .pmsp.lower {
	top:123px;
	text-transform: uppercase;
	color: #fff;
}
.promo-main-slider.tza-bfa .pmsp.upper {
	text-transform: uppercase;
	color: #66fdfc;
}


body.lang-fr .promo-main-slider.tza .pmsp.lower {
	font-size: 18px;
	top: 113px;
}

body.lang-ro .promo-main-slider.tza .pmsp.lower {
	font-size: 20px;
	top: 113px;
}

body.lang-de .promo-main-slider.tza .pmsp.upper {
	font-size: 18px;
}
body.lang-de .promo-main-slider.tza .pmsp.lower {
	top: 113px;
}
body.lang-pl .promo-main-slider.tza .pmsp.upper {
	font-size: 20px;
}
body.lang-pl .promo-main-slider.tza .pmsp.lower {
	top: 113px;
}




.promo-main-slider .pmsp.upper::first-letter { 
	text-transform: uppercase;
}

.promo-main-slider img {
	height: auto;
	width: auto;
}

.promo-slider-white {
	width: 480px;
	background: white;
	padding: 15px;
	border-radius: 4px;
	right: 10px;
	top: 10px;
	height: 225px;
	position: absolute;
}

.promo-main-slider.tza .promo-slider-white {
	background: transparent !important;
	top: 8px;
	padding:15px 0;
	width: 531px;
}

.promo-full-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;

}
.promo-row {
	line-height: 26px;
	font-size: 16px;
	color: #333333;
	font-family: Aeromatics;
}
.promo-row-right {
	display: inline-block;
	line-height: 26px;
	font-size: 16px;
	float: right;
}

.promo-main-link {
  display: inline-block;
  border: 1px solid #aaaaaa;
  border-radius: 2px;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.13);
  margin-bottom: 10px;
  position: relative;
  font-family: Aeromatics;
  min-height: 130px;
  transition: 0.2s;
  width: calc(50% - 5px);
}
/*
.promo-main-link:after {
	width: 16px;
	height: 27px;
	background: url('promo-next.png') center center no-repeat;
	content: " ";
	position: absolute;
	right: 10px;
	top: 42px;
	display: block;
	background-size: contain;
}
*/
.promo-main-link-marz:after {

	top: 17px;
}

.promo-main-link:hover {
	top: 2px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.13);
	background: #fafafa;
}
.promo-main-link img {
	position: absolute;top: 10px;left: 10px;max-width: 90px;max-height: 90px;width: auto;height: auto;
}
.promo-main-link span {
	display: block;font-size: 18px;color: #213267;position: absolute;line-height: 20px;left: 105px;
}
.promo-marza {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: #c8181e;
	padding: 3px 7px;
}

.tr-promo .stock-icon {
	width: 16px;
	height: 16px;
}

.singleprod .var tr.tr-promo-zel:nth-child(odd) {background: #e3ffb9;}
.singleprod .var tr.tr-promo-zel:nth-child(even) {background: #f0ffda;}
.tr-promo-zel .promo-marza {background: #67a11d;}

.promo-main-link span.upper {
	top:13px;
}
.promo-main-link span.lower {
	top:33px;
}

.promo-slider-pov .promo-act-slide img {
	  width: 240px;
}

.promo-slider-pov div.promo-odpocet {
  width: calc(100% - 30px);
}


div.promo-odpocet strong, div.promo-odpocet-prod strong {
	color: #ffe525;
	display: inline-block;
	min-width: 62px;
	margin-left: 2px;
	text-align: left;
	position: relative;
	right: -3px;
}
div.promo-odpocet {
	color: white;
	background: #c20e12;

	font-weight: bold;
	padding: 0 15px;
	line-height: 37px;
	font-size: 15px;
	font-family: Aeromatics;
position: absolute;
bottom: 10px;
left: 10px;
border-radius: 4px;
width: calc(100% - 50px);
text-align: center;
}

div.promo-text {
	width: 230px;
	float: right;
}

div.promo-odpocet-full {
	position: static;
	left: 105px;
	top: 63px;
	border-radius: 0px;
	margin-top: 6px;
	text-align: center;
}

div.promo-odpocet-prod {
	color: white;
	background: url('menu-fire.png') center left no-repeat #c20e12;
	background-size: contain;

	font-weight: bold;
	padding: 0 15px;
	padding-left: 45px;
	line-height: 45px;
	font-size: 15px;
	font-family: Aeromatics;
	display: inline-block;
	margin-top: 20px;
}

body.lang-de div.promo-odpocet-prod,
body.lang-hu div.promo-odpocet-prod,
body.lang-fr div.promo-odpocet-prod {
	line-height: 18px;
	padding: 5px 15px;
	padding-left: 45px;
}

body.lang-de div.promo-odpocet-prod strong,
body.lang-hu div.promo-odpocet-prod strong,
body.lang-fr div.promo-odpocet-prod strong {
	position: static !important;
	margin-right: 3px !important;
	margin-left: 0 !important;
}

.tr-top-promo {
	background: #3f3f3f;
}
.tr-top-promo td {
	color: #fff !important;
	font-weight: bold !important;
	font-family: Aeromatics;
	background: #3f3f3f;
	padding: 10px 15px !important;
	text-align: left !important;
}
.tr-promo-foto {
	padding: 3px !important;
	padding-bottom: 0px !important;
}
.tr-promo img {
	max-width: 70px;
	max-height: 50px;
	width: auto;
	height: auto;
}
.tr-promo{
	border: 0 !important;
}
.tr-promo td {
	border: 0 !important;
	color: #3f3f3f;
	font-family: Aeromatics;
}

.tr-promo.free-striped {
	background: #f6fbf4;
}
.tr-promo.free-striped:nth-child(2n) {
  background: #ecf6e9 !important;
}

div.i-inner {
display: none;
}

i.has-inner {
position: relative;
}
i.has-inner:hover div.i-inner {
display: block;
width: 200px;
position: absolute;
text-align: left;
color: #7e898d;
font-size: 14px;
line-height: 1.3;
font-weight: normal;
height: auto;
text-transform: none;
padding:20px;
border-radius: 13px;
background: white;
bottom: 25px;
margin-left: -100px;
left: -10px;
box-shadow: 0px 15px 45px 0 rgba(62, 77, 83, 0.21);
}

i.has-inner:hover div.i-inner::after {
display: block;
position: absolute;
width: 16px;
height: 16px;
content: " ";
background: white;
bottom: -7px;
left: 109px;
transform: rotate(45deg);
}

#novinky {
	font-family: Signika, sans-serif;
}


.moss-popup {
  max-width: 700px;
  margin: auto;
  background: white;
  position: fixed;
  top: calc(50% - 100px);
  left: calc(50% - 350px);
  border-radius: 7px;
  box-shadow: 1px 10px 30px rgba(0,0,0,0.3);
}

.moss-popup-header {
	padding: 15px 20px;
	border-bottom: 1px solid #f5f5f5;
}

.moss-popup-header strong {
  font-size: 18px;
  color: #012b65;
  line-height: 30px;
}

.moss-popup-body {
	padding: 20px;
  padding-top: 20px;
line-height: 1.5em;
color: #555;
padding-top: 15px;
}

.moss-popup-close {
	display: block;
float: right;
height: 40px;
width: 40px;
text-align: center;
background: #ebedf4;
line-height: 40px;
color: #012b65;
font-size: 25px;
position: relative;
top: -4px;
border-radius: 5px;
cursor: pointer;
transition: 0.2s;
}
.moss-popup-close:hover {
	transform: scale(1.2);
	background: #f2f2f2;
}
.moss-popup-close:active {
	transform: scale(0.9);
	background: #f0f0f0;
}

.moss-popup-button {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border-radius: 3px;
  padding: 9px;
  margin-top: 8px;
  cursor: pointer;
  background: #eaeff2;
  color: #002b64;
}
.moss-popup-button:hover {
	background: #d8e0e6;
}
.moss-popup-button-main {
  background: #002b64;
  color: white;
}
.moss-popup-button-main:hover {
	background: #1d2e38;
}

.moss-popup-button-half {
  width: 47%;
}

.moss-popup-button-right {
  float: right;
}

.moss-popup-button-left {
  float: left;
}



/*objednavky a popup sety*/
.mobjbtn {
display: inline-block;
width: 49.9%;
line-height: 65px;
text-align: center;
font-size: 15px;
font-weight: bold;
color: #9ea4af;
background:#f1f3f2;
vertical-align: bottom;
cursor: pointer;
}
.mobjbtnhn {
display: inline-block;
width: 49.9%;
line-height: 39px;
text-align: center;
font-size: 15px;
font-weight: bold;
color: #fff;
background:linear-gradient(135deg, #cc2400 0%,#dc4901 100%) !important;
vertical-align: bottom;
cursor: pointer;
}
.mobjbtn:hover {
color: #06aef0;
}

.mobjbtn.active {
background:white;
color:#12325d !important;

border-top:3px solid #44bfe8;
box-shadow: 0px 0px 5px rgba(125,125,125,0.25);
}


.mobjbtn.mobjszlavy {
	color:white !important;
}
.mobjbtn.mobjszlavy:hover {
}
.mobjbtn.mobjszlavy.active {
	color:white !important;
}


.mobjbtn.mobjszlavy, .mobjbtn.mobjszlavy.active {
	background-image: linear-gradient(-45deg, #e88835, #ffb76c, #e68834, #ffaf5b) !important;
	background-image: linear-gradient(-45deg, #73ac16, #73ac16, #5c9400, #88ca1d) !important;
	background-size: 400% 400%;
	animation: gradient 7s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.kos-th {
	border-bottom:1px solid #ecedee;
	background: #fff;
}

.kos-th th {
	text-align:left;line-height:13px;padding:5px 0px;
	color: black;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: text-top;
	height: 27px;
}

.a-center {
	text-align: center !important;
}

.a-left {
	text-align: left !important;
}

.a-right {
	text-align: right !important;
}

.stock-icon {
	width: 16px;
	height: 16px;
}

.vtbl2 .stock-icon {
	margin: 0 7px;
	position: relative;
	top: 2px;
}

.kos-tr {
	border-bottom:1px solid #ecedee;
	background: #fff;
}

.kos-tr:hover {
	color: #000002;
}
.kos-tr:hover .prod-name {
	color: #002b64;
}
.kos-tr:hover .prod-oc {
	color: #5b5b5d;
}



.kos-tr .prod-name {
	font-size: 13px;
	color: #58585a;
	display: block;
}

.kos-tr .prod-oc {
	font-size: 12px;
	display: block;
}

.kos-tr .prod-dim {
	font-size: 12px;
	max-width: 90px;
}

.kos-tr:hover{
	background: #f8f9fb;
}


.kos-darcek {
  background: #ffefed !important;
}

.kos-darcek .prod-name, .kos-darcek .prod-dim, .kos-darcek .prod-cena {
  color: #cc2300 !important;
}

.kos-darcek .darcek-txt {
  color: #cc2300 !important;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
}

.hnbut {
	background:linear-gradient(135deg, #cc2400 0%,#dc4901 100%) !important;
}

.d-tooltip-header {
	text-align: center;
	line-height: 34px;
	margin:-13px;
	margin-bottom:10px;
	font-family: Aeromatics, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: white;
	background:linear-gradient(135deg, #cc2400 0%,#dc4901 100%) !important;
}

.d-tooltip-product {
	border-bottom:1px solid #ccc;
	padding-bottom:7px;
	margin-bottom: 7px;
}
.d-tooltip-product img {
	height: 40px;width: auto;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	top: -3px;
}

/*.kos-tr-kemping {
	background: #585858;
	background: #2b5095;
	color: #fff;
}
.kos-tr-kemping:hover {
	background: #2f5f9f !important;
	color: #fff !important;
}*/
.kos-tr-kemping {
	background: #585858;
	background: #606060;
	color: #fff;
}
.kos-tr-kemping:hover {
	background: #707070 !important;
	color: #fff !important;
}

.kos-tr-kemping .prod-name {
	color: #fff !important;
}

.kos-tr-kemping[data-special-type="3"] .prod-name {
	color: #444 !important;
}

.kos-tr[data-special-type="2"] .prod-name {
	color: #13348e !important;
}
.kos-tr[data-special-type="5"] .a-acena, 
.kos-tr[data-special-type="5"] .a-fcena {
	color: #ff3a00 !important;
	font-weight: bold;
}

.kos-tr[data-special-type="2"] .a-acena, 
.kos-tr[data-special-type="2"] .a-fcena {
	color: #13348e !important;
	font-weight: bold;
}


.kos-tr[data-special-type="2"] .prod-oc,
.kos-tr[data-special-type="2"] .prod-dim
{
	color: #686868 !important;
}

.kos-tr[data-skupina-ok="ok"] .a-acena {
	color: #73ac16 !important;
	font-weight: bold;
}

.kos-tr-kemping .prod-oc {
	color: #909090 !important;
}

.kos-tr[data-special="skupina"] {
	background: #e6e6e6;
}
.kos-tr[data-special="skupina"] .vymaz_ks img {
	filter: brightness(75%);
}
.kos-tr[data-special="druhy50"] {
	border:1px solid white;
}
.kos-tr[data-special="druhy50-2"] {
	background: #fbf016;
	border:1px solid white;
}
.kos-tr[data-special="druhy50-2"] td {
	opacity: 0.6;
}



tbody.druhy50 {
	border: 2px solid #fbf016;
}

.kos-td-druhy-1 {
	background: #004099;
	padding:2px;
	font-size: 11px;
	font-family: Aeromatics, sans-serif;
	color:white;
}
.kos-td-druhy-1 b {
	color: #fbf016;
}
.kos-td-druhy-2 {
	color: #004099;
	padding:2px;
	font-size: 11px;
	font-family: Aeromatics, sans-serif;
	background:#fbf016;
	text-align: right;
}

.us-cena {
	display: inline-block;
	border-radius: 2px;
	background: white;
	text-align: center;
	width: 58px;
	font-weight: bold;
	margin-left: 7px;
}

.kos-tr[data-special="skupina"]:hover {
	background: #f0f0f0 !important;
}

.kos-tr[data-special="skupina"][data-skupina-ok="ok"] {
	background: #e7f4d4;
}
.kos-tr[data-special="skupina"][data-skupina-ok="ok"]:hover {
	background: #f7f9fc !important;
}

.kos-tr[data-special-type="1"] {
	background: #2b5095;
	background: #46567a;
}

.kos-tr[data-special-type="1"]:hover {
	background: #1b4085 !important;
	background: #303f5e !important;
}


.kos-tr[data-special-type="2"] {
	background: #bacfe3;
}

.kos-tr[data-special-type="2"]:hover {
	background: #bacfe3 !important;
}

.kos-tr[data-special-type="3"] {
	background: #e7fede;
	color: #929295 !important;
}

.kos-tr[data-special-type="3"]:hover {
	color: #555 !important;
}

.kos-tr[data-special-type="3"]:hover {
	background: #f7ffee !important;
}

.kos-tr[data-special-type="4"] {
	background: #e1e1e1;
	color: #929295 !important;
}

.kos-tr[data-special-type="4"] {
	background: #f1f1f1;
	color: #929295 !important;
}

.kos-tr[data-special-type="5"] {
	background: #ffefe0;
}

.kos-tr[data-special-type="6"] {
}

.kos-tr[data-special-type="4"]:hover {
	color: #555 !important;
}

.kos-tr[data-special-type="4"]:hover {
	background: #e1e1e1 !important;
}


.kos-tr[data-special="skupina"]:last-of-type {
	border-bottom: 2px solid #73ac16;
}


.kos-tr[data-special="rozlozitelna"] {
	background: #f9dede !important;
}
.kos-tr[data-special="rozlozitelna"]:hover {
	background: #f0cece !important;
}


.kos-tr-bonus {
	background: #ccdfee;
	color: #1c4166;
}
.kos-tr-bonus:hover {
	background: #b6cde2 !important;
	color: #1c4166 !important;
}

.kos-tr-bonus .prod-name {
	color: #1c4166 !important;
}

.kos-tr-bonus .prod-oc {
	color: #909090 !important;
}


.kos-tr-blimit {
	background: #ccdfee;
	color: #1c4166;
}
.kos-tr-blimit:hover {
	background: #b6cde2 !important;
	color: #1c4166 !important;
}

.kos-tr-blimit .prod-name {
	color: #1c4166 !important;
}

.kos-tr-blimit .prod-oc {
	color: #909090 !important;
}

.kos-tr-bhotdeal {
	background: #ecc;
	color: #661c1c;
}
.kos-tr-bhotdeal:hover {
	background: #ddb9b9 !important;
	color: #661c1c !important;
}

.kos-tr-bhotdeal .prod-name {
	color: #661c1c !important;
}

.kos-tr-bhotdeal .prod-oc {
	color: #661c1c !important;
}

.bontable-holder {
	max-height: 1600px;
	transition: 0.7s;
	position: relative;
	overflow: hidden;
}

.bontable-holder.hidden {
	max-height: 227px;
} 
.bontable-holder.hidden:after {
	width: 100%;
	height: 35px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: " ";
}
.bontable-holder-btn {
	display: none;
	padding-top: 15px;
	padding-bottom: 15px;
}

.bontable-holder-btn.shown {
	display: block;
}

.bontable-holder-btn button {
	border-radius: 20px;
	line-height: 40px;
	font-family: Aeromatics, sans-serif;
	color: white;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	width: 300px;
	margin: auto;
	display: block;
	border: 0;
	transition: 0.2s;
	cursor: pointer;
}

.bontable-holder-btn button:hover {
	transform: scale(1.1);
}
.bontable-holder-btn button:active {
	transform: scale(0.9);
}

.bontable-holder-btn img {
	height: 10px;
	width: auto;
	margin: 0 10px;
	position: relative;
}

.bontable-holder-btn .bonus-more-zobrazit {
	background: #37a2ea;
}

.bontable-holder-btn .bonus-more-skryt {
	background: #05255e;
}

.bontable-holder-btn .bonus-more-skryt img {
	transform: rotate(180deg);
}

.kos-tr td {
	position: relative;
}

.img-holder-holder {
	position: absolute;
	width: 40px;
	height: calc(100% - 10px);
	top: 5px;
	left: 5px;
	display: flex;
  align-items: center;
  justify-content: center;
}

.kos-tr[data-special-type="5"] .img-holder-holder:before {
	width: 23px;
	height: 19px;
	background: url('hnov-smi.png') no-repeat;
	background-size: contain;
	content: " ";
	display: block;
	position: absolute;
	left: -25px;
	top: 8px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.kos-tr[data-special-type="6"] .img-holder-holder:before {
	width: 23px;
	height: 19px;
	background: url('vianoce-icon_ctg.png') no-repeat;
	background-size: contain;
	content: " ";
	display: block;
	position: absolute;
	left: -25px;
	top: 8px;
}

.img-holder {
	width: 40px;
	height: 40px;
	border-radius: 3px;
}

.vymaz_ks img {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	position: relative;
	top: 1px;
}
.vymaz_1ca img {
	width: 14px;
	height: 14px;
	margin-right: 2px;
	position: relative;
	top: 1px;
}
.vymaz_ks_bonus img {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	position: relative;
	top: 1px;
}
.vymaz_ks_limit img {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	position: relative;
	top: 1px;
}
.vymaz_ks_bhotdeal img {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	position: relative;
	top: 1px;
}
.vymaz_zpr img {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	position: relative;
	top: 1px;
}

.ftable td {
padding: 7px;
font-size: 12px;
}
.ftable td strong {
color: #3aa2d0;
}
.ftable thead tr {
background:#2f4651;color:white;font-weight:bold;
}
.ftable tbody tr {
cursor: pointer;  
}
.ftable tbody td {
color: #767877;
}

.ftable tbody tr:nth-child(odd) {
background:#f1f3f2;
}

#fcbx-holder {
position: relative;
z-index: 999999999;
}

#fcbx {
position: absolute;
left: 5px;
top: 5px;
display: none;
width: 625px;
padding:30px;
background:white;
box-shadow: 0px 0px 30px rgba(0,0,0,0.4);
z-index: 1000000;
}

#fcbx-top {
height: 50px;
}
#fcbx-top strong {
color:#5dabdb;
font-size: 16px;
}
#fcbx-top strong.l43 {
line-height: 43px;
}
#fcbx-divider {
height: 1px;
background:#eeeeee;
margin-bottom: 17px;
}

.fr {
float: right;
display: inline-block;
margin-left: 7px;
line-height: 41px;
background:#13b0e5;
color: white;
padding: 0 13px;
font-size: 15px;
}

.fr img {
width: 20px;height: 20px;position: relative;
top:4px;
}

.fr.fcbxcls {
background:#95a0a6;
}
.tmavyalert {
color: white;
background:#425158;
padding:15px;
font-weight: bold;
}
.mt17 {
margin-top:17px;
}
.smptable {
text-align: left;
color: #adadb2;
font-size: 13px;
}

.smptable td, .smptable th {
padding: 3px;
}
.smptable th {
color:#425158;
}
.smptable tr {
border-bottom: 1px solid #929295;
}


.nmarza {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
  background: #defafd;
  cursor: help;
  text-align: center;
}

.nmarza span {
  display: inline-block;
  color:#2fbefb;
  line-height: 20px;
  font-size: 13px;
}

.nmarza:hover {
  background: #07a1eb;
}
.nmarza:hover span {
  color:white;
}

.nmarza .nmarza_obsah {
  display: none;
  position: absolute;
  z-index: 999;
  left: -8px;
  top: 10px;
  width: 210px;
  height: 100px;
  cursor: default;
  font-size: 13px;
  color:#7a7a7a;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 10px;
}

.d-tool-sk {
	font-size: 13px;
  color:#7a7a7a !important;
  line-height: 17px;
  font-weight: normal !important;
  font-family: Arial,sans-serif;
}

.nmarza:hover .nmarza_obsah:after {
  display: block;width: 15px;height: 15px;
  background: white;
  position: absolute;
  left: 11px;
  top: 15px;
  content: " ";
  z-index: 1000;
  transform: rotate(45deg);
}

.nmarza:hover .nmarza_obsah {
  display: block;
}

.nmarza_body {
  padding:9px;
  background: white;
  position: relative;z-index: 999;
  box-shadow: 1px 1px 25px rgba(0,0,0,0.2);
}

.nmarza_padd {
  padding:8px;
}

.d-tool-sk button {
	margin-top: 10px;
}

.d-tool-sk button,
.nmarza button {
  background: #03a0ea;
  color: #fff;
  border:0;
  line-height: 30px;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  display: block;
  width: 100%;
  cursor: pointer;
}
.d-tool-sk button:hover,
.nmarza button:hover {
  background: #23c0ff;
}
.d-tool-sk button:active,
.nmarza button:active {
  background: #0070ba;
}

.d-tool-sk button,
.nmarza.skupina button {
  background: #73ac16;
}
.d-tool-sk button:hover,
.nmarza.skupina button:hover {
  background: #7eb91e;
}
.d-tool-sk button:active,
.nmarza.skupina button:active {
  background: #527b0e;
}

ul.pagination li.disabled {
	background: white !important;
}



input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}


#entry-image {
  width: 414px !important;
  height: 223px !important;
  /*background: url('/design/toptab.png') top left !important;*/
  border: 1px solid black;
  z-index: 11;
  margin-left: -207px !important;
  margin-top: -113px !important;
  display:block;
  top:50%;
  left:50%;
  position:absolute;
  box-shadow:5px 5px 27px rgba(0,0,0,0.4);
}

.entry-link {
  display: block !important;
  position: absolute !important;
  left: 33px !important;
  width: 348px !important;
  padding: 0px !important;
  height: 48px;
  cursor: pointer;
}

#entrylink_eshop {
  top:83px;
}


#entrylink_voc {
  top:145px;
}

.entry-link:hover {
  opacity: 0.9;
}

.entry-link:active {
  opacity: 0.8;
}

#entry-texts {
  position: relative;
}

#prihl-voc {
  width: 414px !important;
  height: 223px !important;
  background: url('/design/newtab_bg.png') top left !important;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  border: 0px;
  z-index: 11;
}

#prihl-voc-txt {
  line-height: 15px;
  font-size: 13px;
  color: black;
  padding: 54px 38px 0px;
  text-align: justify;
  position: relative;
}

#prihl-voc-txt #votitle {
  position: absolute;
  top: 13px;
  left: 77px;
}

#prihl-voc-login form {
  text-align: center;
}

#prihl-voc-login form input[type="text"], #prihl-voc-login form input[type="password"] {
  background: white;
  height: 26px;
  line-height: 100%;
  padding: 1px 7px;
  width: 224px;
  border: 1px solid #4D4D4D;
  margin-top: 9px;
}

#prihl-voc-login form input[type="password"] {
  margin-bottom: 9px;
}

#prihl-voc-login form input[type="submit"], #prihl-voc-login form input[type="button"] {
  border-radius: 5px;
  line-height: 20px;
  height: 20px;
  width: 39px;
  display: inline-block;
  margin: 0px 30px;
  padding: 0px;
  cursor: pointer;
  border: 0px;
  background: url('/design/newtab_back.png') top left no-repeat transparent;
}

#prihl-voc-login form input[type="submit"] {
  background: url('/design/newtab_fwd.png') top left no-repeat transparent;
}
.entry-btn {
  width: 305px;
  height: 37px;
  background-color: #1fa2cf;
  color:white;
  line-height: 37px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}

.entry-btn-ok {
  width: 50px;
  height: 37px;
  background-color: #adadad;
  color:white;
  margin-left: 6px;
  line-height: 37px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}

.ui-autocomplete {
  padding: 10px;
  max-width: 680px;
}

.ui-autocomplete li {
  list-style-type: none !important;
}

.ui-autocomplete a {
  font-size: 12px;
  padding: 3px;
  cursor: pointer;
}

.row_active { background: #fff; }

.reg_ks, .reg_ks_noact, .reg_ks_zpr, .reg_ks_bonus, .reg_ks_limit, .reg_ks_blimit, .reg_ks_bhotdeal {
	border:1px solid #eff4f7;
	background: #eff4f7;
	line-height: 20px;
	width:62px;
	text-align:center;
	border-radius: 4px;
}

.reg_ks_holder {
	display: inline-block;
	position: relative;
}

.reg_ks_plus, .reg_ks_minus, .reg_ks_plus_noact, .reg_ks_minus_noact {
	text-align: center;
	height: 22px;
	width: 20px;
	position: absolute !important;
	line-height: 20px;
	color: #1195cb;
	font-weight: bold;
	font-size: 16px;
	display: block;
	left: 0 !important;
	top: 0 !important;
	overflow: hidden;
	transition: 0.2s;
}

.reg_ks_plus:hover, .reg_ks_minus:hover, .reg_ks_plus_noact:hover, .reg_ks_minus_noact:hover {
	transform: scale(1.4);
}

.reg_ks_plus:active, .reg_ks_minus:active, .reg_ks_plus_noact:active, .reg_ks_minus_noact:active {
	transform: scale(1.2);
}

.reg_ks_plus {
	line-height: 23px;
	left: auto !important;
	right: 0 !important;
}
.reg_ks_plus_noact {
	line-height: 23px;
	left: auto !important;
	right: 0 !important;
}

.reg_ks_minus_noact {
	line-height: 24px;
}

#new_oc:focus, .reg_ks:focus, .reg_ks_bonus:focus, .reg_ks_blimit:focus, .reg_ks_bhotdeal:focus, .reg_ks_zpr:focus { border: 1px solid #348FC9 !important; }


.ui-datepicker-next, .ui-datepicker-prev {
  position: absolute !important;
}

#extrashtml p, #additionalextras div p, #additionalextras-info div p {
  padding: 20px;
  position: relative;
  padding-left: 70px;
  font-size: 12px;
  line-height: 1.3em;
  min-height: 2.6em;
}
#extrashtml .clicon, #additionalextras div .clicon, #additionalextras-info div .clicon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 18px;
  color: white;
  text-align: center;
  line-height: 36px;
  font-size: 28px;
}

#extrashtml.info p {
  background: #e9f9fe;
  color: #307299;
}

#extrashtml.free p {
  background: #effee9;
  color: #4c9930;
}

#extrashtml.info .clicon {
  background: #307299;
  color: #e9f9fe;
}

#extrashtml.free .clicon {
  background: #4c9930;
  font-size: 24px;
  line-height: 38px;
  color: #effee9;
}

#additionalextras-info div.danger, #additionalextras-info div.secondary {
	margin-top: 7px;
}

#additionalextras-info div.danger .clicon {
  background: #b71a3f;
  font-size: 24px;
  line-height: 38px;
  color: #ffe4eb;
}

#additionalextras-info div.danger {
  background: #ffe4eb;
  color: #b71a3f;
}

#additionalextras-info div.secondary .clicon {
  background: #7d8498;
  font-size: 24px;
  line-height: 38px;
  color: #e8e9ee;
}

#additionalextras-info div.secondary {
  background: #e8e9ee;
  color: #7d8498;
}


#additionalextras div.warn {
  background: #fff0cd;
  color: #c19a3e;
}
#additionalextras div.warn .clicon {
  background: url('ico-warn.png') center center no-repeat;
  background-size: contain;
  border-radius: 0;
}

#additionalextras div.primary .clicon {
  background: url('ico-spl.png') center center no-repeat;
  background-size: contain;
  border-radius: 0;
}

#additionalextras div.primary {
  background: #ebeceb;
  color: #7c7c7c;
}

#zl-window {
	cursor: pointer;
}

#payment-selector a, #tobj-selector a, #payment-selector-bcd a, #servis-selector a, #cust-dod-selector a, #splat-selector a {
  height: 50px;
  display: block;
  line-height: 50px;
  color: #a7a9ac;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 30px 13px;
  padding-left: 63px;
  position: relative;
  cursor: pointer;
}

#tobj-selector a strong {
	line-height: 17px;
  display: inline-block;
  vertical-align: middle;
}
.oh-btn:hover {
	background: #16a213 !important;
}
#payment-selector a:hover, #payment-selector a.active,
#tobj-selector a:hover, #tobj-selector a.active,
#payment-selector-bcd a:hover, #payment-selector-bcd a.active, #servis-selector a:hover, #servis-selector a.active, #splat-selector a:hover, #splat-selector a.active, #cust-dod-selector a:hover, #cust-dod-selector a.active {
  color:#787a7e;
}
.pl_standard { background-image: url('pl_stand_inactive.png'); }
.pl_standard.active { background-image: url('pl_stand_active.png'); }
.pl_splatky { background-image: url('pl_spl_inactive.png'); }
.pl_splatky.active { background-image: url('pl_spl_active.png'); }


.pl_gpwebpay { background-image: url('pl_gpwebpay.png'); }
.pl_gpwebpay.active { background-image: url('pl_gpwebpay_active.png'); }
.pl_hotovost { background-image: url('pl_dobierka.png'); }
.pl_hotovost.active { background-image: url('pl_dobierka_active.png'); }
.pl_vopred { background-image: url('pl_proforma.png'); }
.pl_vopred.active { background-image: url('pl_proforma_active.png'); }
.pl_faktura { background-image: url('pl_fa.png'); }
.pl_faktura.active { background-image: url('pl_fa_active.png'); }
.pl_cecbo { background-image: url('pl_fa.png'); }
.pl_cecbo.active { background-image: url('pl_fa_active.png'); }
.nd { background-image: url('nd.png'); }
.nd.active { background-image: url('nd_active.png'); }
.splat { background-image: url('ico-spl.png');background-size:18px 18px !important;background-position: 33px 15px !important; }
.splat.active { background-image: url('ico-spl.png');background-size:18px 18px !important;background-position: 33px 15px !important; }
.a_disabled {
  opacity: 0.3;
}


.akt-zast-1 {
	position:absolute;background:#000;border-radius:7px;color:white;font-weight:bold;padding:7px;left: 16px;top: -23px;line-height: 16px;width: 176px;text-align: center;
	display: block;
}
.akt-zast-2 {
	position:absolute;background:#000;width:10px;height:10px;transform: rotate(45deg);left: 108px;top: 0;
	display: block;
}

.pl_splatky:hover .akt-zast-1, .pl_splatky:hover .akt-zast-2 {
	display: block;
}

.input-emulator{
  width: 16px;
  height: 16px;
  border:2px solid #a7a9ab;
  border-radius: 6px;
  display: block;
  position: absolute;
  top:15px;
  left:0;
}

#payment-selector a .input-inner,
#tobj-selector a .input-inner,
#payment-selector-bcd a .input-inner, #servis-selector a .input-inner, #splat-selector a .input-inner, #cust-dod-selector a .input-inner {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  position: absolute;
  top: 3px;
  left: 3px;
  background:#fff;
}

#payment-selector a:hover .input-inner,
#tobj-selector a:hover .input-inner,
#payment-selector-bcd a:hover .input-inner, #servis-selector a:hover .input-inner, #splat-selector a:hover .input-inner, #cust-dod-selector a:hover .input-inner {
  background:#d6d6d7;
}

#payment-selector a.active .input-inner,
#tobj-selector a.active .input-inner,
#payment-selector-bcd a.active .input-inner, #servis-selector a.active .input-inner, #splat-selector a.active .input-inner, #cust-dod-selector a.active .input-inner {
  background:#98c255;
}


 /* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #cccccc;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #40ade1;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

.error_podm {
  background: #ffdada !important;
}
.error_podm label {
  color: #b42d22 !important;
}

.addnewrek {
  margin-top: 2px;
  display: inline-block;
  border: 1px solid #5ab5e5;
  line-height: 36px;
  font-size: 12px;
  padding: 0 15px;
  color: #5ab5e5;
  border-radius: 3px;
  font-weight: 700;
}
.addnewrek:hover {
  background: #f9feff;
}
.addnewrek:active {
  background: #e9f9fe;
}


.searchnd {
  margin-top: 2px;
  display: inline-block;
  border: 1px solid #5ab5e5;
  line-height: 36px;
  font-size: 12px;
  padding: 0 15px;
  color: #5ab5e5;
  border-radius: 3px;
  font-weight: 700;
}
.searchnd:hover {
  background: #f9feff;
}
.searchnd:active {
  background: #e9f9fe;
}

.grey-info {
	background: url('info-gray.png') no-repeat #eeeeee;
	border-radius: 4px;
	color: #777777;
	font-size: 12px;
	line-height: 16px;
	padding: 15px;
	padding-left: 35px;
	background-size: 17px 17px;
	background-position: 14px 14px;
}

.grey-info a {
	text-decoration: underline;
}

.grey-info a:hover {
	text-decoration: none;
}

.vobs {
	font-size: 12px;
	padding: 8px 15px;
	transition: 0.1s opacity ease-out;
	cursor: pointer;
	display: inline-block;
	left:15px !important;
	top:20px !important;
	color:#787a7e;
	border:1px solid #787a7e;
	font-weight:bold;
	border-radius:4px;
	opacity:0.6;
	position:absolute !important;
	background: #fafbfc;
}
.vobs:hover {
	opacity:1 !important;
}

.kosik-upload {
	border: 1px solid #dbdbdb;
	height: 34px;
	margin-bottom: 15px;
	width: 493px;
}

.kosik-upload-text {
	width: auto;
	line-height: 34px;
	font-size: 13px;
	color: rgb(146, 146, 149);
	padding-left: 12px;
	float: left;
}

#kosik-upload-btn {
	text-decoration: none;
	display: block;
	line-height: 34px;
	color: rgb(120, 122, 126);
	border: 0;
	border-left: 1px solid #dbdbdb;
	float: right;
	text-align: center;
	font-size: 12px;
	width: 160px;
	cursor: pointer;
	font-weight: bold;

	overflow: hidden;
	position: relative;
}

#kosik-upload-btn img {
	width: 12px;
	height: 12px;
	position: relative;
	margin-left: 10px;
	top: 2px;
	opacity: 0.6;
}

#kosik-upload-btn .hover-bg {
  display: block;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 2%,rgba(152, 194, 85,0.10) 50%,rgb(152, 194, 85,0.16) 51%,rgba(255,255,255,0) 100%);
  width: 122%;
  height: 102%;
  position: absolute;
  transform: skew(-42deg);
  left: -133%;
  top: 0;
  z-index: 4;
  overflow: hidden;
  transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
#kosik-upload-btn:hover .hover-bg {
	left:-10%;
}

#kosik-upload-btn:active .hover-bg {
	left:110%;
}

.kosik-upload-form {
	width: 1px;
	height: 1px;
	display: inline-block;
	overflow: hidden;
	opacity: 0.01;
}

.csv-je-skladom {

}

.csv-oc {
	color:rgb(58, 162, 208);
}

.csv-n1 {
	color:rgb(47, 70, 81) !important;
}

.csv-nie-je-skladom {
	background: rgb(255, 241, 206) !important;
	color: rgb(228, 138, 46) !important;
	border-bottom: 1px solid white;
}
.csv-nie-je-skladom strong, .csv-nie-je-skladom td {
	color: rgb(228, 138, 46) !important;
}


.csv-neexistuje {
	background: rgb(255, 217, 216) !important;
	color: rgb(243, 33, 30) !important;
	border-bottom: 1px solid white;
}
.csv-neexistuje strong, .csv-neexistuje td {
	color: rgb(243, 33, 30) !important;
}


.blubtbig {
  height: 48px;
  line-height: 46px;
  color: white;
  font-size: 13px;
  font-weight: bold;
  padding-left: 25px;
  text-align:  left;
  width: 170px;
  background: url('m-reg-next.png') no-repeat #4babe1;
  background-size: 15px 15px;
  background-position: right 15px center;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
}

.blubtbig.left {
  padding-left: 48px;
  padding-right: 25px;
  background: url('m-reg-prev.png') no-repeat #4babe1;
  background-size: 15px 15px;
  background-position: left 15px center;
}

.blubtbig:hover {
  background-color: #5fbaee;
}

.blubtbig:active {
  background-color: #2789c1;
}



.secbtbig {
  height: 48px;
  line-height: 46px;
  color: white;
  font-size: 13px;
  font-weight: bold;
  text-align:  left;
  text-align: center;
  width: 150px;
  background: rgb(238, 243, 246);
  color: rgb(167, 179, 185);
  border: 0;
  border-radius: 3px;
  cursor: pointer;
}

.secbtbig:hover {
  background: rgb(228, 233, 236);
}

.secbtbig:active {
  background: rgb(208, 213, 216);
}


.d-tooltip {
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	color: white;
	background: rgb(141, 142, 146);
	line-height: 12px;
	cursor: help;
	text-align: center;
	border-radius: 50%;
	font-size: 10px;
	top: -1px;
}
.d-tooltip-fake {
	position: relative;
}

.d-tooltip-fake b {
	font-weight: normal;
}
.d-tooltip-fake b strong {
	font-weight: bold;
}
.d-tooltip-fake .d-tooltip-content {
	bottom: 26px;
	left: -123px;
}

.ico-i-hn .d-tooltip-content {
	bottom: 21px;
  left: -128px;
}

.d-tooltip-content {
	display: none;
	width: 260px;
	padding: 13px;
	text-align: left;
	background: white;
	font-size: 12px;
	color: rgb(68, 72, 78);
	box-shadow: 1px 1px 20px rgba(0,0,0,0.15);
	border-radius: 3px;
	position: absolute;
	bottom: 18px;
	left: -130px;
	z-index: 999;
}
.d-tooltip-content:after {
	display: block;
	content: " ";
	font-size: 5px;
	background: white;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: -5px;
	left: 132px;
	transform: rotate(45deg);
}
.d-tooltip-content:hover {
	display: block;
}
.d-tooltip-content a {
	text-decoration: underline;
}
.d-tooltip-content a:hover {
	text-decoration: none;
}

.d-tooltip:hover .d-tooltip-content, .d-tooltip-fake:hover .d-tooltip-content, 	.d-tooltip.shown .d-tooltip-content {
	display: block;
}

#WzBoDy {
	background: white !important;
	border-color:#ccc !important;
}

#down-csv {
	color: #777;
	font-size: 13px;
	text-decoration: underline;
	position: absolute;
	bottom: -38px;
	left: 0px;
	top: auto !important;
}

#add-to-wish {
	color: #777;
	font-size: 13px;
	text-decoration: underline;
	position: absolute;
	bottom: -38px;
	left: 150px;
	top: auto !important;
}
#add-to-bo {
	color: #777;
	font-size: 13px;
	text-decoration: underline;
	position: absolute;
	bottom: -78px;
	left: 0px;
	top: auto !important;
}

#down-csv:hover, #add-to-wish:hover, #add-to-bo:hover {
	text-decoration: none;
}

#down-csv img, #add-to-wish img {
	opacity: 0.5;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	top: 3px;
	position: relative;
}

#add-to-wish img {
	opacity: 1;
}

.nmarzatable {
	font-size:12px;
	margin-bottom:6px;
	width:100%;border:0 !important;
}
.nmarzatable td {
	font-size: 12px !important;
	padding: 3px 0 !important;
	border: 0 !important;
}

.wishlist-setter {
	cursor: pointer;
	transition: 0.2s;
	display: inline-block;
	width: 18px;
	height: 18px;
	padding: 3px 0;
	margin-left: 4px;
	background: url('star-s.svg') center center no-repeat;
	background-size: contain;
}
.wishlist-setter:hover {
	transform: scale(1.2);
}

.wishlist-setter:active {
	transform: scale(0.9);
}
.wishlist-setter.set {
	background: url('star-g.svg') center center no-repeat;
	background-size: contain;
}

.n-akcie-bg {
	background: #f3f6f8;
	padding:15px;
	font-family: Aeromatics, sans-serif;
	margin-top: 10px;
}

.n-akcie-nadpis {
	min-height: 40px;
}
.n-akcie-nadpis-left {
	background: url('new-d-limit.png') center left no-repeat;
	background-size: 140px 35px;
	padding-left: 140px;
	line-height: 18px;
	color: #072657;
	margin:7px 3px;
	width: 40%;
}
.n-akcie-nadpis-left.hotdeal {
	background: url('d-hotdeal.png') center left no-repeat;
	background-size: auto 35px;
	padding-left: 140px;
	line-height: 18px;
	color: #072657;
	margin:7px 3px;
	width: 40%;
}
.n-akcie-nadpis-left.bonus {
	background: url('new-d-bonus.png') center left no-repeat;
	background-size: 140px 35px;
	padding-left: 160px;
}

.n-akcie-nadpis-left.nzak {
	background: url('new-d-nzak.png') center left no-repeat;
	background-size: 35px 35px;
	padding-left: 55px;
	color:#e90036 !important;
}

.n-akcie-bg.nzak {
	border:3px solid #e90036;
	border-radius: 3px;
}

.n-akcie-nadpis-right {
	float: right;
	text-align: right;
	color: #d51030;
	line-height: 20px;
	padding-top: 2px;
}

.n-akcie-platnost-box {
	display: inline-block;
	width: 45px;
	text-align: center;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	background: #d51030;
	color: white !important;
	border-radius: 2px;
	margin-left: 2px;
}
.n-akcie-hr {
	background: #c7ced2;
	height: 1px;
}

.n-akcie-platnost {
	display: inline-block;
	margin-left: 10px;
}

.na-body-separator {
	height: 9px;
}


.mm-row {
  border-bottom: 1px solid #e9e9e9;
  color:#1d222c;
  background: #fff;
  line-height: 70px;
  padding-left: 60px;
  position: relative;
  display: block;
  font-family: Aeromatics, sans-serif;
}
.mm-row:hover {
  background: #f2fbff;
  color: #06aef0;
}
.mm-row-1 {
  background-image: url('down-photo-icon.svg');
  background-repeat: no-repeat !important;
  background-size: 26px 26px !important;
  background-position: 18px 19px !important;
}
.mm-row-2 {
  background-image: url('down-marketing-icon.svg');
  background-repeat: no-repeat !important;
  background-size: 26px 26px !important;
  background-position: 18px 19px !important;
}
.mm-row-3 {
  background-image: url('down-delphin-brand-icon.svg');
  background-repeat: no-repeat !important;
  background-size: 26px 26px !important;
  background-position: 18px 19px !important;
}
.mm-row-1:hover {
  background-image: url('down-photo-icon-bl.svg');
}
.mm-row-2:hover {
  background-image: url('down-marketing-icon-bl.svg');
}
.mm-row-3:hover {
  background-image: url('down-delphin-brand-icon-bl.svg');
}

/*horuce*/
.hnov-module {
	border-radius:10px;
	background:white;
	position:absolute;
	left:65px;
	font-size:26px;
	line-height:26px;top:125px;text-align:center;width:600px;
}
.hnov-top {
	background:#fff;
	min-height:60px;
	text-align:center;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:15px 0;
}
.hnov-box {
	width: 175px;
	display: inline-block;
	vertical-align: top;
	font-family: Aeromatics, sans-serif;
}
.hnov_sep {
	vertical-align: top;
	display: inline-block;
	width: 1px;
	height: 40px;
	background: #d7e0e4;
	margin-top: 10px;
}
.hnov-bottom {
	background:#edf0f1;
	color:#848484;
	font-size:13px;
	font-weight:normal;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	line-height: 16px;
  padding: 5px 0;
}
.hnov-cena {
	font-size: 15px;
	color: #3a3a3a;
}

.hnov-cena img {
	width: 14px;
	height: 14px;
	position: relative;
	top: 2px;
	margin-right: 4px;
}

.hnov-progress {background:#d7e0e4; }
.hnov-progress, .hnov-progress-in  {
	display: block;
	height: 3px;
	border-radius: 3px;
}

.hnov-txt {
	color: #99a1b2;
	font-size: 13px;
	line-height: 16px;
	margin-top: 3px;
}
.hnov-cena.success {
	font-weight: bold;
}
.hnov-box .hnov-cena.success, 
.hnov-box.green .hnov-txt.success {
	color: #58a348;
}

.hnov-box.yellow .hnov-txt.success {
	color: #58a348;
}

.hnov-box.red .hnov-txt.success {
	color: #58a348;
}

.hnov-box.green .hnov-progress-in {
	background: #58a348;
}

.hnov-box.yellow .hnov-progress-in {
	background: #f6ac01;
}

.hnov-box.red .hnov-progress-in {
	background: #e91400;
}

.hnov-bottom {
	font-size: 14px;
}
.hnov-button {
	display: inline-block;
	line-height: 26px;
	padding:0 7px;
	background: #a71c00;
	color: #fff;
	border-radius: 5px;
	margin-right: 5px;
}

.hnov-button-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 26px;
  border-radius: 4px;
  z-index: 1;
}

.hnov-button.success:before {
	content: " ";
	width: 14px;
	height: 14px;
	background: url('/design/hn-ok-w.png') no-repeat center center;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;position: relative;
  top: -2px;
  margin-right: 4px;
  z-index: 2;
}

.hnov-text {
	z-index: 3;
	position: relative;
}

/*tooltipy*/

.attp-fill {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: help;
  z-index: 999999;
}
.attp::after {
    content: attr(data-tt);
    position: absolute;
    background-color: #ffffff;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
    color: #888;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 999998;
    font-size: 13px;
    font-family: Aeromatics;
    display: none;
}
.attp-after {
    position: absolute;
    background-color: #ffffff;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
    color: #888;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 999998;
    font-size: 13px;
    font-family: Aeromatics;
    display: none;
}

.attp-after {
	color:#96aab1 !important;
}
#pes-aktivny, #pes-neaktivny {
	z-index: 0 !important;
	cursor: pointer !important;
	color:#96aab1;
} 
.pes-aktivny .attp-after b {
	color: #87cc2c;
}
.pes-neaktivny .attp-after b {
	color: #fd0916;
}

.nozi-attp::after {

    z-index: 3;
}

.attp::before {
  content: " ";
    position: absolute;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
    z-index: 999999;
    width: 6px;
    height: 6px;
    display: none;
}

.attp.att-top::after, .attp.att-top .attp-after {
    bottom: 125%; /* Position above the element */
    left: 50%;
    transform: translateX(-50%);
}

.attp.att-right::after, .attp.att-right .attp-after {
    top: 50%;
    left: 125%; /* Position to the right of the element */
    transform: translateY(-50%);
}

.attp.att-bottom::after, .attp.att-bottom .attp-after {
    top: 125%; /* Position below the element */
    left: 50%;
    transform: translateX(-50%);
}

.attp.att-left::after, .attp.att-left .attp-after {
    top: 50%;
    right: 125%; /* Position to the left of the element */
    transform: translateY(-50%);
}

.attp.att-top::before {
    bottom: 125%; /* Position above the element */
    left: 50%;
    transform: translateX(-50%);
}

.attp.att-right::before {
    top: 50%;
    left: 125%; /* Position to the right of the element */
    transform: translateY(-50%) rotate(45deg);
    margin-left: -3px;
}

.attp.att-bottom::before {
    top: 125%; /* Position below the element */
    left: 50%;
    transform: translateX(-50%);
}

.attp.att-left::before {
    top: 50%;
    right: 125%; /* Position to the left of the element */
    transform: translateY(-50%);
}

.attp:not(.att-noafter):hover::after {
    opacity: 1;
    visibility: visible;
    display: block;
}

.attp:hover .attp-after {
    opacity: 1;
    visibility: visible;
    display: block;
}
.attp:hover::before {
    opacity: 1;
    visibility: visible;
    display: block;
}

.attp-rel {
	position: relative;
}

.attp-red::after, .attp-red::before {
	background: #dd5d64 !important;
	color: white;
}

.attp-mright::after {
	margin-left: 10px;
}