html, body
{
width:100%;
color:#404040;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
/*font-family: 'Arial', sans-serif;*/
font-family: 'Open Sans', sans-serif;

box-sizing: border-box;
font-size:14px;
height:100%;
}

*{
box-sizing: border-box;	
}

.cntr
{
max-width:1200px;
margin:auto;	
}

.rmk
{
border: 1px solid #00aaff;
border-radius: 4px 4px 4px 4px;	
}

h1{
margin:0;	
}

input
{
font-size:16px;	
}

button
{
	background-color: #B0E0E6;
    border: 1px solid #00AAFF;
    border-radius: 0px 4px 4px 0px;
    color: #0066BB;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    font-size: 16px;	
}

#div0
{
/*height:auto;
min-height:100%;*/
width:100%;
height:100%;
display:table;

box-sizing: border-box;
background-color: #ffffff;
position:relative;
}

#div1
{
display:table-row;	
box-sizing: border-box;
background-color: #ffffff;
color: #ffffff;
}

#div1_1
{
box-sizing: border-box;
background-color: #0070CC;
/*font-family: 'arial', sans-serif;*/
/*font-weight: bold;*/
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #00aaff;
}

#div1_2
{
box-sizing: border-box;
background-color: #0088FF;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #00aaff;
}

.menu
{
float: left;	
box-sizing: border-box;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #00aaff;
padding-left:4px;
padding-right:4px;
margin-top:15px;
font-size:12px;
}

.a_menu
{
box-sizing: border-box;
color: #ffffff;	
opacity: 0.9;
font-size:14px;
text-decoration: none;
}

.a_menu:hover
{
opacity: 1;
}

#div2
{
display:table-row;
height:100%;
	
width:100%;
box-sizing: border-box;
background-color: #ffffff;
/*padding-bottom:300px;*/
}

#div20{
margin-bottom:40px;	
}

#div2_0
{
box-sizing: border-box;
background-color: #ffffff;
padding:8px;
}

.div2_10{
max-width:400px;	
margin-left:20px;
margin-top:14px;	
}

.div2_11
{	
margin-top:24px;
margin-bottom:44px;
padding-bottom:12px;
/*border-top:1px solid #D0D0D0;*/
}

.div2_1
{
margin-top:20px;
margin-bottom:20px;
/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
/*box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);*/
}

#div2_2
{
float:left;
width:700px;
box-sizing: border-box;
font-size:9px;
padding:4px;
/*border-style: solid;
border-width: 1px;
border-color:#c0c0c0;*/
}
.div2_2_0
{
padding-bottom:4px;
padding-top:8px;
border-bottom:1px solid #e0e0e0;	
}

#div2_3
{
float:left;
width:280px;
box-sizing: border-box;
font-size:9px;
padding:4px;
/*border-style: solid;
border-width: 1px;
border-color:#c0c0c0;*/
}

.div2_3_0
{
padding-bottom:4px;
padding-left: 8px;
border-bottom:1px solid #e0e0e0;	
}

#div2_4
{
}

#div2_kat0/*kategorie*/
{
float: left;
width:300px;
}

#div2_kat/*kategorie*/
{
font-size: 14px;
background-color: #E4E0D8;
padding:4px;
}

#div2_prod
{
width: 900px;
padding:4px;
background-color: #ffffff;
float: left;
}



#div3
{		
display:table-row;
width:100%;
/*background-color:#157eac;*/
background-color:#1c355e;
font-size: 14px;
color:#000000;
/*min-height:140px;*/
/*position:absolute;*/
/*bottom:0;*/
padding-top:20px;
padding-bottom:20px;
/*border-top:1px solid #909090;*/
}

.div3_1{
float:left;	
margin-top:10px;
margin-left:10px;
margin-right:20px;
}

.p1
{
color:#0070CC;
font-size:18px;
}

.p2
{
color:#0070CC;
font-size:16px;
}

.p3
{
color:#0070CC;
font-size:14px;
}

.p4
{
color:#0070CC;
font-size:12px;
}

.p5{
padding:2px;
margin:0;	
/*color:#909090;*/
color:#777777;
}

.p6
{
color:#0070CC;
font-size:14px;
margin-bottom:4px;
}

.p7{
padding:0;
margin:0;	
color:#909090;
}

.p8
{
color:#0070CC;
font-size:16px;
margin-bottom:14px;
}

.p9{
padding:2px;
margin:0;	
color:#ffffff;
}

.sp1{	
color:#909090;
}

a
{
color: #00A0FC;
text-decoration: none;
}

a:hover
{
text-decoration: none;	
}

.a1
{
color:#000000;	
}
.a1:hover
{
text-decoration: underline;	
}

.a2
{
color:#0070CC;	
}
.a2:hover
{
text-decoration: none;	
}

.a3
{
color:#0070CC;	
font-weight: bold;
}
.a3:hover
{
text-decoration: underline;	
}

.a4
{
/*color:#909090;*/	
color:#ffffff;	
}
.a4:hover
{
color:#0070CC;
}

.a5
{
color:#0088FF;	
}
.a5:hover
{
text-decoration: none;
color:#0070CC;
}

.a6
{
color:#0070CC;	
}
.a6:hover
{
text-decoration: underline;	
}

.a7
{
color:#0050aa;	
}
.a7:hover
{
text-decoration: underline;	
}
.a8
{
color:#909090;	
}
.a8:hover
{
color:#656565;
}

.a9
{
/*color:#404040;*/	
color:#777777;	
font-weight:700;
}

ul li
{
list-style: none;
}

table 
{
border-collapse: collapse;
}

#div_szukaj{
	width:500px;
	position:relative;
}


#input_szukaj
{
	width:calc(100% - 46px);
	box-sizing: border-box;
	padding:8px;
	font-size:14px;
	margin-bottom:0;
	background-color:#EAEAFF;
	border: 1px solid #00aaff;
	border-radius: 4px;	
}

#div_inpt_podp
{
	box-sizing: border-box;
	display:none;
	background-color:#EAEAFF;
	border:1px solid #00aaff;
	border-top:none;
	border-radius:4px;
	padding:8px;
	position:absolute;
	z-index:1;
	width:100%;
	max-height:400px;
	overflow:auto;
	color:black;	
}

.info2
{
font-size: 12px;
background-color: #ffffff;	
}

.wlasc_chem td{
	padding:4px;
}

.menu2_0{
	font-size:15px;
	justify-content: space-between;
    display: flex;
	/*background-color: #f9f9f9;*/
	/*background-color: #f5f5f5;*/
	/*background-color:#EAEAFF;*/
	/*border: 1px solid #00aaff;*/

}

.menu2{
    position: relative;	
    display: inline-block;
	padding-top:10px;
	padding-bottom:10px;
	/*border: 1px solid #EAEAFF;*/
	/*border: 1px solid #E6E6FC;*/
	border-top: none;
}


.menu2-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 200px;
    min-height: 200px;
	padding:10px;

}

.menu2-content_2:hover{
	
}

.menu2:hover{
	
}

.menu2.has-submenu:hover .menu2-content {
	display:block;
	top:37px;
	left:0px;
	border: 1px solid #E6E6FC;
	border-top: none;	
/*border: 1px solid #00aaff;
border-top: none;
border-radius: 2px;	*/			
}


.table_param{
/*border:1px solid #b0b0b0;*/
margin-bottom:10px;	
}

#td_caption{
border:1px solid #b0b0b0;
border-bottom:0;
padding:2px;
text-align:left;
color:#ffffff;
background-color:#b0b0b0;
font-weight:bold;
}

.table_param th{
border:0px solid #D0D0D0;
padding:7px;
text-align:left;
}

.table_param td{
border:0px solid #D0D0D0;
padding:7px;
}

.podp{
padding:5px;
font-weight:normal;
font-size:12px;
position:relative;
color:#0000ff;
}

.podp2{
position:absolute;
display:none;
	background-color:#ffffcc;
	color:#000000;
	border:1px solid #d0d0d0;
	padding:2px;
	text-align:left;
	font-weight:normal;
	font-size:11px;
	min-width:150px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}	

.podp:hover .podp2 {
	display:inline;
}

.boxWithText {
	color: black;
	font-size: 14px;
	font-weight: normal;
}

.loader {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #3498db;
  width: 11px;
  height: 11px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#overlay {
				position: fixed;
				display: none; /* Hidden by default */
				width: 100%; /* Full width (cover the whole page) */
				height: 100%; /* Full height (cover the whole page) */
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background-color: rgba(0,0,0,0.3); /* Black background with opacity */
				z-index: 2; /* Specify a stack order in case youre */
}

#bnr_txt{
	color:#ffffff;
	padding:20px;
	width:50%;
}

#film_neg{
	float:left;
	width:300px;
}


@media screen and (max-width:500px) {
	
	#div_szukaj{
		width:100%;
		box-sizing: border-box;
	}
	
	#film_neg{
		width:100%;
	}
}

@media screen and (max-width:800px) {
	
	#div_wyprzedaz{
	display: block;	
	}
	
	#div_aktl{
	display: block;	
	}
	
	.menu2{
		width:100%;
		
	}
	
	.menu2_0{
    display: block;
	text-align:center;
	/*background-color: #f9f9f9;*/
	/*background-color: #f5f5f5;*/
	/*background-color:#EAEAFF;*/
	/*border: 1px solid #00aaff;*/
	}
	
	.menu2-content{
	position:relative;	
	}
	
	.menu2:hover .menu2-content {
	display:none;
	}
	
	.div2_1{
	margin-top:0;	
	margin-bottom:0;	
	}
	
	#div_inpt_podp{
		position:relative;
	}
	
	#bnr_txt{
		width:100%;
	}
	
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width:1200px) {
	
	.cntr
	{
		padding:4px;	
	}	

	#div_aktl{
		width:98vw;
	}
	
	#div_wyprzedaz{
		width:98vw;	
	}
}