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, font, img, ins, kbd, q, s, samp,small, strike, strong, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul {  }
input:focus, textarea:focus { outline:0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
label { cursor:pointer; }
img { display:block; }
iframe {  }
input[type=submit] { -webkit-appearance: none; }

::selection { text-shadow:none !important; background:#ccc; color:#111; }
::-moz-selection { text-shadow:none !important; background:#ccc; color:#111; } 

.right { float:right !important; }
.left { float:left !important; }
.clear { clear:both; display:block; height:0; overflow:hidden; }
.none { display:none !important; }
.none_heslo { display:none; }
.justnone { display:none !important; }
.br { display:block; }

body { background:#efecec; color:#222; line-height: 22px; font-size:18px; font-family: 'PT Sans', sans-serif;margin-top: -50px; }


#napoveda {display: none; position: absolute; width: 400px; background-color: white; z-index: 300; z-index: 300; box-sizing: border-box; padding: 15px; box-shadow: 5px 10px 30px 0px #00000014; border-radius: 5px;}
#napoveda p {font-size: 14px;}

#vlozime {height: 10px;}


/*jeli a nebo není javascriptu vypnut zpanut */
.javascript {display: none;height: 64vh;}
.javascript p {display: flex; justify-content: center; align-items: center; height: 80%;}

#zprava_info {display: none;position: fixed;background-color: #3f4348;box-sizing: border-box;padding: 15px;border-radius: 5px;top: 107px;right: 175px;width: 331px;font-size: 16px;color: white;z-index:150;}
#zprava_info_proces { box-sizing: border-box; border-radius: 5px; font-size: 16px; color: white; z-index: 210000; position: fixed; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #3f4348a1; backdrop-filter: blur(2px);display: none;}
#zprava_info_proces img {height: 50px; margin: 0 auto 10px;}
#zprava_info_proces p {color: #e7e7e7;}

.inner {width: 1550px; margin: 0 auto;}
.inner_0 {width: 1600px; }
.inner_2 {transform: scale(0.9);margin-left: -25px;background-color: white;padding: 30px;border-radius: 8px;box-shadow: 5px 5px 10px #efecec;height: fit-content;width: 440px; position: sticky;margin-bottom: 30px;top: -30px; display: none;}
.inner_3 {width: 915px; margin: 0 auto; margin-top: 50px;}

.hlavicka {display: flex;margin-top: 50px; height: 155px;align-items: center; align-items: center;}
    .hlavicka div {width: 50%;}
        .hlavicka div:nth-child(2) {text-align: right;display: flex; justify-content: end;}
            .hlavicka div a.logo {background-color: red;}
                .hlavicka a.footer_odkaz {transition: 0.2s; background-color: #FFB81D;color: #404348;padding: 15px 20px 8px;text-decoration: none;border-radius: 3px;text-transform: uppercase;margin-top: 10px;font-weight: bolder;box-shadow: 5px 5px 14px #0000001a;}
                .hlavicka a.footer_odkaz:first-of-type {margin-right: 7px;display: inline-flex; align-items: center;padding: 13px 20px 10px;}    
                .hlavicka a.footer_odkaz:first-of-type img { transition: all 0.3s;height: 25px; display: inline-block; margin-right: 7px; filter: contrast(0.5); padding-bottom: 3px;}    
                .hlavicka a.footer_odkaz:hover {background-color: #404348;color: #efecec;}
                .hlavicka a.footer_odkaz:hover img.ikona_pridat {filter: invert(1);}
                        .hlavicka a.aktivni {background-color: #404348;color: #efecec;}
                        .hlavicka a.aktivni img {filter: invert(1) !important;}
a.logo img {width: 50%;}   

.flex {display: flex;}
.space_b {justify-content: space-between;}

.typ_volba {margin-bottom: 7px;text-align: left;display: flex;justify-content: space-around;width: 800px;margin: 0 auto 7px;display: none;}
.page_vlozeni .typ_volba {margin-bottom: 7px;text-align: left;display: flex;justify-content: space-around;width: 600px;margin: 0 auto 7px;}
    .typ_volba div.div_a_odkaz {background-color: #ffb81c;color: black;letter-spacing: 0.7px;margin: 10px 0px;cursor: pointer;padding: 5px 6px;
                                border-radius: 7px;font-size: 14px;transition: hover 0.3s;text-align: center;transition: all 0.3s;}
        .typ_volba div.div_a_odkaz:hover {background-color: #404348;color: white;transform: scale(1.2);box-shadow: 2px 2px 0px black;}
            .typ_volba div.active_sekce {background-color: #404348;color: white;transform: scale(1.2);box-shadow: 2px 2px 0px black;}
                .typ_volba div {text-align: center;padding: 10px;background-color: whitesmoke;border-radius: 7px;box-shadow: 5px 5px 10px #0000001a;}
                    .typ_volba div img {width: 130px;}
                        .typ_volba a {text-decoration: none;}
                        
.popis_filtr {display: flex;justify-content: center;}
select.filtr_znacka {display: flex; justify-content: start;}

.filtr_volba_znacky {display: flex;justify-content: space-between;margin-top: 50px;}
    .filtr_volba_znacky p {margin-right: 10px;line-height: 23px;}
        .filtr_volba_znacky div:last-of-type {margin-right: 173px;}

.filtr_pro_disk .flex {justify-content: center;}
    .filtr_pro_disk p {margin: 0 auto;width: 1190px;}

.filtr_pro_pneu {margin: 0 auto; margin-top: 20px;width: 1190px;}
    .filtr_pro_pneu p {margin: 0 auto;}
        .filtr_pro_pneu .radio_filtr_obdobi {text-align: left;margin-bottom: 5px;}
            .filtr_pro_pneu .flex {position: relative;margin-bottom: 5px;}
                .filtr_pro_pneu .flex div {margin-right: 2.6px;}
                .filtr_pro_pneu .flex div.obdobi_filtr {position: absolute; right: 0;}
                
.filtr {/* margin: 0 auto; */margin-left: 15%;width: fit-content;text-align: center; }
    .filtr select {cursor: pointer;background-color: #FFB81D;padding: 5px 15px;border-radius: 3px;width: 170px;color: #404348;border: none; height: 37px; -webkit-appearance:none; -webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../img/sipka_select.svg) no-repeat;background-size: 30px;background-position: calc(100% - -5px) center;background-repeat: no-repeat;background-color: #FFB81D;    display: flex; justify-content: start;}
    /* .filtr .inline_1:nth-of-type(even) select {background-color: red;} */
        .filtr p {margin-bottom: 4px;font-size: 14px;text-align: left;margin-left: 5px;}
        .filtr p.okoli {display: block !important;margin-left: 5px;}
                    .filtr .div_vyhledavani_text p {display: inline-block;}
                
input.vyhledavani {line-height: 51px; width: 493px; border: none; border-radius: 5px;box-sizing: border-box; padding: 0px 15px;font-size: 16px; letter-spacing: 0.7px;}
label.label_vyhledat {margin-left: 8px; align-items: center;transition: all 0.2s; border: none; background-color: #ffb81c; font-size: 16px; border-radius: 5px; color: #404348; text-transform: uppercase; font-weight: 700; box-shadow: 6px 6px 10px #00000012; cursor: pointer; line-height: 35px; padding: 0 20px;display: inline-flex;}
label.label_vyhledat:hover {background-color: #414349; color: white;}
label.label_vyhledat img {transition: all 0.2s; height: 20px; margin-right: 7px;filter: contrast(0.5);}
input.tlacitko_vyhledat_text { transition: all 0.2s; border: none; background-color: #ffb81c; font-size: 16px; border-radius: 3px; color: #404348; text-transform: uppercase; font-weight: 700; box-shadow: 6px 6px 10px #00000012; cursor: pointer; line-height: 35px; padding: 0 20px; display: none; }
    input.tlacitko_vyhledat_text:hover {background-color: #414349; color: white;}
    input.tlacitko_vyhledat_text:hover + label.label_vyhledat img  {filter: invert(1);}

.roz_cena {display: none;}
.zobrazit_nabidku {display: block;}

.roz_cena ul {list-style: none;text-align: left;font-size: 14px;line-height: 25px;overflow: auto;max-height: 300px;}
    .roz_cena li {padding-left: 10px;border-radius: 3px;line-height: 40px;}
        .roz_cena ul li:hover {cursor: pointer; background-color: #414349; font-weight: bold; color: white;}

.relative {position: relative;}
    .roz_cena {position: absolute;background-color: #efecec;padding: 5px;width: 134px;box-sizing: border-box;top: 40px;border-radius: 6px;box-shadow: 5px 5px 10px 0px #00000052;z-index: 100;}
    .roz_radius {left: 57px;left: 352px; top: 70px;}

div.zrusit_filtry { margin: 0 auto; position: absolute; z-index: 340; top: -15px; left: 550px; }
button.zrusit_filtry {width: 175px; line-height: 37px;display: none;cursor: pointer;background-color: #414349;float: right;border: none;color: white;padding: 0px 10px;border-radius: 4px;text-transform: uppercase;}
button.zrusit_filtry:hover {background-color: #414349; }
button.zrusit_filtry span {font-size: 22px;vertical-align: sub;}

a.zobrazit_heslo {transition: all .2s;text-decoration: none;color: black;border: 1px solid;border-radius: 4px;padding: 0px 6px 1px 2px;margin-top: 5px;display: inline-block;text-align: center;line-height: 20px; cursor: default;}
a.zobrazit_heslo img {width: 20px;display: inline-block;margin-right: 8px;vertical-align: text-bottom;border-radius: 2px;padding-top: 1.3px;}

/* #zobrazit_heslo_tlacitko {cursor: pointer;transition: all .2s;border: 1px solid;border-radius: 4px;text-align: center;}
#zobrazit_heslo_tlacitko:hover {box-shadow: 0px 2px 0px -1px black;}
 */
/* stylování filtru pro automobily*/
form.filtr {position: relative;border-radius: 15px;/* box-shadow: 0px 10px 20px 0 #3f434821 */;box-sizing: border-box;}

.filtr_auta {}
    .filtr_auta select.polovicni {width: 82px;}

.filtr_volba_auta .flex {justify-content: space-between;width: 1080px;}
.filtr_auta {}

.obdobi_filtr {font-size: 13px;margin-left: 214px;}
.mezera {height: 50px;}

.runflat label.text {font-size: 13px;}
span.male_pismo {font-size: 10px;}

.selekty {margin-bottom: 4px;}

.filter_2 { width: 1540px; display: flex; padding: 5px 10px; border-radius: 4px; background-color: #dddddd; box-sizing: border-box; justify-content: space-between; font-size: 14px; margin: 10px auto 60px; display: none;}
    .filter_2 p {margin-right: 10px;margin-bottom: 0px;line-height: 37px;}
    .filter_2 p.cena_p {margin-right: 20px;}
    .filter_2 p.kc_p {margin-left: 10px;}
        .filter_2 input {border-radius: 3px;border: none;width: 130px;text-align: center;line-height: 35px;}
            .filter_2 input.hledat {transition: all 0.2s;border: none;background-color: #ffb81c;width: 160px;font-size: 16px;border-radius: 3px;color: white;text-transform: uppercase;text-shadow: 3px 3px 5px #00000080;font-weight: 700;box-shadow: 6px 6px 10px #00000012;cursor: pointer; line-height: 35px;}
                .filter_2 input.hledat:hover {background-color: #414349;}
                    .filter_2 .polozka_filter_2 {display: flex; width: 50%;justify-content: center; position: relative;}
                    .filter_2 .flex_lokalita_filtr .polozka_filter_2:first-of-type {width: 70%;}
                    .filter_2 .flex_lokalita_filtr .polozka_filter_2:last-of-type {width: 30%;}

 .naseptavac_adres { left: 0px;position: absolute; width: 443px; background-color: white; z-index: 100; top: 70px; text-align: left; border-radius: 7px; border: 1px solid #8080806e; display: none; padding: 7px 0px; }
     .naseptavac_adres button { display: block; padding: 5px 8px; margin: 2px auto; width: 96%; background-color: #fff; border: none; border-radius: 3px; text-align: left; box-shadow: 0px 4px 0 -3px #00000024; }
         .naseptavac_adres button:last-of-type {box-shadow: none;}
             .naseptavac_adres button:hover {cursor: pointer; background-color: #3f4348; color: white; }
                 .naseptavac_adres span { display: block; padding: 0px 15px; margin: 2px auto; font-size: 14px; color: grey; }

#filtr_adres {width: 100%;margin-left: 1px;}
#okoli_radius {width: 65%;}

.flex_lokalita_filtr {display: flex;width: 47%;}
.flex_cena_filtr {display: flex;width: 40%;}

input.et_input {width: 64px; border: none; line-height: 35px; border-radius: 3px;text-align: center;}
input.et_input::placeholder {font-size: 11px;color: #b2b2b2;}

.inline {display: inline-block;position: relative;}
    .inline button {transition: all 0.2s; cursor: pointer; display:none;position: absolute;top: 3px;left: 132px;border: none;border-radius: 3px;width: 35px;height: 31px;color: white;background-color: #414349;}
        .inline button:hover { background-color: #1e1e1e;}
            .inline button.filtr_ukazat {display: inline-block;}    
                    .inline button span {font-size: 22px;line-height: 21px;}

.inline_1 {display: inline-block;margin: 3.5px 0px;position: relative;}           
    .inline_1 button {transition: all 0.2s; cursor: pointer; display:none;position: absolute;top: 34px;left: 170px;border: none;border-radius: 3px;width: 35px;height: 31px;color: white;background-color: #414349;}
        .inline_1 button:hover { background-color: #1e1e1e;}
            .inline_1 button.filtr_ukazat {display: inline-block;}    
                    .inline_1 button span {font-size: 22px;line-height: 21px;}

.inline button.u_et {top: 40px;left: 33px;}

.inline_cena {display: flex;  flex-wrap: wrap; margin: 3.5px 0px; position: relative; width: 50%;justify-content: space-between;margin-left: auto;}
    .inline_cena p {width: 100%;}
        .inline_cena > div {width: 100%; display: flex; justify-content: space-evenly; }
        .inline_cena > div > div {width: 45%;}
            .inline_cena input { width: 100%; border-radius: 3px; border: none; text-align: center; line-height: 43px; box-shadow: 0 0 0px 1px #f0f0f0; padding: 0; margin: 0; }

/*vlozeni nove*/
.bili_div {display: block;}
        .vlozeni .bili_div select {font-weight: 100; font-size: 13px;cursor: pointer; padding: 5px 15px; border-radius: 3px; width: 235px; color: #000000; height: 40px; appearance: none; background: url(../img/sipka_select.svg) no-repeat; background-position: calc(100% - -5px) center; background-color: #ffffff; border: 1px solid #8080801f;}
 


/*button vymazan vyhledavani text pole*/
div.div_vyhledavani_text {position: absolute; width: fit-content; top: -145px; display: flex; left: 348px;}
    button.mazani_text_vyhledavani { transition: all 0.2s; cursor: pointer; display: none; position: absolute; top: 3px; left: 718px; border: none; border-radius: 3px; width: 35px; height: 31px; color: white; background-color: #414349; }
        button.mazani_text_vyhledavani:hover { background-color: #1e1e1e;}
            button.filtr_ukazat {display: inline-block;}    
                    button.mazani_text_vyhledavani span {font-size: 22px;line-height: 21px;}

input.sekce {display: none;}

label.l_sekce {font-weight: 600;letter-spacing: 0.7px;margin: 10px 0px;text-transform: uppercase;cursor: pointer;padding: 5px 15px;border-radius: 3px;font-size: 14px;transition: hover 0.3s;}
input.l_sekce:checked + .button_typ {color: white;background-image: linear-gradient(45deg, #fb8500 , #ffb703);border: 1px solid #ffffff00;font-weight: 600;transition: all 0.15s;}

.inz_strana {margin-top: 40px;display: flex; flex-wrap: wrap;justify-content: center;margin-bottom: 40px;}

.inzerat { transition: all 0.3s ;width: 240px;background-color: white;height: 250px;padding: 20px;border-radius: 7px;box-shadow: 5px 5px 10px #0000000d; margin: 5px;}
    .inzerat:hover {transform: scale(1.1);font-size: 12px;}
        .inzerat:hover .text_main {background-color: #414349;}
            .inzerat h2.Nadpis {font-size: 16px; font-weight: 200; text-decoration: underline;}

h3.cena {position: relative;top: 190px;left: 190px}
.flex_cena {display: flex; justify-content: space-between;width: 100%;}
.flex_cena p.zobrazeni {margin-top: 28px;}

.nadpis {box-sizing: border-box;padding: 0 10px;width: 100%;border-radius: 3px;border: none;line-height: 28px;font-size: 17px;box-shadow: 0px 0px 0px 2px white, 3px 3px 10px #00000008;}

.dot {width: 235px;text-align: left;padding: 0 15px;}
    .dot::placeholder {color: #d9d9d9;}

/* p.et {margin-top: 3px;} */

.volby_vlozeni {width: fit-content; margin: 0 auto;}
        .volby_vlozeni a {cursor: pointer; transition: all 0.3s;color: black;text-decoration: none;width: 350px; height: 60px; display: flex; justify-content: space-between; box-sizing: border-box; padding: 15px 25px;background-color: white; margin: 20px;border-radius: 7px;    box-shadow: 0 0 0 1px #0000001c, 6px 5px 18px 3px #00000014;    font-size: 15px;    position: relative; line-height: 30px;}
            .volby_vlozeni a img {width: 40px; height: fit-content;filter: contrast(0.5); transition: all 0.3s;    position: relative; top: -5px;height: -webkit-min-content;}
                .volby_vlozeni a span img {top: 7px; width: 20px;}
                .volby_vlozeni a span.nazev {width: 90px;margin-left: 10px;}

.volby_vlozeni a.active_sekce {    background-color: #ffb81c;}            

.volby_vlozeni a:hover {transform: scale(1.05); box-shadow: 0 0 0 1px #0000001c, 6px 5px 18px 3px #ffb91d17;}
.volby_vlozeni a:hover img.ikona { filter: contrast(1);transform: scale(1.2);}

input.tlacitko_vyhledat_text:hover {background-color: #414349; color: white;}
input.tlacitko_vyhledat_text:hover + label.label_vyhledat img  {filter: invert(1);}

p.stred_dira {margin-top: 5px;}

    .vlozeni p {display: block; position: relative; margin-bottom: 5px; margin-top: 10px; color: #222; line-height: 22px; font-size: 14px;}
        .vlozeni select {width:198px;background-color: #FFB81D;padding: 10px 15px;border-radius: 3px;font-size: 16px;font-weight: bold;color: #404348;border: none;cursor: pointer; -webkit-appearance:none;
            -webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../img/sipka_select.svg) no-repeat;background-size: 30px;background-position: calc(100% - 5px) center;background-repeat: no-repeat;background-color: #FFB81D;}
            .vlozeni select.druhotny {background-color: #fff;border: 1px solid #00000055;}
                .vlozeni label.l_sekce {background-color: #ffb81c;color: black;}
                    .vlozeni label.l_sekce:hover {background-color: #404348;color: white;}
                        .vlozeni input.sekce:checked + .l_sekce {background-color: #404348; color: white;}
                            .vlozeni .popis select {width: 206px;background-color: #FFB81D;padding: 10px 15px;border-radius: 3px;font-size: 16px;font-weight: bold;color: #404348;border: none;cursor: pointer;margin-left: -12px;}

.page_vlozeni .text_main {min-height: 60vh;}
.page_vlozeni .inner_3.vyber_kategorie {width: 350px;margin-top: 29px;}
.proces_inner .page_vlozeni .inner_3 h1 {text-align: left; margin-bottom: 40px; text-align: center;}

.fotky {margin-top: 20px;}
.nahled_foto {display: flex;flex-wrap: wrap;}
    .nahled_foto img {object-fit: cover; width: 100px; height: 100px;padding: 5px;}

.sekce_fotky {padding: 30px 90px; border-radius: 10px; box-shadow: 0px 0px 0px 1px #00000030;}
    .sekce_fotky .obal_fotky_vlozene {height: 183px; background-color: #ffffff69; border-radius: 5px;}

.page_vlozeni .auta .proces_vlozeni {position: relative; background-color: white; padding: 20px 30px 30px 30px; margin-top: 20px; border-radius: 7px;}
.page_vlozeni .auta {background-color: #ffffff00; position: inherit; top: 0; padding: 0px; border-radius: 0; box-shadow: none;}


.auta .sekce_3 {background-color: #ffffff78; padding: 50px; border-radius: 7px;box-shadow: 0px 50px 30px -40px #88888842;margin: 10px 0;}
    .auta .sekce_3 .flex {width: 100%;align-items: baseline; flex-wrap: wrap;}
    .auta .sekce_3 .flex p {width: 100%;}
    .auta .sekce_3 .flex div {margin-right: 20px;}
            .auta .stav {margin: 10px 0px;}
                    .stav input {display: none;}
                    .stav label {margin-right: 2px;text-align: center;transition: all 0.3s;line-height: 40px;font-size:14px;width: 70px; padding: 0px 12px; box-shadow: 0 0 0 1px #0000001a;display: inline-block;border-radius: 3px;}
                    .stav label:first-of-type {}
                    .stav label:hover {box-shadow: 0 0 0 2px #3c3f44;}
                    .stav input:checked + label.stav_label {color: white; background-color: #404348;}
                    .auta .sekce_3 p {margin-bottom: 5px; margin-top: 10px;}

.sekce_4 {background-color: #ffffff78; padding: 50px; border-radius: 7px;box-shadow: 0px 50px 30px -40px #88888842;margin: 10px 0;height: 533px;position: relative;}
    .sekce_4 .obal_fotky_vlozene { min-height: 160px; border-radius: 5px;}

.auta .sekce_5 {background-color: #ffffff78; padding: 50px; border-radius: 7px;box-shadow: 0px 50px 30px -40px #88888842;margin: 10px 0;position: relative;}
    .auta .sekce_5 p { color: #222; line-height: 22px; font-size: 15px;display: block; }
        .auta .sekce_5 input {margin-left: -2px; padding: 0px 10px; width: 300px; box-sizing: border-box;}

.auta .sekce_5 .vlozeni_adresy {

        position: absolute;
    top: 0;
    right: 5px;
    width: 540px;

        height: 580px;
    overflow: auto;
        scrollbar-width: none;

}   
    .auta .sekce_5 .vlozeni_adresy button { background-color: white; border: none; padding: 5px 10px; font-size: 18px; width: 100%; display: block;text-align: left; margin: 5px 0; line-height: 33px; border-radius: 5px; border: 1px solid #e1e1e1; }   
        .auta .sekce_5 .vlozeni_adresy button:hover {cursor: pointer; border: 1px solid black; transition: all 0.2s;}


.auta .sekce_3 .inline {width: 100%;}
    .auta .sekce_3 p {display: block;}
#cena_bez_dph {display: none;}

.auta .inline {}

.sekce_cena_prodejce {padding: 30px 90px; border-radius: 10px; box-shadow: 0px 0px 0px 1px #00000030;}

span.mazani {cursor: pointer; top: 10px; position: absolute; right: 10px; background-color: #eeececa3; width: 45px; height: 45px; line-height: 45px; text-align: center; color: #716a6a; border-radius: 3px;}

.foto_main {height: 296px;overflow: hidden;}
.foto_main img {position: relative;width: auto;height: 100%; }
   
h3.nahled_inzeratu {margin-bottom: 10px;position: absolute;}               

.nahled {box-shadow: 10px 10px 10px #0000000f; height: 600px;width: 400px;background-color: white;border-radius: 10px; padding: 30px;}
    .nahled_nadpis { font-weight: 100; text-transform: uppercase;height: 22px;}

img.foto_nahled {width: 400px;border-radius: 5px;margin-top: 15px;margin-bottom: 15px;}

p.p_nahled {color: black; display: flex; justify-content: space-between; width: 180px;}
    p.p_nahled span { color: #404348; font-size: 15px;}

.obal_foto {display: flex;justify-content: start;flex-wrap: wrap;max-height: 360px; overflow: auto; gap: 5px;}
        .obal_foto img {border-radius: 5px;}

.obal_casti {display: flex; margin-bottom: 10px;}
    .obal_casti div {width: 50%;}

p.cena {margin: 10px 0;background-color: #efecec;padding: 5px 10px;margin-left: -10px;border-radius: 3px;}
p.popis {width: 100%;}
p.adresa {text-transform: capitalize;width: 50%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
span.adresa {display: flex; font-size: 15px;}
    span.adresa p {font-size: 18px;margin-left: 5px;}

textarea.neklikatelný {resize: none;min-width: 397px; min-height: 95px; max-width: 397px; max-height: 95px; border: none; background-color: white;}

.sirka_disku_kol {display: flex; width: 400px}
select.sirka_2_kolo { margin-left: 5px;}

input.odeslat { transition: 0.2s; background-color: #FFB81D; color: #404348; padding: 15px 20px; text-decoration: none; border-radius: 3px; text-transform: uppercase; margin-top: 10px; font-weight: bolder; box-shadow: 5px 5px 14px #0000001a; font-size: 20px; border: none; margin-bottom: 50px; 

        width: 100%;
    color: white;
    text-shadow: 3px 3px 5px #00000036;

}
    input.odeslat:hover {background-color: #414349;color: white; cursor: pointer;}

.sekce {margin-bottom: 20px;}
            .sekce h1 {margin-bottom: 10px;}

.vlozeni_sekce {width: 650px;}
    .vlozeni_sekce div img { width: 100px; }

.parametry {font-size: 14px; position: relative;}
    .parametry h1 {font-size: 20px; margin-bottom: 10px;}

.auta input[type="text"] {line-height: 32px; font-size: 15px;}
    .auta .popis textarea.popis {font-size: 16px;}
    .auta .parametry h1 {margin-top: 15px;}


textarea.popis {width: 100%; height: 100px;margin-bottom: 30px; max-width: 100%; min-width: 100%; min-height: 100px; max-height: 200px; border: none; border-radius: 5px;margin-top: 0px;white-space: pre-line;font-family: 'PT Sans', sans-serif;
    box-sizing: border-box;padding: 5px 10px;font-size: 16px;}

.cena_zbozi {margin-top: 30px;}
    .cena_zbozi input {border: none;width: 206px;line-height: 30px; border-radius: 3px; color: #404348;box-sizing: border-box;margin-left: 0px; background-color: white; margin-right:20px;padding: 0 10px;box-shadow: 0px 0px 0px 2px white, 3px 3px 10px #00000008;}
        .cena_zbozi input::placeholder {color: grey;}  


.auta .cena_zbozi {margin-top: 0;}
    .auta .cena_zbozi input {background-color: white;margin-left: 0px; margin-right:20px;padding: 0 10px;box-shadow: 0px 0px 0px 2px white, 3px 3px 10px #00000008;}
        .auta .cena_zbozi input::placeholder {color: grey;}
            
        

.udaje_prodejce {line-height: 30px;border-radius: 10px;width: 460px;margin-bottom: 70px;margin-top: 20px;}
    .udaje_prodejce input {line-height: 32px; font-size: 15px;margin-left: 0px;border-radius: 3px;border: none;box-shadow: 3px 3px 10px #00000008;width: 300px;padding-left: 10px;border: 2px solid white;
    
    box-shadow: 0 0 0 1px #0000001a;
    height: 40px;
    padding: 0 10px;
    border: none;
    box-sizing: border-box;
    line-height: 32px;
    font-size: 15px;
    margin-left: 0px;
    border-radius: 3px;
    width: 300px;

    }
        .udaje_prodejce span { font-size: 10px; position: absolute; line-height: normal; margin-top: 2px; text-align: right; right: 6px; }
            .udaje_prodejce span.zavorky {margin-left: 7px;margin-top: 8px;}
                .udaje_prodejce div {margin-bottom: 7px; position: relative;width: min-content;}
                    /*.udaje_prodejce span.vyzadovano {background-color: #efecec;}*/
            
.auta .udaje_prodejce span.pomocny_text { font-size: 10px; position: absolute; line-height: normal; margin-top: 2px; text-align: right; right: 6px; cursor: pointer; }

span.vyzadovano {position: absolute;color: red;font-size: 20px;top: 3px; padding: 0 0;margin-top: 0;font-weight: inherit; margin-left: 0;line-height: inherit;    right: auto;}
span.doporucujeme {position: relative; color: rgb(255 184 28); top: 0px; padding: 0 0; margin-top: 0; font-weight: inherit; margin-left: 0; line-height: inherit; font-size: 13px; left: 15px;font-weight: 700;}
span.otaznik {background-color: #e9e9e98a; padding-left: 6px; padding-right: 6px; border-radius: 10px; color: #77747494; margin-left: 5px;}

span.souhlasi {font-size: 10px;color: #03ca04;top: -4px;}
  
input.obdobi {display:none;}
div.runflat {text-align: left; width: 95%; margin: 0 auto;} 

div.typ_pneu {display: flex;padding: 5px 0;border-radius: 3px;width: fit-content;padding-left: 5px;margin-left: -5px;}
        .typ_pneu div {display: flex;}
            .typ_pneu label.text {margin-left: 8px;line-height: 37px;width: auto;}

div.chyba {box-shadow:0 0 0 2px red !important;}

div.doplnit {width: 800px;margin: 0 auto;color: red;}
        .doplnit ul {display: flex;}
            .doplnit li {padding: 2px 24px 2px 0px;color: red;font-size: 16px;}

label.obdobi_label {margin-right: 5px;box-shadow: 0 0 0 2px #3c3f44;font-size: 14px;transition: all 0.3s;text-align: center;line-height: 40px;width: 70px;height: 40px; display: inline-block;border-radius: 3px;color: black;box-shadow: 0 0 0 1px #0000001a;padding: 0 12px;}
label.obdobi_label:hover {box-shadow: 0 0 0 2px #3c3f44;;}
input.obdobi:checked + label.obdobi_label {color: white;background-color: #404348;}
input#cena_bez_dph:checked + label.obdobi_label {color: white;background-color: #404348;}

.auta label.obdobi_label {box-shadow: 0 0 0px 1px #c1bfbe;transition: all 0.3s;text-align: center;line-height: 32px;width: 50px;height: 32px;background-color: #f7f5f5;display: inline-block;border-radius: 3px;color: black;margin-left: 2.5px; }
    .auta input#cena_bez_dph:checked + label.obdobi_label {font-weight: bold; box-shadow: 0 0 0 1px;background-color: #f7f5f5;color: black;}


label.mm_label {margin-right: 5px;transition: all 0.2s;text-align: center;line-height: 40px;width: 40px;height: 40px;background-color: #ffffff;display: inline-block;border-radius: 2px;box-shadow: 0 0 0 1px #0000001a;}
label.mm_label:hover {box-shadow: 0 0 0 2px #3c3f44;}
input.obdobi:checked + label.mm_label {color: white;background-color: #404348;}


label.label_popis {background-color: #ffb81c;padding: 2px 5px;margin-bottom: 31px;border-radius: 2px;margin-left: -6px;position: absolute;}

p.vyzadovano {color: red;}

button.vloz_fotky { padding: 7px;background-color: #ffb81c;border: none;border-radius: 4px;font-weight: bolder;text-transform: uppercase;color: white;width: 100%;transition: all 0.2s;cursor: pointer;}
    button.vloz_fotky:hover {background-color: #414349;}

p.popis_vlozeni_fotek {width: 100%;margin-top: 3px;font-size: 12px;color: #404040;}
    
form.vlozeni_form {position: relative; }
    .cena_zbozi span.pomocny_text {
            font-size: 10px;
    position: absolute;
    line-height: normal;
    margin-top: 2px;
    margin-left: -127px;
    }
    .auta .cena_zbozi span.pomocny_text {margin-top: 12px; margin-left: 60px;}

span.u_nadpisu {position: relative;top: -56px;left: 258px;}

form.vlozeni_form input:focus {box-shadow: 0 0 0 2px #ffb81c;background-color: white;}  
form.vlozeni_form textarea:focus {box-shadow: 0 0 0 2px #ffb81c;background-color: white;}  
form.vlozeni_form select {transition: all 0.2s;} 
form.vlozeni_form select:hover {background-color: #414349;color: white;} 
        
form textarea.chyba {box-shadow: 0px 0px 0px 1px red;}
form input.chyba {box-shadow: 0px 0px 0px 1px red !important;}
form input.spravne {box-shadow: 0 0 0 2px #404348;}
form input.prosim {box-shadow:0 0 0 2px rgb(255, 208, 0);}

form select.chyba {box-shadow: 0px 0px 0px 2px red;}

.selekt_profil:first-of-type {margin-right: 5px}

p.pocet_informaci {width: 100%; display: inherit;font-size: 14px;margin-left: 10px;}

input.hidden {display:none}

.nahled_foto div {width: 110px; height: 110px;}
    .nahled_foto div span {position: relative;top: -105px;color: white;left: 67px;background-color: #ffb70369;padding: 4px;cursor: pointer;transition: all 0.3s;
        font-size: 60px;display: inline-block;line-height: 30px;border-radius: 3px;}
        .nahled_foto div span:hover {background-color: #ffb81c;}

/* STYLOVÁNÍ JEDNOTLIVÉHO INZERÁTU VÝPIS */

div.side_foto {display: flex;}

div.inzeraty {display:flex;flex-wrap: wrap;width: 1550px;margin: 0 auto 60px;}

a.obal_a {text-decoration: none; transition: all 0.2s;border-radius: 10px;}
    a.obal_a:hover {box-shadow: 3px 3px 10px #00000038;transform: scale(1.03);z-index: 20;}

div.inz {position: relative; border-radius: 6px;margin: 5px; background-color: white;width: 300px;box-shadow: 5px 5px 10px #00000008;box-shadow: 5px 5px 10px #0000000d;color: black;}

div.inz .topovani {text-transform: uppercase; font-size: 14px; letter-spacing: 0.7px;position: absolute; background-color: #ffb91d; color: white; padding: 3px 10px; right: 0; border-radius: 0 0 0 5px; width: 20%; text-align: center; backdrop-filter: blur(3px);}

.obal_info {padding: 5px 10px;height: 81px;}
    .obal_info h1 {margin: 5px 0px;font-size: 12px;text-transform: uppercase;}

div.main_info {display: flex;justify-content: left;margin-top: 3px;}
    div.main_info p {height: 21px;border: 0.5px solid #404348;padding: 1px 5px 0px;border-radius: 5px;font-size: 14px;line-height: 20px;font-weight: 700;text-transform: uppercase;margin-right: 1%;}
    div.main_info p:last-of-type {margin-right: 0;}  
    div.main_info p.prumer {border: 1px solid #4d4d4d;BACKGROUND-COLOR: #4d4d4d;padding: 1px 5px 0px 1px; display: flex; color: white;}
    .page_moje_inzeraty div.main_info p.prumer {    padding: 1px 5px 0px 5px;}
    div.main_info p img {width: 21.5px;transform: scale(0.6);filter: invert(1);margin-top: -2px;object-fit: contain;}
                div.main_info p.roztec {border: 0.5px solid #dddddd;BACKGROUND-COLOR: #dddddd;color: #4d4d4d;text-transform: inherit;
                
                        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
        max-width: 85px;
                }
                    div.main_info p.sirka {}
                        div.main_info p.et {text-transform: inherit;} /*margin: 0;*/
                            div.main_info p.cena {}

div.main_info p.auta {padding: 1px 5px 0px;}

div.side_info {display: flex; justify-content: space-between;}
    .side_info p.adresa {color:#5e5e5e;}
        .side_info p.cena_inz {padding: 1px 0px 1px 5px;border-radius: 2px;color: #404348;font-weight: 600;}

img.main_img {width: 100%;margin: 0 auto;height: 225px;object-fit: cover;border-radius: 6px 6px 0px 0px;}
    img.side_img {height: 60px;}

div.main_info span.icon img {filter: invert(0);}

/*STYLOVANI NOVEHO ROZLOŽENÍ FILTRACE NA HP*/
.bar {display: flex; justify-content: end; height: 50px;    width: 100%; }
    .bar div {width: 50%;}
    .bar div:first-of-type {  padding-left: 17%; box-sizing: border-box;padding-top: 15px;}
    .bar div:last-of-type {align-items: center;text-align: right; display: flex;justify-content: end; padding-left: 10%; box-sizing: border-box; padding-top: 0px;}
    .bar div p { line-height: 50px;margin-right: 10px; font-size: 15px; letter-spacing: 0.5px;}
    .bar div input { line-height: 50px;}
    .bar div input[type="submit"] {line-height: 36px;margin-right: 60px; transition: all 0.2s; border: none; background-color: #ffb81c; font-size: 16px; border-radius: 3px; color: white; text-transform: uppercase; text-shadow: 3px 3px 5px #00000080; font-weight: 700; box-shadow: 6px 6px 10px #00000012; cursor: pointer; width: 110px; margin-left: 5px;}
    .bar div input[type="text"] {line-height: 37px; width: 493px; border: none; border-radius: 5px; box-sizing: border-box; padding: 0px 15px; font-size: 16px; letter-spacing: 0.7px;}
    
.nove_volby_sekce {width: 540px; position: relative;justify-content: space-between;display: flex; align-items: center; height: 30px;}    
.nove_volby_sekce a {display: flex; align-items: center; transition: all 0.3s;border-radius: 3px; border: none; letter-spacing: 1px; padding: 0 20px 15px; line-height: 55px; text-decoration: none; color: black; font-weight: 600; font-size: 15px; background-color: white; display: flex; box-shadow: 10px 10px 15px 0px #00000033;}
.nove_volby_sekce a img {height: 30px; width: auto; margin-left: 12px;}
.nove_volby_sekce a.active_sekce {position: relative; z-index: 280; box-shadow: none;margin-top: -7px;}
.nove_volby_sekce a:hover {position: relative; margin-top: -10px;}
    
.inner_filtr {background-image: url(../img/reklama.jpg);background-size: cover;display: flex; background-color: #b4b4b4;padding: 2.5% 0 1.5%;}
.obal_filtrace {height: auto;background-color: #ffffff;border-radius: 10px;position: relative;;display: flex; width: fit-content; }
.novy_filtr_auta {position: relative; z-index: 10;border-radius: 7px;box-shadow: 0 0 60px -30px #0000003d; width: 500px; background-color: #ffffff; padding: 10px 3px; padding: 20px; display: flex; flex-wrap: wrap;}
.novy_filtr_auta:nth-of-type(2) {flex:1;display: none;position: relative;box-shadow: none; z-index: 30;align-content: start;padding: 20px 20px 20px 0;}
.obal_filtrace .zobrazit_vice_filtr {display: flex;border-radius: 0px 10px 10px 0px; }

.novy_filtr_auta .inline_1 {text-align: center;display: inline-block; margin: 3.5px 0px; position: relative; width: 50%;}
.novy_filtr_auta .inline_1 select {margin: 0 auto;cursor: pointer; padding: 5px 15px; border-radius: 3px; width: 95%; color: #000000; height: 45px; appearance: none; background: url(../img/sipka_select.svg) no-repeat; background-position: calc(100% - -5px) center; background-color: #ffffff; border: 1px solid #8080801f;}
.novy_filtr_auta .inline_1 .filtr p {margin-bottom: 4px; font-size: 14px; text-align: left; margin-left: 13px; color: #000000; font-weight: 800;}
.novy_filtr_auta .inline_1 .polovicni {display: inline-block;width: 47%;cursor: pointer; padding: 5px 15px; border-radius: 3px; color: #000000; height: 45px; appearance: none; background: url(../img/sipka_select.svg) no-repeat; background-position: calc(100% - -5px) center; background-color: #ffffff; border: 1px solid #8080801f;}
.novy_filtr_auta .inline_1 .vypnuto {pointer-events: none;filter: opacity(0.3);}

.vice_je_rozbaleno {border-radius: 10px 0px 10px 10px; }

.novy_filtr_auta #hledat_filtr {transition: all 0.2s; border: none; background-color: #ffb81c; width: 95%; font-size: 16px; border-radius: 3px; color: #404348; text-transform: uppercase; font-weight: 700; box-shadow: 6px 6px 10px #00000012; cursor: pointer; line-height: 43px;}
.novy_filtr_auta #hledat_filtr:hover {background-color: #414349; color: white;}
.novy_filtr_auta #vice_filtru {padding-right: 20px;cursor: pointer;;justify-content: center; align-items: center;position: initial; display: inline-flex; transition: background 0.2s; cursor: pointer; border: none; border-radius: 3px; height: 45px; color: #414349; background-color: #f1f1f19e; text-transform: uppercase; font-weight: 600; width: 95%;}
.novy_filtr_auta #vice_filtru span {font-size: 14px;}
.novy_filtr_auta #vice_filtru:not(.vypnute):hover  {background-color: #414349; color: white;}
.novy_filtr_auta #vice_filtru:not(.vypnute):hover .filtr_icon {filter: invert(1);}
.novy_filtr_auta img.filtr_icon {  height: 18px;  margin-right: 13px; }

.novy_filtr_auta #vice_filtru.vypnute {display: none;}

.novy_filtr_auta button.vypnute {filter: opacity(0.2); box-shadow: 0 0 0px 1px #00000033;cursor:auto;pointer-events: none;} 
.novy_filtr_auta button.vypnute:hover {} 

.inline_2 {width: 97.5%; display: flex;justify-content: space-between;margin: 0 auto;position: relative;}
.inline_2 .polozka_filter_2:first-of-type {width: 71%;}
.inline_2 .polozka_filter_2:last-of-type {width: 28%;}
.inline_2 .polozka_filter_2:last-of-type span {font-size: 14px;margin-left: 5px;}
.inline_2 .polozka_filter_2 input {box-shadow: 0 0 0px 1px #00000030; border: none;border-radius: 3px; width: 100%; text-align: center; line-height: 40px; }
.inline_2 .polozka_filter_2 input {}

a .diskuze_polozka p.nazev span button:hover img { filter: brightness(10.5); transition: all 0.2s; }
/* STYLOVÁNÍ DETAILU INZERÁTU */

.inner_detail {width: 1200px;margin: 0 auto;margin-bottom: 100px;}

div.nadpis_detail {height: 22px; background-color: #ffb81c;padding: 10px;font-size: 20px;border-radius: 3px;color: white;text-transform: uppercase;text-shadow: 3px 3px 5px #00000036;
    margin-bottom: 50px;box-shadow: 6px 6px 10px #00000029;display: flex;justify-content: space-between;}
        .nadpis_detail h1 {width: 50%;font-size: 18px;}
            .nadpis_detail span {font-size: 14px;margin-right: 20px;color: #fff;text-shadow: none;font-weight: 700;}
                .nadpis_detail a {transition: all 0.2s;background-color: #3f434800;width: 110px;font-size: 16px;border-radius: 3px;color: white;text-transform: capitalize;text-shadow: 3px 3px 5px #00000036;
                    font-weight: 700;box-shadow: 6px 6px 10px #00000012;cursor: pointer;padding: 5px 10px;text-decoration: none;}
                    .nadpis_detail a:hover {background-color: #414349;}

.funkce {margin-left: 310px;line-height: 20px;}

div.cena {margin-top: -30px;}
h2.cena {font-size: 30px;margin-bottom: 10px;padding-left: 10px;}

.info {display: flex;}
    .info div {}

.main_info_detail {width: 50%;box-sizing: border-box;padding-right: 50px;}
    .galerie_detail {width: 50%;}

div.parametry_detail {margin-bottom: 20px;min-height: 290px;}
    .parametry_detail p {border-radius: 4px;font-size: 15px;width: 280px;display: flex;justify-content: space-between;font-weight: 700;border-bottom: 1px solid #3f43482b;padding: 10px 10px;}
        .parametry_detail p:last-child {border-bottom: none;}
            .parametry_detail p:nth-child(even) {background-color: #f4f4f4;}
                .parametry_detail p:nth-child(odd) {}
                    .parametry_detail p:hover {background-color: #80808021;}   
                        .parametry_detail span {padding: 0px 7px;border-radius: 4px;font-size: 14px;font-weight: 700;font-size: 20px;text-align: right;}
                            .parametry_detail span.prumer {width: auto;border: 1px solid #ffb81c;BACKGROUND-COLOR: #ffb81c;display: flex;}
                                .parametry_detail span.roztec {width: auto;border: 1px solid #4d4d4d;BACKGROUND-COLOR: #4d4d4d;color: white;text-transform: inherit;}

.siroke p {width: inherit;}
    .parametry_detail.siroke p:nth-child(even) {background: white;}
        .parametry_detail.siroke p:nth-child(odd) {background: white;}
            .parametry_detail.siroke p:hover {background-color: #80808021;}  

p.popis_detail {font-size: 14px;color: #000000a1;padding-left: 10px;}
p.popis_detail_p {background-color: white;border-radius: 5px;margin: 5px 50px 5px 0;box-sizing: border-box;padding: 10px;font-size: 16px;margin-bottom: 20px;height: fit-content;
    border: 1px solid #7070701c; resize: none;word-break: break-all;white-space: pre-line;}
p.popis_detail_p.mini {width: 100%;}

p.popis_detail_p_1 {background-color: white;border-radius: 5px;margin: 5px 0px 5px 0;box-sizing: border-box;padding: 5px 10px;font-size: 16px;margin-bottom: 20px;white-space: pre-line;word-break: break-all;}
p.popis_detail_p.mini_1 {width: 100%;}

p.cena_bez_dph {margin-bottom: 10px; padding-left: 10px; font-size: 16px; color: #222222; font-weight: 500;margin-top: -8px;}

span.nezadano {font-size: 12px;font-weight: 100;color: grey;}

.galerie_detail img.hl {width: 100%;height: 600px;border-radius: 5px;object-fit: cover;margin-bottom: 6px;}
    .galerie_detail img {width: 115px;height: 115px;object-fit: cover;}

#overlay {width: 100%; height:  100%; background-color: #313131d4;position: fixed; top: 0; left: 0; z-index: 20;backdrop-filter: blur(3px);}
img.lightbox_obrazek {    max-height: 80%;max-width: 80%;width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 5px;}

#klik_clona {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 20000;}

#overlay_button button img { width: 60px; margin: 0 auto; filter: contrast(0.7);}

#overlay_js_select {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 20;display: none;}

button.dopredu_lightbox { transition: all 0.2s ;filter: invert(1);color:#56555591;font-size: 40px;z-index: 50;width: 8%;background-color: #6f6f6f00;height: 100%;display: block;cursor: pointer;position: fixed;right: 0;top: 0;border:none;}
button.zpet_lightbox { transition: all 0.2s ;filter: invert(1);color:#56555591;font-size: 40px;z-index: 50;width: 8%;background-color: #6f6f6f00;height: 100%;display: block;cursor: pointer;position: fixed;left: 0;top: 0;border:none;}
#overlay_button button:hover {background-color: #a7a7a7;} 

#overlay_button button.zavrit_lightbox {transition: all 0.2s; filter: invert(1); color: #56555591; font-size: 40px; z-index: 50; width: 11%; background-color: #6f6f6f00; height: 30%; display: block; cursor: pointer; position: fixed; right: 160px; top: 0px; border: none;}
#overlay_button button.zavrit_lightbox img { width: 180px; }


p.fotky_nevlozeny {font-size: 14px;text-align: center;line-height: 400px;}

a.odkazy_detail {transition: all .2s;text-decoration: none;color: black;border: 1px solid;border-radius: 4px;padding: 0px 0px 1px 0px;margin-top: 5px;display: inline-block;float: right;width: 100%;text-align: center;}
a.odkazy_detail:hover {box-shadow: 0px 2px 0px -1px black;}
a.odkazy_detail img {width: 21px; display: inline-block; margin-right: 8px; vertical-align: text-bottom; float: left; padding-top: 1.3px; padding-left: 1.3px;}

.secondary_info {box-sizing: border-box; padding: 10px;}
.secondary_info h3{font-size: 15px;}
.secondary_info p {display: inline-block;font-size: 15px;margin: 1px 1.2px;}
.secondary_info p.popis_detail {padding-left: 0px;}

.secondary_info div p {    display: contents;}

/* .secondary_info > div {display: flex;box-shadow: 0px 1px 0 0 #00000015; margin: 3px 0;} */
/* .secondary_info > div:last-of-type {display: flex;box-shadow: none; margin: 3px 0;} */
.secondary_info > div > div {width: 100%;display: flex;box-shadow: 0px 1px 0 0 #00000015; margin: 3px 0;}
.secondary_info > div > div:last-of-type {box-shadow: none;}
.secondary_info > div div h3 { width: 30%; min-width: 180px; }
.secondary_info > div > div > div {width: 60%;display: block; }

.podobne_inzeraty > .flex {justify-content: center;}
    .podobne_inzeraty p.nadpis_podobne_inzeraty {text-align: center; font-size: 14px; color: #696969; margin-bottom: 5px;}

/* PRODJECE */
.prodejce {font-size: 16px;padding: 10px;border-radius: 4px;box-shadow: 5px 5px 10px #0000000d;width: 100%;display: flex;box-sizing: border-box;justify-content: space-between;}
    .prodejce div.margin {width: 100%;}
        .prodejce p {display: flex;width: 100%;justify-content: space-between;}
            .prodejce.wide p {display: flex;width: 100%;justify-content: space-between;}
                .prodejce p a {text-decoration: none; color: black;}
                .prodejce p a:hover {text-decoration: underline;}
                .prodejce p span.adresa_d {font-weight: 600;}
                    .prodejce p span.email_d {text-decoration: underline;}
   
.non_flex_1 {display: block;width: 100%;}

div.zprava_inzerat_odeslano {width: fit-content;margin: -116px auto 44px;padding: 30px; background-color: #ffffff; border-radius: 10px;}
    div.zprava_inzerat_odeslano div {display: flex;justify-content: space-between;width: 100%;margin: 0 auto;}
        .zprava_inzerat_odeslano h1 {font-size: 30px;text-transform: uppercase;color: #ffb81c;line-height: 30px;}
            .zprava_inzerat_odeslano a { color: red;}
                .zprava_inzerat_odeslano a:hover { color: #3f4348;}
                    .zprava_inzerat_odeslano p {font-size: 14px;color: #3f4348;}

div.neexistuje {margin: 130px auto 44px;}

/* proces vlozeni inzeratu auta  */
.proces_vlozeni {/* position: relative; background-color: white; margin-top: 120px; border-radius: 7px; */}
.proces_vlozeni .bar {position: absolute; background-color: #ffb91d; height: 5px; width: 100%; top: 60%; z-index: -50;}
.proces_inner {display: flex; justify-content: space-between;}

.checky {justify-content: center;align-items: center;}
    .proces_inner h1 {margin: 0;font-weight: 200; font-size: 15px;pointer-events: none;}
.proces_sekce {width: 19%; box-sizing: border-box; padding: 10px;border-radius: 5px;text-align: center;height: fit-content;position: relative;}
    .proces_sekce[klik="1"]:hover {cursor: pointer; transition: all 0.1s; box-shadow: 0 0 0px 1px #00000021;}
    .proces_sekce p {text-align: center; width: auto;}
        .proces_sekce h3 {color: #ffb91d; position: absolute; top: 24px; opacity: 0.2; font-size: 80px;}

.fake_check {background-color: #c1bfbe; height: 30px; width: 30px; border-radius: 3px;position: relative; z-index: 5;}
.fake_check p { margin-top: 0; line-height: 30px; text-align: center; width: 30px;color: white;}
.proces_vlozeni .aktivni {box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px #ffb91d;}
.mini_bar {height: 5px; width: 17%; background-color: #c1bfbe; transition: all 1.5s;position: relative; z-index: 0;}
.proces_inner .hotovo {background-color: #ffb91d;}

.proces_inner .aktivni p {display: block;width: 100%;}

.flex_tlacitka_proces {z-index: 30;display: flex; justify-content: space-between; position: fixed; width: 1300px; margin: 0 auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .flex_tlacitka_proces button { color: white; background-color: #ffb91d; border-radius: 4px; padding: 10px 48px; border: none; font-size: 18px;cursor: pointer;position: absolute; z-index: 250;}
        .flex_tlacitka_proces button:disabled {background-color: grey; color: white; cursor: not-allowed;}
        .flex_tlacitka_proces button#proces_vpred {right: 0;}

/*proces vlozeni mimo auta */

#odeslani_tlacitko {margin-top: 40px;}

.mimo_auta {margin-top: 100px;}

.vlozeni:not(.auta) textarea {box-shadow: 0 0 0 1px #0000001a; height: 200px;margin-bottom: 0px;padding: 10px;min-height: 100px; max-height: 400px;}
.vlozeni:not(.auta) input[type="text"] {box-shadow: 0 0 0 1px #0000001a; height: 40px;padding: 0 10px;border: none;box-sizing: border-box;}
.vlozeni:not(.auta) input[name="cena"] {width: 300px;}
.vlozeni {background-color: #ffffff; position: relative;top: -75px; padding: 40px; border-radius: 10px;box-shadow: 0 0 0px 1px #00000010, 0 0 8px 0px #00000014;}

.vlozeni:not(.auta) .cena_zbozi {margin-bottom: 30px; width: min-content;}
.vlozeni:not(.auta) .nadpis {margin-bottom: 20px;}
.vlozeni:not(.auta) input.odeslat {margin-bottom: 0px; margin-top: 0px;}
.vlozeni:not(.auta) .udaje_prodejce {margin-bottom: 0px;}
.vlozeni:not(.auta) .container {box-shadow: 0 0 0 1px #80808033;}
.vlozeni:not(.auta) .sekce_4 {box-shadow: none; height: auto;padding: 0 0 0 0px;margin: 0;}
.vlozeni:not(.auta) button.vloz_fotky {height: 35px; }
.vlozeni:not(.auta) .fotky { margin-top: 0px; }

.vlozeni:not(.auta) input.dot {margin-bottom: 0px;}

.proces_sekce_dsp {width: 19%;background-color: white; height: 70px; margin-right: 7px; position: relative; top: -50px; z-index: 5; padding: 11px 16px;}
.proces_sekce_dsp[klik="1"]:hover {cursor: pointer; transition: all 0.1s; box-shadow: 0 0 0px 1px #00000021;}
.proces_sekce_dsp p {text-align: center; width: auto;}
    .proces_sekce_dsp h3 {color: #ffb91d; position: absolute; top: 24px; opacity: 0.2; font-size: 80px;}

.mimo_auta {}
    .mimo_auta .proces_inner { align-items: end;justify-content: start;}
    .mimo_auta .proces_inner .proces_sekce_dsp {left: 40px;cursor: pointer;;transition: all 0.3s;background-color: white; width: 18%; height: 47px;margin-right: 7px;text-align: center;border-radius: 4px;z-index: 0;}
    .mimo_auta .proces_inner .aktivni {top: -50px;box-shadow: none;position: relative; z-index: 30;}
    .mimo_auta .proces_inner .proces_sekce_dsp:hover {top: -55px;box-shadow: none;}
        

div.informace_vpred {display: none;position: absolute; right: -82px; top: 50px; font-size: 13px; background-color: white; padding: 5px 10px; border-radius: 4px;box-sizing: border-box;}        
/* editace nav bar */

.editace_bar { position: relative; background-color: white; padding: 20px 30px 30px 30px; margin-top: 20px; border-radius: 7px; }
    .editace_bar .flex {}
        .editace_bar a { transition: all 0.2s;padding: 7px 15px; font-size: 16px; color: black; background-color: #f2f2f2; text-decoration: none; border-radius: 3px; margin-right: 15px;}
        .editace_bar a:hover {background-color: #ffb70d; cursor: pointer;}

/* Odpověd formulař  */
.formular_odpoved p {margin-right: 10px;font-size: 14px;padding-left: 10px;}
    .formular_odpoved input.odeslat {width: 40%;transition: all 0.2s;border-radius: 3px;color: white;text-shadow: 3px 3px 5px #00000080;font-weight: 700;
        box-shadow: 6px 6px 10px #00000012;cursor: pointer;padding: 5px 10px;text-decoration: none;border: none;background-color: #ffb81c;margin-top: 5px;float: right;}
        .formular_odpoved input.odeslat:hover {background-color: #414349;}
            .formular_odpoved .flex {display: flex; justify-content: space-between;align-items: baseline;}

#zpravicka_odpoved {color: red;}
#zpravicka_odpoved span {color: red;font-weight: 700;text-transform: uppercase;}
#zpravicka_odpoved span.odeslano {font-size: 16px; text-transform: uppercase; color: #ffb81c; line-height: 50px;letter-spacing: 0.3px;}


.kontakty {display: flex;margin-top: 20px;margin-bottom: 10px;justify-content: space-between;}
    .kontakty input:first-of-type {margin-right: 20px;}
        .kontakty input {width: 95%;border-radius: 5px;box-shadow: 3px 3px 10px #00000008;font-size: 16px;border: 2px solid white;padding: 3px 5px;}
            .kontakty div {width: 47%;}

textarea.odpoved {width: 100%;height: 100px;max-width: 395px;min-width: 100%;min-height: 100px;max-height: 200px;border: none;border-radius: 5px;
    margin-top: 5px;white-space: pre-line;font-family: 'PT Sans', sans-serif;box-sizing: border-box;padding: 5px 10px;font-size: 16px;}

/* STRANKOVANI STYL */

.strankovani {display: flex;text-align: center;margin: 0px auto 60px;justify-content: center;}

a.vpred { transition: all 0.3s;margin-right: 4px;line-height: 45px;height: 45px;text-decoration: none;color: white;text-transform: uppercase;border-radius: 3px;background-color: #3f4348;width: 45px;}
        a.vpred:hover {font-size: 30px;background-color: #3f4348c9;}

a.zpet { transition: all 0.3s; margin-left: 4px;line-height: 45px;height: 45px;text-decoration: none;color: white;text-transform: uppercase;border-radius: 3px;background-color: #3f4348;width: 45px;}
    a.zpet:hover {font-size: 30px;background-color: #3f4348c9;}

a.cislo_stranka {transition: all 0.3s;margin: 0 4px;width: 45px;height: 45px;background-color: #ffb81c;display: block;line-height: 45px;border-radius: 3px;text-decoration: none;color: black;}
    a.cislo_stranka:hover {font-size: 24px;font-weight: 800;text-decoration: revert;}
        a.cislo_stranka.active {font-size: 24px;font-weight: 800;text-decoration: revert; }

a.vypnuto {pointer-events:none; filter: opacity(0.2);}
a.vypnuto_cislo {pointer-events:none;}

/* Výpis moje inzeráty */ 

.zadani_cisla {margin: 25px 0;}
    .zadani_cisla p {margin-right: 10px;font-size: 16px;margin-bottom: 5px;}
        .zadani_cisla input.cislo_vloz {border-radius: 3px;border: none;box-shadow: 3px 3px 10px #00000008;width: 200px;line-height: 28px;text-align: center;
            font-size: 17px;}
            .zadani_cisla input.submit {transition: all 0.2s;border: none;background-color: #ffb81c;width: 110px;font-size: 16px;border-radius: 3px;
                color: white;text-transform: uppercase;text-shadow: 3px 3px 5px #00000080;font-weight: 700;box-shadow: 6px 6px 10px #00000012;cursor: pointer;
                line-height: 28px;}
                .zadani_cisla input.submit:hover {background-color: #414349;}

.page_moje_inzeraty .text_main {min-height: 63vh;}

.seznam_inzeratu a {text-decoration: none;color: black;display: flex;}
    .seznam_inzeratu p.popisek {margin-top: 10px;border: none;font-weight: 100;padding-left: 0;font-size: 13px;}
        .seznam_inzeratu a:last-child div {border: none;}

.navigation_bar { background-color: #ffb81c; padding: 10px; font-size: 17px; border-radius: 3px; color: white; text-transform: uppercase; text-shadow: 3px 3px 5px #0000001f; margin-bottom: 50px; box-shadow: 6px 6px 10px #00000029; display: flex; justify-content: space-between; font-weight: bolder; }

.navigation_bar_razeni {padding: 5px;font-size: 16px;border-radius: 3px;text-shadow: 1px 1px 1px #00000012; display: flex;justify-content: space-between;background-color: #dddddd;padding: 5px 15px;width: 1510px; margin: 26px auto 5px;}
h2.nadpis_moje_inzeraty {color: #3f4348;margin-top: 12px;text-transform: uppercase;font-weight: 600;}

p.filtr_popis {font-size:14px;color: #454545;}
p.nalezeno_polozek {font-weight: 700; padding-left: 5px; }

.tlacitka {display: flex;justify-content: end;margin-top: -23px;margin-right: 13px;}
    .tlacitka a:first-of-type {display: none;}
    .tlacitka a {display: flex;transition: all 0.2s;background-color: #ffb81c;font-size: 16px;border-radius: 3px;color: white;text-transform: capitalize;text-shadow: 3px 3px 5px #00000080;font-weight: 700;
        box-shadow: 6px 6px 10px #00000012;cursor: pointer;padding: 1px 10px 2px;text-decoration: none;margin-left: 5px;}
        .tlacitka a:hover {background-color: #414349;}

p._popis {color: #626262;font-size: 14px;margin-right: 10px;}

.razeni a {text-decoration: none;color: black;font-size: 15px;text-transform: initial;border-radius: 4px;background-color: #efefef;padding: 0px 15px;box-sizing: border-box;}
    .razeni a:hover {background-color: #dddddd;}
        .razeni p {padding: 0 15px;}
            .razeni a.aktivni {font-weight: 600;}

select.razeni_select {width: 290px;padding: 0px 5px 0 15px; font-size: 15px; font-family: 'PT Sans'; border-radius: 3px; margin-left: 10px; height: 22px; border: none; background-color: #efefef; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/sipka_select.svg) no-repeat; background-size: 20px; background-position: calc(100% - 5px) center; background-repeat: no-repeat; background-color: #efefef;}
    select.aktivni {font-weight: 600;}
    /*select.razeni_select  {box-shadow: 0px 0px 0px 2px #ffb81c;}*/

.dle_data {margin-right: 50px;}

.info_foto img {border-radius: 4px;width: 300px;}

.inz_vypis {margin-bottom: 10px;justify-content: space-between;border-bottom: 1px solid #00000012;border-radius: 5px;box-sizing: border-box;padding: 10px;}
    .inz_vypis:hover {background-color: #8080800a;box-shadow: 5px 5px 10px #3333330d;}
        .inz_vypis .flex {margin-left: 30px;width: 100%;}
            .inz_vypis .main_info .flex {margin-left: 0;}
                .inz_vypis .info_1 {width: 15%;}
                    .inz_vypis .info_2 {margin-left: 30px;width: 10%;}
                    .inz_vypis .info_2 p {font-size: 12px;color: grey;text-align: right;margin-right: 11px;}

.footer {height: 200px;border-top: 1px solid #FBB81D;box-shadow: inset -2px 14px 20px 0px #00000066;text-align: center;color: #b7b7b7;font-size: 14px;background-color: #404348;}
    .footer a.odkaz_tvurce {text-decoration: none;font-weight: 600;padding: 1px 8px;background-color: #efecec;color: #404348;border-radius: 2px;margin-left: 8px;}
		.footer a.footer_odkaz {background-color: #FFB81D;text-decoration: none;padding: 2px 8px;border-radius: 3px;font-weight: 900;font-size: 15px;text-transform: uppercase;color: #404348;margin-bottom: 40px;display: inline-block;}

.non_flex {display: block !important;width: 80%;}
        
.paticka {margin-top: 50px;}


/*  STYLOVÁNÍ SMAZÁNÍ INZERÁTU  */

.inner_smazani {width: 1200px;margin: 0 auto;margin-bottom: 100px;height: 600px;}

.smazani p {font-size: 16px;font-size: 16px;text-shadow: none;color: black;text-transform: initial;}
    .smazani p span{font-size: 20px; color: white; text-transform: uppercase;text-shadow: 3px 3px 5px #00000080;margin-left: 10px;}

.form_smazani {width: 300px;margin: 0 auto;}
    .form_smazani input {width: 93%;margin-bottom: 3px;border-radius: 3px;border: none;box-shadow: 3px 3px 10px #00000008;line-height: 30px;padding: 0 10px;}
        .form_smazani input.smazani {transition: all 0.2s;border: none;background-color: #ffb81c;width: 100%;font-size: 16px;border-radius: 3px;color: white;
            text-transform: uppercase;text-shadow: 3px 3px 5px #00000080;font-weight: 700;box-shadow: 6px 6px 10px #00000012;cursor: pointer;line-height: 32px;}
            .form_smazani input.smazani:hover {background-color: #414349;}
                .form_smazani h2 {font-size: 16px;text-transform: uppercase;margin-bottom: 8px;}
                    .form_smazani p.popis {font-size: 12px;}

h1.smazani_nadpis {text-align: center;font-size: 22px;margin-bottom: 20px;text-transform: uppercase;}

.udaje {width: 100%;margin-bottom: 10px;}
    .udaje p {width: 100%;display: flex;justify-content: space-between;font-size: 15px;}
        .udaje p:first-of-type span {font-weight: 700;}

p.spatne_heslo {font-size: 16px;width: 800px;}
h1.smazani_uspesne {font-size: 32px;width: 800px;text-transform: uppercase;line-height: 32px;margin-top: 10px;color: #4e4c48;}

/* STYLOVÁNÍ EDITACI INZERÁTU */
div.neklikatelne_editace {pointer-events: none;}
    .neklikatelne_editace label {filter: opacity(0.7);}
    .neklikatelne_editace a {filter: opacity(0.7);}

/* stylování vlozeni inzeratu auta*/

.auta {display: block;}
.auta .volba_radia {box-sizing: border-box; margin: 10px 0;position: relative;box-shadow: 0px 50px 30px -40px #88888842;padding: 20px;border-radius: 13px;background-color: #ffffff78;} 
.auta .volba_radia p:first-of-type {width: 100%;}
.auta .parametry {width: 100%;}
.auta div.znacka{ display: flex; flex-wrap: wrap; width: 100%;justify-content: space-between;}
.auta div.karoserie { flex-wrap: wrap; width: 100%;display: flex; justify-content: space-between;}
.auta div.model { flex-wrap: wrap; width: 100%;display: flex; justify-content: space-between;}
.auta div.generace { flex-wrap: wrap; width: 100%;display: flex; justify-content: space-between;}
.auta div.rok { flex-wrap: wrap; width: 100%;display: flex; justify-content: space-between;}
.auta div.prevodovka { flex-wrap: wrap; width: 100%;display: flex; justify-content: space-between;}
.auta div.pohon { flex-wrap: wrap; width: 100%;display: flex; justify-content: space-between;}
.auta div.palivo { flex-wrap: wrap; width: 100%;display: flex; justify-content: space-between;}
.auta div.motorizace { flex-wrap: wrap; width: 100%;display: flex; justify-content: space-between;}
div.karoserie label.karoserie {width: 16.1%; text-align: left; border: 1px solid black;line-height: 55px;margin: 2.5px 2.4px;}
label.radio_vlozeni_auto {width: 19.8%;text-align: center;font-weight: 600;letter-spacing: 0.7px; margin: 0.5% 0.1%;cursor: pointer;border-radius: 3px;font-size: 14px;transition: background 0.4s;color: black;line-height: 33px;display: inline-block;box-shadow: 0px 22px 45px -20px #3f434878;box-sizing: border-box;padding: 0 10px;}
button.opet_zobrazit {margin: 0 5px; order: 2;display: none;z-index: 50;height: 33px;border: none;background-color: #ffb81c;border-radius: 3px;cursor: pointer;color: #fff;width: 26%; order: 3;}

label.rozsirujici_label {flex-grow: 2; border: none !important; box-shadow: none;}
 
.auta .popis textarea.popis {width: 100%; min-width: 100%; }
.auta .foto_main {max-height: 296px; height: auto;}

h2.nadpis_znacek {width: 100%; font-size: 30px; display: block;}  

label.radio_vlozeni_auto.vice_znacka {display: none;}
h2.vice_znacka {display: none;}

/*chyba pri vlozeni*/
.page_chyba .text_main {min-height: 66vh;}
.page_chyba .text_main h2 {margin-bottom: 20px;margin-left: 2px;}
/* stylování žádádný inzerát */
.page_neexistuje .text_main {min-height: 66vh;}
.page_chyba_moje_inzeraty .text_main {min-height: 66vh;}
.nic > .flex {justify-content: center;}
.nic .odkaz {text-align: center;}
.nic .odkaz a {letter-spacing: 1px;transition: 0.2s; background-color: #FFB81D; color: #ffffff; padding: 15px 40px; text-decoration: none; border-radius: 3px; text-transform: uppercase; margin-top: 70px; font-weight: bolder; box-shadow: 7px 7px 14px #00000030;}
.nic .odkaz a:hover { background-color: #404348; color: #efecec; }
/* NASTYLOVÁNÍ SELECTU KTERY BUDE VOLA NJAVASCRIPTEM*/
.obal_select {
    left: 0;
    display: none;
    position: absolute;
    background-color: #ffffff;
    padding: 5px;
    width: 235px;
    box-sizing: border-box;
    top: 43px;
    border-radius: 3px;
    z-index: 100;
    box-shadow: 0 0 0px 1px #41434917, 0px 5px 8px 2px #00000030;
}

.inner_filtr .obal_select {
    left: 8px;
    display: none;
    position: absolute;
    background-color: #ffffff;
    padding: 5px;
    width: 235px;
    box-sizing: border-box;
    top: 73px;
    border-radius: 3px;
    z-index: 100;
    box-shadow: 0 0 0px 1px #41434917, 0px 5px 8px 2px #00000030;
}

.obal_elementu {margin-right: 0 !important;list-style: none; text-align: left; font-size: 14px; line-height: 25px; overflow: auto; max-height: 500px;}
.obal_elementu option {width: 92%;padding-left: 10px; border-radius: 3px; font-size: 16px; line-height: 39px; letter-spacing: 0.5px;}
.obal_elementu option:hover {cursor: pointer; background-color: #414349; font-weight: bold; color: white;}

.obal_elementu p {width: 92%;padding-left: 10px; border-radius: 3px; font-size: 16px; line-height: 39px; letter-spacing: 0.5px;}
.obal_elementu p.selected {background-color: #414349; color: white;}
.obal_elementu p:nth-of-type(even):not(p.selected) {background-color: #f7f7f7c2;}
.obal_elementu p:hover {cursor: pointer; background-color: #414349 !important; font-weight: bold; color: white;}


.obal_elementu input.fixed {width: 98%; box-sizing: border-box; line-height: 40px; padding: 0 10px; font-size: 16px; background-color: #ffffff !important; border: none; box-shadow: 0 1px 0 0px #9e9fa2, 0px 6px 0px 0px #ffffff, 0 14px 6px -4px #ffffffa1 !important; position: sticky; top: 0;margin-bottom: 10px;}

.obal_elementu::-webkit-scrollbar { width: 5px; height: 8px; }  
.obal_elementu::-webkit-scrollbar-thumb { background-color: #40434878; border-radius: 4px; }
.obal_elementu::-webkit-scrollbar-track { background-color: #f1f1f1; border-radius: 4px; }



#vlozeni_auta {position: relative;}



.volba_znacky select {margin-top: 18px;}

p.vic_znacek {color: #000000;text-decoration: underline;}
p.vic_znacek:hover {color: #000000; text-decoration: none;cursor: pointer;}

input.invisible_input {display: none;}

label.vsechny_znacky {box-shadow: 0px 22px 45px -20px #3f434878, 0px 0px 0px 1px #ffb81c;width: 19.8%; }
label.radio_vlozeni_auto:hover {background-color: #404348;color: white;}
input.invisible_input:checked + .radio_vlozeni_auto {background-color: #404348;color: white;box-shadow: 0px 11px 45px 0px #ffb81c59;}
input.invisible_input:checked + .karoserie img {filter: invert(1);}
input.invisible_input:checked + .prevodovka img { filter: invert(1); }

label.rozsirujici_label:hover {background-color: transparent; cursor: auto;}

img.logo_auto_vlozeni {display: block;width: 50%;margin: 0 auto 10px;}
label.model {text-align: left;box-shadow: 0px 0px 1px 0px black;width: 49.4%;box-sizing: border-box;padding: 10px 15px;}

#vlozni_auta div div {width: 100%;}

div.volba_radia div label.jiz_vybrano {line-height: 33px;height: 33px; margin: 0;display: flex;box-sizing: border-box;padding: 0 15px;flex-grow: 2;position: relative;transition: all 0.5s;border: none;}
label.jiz_vybrano:hover {transform: scale(1.02);}
label.jiz_vybrano img.logo_auto_vlozeni {position: absolute; left: 390px; top: -15px; width: 15.4%;}
label.karoserie {text-align: left;}
label.karoserie img {height: auto; margin: -30px auto -15px; max-width: 100px; padding-top: 15px; padding-bottom: 1px; margin-left: 20px;}
label.karoserie:hover img {filter: invert(1);}

button.siroky_reset {margin-top: 17px;}
button.zrusit_vyber {transition: all 0.2s ;margin-left: auto; width: 4%; height: 33px; border: none; background-color: #b40808; border-radius: 3px; order: 3;display: none; color: white;}
    button.zrusit_vyber:hover {cursor: pointer;color: white; font-size: 28px; line-height: 33px;}

label.karoserie.jiz_vybrano img {position: absolute; left: 380px; top: 12px; width: 100px; height: auto; max-width: initial; filter: invert(1);}
label.prevodovka.jiz_vybrano img {position: absolute; left: 414px; top: -15px; width: 8%; height: auto; max-width: initial; display: block; max-height: none; background-color: #cecbc7; border-radius: 5px;}


.inner_auta {width: 915px;margin: 0 auto;margin-top: 50px;}
.inner_auta div.nahled {width: 50%;}
.inner_auta form {width: 50%;}

.vybava_obal {margin: 10px 0;position: relative;box-shadow: 0px 50px 30px -40px #88888842;padding: 20px;border-radius: 13px;background-color: #ffffff78;}
.vybava_volby {box-sizing: border-box;padding: 5px 5px;border-radius: 5px;}
.vybava_obal input {display: none; }
.vybava_zvolena {border: 0.5px solid #00000033;border-radius: 5px;box-sizing: border-box;padding: 5px 5px;}

.vybava_volby > div {background-color: white;padding: 10px 10px 6px 10px;margin: 10px 0; line-height: 25px; box-shadow: 0 0 0 1px #0000000f; box-sizing: border-box;  border-radius: 6px;}
.vybava_volby > div h3 { margin-bottom: 10px;color: white; text-transform: uppercase; letter-spacing: 1px;padding-right: 10px;width: fit-content; background-color: #ffb81c; box-shadow: 0 0 0 11px #ffb81c; border-radius: 2px 0 20px 0px; }

label.label_vybava {width: 29%; display: inline-block; cursor: pointer;padding: 10px 15px;font-size: 16px;  transition: all 0.2s;margin: 1px 1.2px; line-height: 25px;border-radius: 5px;margin: 7px 1px 0;}
label.label_vybava span {margin-right: 10px;}
label.jiz_zvoleno {color: grey; opacity: 0.7;}
input.vybava_input:checked + label.label_vybava  {margin: 7px 1px 0;border-radius: 4px;color: #4b4b4b;font-weight: 600;transition: all 0.15s;box-shadow: 0px 0px 0px 0.2px black;}
input.vybava_input:hover + label.label_vybava {background-color: rgb(228 228 228);}

label.prevodovka {display: inline-flex;align-items: center; justify-content: space-between; }
label.prevodovka img {max-height: 37px; padding: 7px 0;}
label.prevodovka:hover img {filter: invert(1);}

@media (max-width:1885px) {

}

/*STYL administrace*/

.obal {margin: 0 auto; width: 1300px; border: 1px solid #00000024; padding: 25px; border-radius: 10px;}
.obal .v_pravo {text-align: right;}
.obal .fotky {display: flex;height: 100px;}
.obal .radek button {margin: 5px 0;padding: 5px 20px; background-color: #ffb71d; border-radius: 3px; font-weight: 700; border: 1px solid black;}
    .obal .radek button:hover {background-color: #02afde; cursor: pointer;}


.pocty_inzeratu {max-width: 1300px;margin: 0 auto;}
.pocet {width: 99.7%;background-color: #ffb71d;border-radius: 13px;box-sizing: border-box;padding: 0.7% 1%;margin: 0.3%;font-weight: 600; font-size: 14px;}
.pocty_inzeratu .flex {justify-content: center;}
.blok {width: 25%;background-color: #ffb71d;border-radius: 15px;box-sizing: border-box;padding: 0.7% 1%;margin: 0.3%;}

.pocty {display: flex;}

.administrace {}
.administrace form div {margin: 15px 0px;}
.administrace div input {padding: 5px 10px; border: none; background-color: #5c5c5c; color: white; border-radius: 5px;margin-top: 5px;}
    .administrace div input:hover {background-color: #000000; cursor: pointer;}

.button_ke_grafu { margin-top: 25px;}
.button_ke_grafu a {color: #2a2a2a; text-decoration: none; font-size: 14px; padding: 5px 10px; background-color: #efecec; border-radius: 5px; text-transform: uppercase; margin-right: 15px; letter-spacing: 1px; border: 1px solid black;}
    .button_ke_grafu a:hover {cursor: pointer; background-color: black; color: white;}
        .button_ke_grafu a.aktivni {background-color: black; color: white;}

.graf { display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%; /* Šířka grafu */
    height: 300px; /* Výška grafu */
    padding: 10px 0; /* Odsazení od okraje */
    margin: 70px 0px;
    box-sizing: border-box;
    position: relative;
  }

  .graf_smazano { display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%; /* Šířka grafu */
    height: 170px; /* Výška grafu */
    padding: 10px 0; /* Odsazení od okraje */
    margin: 70px 0px;
    box-sizing: border-box;
    position: relative;
    top: -88px;
  }

  .sloupec {
    width: 35px; /* Šířka sloupce */
    background-color: #292929; /* Barva sloupce */
    text-align: center; /* Zarovnání textu */
    color: #ffb71c; /* Barva textu */
    font-weight: bold; /* Tučné písmo */
    transition: height 0.3s; /* Animace změny výšky */
    font-size: 12px;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .smazane_sloupec {
    border-radius: 0px 0px 5px 5px;
    justify-content: end;
  }

  .graf .nula {background-color: #717171;}
  .graf .top_strop {background-color: #ffb71c;}
  .graf .top_strop span:not(.datum) {color: black;}

  .graf_smazano span {color: #ff1c1c;}
  .graf_smazano .nula {background-color: #5c2929;opacity: 0.55;}
  .graf_smazano .top_strop {background-color: #5c2929;}
  .graf_smazano .top_strop span:not(.datum) {color: #ff1c1c;}

  .sloupec span.datum {color: #efecec;}

.navstevnost > div {margin: 20px 0px;}

.navstevnost p { line-height: 35px; border-radius: 0px 5px 5px 0px; font-size: 16px; font-weight: 600; color: white;}
  .navstevnost p span {margin-left: 10px;}
.navstevnost .aktualni {background-color: #ffb71c;}
.navstevnost .predesli {background-color: #292929; position: relative; top: 1px; z-index: -20;}

.chyby_vypis {width: 100%;margin-bottom: 50px;}
.radek_chyba {align-items: center;display: flex; justify-content: space-between; border: 1px solid #cecaca; line-height: 30px; padding: 0px 10px; border-radius: 5px; margin-bottom: 3px;}
  .radek_chyba button {height: 21px;}
/* hořtičná barva #ae7c2d */ 



button.vyplnit { position: fixed; left: 30px; top: 30px; font-size: 20px; background-color: red; padding: 20px; border: none; border-radius: 6px; color: white; }


.container {
   display: flex;
   flex-wrap: wrap;
   margin-top: 30px;
   position: relative;
   background-color: white;
    min-height: 160px;
    border-radius: 5px;
  }
  
  .box { cursor: move; height: 160px; border: none; border-radius: 0px; box-sizing: border-box; font-size: 60px; transition: all 0.5s; background-size: cover; width: 160px; position: relative; margin: 1.5px 1.5px; }

.box:first-of-type {box-shadow: 0 0 0 2px #ffb71d;}

  .box img {   
    width: 100%;
    object-fit: cover;
    height: 100%;
    pointer-events: none;
    }

    .box span.presunout {
        position: absolute;
        color: #4c4c4c;
        right: 10px;
        top: 10px;
        background-color: white;
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        border-radius: 4px;
        font-size: 30px;
    }

  .box:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 40px 0px #00000059;
    position: relative;
    z-index: 50;
  }
  
  .box.over {
  /*   box-shadow: 0px 0px 0px 10px #404348 inset; */
    border: 7px solid #FFB81D;
  }

  span.hl_fotka_sign {position: absolute; top: -20px; background-color: #ffb71d; padding: 0px 34.2px; border-radius: 5px 5px 0 0; font-weight: 500; letter-spacing: 0.3px; left: -0.3px;}
  
  [draggable] {
    user-select: none;
  }

  .container {display: flex;}
  .container .prvek {    width: 180px; background-color: #ffb91d; height: 180px; font-size: 80px; text-align: center; line-height: 180px;}
  
  .vypis_chyb_vlozeni_fotek {background-color: #b40808; color: white; text-align: center; margin: 10px 0; border-radius: 4px; box-sizing: border-box; padding: 5px 0;}
  .vypis_chyb_vlozeni_fotek p {display: block; width: 100%; color: white;margin-top: 5px;font-weight: 600;}

  span.chyba_nazev_souboru {font-size: 18px; padding: 2px 5px;}