/* light */ @font-face { font-family: 'OpenSans'; src: url('/assets/css/fonts/OpenSans/light.eot'); src: url('/assets/css/fonts/OpenSans/light.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/OpenSans/light.woff') format('woff'), url('/assets/css/fonts/OpenSans/light.ttf') format('truetype'), url('/assets/css/fonts/OpenSans/light.svg#light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-FFFD; } @font-face { font-family: 'OpenSans'; src: url('/assets/css/fonts/OpenSans/light-italic.eot'); src: url('/assets/css/fonts/OpenSans/light-italic.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/OpenSans/light-italic.woff') format('woff'), url('/assets/css/fonts/OpenSans/light-italic.ttf') format('truetype'), url('/assets/css/fonts/OpenSans/light-italic.svg#light-italic') format('svg'); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+0020-FFFD; } /* regular */ @font-face { font-family: 'OpenSans'; src: url('/assets/css/fonts/OpenSans/regular.eot'); src: url('/assets/css/fonts/OpenSans/regular.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/OpenSans/regular.woff') format('woff'), url('/assets/css/fonts/OpenSans/regular.ttf') format('truetype'), url('/assets/css/fonts/OpenSans/regular.svg#regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-FFFD; } @font-face { font-family: 'OpenSans'; src: url('/assets/css/fonts/OpenSans/regular-italic.eot'); src: url('/assets/css/fonts/OpenSans/regular-italic.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/OpenSans/regular-italic.woff') format('woff'), url('/assets/css/fonts/OpenSans/regular-italic.ttf') format('truetype'), url('/assets/css/fonts/OpenSans/regular-italic.svg#regular-italic') format('svg'); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+0020-FFFD; } /* semibold */ @font-face { font-family: 'OpenSans'; src: url('/assets/css/fonts/OpenSans/semibold.eot'); src: url('/assets/css/fonts/OpenSans/semibold.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/OpenSans/semibold.woff') format('woff'), url('/assets/css/fonts/OpenSans/semibold.ttf') format('truetype'), url('/assets/css/fonts/OpenSans/semibold.svg#semibold') format('svg'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-FFFD; } @font-face { font-family: 'OpenSans'; src: url('/assets/css/fonts/OpenSans/semibold-italic.eot'); src: url('/assets/css/fonts/OpenSans/semibold-italic.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/OpenSans/semibold-italic.woff') format('woff'), url('/assets/css/fonts/OpenSans/semibold-italic.ttf') format('truetype'), url('/assets/css/fonts/OpenSans/semibold-italic.svg#semibold-italic') format('svg'); font-weight: 600; font-style: italic; font-stretch: normal; unicode-range: U+0020-FFFD; } /* bold */ @font-face { font-family: 'OpenSans'; src: url('/assets/css/fonts/OpenSans/bold.eot'); src: url('/assets/css/fonts/OpenSans/bold.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/OpenSans/bold.woff') format('woff'), url('/assets/css/fonts/OpenSans/bold.ttf') format('truetype'), url('/assets/css/fonts/OpenSans/bold.svg#bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-FFFD; } @font-face { font-family: 'OpenSans'; src: url('/assets/css/fonts/OpenSans/bold-italic.eot'); src: url('/assets/css/fonts/OpenSans/bold-italic.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/OpenSans/bold-italic.woff') format('woff'), url('/assets/css/fonts/OpenSans/bold-italic.ttf') format('truetype'), url('/assets/css/fonts/OpenSans/bold-italic.svg#bold-italic') format('svg'); font-weight: 700; font-style: italic; font-stretch: normal; unicode-range: U+0020-FFFD; } /* extrabold */ @font-face { font-family: 'OpenSans'; src: url('/assets/css/fonts/OpenSans/extrabold.eot'); src: url('/assets/css/fonts/OpenSans/extrabold.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/OpenSans/extrabold.woff') format('woff'), url('/assets/css/fonts/OpenSans/extrabold.ttf') format('truetype'), url('/assets/css/fonts/OpenSans/extrabold.svg#extrabold') format('svg'); font-weight: 800; font-style: normal; font-stretch: normal; unicode-range: U+0020-FFFD; } @font-face { font-family: 'OpenSans'; src: url('/assets/css/fonts/OpenSans/extrabold-italic.eot'); src: url('/assets/css/fonts/OpenSans/extrabold-italic.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/OpenSans/extrabold-italic.woff') format('woff'), url('/assets/css/fonts/OpenSans/extrabold-italic.ttf') format('truetype'), url('/assets/css/fonts/OpenSans/extrabold-italic.svg#black-extrabold') format('svg'); font-weight: 800; font-style: italic; font-stretch: normal; unicode-range: U+0020-FFFD; } /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* Version: 3.5.2 Timestamp: Sat Nov 1 14:43:36 EDT 2014 */ .select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; font-size: 12px; } .select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 27px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #b3b3b3; border-bottom: 0; border-right: 0; white-space: nowrap; line-height: 27px; color: #3b3b3b; text-decoration: none; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; } html[dir="rtl"] .select2-container .select2-choice { padding: 0 8px 0 0; } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #b3b3b3; } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; } html[dir="rtl"] .select2-container .select2-choice > .select2-chosen { margin-left: 26px; margin-right: 0; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url('/assets/libs/select2/select2.png') right top no-repeat; cursor: pointer; outline: 0; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #b3b3b3; border-top: 0; } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #b3b3b3; border-bottom: 0; } .select2-drop-active { border: 1px solid #b3b3b3; border-top: none; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #b3b3b3; } .select2-drop-auto-width { border-top: 1px solid #b3b3b3; width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 25px; height: 100%; position: absolute; right: 0; top: 0; background-clip: padding-box; } html[dir="rtl"] .select2-container .select2-choice .select2-arrow { left: 0; right: auto; border-left: none; } .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url('/assets/libs/select2/select-arrow.gif') no-repeat center 0; } html[dir="rtl"] .select2-container .select2-choice .select2-arrow b { background-position: center 0; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: inherit; font-size: 12px; color: #3b3b3b; border: 1px solid #b3b3b3; background: #fff url('/assets/libs/select2/select2.png') no-repeat 100% -22px; background: url('/assets/libs/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('/assets/libs/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/assets/libs/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/assets/libs/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } html[dir="rtl"] .select2-search input { padding: 4px 5px 4px 20px; background: #fff url('/assets/libs/select2/select2.png') no-repeat -37px -22px; background: url('/assets/libs/select2/select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('/assets/libs/select2/select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/assets/libs/select2/select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/assets/libs/select2/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-search input.select2-active { background: #fff url('/assets/libs/select2/select2-spinner.gif') no-repeat 100%; background: url('/assets/libs/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('/assets/libs/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/assets/libs/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/assets/libs/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { outline: none; } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border-top-color: transparent; } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-right: 1px solid #b3b3b3; filter: none; } html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow { border-right: 1px solid #b3b3b3; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: center -25px; } html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b { background-position: center -25px; } .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html[dir="rtl"] .select2-results { padding: 0 4px 0 0; margin: 4px 0 4px 4px; } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results-dept-1 .select2-result-label { padding-left: 20px } .select2-results-dept-2 .select2-result-label { padding-left: 40px } .select2-results-dept-3 .select2-result-label { padding-left: 60px } .select2-results-dept-4 .select2-result-label { padding-left: 80px } .select2-results-dept-5 .select2-result-label { padding-left: 100px } .select2-results-dept-6 .select2-result-label { padding-left: 110px } .select2-results-dept-7 .select2-result-label { padding-left: 120px } .select2-results .select2-highlighted { background: #2c4e7e; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; padding-left: 5px; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url('/assets/libs/select2/select2-spinner.gif') no-repeat 100%; } .select2-results .select2-ajax-error { background: rgba(255, 50, 50, .2); } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0 5px 0 0; position: relative; border: 1px solid #b3b3b3; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(to bottom, #eee 1%, #fff 15%); } html[dir="rtl"] .select2-container-multi .select2-choices { padding: 0 0 0 5px; } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #b3b3b3; outline: none; } .select2-container-multi .select2-choices li { float: left; list-style: none; } html[dir="rtl"] .select2-container-multi .select2-choices li { float: right; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; background: transparent !important; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url('/assets/libs/select2/select2-spinner.gif') no-repeat 100% !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #b3b3b3; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); } html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice { margin: 3px 5px 3px 0; padding: 3px 18px 3px 5px; } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url('/assets/libs/select2/select2.png') right top no-repeat; } html[dir="rtl"] .select2-search-choice-close { right: auto; left: 3px; } .select2-container-multi .select2-search-choice-close { left: 3px; } html[dir="rtl"] .select2-container-multi .select2-search-choice-close { left: auto; right: 2px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } /* Retina-ize icons */ /*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: url('/assets/libs/select2/select2x2.png') !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; } .select2-search input { background-position: 100% -21px !important; } }*/ .icheckbox_wz, .iradio_wz { display: inline-block; *display: inline; vertical-align: middle; margin: 0 5px 0 0; padding: 0; width: 18px; height: 18px; background: url('/assets/libs/iCheck/wz.png') no-repeat; border: none; cursor: pointer; } .icheckbox_wz { background-position: 0 0; } .icheckbox_wz.checked { background-position: -25px 0; } /*.icheckbox_wz.hover, .icheckbox_wz.focus { background-position: -50px 0; }*/ /*.icheckbox_wz.checked.hover, .icheckbox_wz.checked.focus { background-position: -75px 0; }*/ .icheckbox_wz.disabled { background-position: 0 0; opacity: .6; cursor: default; } .icheckbox_wz.checked.disabled { background-position: -25px 0; } .iradio_wz { background-position: -100px 0; } .iradio_wz.checked { background-position: -125px 0; } /*.iradio_wz.hover, .iradio_wz.focus { background-position: -150px 0; }*/ /*.iradio_wz.checked.hover, .iradio_wz.checked.focus { background-position: -175px 0; }*/ .iradio_wz.disabled { background-position: -100px 0; opacity: .6; cursor: default; } .iradio_wz.checked.disabled { background-position: -125px 0; } /* HiDPI support */ /*@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_wz, .iradio_wz { background-image: url('/assets/libs/iCheck/green@2x.png'); -webkit-background-size: 200px 20px; background-size: 200px 20px; } }*/ /** * --------------------------- * specialitky */ audio:focus, video:focus, embed:focus, object:focus, applet:focus { border: 0; outline: 0; } /* clearfix */ .clearfix:before, .clearfix:after { content: ' '; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* inline block */ .inline-block { display: -moz-inline-box; display: inline-block; =display: inline; =zoom: 1; } /** * ------------------ * odkazy */ a { text-decoration: underline; color: #2a4d7e; } a:hover, a:focus, a:active { text-decoration: none; } /** * ------------------ * obrazky */ img {} img.fill { width: 100%; height: auto; max-width: 100%; } img.shrink { width: auto; height: auto; max-width: 100%; } a img { transition: all 500ms ease-in-out; } a:hover img, a:focus img { opacity: 0.7; } /** * ---------------------- * nadpisy */ h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em 0; } h1 { font-size: 2.7em; font-weight: 800; text-transform: uppercase; } h2 { font-size: 2.15em; font-weight: 800; text-transform: uppercase; } h3 { font-size: 1.3em; font-weight: bold; } h4 { font-size: 1.1em; font-weight: bold; } h5 { font-size: 1em; font-weight: 800; } /** * --------------------------------- * odstavce/ostatni bloky */ p { margin: 0 0 1em 0; } pre { white-space: pre-wrap; font-family: OpenSans, arial, sans-serif; } /** * --------------------- * layer */ .layer { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } .layer-box { position: relative; margin: 0 auto; } /** * --------------------- * globalni sirka */ .content-area { max-width: 1096px; margin-left: auto; margin-right: auto; min-width: 420px; } .page-header, .page-area, .page-footer { min-width: 420px; } /** * ------------------ * layout */ div, p, ul, ol, li, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, fieldset, iframe, img { box-sizing: border-box; } html { margin: 0; padding: 0; } body { margin: 0; padding: 0; font-size: 14px; font-family: OpenSans, arial, sans-serif; color: #2a4d7e; background-color: #2a4d7d; } .page {} .page-box {} .page-header-box, .page-header-box2, .page-area, .page-footer { padding-left: 20px; padding-right: 20px; } .page-header { background-color: #2a4d7d; color: #fff; border-bottom: 1px solid #fff; } .page-header-box { box-shadow: 0 0 15px 0 rgba(0,0,0,.5); } .page-header-box-content { padding: 21px 21px 16px 18px; } .page-logo { float: left; } .page-logo a { outline: none; text-decoration: none; } .page-logo img { vertical-align: middle; border: 0; } .page-header-box2 { padding-top: 7px; } .page-area { background: #fff url('/assets/css/area-bg.png') 0 0 repeat-x; padding-top: 13px; padding-bottom: 1px; } .page-area-blue { background-color: #c2dcff; background-image: none; border-bottom: 1px solid #e8f2ff; } .page-area-gray { background-color: #f4f4f4; background-image: none; border-top: 1px solid #b0c7e7; } .page-homepage .page-area { background-image: none; padding-top: 0; } .page-area-box { padding: 0 21px 0 18px; margin-bottom: 30px; } .page-homepage .page-area-box { margin-bottom: 0; } .page-footer { background-color: #2a4d7d; color: #7291bb; } .page-footer a { color: #7291bb; } .page-footer-box { padding: 20px 21px 50px 18px; } /** * ----------- * sloupce */ .row:before, .row:after { content: ' '; display: table; } .row:after { clear: both; } .row { zoom: 1; } .col { float: left; width: 50%; } .col:first-child { padding-right: 27px; } .col-right { float: right; } .col-right:first-child { padding-right: 0; padding-left: 27px; } /** * --------------- * dvousloupec */ .column-menu, .page-column { float: right; width: 32%; margin-bottom: 30px; } .page-content { float: left; width: 64%; margin-bottom: 30px; } /** * --------------------------------------------- * *************** media queries *************** * --------------------------------------------- */ @media screen and (max-width: 1160px) { } @media screen and (max-width: 1080px) { /* paticka */ .page-footer-box { position: relative; } } @media screen and (max-width: 940px) { /* sloupce */ .col { float: none; width: 100%; } .col:first-child { padding-right: 0; } /* dvousloupec */ .column-menu, .page-column, .page-content { float: none; width: 100%; } } @media screen and (max-width: 800px) { /* layout */ .page-header-box, .page-header-box2, .page-area, .page-footer { padding-left: 0; padding-right: 0; } /* hlavicka */ .page-box { padding-top: 80px; } .page-header { height: 80px; position: fixed; top: 0; left: 0; width: 100%; z-index: 20; } .page-header-box { height: 100%; } .page-header-box-content { padding-top: 18px; padding-bottom: 0; } .page-header-box2 { padding: 0; } } @media screen and (max-width: 570px) { /* hlavicka */ .page-header-box-content { padding-top: 23px; } .page-logo img { width: 200px; height: auto; } } /* schovat listicku */ @media screen and (max-width: 900px) { #nette-debug, #tracy-debug { display: none !important; } } /** * --------------------------- * formulare */ form {} form:before, form:after { content: "\0020"; display: block; height: 0; overflow: hidden; } form:after { clear: both; } fieldset { border: 0; margin: 0; padding: 0; } @-moz-document url-prefix() { fieldset { display: table-cell; } } legend {} .fieldset-box { padding: 10px; zoom: 1; } .fieldset-box:before, .fieldset-box:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .fieldset-box:after { clear: both; } form dl { margin: 0 0 10px 0; zoom: 1; } form dl:before, form dl:after { content: "\0020"; display: block; height: 0; overflow: hidden; } form dl:after { clear: both; } form dt { margin: 0 0 5px 0; } form dd { margin: 0; } .formitem-back dt, .formitem-submit dt { display: none; } [readonly], [disabled] { cursor: not-allowed; } label[for] { cursor: pointer; } /* nastavit spravny boxmodel pro neposedne form elementy */ input, input[type="search"], /* override */ button, select, textarea { box-sizing: border-box; } input + label, label + input, label + select, select + label { margin-left: .25em; } input.text, input.password, textarea { background-color: #fff; border: 0; outline: none; font-size: 12px; color: #3b3b3b; } input.text, input.password { border-top: 1px solid #b3b3b3; border-left: 1px solid #b3b3b3; height: 28px; line-height: 28px; padding: 0 8px; width: 210px; } textarea { padding: 8px; border-top: 1px solid #b3b3b3; border-left: 1px solid #b3b3b3; } input.text:focus, input.password:focus, textarea:focus {} select { color: #3b3b3b; } .select2-container { width: 210px; } /* chyby */ .form-error { background-color: #f22643; border-top: 2px solid #ff677d; color: #fff; font-size: 1.71em; font-weight: 800; text-transform: uppercase; padding: 6px 10px; margin-bottom: 13px; line-height: 1.1; } .domain-error { background-image: url('/assets/css/ico-error.png'); background-position: 9px center; background-repeat: no-repeat; min-height: 82px; padding: 29px 15px 0 90px; line-height: 1; } /* bezny formular */ .uniForm { margin-bottom: 2em; } .uniForm .fieldset-box { padding: 0; } .uniForm dl { background-color: #dce6ed; margin: 0; } .uniForm dl:nth-child(even) { background-color: #e5eff6; } .uniForm dt { float: left; width: 180px; padding: 14px 15px 12px 45px; margin: 0 -2px 0 0; font-size: 1.1em; font-weight: 800; border-right: 2px solid #fff; } .uniForm dd { overflow: hidden; border-left: 2px solid #fff; padding: 15px 30px 15px 30px; } .uniForm dd label { color: #6b6b6b; font-weight: 300; } .uniForm input.text, .uniForm input.password, .uniForm .select2-container, .uniForm textarea { width: 100%; } .uniForm textarea { height: 120px; } .uniForm dd div.radio { margin-bottom: 7px; } .uniForm dl.formitem-submit { background: none !important; padding: 0; } .uniForm dl.formitem-submit dt { display: none; } .uniForm dl.formitem-submit dd { border: 0; padding: 10px 0 0 0; text-align: right; } /** * ------------------------- * zapomenute heslo */ #frm-formForgottenPassword dt { width: auto; padding-right: 45px; } /** * ------------------------- * zmena hesla */ #frm-formChangePassword dt { width: 240px; } /** * --------------------------------------------- * *************** media queries *************** * --------------------------------------------- */ @media screen and (max-width: 800px) { .uniForm dl { background-color: #e5eff6 !important; margin: 0; padding: 5px 0 15px; } .uniForm dt { float: none; width: auto !important; border: 0; padding: 0 0 0 15px !important; margin: 0 0 5px 0; } .uniForm dd { overflow: visible; border: 0; padding: 0 15px 0 15px; } } @media screen and (max-width: 570px) { .form-error { font-size: 1em; } .domain-error { padding-top: 33px; } } span.error-message { color:red; font-weight: bold; } /** * ----------------------- * menu v hlavicce */ #header-menu-btn, #user-banner-btn { display: none; } .header-menu { float: right; margin-top: 16px; } .header-menu ul { margin: 0 -11px 0 0; padding: 0; list-style: none; } .header-menu li { margin: 0 7px; padding: 0; list-style-type: none; display: inline-block; vertical-align: middle; } .header-menu a { color: #fff; text-decoration: none; font-size: 1em; font-weight: 300; text-transform: uppercase; display: inline-block; padding: 0 4px; } .header-menu a:hover, .header-menu a:focus { text-decoration: underline; } .header-menu .active a { background-color: #fff; color: #2a4d7d; font-weight: 800; } /** * --------------------- * logo v paticce */ .footer-logo { float: left; } .footer-logo a { outline: none; text-decoration: none; } .footer-logo img { border: 0; vertical-align: middle; } /** * ----------------------- * menu v paticce */ .footer-menu { float: right; padding-top: 8px; } .footer-menu ul { margin: 0 -11px 0 0; padding: 0; list-style: none; } .footer-menu li { margin: 0 11px; padding: 0; list-style-type: none; display: inline-block; vertical-align: middle; } .footer-menu a { color: #a1bde2; text-decoration: none; font-size: 1em; font-weight: 300; text-transform: uppercase; display: inline-block; } .footer-menu a:hover, .footer-menu a:focus { text-decoration: underline; } .footer-menu .active a { font-weight: 800; text-decoration: underline; } /** * ----------------------------- * socialni site v paticce */ .socials { float: right; clear: both; padding-top: 8px; } .socials ul { margin: 0; padding: 0; list-style: none; } .socials li { display: inline-block; margin: 0 8px; padding: 0; vertical-align: middle; } .socials a { display: inline-block; vertical-align: middle; text-decoration: none; outline: none; font-size: 0; line-height: 0; text-indent: -9999px; background-image: url('/assets/css/socials.png'); background-repeat: no-repeat; transition: all 500ms ease-in-out; } .socials .i-facebook a { width: 27px; height: 28px; background-position: 0 0; } .socials .i-mail a { width: 38px; height: 23px; background-position: 0 -35px; } .socials .i-twitter a { width: 38px; height: 28px; background-position: 0 -70px; } .socials a:hover, .socials a:focus { opacity: 0.7; } /** * ----------------------------- * loga plateb v paticce */ .payment-logos { float: right; clear: right; padding-top: 25px; } .payment-logos img { vertical-align: middle; margin: 0 3px 10px; height: 30px; width: auto; border-radius: 3px; } /** * --------------------- * info v paticce */ .footer-info { clear: left; float: left; font-size: 11px; margin-top: 20px; } .footer-info p { margin: 0; } /** * ------------------------- * btns */ /* modry */ .btn { display: inline-block; vertical-align: middle; height: 28px; line-height: 28px; background: #3f90cf; text-align: center; border: 0; border-bottom: 2px solid #1f669d; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 800; padding: 0 20px; transition: all 500ms ease-in-out; } .btn.enabled , .btn.disabled { background: transparent; color: #1f669d } a.btn { line-height: 30px; } input.btn { /*line-height: 1;*/ } .btn:hover, .btn:focus { background: #1f669d; } .btn.enabled:hover , .btn.enabled:focus , .btn.disabled:hover , .btn.disabled:focus { background: transparent; color: inherited; } /* zluty */ .btn-yellow, .btn-yellow-m { background: #f9ee39; border-bottom: 2px solid #baaf00; color: #2c4e7e; } .btn-yellow.enabled , .btn-yellow.disabled { color: #baaf00; font-size: 170% !important; } .btn-yellow:hover, .btn-yellow:focus .btn-yellow-m:hover, .btn-yellow-m:focus { background: #baaf00; } /* zluty vetsi */ .btn-yellow-m { height: 38px; line-height: 38px; font-size: 18px; padding: 0 40px; } /* sedy */ .btn-gray { background: #d8d8d8; border-bottom: 2px solid #898989; color: #888; } .btn-gray:hover, .btn-gray:focus { background: #898989; color: #d8d8d8; } .btn-gray.enabled, .btn-gray.disabled { background: transparent; border-bottom: 2px solid #898989; color: #888; } .btn-gray:hover, .btn-gray:focus { background: inherited; color: inherited; } /* velky zluty */ .submit { display: inline-block; vertical-align: middle; height: 49px; background: #f9ee39; text-align: center; border: 0; border-top: 2px solid #fff99b; border-bottom: 2px solid #baaf00; color: #2c4e7e; text-transform: uppercase; text-decoration: none; font-size: 30px; font-weight: 800; padding: 0 100px; transition: all 500ms ease-in-out; } a.submit { line-height: 49px; } input.submit { /*line-height: 1;*/ } .submit:hover, .submit:focus { background-color: #baaf00; border-top-color: #baaf00; } /* + icons */ a.submit.ico-arrow { position: relative; } a.submit.ico-arrow:after { content: ''; display: block; width: 26px; height: 26px; background: url('/assets/css/btn-ico-arrow.png') -9px 0 no-repeat; position: absolute; top: 11px; right: 9px; } input.submit.ico-arrow { background-image: url('/assets/css/btn-ico-arrow.png'); background-position: right center; background-repeat: no-repeat; } a.submit.ico-arrow-back { position: relative; } a.submit.ico-arrow-back:after { content: ''; display: block; width: 26px; height: 26px; background: url('/assets/css/btn-ico-arrow-back.png') -9px 0 no-repeat; position: absolute; top: 11px; left: 9px; } input.submit.ico-arrow-back { background-image: url('/assets/css/btn-ico-arrow-back.png'); background-position: left center; background-repeat: no-repeat; } a.btn.ico-delete { position: relative; padding: 0 40px; } a.btn.ico-delete:after { content: ''; display: block; width: 18px; height: 18px; background: url('/assets/css/btn-ico-delete.png') -5px 0 no-repeat; position: absolute; top: 5px; right: 5px; } input.btn.ico-delete { background-image: url('/assets/css/btn-ico-delete.png'); background-position: right center; background-repeat: no-repeat; } /** * ------------------------ * seznam */ ul.list { margin: 0 0 2em 0; padding: 0; } ul.list li { list-style-type: none; background: url('/assets/css/li.png') 0 9px no-repeat; padding: 0 0 0 20px; margin-bottom: 1.5em; font-size: 1.29em; } /* mensi */ ul.list-s { margin: 0 0 2em 0; padding: 0; } ul.list-s li { list-style-type: none; background: url('/assets/css/li-s.png') 0 6px no-repeat; padding: 0 0 0 20px; margin-bottom: 0.5em; } /** * ---------------- * obyc tabulka */ table { margin-bottom: 30px; } table tr { background-color: #dce6ed; } table tr:nth-child(even) { background-color: #e5eff6; } table th, table td { text-align: left; padding: 10px 15px; } table th:first-child { border-right: 2px solid #fff; } table thead th { border-right: 0 !important; border-bottom: 2px solid #fff; } /** * ----------------------- * submenu v hlavicce */ .submenu { line-height: 28px; } .submenu ul { margin: 0 -5px; padding: 0; list-style: none; } .submenu li { display: inline-block; vertical-align: middle; margin: 0 5px; padding: 0; line-height: 22px; color: #2a4d7e; font-weight: 300; } .submenu a { font-size: 1em; font-weight: 300; display: inline-block; vertical-align: middle; padding: 0 5px; } .submenu .active a { text-decoration: none; font-weight: bold; color: #fff; background-color: #2a4d7d; } /* uz. jmeno prihlaseneho */ .submenu li.user { float: right; margin-top: 5px; margin-right: 5px; font-weight: 600; } /** * ------------------------------ * hlavicka - menu + login ... */ .user-banner { background-color: #c2dcff; padding: 7px 21px 7px 18px; } /** * ---------------------- * login */ .loginForm { float: left; } .loginForm .fieldset-box { padding: 0; margin: 0 0 0 -13px; } .loginForm dl { margin: 0 0 0 13px; float: left; } .loginForm dt { display: none; } /* registrace/zapomenute heslo */ .login-alter { float: right; } .login-alter .submenu li:after { content: '\005C'; display: inline-block; vertical-align: middle; color: #88a6ce; font-weight: 800; font-size: 1.72em; margin-left: 5px; } .login-alter .submenu li:last-child:after { display: none; } /** * --------------------- * nacist dalsi */ .load-next { text-align: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #e0e0e0; } .load-next .i-dots { line-height: 8px; margin-bottom: 20px; } .load-next .i-dots span { display: inline-block; vertical-align: top; background-color: #bebebe; width: 8px; height: 8px; border-radius: 50%; margin: 0 3px; } /** * ----------------- * box s nabidkou */ .offer-boxes { margin-left: -15px; } .offer-boxes .offer-box { float: left; width: 50%; padding: 0 0 0 15px; } .offer-box-in { background-color: #3f90cf; border-bottom: 2px solid #1f669d; padding: 16px 8px 6px; margin: 0 0 30px 0; color: #fff; } .offer-box .i-ico { display: block; width: 80px; height: 80px; background: url('/assets/css/offer-box-check.png') 0 0 no-repeat; float: left; margin: 0 22px 0 7px; } .offer-box .i-content { overflow: hidden; padding-top: 14px; } .offer-box .i-title { color: #fff; text-transform: uppercase; font-size: 2.29em; font-weight: 800; margin: 0 0 5px 0; } .offer-box ul { margin: 0 0 25px 0; padding: 0; list-style: none; } .offer-box li { margin: 0 0 5px 0; padding: 0 0 0 23px; background: url('/assets/css/li-yellow.png') 0 9px no-repeat; font-size: 1.29em; font-weight: bold; } .offer-box li a { color: #fff; } .offer-box .submit { width: 100%; padding: 0; } /** * ----------------- * banyrky */ .cta-banner { background-color: #3f90cf; border-bottom: 2px solid #1f669d; margin: 0 0 30px 0; } .cta-banner a { display: block; color: #fff; text-transform: uppercase; font-size: 2em; font-weight: 800; text-decoration: none; height: 112px; line-height: 112px; } .cta-banner span { display: inline-block; vertical-align: middle; } .cta-banner .i-ico { width: 80px; height: 80px; margin-left: 15px; margin-right: 15px; background-image: url('/assets/css/banner-icons.png'); background-attachment: no-repeat; } .cta-banner .ico-password { background-position: 0 0; } .cta-banner .ico-email { background-position: 0 -80px; } .cta-banner .ico-advertising { background-position: 0 -160px; } .cta-banner .ico-help { background-position: 0 -240px; } .cta-banner .ico-info { background-position: 0 -320px; } .cta-banner .ico-cloud { background-position: 0 -400px; } .cta-banner .i-title { line-height: 1; } /** * -------------------- * menu ve sloupci */ .column-menu { padding-top: 10px; } .column-menu h3 { text-transform: uppercase; font-size: 1.4em; } .column-menu ul { margin: 0; padding: 0; list-style: none; } .column-menu li { list-style-type: none; background: url('/assets/css/li.png') 0 9px no-repeat; padding: 0 0 0 23px; margin-bottom: 10px; font-size: 1.29em; font-weight: bold; } .column-menu li.active a { text-decoration: none; } /** * ------------------------ * strankovani */ ul.pagination { margin: 0; padding: 0; list-style: none; } ul.pagination li { display: inline-block; margin-left: 10px; } ul.pagination li:first-child { margin-left: 0; } /** * -------------------- * icony ano/ne */ span.yes, span.no { display: inline-block; width: 25px; height: 25px; vertical-align: middle; background-image: url('/assets/css/yn.png'); background-repeat: no-repeat; font-size: 0; line-height: 0; text-indent: -9999px; } span.yes { background-position: 0 0; } span.no { background-position: 0 -25px; } /** * ---------------- * popup */ #overlayer { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; z-index: 99; } .popup-banner-container { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; } .popup-banner { max-width: 1096px; margin-left: auto; margin-right: auto; min-width: 420px; padding: 0 21px 0 18px; margin-top: 50px; position: relative; } .popup-close { display: block; width: 20px; height: 20px; background: url('/assets/css/device-menu-close.png') center center no-repeat; background-size: 20px 20px; font-size: 0; line-height: 0; text-indent: -9999px; position: absolute; top: 10px; right: 31px; } /** * --------------------------------------------- * *************** media queries *************** * --------------------------------------------- */ @media screen and (max-width: 1160px) { } @media screen and (max-width: 1080px) { /* hlavicka */ .page-logo { float: none; } .header-menu { float: none; } .header-menu ul { margin: 0 0 0 -11px; } /* paticka */ .footer-menu { float: none; clear: left; margin: 0 0 0 -11px; } .socials { position: absolute; right: 0; top: 20px; } .footer-info { float: none; } /* login */ .loginForm input.text, .loginForm input.password { width: 150px; } } @media screen and (max-width: 940px) { /* paticka */ .payment-logos { float: none; margin-left: -3px; } .footer-info { margin-top: 10px; } /* login */ .loginForm { float: none; margin-bottom: 3px; } .loginForm input.text, .loginForm input.password { width: 210px; } .login-alter { float: none; margin-left: -5px; } /* menu ve sloupci */ .column-menu li { background: none; padding: 0; margin: 0 5px 3px 0; display: inline-block; vertical-align: middle; font-size: 1em; } .column-menu li:after { content: '|'; display: inline-block; vertical-align: middle; color: #88a6ce; margin-left: 5px; margin-bottom: 3px; font-weight: 300; } .column-menu li:last-child:after { display: none; } } @media screen and (max-width: 800px) { /* hlavicka */ /* hlavni menu */ .header-menu, .user-banner { display: none; } #header-menu-btn { display: block; width: 42px; height: 30px; background: url('/assets/css/hamburger.png') 0 0 no-repeat; outline: none; position: absolute; right: 21px; top: 25px; } #header-menu-btn span, #user-banner-btn span { display: block; width: 100%; height: 100%; background: url('/assets/css/device-menu-close.png') center center no-repeat; display: none; } #header-menu-btn.open, #user-banner-btn.open { background-position: 0 -999px; } #header-menu-btn.open span, #user-banner-btn.open span { display: block; } .header-menu.open { display: block; position: absolute; top: 79px; left: 0; width: 100%; background-color: #2a4d7d; margin: 0; padding: 0; overflow-y: auto; } .header-menu ul { margin: 0; } .header-menu li { display: block; margin: 0; padding: 3px 21px 3px 13px; border-top: 1px solid #3f90cf; } .header-menu a { display: inline-block; padding: 5px; } .header-menu .active a { background: none; color: #fff; } /* user menu */ #user-banner-btn { display: block; width: 31px; height: 30px; background: url('/assets/css/user.png') 0 0 no-repeat; outline: none; position: absolute; right: 93px; top: 25px; } #user-banner-btn span { background-image: url('/assets/css/device-menu-close-blue.png'); } #user-banner-btn.open { background-color: #c2dcff; padding: 10px 10px 24px; top: 15px; right: 83px; } .user-banner.open { display: block; position: absolute; top: 79px; left: 0; width: 100%; background-color: #c2dcff; margin: 0; padding: 0; overflow-y: auto; } .submenu { line-height: normal; } .submenu ul { margin: 0; } .submenu li { display: block; margin: 0; padding: 3px 21px 3px 13px; line-height: normal; border-top: 1px solid #3f90cf; } .submenu li.i-1, .submenu li:first-child { border-top: 0; } .submenu li.user { float: none; margin: 0; padding: 8px 26px 8px 18px; } .submenu li:after { display: none; } .submenu a { display: inline-block; padding: 5px; text-decoration: none; } .submenu a:hover, .submenu a:focus { text-decoration: underline; } .submenu .active a { background: none; font-weight: 800; color: #2a4d7e; } /* login */ .loginForm { padding: 10px 21px 10px 18px; margin: 0; border-bottom: 1px solid #3f90cf; } .loginForm dl { margin: 0; padding: 0 0 0 13px; width: 33.3333%; } .loginForm input.text, .loginForm input.password { width: 100%; } .login-alter { margin: 0; } /* paticka */ .footer-menu { display: none; } .socials { position: static; top: auto; right: auto; clear: none; padding-top: 11px; } /* table */ /* Force table to not be like tables anymore */ .rTable, .rTable thead, .rTable tbody, .rTable tr, .rTable th, .rTable td { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .rTable thead tr { position: absolute; top: -9999px; left: -9999px; } .rTable tr {} /*.ie9 .rTable tr { float: left; clear: both; }*/ .rTable td { /* Behave like a "row" */ border: none; position: relative; padding-left: 50% !important; padding-right: 15px !important; white-space: normal; text-align: left !important; } /*.ie9 .rTable td { float: left; }*/ .rTable td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 14px; left: 0; width: 45%; padding-left: 15px; padding-right: 10px; box-sizing: border-box; white-space: nowrap; text-align:left; font-weight: bold; text-transform: uppercase; } /* Label the data */ .rTable td:before { content: attr(data-title); } /* box nabidka */ .offer-boxes { margin-left: 0; } .offer-boxes .offer-box { float: none; width: 100%; padding: 0; } } @media screen and (max-width: 570px) { /* paticka */ .footer-logo { float: none; } .socials { float: none; } .socials ul { margin-left: -8px; } } @media screen and (max-width: 480px) { /* login */ .loginForm dl { width: 50%; } .loginForm dl.formitem-submit { float: none; width: 100%; clear: both; padding-top: 10px; } } /** * ------------------------ * homepage */ .page-homepage .page-area-blue { background-image: url('/assets/css/hp-area-blue-shine.png'); background-position: 450px -50px; background-repeat: no-repeat; } .page-area-blue .page-area-box { padding-top: 30px; } /* intro text */ .welcome { margin-bottom: 2em; } .welcome .page-title h3 { font-size: 3.43em; font-weight: 300; text-transform: none; margin: 0; line-height: 1; } .welcome .page-title h1 { font-size: 4.57em; font-weight: 300; text-transform: none; margin: 0; line-height: 1; } .welcome .i-text { font-size: 1.29em; font-weight: 300; /*padding-right: 65px;*/ } .welcome .i-text p { margin: 0; } .welcome .i-text strong, .welcome .i-text b { font-weight: 800; } /* registrace domeny */ .registerDomain { padding-top: 6px; margin-right: -21px; margin-bottom: 10px; } .registerDomain-box { border: 1px solid #fff; box-shadow: 0 0 0 1px #b0c7e7; border-radius: 1px; } .registerDomain-box h2 { font-size: 3.86em; font-weight: 800; text-transform: uppercase; letter-spacing: -2px; margin: 0; padding: 12px 0 10px 20px; } .registerDomain form { background-color: #2c4e7e; color: #fff; } .registerDomain .fieldset-box { padding: 25px 21px 0 18px; } .registerDomain dl { margin: 0 0 13px 0; } .registerDomain form dt { color: #f9ee39; text-transform: uppercase; font-weight: bold; font-size: 1.29em; } .registerDomain dl.formitem-subdomain, .registerDomain dl.formitem-domain { float: left; width: 50%; } .registerDomain dl.formitem-domain { padding-left: 6px; } .registerDomain input.text { width: 100%; } .registerDomain dl.formitem-domain .select2-container { width: 100%; } .registerDomain input.submit { width: 100%; padding: 0 45px; } .registerDomain .icons { text-align: center; } .registerDomain .icons img { vertical-align: bottom; } /* druhy krok */ .registerDomain-box .i-domainName { font-size: 2em; padding-right: 20px; word-break: break-all; } .registerDomain-box .i-availableDomain { font-weight: bold; text-transform: uppercase; color: #22aa22; font-size: 1.29em; padding: 0 20px; margin: 0 0 12px 0; } .registerDomainStep2Form {} .registerDomainStep2Form .fieldset-box { padding-top: 20px; } .registerDomainStep2Form .formitem-email2 dt { float: left; margin-right: 10px; margin-bottom: 0; line-height: 28px; } .registerDomainStep2Form .formitem-email2 dd { overflow: hidden; } .registerDomainStep2Form .formitem-agree dt { display: none; } .formitem-agree a { color: #fff; } .registerDomainStep2Form .formitem-back { float: left; margin-right: 13px; } .registerDomainStep2Form .formitem-back input.submit { width: 44px; padding: 0; font-size: 0; line-height: 0; text-indent: -9999px; background-position: center center; } .registerDomainStep2Form .formitem-submit { overflow: hidden; } .registerDomainStep2Form .formitem-submit input.submit { font-size: 24px; } /* dokonceno */ .registerDomain-finished .i-domain { font-size: 1.4em; word-break: break-all; display: inline-block; } /** * -------------------- * novinky */ .news { margin-bottom: 2em; } .news ul.items { margin: 0; padding: 0; list-style: none; } .news .i { margin: 0 0 30px 0; padding: 0; } .news .i:last-child { margin-bottom: 0; } .news .i-date { font-size: 1.29em; font-weight: 800; text-decoration: underline; float: left; width: 100px; margin: 0 15px 0 0; text-align: right; } .news .i-text { overflow: hidden; padding-top: 4px; } /* posledni novinky - hp */ .news-last { padding-top: 10px; margin-bottom: 20px; } .news-last h2 { margin-bottom: 0; line-height: 1.2; } .news-last .i { margin-bottom: 0; border-bottom: 2px solid #e0e0e0; padding: 6px 190px 8px 0; } .news-last .i-text { color: #2b2b2b; font-size: 0.86em; padding-top: 7px; } .news-last .i-archiv { float: right; margin-top: -36px; } /** * --------------------- * top10 */ .top10 { padding-top: 10px; margin-bottom: 30px; } .top10 h2 { margin-bottom: 2px; } .top10-text { margin-bottom: 2em; } .top10-text p { margin: 0; } /* top10 form */ .top10-form { margin-bottom: 2em; } .top10Form { margin-top: -9px; margin-right: -21px; } .top10Form .fieldset-box { padding: 10px 21px 10px 10px; background-color: #c2dcff; position: relative; } .top10Form dl { margin: 0; } .top10Form dl.formitem-tip dt { text-transform: uppercase; float: left; line-height: 28px; margin: 0 8px 0 0; } .top10Form dl.formitem-tip dd { overflow: hidden; padding-right: 109px; } .top10Form dl.formitem-tip input.text { width: 100%; } .top10Form dl.formitem-submit { position: absolute; top: 10px; right: 21px; } .top10Form input.btn { width: 103px; } /* vypis top10 */ .top10-list { text-align: center; } .top10-list ul.items { margin: 0 0 0 -13px; padding: 0; list-style: none; } .top10-list .i { display: inline-block; vertical-align: top; width: 20%; margin: 0 0 20px 0; padding: 0 0 0 13px; text-align: center; } .top10-list .i:after { content: ''; display: inline-block; background: lime; width: 85%; height: 8px; border-radius: 75%; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.05) 53%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.1)), color-stop(53%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 53%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 53%,rgba(0,0,0,0) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 53%,rgba(0,0,0,0) 100%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 53%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ margin-top: 15px; } :root .top10-list .i:after { filter: none; } .top10-list .i a { display: block; position: relative; } .top10-list .i img { vertical-align: top; opacity: 0.8; } .top10-list .i span { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #2a4d7d; color: #fff; padding: 6px 10px 6px 15px; box-sizing: border-box; font-size: 0.79em; text-transform: uppercase; font-weight: 600; text-decoration: underline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .top10-list .i a:hover img, .top10-list .i a:focus img { opacity: 1; } .top10-list .i a:hover span, .top10-list .i a:focus span { text-decoration: none; white-space: normal; overflow: visible; text-overflow: initial; word-break: break-all; } /** * ------------------------ * katalog stranek */ .catalogue-categories { margin-bottom: 40px; } .catalogue-categories ul.items { margin: -30px 0 0 -30px; padding: 0; list-style: none; } .catalogue-categories .i { margin: 30px 0 0 0; padding: 0 0 0 35px; display: inline-block; vertical-align: top; width: 25%; /*width: 33.3333%;*/ } .catalogue-categories .i a { text-decoration: none; outline: none; float: left; } .catalogue-categories .i span { display: block; line-height: 1; } .catalogue-categories .i-title, .catalogue-categories .i-count { font-size: 2.57em; font-weight: 300; line-height: 1; letter-spacing: -1px; border-bottom: 3px solid #cfdae8; padding-bottom: 2px; } .catalogue-categories .i-title { font-size: 2em; line-height: 1.2; } .catalogue-categories .i-title a { float: none; } .catalogue-categories .i-title a:hover, .catalogue-categories .i-title a:focus { text-decoration: underline; } .catalogue-categories .i-name { /*font-size: 1.29em;*/ font-weight: bold; padding-top: 3px; } .catalogue-categories .i a:hover .i-name, .catalogue-categories .i a:focus .i-name { text-decoration: underline; } .catalogue-categories .i-subcategories a { float: none; text-decoration: underline; font-weight: 600; } .catalogue-categories .i-subcategories a:hover, .catalogue-categories .i-subcategories a:focus { text-decoration: none; } .catalogue-categories .i-subcategories span { display: inline-block; margin-left: 5px; font-weight: 300; font-size: 0.9em; } /* katalog hl. kategorii na hp */ .page-homepage .catalogue-categories { padding-right: 40px; } .page-homepage .catalogue-categories .i { width: 25%; } /* katalog detail,... */ .catalogue-breadcrumbs { font-size: 0.9em; margin-bottom: 30px; } .catalogue-submenu { margin-bottom: 30px; } .catalogue-submenu ul { margin: 0; padding: 0; list-style: none; } .catalogue-submenu li { display: inline-block; margin: 0 15px 5px 0; padding: 0; } .catalogue-submenu li:last-child { margin-left: 0; } .catalogue-submenu li a { font-weight: 600; } .catalogue-submenu li span { font-weight: 300; font-size: 0.9em; } .catalogue-list .i { margin-bottom: 1.5em; } .catalogue-list .i a { font-size: 1.1em; } .catalogue-list .i div { padding-top: 3px; font-size: 0.9em; } /** * ---------------------- * forum */ /* menu */ .forum-menu { border-bottom: 1px solid #fff; margin: 0 -21px 28px -18px; padding: 7px 21px 20px 18px; } .forum-menu .i-left { float: left; } .forum-menu .i-right { float: right; line-height: 30px; } .forum-menu .i-right a { display: inline-block; vertical-align: middle; text-decoration: none; margin-left: 18px; } .forum-menu .i-right a:hover, .forum-menu .i-right a:focus { text-decoration: underline; } .forum-menu-bottom { border-bottom: 0; border-top: 1px solid #fff; padding-top: 20px; padding-bottom: 0; } /* seznam for */ .forum-list { margin-bottom: 40px; } .forum-list .items { margin: 0; padding: 0; list-style: none; } .forum-list .i { margin: 0 0 15px 0; padding: 0; } .forum-list a { outline: none; text-decoration: none; } .forum-list .i-header { background-color: #fff; padding: 3px 55px 3px 16px; background-image: url('/assets/css/btn-ico-arrow.png'); background-position: right center; background-repeat: no-repeat; } .forum-list .i:nth-child(even) .i-header { background-color: #c2dcff; } .forum-list a:hover .i-header { background-color: #f9ee39 !important; } .forum-list .i-header-in { display: table; width: 100%; } .forum-list .i-title { display: table-cell; vertical-align: middle; } .forum-list .i-title h2 { margin: 0; } .forum-list .i-info { display: table-cell; vertical-align: middle; text-align: right; } .forum-list .i-count, .forum-list .i-last { display: inline-block; } .forum-list .i-count { margin-right: 35px; } .forum-list a:hover .i-title { text-decoration: underline; } .forum-list .i-footer { background-color: #2a4d7d; padding: 8px 16px 9px; color: #fff; font-size: 0.86em; position: relative; } .forum-list .i-footer:after { content: ''; display: block; width: 14px; height: 14px; background: url('/assets/css/forum-list-corner.png') 0 0 no-repeat; position: absolute; top: -14px; left: 0; } /* temata - tabulka */ .forum-topics { margin: 0 0 30px 0; } .forum-topics table { width: 100%; } .forum-topics thead tr { background: none; } .forum-topics th { font-weight: 800; font-size: 1.2em; text-transform: uppercase; padding: 0 10px 5px; border: 0 !important; } .forum-topics .i-title, .forum-topics .i-author { text-align: left; padding-left: 0; } .forum-topics .i-title { padding-right: 20px; } .forum-topics .i-count { text-align: center; } .forum-topics .i-last { text-align: right; padding-right: 0; } .forum-topics tbody tr { background-color: #fff; } .forum-topics tbody tr:nth-child(even) { background-color: #c2dcff; } .forum-topics tbody tr:hover { background-color: #f9ee39 !important; } .forum-topics td { border-bottom: 2px solid #1f669d; font-size: 1em; font-weight: bold; padding: 14px 10px; } .forum-topics td.i-title { padding-left: 10px; } /*.forum-topics td.i-title a { text-decoration: none; } .forum-topics td.i-title a:hover { text-decoration: underline; }*/ .forum-topics td.i-author { font-weight: normal; padding-left: 0; } .forum-topics td.i-last { padding-right: 17px; } .label-new { display: inline-block; vertical-align: middle; color: #fff; background-color: #f20000; font-size: 0.86em; line-height: 22px; padding: 0 11px; margin-left: 5px; float:right; } /* forum - vlakno */ .forum-thread-title { font-size: 2.14em; text-transform: none; margin-bottom: 0.3em; } .forum-thread { margin-bottom: 20px; } .forum-thread .i { margin-bottom: 17px; border-bottom: 1px solid #2a4d7d; } .forum-thread .i-header { background-color: #3f90cf; border: 1px solid #3f90cf; color: #fff; padding: 13px 18px; position: relative; } .forum-thread .i-header:after { content: ''; display: block; width: 17px; height: 19px; background: url('/assets/css/forum-post-corner.png') 0 0 no-repeat; position: absolute; top: 14px; left: -18px; } .forum-thread .i-header a { color: #fff; } .forum-thread .i-content { padding: 18px; background-color: #e1eeff; border-left: 1px solid #2a4d7d; border-right: 1px solid #2a4d7d; } .forum-thread .i-footer { background-color: #e1eeff; border-left: 1px solid #2a4d7d; border-right: 1px solid #2a4d7d; border-top: 0; text-align: right; padding: 12px 8px; } .forum-thread .i-footer .btn { width: 200px; padding: 0; } /* level1 */ .forum-thread .i-level-1 .i-header { border-color: #2a4d7d; } .forum-thread .i-level-1 .i-header, .forum-thread .i-level-1 .i-footer { background-color: #2a4d7d; } .forum-thread .i-level-1 .i-content { background-color: #fff; } .forum-thread .i-level-1 .i-header:after { display: none; } /* level2 */ .forum-thread .i-level-2 { margin-left: 50px; } /* level3 */ .forum-thread .i-level-3 { margin-left: 100px; } .forum-textarea { width: 95%; height: 120px; } /** * --------------- * podminky */ .page-podminky .conditions div { padding-left: 20px; } /** * ------------------------- * reklama */ .page-reklama .static-text table { margin-bottom: 5px; } /** * --------------------- * podpora */ .help-bc { font-size: 0.9em; margin-bottom: 30px; } /* tagy */ .tags-cloud { margin: 0; padding: 0; } .tags-cloud li { margin-right: 10px; } /** * -------------------- * filemanager */ .filemanager { width: 100%; overflow-x: auto; } /** * ------------- * ruzne */ div.info { margin-bottom: 1em; } p.error { color: #cc0000; } /** * ----------------- * slevove bannery */ .discount-banner { color: #fff; margin-bottom: 30px; position: relative; } .discount-banner p { margin: 0; } .discount-banner .i-1 { font-size: 28px; font-weight: 300; text-transform: uppercase; padding: 9px 110px 9px 15px; } .discount-banner .i-1 span, .discount-banner .i-1 a { color: #f9ee39; } .discount-banner .i-2 { font-size: 16px; font-weight: normal; text-transform: uppercase; padding: 7px 110px 8px 15px; } .discount-banner .i-2 strong { text-transform: none; } /* barvy */ .discount-banner.color-red .i-1 { background-color: #b01111; } .discount-banner.color-red .i-2 { background-color: #910000; } .discount-banner.color-orange .i-1 { background-color: #d56400; } .discount-banner.color-orange .i-2 { background-color: #bc3a0d; } .discount-banner.color-green .i-1 { background-color: #5e8f08; } .discount-banner.color-green .i-2 { background-color: #3e6003; } .discount-banner.color-blue .i-1 { background-color: #08837c; } .discount-banner.color-blue .i-2 { background-color: #004945; } .discount-banner.color-purple .i-1 { background-color: #841694; } .discount-banner.color-purple .i-2 { background-color: #61036f; } /* icons */ .discount-banner.ico-megaphone:after { content: ''; display: block; width: 62px; height: 52px; background: url('/assets/css/discount-banner-ico-megaphone.png') 0 0 no-repeat; position: absolute; top: 50%; right: 26px; margin-top: -26px; } .discount-banner.ico-money:after { content: ''; display: block; width: 64px; height: 38px; background: url('/assets/css/discount-banner-ico-money.png') 0 0 no-repeat; position: absolute; top: 50%; right: 15px; margin-top: -19px; } .discount-banner.ico-pig:after { content: ''; display: block; width: 64px; height: 61px; background: url('/assets/css/discount-banner-ico-pig.png') 0 0 no-repeat; position: absolute; top: 50%; right: 17px; margin-top: -30px; } .discount-banner.ico-bag:after { content: ''; display: block; width: 50px; height: 60px; background: url('/assets/css/discount-banner-ico-bag.png') 0 0 no-repeat; position: absolute; top: 50%; right: 28px; margin-top: -30px; } .discount-banner.ico-cup:after { content: ''; display: block; width: 62px; height: 56px; background: url('/assets/css/discount-banner-ico-cup.png') 0 0 no-repeat; position: absolute; top: 50%; right: 18px; margin-top: -28px; } /** * ----------------------------- * konec objednavky - platba */ .order-result-items, .order-result-card-payments, .order-result-bank-transfer { float: left; width: 64%; } .order-result-billing, .order-result-qr-payment { float: right; width: 33%; } /* polozky */ .order-result-items { margin-bottom: 20px; } /* fakturacni udaje */ .order-result-billing table { width: 100%; } /* platba kartou */ .card-payments {} .card-payments .gopay-payment { margin-bottom: 30px; } .card-payments .gopay-payment a.gopay { display: inline-block; height: 80px; width: 146px; background: url('/assets/css/ico-sprite-payment-cards.png') 0 -320px no-repeat; } .card-payments .gopay-payment a.gopay span { display: none; } ul.card-payment-items { margin: 0 -15px; padding: 0; list-style: none; } ul.card-payment-items li { margin: 0 15px 50px; padding: 0; display: inline-block; vertical-align: middle; } ul.card-payment-items a { display: inline-block; vertical-align: middle; background-position: 0 0; background-repeat: no-repeat; } ul.card-payment-items a span { display: none; } ul.card-payment-items .gopay-eu_gp_kb a { width: 350px; height: 40px; background-image: url('/assets/css/gopay/eu_gp_kb.png'); } ul.card-payment-items .gopay-eu_paypal a { width: 115px; height: 28px; background-image: url('/assets/css/gopay/eu_paypal.png'); } ul.card-payment-items .gopay-cz_kb a { width: 82px; height: 30px; background-image: url('/assets/css/gopay/cz_kb.jpg'); } ul.card-payment-items .gopay-cz_rb a { width: 103px; height: 28px; background-image: url('/assets/css/gopay/cz_rb.jpg'); } ul.card-payment-items .gopay-cz_mb a { width: 87px; height: 34px; background-image: url('/assets/css/gopay/cz_mb.jpg'); } ul.card-payment-items .gopay-cz_fb a { width: 66px; height: 36px; background-image: url('/assets/css/gopay/cz_fb.jpg'); } ul.card-payment-items .gopay-cz_csas a { width: 70px; height: 30px; background-image: url('/assets/css/gopay/cz_csas.jpg'); } ul.card-payment-items .gopay-eu_gp_w a { width: 100px; height: 22px; background-image: url('/assets/css/gopay/eu_gp_w.jpg'); } ul.card-payment-items .gopay-type.gopay-cz_mp a, ul.card-payment-items .gopay-type.gopay-eu_bank a { text-decoration: none; } ul.card-payment-items .gopay-type.gopay-cz_mp span, ul.card-payment-items .gopay-type.gopay-eu_bank span { display: inline; text-decoration: none; text-align: center; font-size: 0.9em; font-weight: bold; text-transform: uppercase; } /* qr platba */ .order-result-qr-payment { text-align: center; } /* platba prevodem */ .order-result-bank-transfer {} .order-result-bank-transfer table { width: 100%; } .payment-success-msg { color: #51af1f; } /** * tabulka se scrollem */ .table-scroll-container { overflow-x: auto; } /* srovnani hostingu */ .hosting-comparision-table table { /*min-width: 500px;*/ } /** * ---------------------- * banner - sleva */ .banner-discount-special-1 { padding: 0 0 0 39px; margin-bottom: 50px; } .popup-banner .banner-discount-special-1 { margin-bottom: 0; } .banner-discount-special-1 .i-box { background-color: #50a6b7; color: #fff; display: table; width: 100%; position: relative; } .banner-discount-special-1 .i-box:before { content: ''; display: block; width: 40px; height: 50%; position: absolute; top: 0; left: -40px; background-color: #50a6b7; } .banner-discount-special-1 .i-box:after { content: ''; display: block; height: 100%; width: 40px; position: absolute; bottom: 0; left: -40px; background: url('/assets/css/banner-discount-corner.png') 0 bottom no-repeat; } .banner-discount-special-1 .i-content { padding: 27px 20px 24px 1px; display: table-cell; } .banner-discount-special-1 .i-title { font-size: 38px; font-weight: bold; text-transform: none; letter-spacing: -1px; line-height: 1.2; margin: 0 0 5px 0; } .banner-discount-special-1 .i-text { font-size: 26px; font-weight: 300; letter-spacing: -1px; margin-bottom: 22px; } .banner-discount-special-1 .i-text p { margin: 0; } .banner-discount-special-1 .i-text .i-2 { color: #f9ee39; } .banner-discount-special-1 .btn { height: 56px; line-height: 56px; border-bottom-width: 6px; font-size: 28px; font-weight: bold; padding: 0 45px; } .banner-discount-special-1 .i-image { display: table-cell; vertical-align: bottom; text-align: right; position: relative; /*width: 1%;*/ padding-left: 20px; } .banner-discount-special-1 .i-image:after { content: ''; display: block; width: 2px; height: 86%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAKCAMAAACpO397AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEZEQ0RFODQ4NjRBMTFFNTg1QTRDQzdGMDA4QUYzNzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEZEQ0RFODU4NjRBMTFFNTg1QTRDQzdGMDA4QUYzNzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRkRDREU4Mjg2NEExMUU1ODVBNENDN0YwMDhBRjM3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRkRDREU4Mzg2NEExMUU1ODVBNENDN0YwMDhBRjM3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Puu5fpYAAAAVUExURXCzwozAzOPv8rvY31Cmt////5jG0ZNPT0UAAAAYSURBVHjaYmBiZGBlQ0fMDAwsLEAEEGAABV0AWQoFVfYAAAAASUVORK5CYII=) 0 0 repeat-y; position: absolute; left: 0; top: 7%; } .banner-discount-special-1 .i-image img { vertical-align: bottom; width: auto; height: auto; max-width: 100%; } /** * --------------------------------------------- * *************** media queries *************** * --------------------------------------------- */ @media screen and (max-width: 1160px) { .page-homepage .page-area-blue { background-position: 250px -50px; } /* welcome */ .welcome .page-title h3 { font-size: 2.5em; } .welcome .page-title h1 { font-size: 3.5em; } .welcome .i-text { /*padding-right: 10px;*/ } /* registrace domeny */ .registerDomain-box h2 { font-size: 3em; } /* katalog stranek */ .catalogue-categories .i { width: 33.3333%; } } @media screen and (max-width: 1080px) { /* katalog stranek na hp */ .page-homepage .catalogue-categories .i { width: 33.3333%; } } @media screen and (max-width: 940px) { .page-homepage .page-area-blue { background-image: none; } /* welcome */ .page-area-blue .page-area-box { padding-top: 20px; } .welcome .page-title h3, .welcome .page-title h1 { display: inline-block; } .welcome .i-text { padding-right: 0; } /* registrace domeny */ .registerDomain { padding-top: 0; margin-right: 0; } /* top10 */ .top10Form { margin-right: 0; } .top10Form .fieldset-box { padding: 10px; } .top10Form dl.formitem-submit { right: 10px; } /* katalog stranek na hp */ .page-homepage .catalogue-categories .i { width: 25%; } /* katalog stranek */ .catalogue-categories .i { width: 50%; } /* konec objednavky - platba */ .order-result-items, .order-result-card-payments, .order-result-bank-transfer, .order-result-billing, .order-result-qr-payment { float: none; width: 100%; } } @media screen and (max-width: 800px) { /* top10 */ .top10-list .i { width: 25%; } /* forum - menu */ .forum-menu .i-left { float: none; margin-bottom: 12px; } .forum-menu .i-right { float: none; line-height: 1.4; } .forum-menu .i-right a { margin-left: 0; margin-right: 18px; } /* forum - list */ .forum-list .i-header-in { display: block; } .forum-list .i-title, .forum-list .i-info { display: block; } .forum-list .i-info { text-align: left; padding: 2px 0; } /* temata - tabulka */ .forum-topics td.i-title, .forum-topics td.i-author, .forum-topics td.i-count { border-bottom: 0; } .forum-topics td.i-title { padding-bottom: 10px; } .forum-topics td.i-author, .forum-topics td.i-count, .forum-topics td.i-last { padding-top: 2px; padding-bottom: 2px; } .forum-topics td.i-last { padding-bottom: 14px; } .forum-topics td.i-author:before, .forum-topics td.i-count:before, .forum-topics td.i-last:before { top: 2px; } /* banner sleva */ .banner-discount-special-1 .i-title { font-size: 30px; } .banner-discount-special-1 .i-text { font-size: 20px; } .banner-discount-special-1 .i-image img { width: 200px; } .banner-discount-special-1 .btn { font-size: 25px; height: 54px; line-height: 54px; padding: 0 20px; } } @media screen and (max-width: 700px) { /* novinky */ .news-last .i { padding-right: 0; } .news-last .i-archiv { float: none; margin-top: 10px; text-align: right; } /* top10 */ .top10-list .i { width: 33.3333%; } /* slevove bannery */ .discount-banner .i-1 { font-size: 22px; } /* banner sleva */ .banner-discount-special-1 .i-box { padding-right: 40px; } .banner-discount-special-1 .i-box, .banner-discount-special-1 .i-content, .banner-discount-special-1 .i-image { display: block; width: 100%; text-align: center; } .banner-discount-special-1 .i-content { padding-right: 0; } .banner-discount-special-1 .i-image img { width: auto; } .banner-discount-special-1 .i-image:after { background: none; display: none; } } @media screen and (max-width: 570px) { /* registrace domeny */ .registerDomain-box h2 { font-size: 2.3em; } .registerDomainStep2Form .formitem-email2 dt { float: none; margin-right: 0; margin-bottom: 5px; line-height: 1.2; } .registerDomainStep2Form .formitem-email2 dd { overflow: visible; } .registerDomainStep2Form .formitem-submit input.submit { font-size: 20px; } /* top10 */ .top10Form dl.formitem-tip dt { float: none; line-height: auto; } .top10Form dl.formitem-tip dd { overflow: visible; } .top10Form dl.formitem-submit { position: static; top: auto; right: auto; float: right; margin-top: -28px; } .top10-list .i { width: 50%; } /* katalog stranek na hp */ .page-homepage .catalogue-categories .i { width: 33.3333%; } /* katalog stranek */ .catalogue-categories .i { width: 100%; } /* forum - list */ .forum-list .i-count, .forum-list .i-last { display: block; margin: 0; } } @media screen and (max-width: 480px) { /* registrace domeny */ .registerDomainStep2Form .formitem-submit input.submit { text-align: left; padding: 0 15px; font-size: 18px; } } /** ORDER by EE **/ .page-usersettings .registerDomain .formitem-submit { clear: both; } .page-usersettings .registerDomain .formitem-subdomain { width: 80%; } .page-usersettings .registerDomain .formitem-domain { width: 20%; } .page-usersettings .registerDomain .formitem-subdomain input { width: 100%; height: 28px; } .verify-results { width: 100%; padding: 0px; border-collapse: collapse; } .verify-results ul { list-style: none; margin: 0; padding: 0; } .verify-results ul li { list-style: none; } .verify-results ul li .i-in { margin: 15px; padding: 15px; box-shadow: 0 0 0 1px #b0c7e7; border-radius: 1px; text-align: center; background-color: #E4F0FF; color: #2C4E7E; } .verify-results ul li .i-info { min-height: 6em; padding-bottom: 1em; } .verify-results.cols-2 ul li { width: 50%; float:left; } .page-usersettings .registerDomain .change-domain { font-size: 11pt; height: 35px; } ul.cards { margin: 0; padding: 0; list-style: none; width: 100%; } ul.cards li { float:left; width: 140px; padding-right: 20px; } ul.cards li a { display: inline-block; height: 80px; width: 128px; background: url('/assets/css/ico-sprite-payment-cards.png') 0px 80px no-repeat; border: 1px solid #ccc; border-radius: 4px; } ul.cards li a span { display: none; } ul.cards li span { display: none; } ul.cards li.card-visa a { background-position: 0 -240px; } ul.cards li.card-visaelectron a { background-position: 0 -160px; } ul.cards li.card-mastercard a { background-position: 0 -80px; } ul.cards li.card-maestro a { background-position: 0 -0px; } ul.cards li.gopay { width: 610px; margin-right: 10px; border: 1px solid #ccc; border-radius: 4px; } ul.cards li.gopay a { background-position: 0 -320px; width: 148px; float:left; display: block; border: 0px; border-right: 1px solid #ccc; border-radius: 0; } ul.cards li.gopay ul { list-style: none; width: 429px; float:left; margin: 0; padding:0; display:block; padding-left: 7px; } ul.cards li.gopay ul li { width: 100px; padding-right: 0; float:left; } ul.cards li.gopay .gopay-type a { height: 39px; width: 100px; } ul.cards li.gopay ul li a { width: 100px; height: 39px; background: no-repeat center center; } ul.cards li.gopay ul li.gopay-type { width: 105px; } ul.cards li.gopay ul li.gopay-type a { border: 0px; } ul.cards li.gopay-eu_paypal a { background-image:url('/assets/css/gopay/eu_paypal.jpg') !important; } ul.cards li.gopay-cz_mp a { } ul.cards li.gopay-cz_kb a { background-image:url('/assets/css/gopay/cz_kb.jpg') !important; } ul.cards li.gopay-cz_rb a { background-image:url('/assets/css/gopay/cz_rb.jpg') !important; } ul.cards li.gopay-cz_mb a { background-image:url('/assets/css/gopay/cz_mb.jpg') !important; } ul.cards li.gopay-cz_fb a { background-image:url('/assets/css/gopay/cz_fb.jpg') !important; } ul.cards li.gopay-cz_csas a { background-image:url('/assets/css/gopay/cz_csas.jpg') !important; } ul.cards li.gopay-eu_bank a { background-image:url('/assets/css/gopay/eu_bank.jpg') !important; } ul.cards li.gopay-eu_gp_w a { background-image:url('/assets/css/gopay/eu_gp_w.jpg') !important; } ul.cards li.gopay-type.gopay-cz_mp a, ul.cards li.gopay-type.gopay-eu_bank a { text-decoration: none; } ul.cards li.gopay-type.gopay-cz_mp span, ul.cards li.gopay-type.gopay-eu_bank span { display: inherit; text-decoration: none; text-align: center; font-size: 10pt; font-weight: bold; text-transform: uppercase; } .order-upgrade-premium #container, .add-alias #container { width: 700px; float:left; } .order-upgrade-premium #column2, .add-alias #column2 { padding-left: 50px; width: 300px; float:left; } .order-summary.basket { border: 1px solid #fff; box-shadow: 0 0 0 1px #b0c7e7; border-radius: 1px; } .order-summary h3 { padding: 8px; margin: 0; text-transform: uppercase; } .order-summary .basket-items { padding: 8px; background: #2c4e7e; color: #fff; } .order-summary .i-name { text-transform: uppercase; } .order-summary .i-total { font-size: 115%; font-weight: bold; } .order-summary .i-price { text-align: right; } .order-summary .i-total-without-wat { text-align: right; } .order-summary .i-total-with-wat { text-align: right; font-size: 90%; } tr.total-price td { border-top: 2px solid #fff; } tr.total-price td { font-weight: bold; } tr.total-price td.title { font-size: 120%; } tr.total-price td.priceWithVat { font-size: 150%; } /** * -------------------- * systemove zpravy */ .messages { position: fixed; z-index: 10; top: 0; left: 0; height: 0; width: 100%; font-size: 1.2em; text-align: center; cursor: default; } .messages .items { margin: 0; padding: 0; list-style: none; vertical-align: top; } .messages .i { margin: 0; padding: 15px 48px 15px 30px; color: #fff; font-weight: bold; border-top: 2px solid #1f669d; background-color: #3f90cf; position: relative; } .messages .level-info { background-color: #51af1f; border-color: #388210; } .messages .level-warning { background-color: #f9ee39; border-color: #baaf00; color: #2c4e7e; } .messages .level-error { background-color: #f22643; border-color: #ff677d; } .messages .i:after { content: ''; display: block; width: 18px; height: 18px; background: url('/assets/css/btn-ico-delete.png') center 0 no-repeat; position: absolute; top: 50%; right: 15px; margin-top: -9px; cursor: pointer; } .messages p { margin: 0; } /** * objednavka rozcestnik */ .order-directory {} .order-directory .i { display: inline-block; vertical-align: middle; width: 33.333333%; margin-bottom: 30px; } .order-directory .i-2 { margin-left: -1px; } .order-directory .i-box { background-color: #fff; border: 1px solid #d4ebf9; } .order-directory .i-3 .i-box { border: 1px solid #f1f1f1; } .order-directory .i-header { color: #fff; text-transform: uppercase; text-align: center; position: relative; overflow: hidden; } .order-directory .i-header:before, .order-directory .i-header:after { content: ''; position: absolute; top: 90%; width: 110%; height: 200px; background: #fff; } .order-directory .i-header:before { left: -10%; transform: rotate(10deg); } .order-directory .i-header:after { right: -10%; transform: rotate(-10deg); } .order-directory .i-1 .i-header { background-color: #3f90cf; padding-top: 14px; padding-bottom: 36px; } .order-directory .i-2 .i-header { background-color: #afd0ff; padding-top: 15px; padding-bottom: 33px; } .order-directory .i-3 .i-header { background-color: #e0e0e0; color: #8b8b8b; padding-top: 12px; padding-bottom: 30px; } .order-directory .i-header h2 { line-height: 1; font-weight: bold; margin: 0; } .order-directory .i-header h2 span { display: block; font-weight: normal; } .order-directory .i-1 .i-header h2 { font-size: 28px; } .order-directory .i-2 .i-header h2 { font-size: 26px; } .order-directory .i-3 .i-header h2 { font-size: 24px; } .order-directory .i-content { padding: 0 25px; color: #6d6d6d; font-weight: 300; } .order-directory .i-1 .i-content { font-size: 15px; padding-top: 0; padding-bottom: 16px; } .order-directory .i-2 .i-content { font-size: 14px; padding-top: 5px; padding-bottom: 15px; } .order-directory .i-3 .i-content { font-size: 13px; padding-top: 5px; padding-bottom: 13px; } .order-directory .i-price, .order-directory .i-adv-1 { border-bottom: 1px solid #d6d6d6; } .order-directory .i-price { text-align: center; } .order-directory .i-1 .i-price { padding-bottom: 10px; } .order-directory .i-2 .i-price { padding-bottom: 10px; } .order-directory .i-3 .i-price { padding-bottom: 10px; } .order-directory .i-price strong { font-weight: 300; margin-right: 6px; } .order-directory .i-1 .i-price strong { font-size: 34px; } .order-directory .i-2 .i-price strong { font-size: 30px; } .order-directory .i-3 .i-price strong { font-size: 26px; display: inline-block; vertical-align: top; } .order-directory .i-price span { color: #3f90cf; display: inline-block; text-align: left; vertical-align: top; margin-top: 6px; line-height: 1; } .order-directory .i-1 .i-price span { font-size: 16px; } .order-directory .i-2 .i-price span { font-size: 14px; } .order-directory .i-3 .i-price span { font-size: 13px; } .order-directory .i-price span small { color: #999; display: block; margin-top: 4px; } .order-directory .i-1 .i-price span small { font-size: 13px; } .order-directory .i-1 .i-price span small { font-size: 12px; } .order-directory .i-1 .i-price span small { font-size: 12px; } .order-directory .i-adv ul { margin: 0; padding: 0 0 0 8px; list-style: none; } .order-directory .i-1 .i-adv ul { padding-left: 6px; } .order-directory .i-adv li { margin: 0; padding: 0; } .order-directory .i-1 .i-adv li { margin-bottom: 10px; background: url('/assets/css/check-1.png') 0 3px no-repeat; padding-left: 32px; } .order-directory .i-2 .i-adv li { margin-bottom: 9px; background: url('/assets/css/check-2.png') 0 3px no-repeat; padding-left: 29px; } .order-directory .i-3 .i-adv li { margin-bottom: 8px; background: url('/assets/css/check-3.png') 0 3px no-repeat; padding-left: 28px; } .order-directory .i-2 .i-adv li.i-no { background: url('/assets/css/cross-2.png') 2px 6px no-repeat; } .order-directory .i-3 .i-adv li.i-no { background: url('/assets/css/cross-3.png') 2px 4px no-repeat; } .order-directory .i-1 .i-adv-1 { padding-top: 16px; } .order-directory .i-1 .i-adv-2 { padding-top: 10px; } .order-directory .i-2 .i-adv-1 { padding-top: 14px; } .order-directory .i-2 .i-adv-2 { padding-top: 9px; } .order-directory .i-3 .i-adv-1 { padding-top: 10px; } .order-directory .i-3 .i-adv-2 { padding-top: 8px; } .order-directory .i-1 .i-btn { padding-top: 8px; } .order-directory .i-2 .i-btn { padding-top: 7px; } .order-directory .i-3 .i-btn { padding-top: 6px; } .order-directory .i .btn { width: 100%; box-sizing: border-box; } .order-directory .i-1 .btn { height: 60px; line-height: 57px; font-size: 28px; border-bottom-width: 5px; } .order-directory .i-2 .btn { height: 55px; line-height: 53px; font-size: 24px; font-weight: bold; border-bottom-width: 5px; } .order-directory .i-3 .btn { height: 50px; line-height: 48px; font-size: 22px; font-weight: normal; border-bottom-width: 4px; } .order-detailed-comparison { text-align: right; margin-top: -60px; margin-bottom: 30px; } /** * --------------------------------------------- * *************** media queries *************** * --------------------------------------------- */ @media screen and (max-width: 940px) { /* objednavka rozcestnik */ .order-directory .i { width: 100%; display: block; } .order-detailed-comparison { margin-top: 0; } } .page-order div.verify-results { clear: both; } .page-order #container { float:left; width: 75%; } .page-order #column2 { float:right; width: 21%; } .order-domain dl.formitem-domain { width: 25%; float:left; } .order-domain dl.formitem-2ld { width: 25%; float:left; margin: 0; text-align: right; } .order-domain dl.formitem-2ld a.btn { display: inline-block; } .page-order-orderpremiumwithdomain .order-domain dl.formitem-domain { width: 50% };