@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; } @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.3.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') 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; } html, body { height: 100%; } 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: bold; } 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-input-placeholder { color: inherit; opacity: 0.54; } ::-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; } /*--- end reset ---*/ html { box-sizing: border-box; overflow-x: hidden; overflow-y: scroll; } *, *:before, *:after { box-sizing: inherit; } html, body { width: 100%; height: 100%; } body { padding: 0; margin: 0; background-color: #fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif; } .cistic { clear: both; visibility: hidden; display: block; height: 0; font-size: 1px; } 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; } em { font-style: italic; } img, a, a img { border: 0 none; outline: 0 none; } /*.wrapper { width: 100%; max-width: 1024px; margin: 0 auto; position: relative; }*/ .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; } .img-responsive { width: 100%; height: auto; } #back-to-top { background: rgba(0, 0, 0, .7) url('../images/assets/totop-arrow-g.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: #c4df00 url('../images/assets/totop-arrow-b.png') no-repeat center center; } .flL { float: left !important; } .flR { float: right !important; } .flN { float: none !important; } .aC { text-align: center; } .aL { text-align: left; } .aR { text-align: right; } .aJ { text-align: justify; } .cHand { cursor: pointer; } .cOtz, .cHelp { cursor: help; } .cDrag { cursor: ns-resize; } .spacer, .spacer-10 { clear: both; visibility: hidden; display: block; height: 10px; font-size: 0px; } .spacer-20 { clear: both; visibility: hidden; display: block; height: 20px; font-size: 0px; } .spacer-30 { clear: both; visibility: hidden; display: block; height: 30px; font-size: 0px; } .spacer-40 { clear: both; visibility: hidden; display: block; height: 40px; font-size: 0px; } .spacer-50 { clear: both; visibility: hidden; display: block; height: 50px; font-size: 0px; } .spacer-250 { clear: both; visibility: hidden; display: block; height: 250px; font-size: 0px; } .pdB-10 { padding-bottom: 10px; } .pdB-20 { padding-bottom: 20px; } .pdB-30 { padding-bottom: 30px; } .pdB-40 { padding-bottom: 40px; } .pdB-50 { padding-bottom: 50px; } .pdB-60 { padding-bottom: 60px; } .pdB-70 { padding-bottom: 70px; } .pdB-80 { padding-bottom: 80px; } .pdB-90 { padding-bottom: 90px; } .pdB-100 { padding-bottom: 100px; } #dimensions { display: none; position: fixed; right: 50px; bottom: 0; background-color: rgba(0,0,0,.9); color: #fff; font-size: 11px; font-weight: bold; border-radius: 0 0 0 3px; padding: 2px 10px; } /*#main-page { width: 100%; max-width: 1024px; padding: 0 2px; margin: 0 auto; display: block; position: relative; background: #fff; }*/ #main-page { width: 100%; max-width: 1060px; padding: 80px 0px 20px; margin: 0 auto; display: block; position: relative; /*background: #fff;*/ } body.page-is-branded #main-page { padding-top: 25px; } .stop-top { width: 100%; height: 0px; display: block; /*background: red;*/ } .stop-down { width: 100%; height: 0px; display: block; /*background: green;*/ } #adThemeTop { display: none; width: 1024px; height: 200px; margin: 0 auto; } #adThemeLeft { display: none; width: 200px; height: 600px; position: absolute; left: -200px; top: 15px; background: url('../images/reklama/usvit/ss_200x600_levy_Usvit_eurovolby_20140326.jpg') repeat-y left top; z-index: 10; } #adThemeLeft a { display: block; width: 200px; height: 600px; } #adThemeLeft a span { display: none; } #adThemeRight { display: none; width: 200px; height: 600px; position: absolute; right: -200px; top: 15px; background: url('../images/reklama/usvit/ss_200x600_pravy_Usvit_eurovolby_20140326.jpg') repeat-y left top; z-index: 10; } #adThemeRight a { display: block; width: 200px; height: 600px; } #adThemeRight a span { display: none; } #Top { width: 100%; height: 50px; display: block; position: fixed; top: 0; left: 0; z-index: 1000; background: #f4ffdd; border-bottom: 1px solid #aab188; } .pnl-logo { width: 150px; height: 39px; display: block; position: absolute; top: 5px; left: 10px; } #logo { width: 150px; height: 39px; display: block; background: url('../images/logo.jpg') no-repeat left top / 150px 39px; } #logo a { width: 150px; height: 39px; display: block; } #logo a span { display: none; } .top-menu-ddl { position: relative; float: left; margin-top: 3px; width: 165px; display: none; } .top-menu-ddl .popisek { font-size: 11px; font-weight: 400; padding-left: 2px; } .top-menu-ddl .uni-select, .top-menu-ddl select { width: 160px !important; box-sizing: initial; } .top-menu-ddl.tm-kraj { margin-left: 200px; } .top-menu-ddl.tm-okres { margin-left: 30px; width: 205px; } #reload-to-section { display: block; width: 16px; height: 16px; float: right; margin-top: 5px; background: url('../images/assets/go.png') no-repeat center center / 12px 12px; text-indent: -99999px; } #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 { padding: 0; background: none; float: right; position: relative; top: 9px; right: 10px; width: 100%; max-width: 300px; } #gcse-srch-frm td.gsc-input { padding-top: 0 !important; padding-bottom: 0 !important; } #gcse-srch-frm .gsc-input-box { height: 26px !important; line-height: 26px !important; margin-top: -1px; } #gcse-srch-frm .gsc-search-box td { padding: 0 5px !important; margin: 0 !important; } #gcse-srch-frm input.gsc-input { height: 22px; line-height: 22px; padding: 0 5px !important; margin: 1px 0 0 !important; font-size: 13px !important; } div.gs-webResult.gs-result a.gs-title { color: #a7c321 !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: #a7c321 !important; /* #e64418 */ } div.gsc-results.gsc-webResult .gsc-cursor-box { margin-top: 40px; } .gsc-search-button.gsc-search-button-v2 { background: #a7c321 !important; border: 1px solid #a7c321 !important; padding-left: 15px; padding-right: 15px; } table.gsc-branding, div.gcsc-branding { display: none; } .fb-down { width: 480px; text-align: center; } .socnet-top { display: none; position: absolute; top: 7px; right: 10px; } .socnet-top a { width: 24px; height: 24px; display: inline-block; margin: 0 2px; text-align: center; color: #222; background: #fff; transition: all 0.2s linear; } .socnet-top a { font-size: 24px; line-height: 24px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; cursor: pointer; } .socnet-top a span { display: none; } .socnet-top a.icon-facebook2 { color: #48e; } .socnet-top a.icon-twitter2 { color: #1dc6ff; } .socnet-top a.icon-google-plus2 { color: #b00; } .socnet-top a.icon-feed2 { color: #f90; } .anotace { display: block; height: 28px; background-color: #f6f9e6; padding: 5px 0; position: absolute; left: 0px; right: 0px; bottom: 0px; overflow: hidden; background: #f6f9e6; } .anotace .ticker-title { position: absolute; left: 0; top: 0; background: #000; height: 28px; padding: 0 10px; font-size: 13px; line-height: 28px; color: #fff; } .ticker { height: 28px; padding: 0; margin: 0; position: absolute; left: 90px; right: 10px; top: 2px; } .ticker li { list-style: none; font-size: 12px; height: 28px; line-height: 25px; padding: 0; margin: 0 10px 0 0; overflow: hidden; } .ticker a { text-decoration: none; color: #666; } .ticker a:hover { text-decoration: underline; color: #900; } .svatek { font-size: 12px; text-align: right; line-height: 20px; color: #999; position: absolute; bottom: 35px; right: 10px; z-index: 10; } .svatek-datum strong { color: #000; } .svatek-name strong { color: #000; } #Content { display: block; position: relative; min-height: 400px; padding: 0 10px; background: #fff; } #LeftSide { /*float: left; width: 790px;*/ position: relative; padding-right: 10px /*20*/; } #RightSide { float: right; width: 300px; position: relative; } .page-content { width: 100%; min-height: 400px; display: block; /*padding-bottom: 20px;*/ background: #f8f8f8; 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 .content { padding: 10px 0 0 /*35px 0*/; } .bgr-blue { background-color: #2bf !important; } .bgr-sky { background-color: #0bd !important; } .bgr-red { background-color: #c00 !important; } .bgr-orange { background-color: #f90 !important; } .bgr-green { background-color: #bd0 !important; } .bgr-pink { background-color: #f1238f !important; } #wrpContent { background-color: #fff; padding-bottom: 30px; } /* --- carousel --- */ .content-header { padding-top: 0px; border-top: 1px solid #ddd; width: 100%; overflow: hidden; } .carousel { width: 512px !important; float: right !important; overflow: hidden; max-height: 320px; } .bxslider { padding: 0; margin: 0; list-style: none; } .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } .bx-wrapper img { width: 100%; height: auto; display: block; } .bx-wrapper .bx-viewport { background: #333; padding: 0; margin: 0; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -8px; padding-right: 10px; } .bx-wrapper .bx-loading { min-height: 50px; background: url('../images/assets/loader.png') center center no-repeat #fff / 16px 16px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-pager { text-align: right; font-size: 0px; font-family: Arial; color: #666; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #333; text-indent: -9999px; display: block; width: 11px; height: 11px; margin: 0 3px; outline: 0; border: 3px solid #333; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #c4df00; } .bx-wrapper .bx-prev { left: 3px; background: url('../images/assets/arrows.png') no-repeat left top; } .bx-wrapper .bx-next { right: 0px; background: url('../images/assets/arrows.png') no-repeat left bottom; } .bx-wrapper .bx-controls-direction a { cursor: pointer; width: 27px; height: 40px; position: absolute; top: 50%; margin-top: -15px; padding: 0px; outline: 0; text-indent: -9999px; z-index: 9999; opacity: 0; transition: all linear .2s; } .bx-wrapper:hover .bx-controls-direction a { opacity: 0.8; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; right: 0px; background: rgba(0, 0, 0, 0.6); overflow: hidden; padding: 0; margin: 0; } .bx-wrapper .bx-caption-text { color: #fff; font-family: 'Open Sans', Arial, sans-serif; display: block; font-size: 14px; padding: 15px 20px; position: relative; } .bx-wrapper .bx-caption-text h2 { color: #fff; font-size: 16px; font-weight: 400; padding: 30px 0 30px; border-bottom: 1px solid #fff; text-align: center; } .bx-wrapper .bx-caption-text p { color: #fff; font-size: 14px; font-weight: 400; padding: 0; text-align: justify; } .bx-wrapper .bx-caption-text p a { color: #fff; text-decoration: none; } .bx-wrapper .bx-caption-text p a:hover { color: #a9c525; } .bx-cst-pager { display: block; position: relative; } .bxthumb { height: 80px; display: block; cursor: pointer /*alias*/; padding: 9px 5px 0; color: #000; 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'); } .bxthumb { font-size: 12px; line-height: 16px; text-decoration: none; color: #333; position: relative; border-color: #ececec; border-style: solid; border-width: 0 0 1px 0; } .bxthumb.active { background: #333; color: #fff; border-bottom: 1px solid #333; overflow: visible !important; } .bxthumb.active:after { content: ''; width: 12px; height: 80px; display: block; background: #f33 url('../images/assets/select_arrow.png') 0 36px no-repeat; border-radius: 0 4px 4px 0; position: absolute; top: 0px; right: -12px; z-index: 1000; } .bxthumb img { float: left; margin: 0 10px 0 0; } /* --- hp kraje --- */ .kraj-articles { padding: 5px 5px 0 5px; border: 1px solid #ececec; border-radius: 4px; } .kraj-articles .articles-holder { padding-bottom: 5px; } .kraj-title { height: 40px; display: block; padding: 0 15px; margin-bottom: 10px; position: relative; background-color: #a9c525; border-radius: 3px; } .kraj-tools { width: 40px; height: 40px; display: block; position: absolute; top: 0; right: 0; } .kraj-title h2 { height: 40px; display: block; color: #fff; font-size: 18px; line-height: 40px; float: left; -webkit-text-shadow: 1px 1px 1px #555; -moz-text-shadow: 1px 1px 1px #555; text-shadow: 1px 1px 1px #555; } .kraj-title h2 a { display: block; color: #fff; text-decoration: none; } .kraj-title h2 a:hover { text-decoration: underline; } .kraj-articles .article { float: left; padding-top: 0; margin-top: 0; } .kraj-articles .clkLink:hover h3 a { color: #a9c525; } .kraj-articles h3 { padding: 0; margin: 0; } .kraj-articles h3 a { color: #222; text-decoration: none; } .kraj-articles h3 a:hover { color: #a9c525; } .kraj-articles p { font-size: 12px; line-height: 16px; color: #666; margin: 0; padding: 5px 0; } .kraj-articles p.datum { font-size: 11px; color: #bbb; margin: 3px 0 0; padding: 0; } .opening-article { border-right: 1px solid #ececec; padding: 0 14px 10px 5px; } .opening-article h3 { font-size: 16px; line-height: 22px; } .opening-article .article-image { display: inline-block; margin: 0 0 10px 0; background: #fff; position: relative; /*border: 1px solid #eee; padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ } .opening-article .article-image img { width: 100%; height: auto; border: 1px solid #f8f8f8; } .next-article { padding: 0 5px 20px 14px; } .next-article h3 { font-size: 13px; } .next-article .article-image { display: inline-block; margin: 0 15px 0 0; background: #fff; position: relative; float: left; /*border: 1px solid #eee; padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ } .next-article .article-image img { border: 1px solid #f8f8f8; } .next-article a.more { display: inline-block; padding: 5px 12px; color: #fff; font-size: 10pt; background-color: #a9c525; text-decoration: none; position: absolute; right: 15px; bottom: 20px; } .clkLink { cursor: pointer; } p.datum a { text-decoration: none; color: #888; } p.datum a:hover { color: #a9c525; text-decoration: underline; } div#sortable { list-style-type: none; padding: 0px; margin: 0px; overflow: auto; } div#sortable div.sortableItem { margin: 0px; padding: 0px; margin-top: 20px; } html > body div#sortable div.sortableItem { min-height: 62px; } div#sortable .ui-state-highlight { height: 62px; background: #f7fff0; /* #f0fcff */ margin-top: 20px; width: 100%; border: 1px dotted #95e852; /* #59d5f7 */ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .kraj-drag { width: 40px; height: 40px; display: block; background: #bad82e url('../images/icons/move.png') no-repeat center center; /* #75dbf9 */ display: none; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); position: absolute; top: 0; right: 0; } #sortableTools { height: 55px; background: url('../images/sort_polozek.png') no-repeat left top / 340px 40px; margin: 30px 0 -15px 0; position: relative; display: none; } #sortableTools .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: 0px 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); } #sortableTools #btnSort { position: absolute; top: 5px; right: 25px; } #sortableTools #btnStorno { position: absolute; top: 5px; right: 225px; } .kraj-tools > .dropdown-toggle { -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .kraj-tools .dropdown-toggle:active, .kraj-tools.open .dropdown-toggle { outline: 0; } .kraj-tools > .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); *padding-top: 4px; *padding-bottom: 4px; } .kraj-tools > .btnR.dropdown-toggle { width: 40px; height: 40px; display: block; background: #bad82e url('../images/icons/ddmenu.png') no-repeat center center; } .kraj-tools.open .dropdown-toggle { } .kraj-tools.open .btnR.dropdown-toggle { background-color: #bad82e; /* #75dbf9 */ } /* --- drop down --- */ .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; opacity: 0.6; filter: alpha(opacity=60); margin: 13px -5px 5px 10px; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown:hover .caret, .open .caret { opacity: 0.3; filter: alpha(opacity=30); } .dropdown-menu { position: absolute; text-align: left; top: 100%; left: -1px; z-index: 1000; display: none; float: left; min-width: 160px; margin: 0; padding: 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; *border-right-width: 4px; *border-bottom-width: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 2px -2px #ccc; -moz-box-shadow: 0 2px 2px -2px #ccc; box-shadow: 0 2px 2px -2px #ccc; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border-top: 0 none; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu li a { border-bottom: 1px solid #e4e4e4; border-top: 1px solid #fff; position: relative; } .dropdown-menu li:first-child a { border-top: none; } .dropdown-menu li:last-child a { border-bottom: none; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .dropdown-menu a { display: block; padding: 10px 15px 10px 40px; clear: both; font-weight: normal; color: #6A6A6A; text-decoration: none; white-space: nowrap; font-size: 11px; background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%); background: linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 ); } .dropdown-menu a:hover { background: #f5f5f5; color: #4ea3c7; } .dropdown-menu a span { display: block; width: 16px; height: 16px; position: absolute; top: 10px; left: 12px; } .dropdown-menu a span.rss { background: url('../images/icons/i_16_rss.png') no-repeat left top; } .dropdown-menu a:hover span.rss { background: url('../images/icons/i_16_rss_blue.png') no-repeat left top; } .dropdown-menu a span.sort { background: url('../images/icons/i_16_setup.png') no-repeat left top; } .dropdown-menu a:hover span.sort { background: url('../images/icons/i_16_setup_blue.png') no-repeat left top; } .open { *z-index: 1000; } .open .dropdown-menu { display: block; } .pull-right .dropdown-menu { right: 0; left: auto; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; } .caret span { display: none; } .caret { display: none; } /* --- mapa cr --- */ #locPanelPlace { width: 300px; min-height: 225px; padding-bottom: 30px; display: block; z-index: 10; } #mapaCR { width: 300px; height: 220px; display: block; position: relative; } .mapaCRtitle { width: 88px; height: 54px; display: block; position: absolute; top: -54px; left: 0; z-index: 10; } .mapaCRtitle span { display: none; } .mapaKraj { background: url('../images/titleVyberKraj.png') no-repeat left top; } .mapaOkres { background: url('../images/titleVyberOkres.png') no-repeat left top; } .mapaObvod { background: url('../images/titleVyberObvod.png') no-repeat left top; } .locList { width: 300px; padding: 8px 15px 8px 20px; margin: 10px 0 0 0; position: relative; background-color: #d1cfc2; font-size: 9pt; border: 0 solid #fb0; border-radius: 6px; } .locList ul { padding: 0; margin: 0; } .locList ul li { display: inline-block; float: left; padding: 2px 5px 2px 13px; background: transparent url('../images/odrazka.png') no-repeat 0 center; } .locList ul li a { color: #111; padding: 2px 3px; text-decoration: none; } .locList ul li a:hover { color: #111; text-decoration: underline; } .locList ul li a.sel, .locList ul li a.sel:hover { background: #a6c124; color: #fff; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* --- vklad --- */ #vklad1 { position: relative; overflow: hidden; padding-top: 20px; } #vklad2 { position: relative; overflow: hidden; padding-top: 20px; } .vklad1-left { padding-right: 14px; text-align: center; } .vklad1-right { } #wpBannerPlace { width: 500px; height: 305px; display: block; position: relative; padding: 0; border: 0 solid #a9c525; } #wpBannerPlace .addTitle { color: #a9c525; font-size: 20px; line-height: 40px; padding-left: 5px; } #wpBannerPlace .WallPaper { width: 481px; height: 301px; display: block; border: 0 solid #ececec; border-radius: 0; padding: 0 !important; margin: 0 !important; position: relative; } #wpBannerPlace .WallPaper .ssTitle { position: absolute; top: initial; left: initial; bottom: -13px; right: 10px; font-size: 8pt; color: #ccc; display: none; } /* --- anketa --- */ #anketa-place { max-width: 350px; height: 414px; display: block; position: relative; padding: 0 0 32px; margin: 0; background-color: #a9c525; border: 0 solid #a9c525; overflow: hidden; border-radius: 6px; } /*#anketa-place .add-title { background-color: #bbd82e; color: #fff; font-size: 15px; line-height: 32px; text-align: center; }*/ #anketa-otz { background-color: #bbd82e; padding: 5px 10px 10px; margin: 0; text-align: center; border-radius: 6px 6px 0 0; } #anketa-otz a { font-size: 15px; line-height: 22px; color: #333; padding: 0; margin: 0; text-decoration: none; color: #333; } #anketa-otz a:hover { text-decoration: underline; } #anketa-place a#more-link { position: absolute; bottom: 0; right: 0; left: 0; text-decoration: none; background-color: #bbd82e; color: #fff; font-size: 14px; line-height: 32px; text-align: center; border-radius: 0 0 6px 6px; } #anketa-place a#more-link:hover { text-decoration: underline; } .ank-graph { display: block !important; 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: 140px; height: 140px; border: 30px solid rgba(255,255,255,.4); background-color: none; border-radius: 140px; line-height: 140px; font-size: 72px; text-align: center; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .piegraph > .percent sup { font-size: 24px !important; } .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: 30px solid #fff; position: absolute; width: 140px; height: 140px; 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: #fff; width: 140px; height: 140px; } #anketa-place .ank-odp { font-size: 14px; line-height: 20px; color: #333; padding: 5px; margin: 0; text-align: center; cursor: pointer; } /* --- vtip dne --- */ #vtip-place { display: block; padding: 0 10px 10px; background-color: #a9c525; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #vtip-place .add-title { color: #fff; font-size: 20px; line-height: 40px; -webkit-text-shadow: 1px 1px 1px #555; -moz-text-shadow: 1px 1px 1px #555; text-shadow: 1px 1px 1px #555; } #vtip-dne { } #vtip-dne a { color: #eee; } #vtip-dne a:hover { color: #fff; } #vtip-dne p { font-size: 12px; line-height: 16px; color: #eee; padding: 3px 0 0; margin: 0; } #vtip-dne p span { font-style: italic; color: #777; } .kultura-place { min-height: 280px; display: block; border: 0 solid #eee; } .kultura-place h2 { color: #fff; font-size: 20px; line-height: 40px; text-shadow: 1px 1px 1px #555; } .kultura-place .article { cursor: pointer; padding: 5px 0 5px 0; margin: 4px 0 0 0; height: 72px; overflow-y: hidden; } .kultura-place .article:first-child { padding: 0 0 5px 0; margin: 0; } .kultura-place h3 { font-size: 11px; padding: 0px 0 0 0; margin: 0; line-height: 17px; text-align: left; } .kultura-place h3 a { color: #222; text-decoration: none; } .kultura-place h3 a:hover, .kultura-place .article:hover h3 a { color: #a9c525; } .kultura-place .article p { font-size: 12px; line-height: 16px; color: #666; margin: 0; padding: 5px 0; } .kultura-place .article p.datum { font-size: 11px; color: #ccc; margin: 0; padding: 0; } .kultura-place .article .article-image { display: inline-block; margin: 0 10px 5px 0; background: #fff; position: relative; float: left; } .kultura-place .article .article-image img { border: 1px solid #f8f8f8; width: 66px; } /* --- footer --- */ #footer { display: block; position: relative; padding: 0; margin: 0; background: #2c2c2c; } .footer-wrapper { display: flex; flex-direction: row; } .footer-top { display: block; padding: 12px 0; line-height: 22px; font-size: 11px; color: #bcbcbc; border-bottom: 1px solid #1c1c1c; border-top: 1px solid #686868; } .footer-top { background-color: #3c3c3c; background-image: -ms-linear-gradient(top, #5a5a5a, #3c3c3c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a5a5a), to(#3c3c3c)); background-image: -webkit-linear-gradient(top, #5a5a5a, #3c3c3c); background-image: -o-linear-gradient(top, #5a5a5a, #3c3c3c); background-image: -moz-linear-gradient(top, #5a5a5a, #3c3c3c); background-image: linear-gradient(top, #5a5a5a, #3c3c3c); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5a5a5a', endColorstr='#3c3c3c', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .footer-top .wrapper { text-align: center; } .footer-top span { display: inline-block; font-size: 12px; color: #fff; } .footer-top a { display: inline-block; padding: 0 2px; margin: 0 0 0 1px; text-decoration: none; color: #bcbcbc; } .footer-top a:hover { color: #fff; } .footer-top a.sel, .footer-top a.sel:hover { color: #222; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .footer-left, .footer-middle, .footer-right { min-height: 200px; margin-top: 25px; display: block; } .footer-left { padding: 0 20px 0 15px; } .footer-middle { padding-left: 15px; } .footer-right { padding-left: 15px; } .footer-left .logo { width: 200px; height: 52px; display: block; background: url('../images/logo_footer.jpg') no-repeat left top; } .logo span { display: none; } .footer-left .fn { padding: 10px 0 0 5px; font-size: 16px; color: #eee; } .footer-left .adr, .footer-left .ico, .footer-left .tel { padding: 10px 0 0 5px; font-size: 14px; color: #bbb; line-height: 20px; } .footer-left .pozn { padding: 10px 0 0 5px; font-size: 10px; color: #bbb; line-height: 11px; } .footer-left a { padding: 10px 0 0 5px; font-size: 10px; color: #888; text-decoration: none; } .footer-left a:hover { color: #fff; text-decoration: none; } .footer-middle a { font-size: 12px; color: #888; text-decoration: none; } .footer-middle a:hover { color: #fff; text-decoration: none; } #footer .title { color: #999; text-transform: uppercase; font-size: 16px; padding: 10px 0 0 0; } #footer .subTitle { color: #fff; text-transform: uppercase; font-size: 13px; padding: 10px 0 5px 0; } #footer a + .subTitle { padding-top: 20px; } #footer-bottom { height: 70px; background: #000; font-size: 8pt; color: #888; margin-top: 30px; padding: 0; } .footer-right a { font-size: 13px; color: #888; text-decoration: none; } .footer-right a:hover { color: #fff; text-decoration: none; } .footer-right a#open-cmp-btn { padding-left: 0px; } .footer-right a#open-cmp-btn::before { content: ''; width: 16px; height: 16px; display: inline-block; background: url('../images/assets/user_check.png') no-repeat left top / 16px 16px; vertical-align: middle; margin-right: 8px; } /* xs and sm */ @media (max-width: 991px) { .footer-left, .footer-middle, .footer-right { min-height: initial; } #footer-bottom { height: auto; } .footer-wrapper { flex-direction: column; } #footer-bottom { height: auto; padding: 15px 0; } } /* --- newsletter --- */ #newsletter { width: 300px; margin: 0 auto; padding: 5px 10px 10px 10px; background-color: #404040; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #newsletter h2 { color: #fff; font-size: 20px; line-height: 40px; -webkit-text-shadow: 1px 1px 1px #555; -moz-text-shadow: 1px 1px 1px #555; text-shadow: 1px 1px 1px #555; } #newsletter #nl-form { cursor: pointer; padding: 5px 10px 5px 5px; margin: 4px 0 0 0; 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'); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #newsletter .mfPol { width: 286px; padding: 0 0 5px 5px; margin-top: 5px; } #newsletter h2 + .mfPol { margin-top: 5px; } #newsletter .popisek { font-size: 8pt; color: #666; padding: 2px 0 5px 0; font-weight: bold; } #newsletter input[type=text] { width: 260px; } #newsletter input[type=submit] { margin: 10px 22px 10px 0; float: right; } #newsletter select { width: 247px; } #newsletter .mfPol .errToolTip { top: -2px; left: 90px; } /* --- copyright --- */ /*#copyright { position: absolute; top: 0; left: 30px; line-height: 70px; } #madeby { display: block; height: 20px; line-height: 20px; position: absolute; top: 25px; right: 30px; }*/ #copyright { padding-left: 30px; line-height: 70px; text-align: left; } #madeby { padding-right: 30px; line-height: 70px; text-align: right; } #madeby a { color: #888; text-decoration: none; } #madeby a:hover { color: #ddd; } #footer-menu { line-height: 70px; text-align: center; } #footer-menu a { color: #888; text-decoration: none; } #footer-menu a:hover { color: #ddd; } /* xs and sm */ @media (max-width: 991px) { #copyright { padding-left: 0px; line-height: 35px; text-align: center; } #footer-menu { line-height: 35px; text-align: center; } #madeby { display: none; } } /* --- right side --- */ .rsPolFull { width: 300px; margin: 10px 0 20px; } .rsPolFull iframe { border: 0 none; } /* --- slider - right side --- */ #slider { width: 300px; min-height: 210px; display: block; position: relative; padding: 10px; margin: 10px 0 20px; background-color: #a9c525; border-radius: 4px; } #slides { position: relative; z-index: 10; font-family: Arial, Helvetica CE, Tahoma, Verdana; } .slides_container { width: 280px; overflow: hidden; position: relative; display: none; overflow: hidden; } .slides_container div.slide { width: 280px; height: 175px; display: block; overflow: hidden; } #slides .next, #slides .prev { display: none; } .pagination { padding: 0px; margin: 0px; padding: 0px; position: absolute; right: 7px; bottom: 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; z-index: 13; } .pagination li { float: left; margin: 3px 0px; list-style: none; } .pagination li a { display: block; width: 12px; height: 1px; padding-top: 11px; margin-right: 4px; float: left; text-decoration: none; overflow: hidden; background: url('../images/pagination.png') no-repeat left top; } .pagination li.current a { background: url('../images/pagination.png') no-repeat left -12px; } .caption { width: 280px; height: auto; display: block; z-index: 15; position: absolute; bottom: -300px; left: 0px; padding: 0; margin: 0; background: #000; background: rgba(0,0,0,.7); color: #fff; cursor: pointer; } .caption h3 { font-size: 16px; color: #fff; text-decoration: none; padding: 0; margin: 0; padding: 10px 10px 5px 10px; } .caption p { font-size: 12px; color: #fff; padding: 0; margin: 0; padding: 0 10px 10px 10px; } .caption a { color: #fff; text-decoration: none; } /* --- top articles --- */ .top-articles { width: 300px; margin: 0 0 30px 0; padding: 5px 10px 10px 10px; background-color: #a9c525; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .top-articles h2 { color: #fff; font-size: 20px; line-height: 40px; -webkit-text-shadow: 1px 1px 1px #555; -moz-text-shadow: 1px 1px 1px #555; text-shadow: 1px 1px 1px #555; } .top-articles .article { cursor: pointer; padding: 5px 10px 5px 5px; margin: 4px 0 0 0; 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'); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .top-articles h3 { font-size: 12px; padding: 3px 0 0 0; margin: 0; } .top-articles h3 a { color: #222; text-decoration: none; } .top-articles h3 a:hover, .top-articles .article:hover h3 a { color: #a9c525; } .top-articles .article p { font-size: 12px; line-height: 16px; color: #666; margin: 0; padding: 5px 0; } .top-articles .article p.datum { font-size: 11px; color: #ccc; margin: 0; padding: 0; } .top-articles .article .article-image { display: inline-block; margin: 0 10px 0 0; background: #fff; border: 1px solid #eee; position: relative; float: left; } .top-articles .article .article-image img { width: 66px; } /* --- server tags --- */ #serverTags { margin: 0 0 30px 0; padding: 5px; border: 1px solid #e0efc0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #serverTags .kwsTag { border: 1px solid #a5d24a; background: #cde69c; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; display: inline-block; padding: 4px 8px 4px 8px; margin: 5px 2px; } #serverTags .kwsTag { padding: 4px 12px;font-size: 13px;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);vertical-align: middle;-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-color: #a9c525;background-repeat: repeat-x;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a9c525), to(#bdda36));background: -webkit-linear-gradient(top, #bdda36, #a9c525);background: -moz-linear-gradient(top, #bdda36, #a9c525);background: -ms-linear-gradient(top, #bdda36, #a9c525);background: -o-linear-gradient(top, #bdda36, #a9c525);border: 1px solid #cccccc;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;border-color: #95ae38 #95ae38 #6b7c26;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);} #serverTags .tagStyle1 { font-size: 10px; } #serverTags .tagStyle2 { font-size: 14px; } #serverTags .tagStyle3 { font-size: 17px; } #serverTags .tagStyle4 { font-size: 19px; } #serverTags .tagStyle5 { font-size: 22px; } #serverTags .kwsTagg:first-child { margin-left: 0 } #serverTags .kwsTag a, #serverTags .clkTag a { text-decoration: none; color: #546213; } #serverTags a span { display: none; } /* --- clanky - sekce --- */ .txt-page { width: 100%; padding: 0 0px; } #articles { padding: 15px 0 0 0; } #articles h1 { font-size: 23px; padding: 0 0 15px 0; color: #222; } #articles h1.lk-title { padding: 15px 0 0 0; } #articles .article { position: relative; border-bottom: 1px solid #efefef; padding: 30px 0 10px; color: #444; } #articles .article:first-child { padding-top: 15px; } #articles .article:last-child { margin-bottom: 30px; border-bottom: 0px none; } #articles .article h2 { font-size: 16px; color: #222; padding: 0; margin: 0; } #articles .article h2 a { color: #222; text-decoration: none; } #articles .article h2 a:hover { color: #a9c525; } #articles .clk-link { cursor: pointer; } #articles .clk-link:hover h2 a { color: #a9c525; } #articles .article-image { display: inline-block; margin: 7px 20px 10px 0px; position: relative; float: left; } #articles .article-image img { border: 1px solid #eee; } #articles .article p { font-size: 13px; text-align: justify; line-height: 20px; padding: 3px 10px 0 0; } #articles .article p.clk-perex { color: #369; } #articles .article p.datum { font-size: 11px; color: #bbb; margin: 0; padding: 10px 0 5px 0; } #articles .article p.datum a { text-decoration: none; color: #888; } #articles .article p.datum a:hover { color: #a9c525; /* #009ee1 */ text-decoration: underline; } #articles .article a.more { display: inline-block; padding: 3px 12px; color: #fff; font-size: 10pt; background-color: #a9c525; /* #009ee1 */ text-decoration: none; position: absolute; right: 15px; bottom: 10px; } #articles .article ul { list-style-image: url('../images/odrazka.gif'); } #articles .article ul li { padding-top: 5px; padding-bottom: 5px; } /* --- clanky - detail --- */ #article { padding: 15px 0 0 0; overflow: hidden; } #article h1 { font-size: 25px; padding: 0 0 15px 0; color: #222; border-bottom: 1px solid #e6e6e6; } #article h1#srchH1 span { font-size: 16px; color: #444; } #article h1 a.btn-clk-edit { position: relative; top: -1px; margin-left: 10px; display: none; color: #fff; text-decoration: none !important; transition: all .3s; } #article h1:hover a.btn-clk-edit { display: inline-block; } #article #mini-info { overflow: hidden; position: relative; margin-top: 0px; } #article #mini-info .mini-info-item { display: inline-block; padding: 1px 7px; font-size: 10px; color: #888; background: #f6f6f6; border: 1px solid #e6e6e6; border-top: 0 none; border-radius: 0 0 3px 3px } #article #mini-info #type-of-clk { float: left; } #article #mini-info #info-datum { float: right; } #article h2 { font-size: 19px; color: #333; padding: 15px 15px 5px 15px; } #article h3, #article h4, #article h5, #article h6 { font-size: 17px; color: #333; padding: 15px 15px 3px 15px; } #article { color: #111; font-size: 16px; } #article #article-top { position: relative; padding-top: 15px; margin-bottom: 15px; } #article .article-image { display: inline-block; margin: 0px 0px 10px 0px; border: 1px solid #eee; padding: 5px; background: #fafafa; position: relative; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #article .article-image .foto-info { padding: 5px 0 0 5px; max-width: 535px; } #article .article-image .foto-info p { padding: 0; margin: 0; line-height: 16px; font-size: 11px; font-style: italic; color: #aaa; } #article .article-image .foto-info p span { color: #666; } #article .diskuse-clk { font-size: 11px; position: absolute; bottom: 10px; right: 0; } #article p { color: #111; font-size: 16px; text-align: justify; line-height: 24px; font-weight: 400; padding: 0 15px 10px 15px } #article p.bq { margin: 20px 0 20px 20px; padding: 5px 10px 5px 20px; border-left: 1px solid #a9c525; font-style: italic; color: #666; } #article p.clk-perex { color: #369; font-weight: normal; } #article p .imgInClk { display: block; padding: 4px; position: relative; background-color: #fafafa; border: 1px solid #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #article p .imgInClk .info { line-height: 16px; font-size: 11px; font-style: italic; color: #aaa; overflow: hidden; } #article p .imgInClk .info span { color: #666; } #article p.autor { padding-top: 30px; } #article strong { font-weight: 600; } #article a { text-decoration: none; color: #98b121; } #article a:hover { text-decoration: underline; } #article .article-tools { float: left; width: 90px; padding: 0 10px; margin: 0 0 0 20px; border-radius: 4px; border: 1px solid #eee; background: #fefefe; } #article ul { list-style-image: url('../images/odrazka.gif'); margin-left: 15px; } #article ul li { padding-top: 5px; padding-bottom: 5px; } #article table.important-info { width: 100%; border-collapse: collapse; border: 1px solid #a9c525; background: #ecf5c2; } #article table.important-info td { padding: 15px; border-collapse: collapse; } #article table.important-info td h2:first-child, #article table.important-info td h3:first-child, #article table.important-info td h4:first-child, #article table.important-info td h5:first-child { padding-top: 0px; } #article table.important-info2 { width: 100%; border-collapse: collapse; border: 0px solid #a9c525; background: #f7fbe6; } #article table.important-info2 td { padding: 15px; border-collapse: collapse; } #article table.important-info2 td h2:first-child, #article table.important-info2 td h3:first-child, #article table.important-info2 td h4:first-child, #article table.important-info2 td h5:first-child { padding-top: 0px; } #article .sharrre { margin: 25px 0 10px 0; } #article .sharrre .box a { text-decoration: none; } #article .sharrre a.count { color: #525b67; display: block; font-size: 18px; font-weight: bold; line-height: 40px ;height: 40px; position: relative; text-align: center; width: 70px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #b2c6cc; background:#fbfbfb; background: -moz-linear-gradient(top,#fbfbfb 0,#f6f6f6 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbfbfb),color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(top,#fbfbfb 0,#f6f6f6 100%); background: -o-linear-gradient(top,#fbfbfb 0,#f6f6f6 100%); background: -ms-linear-gradient(top,#fbfbfb 0,#f6f6f6 100%); background: linear-gradient(top,#fbfbfb 0,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#f6f6f6',GradientType=0); } #article .sharrre a.count:before, .sharrre a.count:after { content: ''; display: block; position: absolute; left: 49%; width: 0; height: 0; } #article .sharrre a.count:before { border: solid 7px transparent; border-top-color: #b2c6cc; margin-left: -7px; bottom: -14px; } #article .sharrre a.count:after { border: solid 6px transparent; margin-left: -6px; bottom: -12px; border-top-color: #fbfbfb; } #article .sharrre a.share { color: #fff; display: block; font-size: 12px; font-weight: bold; height: 30px; line-height: 30px; margin-top: 8px; padding: 0; text-align: center; text-decoration: none; width: 70px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #article #twitter a.share { color: #fff; text-shadow: 1px 0 0 #0077be; filter: dropshadow(color=#0077be,offx=1,offy=0); border: 1px solid #0075c5 ;background: #26c3eb; background: -moz-linear-gradient(top,#26c3eb 0,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#26c3eb),color-stop(50%,#26b3e6),color-stop(51%,#00a2e1),color-stop(100%,#0080d6)); background: -webkit-linear-gradient(top,#26c3eb 0,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); background: -o-linear-gradient(top,#26c3eb 0,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); background: -ms-linear-gradient(top,#26c3eb 0,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); background: linear-gradient(top,#26c3eb 0,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26c3eb',endColorstr='#0080d6',GradientType=0); box-shadow: 0 1px 4px #ddd,0 1px 0 #5cd3f1 inset; } #article #facebook a.share { color: #fff; text-shadow: 1px 0 0 #26427e; filter: dropshadow(color=#26427e,offx=1,offy=0); border: 1px solid #24417c; background: #5582c9; background: -moz-linear-gradient(top,#5582c9 0,#33539a 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5582c9),color-stop(100%,#33539a)); background: -webkit-linear-gradient(top,#5582c9 0,#33539a 100%); background: -o-linear-gradient(top,#5582c9 0,#33539a 100%); background: -ms-linear-gradient(top,#5582c9 0,#33539a 100%); background: linear-gradient(top,#5582c9 0,#33539a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5582c9',endColorstr='#33539a',GradientType=0); box-shadow: 0 1px 4px #ddd,0 1px 0 #80a1d6 inset; } #article #googleplus a.share { color: #fff; text-shadow: 1px 0 0 #222; filter: dropshadow(color=#222222,offx=1,offy=0); border: 1px solid #262626; background: #6d6d6d; background: -moz-linear-gradient(top,#6d6d6d 0,#434343 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6d6d6d),color-stop(100%,#434343)); background: -webkit-linear-gradient(top,#6d6d6d 0,#434343 100%); background: -o-linear-gradient(top,#6d6d6d 0,#434343 100%); background: -ms-linear-gradient(top,#6d6d6d 0,#434343 100%); background: linear-gradient(top,#6d6d6d 0,#434343 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d6d6d',endColorstr='#434343',GradientType=0); box-shadow: 0 1px 4px #ddd,0 1px 0 #929292 inset; } #article #facebook { margin-top: 10px; } #article #clk-diskuse-btn { padding: 30px 0; text-align: center; } #article #clk-diskuse-btn a { display: inline-block; padding: 4px 20px; margin: 0; text-decoration: none; font-size: 13px; line-height: 18px; color: #fff; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); vertical-align: middle; } #article #clk-diskuse-btn a { 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-color: #927e12; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#60530b), to(#917d13)); background: -webkit-linear-gradient(top, #917d13, #60530b); background: -moz-linear-gradient(top, #917d13, #60530b); background: -ms-linear-gradient(top, #917d13, #60530b); background: -o-linear-gradient(top, #917d13, #60530b); border: 1px solid #ddd; border-top-color: #927e12; border-bottom-color: #b3b3b3; border-color: #79690f #79690f #74650e; } .galerie + #kws-tags { margin-top: 10px; } /* .galerie { margin-top: 50px; padding: 5px 0 15px; border-top: 1px solid #ddd; position: relative; overflow: auto; } .galerie .galerie-title { position: absolute; top: 0; right: 0; display: block; padding: 2px 22px 2px 7px; font-size: 8pt; color: #888; background: #f6f6f6 url('../images/icons/gal1.png') no-repeat top right; } .galerie .gal-img { float: left; margin: 10px 5px 0; border: 1px solid #eee; padding: 5px 5px 0; background: #fafafa; position: relative; float: left; border-radius: 4px; } */ .galerie { margin-top: 30px; padding: 25px 0 20px 20px; border-top: 1px solid #e6e6e6; position: relative; overflow: auto; } .galerie .galerie-title { position: absolute; top: 0; right: 0; display: block; padding: 2px 22px 2px 7px; font-size: 8pt; color: #888; background: #f6f6f6 url('../images/icons/gal1.png') no-repeat top right; } .galerie .gal-pol-img { width: 102px; height: 72px; display: block; overflow: hidden; background: #fcfcfc url('../images/assets/loader.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; } #srch-result-count { padding: 0px 0 0 2px; font-size: 11px; color: #666; } #ctl00_cphCONTENT_reklamaWP1 { padding-top: 15px; border-top: 1px solid #e6e6e6; } #article #psali-jsme { margin: 30px 0 10px; padding-bottom: 15px; border: 1px solid #e0efc0; background: #fcfcfc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #article #psali-jsme h3 { margin: 0; padding: 10px 0 5px 15px; } #article #psali-jsme ul { margin: 0 15px; padding-left: 15px; } #article #psali-jsme a { text-decoration: underline; } /* --- clanek - detail - tags --- */ #kws-tags { border-top: 1px solid #e6e6e6; margin-top: 10px; padding: 15px 5px 10px 5px; position: relative; } #kws-tags-title { position: absolute; top: 0; right: 0; display: block; padding: 1px 22px 2px 7px; font-size: 8pt; color: #888; background: #f6f6f6 url('../images/icons/tags.png') no-repeat top right; } #kws-tags.hptags #kws-tags-title { background-color: transparent; top: 5px; right: 5px; } #kws-tags .kws-tag { border: 1px solid #82cdff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; background: #c4f2ff; display: inline-block; padding: 4px 8px 4px 8px; margin: 5px; } #kws-tags .tag-style1 { font-size: 10px; } #kws-tags .tag-sStyle2 { font-size: 14px; } #kws-tags .tag-style3 { font-size: 17px; } #kws-tags .tag-style4 { font-size: 19px; } #kws-tags .tag-style5 { font-size: 22px; } #kws-tags .kws-tag a { text-decoration: none; color: #2c8bca; } #kws-tags .clk-tag { padding: 4px 12px; font-size: 13px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7); vertical-align: middle; -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-color: #a9c525; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a9c525), to(#bdda36)); background: -webkit-linear-gradient(top, #bdda36, #a9c525); background: -moz-linear-gradient(top, #bdda36, #a9c525); background: -ms-linear-gradient(top, #bdda36, #a9c525); background: -o-linear-gradient(top, #bdda36, #a9c525); border: 1px solid #cccccc; 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; border-color: #95ae38 #95ae38 #6b7c26; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } #kws-tags .clk-tag a { text-decoration: none; color: #546213; } #kws-tags a span { display: none; } /* --- clanek - detail - socnet --- */ .jssocials-shares { padding: 15px 0 0px; overflow: hidden; position: relative; border-top: 1px solid #e6e6e6; } .jssocials-shares * { box-sizing: border-box; } .jssocials-share { display: block; position: relative; float: left; vertical-align: top; margin: 0 0 0 2%; padding: 5px; width: 32%; } .jssocials-share:first-child { margin-left: 0; } .jssocials-share-logo { /*width: 1em; vertical-align: middle; font-size: 1.5em;*/ float: right !important; } img.jssocials-share-logo { width: auto; height: 1em; } .jssocials-share-link { display: inline-block; position: relative; text-align: left; text-decoration: none; line-height: 1; width: 100%; height: 100px; border-radius: 3px; padding-left: 0; } .jssocials-share-link .fa { font-size: 81px; } .jssocials-share-link.jssocials-share-link-count { padding-top: .2em; } .jssocials-share-link.jssocials-share-link-count .jssocials-share-count { display: block; font-size: .6em; margin: 0 -.5em -.8em -.5em; } .jssocials-share-link.jssocials-share-no-count { padding-top: .5em; } .jssocials-share-link.jssocials-share-no-count .jssocials-share-count { height: 1em; } .jssocials-share-label { float: left; padding: 5px 0 0 5px; /*vertical-align: middle;*/ } .jssocials-share-count-box { display: inline-block; height: 1.5em; padding: 0 0.3em; line-height: 1; vertical-align: middle; cursor: default; } .jssocials-share-count-box.jssocials-share-no-count { display: none; } .jssocials-share-count { display: block; position: absolute; left: 12px; top: 43px; font-size: 35px !important; font-weight: 700; margin: 0 !important; padding: 0 !important; } .jssocials-share-count span { font-size: 21px; display: inline-block; padding-left: 5px; } .jssocials-share-twitter .jssocials-share-link { background: #00aced; } .jssocials-share-twitter .jssocials-share-link:hover { background: #0087ba; } .jssocials-share-facebook .jssocials-share-link { background: #3b5998; padding-top: 10px; } .jssocials-share-facebook .jssocials-share-link:hover { background: #2d4373; } .jssocials-share-googleplus .jssocials-share-link { background: #dd4b39; } .jssocials-share-googleplus .jssocials-share-link:hover { background: #c23321; } .jssocials-share-linkedin .jssocials-share-link { background: #007bb6; } .jssocials-share-linkedin .jssocials-share-link:hover { background: #005983; } .jssocials-share-pinterest .jssocials-share-link { background: #cb2027; } .jssocials-share-pinterest .jssocials-share-link:hover { background: #9f191f; } .jssocials-share-email .jssocials-share-link { background: #fb0; } .jssocials-share-email .jssocials-share-link:hover { background: #fa0; } .jssocials-share-stumbleupon .jssocials-share-link { background: #eb4823; } .jssocials-share-stumbleupon .jssocials-share-link:hover { background: #c93412; } .jssocials-share-whatsapp .jssocials-share-link { background: #29a628; } .jssocials-share-whatsapp .jssocials-share-link:hover { background: #1f7d1e; } .jssocials-share-telegram .jssocials-share-link { background: #2ca5e0; } .jssocials-share-telegram .jssocials-share-link:hover { background: #1c88bd; } .jssocials-share-line .jssocials-share-link { background: #25af00; } .jssocials-share-line .jssocials-share-link:hover { background: #1a7c00; } .jssocials-share-viber .jssocials-share-link { background: #7b519d; } .jssocials-share-viber .jssocials-share-link:hover { background: #61407b; } .jssocials-share-pocket .jssocials-share-link { background: #ef4056; } .jssocials-share-pocket .jssocials-share-link:hover { background: #e9132e; } .jssocials-share-messenger .jssocials-share-link { background: #0084ff; } .jssocials-share-messenger .jssocials-share-link:hover { background: #006acc; } .jssocials-share-vkontakte .jssocials-share-link { background: #45668e; } .jssocials-share-vkontakte .jssocials-share-link:hover { background: #344d6c; } .jssocials-share-link { padding: .5em .6em; color: #fff; -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active { color: #fff; } .jssocials-share-count-box { position: relative; height: 2.5em; padding: 0 .3em; margin-left: 0.3em; background: #f5f5f5; -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .jssocials-share-count-box:hover { background: gainsboro; } .jssocials-share-count-box:hover:after { border-color: transparent gainsboro transparent transparent; } .jssocials-share-count-box:after { content: ""; display: block; position: absolute; top: 0.85em; left: -0.3em; width: 0; height: 0; border-width: 0.4em 0.4em 0.4em 0; border-style: solid; border-color: transparent #f5f5f5 transparent transparent; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .jssocials-share-count-box .jssocials-share-count { line-height: 2.5em; color: #444; } #AdPlusAnketa { overflow: hidden; padding: 20px 0; } #anketa-cont { width: 33.3%; min-width: 200px; text-align: center; float: left; overflow: hidden; } #wp-cont { width: 66.6%; min-width: 482px; float: left; overflow: hidden; } #wpBannerPlace { width: 482px; height: 305px; display: block; position: relative; background-color: #fff; border: 0px solid #a9c525; } #wpBannerPlace .add-title { color: #a9c525; font-size: 20px; line-height: 40px; padding-left: 5px; } #AdPlusAnketa #AdSeznam { width: 480px; display: block; float: left; padding: 0; margin: 0; position: relative; } #AdPlusAnketa #AdSeznam .ssTitle { position: absolute; bottom: -18px; right: 10px; font-size: 8pt; font-family: Verdana,Arial,Helvetica CE; color: #ccc; } #AdPlusAnketa #anketa-place { max-width: 350px; height: 370px; display: block; position: relative; background-color: #a9c525; border: 0px solid #a9c525; border-radius: 6px; } #AdPlusAnketa #anketa-place .add-title { background-color: #bbd82e; color: #fff; font-size: 15px; line-height: 32px; text-align: center; border-radius: 6px 6px 0 0; } #AdPlusAnketa #anketa-otz { background-color: #bbd82e; padding: 5px 10px 10px; margin: 0; text-align: center; border-radius: 6px 6px 0 0; } #AdPlusAnketa #anketa-otz a { font-size: 14px; line-height: 22px; color: #333; padding: 0; margin: 0; text-decoration: none; color: #333; } #AdPlusAnketa #anketa-otz a:hover { text-decoration: underline; } #AdPlusAnketa .ank-graph { display: block !important; padding: 20px 0; box-sizing: unset; } #AdPlusAnketa .piegraph { position: relative; width: 180px; height: 180px; display: block; margin: 0 auto; } #AdPlusAnketa .piegraph > .percent { position: absolute; top: 0; left: 0; width: 120px; height: 120px; border: 30px solid rgba(255,255,255,.4); background-color: none; border-radius: 120px; line-height: 120px; font-size: 60px; text-align: center; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #AdPlusAnketa .piegraph > .percent sup { font-size: 24px !important; } #AdPlusAnketa .piegraph > .slice { position: absolute; width: 180px; height: 200px; clip: rect(0px,180px,180px,90px); } #AdPlusAnketa .piegraph > .slice.gt50 { clip: rect(auto, auto, auto, auto); } #AdPlusAnketa .piegraph > .slice > .pie { border: 30px solid #fff; position: absolute; width: 120px; height: 120px; clip: rect(0,90px,180px,0); border-radius: 90px; } #AdPlusAnketa .piegraph > .slice > .pie.fill { -moz-transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; transform: rotate(180deg) !important; } #AdPlusAnketa .piegraph.fill > .percent { display: none; } #AdPlusAnketa .piegraph.fill > .slice > .pie { border: transparent; background-color: #fff; width: 140px; height: 140px; } #AdPlusAnketa .ank-odp { font-size: 14px; line-height: 20px; color: #333; padding: 5px; margin: 0; text-align: center; } #AdPlusAnketa #anketa-place a#more-link { position: absolute; bottom: 0; right: 0; left: 0; text-decoration: none; background-color: #bbd82e; color: #fff; font-size: 14px; line-height: 32px; text-align: center; border-radius: 0 0 6px 6px; } #AdPlusAnketa #anketa-place a#more-link:hover { text-decoration: underline; } #next-kraj-articles { padding: 0 0 30px; position: relative; } #next-kraj-articles .kraj-articles { margin-top: 0px; } #next-kraj-articles .kraj-title h2 { } #next-kraj-articles .next-article { } #next-kraj-articles .kraj-articles p.datum { padding-top: 5px; } #next-kraj-articles-after-detail { padding: 0 0 30px; position: relative; } #next-kraj-articles-after-detail .kraj-articles { margin-top: 0px; } #next-kraj-articles-after-detail .next-article { padding: 0 5px 15px; } #next-kraj-articles-after-detail .next-article h3 { font-size: 14px; } #next-kraj-articles-after-detail .next-article .article-image { display: block; margin: 0 0 15px; background: #fff; position: relative; float: none; } #next-kraj-articles-after-detail .next-article .article-image img { border: 1px solid #f8f8f8; } #kultura-articles-after-detail { margin-bottom: 30px; } #kultura-articles-after-detail .article.next-article { padding: 0 5px 20px; } #kultura-articles-after-detail .article.next-article .clkLink:hover h3 a { color: #a9c525; } #kultura-articles-after-detail .article.next-article h3 { font-size: 14px; padding: 0; margin: 0; } #kultura-articles-after-detail .article.next-article h3 a { color: #111; text-decoration: none; } #kultura-articles-after-detail .article.next-article h3 a:hover { color: #a9c525; } #kultura-articles-after-detail .article.next-article p { font-size: 13px; line-height: 16px; color: #444; margin: 0px; padding: 5px 0; } #kultura-articles-after-detail .article.next-article p.datum { font-size: 11px; color: #bbb; margin: 0; padding: 5px 0 0; } #kultura-articles-after-detail .article.next-article .article-image { display: inline-block; margin: 5px 20px 10px 0; background: #fff; position: relative; float: left; } #kultura-articles-after-detail .article.next-article .article-image img { border: 1px solid #eee; } /* --- vlozene souvisejici clanky --- */ #article .related-articles { padding: 0; margin: 15px 0; 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: #a9c525 !important; } #article .related-article.ra-alone { height: auto; max-height: 155px; } #article .related-article.ra-alone .related-article-image { width: 260px; } #article .related-article.ra-alone .related-article-image img { width: 240px; } #article .related-article.ra-alone h3 { font-size: 19px !important; font-weight: 400 !important; line-height: 26px; } /* --- related articles - kam dal --- */ .pnl-main-down .related-cont { padding: 5px; border: 1px solid #ececec; border-radius: 4px; overflow: hidden; } .pnl-main-down .related-column { padding: 0 5px; } /*.pnl-main-down .related-column.related-column-left { padding-right: 5px; } .pnl-main-down .related-column.related-column-right { padding-left: 5px; }*/ .pnl-main-down .related-column .related-item { padding: 5px 0; } .pnl-main-down .related-article-cont { width: 100%; height: 210px; display: block; /*border: 1px solid #ddd;*/ background-position: center center; background-repeat: no-repeat; background-size: cover; /*background-size: 340px 213px;*/ 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; } /* #article .clk-sekce-next .article.next-article { padding: 20px 0 0 20px; float: left; } #article .clk-sekce-next .article.next-article .clkLink:hover h3 a { color: #a9c525; } #article .clk-sekce-next .article.next-article h3 { font-size: 15px; padding: 0; margin: 0; } #article .clk-sekce-next .article.next-article h3 a { color: #222; text-decoration: none; } #article .clk-sekce-next .article.next-article h3 a:hover { color: #a9c525; } #article .clk-sekce-next .article.next-article p { font-size: 12px; line-height: 16px; color: #666; margin: 0px; padding: 5px 0; } #article .clk-sekce-next .article.next-article p.datum { font-size: 11px; color: #bbb; margin: 0; padding: 5px 0 0; } #article .clk-sekce-next .article.next-article .article-image { display: inline-block; margin: 0px 20px 0px 0px; background: #fff; position: relative; float: left; } #article .clk-sekce-next .article.next-article .article-image img { border: 1px solid #eee; } */ .pnlMver { text-align: center; padding: 0; } .pnlMver a { text-decoration: none; color: #fff; display: inline-block; margin: 50px 0 10px; padding: 0 15px; font-size: 12px; line-height: 30px; background-color: #444; border: 1px solid #555; } /* --- diskuse --- */ #diskuse { padding: 15px 0px 0 0; } #diskuse h1 { font-size: 23px; padding: 0; color: #222; } #diskuse h1#srchH1 span { font-size: 16px; color: #444; } #diskuse #datum-clk { overflow: hidden; position: relative; /*margin-top: -17px;*/ } #diskuse #datum-clk span { float: right; display: block; padding: 1px 7px; font-size: 10px; color: #888; background: #f6f6f6; } #diskuse .article { position: relative; border-bottom: 1px solid #efefef; padding: 20px 0 20px; color: #444; } #diskuse .article h2 { font-size: 16px; color: #222; padding: 0; margin: 0; } #diskuse .article h2 a { color: #222; text-decoration: none; } #diskuse .article h2 a:hover { color: #a9c525; } #diskuse .clk-link { cursor: pointer; } #diskuse .clk-link:hover h2 a { color: #a9c525; } #diskuse .article-image { display: inline-block; margin: 7px 20px 10px 0px; position: relative; float: left; } #diskuse .article-image img { border: 1px solid #eee; } #diskuse .article p { font-size: 13px; text-align: justify; line-height: 20px; padding: 3px 10px 0 0; } #diskuse .article p.perex { color: #369; } #diskuse .article p.datum { font-size: 11px; color: #bbb; margin: 0; padding: 10px 0 5px 0; } #diskuse .article p.datum a { text-decoration: none; color: #888; } #diskuse .article p.datum a:hover { color: #a9c525; /* #009ee1 */ text-decoration: underline; } #diskuse .article a.more { display: inline-block; padding: 3px 12px; color: #fff; font-size: 12px; background-color: #a9c525; text-decoration: none; position: absolute; right: 0; bottom: 0; } #df-new-komentar { display: block; background-color: #f0f8dc; border: 1px #bd6 solid; border-radius: 6px; margin: 20px 0; padding: 5px 0 5px 0; position: relative; } #diskuse #df-new-komentar h2 { font-size: 16px; padding: 5px 0 5px 15px; margin: 0; cursor: pointer; position: relative; z-index: 10; } #diskuse #df-new-komentar #toggle-icon { width: 40px; height: 40px; display: block; cursor: pointer; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; position: absolute; top: 0; right: 0; z-index: 11; } #diskuse #df-new-komentar #toggle-icon.closed { background: url('../images/icons/i_16_chats_green.png') no-repeat center center; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.8), inset 0 0 0 rgba(255,255,255,0), 0 0 0 rgba(0,0,0,0); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.8), inset 0 0 0 rgba(255,255,255,0), 0 0 0 rgba(0,0,0,0); box-shadow: inset 1px 0 0 rgba(255,255,255,.8), inset 0 0 0 rgba(255,255,255,0), 0 0 0 rgba(0,0,0,0); border-left: 1px solid #e1eea6; /* #d6f1fe */ } #diskuse #df-new-komentar #toggle-icon.opened { background: url('../images/icons/x_close.png') no-repeat center center; } #df-formbody { display: none; } #df-left { padding: 0 15px 5px 15px; } #df-left input[type=text], #df-left textarea { width: 100% !important; -webkit-appearance: none !important; } #df-right { padding: 15px 15px 5px 15px; } #df-right .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-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 11px; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; top: -22px; left: 0px; } #df-right .errToolTip:after { width: 9px; height: 5px; content: " "; after: " "; position: absolute; bottom: -5px; left: 15px; background: url('../images/errToolTipArrow.png') no-repeat center top; } #df-tools { padding: 20px 0 20px 0; } #df-new-komentar .pozn { display: block; font-size: 10px; color: #666; padding: 5px 0; } #df-new-komentar .mfPol { width: 100%; padding: 0 0 3px 0; margin-top: 3px; } #df-new-komentar .popisek { font-size: 8pt; color: #666; padding: 2px 0px 3px 0px; font-weight: bold; } #df-new-komentar .mfPol .errToolTip { top: -2px; left: 0px; } #df-komentare { position: relative; padding: 0 5px 20px; } .diskGROUP { border: 0px red solid; } .fp-header { width: 100%; height: 24px; line-height: 25px; font-size: 9pt; font-weight: bold; color: #b00; background: #fff; padding-left: 0px; border-top: 1px solid #e6e6e6; position: relative; } .fpH1 { width: 100%; margin-left: 0; } .fpH2 { width: 96%; margin-left: 4%; } .fpH3 { width: 92%; margin-left: 8%; } .fpH4 { width: 88%; margin-left: 12%; } .fpH5 { width: 84%; margin-left: 16%; } .fpH6 { width: 80%; margin-left: 20%; } .fpH7 { width: 76%; margin-left: 24%; } .fpH8 { width: 72%; margin-left: 28%; } .fpH9 { width: 68%; margin-left: 32%; } .fp-pol { width: 100%; border: 0 none; position: relative; padding-bottom: 20px; margin-left: 5px; } .fpP1 { width: 99%; margin-left: 1%; } .fpP2 { width: 95%; margin-left: 5%; } .fpP3 { width: 91%; margin-left: 9%; } .fpP4 { width: 87%; margin-left: 13%; } .fpP5 { width: 83%; margin-left: 17%; } .fpP6 { width: 79%; margin-left: 21%; } .fpP7 { width: 75%; margin-left: 25%; } .fpP8 { width: 71%; margin-left: 29%; } .fpP9 { width: 67%; margin-left: 33%; } .fp-user { color: #700; } .fp-datum { float: right; color: #666; font-weight: normal; padding-right: 25px; font-size: 11px; position: relative; } .fp-predmet { float: left; font-size: 8pt; font-weight: bold; color: #356; padding-left: 10px; } .fp-text { clear: both; font-size: 12px; padding: 2px 10px; color: #444; } .fp-ovl { height: 25px; } .fp-re a { width: 16px; height: 16px; display: block; background: url('../images/icons/re.png') no-repeat left top; position: absolute; right: 0; top: 4px; } .fp-re a span { display: none; } .errInputMsg { font-size: 10px; color: #cf4d43; margin-left: 55px; } /* --- kontakty --- */ #Mapy { width: 580px; height: 400px; display: block; position: relative; } #mapaClassic { display: inline-block; border: 1px solid #eee; background: #fff; padding: 5px; position: absolute; top: 20px; left: 20px; z-index: 10; } #mapaClassic:after { width: 310px; height: 7px; content: " "; after: " "; position: absolute; bottom: -7px; left: 0px; background: transparent url('../images/image_shadow.png') no-repeat center top; } #mapaClassic iframe { border: 1px solid #f8f8f8; } a#smallMapaClassic { position: absolute; bottom: -18px; left: 10px; text-decoration: none; color: #666; font-size: 7pt; } a#smallMapaClassic:hover { color: #009ee1; } #mapaStreetView { display: inline-block; border: 1px solid #eee; background: #fff; padding: 5px; position: absolute; top: 160px; right: 20px; z-index: 20; } #mapaStreetView:after { width: 310px; height: 7px; content: " "; after: " "; position: absolute; bottom: -7px; left: 0px; background: transparent url('../images/image_shadow.png') no-repeat center top; } #mapaStreetView iframe { border: 1px solid #f8f8f8; } a#smallMapaStreetView { position: absolute; top: -18px; right: 10px; text-decoration: none; color: #666; font-size: 7pt; } a#smallMapaStreetView:hover { color: #009ee1; } #Adresa { font-size: 10pt; color: #666; position: absolute; top: 40px; right: 40px; z-index: 30; } #Adresa strong { font-weight: normal; color: #009ee1; } #Kontakty { font-size: 10pt; color: #666; position: absolute; bottom: 40px; left: 20px; z-index: 30; } #Kontakty strong { font-weight: normal; color: #009ee1; } #Kontakty a { text-decoration: none; color: #009ee1; } #Kontakty a:hover { text-decoration: underline; color: #b00; } .kontaktForm { width: 525px; padding: 0px 20px 20px 20px; margin: 10px 0px 0px 10px; background: #fdfdfd; border: 1px solid #eee; position: relative; } .kontaktForm p { font-size: 10pt; color: #666; padding-bottom: 20px; border-bottom: 1px solid #eee; } .kontaktForm .kfPol { position: relative; padding: 5px 0px; } .kontaktForm .kfPol:last-child { margin-top: 5px; } .kontaktForm .recaptcha { padding-left: 78px; } .kontaktForm .kfPol input[type=text] { width: 200px; } .kontaktForm .kfPol input[type=submit] { width: 80px; margin-left: 80px; } .kontaktForm .kfPol textarea { width: 400px; max-width: 400px; } .kontaktForm label { width: 80px; display: block; float: left; font-size: 9pt; color: #444; padding: 3px 0px 0px 0px; } .kontaktForm .errIcon { width: 52px; height: 18px; display: block; background: transparent url('../images/icons/error.png') no-repeat left top; position: absolute; top: 7px; left: 232px; } .kontaktForm .txtA .errIcon { top: 8px; left: 432px; } /* --- banners --- */ .WideBanner { width: 100%; position: relative; margin: 10px auto; } .WideBanner img { border: 1px #ececec solid; } .WideBanner .ssTitle { position: absolute; top: -15px; left: 10px; font-size: 7pt; color: #ccc; } .SkyScraper { /*width: 120px; height: 615px; padding: 3px; position: fixed; top: 15px; margin-left: 1024px;*/ position: absolute; } .SkyScraper img { border: 1px #ececec solid; } .SkyScraper .ssTitle { font-size: 10px; color: #666; padding-left: 5px; } .SquareBanner { width: 300px; height: 330px; display: block; position: relative; text-align: center; } .SquareBanner .ssTitle { position: absolute; top: -15px; left: 10px; font-size: 7pt; color: #ccc; } .SquareBanner img { width: 300px; height: 300px; border: 1px #ececec solid; } .WallPaper { width: 481px; height: 301px; display: block; border: 0 solid #ececec; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; text-align: center; padding: 5px; position: relative; margin: 35px auto 10px auto; } .WallPaper .ssTitle { position: absolute; top: -15px; left: 20px; font-size: 8pt; color: #ccc; } .WallPaper img { width: 480px; height: 300px; border: 1px #ececec solid; } .FullBanner { width: 470px; height: 60px; position: relative; margin: 20px auto 5px auto; } .FullBanner.fbTop { position: absolute; left: 380px; top: 50px; margin: 0; } .FullBanner img { border: 1px #ececec solid; } .FullBanner .ssTitle { position: absolute; top: -15px; left: 10px; font-size: 7pt; color: #ccc; } #wpHP { float: left; } #wpBannerPlace.wp-section { width: 100%; height: auto; display: block; position: relative; background-color: #fff; margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #efefef; } #ssp-zone-324346 { margin-left: auto; margin-right: auto; } .fixed-strip { width: 100%; height: 130px; background: rgba(0,0,0,.6); position: fixed; left: 0; bottom: -20px; z-index: 999998; } .fixed-strip #btn-close { width: 50px; height: 25px; display: block; text-align: center; cursor: pointer; position: absolute; left: 15px; top: -25px; overflow: hidden; } .fixed-strip #btn-close span { width: 44px; height: 44px; display: block; text-align: center; font-size: 13px; line-height: 34px; color: #fff; cursor: pointer; background: rgba(0,0,0,.6); position: relative; border-radius: 50% 50% 0 0; } .fixed-strip-banner { height: 90px; display: block; position: relative; margin: 10px auto 0; text-align: center; } .fixed-strip-banner .ssTitle { position: absolute; top: -15px; left: 20px; font-size: 8pt; color: #ccc; } .footerBnr { background-color: #a9c525; padding: 0; text-align: center; } .FooterBanner { width: 100%; max-width: 1024px; position: relative; margin: 0 auto; overflow: hidden; } .FooterBanner img { border: 0 #ececec solid; } .FooterBanner .ssTitle { position: absolute; top: -15px; left: 10px; font-size: 7pt; display: none; } .ads-bbb { width: 100%; max-width: 970px; margin: 20px auto; } .ads-bbb:empty { margin: 0px auto; } .abBnr { padding: 10px 0; } #article .abBnr { padding: 5px 0 10px; border: 0 none; } #articles .abBnr { border-bottom: 1px solid #efefef; } .ArticleBoard { width: 750px; position: relative; margin: 10px auto; } .ArticleBoard img { border: 0 #ececec solid; } .ArticleBoard .ssTitle { position: absolute; top: -15px; left: 10px; font-size: 7pt; color: #ccc; display: none; } #adRTBsky { width: 1024px; height: 1px; display: block; margin: 0 auto; position: relative; } #RTBskyBanner { width: 160px; height: 615px; padding: 0; position: fixed; top: 24px; margin-left: -175px; text-align: right; } #RTBskyBanner img { border: 1px #ececec solid; } #RTBskyBanner .ssTitle { font-size: 7pt; color: #666; padding-left: 5px; } .leaderboard div { margin: 0 0 10px 10px; min-height:0px /*80px*/; } /*.leaderboard > div:empty { margin: 0px; }*/ .rs-top-rectangle { position: absolute; left: 0; right: 0; bottom: 10px; } .rs-top-rectangle.total-bottom { bottom: 0; } .bottom-article-banner { margin-top: 25px; margin-bottom: 25px; min-height: 300px; } @media (max-width: 767px) { .bottom-article-banner { margin: 25px auto; } .xs-centered { margin-left: auto; margin-right: auto; } } /*#szn-branding { position: fixed; top: 49px; 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: 275px; box-shadow: inset rgba(0,0,0,.5) 0 0 5px; border: none; padding-top: 0; }*/ #seznam-pop-up-ad { z-index: 99999 !important; } .sticky-banner { position: -webkit-sticky; position: sticky; top: 55px; } /* styl definující umístění elementu určeného pro vykreslení brandingu k hornímu okraji okna prohlížeče a vodorovně uprostřed okna prohlížeče */ #ssp-branding-74415 { 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-74415.adFull { width: 2000px; height: 1400px; margin-top: 50px; } /* 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-74415.adFull ~ #Content { position: relative; top: 226px; }*/ /* --- paging --- */ .pging2 { position: relative; min-height: 1px; display: block; overflow: hidden; } .pging2.topAbs { position: absolute; top: 7px; right: 37px; } .pging2.top { padding: 8px 12px 0 0; } .pging2.down { margin-top: 0px; padding: 12px 12px 0 0; border-top: 1px solid #e6e6e6; } .pging2 .pgtop, .pging2 .pgdown { text-align: right; /*float: right;*/ } .pging2 span.sep { width: 22px; height: 18px; display: inline-block; /*float: left;*/ margin: 0 3px; font-size: 11px; background: url('../images/assets/paging_sep.png') no-repeat center bottom; } .pging2 span.sep span { display: none; } .pging2 .cell, .pging2 a { width: 24px; height: 20px; line-height: 18px; display: inline-block; margin: 0 1px; /*float: left;*/ text-align: center; text-decoration: none; font-size: 11px; color: #666; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */ 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: 4px; -moz-border-radius: 4px; border-radius: 4px; *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); outline: 0px none; text-decoration: none; } .pging2 a.sel { text-shadow: none; } .pging2 .green a.sel { background: #cee37d; background-image: -moz-linear-gradient(top, #cee37d 0%, #95ae38 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cee37d), color-stop(100%,#95ae38)); background-image: -webkit-linear-gradient(top, #cee37d 0%, #95ae38 100%); background-image: -o-linear-gradient(top, #cee37d 0%, #95ae38 100%); background-image: -ms-linear-gradient(top, #cee37d 0%, #95ae38 100%); background-image: linear-gradient(top, #cee37d 0%, #95ae38 100%); background-repeat: repeat-x; border-color: #95ae38 #95ae38 #6b7c26; 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='#cee37d', endColorstr='#95ae38',GradientType=0 ); filter: progid:dximagetransform.microsoft.gradient(enabled=false); color: #fff; } .pging2 .lightgreen a.sel { background: #cee37d; background-image: -moz-linear-gradient(top, #cee37d 0%, #bfda51 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cee37d), color-stop(100%,#bfda51)); background-image: -webkit-linear-gradient(top, #cee37d 0%,#bfda51 100%); background-image: -o-linear-gradient(top, #cee37d 0%, #bfda51 100%); background-image: -ms-linear-gradient(top, #cee37d 0%, #bfda51 100%); background-image: linear-gradient(top, #cee37d 0%, #bfda51 100%); background-repeat: repeat-x; border-color: #9db53b #9db53b #677724; 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='#cee37d', endColorstr='#bfda51',GradientType=0 ); filter: progid:dximagetransform.microsoft.gradient(enabled=false); color: #fff; } .pging2 .blue a.sel { background: #6db5d5; background-image: -moz-linear-gradient(top, #6db5d5 0%, #4a91c0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db5d5), color-stop(100%,#4a91c0)); background-image: -webkit-linear-gradient(top, #6db5d5 0%, #4a91c0 100%); background-image: -o-linear-gradient(top, #6db5d5 0%, #4a91c0 100%); background-image: -ms-linear-gradient(top, #6db5d5 0%, #4a91c0 100%); background-image: linear-gradient(top, #6db5d5 0%, #4a91c0 100%); 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='#6db5d5', endColorstr='#4a91c0',GradientType=0 ); filter: progid:dximagetransform.microsoft.gradient(enabled=false); color: #fff; } .pging2 .darkblue a.sel { 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); color: #fff; } .pging2 .orange a.sel { 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); color: #fff; } .pging2 .brown a.sel { background-color: #83402c; *background-color: #83402c; background-image: -ms-linear-gradient(top, #83402c, #6f3625); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#83402c), to(#6f3625)); background-image: -webkit-linear-gradient(top, #83402c, #6f3625); background-image: -o-linear-gradient(top, #83402c, #6f3625); background-image: -moz-linear-gradient(top, #83402c, #6f3625); background-image: linear-gradient(top, #83402c, #6f3625); background-repeat: repeat-x; border-color: #6f3625 #6f3625 #783b28; 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='#83402c', endColorstr='#6f3625', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); color: #fff; } .pging2 .pgPrev, .pging2 .pgNext { width: 22px; font-size: 14px; font-weight: bold; line-height: 16px; } .pging2 .pgNext { margin-left: 7px; } .pging2 .pgPrev { margin-right: 7px; text-indent: -1px; } .pging2 .dsb { -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); } #df-komentare .pging2.top { padding: 8px 10px 8px 0; } /* --- 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; box-sizing: initial; } .uni-select * { box-sizing: initial; } .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; } .ui-selectmenu { text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); transition: border linear 0.2s, box-shadow linear 0.2s; } .ui-selectmenu { background-color: #f5f5f5; background-repeat: repeat-x; 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; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(255, 153, 0, 0.3); border-radius: 4px 4px 0 0; } .ui-selectmenu-menu { margin: 1px 0 0 0; font-size: 9pt; list-style: none; position: absolute; top: 0px; visibility: hidden; overflow: auto; z-index: 99999; 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); } .ui-selectmenu .ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s { position: absolute; width: 16px; height: 16px; display: block; top: 4px; right: 2px; margin-top: 0px; background: url('../images/assets/ddlCaret.png') no-repeat center center !important; z-index: 99; } /*.ddl-green*/ .ui-selectmenu:hover, .ui-selectmenu-focus, .ui-state-active { border-color: rgba(169, 197, 37, 0.7); outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(169, 197, 37, 0.3); } .ui-selectmenu-menu { border: 1px solid rgba(169, 197, 37, 0.7); -webkit-box-shadow: 0px 0 3px rgba(169, 197, 37, 0.3); -moz-box-shadow: 0px 0 3px rgba(169, 197, 37, 0.3); box-shadow: 0px 0 3px rgba(169, 197, 37, 0.3); } .ui-selectmenu-open li.ui-selectmenu-item-selected { background: rgba(169, 197, 37, 0.9); } /* --- textarea a input --- */ .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; } .chck-blue div.radio span.checked, .chck-blue div.checker span.checked { background-color: #2bf; } .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: #f90; } /* --- anketa --- */ #ctl00_cphCONTENT_reklamaWP1 { padding-top: 15px; border-top: 1px solid #e6e6e6; } .anketa-odpovedi { padding: 10px 0; } .anketa-pol { padding: 15px 0; } .anketa-pol .anketa-odpoved { padding: 0; } .anketa-pol .anketa-bar { clear: both; } .anketa-pol .bar-bgr { height: 16px; display: block; margin: 3px 0 0 5px; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; } .anketa-pol .bar-progress { height: 10px; margin: 2px 0px 0px 2px; background-color: #a9c525; border-radius: 5px; } .anketa-pol .procento { width: 50px; height: 16px; line-height: 16px; padding-left: 10px; font-size: 14px; color: #111; text-align: left; float: right; } .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: 18px; padding-left: 30px; display: block; } .btn-vote { width: 120px; height: 30px; display: block; margin: 40px auto 0; } .btn-back-vote { margin-top: 20px; color: #fff !important; text-decoration: none !important; } #next-votes { overflow: hidden; position: relative; padding: 10px 0 50px; border-bottom: 1px solid #e6e6e6; } #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; border-radius: 4px; } /*#next-votes .next-vote:first-child { margin-left: 0; }*/ #next-votes .article-image { width: 80px; float: left; } #next-votes h2 { font-size: 14px; color: #444; padding: 0; margin: 0; } #next-votes h2 a { color: #444; text-decoration: none; } #next-votes h2 a:hover { color: #a9c525; } #next-votes a.more { display: inline-block; padding: 3px 12px; color: #fff; font-size: 10pt; background-color: #a9c525; text-decoration: none; position: absolute; right: 5px; bottom: 5px; } /* --- 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); /*border: 2px solid #fff;*/ 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: 13px; padding: 15px 15px 15px; display: block; position: fixed; left: 0; bottom: 0; z-index: 88888; 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; } /* --- 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-google-plus:before { content: "\ea88"; } .icon-google-plus2:before { content: "\ea89"; } .icon-google-plus3: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'); } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-user:before { content: "\f007"; } .fa-comment:before { content: "\f075"; } .fa-comments:before { content: "\f086"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-retweet:before { content: "\f079"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-github-square:before { content: "\f092"; } .fa-phone:before { content: "\f095"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-rss:before { content: "\f09e"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-rss-square:before { content: "\f143"; } .fa-share-square:before { content: "\f14d"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-vimeo-square:before { content: "\f194"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-paypal:before { content: "\f1ed"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } /* --- tip of day --- */ .tipOfDay { position: relative; background: #fefefe url('../images/assets/bulb_sm.png') no-repeat 5px 7px; padding: 5px 10px 5px 25px !important; margin: 10px 0 !important; border: 1px solid #ddd; border-left: 2px solid #fb0; border-right: 2px solid #fb0; font-size: 15px !important; line-height: 22px !important; border-radius: 3px; text-shadow: 0 1px #fff; } .tipOfDay + .tipOfDay { margin-top: -1px !important; } /* --- grids --- */ .rest { overflow: hidden; box-sizing: border-box; } .panel, .row, .row-padding, .panel-padding { position: relative; } .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) { .order-xs-first { order: -1; } .order-xs-last { order: 13; } .order-xs-0 { order: 0; } .order-xs-1 { order: 1; } .order-xs-2 { order: 2; } .order-xs-3 { order: 3; } .order-xs-4 { order: 4; } .order-xs-5 { order: 5; } .order-xs-6 { order: 6; } .order-xs-7 { order: 7; } .order-xs-8 { order: 8; } .order-xs-9 { order: 9; } .order-xs-10 { order: 10; } 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-g.png') no-repeat center center; } #main-page { overflow: hidden; padding-top: 170px; } .content { padding-right: 0px; } .side-column { display: none; } .content.on-left { padding-right: 0; } #Top { height: 150px; } .pnl-logo { width: 100%; left: 0; text-align: center; height: 52px; padding-right: 30px; background: -webkit-gradient(left top, right top, color-stop(0%, rgba(169,197,35,1)), color-stop(50%, rgba(169,197,35,1)), color-stop(51%, rgba(72,62,9,1)), color-stop(100%, rgba(72,62,9,1))); background: -webkit-linear-gradient(left, rgba(169,197,35,1) 0%, rgba(169,197,35,1) 50%, rgba(72,62,9,1) 51%, rgba(72,62,9,1) 100%); background: -o-linear-gradient(left, rgba(169,197,35,1) 0%, rgba(169,197,35,1) 50%, rgba(72,62,9,1) 51%, rgba(72,62,9,1) 100%); background: -ms-linear-gradient(left, rgba(169,197,35,1) 0%, rgba(169,197,35,1) 50%, rgba(72,62,9,1) 51%, rgba(72,62,9,1) 100%); background: linear-gradient(to right, rgba(169,197,35,1) 0%, rgba(169,197,35,1) 50%, rgba(72,62,9,1) 51%, rgba(72,62,9,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9c523', endColorstr='#483e09', GradientType=1 ); } #logo { display: inline-block; } #logo, #logo a { width: 200px; height: 52px; } #logo { background-size: 200px 52px; } .top-menu-ddl { position: relative; float: left; margin-top: 60px; width: 150px; } .top-menu-ddl .popisek { font-size: 11px; font-weight: 400; padding-left: 2px; } .top-menu-ddl.tm-kraj { margin-left: 10px; width: 170px !important; } .top-menu-ddl.tm-okres { margin-left: 10px; width: 120px !important; } .top-menu-ddl.tm-kraj .uni-select, .top-menu-ddl.tm-kraj select { width: 150px !important; box-sizing: initial; } .top-menu-ddl.tm-okres .uni-select, .top-menu-ddl.tm-okres select { width: 100px !important; box-sizing: initial; } #reload-to-section { display: none; width: 16px; height: 16px; float: right; margin-top: 5px; background: url('../images/assets/go.png') no-repeat center center / 12px 12px; text-indent: -99999px; } #gcse-srch-frm { top: 105px; right: 0; width: auto; max-width: unset; float: none; padding: 0 10px; position: absolute; left: 0; } .jssocials-share { display: block; position: relative; float: left; vertical-align: top; margin: 0 0 0 .5%; padding: 5px; width: 33%; } .jssocials-share-link { height: 55px; padding-left: 0; } .jssocials-share-link .fa { font-size: 31px; } .jssocials-share-label { float: left; padding: 0 0 0 10px; font-size: 12px; } .jssocials-share-count { left: 8px; top: 23px; font-size: 19px !important; font-weight: 600; } .jssocials-share-count span { font-size: 11px; padding-left: 2px; } .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; } .vklad1-left { padding-right: 0; } .vklad1-right { padding: 0 5px; } #vtip-place { float: none; margin-top: 20px; } #anketa-place { height: unset; float: none; margin: 0 auto; } .kraj-tools { display: none; } /*.bx-cst-pager { display: none; }*/ .carousel { width: 100% !important; float: none !important; max-height: unset; } .carousel .bxslider li { display: none; } .carousel .bxslider li:first-child { display: block; } #wpBannerPlace { float: none !important; } .kultura-place.rest { float: none; width: 100%; padding: 20px 10px; } .kultura-place h3 { font-size: 13px; line-height: 18px; text-align: left; } .txt-page { padding: 0 10px; } #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-cont { width: 100%; padding: 20px 0 0; float: none; text-align: center; } #wp-cont { width: 100%; padding: 20px 0 0; float: none; text-align: center; } #srch-form { width: auto; height: 50px; top: 110px; right: 10px; left: 5px; } .txt-srch { width: 100%; -webkit-appearance: none !important; } .btn-srch { -webkit-appearance: none !important; border-radius: 0 2px 2px 0; } .svatek { text-align: center; right: 10px; left: 10px; } #srch-form-msg { height: 12px; line-height: 12px; bottom: 3px; right: 2px; } #article .related-article.ra-alone { height: auto; max-height: initial; } #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; } } body#bd .fc-consent-root .fc-dialog-overlay, .fc-consent-root .fc-help-dialog-overlay { z-index: 1 !important; } body#bd .fc-consent-root .fc-dialog-container { z-index: 2 !important; } /* 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%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .content { padding-right: 0px; } .side-column { display: none; } .content.on-left { padding-right: 0; } .jssocials-share-link { height: 60px; padding-left: 0; } .jssocials-share-link .fa { font-size: 41px; } .jssocials-share-label { float: left; padding: 0 0 0 10px; font-size: 12px; } .jssocials-share-count { left: 8px; top: 23px; font-size: 25px !important; font-weight: 700; } .jssocials-share-count span { font-size: 12px; } .kultura-place.rest { float: none; width: 100%; padding: 20px 10px; } .kultura-place h3 { font-size: 13px; line-height: 18px; text-align: left; } #anketa-cont { padding-right: 15px; } #main-page { overflow: hidden; } } /* md */ @media (min-width: 992px) and (max-width: 1040px) { .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%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .kultura-place.rest { float: none; width: 100%; padding: 20px 10px; } .kultura-place h3 { font-size: 13px; line-height: 18px; text-align: left; } #anketa-cont { padding-right: 15px; } #main-page { overflow: hidden; } } /* lg */ @media (min-width: 1041px) { .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%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } #anketa-cont { width: 208px; padding-right: 8px; } #wp-cont { width: 482px; } } @media handheld { .SkyScraper {display: none;} }