.textclanku p:not(.nastred), .textclanku ul, .textclanku ol {max-width: 800px !important; margin-left:auto; margin-right:auto; font-size: 1.8rem; line-height: 1.45;} .textclanku h1 {text-align: center;} .textclanku h2 {font-size: 1.5em; float:none; border: none; font-weight: normal; text-align: center; margin-top: 50px;} .textclanku h3 {font-size: 1.2em; float:none; border: none; font-weight: bold; text-align: left; margin-top: 50px; max-width: 800px !important; margin-left:auto; margin-right:auto;} .textclanku ul li, .textclanku ol li {padding-left: 2rem;} .textclanku ul.plus {list-style-type: "+ ";} .textclanku ul.minus {list-style-type: "- ";} .textclanku ul.plus li::marker, .textclanku ul.minus li::marker {font-weight: bold;} .textclanku table {max-width: 800px !important; margin-left:auto; margin-right:auto;} .textclanku table tr td { font-size: 18px; vertical-align: top; padding: 3px;} .textclanku table tr td:nth-of-type(1) {font-weight: bold; padding-right: 10px;} .textclanku table tr:nth-of-type(odd) {background-color: #ddd; color: #000;} .textclanku table tr:hover {background-color: #9b9b9b;} .autordatum a {font-weight: normal !important;} .likeunlike {background-color: #fff; color: #000; cursor: pointer; display: inline-block; font-size: 1rem; letter-spacing: 0.1rem; line-height: 3.8rem; text-align: center; font-size: 15px; white-space: nowrap; background-repeat: no-repeat; background-position: 15px center; background-size: 22px; float: left; padding: 0 2rem 0 5rem; margin-top: 5px;} .likeunlike:hover{background-color: #ccc;} .like{background-image: url(/design/like.svg);} .dislike{margin-left:10px; background-image: url(/design/dislike.svg)} .likeunlike img{height: 20px; vertical-align: text-top;} .nastred a{display: inline-block; vertical-align: bottom; overflow: hidden; opacity: 1;} .nastred img{vertical-align: middle; margin-bottom: 5px;} a.killthetrail{color: #fbaa1b !important;} .killthetraillogo{height: 130px; width: 130px; float: right; margin-left: 25px;} /*anketa*/ .poll-content-outer {margin: auto; border: 1px solid; border-radius:5px; background: #fff; overflow: auto; margin-bottom: 25px;} #overlay, .poll-overlay {text-align: center; display: none;} #poll-content, .poll-content {padding: 25px; color: #000 !important;} #poll-content p, .poll-content p {color: #000 !important;} #poll-content label, .poll-content label{font-size: 1.8rem;} .poll-heading {font-size: 2.8rem; font-weight: bold; margin-bottom: 10px;} .poll-bottom button.button-outline{color: #000;} .answer {margin-bottom: 20px;} .answer-text {width: 80%; float: left; margin-bottom: 5px;} .answer-count{width: 20%; float: right; text-align: right;} .progress {position: relative;clear: both; background-color:#f1f1f1!important;} .bar {height: 20px; text-align:right; line-height:20px; padding-right: 5px; white-space: nowrap;} .poll-1{color:#fff!important;background-color:#2196F3!important} .poll-2{color:#000!important;background-color:#ff9800!important} .poll-3{color:#fff!important;background-color:#4CAF50!important} .poll-4{color:#fff!important;background-color:#f44336!important} .poll-5{color:#fff!important;background-color:#9c27b0!important} .poll-6{color:#000!important;background-color:#9e9e9e!important} .poll-7{color:#000!important;background-color:#cddc39!important} .poll-8{color:#fff!important;background-color:#795548!important} .poll-9{color:#fff!important;background-color:#616161!important} .poll-10{color:#000!important;background-color:#f0e68c!important} .poll-11{color:#000!important;background-color:#fdf5e6!important} /*#anketa*/ /*DK*/ .skryte {display: none;} .nastred{text-align: center;} .aktivni {background-color: red;} .inline {display: inline !important;} .doprava{text-align: right;} .noborder{border: 0;} p.error{background-color: #ccc; font-weight: bold; color: red; clear: both; margin: 2rem 0; padding: 1rem 0; text-align: center;} p.error a{color: red;} .topad {border-bottom: 5px solid #000;} @media only screen and (max-width: 1120px) { .topad {margin-top: 54px;} } .topad .container {padding: 0;} .topad .container .column {padding: 0;} .topad .container .column img{display: block; margin: auto; height: auto;} .topad .container .column iframe {margin: auto; display: block;} .topad .container .column .vpravo{float: none !important;} #floater {width: 50px; height: 50px; position: fixed; left: 5px; bottom: 1%; background-image: url(../design/bgchanger.png); background-repeat: no-repeat; background-position: center center; font-size: 10px;} #floater a span {visibility: hidden; } #floater a:hover span {visibility: visible; display:block; height:100%; background-color: rgba(0,0,0, 0.5); color: #fff;} /*global*/ h2 {font-size: 1.5em; text-transform: uppercase; float:left; border-bottom:1px solid #818181; width: 100%; font-weight: bold;} a.kategorie {display: block; font-size: .7em; color: #828282 !important; text-transform: uppercase;} .tucneurl a {font-weight: bold; text-decoration: underline;} .tucneurl .Collage a {text-decoration: none;} table.gsc-search-box td {vertical-align: top !important;} .cse input.gsc-search-button, input.gsc-search-button {height: 36px !important;;} /*#global*/ /*geometrie*/ .geometrie a, .geoporovnani a{font-weight: bold;} .geometrie .tabule{overflow: auto;} .geometrie .tabule p{float: left; width: 29%; font-size: 12px; } .geometrie table{float: left; width: 68%; margin-left: 3%; margin-top: 0;} .geometrie tr:nth-of-type(even), .geoporovnani tr:nth-of-type(even) {background-color: #fff; color: #000;} .geometrie tr:hover, .geoporovnani tr:hover {background-color: #ccc; color: #000;} .geometrie td {clear:both; margin-bottom: 0; line-height: 25px; height: 25px; padding-left: 5px;} .geometrie p span {display: inline-block; float: left; width: 30%; height: 25px;} .geoporovnani td {text-align: center;} .geoporovnani img {max-width: 100%; width: 100%;} .rem4compare{display: inline-block; min-height: 25px; width:90%; background-color: #bdbdbd; color: #fff; font-size: 12px; font-weight: normal !important; line-height: 25px; margin-top: 10px;} .rem4compare:hover{background-color: #c90000; color: #fff;} .geoporovnani {width: auto;} .geoporovnani td {width: 320px;} .geoporovnani tr td:first-of-type {text-align: left; padding-left: 5px;} .geoporovnani tr:last-of-type:hover, .geoporovnani tr:last-of-type, .geoporovnani tr:nth-of-type(1), .geoporovnani tr:nth-of-type(2), .geoporovnani tr:nth-of-type(3) {background-color: transparent;} /*#geometrie*/ /*clanky titulka*/ .clanky {margin-bottom: 2.5em !important;} .clanky img {max-width: 100%; max-height: 12.5em; display: block;} .clanky p.ikonadata{position:relative; font-size: 1em; color: #828282 !important; text-transform: uppercase; margin-bottom: 0.5em;} .clanky p.ikonadata img{margin-bottom: 1.4em;} .clanky a.kategorie{font-size: 1em; display:inline; font-weight:bold; color: #828282 !important; text-transform: uppercase;} .komentare {padding-right: 25px; display: inline-block;background-image: url(../design/komentare.png); background-repeat: no-repeat; background-position: right center;} .fotorama {margin-bottom: 2.5rem;} .fotorama__caption {text-align: center; font-size: 18px !important;} .fotorama__caption__wrap {background-color: rgba(0,0,0,.7) !important; color: #fff;} .Collage, .Collage300{margin-bottom: 2.5rem;padding: 10px; margin-left: -10px; margin-right: -10px;} .Collage img{vertical-align:bottom;} /*margin-bottom: 10px !important;*/ .jakop {margin-bottom: 0px;} .svideem:before { content: ""; position: absolute; top: 0; left: 0; /*background-size: 100% 100%;*/ height: 80%; width: 100%; background: url(../design/play.png) no-repeat; background-position: center center; } .scroll-pane{width: 100%; height: 230px; overflow: auto; font-size: 14px;} .jspVerticalBar{display: none;} .whatisnew{overflow: hidden; clear:both; height: 505px !important; font-size: 14px;margin-bottom: 20px; scrollbar-color: #dedede #0e0e0e;} .sdb{background-position: left 3px; background-repeat: no-repeat; padding-left: 30px; clear: both; margin-bottom: 5px;} .sdb span{display: block; font-size: 12px; color: #828282;} .sdb.komentar {background-image: url(../design/cmnt.png);} .sdb.clanek {background-image: url(../design/clnk.png);} .sdb.fotka {background-image: url(../design/foto.png);} /*#clanky titulka*/ /*clanky*/ .podobne-clanky {font-size: 1.3rem; padding-top: .5rem !important; padding-bottom: .5rem !important; line-height: 1.2;} .podobne-clanky:hover {background-color: #ccc;} .anotace img, .podobne-clanky img {float: left; margin: 0rem .5rem 0rem .5rem;} .video {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 2.5rem; overflow: hidden;} .geo {position: relative; padding-bottom: 42%; padding-top: 25px; height: 0; margin-bottom: 2.5rem; overflow: hidden;} .video.instagram {width: 598px; max-width:100%; margin-left: auto; margin-right: auto; padding-bottom: 10%; height: 990px;} .video.instagram169 {width: 598px; max-width:100%; margin-left: auto; margin-right: auto; padding-bottom: 10%; height: 430px;} @media (max-width: 40.0rem) { .video.instagram {max-width:100%; padding-bottom: 125%; height:auto;} .video.instagram169 {max-width:100%; padding-bottom: 75%; height:auto;} } .video iframe, .geo iframe, .video object, .video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .column object, .column iframe.vid {width: 100%; height: 360px; margin-bottom: 30px;} .anotace{overflow: auto;} .autor{ font-size: 1.3rem; display: block; margin-top: 1rem;} .aia{margin-bottom: 20px;} .aia iframe{margin: auto;display: block;} #supportus{background-color:#dcdcdc; min-height:125px; line-height:30px; font-size:18px; text-align:center; margin-bottom:5px; background-image:url(../podporuj-dk-data/podporujdkclanek.jpg); color:#fff;} #supportus a{ color:#fff; display: block; padding-top:90px;} #komentar {overflow: auto;} /*#clanky*/ /* spodni banner*/ .vyrobek {width: 33.3%; float: left; text-align: center;} .vyrobek h2 {font-size: 18px; border:none;} .vyrobek h2 a{color: #000000; text-decoration:none;} .vyrobek p {margin: 0; margin-bottom: 10px;} .vyrobek .cena{color: #c20000; font-weight: bold; font-size: 15px; margin-top: 5px !important; text-align: center; line-height: 1;} .vyrobek .sleva{text-decoration: line-through;font-size: 10px; color: #000000; font-weight: normal;} .vyrobek .nahled img {max-height: 155px; max-width: 185px; border:0;} .vyrobek:hover{background-color: #eaeaea;} /* #spodni banner*/ /*fotky*/ .fotovid {position: relative !important; left: 0; top: 0;} .vidico {position: absolute !important; top: 0px; left: 0px; ZZZright: 0px; border: none !important; amax-width: 110px;} .fotka img {max-width: 100%; max-height: 110px;} .fotka .kategorie {font-size: 0.9em; font-weight: bold;} /*#fotky*/ /*kalendar*/ .fc-widget-header {height: 26px;} #filtrkalendar {line-height: 2;} a#filtrdlemesicu, a#filtrdledisciplin {color: #000;} .filtrakce {color: #fff; padding: 3px 5px; display: inline-block;} h3.mesic {clear: both; margin-top: 2rem; border-bottom: 1px solid #818181;} h4.akce{font-size: 2rem; font-weight: bold; margin-bottom: .1rem;} h4.akce img{margin-right: 1rem;} .akcezaznam {overflow: auto; margin-bottom: 1rem;} .akcezaznam img {float: left;} .fc-day-grid-event > .fc-content {white-space: normal !important; /*zobrazi cely nazev eventu*/} .fc-time{display : none; /*schovam startovni den*/} /*#kalendar*/ /*bazar*/ .hidden {display: none;} .trigger {cursor: pointer; padding-right: 3rem; padding-bottom: 0.6rem; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjkgMTQiICAgaGVpZ2h0PSIxNHB4IiAgIGlkPSJMYXllcl8xIiAgIHZlcnNpb249IjEuMSIgICB2aWV3Qm94PSIwIDAgMjkgMTQiICAgd2lkdGg9IjI5cHgiICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjQgcjk5MzkiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2FyZXQtZ3JheS5zdmciPjxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMzAzOSI+PHJkZjpSREY+PGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzICAgICBpZD0iZGVmczMwMzciIC8+PHNvZGlwb2RpOm5hbWVkdmlldyAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSI5MDMiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI1OTQiICAgICBpZD0ibmFtZWR2aWV3MzAzNSIgICAgIHNob3dncmlkPSJ0cnVlIiAgICAgaW5rc2NhcGU6em9vbT0iMTIuMTM3OTMxIiAgICAgaW5rc2NhcGU6Y3g9Ii00LjExOTMxODJlLTA4IiAgICAgaW5rc2NhcGU6Y3k9IjciICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNTAyIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwMiIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIj48aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkMzA0MSIgLz48L3NvZGlwb2RpOm5hbWVkdmlldz48cG9seWdvbiAgICAgcG9pbnRzPSIwLjE1LDAgMTQuNSwxNC4zNSAyOC44NSwwICIgICAgIGlkPSJwb2x5Z29uMzAzMyIgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMzU0MTEzODcsMCwwLDAuNDgzMjkxMSw5LjMyNDE1NDUsMy42MjQ5OTkyKSIgICAgIHN0eWxlPSJmaWxsOiNkMWQxZDE7ZmlsbC1vcGFjaXR5OjEiIC8+PC9zdmc+) center right no-repeat; background-color: #ccc; } .trigger:hover { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjkgMTQiICAgaGVpZ2h0PSIxNHB4IiAgIGlkPSJMYXllcl8xIiAgIHZlcnNpb249IjEuMSIgICB2aWV3Qm94PSIwIDAgMjkgMTQiICAgd2lkdGg9IjI5cHgiICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjQgcjk5MzkiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2FyZXQuc3ZnIj48bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTMwMzkiPjxyZGY6UkRGPjxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcyAgICAgaWQ9ImRlZnMzMDM3IiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iOTAzIiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iNTk0IiAgICAgaWQ9Im5hbWVkdmlldzMwMzUiICAgICBzaG93Z3JpZD0idHJ1ZSIgICAgIGlua3NjYXBlOnpvb209IjEyLjEzNzkzMSIgICAgIGlua3NjYXBlOmN4PSItNC4xMTkzMTgyZS0wOCIgICAgIGlua3NjYXBlOmN5PSI3IiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjUwMiIgICAgIGlua3NjYXBlOndpbmRvdy15PSIzMDIiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iTGF5ZXJfMSI+PGlua3NjYXBlOmdyaWQgICAgICAgdHlwZT0ieHlncmlkIiAgICAgICBpZD0iZ3JpZDMwNDEiIC8+PC9zb2RpcG9kaTpuYW1lZHZpZXc+PHBvbHlnb24gICAgIHBvaW50cz0iMjguODUsMCAwLjE1LDAgMTQuNSwxNC4zNSAiICAgICBpZD0icG9seWdvbjMwMzMiICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjM1NDExMzg3LDAsMCwwLjQ4MzI5MTEsOS4zMjQxNTUzLDMuNjI1KSIgICAgIHN0eWxlPSJmaWxsOiMwMDA7ZmlsbC1vcGFjaXR5OjEiIC8+PC9zdmc+); } #trigger-kategorie{} #trigger-kategorie li{list-style: none; margin: 0 1%; /* width: 31%; float: left; */} #trigger-kategorie li a.button{width: 100%; padding: 0 .2rem; overflow: hidden;} .policko {width: 30% !important;} textarea.large{min-height: 15rem !important;} .nejnovejsiinzeraty .column, .nejnovejsiinzeraty .column p {padding: 0; margin-right: 1px; margin-bottom: 1px;} .overlay{position: relative;} .overlay.vip span{background: rgba(255, 0, 0, .75);} .overlay img{ width: 100%; display: block;} .overlay span{position: absolute; bottom: 0; height: auto; padding: 10% 1% 10% 1%; overflow:hidden; background: rgba(0, 0, 0, .65); color: #fff; font-size: 1.3rem; width: 100%; text-align: center; display: inline-block; overflow: hidden;} .overlay:hover span{display: inline-block;} #bazaraddfoto {margin-left: 10px; clear: both; overflow: auto;} #bazaraddfoto div {width:120px; float:left;} .inzerat span.top {color: #ff0000; font-weight: bold;} .inzerat span.vip, span.vip {color: #ff0000; font-weight: bold;} .inzerat strong {font-size: 2rem;} .inzerat img {float: left; margin-right: 1rem; height: 9rem;} .inzerat.kurz img {float: left; margin-right: 1rem; height: 11rem;} .slinkou {border-bottom:1px solid red; margin-bottom: 4rem;} .oddelovac {border-bottom:1px solid #606c76; overflow: auto; margin-bottom: 5rem; line-height: 1.5;} .oddelovac .button {width: auto; display: block;} .vpravo {float: right;} .vlevo {float: left;} .profilephoto{margin-right: 1rem;} .reset {background-color: #fff !important; color: #ccc !important; border-color: #ccc !important;} .prefered, .preferedsmaller { line-height: 3.8rem; font-size: 1.1rem; text-transform: uppercase; font-weight: bold; margin-bottom: 1rem;} .prefered .column a{padding: 0 2rem !important;} .preferedsmaller .column a{padding: 0 1.2rem !important;} .odskok img.profilephoto {float: left;} p.bazar_navi { text-transform: uppercase; font-size: 11px;} h2.trigger {padding-left: 1rem;} .bzruserinfo .profilephoto{float: left;} .nofullsize{width: auto !important;} /*#bazar*/ .pagination{ text-align: right;} .pagination span{ margin-right: 0.3rem;} .comment:nth-child(even) {background-color: #fff !important;} .comment a {text-decoration: underline; font-weight: bold;} .comment_hidden {background-color: #ccc; text-align: right; padding: 10px;} .comment p img{ display: block; margin-top: 10px;} .comment p img{ display: block; margin-top: 10px;} .comment_info span{display: inline-block; float: right; font-weight: normal;} .comment_info img{ height: 40px; width: 40px; float: left; margin-right: 1rem;} /* .subreaction0 {margin-left: 0px;} .subreaction1 {margin-left: 30px;} .subreaction2 {margin-left: 60px;} .subreaction3 {margin-left: 90px;} .subreaction4 {margin-left: 120px;} */ .comment { display: inline-block; background-color: #fafafa; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e1e8ed; border-right-color: #e1e8ed; border-bottom-color: #e1e8ed; border-left-color: #e1e8ed; border-image-source: none; border-image-slice: 100% 100% 100% 100%; border-image-width: 1 1 1 1; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 1rem; color: #000; box-sizing: border-box; margin-top: 8px; width: 100%; } .subreaction0 {width: 100%;} .subreaction1, .subreaction2, .subreaction3, .subreaction4, .subreaction5, .subreaction6, .subreaction7, .subreaction8 {max-width: 95%;} ul.tree li {font-size: 18px; margin: 0;} ul.tree, ul.tree ul { list-style: none; margin: 0; padding: 0; } ul.tree ul { margin-left: 2%; /*2.0em;*/ } ul.tree li { } ul.tree ul.tree li { border-left: thin solid #7F7F7F; } ul.tree ul.tree li:last-child { border-left: none; } ul.tree li:last-child { border-left: none; padding-bottom: 0px; } ul ul.tree li:before { wwidth: 0.9em; width: 1%; /*2%*/ height: 1em; margin-right: 0em; vertical-align: top; border-bottom: thin solid #7F7F7F; content: ""; display: inline-block; } ul.tree li:last-child:before { border-left: thin solid #7F7F7F; } /* @media only screen and (max-width: 650px) { .subreaction0 {margin-left: 0px;} .subreaction1 {margin-left: 10px;} .subreaction2 {margin-left: 20px;} .subreaction3 {margin-left: 30px;} .subreaction4 {margin-left: 40px;} } */ .reaction {/*overflow:auto;*/} .reaction a.reaguj {display: block; float:right; margin-top: 5px; margin-bottom: 0;} #komentarkclanku fieldset {margin: 15px 0px; padding: 10px; color:#000 !important; background-color: #fafafa; border: 1px solid #e1e8ed; border-radius: 4px;} #komentarkclanku fieldset a, #komentarkclanku fieldset p {color: #000;} #komentarkclanku fieldset a {text-decoration: underline;} #komentarkclanku .button-outline {color: #000; border: 0.1rem solid #d1d1d1;} .reaction fieldset {margin: 15px 50px 0px; padding: 0px 10px; background-color: #ededed !important;} .reaction .prihlasen {overflow: auto;} .reaction .profilephoto {display: inline;} .reaction a {text-decoration: none; font-weight:normal;} h2#komentar {margin: 1rem;} #komentar h2 {margin: 1rem 0;} /*sticky*/ .stickie {background-color: #fdfbcd;border-width: 1px;border-style: solid;border-color: #ffcc33;padding: 5px;padding-top: 20px;margin:auto;margin-bottom:20px;width:85%;} .stickie p {font-size: 16px !important; color: #000;} .stickie p a{font-weight: bold; color: #000;} .stickie p {font-size: 16px !important;} p.hornilinka {border-top: 1px solid #ffcc33; margin-top: 25px; padding-top: 5px;} .stickie .hl {font-size:18px; font-weight:bold;} /*#sticky*/ #nahlasit_form fieldset p {color: #000;} /*popup readnext*/ #readnext img {float: left; margin-right: 5px; max-width: 100px;} #readnext p, #basket p { font-size: 12px; margin-bottom: 0;} #readnext p {margin-top: 20px;} #readnext a {color: #000;} #readnext strong {font-size: 14px; margin-right: 20px;} #readnext span {display: block; margin-top: 5px;} #readnext, #basket {background:#fff; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -moz-box-shadow:outset 0 0 3px #333; -webkit-box-shadow:outset 0 0 3px #333; box-shadow:inner 0 0 3px #333; padding:12px 14px 12px 14px; width:300px; position:fixed; bottom:13px; right:5px; display:none; z-index:90; } #closereadnext {cursor: pointer; position: absolute; right: 10px; top: 5px; display: block; width: 15px; height: 15px; background-color: #ccc; line-height: 15px; font-size: 13px; text-align: center;} #closereadnextforever {cursor: pointer; position: absolute; right: 30px; top: 5px; display: block; width: 80px; height: 15px; background-color: #ccc; line-height: 15px; font-size: 10px; text-align: center;} /*#popup readnext*/ /*podporuj dk*/ #basket {display: block !important; text-align: center;} .order{text-align: center;} .order a{text-decoration: underline;} .order strong{display: block !important; padding: 5px 0px; background-color: red; margin-bottom: 1rem;} /*#podporuj dk*/ .heureka-affiliate-product, .infobox {margin-bottom: 2.5rem; border:1px solid #ddd; padding: 25px; overflow: auto; background-color: #fafafa; border: 1px solid #e1e8ed; border-radius: 4px;} .infobox p {overflow: auto; color: #000 !important;} .infobox p a{color: #000;} .infobox p:last-of-type {margin-bottom: 0;} .heureka-affiliate-product img, .infobox img {float: left; margin-right: 25px; height: 80px;} .heureka-affiliate-product small, .infobox small {display: block; margin-bottom: 10px;} /*#DK*/ /* Base // –––––––––––––––––––––––––––––––––––––––––––––––––– */ img { max-width: 100%; height: auto; } .wrapper { position: relative; display: block; width: 100%; overflow: hidden; } /* Sections // –––––––––––––––––––––––––––––––––––––––––––––––––– */ .container { /*border-top: .1rem solid #d1d1d1;*/ padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 0; max-width: 112.0rem; } /* Footer // –––––––––––––––––––––––––––––––––––––––––––––––––– */ .footer{background-color: #333333;} .footer .container {color: #fff; padding-top: 40px; padding-bottom: 40px; background-image: url(../design/logo-inverzni.png); background-position: 95% center; background-repeat: no-repeat;} .footer .container a {color: #fff;} .footer .container a:hover {text-decoration: underline;} .footer .fb {background-image: url(../design/fb-footer.png); background-position: center center; width:32px; height:31px; display:inline-block; vertical-align: middle;} .footer .yt {background-image: url(../design/yt-footer.png); background-position: center center; width:48px; height:30px; display:inline-block; vertical-align: middle;} .footer .fb span, .footer .yt span {display: none;} /* Header // –––––––––––––––––––––––––––––––––––––––––––––––––– */ .header { background-color: #f4f5f6; padding-top: 1rem; } @media (min-width: 40.0rem) { .header { padding-top: 5rem; } } .header .container { position: relative; border-top: 0; text-align: center; } .header .title { font-family: 'Gotham Rounded A', 'Gotham Rounded B', 'Helvetica Neue', Arial, sans-serif; } .header .img { height: 15.0rem; margin-bottom: 2rem; } .header + section { border-top: 0; } .header .button { margin-top: 2rem; margin-bottom: 4rem; } @media (min-width: 40.0rem) { .header .button { margin-top: 2rem; margin-bottom: 4rem; } } /* Tips // –––––––––––––––––––––––––––––––––––––––––––––––––– */ .button-black { background-color: black; border-color: black; } .button-black.button-outline { color: black; } .button-black.button-clear { color: black; } .button-large { font-size: 1.4rem; height: 4.5rem; line-height: 4.5rem; padding: 0 2rem; } .button-small { font-size: .8rem; height: 2.8rem; line-height: 2.8rem; padding: 0 1.5rem; } /* Navbar // –––––––––––––––––––––––––––––––––––––––––––––––––– */ .navigation { left: 0; /* max-width: 100%; position: fixed; */ right: 0; top: 0; max-width: 100vw; z-index: 99; /*margin-top: 0.2em;*/ } .logo img{margin-top: 0.2rem;} /* Re-overiding the width 100% declaration to match size of% based container */ .navigation .container { padding-top: 0; padding-bottom: 0; } .navigation { background: #fff; border-bottom: .1rem solid #818181; display: block; height: 5.2rem; width: 100%; } .navigation-list { list-style: none; margin-bottom: 0; margin-right: 5.0rem; } @media (min-width: 80.0rem) { .navigation-list { margin-right: 0; } } .navigation-item { float: left; margin-bottom: 0; margin-left: 2.2rem; position: relative; } .navigation-item:hover{border-bottom: 3px solid #000; color: #000;} .navigation-item img{vertical-align: text-bottom;} .navigation .img { position: relative; top: .3rem; height: 2.0rem; } /* .navigation .title, .navigation-title { color: #606c76; color: red; display: inline; font-family: 'Gotham Rounded A', 'Gotham Rounded B', 'Helvetica Neue', Arial, sans-serif; line-height: 5.2rem; font-size: 1.6rem; padding: 0; position: relative; text-decoration: none; } */ .navigation-link { display: inline; line-height: 5.2rem; font-size: 1.4rem; padding: 0; text-decoration: none; color: #000; text-transform: uppercase; font-weight: bold; display: block; } .navigation-link.active { color: #606c76; border-bottom: 3px solid #fe0000; } .navigation-link:hover{} @media (min-width: 40.0rem) { .only-mobile { display: none; } } /* #Media Queries ================================================== */ .slicknav_menu {display: none;} /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1120px) { .slicknav_menu {display: block; background: #565759 url(../design/logo.png) no-repeat 20px 5px !important;} .slicknav_home {display: block; width: 130px; height: 40px; float: left;} .navigation, nav ul#menu {display: none;} .navigation-item{float: none !important;} .navigation-link{line-height: 1.1 !important;} .navigation-item:hover{border: none;} } @media only screen and (max-width: 650px) { .topad .container .column iframe {max-width: 100%;} h1 { font-size: 1.5em;} .tabs > div h3, .tabs > div h3 a.article, .clanky h3{font-size: 1.2em !important;} .vyrobek {width: 100%; float: none;} .footer .container { background-position: bottom center; padding-bottom: 50px;} .fotka img{max-width: 100%; width: auto; display: block; margin: auto;} #supportus a{padding-top:20px !important; height:125px; background-color: rgba(0,0,0, 0.7);} .geo {min-height: 820px !important;} .geometrie .tabule p{float: none; width: 100%; font-size: 12px; text-align: center;} .geometrie table{float: none; width: 100%; margin-left: 0%;} .comment_info {line-height: 1.2 !important; overflow: auto;} .comment_info span {display: block; margin-left: 50px; float: none; font-size: 1.4rem;} .stickie {width: 100%;} } @media only screen and (max-width: 480px) { .button, .reset, input[type="submit"], #trigger-kategorie li{width: 100%;} }