/*alone-tit*/
.alone-tit li {font-size:100%}
.alone-tit li a {padding:0 0 0 36px; background:url('/o/hobby/n4a/boxdot.gif') no-repeat 10px center}

/* bramborovy salat */
.bramsal {margin:0 0 2em; padding:0 0 0 10px}
.bramsal h3 {margin:0 0 .5em; font-size:150%; font-weight:600; color:#C23653}
.ingredients p {margin:0 0 1em}
.ingredients ul {overflow:hidden; margin:0 0 1em -30px}
.ingredients li {position:relative; list-style:none; float:left; width:135px; margin:0 0 10px 30px; padding:108px 0 0; font-size:93.75%; height:2.6em; line-height:1.3}
.ingredients label {position:relative; display:block; margin:-108px 0 0; padding:108px 0 0}
.ingredients li b {display:table-cell}
.ingredients li img {position:absolute; top:0; left:0; z-index:1; width:135px; height:101px}
.ingredients i {position:absolute; top:61px; left:0; z-index:2; width:135px; height:40px; line-height:40px; text-align:center; font-style:normal; font-size:30px; color:#FFF; background:url('/u/fog70.png')}
.ingredients input {position:absolute; top:107px; left:0; width:21px; height:21px; margin:0; padding:0; z-index:2; opacity:0; margin:0}
.ingredients .status {float:left; width:21px; height:21px; margin:0 8px 0 0; z-index:1; background:url('/o/volby-n4/checkbox-graf-nav.png') no-repeat}
.ingredients input:checked + .status {background-position:-50px 0}
.ingredients label:hover .status {background-position:-100px 0}
.ingredients label:hover input:checked + .status {background-position:-150px 0}
.ingredients label img {opacity:.5}
.ingredients label:hover img, .ingredients input:checked ~ img {opacity:1}
.ingredients textarea, .sender .inputs input {box-sizing:border-box; width:100%; line-height:1.3; margin:0 0 1em; padding:.2em .4em; border:1px solid #CCC; font-size:93.75%; background:#FFF url("/u/portal/p-search-inp.gif") repeat-x}
.ingredients textarea {resize:vertical; height:3.2em}
.sender input[type="submit"] {height:2.4em; margin:0 0 1em; padding:0 1.5em; border:1px solid #AA3B0A; border-radius:3px; font-size:100%; font-weight:600; color:#FFF; background:#C29C35 url("/u/portal/hobby/button-bg.gif") 0 100% repeat-x}
.bramsal-top {position:relative; margin:0 0 1em; padding:260px 0 0; background:url('/o/hobby/bramsal-bg.jpg') no-repeat}
.bramsal-top h1 {position:absolute; top:-999vw; left:-999vw}
.bramsal-top h2 {position:absolute; top:47px; left:0; z-index:1; width:0; overflow:hidden; background:url('/o/hobby/bramsal-sprite.png') no-repeat}
.bramsal-top h2.bramsal-bg1 {left:24px; padding:100px 0 0 135px}
.bramsal-top h2.bramsal-bg2 {left:6px; padding:103px 0 0 174px; background-position:-200px 0}
.bramsal-top ul {overflow:hidden; margin:0 0 0 3%}
.bramsal-top li {list-style:none; float:left; width:46.9%; margin:0 3% 0 0; padding:1em 0 .8em; border-radius:1em 1em 0 0; text-align:center; font-size:125%; font-weight:600; color:#FFF; background:#A18C51}
#bramsal.prep-1 .nava-1, #bramsal.prep-2 .nava-2 {color:#000; background:#FFF}
#bramsal.prep-1 .nava-2, #bramsal.prep-2 .nava-1 {cursor:pointer}
.bramsal-opener p {margin:0 0 .5em; font-size:100%}
.bramsal-tip {position:relative; line-height:1.5; padding:0 0 2em 80px; font-size:87.5%; color:#666}
.bramsal-tip span {position:absolute; top:0; left:20px; z-index:1; width:44px; height:44px; background:url('/o/hobby/bramsal-sprite.png') -400px 0 no-repeat}
.bramsal #sdileni {position:static; margin:0 0 15px}
.bramsal .bubble-box {background:#F5F5F5; border-radius:6px}
.bramsal .bubble-box .box-in, .bramsal .bubble-box h2.bubble-tit, .bramsal .bubble-box .box-bot {background:none} 
.bramsal .bubble-box h2.bubble-tit {padding:10px}
.bramsal .bubble-box .box-in {width:100%; padding:0 10px; box-sizing:border-box}
.bramsal .bubble-box .social-list-bubble li {width:87px}
.bramsal .bubble-box .box-bot {height:10px}
.bramsal .close {display:none}
/* bramborovy salat END */

/* OLD - N3 copy */

/*herbar*/
.obr-herbar {border:3px solid #CC683D}


/* udalosti */
#udalosti .box-in {padding:22px 0 10px}
#udalosti li {float:left; height:auto; width:80px; margin-right:20px}
#udalosti li.eng-end {margin-right:0}
#udalosti li a {display:block; text-decoration:none}
#udalosti li a:hover {background-color:#FF5500}
#udalosti h3 {text-transform:uppercase; font-weight:600; font-size:87.5%; line-height:1.5; margin-bottom:2px}
#udalosti h3 a:hover {background-color:#FFF}
#udalosti .eng-text {display:block; width:80px; padding-top:4px; background-color:#F6F4EE; text-decoration:underline; cursor:pointer; line-height:normal; font-size:68.75%}
#udalosti .eng-img {height:65px; width:80px; cursor:pointer}
#udalosti .eng-img img {display:block; border:1px solid #FFF; border-width:0 0 1px}
#udalosti .ico-r {clear:both; margin-top:10px}
#udalosti .ico-r a:hover {background:none}
#udalosti #baby-eyes {position:relative; width:282px; left:10px; overflow:hidden}
#udalosti #baby-eyes ul {clear:both; width:1000%; min-height:100px}

.inside-page {border-color:#F5821F}
.inside-page iframe {display:block}
/*pocasi*/
/*#pocasi {margin-bottom:50px}*/
#pocasi ul {display:block; float:left; width:282px; margin-bottom:0.5em}
#pocasi li {float:left; display:inline; width:70px; text-align:center}
#pocasi li span {display:block}
#pocasi li .day {font-size:68.75%; text-transform:uppercase}
#pocasi li img {}
#pocasi li a {display:block; text-decoration:none; /*color:#336699*/}
#pocasi li a:hover {color:#C11B1B}
#pocasi a span {text-decoration:underline; font-weight:600}

/* serialy, katalog */
#serialy {margin-top:50px}
#serialy a, #katalog a {display:block; text-decoration:none}
#serialy a span, #katalog a span {text-decoration:underline}
#serialy p, #katalog p {margin:0 0 1.5em; font-size:93.75%}
#serialy p.mb0, #katalog p.mb0 {margin:0 0 0.5em}

/*hobby*/
#hobby-nejctenejsi ul {margin-bottom:-15px}
#hobby-nejctenejsi li {position:relative; width:100%; margin-bottom:10px; font-size:87.5%; font-weight:600}
#hobby-nejctenejsi span {position:absolute; display:block; width:1em; top:0; left:0; z-index:1; color:#000}
#hobby-nejctenejsi li a {display:block; height:auto; padding-left:1.5em}
#hobby-nejctenejsi li img {float:right; margin:0 0 4px 5px}

/*video-art*/
#video-art .art {margin-bottom:0.75em; border-bottom:1px solid #E3E3E3}
#video-art .art h3 {font-size:87.5%}
#video-art .art .perex {font-size:100%}
#video-art .art .ico {clear:both}
#video-art .box-in .ico a, #video-art .box-in .ico-r a {height:auto; min-height:26px; _height:26px; white-space:normal}


/*poradna*/
#poradna h2 span {color:#FFCC99}
#poradna ul {float:left; width:100%; margin-bottom:-20px}
#poradna li {float:left; width:100%; clear:both; margin-bottom:20px}
#poradna img {float:right; margin-left:5px}
#poradna li span {display:block}
#poradna li a {font-size:87.5%; font-weight:600}

/*poradny*/
.poradny-opener, #porad-otaz .inside-div {background:#FFF5E5}

/*atlas*/
.atlas-box {max-width:964px; margin:0 auto var(--spacing-2, 2rem)} 
.atlas-box h1 {margin-bottom:.75rem; font-weight:600; font-size:225%; line-height:1.222}
.atlas-box .art {padding-left:188px}

/*atlas heldani*/
#search-atlas .fl {width:640px}
#search-atlas .fr {width:300px}
#search-atlas .box-in {min-height:127px; _height:127px}
/*#search-atlas label, #search-atlas .alphabet span {display:block; margin-bottom:6px; font-size:68.75%; text-transform:uppercase}*/
#search-atlas #input-search {float:left; width:500px; max-width:80%; margin:0 10px 1em 0; padding:.2em .5em; border:1px solid #A6A071; font-size:1rem; color:#000; background:#EFEDDD}
#search-atlas .submit {margin:.05em 0 1em; font-size:1rem}
#search-atlas .list-alphabet a {display:block; /*width:1.35em; */ float:left; padding:0 5px; font-size:112.5%; text-transform:uppercase}
#search-atlas .list-alphabet {margin:0 0 1em -3px}
#search-atlas p {margin-bottom:1em; font-size:100%; line-height:1.6}
#search-atlas .tit-img img {float:left; margin:0 10px 0 0} 
#search-atlas [class*="ico-"] {display:flex; gap:.25em}
#search-atlas [class*="ico-"]:before {filter:var(--filter-tgl-pri80)}


/*list-application*/
.list-application h2 {margin-bottom:.5rem}
.list-application h3 {margin-bottom:.5rem; text-transform:uppercase}
.css-t .list-application .w2-a, .css-t .list-application .w2-b {margin:0 0 1.5rem}
.css-d .list-application .w2-a {float:left; width:632px}
.css-d .list-application .w2-b {float:right; width:300px}
.css-d .list-application .w2-a ul {float:left; width:33%}
.css-d .list-application .w2-b ul {float:left; width:50%}
.list-application .atlas-psu ul {width:50%; padding:0 1em 0 0; box-sizing:border-box}
.list-application li {list-style:none; margin-bottom:.25rem; font-size:100%}
.list-application li span {font-size:68.75%; color:#7B8396}
.list-application a {text-decoration:none}
.list-application a:hover {text-decoration:underline}

/*list-atlas*/
.list-atlas .w2-a {float:left; width:466px}
.list-atlas .w2-b {float:right; width:466px}
.list-atlas .time {display:none}

/*atlas detail*/
.atlas-text .time {visibility:hidden}

/* reports */
.reports {width:100%}
.reports h2 {margin-bottom:0}
.reports h2 a {text-decoration:none}
.reports h2 a:hover {text-decoration:underline}
.reports p {margin-left:13px; color:#3C3C3C; line-height:1.75}
.reports .box-in {padding:10px}
.reports .box {padding:10px 0 0.5em 0; margin-bottom:0.5}
.reports .inputs {float:left; margin-bottom:12px}
.reports .inputs input, .reports .inputs select {width:11em; height:16px; border:1px solid #CCC; background:#EEE; margin-right:12px}
.reports .inputs select {height:18px}
.reports .bt {margin-top:1.1em; width:7em}
.reports label {display:block; font-size:68.75%}
.reports .date ul {float:left; width:100%}
.reports .date li {float:left; display:inline; text-align:center; width:74px}
.reports .date li a {display:block; padding:0.4em 0; background-color:#EEE; font-size:68.75%; text-align:center; text-decoration:none; text-transform:uppercase}
.reports .date li span {font-weight:600; text-decoration:underline}
.reports .date li .d-date {text-decoration:none; font-weight:normal; color:#000}
.reports .date li.active {width:80px; font-weight:600}
.reports .date li.active a {background:none; color:#000}
.reports .date h3 {margin-bottom:1px}

.list-reports {width:100%; margin-bottom:1em}
.list-reports .category {padding-bottom:0.8em}
.list-reports h2 {margin:10px 0 10px 10px; font-family:Tahoma,Arial,sans-serif; font-size:112.5%; font-weight:600; line-height:1.6em; min-height:1.6em; text-align:left; text-transform:uppercase; color:#9A3C22}
.list-reports h3 {padding:1px 10px; color:#FFF; background-color:#CB673C; text-transform:uppercase; font-size:87.5%; font-weight:600}
.list-reports h4 {padding:1px 10px; background-color:#F6F4EE; font-size:87.5%; font-weight:600}
.list-reports .box {padding-bottom:0.5em; margin-bottom:1em; background:transparent url('/o/hobby/dots-hobby.gif') repeat-x scroll left bottom; zoom:1}
.list-reports .ico-r {float:right; width:9.5em}
.list-reports p {margin:4px 10px}

/*kalkulacka*/
.kalk h1 {margin-bottom:.75rem; font-weight:600; font-size:225%; line-height:1.222}
.kalk .perex {margin:0 0 1em; font-size:112.5%; line-height:1.556}
.kalk form {max-width:22em; margin:0 auto 2.5em; padding:1em 1.5em; border:1px solid var(--tgl-pri10, #D3D7DA); border-radius:.5rem}
.kalk-sec {width:100%; margin:0 auto 1em; padding:1em; border-radius:.5rem; background:var(--tgl-pri05); box-sizing:border-box}
.kalk-sec-delena {display:flex; align-items:center; justify-content:space-between}
.kalk-sec-in {position:relative; box-sizing:border-box}
.kalk .row + .row {position:relative; margin-top:10px}
.kalk-sec-in button {position:relative; display:block; height:1.8em; line-height:1.8; margin:0 auto; padding:0 10px; border:none; border-radius:3px 5px 5px 3px; text-align:center; color:#fff; background:#E41F1F; box-sizing:border-box;}
.kalk-sec-in button:after {content:""; visibility: hidden; display: block;position: absolute;background: transparent;left: 100%;top: 0;margin-left: -2px;box-sizing: border-box;height: 0;border: solid 10px transparent;border-top-right-radius: 4px;/* border-width: 20px 10px 30px 0; */border-right-color: #E41F1F;border-top-color: #E41F1F;transform-origin: top left;transform: rotate(45deg);}
.kalk select, .kalk input {width:6em; padding:.25em .5em; border:1px solid var(--tgl-pri10, #D6DEEB); color:var(--tgl-neutral90); background:var(--tgl-white, #FFF); box-sizing:border-box;}
.kalk select {width:100%}
.kalk input[type=number] {text-align:right}
.psi-vek .kalk-vysledek strong {display:inline-block; width:3em; margin:0 .125rem; padding: 5px 8px; border:1px solid #E41F1F; border-radius:2px; font-weight:600; font-size:120%; text-align:center; background:var(--tgl-neutral05, #F0F2F3)}

/*calendar*/
.calendar-selected a {background-color:#F5821F !important}

/* OLD - N3 copy END */