/* user custom styles */

/*** mapa na kontaktní stránce ***/
.map-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; /* Výška 16:9 */
}
.map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
    .map-container {
        padding-top: 400px;
    }
}
@media screen and (max-width: 480px) {
    .map-container {
        padding-top: 300px;
    }
}

/*** námi dodávané značky ***/
.manufacturer-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px; /* přidejte další mezeru mezi jednotlivé bloky */
}

.manufacturer-text {
    flex-grow: 1;
    margin-left: 20px; /* mezera mezi obrázkem a textem */
}

.manufacturer-container img {
    max-width: 200px; /* změňte maximální šířku obrázku podle potřeby */
    height: auto; /* zachová poměr stran */
}

@media screen and (max-width: 800px) {
    .manufacturer-container {
        flex-direction: column; /* obrázek a text budou pod sebou */
        align-items: flex-start; /* zarovnání na začátek */
    }

    .manufacturer-text {
        margin-left: 0; /* žádné odsazení vlevo */
        margin-top: 10px; /* mezera nad textem */
    }

    .manufacturer-container img {
        max-width: 100%; /* obrázek bude zabírat celou šířku */
    }
}

/* Začátek CSS styly pro webináře DeFelsko */

.defelskokurz-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin: 20px;
}

.defelskokurz-content h2, .defelskokurz-content h3 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.defelskokurz-content p {
    margin-bottom: 20px;
}

.defelskokurz-text {
    max-width: 600px;
}

.defelskokurz-content img {
    max-width: 100%;
    height: auto;
    margin-left: 20px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .defelskokurz-content {
        flex-direction: column;
        align-items: center;
    }

    .defelskokurz-content img {
        margin-left: 0;
        margin-bottom: 20px;
    }
}


        .defelsko-section {
            margin-bottom: 40px;
        }

        .defelsko-section h3 {
            text-align: center;
            margin-top: 40px;
            margin-bottom: 20px;
        }

        .defelsko-section p {
            margin-bottom: 20px;
            text-align: justify;
        }

        .defelsko-section img {
            float: left;
            margin-right: 20px;
            max-width: 312px;
            height: auto;
            margin-bottom: 20px;
        }

        @media (max-width: 768px) {
            .defelsko-section img {
                float: none;
                display: block;
                margin: 0 auto 20px auto;
            }
        }

/* Konec CSS styly pro webináře DeFelsko */

/* Styly pro sekci novinky1 */
.news1 {
    margin-bottom: 40px;
    padding: 20px;
    background-color: #f0f0f0;
}

.news1 h2 {
    margin-top: 0;
}

.news1 p {
    text-align: justify;
    margin-bottom: 10px;
}

.news1 a {
    color: #007bff; /* barva odkazů */
}

.news1 a:hover {
    text-decoration: underline;
}

.news1 strong {
    font-weight: bold;
}

/* Styly pro video container */
.video-container1 {
    text-align: center;
    margin-bottom: 20px;
}

/* konec novinky1 */

/* formát popisu kategorie <div class="categorydesc"> */

.categorydesc p {
    text-align: justify; /* Zarovnání do bloku */
    font-size: 14px;     /* Velikost písma 14px */
    margin-bottom: 6px;  /* Spodní margin 6px */
}

/* konec formát popisu kategorie */

/* obrázek PosiTector */
        .right-align-positector {
            float: right;
            width: 100%;
            max-width: 214px;
            height: auto;
            margin-left: 15px;
        }
/* Přístroje PosiTector */        
.pristrojepositector-page .imagespositector {
    float: right; /* Celý kontejner obrázků plovoucí vpravo */
    margin-left: 10px; /* Mezera mezi obrázky a textem */
}

.pristrojepositector-page .imagespositector img {
    width: 162px;
    height: auto;
    display: block;
    margin-bottom: 10px; /* Mezera mezi jednotlivými obrázky */
}

.pristrojepositector-page p {
    font-size: 14px; /* Nastavení velikosti písma v odstavcích pouze pro tuto stránku */
}


/* Konec Přístroje PosiTector */
/* Multisenzorové pyrometry Compact MI3 */
.pyrometrymi3-page .contentmi3 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 1200px;
}

.pyrometrymi3-page .textmi3 {
    flex: 1;
    margin-right: 15px;
}

.pyrometrymi3-page .imagemi3 {
    max-width: 660px;
}

.pyrometrymi3-page .imagemi3 img {
    width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .pyrometrymi3-page .contentmi3 {
        flex-direction: column;
        align-items: center;
    }
    .pyrometrymi3-page .textmi3 {
        margin-right: 0;
    }
    .pyrometrymi3-page .imagemi3 {
        max-width: 100%;
        margin-top: 20px;
    }
}

.media-container {
    display: flex;
    flex-wrap: wrap; /* Umožní obrázkům a tabulce se přizpůsobit na menších displejích */
    align-items: center; /* Vertikální zarovnání */
    gap: 20px; /* Mezera mezi tabulkou a obrázkem */
}

.media-table {
    flex: 1 1 300px; /* Tabulka bude zabírat 100% šířky svého kontejneru, ale nebude menší než 300px */
    max-width: 600px;
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 100%;
}

.media-image {
    flex: 1 1 300px; /* Obrázek bude zabírat 100% šířky svého kontejneru, ale nebude menší než 300px */
    display: flex;
    justify-content: center; /* Vycentrování obrázku uvnitř kontejneru */
}

.media-image img {
    max-width: 100%; /* Zajištění, že obrázek nepřekročí velikost svého kontejneru */
    height: auto; /* Zachování poměru stran obrázku */
}

/* KONEC Multisenzorové pyrometry Compact MI3 */

.secondnote-container ul,
.secondnote-container ol,
.secondnote-container li {
    float: left;
    clear: left;
    width: 100%;
}