/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext');*/

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-stretch: normal;
	src: url(fonts/opensans_300.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
	src: url(fonts/opensans_400.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-stretch: normal;
	src: url(fonts/opensans_600.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-stretch: normal;
	src: url(fonts/opensans_700.ttf) format('truetype');
}

/*
RESET
*/
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, ul, var, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary { display: block; }
a, ins, del { text-decoration: none; }
blockquote, q { quotes:none; }
ul, ol { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th { text-align: left; }
body { background: #fff; color: #333; font-family: Arial, Verdana, sans-serif; font-size: 10pt; }
b, strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
input, textarea, select {outline: none;}
label { cursor: pointer; }
button, input[type="button"], input[type="reset"], input[type="submit"], input[type="checkbox"], input[type="radio"], select, label[for] { cursor: pointer; }
a, a:visited { color: #333; text-decoration: none; }
a:hover, a:active, a.active, span.active { color: #0090FF; outline: 0; }
p { line-height: 20px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0}
.ns {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none;}
/*
*/

.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
.j {text-align: justify;}
.i5 {text-indent: 5pt;}
.i10 {text-indent: 10pt;}
.i15 {text-indent: 15pt;}
.i20 {text-indent: 20pt;}
.mb5 {margin-bottom: 5px;}
.bold {font-weight: bold;}

.w10 {width: 10px;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w120 {width: 120px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w350 {width: 350px;}

.h10 {height: 10px;}
.h20 {height: 20px;}
.h25 {height: 25px;}
.h30 {height: 30px;}
.h35 {height: 35px;}
.h40 {height: 40px;}
.h50 {height: 50px;}
.h60 {height: 60px;}
.h70 {height: 70px;}
.h80 {height: 80px;}
.h90 {height: 90px;}

.noselect {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.hidden {
	display: none;
}

body{
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
}

.technical-break {
	margin: -270px -270px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 540px;
	height: 540px;
}

.content {
	margin: 0 auto;
	max-width: 1320px;
	position: relative;
	vertical-align: top;
}

.content.fixedsize {
	width: 1320px;
}

.content-big {
	margin: 0 auto;
	width: 100%;
	position: relative;
}

.content-big.menu-bar {
	/*background: white;*/
	box-shadow: 0 0 3px black;
	position: fixed;
	left:0;
	top:0;
	width: 100%;
	z-index: 10000;
}

.content-big.menu-bar .bkg-color {
	background: white;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 115px;
}

.content.h530 {
	height: 530px;
}
.content-big.h530 {
	height: 530px;
}

.content.h730 {
	height: 730px;
}
.content-big.h730 {
	height: 730px;
}

.content .tab-titles {

}
.content .tab-titles .tab-title {
	background: url('img/bg-24-select.png') repeat-x left center;
	float: left;
	height: 32px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 32px;
	border-top: solid 1px #a0a0a0;
	border-left: solid 1px #a0a0a0;
	border-right: solid 1px #a0a0a0;
	cursor: pointer;
	font-weight: bold;
}

.content .tab-titles .tab-title:first-child {
	border-top-left-radius: 6px;
}

.content .tab-titles .tab-title:last-child {
	border-top-right-radius: 6px;
	border-left: none;
}

.content .tab-titles .tab-title.active {
	color: #00589D;
}

.content .tab-views {
	padding: 10px 10px;
	border: solid 1px #a0a0a0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
}

.content .tab-views .tab-view {
	display: none;
}

.content .tab-views .tab-view.active {
	display: block;
}

.overlay {
	position: fixed;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	line-height: 100%;
	font-size: 100%;
	overflow: hidden;
	background: white;
	opacity: 0.8;
	z-index: 11000;
}

.tr-all-01-ease {
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.tr-all-03-ease {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.tr05s {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#header-mark {
	font-size: 0;
	line-height: 0;
	height: 115px;
	overflow: hidden;
}
#header {
	font-size: 0;
	line-height: 0;
	height: 105px;
	overflow: hidden;
}
#header .hdr-cont {
	height: 30px;
	font-size: 10pt;
	line-height: 30px;
	text-align: center;
	display: block;
	color: white;
	background: black;
}
#header .hdr-cont .text-1 {display: none;}
#header .hdr-cont .text-2 {display: inline-block; padding-left: 10pt;font-weight: bold; }
#header .hdr-cont .text-3 {display: inline-block; padding-left: 10pt;}
#header .hdr-cont .text-4 {display: none; padding-left: 10pt;}
#header .hdr-cont a {color: #0090FF;}
#header .hdr-cont a:hover {color: white}

@media only screen and (min-width: 650px) {
	#header .hdr-cont .text-1 {display: inline-block}
}
@media only screen and (min-width: 910px) {
	#header .hdr-cont .text-4 {display: inline-block}
}

#header .hdr-line {
	margin-left: 10px;
	height: 60px;
	line-height: 60px;
	text-align: right;
}
#header .hdr-line .menu-item {
	display: block;
	line-height: 36px;
	vertical-align: top;
	color: black;
	float: right;
}
#header .hdr-line .menu-item.logo {
	width: 150px;
	float: left;
	text-align: left;
}
#header .hdr-line .menu-item.logo a {
	display: block;
}
#header .hdr-line .menu-item.logo a img {
	display: block;
	vertical-align: middle;
}

#header .hdr-line .menu-item.link {
	font-size: 11pt;
	margin-left: 15px;
	margin-right: 15px;
	height: 60px;
}
#header .hdr-line .menu-item.link a {
	vertical-align: top;
}
#header .hdr-line .menu-item.link a.active {
	color: #418FF7;
}

#header .hdr-line .menu-item.link img {
	width: 34px;
}
#header .hdr-line .menu-item.separator {
	margin-left: 10px;
	margin-right: 10px;
	background: #707070;
	width: 1px;
	height: 20px;
	margin-top: 5px;
}
#header .hdr-line .menu-item.mobile {
	display: none;
	width: 36px;
	height: 36px;
	margin-right: 20px;
}

#header .hdr-line .menu-item.mobile a {
	display: block;
	vertical-align: top;
}
#header .hdr-line .menu-item.mobile a img {
	width: 36px;
	height: 36px;
	display: block;
}

/*****************************************************************/

#menu-mobile-hide {
	z-index: 1000000;
	position: fixed;
	left:0;
	top:100px;
	width:100%;
	height:100%;
	line-height: 100%;
	font-size:100%;
}

#menu-mobile {
	background: #0090FF;
	position: fixed;
	z-index: 1000001;
	left:0;
	top:0;
	width: 100%;
	text-align: center;
}

#menu-mobile .menu-item {
	display: block;
	color: white;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	background: #0090FF;
}

#menu-mobile .menu-item .line {
	vertical-align: middle;
	display: block;
	height: 60px;
	line-height: 60px;
}

#menu-mobile .menu-item.sep {
	height: 1px;
	background: white;
	display: block;
}

#menu-mobile .menu-item.link {
	font-size: 12pt;
	line-height: 40px;
	cursor: pointer;
}

#menu-mobile .menu-item.link a {
	color: white;
	display: block;
	vertical-align: middle;
}

#menu-mobile .menu-item.link img {
	width: 40px;
	display: inline-block;
	vertical-align: middle;
}

#menu-mobile .menu-item:hover {
	background: #75aef9;
}

/**/

#sklep {
	z-index: 1000001;
}
.menu-bg {
	background: url('img/prod-menu-bg.png') center top repeat-y;
}

#menu-products-hide {
	z-index: 1000000;
	position: fixed;
	left:0;
	top:100px;
	width:100%;
	height:100%;
	line-height: 100%;
	font-size:100%;
}

#menu-products {
	background: #0090FF;
	position: absolute;
	z-index: 1000001;
	left:0;
	top:-10px;
	width: 100%;
}

#menu-products ul {
	width: 100%;
}
#menu-products ul li {
	display: block;
	float: left;
	width: 20%;
}

#menu-products ul li a {
	display: block;
	color: #ffffff;
	background:none;
	white-space:nowrap;
	line-height: 50px;
	width: 100%;
	text-align: center;
	font-size: 12pt;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#menu-products ul li a:hover {
	background: #75aef9;
}

/* menu o-nas */
#menu-onas {
	background: #0090FF;
	position: absolute;
	z-index: 1000001;
	left:0;
	top:-10px;
	width: 100%;
}

#menu-onas ul {
	width: 100%;
}
#menu-onas ul li {
	display: block;
	float: left;
	width: 20%;
	border-right: solid 1px white
}
#menu-onas ul li:last-child {
	border-right: none
}

#menu-onas ul li a {
	display: block;
	color: #ffffff;
	background:none;
	white-space:nowrap;
	line-height: 50px;
	width: 100%;
	text-align: center;
	font-size: 12pt;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#menu-onas ul li a:hover {
	background: #75aef9;
}

/* menu */
#menu {
	background: #0090FF;
	height: 31px;
	margin-bottom: 15px;
	display: block;
}

#menu ul.nav {
	list-style:none;
	margin-bottom:10px;
	float:left;
	width:100%;
	position:relative;
	z-index:10000;
	font-size: 11pt;
	height: 31px;
	display: block;
}

#menu ul.nav li.nav-item {
	float:left;
	position:relative;
}
#menu ul.nav li.nav-item a {
	display:inline-block;
	color: #ffffff;
	background:none;
	white-space:nowrap;
	line-height: 31px;
	width: 144px;
	text-align:center;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
#menu ul.nav li.nav-item a:hover {
	color:#c0c0c0;
}

#menu ul.nav li.nav-item ul.nav-sub{
	background: #0090FF;
	position:absolute;
	left:-9999px;
	width: 760px;
	border-radius: 0 0 3px 3px;
}
#menu ul.nav li.nav-item ul.nav-sub li.nav-sub-item {
	padding:5px;
	float:left;
	background: url('img/ul-nav-sub-border-white.png') no-repeat right bottom;
	/*border-right: solid 1px white;*/
	/*border-bottom: solid 1px white;*/
}
#menu ul.nav li.nav-item:hover ul.nav-sub {
	left:0;
}
#menu ul.nav li.nav-item:hover a {
	color:#c0c0c0;
}
#menu ul.nav li.nav-item ul.nav-sub li.nav-sub-item a {
	display:inline-block;
	color: #ffffff;
	background:none;
	white-space:nowrap;
	line-height: 31px;
	width: 170px;
	padding-left: 10px;
	text-align: left;
}
#menu ul.nav li.nav-item ul.nav-sub li.nav-sub-item a:hover{
	background: #0065c9;
	color:#ffffff;
}


/*
*/

.slides_content {
	border: 1px solid #CDCECF;
	border-radius: 3px 3px 3px 3px;
	margin-bottom: 40px;
	position: relative;
}

#slides {
	min-height: 250px;
	position: relative;
	border: 1px solid #F3F3F3;
	border-radius: 3px 3px 3px 3px;
}

#slides .slides_container {
	min-height: 250px;
	width: 1198px;
}

#slides .prev {
	background: url('img/slides/left.png') no-repeat scroll 0 0 transparent;
	left: -9px;
}

#slides .next {
	background: url('img/slides/right.png') no-repeat scroll 0 0 transparent;
	right: -9px;
}

#slides .prev, #slides .next {
	display: block;
	margin-top: -20px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 40px;
	height: 44px;
	z-index: 500;
}

#slides .prev:hover,#slides .next:hover {
	background-position: -40px 0;
}

#slides ul.pagination {
	bottom: -32px;
	position: absolute;
	text-align: center;
	width: 1200px;
	height: 19px;
}

#slides ul.pagination li {
	display: inline-block;
	margin: 3px 5px 0;
}

#slides ul.pagination li a {
	background: url("img/slides/dots.png") no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	width: 12px;
}

#slides ul.pagination li.current a {
	background-position: 0 -12px;
}

#slides .slide {
	width: 1197px;
	text-align: center;
	display: none;
}

#slides .slide img {
	display: block;
	margin: 0 auto;
	width: 1197px;
	height: 350px;
	z-index: 2;
}

/*
*/

#categories {}

#categories .item-box {
	width: 25%;
	height: auto;
	float: left;
	display: block;
	position: relative;
	font-size:0;
	line-height: 0;
}

#categories .item-box .item-frame {
	display: block;
	position: relative;
	padding: 9px;
	font-size:0;
	line-height: 0;
}
#categories .item-box .item-frame .box {
	border: 1px solid #CDCECF;
	border-radius: 3px;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	position: relative;
	font-size:0;
	line-height: 0;
}

#categories .item-box .item-frame .box a {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	font-size:0;
	line-height: 0;
}

#categories .item-box .item-frame .box a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#categories .item-box .item-frame .box a img {
	width: 100%;
	height: auto;
	border: none;
	font-size:0;
	line-height: 0;
}

#categories .item-box .item-frame .box a .title {
	display: block;
	font-size: 14pt;
	line-height: 16pt;
	position: absolute;
	left: 0;
	top: 10pt;
	width: 100%;
}

#categories .item-box .item-frame .box a .descr {
	bottom: 34px;
	color: #505050;
	display: block;
	font-size: 19px;
	left: 18px;
	position: absolute;
	text-align: center;
	width: 100%;
}

#categories .item-box .item-frame .box a .descr.w {
	color: white;
}

#categories .item-box .item-frame .box a .button {
	left: 50%;
	bottom: 10px;
	color: #ffffff;
	display: block;
	font-size: 10pt;
	line-height: 16pt;
	position: absolute;
	text-align: center;
	width: 80px;
	margin-left: -30px;
	background: #a0a0a0;
	padding: 5px 8px;
	border-radius: 0;
}

#categories .box.r {
	margin-right: 0;
}

/*
  GPP-PROD
 */

#categories .item-box .item-frame .box.gpp-prod a .pcode {
	display: block;
	position: absolute;
	right: 5pt;
	top: 5pt;
	width: 50%;
	height: 10pt;
	text-align: right;
	color: black;
	font-size: 10pt;
	line-height: 10pt;
	text-transform: uppercase;
}

#categories .item-box .item-frame .box.gpp-prod a .title {
	display: block;
	position: absolute;
	left: 0;
	top: 20pt;
	width: 100%;
	height: 14pt;
	text-align: left;
	text-indent: 25pt;
	color: #555454;
	font-size: 14pt;
	line-height: 14pt;
	font-weight: bold;
}

#categories .item-box .item-frame .box.gpp-prod a .descr {
	display: block;
	position: absolute;
	left: 0;
	top: 34pt;
	width: 100%;
	height: 13pt;
	text-align: left;
	text-indent: 25pt;

	color: #555454;
	font-size: 13pt;
	line-height: 13pt;
	font-weight: normal;
}

#categories .item-box .item-frame .box a .button {
	left: 50%;
	bottom: 10px;
	color: #ffffff;
	display: block;
	font-size: 10pt;
	line-height: 16pt;
	position: absolute;
	text-align: center;
	width: 80px;
	margin-left: -30px;
	background: #0090FF;
	padding: 5px 8px;
	border-radius: 0;
}

/*
*/

#maintext {
	border: 1px solid #CDCECF;
	border-radius: 3px 3px 3px 3px;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 12pt;
	color: #464646;
}

#maintext h1 {
	color: #0090FF;
	font-size: 20pt;
	margin-bottom: 10px;
}

#maintext h1.h2025 {
	font-size: 16pt;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#maintext h2.h2025 {
	font-size: 12pt;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#maintext p {
	font-size: 10pt;
}

#maintext a,
#maintext a:visited {
	color: blue;
}

#maintext a:hover {
	color: #0065c9;
}
#maintext.no-border {
	border:0;
	font-size: 4rem;
}
#maintext .w100p {
	min-width: initial;
	width: 100% !important;
	height: auto;
}

/*
*/

.maintext {
	border: 1px solid #CDCECF;
	border-radius: 3px 3px 3px 3px;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 12pt;
	color: #464646;
}
.maintext.no-border {
	border:0;
	font-size: 4rem;
}

.maintext h1 {
	color: black;
	font-size: 20pt;
	margin-bottom: 10px;
}

.maintext h1.h2025 {
	font-size: 16pt;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.maintext h2.h2025 {
	font-size: 12pt;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.maintext p {
	font-size: 10pt;
}

.maintext a,
.maintext a:visited {
	color: blue;
}

.maintext a:hover {
	color: #0065c9;
}

.maintext .w100p {
	min-width: initial;
	width: 100% !important;
	height: auto;
}
/*
*/

#footertext {
	border: 1px solid #CDCECF;
	border-radius: 3px 3px 3px 3px;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 10pt;
	color: #464646;
}

#footertext h1 {
	color: #0090FF;
	font-size: 12pt;
}

/*
*/

#footerboards {
	border: 1px solid #CDCECF;
	border-radius: 3px 3px 3px 3px;
	min-height: 168px;
	margin-bottom: 15px;
	background: #ffffff;
	overflow: hidden;
}

#footerboards div.contact {
	float: left;
	width: 238px;
	font-size: 12pt;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#footerboards div.contact div.name {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #0090FF;
	margin: 10px;
}

#footerboards div.contact div.addr {
	font-weight: normal;
	color: #606060;
	margin: 10px;
}

#footerboards div.contact div.addr a {
	color: blue;
}

#footerboards div.contact div.addr a:hover {
	color: #0065c9;
}

#footerboards div.contact.mapa {
	float: left;
	width: 186px;
}

/*
*/
#footer-menu {
	background: #000000;
	color: #ffffff;
	font-size: 13pt;
	font-weight: normal;
	min-height: 200px;
	padding-bottom: 20px;
	border-radius: 3px 3px 0 0;
}

#footer-menu ul.footer-list {
	margin: 0 0 0;
	padding: 35px 0 0 42px;
	float: left;
	display: block;
}

#footer-menu ul.footer-list li {
	display: block;
	color: #ffffff;
	padding: 5px;
}

#footer-menu ul.footer-list li a {
	color: #cdcecf;
}

#footer-menu ul.footer-list li.t {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
}

#footer-menu ul.footer-list li.i a {
	margin-left: 10px;
}

#footer-menu ul.footer-list li.i a:hover {
	color: #0065c9;
}

/*
*/
#register {}

#register h2 {
	text-align: center;
	font-size: 10pt;
	margin-bottom: 10px;
}

#register .reg-cols {
	width: 100%;
}
#register .reg-col-1 {
	width: 100%;
	float: none;
}
#register .reg-col-1 {
	width: 100%;
	float: none;
}
#register .padding {padding: 5px}

#register div.rows {
	font-size: 10pt;
	line-height: 12pt;
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}

#register div.rows div.error {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #0090FF;
	margin-left: 156px;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: left;
	font-size: 9pt;
}

#register div.rows label {
	float: none;
	width: 100%;
	display: block;
	margin: 2px;
	padding: 2px 10px 2px 2px;
	overflow: hidden;
	text-align: left;
}

#register div.rows div.input {
	padding: 0;
	border: solid 1px #0090FF;
	border-radius: 3px;
	background: #ffffff;
	overflow: hidden;
	text-align: left;
	width: 99%;
	float: none;
}

#register div.rows div.input input[type="text"],
#register div.rows div.input input[type="password"] {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	height: 18px;
}

#register div.rows div.checkbox {
	padding: 2px;
	border: none;
	background: #ffffff;
	width: 90%;
	float: left;
	overflow: hidden;
	text-align: left;
}
#register div.rows div.checkbox input[type="checkbox"] {
	margin: 0;
	padding: 0;
	border: solid 1px;
	width: 18px;
	height: 18px;
}

#register div.buttons {
	padding: 0;
	text-align: center;
}

#register div.buttons input {
	width: 120px;
	border: none;
	border-radius: 3px;
	background: #0090FF;
	color: #ffffff;
	height: 24pt;
	font-size: 12pt;
}

#register div.buttons input:hover {
	color: white;
	background: #0065c9;
}
#register label {display: block;}
@media only screen and (min-width: 1070px) {
	#register .reg-col-1 {
		margin-left: 2%;
		width: 48%;
		float: left;
	}
	#register .reg-col-2 {
		width: 47%;
		float: left;
		margin-left: 2%;
	}
}
/*
*/

#login-select-customer {
	width: 400px;
	margin: 0 auto;
	text-align: center;
}

#login-select-customer select {
	width: 400px;
	border: solid 1px #0090FF;
	border-radius: 2px;
	line-height: 14px;
	font-size: 12pt;
}

#login-select-customer input[type="submit"] {
	width: 100px;
	border: none;
	border-radius: 3px;
	background: #0090FF;
	color: #ffffff;
	height: 25px;
	font-size: 9pt;
	margin: 20px auto 0 auto;
}

#login-select-customer input[type="submit"]:hover {
	color: white;
	background: #0065c9;
}

/*
*/

table.inf {
	border: none;
	border-collapse: collapse;
	width: 100%;
}

table.inf thead tr {
	background: #E8E8E8;
	height: 24px;
}

table.inf thead tr th,
table.inf tfoot tr td {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
}
table.inf thead tr th,
table.inf tbody tr td,
table.inf tfoot tr td {
	border: none;
	padding: 3px 5px;
}

table.inf tbody tr:nth-child(odd) td {
	background-color: #f8f8f8;
}

table.inf tbody tr:nth-child(even) td {
	background-color: #f0f0f0;
}

table.inf tbody tr:hover td {
	background-color: #ffddf5;
}

table.inf-klient {
	border: none;
	border-collapse: collapse;
	width: 100%;
}

table.inf-klient thead tr {
	/*background: #E8E8E8;*/
	background: #e2f4fd;
	height: 24px;
}

table.inf-klient thead tr th,
table.inf-klient tfoot tr td {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
}

table.inf-klient thead tr th {vertical-align: middle}
table.inf-klient tbody tr.red td {color: red;}
table.inf-klient tbody tr.green td {color: green;}

table.inf-klient thead tr th,
table.inf-klient tbody tr td,
table.inf-klient tfoot tr td {
	border: solid 1px #c0c0c0;
	padding: 3px 5px;
}

table.inf-klient tbody tr:nth-child(odd) td {
	/*background-color: #f8f8f8;*/
}

table.inf-klient tbody tr:nth-child(even) td {
	/*background-color: #f0f0f0;*/
}

table.inf-klient tbody tr:hover td {
	/*background-color: #ffddf5;*/
}

table.inf-klient tbody tr td.spacer {
	border: none;
	line-height: 5px;
	font-size:0;
	height: 5px;
}

table.inf-klient a.link {color: blue;}

table.inf-klient td a.action {
	display: block;
	font-size: 10pt;
	line-height: 14pt;
	height: 16pt;
	text-align: left;
	vertical-align: top;
	margin-bottom: 2px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}
table.inf-klient td a.action:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

table.inf-klient td a.action img {vertical-align: top; height: 100%; display: inline-block;}
table.inf-klient td a.action span {vertical-align: top; height: 100%; display: inline-block; line-height: 14pt; font-size: 10pt; margin-left: 5px;}

/*
*/

#klient-winietka {
	border: 1px solid #CDCECF;
	border-radius: 6px;
	background: white;
	position: fixed;
	top: 10%;
	width: 90%;
	left: 5%;
	box-shadow: 10px 10px 20px #0000007f;
	z-index: 11001;
}
#klient-winietka .padding {
	padding: 10px;
}
#klient-winietka .header {
	width: 100%;
	position: relative;
}
#klient-winietka .header .close {
	width: 48px;
	height: 48px;
	cursor: pointer;
	display: block;
	background: url('img/klient-zamknij-bkg.png') no-repeat center center transparent;
	position: absolute;
	top:0;
	right: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
#klient-winietka .header .close:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#klient-winietka .fields {border: none; width: 90%; margin: 0 auto}
#klient-winietka .fields .row {margin:0; vertical-align: top; font-size: 16pt; line-height: 20pt; min-height: 20pt}
#klient-winietka .fields .row.err {color: red;}
#klient-winietka .fields .row.txt {text-align: right;}
#klient-winietka .fields .row.inf {color: #808080;}
#klient-winietka .fields .row.inf.c {text-align: center;}
#klient-winietka .fields .row .label {display: block; width: 100%; font-size: 16pt; line-height: 20pt; white-space: nowrap; vertical-align: top;}
#klient-winietka .fields .row .input {display: block; width: 100%; border: 1px solid #CDCECF; border-radius: 3px; overflow: hidden;vertical-align: top}
#klient-winietka .fields .row .input img.captcha {width: 100%; border: none; margin: 5px; display: inline-block; height: 80px;vertical-align: top;}
#klient-winietka .fields .row .input input.txt {border: none; margin: 0; width: 100%; font-size: 16pt;line-height: 20pt; display: inline-block;vertical-align: top;}
#klient-winietka .fields .row .input textarea {border: none; margin: 0; width: 100%; height: 100%; resize: none; overflow-y: scroll;}

#klient-winietka .fields .row .input input {margin:0; padding:0; width: 100%;}
#klient-winietka .fields .row .padding {padding: 5px;}

#klient-winietka .fields .row input.sub {
	border: none;
	margin: 0px;
	padding: 5px 20px;
	font-size: 16pt;
	line-height: 20pt;
	background: #67bd45;
	color: white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	border-radius: 6px;
}
#klient-winietka .fields .row input.sub:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}
#klient-winietka .fields .row .line {
	width: 100%;
	height: 2px;
	background: #CDCECF;
	font-size:0;
	line-height: 0;
	margin-top:10pt;
}
#klient-winietka .fields .row .link {
	font-size: 16pt;
	line-height: 20pt;
	cursor: pointer;
	display: block;
	color: #00a0e3;
}
#klient-winietka .fields .row .link:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}

@media only screen and (min-width: 600px) {
	#klient-winietka {
		left: 50%;
		width: 600px ;
		margin-left: -300px;
	}
	#klient-winietka .fields {
		width: 80%;
	}
	#klient-winietka .fields .row .link.fl {
		float: left;
	}
	#klient-winietka .fields .row .link.fr {
		float: right;
	}
}

#klient-winietka.regulamin {
	width: 1000px;
	margin-left: -500px;
	height: 80%;
}

#klient-winietka.regulamin h1 {
	font-size: 16pt;
	color: #0090FF;
}

#klient-winietka.regulamin .fields {
	width: 100%;
}

#klient-winietka.regulamin .fields .row .input {
	width: 100%;
}

#klient-winietka.regulamin .fields .row .input .viewreg {
	margin: 1%;
	width: 98%;
	height: 375px;
	overflow: hidden;
	overflow-y: scroll;
}
#klient-winietka.regulamin .fields .row .input .regfile {
	display: block;
	margin-right: 10px;
	font-size: 12pt;
	line-height: 14pt;
	text-align: justify;
	word-break: break-word;
}

#klient-winietka.regulamin .fields .row .input .regfile .title {
	font-weight: bold;
}

#klient-winietka.regulamin .fields .row .input .regfile .reg-title {
	font-weight: bold;
}
.reg-title {
	font-weight: bold;
}
.reg-dwl {
	font-size: 12pt;
	line-height: 12pt;
}
#klient-winietka.regulamin .fields .row .input .regfile .c {
	text-align: center;
}

@media only screen and (max-width: 1100px) {
	#klient-winietka.regulamin {
		left:   5%;
		top:    1%;
		width:  85%;
		height: 90%;
		margin: 0;
		box-shadow: none;
	}
	#klient-winietka.regulamin .fields .row input.sub {
		font-size: 12pt;
	}
}
@media only screen and (max-width: 780px) {
	#klient-winietka.regulamin .fields .row .input .regfile {
		font-size: 10pt;
		line-height: 12pt;
	}
	#klient-winietka.regulamin .fields .row input.sub {
		font-size: 10pt;
	}
}
@media only screen and (max-width: 680px) {
	#klient-winietka.regulamin {
		left:       1%;
		top:        1%;
		width:      93%;
	}
	#klient-winietka.regulamin .fields .row .input .regfile {
		font-size: 8pt;
		line-height: 10pt;
	}
	#klient-winietka.regulamin .fields .row input.sub {
		font-size: 8pt;
	}
}
@media only screen and (max-width: 530px) {
	#klient-winietka.regulamin {
		left:       1%;
		top:        1%;
		width:      90%;
	}
	#klient-winietka.regulamin h1 {
		font-size: 12pt;
	}
}
@media only screen and (max-width: 400px) {
	#klient-winietka.regulamin h1 {
		font-size: 10pt;
	}
}
/*
*/

.dlg-edit-cart {
	border: 1px solid #CDCECF;
	border-radius: 6px;
	padding: 0;
	background: white;
	position: fixed;
	top: 10%;
	left: 50%;
	width: 850px;
	margin-left: -400px;
	box-shadow: 10px 10px 20px #CDCECF;
	z-index: 11001;
}
.dlg-edit-cart .header {
	position: relative;
	padding: 10px;
	background: #0090FF;
	color: #ffffff;
	font-size: 16pt;
	font-weight: bold;
}
.dlg-edit-cart .header .close {
	width: 48px;
	height: 48px;
	cursor: pointer;
	display: block;
	background: url('img/klient-zamknij-bkg.png') no-repeat center center;
	position: absolute;
	top:0;
	right: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.dlg-edit-cart .header .close:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.dlg-edit-cart form {margin: 10px; display: block; position: relative}
.dlg-edit-cart .fields {border: none; width: auto; margin: 0 auto; padding: 0; display: block; position: relative}
.dlg-edit-cart .fields .row {margin: 5px; vertical-align: top; font-size: 16pt; line-height: 20pt; min-height: 20pt;display: block; position: relative}
.dlg-edit-cart .fields .row.err {color: red;}
.dlg-edit-cart .fields .row.txt {text-align: right;}
.dlg-edit-cart .fields .row.inf {color: #808080;}
.dlg-edit-cart .fields .row.inf.c {text-align: center;}
.dlg-edit-cart .fields .row .label {margin: 10px; font-size: 16pt; line-height: 20pt;white-space: nowrap; vertical-align: top;display: block; position: relative}
.dlg-edit-cart .fields .row .input {width: 760px; border: 1px solid #CDCECF; border-radius: 3px; margin: 5px; overflow: hidden;vertical-align: top;display: block; position: relative}
.dlg-edit-cart .fields .row .input input.txt {border: none; margin: 5px; width: 98%; font-size: 16pt;line-height: 20pt; vertical-align: top;display: block; position: relative}
.dlg-edit-cart .fields .row .input textarea.txt {border: none; margin: 5px; width: 98%; font-size: 16pt;line-height: 20pt; vertical-align: top;display: block; position: relative; height: 100px; resize: none;}
.dlg-edit-cart .fields .row input.sub {
	border: none;
	margin: 5px;
	padding: 5px 20px;
	font-size: 16pt;
	line-height: 20pt;
	background: #67bd45;
	color: white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	border-radius: 6px;
}
.dlg-edit-cart .fields .row input.sub:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.dlg-edit-cart .fields .row .link.btn {
	border: none;
	margin: 5px;
	padding: 5px 20px;
	font-size: 16pt;
	line-height: 20pt;
	background: #67bd45;
	color: white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	border-radius: 6px;
	width: auto;
	display: inline-block;
}
/*
 */

#klient-konto {
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	font-size: 10pt;
	color: #464646;
}

#klient-konto .frame {
	border: solid 1px #CDCECF;
	padding: 10px;
	position: relative;
}

#klient-konto .frame.f00{
	font-size:0;
	line-height: 0;
}

#klient-konto .frame h1 {
	color: #0090FF;
	font-size: 12pt;
	line-height: 16pt;
	display: block;
}

#klient-konto .frame h1 strong {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
}

#klient-koszyk {
	border: 1px solid #CDCECF;
	border-radius: 3px 3px 3px 3px;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 10pt;
	color: #464646;
	position: relative;
}

#klient-konto .frame a.menu {
	padding: 0;
	margin-right: 10px;
	color: #8C8D8E;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#klient-konto .frame a.menu img {
	width: 120px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
}

#klient-konto .frame a.menu:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#klient-konto .frame a.menu.active {
	opacity: 1;
	filter: alpha(opacity=100);
}

#klient-konto div.buttons {
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#klient-konto div.buttons input[type="submit"] {
	border: none;
	background: none;
	font-size: 8pt;
	line-height: 12pt;
	color: blue;
	text-transform: uppercase;
	display: inline;
}

#klient-konto div.buttons input[type="submit"]:hover {
	color: #0065c9;
}

#klient-konto table.inf form {
	width: 60px;
	margin: 0 auto;
}

#klient-konto table.inf input[type="submit"] {
	width: 100%;
	border: none;
	background: none;
	color: blue;
	font-size: 8pt;
	line-height: 12pt;
	text-transform: uppercase;
}

#klient-konto table.inf input[type="submit"]:hover {
	color: #0065c9;
}

#klient-konto table.inf-klient form {
	width: 60px;
	margin: 0 auto;
}

#klient-konto table.inf-klient input[type="submit"] {
	width: 100%;
	border: none;
	background: none;
	color: blue;
	font-size: 8pt;
	line-height: 12pt;
	text-transform: uppercase;
}

#klient-konto table.inf-klient input[type="submit"]:hover {
	color: #0065c9;
}

#klient-konto table.inf-klient div.chk {
	width: 20px;
	height: 20px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	border: none;
	background: url('img/checkbox-20.png') 0 0 transparent no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

#klient-konto table.inf-klient div.chk.checked {
	background-position: 0 -20px;
}

#klient-konto table.inf-klient div.chk.grayed {
	background-position: 0 -40px;
}

#klient-konto table.inf-klient td.chk {
	vertical-align: middle;
}

/*
*/

#klient-konto form.edit {
	margin: 0 auto;
}

#klient-konto form.edit div.rows {
	font-size: 10pt;
	line-height: 12pt;
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}

#klient-konto form.edit div.rows div.error {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #0090FF;
	margin-left: 156px;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: left;
	font-size: 9pt;
}

#klient-konto form.edit div.rows label {
	float: left;
	width: 140px;
	display: block;
	margin: 2px;
	padding: 2px 10px 2px 2px;
	overflow: hidden;
	text-align: right;
}

#klient-konto form.edit div.rows div.input {
	padding: 2px 4px;
	border: solid 1px #0090FF;
	border-radius: 3px;
	background: #ffffff;
	width: 500px;
	float: left;
	overflow: hidden;
	text-align: left;
}
#klient-konto form.edit div.rows div.input.readonly {
	border-color: #808080;
}

#klient-konto form.edit div.rows div.input input[type="text"],
#klient-konto form.edit div.rows div.input input[type="password"] {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	height: 18px;
}

#klient-konto form.edit div.rows div.checkbox {
	padding: 2px;
	border: none;
	background: #ffffff;
	width: 500px;
	float: left;
	overflow: hidden;
	text-align: left;
}
#klient-konto form.edit div.rows div.checkbox input[type="checkbox"] {
	margin: 0;
	padding: 0;
	border: solid 1px;
	width: 18px;
	height: 18px;
}

#klient-konto form.edit div.buttons {
	margin: 24px 0 0 156px;
	padding: 0;
	width: 160px;
}

#klient-konto form.edit div.buttons input,
#klient-konto form.edit div.buttons a {
	width: 100%;
	border: none;
	border-radius: 3px;
	background: #0090FF;
	color: #ffffff;
	height: 25px;
	font-size: 9pt;
}

#klient-konto form.edit div.buttons input:hover,
#klient-konto form.edit div.buttons a:hover {
	color: white;
	background: #0065c9;
}
#klient-konto form.edit div.buttons a {
	display: block;
	text-transform: uppercase;
	text-align: center;
	line-height: 25px;
}

#klient-konto .frame .rows .checkbox {width: 500px;}
#klient-konto .frame .rows .checkbox div {float: left; width: 24px;}
#klient-konto .frame .rows .checkbox input[type="checkbox"] {margin: 0; padding: 0; border: solid 1px; width: 18px; height: 18px;}
#klient-konto .frame .rows .checkbox label {float: left; height: 18px; line-height: 18px;width: 300px; text-align: left; margin:0;}

.gus-verify {position: absolute; top: 10px; right: 10px; color: gray}

.list-options {height: 45px;text-align: left; position: relative;}
.list-options .items-per-page {float: left; margin-top: 10px; margin-right: 10px;}
.list-options .items-per-page ul li {display: inline;font-size: 13px;list-style: outside none none;margin: 0;padding: 0;}
.list-options .items-per-page ul li.current {font-weight: bold;}
.list-options .items-per-page ul li.current span {color: #0065c9;}
.list-options .items-per-page ul li span {padding: 5px 2px;}
.list-options .pager {float: right;margin-top: 10px;}
.list-options .pager .nav {float: right;font-size: 0;}
.list-options .pager .nav li {display: inline;font-size: 13px;list-style: outside none none;margin: 0;padding: 0;}
.list-options .pager .nav li.current {font-weight: bold;}
.list-options .pager .nav li.current span {color: #0065c9;}
.list-options .pager .nav li span {padding: 5px 6px;}

.list-options .dropdown {display: inline-block; font-size: 0; position: absolute; vertical-align: top; top: 5px;}
.list-options .dropdown.filtr {left: 420px; z-index: 50;}
.list-options .dropdown.sort {left: 590px; z-index: 51;}
.list-options .dropdown .toggle {-moz-user-select: none;background: #fff none repeat scroll 0 0; border: 1px solid #c0c0c0; border-radius: 6px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 13px; height: 28px; line-height: 27px; position: relative; text-align: left;z-index: 51;}
.list-options .dropdown .toggle .label {background: #fff none repeat scroll 0 0; border-radius: 6px; display: block; height: 26px; overflow: hidden; text-indent: 10px; line-height: 25px;}
.list-options .dropdown .toggle .label:after {background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(100, 100, 100, 0.1) 0px, rgba(100, 100, 100, 0) 80%) repeat scroll 0 0; content: ""; display: block; height: 30px; margin-top: -15px; width: 100%; z-index: 50;}
.list-options .dropdown .toggle .label strong {color: #0065c9;}
.list-options .dropdown .arrowdd {display: inline-block;height: 26px;margin-left: 10px;position: relative;text-align: center;width: 32px;}
.list-options .dropdown .arrowdd:before {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, #c0c0c0 30%, #c0c0c0 70%, rgba(244, 244, 244, 0) 100%) repeat scroll 0 0;content: "";display: block;height: 26px; position: absolute; right: 32px; top: 0; width: 1px;}
.list-options .dropdown .arrowdd:after {background: rgba(0, 0, 0, 0) url('img/list-options-arrows-up-down.png') no-repeat scroll -16px 0; content: ""; display: inline-block; height: 16px; left: -2px; position: relative; top: 9px; width: 16px;}

.list-options .dropdown .options {height: 0; background: #fff none repeat scroll 0 0; display: block; font-size: 13px; overflow: hidden; position: relative; text-align: left; top: -1px; z-index: 50; }
.list-options .dropdown .options dl {margin: 0; padding: 0;}
.list-options .dropdown .options dt {border-top: 1px dotted #d6d6d6; float: left; margin: 5px 0 0; padding: 5px 0 0; width: 65%;}
.list-options .dropdown .options dt + dd {border-top: 1px dotted #d6d6d6; margin-top: 5px; padding-top: 5px;}
.list-options .dropdown .options dt:after {content: ":";}
.list-options .dropdown .options dt:first-child,
.list-options .dropdown .options dt:first-child + dd {border-top: 0 none; margin-top: 0; padding-top: 0; }
.list-options .dropdown .options dd {margin: 0 0 0 65%; padding: 0 0 0 10px;}

.list-options .dropdown .filters {height: 0; display: block; background: #fff none repeat scroll 0 0; font-size: 13px; overflow: hidden; position: relative; text-align: left; top: -1px; z-index: 50; }
.list-options .dropdown .filters form {}
.list-options .dropdown .filters form table {border: none; width: 100%;}
.list-options .dropdown .filters form table td {padding: 3px; margin:0; background: #fff; color: black; vertical-align: top; border: none;}
.list-options .dropdown .filters form table tr:hover{color: black; background: white;}
.list-options .dropdown .filters form table td.label {text-align: right; padding-right: 3px; white-space: nowrap; vertical-align: middle;}
.list-options .dropdown .filters form table td.input {font-size:0; line-height:0;}
.list-options .dropdown .filters form table td.input.one {width: 90px;}
.list-options .dropdown .filters form table td.input div.fr {display: inline-block; border: solid 1px #8F8F8F; width: 100%; height: auto;}
.list-options .dropdown .filters form table td.input input {display: inline-block; width: 98%; border: none; margin: 2px; padding: 0; color: #0065c9; font-weight: bold;}
.list-options .dropdown .filters form table td.input select {display: inline-block; width: 98%; border: none; margin: 2px; padding: 0; color: #0065c9; font-weight: bold;}

.list-options .dropdown .filters form table td.input input::-webkit-input-placeholder {color: #8F8F8F;}
.list-options .dropdown .filters form table td.input input:-moz-placeholder {color: #8F8F8F;}
.list-options .dropdown .filters form table td.input input::-moz-placeholder {color: #8F8F8F;}
.list-options .dropdown .filters form table td.input input:-ms-input-placeholder {color: #8F8F8F;}
.list-options .dropdown .filters form table td.input input:placeholder-shown {color: #8F8F8F;}

.list-options .dropdown .filters form table td .button {width: 100%; height: 24px; line-height: 24px; border: none; background: black; color: white; font-weight: bold; text-align: center; cursor: pointer;}
.list-options .dropdown .filters form table td .button:hover {background: #0065c9;}

.list-options .dropdown.active .toggle {border-bottom-color: #fff; border-radius: 6px 6px 0 0; box-shadow: 0 -1px 4px -2px #c0c0c0;}
.list-options .dropdown.active .toggle:before,
.list-options .dropdown.active .toggle:after {background: #fff none repeat scroll 0 0; border-color: #c0c0c0; border-radius: 0 0 6px; border-style: solid; border-width: 0 1px 1px 0; bottom: -1px; box-shadow: 3px 1px 0 1px #fff; content: " "; display: inline-block; height: 5px; left: -6px; position: absolute; width: 5px; z-index: 52;}
.list-options .dropdown.active .toggle:after {border-radius: 0 0 0 6px; border-width: 0 0 1px 1px; box-shadow: -3px 1px 0 1px #fff; left: auto; right: -6px;}
.list-options .dropdown.active .arrowdd:after {background-position: 0 0;}

.list-options .dropdown.active .options {height: auto; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-radius: 6px; border-color: #c0c0c0; border-style: solid; border-width: 1px; box-shadow: 2px 2px 4px #808080; margin-left: -10px; min-width: 100%; padding: 15px 10px;}
.list-options .dropdown.active .filters {height: auto; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-radius: 6px; border-color: #c0c0c0; border-style: solid; border-width: 1px; box-shadow: 2px 2px 4px #808080; margin-left: -10px; min-width: 100%; padding: 15px 10px;}

.list-options a:hover {color: #0065c9;}

.ui-datepicker .ui-state-default {background: #8F8F8F; color: black;}
.ui-datepicker .ui-state-default.ui-state-highlight {background: #000; color: white; border: none;}
.ui-datepicker .ui-datepicker-current-day a.ui-state-default.ui-state-active {background: #0065c9; color: white; border: none;}

	/*
	*/
#category {
	border: 1px solid #CDCECF;
	border-radius: 3px 3px 3px 3px;
	color: #464646;
	font-size: 10pt;
	margin-bottom: 15px;
	padding: 10px;
	/*min-height: 370px;*/
}

#category h1 {
	color: #0090FF;
	font-size: 12pt;
	margin-bottom: 10px;
}
#category h1.mb0 {margin-bottom: 0;}

#category a,
#category a:visited {
	color: blue;
}

#category a:hover {
	color: #0065c9;
}

#category tr,
#category tr td {
	vertical-align: top;
}

#category .image {
	display: block;
	width: 440px;
	height: 370px;
	padding-right: 10px;
	background: none;
	float: left;
}

#category .descr {
	display: block;
	width: 628px;
	min-height: 370px;
	background: none;
	float: left;
	color: #666666;
	font-size: 9pt;
	line-height: 12px;
	position: relative;
}

/* 2025-03-29 */
#category .h2025 .image {
	display: block;
	margin: 0 auto;
	width: 440px;
	height: 370px;
	background: none;
	float: none;
}

#category .h2025 .descr {
	display: block;
	width: 100%;
	min-height: 370px;
	background: none;
	float: none;
	color: #666666;
	font-size: 9pt;
	line-height: 12px;
	position: relative;
}

#category .h2025 h1 {
	color: #333333;
	font-size: 16pt;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-align: center;
}

@media only screen and (min-width: 1070px) {
	#category .h2025 .image {
		float: left;
		margin: 0 0;
		width: 41%;
	}
	#category .h2025 .descr {
		width: 58%;
		float: left;
	}
}

#category .descr .text {
	/*margin-bottom: 94px;*/
}

#category .descr .text .txt-more {
	display: none;
}

#category .descr .text .txt-more p {
	margin-left: 30px;
	text-indent: -8px;
}

#category .descr h1 {
	color: #333333;
	font-size: 16pt;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

#category .descr h2,
#category .descr h3,
#category .descr h4,
#category .descr h5 {
	color: #333333;
	font-size: 12pt;
	margin-top: 10px;
	margin-bottom: 5px;
}

#category .descr p {
	font-size: 12pt;
}

#category .descr .btn-more {
	color: #909090;
	border: solid 2px #c0c0c0;
	border-radius: 4px;
	display: block;
	margin-top: 10px;
	padding: 3px 5px;
	line-height: 16px;
	font-size: 10pt;
	width: 100px;
	background: url('ico/btn-show-more-arrow.png') no-repeat right center transparent;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#category .descr .btn-more:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#category .buttons {
	/*position: absolute;*/
	width: 100%;
	height: 70px;
	margin-top: 12pt;

}
#category .tpl {
	float: left;
	height: 70px;
	width: 330px;
	margin-top: 12pt;
}
#category .spc {
	float: left;
	height: 70px;
	width: 290px;
	margin-top: 12pt;
}

#category .tpl p,
#category .spc p {
	font-size: 10pt;
	text-transform: uppercase;
}

/*
*/

.tplbtn,
.spcbtn{
	display:block;
	width: 55px;
	height: 55px;
	float: left;
	background-image: url('ico/btn-szablony-specyfikacje.png');
}

.tplbtn.id {background-position:    0   -110px}
.tplbtn.ai {background-position:  -55px -110px}
.tplbtn.ps {background-position: -110px -110px}
.tplbtn.aa {background-position: -165px -110px}
.tplbtn.cd {background-position: -220px -110px}
.spcbtn.sp {background-position:    0   -165px}

.tplbtn.id:hover {background-position:    0   0}
.tplbtn.ai:hover {background-position:  -55px 0}
.tplbtn.ps:hover {background-position: -110px 0}
.tplbtn.aa:hover {background-position: -165px 0}
.tplbtn.cd:hover {background-position: -220px 0}
.spcbtn.sp:hover {background-position:    0   -55px}

/*
*/

#spec {
	border: 1px solid #CDCECF;
	border-radius: 3px 3px 3px 3px;
	color: #464646;
	font-size: 10pt;
	margin-bottom: 15px;
	padding: 10px;
}

#spec .image {
	width: 430px;
}

#spec .image img {
	vertical-align: top;
}

#spec table tr,
#spec table tr td {
	vertical-align: top;
}

#spec .descr {
	width: auto;
}

#spec h1 {
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 15px;
}
#spec h1 span {
	font-size: 20pt;
	color: #0065c9;
}

#spec h1.second {
	margin-top: 30px;
}
#spec .descr h2 {
	font-size: 12pt;
	margin-top: 10px;
}

#spec .descr p {
	font-size: 11pt;
}

#spec .descr p a {
	color: blue;
}

#spec h2.fn {color: #0065c9;}
#spec h2.fb {color: #00A4E8;}
#spec h2.bl {color: #212121;}
#spec h2.sm {color: #72A536;}
#spec h2.fi {color: #212121;}
#spec h2.he {color: #C40004;}

#spec .tpl {
	margin-top:10px;
	height: 70px;
	width: 330px;
}

/*
*/


#klient-koszyk {
	border: 1px solid #CDCECF;
	border-radius: 3px 3px 3px 3px;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 10pt;
	color: #464646;
}

#klient-koszyk h1 {
	color: #0090FF;
	font-size: 12pt;
	margin-bottom: 10px;
}

/*
*/
#przypomnij-haslo {
	border: 1px solid #CDCECF;
	border-radius: 3px 3px 3px 3px;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 10pt;
	color: #464646;
}

#przypomnij-haslo h1 {
	color: #0090FF;
	font-size: 12pt;
	margin-bottom: 10px;
}

#przypomnij-haslo form.edit {
	margin: 0 auto;
	width: 480px;
}

#przypomnij-haslo form.edit div.rows {
	font-size: 10pt;
	line-height: 12pt;
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}

#przypomnij-haslo form.edit div.rows div.error {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #0090FF;
	margin-left: 165px;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: left;
	font-size: 10pt;
}

#przypomnij-haslo form.edit div.rows label {
	float: left;
	width: 150px;
	display: block;
	margin: 2px;
	padding: 2px 10px 2px 2px;
	overflow: hidden;
	text-align: right;
}

#przypomnij-haslo form.edit div.rows div.input {
	padding: 2px;
	border: solid 1px #0090FF;
	border-radius: 3px;
	background: #ffffff;
	width: 300px;
	float: left;
	overflow: hidden;
	text-align: left;
}

#przypomnij-haslo form.edit div.rows div.input input[type="text"],
#przypomnij-haslo form.edit div.rows div.input input[type="password"] {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	height: 18px;
}

#przypomnij-haslo form.edit div.buttons {
	margin: 24px 0 0 165px;
	padding: 0;
	width: 70px;
}

#przypomnij-haslo form.edit div.buttons input {
	width: 100%;
	border: none;
	border-radius: 3px;
	background: #0090FF;
	color: #ffffff;
	height: 25px;
	font-size: 9pt;
}

#przypomnij-haslo form.edit div.buttons input:hover {
	color: white;
	background: #0065c9;
}

/*
*/

#cookie-bar {
	background-color: #000000;
	color:#ffffff;
	top: -500px;
	position: absolute;
	padding: 0;
	text-align: center;
	z-index: 99999;
	width: 100%;
	display: block;
	opacity: 0.90;
}
#cookie-bar .content .info {
	text-align: left;
	width: 100%;
	margin: 0 auto;
	padding: 8px;
	font-size: 10pt;
	color: white;
}
#cookie-bar .content .links {
	text-align: right;
	width: 90%;
}
#cookie-bar a {
	color: #0090FF;
}

/*
*/

#calc {
	border: none;
	color: #464646;
	font-size: 10pt;
	margin-bottom: 15px;
	padding: 0;
	position: relative;
}

#calc h2 {
	color: #ffffff;
	background: #0090FF;
	height: 31px;
	font-size: 12pt;
	line-height: 31px;
	padding-left: 10px;
	border-radius: 3px 3px 0 0;
	margin-bottom: 10px;
}

#calc .body {
	position: relative;
}

#calc .body .left {
	border: 1px solid #CDCECF;
	border-radius: 3px 3px 3px 3px;
	width: 560px;
	padding-bottom: 10px;
	float: left;
}

#calc .body .left .row {
	padding-top: 5px;
	padding-bottom: 5px;
}

#calc .row.gray {
	background-color: #f0f0f0;
}

#calc .body .selector {
	position: relative;
	min-height: 40px;
	margin-left: 10px;
}

#calc .body .left #sel-napr {
	background: url('ico/calc/sel-napr.png') no-repeat 5px center;
}
#calc .body .left #sel-ikwp.selector {
	background: url('ico/calc/sel-ikwp.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-nakl.selector {
	background: url('ico/calc/sel-nakl.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-fmt.selector {
	background: url('ico/calc/sel-fmt.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-pap.selector,
#calc.calc .body .left #sel-pap-okl.selector {
	background: url('ico/calc/sel-pap.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-roza.selector,
#calc.calc .body .left #sel-roza-okl.selector{
	background: url('ico/calc/sel-roza.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-fomo.selector,
#calc.calc .body .left #sel-fomo-okl.selector {
	background: url('ico/calc/sel-fomo.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-lamo.selector,
#calc.calc .body .left #sel-lamo-okl.selector {
	background: url('ico/calc/sel-lamo.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-bigo.selector {
	background: url('ico/calc/sel-bigo.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-ropr.selector {
	background: url('ico/calc/sel-ropr.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-rzsz.selector {
	background: url('ico/calc/sel-rzsz.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-rspir.selector {
	background: url('ico/calc/sel-rspir.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-rwyk.selector {
	background: url('ico/calc/sel-ropr.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-wykr.selector {
	background: url('ico/calc/sel-wykr.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-stud.selector {
	background: url('ico/calc/sel-stud.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-dost.selector {
	background: url('ico/calc/sel-dost.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-row-exte-service-1-name.selector {
	background: url('ico/calc/sel-uext.png') no-repeat 5px center;
}
#calc.calc .body .left #sel-row-exte-service-2-name.selector {
	background: url('ico/calc/sel-uext.png') no-repeat 5px center;
}

#calc.calc .body .left #sel-row-exte-service-3-name.selector {
	background: url('ico/calc/sel-uext.png') no-repeat 5px center;
}

#calc #row-foty,
#calc #row-laty,
#calc #row-rspir,
#calc #row-rzsz,
#calc #row-wykr,
#calc #row-szer,
#calc #row-wyso,
#calc #row-param-okl-folia,
#calc #row-param-okl,
#calc #row-pap-okl,
#calc #row-roza-okl,
#calc #row-fomo-okl,
#calc #row-foty-okl,
#calc #row-lamo-okl,
#calc #row-dost-adres,
#calc #row-dost-adres-1,
#calc #row-dost-adres-2,
#calc #row-dost-adres-3,
#calc #row-dost-adres-4,
#calc #row-dost-adres-5,
#calc #row-dost-adres-6,
#calc #row-dost-adres-7{
	display: none;
}

#calc .selector label {
	display: inline-block;
	width: 220px;
	text-align: left;
	font-weight: bold;
	text-indent: 55px;
	height: 24px;
	line-height: 24px;
	vertical-align: top;
	margin-top: 7px;
}

#calc .selector span.input {
	display: inline-block;
	border: 1px solid #b1b1b1;
	border-radius: 3px;
	height: 24px;
	width: 290px;
	position: relative;
	margin-top: 7px;
	line-height: 24px;
	text-indent: 5px;
}

#calc .selector span.input input {
	width: 286px;
	border: none;
	height: 20px;
	margin: 1px;
	line-height: 20px;
}

#calc .selector span.input select {
	height: 24px;
	width: 288px;
	border: none;
	position: absolute;
	z-index: 2000;
}

#calc .selector span.help {
	display: inline-block;
	border: 1px solid #b1b1b1;
	color: #b1b1b1;
	border-radius: 11px;
	width: 16px;
	height: 16px;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	line-height: 16px;
	font-size: 12px;
	cursor: pointer;
	margin: 11px 0 0 4px;
}


#calc .selector span.help:hover {
	color: #0065c9;
	border: 1px solid #0065c9;
}

#calc .selector span.input-txt {
	display: inline-block;
	border: 1px solid #b1b1b1;
	border-radius: 3px;
	width: 290px;
	position: relative;
	margin-top: 7px;
}

#calc .selector span.input-txt textarea {
	width: 326px;
	min-height: 100px;
	border: none;
	margin: 1px;
	line-height: 20px;
	resize: none;
}

.bkg-24-select {
	background: url('img/bg-24-select.png') repeat-x left center;
}

#calc span.input span.bSelect {
	background: url('img/bg-24-select-arrow.png') no-repeat right 0 transparent;
	color: #404040;
	display: block;
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 100%;
	font-size: 18px;
	line-height: 20px;
	text-align: left;
	text-indent: 7px;
	z-index: 1000;
}

#calc span.input span.bSelect > span {
	font-size: 10pt;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin-right: 20px;
}

#calc span.input.error {
	border-color: red;
}

#calc span:hover span.bSelect {
	background-position: right -24px;
}

#calc option:disabled {
	display: none;
}
#calc option.opt-rycowanie.disabled,
#calc option.opt-perforacja.disabled{
	display: none;
}

#calc .body .right {
	border: 1px solid #CDCECF;
	border-radius: 3px 3px 3px 3px;
	position: relative;
	width: 418px;
	float: right;
	font-size: 11pt;
}

#calc .body .right label {
	text-indent: 10px;
	width: 100px;
}

#calc .body .right .error {
	font-weight: bold;
	padding: 0 10px 10px;
	color: red;
}

#calc .body .right .infos {
	padding: 0 10px 10px;
}

#calc .body .right .infos table {
	width: 100%;
}

#calc .body .right .infos table tr {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#calc .body .right .infos table tr:nth-child(2n+1) {
	background: #ececec;
}

#calc .body .right .infos table tr:nth-child(2n+0) {
	background: #f4f4f4;
}

#calc .body .right .infos table tr:hover {
	background: #d8d8d8;
}

#calc .body .right .infos table td {
	padding: 3px 5px;
}

#calc .body .right .calc-forms {
	margin: 0 10px 10px;
	height: 32px;
}

#calc .body .right .calc-forms .add-to-cart {
	float: left;
	width: 199px;
}

#calc .body .right .calc-forms .save-calc {
	float: left;
	width: 199px;
}

#calc .body .right .calc-forms input[type="submit"] {
	width: 199px;
	height: 32px;
	border: none;
}

#calc .body .right .calc-forms input[type="submit"]:hover {
	opacity: 0.7;
}

.ui-tooltip, .arrow:after {
	background: #fcfcfc;
	border: 1px solid #0090ff;
}
.ui-tooltip {
	padding: 10px 10px;
	color: #444444;
	border-radius: 10px;
	/*box-shadow: 0 0 7px #626262;*/
	font-size: 9pt;
	max-width: 1300px;
	z-index: 11000;
}

body .ui-tooltip {
	background: #fcfcfc;
	border: 1px solid #0090ff;
}

.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow.right {
	left: 98%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}
.help-content {
	display: none;
}

/*
*/

#klient-konto #calc .btn {
	width: 200px;
	border: none;
	border-radius: 3px;
	background: #0e9708;
	color: #ffffff;
	font-size: 24pt;
	line-height: 60px;
	height: 60px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
}

#klient-konto #calc .btn:hover {background: #10d108}

.uploadMate {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.5;
	font-size: 100%;
	line-height: 100%;
	z-index: 11000;
}

.uploadList {
	position: fixed;
	left: 50%;
	top: 100px;
	margin-left: -300px;
	width: 600px;
	z-index: 11001;
	background: white;
	border: solid 1px black;
	box-shadow: 0 0 5px #808080;
	border-radius: 6px;
	max-height: 80%;
}
.uploadList .uploadHead {
	font-size: 16pt;
	font-weight: bold;
	line-height: 32pt;
	background: none;
	color: #0090FF;
	text-align: center;
}

.uploadList .uploadBody {
	overflow-y: scroll;
	background: #f8f8f8;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
}

.uploadList .uploadSep {
	margin: 10px;
	width: auto;
	height: 1px;
	font-size:0;
	line-height:0;
	background: gray;
	clear: both;
}
.uploadList .cf {
	clear: both;
}
.uploadList .m10 {
	height: 10px;
	display: block;
	font-size:0;
	line-height:0;
}
.uploadList .uploadRow {
	margin: 10px;
	clear: both;
}
.uploadList .uploadRow.header {
	font-weight: bold;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.uploadList .uploadRow.done {
	color: green;
}
.uploadList .uploadRow.error {
	color: red;
}
.uploadList .uploadRow.abort {
	color: gray;
}
.uploadList .uploadRow .uploadFile {
	width: 380px;
	overflow: hidden;
	float: left;
	text-align: left;
}
.uploadList .uploadRow .uploadSize {
	width: 200px;
	overflow: hidden;
	float: right;
	text-align: right;
}
.uploadList .uploadRow .uploadProg {
	width: 380px;
	height: 40px;
	border: solid 1px gray;
	overflow: hidden;
	float: left;
	color: black;
	position: relative;
	font-size:0;
	line-height:0;
}
.uploadList .uploadRow .uploadProgBar {
	position: absolute;
	height: 100%;
	background: #00a600;
	width: 0;
	font-size:0;
	line-height:0;
	left:0;
	top:0;
}
.uploadList .uploadRow .uploadProgBarStep {
	position: absolute;
	height: 100%;
	width: 1px;
	font-size:0;
	line-height:0;
	background: white;
	top:0;
}

.uploadList .uploadRow .uploadProgTxt {
	height: 40px;
	line-height: 40px;
	font-size: 20pt;
	float: right;
	width: 135px;
	text-align: center;
	color: black;
}

.uploadList .uploadRow .cancel {
	float: right;
	background: #0090FF;
	color: white;
	width: 150px;
	padding: 5px;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
}

.uploadList .uploadRow .save {
	float: right;
	background: #00a600;
	color: white;
	width: 150px;
	padding: 5px;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
}

.uploadList .uploadRow .cancel:hover,
.uploadList .uploadRow .save:hover {
	opacity: 0.6;
}

#klient-konto .right .files {
	margin-bottom: 10px;
}
#klient-konto .right .fileb .info,
#klient-konto .right .files .info {
	margin-bottom: 5px;
	height: 20px;
	line-height: 20px;
	vertical-align: top;
	overflow: hidden;
}

#klient-konto .right .files .file {
	margin-bottom: 5px;
	height: 20px;
	line-height: 20px;
	vertical-align: top;
	overflow: hidden;
}
#klient-konto .right .files .file .del {
	width: 20px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
	background: url('img/delete.png') center center no-repeat;
	opacity: 0.8;
	margin-right: 5px;
}
#klient-konto .right .files .file .del:hover {
	opacity: 1;
}
#klient-konto .right .files .file .name {
	height: 20px;
	line-height: 20px;
	vertical-align: top;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

#klient-konto #calc.calc .right div.big-price {
	color: green;
	font-size: 48px;
	line-height: 64px;
	text-align: center;
	font-weight: bold;
}
#klient-konto #calc.calc .right form div.big-button {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}
#klient-konto #calc.calc .right form div.big-button input {
	font-size: 32px;
	line-height: 48px;
	width: auto;
	height: 48px;
	text-align: center;
	font-weight: bold;
}

.spacer5  {height:  5px; line-height:  5px;}
.spacer10 {height: 10px; line-height:  5px;}
.spacer20 {height: 20px; line-height:  5px;}
.spacer20 {height: 20px; line-height: 20px;}
.spacer30 {height: 30px; line-height: 30px;}
.spacer40 {height: 40px; line-height: 40px;}
.spacer60 {height: 60px; line-height: 60px;}

.border {height: 1px; font-size: 0; line-height: 0; overflow: hidden; background: #c0c0c0;}
.so {font-size: 14pt; margin-top: 0; margin-left: 0;}
.so .header {background: none; color: #0090FF; height: 30px; line-height: 30px; text-align: center; margin-bottom: 10px; font-weight: bold;}
.so .col {float: left; width: 330px; margin-top: 20px;}
.so .col.col-1 {margin-right: 20px;}
.so .col.col-2 {margin-right: 20px; width: 420px;}
.so .col.col-3 {margin-right: 0; width: 380px;}
.so .col .frame {border: none; background: white; position: relative;}
.so .col .frame .title {font-size: 18pt; margin-bottom: 10px;}
.so .col .frame .param {font-size: 14pt; margin: 0 20px 10px 0; background: #ffffff; border: solid 1px #c0c0c0; position: relative;}
.so .col .frame .param .n {height: 30px; line-height: 30px; text-indent: 10px; text-align: left;}
.so .col .frame .param .v {height: 30px; line-height: 30px; text-indent: 10px; text-align: left; color: #0090FF;}
.so .col .frame .param .s {height: 1px; background: #b0b0b0; margin-left: 10px; margin-right: 10px;}
.so .col .frame .param .i {position: absolute; right: 0; top: 50%; margin-right: -15px; margin-top: -15px; width: 30px; height: 30px; background: url('img/params-padlock.svg') center center no-repeat;}
.so .col .frame .param.changable {cursor: pointer;}
.so .col .frame .param.changable:hover {border-color: #0065c9; background: #c8c8c8;}
.so .col .frame .param.changable .i {background: url('img/params-arrow.svg') center center no-repeat;}

.so .col .frame .bkg {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: none; display: none;}
.so .col .frame .param .opt {z-index: 1001;position: absolute; left: 330px; top: -10px; width: 300px; background: #e8e8e8; border: solid 1px #c0c0c0; display: none;}
.so .col .frame .param .opt .t {margin: 10px; font-weight: bold;}
.so .col .frame .param .opt .o {margin: 10px;}
.so .col .frame .param .opt .o:hover {background: #c0c0c0; color: #0090FF}

.so .col.col-2 .frame {border-left: solid 1pt #c0c0c0; border-right: solid 1pt #c0c0c0; border-radius:0}
.so .col.col-2 .frame #prices table {width: 380px; margin-left: 20px;}
.so .col.col-2 .frame #prices table tr.quantity:hover {background: #c0c0c0; color: #0090FF}
.so .col.col-2 .frame #prices table th {font-size: 10pt; font-weight: bold; text-align: right; width: 100px; background: white; color: black; padding: 9px;}
.so .col.col-2 .frame #prices table th.t1 {width: 50px;}
.so .col.col-2 .frame #prices table th.t4 {width: 50px;}
.so .col.col-2 .frame #prices table th.t5 {width: 0; padding:0; font-size:0; line-height:0;}
.so .col.col-2 .frame #prices table td {cursor: pointer; font-size: 12pt; line-height: 16pt; height: 16pt; text-align: right; padding-top: 9px; padding-bottom: 9px; padding-right: 9px;}
.so .col.col-2 .frame #prices table tr.quantity.selected {color: #0090FF; font-weight: bold;}

.so .col .frame .sp15 {height: 15px;}
.so .col .frame .sp20 {height: 20px;}
.so .col .frame .clock-frame {border: solid 1px #0090FF; font-weight: bold; text-align: right; padding: 9px; margin: 9px;}
.so .col .frame .clock-frame .p {color: #0090FF;}
.so .col .frame .clock-frame .g {color: gray;}
.so .col .frame .clock {position: absolute; left: 20px; top: 0; width: 120px; height: 120px; background: url('img/clock-bkg-dots.svg') center center no-repeat; display: block;}
.so .col .frame .clock .ieclock {position: relative; width: 120px; height: 120px;}
.so .col .frame .clock .arm {position: absolute; left: 0; top: 0; width: 120px; height: 120px;}
.so .col .frame .clock .arm.hh {background: url('img/clock-h.png') center center no-repeat;}
.so .col .frame .clock .arm.mm {background: url('img/clock-m.png') center center no-repeat;}
.so .col .frame .clock .arm.ss {background: url('img/clock-s.png') center center no-repeat;}

@media only screen and (max-width: 1200px) {
	.so .col {float: left; width: 48%; margin-top: 20px;}
	.so .col.col-1 {margin-left: 1%; margin-right: 0; width: 48%}
	.so .col.col-2 {margin-left: 1%; margin-right: 0; width: 48%}
	.so .col.col-2 .frame {border-right: none}
	.so .col.col-3 {margin-left: 25%; margin-right: 24%; width: 48%}
}
@media only screen and (max-width: 810px) {
	.so .col {float: none; width: 98%; margin-top: 20px;}
	.so .col.col-1 {margin-left: 1%; margin-right: 0; width: 98%}
	.so .col.col-2 {margin-left: 1%; margin-right: 0; width: 98%}
	.so .col.col-3 {margin-left: 1%; margin-right: 0; width: 98%}
	.so .col.col-2 .frame {border-right: none; border-left: none;}
	.so .col .frame {min-height: 0}
	.so .col.col-2 .frame #prices table {margin: 0 auto}
	.so .col .frame .param .opt {left: 10pt;}
}
@media only screen and (max-width: 570px) {
	.so .col.col-2 .frame #prices table {margin: 0; width: 100%}
}

#placeorder h3 {color: #0090FF; font-weight: bold;}
#placeorder table {width: 100%; border: none;}
#placeorder td {font-size: 12pt;}
#placeorder td.price {font-weight: bold; font-size: 14pt;}
#placeorder td.price.netto {color: #0090FF;}
#placeorder td.price.brutto {color: #666666;}
#placeorder td.l {text-align: left; color: #666666; padding-right: 10px;}
#placeorder td.v {text-align: left;}

#placeorder form button {font-weight: bold; color: white; border: none; background: #0090FF; width: 160px; height: 36px; line-height: 36px; border-radius: 4px;}
#placeorder form button:hover {background: #0065c9;}

.cart {border-collapse: collapse; width: 100%; font-size: 12pt;}
.cart thead th {background: #0090FF; color: white; font-weight: bold; border: solid 1px #0090FF; padding: 3px 5px;}
.cart thead th.c {width: 100px}
.cart thead th.r {width: 100px}
.cart tbody td {border: solid 1px #0090FF; padding: 3px 5px;}
.cart tfoot td {border: solid 1px #0090FF; padding: 3px 5px; font-weight: bold;}
.cart tfoot td.nb {border: none;}

.cart tbody td.l div.name {font-weight: bold; color: #0090FF; position: relative;}
.cart tbody td.l div.note {position: relative;}
.cart tbody td.l div.descr {font-weight: normal; color: gray;}

.cart tbody td.l div.name .edit {position: absolute; top:0; right: 0; width: 20px; height: 20px; background: url('ico/btn_edit_20.png') center center no-repeat; display: block; font-size:0; line-height: 0; cursor: pointer; opacity: 0.6}
.cart tbody td.l div.note .edit {position: absolute; top:0; right: 0; width: 20px; height: 20px; background: url('ico/btn_edit_20.png') center center no-repeat; display: block; font-size:0; line-height: 0; cursor: pointer; opacity: 0.6}

.cart tbody td.l div.name .edit:hover {opacity: 1}
.cart tbody td.l div.note .edit:hover {opacity: 1}

#klient-koszyk {position: relative;}
#klient-koszyk button.del {font-weight: bold; color: white; border: none; background: #0090FF; border-radius: 2px;}
#klient-koszyk button.del:hover {background: #0065c9;}

#klient-koszyk form ul li div.courier-addresses {margin-top: 5px; margin-left: 20px; display: none;}
#klient-koszyk form ul li div.courier-addresses label {display: inline-block; width: 180px; font-size: 11pt; text-align: right;}
#klient-koszyk form ul li div.courier-addresses div.input {display: inline-block; width: 970px; border: 1px solid #0090FF; border-radius: 4px;}
#klient-koszyk form ul li div.courier-addresses div.input select {margin: 2px 4px; padding: 0; border: none; width: 962px;}
#klient-koszyk form ul li div.courier-addresses div.input select option.default {font-weight: bold; color: #0090FF;}

#klient-koszyk form ul li div.courier-address {margin-top: 5px; margin-left: 20px; display: none;}
#klient-koszyk form ul li div.courier-address div.row {margin-bottom: 5px;}
#klient-koszyk form ul li div.courier-address div.row label {display: inline-block; width: 180px; font-size: 11pt; text-align: right;}
#klient-koszyk form ul li div.courier-address div.row div.input {display: inline-block; width: 300px; border: 1px solid #0090FF; border-radius: 4px;}
#klient-koszyk form ul li div.courier-address div.row div.input input {margin: 2px 4px; padding: 0; border: none; width: 292px;}
#klient-koszyk form ul li div.courier-address div.row div.checkbox {margin-left: 182px; padding: 2px; border: none; background: #ffffff; width: 400px; float: left; overflow: hidden; text-align: left;}
#klient-koszyk form ul li div.courier-address div.row div.checkbox div {float: left; width: 24px;}
#klient-koszyk form ul li div.courier-address div.row div.checkbox input[type="checkbox"] {margin: 0; padding: 0; border: solid 1px; width: 18px; height: 18px;}
#klient-koszyk form ul li div.courier-address div.row div.checkbox label{float: left; height: 18px; line-height: 18px; width: 300px; margin:0; text-align: left; font-size: 11pt; }
#klient-koszyk form ul li div.courier-address div.row div.error {margin-left: 20px; font-weight: bold; color: #0090FF; display: inline-block; font-size: 12pt; width: 650px;}

#klient-koszyk div button.order {font-weight: bold; color: white; border: none; background: #0090FF; border-radius: 4px; font-size: 16pt; line-height: 16pt; margin-top: 10px; padding: 5px 10px; float: right;}
#klient-koszyk div button.order:hover {background: #0065c9;}

#klient-koszyk div button.back {font-weight: bold; color: white; border: none; background: #0090FF; border-radius: 4px; font-size: 16pt; line-height: 16pt; margin-top: 10px; padding: 5px 10px; float: left;}
#klient-koszyk div button.back:hover {background: #0065c9;}

#klient-koszyk .add-info {float: left; margin-top: 10px;}
#klient-koszyk .add-info .row {margin-bottom: 5px;}
#klient-koszyk .add-info .row label {display: inline-block; width: 200px; font-size: 11pt; text-align: right;}
#klient-koszyk .add-info .row .input {display: inline-block; width: 970px; border: 1px solid #0090FF; border-radius: 4px;}
#klient-koszyk .add-info .row .input input,
#klient-koszyk .add-info .row .input textarea {margin: 2px 4px; padding: 0; border: none; width: 962px; resize: vertical;}
#klient-koszyk .add-info .row.v label {vertical-align: top;}

.ldr {position: absolute; left:0; top:0; z-index: 11000; opacity: 0.8;}
.ldr.ldr64 {min-width: 64px; min-height: 64px; background: url('img/loader64.gif') no-repeat center center white;}

.order-info {border: none; width: 100%;}
.order-info td {padding: 3px;}
.order-info td.label {text-align: left;}
.order-info td.value {text-align: left; font-weight: bold;}

.order-products {border-collapse: collapse; width: 100%; font-size: 12pt;}
.order-products thead th {background: #0090FF; color: white; font-weight: bold; border: solid 1px #0090FF; padding: 3px 5px;}
.order-products thead th.c {}
.order-products thead th.r {}
.order-products tbody td {border: solid 1px #0090FF; padding: 3px 5px; vertical-align: top;}
.order-products tbody td.l div.name {font-weight: bold; color: #0090FF;}
.order-products tbody td.l div.descr {font-weight: normal; color: gray;}
.order-products tbody td.c form button {font-weight: bold; color: white; border: none; background: #0090FF; border-radius: 2px;}
.order-products tbody td.c form button:hover {background: #0065c9;}
.order-products tfoot td {border: solid 1px #0090FF; padding: 3px 5px; vertical-align: top; font-weight: bold;}
.order-products tfoot td.nb {border: none;}

.order-products .files {
	margin-left: 0;
	margin-bottom: 5px;
	margin-top: 0;
}

.order-products .files .file {
	margin-bottom: 5px;
	height: 20px;
	line-height: 20px;
	vertical-align: top;
	overflow: hidden;
	font-size: 10pt;
}
.order-products .files .file .del {
	width: 20px;
	height: 20px;
	display: block;
	cursor: pointer;
	background: url('img/delete.png') center center no-repeat;
	opacity: 0.8;
	margin-right: 5px;
	float: left;
}
.order-products .files .file .del:hover {
	opacity: 1;
}
.order-products .files .file .name {
	height: 20px;
	line-height: 20px;
	vertical-align: top;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
	width: 175px;
	cursor: pointer;
}
.order-products .files .err {
	font-weight: bold;
	color: #0090FF;
	text-align: center;
}
.order-products .fileb .btn {
	background: #0e9708;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16pt;
	height: 40px;
	line-height: 40px;
	text-align: center;
	min-width: 250px;
}
.order-products .fileb .btn:hover {background: #10d108}

.pay-for-order {
	background: #0090FF;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 10pt;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 20px;
	float: right;
}
.pay-for-order:hover {background: #0065c9}

.accept-order {
	background: #0090FF;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 10pt;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 20px;
	float: right;
}
.accept-order:hover {background: #0065c9}

.pay-order-left {
	background: red;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 10pt;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 20px;
	float: left;
}
.pay-order-left:hover {background: #0065c9}
a.pay-order-left {color: white;}

.pay-order-right {
	background: red;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 10pt;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 20px;
	float: right;
}
.pay-order-right:hover {background: #0065c9}
a.pay-order-right {color: white;}

.dwl-fv-pro-left {
	background: #0090ff;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 10pt;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 20px;
	float: left;
	margin-left: 20px;
}
.dwl-fv-pro-left:hover {background: #0065c9}
a.dwl-fv-pro-left {color: white;}

.dwl-fv-pro-right {
	background: #0090ff;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 10pt;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 20px;
	float: right;
	margin-right: 20px;
}
.dwl-fv-pro-right:hover {background: #0065c9}
a.dwl-fv-pro-right {color: white;}

.flow {display: block; height: 45px; margin-top: 10px; margin-bottom: 10px; position: relative;}
.flow .gray {position: absolute; left: 0; top: 30px; width: 100%; height: 2px; margin-top: -1px; background: #c0c0c0;}
.flow .line {position: absolute; left: 0; top: 30px; width: 0; height: 2px; margin-top: -1px; background: #0090FF;}
.flow .ball {position: absolute; left: 0; top: 30px; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background: #c0c0c0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.flow .ball.active {background: #0090FF;}
.flow .ball.pos-1 {left: 12%}
.flow .ball.pos-2 {left: 30%}
.flow .ball.pos-4 {left: 50%}
.flow .ball.pos-5 {left: 70%}
.flow .ball.pos-6 {left: 90%}

.flow .text {position: absolute; left:0; top: 0; width: 240px; margin-left: -120px; height: 20px; line-height: 20px; text-align: center; color: #c0c0c0; font-weight: bold;}
.flow .text.active {color: #0090FF;}
.flow .text.pos-1 {left: 12%}
.flow .text.pos-2 {left: 30%}
.flow .text.pos-4 {left: 50%}
.flow .text.pos-5 {left: 70%}
.flow .text.pos-6 {left: 90%}

.flow.step-1 .ball.pos-1 {background: #0090FF;}
.flow.step-1 .text.pos-1 {color: #0090FF;}
.flow.step-1 .line{left: 0; width: 12%;}

.flow.step-2 .ball.pos-2 {background: #0090FF;}
.flow.step-2 .text.pos-2 {color: #0090FF;}
.flow.step-2 .line{left: 0; width: 30%;}

.flow.step-4 .ball.pos-4 {background: #0090FF;}
.flow.step-4 .text.pos-4 {color: #0090FF;}
.flow.step-4 .line{left: 0; width: 50%;}

.flow.step-5 .ball.pos-5 {background: #0090FF;}
.flow.step-5 .text.pos-5 {color: #0090FF;}
.flow.step-5 .line{left: 0; width: 70%;}

.flow.step-6 .ball.pos-6 {background: #0090FF;}
.flow.step-6 .text.pos-6 {color: #0090FF;}
.flow.step-6 .line{left: 0; width: 90%;}

.flow-payment {display: block; height: 45px; margin-top: 10px; margin-bottom: 10px; position: relative;}
.flow-payment .gray {position: absolute; left: 0; top: 30px; width: 100%; height: 2px; margin-top: -1px; background: #c0c0c0;}
.flow-payment .line {position: absolute; left: 0; top: 30px; width: 0; height: 2px; margin-top: -1px; background: #0090FF;}
.flow-payment .ball {position: absolute; left: 0; top: 30px; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background: #c0c0c0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.flow-payment .ball.active {background: #0090FF;}
.flow-payment .ball.pos-1 {left: 12%}
.flow-payment .ball.pos-2 {left: 30%}
.flow-payment .ball.pos-3 {left: 45%}
.flow-payment .ball.pos-4 {left: 60%}
.flow-payment .ball.pos-5 {left: 75%}
.flow-payment .ball.pos-6 {left: 90%}

.flow-payment .text {position: absolute; left:0; top: 0; width: 240px; margin-left: -120px; height: 20px; line-height: 20px; text-align: center; color: #c0c0c0; font-weight: bold;}
.flow-payment .text.active {color: #0090FF;}
.flow-payment .text.pos-1 {left: 12%}
.flow-payment .text.pos-2 {left: 30%}
.flow-payment .text.pos-3 {left: 45%}
.flow-payment .text.pos-4 {left: 60%}
.flow-payment .text.pos-5 {left: 75%}
.flow-payment .text.pos-6 {left: 90%}

.flow-payment.step-1 .ball.pos-1 {background: #0090FF;}
.flow-payment.step-1 .text.pos-1 {color: #0090FF;}
.flow-payment.step-1 .line{left: 0; width: 12%;}

.flow-payment.step-2 .ball.pos-2 {background: #0090FF;}
.flow-payment.step-2 .text.pos-2 {color: #0090FF;}
.flow-payment.step-2 .line{left: 0; width: 30%;}

.flow-payment.step-3 .ball.pos-3 {background: #0090FF;}
.flow-payment.step-3 .text.pos-3 {color: #0090FF;}
.flow-payment.step-3 .line{left: 0; width: 45%;}

.flow-payment.step-4 .ball.pos-4 {background: #0090FF;}
.flow-payment.step-4 .text.pos-4 {color: #0090FF;}
.flow-payment.step-4 .line{left: 0; width: 60%;}

.flow-payment.step-5 .ball.pos-5 {background: #0090FF;}
.flow-payment.step-5 .text.pos-5 {color: #0090FF;}
.flow-payment.step-5 .line{left: 0; width: 75%;}

.flow-payment.step-6 .ball.pos-6 {background: #0090FF;}
.flow-payment.step-6 .text.pos-6 {color: #0090FF;}
.flow-payment.step-6 .line{left: 0; width: 90%;}

ul.reg {margin-left: 20px; margin-top: 10px; margin-bottom: 10px; text-align: justify; word-break: break-word;}
ul.reg li {margin-top: 5px; margin-bottom: 5px;}

ul.reg .title {font-weight: bold;}

ul.reg.l1 {list-style-type: upper-roman; margin-left: 32pt;}
ul.reg.l2 {list-style-type: decimal;}
ul.reg.l3 {list-style-type: lower-alpha;}
ul.reg.l4 {list-style-type: disc;}

ul.reg sup {vertical-align: super; font-size: smaller;}

ul.umo {margin-left: 20px; margin-top: 10px; margin-bottom: 10px;text-align: justify; word-break: break-word;}
ul.umo li {margin-top: 5px; margin-bottom: 5px;}
ul.umo.l1 {list-style-type: decimal; margin-left: 32pt;}
ul.umo.l2 {list-style-type: lower-alpha;}
ul.umo.l3 {list-style-type: disc;}
ul.umo.l4 {list-style-type: square;}
ul.umo sup {vertical-align: super; font-size: smaller;}

span.reg-date {float: right; font-weight: normal; font-size: 8pt; color: gray;}
table.umo.z1 {
	border: solid 1px black;
	width: 100%;
	border-collapse: collapse;
}
table.umo.z1 td {
	padding: 5px;
	border: solid 1px black;
}
table.umo.z1 td.lab {
	width: 50%;
}

.frame {
	border: solid 1px #CDCECF;
	padding: 10px;
	position: relative;
	border-radius: 3px 3px 3px 3px;
}

.frame.mb10 {
	margin-bottom: 20px;
}

.frame.f00{
	font-size:0;
	line-height: 0;
}

.frame h1 {
	color: #0090FF;
	font-size: 12pt;
	line-height: 16pt;
	display: block;
}

.frame h1.black {
	color: black;
}

.frame h1 strong {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
}

.frame .cad-order-name {
	border: solid 1px #CDCECF;
	width: 700px;
	font-size: 10pt;
}

.dropbox {
	width: 100%;
	height: 200px;
	background: url('img/dropbox-2.svg') center center no-repeat;
	font-size:0; line-height: 0;
	display: block;
}


.frame.err div {
	color: red;
}


.frame.err div.err-line {
	color: red;
	font-size: 20pt;
	line-height: 24pt;
}
/*
*/

.frame.files {;
}



.frame.files .gaction {
	height: 30px;
	line-height: 30px;
	font-size: 12pt;
	display: block;
	overflow: hidden;
	float: right;
	vertical-align: top;
	color: black;
	margin-left: 10px;
	cursor: pointer;
}
.frame.files .gaction.fl {
	float: left;
	margin-left: 0;
	margin-right: 10px;
}
.frame.files .gaction img {
	opacity: 0.7;
}
.frame.files .gaction:hover img {
	opacity: 1;
}
.frame.files .gaction img {
	width: 30px;
	height: 30px;
}
.frame.files .gaction span {
	height: 30px;
	line-height: 30px;
	font-size: 12pt;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

.frame.files .gaction.center {
	margin:0 auto;
	float: none;
	display: block;
	width: auto;
	text-align: center;
}
.frame.files .gaction.center .help-action {
	display: inline-block;
}

.frame.files .laction {
	height: 20px;
	line-height: 20px;
	font-size: 10pt;
	display: block;
	overflow: hidden;
	float: right;
	vertical-align: top;
	color: black;
	cursor: pointer;
}
.frame.files .laction img {
	opacity: 0.7;
}
.frame.files .laction:hover img {
	opacity: 1;
}
.frame.files .laction img {
	width: 20px;
	height: 20px;
}
.frame.files .laction span {
	height: 20px;
	line-height: 20px;
	font-size: 10pt;
	display: inline-block;
	vertical-align: top;
	margin-left: 0;
}

.frame.files div.chk {
	width: 20px;
	height: 20px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	border: none;
	background: url('img/checkbox-20.png') 0 0 transparent no-repeat;
	cursor: pointer;
}

.frame.files div.chk.checked {
	background-position: 0 -20px;
}

.frame.files div.chk.grayed {
	background-position: 0 -40px;
}

.frame.files table.inf-klient tr th {vertical-align: middle;}
.frame.files table.inf-klient tr td {vertical-align: middle; padding: 2px;}
.frame.files table.inf-klient tr td input {border: solid 1px #CDCECF; font-size: 10pt; text-align: center; width: 40px;}
.frame.files table.inf-klient tr td select {border: solid 1px #CDCECF; font-size: 10pt; text-align: center; min-width: 100px;}
.frame.files table.inf-klient tr td select.option-print {width: 120px;}
.frame.files table.inf-klient tr td select.option-sides {width: 120px;}
.frame.files table.inf-klient tr td select.option-intro {width: 300px;}


.frame.files table.inf-klient tr td .error {border-color: red;}

.frame.files table.inf-klient tr td select option {text-align: left;}

.frame.files table.inf-klient tr td.grab {cursor: pointer;}
.frame.files table.inf-klient tr.grabbed td {background: gray;}
.frame.files table.inf-klient tr td .ord {cursor: pointer; width: 20px; display : inline-block;}
.frame.files table.inf-klient tr th.sel {font-size:0;line-height: 0;}
.frame.files table.inf-klient tr td.sel {font-size:0;line-height: 0;}

.frame.error {
	border-color: red;
}

.frame .fields {border: none; width: auto; margin: 0 auto; padding: 0; display: block; position: relative}
.frame .fields .row {vertical-align: top; font-size: 16pt; line-height: 20pt; min-height: 32pt;display: block; position: relative}
.frame .fields .row.hidden {display: none;}
.frame .fields .row.err {color: red;}
.frame .fields .row.txt {text-align: right;}
.frame .fields .row.inf {color: #808080;}
.frame .fields .row.inf.c {text-align: center;}
.frame .fields .row .label {margin: 10px; font-size: 16pt; line-height: 20pt;white-space: nowrap; vertical-align: top;display: block; position: relative; width: 200px; float: left;}
.frame .fields .row .input {border: 1px solid #CDCECF; border-radius: 3px; margin: 5px; overflow: hidden;vertical-align: top;display: block; position: relative; width: 1025px;}
.frame .fields .row .input.error {border-color: red;}
.frame .fields .row .input input {border: none; margin: 0.5%; width: 99%; font-size: 16pt;line-height: 20pt; vertical-align: top;display: block; position: relative}
.frame .fields .row .input select {border: none; margin: 0.5%; width: 99%; font-size: 16pt;line-height: 20pt; vertical-align: top;display: block; position: relative}
.frame .fields .row .input textarea {border: none; margin: 0.5%; width: 99%; font-size: 16pt;line-height: 20pt; vertical-align: top;display: block; position: relative; height: 100px; resize: none;}
.frame .fields .row .input select option {color: black; font-size: 16pt; line-height: 20pt;}
.frame .fields .row .input select.gray {color: #808080;}

.frame .fields .row .help {width: 20pt; height: 20pt; background: white; border-radius: 100%; border: 2px solid #0090FF; text-align: center; font-weight: bold; position: absolute; right: 5px; top: 5px; cursor: pointer; color: #0090FF; box-sizing: content-box}
.frame .fields .row .help:hover {color: white; background: #0090FF;}

.frame .fields .row .help-action {width: 19pt; height: 19pt; line-height: 19pt; background: white; border-radius: 100%; border: 2px solid #0090FF; text-align: center; font-weight: bold; vertical-align: center; cursor: pointer; color: #0090FF; box-sizing: content-box}
.frame .fields .row .help-action:hover {color: white; background: #0090FF;}

.frame .inf-klient .help-table {width: 12pt; height: 12pt; line-height: 12pt; background: white; border-radius: 100%; border: 2px solid #0090FF; text-align: center; font-weight: bold; vertical-align: center; cursor: pointer; color: #0090FF; box-sizing: content-box; display: inline-block;}
.frame .inf-klient .help-table:hover {color: white; background: #0090FF;}


.frame.warn .line1 {font-size: 18pt; line-height: 22pt; color: #0090FF; font-weight: normal}
.frame.warn .line2 {font-size: 14pt; line-height: 18pt; color: black; font-weight: normal}
.frame.warn .line1 #warn1 {font-weight: bold;}
.frame.warn .line1 #warn1a {font-weight: bold;}

.frame.warn .save-row .save-btn {
	float: right;
	background: #0090ff;
	color: white;
	padding: 5px 8px;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	margin-left: 10px;
	font-size: 14pt;
	line-height: 18pt;
	border: none;
}
.frame.warn .save-row .save-btn:hover {
	background: #005fbe;
}

	/*
	 */

.editMate {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.5;
	font-size: 100%;
	line-height: 100%;
	z-index: 11000;
}

.editList {
	position: fixed;
	left: 50%;
	top: 100px;
	margin-left: -350px;
	width: 700px;
	z-index: 11001;
	background: white;
	border: solid 1px black;
	box-shadow: 0 0 5px #808080;
	border-radius: 6px;
	max-height: 80%;
}
.editList.w1000 {
	margin-left: -500px;
	width: 1000px;
}
.editList .editHead {
	font-size: 16pt;
	font-weight: bold;
	line-height: 32pt;
	background: none;
	color: #0090FF;
	text-align: center;
}

.editList .editSep {
	margin: 10px;
	width: auto;
	height: 1px;
	font-size:0;
	line-height:0;
	background: gray;
	clear: both;
}
.editList .cf {
	clear: both;
}
.editList .m10 {
	height: 10px;
	display: block;
	font-size:0;
	line-height:0;
}
.editList .editRow {
	margin: 10px;
	clear: both;
}
.editList .editRow.header {
	font-weight: bold;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.editList .editRow .cancel {
	float: right;
	background: #0090FF;
	color: white;
	width: 100px;
	padding: 5px;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	margin-left: 10px;
	font-size: 14pt;
	line-height: 18pt;
}
.editList .editRow .save {
	float: right;
	background: #00a600;
	color: white;
	width: 100px;
	padding: 5px;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	margin-left: 10px;
	font-size: 14pt;
	line-height: 18pt;
}
.editList .editRow .cancel:hover,
.editList .editRow .save:hover {
	opacity: 0.6;
}

.editList .fields {border: none; width: auto; margin: 0 auto; padding: 0; display: block; position: relative}
.editList .fields .row {vertical-align: top; font-size: 16pt; line-height: 20pt; min-height: 32pt;display: block; position: relative}
.editList .fields .row.err {color: red;}
.editList .fields .row.txt {text-align: right;}
.editList .fields .row.inf {color: #808080;}
.editList .fields .row.inf.c {text-align: center;}
.editList .fields .row .label {margin: 10px; font-size: 16pt; line-height: 20pt;white-space: nowrap; vertical-align: top;display: block; position: relative; width: 150px; float: left;}
.editList .fields .row .input {border: 1px solid #CDCECF; border-radius: 3px; margin: 5px; overflow: hidden;vertical-align: top;display: block; position: relative}
.editList .fields .row .input input {border: none; margin: 5px; width: 98%; font-size: 16pt;line-height: 20pt; vertical-align: top;display: block; position: relative}
.editList .fields .row .input select {border: none; margin: 5px; width: 98%; font-size: 16pt;line-height: 20pt; vertical-align: top;display: block; position: relative}
.editList .fields .row .input textarea {border: none; margin: 5px; width: 98%; font-size: 16pt;line-height: 20pt; vertical-align: top;display: block; position: relative; resize: none}

.content.o-nas {

}

.content.o-nas .txt-1 {
	position: absolute;
	top: 20.00%;
	right: 16.38%;
	color: #254786;
	font-size: 40pt;
	line-height: 45pt;
	text-align: right;
	margin:0;
}

.content.o-nas .txt-1 h1.line-1 {
	font-size: 35pt;
}

.content.o-nas .txt-1 h2.line-2 {
	font-weight: 700;
	font-size: 40pt;
}
.content.o-nas .txt-1 h3.line-3 {
	font-size: 35pt;
}

/***************************************************/

.content.o-nas .txt-2 {
	position: relative;
	text-align: center;
	width: 90%;
	color: white;
	margin: 0 auto;
}

.content.o-nas .txt-2 .title {
	font-size: 32pt;
	margin-bottom: 3%;
}

.content.o-nas .txt-2 .text {
	font-size: 14pt;
}

/***************************************************/

.content.o-nas .txt-3 {
	position: relative;
	text-align: right;
	color: black;
	margin-right: 5%;
	margin-left: 40%;
}

.content.o-nas .txt-3 .title {
	font-size: 32pt;
	margin-bottom: 3%;
	color: #0090FF;
}

.content.o-nas .txt-3 .text {
	font-size: 14pt;
	color: #555454;
}



.content.o-nas .txt-4 {
	text-align: center;
	width: 100%;
	color: white;
}

.content.o-nas .txt-4 h1 {
	font-size: 32pt;
	font-weight: normal;
}

.content.o-nas .txt-4 .text-row {
	text-align: left;
	position: relative;
	clear: both;
	margin-left: 20px;
	margin-right: 20px;
	display: table;
}

.content.o-nas .txt-4 .text-row .col-2-small {
	position: relative;
	width: 50%;
	float: left;
	display: table-cell;
}
.content.o-nas .txt-4 .text-row .col-2-small .col-frame {
	margin-left: 165px;
	position: relative;
	margin-top: 40px;
}

.content.o-nas .txt-4 .text-row .col-2-small .col-frame img.icon {
	position: absolute;
	left: -100px;
	top: 10px;
	width: 80px;
	height: 80px;
}


.content.o-nas .txt-4 .text-row .col-2-small .col-frame .title {
	font-size: 22pt;
	font-weight: 600;
}

.content.o-nas .txt-4 .text-row .col-2-small .col-frame .text {
	font-size: 11pt;
}


.content.o-nas .txt-5 {
	text-align: center;
	width: 100%;
	color: #555454;
}

.content.o-nas .txt-5 h1 {
	font-size: 32pt;
	font-weight: normal;
}

.content.o-nas .txt-5 .text-row {
	text-align: left;
	position: relative;
	clear: both;
	margin-left: 20px;
	margin-right: 20px;
	display: table;
}

.content.o-nas .txt-5 .text-row .col-2-small {
	position: relative;
	width: 50%;
	float: left;
	display: table-cell;
}
.content.o-nas .txt-5 .text-row .col-2-small .col-frame {
	margin-left: 165px;
	position: relative;
	margin-top: 40px;
}

.content.o-nas .txt-5 .text-row .col-2-small .col-frame img.icon {
	position: absolute;
	left: -100px;
	top: 10px;
	width: 80px;
	height: 80px;
}


.content.o-nas .txt-5 .text-row .col-2-small .col-frame .title {
	font-size: 22pt;
	font-weight: 600;
}

.content.o-nas .txt-5 .text-row .col-2-small .col-frame .text {
	font-size: 11pt;
}

/***********************************/

.content.o-nas .txt-6 {
	text-align: center;
	left: 0;
	width: 100%;
	color: #555454;
}

.content.o-nas .txt-6 .title {
	font-size: 32pt;
	margin-bottom: 3%;
}

.content.o-nas .txt-6 .text {
	font-size: 14pt;
	margin-left: 20px;
	margin-right: 20px;
}


/***********************************/

.content.o-nas .txt-11 {
	text-align: left;
	width: 100%;
	color: #555454;
}

.content.o-nas .txt-11 .text-row {
	text-align: left;
	position: relative;
	clear: both;
}

.content.o-nas .txt-11 .text-row img.icon {
	position: absolute;
	left: -150px;
	top: 20px;
	width: 80px;
	height: 80px;
}

.content.o-nas .txt-11 .col-big {
	position: relative;
	width: 100%;
	float: left;
}

.content.o-nas .txt-11 .col-big .col-frame {
	margin-left: 205px;
	margin-right: 20px;
	position: relative;
}

.content.o-nas .txt-11 .text-row .title {
	font-size: 22pt;
	font-weight: 600;
}

.content.o-nas .txt-11 .text-row .text {
	font-size: 11pt;
}


/**********************************/


.content.o-nas .txt-12 {
	text-align: left;
	width: 100%;
	color: #555454;
}

.content.o-nas .txt-12 .text-row {
	text-align: left;
	position: relative;
	clear: both;
}

.content.o-nas .txt-12 .text-row img.icon {
	position: absolute;
	right: -80px;
	top: 20px;
	width: 80px;
	height: 80px;
}

.content.o-nas .txt-12 .col-big {
	position: relative;
	float: left;
}

.content.o-nas .txt-12 .col-big .col-frame {
	margin-left: 50px;
	margin-right: 155px;
	position: relative;
}

.content.o-nas .txt-12 .text-row .title {
	font-size: 22pt;
	font-weight: 600;
}

.content.o-nas .txt-12 .text-row .text {
	font-size: 11pt;
}

/****************************************/

.content.kontakt .txt-13 {
	text-align: center;
	width: 100%;
	color: white;
}

.content.kontakt .txt-13 h1 {
	font-size: 32pt;
	font-weight: normal;
}

.content.kontakt .txt-13 .text-row {
	text-align: left;
	position: relative;
	clear: both;
	display: table;
}

.content.kontakt .txt-13 .col-small-4 {
	position: relative;
	width: 25%;
	float: left;
	display: table-cell;
}

.content.kontakt .txt-13 .col-small-4 .col-frame {
	position: relative;
	margin-left: 30px;
	margin-top: 30px;
	margin-right: 30px;
}

.content.kontakt .txt-13 .col-small-4 .col-frame .col-item {
	position: relative;
}

.content.kontakt .txt-13 .col-small-3 {
	position: relative;
	width: 33%;
	float: left;
	display: table-cell;
}

.content.kontakt .txt-13 .col-small-3 .col-frame {
	position: relative;
	margin-left: 30px;
	margin-top: 30px;
	margin-right: 30px;
}

.content.kontakt .txt-13 .col-small-4 .col-frame .col-item {
	position: relative;
}

.content.kontakt .txt-13 .text-row .title {
	font-size: 14pt;
	font-weight: 600;
}

.content.kontakt .txt-13 .text-row .text {
	font-size: 13pt;
}

/*******************************************/

.content.stopka .txt-15 {
	text-align: center;
	width: 100%;
	color: white;
}

.content.stopka .txt-15 h1 {
	font-size: 32pt;
	font-weight: normal;
}

.content.stopka .txt-15 .text-row {
	text-align: left;
	position: relative;
	clear: both;
}

.content.stopka .txt-15 .col-small-4 {
	position: relative;
	margin-left: 65px;
	width: 260px;
	float: left;
}

.content.stopka .txt-15 .text-row .title {
	font-size: 12pt;
	font-weight: 600;
	color: #0090FF;
}

.content.stopka .txt-15 .text-row .text {
	font-size: 11pt;
}

.content.stopka .txt-15 .text-row .text a {color: white;}
.content.stopka .txt-15 .text-row .text a:hover {color: #0090FF;}


/***************************************************************************/

.content.bud {

}

.content.bud .txt-1 {
	position: absolute;
	top: 30%;
	right: 9%;
	color: white;
	text-align: right;
}

.content.bud .txt-1 .line-1 {
	font-size: 48pt;
	font-weight: lighter;
}

.content.bud .txt-1 .line-2 {
	font-size: 48pt;
	font-weight: bold;
}

/****/

.content.bud .txt-6 {
	text-align: center;
	left: 0;
	width: 100%;
	color: #555454;
}

.content.bud .txt-6 .title {
	font-size: 32pt;
	margin-bottom: 30px;
}

.content.bud .txt-6 .text {
	font-size: 14pt;
	margin-left: 20px;
	margin-right: 20px;
}

.content.bud .txt-6 .text-row {
	text-align : center;
	margin: 0 auto;
	display: table;
}

.content.bud .txt-6 .text-row .col-3-small {
	width: 33%;
	text-align: center;
	float: left;
	margin-top: 60px;
	display: table-cell;
}

.content.bud .txt-6 .text-row .col-3-small .margins {
	margin-left: 10px;
	margin-right: 10px;
}

.content.bud .txt-6 .text-row .col-3-small .margins .item {

}

.content.bud .txt-6 .text-row .col-3-small .icon {

}

.content.bud .txt-6 .text-row .col-3-small .icon img {
	width: 100px;
}

.content.bud .txt-6 .text-row .col-3-small .title {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 20px;
}

.content.bud .txt-6 .text-row .col-3-small .text {
	font-size: 12pt;
}

.content.bud .txt-6 img.big {
	width: 100%;
}

.content.bud .button {
	background: #0090FF;
	color: white;
	padding: 5pt 8pt;
	font-weight: bold;
}

.content.bud .ch-hover {
	cursor: pointer;
}

/***********************************************************/

.content.bud .txt-2 {
	position: absolute;
	top: 24.33%;
	text-align: center;
	left: 5%;
	width: 90%;
	color: white;
}

.content.bud .txt-2 .title {
	font-size: 24pt;
}

.content.bud .txt-2 .text {
	font-size: 14pt;
}

/***********************************************************/

.content.bud .txt-8 {
	position: relative;
	text-align: left;
	margin-left: 40%;
	margin-right: 5%;
	color: white;
}

.content.bud .txt-8 .title {
	font-size: 28pt;
	margin-bottom: 10px;
}

.content.bud .txt-8 .text {
	font-size: 14pt;
}

.content.bud .txt-8 img {
	position: absolute;
	top: 0;
	left: -45%;
	width: 200px;
}

/***********************************************************/

.content.bud .txt-9 {
	position: absolute;
	top: 30%;
	text-align: left;
	left: 10%;
	width: 40%;
	color: #848484;
}

.content.bud .txt-9 .title {
	font-size: 28pt;
	margin-bottom: 10px;
}

.content.bud .txt-9 .text {
	font-size: 14pt;
}

/***********************************************/

.content.bud .txt-10 {
	position: absolute;
	top: 12.5%;
	text-align: center;
	left: 40%;
	width: 60%;
	color: #555454;
}

.content.bud .txt-10 .title {
	font-size: 28pt;
	margin-bottom: 10px;
}

.content.bud .txt-10 .text {
	font-size: 14pt;
}

.content.bud .txt-10 img {
	position: absolute;
	top: -20px;
	left: -55%;
}
/******************************************************/

.content.bud .title.blue {
	color: #0090FF;
}

.content.bud .text.blue {
	color: #0090FF;
}

/*****************************************************/

.content.slide {
	position: relative;
}

.content.slide .txt-1 {
	color: white;
	position: absolute;
	right: 6.85%;
	top: 26%;
	text-align: right;
}

.content.slide .txt-1 .line-1 {
	font-weight: lighter;
	font-size: 33pt;
}
.content.slide .txt-1 .line-2 {
	font-weight: bold;
	font-size: 51pt;
}
.content.slide .txt-1 .line-3 {
	font-weight: lighter;
	font-size: 27pt;
}

/*****************************************************/

.content.slide .txt-2 {
	color: white;
	position: absolute;
	right: 5.85%;
	top: 25%;
	text-align: right;
}

.content.slide .txt-2 .line-1 {
	font-weight: lighter;
	color: #444343;
	font-size: 33pt;
}
.content.slide .txt-2 .line-2 {
	font-weight: bold;
	color: #3fa9bc;
	font-size: 51pt;
}
.content.slide .txt-2 .line-3 {
	font-weight: lighter;
	color: #515050;
	font-size: 27pt;
}

/*****************************************************/

.content.slide .txt-3 {
	color: white;
	position: absolute;
	right: 5.85%;
	top: 28%;
	text-align: right;
}

.content.slide .txt-3 .line-1 {
	font-weight: lighter;
	color: #444343;
	font-size: 33pt;
}
.content.slide .txt-3 .line-2 {
	font-weight: bold;
	color: #ff7200;
	font-size: 51pt;
}
.content.slide .txt-3 .line-3 {
	font-weight: lighter;
	color: #515050;
	font-size: 27pt;
}

/*****************************************************/

.content.slide .txt-4 {
	color: white;
	position: absolute;
	right: 5.85%;
	top: 26%;
	text-align: right;
}

.content.slide .txt-4 .line-1 {
	font-weight: lighter;
	color: #444343;
	font-size: 34pt;
}
.content.slide .txt-4 .line-2 {
	font-weight: bold;
	color: #275cbe;
	font-size: 50pt;
}
.content.slide .txt-4 .line-3 {
	font-weight: lighter;
	color: #545253;
	font-size: 28pt;
}


.content-big.slides {
	position: relative;
	overflow: hidden;
}
.content-big.slides .content-big.slide {
	position: absolute;
	left:0;
	top:0;
}

.content-big.slides .navigation {
	position: absolute;
	bottom:0;
	left:0;
	text-align: center;
	width: 100%;
}

.content-big.slides .navigation a.dot {
	display : inline-block;
	background: white;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin: 10px;
	background-size: cover;
	border-radius: 100%;
	border: solid 2px #0090FF;
}

.content-big.slides .navigation a.dot.active {
	background: #0090FF;
	border-color: white;
}

.content-big.slides .navigation a.dot:hover {
	background: #0090FF;
	border-color: white;
}

/***************************************************************************/

.content.rekr {

}

.content.rekr .thanks {
	text-align: center;
	color: #418ff7;
	font-size: 16pt;
	line-height: 20px;
	font-weight: bold;
}

.content.rekr .error {
	text-align: center;
	color: red;
	font-size: 16pt;
	line-height: 20px;
}

.content.rekr .txt-1 {
	position: absolute;
	top: 33%;
	right: 45%;
	color: white;
	text-align: right;
}

.content.rekr .txt-1 .line-1 {
	font-size: 48pt;
	font-weight: bold;
}

.content.rekr .txt-1 .line-2 {
	font-size: 29pt;
	font-weight: lighter;
}

/***************************************************************************/

.content.rekr .txt-2 {
	text-align: center;
	color: #555454;
	font-size: 20pt;
	font-weight: lighter;
}

/***************************************************************************/

.content.rekr .txt-3 {
	color: #555454;
	text-align: center;
}

.content.rekr .txt-3 .line-1 {
	font-size: 24pt;
	font-weight: lighter;
}

.content.rekr .txt-3 .line-2 {
	font-size: 20pt;
	font-weight: lighter;
}

/***************************************************************************/

.content.rekr .txt-4 {
	color: #555454;
	text-align: center;
}

.content.rekr .txt-4 .line-1 {
	font-size: 0;
	line-height: 0;
	font-weight: lighter;
}

.content.rekr .txt-4 .line-1 .input-col {
	display: inline-block;
	vertical-align: top;
}

.content.rekr .txt-4 .line-1 .input-col.b1 {
	border: solid 1px gray;
	width: 20%;
	margin-right: 20px;
	overflow: hidden;
}

.content.rekr .txt-4 .line-1 .input-col.b1 input {
	width: 100%;
	height: 40px;
	font-size: 16pt;
	line-height: 20pt;
	padding:0;
	margin:5px;
	border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.content.rekr .txt-4 .line-1 .input-col.fi {
	border: solid 1px gray;
	width: 20%;
	margin-right: 0;
	overflow: hidden;
	background: url('/img/rekr/button_zalacz_cv.svg') center center no-repeat;
	background-size: cover;
}

.content.rekr .txt-4 .line-1 .input-col.fi input {
	width: 100%;
	height: 40px;
	font-size: 16pt;
	line-height: 20pt;
	margin:5px;
	border: none;
	opacity: 0;
	overflow: hidden;
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.content.rekr .txt-4 .line-1 .input-col.fi:hover {
	opacity: 0.6;
}


.content.rekr .txt-4 .line-1 .input-col.su {
	border: solid 1px gray;
	width: 20%;
	margin-right: 0;
	overflow: hidden;
	background: url('/img/rekr/button_aplikuj.svg') center center no-repeat;
	background-size: cover;
}

.content.rekr .txt-4 .line-1 .input-col.su input {
	width: 100%;
	height: 60px;
	font-size: 16pt;
	line-height: 20pt;
	opacity: 0;
	overflow: hidden;
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.content.rekr .txt-4 .line-1 .input-col.su:hover {
	opacity: 0.6;
}


.content.rekr .txt-4 .line-2 {
	font-size: 12pt;
	font-weight: lighter;
	text-align: center;
	margin-top: 10px;
}

/***************************************************************************/

.content.rekr .txt-5 {
	text-align: center;
	color: #555454;
	font-size: 32pt;
	font-weight: lighter;
}

/***************************************************************************/

.content.rekr .txt-6 {
	color: #555454;
	text-align: left;
	margin-left: 50px;
	margin-right: 50px;
}

.content.rekr .txt-6 .line-1 {
	font-size: 24pt;
	font-weight: bold;
	color: #418FF7;
}

.content.rekr .txt-6 .line-2 {
	font-size: 14pt;
	font-weight: lighter;
}

.content.rekr .txt-6 .line-2 .title {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

.content.rekr .txt-6 .line-2 .points {
	display: block;
	list-style: disc;
	margin-left: 20pt;
}

.content.rekr .txt-6 .line-2 .points li {
	margin-bottom: 5px;
}

/***************************************************************************/

form.pay-selected input.btn-pay-start {

	background: #0090FF;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 20pt;
	height: 36pt;
	line-height: 36pt;
	text-align: center;
	padding: 0 20px;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;

}

form.pay-selected input.btn-pay-start:hover {

	background: #0065c9;

}


/***************************************************************************/

.lc-warn {
	background: red;
	display: block;
	position: fixed;
	left:0;
	top:0;
	width: 100%;
	height: 10px;
	z-index: 10005;
}

/***************************************************************************/


@media only screen and (min-width: 1600px) {

	.content.o-nas .txt-1 {line-height: normal;}

}

@media only screen and (max-width: 1280px) {

	.content.bud .txt-8 .text {font-size: 14pt;}

	.content.bud .txt-9 {top: 20%;}
	.content.bud .txt-9 .text {font-size: 14pt;}

	.content.bud .txt-10 .title {font-size: 24pt;}

	.content.o-nas .txt-3 .text {
		font-size: 12pt;
	}

	.menu-bg {background-image: none}
}

@media only screen and (max-width: 1100px) {

	#header .hdr-line .menu-item.link {
		display: none;
	}

	#header .hdr-line .menu-item.separator {
		display: none;
	}

	#header .hdr-line .menu-item.mobile {
		display: block;
	}
}

@media only screen and (max-width: 1020px) {
	.content.o-nas .txt-2 .title {font-size: 21pt;}
}

@media only screen and (max-width: 980px) {

	.content.o-nas .txt-2 .title {font-size: 22pt;}
	.content.o-nas .txt-2 .text {font-size: 10pt;}

	.content.o-nas .txt-3 .title {font-size: 22pt;}
	.content.o-nas .txt-3 .text {font-size: 10pt;}

	.content.o-nas .txt-6 .title {font-size: 22pt;}
	.content.o-nas .txt-6 .text {font-size: 10pt;}

	.content.kontakt .txt-13 .col-small-4 {width: 33%;}
	.content.kontakt .txt-13 .col-small-3 {width: 33%;}

	.content.bud .txt-8 img {width: 180px;}

	.content.bud .txt-8 .text {font-size: 11pt;}

	.content.bud .txt-9 {top: 15%;}
	.content.bud .txt-9 .text {font-size: 10pt;}

	.content.bud .txt-10 {top: 15%;}
	.content.bud .txt-10 .title {font-size: 24pt;}
	.content.bud .txt-10 .text {font-size: 10pt;}

}

@media only screen and (max-width: 960px) {

	#categories .item-box {
		width: 33%;
	}

	.content.bud .txt-2 {top: 18%}

	.content.o-nas .txt-4 .text-row .col-2-small {width: 100%;}
	.content.o-nas .txt-5 .text-row .col-2-small {width: 100%;}

	.content.bud .txt-2 .title {font-size: 19pt;}
}

@media only screen and (max-width: 830px) {
	.content.bud .txt-2 .title {font-size: 18pt;}
}

@media only screen and (max-width: 800px) {

	#categories .item-box .item-frame .box a .title {
		font-size: 12pt;
		line-height: 14pt;
	}

	.content.o-nas .txt-1 {font-size: 36pt; line-height: 36pt;}

	.content.bud .txt-6 .text-row .col-3-small {width: 50%;}
	.content.bud .txt-2 .title {font-size: 16pt;}
	.content.bud .txt-2 .text {font-size: 14pt;}

	.content.o-nas .txt-3 .title {font-size: 20pt;}
	.content.o-nas .txt-3 .text {font-size: 9pt;}

	.content.o-nas .txt-6 .title {font-size: 20pt;}
	.content.o-nas .txt-6 .text {font-size: 9pt;}

	.content.kontakt .txt-13 .col-small-4 {width: 50%;}
	.content.kontakt .txt-13 .col-small-3 {width: 50%;}

	.content.bud .txt-8 img {width: 150px;}
	.content.bud .txt-10 .title {font-size: 24pt;}
	.content.bud .txt-10 .text {font-size: 10pt;}

}

@media only screen and (max-width: 660px) {

	#categories .item-box {
		width: 50%;
	}

	.content.bud .txt-8 img {width: 120px;}
}

@media only screen and (max-width: 600px) {

	#categories .item-box .item-frame .box a .title {
		font-size: 12pt;
		line-height: 14pt;
	}

	.content.o-nas .txt-1 {font-size: 32pt;line-height: 36pt;}

	.content.o-nas .txt-3 .title {font-size: 16pt;}
	.content.o-nas .txt-3 .text {font-size: 8pt;}

	.content.o-nas .txt-6 .title {font-size: 16pt;}
	.content.o-nas .txt-6 .text {font-size: 8pt;}

	.content.o-nas .txt-4 .text-row .col-2-small .col-frame {
		margin-left:0;
	}

	.content.o-nas .txt-4 .text-row .col-2-small .col-frame img.icon {
		display: block;
		position: relative;
		left:0;
		top:0;
		margin: 0 auto;
	}

	.content.o-nas .txt-5 .text-row .col-2-small .col-frame {
		margin-left:0;
	}

	.content.o-nas .txt-5 .text-row .col-2-small .col-frame img.icon {
		display: block;
		position: relative;
		left:0;
		top:0;
		margin: 0 auto;
	}

	.content.o-nas .txt-11 .col-big .col-frame {
		margin-left:20px;
		margin-right:20px;
	}

	.content.o-nas .txt-11 .text-row img.icon {
		display: block;
		position: relative;
		left:0;
		top:0;
		margin: 0 auto;
	}

	.content.o-nas .txt-12 .col-big .col-frame {
		margin-left:20px;
		margin-right:20px;
	}

	.content.o-nas .txt-12 .text-row img.icon {
		display: block;
		position: relative;
		left:0;
		top:0;
		margin: 0 auto;
	}

	.content.bud .txt-8 img {width: 180px; display: inline-block; position: relative; left:0;}
	.content.bud .txt-8 {margin-left: 5%; text-align: center;}
	.content.bud .txt-6 .text-row .col-3-small {width: 100%;}
	.content.bud .txt-2 .title {font-size: 14pt;}
	.content.bud .txt-2 .text {font-size: 10pt;}

	.content.kontakt .txt-13 .col-small-4 {width: 100%;}
	.content.kontakt .txt-13 .col-small-3 {width: 100%;}
	.content.kontakt .txt-13 .text-row .title {font-size: 14pt;}
	.content.kontakt .txt-13 .text-row .text {font-size: 13pt;}

	#header .hdr-line .menu-item.logo {width: 150px;}

	.content.rekr .txt-4 .line-1 .input-col,
	.content.rekr .txt-4 .line-1 .input-col.b1,
	.content.rekr .txt-4 .line-1 .input-col.fi,
	.content.rekr .txt-4 .line-1 .input-col.su{width: 80%; margin: 5px auto; display: block;}

	.content.rekr .txt-4 .line-1 .input-col.fi input {
		height: 60px;
	}
	.content.rekr .txt-4 .line-1 .input-col.su input{
		height: 90px;

	}
}

@media only screen and (max-width: 539px) {

	.content.slide .txt-1,
	.content.slide .txt-2,
	.content.slide .txt-3,
	.content.slide .txt-4,
	.content.bud .txt-1,
	.content.o-nas .txt-1,
	.content.rekr .txt-1{
		position: absolute;
		left: 0;
		top: 2%;
		text-align: center;
		width: 100%;
	}

	.content.o-nas .txt-1 {line-height: 32pt;}

	.content.slide .line-1 {
		width: 100%;
	}
	.content.slide .line-2 {
		width: 100%;
	}
	.content.slide .line-3 {
		width: 100%;
	}

	.technical-break {
		margin: -135px -135px;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 270px;
		height: 270px;
	}
}

@media only screen and (max-width: 375px) {

	#categories .item-box {
		width: 100%;
	}

	.content.o-nas .txt-1 {line-height: 24pt;}

	.content.kontakt .txt-13 .col-small-4 {
		width: 100%;
	}
	.content.kontakt .txt-13 .col-small-3 {
		width: 100%;
	}

	.content.kontakt .txt-13 .text-row .title {font-size: 14pt;}
	.content.kontakt .txt-13 .text-row .text {font-size: 13pt;}

	.content.bud .txt-2 .title {font-size: 10pt;}
	.content.bud .txt-2 .text {font-size: 8pt;}
}

@media only screen and (max-width: 350px) {

	#categories .item-box {
		width: 100%;
	}
}

@media only screen and (max-width: 320px) {

	#categories .item-box {
		width: 100%;
	}

	#categories .item-box .item-frame .box a .title {
		font-size: 12pt;
		line-height: 14pt;
	}

	.content.bud .txt-2 .title {font-size: 10pt;}
	.content.bud .txt-2 .text {font-size: 8pt;}
}

@media only screen and (max-width: 240px) {

	#categories .item-box .item-frame .box a .title {
		font-size: 12pt;
		line-height: 14pt;
	}

	.content.bud .txt-2 .title {font-size: 10pt;}
	.content.bud .txt-2 .text {font-size: 8pt;}

	.technical-break {
		margin: -120px -120px;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 240px;
		height: 240px;
	}
}