div.ciemny-pas {
	background:#111;
	padding:3px 0px;
	border-bottom:solid 1px #e01c24;
}


/*-------------------- menu firmowe -----------------------*/
ul#menu-firma {
position:relative;
top:0px;
left:0px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:785px;
overflow:hidden;
list-style:none;
z-index:11;
}

ul#menu-firma li {
float:left;
color:#777;
padding:0px 10px 0px 0px;
margin:0px 0px 0px 0px;
width:auto;
position:relative;
font-size:10px;
font-family:'Varela',Arial, Helvetica, sans-serif;
}

ul#menu-firma li a {
display: inline-block; 
color:#ccc;
overflow:hidden;
padding:5px 15px 4px 15px;
margin:0px 0px 0px 0px;
font-weight: normal;
width:auto;
border:solid 1px #24393c;
text-decoration:none;
position:relative;
text-transform:uppercase;
line-height:1;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
outline: none; 
position: relative; 
top:0px;
zoom: 1; 
*display: inline; 
*vertical-align: middle; 
-moz-user-select: none; 
-webkit-tap-highlight-color: rgba(0,0,0,0); 
-webkit-user-select: none; 
-webkit-touch-callout: none;
}

ul#menu-firma li a div.podkreslenie {
position:absolute;
top:35px;
width:100%;
height:1px;
background:#a1a1a1;
}

ul#menu-firma li.sklep a {
color:#ffc000;
}



ul#menu-firma li:hover a {
color:#fff;
border:solid 1px #6daab3;
}

ul#menu-firma li ul {
    	list-style:none;
	position:absolute;
	margin:0px 0px 0px 0px;
	top:47px;
	left:0px;
	z-index:301;
	width:240px;
	font-size:12px;
	height:auto;
	display:none;
	padding-top:15px;
	padding-bottom:15px;
	background:transparent url(../images/menu-gora.gif) 20px 8px no-repeat;
}

ul#menu-firma li:hover ul {
    display:block;
}

ul#menu-firma li ul li {
float:none;
padding:0px 10px 1px 10px;
height:auto;
width:auto;
}

ul#menu-firma li ul li a {
    padding:12px 13px 12px 22px;
    display:block;
	height:auto;
	width:auto;
    border-bottom:0px solid #ffedad;
	color:#a1a1a1 !important;
	background:#000 url(../images/podmenu-tlo.gif) 10px 50% no-repeat !important;
	text-align:left;
		
}


ul#menu-firma li ul li a:hover {
		color:#fff !important;
		
}



/*-------------------- menu sklepu -----------------------*/
ul#menu-sklep {
	list-style:none;
	position:relative;
	top:0px;
	left:0%;
	padding:0px;
	margin:0px 0px 30px 0px;
	z-index:50;
	width:100%;
	font-size:13px;
	text-transform:uppercase;
	text-align:left;
	background:#e01c24;
	border-bottom:solid 2px #e01c24;
}

.strona-glowna ul#menu-sklep { margin:0px 0px 20px 0px; }

ul#menu-sklep li {
   background:none;
	padding: .3px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	width:auto;
	height:auto;
	position:relative;
	text-transform:uppercase;
	display:inline-block;	
}



ul#menu-sklep li.prawo {
	float:right;
	padding: 0px 0px 0px 8px; 
}

ul#menu-sklep li a {
   display:block;
	padding:1em 15px .8em 15px;
	color:#fff;
	text-decoration:none;
}

ul#menu-sklep li a:hover {
    color:#e01c24;
	text-decoration:none;
	background: #fff;
}


ul#menu-sklep li ul {
    list-style:none;
	position:absolute;
	margin:0px 0px 0px 0px;
	top:100%;
	left:0px;
	z-index:301;
	width:220px;
	font-size:11px;
	border:solid 1px #7ca641;
	height:auto;
	display:none;
	padding-top:0px;
	padding-bottom:0px;
	background:#fff  url(../images/blank.gif) top center repeat;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	-webkit-border-radius: 0px 10px 0px 10px; 
	-moz-border-radius: 0px 10px 0px 10px; 
	border-radius: 0px 10px 0px 10px;
	overflow:hidden;
	-moz-box-shadow:    0px 0px 1px 1px #333;
  -webkit-box-shadow: 0px 0px 1px 1px #333;
  box-shadow:         0px 0px 1px 1px #333;
	
}

ul#menu-sklep li:hover ul {
    display:block;
}

ul#menu-sklep li ul li {
float:left;
padding:0px 0px 0px 0px;
height:auto;
width:auto;
display:block;
width:100%;
}

ul#menu-sklep li ul li ul {
    list-style:none;
	position:relative;
	margin:0px 0px 0px 0px;
	padding-top:0px;
	padding-bottom:0px;
	top:100%;
	left:0px;
	z-index:301;
	width:100%;
	height:auto;
	background:transparent;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px;
	border:0;
	-moz-box-shadow:    0px 0px 0px 0px #333;
  -webkit-box-shadow: 0px 0px 0px 0px #333;
  box-shadow:         0px 0px 0px 0px #333;
	
}

ul#menu-sklep li ul li ul li {
float:none;
padding:0px 0px 0px 0px;
height:auto;
width:auto;
display:block;

}


ul#menu-sklep li ul li  a {
    padding:8px 13px 8px 32px;
    display:block;
	height:auto;
	width:auto;
    border-bottom:1px solid #eee;
	color:#333 !important;
	background:#fff url(../images/podmenu-tlo.gif) 20px 50% no-repeat !important;
	text-align:left;
	text-transform:none;	
}




ul#menu-sklep li ul li a:hover {
		color:#777 !important;
		background:#fff url(../images/podmenu-tlo.gif) 20px 50% no-repeat !important;
		
}

ul#menu-sklep li ul   strong {
    padding:10px 13px 10px 22px;
    display:block;
	height:auto;
	width:auto;
    border-bottom:0px solid #ffedad;
	color:#111 !important;
	background:#eee;	
	text-align:left;
	border-top:#e30079 solid 0px;
	margin-bottom:0px;
		
}


/*---- responsive ----*/

div.rozwin-menu {
	padding:0.9em 0.9em 0.9em 1.1em;
	color:#333;
	text-decoration:none;
	font-size:1.1em;
	text-transform:uppercase;
	cursor:pointer;
	background:transparent;
	text-align: right;
	border-bottom:solid 2px #111;
	margin-bottom:20px;
}

div.rozwin-menu span.typcn {
    font-size:1.2em;
}

div.zwin {
}

div.rozwin-menu:hover {
	color:#333;
}

ul#menu-sklep.responsive {
	margin: 0px 0px 20px 0px;
    padding:0px 0px 1em 0;
	max-width:310px;
}

ul#menu-sklep.responsive li, ul#menu-sklep.responsive li.prawo {
	float:none !important;
	padding: 0px 0px 0px 0px !important; 
	border-top:solid 1px #f2f2f2 !important;
	display:block !important;
	margin: 0px 0px 0px 0px !important;
    padding:0px 0px !important;
    font-size:0.9em !important;
}

ul#menu-sklep.responsive li a {
    display: block;
    position: relative;
    margin: 0px;
    padding:0.9em 1.1em 1em 1.1em;
    border: 0;
    color:#111;
    background:transparent;
    text-decoration:none;
    text-align:right;
}

ul#menu-sklep.responsive li a:hover {
background:#fff;
color:#444;
}

ul#menu-sklep.responsive li.ikona a {
    padding-top:0.4em;
}

/*-------------------- menu klienta -----------------------*/
ul#menu-uzytkownika {
	list-style:none;
	position:relative;
	top:0px;
	left:0;
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 0px 0px !important;
	z-index:10;
	width:60%;
	font-size:13px;
	border-top:solid 0px #ccc;
	float:left;
	text-transform:uppercase;
}

ul#menu-uzytkownika li {
    float:left;
    position:relative;
	left:0px;
    padding:10px 25px 0px 0px !important;
    margin:0 !important;
}

ul#menu-uzytkownika li.kto {
    width:auto;
	text-align:right;
	color:#fff;
	left:0px;
	top:0px;
	border-left:solid 0px #0eadb8;
}

ul#menu-uzytkownika li.linia {
	padding:10px 25px 0px 0px  !important;
    border-right:solid 0px #111;
}

ul#menu-uzytkownika li.kto strong {
	color:#fff;
}


ul#menu-uzytkownika li a {
	display:inline;
	color:#fff;
}

ul#menu-uzytkownika li a:hover {
    color:#aaa;
	text-decoration:none;
}


/*------------------- szukaj -----------*/
div#szukaj {
	position:relative;
	top:0px;
	left:0%;
	padding:0px;
	margin:0px 0px 0px 0px !important;
	width:345px;
	height:37px;
	font-size:11px;
	background:transparent;
	z-index:35;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
	overflow:hidden;
	float:right;
}

div#szukaj label {
	display:none;
}

div#szukaj select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0px solid #ccc;
    padding: 3px 2px 3px 2px;
    outline: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    font: 12px Verdana, Helvetica, sans-serif;
    color: #555;
    width: 100%;
    max-width:105px;
    margin: 0;
    display: block;
    margin-bottom: 0px;
    background: #fff; 
    transition: border-color 0.2s linear, box-shadow 0.2s ease;
    -webkit-transition: border-color 0.2s linear, box-shadow 0.2s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none; 
    appearance: none;
    position:absolute;
	top:9px;
	left:0px;
}
    
    
div#szukaj select {  
    background: #fff url(../images/select.png) no-repeat right center;
    cursor: pointer;
    -webkit-padding-end: 20px; 
    background-size: 17px 5px; 
}


div#szukaj form input.tekst {
font-family:Verdana, Helvetica, sans-serif;
font-weight:normal;
border:solid 1px #000;
color:#000;
text-align:left;
width:190px;
font-size:11px;
vertical-align:middle;
padding:4px 3px;
-webkit-border-radius:0px; 
-moz-border-radius: 0px; 
border-radius: 0px; 
background:#fff url(../images/tlo-input.gif) top left  repeat-x;
position:absolute;
	top:8px;
	left:110px;
}

div#szukaj button {
	position:absolute;
	top:6px;
	left:313px;
	padding:0px;
	margin:0px 0px 0px 0px;
	z-index:10;
	width:28px;
	height:28px;
	overflow:hidden;
	text-indent:-100em;
	background:#fff url(../images/szukaj-guzik.png) center center  no-repeat;
	border:0;
	cursor:pointer;
	
	-webkit-border-radius:20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
}


div#szukaj button:hover {
	background:#e01c24  url(../images/szukaj-guzik.png) center center  no-repeat;;
}


/*------------------- koszyk -----------*/
div.koszyk {
	position:relative;
	top:0px;
	left:0%;
	padding:50px 0px 0px 0px;
	width:300px;
	margin:0px 0px 0px 0px;
	z-index:12;
	font-size:12px;
	background:transparent;
	display:inline-block;
	border-top:solid 0px #e01c24;
	float:right;
}

div.koszyk p {
	position:relative;
	top:0px;
	left:0px;
	padding:0px;
	margin:0px 0px 0px 0px;
	z-index:10;
	font-size:11px;
	text-align:right;
	color:#333;
}

div.koszyk p strong.big {
	font-size:2.2em;
}

div.koszyk a.do-koszyka {
	background: #e01c24;
    color: #fff !important;
    border: 0;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer; 
    font-weight: normal;      
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
    -ms-transition: all 200ms ease 0s;
    -o-transition: all 200ms ease 0s;
    transition: all 200ms ease 0s;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


div.koszyk a.do-koszyka:hover {
	
	color:#fff  !important;
	background:#111 ;
	text-decoration:none;
}



/*----------------------------------menu dolne--------------------------*/
.menu-stopka-pojemnik {
	position:relative;
	top:0;
	left:0;
	z-index:500;
	width:100%;
	clear:both;
	border-top:solid 1px #f4f4f4;
	overflow:hidden;
	margin-top:30px;
	padding-top:5px;
	text-align:left;
}



.menu-stopka-pojemnik .typcn { 
	font-size:20px;
}

.menu-stopka-pojemnik ul.menu-stopka {
	position:relative;
	top:0px;
    display: block;
    border: none;
    padding: 0;
    margin: 0;
    z-index:20;
    font-size:12px;
}
.menu-stopka-pojemnik ul.menu-stopka li {
    display: inline-block;
    position: relative;
    margin: 0 8px;
    padding:8px 0px;
    border: 0;
    text-transform:uppercase;  
     overflow:hidden;
}

.menu-stopka-pojemnik ul.menu-stopka li {
  *display: inline;
}


.menu-stopka-pojemnik ul.menu-stopka li a {
  color: #666;
  text-decoration:none;
}


.menu-stopka-pojemnik ul.menu-stopka li a:hover {
  color: #000;
  text-decoration:none;
}



.menu-stopka-pojemnik ul.menu-stopka li.koszyk {
    display: inline-block;
    position: relative;
    margin: 0;
    padding:8px 8px 8px 8px;
    border: 0;
    text-transform:uppercase;
    /*background:#fff;*/
    -webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
}

.menu-stopka-pojemnik ul.menu-stopka li.koszyk a {
  color: #000;
  text-decoration:none;
  text-shadow: none;
  padding:8px 0px 8px 0px;
}

.menu-stopka-pojemnik ul.menu-stopka li.koszyk a span { 
	font-size:16px;
	display: inline-block;
	padding-right:14px;
}

.menu-stopka-pojemnik ul.menu-stopka li.koszyk div.ile-w-koszyku { 
	font-size:11px;
	display: inline-block;
	padding:2px 4px;
	background:#000;
	color:#fff;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	border:solid 0px #fff;
	position:absolute;
	top:2px;
	left:20px;
}