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

/*@import "../fonts/face.css";*/

@import url("aeromatics-fr.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;
	}
}



/* #################
			BODY
	 ################# */

@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 {
	/*background: url('moss_eshoppozadie_nfxa.jpg') top center repeat #3a5b7a;*/
	font-family: Calibri, Arial, sans-serif;
	font-size: 14px;
	color: #929295;
	background: #022961;
	min-width: 1000px;
}

#body-holder {
	position: relative;
}

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

#full-body-bg2 {
	background: url('bg_n.png') top center no-repeat;
	/*background: url('moss_eshoppozadie_nfx.jpg') top center no-repeat;*/
}

#full-body-bg {
	background: url('bg2.png') top center no-repeat;
	/*background: url('moss_eshoppozadie_nfx.jpg') top center no-repeat;*/
}

ul.ui-autocomplete {
  z-index: 10000 !important;
}

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

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

.innerbigger {
	width: 994px;
	margin: 0 auto;
}

#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: 30px;
	width: 132px;
	left: -134px;
	display: none;
}

#rightbanners {
	position: absolute;
	top: 30px;
	width: 132px;
	right: -136px;
	display: none;
}

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

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

#rb_nezab_cprodukt {
	height: 200px;
}

.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 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: #0D6381;
	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: #FC0D1B;
}

.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 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; 
  }
}

.rel {
	position: relative;
}

#header {
	height: 72px;
	background: #373737;
}

#header h1 {
	width: 152px;
	height: 28px;
	float: left;
	margin-top: 20px;
}

#nav {
	height: 24px;
	float: right;
	margin-top: 23px;
}

#emil {
	display: block;
	background: url('emil.png');
	width: 53px;
	height: 144px;
	position: fixed;
	left: 0px;
	top: 300px;
}

.dodavx img {
	opacity: 0.4;
}

.dodavx:hover img {
	opacity: 1;
}

#nav.no {
	width: 385px;
}

#nav.yes {
	width: 769px;
}
/*
#mmenu li:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#mmenu li:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
*/
#nav menu {
	background: url('nav-menu.png') no-repeat;
	width: 169px;
	height: 24px;
	float: left;
}

#nav menu li {
	list-style-type: none;
	display: inline-block;
	width: 70px;
	padding: 0 7px;
	text-align: right;
	background: url('nav-menu-line.png') no-repeat center right;
	height: 24px;
}

#nav menu li:nth-child(2) {
	text-align: left;
	background: none;
}

#nav menu li a {
	color: #ffffff;
	display: block;
	line-height: 24px;
}

#login-rel {
	display: block;
	position: relative;
}

#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;
}

#cart {
	background: #414242;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 24px;
	width: 600px;
	float: right;
}

#cart ul {
	list-style-type: none;
}

#cart ul li {
	display: inline-block;
	height: 24px;
	width: 9%;
	text-align: center;
}

#cart ul li a {
	height: 24px;
	width: 100%;
	line-height: 24px;
	float: left;
	display: block;
	color: #ffffff;
}

#cart ul li.twelve {
	width: 13%;
}

#cart ul li.hlight a {
	color: #02aef0;
	font-weight: bold;
}

#slider {
	background: transparent;
	height: 331px;
	color: #ffffff;
}

#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;
}

.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;
}

#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: 10000;
}

#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: 'Signika';
	font-weight: 400;
	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;
}

.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;
	float: right;
	margin-bottom: 15px;
	padding-left: 0 !important;
}

#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:hover {
	text-decoration: none;
}

#rside .breadcrumb a: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:last-child:after {
	content: "";
	display: none;
}

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





.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.nd {
	background: url('blue-nahradne-diely-icon.svg') no-repeat;
	background-size: 25px 25px;
	background-position: 10px 14px;
}




.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);
	z-index: 2000;
}

.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);
}


.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;
}
.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 {
	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 .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.btn-list-next {
	background: url('arrow-product-moc.svg') center center no-repeat #eff4f6;
	background-size: 13px 13px;
}
.prods .prod .prodbtns a.btn-list-next:hover {
	background: url('arrow-product-moc.svg') center center no-repeat #e5f2f8;
	background-size: 13px 13px;
}

.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;
}

.nl-padder {
	height: 4px;
}

.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 {
	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;
}

.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;
}

.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;
	position: relative;
	z-index: 2002;
}

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

.icn-new {
	background: url('ikona_25_featured.svg');
}
.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-24 {
	background: url('ikona_25_featured.svg');
}
.icn-discount {
	background: url('ikona_discount_featured.svg');
}
.icn-sale {
	background: url('ikona_sale_featured.svg');
}
.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-vid {
	background: url('ikona_video_featured.svg');
}
.icn-fr {
	background: url('ikona_french_featured.svg');
}
.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;
}
.prods .prod .prod-data td {
	font-family: 'Signika', sans-serif;
	color: #15a4ea;
	font-weight: bold;
}

#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: #3a5b7a;
	*/
	background: #2a251f;
	height: 55px;
	padding: 10px 0px;
	margin-top: 10px;
}

#footer p {
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	font-family: 'Signika';
	font-weight: 400;
	background: #373737;
	font-size: 18px;
}
.txt {
	color: #929295;
}

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

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

.txt h2 {
	color: #02aef0;
	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: #545456;
	padding: 2px 115px 2px 15px;
	position: relative;
	margin-bottom: 30px;
}
.singleprod .heading.btn2 {
	padding: 2px 295px 2px 15px;
}

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

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

.otazka_nadpis {
	font-family: 'Aeromatics', sans-serif;
}

.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 .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 10px;
	text-align: center;
	vertical-align: middle;
	color: #4d4d4f;
}

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

.singleprod .var th {
	padding: 7px;
	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 {
	margin-bottom: 4px;
}

.singleprod .var input {
	width: 25px;
	height: 18px;
	border: 1px solid #545456;
	text-align: center;
}

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

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

.order {
	width: 23px;
	height: 24px;
	display: inline-block;
	background: url('button-order3.png') no-repeat;
	vertical-align: middle;
	margin-left: 3px;
}

.order.blue { background-position: right; }
.order.blue.bluegreen { background-position: left; }
.order.green { background-position: left; display: none; }

.order.blck { background-image: url('button-order3c.png'); background-position: right; }
.order.rdd { background-image: url('button-order3c.png'); background-position: left; display: none; }


.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;

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

.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);
}


.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';
}


.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 strong {
  font-family: 'Signika';
  font-weight: 300;
  color: white;
  line-height: 17px;
  font-size: 15px;
  display: block;
  text-align: center;
}

.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 {
    box-shadow: none !important;
    font-family:'Aeromatics',sans-serif;
    font-weight: 400 !important;
}


.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;
}


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

#entry-image {
  width: 430px !important;
  height: 470px !important;
  background: #FFFFFF !important;
  border: 1px solid black;
  z-index: 11;
  margin-left: -207px !important;
  margin-top: -235px !important;
  display:block;
  top:50%;
  left:50%;
  position:absolute;
  box-shadow:5px 5px 27px rgba(0,0,0,0.4);
  font-family: 'Signika', Arial, sans-serif;
}

  #entry-texts {
    position: relative;
  }

  #prihl-voc {
    width: 430px !important;
    height: 470px !important;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    border: 0px;
    z-index: 11;
  }

  #prihl-voc-txt span.en {
    color: #B9B9B9 !important;
  }
  #prihl-voc-txt span.hu {
    color: #7F7F7F !important;
  }

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

  #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('newtab_back.png') top left no-repeat transparent;
  }

  #prihl-voc-login form input[type="submit"] {
    background: url('newtab_fwd.png') top left no-repeat transparent;
  }

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

.dnd-title {
  font-size: 14px;
  color: black;
  display: inline-block;
  margin-right: 15px;
  padding-left: 30px;
  line-height: 18px;
  margin-bottom: 5px;
  background: url('https://www.moss.sk/design/m-ico-spare-parts.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px 0px;
}

.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;
}

      .main_so {
        display: none;
      }
      #newmossmenu {
        position: absolute;
        top: -1px;
        left: -375px;
        text-align: right;
        z-index: 10;
      }

      #newmossmenu a {
        display:inline-block;
        margin-right:10px;
        height:24px;
        line-height:24px;
        text-decoration:none;
        font-size:14px;
        color:white;
      }

      #newmossmenu a:hover {
        text-decoration: underline;;
      }

      #kosikif {
        display: inline-block !important;
        vertical-align: middle;
        line-height: 24px;
        height: 24px;
      }

      #nav_sl a {
        cursor: pointer;
        font-size: 1px;
        color: #7A7A7A;
        background: url('banner_e.png') center center no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
        float: none;
        outline: 0px;
        border: 0px;
      }
      #nav_sl a.activeSlide {
        background: url('banner_ok.png') center center no-repeat;
      }

      .exbt {
      display:block;
      min-height:53px;
      line-height:53px;
      background:url('foto2.png') center left no-repeat #C2C3C4;
      background-size: 28px 28px;
      font-family:'Signika';
      color:#737577;
      font-size:13px;
      font-weight:300;
      padding-left:32px;
      border-bottom: 2px solid white;
    }
    a.exbt:hover {
      color: #272822;
    }
    div.exbt {
      background:url('ico_nast.png') center left no-repeat #C2C3C4;
      background-size: 28px 28px;
      min-height: 40px;
      line-height: 20px;
      padding-top: 6px;
      padding-bottom: 6px;
    }
    div.exbt a {
      font-family:'Signika';
      color:#737577;
      font-size:13px;
      font-weight:300;
    }

    div.exbt a.activea, div.exbt a:hover {
      font-weight: 700;
      color: #58585A;
    }


      .eddv {
        display: inline-block;
        margin-left: 8px;
        color: #BBBCBD;
        font-weight: 400;
      }

      .eddv:hover {
        color: #ABACAD;
      }

      .signadpis {
        font-family: 'Aeromatics';
        font-weight: 400;
        color: #1DA4DB;
        font-size: 26px;
      }

#new-header {

}

#new-menu {
	height:66px;
	position: relative;
}

#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: 22px;
	width: 570px;
	top: 21px;
	right: 244px;
}

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

#new-menu-polozky.loggedin {
	right: 21px;
}

#new-menu-polozky a, #new-menu-polozky strong {
	line-height: 28px;
	color: #6D6F72;
	display: inline-block;
	font-family: 'Signika';
}

#new-menu-polozky:not(.loggedin) a {
	float: left;
}
#new-menu-polozky a {
	margin-right: 20px;
	position: relative;
}
#new-menu-polozky a:hover {
	color: #002b64;
}
#new-menu-polozky a:hover:after {
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	top: -18px;
	left: 0px;
	background: #00aeef;
	content: " ";
	overflow: hidden;
}

#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;
}

#new-submenu {
	height:34px;
}

#new-submenu a {
	display: inline-block;
	line-height: 34px;
	color: white;
	font-family: 'Signika', sans-serif;
	padding-left: 30px;
	margin-right: 19px;
}
#new-submenu a:hover {
	color: rgba(255, 255, 255, 0.83);
}

#new-submenu a.ico1 { background: url('ico_dom.png') top left no-repeat; margin-left: 5px; }
#new-submenu a.ico2 { background: url('ico_fotak.png') top left no-repeat; }
#new-submenu a.ico3 { background: url('ico_doprava.png') top left no-repeat; }
#new-submenu a.ico4 { background: url('ico_podmienky.png') top left no-repeat; }
#new-submenu a.ico5 { background: url('ico_mail.png') top left no-repeat; margin-right: 0 !important; }

#new-submenu iframe {
	width:208px;
	height:34px;
	float: right;
}

.lang-fr #new-submenu iframe {
  width: 224px;
}


.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;
}

.mobjbtn:hover {
color: #06aef0;
}

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

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

.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;
}



#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'); }
.a_disabled {
  opacity: 0.3;
}

.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);
} 

.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;
}

#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;
}