* {
	-webkit-box-sizing:border-box; /* iOS<=4, Andr<=2.3 */
	-moz-box-sizing:border-box; /* FF 1+ */
	box-sizing:border-box; /* Chrome, IE 8+, Opera, Saf 5.1 */
	}

html {height:100%;}
body {
	position:relative;
	height:100%;
	font-family:arial, sans-serif;
	line-height:1;
	background:#000;
	color:#fff;
	overflow-x:hidden;
	margin:0;
	}



/* WSPOLNE */

#header,
#menu,
#content {
	position:relative;
	margin:0 auto;
	}
#header {
	width:99%;
	}
#menu,
#content {
	width:90%;
	}


.gwiazdka {
	display:inline-block; width:auto; height:.8em; margin-top:1.5%; padding-right:33%; 
	-webkit-background-size:auto 100%; /* Saf 3-4 */
	-moz-background-size:auto 100%; /* FF 3.6 */
	background-size:auto 100%;
	background-image:url(img/lang/pl/bei.png);
	background-repeat:no-repeat;
	}


body #lewa, body #prawa {
	float:left;
	display:inline-block;
	height:auto;
	}
body #lewa {
	width:33%;
	margin-right:4%;
	}
body #prawa {
	width:63%;
	}


/* mini lightbox */

#overDiv {
	background:#000;
	border:solid #9a7848 5px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	z-index:999;
	display:none;
	position:absolute;
	}
#overDiv img {
	margin:0 0 -2px 0;
	}


/* HEADER */

#header img {
	width:100%;
	height:auto;
	}
#menu {
	height:auto;
	position:relative;
	text-align:center;
	margin-bottom:2%;
	}
#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
#menu ul li {
	position:relative;
	display:inline-block;
	width:13.8%;
	height:auto;
	margin:0.3% 0.28%;
	background-repeat:no-repeat;
	-webkit-background-size:100% 100%; /* Saf 3-4 */
	-moz-background-size:100% 100%; /* FF 3.6 */
	background-size:100% 100%;
	}
#menu a {
	display:inline-block;
	padding-bottom:24.5%;
	width:100%;
	height:auto;
	}
#menu ul li:nth-child(1) {background-image:url(img/lang/pl/menu1.png); margin-left:0;}
#menu ul li:nth-child(2) {background-image:url(img/lang/pl/menu2.png);}
#menu ul li:nth-child(3) {background-image:url(img/lang/pl/menu3.png);}
#menu ul li:nth-child(4) {background-image:url(img/lang/pl/menu4.png);}
#menu ul li:nth-child(5) {background-image:url(img/lang/pl/menu5.png);}
#menu ul li:nth-child(6) {background-image:url(img/lang/pl/menu6.png);}
#menu ul li:nth-child(7) {background-image:url(img/lang/pl/menu7.png); margin-right:0;}

#menu ul li:nth-child(1):hover, #menu ul li:nth-child(1).active {background-image:url(img/lang/pl/menu1a.png);}
#menu ul li:nth-child(2):hover, #menu ul li:nth-child(2).active {background-image:url(img/lang/pl/menu2a.png);}
#menu ul li:nth-child(3):hover, #menu ul li:nth-child(3).active {background-image:url(img/lang/pl/menu3a.png);}
#menu ul li:nth-child(4):hover, #menu ul li:nth-child(4).active {background-image:url(img/lang/pl/menu4a.png);}
#menu ul li:nth-child(5):hover, #menu ul li:nth-child(5).active {background-image:url(img/lang/pl/menu5a.png);}
#menu ul li:nth-child(6):hover, #menu ul li:nth-child(6).active {background-image:url(img/lang/pl/menu6a.png);}
#menu ul li:nth-child(7):hover, #menu ul li:nth-child(7).active {background-image:url(img/lang/pl/menu7a.png);}

#menu ul li span {position:absolute; left:-999em;}


/* menu podrzedne */
#menu ul li ul {
	display:none;
	position:absolute;
	left:auto;
	top:auto;
	width:100%;
	z-index:99;
	}
#menu ul li:hover ul {
	display:block;
	}
#menu ul li ul li {
	display:block;
	width:100%;
	margin:0;
	}
#menu ul li ul li a {
	padding-bottom:15%;
	}

#menu ul li ul li:nth-child(1) {background-image:url(img/lang/pl/halse-e-s.gif);}
#menu ul li ul li:nth-child(2) {background-image:url(img/lang/pl/halse-k-s.gif);}
#menu ul li ul li:nth-child(3) {background-image:url(img/lang/pl/halse-n-s.gif);}
#menu ul li ul li:nth-child(4) {background-image:url(img/lang/pl/korpuse-s.gif);}
#menu ul li ul li:nth-child(5) {background-image:url(img/lang/pl/decken-s.gif);}
#menu ul li ul li:nth-child(6) {background-image:url(img/lang/pl/zargen-s.gif); padding-bottom:5%;}

#menu ul li ul li:nth-child(1):hover, #menu ul li ul li:nth-child(1).active {background-image:url(img/lang/pl/halse-e-w.gif);}
#menu ul li ul li:nth-child(2):hover, #menu ul li ul li:nth-child(2).active {background-image:url(img/lang/pl/halse-k-w.gif);}
#menu ul li ul li:nth-child(3):hover, #menu ul li ul li:nth-child(3).active {background-image:url(img/lang/pl/halse-n-w.gif);}
#menu ul li ul li:nth-child(4):hover, #menu ul li ul li:nth-child(4).active {background-image:url(img/lang/pl/korpuse-w.gif);}
#menu ul li ul li:nth-child(5):hover, #menu ul li ul li:nth-child(5).active {background-image:url(img/lang/pl/decken-w.gif);}
#menu ul li ul li:nth-child(6):hover, #menu ul li ul li:nth-child(6).active {background-image:url(img/lang/pl/zargen-w.gif);}



/* STRONA STARTOWA */

body#start #content {
	width:100%;
	height:auto;
	display:block;
	background:url(img/start.jpg) 0 0 no-repeat;
	-webkit-background-size:100% 100%; /* Saf 3-4 */
	-moz-background-size:100% 100%; /* FF 3.6 */
	background-size:100% 100%;
	padding-bottom:66%;
	position:relative;
	}
#flag-de, #flag-gb, #flag-pl {
	position:absolute; 
	left:41.5%;
	display:inline-block;
	width:4.5%;
	height:4%;
	-webkit-background-size:100% 100%; /* Saf 3-4 */
	-moz-background-size:100% 100%; /* FF 3.6 */
	background-size:100% 100%;
	}
#flag-de {background-image:url(img/flag-de.jpg); top:46%;}
#flag-gb {background-image:url(img/flag-gb.jpg); top:56.5%;}
#flag-pl {background-image:url(img/flag-pl.jpg); top:67%;}



/* FIRMA */

body#firm #lewa {
	float:left;
	display:inline-block;
	width:31.5%;
	margin-right:0;
	}
body#firm #lewa img {
	width:47%;
	margin:1%;
	}
body#firm #srodek {
	float:left;
	display:inline-block;
	width:52.4%;
	height:auto;
	padding-bottom:52%;
	text-align:center;
	background:url(img/lang/pl/text-s2.png) no-repeat;
	-webkit-background-size:100% 100%; /* Saf 3-4 */
	-moz-background-size:100% 100%; /* FF 3.6 */
	background-size:100% auto;
	}
body#firm #prawa {
	float:left;
	display:inline-block;
	width:16.1%;
	text-align:right;
	}
body#firm #prawa img {
	width:95%;
	margin:1%;
	}



/* INSTRUMENTY */

body#inst #lewa a, body#inst #lewa div {
	display:inline-block;
	width:100%;
	height:auto;
	padding-bottom:8%;
	margin-bottom:-2px;
	-webkit-background-size:100% auto; /* Saf 3-4 */
	-moz-background-size:100% auto; /* FF 3.6 */
	background-size:100% auto;
	background-repeat:no-repeat;
	}
body#inst #lewa div.c11 {background-image:url(img/lang/pl/t-11.png);}
body#inst #lewa a.c111 {background-image:url(img/lang/pl/t-111-w.png);}
body#inst #lewa a.c112 {background-image:url(img/lang/pl/t-112-w.png);}
body#inst #lewa a.c113 {background-image:url(img/lang/pl/t-113-w.png);}
body#inst #lewa a.c114 {background-image:url(img/lang/pl/t-114-w.png);}
body#inst #lewa a.c115 {background-image:url(img/lang/pl/t-115-w.png);}
body#inst #lewa div.c12 {background-image:url(img/lang/pl/t-12.png);}
body#inst #lewa a.c121 {background-image:url(img/lang/pl/t-121-w.png); padding-bottom:13%;}
body#inst #lewa div.c13 {background-image:url(img/lang/pl/t-13.png);}
body#inst #lewa a.c131 {background-image:url(img/lang/pl/t-131-w.png);}

body#inst #lewa a.c111.active {background-image:url(img/lang/pl/t-111-r.png);}
body#inst #lewa a.c112.active {background-image:url(img/lang/pl/t-112-r.png);}
body#inst #lewa a.c113.active {background-image:url(img/lang/pl/t-113-r.png);}
body#inst #lewa a.c114.active {background-image:url(img/lang/pl/t-114-r.png);}
body#inst #lewa a.c115.active {background-image:url(img/lang/pl/t-115-r.png);}
body#inst #lewa a.c121.active {background-image:url(img/lang/pl/t-121-r.png); padding-bottom:13%;}
body#inst #lewa a.c131.active {background-image:url(img/lang/pl/t-131-r.png);}

body#inst #lewa .opis {
	display:inline-block;
	width:100%;
	height:auto;
	padding-bottom:80%;
	-webkit-background-size:100% auto; /* Saf 3-4 */
	-moz-background-size:100% auto; /* FF 3.6 */
	background-size:100% auto;
	background-image:url(img/lang/pl/text-s3.png);
	}



/* INFO */

body#info {
	background:#000 url(img/lang/pl/impressum.png) 0 0 no-repeat;
	-webkit-background-size:100% auto; /* Saf 3-4 */
	-moz-background-size:100% auto; /* FF 3.6 */
	background-size:100% auto;
	padding-bottom:33%;
	height:auto;
	}
body#info #header {
	visibility:hidden;
	}



/* KONTAKT */

body#kont {color:#888; font-family:arial; font-size:1em;}
body#kont big {font-size:1.5em;}
body#kont table {font-size:1em; width:100%;}
body#kont span {font-size:1.5em; color:#eb3c12;}
body#kont input[type=text], body#kont textarea {width:100%; background:#ccbb9e; padding:0.2em; border:0;}
body#kont .wrong {background:red !important;}
body#kont textarea {width:100%; height:37.1em; border:solid #867c71 .2em;}
body#kont #submit {
	background:url(img/lang/pl/send.png);
	-webkit-background-size:100% 100%; /* Saf 3-4 */
	-moz-background-size:100% 100%; /* FF 3.6 */
	background-size:100% 100%;
	float:right;

	width:10.1em;
	height:2.5em;
	top:-2.8em;
	margin-right:.2em;
	position: relative;
	border:0;
	}



/* RESPONSYWNOŚĆ (1em ~ 16px) */

@media screen and (min-width: 118em)/*, screen and (max-height: 45em)*/ /* ~1900px */ {
/*	#header {
		width:1880px;
	}
	#menu,
	#content {
		width:1710px;
	}
*/
}