/* barvy SHORTSERIE kody jil50 #007437; kar50 #ed9b06; om #b32020; kas30 #731d54; jel #17469E; jnlm #F24F00; jiz50 #45cae4; pia #ffd500; NEW 27/11/20 Bedřichovský NLM: #F15A22 Zadovská 30: #681953 Karlovská 50: #EB9526 Orlický maraton: #B22528 Jizerská 50: #3DA2CA JeLyMan: #075BAA Bieg Piastow: #231F20 kh30: #35969D OM blue #0a2741 OM red */ body { background: #0a2741; } #page { background-color: #0a2741; } .container { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 16px; /* Space between columns */ } .column { flex: 1 1 150px; /* Minimum width of 300px */ max-width: calc(20% - 16px - 0.5rem); /* Three columns with spacing */ display: flex; align-items: center; justify-content: center; flex-direction: column; font-weight: bold; padding: 0.5rem 0.25rem; } .bold { font-weight: bold; } .text-md { font-size: 18px; } .column img { width: 100%; height: auto; /* Maintain aspect ratio */ max-height: 70px; max-width: 200px; object-fit: contain; /* Scale within the container */ } .column .partner-name { text-align: center; font-size: 14px } video { max-width: 100%; width: 100%; height: auto; } .btn-line { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin-bottom: 3rem; } .btn-line .btn { background: #B22528; color: #fff !important; padding-right: 2rem; display: flex; justify-content: center; align-items: center; margin-bottom: 12px; cursor: pointer } .btn-line .btn:hover { background: #fff; color: #B22528 !important; } .btn-line .btn:after { content: "\203A"; color: inherit; font-family: Arial, serif; font-size: 1.8em; position: absolute; right: 14px; top: 0; line-height: 1.05em; } .btn-line .btn.disabled, .ss-om .btn-line .btn.disabled { background: #b8b8b8 !important; border-color: #b8b8b8 !important; color: #fff !important; cursor: default; } .main-banner { text-align: center; color: white; font-weight: 600; background: #b22528; background: linear-gradient(to right, #b22528, #e30414, #b22528); margin: 0 -26px; padding: 1rem; font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 2rem; } .second-banner { text-align: center; font-weight: 600; /*border: solid 8px #b22528;*/ background: #0a2741; background: linear-gradient(to right, #0a2741, #004a87, #0a2741); /*color: #004a87;*/ color: white; border-top: 0; margin: 0 -26px; padding: 1rem; font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 1.5rem; } .block-routes ul li { margin: 0.5rem 1rem; } .block-routes ul li p { text-align: center; } .block-routes ul li p img { margin:auto; } @media (max-width: 900px) { .column { max-width: calc(50% - 16px); /* Two columns at smaller resolutions */ } } @media (max-width: 600px) { .column { max-width: 100%; /* Single column for very small screens */ } } /* reset */ 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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus {outline: 0;} /* remember to define focus styles! */ body {line-height: 1; color: black;} ol, ul {list-style: none;} table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */ caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /* reset end */ body {font-family: sans-serif; font-size: 0.75em; position: relative; color: #222222;} /* 75.3% puvodni font size */ a {text-decoration: underline;} a:hover {text-decoration: none;} a.inv-underline {text-decoration: none;} a.inv-underline:hover {text-decoration: underline;} .text p, .text ul, .text ol, .text dl, .text address, .text blockquote {margin-bottom: 20px;} .text ul, .text dl, .text ol {margin-top: 20px} .text a {text-decoration: none; color: #004a87;} .text a:hover {text-decoration: none;} .hidden {position: absolute; left: -4000px;} .bold, strong {font-weight: bold;} .italic, em {font-style: italic;} .normal, i {font-style: normal;} .strike {text-decoration: line-through} .pull-left, .float-left {float: left;} .pull-right {float: right;} .text-left{text-align:left} .text-right{text-align:right} .text-center{text-align:center} .thumb {width: 150px; margin-right: 15px} .thumb img {width: 100%; height: auto; float: left;} .cols {position: relative;} .cols .col13 {float: left;} .cols .col13 {width: 31%; margin-left: 3.5%;} .cols + .cols .col13 {margin-top: 1.5%;} .cols .c1 {margin-left: 0px;} .small {font-size: .8em;} .blue {color: steelblue} .js .js-hide {display: none} .valuelist .label, .valuelist .value {float: left;} .valuelist .label {margin-right: .5em; color: #164661;} #article .bottomlinks {margin: 60px 0px -80px 0px; width: 100%; padding: 0px 0px 0px 0px; position: relative; text-align: center;} #article .bottomlinks li {margin: 0px; display: inline-block; padding: 0px 15px; border-left: 1px solid #dcdcdc;} #article .bottomlinks li:first-child {border: none;} #article .bottomlinks li:before {content: ""; padding: 0px;} #article .bottomlinks a {color: #164661;} h1 {text-transform: uppercase; font: normal 2em/30px sans-serif; margin: 0px 0px 40px 0px; font-weight: bold; } h2 {text-transform: uppercase; font: normal 1.8em/30px sans-serif; margin: 20px 0px;} h3 {font: bold 1.2em/20px sans-serif; margin: 20px 0px;} .text h1, .text h2, .text h3 {color: #222222} .text h2 .smallbtn, .text h3 .smallbtn {font-size: 13px; display: inline-block; margin: 0px 5px; font-weight: normal;} .grayblock, blockquote {background: #eee; padding: 10px; margin: 30px -25px 30px -25px; padding: 20px 25px 20px 25px;} .grayblock *:last-child, blockquote *:last-child {margin-bottom: 0px;} .grayblock *:first-child, blockquote *:first-child {margin-top: 0px;} .grayblock > div{float: left !important; margin-right: 20px;} .grayblock-center{position: relative} .grayblock-center #snippet--pageFilter{margin: auto; position: absolute; left:45%; right: 45%; top: 0; bottom: 0; width: 120px} .grayblock-bottom .selectric-open .selectric-items{top: auto !important; bottom: 100% !important} .blueblock {background: #003350 !important;} .text ul ul li:before {content: "";} .text ul ul {list-style-type: circle;} .text ul {margin-left: 1.5em;} .text ol {margin-left: 1.5em; list-style-type: decimal;} .text ol ol {list-style-type: lower-alpha;} .text ol ol ol {list-style-type: circle;} .text ul ul, .text ul ol, .text ol ul, .text ol ol {margin-top: 10px; margin-bottom: 10px;} .text .sub-head {position: relative; margin-top: -25px; font-size: 1.2em; color: #2D6D8D; margin-bottom: 20px;} #article .blockemph {float: left; background: #075BAA; padding: 1em 1em; color: #fff; font-weight: bold; border-radius: 3px;} #article .blockemph a {color: #fff;} @media screen and (max-width: 700px) { /*kontakt*/ #article[data-pageid="6000"] td[width="50%"] { display: block; width: 100%; margin-bottom: 2.5em; } #article[data-pageid="6000"] td[width="50%"] + td { margin-bottom: 0; } } /* layout */ #pg-wrap {position: relative; width: 100%; overflow: hidden} #page {position: relative; z-index: 2; font: 14px/20px sans-serif; width: 100%} #fbpp {position: absolute; right: -235px;top: 90px; z-index: 3; background: url("img/fb-flag.png") no-repeat 0 0; padding-left: 33px; } #fbpp div {border-left: 2px solid #324C83; background: #fff; height: 370px; position: relative; overflow: hidden;} .clr-fb img {vertical-align: middle;} #pg-wrap #page .btn-line .clr-fb {background: #365694; border-color: #fff; color: #fff} #page .hbg-fb {background: #365694;} .content {margin: 0px auto; width: 100%; position: relative; max-width: 1370px; display: block;} #header {background: #fff; color: #164661; position: fixed; top: 0; left: 0; width: 100%; height: 89px; z-index: 980; border-bottom: 1px solid #dcdcdc; } #header a {color: #164661; text-decoration: none;} #logo {float: left; position: relative; margin-right: 5px; margin-top: 15px;} #logo a {float: left; line-height: 60px; } #logo img {width: 130px; height: 55px; float: left; padding-top: 5px;} #gp {float: left; text-align: center; position: relative; margin-top: 15px;} #gp a {float: left; line-height: 60px; } #gp img {width: 85px; height: 60px; float: left} #nav-launcher {position: absolute; right: 0px; top: 10px; height: 40px; width: 40px; background: #efefef; margin-left: 10px; text-decoration: none; vertical-align: middle; text-align: center; display: none; z-index: 9999} #nav-launcher:hover {background: transparent;} #nav-launcher .bar {background: #222222; display: block; font-size: 1px; height: 3px; width: 20px; margin-bottom: 4px; position: relative; margin-left: auto; margin-right: auto;} #nav-launcher .bar:first-child {margin-top: 11px;} #nav-launcher.active {background: #222222;} #nav-launcher.active .bar {background: #fff;} #nav-launcher.active:hover {background: #000;} #main {margin-top: 0px; padding-bottom: 60px; z-index: 11; position: relative; max-width: 980px;} #crumbs {position: absolute; top: -40px; margin-left: 270px; height: 40px; font-size: 12px; color: #7CA3B7;} #crumbs a {color: #7CA3B7;} #crumbs a:hover {color: #fff;} #main .text {background: #fff; color: #222222; position: relative;} #article {padding: 30px 25px 40px 25px; position: relative; z-index: 10; border: 1px solid #dcdcdc; margin-top: 30px; margin-bottom: 20px;} .pgResults #article {margin-left: 0px;} .pgResults #sidebar {display: none;} .perex p:empty {display: none;} @media screen and (max-width:600px) { .perex .thumb {width: 100%; height: auto; margin: 0px; margin-bottom: 10px;} } #sidebar {position: relative; background: #fff; font-size: 17px; border: 1px solid #dcdcdc; z-index: 20; height: 80px; margin-top: 50px;} #sidebar ul {display: table; width:100%;} #sidebar li {display: table-cell; height: 80px; position: relative;} #sidebar a {color: #1e6d73; text-decoration: none; display: table; padding: 10px 0px 10px 0px; position: absolute; left: 0; top: 0; border-left: 1px solid #dcdcdc; width: 100%; height: 60px; text-align: center; } #sidebar span {display: block; display: table-cell; vertical-align: middle; height: 60px; width: 100%; text-align: center; padding: 0px 4px;} #sidebar li:first-child a {border: none;} #sidebar a:hover {background: #cee7e8; } #sidebar .emph a, #sidebar .emph a:hover {background: #35969D; color: #fff} #sidebar .emph a:after {content: ''; position: absolute; border: solid transparent; border-width: 20px; border-top-color: #35969D; left: 50%; margin-left: -20px; width: 0px; height: 0px; top: 100%;} #sidebar #ulsubnav span{font-size: 14px;} #nav {position: fixed; top: 35px; height: 0px; right: 0px; width: 100%; z-index: 999; background: red;} #backtop {display: none; } #ulnav li {float: left; position: relative; } #ulnav li.level0 {height: 54px; } #ulnav li.level0:hover {border-bottom: 1px solid red;} #ulnav a.a-level-0 {border-left: 1px solid #dcdcdc;} #ulnav li:first-child a.a-level-0 {border: none;} #ulnav a {color: #003350; text-decoration: none; line-height: 32px; height: 30px; float: left; padding: 0px 12px;} #ulnav {position: absolute; right: 0; top: 0px;} #ulnav ul {display: none; position: absolute; top: 55px; left: 0px; background: #fff; border: 1px solid #dcdcdc; border-top: none;} #ulnav ul li {width: 100%; } #ulnav ul a {width: 240px; border-top: 1px solid #dcdcdc; margin: 0px 10px; padding: 0px 10px 0 0; position: relative;} #ulnav ul a:after { position: absolute; right: 0px; top: 0px; font-size: 18px; content: "\203A"; color: inherit; font-family: Arial; line-height: 28px;} #ulnav ul li:first-child a {border: none;} #ulnav a:hover {color: #DA221A;} #ulnav .a-level-0 {text-transform: uppercase; font-size: 1.1em} #ulnav .linav-register .a-level-0 span {display: inline-block; border-radius: 15px; background: #2C9CDF; color: #fff; padding : 0px 10px; height: 30px; line-height: 32px;} #ulnav .linav-stopa .a-level-0 span {display: inline-block; border-radius: 15px; background: #E20074; color: #fff; padding : 0px 10px; height: 30px; line-height: 32px;} #ulnav .linav-voucher .a-level-0 span {display: inline-block; border-radius: 15px; background: #27B4EC; color: #fff; padding : 0px 10px; height: 30px; line-height: 32px;} #ulnav li:hover > ul, #ulnav li.hover > ul {display: block;} #page #ulnav ul ul {display: none} #bottom {position: relative; z-index: 10;} #bnrs {background: #FCF1CB; padding: 3% 0px;} #bnrs img {background: #ddd; width: 100%; height: auto; display: block; /* max-width: 370px; */} #bnrs .iframe {width: 100%; padding-bottom: 56.720430%; height: 0; position: relative; overflow: hidden;} #bnrs iframe {position: absolute; min-width: 100%; min-height: 100%; width: 0; height: 0;} #racecarousel {position: relative; z-index: 10; margin: 0 auto 30px; overflow: hidden; } #racecarousel h2 { text-align: center; font-size: 30px; color: black; margin: 30px 0 13px; } #races { margin: 0 0 16px; } #races div { width: 25%; float: left; box-sizing: border-box; padding: 8px; } #races a { display: block; position: relative; border-radius: 5px; overflow: hidden; text-decoration: none; } #races a .img { display: block; position: relative; padding-bottom: 65.74%; } #races a .img:before, #races a .img:after, #races a .img span { content: ""; width: 100%; height: 100%; position: absolute; top: 0; } #races a .img:before { background: no-repeat center center; background-size: 100.5% auto; /* filter: grayscale(100%) contrast(30%) sepia(100%) contrast(80%) brightness(125%) hue-rotate(10deg); */ } #races a .img span { background: radial-gradient(circle at center, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 60%); } #races a .img:after { background: no-repeat center center; background-size: 70% auto; } #races a .img.over { position: absolute; top: 0; width: 100%; z-index: 3; opacity: 0; transition: 0.15s ease; } #races a .img.over span { display: none; } #races a:hover .img.over { opacity: 1; } @media screen and (max-width: 1023px) { #races div { width: 50%; } } @media screen and (max-width: 600px) { #races { margin-bottom: 0; } #races div { width: 100%; padding: 4px 8px; } #races a .img { padding-bottom: 20%; } #races a .img span, #races a .img:after { background-size: auto 110%; } } /* bg */ #races a.race-jnlm .img:before { background-image: url(/img/racepromo/jnlm-bg-h.jpg); } #races a.race-om .img:before { background-image: url(/img/racepromo/om-bg-h.jpg); } #races a.race-jiz50 .img:before { background-image: url(/img/racepromo/jiz50-bg-h.jpg); } #races a.race-jel .img:before { background-image: url(/img/racepromo/jel-bg-h.jpg); } #races a.race-pia .img:before { background-image: url(/img/racepromo/pia-bg-h.jpg); } #races a.race-kh30 .img:before { background-image: url(/img/racepromo/kh30-bg-h.jpg); } #races a.race-sthm .img:before { background-image: url(/img/racepromo/sthm-bg-h.jpg); } #races a.race-stha .img:before { background-image: url(/img/racepromo/stha-bg-h.jpg); } /* bg over */ #races a.race-jnlm .img.over:before { background-image: url(/img/racepromo/jnlm-bg.jpg); } #races a.race-om .img.over:before { background-image: url(/img/racepromo/om-bg.jpg); } #races a.race-jiz50 .img.over:before { background-image: url(/img/racepromo/jiz50-bg.jpg); } #races a.race-jel .img.over:before { background-image: url(/img/racepromo/jel-bg.jpg); } #races a.race-pia .img.over:before { background-image: url(/img/racepromo/pia-bg.jpg); } #races a.race-kh30 .img.over:before { background-image: url(/img/racepromo/kh30-bg.jpg); } #races a.race-sthm .img.over:before { background-image: url(/img/racepromo/sthm-bg.jpg); } #races a.race-stha .img.over:before { background-image: url(/img/racepromo/stha-bg.jpg); } /* logo */ #races a.race-jnlm .img:after { background-image: url(/img/racepromo/jnlm-nm.svg); } #races a.race-om .img:after { background-image: url(/img/racepromo/om-nm.svg); } #races a.race-jiz50 .img:after { background-image: url(/img/racepromo/jiz50-nm.svg); } #races a.race-jel .img:after { background-image: url(/img/racepromo/jel-nm.svg); } #races a.race-pia .img:after { background-image: url(/img/racepromo/pia-nm.svg); } #races a.race-kh30 .img:after { background-image: url(/img/racepromo/kh30-nm.svg); } #races a.race-sthm .img:after { background-image: url(/img/racepromo/sthm-nm.svg); } #races a.race-stha .img:after { background-image: url(/img/racepromo/stha-nm.svg); } /* logo over */ #races a.race-jnlm .img.over:after { background-image: url(/img/racepromo/jnlm-nm-h.svg); } #races a.race-om .img.over:after { background-image: url(/img/racepromo/om-nm-h.svg); } #races a.race-jiz50 .img.over:after { background-image: url(/img/racepromo/jiz50-nm-h.svg); } #races a.race-jel .img.over:after { background-image: url(/img/racepromo/jel-nm-h.svg); } #races a.race-pia .img.over:after { background-image: url(/img/racepromo/pia-nm-h.svg); } #races a.race-kh30 .img.over:after { background-image: url(/img/racepromo/kh30-nm-h.svg); } #races a.race-sthm .img.over:after { background-image: url(/img/racepromo/sthm-nm-h.svg); } #races a.race-stha .img.over:after { background-image: url(/img/racepromo/stha-nm-h.svg); } #races a .wrap { display: block; padding: 5px 0; width: 100%; text-align: center; color: #fff; line-height: 1.5;} #races a .wrap strong { display: block; width: 100%; text-transform: uppercase; font-size: 16px; } #races a .wrap span { display: block; width: 100%; } /* #races {display: flex; margin-top: 0px; background: #fff; z-index: 20; position: relative; border-top: 1px solid #dcdcdc;} #races a {flex: 1 1 auto; text-decoration: none; position: relative; z-index: 10; border-color: inherit; text-align: center; } #page #races a span.wrap {border-left: 1px solid #dcdcdc;} #races a.emph { background: white; } #races a.emph:hover .wrap:before {content: ''; position: absolute; border: solid transparent; border-width: 21px; border-top-color: #bcbcbc; left: 50%; margin-left: -21px; width: 0px; height: 0px; top: 100%;} #races a.emph:hover .wrap:after {content: ''; position: absolute; border: solid transparent; border-width: 20px; border-top-color: white; left: 50%; margin-left: -20px; width: 0px; height: 0px; top: 100%;} #races a span.wrap {display: block; text-transform: uppercase; font-size: 17px; padding: 30px 0px 20px 0px; color: inherit; font-weight: bold;} #races a span.wrap span {display: block; font-weight: normal; color: white; font-size: .8em} #races a.emph span.wrap span {color: #000000;} */ /*#page #races a:hover .wrap:after {content: ''; position: absolute; border: solid transparent; border-width: 20px; left: 50%; margin-left: -20px; width: 0px; height: 0px; top: 100%;}*/ /*#page #races .clr-jil50:hover .wrap:after ,#page #races .emph-bgr-jil50 .wrap:after {border-top-color: #007437;}*/ /*#page #races .clr-kar50:hover .wrap:after ,#page #races .emph-bgr-kar50 .wrap:after {border-top-color: #EB9526;}*/ /*#page #races .clr-om:hover .wrap:after ,#page #races .emph-bgr-om .wrap:after {border-top-color: #B22528;}*/ /*#page #races .clr-kas30:hover .wrap:after ,#page #races .emph-bgr-kas30 .wrap:after {border-top-color: #681953;}*/ /*#page #races .clr-jel:hover .wrap:after ,#page #races .emph-bgr-jel .wrap:after {border-top-color: #075BAA;}*/ /*#page #races .clr-jnlm:hover .wrap:after ,#page #races .emph-bgr-jnlm .wrap:after {border-top-color: #075BAA;}*/ /*#page #races .clr-jiz50:hover .wrap:after ,#page #races .emph-bgr-jiz50 .wrap:after {border-top-color: #35969D;}*/ #partners {background: #fff; color: #666; padding: 40px 0px 60px 0px;} #partners h3 {font-weight: normal; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; margin: 10px 0px;} #partners .partner_container {display: flex; flex-wrap: wrap; justify-content: center; text-align: center;} #partners .partner_separator {border-bottom: 1px solid lightgrey;} #partners .partner_item {margin: 0 15px 20px 15px; width: 120px; height: 70px; line-height: 70px;} #partners .partner_item a {} #partners .partner_item img {max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; vertical-align: middle;} #partners .partner_premium img {max-width: 70%;} @media screen and (min-width: 1024px) { #bottom2 #partners .pc1 {box-sizing: border-box; text-align: center; width: 23%; } #bottom2 #partners .pc2 {box-sizing: border-box; text-align: center; width: 19%; border-left: 1px solid #ddd; padding: 0 1%; min-height: 640px;} #bottom2 #partners .pc3 {box-sizing: border-box; width: 58%; border-left: 1px solid #ddd; padding-left: 30px; position: relative; min-height: 640px;} #bottom2 #partners .pc3 > div { visibility: hidden; opacity: 0; position: absolute; transition: opacity 0.5s ease, visibility 0.5s ease; background: white; } #bottom2 #partners .pc3 > div.active { visibility: visible; opacity: 1; position: relative; z-index: 2; } #bottom2 #partners .pc3 .partner_container {justify-content: flex-start;} } @media screen and (max-width: 1023px) { #bottom2 #partners .col {float: none;text-align: center; padding: 0px 10px; border: 0;} } @media screen and (max-width: 599px) { #bottom2 #partners .pc3 {display: none;} } #article #partners .partner_container:first-of-type .partner_item {width: 185px; height: 170px;} #article #partners .partner_container:nth-of-type(2) .partner_item {width: 125px; height: 125px;} #bottom2 #partners .partner_item {width: 100px; height: 60px; line-height: 60px;} #bottom2 #partners .pc1 .partner_item {width: 185px; height: 160px; line-height: 160px;} /* #bottom2 #partners .partner_item {filter: grayscale(1); transition: filter 0.15s ease;} #bottom2 #partners .partner_item:hover {filter: grayscale(0);} */ #page .locallogolist {margin-left: 0px;} #page .locallogolist li:before {content: ""; } .locallogolist li {margin: 0px 15px 15px 0px;} .locallogolist li, .locallogolist a, .locallogolist img {float: left; height: 60px; width: auto;} #nav-btm {padding: 50px 0px 60px 0px; background: #222222; color: #fff;} #nav-btm a {color: #fff; text-decoration: none;} #nav-btm .a-level-0 {font-weight: normal;} #nav-btm .ulnav ul {margin: .75em 0em; } #nav-btm .ulnav .level1 a, .contact-block, #nav-btm .contact-block a {color: #FCF1CB} #nav-btm .ulnav .level1 a:hover, #nav-btm .contact-block a:hover {color: #fff;} #nav-btm .linav-account ul {display: none;} #nav-btm .incol {border-left: 1px solid rgba(255,255,255, .2); padding-left: 20px;} #page #nav-btm .ulnav ul ul {display: none} .contact-block {margin: .75em 0em; } #footer {background: #002559; color: #fff; height: 60px; overflow: hidden; position: relative;} #footer .content {background: url("../img/raul.png") no-repeat 0px 10px; } #footer a {color: #FCF1CB} #footer a:hover {color: #fff} #footer .pull-left {padding-left: 60px;} #footer p {line-height: 58px;} #social {position: relative; background: #FCF1CB; padding-bottom: 40px;} #fb {position: relative; margin-top: 30px; } #fb div {width: 100%; height: 340px; position: relative; overflow: hidden; } #vids {border-top: 1px solid #d8dfea; padding-top: 20px; margin-top: 5px;} #vids li {margin-bottom: 10px; background: #fff; padding-right: 10px;} #vids a {float: left; width: 100%; height: 68px; overflow: hidden; text-decoration: none; color: #222222; font-size: 16px; line-height: 1.3em; padding-top: 6px; position: relative;} #vids .image {float: left; height: 74px; width: 99px; background: #ddd; margin-right: 15px; position: relative; margin-top: -6px;} #vids .date {font-size: 13px; color: red; } .col {float: left;} .span_1_of_3 {width: 33.33%;} .span_2_of_3 {width: 66.66%;} .span_1_of_6 {width: 16.65%;} /* races */ #page .bgr-jil50 { background: #007437; color: #FFFFFF} #page .bgr-kar50 { background: #EB9526; color: #FFFFFF} #page .bgr-om { background: #b22128; color: #FFFFFF} #page .bgr-kas30 { background: #681953; color: #FFFFFF} #page .bgr-jel { background: #075BAA; color: #FFFFFF} #page .bgr-jnlm { background: #ef5822; color: #FFFFFF} #page .bgr-main { background: #002359; color: #FFFFFF} #page .bgr-jiz50 { background: #2ca1c9; color: #FFFFFF} #page .bgr-pia { background: #000003; color: #FFFFFF} #page .bgr-kh30 { background: #2f959c; color: #FFFFFF} #page .bgr-tml { background: #E20074; color: #FFFFFF} #page .bgr-JM-mini { background: #075BAA; color: #FFFFFF} #page .bgr-KH-mini { background: #35969D; color: #FFFFFF} #page .bgr-OM-mini { background: #B22528; color: #FFFFFF} #page .bgr-ZA-mini { background: #681953; color: #FFFFFF} #page .bgr-sthm { background: #a5cc3a; color: #FFFFFF} #page .bgr-STHM-mini { background: #a5cc3a; color: #FFFFFF} #page .bgr-stha { background: #15bef1; color: #FFFFFF} #page .bgr-STHA-mini { background: #17b4eb; color: #FFFFFF} #page .bgr-default { background: #002359; color: #FFFFFF} #page .clr-jil50 { color: #007437;} #page .clr-kar50 { color: #EB9526;} #page .clr-om { color: #B22528;} #page .clr-kas30 { color: #681953;} #page .clr-jel { color: #075BAA;} #page .clr-jnlm { color: #F15A22;} #page .clr-main { color: #194B6B;} #page .clr-jiz50 { color: #3DA2CA;} #page .clr-pia { color: #231F20;} #page .clr-kh30 { color: #35969D;} #page .clr-tml { color: #E20074;} #page .clr-JM-mini { color: #075BAA;} #page .clr-KH-mini { color: #35969D;} #page .clr-OM-mini { color: #B22528;} #page .clr-ZA-mini { color: #681953;} #page .clr-sthm { color: #b0c800;} #page .clr-STHM-mini { color: #b0c800;} #page .clr-stha { color: #17b4eb;} #page .clr-STHA-mini { color: #17b4eb;} #page .clr-default { color: #075BAA;} #page .bdr-jil50 { border-color: #007437;} #page .bdr-kar50 { border-color: #EB9526;} #page .bdr-om { border-color: #B22528;} #page .bdr-kas30 { border-color: #681953;} #page .bdr-jel { border-color: #075BAA;} #page .bdr-jnlm { border-color: #F15A22;} #page .bdr-main { border-color: #194B6B;} #page .bdr-jiz50 { border-color: #3DA2CA;} #page .bdr-pia { border-color: #231F20;} #page .bdr-kh30 { border-color: #35969D;} #page .bdr-tml { border-color: #E20074;} #page .bdr-JM-mini { border-color: #075BAA;} #page .bdr-KH-mini { border-color: #35969D;} #page .bdr-OM-mini { border-color: #B22528;} #page .bdr-ZA-mini { border-color: #681953;} #page .bdr-sthm {border-color: #b0c800;} #page .bdr-STHM-mini {border-color: #b0c800;} #page .bdr-stha {border-color: #17b4eb;} #page .bdr-STHA-mini {border-color: #17b4eb;} #page .bdr-default {border-color: #075BAA;} #page .hbg-jil50:hover { background: #fff; } #page .hbg-kar50:hover { background: #fff; } #page .hbg-om:hover { background: #fff; } #page .hbg-kas30:hover { background: #fff; } #page .hbg-jel:hover { background: #fff; } #page .hbg-jnlm:hover { background: #fff; } #page .hbg-main:hover { background: #fff; } #page .hbg-jiz50:hover { background: #fff; } #page .hbg-pia:hover { background: #fff; } #page .hbg-kh30:hover { background: #fff; } #page .hbg-tml:hover { background: #fff; } #page .hbg-JM-mini:hover { background: #fff; } #page .hbg-KH-mini:hover { background: #fff; } #page .hbg-OM-mini:hover { background: #fff; } #page .hbg-ZA-mini:hover { background: #fff; } #page .hbg-sthm:hover { background: #fff; } #page .hbg-STHM-mini:hover { background: #fff; } #page .hbg-stha:hover { background: #fff; } #page .hbg-STHA-mini:hover { background: #fff; } #page .hbg-default:hover { background: #fff; } #page .hbg-jil50:not(:hover) { background: #007437; color: #fff;} #page .hbg-kar50:not(:hover) { background: #EB9526; color: #fff;} #page .hbg-om:not(:hover) { background: #B22528; color: #fff;} #page .hbg-kas30:not(:hover) { background: #681953; color: #fff;} #page .hbg-jel:not(:hover) { background: #075BAA; color: #fff;} #page .hbg-jnlm:not(:hover) { background: #F15A22; color: #fff;} #page .hbg-main:not(:hover) { background: #194B6B; color: #fff;} #page .hbg-jiz50:not(:hover) { background: #3DA2CA; color: #fff;} #page .hbg-pia:not(:hover) { background: #231F20; color: #fff;} #page .hbg-kh30:not(:hover) { background: #35969D; color: #fff;} #page .hbg-tml:not(:hover) { background: #E20074; color: #fff;} #page .hbg-JM-mini:not(:hover) { background: #075BAA; color: #fff; } #page .hbg-KH-mini:not(:hover) { background: #35969D; color: #fff; } #page .hbg-OM-mini:not(:hover) { background: #B22528; color: #fff; } #page .hbg-ZA-mini:not(:hover) { background: #681953; color: #fff; } #page .hbg-sthm:not(:hover) { background: #b0c800; color: #fff; } #page .hbg-STHM-mini:not(:hover) { background: #b0c800; color: #fff; } #page .hbg-stha:not(:hover) { background: #17b4eb; color: #fff; } #page .hbg-STHA-mini:not(:hover) { background: #17b4eb; color: #fff; } #page .hbg-default:not(:hover) { background: #075BAA; color: #fff;} #page .emph-bgr-jil50 { background: #007437; color: #fff;} #page .emph-bgr-kar50 { background: #EB9526; color: #fff;} #page .emph-bgr-om { background: #B22528; color: #fff;} #page .emph-bgr-kas30 { background: #681953; color: #fff;} #page .emph-bgr-jel { background: #075BAA; color: #fff;} #page .emph-bgr-jnlm { background: #F15A22; color: #fff;} #page .emph-bgr-main { background: #194B6B; color: #fff;} #page .emph-bgr-jiz50 { background: #3DA2CA; color: #fff;} #page .emph-bgr-pia { background: #231F20; color: #fff;} #page .emph-bgr-kh30 { background: #35969D; color: #fff;} #page .emph-bgr-tml { background: #E20074; color: #fff;} #page .emph-bgr-JM-mini { background: #075BAA; color: #fff;} #page .emph-bgr-KH-mini { background: #35969D; color: #fff;} #page .emph-bgr-OM-mini { background: #B22528; color: #fff;} #page .emph-bgr-ZA-mini { background: #681953; color: #fff;} #page .emph-bgr-sthm { background: #b0c800; color: #fff;} #page .emph-bgr-STHM-mini { background: #b0c800; color: #fff;} #page .emph-bgr-stha { background: #17b4eb; color: #fff;} #page .emph-bgr-STHA-mini { background: #17b4eb; color: #fff;} #page .emph-bgr-default { background: #075BAA; color: #fff;} #page .ibar-bgr-jil50 {background: #fff5d3; color: #007437} #page .ibar-bgr-kar50 {background: #fff5d3; color: #EB9526} #page .ibar-bgr-om {background: #fff5d3; color: #B22528} #page .ibar-bgr-kas30 {background: #fff5d3; color: #681953} #page .ibar-bgr-jel {background: #fff5d3; color: #075BAA} #page .ibar-bgr-jnlm {background: #fff5d3; color: #F15A22} #page .ibar-bgr-main {background: #fff5d3; color: #194B6B} #page .ibar-bgr-jiz50 {background: #fff5d3; color: #3DA2CA} #page .ibar-bgr-pia {background: #fff5d3; color: #231F20} #page .ibar-bgr-kh30 {background: #fff5d3; color: #35969D} #page .ibar-bgr-tml {background: #fff5d3; color: #E20074} #page .ibar-bgr-JM-mini {background: #fff5d3; color: #075BAA} #page .ibar-bgr-KH-mini {background: #fff5d3; color: #35969D} #page .ibar-bgr-KH-mini {background: #fff5d3; color: #35969D} #page .ibar-bgr-OM-mini {background: #fff5d3; color: #B22528} #page .ibar-bgr-ZA-mini {background: #fff5d3; color: #681953} #page .ibar-bgr-sthm {background: #fff5d3; color: #b0c901} #page .ibar-bgr-STHM-mini {background: #fff5d3; color: #b0c901} #page .ibar-bgr-stha {background: #fff5d3; color: #17b4eb} #page .ibar-bgr-STHA-mini {background: #fff5d3; color: #17b4eb} #page .ibar-bgr-default {background: #fff5d3; color: #075BAA} #page .ibar-btn-jil50:hover {background: #fff5d3; color: #007437} #page .ibar-btn-kar50:hover {background: #fff5d3; color: #EB9526} #page .ibar-btn-om:hover {background: #fff5d3; color: #B22528} #page .ibar-btn-kas30:hover {background: #fff5d3; color: #681953} #page .ibar-btn-jel:hover {background: #fff5d3; color: #075BAA} #page .ibar-btn-jnlm:hover {background: #fff5d3; color: #F15A22} #page .ibar-btn-main:hover {background: #fff5d3; color: #194B6B} #page .ibar-btn-jiz50:hover {background: #fff5d3; color: #3DA2CA} #page .ibar-btn-pia:hover {background: #fff5d3; color: #231F20} #page .ibar-btn-kh30:hover {background: #fff5d3; color: #35969D} #page .ibar-btn-tml:hover {background: #fff5d3; color: #E20074} #page .ibar-btn-JM-mini:hover {background: #fff5d3; color: #075BAA} #page .ibar-btn-KH-mini:hover {background: #fff5d3; color: #35969D} #page .ibar-btn-KH-mini:hover {background: #fff5d3; color: #35969D} #page .ibar-btn-OM-mini:hover {background: #fff5d3; color: #B22528} #page .ibar-btn-ZA-mini:hover {background: #fff5d3; color: #681953} #page .ibar-btn-sthm:hover {background: #fff5d3; color: #b0c901} #page .ibar-btn-STHM-mini:hover {background: #fff5d3; color: #b0c901} #page .ibar-btn-stha:hover {background: #fff5d3; color: #17b4eb} #page .ibar-btn-STHA-mini:hover {background: #fff5d3; color: #17b4eb} #page .ibar-btn-default:hover {background: #fff5d3; color: #075BAA} @media screen and (max-width: 900px) { #pr-message .btn{ font-size: 1em; margin: 0.5rem; } } /* index */ .pgIndex #article {margin: 0px; padding: 0px; border: none;} .pgIndex #main {max-width: 1200px;} #index-news {margin: 0px} #index-news .ni-block {float: left; width: 22%; margin-left: 2.5%; text-align: center; border: 1px solid #dcdcdc; border-bottom-width: 2px; padding-bottom: 15px; background: #fff;} #index-news .ni-block {border-left-color: #dcdcdc; border-top-color: #dcdcdc; border-right-color: #dcdcdc;} #index-news .ni-block:first-child { margin-left: 0 !important; } #index-news .ni-block h2 {font-weight: normal; font-size: 1em; text-transform: uppercase; line-height: 20px; height: 40px; overflow: hidden; color: inherit; margin: 15px 10px 5px 10px;} #index-news .ni-block a {color: inherit;} #index-news .ni-block .subhead {color: silver; margin-bottom: 5px;} #index-news .ni-img {position: relative; } #index-news .ni-img img { display: block; width: 100%; height: 137px !important; object-fit: cover; } #index-news a.btn:hover { color: #fff !important; } #index-res {padding: 50px 0px 30px 0px;} #index-res h2 {font-size: 17px; height: auto; color: #222222; padding-bottom: 10px; margin: 0px; border-bottom: 1px solid #dcdcdc; text-align: center;} #index-res ol {} #index-res .ni-block {border: none; text-align: left; } #index-res .ni-block a {font-weight: bold;} #index-res .ni-block li {border-bottom: 1px solid #dcdcdc; padding: 10px 40px; position: relative; border-right: 1px solid #dcdcdc; } #index-res .ni-block .ord1:before {content: "1."; position: absolute; left: 0px; top: 0px; background: #c2c2c2; font-weight: bold; color: #fff; width: 30px; height: 100%; text-align: center; font-size: 22px; line-height: 35px;} #index-res .ni-block .ord2:before {content: "2."; position: absolute; left: 0px; top: 0px; background: #d2d2d2; font-weight: bold; color: #fff; width: 30px; height: 100%; text-align: center; font-size: 22px; line-height: 35px;} #index-res .ni-block .ord3:before {content: "3."; position: absolute; left: 0px; top: 0px; background: #e2e2e2; font-weight: bold; color: #fff; width: 30px; height: 100%; text-align: center; font-size: 22px; line-height: 35px;} #index-res .ni-block li span {color: gray;} #index-sts {padding-bottom: 50px;} #index-sts .chart {height: 180px; margin-bottom: 15px;} #index-ene-wrap {background: #8C1921;} #index-ene a {display: block;} #index-ene img {display: block; width: 100%; height: auto;} #index-ctv-wrap {background: #efefef; padding: 30px 0px} #index-ctv a {display: block;} #index-ctv img {display: block; width: 100%; height: auto;} #superlink {position: relative; padding-bottom: 40.333%; overflow: hidden;} #superlink > * {z-index: 10; position: absolute; left: 0px; top: 0px; } #superlink > a {display: block; width: 100%; height: 100%; text-decoration: none;} #superlink > *:not(:first-child) { display: none; } #superlink img {width: 100%; height: auto; display: block; image-rendering: -webkit-optimize-contrast;} #superlink img:not([src]) {display: none;} #superlink .mobil-hp-carousel {display: none !important;} @media screen and (max-width: 900px) { #superlink {padding-bottom: 100.333%;} #superlink .desktop-hp-carousel {display: none !important;} #superlink .mobil-hp-carousel {display: block !important;} } .ribbons { background: #003350; color: #fff; vertical-align: top; text-align: center; position: relative; } .ribbons > div { padding: 20px 10px; width: 100%; } .ribbons .txt { display: inline-block; position: relative; top: 2px; line-height: 40px; font-size: 1.6em;} .ribbons .txt strong {text-transform: uppercase; font-weight: normal;} .ribbons .txt i {font-weight: bold;} .ribbons .txt span {color: silver; } .ribbons .btn {display: inline-block; vertical-align: top; } .ribbons > div { visibility: hidden; position: absolute; top: 0; opacity: 0; transition: all 0.5s ease; } .ribbons > div.active { visibility: visible; position: relative; z-index: 1; opacity: 1; } #pr-message {background: #075BAA; color: #222222; display: inline-block; padding: 2.2em 0 2.2em 0; vertical-align: bottom; width: 100%; position: relative;} #pr-message .iblock{ display: inline-block; position: relative; top: 2px; line-height: 40px; vertical-align: top; font-size: 1.7em; text-transform: uppercase; margin: 0em 0em;} #pr-message .br-mobile{display: none} #pr-message h3{line-height: 30px;} @media screen and (max-width: 900px) { /* #pr-message {padding: 0;} */ #pr-message .iblock{font-size: 1.4em} #pr-message .br-mobile{display: unset} } #pr-message .ibtn{ display: inline-block; position: relative; top: 2px; margin: 0em 1em; line-height: 40px; font-size: 1.2em; color: white; outline-color: white;} #pr-message .ibtn a {background: rgba(147, 173, 255, 0); color: #e9e9e9; border: 1px solid #e9e9e9;} #pr-message .ibtn a:hover {background: #174ce1;} #prm-kar50 {background: #EB9526} .pgIndex #main {margin-top: 40px; padding-bottom: 40px;} .pgIndex #index-news .btn-line {text-align: center; clear: left; padding-top: 40px;} #racepromo {z-index: 10; position: relative; height: 334px; width: 100%; overflow: hidden; } #racepromo h3 {font-size: 2.4em; font-weight: normal; margin: 0px 0px 7px;} #racepromo .rc-date {font-size: 1em; margin-bottom: 10px; color: silver; border-bottom: 1px solid #dcdcdc; padding-bottom: 7px;} #racepromo .rc-intro {margin-bottom: 15px; width: 95%; position: relative; color: #194B6B} .rc-promo { position: absolute; left: 0; top:0; width: 100%; height: 324px; display: none; z-index: 2; border-bottom: 1px solid #ffff; overflow: hidden; background: #fff;} .rc-promo .content {border-color: inherit;} .rc-promo .block {margin: 0; padding: 28px 10px 10px 30px;} #rcp-jnlm {background-color: #000; display: block; z-index: 1;} /* buttons */ .btn-line { line-height: 40px; } .btn-line span {display: inline-block; line-height: 43px; vertical-align: top;} .btn, .submit, .bt-register {display: inline-block; border: 1px solid #194B6B; color: #194B6B; overflow: hidden; width: auto; text-decoration: none; height: 38px; line-height: 41px; padding: 0px 15px; position: relative; margin-right: 5px; font-size: 1.2em; font-family: inherit; background: transparent; border-radius: 25px; text-transform: uppercase;} .submit {line-height: 37px; cursor: pointer;} a.btn:hover, input.btn:hover, .submit:hover, .commands:hover {background: #194B6B; color: #fff; cursor: pointer;} .btn-white {color: #fff; border-color: #fff;} a.btn-white:hover, input.btn-white:hover {background: #fff; color: #194B6B; } #page .btn-blue {background: #fff; color: #194B6B; border-color: #194B6B;} #page a.btn-blue:hover, #page input.btn-blue:hover {background: #194B6B; color: #fff;} .btn-emph {background: #075BAA; color: #fff;} .btn-right:after, .bt-register:after {content: "\203A"; color: inherit; font-family: Arial; font-size: 1.8em; position: absolute; right: 14px; top: 0px; line-height: 1.05em;} .btn-down:after {content: "\25BC"; position: absolute; right: 12px; top: 0px; font-size: .8em;} .btn-down, .btn-right, .bt-register {padding-right: 35px;} .btn-ico {padding-right: 43px;} .btn-reg:after {content: url("../img/ico-reg.png"); position: absolute; right: 15px; top: 3px; opacity: .6;} .btn-str:after {content: url("../img/ico-str.png"); position: absolute; right: 15px; top: 3px; opacity: .6;} .btn-min:after {content: url("../img/ico-min.png"); position: absolute; right: 15px; top: 3px; opacity: .6;} .im-viewer {float: right; position: relative; top: 3px; } .im-viewer .im-link { width: 19px; height: 19px; float: left;} .im-viewer .im-link img {width: 19px; height: 19px; background: url("../img/ico-gal.png") no-repeat center center; float: left;} .im-viewer .im-view-wrap {display: none;} .im-view-wrap span {float: right; padding: 1px; background: #fff; text-align: center;} .im-view-wrap a {display: block; height: 80px;} .im-view-wrap .imw-share { height: 20px; background: url("../img/ico-share-fb.png") no-repeat right top; margin-top: 2px;} .im-view-wrap img {height: 80px; float: right;} .im-view-wrap .hint {background: #222222; float: right; color: #fff; text-decoration: none;} .im-view-wrap .hint:hover {background: #555; float: right; color: #fff; } .btn a, .text .bt-register, .text .btn {text-decoration: none; color: inherit; } div.btn {overflow: visible; vertical-align: top;} div.btn ul {display: none; position: absolute; top: 38px; left: -1px; margin: 0px; width: 100%; border: 1px solid transparent; border-bottom: 0px solid; border-color: inherit; } div.btn:hover {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} div.btn:hover > a {border-radius: 25px 25px 0px 0px;} div.btn:hover ul {display: block; text-align: left;} div.btn li:before {content: "";} div.btn li {border-bottom: 1px solid #000; border-color: inherit;} div.btn a {display: block; padding: 0px 15px;} div.btn > a {border-radius: 25px;} div.btn-down a, div.btn-right a {padding-right: 35px;} div.btn {padding: 0px;} div.btn-white ul {background: #427C99;} div.btn-white a:hover {background: rgba(255,255,255,.1);} .video-wrap { display: block; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0; } .video-wrap iframe, .video-wrap object, .video-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* errors */ #alerts {margin-bottom: 2.5em;} .alert {border: 1px solid #ccc; background: #eee; padding: 10px 15px 7px 15px; line-height: 1.4em; } #alerts .msg .title {font-weight: bold; margin: 0em 0em 0.3em 0em; padding: 0px; color: #4d6600;} #alerts .error .title {font-weight: bold; margin: 0em 0em 0.3em 0em; padding: 0px; color: #e40012;} .error {background: #ffcccc; border-color: #cc9999; color: #e40012;} .error a {background: #ffcccc; border-color: #cc9999; color: #e40012;} .msg {background: #e1f0b2; border-color: #99cc00; color: #4d6600;} #main #alerts li {background: none; padding: 0px;} #alerts li:before {color: inherit} #alerts ul {margin-top: 10px; margin-bottom: 10px;} .redemph {background: #ffcccc; border-color: #cc9999; color: #e40012; padding: 0.5em 1em; margin-bottom: 1.5em} .red {color: #ff0000;} #dbg {position: absolute; right: 10px; top: 10px; font-size: 11px; font-family: Courier; background: #ffff99; padding: 15px; text-align: left; z-index: 999; max-width: 500px; color: #222222;} #dbg a {position: absolute; text-decoration: none; height: 20px; line-height: 22px; width: 20px; text-align: center; background: darkorange; color: #fff; font-weight: bold; font-size: 20px; right: 0px; top: 0px;} #dbg a:hover {background: transparent; color: #222222;} /* clear */ .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear {display: inline-block;} /* Hide from IE Mac \*/ .clear {display: block;} * html .clear {height: 1px;} /* End hide from IE Mac */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{outline:0;} #cboxContent{margin-top:20px;background:#000; margin-bottom: 40px;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:5px solid #000; background:transparent; padding: 28px;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxLoadingGraphic{background:url(img/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxClose{position:absolute; top:10px; right:0px; display:block; background:url(img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;} #cboxClose:hover{background-position:bottom center;} /* tabs */ .tabs { padding-top: 41px; position: relative; margin: 20px 0px;} .t-hide { display: none; } .t-panel { border-top: 1px solid #ddd; padding: 0em 0em; padding-top: .5em} .t-active .t-nav { margin: -41px 0 0 0; z-index: 20;} .t-nav {list-style-type: none; margin: 0px;} .t-nav li {float: left; margin: 0px; margin-right: 1px; border: 1px solid #ddd; background: #efefef; padding: 0px;} #page .t-nav li:before {content: "";} .t-nav a {float: left; padding: 0em 1em; line-height: 40px; text-decoration: none; color: #222222;} .t-nav a:hover {background: #fff;} .t-disabled a {color: silver;} .t-disabled a:hover {background: #efefef;} .tabs .selected, .fake-tabs .selected {border-bottom: 1px solid #fff; background: #fff;} #page .fake-tabs {border-bottom: 1px solid #dcdcdc; position: relative; margin-left: 0px;} #page .fake-tabs li {float: left; background: none; height: 80px; overflow: visible; padding: 0px; border: 1px solid #dcdcdc; position: relative; margin-bottom: -1px; text-align:center;} #page .fake-tabs li:before {content: "";} #page .fake-tabs a {display: block; line-height: 20px; padding: 10px 15px 0px 15px; max-width: 130px; color: #022856} #page .fake-tabs li.active {border-bottom: 1px solid #fff; } #page .fake-tabs li.active a {text-decoration: none; color: black; font-weight: bold;} /* .t-panel { border: 1px solid #ddd; padding: 1.5em 1.5em;} pro full framed panel */ #page .t-nav li {background: none; padding: 0px;} /* tables */ .tbMain {margin: 2em 0em; width: 100%;} .tbMain tbody td {background: transparent; padding: 0.2em 0.2em; border-bottom: 1px solid #ddd; vertical-align: top;} .tbMain tbody tr:first-child td {border-top: 2px solid #ddd;} .tbMain thead td {font-size: 0.9em; color: #666; padding: 0.3em 0.5em 0.4em 0.5em; vertical-align: bottom; line-height: 1.4em;} .tbMain.vmiddle tbody td {vertical-align: middle;} .tbHeader { margin: 1.5em 0em; width: 100%; border-top: 2px solid #98CBE1 /**/; border-bottom: 2px solid #98CBE1 /**/; } .tbHeader tbody tr:first-child td { border-bottom: 2px solid #98CBE1 /**/; background: none repeat scroll 0% 0% #BCDFF3 /*-*/; } .tbHeader tbody td { padding: 0.2em 0.5em; border-bottom: 1px dotted #98CBE1 /**/; vertical-align: top; } table p {margin: 0px; padding: 0px;} /* counter */ .counter {margin-bottom: 30px; } .counter a {text-decoration: none;} .cnt-all {font-size: 0.9em; color: #808080; float: right; height: 30px; line-height: 30px; background: #efefef; padding: 0px 15px;} .cnt-value {} .cnt-line {float: right; height: 30px;} .cnt-num, .cnt-button {background: #efefef; float: left; height: 30px; line-height: 30px; width: 30px; padding: 0px; margin-right: 5px; text-align: center; color: #808080;} .cnt-num:hover, .cnt-button:hover {background: #ffffff; color: #000;} .cnt-emph {background: #2D6D8D; color: #fff;} .cnt-emph:hover {background: #ddd; color: #aaa;} .cnt-division {float: left; display: none;} .cnt-button {} .cnt-tail {display: none;} .cnt-fake-next-button, .cnt-fake-nextnext-button, .cnt-fake-back-button, .cnt-fake-backback-button {background: #fff;} a.back:hover, a.next:hover, a.backback:hover, a.nextnext:hover {background-color: #fff;} .cnt-fake-next-button {width: 7px;} .cnt-fake-nextnext-button {width: 14px;} #article .gallery {margin: 1em 0 2em 0;} .galteaser {margin: 1em 0 1em 0; font-size: 11px; color: #043252;;} #article .galteaser h2 {margin-bottom: .5em;} .galteaser h2 strong {float: left;} .gallery a.go-to-gallery {display: block; text-align: right; color: #194B6B; padding: 0 0px 0 5px; font-size: 12px; margin-bottom: 10px; font-family: Arial; font-weight: normal;} .gallery a.gal-thumb {float: left; margin-bottom: 5px; margin-right: 4px; position: relative;} .gallery a.gal-thumb img, a.gal-thumb-last img {width: 100px; height: 50px; float: left; } .gal-block .thumb {float: left; padding: 0px; align-self: stretch;} .gal-block .thumb img {float: left; width: 100px; height: auto; } #main .gal-block h2 {margin: 0px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; font-size: 18px; line-height: 1.3;} .gal-block .gal-item {background: #efefef; margin-bottom: 1px; margin-left: 10px; overflow: hidden; display: flex; align-items: center;} .gal-block .gal-items {float: left; width: 80%; margin-bottom: 20px;} .gal-item .thumb {width: auto; margin-right: 15px} @media screen and (max-width: 800px) { #main .gal-block h2 {font-size: 16px;} } @media screen and (max-width: 500px) { .gal-block .gal-items {width: 100%;} .gal-block .gal-item {margin-left: 0;} .yr-side {margin-bottom: 4px;} } .gal-block span.yr-side {background: #003350 /**/; display: block; color: #FFF; width: 50px; text-align: center; float: left; padding: 5px 0px;} #article .galrace a.gal-thumb {width: 33.3%; margin: 0px;} #article .galrace a.gal-thumb img {width: 99%; height: auto; margin: 0px 0.5%; } .vid-block {} .vid-block .thumb {float: left; padding: 0px; align-self: stretch;} .vid-block .thumb img {float: left; width: 100px; height: auto; } #main .vid-block h2 {margin: 0px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; font-size: 18px; line-height: 1.3;} .vid-block .vid-item {background: #efefef; margin-bottom: 1px; margin-left: 10px; overflow: hidden; display: flex; align-items: center;} .vid-block .vid-items {float: left; width: 80%; margin-bottom: 20px;} .vid-item .thumb {width: auto; margin-right: 15px} @media screen and (max-width: 800px) { #main .vid-block h2 {font-size: 16px;} } @media screen and (max-width: 500px) { .vid-block .vid-items {width: 100%;} .vid-block .vid-item {margin-left: 0;} .yr-side {margin-bottom: 4px;} } .vid-block span.yr-side {background: #003350 /**/; display: block; color: #FFF; width: 50px; text-align: center; float: left; padding: 5px 0px;} #v-obj {padding-top: 10px;} /* form */ .frm {margin-bottom: 1em;} .frm table {width: 100%;} .frm td {vertical-align: top;} .frm td.label {width: 32%;} .frm label {display: block; } .frm .fRadio label input {float: left; margin: 0px 3px 0px 0px; position: relative;} .frm .fRadio label span {float: left} .frm .fBool label input {float: left; margin: 0px 3px 0px 0px; position: relative;} .frm .fBool label span {float: left} .frm .label label {line-height: 27px; text-align: right; padding-right: 12px; color: #777777;} .frm .field {line-height: 25px; padding: 1px 0px;} .frm .field select {margin-top: 1px;} .frm .field input, .frm .field select, .frm .field textarea {width: 40%;} .frm .rblock .field {line-height: 1.6em; padding: 4px 0px;} .frm .rblock .field input {margin-top: 5px;} .frm .rblock .field input.radio { vertical-align: top; position: relative; width: 15px; height: 15px; top: -1px;} .frm .rinline .field label, div.rinline label {float: left; margin-right: 10px; line-height: 26px; } .frm .rinline .field input.radio, div.rinline input.radio { vertical-align: top; position: relative; width: 15px; height: 15px; top: 5px;} .frm .checkbox {float: left; margin: 0px; margin-top: 6px; margin-right: 10px;} .frm input.short {width: 6em;} .frm .fNote td {padding-left: 32%;} .frm .fNote p:last-child {margin-bottom: 0px;} .tbFrm {border: 5px solid #efefef; border-left: none; border-right: none; margin-bottom: 2px;} .tbFrm td {background: #efefef; border-top: 1px dashed #fff;} .tbFrm tr:first-child td {border: none;} .tbFrm textarea {width: 80%;} .tbFrm .lower textarea {height: 50px; width: 70%;} .frm .fSubmit {margin-top: 25px;} .frm .fSubmit .submit_add {background: #f3f3f3 url("img/16-em-plus.png") no-repeat 7px center; padding-left: 30px; color: #777777; float: right;} .frm .fSubmit .submit_add:hover {background-color: #efefef;} .frm .fSubmit .submit_next {float: right;} .frm .append {padding-left: .5em;} .frm-note {margin-bottom: 1.5em;} .required .label label {background: url("img/star.gif") no-repeat right 3px; padding-right: 7px;margin-right: 3px;} #trnewsletter {padding: 10px 0px; border-bottom: 1px solid #dfdfdf;; } .rg-confirm-block {padding: 10px 0px;} .rg-confirm-block .fInput, #trbehej .fInput {float: left; padding-right: 10px;} .rg-confirm-block label.text, #trbehej label.text {float: left; width: 80%; padding-top: 2px;} #trnewsletter label.text {float: left; width: 80%;} #article .smallcommand {font-size: 11px; font-weight: normal; display: inline-block; line-height: 19px; height: 18px; background: #075BAA; color: #fff; padding: 0px 5px; text-decoration: none; vertical-align: top; margin-top: 4px;} #rc-select { border-top: 1px solid #E5EAED; margin-left: 0px;} #article #rc-select li {background: none; padding: 0px; border-bottom: 1px solid #E5EAED;} #article #rc-select li:before {content: ""; margin: 0px;} #rc-select a, #rc-select span.clear {display: block; border-left: 10px solid transparent; color: #043252; text-decoration: none; font-family: "open sans", arial, helvetica, sans-serif; font-weight: bold; font-size: 14px; padding: 1em 1.5em; } #rc-select a:hover {background: #E5EAED;} #rc-select a span {font-weight: normal; padding: 0em 0.5em;} #article #rc-select span.normal {font-family: Arial; font-size: 12px; font-weight: normal; padding-left: 0.5em; } #article #rc-select .race1 { border-color: #079cc8;} #article #rc-select .race2 { border-color: #075BAA;} /*#article #rc-select .race2 { border-color: #007437;}*/ #article #rc-select .race5 { border-color: #EB9526;} #article #rc-select .race4 { border-color: #B22528;} #article #rc-select .race3 { border-color: #681953;} #article #rc-select .race6 { border-color: #075BAA;} /* gResults */ #page.pgResults tr:hover td {background: #fff;} #frmFilter {position: relative; z-index: 10;} #frmFilter label {margin-left: .5em;} #frmFilter .grayblock {padding-bottom: 1em; margin: 30px -25px; padding: 20px 25px;} #frmFilter .submit {height: 22px; line-height: 22px; font-size: 12px; position: relative; top:-1px;} #frmFilter #Ff_category {width: 7em;} #frmFilter #Ff_race {width: 12em;} .rtbt p {float: left; line-height: 40px; width: 110px;} .rtbt {position: relative; z-index: 20;} .rtbt .btn {display: inline-block; background: #003350; border: 0; color: #fff; width: auto; text-decoration: none; height: 40px; line-height: 40px; padding: 0; position: relative; margin-right: 5px; font-size: 17px; font-family: inherit; border-radius: 5px !important; text-transform: uppercase; vertical-align: top; margin-bottom: 4px;} .rtbt .btn ul {z-index: 1; font-size: .7em; display: none; position: absolute; top: 40px; left: 0px; margin: 0px; width:270px; border: 0; border-top: 1px white solid; text-align: left; background: #335E74; } .rtbt .btn:hover ul {display: block;} .rtbt .btn li:before {content: "";} .rtbt .btn li {border-bottom: 1px solid #000; border-color: inherit;} .rtbt .btn li a:hover {text-decoration: underline;} .rtbt .btn a {display: block; padding: 14px 15px 10px; line-height: 16px; } #page.pgResults select.js-selectric { height: 40px; padding: 5px 35px 5px 10px; margin-right: 10px; font-size: 12px; background: #F8F8F8; font-family: inherit; border-color: #DCDCDC; -webkit-appearance: none; } .ico-diplom {width: 19px !important; height: 19px !important; background: url("../img/ico-diplom.png") no-repeat center 1px; float: left;} .ico-resultanalysis {width: 19px !important; height: 19px !important; background: url("../img/ico-resultanalysis.png") no-repeat center 1px; float: left;} .pdflink {float: right; margin-left: 5px; position: relative; top: 4px;} .results-diploma-fb { position: relative; top: -1px; } #Ff_club {width: 100px} .sl-lists .tb-slist {margin: 0px;} .sl-lists {margin-bottom: 3em;} .ico-virtual-race { display: inline-block; background: #EEEEEE url("../img/ico-virtual-race-clip.png") no-repeat center center; background-size: cover; height: 3.7ex; width: 3.2ex; vertical-align: middle; } .ico-virtual-race[data-race="bnlmv"] { background-color: #E84C09; } .ico-virtual-race[data-race="j50v"] { background-color: #3197A0; } .ico-virtual-race[data-race="jelv"] { background-color: #1150A0; } .ico-virtual-race[data-race="kh30v"] { background-color: #EC9711; } .ico-virtual-race[data-race="omv"] { background-color: #B31C1F; } .ico-virtual-race[data-race="k30v"] { background-color: #6F1A50; } /* clanky */ .newsitem {border-top: 2px solid #e7ebee; /*border-bottom: 1px solid #e7ebee;*/ padding-bottom: 10px; margin-bottom: 20px; position: relative;} .newsitem {padding-top: 10px; border-top: 1px dashed #A3D1D1; margin-top: 20px;} .newshead {color: #2D6D8D; text-decoration: none;} .newsitem h2 {margin-bottom: 10px; font-size: 1.6em;} .newshead span.newshead-pic { display: block; height: 0; width: 120px; margin-top: 3px; background: #e5eaed;} .newshead img {width: 120px;} .newshead span.newshead-txt { margin-left: 140px; display: block; } .newshead span.title {font-weight: bold; color: #043252; font-size: 18px; } a.newshead span.title {text-decoration: underline;} a.newshead:hover span.title {text-decoration: none;} .newshead span.date {color: #2D6D8D; font-size: 0.9em; text-decoration: none; display: block; font-weight: normal; padding-top: 8px; } .news-item-date .pull-left {padding-right: 1em;} .newsbody { margin-left: 140px; } .newsbody p { padding: 0; margin: 0; } .share {float: left; position: relative; top: -2px;} .fbs {position: relative; top: 1px;} #page-wrap #page #___plusone_0 {position: relative;} .news-item-body img { max-width: 100% } @media screen and (max-width: 500px) { .newshead { position: relative; } .newshead span.newshead-pic { height: 68px; overflow: hidden; position: absolute; bottom: -68px; } .newshead span.newshead-txt, .newsbody { margin-left: 0; } .newshead span.date { padding: 3px 0 5px; } .newsbody:before { height: 74px; width: 130px; float: left; content: ""; } } /* propozice */ div.quote {margin: 0px -25px 40px -25px; background: red; padding: 20px 25px 0px 25px; color: #fff; font: normal 16px/20px sans-serif; position: relative;} div.quote img {width: 105.4%; margin: 0px -25px; height: auto;} div.quote .q {display: none;} .rc-term {color: #fff; text-align: center; padding: 25px 25px 15px 25px; margin: 0px -25px -20px -25px; position: relative;} .rc-term span {display: inline-block; line-height: 40px; vertical-align: bottom; font-size: 17px;} .rc-term:before {content: ""; position: absolute; height: 10px; background: #fff; width: 51%; top: 0px; left: -1px; border: 1px solid #fff; border-top: 1px solid #dcdcdc; border-bottom: none;} .rc-term:after {content: ""; position: absolute; height: 10px; background: #fff; width: 51%; top: 0px; right: -1px; border: 1px solid #fff; border-top: 1px solid #dcdcdc; border-bottom: none;} .btn-race {margin-bottom: 30px;} .ss-jiz50 .tbMain td, .ss-jiz50 .tbMain, .ss-jiz50 .bt-register, .ss-jiz50 .btn-line .btn { border-color: #079cc8!important;} .ss-kar50 .tbMain td, .ss-kar50 .tbMain, .ss-kar50 .bt-register, .ss-kar50 .btn-line .btn { border-color: #EB9526!important;} .ss-om .tbMain td, .ss-om .tbMain, .ss-om .bt-register, .ss-om .btn-line .btn { border-color: #B22528!important;} .ss-kas30 .tbMain td, .ss-kas30 .tbMain, .ss-kas30 .bt-register, .ss-kas30 .btn-line .btn { border-color: #681953!important;} .ss-jel .tbMain td, .ss-jel .tbMain, .ss-jel .bt-register, .ss-jel .btn-line .btn { border-color: #075BAA!important;} .ss-jnlm .tbMain td, .ss-jnlm .tbMain, .ss-jnlm .bt-register, .ss-jnlm .btn-line .btn { border-color: #F15A22!important;} .ss-pia .tbMain td, .ss-pia .tbMain, .ss-pia .bt-register, .ss-pia .btn-line .btn { border-color: #231F20!important;} .ss-kh30 .tbMain td, .ss-kh30 .tbMain, .ss-kh30 .bt-register, .ss-kh30 .btn-line .btn { border-color: #35969D!important;} .ss-JM-mini .tbMain td, .ss-JM-mini .tbMain, .ss-JM-mini .bt-register, .ss-JM-mini .btn-line .btn { border-color: #075BAA!important;} .ss-KH-mini .tbMain td, .ss-KH-mini .tbMain, .ss-KH-mini .bt-register, .ss-KH-mini .btn-line .btn { border-color: #35969D!important;} .ss-OM-mini .tbMain td, .ss-OM-mini .tbMain, .ss-OM-mini .bt-register, .ss-OM-mini .btn-line .btn { border-color: #B22528!important;} .ss-ZA-mini .tbMain td, .ss-ZA-mini .tbMain, .ss-ZA-mini .bt-register, .ss-ZA-mini .btn-line .btn { border-color: #681953!important;} .ss-sthm .tbMain td, .ss-sthm .tbMain, .ss-sthm .bt-register, .ss-sthm .btn-line .btn { border-color: #b0c800!important;} .ss-STHM-mini .tbMain td, .ss-STHM-mini .tbMain, .ss-STHM-mini .bt-register, .ss-STHM-mini .btn-line .btn { border-color: #b0c800!important;} .ss-stha .tbMain td, .ss-stha .tbMain, .ss-stha .bt-register, .ss-stha .btn-line .btn { border-color: #17b4eb!important;} .ss-STHA-mini .tbMain td, .ss-STHA-mini .tbMain, .ss-STHA-mini .bt-register, .ss-STHA-mini .btn-line .btn { border-color: #17b4eb!important;} .btn-line .clr-fb {background: #365694; border:0px; color: #fff} .hbg-fb {background: #365694!important;} .ss-jiz50 .quote, .ss-jiz50 .rc-term { background: #079cc8;} .ss-kar50 .quote, .ss-kar50 .rc-term { background: #EB9526;} .ss-om .quote, .ss-om .rc-term { background: #B22528;} .ss-kas30 .quote, .ss-kas30 .rc-term { background: #681953;} .ss-jel .quote, .ss-jel .rc-term { background: #075BAA;} .ss-jnlm .quote, .ss-jnlm .rc-term { background: #F15A22;} .ss-pia .quote, .ss-pia .rc-term { background: #231F20; color: #000000;} .ss-kh30 .quote, .ss-kh30 .rc-term { background: #35969D;} .ss-jiz50 .bt-register { color: #079cc8;} .ss-kar50 .bt-register { color: #EB9526;} .ss-om .bt-register { color: #B22528;} .ss-kas30 .bt-register { color: #681953;} .ss-jel .bt-register { color: #075BAA;} .ss-jnlm .bt-register { color: #F15A22;} .ss-pia .bt-register { color: #231F20;} .ss-kh30 .bt-register { color: #35969D;} /* map cr for pg-races */ .map-header {padding: 40px 25px 15px 25px;} #map {position: relative;} #map img {width: 100%; height: auto; z-index: 10;} #map .rc1 {color: #075BAA; top: 50px; right: 296px;} #map .rc2 {color: #079cc8; top: 67px; right: 296px;} #map .rc5 {color: #EB9526; top: 150px; right: 50px;} #map .rc3 {color: #681953; top: 154px; left: 60px;} #map .rc4 {color: #B22528; top: 87px; right: 196px;} /* mn-v2 - updated event style */ .mn-v2 { display: block; position: absolute; z-index: 20; color: #fcf1cb !important; text-transform: uppercase; text-decoration: none !important; padding: .5rem .5rem .25rem; font-weight: 600; font-size: 1.25rem; } .mn-v2:hover {opacity: .8;} .mn-v2::before { content: ''; position: absolute; border-left: 8px solid transparent; left: -8px; top: 0; } .mn-v2::after { content: ''; position: absolute; border-right: 8px solid transparent; right: -8px; top: 0; } .mn-v2 span { position: absolute; width: 0.75rem; height: 0.75rem; border-radius: 50%; } .mn-v2-kh30 {background: #35969d; top: 20%; right: 64%;} .mn-v2-kh30::before {border-bottom: 32px solid #35969d;} .mn-v2-kh30::after {border-top: 32px solid #35969d;} .mn-v2-kh30 span {left: 0; right: 0; margin: auto; top: -20px; background: #35969d;} .mn-v2-jel {background: #075BAA; top: 35%; right: 23%;} .mn-v2-jel::before {border-bottom: 32px solid #075BAA;} .mn-v2-jel::after {border-top: 32px solid #075BAA;} .mn-v2-jel span {left: 0; right: 0; margin: auto; top: -20px; background: #075BAA;} .mn-v2-kar50 {background: #EB9526; top: 55%; right: 2%;} .mn-v2-kar50::before {border-bottom: 32px solid #EB9526;} .mn-v2-kar50::after {border-top: 32px solid #EB9526;} .mn-v2-kar50 span {left: 0; right: 0; margin: auto; bottom: -20px; background: #EB9526;} .mn-v2-kas30 {background: #681953; bottom: 28%; right: 73%;} .mn-v2-kas30::before {border-bottom: 32px solid #681953;} .mn-v2-kas30::after {border-top: 32px solid #681953;} .mn-v2-kas30 span {left: 0; right: 0; margin: auto; bottom: -20px; background: #681953;} .mn-v2-om {background: #b32020; top: 24%; right: 28%;} .mn-v2-om::before {border-bottom: 32px solid #b32020;} .mn-v2-om::after {border-top: 32px solid #b32020;} .mn-v2-om span {left: 0; right: 0; margin: auto; bottom: -20px; background: #b32020;} .mn-v2-jiz50 {background: #3DA2CA; top: 17%; right: 46%;} .mn-v2-jiz50::before {border-bottom: 32px solid #3DA2CA;} .mn-v2-jiz50::after {border-top: 32px solid #3DA2CA;} .mn-v2-jiz50 span {left: 28px; top: -20px; background: #3DA2CA;} .mn-v2-jnlm {background: #F15A22; top: 6%; right: 52%;} .mn-v2-jnlm::before {border-bottom: 32px solid #F15A22;} .mn-v2-jnlm::after {border-top: 32px solid #F15A22;} .mn-v2-jnlm span {right: 48px; bottom: -20px; background: #F15A22;} .mn-v2-bp {background: #231F20; top: 8%; right: 30%;} .mn-v2-bp::before {border-bottom: 32px solid #231F20;} .mn-v2-bp::after {border-top: 32px solid #231F20;} .mn-v2-bp span {left: -25px; bottom: 8px; margin: unset; background: #231F20;} /* mn-v2 responsive */ @media (max-width: 991px) { .mn-v2 {font-size: .75rem;} .mn-v2-kh30 {right: 69%;} .mn-v2-kas30 {right: 76%;} .mn-v2-jiz50 {right: 51%; top: 19%;} .mn-v2-om {right: 32%;} .mn-v2-jel {right: 25%;} .mn-v2-kar50 {right: 4%;} .mn-v2-bp {right: 35%;} } @media (max-width: 830px) { .mn-v2-jiz50 {top: 21%;} .mn-v2-kas30 {right: 74%;} .mn-v2-kar50 {right: 6%;} .mn-v2-jel {right: 24%;} .mn-v2-om {right: 30%; top: 22%;} .mn-v2-kh30 {top: 21%; right: 67%;} .mn-v2-bp {right: 32%;} } @media (max-width: 724px) { .mn-v2-jiz50 {top: 22%;} .mn-v2-jnlm {top: 5%;} .mn-v2-om {top: 38%; right: 37%;} .mn-v2-om span {left: unset; margin: 0; right: 4px; bottom: unset; top: -20px;} .mn-v2-jel {top: 19%;} .mn-v2-jel span {top: unset; bottom: -20px;} .mn-v2-kas30 {right: 71%;} .mn-v2-bp {right: 28%;} } @media (max-width: 640px) { .mn-v2-kh30 {top: 25%; right: 75%;} .mn-v2-kh30 span {margin: unset; left: unset; right: 16px;} .mn-v2-jiz50 {top: 25%;} } @media (max-width: 540px) { .mn-v2 span {display: none;} .mn-v2-kh30 {right: 71%; top: 22%;} .mn-v2-kas30 {bottom: 14%;} .mn-v2-jnlm {top: 0;} .mn-v2-jiz50 {right: 42%;} .mn-v2-om {top: 31%; right: 7%;} .mn-v2-jel {right: 18%; top: 13%;} .mn-v2-kar50 {right: 0;} .mn-v2-bp {right: 18%; top: 0;} } /* registrace */ .titleline {line-height: 40px; } .titleline ul {float: right; margin: 0px;} .titleline ul li:before {content: ""; } .titleline ul li {float: right;} .titleline .title {font-weight: bold; font-size: 17px} .block-title .fee {float: right; font-weight: normal; font-size: 14px;} .block-title {font-weight: bold; border-bottom: 1px solid #dcdcdc; line-height: 40px; font-size: 17px; color: #164661; padding: 10px 25px 0px 25px;} .reg_t {background: #efefef; margin-bottom: 2px;} .reg_t .commands {border: 1px solid #666; text-decoration: none; border-radius: 10px; padding: 0px 10px; margin-right: 5px;} .reg_t .valuelist {margin-top: 0px; margin-bottom: 10px; } .reg_t .block {padding: 0px 25px 0px 25px; background: #e3e3e3; } .reg_t .registree {border-bottom: 1px dashed #fff; padding: 3px 0px 5px 0px} .price_fin_rgt {float: right; font-size: 17px; padding-top: 10px; font-weight: bold; padding: 10px 25px; background: #f3f3F3; margin-top: 5px;} .price_fin {font-weight: bold; font-size: 17px;} /* team */ .t-item {border-bottom: 1px dashed #ddd; } .t-item:last-child {border: none;} .t-item .valuelist .label {color: #043252; margin-right: .5em; } #page .t-item .tr-item .valuelist li {background: none; padding: 0px; } #page .t-item .tr-item .valuelist .label { font-size: 10px; width: 12%; margin-left: 1%} #page .t-item .tr-item .valuelist .value { width: 72%;} .tr-item {position: relative; margin-left: 0px;} .tr-item .trphoto {position: absolute; top: 0px; margin-left: -75px; width: 60px;} .tr-item .trphoto * {width: 100%; height: auto;} .tr-item .valuelist {margin-top: 0px; margin-bottom: 2em; background: url("img/team-bg.png") repeat-y 0 0; margin-left: 0px;} #page .tr-item li:before {content: "";} .t-item .t-col2 {float: left; width: 80%; position: relative;} .t-item .t-col1 {float: left; width: 17%; margin-right: 3%; padding-top: 20px;} .t-item .tdress {position: relative; width: 100%; float: left;} .t-item .tdress img {width: 100%; height: auto;} .t-item .tlogo {position: relative; width: 100%; text-align: center; float: left;} .t-item .tlogo img {width: 100%; height: auto;} .t-item h4 {color: #043252; font-weight: bold; margin-bottom: .5em; } .rcr-foto a {margin-right: 1em;} /* tymove vysledky */ #page .tr-pts {width: 50px; text-align: right; padding-right: 40px;} .tr-num {width: 50px;} /* responsive */ @media screen and (max-width: 1400px) { #page #nav a {font-size: 14px; padding: 0px 9px;} } @media screen and (max-width: 1200px) { #races a span.wrap {font-size: 14px;} .content {width: 98%; margin: 0px 1%;} } @media screen and (max-width: 1210px) { #nav-launcher {display: block;} #pg-wrap .mob-hide {display: none;} #nav-btm {display: none;} #nav {padding-top: 60px; padding-bottom: 15px; top: auto; z-index: 890;} #nav, #nav .content {position: relative; background: #222222; height: auto;} #page #ulnav li {clear: both; border-left: 0px solid; border: 0px solid; height: auto; margin: 0px; top: auto; width: 100%;} #page #ulnav a:after {content: none;} #page #nav ul {clear: both; position: relative; background: transparent; border: 0px solid; display: block; top: auto; left: auto; height: auto; margin: 0px; width: 100%;} #nav ul ul {background: blue;} #page #ulnav a {clear: both; border-left: 0px solid; border: 0px solid; color: #fff; width: 100%; font-size: 15px; line-height: 30px; padding: 0px; display: block; margin: 0px; border-top: 1px solid #666;} #page #ulnav li:first-child a.a-level-0 {border: none;} #page #ulnav a.a-level-0 {padding-top: 10px;} #page #ulnav ul a {border-top: 1px solid #444;} #page #ulnav span {padding: 0px 10px; display: block} #page #ulnav ul span {padding: 0px 10px 0px 20px; } #page #ulnav ul ul span {padding: 0px 10px 0px 30px; } #page #nav #ulnav {margin-right: 50px; width: auto;} #page #nav #backtop {color: #fff; background: #222; text-decoration: none; display: block; line-height: 40px; font-size: 17px; font-weight: bold; position: relative; padding-left: 15px;} #backtop:before {content: ""; position: absolute; right: 10px; top: 0px; height: 40px; width: 40px; background: #555;} #backtop:after {content: ""; position: absolute; right: 20px; top: 15px; height: 0px; width: 0px; border-width: 0px 10px 10px 10px; border-style: solid; border-color: transparent transparent #fff transparent} #footer .content {background-position: 10px 10px} #article {margin-top: 0px} #article img {width: 100%; height: auto;} .gal-block .thumb img {width: 100%; height: 100% !important; width: 100px !important; object-fit: cover; } .vid-block .thumb img {width: 100%; height: 100% !important; width: 100px !important; object-fit: cover; } #racepromo {display: none;} #races {border-top: 1px solid #dcdcdc; width: 98%; margin: 0px 1%;display: block;} #races a {float: none; clear: left; display: block; width: auto; border-bottom: 1px solid #dcdcdc; text-align: left;} #races a.emph:hover .wrap:before, #races a.emph:hover .wrap:after {display: none;} #page #races a span.wrap:after, #page #races a:hover .wrap:after {content: ""; border: 0px solid;} #page #races a span.wrap {padding: 5px 0px; border: 0px solid;} #page #races a span.wrap span {display: inline; padding-left: 5px;} #social .col {width: 100%;} #social .c3 {border-top: 3px solid #fff; padding-top: 20px; margin-top: 20px;} #index-news .btn {font-size: 13px; line-height: 28px; height: 26px; padding: 0px 10px;} #index-news .btn:after {content: "";} #page #index-news .btn-line {padding-top: 20px;} .pgIndex #main {padding-bottom: 20px;} #header {height: 59px;} #header img {height: 40px; width: auto; image-rendering: -webkit-optimize-contrast;} #logo, #gp {margin-top: 10px;} #page {padding-top: 4px;} } @media screen and (max-width: 890px) { #sidebar {height: auto; margin-top: 20px; border-bottom: 0px solid; } #sidebar ul {display: block;} #sidebar li {display: block; width: 100%; text-align: left; height: auto;} #page #sidebar a {text-align: left; position: relative; height: auto; display: block; border-bottom: 1px solid #dcdcdc; border-left: 0px solid;} #sidebar span {height: auto; border: none;} #sidebar span br {content: " "} #sidebar span br:after {content: " "} #sidebar .emph a:after {content: ""; border: none;} } @media screen and (max-width: 600px) { #index-news .ni-block {float: none; clear: left; margin: 0px; width: 100%; text-align: center; border: 0px solid; border: 1px solid #dcdcdc; margin-bottom: 10px; padding-bottom: 5px;} #index-news .ni-block .btn {display: none;} #index-news .ni-block a {display: block; text-align: center;} #index-news h2 {height: auto; margin-top: 5px;} #index-news img {width: 50%; float: none; clear: left; display: inline-block; margin-top: 10px} #index-res, #index-sts {display: none;} #page .pr-message > * {display: block;} #page .pr-message .txt {line-height: 1.5em;} #page .pr-message .btn {margin: 10px 5% 0;} #page .pr-message .spacer {display: none;} } .pgVyzivoveokenko:before {content: url("../img/partners/36.png"); position: absolute; right: 25px; top: 15px;} /* vzp */ /*#vzp {background: #E6F6FF; padding: 15px 20px; position: relative;} #vzp h2 {padding-top: 0px;} #vzp .logo {position: absolute; left: 100%; top: 0px; background: #F2FAFF; padding: 10px 15px}*/ #vzp {background: #F0F1F8; padding: 15px 20px; position: relative; border-top: 5px solid #3B5C9D; border-bottom: 2px solid #B7C3DB; margin: 10px 133px 10px 0px;} #vzp h2 {padding-top: 0px; color: #3B5C9D;} #vzp a {color: #3B5C9D} #vzp .logo {position: absolute; left: 100%; top: -5px;} #vzp ul li {padding-left: 15px; background: url("img/vzp-bullet.png") no-repeat left .3em;} #vzp ul li:before {content: ""} #social {position: relative; padding-bottom: 10px; padding-top: 30px;} #soc-yt .incol {border-radius: 5px; background: #FFF; padding: 10px 8px 5px 8px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 1px 0px, rgba(0, 0, 0, 0.14902) 0px 1px 10px 0px;} #soc-fb {height: 600px;} #soc-fb .incol {border-radius: 5px; background: #e9eaed; padding: 5px 0px 5px 1px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 1px 0px, rgba(0, 0, 0, 0.14902) 0px 1px 10px 0px} .soc-title a {display: block} .soc-title img {display: block; height: 37px; } #soc-fb .soc-title img {background: url("../img/Facebook.svg") no-repeat 0 0; width: 102px;background-position: center;} #soc-yt .soc-title img {background: url("../img/Youtube.svg") no-repeat 0 0; width: 84px;background-position: center;} #soc-st .soc-title img {background: url("../img/Strava.svg") no-repeat 0 0; width: 95px; background-position: center;} #vids {border-top: 1px solid #d8dfea; padding-top: 20px; margin-top: 5px;} #vids li {margin-bottom: 10px; background: #fff; padding-right: 10px;} #vids a {float: left; width: 100%; height: 68px; overflow: hidden; text-decoration: none; color: #222222; font-size: 16px; line-height: 1.3em; padding-top: 6px; position: relative;} #vids .image {float: left; height: 74px; width: 99px; background: #ddd; margin-right: 15px; position: relative; margin-top: -6px;} #vids .date {font-size: 13px; color: red; } #hervis-bnr {background: #112758; color: #fff; border-radius: 5px;} #hervis-bnr a {text-decoration: none; color: #fff; font-weight: bold; font-size: 20px; display: block; line-height: 70px; padding: 0px 30px; background: url("img/partners/hervis.png") no-repeat right center; margin-right: 10px;} .pg-news h3 {margin-bottom: 0px;} .pg-news .newsitem {margin: 0px;} .newsitem h3 {margin-bottom: 0px;} .video-responsive { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; } .video-responsive iframe, .video-responsive object, .video-responsive embed { position:absolute; top:0; left:0; width:100%; height:100%; } .lang-switch img{ float: right; width: 40px; position: relative; margin: 5px; } .mobile-lang-switcher{ display: none; } @media (max-width: 1210px) { .mobile-lang-switcher{ display: block; position: relative; right: 50px; } .mobile-lang-switcher img{ height: 30px !important; margin-top: 15px; } } .menu-lang-switcher{ display: none; } @media (min-width: 1025px) { .menu-lang-switcher{ display: block; } } .name-search-box{ width: 100%; text-align: right; margin: 15px 0; overflow: hidden; } .name-search-box input[type="text"]{ width: 150px; padding: 5px; border-radius: 5px; } .carousel-content{ border-top: 1px #dcdcdc solid; width: 100%; height: 100%; margin: 0; padding: 0; display: flex; } .carousel-left{ background: #BCBCBC; flex: 0 0 666px; overflow: hidden; position: relative; } .carousel-left img{ height: 100%; } .carousel-right{ height: 100%; } @media (max-width: 1400px) { .carousel-left { flex: 0 0 650px; margin-left: -14px; } } .text-decoration-none{ text-decoration: none !important; } .newsletter-box { right: -63px; position: fixed; top: 50%; display: block; background-color: #35969D; padding: 20px 25px; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index: 10000; transform: rotate(-90deg); } .newsletter-box a { color: #fff; text-decoration: none; font-family: sans-serif; font-size: 20px; } @media only screen and (max-width: 767px){ .newsletter-box a { font-size: 14px; } .newsletter-box { right: -45px; } } .newsletter-box { right: -63px; position: fixed; display: none; background-color: #009ee2; padding: 20px 25px; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index: 10000; transform: rotate(-90deg); top: 50%; } .newsletter-box a { color: white; text-decoration: none; font-family: GalanoGrotesque; font-size: 20px; } @media only screen and (max-width: 767px) { .newsletter-box a { font-size: 14px; } .newsletter-box { right: -45px; display: block; } } .menu-langs .strava-logo { height: 40px; margin-bottom: -8px !important; margin-top: -8px !important; margin-right: -13px !important; margin-left: -13px !important; } .strava-logo { height: 40px; margin-bottom: -8px !important; margin-top: -8px !important; margin-right: -13px !important; margin-left: -13px !important; } .mobile-soc-bar { height: 38px; font-size: 22px; justify-content: center; flex-direction: row-reverse; display: none; } .mobile-soc-bar .strava-logo { margin-bottom: -8px !important; margin-top: -6px !important; margin-right: -14px !important; margin-left: -14px !important; } .menu-langs span { color: white; font-size: 20px; margin-left: 4px; } .mobile-soc-bar a { color: #42a1ce; padding: 5px 8px; } .menu-langs a i { font-size: 20px; position: relative; top: 2px; margin-right: 8px; } @media only screen and (max-width: 1620px) { .sc-header .container { margin-left: unset !important; } } @media only screen and (max-width: 1480px) { .sc-header .container--max-width { max-width: 1064px !important; } } @media only screen and (max-width: 1345px) { .sc-header .container--max-width { max-width: 844px !important; } } @media only screen and (max-width: 1160px) { .soc-in-flags { display: none !important; } .mobile-soc-bar { display: flex !important; } .menu-langs span { display: none; } } .instagram_feed { overflow: hidden; background-color: #35969D; } .instagram_feed .instagram_new { width: 12.5%; float: left; /*padding: 0 1px 1px 0;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .instagram_feed img.insta-image { position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .instagram_feed .insta-link { position: relative; display: block; background: #232323; padding-top: 100%; } .instagram_feed .insta-link:hover .insta-image { opacity: 0.2; } .instagram_feed_bar { background-color: #075BAA; padding-top: 10px; text-align: center; padding-bottom: 10px; display: flex; justify-content: center; } .instagram_feed_bar a { color: white; text-decoration: none; margin: 0px 20px; display: block; font-size: 16px; } .instagram_feed_bar a i { margin-right: 10px; } @media only screen and (max-width: 1300px) { .instagram_feed .instagram_new { width: 16.66666%; } .instagram_feed .instagram_new:nth-child(8) { display: none; } .instagram_feed .instagram_new:nth-child(7) { display: none; } } @media only screen and (max-width: 1120px) { .instagram_feed .instagram_new { width: 25%; } .instagram_feed .instagram_new:nth-child(5) { display: none; } .instagram_feed .instagram_new:nth-child(6) { display: none; } } @media only screen and (max-width: 600px) { .instagram_feed .instagram_new { width: 50%; } } .newsletter-container { position: fixed; z-index: 5; right: -6px; top: 45%; transition: transform 0.5s ease-in-out; background-color: #009ee2; min-height: 180px; width: 600px; display: flex; align-items: center; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } @media only screen and (max-width: 767px) { .newsletter-container{ display: none; } } .toggle-container { transform: translateX(540px); } .newsletter-container:hover { transform: translateX(0); } .newsletter-close { width: 30px; height: auto; position: absolute; left: -17px; top: -17px; cursor: pointer; } .newsletter-front { display: flex; flex-flow: row nowrap; align-items: center; transform: rotate(-90deg); margin-left: -38px; } .newsletter-icon { width: 32px; height: auto; margin-right: 15px; } .newsletter-text { color: #ffffff; font-size: 18px; font-weight: 400; } .newsletter-body { flex: 1; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; border-left: 2px solid #fff; min-height: 180px; margin-left: -40px; } .newsletter-heading { color: #ffffff; font-size: 20px; font-weight: 400; margin-bottom: 30px; margin-right: -10px; } .newsletter-button { background-color: #009ee2; transition: background-color 0.3s ease-in-out; outline: none; border: 2px solid #ffffff; border-radius: 100vw; padding: 10px 15px; color: #ffffff; font-weight: 300; cursor: pointer; margin-right: -10px; } .newsletter-button:hover { text-decoration: underline; background-color: #007db3; } .d-none { display: none!important; } .grecaptcha-badge{ visibility: hidden; } .download-app-box { background-color: #f2f2f2; padding: 20px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .download-app-close { font-size: 25px; font-weight: 400; cursor: pointer; } .download-app-pic { width: 60px; height: auto; border-radius: 8px; } .download-app-heading { font-size: 18px; margin: 0; padding: 0; line-height: 18px; font-weight: 400; } .download-app-anchor { text-decoration: none; color: #ffffff; } .download-app-button { font-size: 12px; padding: 10px 15px; background-color: #013367; border-radius: 8px; font-family: "GalanoGrotesque"; } @media screen and (min-width: 768px) { .download-app-box { display: none; } } @media screen and (max-width: 530px) { .download-app-pic { width: 55px; } .download-app-heading { font-size: 16px; } .download-app-button { font-size: 10px; padding: 10px 15px; } .download-app-text { font-size: 12px; } } @media screen and (max-width: 445px) { .download-app-pic { width: 53px; } .download-app-heading { font-size: 14px; } .download-app-button { font-size: 10px; padding: 6px 10px; } .download-app-text { font-size: 10px; line-height: 10px; } .download-app-close { font-size: 22px; } } @media screen and (max-width: 400px) { .download-app-pic { width: 45px; } .download-app-heading { font-size: 12px; } .download-app-button { font-size: 8px; padding: 6px 10px; } .download-app-text { font-size: 9px; } .download-app-close { font-size: 20px; } } .voucher-modal-container{ width: 100%; height: 100%; background-color: #00000091; position: fixed; top: 0; left: 0; z-index: 100; } .modal-show{ display: block; } .modal-hide{ display: none; } .voucher-modal-container .modal-content{ position: relative; top: 54%; left: 50%; background-color: white; transform: translate(-50%, -50%); max-width: 750px; width: 95%; box-sizing: border-box; height: 72%; overflow-y: auto; max-height: 615px; } .voucher-modal-container .modal-content h1{ margin-bottom: 10px; margin-top: 10px; padding: 0px 15px; padding-top: 15px; } .voucher-modal-container .modal-content .modal-close{ font-weight: 800; font-size: 25px; position: absolute; right: 20px; top: 20px; cursor: pointer; } .voucher-modal-container .modal-content .modal-p{ padding: 15px; } .voucher-modal-container .modal-content .modal-p p{ background-color: #f1f1f1; padding: 5px; } .voucher-modal-container .modal-content .modal-p p span{ text-decoration: unset; display: block; margin-top: 6px; font-weight: 800; } .voucher-button-container{ position: sticky; background-color: #ffffff; bottom: 0; padding: 10px 0px; display: flex; justify-content: center; } .voucher-first-submit{ display: block; line-height: unset !important; height: unset; box-sizing: unset; transition: all 0.1s ease-in-out; font-size: 20px; padding: 10px 15px; margin-bottom: 10px; background: #555; border-radius: 5px; color:white; } .voucher-first-submit:hover{ background-color: #6b801a; transition: all 0.1s ease-in-out; } .voucher-modal-container .modal-submit{ display: block; text-align: center; height: unset; box-sizing: unset; transition: all 0.1s ease-in-out; position: unset; width: 115px; } .voucher-modal-container .modal-cancel{ background-color: #55555533 !important; } .voucher-modal-container .modal-cancel:hover{ background-color: #b34244 !important; } .voucher-modal-container .modal-submit:hover{ background-color: #6b801a; transition: all 0.1s ease-in-out; } .top-picture-fullsize{ margin: 0px -25px; } .top-picture-fullsize img{ width: unset !important; } .priority-banner{ width: 48%; } .priority-banner img{ max-width: unset !important; } .teams-box{ width: 100%; } .teams-box .item{ border-bottom: 1px solid #b5b5b5; } .teams-box .item .hide-text span{ visibility: hidden; } .teams-box .item .row{ display: flex; justify-content: center; background-color: #efefef; gap: 30px; padding: 0px 10px; box-sizing: border-box; } .teams-box .item .toggle-others{ cursor: pointer; } .teams-box .item .row:nth-child(2n){ background-color: #e3e3e3; } .teams-box .item .row .box{ max-width: 300px; width: 100%; display: flex; justify-content: left; align-items: center; padding: 13px 0px; } .teams-box .item .row .box .down{ display: block; width: 20px !important; object-fit: contain; } .teams-box .item .row .box .rotate{ transform: rotate(180deg); } .teams-box .item .row .box p{ margin: 0; font-weight: 800; display: flex; gap: 5px; } .teams-box .item .hide{ display: none; } .teams-box .top-item .top-row{ } .teams-box .top-item .top-row{ background-color: #002856 !important; color: white !important; font-size: 15px; } #team-input{ width: 100%; box-sizing: border-box; font-size: 20px; padding: 5px 10px; margin-bottom: 10px; border: 1px solid; border-color: #c5c5c5; } #name-filter-box{ width: 100%; margin-top: 10px; } #name-filter-box input{ width: 100%; box-sizing: border-box; } #name-filter-box em{ color: #fff !important; } .loading-table-results{ position: relative; } .loading-table-results #snippet--table{ height: 200px; overflow: hidden; opacity: 0; pointer-events: none; } .loading-table-results:after{ content: " "; display: block; position: absolute; width: 100%; height: 100%; top: -12px; background: rgba( 255, 255, 255, .8 ) url(/img/loading.gif) 50% 50% no-repeat; } .error-404 img{ margin-top: 50px; max-width: 1000px; width: 100%; display: block; } .error-404 .box{ display: flex; justify-content: space-around; gap: 15px; flex-wrap: wrap; } .error-404 .box a{ background: #002856; color: white; padding: 10px 25px; border-radius: 15px; font-size: 15px; text-decoration: none; display: flex; } .error-404 .box a:hover{ background: #0c50a1; } .error-404 .error-404-mobil{ display: none; } @media screen and (max-width: 768px) { .error-404 .error-404-mobil{ display: block; } .error-404 .error-404-desktop{ display: none !important; } #results-table{ overflow-x: scroll; } } [data-pageid="6185"] h1, [data-pageid="6218"] h1{ color: #e20074; } @media screen and (max-width: 900px) { .infobar-buttons{ display: flex; flex-wrap: wrap; justify-content: center; } } details{ //background-color: #e1dfde; border-radius: 10px; padding: 10px 15px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #9199a0; } summary { display: flex; color: #222222; font-weight: 600; cursor: pointer; justify-content: space-between; font-size: 16px; } details[open] summary{ //border-bottom: 2px solid currentcolor; padding-bottom: 10px; margin-bottom: 10px; } summary::-webkit-details-marker { display: none } details summary::-webkit-details-marker, details summary::marker { display: none; content: ""; } summary:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; color: #222222; float: left; font-weight: bold; } details[open] summary:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f077"; } .news {overflow: hidden; } .news-column {background: white; position: relative; height: 100%; width: 100%; } @media screen and (max-width: 599px) { .news-column:last-child { display: none; } } @media screen and (min-width: 600px) { .news-column { width: 50%; float: left; height: 537px; } } @media screen and (min-width: 920px) { .news-column { width: 33.33%; } .news-column:last-child { display: none; } } @media screen and (min-width: 1300px) { .news-column { width: 25%; } .news-column:last-child { display: block; } } .news-image, .news-text { display: block; height: 50%; width: 100%; overflow: hidden; text-decoration: none; position: relative; } .news-image img { width: 100%; height: 100%; object-position: top center; object-fit: cover; } .news-text { box-sizing: border-box; padding: 30px; color: #333; } .news-text h2 { margin-bottom: 15px; } .news-text p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .news-date { margin-bottom: 15px; } @media screen and (min-width: 600px) { .news-column:nth-child(even) .news-image { position: absolute; bottom: 0; } } .news-image:after { content: ""; position: absolute; width: 0; height: 0; top: 0; left: 50%; margin-left: -40px; border-style: solid; border-width: 27px 40px 0 40px; border-color: #ffffff transparent transparent transparent; } .news-column:nth-child(odd) .news-image:after { top: auto; bottom: 0; border-width: 0 40px 27px 40px; border-color: transparent transparent #ffffff transparent; } .topstory-slider:not(.slick-initialized) .slide:not(:first-child) { display: none; } .topstory-slider { position: relative; } .topstory-slider .slick-dots { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; } @media screen and (max-width: 1249px) { .topstory-slider .slick-dots { bottom: 4px; } } @media screen and (max-width: 650px) { .topstory-slider .slick-dots { bottom: -1px; } } .topstory-slider .slick-dots li { display: inline-block; cursor: pointer; opacity: 0.4; } .topstory-slider .slick-dots li.slick-active, .topstory-slider .slick-dots li:hover { opacity: 0.9; } .topstory-slider .slick-dots button { display: inline-block; background: #009ee2; border: 0; font-size: 0; color: transparent; width: 15px; height: 8px; padding: 0; border-radius: 4px; margin: 8px; outline: 0; } @media (max-width: 599px) { .news-image:after { display: none !important; } } .news-button { text-align: center; padding: 20px 0; } .slider-mobile { display: none !important; } .slider-desktop { display: block !important; } @media (max-width: 768px) { .slider-desktop { display: none !important; } .slider-mobile { display: block !important; } } .slide-button { display: block; color: white; background-color: #44a0cd; position: absolute; bottom: 50px; text-align: center; left: 0; right: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; padding: 10px 15px; font-size: 20px; text-decoration: none; border-radius: 5px; } .muj-osobni-zavod { height: 38vw; background-image: url(../img/muj-zavod.jpg); background-size: cover; background-position: center; overflow: hidden; } @media (max-width: 768px) { .muj-osobni-zavod { aspect-ratio: 0.8 !important; height: unset !important; } } .muj-osobni-zavod .slide-a { display: block; width: 100%; height: 100%; position: relative; z-index: 1; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }