/* Reset stylů */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
div.cleaner{
    font-size: 1px;
    line-height: 1px;
    clear: both;
}




/* Třídy nadpisů */
h1 {
    font-size: 2rem;
    color: #6f6f6e;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #ec6504;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
}

h2 {
    font-size: 1.75rem;
    color: #111;
    margin-bottom: 1rem;
    border-bottom: 1px dotted #6f6f6e;
    padding-bottom: 0.5rem;
    font-weight: bold;
}
h3 {
    font-size: 1.75rem; /* Zvětšeno z původních 17px */
    color: #636363; /* Zachováno pro konzistenci se stávajícími barvami */
    margin: 20px 0 15px 0; /* Mírně větší mezery pro zvýraznění */
    font-weight: bold;
    text-transform: uppercase; /* Přidání velkých písmen pro zvýraznění */
    letter-spacing: 1px; /* Zvýraznění pomocí mezer mezi písmeny */
    border-bottom: 1px solid darkblue;
}
h4 {
    font-size: 1.2rem; /* Zvýšeno z původních 14px na cca 24px */
    color: #ec6504; /* Zachována oranžová barva pro konzistenci */
    margin: 18px 0 12px 0; /* Mírně větší mezery pro lepší čitelnost */
    font-weight: bold;
    text-transform: uppercase; /* Velká písmena pro výraznost */
    letter-spacing: 0.15px; /* Zvýraznění pomocí mezery mezi písmeny */
    /*text-decoration: underline;  Přidáno podtržení pro lepší zvýraznění */
}

/* Modernizace tabulek */
.table-responsive {
    overflow-x: auto;
}

table.cenik {
    width: 40%;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 14px;
    border: 1px solid #ec6504;
}

table.cenik th, table.cenik td {
    padding: 10px;
    border: 1px solid #ec6504;
}

table.cenik th {
    background-color: #ffd202;
}

table.cenik2 {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 14px;
    border: 1px solid #ec6504;
}

table.cenik2 th, table.cenik2 td {
    padding: 10px;
    border: 1px solid #ec6504;
}

table.cenik2 th {
    background-color: #ffd202;
    font-weight: bold;
}

table.cenik2 td.first{
    width: 60%;
}

table.cenik2 td.druh{
    width: 20%;
    text-align: center;
}


/* Obrázky a jejich okraje */
.img-fluid {
    max-width: 100%;
    height: auto;
    border: 1px solid #ec6504;
    margin-bottom: 1rem;
}

/* Úpravy těla stránky */
body {
  
    background-color: #fff502;
   
    font-family: 'Open Sans', Verdana, Geneva, Arial, Helvetica, sans-serif;
    /*font-family: Times New Roman, sans-serif;*/
    font-size: 15px;
    line-height: 1.6;
    color: #000;
}

/* Bootstrap navigace */
.navbar-nav .nav-link {
    color: #ec6504;
    text-transform: uppercase;
    font-weight: bold;
}

.navbar-nav .nav-link:hover {
    color: #ff7f00;
}

/* Responzivní container */
.container {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Footer */
div#dole {
    background-color: #ffd802;
    padding: 1rem;
    text-align: right;
    font-size: 12px;
    line-height: 1.4;
    margin: 2rem 0;
}

/* Záhlaví */


header {
    
    padding: 2rem 0; /* Dodatečné odsazení pro text v záhlaví */
    color: #ffffff; /* Bílá barva textu pro lepší kontrast */
    border-bottom: 2px solid darkblue;
}

header h1 {
    font-size: 2rem;
    color: #6f6f6e;
    text-transform: uppercase;
    margin: 0;
    font-weight: bold;
}

header p {
    color: #6f6f6e;
    font-size: 1.1rem;
}

/* Bootstrap navigace */
.navbar {
    margin-bottom: 20px;
}

.navbar {
    padding: 0.2rem 0.2rem; /* Nahoře a dole 0.5rem, vlevo a vpravo 1rem */
    border-radius: 7px; /* Nastavení kulatých rohů s poloměrem 10px */
}

.navbar-nav .nav-link {
    color: #ffffff;
    font-size: 0.85rem;
    text-transform: uppercase;
    font-weight: bold;
}

.navbar-nav .nav-link:hover {
    color: #ffbf00; /* Světle oranžová barva na hover */
}

.navbar-nav .nav-item {
    margin-right: 1.1rem; /* Zvětšená mezera mezi položkami */
}

.row-with-background {
    background-image: url('backimg.jpg'); /* Cesta k obrázku */
   background-size: 98%; /* Obrázek bude pokrývat 90 % šířky `row` */
    background-position: center 150px; /* Zarovná obrázek na střed */
    background-repeat: no-repeat; /* Obrázek se nebude opakovat */
    padding: 2rem; /* Odsazení kolem obsahu uvnitř řádku */
    border-radius: 10px; /* Jemné zaoblení rohů pro estetický vzhled */
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Zajištění plynulého přechodu */
}
.logo-img {
    height: 80px; /* Přizpůsob velikost loga podle potřeby */
    width: auto; /* Zachování správných proporcí */
    margin-right: 1rem; /* Přidání odsazení od textu */
}

header .container {
    display: flex;
    align-items: center; /* Vertikálně vycentrovat logo i text */
}

header p {
    color: #6f6f6e;
    font-size: 2rem;
    margin: 0; /* Zajištění nulového okraje */
    flex-grow: 1; /* Text rozšířen do volného prostoru */
    text-align: center; /* Text zarovnaný na střed */
}

.table-responsive {
    overflow-x: auto;
    margin-bottom: 2rem;
}

.table-cenik {
    width: 100%;
    border-collapse: collapse;
    margin: 15px auto;
    font-size: 1rem;
    color: #333;
    background-color: #fff;
    border: 1px solid #ec6504; /* Oranžová barva pro okraje */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Jemný stín pro zvýraznění */
}

.table-cenik th, .table-cenik td {
    padding: 10px 15px;
    border: 1px solid #ec6504; /* Stejná barva okrajů jako hlavní tabulka */
    text-align: center;
    vertical-align: middle;
}

.table-cenik th {
    font-weight: bold;
    background-color: #ffd202; /* Světle žluté pozadí pro hlavičku */
    color: #6f6f6e;
    text-transform: uppercase;
}

.table-cenik tr:nth-child(even) {
    background-color: #f9f9f9; /* Střídavé barvy řádků pro lepší čitelnost */
}

.table-cenik td.first {
    width: 50%;
    font-weight: bold;
    text-align: left;
}

.table-cenik td.druh {
    width: 25%;
    color: #ec6504; /* Oranžová barva pro zvýraznění důležitých hodnot */
}

.table-cenik td.highlight {
    background-color: #fff5b1; /* Jemně žluté zvýraznění specifických buněk */
}

.custom-nav-bg {
    background-color: #eb6504; /* Například oranžová barva */
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff; /* Například oranžová barva */
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #222222; /* Bílá barva při najetí myší */
}

.bg-light{
    background-color: #eb6504 !important;
    margin-top: 1rem;
    font-weight: bold;
    text-align: center;
}
.bg-light h5{
    font-size: 1.1rem;
}
.bg-light p{
    font-size: 0.88rem;
}

.center-content {
    display: flex; /* Používáme Flexbox */
    justify-content: center; /* Horizontální vycentrování */
    align-items: center; /* Vertikální vycentrování */
    text-align: center; /* Vycentrování textu uvnitř prvků (například <p>) */
    gap: 1rem; /* Mezery mezi obrázkem a textem */
}

.logo-imgpoc {
    max-width: 100px; /* Nastavení maximální šířky obrázku, aby zůstal ve správné velikosti */
    height: auto; /* Automatická výška pro zachování poměru stran */
}


footer.bg-dark{
    background-color: #ffd802 !important;
}

footer.bg-dark p{
    color: black !important;
}


div.foto1{
    float: right;
    /*width: 287px;*/
    max-width: 100%;
    margin-left: 15px;
    margin-bottom: 8px;
}

div.foto1 img{
    border: 1px solid #ec6504;
}

div.foto2{
    float: left;
    /*width: 287px;*/
    max-width: 100%;
    margin-right: 15px;
    margin-bottom: 8px;
}

div.foto2 img{
    border: 1px solid #ec6504;
}



/* Úpravy pro lepší responzivitu */
@media (max-width: 768px) {
    header h1 {
        font-size: 1.6rem;
    }
    
    header p {
        font-size: 0.875rem;
    }
    
    
  .logo-img {
    height: 60px; /* Přizpůsob velikost loga podle potřeby */
    width: auto; /* Zachování správných proporcí */
    margin-right: 1rem; /* Přidání odsazení od textu */
}

div.foto1{
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
div.foto2{
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
table.cenik{
    width: 100%;
}


}