/*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:700; 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 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; 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:700; 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:700; 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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 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 */

/*h3*/
#search-atlas h3 {margin-bottom:18px; font-size:100%; font-weight:700}

/*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:700; 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:#B9151C}
#pocasi a span {text-decoration:underline; font-weight:700}

/* 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:700}
#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:700}

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

/*atlas*/
.atlas-box {padding:0 10px; margin-bottom:22px} 
.atlas-box h1 {margin-bottom:0.3em; font-size:162.5%; font-weight:700}
.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; margin:0 10px 1em 0; padding:.2em .5em; border:1px solid #A6A071; font-size:medium; background:#EFEDDD}
#search-atlas .submit {margin:.05em 0 1em; font-size:medium}
#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 {line-height:1.5; margin-bottom:1em; font-size:93.75%}
#search-atlas .tit-img img {float:left; margin:0 10px 0 0} 

/*list-application*/
.list-application {margin-bottom:40px}
.list-application h3 {margin-bottom:0.25em; text-transform:uppercase}
.list-application .w2-a {float:left; display:inline; width:582px}
.list-application .w2-b {float:right; display:inline; width:388px}
.list-application .w2-a ul {float:left; width:33%}
.list-application .w2-b ul {float:left; width:50%}
.list-application .atlas-psu ul {width:50%}
.list-application li {list-style:none; margin-bottom:2px; font-size:93.75%}
.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; display:inline; width:480px}
.list-atlas .w2-b {float:right; display:inline; width:480px}
.list-atlas .time {/*color:#927445*/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 form .inputs {float:left; margin-bottom:12px}
.reports form .inputs input, form .inputs select {width:11em; height:16px; border:1px solid #CCC; background:#EEE; margin-right:12px}
.reports form .inputs select {height:18px; =height:22px; _height:18px}
.reports form .bt {margin-top:1.1em; width:7em}
.reports form 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:700; text-decoration:underline}
.reports .date li .d-date {text-decoration:none; font-weight:normal; color:#000}
.reports .date li.active {width:80px; font-weight:700}
.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:700; 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:700}
.list-reports h4 {padding:1px 10px; background-color:#F6F4EE; font-size:87.5%; font-weight:700}
.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: 1em;color: #e41f1f;font-size:125%}

.kalk .perex {margin-bottom:20px}
.kalk form {width:400px;margin: 0 auto 40px;padding: 10px 20px 5px;border: solid 1px #eee;/* background: #eee; */border-radius: 5px;}
.kalk-sec {padding: 15px;box-sizing: border-box;background: #f5f5f5;border-radius: 5px;width: 100%;margin: 0 auto 15px;}
.kalk-sec-delena {display:flex;align-items: center;justify-content: space-between;}

.kalk-sec-in {position:relative;box-sizing: border-box;}

.kalk .row + .row {margin-top: 10px;position: relative;}
.kalk-sec-in button {display: block;position: relative;/* width: 100%; */margin: 0px auto 0;padding: 0px 10px 0px 10px;text-align:center;height: 1.8em;line-height: 1.8;color:#fff;/*font-weight:bold;*/box-sizing: border-box;background:#e41f1f;border:none;border-radius: 3px 5px 5px 3px;}
.kalk-sec-in button:after {visibility: hidden;content:"";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:100px;height: 1.9em;padding: 3px 5px;box-sizing:border-box;border: solid 1px #ccc;}
.kalk select {width:100%}
.kalk input[type=number] {text-align:right}
.psi-vek .kalk-vysledek strong {display:inline-block; width: 3em; margin: 0 2px; padding: 5px 8px; font-size: 120%;  font-weight: bold;text-align: center;background: #f5f5f5; border-radius: 2px; border: solid 1px #e41f1f;}


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

/* OLD - N3 copy END */