body{
	font-family:Calibri;
	margin:auto;
	padding:0;
}
/*Containers */
.container{
	margin:auto;
	padding:0;
	width:1300px;
	height:800px;
}
.container-table{
	margin:auto;
	padding:0;
	width:1300px;
	height:4000px;
}
.container-contact{
	margin:auto;
	padding:0;
	width:1300px;
	height:1200px;
}
.container-tongs{
	margin:auto;
	padding:0;
	width:1300px;
	height:800px;
}
.container-accessories{
	margin:auto;
	padding:0;
	width:1300px;
	height:800px;
}
/*Hiperlacze */
a{
	color:#0e0e0e;
	text-decoration:none;
}
a:hover{
	font-weight:bold;	
}
/*BANNER */
.banner{
	display:block;
	width:96%;
	position:relative;
	margin-top:50px;
	margin-left:40px;
}
/*PASEK NAWIGACYJNY */
.pasek{
	position:fixed;	
	padding:0 ;
	height:35px;
	width:100%;
	top:0px;
	z-index:1;
}
/*PASEK NAWIGACYJNY */
.pasekTlo{
	position:fixed;	
	margin:auto;
	padding:0;
	height:35px;
	width:100%;
	top:0px;
	z-index:1;
	text-align:center;
	background-color:#5f5f5f;
}
.pasek ul{
	position:absolute;
	margin:0 auto;
	padding: 0 auto;
	height:100%;
	width:100%;
	list-style-type:none;
	vertical-align:middle;
	background-color:#5f5f5f;
	overflow:visible;
}
.pasek li >a{
	display:block;
	height:100%;
	width:150px;
	float:left;
	position:relative;
	line-height:30px;
	font-size:20px;
	font-style:normal;
	font-weight:bold;
	background-color:#5f5f5f;
	color:white;
	text-decoration:none;
	text-align:center;
}
.pasek ul > li.contact{
	color:black;
}
.pasek a:hover{
	color:#5f5f5f;
	background-color:white;
	animation: pulse 2s infinite;
}
.menu-button {
	display: none;
}
/*ANIMACJE*/
@keyframes pulse {
  0% {
  background-color: #717171;
  height:100%;
  color:#fbfbfb;
}
  100% {
    background-color: #fbfbfb;
	color:#0e0e0e;
	height:120%;
}
}
/*Opisy - Strona Główna*/
.wprowadzenie{
	width:600px;
	height:550px;
	margin-top:-10px;
	position:relative;
	float:left;
	margin-right:50px;
}
.opis{
	font-size:20px;
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
	margin-top:30px;
	height:39%;
	float:left;
	text-align:left-end;
	background-color:#ffcc00;
	border-radius: 10px;
}
.descMobile{
	display:none;
}
.ticks{
	display:none;
}
.logoMobile{
	display:none;
}
.opis2{
	position:relative;
	float:right;
	width:520px;
	height:425px;
	margin-top:-520px;
	padding-left:20px;
	padding-right:20px;
	border-radius:10px;
	font-family:Calibri;
	font-size:15px;
	background-color:#aaaaaa;
	border-radius: 10px;
}
.opis2 a{
	text-decoration:underline;
}
.new{
	background-color:#ffcc00;
	padding-left:10px;
	border-bottom:1px solid #0e0e0e;
	border-radius:5px;
	
}
/*PIERWSZA LITERA*/
.opis:first-letter{
	float:left;
	padding: 0 5px;
	font-size:350%;
	font-style:bold;
	color:#0e0e0e;
}
/*PASEK DOLNY*/
#fixer{
	position:fixed;
	bottom:0px;
	width:100%;
	height:70px;
	padding:0;
	margin:0;
	background-color:#5f5f5f;
	color:#fbfbfb;
	font-family:Calibri;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	padding-left:28px;
	text-align:center;
	z-index:0;
}
p:last-of-type{
	padding-bottom:200px;
} 
/*IKONY PASKA DOLNEGO*/
.kontakt{
	width:48px;
	height:48px;
	float:left;
	position:absolute;
	left:25px;
	bottom:11px;
}
.kontakt:hover{
	width:55px;
	height:55px;
}
.mail{
	width:60px;
	height:60px;
	float:left;
	position:absolute;
	bottom:7px;
	left:88px;
}
.mail:hover{
	width:65px;
	height:65px;
}
.flagapl{
	width:47px;
	height:47px;
	position:absolute;
	right:170px;
	bottom:10px;
	float:right;
}
.flagapl:hover{
	width:56px;
	height:56px;
}
.flagauk{
	width:50px;
	height:50px;
	position:absolute;
	bottom:9px;
	right:110px;
	float:right;
}
.flagauk:hover{
	width:58px;
	height:58px;
}
.facebook{
	width:48px;
	height:48px;
	z-index:1;
	position:absolute;
	right:44px;
	bottom:11px;
}
.facebook:hover{
	width:56px;
	height:56px;
}
.napis{
	margin-right:80px;
	line-height:18.4px;
}
/*UKŁAD STRON PRODUKTÓW*/
.layout {
	width:1200px;
	height:700px;
	position:relative;
	margin:0 auto;
}
.layout-small {
	width:1200px;
	height:600px;
	position:relative;
	margin:0 auto;
}
.layout-tongs{
	width:1200px;
	height:700px;
	position:relative;
	margin:0 auto;
}
.layoutTitle {
	background-color:#ffcc00;
	color:#0e0e0e;
	padding-bottom:4px;
	padding-left:20px;
	font-weight:bold;
	font-size:28px;
	font-style:italic;
	border-bottom:1px solid #FF0000;
	border-radius:10px;
}
.layout a > img:hover{
	border-bottom:1px solid #0e0e0e;
}
.pdf{
	display:inline;
	width:60px;
	height:60px;
}
.descPDF{
	font-size:22px;
	font-weight:bold;
	padding-left:55px;
	font-style:italic;
	color:#0e0e0e;
	padding-bottom:5px;
	margin-bottom:10px;
	margin-top:20px;
}
.layout1 {
	width:1200px;
	height:900px;
	position:relative;
	margin:0 auto;
}
.layout2 {
	width:1200px;
	height:800px;
	position:relative;
	margin:0 auto;
}
/*TRAWERSY*/
.tImg{
	margin-left:55px;
	padding-bottom:20px;
	width:320px;
	height:455px;
}	
/*ZAWIESIA*/
.zImg{
	width:320px;
	height:455px;
	margin-left:55px;
	padding-bottom:20px;
}
#zawPDF{
	font-size:22px;
	font-weight:bold;
	padding-left:55px;
	font-style:italic;
	color:#0e0e0e;
	padding-bottom:5px;
	margin-bottom:90px;
	margin-top:100px;
}
.info{
display:none;
}	
.dor {
	color:#fbfbfb;
	background-color:#969696;
	text-decoration:none;
	font-size:22px;
	font-weight:bold;
	position:absolute;
	top:600px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
#tablin{
	margin-left:90px;
	margin-top:-20px;
}
#tablan{
	margin-left:450px;
	margin-top:-20px;
}
#tabpas{
	margin-left:840px;
	margin-top:-20px;
}
#tablin1{
	margin-left:110px;
	margin-top:-20px;
}
#tablan1{
	margin-left:475px;
	margin-top:-20px;
}
#tabpas1{
	margin-left:835px;
	margin-top:-20px;
}
#dor div > a:hover{
	color:#f9f9f9;
}
/*UCHWYTY*/
#z1u{
	margin-left:250px;
	padding-bottom:20px;
}	
#z2u{
	margin-left:55px;
	padding-bottom:20px;
}
.layout-tongs a > img:hover{
	border-bottom:1px solid black;
}
/*AKCESORIA*//*C-HAKI*/

.aImg{
	margin-left:435px;
	padding-bottom:20px;
}
/*TABELE DOR*/
table{
	font-family:Calibri;
	font-style:bold;
	text-align:center;
	vertical-align:middle;
}
table > caption{
	font-style:italic;
	font-weight:bold;
}
#tabledesc{
	color:white;
	background-color:#990000;
	position:absolute;
	top:330px;
	left:235px;
	padding-left:5px;
	padding-right:5px;
}
/*TABELA LINOWE 1-CIEGNOWE*/
.linjedn{
	position:relative;
	float:right;
	width:80%;
}
.linjedn >td{
	color:#cbcbcb;
}
.lin1{
	margin-top:100px;
	width:150px;
	height:418px;
	float:left;
	margin-left:30px;
}
/*TABELA LINOWE WIELOCIEGNOWE*/
.linwiel{
	position:relative;
	float:right;
	width:80%;
	margin-top:50px;
}
.lin2{
	position:relative;
	float:left;
	width:200px;
	height:242px;
	margin-top:350px;
	margin-left:20px;
}
/*TABELA LAŃCUCHOWE 1-CIEGNOWE*/
.lanjedn{
	position:relative;
	width:80%;
	float:right;
	margin-top:50px;
}
.lan1{
	position:relative;
	float:left;
	margin-top:320px;
	margin-left:80px;
}
/*TABELA LAŃCUCHOWE WIELOCIEGNOWE*/	
.lanwiel{
	position:relative;
	width:80%;
	float:right;
	margin-top:50px;
}
.lan2{
	position:relative;
	float:left;
	margin-top:280px;
	margin-left:30px;
}
/*TABELA PASOWE 1-CIĘGNOWE */
.zppjedn{
	position:relative;
	width:80%;
	float:right;
	margin-top:50px;
}
.zpp1{
	position:relative;
	float:left;
	margin-left:50px;
	margin-top:250px;
	width:75px;
	height:421px;
}
/*TABELA PASOWE WIELOCIĘGNOWE */
.zppwiel{
	position:relative;
	float:right;
	margin-top:50px;
	margin-bottom:100px;
	width:80%;
	z-index:0;
}
.zppw{
	position:relative;
	float:left;
	margin-top:220px;
	margin-left:30px;
}
/*DANE KONTAKTOWE - STRONA KONTAKT */
.danekontakt{
	width:300px;
	height:150px;
	position:relative;
	float:left;
	font-size:20px;
	margin-left:15px;
}
.danekontakt1{
	position:relative;
	float:left;
	display:block;
	width:300px;
	height:300px;
	font-size:20px;
}
.mail1{
	width:150px;
	margin-top:45px;
	margin-right:200px;
	margin-bottom:30px;
	float:left;
	position:relative;
}
/*JAVASCRIPT - GODZINY OTWARCIA */
#stan{
	position:relative;
	float:left;
	margin-top:11%;
}
#stan1{
	position:relative;
	float:left;
	margin-top:11%;
}
/*MAPA -STRONA KONTAKT */
#mapa{
	display:block;
	position:relative;
	float:left;
	margin-right:20px;
	margin-bottom:100px;
	padding:10 10 10 10px;
	border:1px solid #8d8d8d;
	border-radius:10px;
}
#mapa1{
display:none;
}
/*FORMULARZE - STRONA KONTAKT*/
.formularz{
	position:relative;
	float:left;
	width:510px;
	height:777px;
	margin-top:-305px;
	margin-left:48px;
	margin-right:0px;
	margin-bottom:100px;
	font-size:16px;
	background-color:#d2d2d2;
	border-radius:15px;
} 
.formularz > h2{
	text-align:center;
	color:#0e0e0e;
	font-family:Calibri;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border-bottom:1px solid #0e0e0e;
}
.formularz form > div{
margin-bottom:1em;
margin-left:1em;
}
.formularz div > input{
	float:right;
	margin-right:40px;
	color:#23238E;
}
.formularz div > label{
	font-style:italic;
	text-align:right;
}
#sendBtn{
	text-align:center;
	font-size:20px;
	padding:5 10 5 10px;
	width:300px;
	margin-left:80px;
	border-radius:10px;
}
#send-form_status{
	font-weight:bold;
	border:1px solid #0e0e0e;
	text-align:center;
	position:relative;
	height:20px;
}
.status_err{
	color: #FF0000;
	position:relative;
	float:left;
	text-align:center;
	width:93%;
}
.status_ok{
	color:#238E23;
	position:relative;
	float:left;
	text-align:center;
	width:93%;
}
#sendBtn:hover{
	color:#f9f9f9;
    background-color:#FF0000;
}
#message{
	margin-left:18px;	
}
.charactersLeft{
	text-decoration:underline;
}
#cookie{
	display:block;
	width:100%;
	height:90px;
	font-size:100%;
	position:fixed;
	bottom:0px;
	background-color:#aaaaaa;
	margin: auto;
	padding:0;
	text-align:center;
	float:left;
	z-index:3;
}
#cookie > h3{
	background-color:#ffcc00;
	border-bottom:1px solid #FF0000;
    margin-top:0;
}
#cookie > p{
	position:relative;
	width:700px;
	height:20px;
	margin-top:-18px;
    margin-left:auto;
	margin-right:auto;
	justify-content:center;
}
#cookie p > a{
	text-decoration:underline;
}
#cookie-button{
    width:150px;
	background-color:#ffcc00;
	border:1px solid #ffcc00;
	border-radius:10px;
	border:1px solid #0e0e0e;
}

/*WERSJA MOBILNA*/	   
@media all and (max-width:767px){
/*STRONA GŁOWNA*/
	.container{
	width:100%;
	height:120%;
	}		
	.container-table{
	width:80%;
	}
	.container-contact{
	width:100%;
	height:140%;
	}
	.container-tongs{
	width:100%;
	height:105%;
	}
	.container-accessories{
	width:100%;
	height:50%;
	}
	/*PASEK NAWIGACYJNY*/
	.menu-button {
	display:block;
	position:fixed;
	left:7px;
	top:8px;
	z-index:2;
	border:1px solid white;
	background-color:black;
	color:#f9f9f9;
	width:23%;
	}		
	.pasek {
	list-style: none; 
	float: left; 
	width: 100%;
	}
	.pasek li {
	float: left; 
	display: block; 
	padding: 0 1%;
	}
	.pasek li a {
	text-decoration: none; 
	color: white;
	width: 300px;
	font-size:100%;
	text-align:left;
	padding-left:60px;
	margin-left:13%;
	z-index:0;
	border-bottom:1px solid #f9f9f9;
	}
	.pasek li.tables{
		display:none;
	}
	.pasek li.contact > a{
	color:#ffff33;
	font-size:large;
	}
	/*STRONA GŁÓWNA*/
	.layout-small{
	width:100%;
	height:95%;
	font-size:75%;
	margin:0 auto;
	}
	.wprowadzenie{
	 width:94%; 
	 height:105%;
	 margin-left:auto;
	 margin-right:auto;
	 border-radius:8px;
	 float:none;
	}
	.opis{
	display:none;
	}
	.descMobile{
	text-align:center;
	display:block;
	width:100%;
	margin-top:3%;
	}
	#desc1{
	width:100%;
	font-size:135%;
	font-style:italic;
	border-radius:8px;
	}
	.ticks{
	text-align:left;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
	font-size:135%;
	display:block;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	}
	.heading{
	margin-left:auto;
	margin-right:auto;
	background-color:#ffcc00;
	padding-left:10px;
	padding-right:10px;
	border-radius:8px;
	font-size:140%;
	border:2px solid #0e0e0e;
	width:85%;
	}
	.logoMobile{
	display:block;
	width:100px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-30px;
	position:relative;
	}
	.opis2{
	display:none;
	} 
	/*BANNER*/
	.banner{
	 display:block; 
	 width:100%;
	 margin-left:0px;
	}
	/*IKONY PASKA DOLNEGO*/
	.napis{ 
	 display:none;
	}
	.kontakt{
	 left:2%;
	}
	.mail{
	 left:20%;
	}
	 .flagapl{
	 right:45%;
	}
	.flagauk{
	 right:27%;
	}
	.facebook{
	 right:10%;
	}
	 /*TRAWERSY*/
	.layoutTitle{
	 font-size:90%;
	 width:90%;
	 margin-left:auto;
	 margin-right:auto;
	}
	.layout{
	 width:100%;
	 height:140%;
	font-size:80%;
	margin:0 auto;
	}
	.descPDF{
	position:fixed;
	left:30px;
	top:150px;
	width:80px;
	height:60px;
	font-size:80%;
	border-right:1px solid #0e0e0e;
	padding: 15 5 10 5px;	
	margin-top:0px;
	} 
	.tImg{
	width:40%;
	height:auto;
	position:relative;
	float:right;
	margin-right:20%;
	}
	/*ZAWIESIA*/
	.pdf {
	 display:none;
	 }
	.zImg{
	width:40%;
	height:auto;
	position:relative;
	float:right;
	margin-right:20%;
	}
	#zawPDF{
	position:fixed;
	left:30px;
	top:150px;
	width:80px;
	height:210px;
	font-size:80%;
	border-right:1px solid #0e0e0e;
	padding: 15 5 10 5px;	
	margin-top:0px;
	}
	#tablin{
	display:none;
	}
	#tablan{
	display:none;
	}
	#tabpas{
	display:none;
	}
	#tablin1{
	display:none;
	}
	#tablan1{
	display:none;
	}
	#tabpas1{
	display:none;
	}
	/*UCHWYTY*/
	.layout-tongs{
	width:100%;
	font-size:80%;
	height:100%;
	}
	#z1u{
	width:40%;
	height:auto;
	position:relative;
	float:right;
	margin-right:20%;
	}
	 #z2u{
	width:40%;
	height:auto;
	position:relative;
	float:right;
	margin-right:20%;
	}
	/*AKCESORIA*/
	.aImg{
	width:50%;
	height:auto;
	position:relative;
	float:right;
	margin-right:10%; 
	margin-top:7%;	 
	}
	/*KONTAKT*/
	.formularz{
		 display:none;
	 }
	.danekontakt{
	width:70%;
	height:20%;
	margin-left:25%;
	font-size:95%; 
	}
	#stan{
	margin-top:5%;
	margin-bottom:2%;
	}
	#stan1{
	margin-top:5%;
	margin-bottom:2%;
	}	 
	.danekontakt1{
	width:70%;
	height:18%;
	margin-top:15%;
	margin-left:25%;
	margin-bottom:2%;
	font-size:95%;
	}
	.mail1{
	margin-top:15%;
	 } 
	#mapa{
	display:none;
	}
	#mapa1{
	display:block;
	margin-top:15%;
	float:right;
	margin-right:11%;
	margin-bottom:15%;
	border:1px solid black;
	position:relative;
	}
	/*TABELE DOR*/
	.lin1{
	display:none;
	}
	.linjedn{
	display:none;
	}
	.lin2{
	display:none;
	}
	.linwiel{
	display:none;
	}
	.lan1{
	display:none;
	}	 
	.lanjedn{
	display:none;
	}
	.lan2{
	display:none;
	}
	.lanwiel{
	display:none;
	}
	.zpp1{
	display:none;
	}
	.zppjedn{
	display:none;
	}
	.zppw{
	display:none;
	}
	.zppwiel{
	display:none;
	}
	 /*COOKIES*/
	.layout1{
	width:100%;
	height:175%;
	font-size:80%;
	position:relative;
	float:left;
	margin-left:0%;
	left:0px;
	}
	.layout2{
	width:100%;
	height:230%;
	font-size:80%;
	position:relative;
	float:left;
	margin-left:0%;
	left:0px;}
	/*OSTRZEŻENIE O PLIKACH COOKIES*/
	#cookie{
	height:15%;
	width:auto;
	font-size:100%;
	margin-top:-7%;
	}
	#cookie > p{
	margin-top:-7px;
	font-size:60%;
	width:80%;
	height:20%;
	}
	}