html {
	font-family: Monda, sans-serif;
	-ms-text-size-adjust:100%;
	font-size: 16px;
	-webkit-text-size-adjust:100%; height: 100%; margin: 0; padding: 0;
}
body {
	margin:0; padding: 0; min-height: 100%; position: relative;
	background: url('/assets/images/background/karb2ex.png') repeat-y right top, linear-gradient(to right, #1063a0 10%, #95e4ff 90%); /* #341F17 10%, bisque 90% */
	color: white;
}
.body2 {
	width: 100%;
	min-width: 100%;
	min-height: 100%;
	z-index: -5;
}

a {background-color: transparent; text-decoration: none; color: bisque;}
a:active,a:hover {outline:0;}

h1 {font-size: 1.5em;}
h2 {font-size: 2em;}

.kontmenu {position: relative; margin-right: 0;}
.menu {font-size: 160%; margin: 0; padding: 0; float: right; width: 20%; margin-top: 0px;}
.menu li {display: table; list-style: none; padding: 0; background-color: transparent; text-align: right; width: 100%; height: 87px;}
.menu li a {color: #1E3072; display: table-cell; padding: 0 10px; width: 100%; vertical-align: middle; text-shadow: 5px 5px 27px darkcyan; text-transform: uppercase; font-family: impact; font-weight: bold; font-size: 1.3em;}
.menu li a:hover {color: #00BCD4 !important; -webkit-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out;}

.menu li:nth-child(1) span:nth-child(1) {vertical-align: 2px;}
.menu li:nth-child(1) span:nth-child(2) {vertical-align: 1px;}

.menu li:nth-child(2) span:nth-child(1) {vertical-align: 20px; font-size: 0.92em;}
.menu li:nth-child(2) span:nth-child(2) {vertical-align: 16px; font-size: 0.95em;}
.menu li:nth-child(2) span:nth-child(3) {vertical-align: 13px; font-size: 0.97em;}
.menu li:nth-child(2) span:nth-child(4) {vertical-align: 10px; font-size: 0.98em;}
.menu li:nth-child(2) span:nth-child(5) {vertical-align: 8px; font-size: 0.99em;}
.menu li:nth-child(2) span:nth-child(6) {vertical-align: 6px;}
.menu li:nth-child(2) span:nth-child(7) {vertical-align: 4px;}
.menu li:nth-child(2) span:nth-child(8) {vertical-align: 3px;}
.menu li:nth-child(2) span:nth-child(9) {vertical-align: 2px;}
.menu li:nth-child(2) span:nth-child(10) {vertical-align: 1px;}
.menu li:nth-child(2) a {padding-bottom: 12px;}

.menu li:nth-child(3) span:nth-child(1) {vertical-align: 6px;}
.menu li:nth-child(3) span:nth-child(2) {vertical-align: 4px;}
.menu li:nth-child(3) span:nth-child(3) {vertical-align: 3px;}
.menu li:nth-child(3) span:nth-child(4) {vertical-align: 2px;}
.menu li:nth-child(3) span:nth-child(5) {vertical-align: 1px;}

.footer {position: absolute; font-size: 10px; width: 100%; bottom: 0; margin: 0; padding: 0; color: lightgray; border-color: lightgray; border-top-style: solid; border-width: thin;}
.footerinner {position: relative; display: table; height: 100%; width: 100%;}
.footerinner span {position: relative; display: table-cell; vertical-align: bottom;}
.footerinner img {vertical-align: bottom;}

.content {padding-bottom: 50px; width: 80%;}
.content p {color: bisque; margin-left: 5%;}
.content h2 {padding: 20px; color: bisque; margin: 0; text-shadow: 2px 2px 6px crimson;}
.content form button {background: #CA5F24; box-shadow: 0px 0px 15px 0 bisque; border: none; border-radius: 3px; padding: 1px 10px; font-weight: bold; float: right; margin: 0 3px;}
.content form button:hover {cursor: pointer; color: bisque; box-shadow: 0px 0px 15px 0 red; -webkit-transition: 0.2s ease-in; transition: 0.2s ease-in;}

.zmien {background: red !important; display: inline;}
.alone {background: #01824d !important;}

.konfig {vertical-align: top;}
.konfig ul {margin-top: 0;}
.konfig ul li {list-style: none; margin: 0 0 10px;}
.konfigtab {width: 100%; vertical-align: top;}
.konfigtab a, .spanbutton {margin-left: 40px; background: #01824d; color: bisque; box-shadow: 0px 0px 15px 0 bisque; border: none; border-radius: 5px; padding: 10px 10px; font-weight: bold;}
.konfigtab a:hover, .spanbutton:hover {cursor: pointer; color: yellow; box-shadow: 0px 0px 15px 0 red; -webkit-transition: 0.2s ease-in; transition: 0.2s ease-in;}
.konfigtab tr td:nth-child(2) {vertical-align: top;}
.konfigtab tr td:nth-child(1) {vertical-align: top; width: 35%; min-width: 450px;}
.kt1 {float: left; width: 50%;}
.kt2 {text-align: center; width: 50%; margin-left: 50%;}
.konformact {text-align: center;}
.konfigrafaaa {
	text-align: center;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    box-shadow: midnightblue 0px 0px 50px 20px inset;
    padding-bottom: 5%;
    padding-top: 5%;
	border-radius: 10px;
	background: deepskyblue;
}
.konfigraf img {width: 30%}
.konfigraf div {position: relative;}
.konfigraf div:nth-child(1) {margin-top: 0%; z-index: 4;}
.konfigraf div:nth-child(2) {margin-top: 0%; z-index: 3;}
.konfigraf div:nth-child(3) {margin-top: 0%; z-index: 2;}
.konfigraf div:nth-child(4) {margin-top: -15%; z-index: 1;}

.wybrane {color: #CA5F24; text-shadow: 2px 2px 6px;}

.listaproduktow {display: block; position: fixed; width: 30%; overflow: hidden; padding: 30px; font-size: 0.8em; margin-top: -1000px; margin-left: 30%; z-index: 5;}
.listprodtable {width: 100%; display: table; color: gray; background: bisque; border-radius: 5px; border: solid thin; box-shadow: 0px 0px 10px red; padding: 10px;}
.listprodtable table {width: 100%; border-collapse: collapse; margin-top: 10px;}
.listprodtable table tr {border-bottom: solid thin; border-color: lightgray;}
.listprodtable table tr:last-child td:first-child {text-align: center; color: darkblue;}
.listprodtable table tr td:last-child {text-align: right;}
.listprodtable table tr:last-child {font-size: 1.2em; color: #01824d;}
.listprodtable table th {color: darkblue; font-size: 1.2em;}

.hidden {display: none;}

#hidelist {margin-top: 10px; padding: 10px;}

.przypis {font-style: italic; font-weight: normal; font-size: 0.7em;}

.kontakt iframe {margin-left: 40px; border: none; width: 80%;}
.kontakt h2 {padding: 20px; color: bisque;}
.kontab {margin-left: 5%; /*width: 100%;*/}
.kontab tr td {vertical-align: top;}
.kontab tr td:first-child {width: 30%;}

.spanbutton {padding: 10px !important; float: none !important;}
.zamow {width: 100%; vertical-align: top;}
.zamow table {margin: 0 auto; text-align: left; width: 50%;}
.zamow input {width: 50%;}
.zamow textarea {width: 50%;}
.zamow .listprodtable {width: 50%; margin: 0 auto;}
.zamow button {float: none !important; background:#01824d !important; padding: 10px 40px !important; font-size: 1em !important;}
.zampoz table {width: 100%;}
.zampoz th {color: darkblue; font-size: 1.2em;}
.zampoz table tr td:last-child {text-align: right;}
.readonly {box-shadow: none;}

.kontform #email, .kontform #temat, .kontform #tresc, .kontform #imnaz {width: 100%; font-family: Monda, sans-serif;}

.allright {float: right; text-align: right;}
.allcenter {float: none; text-align: center; margin-left: auto;}
.allcenter p {margin-left: auto;}

.info {}
.info table td {width: 50%; vertical-align: top;}
.info img {width: 100%;}
.info iframe {width: 100%; height: 100%; position: absolute;}
.info .ytwrapper {position: relative; height: 0; /*padding-top: 25px;*/ padding-bottom: 56.25%;}

.info2 table {width: 70%;}
.info2 {text-align: center;}
.info2 .ytwrapper {text-align: left;}

#tooltip {
	padding: 3px;
/*	border: solid 1px #000000;*/
	display: none; /*white-space: nowrap;*/
	background: bisque;
	color: #000000;
	font: 0.8em Monda, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	position: absolute;
	left: 0;
	z-index: 1000;
	filter: alpha(opacity=85);
	opacity: .85;
	box-shadow: gray 0 0 10px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

::-webkit-input-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; } /* firefox 19+ */
:-ms-input-placeholder { font-style: italic; } /* ie */

.margin10 {margin-left: 10px; margin-right: 10px; padding: 10px; font-size: 0.9em;}
.margin10 a {margin: 0; padding: 10px; font-size: 0.9em;}

.margin10p {margin-top: 10px; padding: 10px;}

@media (max-width: 1024px) {
	.content {width: 65%; font-size: 30px;}
	.kt1 {width: 100%; margin-bottom: 30px; float: initial;}
	.kt2 {width: initial; margin-left: initial; z-index: -2;}
	.menu {width: 30%;}
	.listaproduktow {width: 90%; font-size: 25px; margin-left: initial;}
	.info2 table {width: 95%;}
	button {font-size: 35px; margin: 5px !important;}
	#tooltip, input, textarea {font-size: 30px;}
	.zamow .listprodtable {width: 95%; margin-left: 5%; font-size: 30px;}
	.zamow .input {width: initial; margin-left: 5%;}
	.zamow .textarea {width: initial; margin-left: 5%;}
	.buttons {display: table; margin-top: 10px;}
	.wybrane {margin: 5px;}
	.kontab {font-size: 30px;}
}