div.container 
{
	width: 1220px;
	min-height: 100vh;
}

div.lang 
{
	width: 100%;
	height: 23px;

}

div.logo 
{
	width: 180px;
	height: 150px;
}

footer 
{
	width: 100%;
	height: 25px;
}

nav 
{
	width: 1220px;	
	width: 100%;	 
	height: 51px;
	z-index: 99999;

}

.nav2
{
	width: 100%; 
	height: 51px;	
	display: inline; 
	position: relative; 
	float: left; 
	background-color: #FFFFFF;	
	margin-bottom: 5px;
}

.ms_lang 
{
	position: relative; 
	display: inline; 
	float: right; 
}

.ms
{
	height: 30px; 
	margin: 0 0 5px 0;
}

.ms_top
{
	margin-top: 10px;
}

.lang
{
	display: block; 
	float: right; 
	margin-top: -10px; 
	background-color: transparent;
}

main 
{
	width: 1200px;
	z-index: 9999;
	min-height: 650px;
}

article 
{
	width: 1200px;
	z-index: 9999;	
}

.cookieBar 
{
	height: 75px;
	width: 1200px;
	position: fixed:
	bottom: 0;
}

.cookieBar .box 
{
	width: 1180px;
}

/* szerokość miniaturek produktów, zdjęć i video _l(arge), _m(edium), _s(mall) */

.border_single_l
{
	width: 958px; 
	height: auto;
	padding: 20px;
	text-align: center;
}

.produkt_xl, .img_xl, .produkt_xl a img, .img_xl a img
{
	width: 958px; 
	height: 709px; 	
}

.video_xl
{
	width: 958px; 
	height: 709px; 	
}


.border_single_m
{
	width: 546px; 
	height: 404px; 
	padding: 20px;
	text-align: center;
}

.produkt_xm, .img_xm, .produkt_xm a img, .img_xm a img
{
	width: 546px; 
	height: auto;	
}

.video_xm
{
	width: 546px; 
	height: 404px; 	
}

.border_single_s
{
	width: 199px; 
	height: auto;
	padding: 10px;
	text-align: center;
}

.produkt_xs, .img_xs
{
	width: 199px; 
	height: auto;	
}

.video_xs
{
	width: 199px; 
	height: 147px; 	
}



/* ----------------------- MENU ----------------------- */
/* ------------------------CZĘŚĆ-GÓRNA-MENU------------------------ */

/* usunięcie domyślnych właściwości CSS z elementów - ol - oraz - ul */
#menu, #menu ul, #menu ol, #menu li {
	list-style-type:none;
	padding:0;
	margin:0;
	z-index: 99999;
}
nav 
{
	background-color: #FFFFFF;	
	position: fixed;
	top: 0;
	width: 1220px;
	padding: 5px 0;
	height: 36px;
}

.container
{
	top: 51px; 
}	

nav img.home
{
	height: 32.4px;
	position: relative;
	display: inline;
	float: left;
	margin-right: 10px;
}

/******** Menu ***********/
#menu 
{
	width: auto;
	height: 36px;
	text-align: center;
	display: inline; 
	float: left;
}

#menu a 
{
	display:block;
	text-decoration:none;
	vertical-align: middle;
}

#menu > li
{
	background-color: #210A94;
	color: #FFFFFF;	
	xwidth: 200px;
	width: 120px;	
	height: 36px;	
	margin-left: 1px;
	border-radius: 18px 18px 18px 18px;
	border-style: inset;
	border-width: 3px;
	border-color: #FFFFFF;	
	cursor: pointer;
	vertical-align: middle;
	display: table-cell;
}


#menu > li:first-child 
{
	margin-left:0;
}

#menu > li:hover
{
 background-color: #3911FF;
	color: #FFFFFF;	
	border-style: outset;
	border-width: 3px;	
	border-color: #FFFFFF;		
	height: 36px;	
	vertical-align: middle;
	display: table-cell;	
}

#menu > li > a
{
	color: #FFFFFF;	
}

#menu > li:hover > a 
{
	color: #FFFFFF;
}


#menu > li:hover > ul 
{
	display:block;
	width: 120px;	
}

/* ------------------------CZESC-ROZWIJANA-MENU-POZIOM-1----------------------- */

#menu > li > ul 
{
	display:none;
	height: 0;
}


	 
#menu > li > ul > li 
{
	position: relative;
 background-color: #210A94;
	color: #FFFFFF;		
	text-align: left;
	width: 200px;	
	padding: 4px 0 4px 10px ; 
	margin: 0;	
	top: 4px;
	z-index: 99999;	
	border-radius: 6px 6px 6px 6px;
	border-style: none;
	border-width: 0px;	
	border-color: #FFFFFF;
}

#menu > li > ul > li > a 
{
	color: #FFFFFF;	
}

#menu > li > ul > li:hover 
{
 background-color: #3911FF;
	color: #FFFFFF;	
	border-style: none;
	border-width: 0px;	
	border-color: #FFFFFF;	
}

#menu > li > ul > li:hover > a 
{
	color: #FFFFFF;
}

/* ------------------------CZĘŚĆ-ROZWIJANA-MENU-POZIOM-2----------------------- */

#menu > li > ul > li > ol 
{
	display:none;
	position: absolute;
	left:100%;
	top: -2px;
	height: 20px;
	text-align: left;
	

}

#menu > li > ul > li:hover > ol {
	display:block;
}

#menu > li > ul > li > ol > li 
{
 background-color: #210A94;
	width: 200px;
	min-height: 20px;
	border-radius: 6px 6px 6px 6px;	
	border-style: none;
	border-width: 1px;
	border-color: #CCCCFF;	
}

#menu > li > ul > li > ol > li > a 
{
	color: #CCCCFF;
	padding: 4px 0 4px 10px;	
}

#menu > li > ul > li > ol > li:hover 
{
 background-color: #3911FF;
	color: #CCCCFF;	
	border-style: none;
	border-width: 1px;
	border-color: #CCCCFF;		
}

#menu > li > ul > li > ol > li > a:hover 
{
	color: #CCCCFF;
}

#menu li.grupa_top
{
	font-size: 15px !important;	
}
#menu li.grupa
{
	font-size: 13px !important;
}

#menu li.menu
{
	font-size: 12px !important; 	
}

	
/* ------------------------Wybor jezyka----------------------- */

#option-lang
{
	list-style-type:none;	
	width: 50px;
	height: 50px;
	position: relative; 
	float: right; 
	display: inline;
}	

#option-lang > select, #option-lang > select > option
{
	list-style-type:none;	
	width: 50px;
	height: 50px;
	position: relative; 
	float: right; 
	display: inline;
}	

.ile_stron, a.ile_stron
{
 margin: 5px;
 padding: 10px;
 border: solid 1px blue;
 border-radius: 5px; 
 background-color: #210A94;
 color: #FFFFFF;
 text-decoration: none;
 font-size: 15px;
}

.selected, a.selected
{
 background-color: #3911FF; 
 color: #FFFFFF;
 font-weight: 700;
}


/* ------ Wyszukiwarka w menu ------*/
nav .fraza 
{
	width: 210px; 
	height: 30px; 
	display: inline; 
	float: left; 
	position: relative; 
	margin: 0; 
	padding: 0;
}

nav .gdzie
{
	width: 120px; 
	height: 30px;
	display: inline; 
	float: left; 
	position: relative; 
	margin: 0;
	padding: 0;	
}

nav .input_search
{
	width: 65px; 
	height: 30px; 
	margin: auto 0; 
	padding: 0 auto; 

}


/* ------ Wyszukiwarka w oknie z wynikami ------*/
main .fraza 
{
	width: 60%; 
	height: 40px; 
	display: inline; 
	float: left; 
	position: relative; 
	margin: 0; 
	padding: 0;
	font-size: 18px;
}

main .gdzie
{
	width: 150px; 
	height: 40px;
	display: inline; 
	float: left; 
	position: relative; 
	margin: 0;
	padding: 0;
	font-size: 18px;
}

main .input_search
{
	width: auto; 
	height: 40px; 
	margin: auto 0; 
	padding: 0 20px;
	font-size: 18px;	
}
#w
{
	position: relative;
	top: -51px;
}

