.print-tools {
	position: relative;
	top: -20px;
}
b {font-family: opensans-semi-bold-600;}
.ta-center {text-align: center;}
.vtlacit-stranu,
.vytvorit-pdf {
	font-family: opensans-regular-400;
	font-size: 12px;
	color: #636363;
	padding-right: 34px;
	margin-right: 10px;
	position: relative;
	text-decoration: none;
}

.vtlacit-stranu:before, 
.vytvorit-pdf:before {
	background-repeat: no-repeat;
	background-size: initial;
	display: inline-block;
	width: 29px;
	height: 29px;
	content: "";
	position: absolute;
	right: 0;
	top: -6px;
}

.vtlacit-stranu:before {background-image: url('./img/ikona-tlacit.png');} 
.vytvorit-pdf:before {background-image: url('./img/ikona-pdf.png');}

.detail h1 {
	font-size: 34px;
	padding: 20px 20px 20px 50px;
	box-sizing: border-box;
}
.detail h1:before {
	background-image: url(./img/h1-before-big.png);
	background-size: contain;
	top: 20px;
	height: 40px;
	width: 40px;	
}

.dalsi-material {
	font-family: opensans-light-300;
	font-size: 20px;
	color: #000;
	padding: 40px 0 20px 0;
}

.dashed-border-bottom {
	    border-bottom: 1px rgba(0, 0, 0, 0.7) dashed;
	    margin-right: 20px;
}

.col-220 .subs {padding-top: 20px;}

.col-540.detail {position: relative;}
.detail-img-wrap {
    max-height: 350px;
    min-height: 100px;
    overflow: hidden;
    position: relative;
}
.detail-img-wrap img {vertical;vertical-align: middle;position: absolute;top: -52px;}
.popis-detailu {background: #fff;padding: 0 40px;padding-bottom: 20px;}
.popis-detailu p {color: #636363;font-family: opensans-regular-400;line-height: 24px;padding-bottom: 30px;}
.popis-detailu .popis {font-size: 24px;color: #0267a4; font-family: opensans-light-300; padding: 20px 0; display: block;}

.produkty .popis-detailu {position: relative;}
.produkty .popis-detailu h6 {position: relative;top: 100px;}
.produkty .fluidbox-wrap {display: inline-block !important;}
.detail .thumbs {/* text-align: center; *//* position: relative; */background: #fff;/* top: -50px; */padding: 20px;}
.produkty .detail .thumbs {/* position: absolute; *//* top: 320px; *//* width: 100%; */}
.produkty .popis-produktu-text {background: #fff;}

.detail .thumbs a {
    margin: 1%;
    display: inline-block;
    width: 48%;
    box-sizing: border-box;
}
.detail .thumbs a img {
	max-width: 100%;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    box-shadow: 0 10px 15px -5px #000;
}
.detail .thumbs a img:hover {box-shadow: 0 5px 5px rgba(0, 0, 0, 0.6);}
.produkty .ui-tooltip {display: none !important;}

.aside.subs li {display: block;/* padding-left: 10px; *//* border-radius:4px; */margin-right: 20px;}
.material .current-menu.current-page {background: rgba(29, 180, 255, 0.21);box-shadow:none !important;border-bottom: 2px solid;}
.current-menu.current-page {border-bottom: 2px solid;}
.aside.subs li a {display: block;padding: 5px 10px 2px 10px;box-sizing: border-box;border-radius: 4px;border-bottom: 2px solid transparent;}
.aside.subs li a:hover {border-bottom: 2px solid #0067a3;}
.aside.subs li a .thumb {display: inline-block;text-align: center;height: 50px;width: 50px;border-radius: 50px;background: #000;padding: 0px;box-sizing: border-box;overflow: hidden;}
.aside.subs li a:hover, .aside.subs li a.current-menu.current-page {border-bottom: 2px solid #0067a3;box-shadow: 0 0 0px 100px rgba(29, 180, 255, 0.21) inset;}
.aside.subs li a .thumb img {max-width: 80px;margin: 0 auto;text-align: center;}
.aside.subs li a .title {padding-left: 10px;display: inline-block;color: #000;position: relative;top: -12px;font-family: opensans-regular-400;}
.aside.subs li a .description {display: none;}

.fajky {color: #292929;}
.fajky li {padding-left: 30px;line-height: 30px;position: relative;font-size: 14px; font-family: opensans-semi-bold-600;}
.fajky li:before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 7px;
	background-image: url('./img/ikona-zoznam-fajka.png');
	background-repeat: no-repeat;
	background-size: initial;
	display: inline-block;
}

.suvis.certifikat, .suvis.material {background: #fff;box-sizing: border-box;padding: 0 20px;}

.suvis.certifikat h6, .suvis.material h6 {font-size: 20px;font-family: opensans-semi-bold-600;padding: 30px 0;border-top:1px rgba(0, 0, 0, 0.7) dashed;}
.suvis.certifikat .menu {width: 100%; box-sizing: border-box;padding-bottom: 20px;}
.suvis.certifikat .menu-item {
	position: relative;
	padding-left: 120px;
	display: inline-block;
	overflow: hidden;
	height: 90px;	
	box-sizing: border-box;
}

.suvis.material .menu {width: 50%;box-sizing: border-box;padding-bottom: 20px;display: inline-block;}
.suvis.material .menu-item {
	padding-left: 0;
	margin:0;
	max-width: 100%;
	width: 100%;
	position: relative;
}

.suvis.material .menu-item a {
	padding: 0;
	display: inline-block;
}

.suvis.material .menu-item a:hover {color: #0067a3;}

.suvis.material .menu-item a .thumb {width: 110px;display: inline-block;}

.suvis.certifikat .menu-item:before {
	content: '';
	width: 100px;
	height: 76px;
	position: absolute;
	left: 0;
	top: 7px;
	background-image: url('./img/ikona-certifikat.png');
	background-repeat: no-repeat;
	background-size: initial;
	display: inline-block;
}

.suvis.material .menu-item a{}
.suvis.material .menu-item a:hover {}
.suvis.material .menu-item .title {}
.suvis.material .menu .description {}

.suvis.material .menu-item a,
.suvis.certifikat .menu-item a {color: #292929;}
.suvis.certifikat .menu-item a:hover,
.suvis.material .menu-item a:hover {box-shadow: none;}
.suvis.certifikat .menu-item .title,
.suvis.material .menu-item .title {display: block;font-size: 14px;font-family: opensans-semi-bold-600;line-height: 20px; padding-top: 10px;}
.suvis.certifikat .menu .description,
.suvis.material .menu .description {display: block;font-size: 9px;font-family: opensans-regular-400;line-height:15px;}

.certifikaty .suvis.certifikat .menu .description {padding-right: 114px;width: 100%;}

.suvis.material .menu-item .title {display: inline-block;padding: 0 !important;	position: absolute; top:20px;left: 140px;}
.suvis.material .menu .description {position: absolute; top: 50px;left:140px;}
/*spravy*/
.comments {display: none;}

/*prave menu*/
.subs.menu.section-right-menu {}
.subs.menu.section-right-menu li {display: block;width:100%;}
.subs.menu.section-right-menu a {}
.subs.menu.section-right-menu a .thumb {display: none;}
.subs.menu.section-right-menu a {
	padding-top: 114px;
	padding-bottom: 30px;
	padding-left: 20px;	
	height: 160px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;	
	box-sizing: border-box;
	color: #fff;
	font-size: 15px;
	font-family: opensans-semi-bold-600;	
	background: rgb(174,174,174);
	background: -moz-linear-gradient(top,  rgba(174,174,174,1) 0%, rgba(102,102,102,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(174,174,174,1) 0%,rgba(102,102,102,1) 100%);
	background: linear-gradient(to bottom,  rgba(174,174,174,1) 0%,rgba(102,102,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#666666',GradientType=0 );
}

.subs.menu.section-right-menu a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	background: rgb(3,175,228);
	background: -moz-linear-gradient(top,  rgba(3,175,228,1) 0%, rgba(2,103,164,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(3,175,228,1) 0%,rgba(2,103,164,1) 100%);
	background: linear-gradient(to bottom,  rgba(3,175,228,1) 0%,rgba(2,103,164,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03afe4', endColorstr='#0267a4',GradientType=0 );
}
		
.subs.menu.section-right-menu a:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.subs.menu.section-right-menu a:after {
	position: absolute;	
	content: "";
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	background-image: url(./img/h1-before-big.png);
	background-repeat: no-repeat;
	top: 20px;
	left: 20px;
	height: 30px;
	width: 20px;
	background-size: contain;
}

.subs.menu.section-right-menu a:hover:after, 
.subs.menu.section-right-menu a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	left: 130px;
}

.tags {display: none;}

/*tables*/
table tr th {background: rgba(2, 103, 164, 0.10);}

.popis.tab {
	font-family: opensans-semi-bold-600;
	font-size: 17px;
}

table tr:nth-child(even) {background: #ffffff !important;}
table tr:nth-child(odd) {background: #f6f6f6 !important;}

table tbody tr:hover td {background: #d1e0e9;}

table tr th {
	background: rgba(2, 103, 164, 0.10);
	font-family: opensans-semi-bold-600;
	font-size: 14px;
	text-align: left;
	padding: 10px;
	border-bottom: 3px solid #ffbb00;
}

table tr td {
	padding: 10px;
	font-family: opensans-regular-400;
	font-size: 13px;
	color: #000 !important;
}

/*zafarbenie stavov objednavky*/
.status-prepare {color: #1cb4ff; padding-right: 6px;}
.status-run {color: #ff6e00; padding-right: 6px;}
.status-done {color: #08bd08; padding-right: 6px;}
/*end zafarbenie stavov*/





/*fluidbox*/
.fluidbox-prev,
.fluidbox-next {
	position: fixed;
	text-align:center;
	cursor:pointer;
	background: #fff;
	color: #0067a3;
	top: 40%;
	padding: 20px;
	display: block;
	border:3px solid;
}

.fluidbox-prev:hover,
.fluidbox-next:hover {
	background: #0067a3;
	color: #fff;		
}

.fluidbox-prev:hover{box-shadow: inset 2px 0 5px #000;}
.fluidbox-next:hover{box-shadow: inset -2px 0 5px #000;}

.fluidbox-prev { left:0; border-left: 0;}
.fluidbox-next { right:0; border-right:0;}

.fluidbox-prev:before,
.fluidbox-next:before {
	font-family: fontAwesome;
	font-size: 30px;
	font-weight: bold;	
}
.fluidbox-prev:before {content: "\f104";}
.fluidbox-next:before {content: "\f105";}
.fluidbox-overlay {background: rgba(0, 0, 0, 0.3);}

.menu-opener.side-menu.visible {width: 100%;overflow: hidden;}
.menu-opener.side-menu.visible ul {}
.menu-opener.side-menu.visible .book.recurse.recurse.menu.list.aside.subs {width: 100%;background: #fff;border:2px solid #0067a3; box-sizing:border-box;border-top:0; padding-top:0;}
.menu-opener.side-menu.visible .book.recurse.recurse.menu.list.aside.subs li {border-bottom: 1px solid silver;}
.menu-opener.side-menu .opener {
	font-size: 16px;
	font-family: opensans-regular-400;
	color: #0067a3;
	background: #fff;
	width: 100%;
	margin: 6% 0;
	box-sizing:border-box;
	border: 2px solid;
}

.menu-opener.side-menu.visible .opener {border-bottom-color: silver;margin: 6% 0 0 0;}

.menu-opener.side-menu .opener:before {
	font-family: fontAwesome;
	content: "\f107";
	font-size: 24px;
	padding-right: 16px;

}

.menu-opener.side-menu.visible .opener:before {
	content: "\f106";
}

.subs.menu.section-right-menu a {width:100%;margin: 2px 0;}
.subs.menu.section-right-menu:nth-child(1) a{margin-top: 10px;}

@media all and (min-width: 800px) {
	.detail-img-wrap {min-height: 250px;}
}

@media all and (min-width: 980px) {

	.subs.menu.section-right-menu a{margin:0 0 20px 0;width: 174px;}
	.subs.menu.section-right-menu:nth-child(1) a{margin-top: 0;}

	.col-540.detail {
		position: relative; 
		top: -40px;
		width: calc(57.446808510638% + 20px);
	}
	
	.detail-img-wrap {min-height: 350px;}

	.detail h1 {
		font-size: 34px;
		padding: 170px 0 0 20px;
		min-height: 294px;
	}

	.detail h1:before {	
		top: 20px;
		height: 134px;
		width: 80px;	
	}
	
	.suvis.certifikat {padding: 20px 40px 0;}
	.suvis.certifikat .menu-item {max-width: 50%;}
	.certifikaty .suvis.certifikat .menu .description {padding-right: 114px;max-width: 80%;}
}

@media screen and (max-width: 800px) {
    table {border: 1px solid silver;}
    table tbody, thead { float: left; }
    table thead { min-width: 120px; }    
    table td,th { display: block; border-bottom:1px solid #ffbb00 !important;}
}