/*body { background: RGB(51, 51, 51); margin: 0; padding:0; font-size:20px; color:RGB(255, 254, 247); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }*/
body { background: white; margin: 0; padding:0; font-size:16px; }
/*#top{  min-height:30px; top:0; z-index:2; border-bottom-width: 1px; border-bottom-style:solid; border-bottom-color: white; width: 100%; margin:0px; padding:10px 0; background: RGB(86, 86, 86) ; transition: 300ms ease-in-out;}*/
.top{  min-height:30px; top:0; z-index:2000; border-bottom-width: 1px; border-bottom-style:solid; border-bottom-color: white; width: 100%; margin:0px; padding:30px 0;  transition: 300ms ease-in-out;}
.top2{  font-size: 10px; min-height:30px; top:0; z-index:2000; border-bottom-width: 1px; border-bottom-style:solid; border-bottom-color: silver; width: 100%; margin:0px; padding:3px 0;  background: rgba(0, 0, 0, 0.7); transition: 300ms ease-in-out;}
.top_smart{  font-size: 10px; min-height:30px; top:0; z-index:2000; border-bottom-width: 1px; border-bottom-style:solid; border-bottom-color: silver; width: 100%; margin:0px; padding:3px 0;  background: rgba(0, 0, 0, 0.7); transition: 300ms ease-in-out;}
.displaynone{  margin-top:-20px; opacity: 0; transition: 500ms ease-in-out; }
.displayok{  margin-top:0px; opacity: 100; transition: 500ms ease-in-out; }
.oferta_tlo {
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:-1; position:absolute;
	background-image: url("/strona/img/monitoring.jpg"); /* The image used */  
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	/*background-size: cover; /* Resize the background image to cover the entire container */
	background-size: auto;
	transition: 1000ms ease-in-out;
}
.oferta_tlo_monitoring {
	top: 0px;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index:-1; position:absolute;
	background-image: url("/strona/img/monitoring.jpg"); /* The image used */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	/*background-size: cover; /* Resize the background image to cover the entire container */
	transition: 1000ms ease-in-out;
}
.oferta_tlo_wideodomofon {
	top: 0px;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index:-1; position:absolute;
	background-image: url("/strona/img/wideodomofon.jpg"); /* The image used */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	/*background-size: cover; /* Resize the background image to cover the entire container */
	transition: 1000ms ease-in-out;
}
.oferta_tlo_alarm {
	top: 0px;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index:-1; position:absolute;
	background-image: url("/strona/img/alarmy.jpg"); /* The image used */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	/*background-size: cover; /* Resize the background image to cover the entire container */
	transition: 1000ms ease-in-out;
}
.oferta_tlo_smart {
	top: 0px;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index:-1; position:absolute;
	background-image: url("/strona/img/smarthome.jpg"); /* The image used */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	/*background-size: cover; /* Resize the background image to cover the entire container */
	transition: 1000ms ease-in-out;
}
.oferta_tlo_czytnik {
	top: 0px;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index:-1; position:absolute;
	background-image: url("/strona/img/czytniki.jpg"); /* The image used */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	/*background-size: cover; /* Resize the background image to cover the entire container */
	transition: 1000ms ease-in-out;
}
.oferta_tlo_soft {
	top: 0px;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index:-1; position:absolute;
	background-image: url("/strona/img/programowanie.jpg"); /* The image used */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	/*background-size: cover; /* Resize the background image to cover the entire container */
	transition: 1000ms ease-in-out;
}

.paseknadole { color: white; z-index:5; border-top-width: 1px; border-top-style:solid; border-top-color: white; padding: 5px;  width:100%; background: RGB(86, 86, 86); position:fixed; bottom: 0; text-align:center; font-size:15px;}
a {color:RGB(255, 254, 247); text-decoration: none;}
a:hover {text-decoration: underline;}
.linia{width: 95%; margin: auto;height: 1px; background: white;}
/*.img{border: 1px solid silver; padding: 2px;}*/
.white{ text-align: center; padding: 10px 0px; width: 95%; margin: auto; background:white; z-index:-1; color: black;  
	border: 1px solid black;
	border-radius: 10px 10px 10px 10px;
}

.tloprg{
	text-align: center; padding: 10px 0px; width: 100%; background:#f6f6f6; z-index:-1; color: black;  	
}

.close {  color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; margin-right: 20px;}
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
#okno2{
	width:100%; height: 100%;  background: rgba(0, 0, 0, 0.7); z-index:3000; position:fixed; display:none;
}
#okno2_div{	
	background:white;
	margin: 2% 5%;
	width: 90%;
	height: 90%;
	min-width: 300px;
	border: 1px solid #888;
	overflow: auto;
	z-index:3000;
}

@font-face {
   font-family: BebasNeuewebfont ;
   src: url('/strona/font/Comfortaa Thin.ttf');
}
@font-face {
   font-family: RacingSansOne ;   
   src: url('/czcionka.woff2');
    font-style: normal;
	font-weight: 400;
}

.toptitle{
	border-bottom-width: 1px; border-bottom-style:solid; border-bottom-color: black;	
	width: 100%; min-height: 40px; left: 0; top: 0; 
	background: white;
	color:black;
	padding-bottom:10px;
}
.border-niebieski {
	
	/*text-shadow: -1px -1px 0 RGB(1, 192, 254);
}

.szczegoly{ width: 100%; background: blue; color: white; border-bottom-width: 1px; border-bottom-style:solid; border-bottom-color: white; margin:0px; /*padding:10px 0;*/ background: RGB(86, 86, 86) ;
	/*border: 1px solid rgba(0,0,0,0.5);*/  
	/*border-radius: 3px;*/
}
.tabletitle {	
	/*border-radius: 8px 8px 0px 0px;*/
	border-bottom-width: 1px; border-bottom-style:solid; border-bottom-color: black;	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100;Wax+3D+%233 */
background: #fcfff4; /* Old browsers */
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */

}
.tableszukaj {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.pasek{
	width: 95%; 
	background:white; margin-top: 20px; padding: 15 25px;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.szklo2 {     
font-family: BebasNeuewebfont, tahoma, Arial, Helvetica, sans-serif;
   border: 1px solid rgba(0,0,0,0.5);  
   border-radius: 10px 10px 10px 10px;
   background: rgba(0,0,0,0.25);
   box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   
   overflow: hidden;
	padding: 10px 5px;
	margin: 2px;
	text-align: center;	
}
.szklo {   
opacity: 1;
transition: 600ms ease-in-out; 
font-family: BebasNeuewebfont, tahoma, Arial, Helvetica, sans-serif;
   border: 1px solid rgba(0,0,0,0.5);  
   border-radius: 10px 10px 10px 10px;
   background: rgba(0,0,0,0.25);
   box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   
   overflow: hidden;
	padding: 10px 5px;
	margin: 2px;
	text-align: center;	
}
.oboksiebie_pionowo{  
	display:flex;
	flex-flow: row wrap;
	justify-content: center; /* Wyrównujemy wszystkie elementy, które są w śrdoku diva do środka :) [Poziomo] */
	align-items: center;  /*// Wyrównujemy wszystkie elementy, które są w śrdoku diva do środka :)[Pionowo] */	
	/*padding: 5% 0px; */
	padding: 0px; 
	/*align-self: flex-start; *//* wyrównanie do góry */
	/*justify-content: space-around;*/
	/*display:flex; (jedno pod drugim)*/
	/*display:inline-flex; (w 1 lini)*/
	/*	
    row - wartość domyślna; elementy wyświetlane od lewej w kolejności takiej jak podana w pliku HTML
    row-reverse - elementy wyrównane do prawej i w odwrotnej kolejności
    column - elementy wyświetlane od góry do doły, w podanej w HTML kolejności
    column-reverse - elementy wyrównane do dołu, w odwrotnej kolejności
    wrap - jeśli brak miejsca, nie mieszczące się w linii elementy przenoszone są kolejnej linii
    nowrap - w tym przypadku nie ma przenoszenia do nowej linii
    wrap-reverse - przenoszenie do nowej linii, a do tego odwrócona kolejność
	align-self:center;
	*/
	
}
.oboksiebie{  
	display: inline-flex;	
    display:-webkit-flex;
	display: -ms-flexbox;
	flex-flow: row wrap;
	justify-content: center; /* Wyrównujemy wszystkie elementy, które są w śrdoku diva do środka :) [Poziomo] */
	align-items: center;  /*// Wyrównujemy wszystkie elementy, które są w śrdoku diva do środka :)[Pionowo] */	
	/*padding: 5% 0px; */
	padding: 0px; 
	/*align-self: flex-start; *//* wyrównanie do góry */
	/*justify-content: space-around;*/
	/*display:flex; (jedno pod drugim)*/
	/*display:inline-flex; (w 1 lini)*/
	/*	
    row - wartość domyślna; elementy wyświetlane od lewej w kolejności takiej jak podana w pliku HTML
    row-reverse - elementy wyrównane do prawej i w odwrotnej kolejności
    column - elementy wyświetlane od góry do doły, w podanej w HTML kolejności
    column-reverse - elementy wyrównane do dołu, w odwrotnej kolejności
    wrap - jeśli brak miejsca, nie mieszczące się w linii elementy przenoszone są kolejnej linii
    nowrap - w tym przypadku nie ma przenoszenia do nowej linii
    wrap-reverse - przenoszenie do nowej linii, a do tego odwrócona kolejność
	align-self:center;
	*/
	
}


td{padding: 2px 5px;}
.tr1{background-color: white; color: black;}
.tr2{background-color: #EEEEEE; color: black;}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#input-toggle { opacity:0; position: absolute; top:0; left:0; }
.menu_android { 
	display:none; 
	width:44px; 
	height:33px; 
	margin:2px; 
	text-align:center; 
	border-radius:4px; 
	border:1px solid #404040; 
	background-image: linear-gradient(to bottom, #000, #111);
	background-repeat: repeat-x; 
	color:#FFFFFF; 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
	padding-top:10px; 
	position:absolute; 
	top:2px; right:2px; 
	cursor:pointer; 
}
.menu_android span { 
	background-color: #F5F5F5; 
	border-radius: 1px 1px 1px 1px; 
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 
	display:block; 
	height:2px; 
	width:18px; 
	margin:4px auto; 
}
nav ul {
	list-style:none; 
	padding:0; 
	margin:0; 		
	font-size:0;
	display: block;	
}
nav ul li {
	display: inline-block;	
	text-align: center;
}	

.button_menu_male, .button_menu_male:hover {
	font:bold 16px/30px 'Open Sans', sans-serif;
	transition: 100ms ease-in-out;	
	color:white;	
	text-decoration: none;		
	border: 1px solid white;
	background: none;
	margin: 2px 2px 0px 2px;
}
.button_menu, .button_menu:hover {
	/transition: 100ms ease-in-out;	
	color:white;	
	text-decoration: none;		
	border: 1px solid white;
	background: none;
	margin: 6px 6px 0px 6px;
}

nav ul li a, .dropbtn {
	
	text-shadow: none;
	text-align: center;
	min-width: 80px;
	font:bold 14px/30px 'Open Sans', sans-serif;
	color:#777777;
	
	/*height:40px;*/
	display: inline-block;	
	text-decoration: none;		
	border: 1px solid silver;
	padding: 0px 10px;
	border-radius: 3px ;
	margin: 2px 2px 0px 2px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5e5e5e+0,000000+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}
nav ul li a:hover, nav ul li a:active, nav ul li a:focus, .dropbtn:hover, .dropbtn:active, .dropbtn:focus {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e7e8+0,e5ebee+50,d7dee3+51,dedfe0+99,eaebed+100 */
background: #e5e7e8; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e7e8 0%, #e5ebee 50%, #d7dee3 51%, #dedfe0 99%, #eaebed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e5e7e8 0%,#e5ebee 50%,#d7dee3 51%,#dedfe0 99%,#eaebed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e5e7e8 0%,#e5ebee 50%,#d7dee3 51%,#dedfe0 99%,#eaebed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e7e8', endColorstr='#eaebed',GradientType=0 ); /* IE6-9 */

}
.maly{min-width: 50px;  padding: 0px 10px; margin: 2px 2px; height: 20px; font:bold 10px/20px 'Open Sans', sans-serif;}



#tytmenu2 {display:none; transform: rotate(-90deg); float: right; margin-right: -37px; margin-top: 150px; height: 20px;}
/*#produkty {margin-left: 200px; width: calc(100% - 200px); padding: 10px; max-width: 1600px;}*/
@media screen and (max-width:1300px) {
	#top{background:black; background: rgba(0, 0, 0, 0.9); 
	
	}
	#menuodstep{height:50px;}
	#tytmenu2 {display:block;}
	/*#produkty {margin-left: 20px; width: calc(100% - 40px); }*/
	#menu2 {
   left: -180px;
    transition: left 0.5s ease-out 0s;
	} 
	#menu2:hover {
		left: 0px;
	}
	
	.menu_android { display:block;	}
	nav ul {
		overflow: hidden;
		max-height:0;
		transition:max-height 0.35s ease 0s; -webkit-transition:max-height 0.35s ease 0s; -moz-transition:max-height 0.35s ease 0s;
	}
	nav #input-toggle:checked + ul {
		max-height:500px;
	}
	nav ul li {
		border:0;
		width:100%;
		max-width: 100%;
		min-width:0;
		/*border-bottom:1px solid #333;		*/
	}
	nav ul li a {
		display: block;
		text-align: center;	
	}
}

#dokument_nabywca {
	width: 50%; min-width: 300px; background:white; color:black; float: left; margin: auto; border: 1px solid black; font-family:verdana; font-size: 10pt;
}
#dokument_szczegoly {
	width: 50%; min-width: 300px; background:white; color:black; float: left; margin: auto; border: 1px solid black; font-family:verdana; font-size: 10pt;
}
/*
.pozycje_wartosc {max-width:120px;}
.pozycje_netto {max-width:120px;}
.pozycje_brutto {max-width:120px;}
.pozycje_ilosc {max-width:30px;}
.pozycje_vat {max-width:40px; }
.pozycje_kod {max-width:70px; }
.pozycje_symbol { max-width:70px; }
.pozycje_miara { max-width:70px;}
.pozycje_nazwa {}
*/
/*.pozycje_input_brutto, .pozycje_input_netto, .pozycje_input_ilosc, .pozycje_input_vat, .pozycje_input_kod, .pozycje_input_symbol, .pozycje_input_miara, .pozycje_input_nazwa {width: 95%;}*/
.pozycje_input_netto { min-width: 80px; }
.pozycje_input_brutto { min-width: 80px; }
.pozycje_input_ilosc { min-width: 50px;}
.pozycje_input_vat {min-width: 25px; }
.pozycje_input_kod { min-width: 50px; }
.pozycje_input_symbol { min-width: 50px; }
.pozycje_input_miara { min-width: 30px; }
.pozycje_input_nazwa { min-width:400px; width: 95%; text-align: left; }
		


#monitoring { font-size: 82px; }
#wideodomofon1, #wideodomofon2, #wideodomofon3, #wideodomofon4 { font-size:40px; }
#alarm { font-size:62px; }
#smart { font-size:62px; }
#czytnik { font-size:62px; }
#soft { font-size:62px; }
#monitoring2, #wideodomofon5, #alarm2, #smart2, #czytnik2, #soft2 { font-size:22px; }
	
/*dla telefonu fv*/
@media screen and (max-width:1000px) {
	#produkt_img {width: 100%; max-width:300px;}
	#dokument_nabywca {width: 100%; max-width:1000px;}
	#dokument_szczegoly {width: 100%; max-width:1000px;}
	
	#okno2_div {width: 100%; height:100%; margin: 0;}
	.pozycje_lp{display:none;}
	.pozycje_wartosc{display:none;}	
	.pozycje_netto {max-width:50px;}
	.pozycje_brutto {max-width:50px;}
	.pozycje_ilosc {max-width:40px;}
	.pozycje_vat {max-width:35px; }
	.pozycje_kod {max-width:70px; }
	.pozycje_symbol { max-width:60px; }
	.pozycje_miara { max-width:35px;}
	.pozycje_nazwa {}

	.pozycje_input_netto, .pozycje_input_brutto, .pozycje_input_ilosc, .pozycje_input_vat, .pozycje_input_kod, .pozycje_input_symbol, .pozycje_input_miara, .pozycje_input_nazwa {font-size: 14px;}
	.pozycje_input_netto { min-width: 30px; }
	.pozycje_input_brutto { min-width: 30px; }
	.pozycje_input_ilosc { min-width: 20px; }
	.pozycje_input_vat { min-width: 15px; }
	.pozycje_input_kod { min-width: 50px; }
	.pozycje_input_symbol { min-width: 40px; }
	.pozycje_input_miara { min-width: 15px; }
	.pozycje_input_nazwa { min-width:100px; width: 95%; text-align: left; }
	
	
	#monitoring { font-size:24px; }
	#wideodomofon1, #wideodomofon2, #wideodomofon3, #wideodomofon4 { font-size:16px; }
	#alarm { font-size:24px; }
	#smart { font-size:24px; }
	#czytnik { font-size:24px; }
	#soft { font-size:24px; }
	#monitoring2, #wideodomofon5, #alarm2, #smart2, #czytnik2, #soft2 { font-size:14px; }
}


.dropdown {
	position: relative;	
	display: inline-block;
	font-size:16px;	
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 250px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	font-size:16px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;	
}

.dropdown a:hover {background-color: #f1f1f1}
.show {display:block;}
/* style od slidera */
.mySlides {display:none}
.w3-left, .w3-right, .w3-badge 	{cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
 .li {list-style-type: none;}
 

h2 {font-size:25px;padding:0px; margin:0px; text-align:center; }
h1 {font-size:32px;padding:0px; margin:0px;text-align:center;
color:white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

}
h3 {font-size:15px;padding:0px; margin:0px; font-weight: normal;}


/* style od fv */

/* koniec style od fv */


/* style od sklepu */

 

 .menu2on, .menu2off {color: black; padding: 10px; margin:3px 0;}
 .menu2on {font-weight:bold; border-left-width: 2px; border-left-style:solid; border-left-color: orange;}
 .menu2off {border-left-width: 2px; border-left-style:solid; border-left-color: blue;}
  .menu2off:hover {border-left-color: orange;} 
  
  .submenu2on, .submenu2off {color: black; padding: 10px; margin:3px 5px;}
 .submenu2on {font-weight:bold; border-left-width: 2px; border-left-style:solid; border-left-color: orange;}
 .submenu2off {border-left-width: 2px; border-left-style:solid; border-left-color: blue;}
  .submenu2off:hover {border-left-color: orange;}
  
   .submenu3on, .submenu3off {color: black; padding: 10px; margin:3px 10px;}
 .submenu3on {font-weight:bold; border-left-width: 2px; border-left-style:solid; border-left-color: orange;}
 .submenu3off {border-left-width: 2px; border-left-style:solid; border-left-color: blue;}
  .submenu3off:hover {border-left-color: orange;}
  
 .parmok {font-size: 14px; padding-left:10px; color:white;}
 .parmlip {font-size: 14px; padding-left:10px; color:silver;}
 
 .bon {	 width: 70px; height: 70px; }
 .boff { width: 70px; height: 70px; }
 
 .bmenu {
	border: 1px solid #333333;
	background-color: black; 
	border-radius: 5px; 
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 
	height:42px; 
	width:42px; 
 }
 
 
 
.red, .red:hover {
   background: #cf0404;
	background: -moz-linear-gradient(top, #cf0404, #ff3019); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cf0404, #ff3019); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cf0404, #ff3019); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		
}
.green, .green:hover {
   background: green;
	/* background: -moz-linear-gradient(top, #cf0404, #ff3019); /* FF3.6-15 */
	/* background: -webkit-linear-gradient(top, #cf0404, #ff3019); /* Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(to bottom, #cf0404, #ff3019); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	



background: rgba(164,179,87,1);
background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(164,179,87,1)), color-stop(100%, rgba(117,137,12,1)));
background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
background: -o-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
background: -ms-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
background: linear-gradient(to bottom, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=0 );

		
}
.orange, .orange:hover {
   background: orange;
	/* background: -moz-linear-gradient(top, #cf0404, #ff3019); /* FF3.6-15 */
	/* background: -webkit-linear-gradient(top, #cf0404, #ff3019); /* Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(to bottom, #cf0404, #ff3019); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
background: rgba(255,175,75,1);
background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -o-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: linear-gradient(to bottom, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=0 );
	
}



::-webkit-scrollbar { /*– ogólny wygląd suwaka (np: width, height),*/
width: 40px;
}
::-webkit-scrollbar-track { /* pasek postępu, */
border-left: 1px solid #000;
}
::-webkit-scrollbar-thumb { /*  – uchwyt (belka) przewijania, */
background: black;
    -webkit-box-shadow: inset 0 0 6px black;
}
::-webkit-scrollbar-thumb:hover {
background: black;
    -webkit-box-shadow: inset 0 0 6px black;
}
::-webkit-scrollbar-thumb:window-inactive {
background: black;
}