Domy kultury<style>
/* Nowoczesne kafelki dla instytucji kultury (bez pasków bocznych) */
.ch-inst-card {
background-color: #ffffff;
border: 1px solid #e2e8f0;
padding: 25px;
margin-bottom: 30px; /* Odstępy sterowane wyłącznie przez CSS */
border-radius: 6px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
display: flex;
flex-direction: column;
gap: 20px;
}
/* Układ dwukolumnowy na komputerach i tabletach */
@media (min-width: 768px) {
.ch-inst-card {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
}
/* Sekcja z tekstem */
.ch-inst-info {
flex: 1;
font-family: Arial, sans-serif;
color: #333333;
}
.ch-inst-info h2 {
color: #002672;
margin-top: 0;
margin-bottom: 5px;
font-size: 1.4rem;
font-weight: 700;
}
.ch-inst-subtitle {
color: #64748b;
font-style: italic;
margin-top: 0;
margin-bottom: 15px;
font-size: 0.95rem;
}
.ch-inst-details {
line-height: 1.6;
font-size: 1rem;
margin-bottom: 15px;
}
/* Inteligentne linki telefoniczne i mailowe */
.ch-inst-details a {
color: #333333;
text-decoration: none;
border-bottom: 1px dashed #002672;
}
.ch-inst-details a:hover {
color: #002672;
border-bottom-style: solid;
}
/* Kontener na logotyp (centrowanie na mobile) */
.ch-inst-logo-wrap {
text-align: center;
flex-shrink: 0;
}
@media (min-width: 768px) {
.ch-inst-logo-wrap {
text-align: right;
width: 200px;
}
}
/* Elastyczne i ujednolicone logotypy */
.ch-inst-logo {
max-width: 100%;
max-height: 120px;
height: auto;
width: auto;
display: inline-block;
vertical-align: middle;
}
/* Nowoczesny przycisk przekierowania */
.ch-btn-site {
display: inline-block;
background-color: #002672;
color: #ffffff !important;
padding: 10px 20px;
text-decoration: none;
border-radius: 4px;
font-weight: bold;
font-size: 0.9rem;
transition: background-color 0.2s ease-in-out;
}
.ch-btn-site:hover {
background-color: #f20000;
text-decoration: none;
}
</style>
<div class="ch-inst-card">
<div class="ch-inst-info">
<h2>Chorzowskie Centrum Kultury</h2>
<div class="ch-inst-details">
<p><strong>Adres:</strong> 41-500 Chorzów, ul. Sienkiewicza 3</p>
<p><strong>Kasy biletowe:</strong> <a href="tel:+48323497862">(+48 32) 349 78 62</a> lub <a href="tel:+48323497863">63</a></p>
<p><strong>Sekretariat:</strong> <a href="tel:+48323497860">(+48 32) 349 78 60</a></p>
</div>
<a class="ch-btn-site" href="http://www.chck.pl" rel="noopener noreferrer" target="_blank">Odwiedź stronę WWW</a>
</div>
<div class="ch-inst-logo-wrap">
<a href="http://www.chck.pl" rel="noopener noreferrer" target="_blank">
<img alt="Logo Chorzowskiego Centrum Kultury" class="ch-inst-logo" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L2NoY2tfbG9nb182YTRmZmM2Mzg3N2YzLnBuZw%3D%3D" />
</a>
</div>
</div>
<div class="ch-inst-card">
<div class="ch-inst-info">
<h2>Starochorzowski Dom Kultury</h2>
<p class="ch-inst-subtitle">Oddział Chorzowskiego Centrum Kultury</p>
<div class="ch-inst-details">
<p><strong>Adres:</strong> 41-500 Chorzów, ul. Siemianowicka 59</p>
<p><strong>Telefon:</strong> <a href="tel:+48322473950">(+48 32) 247 39 50</a> lub <a href="tel:+48322473956">56</a></p>
</div>
<a class="ch-btn-site" href="http://www.sdk.org.pl/" rel="noopener noreferrer" target="_blank">Odwiedź stronę WWW</a>
</div>
<div class="ch-inst-logo-wrap">
<img alt="Logo Starochorzowskiego Domu Kultury" class="ch-inst-logo" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1N0YXJvY2hvcnpvd3NraS1Eb20tS3VsdHVyeV82YTRmZmM4MGIyNTEwLnBuZw%3D%3D" />
</div>
</div>
<div class="ch-inst-card">
<div class="ch-inst-info">
<h2>Miejski Dom Kultury „BATORY”</h2>
<div class="ch-inst-details">
<p><strong>Adres:</strong> 41-500 Chorzów, ul. St. Batorego 6</p>
<p><strong>Telefon:</strong> <a href="tel:+48322460060">(+48 32) 246 00 60</a> do 63</p>
<p><strong>Tel./Fax:</strong> <a href="tel:+48322463937">(+48 32) 246 39 37</a></p>
</div>
<a class="ch-btn-site" href="http://www.mdkbatory.pl/" rel="noopener noreferrer" target="_blank">Odwiedź stronę WWW</a>
</div>
<div class="ch-inst-logo-wrap">
<img alt="Logo Miejskiego Domu Kultury Batory" class="ch-inst-logo" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L25pZWJpZXNraWVfMV82YTRmZmNlNzdjNWQ1LmpwZWc%3D" />
</div>
</div>
<div class="ch-inst-card">
<div class="ch-inst-info">
<h2>Młodzieżowy Dom Kultury</h2>
<div class="ch-inst-details">
<p><strong>Adres:</strong> 41-500 Chorzów, ul. Lompy 13</p>
<p><strong>Tel./Fax:</strong> <a href="tel:+48322413180">(+48 32) 241-31-80</a></p>
<p><strong>Telefon:</strong> <a href="tel:+48322415099">(+48 32) 241-50-99</a></p>
<p><strong>E-mail:</strong> <a href="mailto:mdk2@poczta.onet.pl">mdk2@poczta.onet.pl</a></p>
</div>
<a class="ch-btn-site" href="http://www.mdk.chorzow-online.pl/" rel="noopener noreferrer" target="_blank">Odwiedź stronę WWW</a>
</div>
<div class="ch-inst-logo-wrap">
<img alt="Logo Młodzieżowego Domu Kultury" class="ch-inst-logo" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L01ES19Ld2FkcmF0X2pwZ182YTRmZmQyZTQ1ZTgwLmpwZWc%3D" />
</div>
</div>2026-07-09 21:59:092026-07-09 21:59:09