/* ------------------ Czcionka Anton z Google Fonts - każd czcionka ma swój kod który trzeba dodać do css,
jak poniżej, a nastepnie wstawić nazwę tej czcionki 'Anton' do np. h1------------------- */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');/* ------------------ Koniec ------------------- */
*{padding:0;margin:0;}
img{border:0;max-width:100%;}
html, body{background:#FFF;font:18px/20px 'Helvetica', Arial, sans-serif;color:#000;height:100%;width:100%;margin:0;font-weight:400;}
#wrapper{margin:0 auto;}
#header{background:#000;}
#footer{height:auto;background:#000;margin:20px 0 20px 0;padding:25px 0 0 0;clear:both;font-stretch: semi-condensed;font-size:18px;}
#header img{height:auto;}
#content{word-spacing:1px;line-height:1.4;margin-top:50px;margin-bottom:20px;}
#icon_3{background:#000;width:100%;height:auto;min-height:60px;}
#icon_wyp{background:#000;width:100%;height:auto;min-height:230px;} /* wysokość div w którym są ikony wypożyczalni */
#icon_wese{background:#000;width:100%;height:auto;min-height:60px;}
#baner{background:#000 url(../images/baner66.jpg) center no-repeat;width:100%;height:250px;} /* url(../images/baner6.jpg) center no-repeat; */
#baner_2{background:#000 url(../images/baner5.jpg) center no-repeat;width:100%;height:180px;}
#baner_3{background:#000 url(../images/baner7.jpg) center no-repeat;width:100%;height:250px;}
#baner_tel{background:#000 url(../images/baner66.jpg) center no-repeat;width:100%;height:250px;}/*baner musiaem zrobić h=302px bo pojawiała się biała kreska przy wymiarach 300px*/
#baner_telw{background:#000 url(../images/baner7.jpg) center no-repeat;width:100%;height:250px;}
#baner_kontakt{background:#fff;width:100%;height:300px;}
#icon_2{margin-bottom:200px;}
#logo_djsound{float:left;}
/* ------------------ R W D min 480 ------------------- */
@media (min-width:320px){html, body{background:#FFF;height:100%;width:100%;margin:0;}
#wrapper{width:95%;}
#content{width:100%;text-align:center;display:block;font-size:20px;}
#content img{max-width:100%;height:auto;}
#lewy{display:block;clear:both;width:100%;} /*clear:both; - przyleganie, both - żaden bok nie przylega*/
#prawy{display:block;clear:both;width:100%;} /*clear:both; - przyleganie, both - żaden bok nie przylega*/
#pasek{display:none;} /*górny pasek: o nas, opinie, galeria itp. dla wszystkich stron*/
#footer{display:none;} /*stopka menu w 3 kolumnach*/
#footer_2{display:block;background:#000;font-size:20px;clear:both} /*stopka menu w 1 kolumnie*/
#smartfon3{display:none;} /* djpoznan.html tabela (dj - wodzirej) oraz djweselny.html tabela (Dworki | Pałace | Zamki) dwie kolumny */
#smartfon3a{display:none;} /* djweselny.html tabela (Restauracje | Sale bankietowe | Kluby) dwie kolumny */
#smartfon3b{display:none;} /* djweselny.html tabela (Hotele) dwie kolumny */
#smartfon4{display:table;}  /* djweselny.html tabela (Dworki | Pałace | Zamki) jedna kolumna */
#smartfon4a{display:table;} /* djweselny.html tabela (Restauracje | Sale bankietowe | Kluby) jedna kolumna */
#smartfon4b{display:table;} /* djweselny.html tabela (Hotele) jedna kolumna */
#smartfon5{display:table;}  /* ??? prawdopodobnie stara tabela z pakietami */
#smartfon6{display:table;}  /* ??? prawdopodobnie stara tabela z pakietami */
#icon_wese{display:none;} /* menu poziome (kafelki) wesele: start, wypożyczalnia, dj na wesele...itd */
#icon_3{display:none;} /* menu poziome (kafelki) index: wypożyczalnia, dj na wesele, dj klubowy...itd */
#icon_wyp{display:none;} /* ikony wypożyczalni */
#logo_djsound{display:none;} /* duże logo logo-dj-wesele.jpg */
#baner_tel{display:none;}  /* baner index dla max 750 */
#baner_telw {display:none;}/* baner wesele dla max 750 */
}
/* ------------------ R W D min 768 ------------------- */
@media (min-width:768px){#wrapper{width:95%;}
#content{width:100%;text-align:center;display:block;font-size:20px;}
#lewy{clear:none ;width:48%;float:left;} /*clear:none; - przyleganie, none - brak ograniczeń*/
#prawy{clear:none ;width:48%;float:right;} /*clear:none; - przyleganie, none - brak ograniczeń*/
#footer{display:block;background:#000;font-size:20px;clear:both;} /*stopka menu w 3 kolumnach*/
#footer_2{display:none;} /*stopka menu w 1 kolumnie*/
}
/* ------------------ R W D min 992 ------------------- */
@media (min-width:992px){#wrapper{width:95%;}
#content{width:100%;float:right;text-align:justify;font-size:18px;}
#content img{max-width:100%;height:auto;}
#myTopnav{display:none;} /*rozwijane menu (czerwone tło, 3 kreski))*/
#pasek{display:block;} /*górny pasek: o nas, opinie, galeria itp. dla wszystkich stron*/
#footer{display:block;background:#000;font-size:18px;clear:both;} /*stopka menu w 3 kolumnach*/
#icon_wese{display:block;} /* menu poziome (kafelki) wesele: start, wypożyczalnia, dj na wesele...itd */
#icon_3{display:block;} /* menu poziome (kafelki) index: wypożyczalnia, dj na wesele, dj klubowy...itd */
#icon_wyp{display:block;} /* ikony wypożyczalni */
#logo_djsound{display:block;} /* duże logo logo-dj-wesele.jpg */
#baner{display:block;} /* baner index: logo, bacground, nagłówek */
#baner_2{margin-bottom:1px;} /* baner wypożyczalnia */
#baner_3{display:block;} /* baner wesele */
#smartfon3{display:table;} /* djpoznan.html tabela (dj - wodzirej) oraz djweselny.html tabela (Dworki | Pałace | Zamki) dwie kolumny */
#smartfon3a{display:table;} /* djweselny.html tabela (Restauracje | Sale bankietowe | Kluby) dwie kolumny */
#smartfon3b{display:table;} /* djweselny.html tabela (Hotele) dwie kolumny */
#smartfon4{display:none;}  /* djweselny.html tabela (Dworki | Pałace | Zamki) jedna kolumna */
#smartfon4a{display:none;} /* djweselny.html tabela (Restauracje | Sale bankietowe | Kluby) jedna kolumna */
#smartfon4b{display:none;} /* djweselny.html tabela (Hotele) jedna kolumna */
#baner_kontakt{margin-bottom:30px;} /* ??? */
}



#kontakt{display:none;} /*przycisk kontakt*



/* ------------------ R W D max 1125 ------------------- */
@media (min-width:1125px){#wrapper{width:1100px !important;}
}




/* ------------------ R W D dotyczące topnav nawigacji (kreski na czerwonym tle) Bez tych komend wyświetla się dodatkowe menu u góry w rozdzielczości poniżej 992) ------------------- */

@media screen and (max-width:992px){.topnav a:not(:first-child){display:none;}
.topnav a.icon{float:right;display:block;font-size:25px;background:#bb2025;}

.topnav a.icon_barwa2{float:right;display:block;font-size:25px;background:#B97A00;}
.topnav a.icon_barwa3{float:right;display:block;font-size:25px;background:#0000AD;}
}
@media screen and (max-width:922px){.topnav.responsive{position:relative;}
.topnav.responsive .icon{position:absolute;right:0;top:0;}

.topnav.responsive .icon_barwa2{position:absolute;right:0;top:0;}
.topnav.responsive .icon_barwa3{position:absolute;right:0;top:0;}
.topnav.responsive a{float:none;display:block;text-align:left;}
}
/* ------------------ R W D KONIEC ------------------- */

a:link{color:#bb2025;text-decoration:none;}
a:visited{color:#bb2000;text-decoration:none;}
a:hover{color:#903;text-decoration:none;}
a:active{color:#F00;text-decoration:none;}
p.akapit{text-indent:20px;}
p.center{text-align:center;}
p.left{text-align:left;}
p.right{text-align:right;}
p.wesele{color:#73004A;}
table.w_kolor{background-color:#E6E6E6;width:99%;}
td.w_lewa{width:30%;}
td.w_centralna{text-align:left;}
td.w_prawa{text-align:right;width:20%;}
td.w_linia{background-color:#FFFFFF;}
table.kategorie{background-color:#E6E6E6;width:99%;}
tr.center{text-align:center;}
a.przycisk{padding:10px 0 10px 0;text-align:center;vertical-align:middle !important;color:#000;background:#DADADA;cursor:pointer;display:block;outline:none;border:1px transparent solid;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:0;border-bottom-left-radius:0px;width:100%;height:auto;clear:both;margin:auto;}
a.przycisk:hover{color:#fff;background:#808080;text-decoration:none;cursor:pointer;}
a.przycisk:active{color:#000;background:#D4F0FF;text-decoration:none;cursor:pointer;}
a.przycisk2{padding:10px 0 10px 0;text-align:center;vertical-align:middle !important;color:#fff;background:#585858;cursor:pointer;display:block;outline:none;border:1px transparent solid;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:0;border-bottom-left-radius:0px;width:100%;height:auto;clear:both;margin:auto;}
a.przycisk2:hover{color:#fff;background:#000;text-decoration:none;cursor:pointer;}
a.przycisk2:active{color:#000;background:#E6E6E6;text-decoration:none;cursor:pointer;}
.button_dj{padding:15px 15px 15px 15px;text-align:center;vertical-align:middle !important;color:#565656;cursor:pointer;display:block;outline:none;border:2px solid #6E6E6E;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;width:90%;height:auto;clear:both;margin:auto;position:static;font-size:20px;font-weight:bold;}
.button_dj:hover{text-decoration:none;border:2px solid #0000AD;color:#0000AD;}
.button_dj:active{text-decoration:none;border:2px solid #B6B6B6;color:#B6B6B6;}
a.button_dj{color:#000;}
.ikony_regul{float:left;}
.ikony_kontakt{float:left;height:auto;text-align:left;display:block;clear:both;}
.ikony{float:left;width:9.7%;height:auto;height:auto;text-align:center;vertical-align:middle;position:static;color:#0000AD;border:1px #000;font-size:13px}
a.ikony:hover{background:#fff;text-decoration:none;;color:#0000FE;}
a.ikony:active{background:#fff;text-decoration:none;color:#B6B6B6;}
a.ikony{color:#000;}
.ikony_2{font-size:16px;float:left;width:16.35%;height:auto;min-height:30px;text-align:center;vertical-align:middle;position:static;background:#000;border:0;padding:15px 0 15px 0;font-stretch:semi-condensed;font-weight:600;}
a.ikony_2{color:#fff;}
a.ikony_2:hover{background:#600;text-decoration:none;color:#fff;}
a.ikony_2:active{background:#4A4A4A;text-decoration:none;color:#B6B6B6;}
.ikony_3{font-size:16px;float:left;width:16.35%;height:auto;min-height:40px;text-align:center;vertical-align:middle;position:static;background:#000;border:0;padding:20px 0 20px 0;font-stretch:semi-condensed;font-weight:600;}
a.ikony_3{color:#C2C2C2;}
a.ikony_3:hover{background:#0000B9;text-decoration:none;color:#fff;}
a.ikony_3:active{background:#4A4A4A;text-decoration:none;color:#B6B6B6;}
.ikony_4{font-size:16px;float:left;width:16.35%;height:auto;min-height:30px;text-align:center;vertical-align:middle;position:static;background:#000;border:0;padding:15px 0 15px 0;font-stretch:semi-condensed;font-weight:600;}
a.ikony_4{color:#fff;}
a.ikony_4:hover{background:#800000;text-decoration:none;color:#fff;}
a.ikony_4:active{background:#FFB400;text-decoration:none;color:#fff;}
.ikony_tekst{width:auto;}
.button_szeroki{padding:15px 15px 15px 15px;text-align:center;vertical-align:middle !important;color:#565656;cursor:pointer;display:block;outline:none;border:2px solid #6E6E6E;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;width:70%;height:auto;clear:both;margin:auto;position:static;font-size:18px;font-weight:bold;}
a.button_szeroki{color:#000;}
.button_szeroki:hover{text-decoration:none;border:2px solid #0000AD;color:#0000AD;background:#fff;}
.button_szeroki:active{text-decoration:none;border:2px solid #B6B6B6;color:#B6B6B6;}
.dalej{padding:15px 15px 15px 15px;text-align:center;vertical-align:middle !important;color:#bb2025;cursor:pointer;display:block;outline:none;border:2px solid #bb2025;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;width:70%;height:auto;clear:both;margin:auto;position:static;font-size:16px;font-weight:bold;}
.dalej:hover{text-decoration:none;border:2px solid #bb2025;color:#fff;background:#bb2025;}
.dalej:active{text-decoration:none;border:2px solid #F17800;color:#fff;background:#F17800;}
/* ------------------ przycisk nr telefonu bordowyi nieaktualny ------------------- */
.telefon{text-align:center;vertical-align:middle !important;cursor:pointer;display:block;outline:none;background:#fff;border:2px solid #bb2025;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;width:auto;height:40px;clear:both;margin:auto;position:static;font-size:18px;font-weight:bold;box-shadow:5px 5px 10px silver;color:#bb2025;padding:15px 15px 0px 15px;overflow:hidden;}
a.telefon{color:#bb2025;font-size:22px;width:60%}
.telefon:hover{color:#fff;background:#bb2025;text-decoration:none;border:2px solid #bb2025;}
.telefon:active{color:#fff;background:#F17800;text-decoration:none;border:2px solid #F17800;}
/* ------------------ przycisk nr telefon2 czarny ------------------- */
.telefon2{text-align:center;vertical-align:middle !important;cursor:pointer;display:block;outline:none;background:#FFF;border:1px solid #000;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;width:auto;height:40px;clear:both;margin:auto;position:static;font-size:16px;font-weight:bold;box-shadow:5px 5px 10px silver;color:#bb2025;padding:15px 15px 0px 15px;overflow:hidden;}
a.telefon2{color:#000;font-size:22px;width:60%}
.telefon2:hover{color:#fff;background:#000;text-decoration:none;border:1px solid #A0A0A0;}
.telefon2:active{color:#fff;background:#A0A0A0;text-decoration:none;border:1px solid #5F5F5F;}
/* ------------------ KONIEC przycisków talefon ------------------- */
.button_dj2{padding:10px 0px 10px 0;text-align:center;vertical-align:middle !important;color:#000;cursor:pointer;display:block;outline:none;background:#E7E7E7;border:1px transparent solid;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;width:100%;height:auto;clear:both;margin:auto;position:static;font-size:16px;}
.button_dj2:hover{color:#000;background:#D0D0D0;text-decoration:none;}
.button_dj2:active{color:#000;background:#3F0;text-decoration:none;}
a.button_dj2{color:#000;}
.div_dzial{padding:10px 0 10px 0;text-align:center;vertical-align:middle !important;color:#fff;display:block;outline:none;background:#000090;border:1px transparent solid;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;width:100%;height:auto;clear:both;margin:auto;font-size:16px;}
.div_dzial_2{padding:10px 0 10px 0;text-align:center;vertical-align:middle !important;color:#fff;display:block;outline:none;background:#800080;border:1px transparent solid;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;width:100%;height:auto;clear:both;margin:auto;font-size:16px;}
.div_dzial_3{padding:10px 0 10px 0;text-align:center;vertical-align:middle !important;color:#fff;display:block;outline:none;background:#800000;border:1px transparent solid;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;width:100%;height:auto;clear:both;margin:auto;font-size:16px;}
.div_dzial2{padding:10px 0 10px 0;text-align:center;vertical-align:middle !important;color:#fff;display:block;outline:none;background:#585858;border:1px transparent solid;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:0px;border-bottom-left-radius:0;width:100%;height:auto;clear:both;margin:auto;font-size:16px;}
.div_dzial3{padding:10px 0 10px 0;text-align:center;vertical-align:middle !important;color:#B90000;display:inline-block;outline:none;background:#585858;border:1px transparent solid;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:0;border-bottom-left-radius:0px;width:73%;height:auto;clear:both;margin:auto;font-size:16px;float:right;}
h2.naglowek_1{font:26px 'Arial Narrow', Anton, sans-serif;color:#bb2025;margin:0 0 10px 0;line-height:28px;font-weight:600;text-align:center;}
.naglowek_2{color:#000;}
h2.naglowek_3{font:26px 'Arial Narrow', Anton, sans-serif;color:#0000AD;margin:0 0 10px 0;line-height:28px;font-weight:600;text-align:center;}
.naglowek_4{color:#000;}
h2.naglowek_7{font:26px 'Arial Narrow', Anton, sans-serif;color:#bb2025;margin:0 0 10px 0;line-height:28px;font-weight:600;text-align:center;}
.naglowek_8{color:#000;}
h2.naglowek_9{font:26px 'Arial Narrow', Anton, sans-serif;color:#966200;margin:0 0 10px 0;line-height:28px;font-weight:600;text-align:center;}
h2{color:#000;font-weight:100;font-size:24px;text-align:left;padding:0 0 10px 0;}
h2.kontakt{color:#000;font-weight:600;font-family:'Helvetica LT Std', sans-serif;margin:0;font-size:22px;text-align:center;}
h1.baner{font:32px/34px 'Arial Narrow', Anton, sans-serif;color:#fff;word-spacing:1px;line-height:38px;text-align:right;padding:15px 20px 0 0;font-weight:600;float:right;}
h1.baner2{font:32px/34px 'Arial Narrow', Anton, sans-serif;color:#fff;word-spacing:1px;line-height:38px;text-align:right;padding:20px 30px 10px 10px;font-weight:600;float:right;}
h1.upss{font:60px/62px 'Helvetica LT Std', sans-serif;color:#fff;word-spacing:1px;line-height:38px;text-align:right;padding:20px 30px 0 0;font-weight:400;line-height:1.5;}
.naglowek_upss1{color:#B8B8B8;font-weight:600;font-family:'Helvetica LT Std', sans-serif;margin:0;font-size:160px;text-align:center;}
h3.naglowek_5{color:#000;font-weight:600;font-family:'Helvetica LT Std', sans-serif;margin:0;font-size:20px;padding:30px 0 10px 0}
.div_facebook{float:right;padding:5px 0 0 0;margin:0;}
.div_wykaz{padding:10px 0 10px 0;text-align:center;vertical-align:middle !important;color:#000;display:block;outline:none;width:100%;height:auto;clear:both;margin:auto;font-size:18px;}
.cena{font-size:20px;font-weight:600;text-align:center;}
.kaucja{font-size:20px;color:#626262;text-align:center;}
.gratis{color:#B40000;}
.sesja{font-size:16px;color:#999;text-align:center;}
img.fotografia{text-align:center;vertical-align:middle !important;padding:0 0 0 0;cursor:pointer;display:block;outline:none;width:100%;height:auto;clear:both;margin:auto;}
img.fotografia_index{text-align:center;padding:0 0 0 0;vertical-align:middle !important;color:#fff;background:#B6B6B6;cursor:pointer;display:block;outline:none;border:1px transparent solid;clear:both;margin:auto;box-shadow:5px 5px 10px silver;width:97% !important;height:auto;}
img.whatsapp{text-align:center;vertical-align:middle !important;padding:0 0 0 0;cursor:pointer;outline:none;width:20%;height:auto;clear:both;margin:auto;}
img.socialmedia{text-align:center;vertical-align:middle !important;padding:0 15px 0 0;cursor:pointer;outline:none;width:20%;height:auto;clear:both;margin:auto;}
iframe.mapa{text-align:center;vertical-align:middle !important;padding:0 0 0 0;vertical-align:middle !important;color:#fff;background:#B6B6B6;cursor:pointer;display:block;outline:none;border:1px transparent solid;clear:both;margin:0px;width:100% !important;height:250px;}
iframe.soundcloud{border:1px transparent solid;margin:auto;box-shadow:5px 5px 10px silver;width:97% !important;padding:0 0 0 0;}
.img_wykaz{text-align:center;vertical-align:middle !important;padding:0 0 0 0;color:#fff;;display:block;outline:none;border:1px transparent solid;width:100%;height:auto;clear:both;margin:auto;}
.img_tekst{text-align:center;margin-bottom:0;background:white;box-shadow:5px 5px 10px silver;width:97% !important;}
.img_iko{margin-right:0;margin-bottom:0;display:block;clear:both;margin:10px;border:1px solid silver;background:white;padding:4px;border-radius:3px;box-shadow:5px 5px 10px silver;width:auto !important;height:auto;float:left;text-align:justify}
.img_ikony{display:block;float:left;margin:10px;border:1px solid silver;background:white;padding:4px;border-radius:3px;box-shadow:5px 5px 10px silver;width:auto !important;height:auto;}
iframe.fotografia_index{text-align:center;padding:0 0 0 0;vertical-align:middle !important;color:#fff;background:#B6B6B6;cursor:pointer;display:block;outline:none;border:1px transparent solid;clear:both;margin:auto;box-shadow:5px 5px 10px silver;width:97% !important;height:288px;}
p.ikony{clear:both;}
table.pozioma{background:white;text-align:center;width:100% !important;table-layout:fixed;border-collapse:collapse;margin:15px auto 15px auto;border:1px}
table *{border:1px solid #CECECE;padding:10px;vertical-align:text-top;color:#000;outline:none;}
caption{padding:10px;font-size:18px;background:#fff;color:#323232;border:0;}
.kolor_3{color:#0000AD;}
th{padding:10px;background:#CECECE;color:#323232;border:1px solid transparent ;border-color:#CECECE;outline:none;}
td.kolor{background:#F4F4F4;color:#000;}
td.kolor2{background:#FAF7FA;color:#4A4A4A;border:0;}
td.tytul{padding:10px;font-size:18px;background:#B900B9;color:#fff;border:1px solid #ccc;}
tfoot{color:#800080;border:0;}
table.pionowa{background:white;text-align:center;width:97% !important;table-layout:fixed;border-collapse:collapse;margin:15px auto 15px auto;}
table.stopa{background:#000;border:0;text-align:left;width:100% !important;table-layout:fixed;border-collapse:collapse;color:#fff;margin-bottom:30px;}
table.stopa *{color:#fff;border:0;}
ul.s li.s{display:block;list-style:none;margin:0;padding:0;line-height:1.9;}
ul.s a:link, ul.s a:visited{text-decoration:none;display:block;background:#000;color:#B6B6B6;padding:10px 16px;}
ul.s a:hover{color:#bb2025;}
ul.s a:active{color:#fff;}
#pasek{top:0;left:0;right:0;height:50px;font-size:16px;overflow:hidden;background:#000;margin:0 auto;border:0;}
ul.p li.p{display:block;list-style:none;margin:0;float:right;color:#fff;background:#000;}
ul.p a:link, ul.p a:visited{text-decoration:none;display:block;background:#000;color:#fff;padding:10px 16px 10px 16px;}
ul.p a:hover{color:#bb2025;}
ul.p a:active{color:#B6B6B6;}
ol.rodo {padding:15px 0 0 20px;}
img.i{border:1px solid #fff;margin:25px;width:20px;height:20px;}
img.djs{width:90px;height:50px;}
.logo{float:left;vertical-align:top;margin:2px 0px 10px 3px}
.logo_baner{float:left;}
.fff{background:#fff;}
.color{color:#fff;}
.adres {text-decoration:none;display:block;background:#000;color:#fff;padding:2px 16px;}
.adres a{color:#B6B6B6;text-decoration:none;}
.szeroki{width:100%;clear:both;}
.rogi{border-top-left-radius:10px;border-top-right-radius:10px;background:#fff;}
.pagination a{color:black;float:left;padding:12px 20px;text-decoration:none;transition:background-color .3s;font-size:22px}
.pagination a.active{background-color:#bb2025;color:white;}
.pagination a:hover:not(.active){background-color:#ddd;}
.topnav{overflow:hidden;background-color:#000;font-size:18px;}
.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px 20px 16px;text-decoration:none;}
.topnav a:hover{color:#CCC;}
.active{background-color:#000;color:white;font-size:22px;}

/* ------------------ chyba zdublowane komendy ponieważ menu dla R W D min 992 usówa #myTopnav{display:none;} <div class="topnav" id="myTopnav"> ------------------- */
.topnav .icon .icon_barwa2 .icon_barwa3{display:none;}


/* ------------------ jak wypozyczyc sprzet ------------------- */
p.jak{
padding:15px 15px 15px 15px;text-align:center;vertical-align:middle !important;display:block;
outline:none;border:solid #0000AD;
border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:12px;
height:auto;clear:both;margin:20px 5px 5px 5px;position:static;font-size:18px;
}