﻿@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?qbaecw'); src: url('../fonts/icomoon.eot?qbaecw#iefix') format('embedded-opentype'), url('../fonts/icomoon.svg?qbaecw#icomoon') format('svg'), url('../fonts/icomoon.ttf?qbaecw') format('truetype')/*, url('../fonts/icomoon.woff?qbaecw') format('woff')*/; font-weight: normal; font-style: normal; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
a, b, body, canvas, div, em, embed, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, iframe, img, label, li, ol, p, q, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, u, ul { border: 0; margin: 0; padding: 0; outline: 0 none; font-size: 100%; font: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; }
b, strong { font-weight: 500; }
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; outline: 0 none; }
progress { vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active, a:hover { outline-width: 0; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
figure { margin: 1em 40px; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
table { border-collapse: collapse; border-spacing: 0; }
th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
button, input, select, textarea { font: inherit; margin: 0; }
optgroup { font-weight: bold; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; }
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; }
legend { color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { padding: 0; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
a, a img { border: 0 none; outline: 0 none; }
ul, ol, li { margin: 0; padding: 0; list-style-type: none; }
/* --- placeholders --- */
::placeholder { color: #aaa; }
:-ms-input-placeholder { color: #aaa; }
::-ms-input-placeholder { color: #aaa; }
/*--- end reset ---*/

html { box-sizing: border-box; overflow-x: hidden; overflow-y: scroll; }
*, *:before, *:after { box-sizing: inherit; }
html, body { width: 100%; height: 100%; }

iframe, iframe *, iframe:before, iframe:after { box-sizing: unset !important; }

body { padding: 40px 0 0; margin: 0; background-color: #fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; }
.cistic { clear: both; visibility: hidden; display: block; height: 0; font-size: 1px; }
.divider { height: 0; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #fff; position: relative; margin: 25px 0px 10px 0; clear: both; }
.shadow-divider { height: 0; border-top: 1px solid #cdcdcd; position: relative; margin: 25px 0px 10px 0; clear: both; /*box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.8);*/ }
.divider2 { height: 0; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #fff; position: relative; margin: 10px 0px 10px 0; clear: both; }
.divider > span { position: absolute; left: 50%; transform: translate(-50%, 0); background: #f7f7f7; padding: 0px 20px; height: 25px; line-height: 25px; font-size: 17px; font-weight: 300; text-align: center; display: inline-block; top: -12px; }
.spacer { clear: both; visibility: hidden; display: block; height: 10px; font-size: 0px; }
.spacer-5 { clear: both; visibility: hidden; display: block; height: 5px; font-size: 0px; }
.spacer-10 { clear: both; visibility: hidden; display: block; height: 10px; font-size: 0px; }
.spacer-15 { clear: both; visibility: hidden; display: block; height: 15px; font-size: 0px; }
.spacer-20 { clear: both; visibility: hidden; display: block; height: 20px; font-size: 0px; }
.spacer-25 { clear: both; visibility: hidden; display: block; height: 25px; font-size: 0px; }
.spacer-30 { clear: both; visibility: hidden; display: block; height: 30px; font-size: 0px; }
.spacer-50 { clear: both; visibility: hidden; display: block; height: 50px; font-size: 0px; }

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: normal; }
h2 { color: #a9c525; }
h3, h4, h5, h6 { font-size: 11pt; padding: 10px 0 0 0; }
sup { font-size: 6pt !important; }
img, a, a img { border: 0 none; outline: 0 none; }
.wrapper { width: 100%; max-width: 1060px; margin: 0 auto; position: relative; }
.previewSeparator { padding: 15px 0 15px 15px; margin: 100px 0 40px 0; font-size: 40px; font-weight: bold; color: #b00; border: 1px dashed #ccc; border-right: 0 none; border-left: 0 none; }
#back-to-top { background: rgba(0, 0, 0, .7) url('../images/assets/totop-arrow-w.png') no-repeat center center; right: 3px; bottom: 3px; /*top: 50%; margin-top: 34px;*/ color: transparent; display: none; font: 0/0 a; height: 34px; width: 34px; border-radius: 2px; position: fixed; overflow: hidden; text-shadow: none; transition: background-color .2s ease; z-index: 100; }
#back-to-top:hover { background: #f06b1c url('../images/assets/totop-arrow-w.png') no-repeat center center; }
.flL { float: left !important; }
.flR { float: right !important; }
.flN { float: none !important; }
.aL { text-align: left; }
.aR { text-align: right; }
.aC { text-align: center; }
.aJ { text-align: justify; }

#dimensions { display: none; position: fixed; right: 45px; bottom: 0; z-index: 1001; background-color: rgba(0,0,0,.9); color: #fff; font-size: 11px; font-weight: bold; border-radius: 3px 3px 0 0; padding: 2px 10px; }
#adm-info { display: none; position: fixed; left: 45px; bottom: 0; z-index: 1001; background-color: rgba(0,0,0,.9); color: #fff; font-size: 11px; font-weight: bold; border-radius: 3px 3px 0 0; padding: 2px 10px; }
.admin-panel { position: fixed; bottom: 0; left: 0; right: 0; z-index:9999999; padding: 20px; background: #e9fbff; border-top: 1px solid #adf0ff; border-radius: 3px 3px 0 0; box-shadow: 0 0 10px rgba(0,0,0,.1); font-size: 12px; color: #333; }
.stop-top { width: 100%; height: 0px; display: block; }
.stop-down { width: 100%; height: 0px; display: block; }

/* theme start */

nav { width: 100%; height: 40px; display: block; position: fixed; top: 0; left: 0; z-index: 1000; background: #3e454c; }
#mMenu { width: 100%; max-width: 1040px; margin: 0 auto; background: #3e454c; }
#main-menu { list-style: none; }
#main-menu li { height: 40px; display: block; float: left; background: #3e454c; border-left: 1px solid #434a52; border-right: 1px solid #272b31; position: relative; }
#main-menu li a { height: 40px; display: block; background: #3e454c; color: #fff; font-size: 12px; font-weight: 600; line-height: 40px; padding: 0 13px; text-align: center; text-transform: uppercase; letter-spacing: .5px; position: relative; transition: all 0.2s; }
#main-menu li a.mm-flag-en { background: #3e454c url('../images/assets/flags/en.png') no-repeat 10px center / 20px 13px; padding: 0 13px 0 40px;  }
#main-menu li:first-child { border-left: 1px solid #3e454c; }
#main-menu li:last-child { border-right: 1px solid #3e454c; }
#main-menu li:hover a,
#main-menu li a:hover { background-color: #2d3237; color: #fff; }
#main-menu li a.sel { background-color: #f06b1c; color: #fff; }
#main-menu li:hover { border-left: 1px solid #2d3237; border-right: 1px solid #2d3237; }
#main-menu li.sel { border-left: 1px solid #f06b1c !important; border-right: 1px solid #740 !important; }
#main-menu li.sel:first-child { border-left: 1px solid #f06b1c !important; }
#main-menu li.sel:last-child { border-right: 1px solid #f06b1c !important; }
#main-menu li ul { width: 167px; padding: 1px 0 0 0; position: absolute; top: 80px; left: -2px; display: none; opacity: 0; visibility: hidden; }
#main-menu li ul li { background: #3e454c; display: block; height: 44px; line-height: 44px; border: 0 none; z-index: 101; color: #fff; border: 0 none !important; }
#main-menu li:hover ul li a,
#main-menu li ul li a { width: 147px; height: 44px; line-height: 44px; display: block; text-align: left; padding-left: 20px; background: #3e454c; color: #fff; font-size: 12px; font-weight: 400; letter-spacing: normal; position: relative; cursor: pointer; transition: all 0.2s; }
#main-menu li ul li.sel:first-child,
#main-menu li ul li.sel:last-child,
#main-menu li ul li { border: 0 none !important; }
#main-menu li ul li a:hover { background: #2d3237; color: #fff; }
#main-menu li ul li.sel,
#main-menu li ul li.sel a { background: #f06b1c; color: #fff; }
#main-menu li:hover ul { display: block; opacity: 1; visibility: visible; }
#main-menu a { text-decoration: none; font-size: 14px; color: #fff; line-height: 40px; }
#main-menu li#hp-ico { width: 54px; }
#main-menu li#hp-ico:hover { background: #2d3237; }
#main-menu li#hp-ico a:hover { background: #2d3237 url('../images/assets/HP-icon-sel.png') no-repeat center center; background-size: 21px 21px; }
#main-menu li#hp-ico a { width: 54px; background: url('../images/assets/HP-icon-sel.png') no-repeat center center; background-size: 21px 21px; }
#main-menu li#hp-ico a.sel { background: #f06b1c url('../images/assets/HP-icon-sel.png') no-repeat center center; background-size: 21px 21px; }
#main-menu li#hp-ico a span { display: none; }
#btn-menu { display: none; width: 40px; height: 40px; line-height: 40px; font-size: 25px; color: #fff; text-align: center; text-indent: 1px; background-color: #3e454c; cursor: pointer; position: absolute; top: 0; left: 0; }

/* xs */ @media (max-width: 767px) {
nav { width: 100%; height: 40px; display: block; position: fixed; top: 0; left: 0; z-index: 1000; background: #3e454c; }
#btn-menu { display: block; }
#mMenu { width: auto; margin: 0; background: #3e454c; left: 0; right: 0; }
#main-menu { width: 300px; list-style: none; position: absolute; top: 40px; left: -320px; }
#main-menu li { width: 300px; height: 40px; display: block; float: none; background: #3e454c; border-top: 1px solid #434a52; border-bottom: 1px solid #272b31; position: relative; }
#main-menu li a { height: 40px; display: block; background: #3e454c; color: #fff; font-size: 12px; font-weight: 600; line-height: 40px; padding: 0 15px; text-align: center; text-transform: uppercase; letter-spacing: .5px; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#main-menu li a.mm-flag-en { background: #3e454c url('../images/assets/flags/en.png') no-repeat 10px center / 20px 13px; padding: 0px;  }
#main-menu li:first-child { border-top: 1px solid #3e454c; }
#main-menu li:last-child { border-bottom: 1px solid #3e454c; }
#main-menu li:hover a,
#main-menu li a:hover { background-color: #2d3237; color: #fff; }
#main-menu li a.sel { background-color: #f06b1c; color: #fff; }
#main-menu li:hover { border-top: 1px solid #2d3237; border-bottom: 1px solid #2d3237; }
#main-menu li.sel { border-top: 1px solid #f06b1c !important; border-bottom: 1px solid #740 !important; }
#main-menu li.sel:first-child { border-top: 1px solid #f06b1c !important; }
#main-menu li.sel:last-child { border-bottom: 1px solid #f06b1c !important; }
#main-menu a { text-decoration: none; font-size: 14px; color: #fff; line-height: 40px; }
#main-menu li#hp-ico { width: 300px; height: 40px; display: block; float: none; background: #3e454c; border-top: 1px solid #434a52; border-bottom: 1px solid #272b31; position: relative; }
#main-menu li#hp-ico:hover { background: #3e454c; }
#main-menu li#hp-ico a { width: 300px; background-image: none; color: #fff; font-size: 12px; font-weight: 600; }
#main-menu li#hp-ico a { background-image: none; width: 300px; height: 40px; display: block; background: #3e454c; color: #fff; font-size: 12px; font-weight: 600; line-height: 40px; }
#main-menu li#hp-ico a:hover { background-image: none; background: #2d3237; color: #fff; }
#main-menu li#hp-ico a.sel { background-image: none; background: #f06b1c; color: #fff; }
#main-menu li#hp-ico a span { display: block; color: #fff; }
}


#main-page { width: 100%; max-width: 1060px; padding: 0 10px 20px; margin: 0 auto; display: block; position: relative; background: #fff; }
#main-page:after { content: ""; display: table; clear: both; }
/* xs */ @media (max-width: 767px) {
#main-page { overflow: hidden; }
}


h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; color: #111; }
.content h1 { font-size: 24px; padding: 20px 15px 20px 1px; font-weight: 400; color: #f06b1c; }
.content h1.article-title { font-size: 36px /*27*/; line-height: 42px; margin-top: 5px; padding: 0px 15px 15px 15px; font-weight: 600; border-top: 0px solid #f06b1c; }
.content h1.rvrz { font-size: 20px; line-height: 42px; margin: 0px 0 0; padding: 0 15px; color: #fff; background-color: #f06b1c; text-transform: uppercase; }
h1 span { color: #111; }
h2, h3, h4, h5, h6 { padding: 15px 15px 0; margin: 0px; }

h2.hp-section-title { font-size: 22px; padding: 15px 0 0; font-weight: 400; color: #f06b1c; text-transform: uppercase; }

hr { height: 1px; color: #ddd; background: #ddd; margin: 0 5px; }

#srch-result-count { padding: 0 0 5px 16px; margin-top: 10px; font-size: 11px; color: #666; text-align: left;font-weight: 400; }

.sekce-title { display: block; height: 0; border-top: 1px solid #eee; position: relative; margin: 30px 0 15px; }
.sekce-title span { position: absolute; left: 0; background: #fefefe; padding: 0 20px 0 0; display: block; top: -10px; font-size: 11px !important; color: #666 !important; font-weight: 400 !important; text-transform: uppercase !important; }
#next-clk-title { font-size: 20px; margin-top: 20px; padding: 16px 15px 0px 1px; font-weight: 600; color: #f06b1c; }


#page-content { width: 100%; min-height: 400px; display: block; background: #fff; color: #333; }
.content { position: relative; }
.side-column { width: 300px !important; position: relative; }
.side-column.column-down { width: 480px !important; position: relative; }
.content.on-left { padding-right: 10px; }
.content.on-right { padding-left: 10px; }
.sep-strip { overflow: hidden; width: 100%; }
.sep-strip .content { padding-top: 35px; }

/* --- top --- */

#top { width: 100%; height: 120px; border-bottom: 0px solid #f06b1c; }
.pnl-logo { width: 285px; height: 58px; display: block; position: absolute; top: 29px; left: 10px; }
#logo { width: 285px; height: 58px; display: block; background: url('../images/logo.png') no-repeat left top / 285px 58px; }
#logo a { width: 285px; height: 58px; display: block; }
#logo a span { display: none; }

/* xs */ @media (max-width: 767px) {
#top { height: 110px; }
.pnl-logo { top: 22px; }
.pnl-logo, #logo, #logo a { width: 335px; height: 68px; }
#logo { background-size: 335px 68px; }
}

/* --- user area --- */

.menu-usr-ic { height: 40px; display: block; position: absolute; top: 0px; right: 50px; cursor: pointer; border-radius: 0; /*font-size: 0px; line-height: 0px;*/ }
.menu-usr-ic .menu-usr-icon { display: block; float: right; width: 50px; height: 40px; background: url('../images/assets/usr-icon-w.png') no-repeat center center / 24px 24px; /*position: relative; top: 0;*/ }
.menu-usr-ic .menu-usr-icon span { display: none; }
.menu-usr-ic.ic-lgin .menu-usr-icon { background: url('../images/assets/usr-icon-g.png') no-repeat center center / 24px 24px; }
.menu-usr-ic.active { background: #fafafa; }
.menu-usr-ic.active .menu-usr-icon { background: url('../images/assets/usr-icon.png') no-repeat center center / 24px 24px; }
.menu-usr-ic .menu-usr-name { display: block; float: left; padding-left: 13px; height: 40px; line-height: 40px; font-size: 15px; font-weight: 400; color: #cf0; /*padding: 0; margin: 0; position: relative; top: 0;*/ }
.menu-usr-ic.active .menu-usr-name { color: #222; }

.user-area { width: 100%; /*height: 200px;*/ display: none; position: absolute; top: 40px; left: 0; right: 0; background: #fafafa /*#69727c #f06b1c*/; border: 1px solid #ccc; border-top: 0 none; border-radius: 0 0 3px 3px; }
.user-area.fb-login-only { width: 66%; left: auto; }

.login-frm { padding: 40px 30px; }
.login-frm:after { content: ""; display: table; clear: both; }
.login-frm h2 { padding: 0 0 20px; margin: 0; font-size: 17px; font-weight: 600; }
.login-frm h3.logged-usr-name { padding: 0; margin: 0; font-size: 35px; font-weight: 300; }
.login-frm .mfPol { padding: 5px; }
.login-frm .mfPol.btn-only { padding: 28px 5px 5px; text-align: right; }
.login-frm .mfPol .popisek { font-size: 12px; padding-bottom: 5px; }
.login-frm .mfPol input { width: 100%; }
.login-frm a { font-size: 13px; font-weight: 300; color: #333; text-decoration: none; }
.login-frm a:hover { color: #f06b1c; }
.login-frm a.btn { font-size: 13px; font-weight: 400; color: #fff; text-decoration: none; }
.login-frm a.btn:hover { color: #fff; }

.fb-login-form { text-align: center; }
.fb-login-form h2 { text-align: left; }
.fb-login-button { margin-top: 20px; }

.sep-login-form { display: flex; justify-content: center; align-items: center; margin: -15px 0; background: url('../images/assets/sep-vertical.gif') repeat-y top center; }
.sep-login-form span { font-size: 15px; font-weight: 300; display: inline-block; padding: 10px 0; background: #fafafa; }

.btn-logoff { display: inline-block; }

/* xs */ @media (max-width: 767px) {
.menu-usr-name { font-size: 12px; }
.user-area.fb-login-only { width: 100%; left: 0; }
.login-frm { padding: 20px 30px; }
.sep-login-form { display: flex; justify-content: center; align-items: center; margin: 0; background: url('../images/assets/sep-horizontal.gif') repeat-x center left; height: 50px !important; }
.sep-login-form span { font-size: 15px; font-weight: 300; display: inline-block; padding: 0 20px; background: #fafafa; }
.fb-login-button { margin-top: 0px; }
.login-frm h3.logged-usr-name { font-size: 25px; font-weight: 300; }
.login-frm .logged-usr,
.login-frm .mfPol.btn-only.btn-logoff-cont { text-align: center; }
}

/* --- search --- */

.menu-srch-ic { width: 50px; height: 40px; display: block; background: url('../images/assets/srch-icon-w.png') no-repeat center center / 24px 24px; position: absolute; top: 0px; right: 0px; cursor: pointer; border-radius: 0; }
.menu-srch-ic span { display: none; }
.menu-srch-ic.active { background: #2f547e url('../images/assets/srch-icon-w.png') no-repeat center center / 24px 24px; }
.srch-cont { width: 100%; height: 90px; display: none; position: absolute; top: 40px; left: 0; right: 0; background: #2f547e /*#69727c #f06b1c*/; border-radius: 0 0 3px 3px; }

.gcse-srch-frm, .gcse-srch-frm * { box-sizing: initial !important; font-family: 'Open Sans', Arial, Helvetica, sans-serif; box-shadow: none !important; }
.gcse-srch-frm { height: 50px; display: block; top: 20px; left: 10px; right: 5px ; position: absolute; z-index: 11; }

.gcse-srch-frm td.gsc-input { padding-top: 0 !important; padding-bottom: 0 !important; }
.gcse-srch-frm .gsc-input-box { height: 46px !important; line-height: 46px !important; margin-top: -1px; border-radius: 3px; }
.gcse-srch-frm .gsc-search-box td { padding: 0 5px !important; margin: 0 !important; }
.gcse-srch-frm input.gsc-input { height: 42px; line-height: 42px; padding: 0 5px !important; margin: 1px 0 0 !important; font-size: 13px !important; }

div.gs-webResult.gs-result a.gs-title { color: #4bf !important; }
div.gs-webResult.gs-result a.gs-title b { color: #3e454c !important; font-weight: normal !important; }
div.gs-webResult.gs-result .gs-visibleUrl-long { color: #636d76 !important; }
div.gsc-results.gsc-webResult .gsc-cursor-page { color: #fff !important; background: #111 !important; width: 30px !important; height: 30px !important; display: inline-block; text-decoration: none !important; font-size: 12px !important; line-height: 30px !important; text-align: center !important; transition: all 0.2s; }
div.gsc-results.gsc-webResult .gsc-cursor-page.gsc-cursor-current-page { background: #4bf !important; /* #e64418 */ }
div.gsc-results.gsc-webResult .gsc-cursor-box { margin-top: 40px; }
.gsc-search-button.gsc-search-button-v2 { display: none; background: #4bf !important; border: 1px solid #4bf !important; padding-left: 15px; padding-right: 15px; }
table.gsc-branding,
div.gcsc-branding { display: none; }

/* xs */ @media (max-width: 767px) {
.srch-cont { width: 100%; height: 90px; display: none; }
.gcse-srch-frm { top: 15px; }
.txt-srch { width: 100%; -webkit-appearance: none !important; }
}


.newsletter-frm { width: 300px; padding: 5px 20px 25px; border: 1px solid #ddd; background-color: #fff; position: relative; }
.newsletter-frm .nl-title { padding: 10px 0 10px 8px; position: relative; font-size: 13px; }
.newsletter-frm .nl-title:before { content: ''; width: 16px; height: 16px; display: block; background: url('../images/icons/i16color/bulb.png') no-repeat left top; position: absolute; left: -13px; top: 10px; }
.newsletter-frm .divider { height: 0; border-top: 1px solid #e5e5e5; position: relative; margin: 30px 0 15px 5px; }
.newsletter-frm .popisek { display: block; padding: 0 0 5px 10px; font-size: 13px; color: #222; text-align: left; font-weight: 300; }
.newsletter-frm .popisek .rq { color: #a00; }
.newsletter-frm input[type=text],
.newsletter-frm input[type=text]:hover { font-size: 16px; color: #111; width: 100%; height: 36px; display: block; line-height: 36px; font-weight: 300; padding: 0 10px; border: 1px solid #ddd; background-color: #fcfcfc; font-family: 'Open Sans', Arial, Helvetica, sans-serif; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; outline: 0; }
.newsletter-frm input[type=text]:focus { border-color: #f06b1c; box-shadow: 0 0 3px rgba(240,107,28,.6); }
.newsletter-frm .mfPol { padding: 5px 0 5px 0; position: relative; }
.newsletter-frm .mfPol .errToolTip { display: inline-block; background: #b00; padding: 5px 10px 5px 10px; color: #fff; font-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 11px; font-weight: bold; position: absolute; top: 5px; left: 0px; }
.newsletter-frm .mfPol .errToolTip:after { width: 9px; height: 5px; content: " "; after: " "; position: absolute; bottom: -5px; left: 15px; background: url('../images/assets/errToolTipArrow.png') no-repeat center top; }
.newsletter-frm .btn-nl-save { width: 100%; height: 36px; margin-top: 5px; background: #222; color: #fff; text-transform: uppercase; }
.newsletter-frm .btn-nl-save:hover { background: #f06b1c; color: #fff; }

.row { overflow: hidden; }
.content .article { border: 1px solid #e5e5e5; position: relative; }
.content .article a { transition: all 0.1s linear; }
.content .article.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 182px; right: 12px; }
.content .article.archived.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 12px; right: 12px; }

.content .article h2 { font-size: 15px; padding: 10px 15px 0; font-weight: 400; line-height: 22px; }
.content .article h2 a { text-decoration: none; color: #111; }
.content .article:hover h2 a,
.content .article h2 a:hover { text-decoration: underline; color: #f06b1c; }
.content .article p { font-size: 13px; padding: 5px 15px 5px; font-weight: 300; line-height: 18px; text-align: justify; cursor: pointer; color: #333; margin: 0; }

.content .article a.more { display: block; text-decoration: none; color: #fff; background-color: #111; font-size: 11px; font-weight: 600; position: absolute; bottom: 52px; right: 15px; left: 15px; text-align: center; padding: 5px 0px; }
.content .article a.more:hover,
.content .article:hover a.more { color: #fff; background-color: #4ac; }

/* xs */ @media (max-width: 767px) {
.content .article { margin: 15px 0 !important; padding: 0 0 45px !important; }
.content .article h2 { font-size: 21px !important; line-height: 25px !important; font-weight: 400 !important; min-height: unset !important; }
.content .article p { font-size: 15px; line-height: 22px; color: #333; min-height: unset; }
}
.content .article .tools { width: 100%; height: 37px; display: block; padding-left: 15px; border-top: 1px solid #e5e5e5; position: absolute; left: 0; bottom: 0; line-height: 37px; font-size: 11px; color: #999; }
.content .article .tools span { font-size: 11px; display: inline-block; padding: 0 5px; font-weight: 600; }
.content .article .tools .sekce { font-size: 10px; font-weight: 600; color: #111; text-transform: uppercase; }
.content .article .tools .sekce { color: #333; text-decoration: none; }
.content .article .tools .sekce:hover { color: #f06b1c; }
.content .article .tools .socnet-iconz { position: absolute; top: 0; right: 0; }
.content .article .tools .socnet-iconz a { width: 36px; height: 36px; display: block; float: left; margin: 0; text-align: center; line-height: 36px; border-left: 1px solid #e5e5e5 }
.content .article .tools .socnet-iconz a { color: #bbb; font-size: 15px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; }
.content .article .tools .socnet-iconz a span { display: none; }
.content .article .tools .socnet-iconz a.icon-facebook { color: #48e; }
.content .article .tools .socnet-iconz a.icon-twitter { color: #1dc6ff; }
.content .article .tools .socnet-iconz a.icon-googleplus { color: #b00; }
.content .article .tools .socnet-iconz a.icon-facebook:hover { background-color: #48e; color: #fff; }
.content .article .tools .socnet-iconz a.icon-twitter:hover { background-color: #1dc6ff; color: #fff; }
.content .article .tools .socnet-iconz a.icon-googleplus:hover { background-color: #b00; color: #fff; }

.content .article .regreq { display: block; text-decoration: none; color: #888; background-color: #ddd; font-size: 11px; font-weight: 600; text-align: center; padding: 5px 0px; margin: 10px 15px; transition: all 0.2s linear; cursor: pointer; }
.content .article .regreq:hover,
.content .article:hover .regreq { color: #fff; background-color: #e64418; }

.content .article.main-clk { margin: 20px 0; padding-bottom: 45px; }
.content .article.main-clk:first-child { margin-top: 0px; }
.content .article.main-clk.archived { min-height: 200px; }
.content .article.main-clk .clk-image { margin: -1px -1px 0; position: relative; }
.content .article.main-clk .clk-image a { position: relative; }
.content .article.main-clk .clk-image .clk-with-video { display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4) url('../images/assets/play-video.png') no-repeat center center / 82px 82px; cursor: pointer; }
.content .article.main-clk .clk-image .clk-with-video { transition: all .3s; opacity: .6; filter: alpha(opacity=60); position: absolute; left: 0; top: 0; z-index: 10; }
.content .article.main-clk:hover .clk-image .clk-with-video { opacity: 1; filter: alpha(opacity=100); }
.content .article.main-clk h2 { font-size: 22px; line-height: 32px; font-weight: 600; }
.content .article.main-clk h2 a { text-decoration: none; color: #f06b1c; }
.content .article.main-clk:hover h2 a,
.content .article.main-clk h2 a:hover { text-decoration: underline; color: #111; }
.content .article.main-clk p { font-size: 15px; line-height: 22px; color: #333; }
.content .article.main-clk .tools { width: 100%; }
.content .article.main-clk.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 467px; right: 12px; }
.content .article.main-clk.archived.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 12px; right: 12px; }
.content .article.main-clk .btn-clk-edit { position: relative; top: -1px; margin-left: 10px; display: none; transition: all .3s; }
.content .article.main-clk:hover .btn-clk-edit { display: inline-block; }

.content .vertical-clk { padding: 10px 5px 10px 0; }
.content .vertical-clk:nth-child(2n) { padding: 10px 0 10px 5px; }
.content .vertical-clk .article { width: 100%; margin: 0; padding-bottom: 45px; }
.content .vertical-clk .article h2 { font-size: 16px; display: block; min-height: 54px; }
.content .vertical-clk .article p { min-height: 46px; }
.sep-strip .content .vertical-clk .article p { display: none; }

.content .horizontal-clk { padding: 10px 0; position: relative; }
.content .horizontal-clk:first-child { margin-top: 10px; }
.content .horizontal-clk .article { width: 100%; margin: 0; padding-bottom: 37px; overflow: hidden; }
.content .horizontal-clk .article .clk-image { margin-right: 20px; position: relative; }
.content .horizontal-clk .article .clk-image .clk-with-video { display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4) url('../images/assets/play-video.png') no-repeat center center / 82px 82px; cursor: pointer; }
.content .horizontal-clk .article .clk-image .clk-with-video { transition: all .3s; opacity: .6; filter: alpha(opacity=60); position: absolute; left: 0; top: 0; z-index: 10; }
.content .horizontal-clk:hover .article .clk-image .clk-with-video { opacity: 1; filter: alpha(opacity=100); }
.content .horizontal-clk .article h2 { font-size: 16px; display: block; min-height: unset; }
.content .horizontal-clk .article p { min-height: unset; }
.content .horizontal-clk .article a.regreq { position: relative; display: inline-block; width: 96%; margin: 15px 2% 10px; }
.content .horizontal-clk .article.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 12px; right: 12px; }
.content .horizontal-clk .article.archived.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 12px; right: 12px; }
.content .horizontal-clk .btn-clk-edit { position: relative; top: -1px; margin-left: 10px; display: none; transition: all .3s; }
.content .horizontal-clk:hover .btn-clk-edit { display: inline-block; }


.content .mobile-clk { padding: 10px 0; position: relative; }
.content .mobile-clk:first-child { margin-top: 8px; }
.content .article.mobile-clk { width: 100%; margin: 0; padding-bottom: 10px; overflow: hidden; }
.content .article.mobile-clk .clk-image { margin-right: 20px; position: relative; max-width: 40%; float: left; }
.content .article.mobile-clk .clk-image .clk-with-video { display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4) url('../images/assets/play-video.png') no-repeat center center / 82px 82px; cursor: pointer; }
.content .article.mobile-clk .clk-image .clk-with-video { transition: all .3s; opacity: .6; filter: alpha(opacity=60); position: absolute; left: 0; top: 0; z-index: 10; }
.content .article.mobile-clk:hover .clk-image .clk-with-video { opacity: 1; filter: alpha(opacity=100); }
.content .article.mobile-clk h2 { font-size: 16px; display: block; min-height: unset; }
.content .article.mobile-clk p { min-height: unset; }
.content .article.mobile-clk a.regreq { position: relative; display: inline-block; width: 96%; margin: 15px 2% 10px; }
.content .article.mobile-clk.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 12px; right: 12px; }
.content .article.mobile-clk.archived.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 12px; right: 12px; }
.content .mobile-clk .btn-clk-edit { position: relative; top: -1px; margin-left: 10px; display: none; transition: all .3s; }
.content .mobile-clk:hover .btn-clk-edit { display: inline-block; }

/* xs */ @media (max-width: 767px) {
.content .article.mobile-clk { margin: 8px 0 !important; padding: 0px !important; }
.content .article.mobile-clk h2,
.content .article.mobile-clk h2 a { font-size: 12px; line-height: 15px !important; padding-top: 5px; min-height: unset; }
.content .article.mobile-clk .tools { width: 100%; height: 15px; display: block; padding-left: 5px; margin-top: 5px; border: 0 none; position: relative; left: 0; bottom: 0; right: 0; line-height: 15px; font-size: 10px; color: #999; }
.content .article.mobile-clk .tools span { font-size: 10px; display: inline-block; padding: 0 5px; font-weight: 600; }
.content .article.mobile-clk .tools .sekce { font-size: 10px; font-weight: 600; color: #111; text-transform: uppercase; }
.content .article.mobile-clk .tools .sekce { color: #333; text-decoration: none; }
.content .article.mobile-clk .tools .sekce:hover { color: #f06b1c; }
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.content .article.mobile-clk { margin: 10px 0 !important; padding: 0 0 37px !important; }
}

.content .btn-next-news { height: 40px; line-height: 40px; margin: 20px 0; text-decoration: none; font-size: 16px; font-weight: 600; background: #222; color: #fff; text-align: center; text-transform: uppercase; }
.content .btn-next-news:hover { background: #f06b1c; color: #fff; }
.content p.under-constr-section { margin-top: 10px; font-weight: 300; font-size: 17px; line-height: 25px; padding: 10px 15px 15px; border: 1px solid #3e454c; }


/* --- vlozene souvisejici clanky --- */

#article .related-articles { padding: 0 15px; margin: 15px 0px; border-bottom: 1px solid #ddd; }
#article .related-articles h2 { padding: 0; margin: 0; font-size: 14px; line-height: 22px; font-weight: 600; border-bottom: 1px solid #ddd; }
#article .related-article-cont { padding: 10px 15px 10px 0; margin: 0; }
#article .related-article-cont:last-child { padding-right: 0; }
#article .related-article { cursor: pointer; padding: 0; margin: 0; height: 68px; overflow-y: hidden; }
#article .related-article .related-article-image { display: block; width: 78px; background: #fff; padding: 0; margin: 0; position: relative; float: left; }
#article .related-article .related-article-image img { border: 1px solid #f8f8f8; width: 66px; }
#article .related-article h3 { color: #222; font-size: 13px !important; padding: 0 !important; margin: 0 !important; font-weight: 600 !important; line-height: 17px; text-align: left; }
#article .related-article h3 a { color: #222 !important; text-decoration: none !important; }
#article .related-article h3 a:hover,
#article .related-article:hover h3 a { color: #f06b1c !important; }

#article .related-article.ra-alone { height: auto; max-height: 175px; }
#article .related-article.ra-alone .related-article-image { width: 290px; }
#article .related-article.ra-alone .related-article-image img { width: 270px; }
#article .related-article.ra-alone h3 { font-size: 23px !important; font-weight: 400 !important; line-height: 31px; }

/* xs */
@media (max-width: 767px) {
#article .related-article.ra-alone { height: auto; max-height: initial !important; }
#article .related-article.ra-alone .related-article-image { width: 100%; float: none; }
#article .related-article.ra-alone .related-article-image img { width: 100%; height: auto; }
}

/* --- related articles - kam dal --- */

.pnl-main-down .related-cont { padding: 15px 5px 5px; border: 0 none; overflow: hidden; }
.pnl-main-down .related-column { padding: 0 5px; }
.pnl-main-down .related-column .related-item { padding: 5px 0; }
.pnl-main-down .related-article-cont { width: 100%; height: 210px; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; }
.pnl-main-down .related-article-link { width: 100%; height: 210px; display: block; padding: 0; margin: 0; }
.pnl-main-down .related-article-title { position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; }
.pnl-main-down .related-article-title { padding: 10px; margin: 0; background: rgba(0,0,0,.6); color: #eee; font-size: 14px; line-height: 19px; }

.side-column .rsekce { margin-top: 40px; }
.side-column .rsekce:first-child { margin-top: 0px !important; padding-top: 0px !important; }
/*.side-column.flR .rsekce:first-child { margin-top: 0px; }*/
/*.side-column.sd-column.flR .rsekce:first-child { margin-top: 50px; }*/
.side-column .rsekce h2 { font-size: 22px; padding: 0 0 5px 5px; font-weight: 400; color: #f06b1c; text-transform: uppercase; }
.side-column .rsekce h2 a { color: #f06b1c; text-decoration: none; }
.side-column .rsekce h2.rvrz { font-size: 20px; padding: 3px 0 5px 8px; color: #fff; background-color: #f06b1c; border: 1px solid #e5e5e5; border-bottom: 0 none; }
.side-column .rsekce h2.rvrz a { color: #fff; text-decoration: none; }
.side-column .rsekce h2.rvrz.blk { padding: 7px 0 7px 9px; color: #fff; background-color: #3e454c; border: 0 none; margin-top: 20px; }
.side-column .rsekce h2.rvrz.blk a { color: #fff; text-decoration: none; }
/*.side-column.flR .rsekce:first-child h2.rvrz { margin-top: -5px; }*/
.side-column .article { width: 300px; position: relative; overflow: hidden; cursor: pointer; }
.side-column .article.brdr { height: 76px; border: 1px solid #e5e5e5; border-top: 0 none; }
.side-column .article.locked:before { content: ''; width: 16px; height: 16px; position: absolute; background: url('../images/lock-icon-x.png') no-repeat left top; position: absolute; bottom: 10px; right: 90px; }
.side-column .rsekce h2 + .article.brdr ,
.side-column .rsekce .article.brdr .frst { border-top: 1px solid #e5e5e5; }

.content h2.block-title { font-size: 22px; padding: 0 0 5px 5px; font-weight: 400; color: #f06b1c; text-transform: uppercase; }
.content h2.block-title a { color: #f06b1c; text-transform: uppercase; text-decoration: none; }

.side-column .article a { transition: all 0.1s linear; }
.side-column .article .clk-image { display: block; position: relative; width: 80px; height: 80px; overflow: hidden; border-left: 1px solid #e5e5e5; float: right; }
.side-column .article .clk-image img { display: block; position: relative; top: 0; left: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.side-column .article:hover .clk-image img { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
.side-column .article .clk-text { display: block; position: relative; width: 211px; height: 80px; padding-left: 7px; overflow: hidden; float: left; }
.side-column .article h3 { font-size: 13px; padding: 7px 2px 0 0; font-weight: 300; line-height: 18px; }
.side-column .article h3 a { text-decoration: none; color: #111; }
.side-column .article h3 a:hover { text-decoration: underline; color: #f06b1c; }
.side-column .article p { display: inline-block; padding-top: 7px; font-size: 11px; color: #999; }
.side-column .article:hover h3 a { text-decoration: underline; color: #f06b1c; }

.side-column .news-clk { padding: 15px 7px 5px; position: relative; }
.side-column .news-clk .news-dtm { font-size: 11px; font-weight: 600; line-height: 13px; color: #111; padding-left: 18px; background: url('../images/assets/clock.png') no-repeat left center / 13px 13px; }
.side-column .news-clk img { float: left; margin: 10px 10px 3px 0; }
.side-column .news-clk h3 { font-size: 13px; padding: 7px 2px 0 0; font-weight: 300; line-height: 19px; }
.side-column .news-clk .btn-clk-edit { position: absolute; top: 10px; right: 0px; z-index: 10; display: none; transition: all .3s; }
.side-column .news-clk:hover .btn-clk-edit { display: block; }

.side-column .tops-clk { padding: 15px 7px 5px; position: relative; }
.side-column .tops-clk .news-dtm { font-size: 11px; font-weight: 600; line-height: 13px; color: #111; padding-left: 18px; background: url('../images/assets/tops.png') no-repeat left center / 13px 13px; }
.side-column .tops-clk h3 { font-size: 13px; padding: 7px 2px 0 0; font-weight: 300; line-height: 19px; }
.side-column .tops-clk .btn-clk-edit { position: absolute; top: 10px; right: 0px; z-index: 10; display: none; transition: all .3s; }
.side-column .tops-clk:hover .btn-clk-edit { display: block; }

body.with-gate .side-column .article { width: 295px; }
body.with-gate .side-column .article .clkText { width: 206px; }

.side-column .comment a { transition: all 0.1s linear; }
.side-column .comment { width: 300px; border-top: 0 none; position: relative; overflow: hidden; cursor: pointer; padding: 8px 0; }
.side-column .comment:first-child { padding-top: 0; }
.side-column .comment .usr-image { display: block; position: relative; width: 55px; height: 80px; overflow: hidden; float: left; }
.side-column .comment .usr-image img { display: block; position: relative; width: 50px; height: 50px; top: 0; left: 0; border: 1px solid #eee; border-radius: 3px; }
.side-column .comment .clk-text { display: block; position: relative; width: 235px; padding-left: 10px; overflow: hidden; float: left; }
.side-column .comment .autor { font-size: 13px; padding: 0 0 0 0; font-weight: 600; line-height: 16px; color: #111; }
.side-column .comment h3 { font-size: 13px; padding: 7px 2px 0 0; font-weight: 300; line-height: 18px; }
.side-column .comment h3 a { text-decoration: none; color: #111; }
.side-column .comment h3 a:hover { text-decoration: underline; color: #f06b1c; }
.side-column .comment p { display: block; padding-top: 3px; font-size: 10px; color: #777; text-align: right; }
.side-column .comment:hover h3 a { text-decoration: underline; color: #f06b1c; }
.side-column .comment .btn-clk-edit { position: absolute; top: 5px; right: 0px; z-index: 10; display: none; transition: all .3s; }
.side-column .comment:hover .btn-clk-edit { display: block; }

.pnl-main-down .comment a { transition: all 0.1s linear; }
.pnl-main-down .comment { border-top: 0 none; position: relative; overflow: hidden; cursor: pointer; padding: 15px 10px 0 10px; }
.pnl-main-down .comment:first-child { padding-top: 0; }
.pnl-main-down .comment .usr-image { display: block; position: relative; width: 65px; height: 80px; }
.pnl-main-down .comment .usr-image img { display: block; position: relative; width: 50px; height: 50px; top: 0; left: 0; border: 1px solid #eee; border-radius: 3px; }
.pnl-main-down .comment .clk-text { display: block; position: relative; }
.pnl-main-down .comment .autor { font-size: 13px; padding: 0 0 0 0; font-weight: 600; line-height: 16px; color: #111; }
.pnl-main-down .comment h3 { font-size: 13px; padding: 7px 2px 0 0; font-weight: 300; line-height: 18px; }
.pnl-main-down .comment h3 a { text-decoration: none; color: #111; }
.pnl-main-down .comment h3 a:hover { text-decoration: underline; color: #f06b1c; }
.pnl-main-down .comment p { display: block; padding-top: 3px; font-size: 10px; color: #777; text-align: right; }
.pnl-main-down .comment:hover h3 a { text-decoration: underline; color: #f06b1c; }
.pnl-main-down .comment .btn-clk-edit { position: absolute; top: 5px; right: 0px; z-index: 10; display: none; transition: all .3s; }
.pnl-main-down .comment:hover .btn-clk-edit { display: block; }

#article { width: 100%; margin-top: 0; border: 1px solid #e5e5e5; margin-right: 13px; margin-top: 0px; position: relative; }
#article.txt { padding: 10px 4px 20px; position: relative; }
#article.autorPlace { padding: 5px 0 10px; min-height: 20px; overflow: hidden; }
#article.autorPlace img.autorAvatar { float: left; margin: 5px 20px 5px 10px; border: 1px solid #eee; }
#article p img { max-width: 698px; height: auto; }
#article .clk-image { display: block; position: relative; border-bottom: 1px solid #e5e5e5; }
#article .clk-image img { max-width: 728px; width: 728px; }
#article .clk-image .img-info { position: absolute; bottom: 0; right: 0; line-height: 20px; padding: 0 10px; font-size: 11px; font-style: italic; color: #111; background: rgba(255,255,255,.7); -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }
#article .clk-image .img-info span { color: #555; }
#article .clk-image .img-info span.sep { display: inline-block; padding: 0 5px; color: #555; }
#article a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
#article a { color: #f06b1c; text-decoration: none; }
#article a:hover { text-decoration: underline; }
#article .sekce { display: block; padding: 10px 0 0 15px; font-size: 10px; font-weight: 600; color: #333; text-transform: uppercase; }
#article .sekce a { color: #333; text-decoration: none; }
#article .sekce a:hover { color: #f06b1c; }
#article p { font-size: 15px; line-height: 22px; padding: 5px 15px 15px; font-weight: 300; text-align: justify; color: #222; }
#article p.clk-perex { padding: 30px 15px 15px; font-weight: 400; text-align: justify; color: #000; }
#article p.bq { margin: 10px 0px 10px 20px; padding: 5px 10px 5px 20px; border-left: 1px solid #f06b1c; font-style: italic; color: #444; }
#article p.bqn { margin: 10px 0px 10px 20px; padding: 5px 10px 5px 20px; border-left: 1px solid #f06b1c; font-style: normal; color: #444; }
#article .autorCLK { display: block; padding-left: 15px; font-size: 12px; color: #444; }
#article ul { list-style-image: url('../images/odrazka.gif'); margin: 5px 5px 5px 20px; padding: 0 5px 0 10px; }
#article ul li { color: #222; padding: 5px; font-size: 15px; line-height: 22px; font-weight: 300;  }
#article .tools { width: 100%; height: 36px; display: block; padding-left: 15px; border-top: 0px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; line-height: 36px; font-size: 11px; color: #666; position: relative; }
#article .tools.after-text { border-top: 1px solid #e5e5e5; border-bottom: 0 none; margin-top: 20px; }
#article .tools.lck { padding-left: 45px; background: url('../images/lock-icon.png') no-repeat 15px 9px; }
#article .mini-info-item#type-of-clk { display: inline-block; float: right; margin-right: 125px; }
#article .tools .socnet-iconz { position: absolute; top: 0; right: 0; }
#article .tools .socnet-iconz a { width: 36px; height: 35px; display: block; float: left; margin: 0; text-align: center; line-height: 35px; border-left: 1px solid #e5e5e5 }
#article .tools .socnet-iconz a { color: #bbb; font-size: 15px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; }
#article .tools .socnet-iconz a span { display: none; }
#article .tools .socnet-iconz a.icon-facebook { color: #48e; }
#article .tools .socnet-iconz a.icon-twitter { color: #1dc6ff; }
#article .tools .socnet-iconz a.icon-googleplus { color: #b00; }
#article .tools .socnet-iconz a.icon-facebook:hover { background-color: #48e; color: #fff; }
#article .tools .socnet-iconz a.icon-twitter:hover { background-color: #1dc6ff; color: #fff; }
#article .tools .socnet-iconz a.icon-googleplus:hover { background-color: #b00; color: #fff; }

#article .img-in-clk { position: relative; display: inline-block; }
#article .img-in-clk .img-info { position: absolute; bottom: 0; right: 0; line-height: 20px; padding: 0 10px; font-size: 11px; font-style: italic; color: #111; background: rgba(255,255,255,.7); -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }
#article .img-in-clk .img-info span { color: #555; } 
#article .img-in-clk .img-info span.sep { display: inline-block; padding: 0 5px; color: #555; }

#article .twitter-tweet { display: inline-block; margin: 0 auto; position: relative; }

/* --- fix video in article --- */
/* xs */ @media (max-width: 767px) {
.content #article .vid-resp { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.content #article .vid-resp iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
}
/* sm */@media (min-width: 768px) and (max-width: 991px) {
.content #article .vid-resp { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.content #article .vid-resp iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
}
/* --- / fix video in article --- */

#article.txt a.btn-clk-edit { position: absolute; bottom: 10px; left: 10px; z-index: 10; display: none; transition: all .3s; color: #fff !important; }
#article.txt a.btn-clk-edit:hover { text-decoration: none; }
#article.txt:hover .btn-clk-edit { display: inline-block; }

#clkLockedForm { width: 90%; display: block; background-color: #f6f6f6; border: 1px solid #ddd; margin: 30px auto; padding: 20px 0; text-align: center;  }
#clkLockedForm p { font-size: 15px; line-height: 22px; padding: 0px 15px 30px; font-weight: 300; text-align: center; }
#clkLockedForm a#clkPredplatitel { display: inline-block; height: 38px; padding: 0 15px; margin: 0 5px; background-color: #111; text-decoration: none; text-transform: uppercase; color: #fff; line-height: 38px; font-size: 11px; font-weight: 600; font-family: 'Open Sans', Arial, Helvetica, sans-serif; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#clkLockedForm a#clkPredplatitel:hover { background-color: #e64418; }
#clkLockedForm a#clkPredplatitel i { display: inline-block; float: left; line-height: 36px; padding: 0 10px 0 0; font-size: 14px; }
#clkLockedForm a#clkRegistrace { display: inline-block; height: 38px; padding: 0 15px; margin: 0 5px; background-color: #111; text-decoration: none; text-transform: uppercase; color: #fff; line-height: 38px; font-size: 11px; font-weight: 600; font-family: 'Open Sans', Arial, Helvetica, sans-serif; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#clkLockedForm a#clkRegistrace:hover { background-color: #e64418; }
#clkLockedForm a#clkRegistrace i { display: inline-block; float: left; line-height: 36px; padding: 0 10px 0 0; font-size: 14px; }

#dsk-link-place { overflow: hidden; padding: 0 15px; }
#dsk-link { float: right; height: 24px; line-height: 24px; font-size: 14px; font-weight: 400; padding-left: 24px; margin-top: 20px; color: #f06b1c; cursor: pointer; background: url('../images/icons/i16color/chats.png') no-repeat left center; }
#dsk-link:hover { color: #000; }

#clk-diskuse { margin-top: 20px; }
#clk-diskuse a { transition: all 0.2s linear; color: #f06b1c; text-decoration: none;  }
#clk-diskuse a:hover { text-decoration: underline; }
#clk-diskuse p { font-size: 15px; line-height: 22px; padding: 5px 15px 15px; font-weight: 300; text-align: justify; color: #333; }

.kontaktPol { float: left; width: 400px; padding: 20px 0; }

#kws-tags-title { display: none; }
#kws-tags { margin-top: 10px; padding: 0px 15px 10px 0px; position: relative; }
#kws-tags a.kws-tag { display: inline-block; padding: 5px 15px; margin: 0 3px 10px 3px; font-size: 12px; text-align: center; vertical-align: middle; background-color: #222; text-decoration: none; color: #fff; }
#kws-tags a.kws-tag:hover { background-color: #e64418; }
#kws-tags a span { display: none; }

.galerie { padding: 0 0 20px 20px; border-top: 0px solid #ddd; position: relative; overflow: auto; }
.galerie .gal-pol-img { width: 102px; height: 72px; display: block; overflow: hidden; background: #fcfcfc url('../images/assets/p16-circle1.png') no-repeat center center; border: 1px solid #eee; float: left; margin: 5px 5px 10px 5px; position: relative; /*text-align: center;*/ }
.galerie .gal-pol-img.sq { width: 72px; height: 72px; }

/* theme end */

#about-us { width: 100%; display: block; font-size: 12px; font-weight: 400; color: #666; background-color: #fefefe; border-top: 1px solid #dbdbdb; padding: 30px 0; }
#about-us p { font-size: 13px; font-weight: 300; line-height: 24px; text-align: justify; padding: 0 10px;  }

#footer { width: 100%; display: block; font-size: 12px; font-weight: 400; color: #ccc; background-color: #2e3338; padding: 40px 0; position: relative; }

#copyright { min-height: 24px; font-size: 12px; line-height: 24px; color: #aaa; letter-spacing: .4px; position: relative; padding-left: 10px; }
#copyright span,
#copyright a { color: #eee; text-decoration: none; }
#copyright a:hover { text-decoration: underline; }

#footer-menu { min-height: 24px; line-height: 24px; display: block; text-align: center; font-size: 14px; font-weight: 400; color: #666; float: right; text-align: right; padding-right: 4px; }
#footer-menu a { text-decoration: none; color: #aaa; display: inline-block; padding: 0 6px; text-transform: uppercase; font-size: 11px; letter-spacing: .2px; }
#footer-menu a:hover { color: #fff; }

#owner a { color: #eee; text-decoration: underline; }

#socnet-bottom { display: inline-block; position: relative; margin-left: 15px; top: 4px; }
#socnet-bottom a { width: 17px; height: 17px; display: inline-block; margin: 0 4px; line-height: 17px; border-radius: 9px; box-shadow: inset 0 0 0 1px rgba(46,51,56,1); /*#2e3338*/  }
#socnet-bottom a span { display: none; }
#socnet-bottom a.socnet-link { color: #777; font-size: 17px; font-style: normal; font-weight: normal; text-decoration: none; transition: all 0.2s linear; }
#socnet-bottom a.socnet-link.icon-facebook3:hover { color: #48e; background-color: #fff; }
#socnet-bottom a.socnet-link.icon-twitter3:hover { color: #1dc6ff; background-color: #fff; }
#socnet-bottom a.socnet-link.icon-googleplus3:hover { color: #c00; background-color: #fff; }
#socnet-bottom a.socnet-link.icon-feed3:hover { color: #fa0; background-color: #fff; }


.l-rotator { font-family: Arial,Helvetica,sans-serif; font-size: 12px; background-color: #fff; border: 1px solid #cfcfcf; position: relative; width: 840px; height: 524px !important; overflow: hidden; }
.l-rotator a { outline: none; }
.l-rotator .screen { position: relative; top: 0 !important; left: 0 !important; width: 840px !important; height: 525px !important; overflow: hidden; }
.l-rotator .main-img { display: none; position: absolute; top: 0 !important; left: 0 !important; z-index: 0; border: 0; }
.l-rotator .textbox { position: absolute; color: #FFF; z-index: 4; overflow: hidden; visibility: hidden; }
.l-rotator .inner-bg { position: relative; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; -moz-opacity: .70; filter: alpha(opacity=70); opacity: .7; z-index: 0; display: none; }
.l-rotator .inner-text { position: absolute; top: 0; left: 0; padding: 10px; width: auto; height: auto; z-index: 1; display: none; }
.l-rotator .timer { position: absolute; top: 0; left: 270px; height: 3px; background-color: #f06b1c; opacity: 1; filter: alpha(opacity=100); z-index: 5; visibility: hidden; font-size: 0; }
.l-rotator .cpanel { position: absolute; margin: 5px; z-index: 6; visibility: hidden; background: #000; background: rgba(0,0,0,.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); }
.l-rotator .play-btn { position: relative; float: left; width: 22px; height: 22px; background: url(assets/rotator_icons.png) -5px center no-repeat; cursor: pointer; z-index: 1; display: none !important; }
.l-rotator .play-btn.pause { background-position: -21px center; }
.l-rotator .num-info { position: relative; float: left; height: 22px; line-height: 22px; padding: 0 4px; text-align: center; color: #FFF; z-index: 1; }
.l-rotator .preloader { position: absolute; top: 50%; left: 50%; width: 34px; height: 34px; margin-top: -17px; margin-left: -17px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #000 url(assets/loader.gif) no-repeat center; background: rgba(0,0,0,.7) url(assets/loader.gif) center no-repeat; z-index: 7; }
.l-rotator .thumbnails { position: absolute; top: 0; left: 0; width: 250px; height: 300px; z-index: 10; } /*overflow: hidden;*/
.l-rotator .thumbnails ul { list-style: none; position: absolute; top: 0; left: 0; height: 999999px; margin: 0; padding: 0; }
.l-rotator .thumbnails li { position: relative; display: block; float: left; clear: both; }
.l-rotator .thumbnails li a { display: none; }
.l-rotator .thumbnails li div { position: relative; display: none; color: #FFF; background-color: #000; }
.l-rotator #right-arrow,
.l-rotator #left-arrow { position: relative; display: block; float: left; width: 12px; }
.l-rotator #right-arrow { background: url(assets/rotator_icons.png) -43px center no-repeat; }
.l-rotator #left-arrow { background: url(assets/rotator_icons.png) 7px center no-repeat; }
.l-rotator .thumbnails .thumb { position: relative; display: block; float: left; cursor: pointer; width: 240px; padding: 12px 10px 5px 5px; color: #333; font-size: 14px; opacity: .95; filter: alpha(opacity=95); background: #eee; background: -moz-linear-gradient(top, #FFF, #EEE); background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EEEEEE'); border-color: #CCC; border-style: solid; border-width: 0 0 1px 0; } /*overflow: hidden;*/
.l-rotator .thumb img { display: block; float: left; padding-right: 10px; }
.l-rotator .thumb p { position: relative; display: block; overflow: hidden; margin: 0; }
.l-rotator .thumbnails li.selected { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.l-rotator .thumbnails li.square { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.l-rotator .thumbnails li.selected,
.l-rotator .thumbnails li.selected .thumb { background: #f06b1c !important; }
.l-rotator .thumbnails li.selected .thumb { color: #FFF; border-left: none; border-right: none; border-bottom: 1px solid #f06b1c; cursor: default; opacity: 1; filter: alpha(opacity=100); }
.l-rotator .thumbnails li.selected .thumb:before { content: ''; width: 27px; height: 105px; display: block; background: url('../images/thumb-arrow.png') no-repeat left top; position: absolute; top: 0; right: -27px; }
.l-rotator .thumbnails li:hover .thumb { background: #DDD; }
.l-rotator .scrollbar { position: relative; width: 4px; height: 100%; overflow: hidden; visibility: hidden; }
.l-rotator .knob { position: absolute; top: 0; left: 0; width: 4px; background-color: #333; -moz-opacity: .75; filter: alpha(opacity=75); opacity: .75; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.l-rotator .btn-pane { position: absolute; top: 0; left: 0; width: 100%; height: 24px; background: url(assets/spacer.png) no-repeat; z-index: 2; visibility: hidden; }
.l-rotator .up-btn,
.l-rotator .down-btn { position: absolute; top: 0; left: 50%; width: 60px; height: 24px; margin-left: -30px; background: #DDD url(assets/rotator_icons.png) no-repeat; background: rgba(221,221,221,0.7) url(assets/rotator_icons.png) no-repeat; }
.l-rotator .up-btn { -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-position: center 7px; }
.l-rotator .down-btn { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-position: center -27px; }
.l-rotator .block,
.l-rotator .vpiece,
.l-rotator .hpiece { position: absolute; z-index: 2; }
.l-rotator .strip { display: block; position: absolute; top: 0; left: 0; z-index: 0; overflow: hidden; }
.l-rotator .content-box { display: none; position: absolute; top: 0; left: 0; overflow: hidden; }

#reg-form { width: 100%; min-height: 50px; padding: 15px 15px 20px; border: 1px solid #e5e5e5; position: relative; background-color: #fff; }
#reg-form .pols { overflow: hidden; display: block; padding-top: 0px; }
#reg-form .pols .pol-1-2 { float: left; width: 380px; margin-left: 40px; }
#reg-form .pols .pol-1-3 { float: left; width: 150px; margin-left: 50px; }
#reg-form .pols .pol-1-2:first-child,
#reg-form .pols .pol-1-3:first-child  { margin-left: 10px; }
#reg-form .divider { height: 0; border-top: 1px solid #e5e5e5; position: relative; margin: 30px 0 15px 5px; }
#reg-form .divider:first-child  { margin-top: 15px; }
#reg-form .divider > span { position: absolute; left: 0; background: #fefefe; padding: 0 20px 0 0; display: block; top: -10px; font-size: 11px !important; color: #666 !important; font-weight: 400 !important; text-transform: uppercase !important; }
#reg-form .popisek { display: block; padding: 0 0 5px 10px; font-size: 15px; color: #444; text-align: left; font-weight: 300; }
#reg-form .popisek .rq { color: #a00; }
#reg-form .popisek .pozn { font-size: 12px; }
#reg-form select { width: 350px !important; }
#reg-form input[type=text].rfInput,
#reg-form input[type=password].rfInput,
#reg-form input[type=text].rfInput:hover,
#reg-form input[type=password].rfInput:hover { font-size: 18px; color: #111; width: 97%; height: 48px; display: block; line-height: 40px; font-weight: 300; padding: 0 15px; border: 1px solid #ddd; background-color: #fcfcfc; font-family: 'Open Sans', Arial, Helvetica, sans-serif; transition: border linear 0.2s, box-shadow linear 0.2s; outline: 0; }
#reg-form input[type=text].rfInput:focus,
#reg-form input[type=password].rfInput:focus { border-color: #f06b1c; box-shadow: 0 0 3px rgba(240,107,28,.6); }
#reg-form .ffPol { padding: 15px 0 10px 0; position: relative; }
#reg-form .ffPol .errToolTip { display: inline-block; background: #b00; padding: 5px 10px 5px 10px; color: #fff; font-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 11px; font-weight: bold; position: absolute; top: 10px; left: 0px; }
#reg-form .ffPol .errSouhlas { top: 0px; left: 45px; }
#reg-form .ffPol .errCaptcha { top: 0px; }
#reg-form .ffPol .errToolTip:after { width: 9px; height: 5px; content: " "; after: " "; position: absolute; bottom: -5px; left: 15px; background: url('../images/assets/errToolTipArrow.png') no-repeat center top; }
#reg-form .recaptcha { padding-top: 25px; text-align: center; }

#passwdout { width: 100px; border: 1px solid #ddd; padding: 1px; margin-top: 3px; background-color: #f6f6f6; float: left; }
#passwd_lv { height: 8px; width: 0%; overflow: hidden; }
#passwd_lv_txt { float: left; padding: 2px 0px 0px 5px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 11px; }

#reg-btn { padding-top: 40px; text-align: center; }
#reg-btn .btn-registrovat { width: 98%; line-height: 40px; margin: 5px auto; background-color: #222; color: #fff; border: 0 none; text-transform: uppercase; cursor: pointer; }
#reg-btn .btn-registrovat:hover { background-color: #f06b1c; }

#Verifikace { width: 810px; padding: 30px 15px; border: 1px solid #e5e5e5; position: relative; background-color: #fefefe; }
#Verifikace .vrfMsg { width: 770px; padding: 50px 20px; font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; font-size: 35px; font-weight: 300; line-height: 50px; text-align: center; margin: 40px 0; }
#Verifikace .vrfMsg.vrfOK { color: #fff; background-color: #9bcf30; }
#Verifikace .vrfMsg.vrfInfo { color: #fff; background-color: #f06b1c; }
#Verifikace .vrfMsg.vrfErr { color: #fff; background-color: #b00; }

.content .article.ank { min-height: 280px; padding-bottom: 67px; }

#anketa-place { width: 300px; display: block; position: relative; padding: 0; margin: 0; background-color: #fff; border: 1px solid #e5e5e5; overflow: hidden; }
#anketa-place .add-title { background-color: #222; line-height: 32px; text-align: center; }
#anketa-otz { background-color: #fff; padding: 15px 10px 10px; margin: 0; text-align: center; }
#anketa-otz a { font-size: 16px; line-height: 22px; color: #222; padding: 0; margin: 0; text-decoration: none; }
#anketa-otz a:hover { text-decoration: underline; }

.ank-graph { display: block; padding: 20px 0; cursor: pointer; box-sizing: unset; }
.piegraph { position: relative; width: 200px; height: 200px; display: block; margin: 0 auto; }
.piegraph > .percent { position: absolute; top: 0; left: 0; width: 180px; height: 180px; border: 10px solid rgba(240,107,28,.2); background-color: none; border-radius: 180px; line-height: 175px; font-size: 77px; font-weight: 600; text-align: center; color: #f06b1c; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.piegraph > .percent sup { font-size: 20px !important; font-weight: 400; top: -25px; }
.piegraph > .slice { position: absolute; width: 200px; height: 200px; clip: rect(0px,200px,200px,100px); }
.piegraph > .slice.gt50 { clip: rect(auto, auto, auto, auto); }
.piegraph > .slice > .pie { border: 10px solid #f06b1c; position: absolute; width: 180px; height: 180px; clip: rect(0,100px,200px,0); border-radius: 100px; }
.piegraph > .slice > .pie.fill { -moz-transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
.piegraph.fill > .percent { display: none; }
.piegraph.fill > .slice > .pie { border: transparent; background-color: #f06b1c; width: 180px; height: 180px; }

#anketa-place .ank-odp { font-size: 16px; line-height: 22px; color: #333; padding: 5px 5px 15px; margin: 0; text-align: center; cursor: pointer; }
#anketa-place a#more-link { float: right; display: block; background-color: #fff; color: #f06b1c; font-size: 13px; line-height: 32px; text-align: right; padding-right: 10px; text-decoration: none; }
#anketa-place a#more-link:hover { text-decoration: underline; }

#anketa-place .btn-clk-edit { float: left; position: relative; margin-left: 10px; display: none; transition: all .3s; }
#anketa-place:hover .btn-clk-edit { display: inline-block; }

/* --- paging --- */

.pging2 { position: relative; min-height: 1px; display: block; overflow: hidden; clear: both; }
.pging2.topAbs { position: absolute; top: 7px; right: 37px; }
.pging2.top { padding: 8px 0 0 0; }
.pging2.down { margin: 40px 0; padding-top: 0px; border-top: 0px solid #ccc; }
.pging2 .pgtop,
.pging2 .pgdown { display: inline-block; margin: 0; }
.pging2 span.sep { width: 22px; height: 30px; display: inline-block; float: left; margin: 0 3px; font-size: 11px; background: url('../images/assets/paging_sep.png') no-repeat center center; }
.pging2 span.sep span { display: none; }
.pging2 .cell,
.pging2 a { width: 30px; height: 30px; display: inline-block; padding: 0; margin: 0 3px; float: left; text-align: center; text-decoration: none; font-size: 12px; line-height: 30px; font-family: Arial, Verdana, Tahoma, Sans-Serif; color: #fff; background: #111; border: 0 none; *border: 0; outline: 0px none; text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.pging2 .orange a.sel { background: #f06b1c; color: #fff; }
.pging2 .pgPrev,
.pging2 .pgNext { width: 30px; height: 30px; display: inline-block; padding: 0; margin: 0; float: left; }
.pging2 .pgPrev span,
.pging2 .pgNext span { display: none; }
.pging2 .pgNext { margin-left: 5px; background: transparent url('../images/assets/paging_next.png') no-repeat center center; }
.pging2 .pgPrev { margin-right: 5px; background: transparent url('../images/assets/paging_prev.png') no-repeat center center; }
.pging2 .dsb { -moz-opacity: 0.2; opacity: 0.2; filter: alpha(opacity=20); }

/* --- msgs --- */

#noJSmsg { width: 360px; height: 100px; display: block; border: 1px #888 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; background: #fff url('../images/msgs/bgr_field.gif') repeat-x left top; position: absolute; top: 7px; left: 420px; z-index: 9010; }
#iUImsg, #iUImsg2 { width: 500px; height: 100px; display: block; border: 1px #888 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; background: #fff url('../images/msgs/bgr_field.gif') repeat-x left top; cursor: pointer; position: fixed; top: 10px; left: 10px; z-index: 9000; }
#iUImsg:before { width: 10px; height: 10px; content: " "; position: absolute; top: 10px; right: 10px; background: transparent url('../images/icons/ico_10_close.png') no-repeat center center; }
#absUImsg { width: 500px; height: 100px; display: block; border: 1px #888 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; background: #fff url('../images/msgs/bgr_field.gif') repeat-x left top; cursor: pointer; position: absolute; top: 50px; left: 80px; z-index: 9000; }
#UImsg.faqMsg { width: 500px; height: 100px; display: block; border: 1px #888 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; background: #fff url('../images/msgs/bgr_field.gif') repeat-x left top; cursor: pointer; position: absolute; top: 50px; left: 40px; z-index: 9000; }
.okUImsg, .infoUImsg, .exclUImsg, .errUImsg { width: 500px; height: 100px; color: #555; font-weight: bold; z-index: 9001; }
.okUImsg { background: transparent url('../images/msgs/msg_icons_ok.png') no-repeat left 20px; }
.infoUImsg { background: transparent url('../images/msgs/msg_icons_info.png') no-repeat left 20px; }
.exclUImsg { background: transparent url('../images/msgs/msg_icons_exclam.png') no-repeat left 20px; }
.errUImsg { background: transparent url('../images/msgs/msg_icons_err.png') no-repeat left 20px; }
.UImsg-txt { position: relative; top: 45px; left: 0; width: 410px; height: 20px; font-size: 9pt; padding-left: 90px; -webkit-text-shadow: 1px 1px 1px #ddd; -moz-text-shadow: 1px 1px 1px #ddd; text-shadow: 1px 1px 1px #ddd; z-index: 9002; }
.UIrw1 { top: 42px; }
.UIrw2 { top: 32px; }

/* --- widths --- */

.w10 { width: 10px; } .w20 { width: 20px; } .w30 { width: 30px; } .w40 { width: 40px; } .w50 { width: 50px; } .w60 { width: 60px; } .w70 { width: 70px; } .w80 { width: 80px; } .w90 { width: 90px; }
.w100 { width: 100px; } .w110 { width: 110px; } .w120 { width: 120px; } .w130 { width: 130px; } .w140 { width: 140px; } .w150 { width: 150px; } .w160 { width: 160px; } .w170 { width: 170px; } .w180 { width: 180px; } .w190 { width: 190px; }
.w200 { width: 200px; } .w210 { width: 210px; } .w220 { width: 220px; } .w230 { width: 230px; } .w240 { width: 240px; } .w250 { width: 250px; } .w260 { width: 260px; } .w270 { width: 270px; } .w280 { width: 280px; } .w290 { width: 290px; }
.w300 { width: 300px; } .w310 { width: 310px; } .w320 { width: 320px; } .w330 { width: 330px; } .w340 { width: 340px; } .w350 { width: 350px; } .w360 { width: 360px; } .w370 { width: 370px; } .w380 { width: 380px; } .w390 { width: 390px; }
.w400 { width: 400px; } .w410 { width: 410px; } .w420 { width: 420px; } .w430 { width: 430px; } .w440 { width: 440px; } .w450 { width: 450px; } .w460 { width: 460px; } .w470 { width: 470px; } .w480 { width: 480px; } .w490 { width: 490px; }
.w500 { width: 500px; } .w510 { width: 510px; } .w520 { width: 520px; } .w530 { width: 530px; } .w540 { width: 540px; } .w550 { width: 550px; } .w560 { width: 560px; } .w570 { width: 570px; } .w580 { width: 580px; } .w590 { width: 590px; }
.w600 { width: 600px; } .w610 { width: 610px; } .w620 { width: 620px; } .w630 { width: 630px; } .w640 { width: 640px; } .w650 { width: 650px; } .w660 { width: 660px; } .w670 { width: 670px; } .w680 { width: 680px; } .w690 { width: 690px; }
.w700 { width: 700px; } .w710 { width: 710px; } .w720 { width: 720px; } .w730 { width: 730px; } .w740 { width: 740px; } .w750 { width: 750px; } .w760 { width: 760px; } .w770 { width: 770px; } .w780 { width: 780px; } .w790 { width: 790px; }
.w800 { width: 800px; } .w810 { width: 810px; } .w820 { width: 820px; } .w830 { width: 830px; } .w840 { width: 840px; } .w850 { width: 850px; } .w860 { width: 860px; } .w870 { width: 870px; } .w880 { width: 880px; } .w890 { width: 890px; }

.w1-1 { width: 100%; }
.w1-2 { width: 50%; }
.w1-3 { width: 33%; }
.w1-4 { width: 25%; }
.w1-5 { width: 20%; }

.h100 { height: 100px; }
.h150 { height: 150px; }
.h200 { height: 200px; }
.h250 { height: 250px; }
.h300 { height: 300px; }
.h350 { height: 350px; }
.h400 { height: 400px; }
.h450 { height: 450px; }

.errElement { border: 1px solid #b00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 5px rgba(187,0,0,0.3); -moz-box-shadow: 0 0 5px rgba(187,0,0,0.3); box-shadow: 0 0 5px rgba(187,0,0,0.3); }

/* --- validation msgs --- */

.mfPol { position: relative; }
.mfPol .errIcon { width: 52px; height: 18px; display: block; background: transparent url('../images/icons/error.png') no-repeat left top; position: absolute; top: 7px; left: 232px; }
.mfPol .errToolTip { display: inline-block; background: #000; background: rgba(0,0,0,.85); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); padding: 4px 15px; color: #fff; font-size: 11px; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; top: -1px; left: 0; }
.mfPol .errToolTip:after { width: 9px; height: 5px; content: " "; after: " "; position: absolute; bottom: -5px; left: 15px; background: url('../images/errToolTipArrow.png') no-repeat center top; }

/* --- select --- */

.uni-select{display:inline-block;}
.ui-selectmenu, .ui-selectmenu-menu{font-size:13px !important;font-weight:normal !important;}
.uni-select .ui-state-hover,
.uni-select .ui-widget-content .ui-state-hover,
.uni-select .ui-state-focus,
.uni-select .ui-widget-content .ui-state-focus,
.ui-selectmenu{height:23px;display:block;color:#666 !important;position:relative;text-decoration:none !important;overflow:hidden;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-top:1px solid #e6e6e6;border-bottom:1px solid #b3b3b3;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;-moz-transition:border linear 0.2s, box-shadow linear 0.2s;-ms-transition:border linear 0.2s, box-shadow linear 0.2s;-o-transition:border linear 0.2s, box-shadow linear 0.2s;transition:border linear 0.2s, box-shadow linear 0.2s;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#fff));background:-webkit-linear-gradient(top, #fff, #e6e6e6);background:-moz-linear-gradient(top, #fff, #e6e6e6);background:-ms-linear-gradient(top, #fff, #e6e6e6);background:-o-linear-gradient(top, #fff, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');}
.ui-selectmenu:hover,
.ui-selectmenu-focus,
.ui-state-active{border-color:rgba(255, 153, 0, 0.7);outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(255, 153, 0, 0.3);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(255, 153, 0, 0.3);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(255, 153, 0, 0.3);}
.ui-state-active{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
.ui-selectmenu-icon{position:absolute;top:50%;right:6px;margin-top:-8px;}
.ui-selectmenu-menu{margin:1px 0 0 0;font-size:9pt;list-style:none;position:absolute;top:0px;visibility:hidden;overflow:auto;z-index:77777;text-shadow:none;background-color:#fff !important;border:1px solid rgba(255, 153, 0, 0.7);border-top:0px none;-webkit-border-radius:0px 0 4px 4px;-moz-border-radius:0px 0 4px 4px;border-radius:0px 0 4px 4px;-webkit-box-shadow:0px 0 3px rgba(255, 153, 0, 0.3);-moz-box-shadow:0px 0 3px rgba(255, 153, 0, 0.3);box-shadow:0px 0 3px rgba(255, 153, 0, 0.3);}
.ui-selectmenu-open{visibility:visible;}
.ui-selectmenu-menu .ui-state-hover{border:none;}
.ui-selectmenu-menu-popup{margin-top:-1px;padding-right:58px !important;}
.ui-selectmenu-menu-dropdown{padding:0px;max-height:220px;}
.ui-selectmenu-menu li{background:#fff;margin:0px;display:block;font-weight:normal !important;}
.ui-selectmenu-menu li a, .ui-selectmenu-status{height:24px;display:block;line-height:24px;color:#333;padding:0px 10px;outline:none;text-decoration:none;}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status{position:relative;margin-left:5px;}
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon{position:absolute;top:10px;left:0px;margin-top:-8px;margin-left:15px;}
.ui-selectmenu-status{color:#666;}
.ui-selectmenu-open li.ui-selectmenu-item-focus a{background:rgba(0, 0, 0, 0.7);color:#fff !important;}
.ui-selectmenu-open li.ui-selectmenu-item-selected{background:rgba(255, 153, 0, 0.7);}
.ui-selectmenu-open li.ui-selectmenu-item-selected a{color:#fff !important;}
.ui-selectmenu-menu li span,.ui-selectmenu-status span{display:block;margin-bottom:.2em;}
.ui-selectmenu-menu li .ui-selectmenu-item-footer{-moz-opacity:0.8;opacity:0.8;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);}

/* --- textarea a input --- */

.uni-txt-input,
.uni-textarea,
.uni-textarea-no-editor { display: inline-block; vertical-align: middle; position: relative; margin: 0; padding: 6px 7px; font-size: 14px; color: #333; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 3px;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear 0.2s, box-shadow linear 0.2s; }
.uni-txt-input.input-small { padding: 3px 5px !important; font-size: 13px; }
/*
.uni-textarea,
.uni-txt-input { padding: 4px 5px; font-size: 13px; color: #333; background-color: #ffffff; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }
*/
.uni-textarea:focus,
.uni-txt-input:focus { border-color: rgba(255, 153, 0, 0.8); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(255, 153, 0, 0.4); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(255, 153, 0, 0.4); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(255, 153, 0, 0.4); }
.uni-textarea.blue:focus,
.uni-txt-input.blue:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(82, 168, 236, 0.4); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(82, 168, 236, 0.4); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(82, 168, 236, 0.4); }
.uni-textarea.green:focus,
.uni-txt-input.green:focus { border-color: rgba(186, 216, 46, 0.95); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(186, 216, 46, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(186, 216, 46, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(186, 216, 46, 0.6); }

/* --- btn --- */

.btn { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #b3b3b3; display: inline-block; padding: 4px 20px; margin: 0 auto; text-decoration: none; font-size: 13px; line-height: 18px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); }
.btn { display: inline-block; *display: inline; padding: 4px 10px 4px; margin-bottom: 0; *margin-left: .3em; font-size: 13px; line-height: 18px; *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn-big { width: 340px; height: 50px; line-height: 50px; font-size: 20px; padding: 0; }
.btn-square { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; }
.btn.active,
.btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; outline: 0; }
.btn:first-child { *margin-left: 0; }
.btn-chng-bgr:hover { background-color: #e6e6e6; *background-color: #d9d9d9; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.btn.disabled,
.btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-blue,
.btn-blue:hover,
.btn-orange,
.btn-orange:hover,
.btn-red,
.btn-red:hover,
.btn-green,
.btn-green:hover,
.btn-sky,
.btn-sky:hover,
.btn-black,
.btn-black:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-decoration: none; }
.btn-blue.active,
.btn-orange.active,
.btn-red.active,
.btn-green.active,
.btn-sky.active,
.btn-black.active { color: rgba(255, 255, 255, 0.75); }
.btn-blue { background-color: #0074cc; *background-color: #0055cc; background-image: -ms-linear-gradient(top, #0088cc, #0055cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0055cc); background-image: -o-linear-gradient(top, #0088cc, #0055cc); background-image: -moz-linear-gradient(top, #0088cc, #0055cc); background-image: linear-gradient(top, #0088cc, #0055cc); background-repeat: repeat-x; border-color: #0055cc #0055cc #003580; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-blue:hover,
.btn-blue:active,
.btn-blue.active,
.btn-blue.disabled,
.btn-blue[disabled] { background-color: #0055cc; *background-color: #004ab3; }
.btn-orange { background-color: #faa732; *background-color: #f89406; background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-orange:hover,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] { background-color: #f89406; *background-color: #df8505; }
.btn-orange:active,
.btn-orange.active { background-color: #c67605 \9; }
.btn-red { background-color: #da4f49; *background-color: #bd362f; background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-red:hover,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] { background-color: #bd362f; *background-color: #a9302a; }
.btn-red:active,
.btn-red.active { background-color: #942a25 \9; }
.btn-green { background-color: #c4db31; *background-color: #c4db31; background-image: -ms-linear-gradient(top, #c4db31, #afcf2c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c4db31), to(#afcf2c)); background-image: -webkit-linear-gradient(top, #c4db31, #afcf2c); background-image: -o-linear-gradient(top, #c4db31, #afcf2c); background-image: -moz-linear-gradient(top, #c4db31, #afcf2c); background-image: linear-gradient(top, #c4db31, #afcf2c); background-repeat: repeat-x; border-color: #c4db31 #c4db31 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#c4db31', endColorstr='#afcf2c', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-green:hover,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] { background-color: #b0cf2c; *background-color: #b0cf2c; }
.btn-green:active,
.btn-green.active { background-color: #b0cf2c \9; }
.btn-sky { background-color: #49afcd; *background-color: #2f96b4; background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(top, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-sky:hover,
.btn-sky:active,
.btn-sky.active,
.btn-sky.disabled,
.btn-sky[disabled] { background-color: #2f96b4; *background-color: #2a85a0; }
.btn-sky:active,
.btn-sky.active { background-color: #24748c \9; }
.btn-black { background-color: #414141; *background-color: #222222; background-image: -ms-linear-gradient(top, #555555, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); background-image: -webkit-linear-gradient(top, #555555, #222222); background-image: -o-linear-gradient(top, #555555, #222222); background-image: -moz-linear-gradient(top, #555555, #222222); background-image: linear-gradient(top, #555555, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-black:hover,
.btn-black:active,
.btn-black.active,
.btn-black.disabled,
.btn-black[disabled] { background-color: #222222; *background-color: #151515; }
.btn-black:active,
.btn-black.active { background-color: #080808 \9; }
.btn { outline: 0px none; }
.btn-small { font-size: 11px; font-weight: bold; padding: 2px 10px; line-height: 16px; }
.btnVote { width: 300px; height: 40px; font-size: 16px; margin: 30px 0 30px 225px; }
.btnBackVote { margin-top: 50px; }

/* ---  checkbox a radio  --- */

.radioElement,
.checkElement { padding: 8px; overflow: hidden; }
.radioElement label,
.checkElement label { display: block; float: left; line-height: 24px; font-size: 13px; color: #444; padding-left: 5px; -webkit-font-smoothing: antialiased; cursor: pointer; }
div.radio span,
div.checker span { width: 22px; height: 22px; display: block; background: #f9f9f9; border-radius: 50%; margin: 1px; }
.radio, .checker, .radio *, .checker * { margin: 0; padding: 0; }

/* --- checkbox --- */

div.checker { width: 22px; height: 22px; float: left; cursor: pointer; }
div.checker input { width: 22px; height: 22px; float: left; cursor: pointer; }
div.checker span { background: #f9f9f9; box-shadow: inset 0 0 0 1px rgba(170,170,170,1); }
div.checker:active span,
div.checker.active span {  }
div.checker.focus span,
div.checker:hover span {  }
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {  }
div.checker span.checked { box-shadow: none; background: #666 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFQ0NFRUE4OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFQ0NFRUE5OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUVDQ0VFQTY5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUVDQ0VFQTc5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6LwUDFAAAAhUlEQVR42mL8//8/Ay0A46jBowZjACYK9TcD8VWsMiAXk4mr/iMAhjy5htYhGdpEqsH8OMRrkAytwqUfl6EBQPwCiDvQxBuQDK3H5yt8BsPAJCBmQnNpBaHgwieZi2TQPiR2AzHxQEhB/n9UUElsBBOjKBOIn0ODguiUM1pWjBqMCQACDABqMlSxxHWZtAAAAABJRU5ErkJggg==') no-repeat center center / 22px 22px; }
div.checker:active span.checked,
div.checker.active span.checked {  }
div.checker.focus span.checked,
div.checker:hover span.checked {  }
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {  }
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span { background: #e6e6e5; box-shadow: inset 0 0 0 1px rgba(211,212,206,1); }
div.checker.disabled span.checked:before,
div.checker.disabled:active span.checked:before,
div.checker.disabled.active span.checked:before { background: #e6e6e5 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFQ0NFRUE4OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFQ0NFRUE5OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUVDQ0VFQTY5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUVDQ0VFQTc5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6LwUDFAAAAhUlEQVR42mL8//8/Ay0A46jBowZjACYK9TcD8VWsMiAXk4mr/iMAhjy5htYhGdpEqsH8OMRrkAytwqUfl6EBQPwCiDvQxBuQDK3H5yt8BsPAJCBmQnNpBaHgwieZi2TQPiR2AzHxQEhB/n9UUElsBBOjKBOIn0ODguiUM1pWjBqMCQACDABqMlSxxHWZtAAAAABJRU5ErkJggg==') no-repeat center center / 22px 22px; }

/* --- radio --- */

div.radio { width: 22px; height: 22px; float: left; cursor: pointer; }
div.radio input { width: 22px; height: 22px; cursor: pointer; }
div.radio span { background: #f9f9f9; box-shadow: inset 0 0 0 1px rgba(170,170,170,1); }
div.radio:active span,
div.radio.active span {  }
div.radio.focus span,
div.radio:hover span {  }
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.focus.active span {  }
div.radio span.checked { box-shadow: none; background: #666 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFQ0NFRUE4OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFQ0NFRUE5OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUVDQ0VFQTY5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUVDQ0VFQTc5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6LwUDFAAAAhUlEQVR42mL8//8/Ay0A46jBowZjACYK9TcD8VWsMiAXk4mr/iMAhjy5htYhGdpEqsH8OMRrkAytwqUfl6EBQPwCiDvQxBuQDK3H5yt8BsPAJCBmQnNpBaHgwieZi2TQPiR2AzHxQEhB/n9UUElsBBOjKBOIn0ODguiUM1pWjBqMCQACDABqMlSxxHWZtAAAAABJRU5ErkJggg==') no-repeat center center / 22px 22px; }
div.radio:active span.checked,
div.radio.active span.checked {  }
div.radio.focus span.checked,
div.radio:hover span.checked {  }
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.active:hover span.checked,
div.radio.active.focus span.checked {  }
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span { background: #e6e6e5; box-shadow: inset 0 0 0 1px rgba(211,212,206,1); }
div.radio.disabled span.checked:before,
div.radio.disabled:active span.checked:before,
div.radio.disabled.active span.checked:before { background: #e6e6e5 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFQ0NFRUE4OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFQ0NFRUE5OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUVDQ0VFQTY5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUVDQ0VFQTc5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6LwUDFAAAAhUlEQVR42mL8//8/Ay0A46jBowZjACYK9TcD8VWsMiAXk4mr/iMAhjy5htYhGdpEqsH8OMRrkAytwqUfl6EBQPwCiDvQxBuQDK3H5yt8BsPAJCBmQnNpBaHgwieZi2TQPiR2AzHxQEhB/n9UUElsBBOjKBOIn0ODguiUM1pWjBqMCQACDABqMlSxxHWZtAAAAABJRU5ErkJggg==') no-repeat center center / 22px 22px; }

div.checker { margin-right: 5px; }
div.radio { margin-right: 5px; }

/* CORE FUNCTIONALITY - Not advised to edit stuff below this line */
.checker,
.radio { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }
.radio input:focus, .checker input:focus { outline: 0; }
div.checker { position: relative; }
div.checker span { display: -moz-inline-box; display: inline-block; text-align: center; }
div.checker input { opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none; }
div.radio { position: relative; }
div.radio span { display: -moz-inline-box; display: inline-block; text-align: center; }
div.radio input { opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none; }

.chck-small div.radio,
.chck-small div.radio input,
.chck-small div.radio span,
.chck-small div.checker,
.chck-small div.checker input,
.chck-small div.checker span { width: 18px; height: 18px; margin-top: 2px; background-size: 18px 18px; }

.chck-blue div.radio span.checked,
.chck-blue div.checker span.checked { background-color: #2bf; }
.chck-sky div.radio span.checked,
.chck-sky div.checker span.checked { background-color: #0bd; }
.chck-red div.radio span.checked,
.chck-red div.checker span.checked { background-color: #c00; }
.chck-orange div.radio span.checked,
.chck-orange div.checker span.checked { background-color: #f06b1c; }
.chck-green div.radio span.checked,
.chck-green div.checker span.checked { background-color: #bd0; }
.chck-pink div.radio span.checked,
.chck-pink div.checker span.checked { background-color: #f1238f; }

/* --- anketa / hlasovani / soutez --- */

.anketa-odpovedi { padding: 10px 20px 30px; }
.anketa-pol { padding: 15px 0; position: relative; }
.anketa-pol.odp-with-img { padding: 5px 0 15px 100px; position: relative; }
.anketa-pol .anketa-odp-img { position: absolute; left: 5px; top: 10px; border-radius: 3px; overflow: hidden; }
.anketa-pol .anketa-odpoved { padding: 0; }
.anketa-pol .anketa-bar { clear: both; padding: 3px 0 3px 5px }
.anketa-pol .bar-bgr { height: 18px; display: block; padding: 2px 2px 0 2px; background-color: #fff; border: 1px solid #ddd; border-radius: 9px; }
.anketa-pol .bar-progress { height: 12px; /*margin: 2px 0px 0px 2px;*/ border-radius: 6px; background: #f90 url('../images/assets/graphbar.png') repeat left center; }
.anketa-pol .procento { width: 70px; height: 30px; font-size: 15px; font-weight: 600; color: #fff; text-align: right; padding-left: 10px; }
.anketa-pol .procento span { display: inline-block; width: 100%; height: 30px; line-height: 30px; text-align: center; padding: 0; background: #f06b1c; border-radius: 3px; font-size: 15px; position: relative; top: -6px; }
.anketa-pol .procento span:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #f06b1c transparent transparent; position: absolute; top: 9px; left: -5px; }
.anketa-pol .procento em { font-size: 11px; }
.anketa-pol .radioPanel { text-align: center; padding-top: 0px; }
.anketa-pol .radioElement { position: relative; }
.anketa-pol .radioElement .radio { position: absolute; left: 5px; top: 9px; }
.anketa-pol .radioElement label { color: #369; font-size: 15px; padding-left: 30px; display: block; }
.anketa-pol .votes-count { padding: 5px 0 0 10px; font-size: 11px; color: #aaa; }

.hls-odpovedi { padding: 10px 10px 30px; }
.hls-pol { padding: 5px 10px 15px; margin-top: 15px; position: relative; border: 1px solid #fff; }
.hls-pol:first-child { margin-top: 5px; }
.hls-pol.hls-pol-sel { background: #e8faff; border: 1px solid #c9f3ff; }
.hls-pol .hls-odp-img { padding: 5px 0 10px; }
.hls-pol .poll-item-img-cont { padding: 1px; }

.hls-pol .hls-odpoved { padding: 0; }
.hls-pol .hls-bar { clear: both; padding: 3px 0 3px 5px }
.hls-pol .bar-bgr { height: 18px; display: block; padding: 2px 2px 0 2px; background-color: #fff; border: 1px solid #ddd; border-radius: 9px; }
.hls-pol .bar-progress { height: 12px; /*margin: 2px 0px 0px 2px;*/ border-radius: 6px; background: #f90 url('../images/assets/graphbar.png') repeat left center; }

/*.hls-pol .bar-bgr { height: 12px; display: block; margin: 3px 0 0 5px; background-color: #fff; border: 1px solid #ddd; border-radius: 6px; }
.hls-pol .bar-progress { height: 6px; margin: 2px 0px 0px 2px; border-radius: 3px; background: #f06b1c url('../images/assets/graphbar.png') repeat left center; border-radius: 2px; }*/

/*.hls-pol .hls-bar { clear: both; background: #a9ecff; padding: 8px 0 10px 5px; border-radius: 3px; }
.hls-pol .bar-bgr { height: 12px; display: block; margin: 3px 0 0 5px; background-color: #fff; border: 1px solid #ddd; border-radius: 6px; }
.hls-pol .bar-progress { height: 6px; margin: 2px 0px 0px 2px; border-radius: 3px; background: #f06b1c url('../images/assets/graphbar.png') repeat left center; border-radius: 2px; }*/

/*.hls-pol .procento { width: 50px; height: 16px; line-height: 14px; padding-left: 10px; font-size: 13px; color: #222; text-align: left; float: right; }*/

.hls-pol .procento { width: 70px; height: 30px; font-size: 15px; font-weight: 600; color: #fff; text-align: right; padding-left: 10px; }
.hls-pol .procento span { display: inline-block; width: 100%; height: 30px; line-height: 30px; text-align: center; padding: 0; background: #f06b1c; border-radius: 3px; font-size: 15px; position: relative; top: -6px; }
.hls-pol .procento span:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #f06b1c transparent transparent; position: absolute; top: 9px; left: -5px; }
.hls-pol .procento em { font-size: 11px; }
.hls-pol .radioPanel { text-align: center; padding-top: 0px; }
.hls-pol .radioElement { position: relative; }
.hls-pol .radioElement .radio { position: absolute; left: 5px; top: 9px; }
.hls-pol .radioElement label { color: #005ebd; font-size: 17px; padding-left: 30px; display: block; }
.hls-pol .votes-count { padding: 5px 0 0 10px; font-size: 11px; color: #aaa; }


.btn-vote { width: 200px; height: 36px; display: block; margin: 30px auto 0; font-size: 14px; text-align: center; line-height: 36px; text-transform: uppercase; background: #222; color: #fff; border: 0 none; cursor: pointer; }
.btn-vote:hover { background: #f06b1c; color: #fff; }
.btn-vote.btn-user-voted { background: #b00; color: #fff; }
.btn-vote.btn-user-voted:hover { background: #b00; color: #fff; }
.btn-back-vote { margin: 20px 5px; color: #f06b1c; text-decoration: none; font-size: 14px; }
.btn-back-vote:hover { color: #222; text-decoration: underline; }

#next-votes { overflow: hidden; position: relative; padding: 10px 0 30px; margin-top: 30px; border-bottom: 1px solid #e6e6e6; }
#next-votes  h2 { font-size: 22px; padding: 0 0 5px 5px; font-weight: 400; color: #f06b1c; text-transform: uppercase; }
#next-votes .next-vote-cont { padding: 0 5px; }
#next-votes .next-vote { margin: 5px 0 0; padding: 5px; overflow: hidden; position: relative; border: 1px solid #ddd; }
/*#next-votes .next-vote:first-child { margin-left: 0; }*/
#next-votes .article-image { width: 95px; float: left; }
#next-votes  h3 { font-size: 14px; font-weight: 400; color: #222; margin-top: 0; padding-top: 0; }
#next-votes  h3 a { color: #222; text-decoration: none; }
#next-votes  h3 a:hover { color: #f06b1c; }
#next-votes a.more { display: inline-block; padding: 3px 12px; color: #fff; font-size: 10pt; background-color: #f06b1c; text-decoration: none; position: absolute; right: 5px; bottom: 5px; }


/* --- msgs --- */

#msgPlace { position: fixed; }
div.jGrowl { z-index: 9999; color: #333; font-size: 12px; font-weight: 600; }
div.ie6 { position: absolute; }
div.ie6.top-right { right: auto; bottom: auto; left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
div.ie6.top-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
div.ie6.bottom-right { left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
div.ie6.bottom-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
div.ie6.center { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 100%; }
div.jGrowl { position: absolute; }
body > div.jGrowl { position: fixed; }
div.jGrowl.top-left { left: 0px; top: 0px; }
div.jGrowl.top-right { right: 0px; top: 0px; }
div.jGrowl.bottom-left { left: 0px; bottom: 0px; }
div.jGrowl.bottom-right { right: 0px; bottom: 0px; }
div.jGrowl.center { top: 0px; width: 50%; left: 25%; }
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { position: relative; background: #dedede; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dedede)); background: -webkit-linear-gradient(top, #ffffff 0%,#dedede 100%); background: -o-linear-gradient(top, #ffffff 0%,#dedede 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dedede 100%); background: linear-gradient(to bottom, #ffffff 0%,#dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); opacity: .99; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99); zoom: 1; width: 400px; padding: 15px 20px; margin: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-align: left; display: none; border: 1px #666 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
div.jGrowl div.jGrowl-notification { min-height: 70px; width: 100%; max-width: 500px; padding: 15px 20px 15px 90px; overflow: hidden; }
div.jGrowl div.jGrowl-closer { width: 370px; }
div.jGrowl div.jGrowl-notification div.jGrowl-header { font-weight: 600; font-size: 12px; display: inline-block; padding-bottom: 3px; }
/*div.jGrowl div.jGrowl-notification div.jGrowl-close { z-index: 99; float: right; font-size: 1em; cursor: pointer; width: 16px; height: 16px; display: block; position: absolute; top: 5px; right: 5px; background: url('../images/msgs/close.png') no-repeat left top; }*/
div.jGrowl div.jGrowl-notification div.jGrowl-close { z-index: 99; float: right; font-size: 10px; font-family: sans-serif; font-weight: 400; line-height: 14px; text-align: center; color: #b00; cursor: pointer; width: 16px; height: 16px; display: block; position: absolute; top: 5px; right: 5px }
div.jGrowl div.jGrowl-notification div.jGrowl-close:before { content: '\2716'; }
div.jGrowl div.jGrowl-notification div.jGrowl-close span { display: none; }
div.jGrowl div.jGrowl-closer { padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: .9em; font-weight: bold; text-align: center; }
div.jGrowl .okMsg:before { content: ""; width: 70px; height: 80px; display: block; background-image: url('../images/msgs/msg_icons_ok.png'); position: absolute; top: 5px; left: 0px; }
div.jGrowl .okMsg .jGrowl-message { color: #76ba08; }
div.jGrowl .errMsg:before { content: ""; width: 70px; height: 80px; display: block; background-image: url('../images/msgs/msg_icons_err.png'); position: absolute; top: 5px; left: 0px; }
div.jGrowl .errMsg .jGrowl-message { color: #b00; }
div.jGrowl .infoMsg:before { content: ""; width: 70px; height: 80px; display: block; background-image: url('../images/msgs/msg_icons_info.png'); position: absolute; top: 5px; left: 0px; }
div.jGrowl .infoMsg .jGrowl-message { color: #39f; }
div.jGrowl .exclMsg:before { content: ""; width: 70px; height: 80px; display: block; background-image: url('../images/msgs/msg_icons_exclam.png'); position: absolute; top: 5px; left: 0px; }
div.jGrowl .exclMsg .jGrowl-message { color: #f80; }
div.jGrowl .jGrowl-message { line-height: 18px; }
div.jGrowl .jGrowl-message span.kod { display: inline-block; margin: 5px auto; padding: 3px 10px; font-size: 14px; font-weight: bold; color: #369; background: #fff; background: rgba(255,255,255,.8); border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
div.center div.jGrowl-notification, div.center div.jGrowl-closer { margin-left: auto; margin-right: auto; }
#clona { width: 100%; background: #000; opacity: 0.15; filter: alpha(opacity:15); position: fixed; z-index: 9998; display: none; }

/* --- fan box --- */

.fan_box { border: 0px; padding: 15px; height: 370px; }
.fan_box a:hover { text-decoration: none; color: #f90; }
.fan_box .full_widget { border: 0 !important; background: transparent !important; position: relative; height: 370px; }
.fan_box .connect_top { background: transparent !important; padding: 0 !important; }
.fan_box .profileimage, .fan_box .name_block { color: #ccc; }
.fan_box .profileimage, .fan_box .name_block a { color: #ccc; text-decoration: none; }
.fan_box .connect_action { padding: 0 !important; }
.fan_box .connections { padding: 0 !important; border: 0 !important; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666; }
span.total { padding-top: 15px; padding-bottom: 0px; display: block; color: #999; }
.fan_box .connections .connections_grid { padding-top: 10px !important; }
.fan_box .connections_grid .grid_item { padding: 0 5px 5px 0 !important; }
.fan_box .connect_widget { position: absolute; bottom: 0px; right: 15px; margin: 0 !important; }

/* --- fancybox v2.1.5 --- */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/assets/fancybox/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../images/assets/fancybox/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/assets/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper - DISABLING AUTO SCROLL */
/*.fancybox-lock { overflow: hidden !important; width: auto;}*/
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/assets/fancybox/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
#fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; }
#fancybox-thumbs.bottom { bottom: 2px; }
#fancybox-thumbs.top { top: 2px; }
#fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; }
#fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; }
#fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; }
#fancybox-thumbs ul li:hover { opacity: 1; }
#fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; }
#fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; }

/* --- cookies --- */
/*
#cookies-agreement {  width: 100%; height: auto; font-size: 11px; line-height: 20px; padding: 5px; display: block; position: fixed; left: 0; bottom: 0; z-index: 999999; font-family: Arial, Helvetica, sans-serif; color: #fff; background-color: #f06b1c; text-align: center; border-top: 1px solid #e96516; box-shadow: -3px 0 10px rgba(0,0,0,.4); }
#cookies-agreement a { font-size: 11px; color: #fff; }
#cookies-agreement .btn { display: inline-block; height: 22px; line-height: 22px; font-size: 11px; text-align: center; vertical-align: middle; background-color: #fff; color: #222; padding: 0 10px; border: 0 none; border-radius: 3px; position: relative; top: -2px; cursor: pointer; }
#cookies-agreement .btn-cookies { display: inline-block !important; margin: 0 10px !important; text-transform: none !important; }
*/
#cookies-agreement {  width: 100%; height: auto; font-size: 13px; padding: 0px 15px 15px; display: block; position: fixed; left: 0; bottom: 0; z-index: 88888 !important; font-family: Arial, Helvetica, sans-serif; color: #fff; background-color: rgba(0,0,0,.85); text-align: center; border-top: 1px solid rgba(0,0,0,.95); box-shadow: -3px 0 10px rgba(0,0,0,.4); }
#cookies-agreement h2 { font-size: 21px; font-weight: 600; color: #fff; padding-bottom: 5px; }
#cookies-agreement p { font-size: 13px; color: #fff; line-height: 21px; padding-bottom: 10px; }
#cookies-agreement a { font-size: 13px; color: #fff; line-height: 33px; }
#cookies-agreement .btn.btn-cookies { display: inline-block; height: 33px; line-height: 33px; font-size: 13px; text-align: center; vertical-align: middle; background: #e00 !important; color: #eee; padding: 0 20px; margin: 0 10px !important; text-transform: uppercase !important; border: 0 none; border-radius: 0px; position: relative; cursor: pointer; }

/* xs a sm */ @media (max-width: 991px) {
#cookies-agreement { left: 0; top: 0; bottom: auto; z-index: 88888 !important; }
}

#onesignal-popover-container { z-index: 1001 !important; }

/* --- icons --- */

[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-switch:before,
.icon-power:before { content: "\e900"; }
.icon-hp:before,
.icon-address:before { content: "\e600"; }
.icon-attachment:before { content: "\e601"; }
.icon-bell:before { content: "\e602"; }
.icon-calendar:before { content: "\e603"; }
.icon-cubes:before { content: "\e604"; }
.icon-database:before { content: "\e605"; }
.icon-envelope-o:before { content: "\e606"; }
.icon-gauge:before { content: "\e607"; }
.icon-kontakty:before,
.icon-location2:before { content: "\e608"; }
.icon-carousel:before,
.icon-menu:before { content: "\e609"; }
.icon-open-book:before { content: "\e60a"; }
.icon-phone:before { content: "\e60b"; }
.icon-shipping:before { content: "\e60c"; }
.icon-school:before { content: "\e60d"; }
.icon-truck:before { content: "\e60e"; }
.icon-v-card:before { content: "\e60f"; }
.icon-home:before { content: "\e901"; }
.icon-image:before { content: "\e90d"; }
.icon-images:before { content: "\e90e"; }
.icon-camera:before { content: "\e90f"; }
.icon-bullhorn:before { content: "\e91a"; }
.icon-music:before { content: "\e911"; }
.icon-headphones:before { content: "\e910"; }
.icon-stack:before { content: "\e92e"; }
.icon-folder:before { content: "\e92f"; }
.icon-folder-open:before { content: "\e930"; }
.icon-folder-plus:before { content: "\e931"; }
.icon-folder-minus:before { content: "\e932"; }
.icon-price-tag:before { content: "\e935"; }
.icon-price-tags:before { content: "\e936"; }
.icon-barcode:before { content: "\e937"; }
.icon-cart:before { content: "\e93a"; }
.icon-location:before { content: "\e947"; }
.icon-location22:before { content: "\e948"; }
.icon-clock:before { content: "\e94e"; }
.icon-alarm:before { content: "\e950"; }
.icon-display:before { content: "\e956"; }
.icon-mobile:before { content: "\e958"; }
.icon-tv:before { content: "\e95b"; }
.icon-bubbles4:before { content: "\e970"; }
.icon-user:before { content: "\e971"; }
.icon-users,
.icon-respondenti:before { content: "\e972"; }
.icon-user-plus:before { content: "\e973"; }
.icon-user-minus:before { content: "\e974"; }
.icon-search:before { content: "\e986"; }
.icon-zoom-in:before { content: "\e987"; }
.icon-zoom-out:before { content: "\e988"; }
.icon-lock:before { content: "\e98f"; }
.icon-unlocked:before { content: "\e990"; }
.icon-cog:before { content: "\e994"; }
.icon-settings:before,
.icon-nastaveni:before,
.icon-cogs:before { content: "\e995"; }
.icon-stats-bars:before { content: "\e99c"; }
.icon-stats-bars2:before { content: "\e99d"; }
.icon-trophy:before { content: "\e99e"; }
.icon-gift:before { content: "\e99f"; }
.icon-meter:before { content: "\e9a6"; }
.icon-fire:before { content: "\e9a9"; }
.icon-pro-zadavatele:before,
.icon-briefcase:before { content: "\e9ae"; }
.icon-shield:before { content: "\e9b4"; }
.icon-aktuality:before,
.icon-clipboard:before { content: "\e9b8"; }
.icon-menu2:before { content: "\e9be"; }
.icon-cloud-download:before { content: "\e9c2"; }
.icon-cloud-upload:before { content: "\e9c3"; }
.icon-earth:before { content: "\e9ca"; }
.icon-flag:before { content: "\e9cc"; }
.icon-bookmark:before { content: "\e9d2"; }
.icon-star-empty:before { content: "\e9d7"; }
.icon-star-half:before { content: "\e9d8"; }
.icon-star-full:before { content: "\e9d9"; }
.icon-googleplus:before { content: "\ea88"; }
.icon-googleplus2:before { content: "\ea89"; }
.icon-googleplus3:before { content: "\ea8a"; }
.icon-facebook:before { content: "\ea8c"; }
.icon-facebook2:before { content: "\ea8d"; }
.icon-facebook3:before { content: "\ea8e"; }
.icon-instagram:before { content: "\ea90"; }
.icon-twitter:before { content: "\ea91"; }
.icon-twitter2:before { content: "\ea92"; }
.icon-twitter3:before { content: "\ea93"; }
.icon-feed:before { content: "\ea94"; }
.icon-feed2:before { content: "\ea95"; }
.icon-feed3:before { content: "\ea96"; }
.icon-youtube:before { content: "\ea97"; }
.icon-youtube2:before { content: "\ea98"; }
.icon-youtube3:before { content: "\ea99"; }
.icon-vimeo:before { content: "\ea9c"; }
.icon-vimeo2:before { content: "\ea9d"; }
.icon-vimeo3:before { content: "\ea9e"; }
.icon-picassa:before { content: "\eaa4"; }
.icon-picassa2:before { content: "\eaa5"; }
.icon-linkedin:before { content: "\eac8"; }
.icon-linkedin2:before { content: "\eac9"; }
.icon-pinterest3:before { content: "\ead0"; }
.icon-pinterest2:before { content: "\ead1"; }
.icon-foursquare:before { content: "\ead5"; }
.icon-download:before { content: "\e960"; }
.icon-upload:before { content: "\e961"; }
.icon-database2:before { content: "\e964"; }
.icon-undo2:before { content: "\e967"; }
.icon-redo2:before { content: "\e968"; }
.icon-forward:before { content: "\e969"; }
.icon-reply:before { content: "\e96a"; }
.icon-spinner11:before { content: "\e984"; }
.icon-enlarge2:before { content: "\e98b"; }
.icon-shrink2:before { content: "\e98c"; }
.icon-key:before { content: "\e98d"; }
.icon-equalizer:before { content: "\e992"; }
.icon-equalizer2:before { content: "\e993"; }
.icon-pro-respondenty:before,
.icon-pie-chart:before { content: "\e99a"; }
.icon-stats-dots:before { content: "\e99b"; }
.icon-bin:before { content: "\e9ac"; }
.icon-eye:before { content: "\e9ce"; }
.icon-eye-blocked:before { content: "\e9d1"; }
.icon-man:before { content: "\e9dc"; }
.icon-woman:before { content: "\e9dd"; }
.icon-man-woman:before { content: "\e9de"; }
.icon-checkmark:before { content: "\ea10"; }
.icon-checkmark2:before { content: "\ea11"; }
.icon-spell-check:before { content: "\ea12"; }
.icon-spinner112:before { content: "\e985"; }
.icon-bin2:before { content: "\e9ad"; }
.icon-sphere:before { content: "\e9c9"; }
.icon-earth2:before { content: "\e9cb"; }
.icon-flag2:before { content: "\e9cd"; }
.icon-pinterest:before { content: "\e610"; }

.ico_16_cal		{ background-image: url('../images/icons/i_16_calendar.png'); }
.ico_16_bars	{ background-image: url('../images/icons/i_16_bars.png'); }
.ico_16_data	{ background-image: url('../images/icons/i_16_data.png'); }
.ico_16_frm		{ background-image: url('../images/icons/i_16_forms.png'); }
.ico_16_charts	{ background-image: url('../images/icons/i_16_charts.png'); }
.ico_16_chat	{ background-image: url('../images/icons/i_16_chats.png'); }
.ico_16_check	{ background-image: url('../images/icons/i_16_checked.png'); }
.ico_16_msg		{ background-image: url('../images/icons/i_16_message.png'); }
.ico_16_pie		{ background-image: url('../images/icons/i_16_pie.png'); }
.ico_16_rsz		{ background-image: url('../images/icons/i_16_resize.png'); }
.ico_16_setup	{ background-image: url('../images/icons/i_16_setup.png'); }
.ico_16_spin	{ background-image: url('../images/icons/i_16_spinner.png'); }
.ico_16_tab		{ background-image: url('../images/icons/i_16_tables.png'); }
.ico_16_grid	{ background-image: url('../images/icons/i_16_grid.png'); }
.ico_16_tabs	{ background-image: url('../images/icons/i_16_tabs.png'); }
.ico_16_ttip	{ background-image: url('../images/icons/i_16_tooltip.png'); }
.ico_16_usrs	{ background-image: url('../images/icons/i_16_ui.png'); }
.ico_16_eq		{ background-image: url('../images/icons/i_16_eq.png'); }
.ico_16_wswg	{ background-image: url('../images/icons/i_16_wysiwyg.png'); }
.ico_22_lupa	{ background-image: url('../images/icons/i_22_search.png'); }

.ico_16_cal:hover		{ background-image: url('../images/icons/i_16_calendar_orange.png'); }
.ico_16_bars:hover		{ background-image: url('../images/icons/i_16_bars.png'); }
.ico_16_data:hover		{ background-image: url('../images/icons/i_16_data.png'); }
.ico_16_frm:hover		{ background-image: url('../images/icons/i_16_forms_blue.png'); }
.ico_16_charts:hover	{ background-image: url('../images/icons/i_16_charts.png'); }
.ico_16_chat:hover		{ background-image: url('../images/icons/i_16_chats_blue.png'); }
.ico_16_check:hover		{ background-image: url('../images/icons/i_16_checked.png'); }
.ico_16_msg:hover		{ background-image: url('../images/icons/i_16_message.png'); }
.ico_16_pie:hover		{ background-image: url('../images/icons/i_16_pie.png'); }
.ico_16_rsz:hover		{ background-image: url('../images/icons/i_16_resize.png'); }
.ico_16_setup:hover		{ background-image: url('../images/icons/i_16_setup.png'); }
.ico_16_spin:hover		{ background-image: url('../images/icons/i_16_spinner.png'); }
.ico_16_tab:hover		{ background-image: url('../images/icons/i_16_tables.png'); }
.ico_16_grid:hover		{ background-image: url('../images/icons/i_16_grid.png'); }
.ico_16_tabs:hover		{ background-image: url('../images/icons/i_16_tabs.png'); }
.ico_16_ttip:hover		{ background-image: url('../images/icons/i_16_tooltip.png'); }
.ico_16_usrs:hover		{ background-image: url('../images/icons/i_16_ui.png'); }
.ico_16_eq:hover		{ background-image: url('../images/icons/i_16_eq.png'); }
.ico_16_wswg:hover		{ background-image: url('../images/icons/i_16_wysiwyg.png'); }
.ico_22_lupa:hover		{ background-image: url('../images/icons/i_22_search.png'); }

/* --- banners --- */

.advert { position: relative; padding-top: 0px /*15*/; display: block; clear: both; max-width: 100% !important; }
.floating-banner { max-width: 300px; }
.float-banner { padding-top: 5px; width: 300px; max-width: 300px; text-align: right; }
#bd.hp-page .float-banner { text-align: left; }
#main-page.mp-clk-detail .rs-ss1 { width: 300px !important; text-align: right; }
#main-page.mp-clk-detail .rs-ss2 { width: 480px !important; text-align: right; }
#main-page.mp-clk-detail .rs-ss1 .float-banner.fb-top { width: 300px; max-width: 300px; text-align: right; }
#main-page.mp-clk-detail .rs-ss2 .float-banner.fb-down { width: 480px; max-width: 480px; text-align: right; }
.footer-banner { max-width: 100%; width: 100%; text-align: center; margin: 10px auto; }
.full-banner { max-width: 100%; text-align: center; }
.bottom-article-banner { margin: 0; margin-bottom: 50px; padding: 15px 5px; clear: both; overflow: hidden; max-width: 100%; }
#AdTrackArticleBottom { padding: 15px 15px 15px 0; clear: both; overflow: hidden; }

/* xs and sm */ @media (max-width: 991.98px) {
.footer-banner div.adFull { margin: 0 auto; text-align: initial; }
.full-banner div.adFull { margin: 0 auto; text-align: initial; }
}


/* --- Seznam.cz --- */
/* --- zona pro Leaderboard a pripadne pro branding --- */

/* --- bez brandingu --- */
#ssp-zone-73077 { margin-bottom: 20px; }

/* --- kdyz je branding --- */
#ssp-branding-73077 { position: fixed; left: 50%; transform: translateX(-50%); margin: 0 auto; }
/* definice vlastností třídy adFull, která se elementu s brandingem přiřadí v okamžiku, kdy je do něj úspěšně vykreslena reklama; určuje šířku (2000 px) a výšku (1400 px) elementu s brandingem */
#ssp-branding-73077.adFull { width: 2000px; height: 1400px; }
/* příklad definice odsazení těla stránky (předpokládáme umístění v elementu div#page) o 226 px od horního okraje po vykreslení brandingu */
#ssp-branding-73077.adFull ~ #main-page { position: relative; top: 226px; }

#szn-branding { position: fixed; top: 39px; left: 0; bottom: 0; right: 0; z-index: -1; background-position: center top; overflow: hidden; }
.szn-branding-link { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
/*.ad-leaderboard { width: 970px; height: 210px; background: red; margin: 1rem auto; }
.ad-leaderboard--disabled { display: none; visibility: hidden; }
.page-content { width: 1060px; min-height: 1400px; margin: 0 auto 1rem; background: white; z-index: 1; box-sizing: border-box; padding: 25px; text-align: center; border: 1px solid #333; }*/
#main-page.page-content--branding { margin-top: 226px; box-shadow: inset rgba(0,0,0,.5) 0 0 5px; border: none; padding-top: 0; }

#seznam-pop-up-ad { z-index: 99999 !important; }

.img-responsive,
#article .clk-image img.img-responsive { width: 100%; height: auto; }
#article .advert { display: block; position: relative; margin: 15px auto; }


/* --- grids --- */

.rest { overflow: hidden; box-sizing: border-box; }
.panel, .row, .row-padding, .panel-padding { position: relative; width: 100%; }
.panel:after, .row:after, .row-padding:after { content: ""; display: table; clear: both; }
.row-padding, .row-padding > .col { padding: 0 8px; }
.panel-padding, .panel-padding > .col { padding: 0 8px; }
.col { float: left; width: 100%; }
.col.xs1 { width: 8.33333%; } .col.xs2 { width: 16.66666%; } .col.xs3 { width: 24.99999%; } .col.xs4 { width: 33.33333%; } .col.xs5 { width: 41.66666%; } .col.xs6 { width: 49.99999%; } .col.xs7 { width: 58.33333%; } .col.xs8 { width: 66.66666%; } .col.xs9 { width: 74.99999%; } .col.xs10 { width: 83.33333%; } .col.xs11 { width: 91.66666%; } .col.xs12 { width: 99.99999%; }


/* xs */
@media (max-width: 767px) {
body, html { height: initial; min-height: unset; }
#back-to-top, #back-to-top:hover { background: rgba(0,0,0,.8) url('../images/assets/totop-arrow-w.png') no-repeat center center; }
/*
.gcse-srch-frm { width: auto; height: 35px; display: block; top: 105px; left: 10px; right: 10px; position: absolute; z-index: 11; }
.gsc-search-button.gsc-search-button-v2 { background: #f06b1c !important; border: 1px solid #f06b1c !important; padding-left: 15px; padding-right: 15px; }
.txt-srch { width: 100%; -webkit-appearance: none !important; }
*/
.content { padding-right: 0px; }
.side-column { display: none; }
.content.on-left { padding-right: 0; }
.content.on-right { padding-left: 0; }
.content .vertical-clk,
.content .vertical-clk:nth-child(2n),
.content .horizontal-clk { padding: 0 !important; margin: 0 !important; }
.content .horizontal-clk .article .clk-image { float: none; margin-right: 0; }
.content .vertical-clk { padding: 10px 0 !important; }
.sep-strip .content .vertical-clk .article p { display: block; }
.content h1.article-title { font-size: 27px /*27*/; line-height: 33px; margin-top: 0px; padding: 15px 15px 15px 15px; font-weight: 600; border-top: 3px solid #f06b1c; }
.content h1.rvrz { font-size: 20px; line-height: 42px; margin: 0px 0 0; padding: 0 15px; color: #fff; background-color: #f06b1c; text-transform: uppercase; }
.opening-article { border-right: 0 none; border-bottom: 1px solid #ececec; padding: 0 5px 10px 5px; margin-bottom: 15px; }
.next-article { padding: 0 5px 20px 5px; }
#article h1 { text-align: center; }
#article .article-tools { display: none; }
#article #article-top { padding-bottom: 15px; }
#article .diskuse-clk { bottom: 0; }
.pging2 .pgtop, .pging2 .pgdown { text-align: center; }
#article p img { width: 100%; height: auto; }
#anketa-place { height: unset; float: none; margin: 0 auto; }
#anketa-cont { width: 100%; padding: 20px 0 0; float: none; text-align: center; }
.txt-page { padding: 0 10px; }
.galerie { padding: 0 0 20px 10px; }
#about-us { display: none; }
#wp-cont { width: 100%; padding: 20px 0 0; float: none; text-align: center; }
#footer { padding: 15px 0; }
#copyright,
#footer-menu { text-align: center; float: unset;}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.col.sm1 { width: 8.33333%; } .col.sm2 { width: 16.66666%; } .col.sm3 { width: 24.99999%; } .col.sm4 { width: 33.33333%; } .col.sm5 { width: 41.66666%; } .col.sm6 { width: 49.99999%; } .col.sm7 { width: 58.33333%; } .col.sm8 { width: 66.66666%; } .col.sm9 { width: 74.99999%; } .col.sm10 { width: 83.33333%; } .col.sm11 { width: 91.66666%; } .col.sm12 { width: 99.99999%; }

#main-page { overflow: hidden; }
#btn-menu { display: block; }
#mMenu { width: 100%; margin: 0; background: #3e454c; }
#main-menu { width: 300px; list-style: none; position: absolute; top: 40px; right: -320px; }
#main-menu li { width: 300px; height: 40px; display: block; float: none; background: #3e454c; border-top: 1px solid #434a52; border-bottom: 1px solid #272b31; position: relative; }
#main-menu li a { height: 40px; display: block; background: #3e454c; color: #fff; font-size: 12px; font-weight: 600; line-height: 40px; padding: 0 15px; text-align: center; text-transform: uppercase; letter-spacing: .5px; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#main-menu li:first-child { border-top: 1px solid #3e454c; }
#main-menu li:last-child { border-bottom: 1px solid #3e454c; }
#main-menu li:hover a,
#main-menu li a:hover { background-color: #2d3237; color: #fff; }
#main-menu li a.sel { background-color: #f06b1c; color: #fff; }
#main-menu li:hover { border-top: 1px solid #2d3237; border-bottom: 1px solid #2d3237; }
#main-menu li.sel { border-top: 1px solid #f06b1c !important; border-bottom: 1px solid #740 !important; }
#main-menu li.sel:first-child { border-top: 1px solid #f06b1c !important; }
#main-menu li.sel:last-child { border-bottom: 1px solid #f06b1c !important; }
#main-menu a { text-decoration: none; font-size: 14px; color: #fff; line-height: 40px; }
#main-menu li#hp-ico { width: 300px; height: 40px; display: block; float: none; background: #3e454c; border-top: 1px solid #434a52; border-bottom: 1px solid #272b31; position: relative; }
#main-menu li#hp-ico:hover { background: #3e454c; }
#main-menu li#hp-ico a { width: 300px; background-image: none; color: #fff; font-size: 12px; font-weight: 600; }
#main-menu li#hp-ico a { background-image: none; width: 300px; height: 40px; display: block; background: #3e454c; color: #fff; font-size: 12px; font-weight: 600; line-height: 40px; }
#main-menu li#hp-ico a:hover { background-image: none; background: #2d3237; color: #fff; }
#main-menu li#hp-ico a.sel { background-image: none; background: #f06b1c; color: #fff; }
#main-menu li#hp-ico a span { display: block; color: #fff; }
.content .vertical-clk,
.content .vertical-clk:nth-child(2n),
.content .horizontal-clk { padding: 0 !important; margin: 0 !important; }
.content .article { margin: 20px 0 !important; padding-bottom: 45px !important; }
.content .article h2 { min-height: unset !important; }
.content .horizontal-clk .article .clk-image { float: none; margin-right: 0; }
.content .vertical-clk { padding: 10px 0 !important; }
.content .article p { font-size: 15px; line-height: 22px; color: #333; min-height: unset; }
.sep-strip .content .vertical-clk .article p { display: block; }
.content #article iframe { width: 100%; height: auto; }
.content h1.article-title { font-size: 27px; line-height: 33px; margin-top: 15px; padding: 0px 15px 15px 15px; font-weight: 600; border-top: 0px solid #f06b1c; }
#anketa-cont { padding-right: 15px; }
#copyright,
#footer-menu { text-align: center; float: unset;}
}

/* md */
@media (min-width: 992px) and (max-width: 1060px) {
.col.md1 { width: 8.33333%; } .col.md2 { width: 16.66666%; } .col.md3 { width: 24.99999%; } .col.md4 { width: 33.33333%; } .col.md5 { width: 41.66666%; } .col.md6 { width: 49.99999%; } .col.md7 { width: 58.33333%; } .col.md8 { width: 66.66666%; } .col.md9 { width: 74.99999%; } .col.md10 { width: 83.33333%; } .col.md11 { width: 91.66666%; } .col.md12 { width: 99.99999%; }

#main-page { overflow: hidden; }
#anketa-cont { padding-right: 15px; }
}

/* lg */
@media (min-width: 1061px) {
.col.lg1 { width: 8.33333%; } .col.lg2 { width: 16.66666%; } .col.lg3 { width: 24.99999%; } .col.lg4 { width: 33.33333%; } .col.lg5 { width: 41.66666%; } .col.lg6 { width: 49.99999%; } .col.lg7 { width: 58.33333%; } .col.lg8 { width: 66.66666%; } .col.lg9 { width: 74.99999%; } .col.lg10 { width: 83.33333%; } .col.lg11 { width: 91.66666%; } .col.lg12 { width: 99.99999%; }
#anketa-cont { width: 208px; padding-right: 8px; }
#wp-cont { width: 482px; }
}