.IMG-baner-ALVEUS {content:url("/images/css/baner-TOP/ALVEUS-TOP.jpg");}
.IMG-baner-BLANCO {content:url("/images/css/baner-TOP/BLANCO-TOP.jpg");}
.IMG-baner-BLUE-WATER {content:url("/images/css/baner-TOP/BLUE-WATER-TOP.jpg");}
.IMG-baner-BRENOR {content:url("/images/css/baner-TOP/BRENOR-TOP.jpg");}
.IMG-baner-DEANTE {content:url("/images/css/baner-TOP/DEANTE-TOP.jpg");}
.IMG-baner-ELLECI {content:url("/images/css/baner-TOP/ELLECI-TOP.jpg");}
.IMG-baner-FRANKE {content:url("/images/css/baner-TOP/FRANKE-TOP.jpg");}
.IMG-baner-GENESIS {content:url("/images/css/baner-TOP/GENESIS-TOP.jpg");}
.IMG-baner-KERNAU {content:url("/images/css/baner-TOP/KERNAU-TOP.jpg");}
.IMG-baner-PLADOS {content:url("/images/css/baner-TOP/PLADOS-TOP.jpg");}
.IMG-baner-PYRAMIS {content:url("/images/css/baner-TOP/PYRAMIS-TOP.jpg");}
.IMG-baner-QUADRON {content:url("/images/css/baner-TOP/QUADRON-TOP.jpg");}
.IMG-baner-REGINOX {content:url("/images/css/baner-TOP/REGINOX-TOP.jpg");}
.IMG-baner-SCHOCK {content:url("/images/css/baner-TOP/SCHOCK-TOP.jpg");}
.IMG-baner-SMEG {content:url("/images/css/baner-TOP/SMEG-TOP.jpg");}
.IMG-baner-ŚMIGIELSKI {content:url("/images/css/baner-TOP/SMIGIELSKI-TOP.jpg");}
.IMG-baner-STEINER {content:url("/images/css/baner-TOP/STEINER-TOP.jpg");}
.IMG-baner-SystemCeram {content:url("/images/css/baner-TOP/SystemCeram-TOP.jpg");}
.IMG-baner-TEKA {content:url("/images/css/baner-TOP/TEKA-TOP.jpg");}
.IMG-baner-BERG {content:url("/images/css/baner-TOP/BERG-TOP.jpg");}
.IMG-baner-F-DESIGN {content:url("/images/css/baner-TOP/F-DESIGN-TOP.jpg");}
.IMG-baner-STEINER {content:url("/images/css/baner-TOP/STEINER-TOP.jpg");}

.IMG-zachecamy-do-zakupu-przedluzkaFRANKE {content:url("/images/zdjecia/franke/przedluzkaFRANKE.jpg");}

rb {color: red; font-weight: bold;}
#opis-hidetext {font-size: 0;}
.rb {color: red; font-weight: bold;}
.wykonujemy-otwory {font-size:190%;}
.table-opis  {display: table; width: 100%;}
.table-tr-opis {display: table-row;}
.table-th-opis {display: table-cell; width: 170px; background-color:#f2f2f2; padding-top: 8px; text-align: center; vertical-align: top; font-size: 180%; border-right: 4px solid red;}
.table-td-opis {display: table-cell; width: 87%; padding: 0px 0px 0px 8px;}
.teble-otwory {padding: 10px 10px 10px 10px; width:97%; background-color: grey; text-align: center; color:#ffffff;}

.table-spec{width: 100%;border-collapse: collapse;border-spacing: 0;}
.tabela-spec-L {border-top: 1px solid #ddd;padding: 10px;text-align: right;vertical-align: middle;width:50%;height:auto;font-weight: bold;}
.tabela-spec-P {border-top: 1px solid #ddd;padding: 10px;text-align: left;vertical-align: middle;width:50%;height:auto;}
.table-spec tbody tr:nth-child(even) td {background-color: #f3f3f3;}


.cechy-IMG { text-align: center;padding: 8px;}
.cechy-OPIS {text-align: left;width:80%;vertical-align: middle; }
.cechy-OPIS-naglowek {font-size: 150%;margin-top: 5px;margin-bottom: 15px;}

.produkt_archiwalny-opis  {display: table; width: 100%;}
.produkt_archiwalny-tr-opis {display: table-row;}
.produkt_archiwalny-th-opis {display: table-cell; width: 50%; background-color:#000000; color: #ffffff; text-align: center; vertical-align: middle; padding: 10px; font-size: 180% }
.produkt_archiwalny-td-opis {display: table-cell; width: 50%;text-align: center; vertical-align: middle; padding: 10px}
.przycisk_produkt_archiwalny{background-color: #e10101;color: #ffffff; font-size: 26px; padding: 10px; text-decoration: none;transition-duration: 0.4s; display: block;}
.przycisk_produkt_archiwalny:hover{background-color: #525252; color: #ffffff;display: block;}
.produkt_archiwalny_td_img {display: inline-block; max-width: 50%;padding: 10px}
.produkt_archiwalny_26px {font-size: 26px;margin-top:15px;}
.produkt_archiwalny_26px-bottom {font-size: 26px;margin-bottom:15px;}
.produkt_archiwalny_50px {font-size: 50px; font-weight: bold;}

@media only screen and (max-width: 700px)
{
.cechy-TABELA tr{display: block;}
.cechy-IMG {display: block;text-align: center;}
.cechy-OPIS{display: grid;width: 100%;text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px; }

}

@media only screen and (max-width: 1000px)
{
.produkt_archiwalny-th-opis {display: table; width: 96%; background-color:#000000; color: #ffffff; text-align: center; vertical-align: middle; padding: 10px}
.produkt_archiwalny-td-opis {display: table; width: 98%; text-align: center; vertical-align: middle; padding: 10px}
.produkt_archiwalny_td_img {display: -webkit-inline-box; max-width: 50%;padding: 10px}
.produkt_archiwalny_26px {font-size: 22px; text-align: center;}
.produkt_archiwalny_50px {font-size: 30px; font-weight: bold; text-align: center;}


.table-th-opis {display: table; width: 96%; padding: 10px; border-right: 0px; border-bottom: 6px solid red;font-size: 150%;text-align: left; }
.table-td-opis {display: table; width: 98%; padding: 0px 0px 0px 0px;}
.teble-otwory {padding: 10px 10px 10px 10px; width:100%; }


.IMG-baner-ALVEUS {content:url("/images/css/baner-TOP/ALVEUS-TOP.jpg");}
.IMG-baner-BLANCO {content:url("/images/css/baner-TOP/BLANCO-TOP.jpg");}
.IMG-baner-BLUE-WATER {content:url("/images/css/baner-TOP/BLUE-WATER-TOP.jpg");}
.IMG-baner-BRENOR {content:url("/images/css/baner-TOP/BRENOR-TOP.jpg");}
.IMG-baner-DEANTE {content:url("/images/css/baner-TOP/DEANTE-TOP.jpg");}
.IMG-baner-ELLECI {content:url("/images/css/baner-TOP/ELLECI-TOP.jpg");}
.IMG-baner-FRANKE {content:url("/images/css/baner-TOP/FRANKE-TOP.jpg");}
.IMG-baner-GENESIS {content:url("/images/css/baner-TOP/GENESIS-TOP.jpg");}
.IMG-baner-KERNAU {content:url("/images/css/baner-TOP/KERNAU-TOP.jpg");}
.IMG-baner-PLADOS {content:url("/images/css/baner-TOP/PLADOS-TOP.jpg");}
.IMG-baner-PYRAMIS {content:url("/images/css/baner-TOP/PYRAMIS-TOP.jpg");}
.IMG-baner-QUADRON {content:url("/images/css/baner-TOP/QUADRON-TOP.jpg");}
.IMG-baner-REGINOX {content:url("/images/css/baner-TOP/REGINOX-TOP.jpg");}
.IMG-baner-SCHOCK {content:url("/images/css/baner-TOP/SCHOCK-TOP.jpg");}
.IMG-baner-SMEG {content:url("/images/css/baner-TOP/SMEG-TOP.jpg");}
.IMG-baner-ŚMIGIELSKI {content:url("/images/css/baner-TOP/SMIGIELSKI-TOP.jpg");}
.IMG-baner-STEINER {content:url("/images/css/baner-TOP/STEINER-TOP.jpg");}
.IMG-baner-SystemCeram {content:url("/images/css/baner-TOP/SystemCeram-TOP.jpg");}
.IMG-baner-TEKA {content:url("/images/css/baner-TOP/TEKA-TOP.jpg");}
.IMG-baner-BERG {content:url("/images/css/baner-TOP/BERG-TOP.jpg");}
.IMG-baner-F-DESIGN {content:url("/images/css/baner-TOP/F-DESIGN-TOP.jpg");}
.IMG-baner-STEINER {content:url("/images/css/baner-TOP/STEINER-TOP.jpg");}
}

