/* ==================================================================== */
/* TOTÁLNÍ RESET A VYCENTROVÁNÍ CAROUSELU - STELLA 1260px */
/* ==================================================================== */

/* 1. Odemčení hlavního rámu */
html body #obal, 
html body #container, 
html body #hlavni,
html body #main {
    width: 1260px !important;
    max-width: 1260px !important;
    min-width: 1260px !important;
    margin: 0 auto !important;
    background: transparent !important;
    position: relative !important;
    left: 0 !important;
}

/* 2. BRUTÁLNÍ CENTROVÁNÍ SLIDERU (Carouselu) */
/* Cílíme na vnější obal i samotný slider */
.slider-wrapper, 
#slider, 
.nivoSlider, 
#carousel, 
[class*="slider"] {
    width: 100% !important;
    max-width: 1260px !important;
    /* Tahle kombinace ho donutí být na středu: */
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    float: none !important;
    display: block !important;
    overflow: hidden !important;
}

/* 3. Srovnání hlavičky a navigace */
#hlavicka, #header, #zahlavi, .nav-line {
    width: 100% !important;
    max-width: 1260px !important;
    margin: 0 auto !important;
    left: 0 !important;
}

/* 4. Fix pro obrázky uvnitř slideru */
.nivoSlider img, #slider img, #carousel img {
    max-width: 1260px !important;
    width: 1260px !important;
    height: auto !important;
    left: 0 !important;
}

/* 5. RESPONSIVITA (Mobilní zobrazení) */
@media screen and (max-width: 1260px) {
    .slider-wrapper, #slider, .nivoSlider, #obal, #container {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        transform: none !important;
        margin: 0 auto !important;
    }
}