body {margin: 0px 0px 0px 0px; font: normal 13px Arial, Helvetica, sans-serif; color: #333333; line-height: 16px; cursor: default; background: white}

p {margin: 0px; padding: 0px}

sup {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 9px}

ul, ol {margin: 0px 20px 0px 20px; padding: 0px; text-indent: 0px; text-align: left}
li {margin: 0px 20px 0px 20px; padding: 0px; text-indent: 0px}

A:link, A:visited {color: #555555; text-decoration: none}
A:hover {color: #333333; text-decoration: none}

form, input, textarea {margin: 0px; padding: 0px}

label {margin-right: 4px; vertical-align: middle; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; -webkit-touch-callout: none}

.wrapper-init {display: table; margin: 0px auto}
.wrapper-row {display: table-row}
.wrapper-body	{display: table-row-group}
.wrapper-cell {display: table-cell}

.przekreslenie {text-decoration: line-through; opacity: 0.5}

hr.linered {border: 0px; width: 100%; height: 1px; color: #D0D0D0; background-color: #D0D0D0}

h1 {font-family: 'Archivo Narrow'; font-size: 16px; line-height: 20px}

#menuup-2 a:link {animation: blinker 1s linear infinite}
#menuup-2 a:hover, a:visited {animation: none} 
@keyframes blinker {50% {opacity: 0.1}}

#menuleft a {display: block; padding: 4px 0px 4px 4px; font-family: 'Archivo Narrow'; font-size: 16px; line-height: 20px}
#menuleft a {color: #C00000}
#menuleft a:hover {color: #A00000}
#menuleft div.menuleft {display: block; padding: 4px 0px 4px 0px; border-bottom: 1px solid #E08080}

#menuleft a.kategoria {font-size: 18px; line-height: 22px; color: #800000}
#menuleft a.kategoria:hover {color: #600000}

#slideshow-box {margin: 0px; position: relative}
#slideshow {position: absolute}
#slideshow > div {position: absolute}
#slideshow-nav {position: absolute; left: 0px; right: 0px; text-align: center}
#slideshow-labels {position: absolute; left: 0px; right: 0px; text-align: center}
#slideshow-labels div.label {display: block; position: absolute; left: 0px; right: 0px; color: white; vertical-align: baseline; font-family: 'Archivo Narrow'}

#slideshow-nav input[type=radio] {visibility: hidden; position: absolute}
#slideshow-nav input[type=radio] + label:before {height: 10px; width: 10px; margin-right: 4px; content: " "; display: inline-block; vertical-align: baseline; transition: 0.3s; background: #EEEEEE; border: 1px solid #EEEEEE; border-radius: 50%}
#slideshow-nav input[type=radio]:checked + label:before {background: #CCCCCC; border: 1px solid #CCCCCC}

#szybkikontakt a {color: #C00000}
#szybkikontakt a:hover {color: #E94D4C}

#footer .wrapper-cell {padding: 10px 0px 10px 0px}
#footer .wrapper-cell img {margin-right: 4px; vertical-align: middle}
#footer .wrapper-cell a {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #4D4D4D; line-height: 12px; text-align: center}

div.realizacje {display: inline-block}
div.realizacja {display: inline-block; width: 240px; height: 240px; text-align: center; border: 1px solid blue}
div.realizacja img {display: block; margin-left: auto; margin-right: auto; vertical-align: top}

div.picture {width: 200px; height: 194px; background-color: white; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); border-radius: 5px; margin: 5px; display: inline-block}
div.picture {font: normal 13px 'Archivo Narrow', Arial; color: #800000; line-height: 16px}
div.picture:hover {box-shadow: 0px 0px 10px 0px rgba(0,0,0,1)}
div.pip {position: relative; max-width: 180px; max-height: 140px; margin-top: 10px; margin-left: 10px; overflow: hidden; margin-bottom: 10px}
div.picture img {vertical-align: middle; max-width: initial; max-height: initial; float: none}
div.opis {display: block; width: 170px; height: 34px; text-align: center; margin-left: 10px; padding: 0px 5px 0px 5px; overflow: hidden}

.producenci-wrap {position: relative; margin: 0 auto; height: 80px; overflow: hidden; white-space: nowrap}
.producenci-wrap ul {position: relative; margin-left: auto; margin-right: auto; width: 100%; height: 80px; overflow: hidden; list-style: none; white-space: nowrap}
.producenci-wrap ul li {display: block; float: left; position: relative; width: 100px; height: 80px; line-height: 80px; text-align: center}
.producenci-wrap ul li img {vertical-align: middle; max-width: 100%; max-height: 100%; cursor: pointer}

ol.koszyk li {line-height: 24px}
ol.koszyk li a {color: #C00000}
ol.koszyk li a:hover {color: #FF0000}
ol.koszyk li a:nth-child(2) {font-size: 11px}
ol.koszyk li img {margin-left: 3px; vertical-align: middle}

span.dowyceny {}

span.dowyceny {color: #555555; cursor: pointer}
span.dowyceny:hover {color: #333333}

#menukoszyk {width: 100%}
#updown {margin-right: 4px; vertical-align: middle; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; -webkit-touch-callout: none}

#formprzypomnienie {font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000}
#formprzypomnienie input[name=email] {display: block; width: 300px; margin: 10px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #E94C4C}
#formprzypomnienie input[name=przypomnij] {display: block; width: 320px; margin: 10px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #E94C4C; cursor: pointer}

#menukoszykdown div {display: inline-block}
#menukoszykdown input {margin-right: 20px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; background-color: #F0F0F0; color: #C00000; border: 2px solid #E94C4C; cursor: pointer}
#menukoszykdown input:hover {background-color: #E0E0E0}

#strefa input[type=button] {width: 400px; margin: 10px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #E94C4C; cursor: pointer}

#formzamowienie label {cursor: pointer}

@media screen and (min-width: 1140px) {
h1 {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; font-size: 20px; line-height: 24px}
div.produkt h1, div.kategoria h2 {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 18px; line-height: 22px; color: #C00000}
div.kategoria {margin: 0px 0px 20px 0px; padding: 10px 10px 10px 10px; border: 1px solid #C0C0C0}
img.kategoria {border: 1px solid #E0E0E0; margin: 4px; padding: 4px; float: right}
img.kategoria:hover {border: 1px solid #888888}

div.kategoria h2 a {color: #C04040}
div.kategoria h2 a:hover {color: #C00000}
div.produkt h2, h1, h1.kategoria, h1.realizacje, h1.logowanie, h1.rejestracja, h1.zamowienie, h1.potwierdzenie, h1.szukaj, h1.przypomnienie, h1.zamowienie, h1.koszyk {margin: -12px 0px 20px 0px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 16px; line-height: 20px; color: #FF4040}
#produktleft h3 {display: block; margin: 60px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 24px; line-height: 28px; color: #C00000; text-decoration: underline}
#produktleft h4 {display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 26px; line-height: 30px; color: #C00000}
#produktleft h5 {display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 26px; line-height: 30px; color: #C0C0C0; text-decoration: line-through}
div.kategoria h3 {display: block; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 22px; line-height: 24px; color: #C00000; text-decoration: underline}
div.kategoria h4 {display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 24px; line-height: 28px; color: #C00000}
div.kategoria h5 {display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 24px; line-height: 28px; color: #C0C0C0}
div.produkt p {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Roboto'; font-weight: normal; font-size: 14px; line-height: 18px; color: #000000}
div.produkt table, div.produkt tbody {table-layout: fixed; max-width: 100%; width: 100%; padding: 8px}
div.produkt td {white-space: normal}
div.produkt td:first-child {font-weight: bold}
#produktleft h4 span.lower, #produktleft h5 span.lower, div.kategoria span.lower {font-size: 18px; line-height: 22px} 
#produkt img.logo {width: 190px}
div.kategoria img.logo {padding: 4px; margin: 0px; border: 1px solid #E0E0E0}
#produkt img.produkt {width: 640px; padding: 4px; border: 1px solid #E0E0E0}
#produkt img.produkt:hover {border: 1px solid #888888}
#produkt #produktleft {width: 200px; vertical-align: top}
#produkt #produktright {width: 650px}
#produkt #produktright img.mini {padding: 4px; margin-right: 2px; border: 1px solid #E0E0E0}
#produkt #produktright img.mini:hover {padding: 4px; margin-right: 2px; border: 1px solid #888888; cursor: pointer}
#bar {width: 100%; height: 120px; background: url('graphic/line3-gray.png') repeat-x 0px 103px}
#logobar div.wrapper-cell {height: 120px; float: left; background: url('graphic/line3-red.png') repeat-x 0px 103px}
#logobartable {width: 1140px}
#logobartable div.wrapper-cell {height: 120px; float: left}
#logobartable #logo {width: 360px; height: 120px}
#logobartable #logo img {margin-left: 10px; margin-top: 10px}
#logobartable #phone {width: 40px; height: 120px; text-align: right}
#logobartable #phone img {margin-top: 36px}
#logobartable #numbers img {display: none}
#logobartable #numbers {width: 170px; height: 120px}
#logobartable #numbers p {margin-top: 20px; padding-left: 10px; padding-top: 10px; height: 50px; font-family: 'Archivo Narrow'; font-size: 18px; line-height: 20px; color: #C00000; border-right: 1px solid #E94D4C}
#logobartable #numbers a {color: #C00000} 
#logobartable #profil {width: 40px; height: 120px; text-align: right}
#logobartable #profil img {margin-top: 40px}
#logobartable #logging img {display: none}
#logobartable #logging {width: 130px; height: 120px}
#logobartable #logging p {margin-top: 20px; padding-left: 10px; padding-top: 20px; height: 40px; font-family: 'Archivo Narrow'; font-size: 18px; line-height: 20px; color: #C00000; border-right: 1px solid #E94D4C}
#logobartable #logging a {color: #C00000} 
#logobartable #basket {width: 50px; height: 120px; text-align: right}
#logobartable #basket img {margin-top: 36px}
#logobartable #koszyk img {display: none}
#logobartable #koszyk {width: 200px; height: 120px}
#logobartable #koszyk p {margin-top: 20px; padding-left: 10px; padding-top: 20px; height: 40px; font-family: 'Archivo Narrow'; font-size: 18px; line-height: 20px; color: #C00000; border-right: 1px solid #E94D4C}
#logobartable #koszyk a {color: #C00000} 
#logobartable #zoom {width: 40px; height: 120px; text-align: right}
#logobartable #zoom img {margin-top: 40px; cursor: pointer}
#logobartable #szukaj img {display: none; cursor: pointer}
#logobartable #szukaj {width: 90px; height: 120px}
#logobartable #szukaj p {margin-top: 20px; padding-left: 10px; padding-top: 20px; height: 40px; font-family: 'Archivo Narrow'; font-size: 18px; line-height: 20px; color: #C00000; cursor: pointer}
#logobartable #szukaj a {color: #C00000} 
#menuuptoggle {display: none}
div.navigation {display: inline}
div[id^="menuup-"] {padding: 10px 28px 10px 0px; font-family: 'Archivo Narrow'; font-size: 16px; line-height: 20px; color: #E94C4C}
div[id^="menuup-"] a {color: #E94C4C}
div[id^="menuup-"] a:hover {color: #C00000}
div.dot {margin: 0px 14px 2px 0px; width: 5px; height: 5px; background-color: #C00000; border-radius: 50%; display: inline-block}

#slideshow-box {width: 850px; height: 300px}
#slideshow {width: 850px; height: 300px}
#slideshow-nav {bottom: 8px}
#slideshow-labels div.label {top: 100px; font-size: 50px; line-height: 70px; text-shadow: #474747 3px 5px 2px}

#menuproducenciall {width: 100%}
#menuproducenciinit {font-family: 'Archivo Narrow'; font-size: 16px; line-height: 20px; color: #E94C4C}
#menuproducencicell {width: 1140px; vertical-align: middle} 
#menuproducencicell img {margin: 2px 0px 2px 0px; vertical-align: middle}

.producenci-wrap {width: 1140px}

#menudowninit {width: 100%; background-color: #F0F0F0}
#menudowntheme {padding-top: 10px; padding-bottom: 20px}
div[id^="menudown-"] {padding: 0px 20px 0px 20px; font-family: 'Archivo Narrow'; font-size: 13px; line-height: 20px; color: #888888}
div[id^="menudown-"] a {color: #888888}
div[id^="menudown-"] a:hover {color: #444444}
div.menudown {display: inline}
div.dotdown {margin: 0px 0px 2px 0px; width: 5px; height: 5px; background-color: #404040; border-radius: 50%; display: inline-block}
#menudownkontakt .wrapper-cell {padding: 0px 20px 0px 20px; text-align: left; font-size: 11px}
#menudownkontakt .wrapper-cell p:first-child {font-family: 'Archivo Narrow'; font-size: 13px}

#szybkikontakt {padding: 20px 0px 20px 0px; font-family: 'Archivo Narrow'; font-size: 20px; line-height: 20px; color: #888888}
#szybkikontakt img {vertical-align: middle; margin-right: 4px}

#menutheme {margin: 16px 0px 10px 0px; width: 100%} 
#menutheme #menuleft {width: 270px; vertical-align: top}
#menutheme #interstice {width: 20px}
#menutheme #theme {width: 850px}

div.theme {margin: 20px auto 20px auto; padding: 0px 0px 0px 0px; font-family: 'Roboto'; font-size: 13px; line-height: 17px}

#formlogowanie {margin: 40px auto 20px auto; text-align: center}
#formlogowanie input[type=text], #formlogowanie input[type=password] {width: 380px; margin: 10px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #C00000}
#formlogowanie input[type=submit] {width: 400px; margin: 20px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #C00000; cursor: pointer} 
#formlogowanie p {margin: 20px; font-family: 'Roboto'; font-size: 16px; font-weight: bold; color: #C00000}
#formlogowanie p a {color: #E94C4C}
#formlogowanie p a:hover {color: #C00000}

#formszukaj {margin: 40px 0px 20px 0px}
#formszukaj input[type=text] {width: 380px; margin: 0px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #C00000; vertical-align: middle}
#formszukaj input[type=button] {width: 100px; margin: 0px 0px 10px 10px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #C00000; vertical-align: middle; cursor: pointer}
#formszukaj img {vertical-align: middle; margin-right: 4px}

#formrejestracja p:nth-child(n+3), #formzamowienie p:nth-child(n+2) {font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000}
#formrejestracja span, #formzamowienie span {font: normal 13px 'Archivo Narrow', Arial, Helvetica, sans-serif; color: #E94C4C}
#formrejestracja select, #formrejestracja textarea, #formrejestracja input[type=text], #formzamowienie input[type=text], #formrejestracja input[type=password] {width: 380px; margin: 10px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #E94C4C}
#formrejestracja textarea {resize: none}
#formrejestracja input[type=submit], #formzamowienie input[type=submit] {width: 400px; margin: 40px 0px 30px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #E94C4C; cursor: pointer}
#formrejestracja input[type=text]:hover, #formzamowienie input[type=text]:hover, #formrejestracja input[type=password]:hover, #formrejestracja input[type=submit]:hover, #formzamowienie input[type=submit]:hover {border: 2px solid #C00000}
#formrejestracja hr, #formzamowienie hr {border: 0px; margin: 6px 0px 8px 0px; padding: 0px; width: 100%; height: 2px; color: #E94C4C; background-color: #E94C4C} 
#formrejestracja img, #formzamowienie img {margin-top: 20px; cursor: pointer}

#formprzypomnienie {font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000}
#formprzypomnienie input[name=email] {width: 380px; margin: 10px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #E94C4C}
#formprzypomnienie input[name=przypomnij] {width: 400px; margin: 10px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #E94C4C; cursor: pointer}

#menukoszykdown div {display: inline-block}
#menukoszykdown input {margin-right: 20px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; background-color: #F0F0F0; color: #C00000; border: 2px solid #E94C4C; cursor: pointer}
#menukoszykdown input:hover {background-color: #E0E0E0}

#strefa input[type=button] {width: 400px; margin: 10px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #E94C4C; cursor: pointer}

#menukoszyk1 {width: 50%; height: 40px; vertical-align: middle}
#menukoszyk2 {width: 50%; height: 40px; vertical-align: top}
#menukoszyk2 p {float: right}
}

@media screen and (max-width: 1140px) {
h1 {margin: 0px 0px 20px 0px; padding: 0px 10px 0px 10px; font-size: 21px; line-height: 25px}
h1, h1.kategoria, h1.realizacje, h1.logowanie, h1.rejestracja, h1.potwierdzenie, h1.szukaj, h1.przypomnienie, h1.zamowienie, h1.koszyk {margin: 32px 0px 20px 10px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 16px; line-height: 20px; color: #FF4040}
div.produkt h1, div.kategoria h2 {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 18px; line-height: 22px; color: #C00000}
div.kategoria {margin: 0px 0px 20px 0px; padding: 10px 10px 10px 10px; border: 1px solid #C0C0C0}
div.kategoria p {margin: 10px 0px 10px -10px; padding: 0px 0px 0px 0px}
img.kategoria {border: 1px solid #E0E0E0; margin: 4px; padding: 4px; float: right}
img.kategoria:hover {border: 1px solid #888888}
div.kategoria h2 a {color: #C04040}
div.kategoria h2 a:hover {color: #C00000}
div.produkt h1 {margin: 0px 4px 10px 4px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 26px; line-height: 30px; color: #C00000}
div.produkt h2 {margin: 20px 4px 10px 4px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 16px; line-height: 20px; color: #FF4040}
#produktleft h3 {display: block; margin: 10px 0px 0px 0px; padding: 0px 4px 0px 4px; font-family: 'Archivo Narrow'; font-size: 26px; line-height: 32px; color: #C00000; text-decoration: underline}
#produktleft h4 {display: block; margin: 0px 0px 0px 0px; padding: 0px 4px 0px 4px; font-family: 'Archivo Narrow'; font-size: 30px; line-height: 36px; color: #C00000}
#produktleft h5 {display: block; margin: 0px 0px 0px 0px; padding: 0px 4px 0px 4px; font-family: 'Archivo Narrow'; font-size: 30px; line-height: 36px; color: #C0C0C0; text-decoration: line-through}

div.kategoria h3 {display: block; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 22px; line-height: 24px; color: #C00000; text-decoration: underline}
div.kategoria h4 {display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 24px; line-height: 28px; color: #C00000}
div.kategoria h5 {display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Archivo Narrow'; font-size: 24px; line-height: 28px; color: #C0C0C0}

div.kategoria span.lower {font-size: 18px; line-height: 22px} 

div.produkt p {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Roboto'; font-weight: normal; font-size: 14px; line-height: 18px; color: #000000}
#produkt {width: 100%}
#produkt #produktleft {display: block; width: 100%}
#produkt img.logo {width: 50vw; margin-left: 25%}
div.kategoria img.logo {padding: 4px; margin: 0px; border: 1px solid #E0E0E0}
#produkt #produktright {display: block; width: 100%}
#produktleft h4 span.lower, #produktleft h5 span.lower {font-size: 22px; line-height: 26px} 
#produkt img.produkt {display: block; width: 100%; padding: 4px; border: 1px solid #E0E0E0}
#produkt img.produkt:hover {border: 1px solid #888888}
div.produkt table, div.produkt tbody {table-layout: fixed; max-width: 100%; width: 100%; padding: 8px}
div.produkt td {white-space: normal}
div.produkt td:first-child {font-weight: bold}
#produkt #produktright img.mini {padding: 4px; margin-top: 4px; margin-right: 2px; border: 1px solid #E0E0E0}
#produkt #produktright img.mini:hover {padding: 4px; margin-top: 4px; border: 1px solid #888888; cursor: pointer}
#produkt img.produkt {width: 95%}
#bar {width: 100%; height: 140px; background: url('graphic/line3-gray.png') repeat-x 0px 103px}
#logobar div.wrapper-cell {width: 100%; height: 140px; float: left; background: url('graphic/line3-red.png') repeat-x 0px 103px}
#logobartable div.wrapper-cell {display: block; height: 140px; float: left}
#logobartable #logo {width: 100%; height: 100px}
#logobartable #logo img {margin-left: 10px; margin-top: 10px}
#logobartable #phone {display: none}
#logobartable #phone img {display: none}
#logobartable #numbers img {float: left; margin-top: 5px; margin-right: 4px}
#logobartable #numbers {width: 100%; height: 50px}
#logobartable #numbers p {margin-left: 10px; margin-top: 20px; padding-left: 0px; padding-top: 10px; height: 50px; font-family: 'Archivo Narrow'; font-size: 18px; line-height: 20px; color: #C00000}
#logobartable #numbers a {color: #C00000} 
#logobartable #profil {display: none}
#logobartable #profil img {display: none}
#logobartable #logging img {margin-left: 2px; margin-right: 10px; vertical-align: middle}
#logobartable #logging {width: 100%; height: 50px}
#logobartable #logging p {margin-left: 10px; margin-top: 20px; padding-left: 0px; padding-top: 20px; height: 40px; font-family: 'Archivo Narrow'; font-size: 18px; line-height: 20px; color: #C00000}
#logobartable #logging a {color: #C00000} 
#logobartable #basket {display: none}
#logobartable #basket img {display: none}
#logobartable #koszyk img {margin-right: 4px; vertical-align: middle}
#logobartable #koszyk {width: 100%; height: 50px}
#logobartable #koszyk p {margin-left: 10px; margin-top: 20px; padding-left: 0px; padding-top: 20px; height: 40px; font-family: 'Archivo Narrow'; font-size: 18px; line-height: 20px; color: #C00000}
#logobartable #koszyk a {color: #C00000}

#logobartable #zoom {display: none}
#logobartable #zoom img {display: none}
#logobartable #szukaj img {margin-right: 8px; vertical-align: middle}
#logobartable #szukaj {width: 100%; height: 50px}
#logobartable #szukaj p {margin-left: 10px; margin-top: 20px; padding-left: 0px; padding-top: 20px; height: 40px; font-family: 'Archivo Narrow'; font-size: 18px; line-height: 20px; color: #C00000}
#logobartable #szukaj a {color: #C00000}

#menuupall {width: 100%; background-color: #E94C4C} 
#menuupinit {margin-top: 200px; width: 80%}
div.navigation {display: none}
div.show {display: block}
#menuuptoggle {display: block; width: 100%; padding: 15px 0px 15px 0px; font-family: 'Archivo Narrow'; font-size: 18px; line-height: 22px; color: #FFFFFF; background-color: #E94C4C; cursor: pointer}
#menuuptoggle img {margin-left: -30px; margin-right: 8px; vertical-align: middle}
#menuuptoggle a {color: #FFFFFF}
#menuuptoggle a:hover {color: #E0E0E0}
div[id^="menuup-"] {display: block; width: 100%; padding: 15px 30px 15px 0px; font-family: 'Archivo Narrow'; font-size: 18px; line-height: 22px; color: #FFFFFF; background-color: #E94C4C; border-bottom: 1px solid #E0E0E0}
div[id^="menuup-"] a {color: #FFFFFF}
div[id^="menuup-"] a:hover {color: #E0E0E0}
div.dot {display: none}

#menuproducenciall {width: 100%}
#menuproducenciinit {font-family: 'Archivo Narrow'; font-size: 16px; line-height: 20px; color: #E94C4C}
#menuproducencicell {width: 100%; vertical-align: middle} 
#menuproducencicell img {margin: 2px 0px 2px 0px; vertical-align: middle}

.producenci-wrap {width: 95vw}

#menudowninit {width: 100%; background-color: #F0F0F0}
#menudowntheme {display: none}
#menudownkontakt .wrapper-cell {padding: 10px 20px 10px 20px; text-align: left; font-size: 16px; line-height: 22px; display: block}
#menudownkontakt .wrapper-cell p:first-child {font-family: 'Archivo Narrow'; font-size: 16px; line-height: 22px}
#szybkikontakt {padding: 20px 0px 80px 0px; font-family: 'Archivo Narrow'; font-size: 20px; line-height: 20px; color: #888888}
#szybkikontakt img {vertical-align: middle; margin-right: 4px}
#szybkikontakt a {display: block}
#szybkikontakt span:first-child {display: block}
#szybkikontakt span.mailantispamlabel {display: inline}

#menutheme .wrapper-cell {display: block}
#menutheme {width: 100%}

#slideshow-box {width: 100%; height: 40vw}
#slideshow {width: 100%; height: 40vw}
#slideshow-nav {bottom: 28px}
#slideshow-labels div.label {top: 40px; font-size: 30px; line-height: 40px; text-shadow: #474747 2px 4px 2px}
#menutheme #slideshow img {width: 100%}

div.theme {width: 100%; margin: 0px auto 20px auto; padding: 0px 0px 0px 0px; font-family: 'Roboto'; font-size: 14px; line-height: 17px}
div.theme p {padding: 0px 10px 0px 10px}

#formlogowanie {margin: 40px auto 20px auto; text-align: center}
#formlogowanie input[type=text], #formlogowanie input[type=password] {width: 80%; margin: 10px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #C00000}
#formlogowanie input[type=submit] {width: 80%; margin: 20px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #C00000; cursor: pointer} 
#formlogowanie p {margin: 20px; font-family: 'Roboto'; font-size: 16px; font-weight: bold; color: #C00000}
#formlogowanie p a {color: #E94C4C}
#formlogowanie p a:hover {color: #C00000}

#formszukaj {margin: 40px 0px 20px 0px}
#formszukaj input[type=text] {width: 50%; margin: 0px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #C00000; vertical-align: middle}
#formszukaj input[type=button] {width: 100px; margin: 0px 0px 10px 10px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #C00000; vertical-align: middle; cursor: pointer}
#formszukaj img {vertical-align: middle; margin-right: 4px}

#formrejestracja p:nth-child(n+3), #formzamowienie p:nth-child(n+2) {font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000}
#formrejestracja span, #formrejestracja span {font: normal 11px 'Archivo Narrow', Arial, Helvetica, sans-serif; color: #E94C4C}
#formrejestracja select, #formrejestracja textarea, #formrejestracja input[type=text], #formzamowienie input[type=text], #formrejestracja input[type=password] {width: 80%; margin: 10px 0px 10px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #E94C4C}
#formrejestracja textarea {resize: none}
#formrejestracja input[type=submit], #formzamowienie input[type=submit] {width: 80%; margin: 40px 0px 30px 0px; padding: 8px; font-family: 'Roboto'; font-size: 14px; font-weight: bold; color: #C00000; border: 2px solid #E94C4C; cursor: pointer}
#formrejestracja input[type=text]:hover, #formzamowienie input[type=text]:hover, #formrejestracja input[type=password]:hover, #formrejestracja input[type=submit]:hover, #formzamowienie input[type=submit]:hover {border: 2px solid #C00000}
#formrejestracja hr, #formzamowienie hr {border: 0px; margin: 6px 0px 8px 0px; padding: 0px; width: 80%; height: 2px; color: #E94C4C; background-color: #E94C4C} 
#formrejestracja img, #formzamowienie img {margin-top: 20px; cursor: pointer}

#menukoszyk1 {display: block; width: 100%; vertical-align: bottom}
#menukoszyk2 {display: block; width: 100%; vertical-align: top}
#menukoszyk2 p {float: right}
}