html, body {	height: 100%; }
body { margin: 0; }

a:visited, a.naglowek:visited, a.odnmk:visited, a.odnmt:visited, a.odnms:visited, a.odnmw:visited, a.odnmko:visited, a.odnmo:visited, a.odnmku:visited, a.odngm:visited, a.odnmpo:visited  { 
	text-decoration: none; text-shadow: 1px 1px 1px #dbdbdb; 
}

a:link, a.naglowek:link, a.odnmk:link, a.odnmt:link, a.odnms:link, a.odnmw:link, a.odnmko:link, a.odnmo:link, a.odnmku:link, a.odngm:link, a.odnmpo:link { 
	text-decoration: none; text-shadow: 1px 1px 1px #dbdbdb; 
}

a:hover, a.naglowek:hover, a.odnmk:hover, a.odnmt:hover, a.odnms:hover, a.odnmw:hover, a.odnmko:hover, a.odnmo:hover, a.odnmku:hover, a.odngm:hover, a.odnmpo:hover { 
	text-decoration: underline; text-shadow: 1px 1px 1px #dbdbdb; 
}

#centrujaca { width: 100%; height: 100%; }

#kom-gl { margin: 0 auto; border-top: 0; border-bottom: 0; }
#kom-gl-2 { margin: 0 auto; width: 900px; overflow: hidden; }
#kom-gl-3 { margin: 5px auto; width: 890px; overflow: hidden; }

.kom-gl-menu { margin: 0 auto; width: 912px; overflow: hidden; }
.kgmm, .kdmm { padding: 15px 15px 5px 15px; }

.kom-gl-menu  a:visited  { color: #ffffff; text-decoration: none; text-shadow: 1px 1px 1px #000000; }
.kom-gl-menu  a:link { color: #ffffff; text-decoration: none; text-shadow: 1px 1px 1px #000000; }
.kom-gl-menu  a:hover { color: #ffffff; text-decoration: underline; text-shadow: 1px 1px 1px #000000; }

.komod10 { margin: 10px 10px 0 10px; }

.kat { padding: 5px; }
.kmkcw { border: 1px solid #a4a4a4; border-radius: 4px; padding: 5px; }

.komnag, .kmwn, .kmkon, .kmon { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.komcw, .kmwcw, .kmkocw, .kmocw { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; overflow: hidden }

input[type="text"], input[type="password"] { padding: 3px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-color: #484848; }

input.button { font-family: Roboto, sans-serif; font-size: 14px; border: 0; padding: 8px; border-radius: 5px; box-shadow: 1px 1px 2px #c0c0c0 inset, 2px 2px 2px #c0c0c0; cursor: pointer; transition: all 250ms ease 0s; }
input.button:hover { background-color: #BD0000; border-color: #BD0000; box-shadow: -1px -1px 1px #484848 inset, 2px 2px 2px #c0c0c0; text-shadow: 1px 1px 1px #000000; }

input.pInputIlosc { border-radius: 5px; padding: 8px; text-align: center; width: 40px; font-weight: bold; }
input.pInputKoszyk { font-family: Roboto, sans-serif; font-size: 14px; border: 0; padding: 8px; background-color: #d52b1f; color: #ffffff; text-shadow: 1px 1px 2px #484848; font-weight: bold; border-radius: 5px; box-shadow: -1px -1px 1px #484848 inset, 2px 2px 2px #c0c0c0; cursor: pointer; transition: all 250ms ease 0s; }
input.pInputKoszyk:hover { color: #000000; text-shadow: 1px 1px 2px #ffffff; background-color: #ffb425; }

select { padding: 3px; }
.miniatura { border-radius: 5px; }
#input-szukaj { width: 170px; border-radius: 3px; }
.t1p , .kop { margin: 10px; }
.t1p a, .news-temat { font-size: 15px; }
.f16 { font-size: 16px; }
.f22 { font-size: 22px; }
.f12 { font-size: 12px; }
.cenka { font-size: 20px; font-weight: bold; text-shadow: 1px 1px 1px #dbdbdb; }
.trzynastka { font-size: 16px; }
.w30 { float: right; text-align: right;  }
.w40 { float: right; text-align: right; width: 40%; }
.w60 { float: left; width: 60%; }
.w70 { float: left;  }

#logo { float: left; width: 50%; }
#logo img { margin: 20px 0 5px 20px; }
#logo-odnosniki { float: right; width: 40%; text-align: right; margin-top: 77px; margin-right: 10px; }

a.fb-menu { display: block; height: 50px; background: url(fb-logo.png) no-repeat 12px 50%/50px; filter: grayscale(100%); margin-bottom: 10px; padding-left: 70px; padding-top: 5px; font-size: 20px; line-height: 20px; }
a.ca-menu { display: block; width: 190px; height: 50px; background: url(ca/ca_logo.png) no-repeat -30px 50%/235px; margin-bottom: 10px;  filter: grayscale(100%); }
a.fb-menu:hover, a.ca-menu:hover { filter: grayscale(0%); }

.akcesoriaProdukty > table:last-child {
   border: 0 !important;
}

.portfolio { text-align: center; }
.portfolio img { border: 1px solid #a4a4a4; border-radius: 5px; box-shadow: 0 0 4px #c0c0c0; margin: 10px; }
.portfolio img:hover { border-color: black; box-shadow: 0 0 10px #484848; }

@media screen and (max-width: 900px) { 
	#kom-gl { width: 100%; border: 0; background-color: transparent; }
	#dwie-kolumny { margin: 0; }
	#centrum { margin: 0; }
	#kom-gl-2 { margin: 0; width: 100%; }
	#logo { float: none; width: 100%; text-align: center; }
	#logo img { margin: 20px 0 0 0; }
	#logo-odnosniki { float: none; width: 100%; text-align: center; margin: 10px; }
	#kom-gl-3 { margin: 0; width: 100%; }
	.kom-gl-menu { margin: 0 auto; width: 100%; overflow: hidden; }
	.kgmn, .kdmn { background-image: url('gradient_07.png'); height: auto; padding: 15px; }
	.w30, .w40, .w60, .w70 { width: 100%; float: none; text-align: center; }
	.kgm-lewo, .kgm-prawo, .kdm-lewo, .kdm-prawo { float: none; text-align: center; }
	#prawe-menu { display: none; }
	#podpowiedzi { width: auto !important; }
	.portfolio { width: 100%; }
}