/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after { content: ''; content: none; }

q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

@-webkit-keyframes control-buttons { from { right: 2px; }
  to { right: 5px; } }

@keyframes control-buttons { from { right: 2px; }
  to { right: 5px; } }

#slider { height: 600px; }

#slider .slide { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 600px; background-repeat: no-repeat; background-position: 50% 0; background-size: auto 100%; z-index: -1; }

#slider .flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

#slider .controls { width: 1000px; padding-top: 20px; margin: 0 auto; }

#slider .controls .indicator-wrapper { position: relative; width: 40px; height: 40px; overflow: hidden; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

#slider .controls .indicator-container { position: absolute; top: 0; left: 0; width: 40px; height: 40px; }

#slider .controls .indicator-outline { position: absolute; top: 2px; left: 2px; width: 36px; height: 36px; border: 1px solid white; border-radius: 50%; opacity: 0.5; }

#slider .controls .indicator-outline, #slider .controls .indicator-outline * { -webkit-transition: all 0.8s; transition: all 0.8s; }

#slider .controls .control-buttons { position: absolute; top: 2px; left: 2px; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; z-index: 2; }

#slider .controls .control-buttons .control-btn { display: block; position: absolute; top: 0; left: 0; width: 50%; height: 100%; cursor: pointer; }

#slider .controls .control-buttons .control-btn .active-area { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; }

#slider .controls .control-buttons .control-btn svg { position: absolute; top: 13px; right: 2px; width: 5px; height: 10px; }

#slider .controls .control-buttons .control-btn:hover svg { -webkit-animation-name: control-buttons; -webkit-animation-duration: 0.4s; -webkit-animation-direction: alternate; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -webkit-animation-name: control-buttons; animation-name: control-buttons; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

#slider .controls .control-buttons .control-btn.next { left: 50%; }

#slider .controls .control-buttons .control-btn * { -webkit-transition: all 0.8s; transition: all 0.8s; }

#slider .controls .control-buttons, #slider .controls .control-buttons * { -webkit-transition: all 0.8s; transition: all 0.8s; }

#slider img { display: block; width: 100%; height: auto; }

body, html { height: 100%; width: 100%; font-family: "Open Sans", sans-serif; color: white; font-size: 13px; font-weight: 400; line-height: normal; }

body { color: #242424; background: #023f7a; }

body > .wrapper { width: 100%; min-height: 100%; margin: 0 auto -70px; padding-bottom: 70px; }

* { box-sizing: border-box; }

.clearer, #news #partneri-slider:after, #news #news-slider:after, #news #partneri-slider .post:after, #news #news-slider .post:after, #news .controls:after, #gallery-container #gallery:after, #category .wrapper:after, #category .podkategorie ul li:after, #category .podkategorie:after { clear: both; display: block; content: ""; }

a { color: inherit; }

div, section, header, article, footer { position: relative; }

.left { display: block; float: right; }

.right { display: block; float: right; }

#header { height: 120px; color: white; line-height: 118px; font-size: 14px; text-transform: uppercase; background-color: #8d1212; }

#header > .wrapper { width: 1120px; height: 100%; margin: 0 auto; }

#header h1 { display: inline-block; position: relative; width: 243px; height: 112px; font-size: 0; color: transparent; vertical-align: middle; background: url("../img/logo-standard.png") 0 0 no-repeat; }

#header h1 a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#header #menu { display: inline-block; }

#header #menu > ul { display: block; margin-left: 20px; font-size: 0; }

#header #menu > ul > li { display: inline-block; position: relative; font-size: 14px; }

#header #menu > ul > li > a { position: relative; display: block; padding: 12px 18px; line-height: normal; text-decoration: none; background: url("../img/menu-separator.png") 0 50% no-repeat; background-size: 1px 100%; }

#header #menu > ul > li > a:before { content: ""; display: block; position: absolute; -webkit-transition: all 0.4s; transition: all 0.4s; bottom: 8px; left: 50%; right: 50%; height: 1px; background-color: white; }

#header #menu > ul > li:hover > a:before { left: 18px; right: 18px; }

#header #menu > ul > li .sub-menu { display: none; position: absolute; top: 100%; right: 0; padding: 8px 0; margin: 0 12px 0 0; line-height: normal; border-radius: 5px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4); background: white; z-index: 2; }

#header #menu > ul > li .sub-menu li { text-transform: none; white-space: nowrap; font-size: 12px; font-weight: 600; }

#header #menu > ul > li .sub-menu li a { display: block; text-decoration: none; color: black; padding: 6px 15px; }

#header #menu > ul > li .sub-menu li a:hover { background-color: #023f7a; color: white; }

#header #menu > ul > li .sub-menu li + li { border-top: 1px dotted #ccc; }

#header #menu > ul > li .sub-menu:before { content: ""; position: absolute; display: block; top: -5px; right: 15px; width: 10px; height: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: white; }

#header #menu > ul > li:hover .sub-menu { display: block; }

#header #menu > ul li:first-child a { background: none; }

#header #flags { position: absolute; bottom: 10px; right: 0; }

#header #flags .item { float: right; display: block; width: 24px; height: 24px; margin: 0 2px; }

#header #flags .item.cz { background: url("../img/flag-cz.png") 50% 50% no-repeat; }

#header #flags .item.en { background: url("../img/flag-en.png") 50% 50% no-repeat; }

#header #flags .item.fr { background: url("../img/flag-fr.png") 50% 50% no-repeat; }

#header #flags .item.search { background: url("../img/search.png") 50% 50% no-repeat; }

#header #flags .item.active { opacity: 0.6 !important; }

#header #searchform { position: absolute; display: none; width: 250px; height: auto; bottom: -10px; right: 120px; padding: 10px; line-height: normal; color: black; border-radius: 5px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4); background-color: white; z-index: 10; }

#header #searchform input[type=text] { border: 1px solid #ccc; display: block; margin: 0; padding: 4px 8px; width: 100%; font-family: inherit; font-size: inherit; }

#header #searchform input[type=submit], #header #searchform label { display: none; }

#header #searchform:before { content: ""; position: absolute; display: block; right: -5px; top: 50%; width: 10px; height: 10px; margin-top: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: white; }

#social { height: 10px; margin-bottom: -10px; z-index: 1; }

#social:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(180, 12, 12, 0.7); }

#social > .wrapper { width: 1120px; position: relative; margin: 0 auto; }

#social .item, #social #dalsi-odkazy li { display: block; float: right; width: 42px; height: 52px; margin-left: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; background: #3a589b url("../img/social-fb.png") 50% 100% no-repeat; }

#social .item.yt, #social #dalsi-odkazy li.yt { background-image: url("../img/social-yt.png"); background-color: #cf3427; }

#social .item.eshop, #social #dalsi-odkazy li.eshop { background-image: url("../img/social-eshop.png"); background-color: #334d5c; }

#social .item:hover, #social #dalsi-odkazy li:hover { height: 57px; }

#social #dalsi-odkazy { display: block; float: right; text-transform: uppercase; }

#social #dalsi-odkazy li { background: #023f7a; width: auto; color: white; margin-left: 4px; font-weight: 600; }

#social #dalsi-odkazy li a { display: block; padding: 0 12px; line-height: 57px; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }

#social #dalsi-odkazy li a:hover { padding-top: 5px; }

#slider { height: auto; }

#slider .slide { height: 100%; }

#slider .controls { width: 1120px; }

#slider .slider-height { display: block; visibility: hidden; }

#news { background-color: #023f7a; }

#news:after { content: ""; display: block; position: absolute; top: -10px; left: 0; width: 100%; height: 10px; background-color: rgba(1, 95, 185, 0.7); }

#news > .wrapper { width: 1120px; margin: 0 auto; }

#news #partneri-slider, #news #news-slider { white-space: nowrap; overflow: hidden; box-shadow: 0 20px 10px -15px rgba(0, 0, 0, 0.3); background-color: #f7f7f7; z-index: 1; }

#news #partneri-slider .post, #news #news-slider .post { display: inline-block; width: 100%; vertical-align: top; white-space: normal; }

#news #partneri-slider .post .item, #news #news-slider .post .item { width: 33.3333%; float: left; padding: 30px 35px; font-size: 14px; color: #242424; line-height: 1.2em; font-weight: 300; background: url("../img/news-shadow.png") 0 50% no-repeat; background-size: 25px 100%; }

#news #partneri-slider .post .item:first-child, #news #news-slider .post .item:first-child { background: none; }

#news #partneri-slider .post .item h2, #news #news-slider .post .item h2 { font-weight: 600; text-transform: uppercase; font-size: 18px; color: #023f7a; margin-bottom: 10px; line-height: 1.3em; }

#news #partneri-slider .post .item .post-meta, #news #news-slider .post .item .post-meta { display: block; font-size: 10px; font-weight: 600; color: white; }

#news #partneri-slider .post .item .post-meta a, #news #news-slider .post .item .post-meta a { text-decoration: none; }

#news #partneri-slider .post .item .post-meta .meta-item, #news #news-slider .post .item .post-meta .meta-item { display: inline-block; line-height: 1em; padding: 3px 5px 4px; margin-top: 3px; border-radius: 2px; -webkit-transition: background 0.3s; transition: background 0.3s; background: #ccc; }

#news #partneri-slider .post .item .post-meta .meta-item a + a:before, #news #news-slider .post .item .post-meta .meta-item a + a:before { content: " | "; }

#news #partneri-slider .post .item h2 + .post-meta, #news #news-slider .post .item h2 + .post-meta { margin: -8px 0 8px; }

#news #partneri-slider .post .item:hover .post-meta .meta-item, #news #news-slider .post .item:hover .post-meta .meta-item { background-color: #00aeef; }

#news #partneri-slider .post .item .post-link, #news #news-slider .post .item .post-link { display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

#news #partneri-slider .post .item .thumb-img, #news #news-slider .post .item .thumb-img { width: 80px; height: auto; }

#news .controls { position: relative; margin-top: 10px; margin-bottom: -100px; color: white; }

#news .controls .news-btn { display: inline-block; width: 13px; height: 16px; margin: 0 4px; vertical-align: middle; cursor: pointer; background: url("../img/news-next.png") 50% 50% no-repeat; }

#news .controls .news-btn.news-previous { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

#news .controls .news-indicators { display: inline-block; }

#news .controls .news-indicators .indicator { display: inline-block; width: 7px; height: 7px; margin: 0 2px; border-radius: 50%; vertical-align: middle; opacity: 0.4; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; background-color: white; }

#news .controls .news-indicators .indicator.current { opacity: 1; }

#news .controls #vice-novinek-btn { display: block; position: absolute; right: 0; top: -2px; }

#news .controls #news-paused { position: absolute; display: none; bottom: 34px; right: 6px; width: 18px; height: 18px; background: url("../img/paused.png") 0 0 no-repeat; z-index: 10; }

#news #partneri-slider, #news #news-slider, #news .controls { top: -140px; }

#news #partneri-slider { margin-bottom: 0; box-shadow: none; border-bottom: 1px dashed #ddd; background-color: white; z-index: 2; }

#news #partneri-slider .post { text-align: center; padding: 0 25px; }

#news #partneri-slider .post .item { float: none; display: inline-block; width: auto; padding: 0 25px; vertical-align: middle; background: none; }

#news #partneri-slider .post .item img { display: block; }

#gallery-container { position: static; padding: 0 0 40px; background-color: white; }

#gallery-container > .wrapper { width: 1120px; margin: 0 auto; }

#gallery-container #gallery { margin: -75px -18px 0 0; }

#gallery-container #gallery .item { position: relative; display: block; float: left; width: 284px; padding-right: 18px; }

#gallery-container #gallery .item:hover .item-title { padding-bottom: 12px; }

#gallery-container #gallery img { display: block; width: 266px; height: 180px; border: 3px solid white; box-shadow: 0 20px 10px -15px rgba(0, 0, 0, 0.3); }

#gallery-container #gallery .item-title { display: block; position: absolute; bottom: 3px; left: 3px; right: 21px; padding: 6px 10px; color: white; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: rgba(33, 33, 33, 0.9); }

#gallery-container #gallery .play-btn { position: absolute; display: block; top: 0; left: 0; right: 21px; height: 100%; background: url("https://cdn3.iconfinder.com/data/icons/social-circle/512/social_4-48.png") 50% 45% no-repeat; }

#gallery-container #gallery .play-btn:hover { background-image: url("https://cdn3.iconfinder.com/data/icons/social-circle/512/social_4-64.png"); }

#links { padding: 20px 0 40px; text-align: center; background-color: white; }

#links > .wrapper { width: 1120px; margin: 0 auto; }

#links img { display: inline-block; margin: 0 15px; vertical-align: middle; width: auto; height: 54px; }

#links h2 { font-size: 18px; color: #777; margin-top: 10px; }

#links h2:first-child { margin: 0; }

#links #generalni-partneri img { width: auto; height: 72px; }

#links #medialni-partneri img { width: auto; height: 54px; }

.page #links { margin: 0 -150px; }

.page #links img, .page #links #medialni-partneri img { height: 72px; }

.page #links #generalni-partneri img { height: 92px; }

.main-content { padding: 70px 0 100px; background-color: white; }

.main-content .wrapper { margin: 0 auto; width: 1120px; padding: 0 150px; }

.main-content h1 { font-size: 36px; font-weight: 600; text-transform: uppercase; color: #023f7a; margin-bottom: 30px; line-height: 1.3em; }

.main-content p { margin: 8px 0; }

.main-content strong { font-weight: bold; }

.main-content em, .main-content i { font-style: italic; }

.main-content u { text-decoration: underline; }

.main-content a { text-decoration: underline; color: #8d1212; }

.main-content h2, .main-content h3 { margin-top: 15px; }

.main-content h2 { font-size: 23px; }

.main-content h3 { font-size: 18px; }

.main-content ul { list-style-type: square; }

.main-content ol, .main-content ul { margin: 10px 30px; }

.main-content .aligncenter { display: block; margin: 0 auto; }

.main-content .alignleft { float: left; display: block; margin: 8px 15px; }

.main-content .alignright { float: right; display: block; margin: 8px 15px; }

.main-content .post-meta { margin-bottom: 40px; }

.main-content .post-meta .meta-item { display: inline-block; line-height: 1em; padding: 4px 6px; border-radius: 3px; color: white; font-size: 11px; font-weight: 600; -webkit-transition: background 0.3s; transition: background 0.3s; background: #ccc; }

.main-content .post-meta .meta-item.post-path { padding: 0 6px; }

.main-content .post-meta .meta-item.post-path a { display: inline-block; padding: 4px 6px; margin: 0 -6px; color: white; -webkit-transition: background 0.3s; transition: background 0.3s; }

.main-content .post-meta .meta-item.post-path a:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.main-content .post-meta .meta-item.post-path a:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.main-content .post-meta .meta-item.post-path a:hover { background-color: #00aeef; }

.main-content .post-meta a { text-decoration: none; }

.main-content h1 + .post-meta { margin-top: -40px; padding-top: 10px; }

#category { padding: 70px 0 100px; background-color: white; }

#category .wrapper { margin: 0 auto; width: 1120px; }

#category h1 { font-size: 32px; font-weight: 600; text-transform: uppercase; color: #023f7a; margin-bottom: 30px; line-height: 1.3em; }

#category .podkategorie { margin-bottom: 30px; }

#category .podkategorie ul { display: block; overflow: hidden; }

#category .podkategorie ul li { display: block; float: left; margin: 2px 2px; }

#category .podkategorie ul li a { display: block; padding: 1px 4px; text-decoration: none; font-weight: 600; color: white; border-radius: 3px; font-size: 11px; -webkit-transition: background 0.3s; transition: background 0.3s; background-color: #00aeef; }

#category .podkategorie ul li a:hover { background-color: #023f7a; }

#category .podkategorie .podkategorie-title { display: block; float: left; margin-right: 12px; color: #999; }

#category h1 + .podkategorie { margin-top: -20px; }

#category #news-container { background: url("../img/news-shadow.png") 51% 50% no-repeat; background-size: 25px 100%; }

#category .item { width: 50%; float: left; padding: 30px 35px; font-size: 15px; color: #242424; line-height: 1.2em; font-weight: 300; }

#category .item:nth-child(2n+1) { clear: both; padding-left: 0; background: none; }

#category .item:nth-child(2n) { padding-right: 0; }

#category .item h2 { font-weight: 600; text-transform: uppercase; font-size: 18px; color: #023f7a; margin-bottom: 10px; line-height: 1.3em; }

#category .item .post-meta { display: block; font-size: 10px; font-weight: 600; color: white; }

#category .item .post-meta a { text-decoration: none; }

#category .item .post-meta .meta-item { display: inline-block; line-height: 1em; padding: 3px 5px 4px; border-radius: 2px; -webkit-transition: background 0.3s; transition: background 0.3s; background: #ccc; }

#category .item h2 + .post-meta { margin: -8px 0 8px; }

#category .item:hover .post-meta .meta-item { background-color: #00aeef; }

#category .item .post-link { display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

.strankovani { padding-top: 50px; text-align: center; }

.strankovani .page-numbers { padding: 3px 7px; border-radius: 5px; color: white; text-decoration: none; background: #023f7a; }

.strankovani .page-numbers.current { font-weight: 600; background-color: #ccc; }

#footer { height: 70px; color: white; line-height: 70px; background-color: #8d1212; }

#footer .wrapper { width: 1120px; margin: 0 auto; }

.thumb-img { float: left; display: block; margin: 0 10px 5px 0; width: 105px; height: auto; }

.confirmation { font-size: 1.2em; padding: 1em; color: white; text-align: center; border-radius: 0.3em; background: #023f7a; }

#reg-form .hidden { display: none; }

#reg-form td { padding: 0.3em 1.5em 0.3em 0; }

#reg-form > table > tbody > tr > td:first-child label { font-weight: 600; }

#reg-form td:first-child label { display: block; }

#reg-form label + label { margin-left: 1em; }

#reg-form input[type="text"], #reg-form input[type="email"], #reg-form input[type="number"], #reg-form textarea { width: 20em; border: 1px solid #ccc; border-radius: 0.3em; padding: 0.5em; font: inherit; }

#reg-form input[type="text"]:hover, #reg-form input[type="email"]:hover, #reg-form input[type="number"]:hover, #reg-form textarea:hover { border-color: #999; }

#reg-form input[type="text"]:focus, #reg-form input[type="email"]:focus, #reg-form input[type="number"]:focus, #reg-form textarea:focus { border-color: #023f7a; }

#reg-form input[type="number"] { width: 10em; }

#reg-form #ucastniku_celkem { border-color: #ccc !important; background: #f3f3f3; width: 10em; font-weight: 600; }

#reg-form textarea { width: 35em; }

#reg-form .divider { border-top: 2.5em solid transparent; }

#reg-form .help { margin: 0.24em 0 0.4em; font-size: 0.9em; color: #888; }

#reg-form .required > td:first-child label:after { content: "*"; display: inline-block; margin: 0 0.2em; color: red; }

#reg-form input[type="submit"] { padding: 0.6em 1em; border: none; color: white; cursor: pointer; border-radius: 0.3em; background: #023f7a; }