body
{
padding:0px;
margin:0px;
background-color:#f7f7f7;
font-family:Arial, Helvetica, sans-serif;
}

#cala
{
background:url(grafika/tlo.gif);
background-position:top;
background-repeat:repeat-x;
}

/*---------2018-------*/
.gora-pasek {
	background:#24638e;
}
.tytul_kolumny {
	clear:both;
	margin:0 0 20px 0;
	padding:14px 18px;
	border:1px solid #e2e8f0;
	border-radius:12px;
	background:#FFF;
	color:#0a2342;
	font-weight:700;
	box-shadow:0 1px 2px rgba(0,0,0,0.05);
}
.menu_gorne_link {
	color:#FFF;
	display:block;
}

.menu_gorne_link:hover {
	background:#FFF;
}
.wys_15_px {
	height:15px;
}
.menu_link {
	display:block;
	padding:5px;
	border-bottom:2px solid #CCC;
	font-size:12px;
	color:#000;
}

.menu_link:hover {
	background:#EEE;
}

.menu_1 {
	font-weight:bold;
}

.menu_2 {
	padding-left:12px;
}

#komunikat_ciastka
{
	margin:0px 10px 0px 10px;
	padding:5px 10px;
	font-size:13px;
	position:fixed;
	bottom:0px;
	background:#24638e;
	color:#FFF;
}

#komunikat_ciastka a {
	color:#FFFF00;
	font-size:16px;
	display:inline-block;
}

#koszyk_ile {
	margin:0 10px;
	min-width:200px;
	background: #a90329;
	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
	background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
	color:#FFF;
	border:1px solid #CCC;
	box-shadow:0px 0px 5px #000;
}

#koszyk_top::before {
	content:url('grafika/koszyk.png');
	height:1.0em;
    width: 20px;
    height: 20px;	
}

#koszyk_top {
	color:#FFF; 
	font-weight:bold; 
	border-bottom:2px solid; 
	margin-bottom:15px;
	padding-bottom:5px;
	font-size:1.6em;
}

#mybox {
	position:fixed;
	text-align:center;
	width:100%;
	height:100%;
	padding-top:100px;
	top:0;
	background-color: rgba(0, 0, 0, 0.6);
}

#mybox img {
	box-shadow:0px 0px 5px #000;
}

#mybox_close {
	padding:15px;
	background:#FF0000;
	position:absolute;
	top:0;
	right:0;
	border:0;
	color:#FFF;
	box-shadow:0px 0px 5px #000;
}

#produkt_kolory_tytul
{
	padding:5px;
	background:#145e93;
	border:1px solid #BBBBBB;
	color:#eeeeee;
}

#produkt_kolory_jeden_zew
{
	padding:2px;
}

#produkt_kolory_jeden_wew
{
	padding:5px;
	background:#eeeeee;
	border:1px solid #145e93;
}

#produkt_tekst
{
	clear:both;
}

#produkt_tekst_tytul
{
	padding:5px;
	background:#145e93;
	border:1px solid #BBBBBB;
	color:#eeeeee;
}

#produkt_tekst_wew
{
	padding:5px;
}

#produkt_do_koszyka_button {

	padding:8px;
	font-weight:bold;
}

.koszyk_row_prod {
	padding-top:10px;
	border:1px solid #EEE;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #c4c4c4 100%);
	background: -webkit-linear-gradient(top, #eeeeee 0%,#c4c4c4 100%);
	background: linear-gradient(to bottom, #eeeeee 0%,#c4c4c4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c4c4c4',GradientType=0 );
}

.koszyk_mini_napis {
	font-size:0.8em;
}

.koszyk_cena {
	font-size:1.1em;
	font-weight:bold;
}

.koszyk_przycisk {
	display:block; 
	padding:10px 0px; 
	background:#24638e; 
	text-align:center; 
	color:#FFFFFF; 
	margin:10px 0px;
}

.buttonWyslijKoszyk
{
	display:block; 
	padding:20px 0px; 
	background:#FF0000;
	font-weight:bold; 
	text-align:center; 
	color:#FFFFFF; 
	margin:10px 0px;
	width:100%;
	border:none;
}

.buttonWyslijKoszyk:hover
{
	cursor:pointer;
}


#koszyk_komorka
{
	border:0px solid #aaa; 
	display:block; 
	padding:8px;
}

.komorka_alert
{
	background:#a0bdf9;
	border-bottom:1px solid #FFF;
}

.koszyk_tytul
{
	padding:13px 0px 13px 8px;
	background: #a0bdf9;
	background: -moz-linear-gradient(top, #a0bdf9 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0bdf9), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top, #a0bdf9 0%,#eeeeee 100%);
	background: -o-linear-gradient(top, #a0bdf9 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #a0bdf9 0%,#eeeeee 100%);
	background: linear-gradient(to bottom, #a0bdf9 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0bdf9', endColorstr='#eeeeee',GradientType=0 );
	color:#0b3faa;
	font-weight:bold;
	text-shadow:1px 1px 2px #999;	
}

#mk_owal_zew
{
	width:100%;
	padding:10px;
	border:0px solid;
}

#mk_owal_wew_srodek {
	border:1px solid #24638e;
	padding:10px 0px;
}


#mk_mala_komorka
{
border:1px solid #e3e3e3;
}

#mk_mala_komorka_tytul
{
background-color:#e3e3e3;
text-align:center;
padding:3px;
}

#mk_mala_komorka_dol
{
padding:10px;
color:#000000;
line-height:180%;
}

/*---------2018end-------*/


#wew
{
border:0px solid #CCCCCC;
}

#baner
{
height:150px;
}

#baner_lewy
{
height:100px;
float:left;
width:481px;
border:0px solid;
padding-left:100px;
padding-top:50px;
}

#baner_lewy_lewy
{
width:180px;
float:left;
border:0px solid;
font-size:12px;
}

#baner_lewy_lewy a
{
color:#000000;
text-decoration:none;
}

#baner_lewy_lewy a:hover
{
text-decoration:underline;
}

#baner_lewy_prawy
{
width:180px;
float:left;
border:0px solid;
font-size:12px;
}

#baner_prawy
{
height:150px;
float:left;
width:397px;
}

#menu
{
clear:both;
background:#24628e;
}

#menu ul
{
margin:0px;
padding:0px;
list-style:none;
}

#menu li
{
float:left;
text-align:center;
}

#menu li:hover
{
background-color:#FFFFFF;
}

#menu a
{
display:block;
padding:9px 0px 9px 0px;
font-size: 12px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

#menu a:hover
{
color:#000099;
}

#glowna
{
clear:both;
}

#glowna_lewa
{
border:0px solid #cccccc;;
padding-right:10px;
padding-top:10px;
}

#glowna_lewa_wew
{
border:1px solid #cccccc;
background-color:#FFFFFF;
padding:10px;
}


#glowna_prawa_wew
{
border:1px solid #cccccc;
background-color:#FFFFFF;
padding:10px;
}

#glowna_prawa_wew2
{
padding:1px;
border:1px solid #0d5282;
background-color:#f7f7f7;
}

#glowna_prawa_wew2 a
{
text-decoration:none;
color:#0d5282;
font-size:11px;
}

#glowna_prawa_wew2 a:hover
{
text-decoration:underline;
}

img.fota
{
border:1px solid #0d5282;
}

.przycisk
{
height:20px;
background:url(grafika/przycisk.gif);
font-size:10px;
color:#ffffff;
font-weight:bold;
padding-bottom:3px;
}

#stopka
{
clear:both;
}

#powrot
{
padding-top:20px;
clear:both;
}

font.tekst
{
color:#cd0e0e;
font-weight:bold;
}

font.tekst_maly
{
font-size:12px;
font-weight:bold;
}

br.przerwa
{
line-height:40%;
}

#mk_zew
{
padding:15px;
}

/* podstrony tekstowe (O firmie, Regulamin, konto, rejestracja, zamówienie) – karta w stylu nowego szablonu */
#mk_glowna
{
	background:#FFF;
	border:1px solid #e2e8f0;
	border-radius:12px;
	box-shadow:0 1px 2px rgba(0,0,0,0.05);
	padding:28px 32px;
}

#mk_glowna #mk_glowna /* zagnieżdżone (zamowienie.php) – bez podwójnej ramki */
{
	border:0;
	box-shadow:none;
	padding:0;
	border-radius:0;
}

@media (max-width: 640px)
{
	#mk_glowna { padding:20px 18px; }
}

#mk_komunikat {
	padding:10px;
	border:1px solid #000099;
	font-size:14px;
	line-height:140%;
	font-weight:bold;
}

/* tytuł podstrony – samodzielnie (Nowości, Promocje) wygląda jak nagłówek-karta */
#mk_tytul_podstrony{
	clear:both;
	margin:0 0 20px 0;
	padding:18px 24px;
	background:#FFF;
	border:1px solid #e2e8f0;
	border-left:4px solid #1e6fd9;
	border-radius:12px;
	box-shadow:0 1px 2px rgba(0,0,0,0.05);
	color:#0a2342;
	font-size:26px;
	font-weight:700;
	line-height:1.2;
	text-align:left;
	text-transform:none;
}

/* w karcie #mk_glowna – zwykły nagłówek z kreską pod spodem */
#mk_glowna #mk_tytul_podstrony{
	margin:0 0 22px 0;
	padding:0 0 16px 0;
	background:none;
	border:0;
	border-bottom:1px solid #e2e8f0;
	border-radius:0;
	box-shadow:none;
	font-size:28px;
	position:relative;
}

#mk_glowna #mk_tytul_podstrony::after{
	content:'';
	position:absolute;
	left:0;
	bottom:-2px;
	width:56px;
	height:3px;
	background:#1e6fd9;
	border-radius:2px;
}

#mk_strona_glowna
{
	border:0;
	background:none;
	color:#334155;
	font-size:15px;
	line-height:1.7;
}

#mk_strona_glowna p { margin:0 0 12px 0; font-size:inherit; line-height:inherit; }
#mk_strona_glowna p:empty,
#mk_strona_glowna p:has(> br:only-child) { display:none; }
#mk_strona_glowna strong, #mk_strona_glowna b { color:#0a2342; }
#mk_strona_glowna a { color:#1e6fd9; }
#mk_strona_glowna ul, #mk_strona_glowna ol { margin:0 0 12px 22px; }
#mk_strona_glowna li { margin-bottom:6px; }
#mk_strona_glowna span[style*="font-size"] { font-size:inherit !important; }

#mk_strona_wew
{
color:#0353ae;
font-size:14px;
font-weight:bold;
}

#mk_strona_menu
{
height:26px;
border:1px solid #cccccc;
background-color:#f7f7f7;
}

#mk_strona_menu ul
{
list-style:none;
padding:0px;
margin:0px;
}

#mk_strona_menu li
{
float:left;
width:171px;
}

#mk_strona_menu a
{
display:block;
font:14px/26px Arial, Helvetica, sans-serif;
border-right:1px solid;
}

#mk_strona_menu a:hover
{
background-color:#0c4c7a;
color:#f7f7f7;
text-decoration:none;
}

td.konto_td
{
color:#000000;
}

td.konto_td2
{
color:#000000;
font-weight:normal;
}


/* ===== Formularze sklepu (rejestracja, zamówienie, zmiana danych konta) – wygląd nowego szablonu =====
   Wiersze to tabele z atrybutem bgcolor (#EEEEEE / #e3e3e3, błąd: #e97d7d) – nadpisywane poniżej.
   Selektory z nazwą elementu (input.kom_form), bo Foundation ładuje się później i ma [type=text] o tej samej wadze. */
#mk_strona_glowna table tr[bgcolor]
{
background:#FFF;
}

#mk_strona_glowna table tr[bgcolor="#e97d7d"]
{
background:#fef2f2;
}

#mk_strona_glowna table td
{
border-bottom:1px solid #eef2f7;
vertical-align:middle;
}

#form_komorka_lewa
{
text-align:right;
padding:14px 14px 14px 5px;
color:#334155;
font-size:13px;
font-weight:600;
}

#form_komorka_lewa2
{
text-align:left;
padding:12px 5px 12px 4px;
color:#334155;
font-size:14px;
font-weight:600;
}

#form_komorka_prawa
{
text-align:left;
padding:10px 5px;
color:#b91c1c; /* komunikaty błędów pod polem */
font-size:12px;
font-weight:600;
}

#form_komorka_centr
{
text-align:left;
padding:22px 5px 10px 5px;
color:#0a2342;
font-size:15px;
font-weight:700;
letter-spacing:0.02em;
}

#form_legenda
{
text-align:left;
padding:0 0 10px 0;
color:#64748b;
font-size:13px;
font-weight:normal;
}

input.kom_form,
input.kom_form_dis,
select.kom_form_select
{
display:block;
box-sizing:border-box;
width:100%;
max-width:420px;
height:44px;
margin:0;
padding:0 14px;
background:#FFF;
border:1px solid #cbd5e1;
border-radius:8px;
box-shadow:none;
color:#0f172a;
font-family:inherit;
font-size:15px;
font-weight:normal;
transition:border-color .15s, box-shadow .15s;
}

input.kom_form:focus,
select.kom_form_select:focus
{
outline:none;
border-color:#1e6fd9;
box-shadow:0 0 0 4px rgba(30,111,217,.15);
background:#FFF;
}

input.kom_form_dis,
input.kom_form[disabled]
{
background:#f1f5f9;
border-color:#e2e8f0;
color:#94a3b8;
cursor:not-allowed;
}

tr[bgcolor="#e97d7d"] input.kom_form
{
border-color:#f87171;
}

#mk_strona_glowna input[type="radio"]
{
width:18px;
height:18px;
margin:0 0 0 8px;
vertical-align:middle;
accent-color:#1e6fd9;
cursor:pointer;
}

#mk_strona_glowna input[type="submit"],
#mk_strona_glowna input[type="button"]
{
display:inline-block;
width:auto;
height:auto;
margin:18px 0 8px 0;
padding:12px 34px;
background:#1e6fd9;
border:0;
border-radius:999px;
box-shadow:0 8px 18px rgba(30,111,217,.25);
color:#FFF;
font-family:inherit;
font-size:15px;
font-weight:600;
cursor:pointer;
}

#mk_strona_glowna input[type="submit"]:hover,
#mk_strona_glowna input[type="button"]:hover
{
background:#185cb6;
}

@media (max-width: 640px)
{
#form_komorka_lewa { text-align:left; padding:12px 8px 4px 0; font-size:12px; }
input.kom_form, input.kom_form_dis, select.kom_form_select { max-width:none; }
}


#zamowienie_komunikat
{
padding:50px 0px;
font-size:24px;
}

#zamowienie_komunikat a
{
width:200px;
display:block;
padding:10px;
border:1px solid;
background: #e3e3e3;
background: -moz-linear-gradient(top, #e3e3e3 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top, #e3e3e3 0%,#eeeeee 100%);
background: -o-linear-gradient(top, #e3e3e3 0%,#eeeeee 100%);
background: -ms-linear-gradient(top, #e3e3e3 0%,#eeeeee 100%);
background: linear-gradient(to bottom, #e3e3e3 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#eeeeee',GradientType=0 );
border:1px solid #aaa;
}

input[type="radio"] {
    width:20px;
}

#nowosci_komorka
{
border:0px solid #cccccc; 
padding:3px; 
width:174px; 
height:200px; 
float:left;
}

#nowosci_komorka_lewo
{
border:0px solid #cccccc; 
height:200px;
}

#nowosci_komorka_lewo a
{
text-decoration:none;
color:#0d5282;
font-size:11px;
}

#nowosci_komorka_lewo a:hover
{
text-decoration:underline;
}