/* Minification failed. Returning unminified contents. (2911,177): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: TBWindowMargin (2971,177): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: TBWindowMargin */ /*! jQuery UI - v1.10.3 - 2013-05-03 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("/content/images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to overide default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertical centre icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(/content/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(/content/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(/content/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(/content/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(/content/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(/content/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(/content/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/content/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon { background-image: url(/content/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(/content/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/content/images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon { background-image: url(/content/images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon { background-image: url(/content/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/content/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(/content/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3/*{opacityOverlay}*/; filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(/content/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3/*{opacityShadow}*/; filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /******************************************************************************* Cascading stylesheet 1. BASE 1.1 Reset 1.2 HTML5 Elements 1.3 Accessibility Navigation & Hide 1.4 Clear floated elements 1.5 Default styles 2. COMMON 2.1 Container 2.2 Header 2.3 Navigation 2.4 Content 2.5 Sidebar 2.6 Footer 3. PAGES 3.1 Home page *******************************************************************************/ /* 1. BASE -------------------------------------------------------------------------------- ==============================================================================*/ /* 1.1 Reset ------------------------------------------------------------------------------*/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } q { quotes: none; } q:before, q:after { content: ""; content: none; } a, ins, del { text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } th, td { vertical-align: top; } th { text-align: left; } /* 1.2 HTML5 Elements ------------------------------------------------------------------------------*/ article, aside, figcaption, figure, footer, header, hgroup, nav, section { display: block; } /* 1.3 Accessibility Navigation & Hide ------------------------------------------------------------------------------*/ #accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } /* 1.5 Default styles ------------------------------------------------------------------------------*/ body { font: 62.5%/1.3 Arial, Helvetica, sans-serif; background: #fff url(/content/gfx/bg_body-1.png) repeat-x; color: #000; } .process-body { background: #fff url(/content/gfx/bg_body-2-1.png) repeat-x; } .subpage-body { background: #fff url(/content/gfx/bg_body-3-1.png) repeat-x; } .landing-page-body { background: #fff url(/content/gfx/bg_body-1.png) repeat-x; color: #000; background-position-y: -30px;} .clean-body { background: #fff; } body.moved { background: #fff url(/content/gfx/bg_body-1.png) left -25px repeat-x; } .process-body.moved { background: #fff url(/content/gfx/bg_body-2-1.png) left -25px repeat-x; } .subpage-body.moved { background: #fff url(/content/gfx/bg_body-3-1.png) left -25px repeat-x; } .iframe-body { background: #fff; } /* 2. COMMON -------------------------------------------------------------------------------- ==============================================================================*/ /* 2.1 Container ------------------------------------------------------------------------------*/ .container { width: 970px; position: relative; margin: 0 auto; font-size: 1.2em; } .cleancontainer { width: 640px; margin: 0;} /* 2.2 Header ------------------------------------------------------------------------------*/ #header { height: 85px; overflow: hidden; } .moved #header { height: 57px; } .help { position: absolute; left: 273px; top: 10px; padding: 0 0 0 15px; font-weight: 900; } .help .ico { display: block; width: 11px; height: 19px; overflow: hidden; position: absolute; left: 0; top: -3px; background: url(/content/gfx/sprite_btns_1.png) -551px -159px no-repeat; } .printer {float: left; } .printer span{ overflow: hidden; display: block; position: absolute; width: 20px; background-image: url(/content/gfx/printer.gif); background-repeat: no-repeat;} .printer strong{ position: absolute; padding: 0 0 0 20px; text-decoration: underline;} .top-nav { position: absolute; right: 10px; top: 3px; } .top-nav li { float: left; } .top-nav li strong { color: #61ad1e; } .top-nav li a { color: #000; } .top-nav-form { top: 35px; } .not { text-decoration: none; } #header .site-name, #header .site-name span, #header h1, #header h1 span { display: block; overflow: hidden; width: 235px; height: 43px; } #header .site-name, #header h1 { position: relative; top: 28px; text-indent: -999em; text-decoration: none; } .moved #header .site-name, .moved #header h1 { top: 17px; } #header .site-name span, #header h1 span { background: url(/content/gfx/logo.png) no-repeat; position: absolute; top: 0; left: 0; cursor: pointer; } #header a.site-name span { cursor: pointer; } /* 2.3 Navigation ------------------------------------------------------------------------------*/ #navigation { position: absolute; left: 270px; top: 23px; } .moved #navigation { top: 12px; } #navigation li { float: left; width: 140px; height: 53px; } #navigation li a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999em; background-image: url(/content/gfx/sprite_btns_1.png); background-repeat: no-repeat; } .li-1 a { background-position: left top; } .li-1 a:hover { background-position: left -53px; } .li-1.active a { background-position: left -106px; } .li-2 a { background-position: -140px top; } .li-2 a:hover { background-position: -140px -53px; } .li-2.active a { background-position: -140px -106px; } .li-3 a { background-position: -280px top; } .li-3 a:hover { background-position: -280px -53px; } .li-3.active a { background-position: -280px -106px; } .li-4 a { background-position: -420px top; } .li-4 a:hover { background-position: -420px -53px; } .li-4.active a { background-position: -420px -106px; } .li-5 a { background-position: -560px top; } .li-5 a:hover { background-position: -560px -53px; } .li-5.active a { background-position: -560px -106px; } .li-6 a { background-position: left -853px; } .li-6 a:hover { background-position: -140px -853px; } .li-6.active a { background-position: -282px -853px; } .li-7 a { background-position: -700px top; } .li-7 a:hover { background-position: -700px -53px; } .li-7.active a { background-position: -700px -106px; } .li-8 a { background-position: -700px -167px; } .li-8 a:hover { background-position: -700px -220px; } .li-8.active a { background-position: -700px -273px; } .li-9 a { background-position: -700px -335px; } .li-9 a:hover { background-position: -700px -388px; } .li-9.active a { background-position: -700px -441px; } /* 2.5 Sidebar ------------------------------------------------------------------------------*/ #sidebar { position: relative; float: right; width: 320px; } #sidebar.vyberAdmin { width: 500px; position: fixed; left: 50%; top: 0; margin-left: 165px; } /* 2.6 Footer ------------------------------------------------------------------------------*/ #footer { position: relative; margin: 25px 0 10px; font-size: 1.2em; background: #e2e5e8 url(/content/gfx/bg_footer.png) left bottom repeat-x; } .footer-top { position: absolute; left: 0; top: 0; width: 100%; height: 45px; overflow: hidden; background: url(/content/gfx/bg_footer-top.png) left top repeat-x; } .no-back { background: #fff !important; } .footer-inner { position: relative; width: 970px; margin: 0 auto; padding: 0 0 95px; } .footer-col { float: left; width: 18%; padding: 13px 2% 0 0; overflow: hidden; } .footer-col h3 { position: relative; font-size: 12px; line-height: 19px; } .footer-col h3 span { position: absolute; left: -25px; top: 0; display: block; width: 18px; height: 19px; overflow: hidden; background: url(/content/gfx/sprite_btns_1.png) -459px -159px no-repeat; } .footer-col li { padding: 2px 0 2px 25px; } .footer-col li a { color: #000; } .footer-col li a:hover { color: #25a010; } .foot-nav { position: absolute; right: 0; bottom: 40px; } .foot-nav li { float: left; } .foot-nav a { color: #238411; } .foot-nav a:hover { color: #20548a; } a:focus { outline: none; } #footer h4 { position: absolute; left: 0; bottom: 40px; padding: 5px 0 5px; font-size: 12px; border-bottom: 1px dotted #9e9e9e; color: #073d8c; } #footer p { position: absolute; left: 0; bottom: 0; padding: 0; } /* 3. PAGES -------------------------------------------------------------------------------- ==============================================================================*/ /* 3.5 Counter ------------------------------------------------------------------------------*/ .seccountercell { float:left; width:26px; height:31px; background-image: url(/content/gfx/CounterNumbers.png);} .seccountercell_tecka { float:left;width:7px;height:30px;background-image: url(/content/gfx/CounterNumbers_tecka.png)} .seccountercell_kc{float:left;width:29px;height:30px;background-image: url(/content/gfx/CounterNumbers_Kc.png)} /* For the popup */ /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ div.dp-popup { position: relative; background: #fff; border: 1px solid #ccc; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em; } div#dp-popup { position: absolute; z-index: 199; } div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; } a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; } a#dp-close:hover { text-decoration: underline; } div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; } div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; } div.dp-popup div.dp-nav-prev a { float: left; } /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; } div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; } div.dp-popup div.dp-nav-next a { float: right; } div.dp-popup a.disabled { cursor: default; color: #aaa; } div.dp-popup td { cursor: pointer; } div.dp-popup td.disabled { cursor: default; } /* Popup */ .hidden { display: none; } .popup { position: relative; width: 370px; height: 217px; padding: 0 10px 0 20px; overflow: hidden; background: url(/content/gfx/bg_popup.png) no-repeat; } .popup-no-image {background: url(/content/gfx/bg_popup-no-image.png) no-repeat;} .popup h2 { height: 54px; line-height: 54px; font-size: 24px; text-transform: none; } .popup h3 { font-size: 13px; color: #000; } .popup .indent { padding: 15px 0 0 113px; } .popup a.tbRemove { right: 15px; top: 18px; font-size: 18px; color: #000 !important; } .popup .center { text-align: center; } .popup p.center { padding: 15px 0 5px !important; border-top: 1px solid #9bd955; } a.popup-btn { display: inline-block; width: 155px; height: 25px; overflow: hidden; text-decoration: none; background: url(/content/gfx/btn_popup.png) no-repeat; cursor: pointer; } a.popup-btn-2 { display: inline-block; width: 155px; height: 25px; overflow: hidden; text-decoration: none; background: url(/content/gfx/btn_popup-2.png) no-repeat; cursor: pointer; } .popup-btn span, .popup-btn-2 span { visibility: hidden; cursor: pointer; } .popup-info strong { font-size: 18px; } .popup td { border: none; padding: 2px 3px 2px 0; text-align: left; } .popup-input { width: 90px; padding-top: 2px; padding-bottom: 2px; } .popup-input-2 { width: 180px; } /* Achievments */ .achievements { border-top: 1px dotted #999; font-size: 14px; } .achievement { clear: both; padding: 20px 0; border-bottom: 1px dotted #999; } .achievement-img { float: left; width: 210px; margin: 0 20px 0 0; } .achievement-img img { display: block; } .box-logos { float: left; width: 127px; text-align: center; } .box-logos-first { margin: 0 10px 0 0; padding: 0 10px; border-right: 1px dotted #999; } .box-logos a { text-decoration: none; color: #000; } /* Accordion */ .accordion { margin: 0 0 20px; padding: 0; line-height: 1.6; } .accordion li { padding: 0; background: none; } .accordion h2 { font-size: 18px !important; } .accordion h3 { margin: 0; font-size: 14px; } /* Fileinput */ .customfile-input { position: absolute; height: 100px; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999; } .customfile { width: 400px; background: #fff; cursor: pointer; overflow: hidden; margin: 0 0 5px; padding: 4px 2px 4px 6px; border: 1px solid #999; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; position: relative; } .customfile-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: default; } .customfile-feedback { display: block; font-size: 1.2em; color: #666; line-height: 24px; font-style: italic; } .customfile-feedback-populated { color: #333; font-style: normal; font-weight: bold; } .customfile-button { background: url(/content/gfx/sprite_btns_1.png) -96px -800px; float: right; width: 98px; height: 24px; white-space: nowrap; text-indent: 999em; } .customfile-hover .customfile-button, .customfile-focus .customfile-button { background: url(/content/gfx/sprite_btns_1.png) -96px -825px; } /* 6.2.2012 */ .insurance-name { float: left; width: 49%; margin: 10px 0; } .insurance-logo { float: right; } .highlight-percent { display: inline-block; margin: 0 2px; padding: 0 5px; border: 1px inset #92e34b; text-align: center; font-size: 16px; background: #c0f782; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .milestone { display: block; margin: 5px 0 0; padding: 5px 20px; border: 1px inset #92e34b; text-align: center; font-size: 24px; background: #c0f782; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* Slider */ .slider-wrapper { position: relative; width: 280px; height: 30px; margin: 0 0 15px; padding: 0 0 60px; background: url(/content/gfx/bg_slider.png) 0 bottom no-repeat; } .slider { position: absolute; left: 0; bottom: 30px; width: 280px; height: 9px; border: 1px solid #333; background: #3088e7; cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 0 8px #000; -webkit-box-shadow: inset 0 0 8px #000; box-shadow: inset 0 0 8px #000; } /* drag handle */ .handle { position: absolute; top: -8px; display: block; height: 20px; width: 20px; margin: 1px 0 0; border: 1px solid #000; background: #fff; cursor: move; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .range { display: inline-block; width: 2.5ex; margin: 0; padding: 0; border: 0; text-align: center; font-size: 16px; font-weight: bold; background: none; } /* END 6.2.2012 */ .switch { margin-left: auto; margin-right: auto; margin-bottom:25px; width: 170px; } .switch a,.switch span { color: #444; font-size: 13px; margin-top: 20px; text-align: center; } .switch span { font-weight: bold; } .notExist { color: #ff0000; font-weight: bold; font-size: 11px; } /* 1.4 Clear floated elements ------------------------------------------------------------------------------*/ .ico-save { float: left; display: inline-block; cursor: pointer; width: 16px; height: 16px; background: url(/content/gfx/sprite_btns_1.png) -571px -500px no-repeat; } .ico-save-greater { width: 23px;} .hint-ico { display: inline-block; height: 18px; width: 120px; } .hint-ico-1 { float: left; width: 20px; height: 18px; background: url(/content/gfx/ico_cp.png) 0px 0px no-repeat; } .hint-ico-2 { float: left; width: 20px; height: 18px; background: url(/content/gfx/ico_cp.png) -110px 0px no-repeat; } .hint-ico-3 { float: left; width: 20px; height: 18px; background: url(/content/gfx/ico_cp.png) -44px 0px no-repeat; } .hint-ico-4 { float: left; width: 20px; height: 18px; background: url(/content/gfx/ico_cp.png) -22px 0px no-repeat; } .hint-ico-5 { float: left; width: 20px; height: 18px; background: url(/content/gfx/ico_cp.png) -176px 0px no-repeat; } .hint-ico-6 { float: left; width: 20px; height: 18px; background: url(/content/gfx/ico_cp.png) -176px 0px no-repeat; } .hint-ico-7 { float: left; width: 20px; height: 18px; background: url(/content/gfx/ico_cp.png) -66px 0px no-repeat; } .na-rok { display: inline-block; margin: 5px 0 0 12px; width: 41px; height: 42px; background: url(/content/gfx/na-rok.png) no-repeat; } .logo-wrapper img { float: left; margin-right: 5px; } .logo-wrapper { margin-bottom: 10px; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after, #navigation:after, .top-nav:after, .box-content-inner:after, .container:after, .quote:after, .thirds:after, .third:after, .third-2:after, .row:after, .car-card:after, .main-box:after, .text-box:after, .two-col:after, .rate:after, .tabs:after, .result:after, .logo-wrapper:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } #accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } .icon-facebook {padding-left: 21px; background: url(/content/gfx/FaceBook-icon.png) no-repeat; } /* 1.5 Default styles ------------------------------------------------------------------------------*/ hr { display: none; } strong { font-weight: bold; } em { font-style: italic; } del { text-decoration: line-through; } th { font-weight: normal; } address, cite, dfn { font-style: normal; } li { list-style: none; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select { font-family: Arial, Helvetica, sans-serif; } textarea { font-size: 12px; } a, a:visited { color: #20548a; text-decoration: underline; } a:hover, a:active { color: #238411; text-decoration: underline; } a:focus { outline: none; } h1 { font-size: 32px; text-transform: uppercase; font-weight: bold; } h2 { font-size: 17px; text-transform: uppercase; } h3 { margin-bottom: 7px; font-size: 18px; color: #0f3b7d; } h4 { font-size: 14px; font-weight: normal; } p { padding-bottom: 12px; } ul, ol { padding-bottom: 12px; } input.text-field, textarea { display: inline-block; padding: 4px 5px; border: 1px solid #a9a9a9; background: #fff; -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); } /* 2.4 Content ------------------------------------------------------------------------------*/ #content { position: relative; float: left; width: 635px; } #content-big { width: 700px; } /* 3. PAGES -------------------------------------------------------------------------------- ==============================================================================*/ /* 3.1 Home page ------------------------------------------------------------------------------*/ /* Boxes */ .box-wrapper { position: relative; margin-bottom: 8px; } .box-top, .box-content { } .box-top { position: relative; padding: 15px 20px; font-weight: bold; font-size: 16px; border-radius: 5px 5px 0 0; } .box-1-wrapper .box-top { color: #000; background: rgb(169,237,92); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZWQ1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YmQ4NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(169,237,92,1) 0%, rgba(155,216,85,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,237,92,1)), color-stop(100%,rgba(155,216,85,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(169,237,92,1) 0%,rgba(155,216,85,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(169,237,92,1) 0%,rgba(155,216,85,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(169,237,92,1) 0%,rgba(155,216,85,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(169,237,92,1) 0%,rgba(155,216,85,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9ed5c', endColorstr='#9bd855',GradientType=0 ); /* IE6-8 */ } .box-1-wrapper .box-content { border-width: 1px; border-style: solid; border-color: #fff #bebcbc #bebcbc; border-radius: 0 0 5px 5px; background: rgb(218,218,218); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,UEQ5NGJXd2dkbVZ5YzJsdmJqMGlNUzR3SWlBL1BnbzhjM1puSUhodGJHNXpQU0pvZEhSd09pOHZkM2QzTG5jekxtOXlaeTh5TURBd0wzTjJaeUlnZDJsa2RHZzlJakV3TUNVaUlHaGxhV2RvZEQwaU1UQXdKU0lnZG1sbGQwSnZlRDBpTUNBd0lERWdNU0lnY0hKbGMyVnlkbVZCYzNCbFkzUlNZWFJwYnowaWJtOXVaU0krQ2lBZ1BHeHBibVZoY2tkeVlXUnBaVzUwSUdsa1BTSm5jbUZrTFhWaloyY3RaMlZ1WlhKaGRHVmtJaUJuY21Ga2FXVnVkRlZ1YVhSelBTSjFjMlZ5VTNCaFkyVlBibFZ6WlNJZ2VERTlJakFsSWlCNU1UMGlNQ1VpSUhneVBTSXdKU0lnZVRJOUlqRXdNQ1VpUGdvZ0lDQWdQSE4wYjNBZ2IyWm1jMlYwUFNJd0pTSWdjM1J2Y0MxamIyeHZjajBpSTJSaFpHRmtZU0lnYzNSdmNDMXZjR0ZqYVhSNVBTSXhJaTgrQ2lBZ0lDQThjM1J2Y0NCdlptWnpaWFE5SWpVbElpQnpkRzl3TFdOdmJHOXlQU0lqWldSbFpHVmtJaUJ6ZEc5d0xXOXdZV05wZEhrOUlqRWlMejRLSUNBOEwyeHBibVZoY2tkeVlXUnBaVzUwUGdvZ0lEeHlaV04wSUhnOUlqQWlJSGs5SWpBaUlIZHBaSFJvUFNJeElpQm9aV2xuYUhROUlqRWlJR1pwYkd3OUluVnliQ2dqWjNKaFpDMTFZMmRuTFdkbGJtVnlZWFJsWkNraUlDOCtDand2YzNablBnPT0=); background: -moz-linear-gradient(top, rgba(218,218,218,1) 0%, rgba(246,245,245,1) 8px); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218,218,218,1)), color-stop(8px,rgba(246,245,245,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(218,218,218,1) 0%,rgba(246,245,245,1) 8px); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(218,218,218,1) 0%,rgba(246,245,245,1) 8px); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(218,218,218,1) 0%,rgba(246,245,245,1) 8px); /* IE10+ */ background: linear-gradient(to bottom, rgba(218,218,218,1) 0%,rgba(246,245,245,1) 8px); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#F6F5F5',GradientType=0 ); /* IE6-8 */ padding-top: 17px } .box-1-wrapper .box-content-inner { padding: 0px 10px; } .box-padding { } .box-2-wrapper { padding: 4px; background-color: #fff; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,.2); box-shadow: 0 0 8px rgba(0,0,0,.2); border-radius: 5px; } .box-2-wrapper .box-top { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background: rgb(98,154,31); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyOWExZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTYzMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(98,154,31,1) 0%, rgba(57,99,16,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,154,31,1)), color-stop(100%,rgba(57,99,16,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(98,154,31,1) 0%,rgba(57,99,16,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(98,154,31,1) 0%,rgba(57,99,16,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(98,154,31,1) 0%,rgba(57,99,16,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(98,154,31,1) 0%,rgba(57,99,16,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629a1f', endColorstr='#396310',GradientType=0 ); /* IE6-8 */ } .box-2-wrapper .box-top:after { position: absolute; left: 50%; bottom: -11px; content: ''; display: block; border-top: 12px solid #396310; border-left: 14px solid transparent; border-right: 14px solid transparent; margin-left: -14px; } .box-2-wrapper .box-content { padding-top: 17px; } .box-2-wrapper .box-content-inner { padding: 9px; } .box-2-wrapper.variant { padding: 0; } .box-2-wrapper.variant .box-top { border-bottom: 1px solid #fff; } .box-2-wrapper.variant .box-top:after { display: none; } .box-3-wrapper { border: 1px solid #dfdfdf; -moz-box-shadow: 0 1px 1px #dbdbdb; -webkit-box-shadow: 0 1px 1px #dbdbdb; box-shadow: 0 1px 1px #dbdbdb; border-radius: 5px; background-color: #fff; width:636px; /*!change*/ margin-bottom: 20px; padding-bottom:10px; padding-top:8px; } .box-3-wrapper .box-content { } .box-3-wrapper .box-content-inner { padding: 13px; } .box-silver { -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,.2); box-shadow: 0 0 8px rgba(0,0,0,.2); border-radius: 10px; } .box-silver .box-top, .box-green .box-top { padding: 8px 10px; border-bottom: 1px solid #fff; -moz-box-shadow: 0 1px 1px #dbdbdb; -webkit-box-shadow: 0 1px 1px #dbdbdb; box-shadow: 0 1px 1px #dbdbdb; border-radius: 10px 10px 0 0; } .box-silver .box-top { background: rgb(246,245,245); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(246,245,245,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,245,245,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(246,245,245,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(246,245,245,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(246,245,245,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(246,245,245,1) 0%,rgba(232,232,232,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */ } .box-silver .box-top { font-weight: normal !important; } .box-green .box-top { padding-bottom: 15px; background-color: #93d652; } .box-green .box-top h3 { font-size: 14px; } .box-silver .box-content { padding: 15px 10px 10px; } .box-green .box-content { padding-top: 40px; position: relative; border: 1px solid #93d652; border-radius: 0 0 5px 5px; } .box-green .box-content:before { content: ''; display: block; width: 62px; height: 49px; position: absolute; left: 50%; top: -10px; margin-left: -31px; background-image: url(/content/gfx/sprite_btns_1.png); } .box-blue-wrapper, .box-blue-wrapper .box-content { border-radius: 5px; } .box-blue-wrapper { padding: 4px; background-color: #fff; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,.2); box-shadow: 0 0 8px rgba(0,0,0,.2); } .box-blue-wrapper .box-content { padding: 10px; border: 1px solid #1274bf; } .box-calculator .box-content { background-color:#f0f0f0; } .box-gray .box-content { background-color:#f0f0f0; } .icon.icon-1:before { background-position: 0 -1194px; } .icon.icon-2:before { background-position: -62px -1194px; } .icon.icon-3:before { background-position: -124px -1194px; } .icon.icon-4:before { background-position: -186px -1194px; } .icon.icon-5:before { background-position: -248px -1194px; } .icon.icon-6:before { background-position: -310px -1194px; } .icon.icon-7:before { background-position: -372px -1194px; } .icon.icon-8:before { background-position: -434px -1194px; } .box-4-wrapper { width: 313px; margin-left: 6px; padding: 65px 0 5px; } .box-4-wrapper .box-top { z-index: 100; height: 60px; padding: 15px 0 0; text-indent: 20px; font-size: 16px; font-weight: bold; background-image: url(./sprite_boxes-2.png); background-position: left top; } .box-4-wrapper .box-bottom { height: 5px; background-image: url(./sprite_boxes-2.png); background-position: left bottom; } .box-4-wrapper .box-content { background-image: url(./sprite_boxes-2.png); background-position: -313px top; } .box-4-wrapper .box-content-inner { padding: 0 10px; } .box-padding { padding: 0 20px !important; } .box-5-wrapper { background: #a9ed5c; border-radius: 5px; } /* .box-5-wrapper .box-content { background-image: url(./sprite_boxes-2.png); background-position: -1497px top; } !change */ .box-5-wrapper .box-content-inner { padding: 0 10px; } .box-6-wrapper { width: 636px; padding: 0 0 10px; } .box-6-wrapper .box-top { height: 10px; background-position: -2566px top; } .box-6-wrapper .box-bottom { height: 10px; background-position: -2566px bottom; } .box-6-wrapper .box-content { background-position: -3202px top; } .box-6-wrapper .box-content-inner { padding: 8px 18px; } .box-7-wrapper { width: 313px; margin-left: 6px; padding: 65px 0 5px; } .box-7-wrapper .box-top { z-index: 100; height: 50px; padding: 15px 0 0; text-indent: 20px; font-size: 16px; font-weight: bold; color:White; background-position: -4474px top; } .box-7-wrapper .box-bottom { height: 5px; background-position: -4473px bottom; } .box-7-wrapper .box-content { background-position: -313px top; } .box-7-wrapper .box-content-inner { padding: 0 10px; } .inner-box-wrapper { position: relative; margin-bottom: 8px; } .inner-box-content { padding: 5px; border-style: solid; border-width: 1px; border-color: #75b63c #a9ed5c #a9ed5c #75b63c; background-color: #c0f782; border-radius: 5px; } .box-thirds-wrapper { width: 640px; margin: 0 0 10px; } /* .box-thirds-wrapper .box-content { margin-bottom: -25px; background-position: -1926px top; } change!*/ .third { float: left; width: 32%; margin-right: 2%; text-align: center; } .third h3 { margin: 0; color: #000; } .third h3 a { text-decoration: none !important; color: #000 !important; } /*.third .btn { margin: 15px 0; } !change */ .third:last-child, .last-child { margin-right: 0 !important; } .green-wrapper { padding: 5px 0 !important; margin-top:4px;} .green-wrapper .box-content { padding-top: 0px !important;} .green-wrapper .box-top { height: 5px !important; padding: 0; font-size: 0; line-height: 0; background: url(./bg_green-wrapper.png) no-repeat; } .green-wrapper .box-content-inner { margin: 0 5px !important; padding: 10px !important; background: #a9ec5c !important; } .green-wrapper strong.padded { font-size: 18px; } .box-steps { height: 34px; min-height: 34px; line-height: 20px; } .box-steps .btn, .box-steps .btn-flat { margin-right: 10px; } .left-a, .left-a { float: left; margin-left: 10px; margin-top: 8px; } .likebox { width: 313px; margin-bottom: 8px; margin-left: 6px; background: #fff; } .fb_iframe_widget {} .intro { height: 33px; overflow: hidden; } .intro h1 { font-size: 17px; text-transform: uppercase; } .main-box { height: 209px; padding: 20px 0 0; margin: 0 0 7px; overflow: hidden; background: url(/content/gfx/bg_intro.jpg) 310px top no-repeat; } .main-box p { width: 340px; } .main-box p .btn-big, .main-box p .btn-big-8, .main-box p .btn-flat { margin: 10px 0 10px 0 !important; } .main-box p .small { padding-left: 20px; } .main-box h2 { font-size: 25px !important; } .main-box h2 a { color: #000 !important; text-decoration: none !important; } .main-box-2 { background: url(/content/gfx/bg_intro-2.jpg) 320px top no-repeat; } .main-box-2 h1 { font-size: 25px !important; } .calc-p .btn, .calc-p .btn-flat { margin-top: 10px; } /* Contact box */ .box-contact .box-content { background-image: url(/content/gfx/bg_contact.png); background-color: #f0f0f0; background-position: left bottom; background-repeat: no-repeat; } .box-contact .box-content-inner { padding-left: 125px; } .contact-border { display: block; padding: 0 0 3px; border-bottom: 1px solid #8aca42; } .contact-phone { display: block; font-size: 25px; } a.contact-mail { display: block; margin: 4px 0 7px; font-size: 15px; font-weight: bold; text-decoration: none !important; color: #000 !important; } .contact-form { margin-top: 8px; margin-bottom:3px;} .contact-form input { max-width: 90px; color:#C0BEBE; display: inline-block; padding: 4px 5px; border: 1px solid #a9a9a9; background: #fff; -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); } .contact-form .btn { vertical-align: top; } #dialog-contact-form { margin-top: 8px; margin-bottom:3px;} #dialog-contact-form input { max-width: 90px; color:#C0BEBE; display: inline-block; padding: 4px 5px; border: 1px solid #a9a9a9; background: #fff; -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); } #dialog-contact-form .btn { vertical-align: top; } .counter-wrapper { position: relative; } #thecounter { position: absolute; left: 0px; top: 3px; } /* Flat Btns */ .btn-flat { cursor: pointer; position: relative; display: block; border: 0; padding: 9px 14px; font-family: inherit; line-height: 1; text-decoration: none; font-size: 18px; font-weight: bold; border-radius: 5px; background-clip: padding-box !important; -webkit-appearance: none; white-space: nowrap; } .btn-flat:hover { text-decoration: none; } .btn-flat::-moz-focus-inner { border: 0; padding: 0; } .btn-flat .fa-arrow-right { margin-left: 10px; } .btn-flat.btn-primary, .btn-flat.btn-default { color: #fff; } .btn-flat.btn-primary { border: 2px solid rgba(0,0,0,.2); text-shadow: 0 -1px 0 #ca652c; -moz-box-shadow: inset 0 0 10px rgba(255,255,255,.4); -webkit-box-shadow: inset 0 0 10px rgba(255,255,255,.4); box-shadow: inset 0 0 10px rgba(255,255,255,.4); background: rgb(249,140,77); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5OGM0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZDcwMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(249,140,77,1) 0%, rgba(253,112,26,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,140,77,1)), color-stop(100%,rgba(253,112,26,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,140,77,1) 0%,rgba(253,112,26,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,140,77,1) 0%,rgba(253,112,26,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,140,77,1) 0%,rgba(253,112,26,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,140,77,1) 0%,rgba(253,112,26,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98c4d', endColorstr='#fd701a',GradientType=0 ); /* IE6-8 */ } .btn-flat.btn-primary:hover { background: rgb(253,142,81); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZDhlNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZDcwMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(253,142,81,1) 50%, rgba(253,112,26,1) 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(253,142,81,1)), color-stop(50%,rgba(253,112,26,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(253,142,81,1) 50%,rgba(253,112,26,1) 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(253,142,81,1) 50%,rgba(253,112,26,1) 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(253,142,81,1) 50%,rgba(253,112,26,1) 50%); /* IE10+ */ background: linear-gradient(to bottom, rgba(253,142,81,1) 50%,rgba(253,112,26,1) 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8e51', endColorstr='#fd701a',GradientType=0 ); /* IE6-8 */ } .btn-flat.btn-default { text-shadow: 0 -1px 0 #11548c; background: rgb(17,126,206); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExN2VjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzZiYjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(17,126,206,1) 0%, rgba(19,107,180,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,126,206,1)), color-stop(100%,rgba(19,107,180,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(17,126,206,1) 0%,rgba(19,107,180,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(17,126,206,1) 0%,rgba(19,107,180,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(17,126,206,1) 0%,rgba(19,107,180,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(17,126,206,1) 0%,rgba(19,107,180,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#117ece', endColorstr='#136bb4',GradientType=0 ); /* IE6-8 */ } .btn-flat.btn-default:hover { background: #136bb4; } .btn-flat.btn-green { border: 1px solid #8fb052; color: #5d7731; text-shadow: 0 -1px 0 #eaf7d7; background: rgb(194,232,119); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyZTg3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmQ3NTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(194,232,119,1) 0%, rgba(150,215,80,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(194,232,119,1)), color-stop(100%,rgba(150,215,80,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(194,232,119,1) 0%,rgba(150,215,80,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(194,232,119,1) 0%,rgba(150,215,80,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(194,232,119,1) 0%,rgba(150,215,80,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(194,232,119,1) 0%,rgba(150,215,80,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2e877', endColorstr='#96d750',GradientType=0 ); /* IE6-8 */ } .btn-flat.btn-green:hover { background: #96d750; text-shadow: 0 -1px 0 #b9e07e; } .btn-flat.btn-green-2 { display: block; margin: 0 0 5px; text-align: right; font-size: 14px; color: #000; background: rgb(149,214,84); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1ZDY1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZWJhM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(149,214,84,1) 0%, rgba(126,186,62,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,214,84,1)), color-stop(100%,rgba(126,186,62,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(149,214,84,1) 0%,rgba(126,186,62,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(149,214,84,1) 0%,rgba(126,186,62,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(149,214,84,1) 0%,rgba(126,186,62,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(149,214,84,1) 0%,rgba(126,186,62,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95d654', endColorstr='#7eba3e',GradientType=0 ); /* IE6-8 */ } .btn-flat.btn-green-2:hover { background: rgb(126,186,62); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlYmEzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NWQ2NTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(126,186,62,1) 0%, rgba(149,214,84,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,186,62,1)), color-stop(100%,rgba(149,214,84,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(126,186,62,1) 0%,rgba(149,214,84,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(126,186,62,1) 0%,rgba(149,214,84,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(126,186,62,1) 0%,rgba(149,214,84,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(126,186,62,1) 0%,rgba(149,214,84,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eba3e', endColorstr='#95d654',GradientType=0 ); /* IE6-8 */ } .btn-flat.btn-silver { border: 1px solid #cacaca; font-size: 14px; color: #000; background: rgb(247,247,247); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmIyYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(178,178,178,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(178,178,178,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(178,178,178,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(178,178,178,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(178,178,178,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(178,178,178,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-8 */ } .btn-flat.btn-silver:hover { background: rgb(178,178,178); } .btn-flat.btn-green-2 span { float: left; } .btn-flat.btn-green-2 i:before { position: relative; top: 2px; margin-right: -5px; font-weight: bold; font-size: 24px; line-height: 0; color: #fc5b00; } .btn-flat.btn-lg { padding: 14px; border-width: 5px; font-size: 20px; } .btn-flat.btn-sm { padding: 6px 10px; } .btn-flat.btn-xs { display: block; padding: 6px 8px; font-size: 12px; font-weight: normal; } .btn-flat.btn-rounded { border-radius: 13px; } .btn-center { margin-left:auto; margin-right:auto; display:table; /*border-collapse:separate;*/ /*text-align: center;*/ } .btn-left { /*margin-left: 0%; margin-right: 100%; display:table; border-collapse:separate;*/ /*float: left;*/ margin-left: 0%; margin-right: auto; display:table; } .btn-right { /*margin-left: 100%; margin-right: 0%; display:table; border-collapse:separate;*/ /*float: right;*/ margin-left: auto; margin-right: 0%; display:table; } .btn-inline { display: inline-block; } .btn-flat-big-4 { padding: 10px 28px 10px 28px; } .btn-flat-big-20 .fa-arrow-right { margin-left: 0px !important; } .btn-flat-big-20 { padding:8px 5px; } .btn-flat-big-5 { font-size:16px !important; padding:8px !important; } .btn-flat-big-11 { font-size:13px; padding:7px 3px; } .btn-flat-big-3 { background:green; border-radius:50%; width:8px; height:11px; display:block; font-size:12px; padding-left:5px; padding-bottom:3px; } .btn-flat-big-3 .fa { color:#FFFFFF; } .btn-flat-big-13 { padding: 10px 19px 10px 26px; } .btn-flat-big-15 { font-size:16px; padding:12px 5px; } .btn-flat-big-9 { font-size:16px; padding:8px 11px; } .btn-flat-1 { padding:6px 21px; } /* Btns */ .btn { padding: 0; border: none; text-indent: 999em; cursor: pointer; position: relative; display: block; margin: 0 auto; overflow: hidden; background-image: url(/content/gfx/sprite_btns_1.png); background-repeat: no-repeat; background-color: transparent;} .btn span { position: absolute; left: -9999em; top: -9999em; } /* .btn-1 { width: 114px; height: 25px; margin-top: 15px; margin-bottom: 10px; background-position: -239px -159px; } .btn-1:hover { background-position: -239px -184px; }*/ .btn-2 { width: 80px; height: 21px; margin-top: 15px; background-position: -354px -160px; } .btn-2:hover { background-position: -354px -182px; } .btn-3 { display: inline-block; width: 12px; height: 12px; overflow: hidden; background-position: -446px -159px; } .btn-3:hover { background-position: -434px -159px; } .btn-4 { width: 88px; height: 28px; margin-top: 15px; background-position: -307px -447px; } .btn-4:hover { background-position: -395px -447px; } .btn-big { width: 239px; height: 58px; background-position: -288px -225px; } .btn-big:hover { background-position: left -159px; } .btn-big-2 { width: 288px; height: 47px; background-position: left -264px; } .btn-big-2:hover { background-position: left -400px; } .btn-big-3 { width: 255px; height: 41px; background-position: -6px -312px; } .btn-big-3:hover { background-position: -288px -400px; } .btn-big-4 { width: 155px; height: 47px; margin-left: 0; background-position: left -352px; } .btn-big-4:hover { background-position: -544px -400px; } .btn-big-5 { width: 129px; height: 36px; background-position: left -500px; } .btn-big-5:hover { background-position: left -536px; } .btn-big-6 { width: 211px; height: 41px; margin-top: 15px; background-position: -129px -500px; } .btn-big-6:hover { background-position: -129px -541px; } .btn-big-7 { width: 155px; height: 41px; background-position: -340px -500px; } .btn-big-7:hover { background-position: -340px -541px; } /* Pokracovat */ .btn-big-8 { width: 239px; height: 58px; background-position: -0px -582px; } .btn-big-8:hover { background-position: -240px -582px; } /* Spocitat havarijni pojisteni */ .btn-big-9 { width: 256px; height: 41px; background-position: -0px -640px; } .btn-big-9:hover { background-position: -0px -681px; } /* Porovnat havarijni pojisteni */ .btn-big-10 { width: 256px; height: 41px; background-position: -256px -640px; } .btn-big-10:hover { background-position: -256px -681px; } .btn-big-11 { float: right; width: 228px; height: 35px; background-position: -228px -723px; } .btn-big-11:hover { background-position: -0px -723px; } .btn-big-12 { width: 256px; height: 43px; background-position: -0px -758px; } .btn-big-12:hover { background-position: -256px -758px; } .btn-big-13 { width: 154px; height: 47px; margin-left: 0; background-position: -513px -640px; } .btn-big-13:hover { background-position: -513px -687px; } .btn-big-14 { width: 154px; height: 41px; background-position: -513px -558px; } .btn-big-14:hover { background-position: -513px -599px; } .btn-big-15 { width: 154px; height: 47px; background-position: -513px -734px; } .btn-big-15:hover { background-position: -513px -781px; } .btn-big-16 {float:left; margin-right: 15px; width: 96px; height: 25px; background-position: -0px -800px; } .btn-big-16:hover { background-position: -0px -825px; } .btn-big-17 { width: 96px; height: 25px; background-position: -96px -800px; } .btn-big-17:hover { background-position: -96px -825px; } .btn-big-18 { width: 154px; height: 47px; background-position: -194px -802px; } .btn-big-18:hover { background-position: -349px -802px; } .btn-big-19 { width: 129px; height: 36px; background-position: -2px -911px; } .btn-big-19:hover { background-position: -132px -911px; } .btn-big-20 { width: 30px; height: 36px; background-position: -537px -203px; } .btn-big-20:hover { background-position: -537px -239px; } .btn-big-21 { width: 256px; height: 41px; background-position: -422px -861px; } .btn-big-21:hover { background-position: -422px -902px; } .btn-big-22 { width: 256px; height: 41px; background-position: -4px -957px; } .btn-big-22:hover { background-position: -4px -1000px; } .btn-big-23 { width: 256px; height: 41px; background-position: -5px -1045px; } .btn-big-23:hover { background-position: -5px -1088px; } .btn-big-24 { width: 154px; height: 47px; background-position: -422px -1043px; } .btn-big-24:hover { background-position: -422px -1092px; } /* Get a new quote - bezokraje */ .btn-big-25 { width: 248px; height: 47px; background-position: -334px -1141px; } .btn-big-25:hover{ background-position: -5px -1131px; } /* Get a new quote - s okrajem */ .btn-big-26 { width: 239px; height: 58px; background-position: -583px -1111px; } .btn-big-26:hover{ background-position: -583px -1049px; } .btn-1 { width: 120px; height: 31px; margin-top: 15px; margin-bottom: 10px; background-position: -570px -463px; } .btn-1:hover { background-position: -570px -519px; } .btn-5 { width: 120px; height: 30px; background-position: -269px -912px; } .btn-5:hover { background-position: -269px -947px; } .btn-6 { width: 120px; height: 30px; background-position: -270px -983px; } .btn-6:hover { background-position: -270px -1018px; } .btn-7 { width: 154px; height: 47px; background-position: -422px -946px; } .btn-7:hover { background-position: -422px -995px; } .btn-8 { width: 154px; height: 47px; background-position: -579px -946px; } .btn-8:hover { background-position: -579px -995px; } .small { font-size: 10px; } .logos-header { padding: 0; text-align: center; font-size: 15px; } .logos-header .color-1 { font-size: 18px; } .color-1 { color: #146db1; } .logos { padding: 20px 20px 5px; text-align: center; } div.logos { padding: 0 20px 5px !important; } .logos img { display: inline-block; margin: 5px; } .block { display: block; } .reasons { margin: 0 0 20px; padding: 0; } .reasons li { position: relative; padding: 10px 10px 10px 46px; } #sidebar .reasons li { background: #f0f0f0 url(/content/gfx/bg_shadow.png) left bottom repeat-x; } #sidebar .reasons { margin: 0 0 -10px; } .reasons li .ico { display: block; width: 22px; height: 19px; overflow: hidden; position: absolute; left: 12px; top: 10px; background: url(/content/gfx/sprite_btns_1.png) -476px -159px no-repeat; } .color-2 { color: #409a0b; } .news { position: relative; padding: 0 0 0 43px; } .news-inner { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px dotted #9e9e9e; } .news-inner p { padding: 0; } .last .news-inner { border-bottom: none; } .news .ico { display: block; width: 22px; height: 20px; overflow: hidden; position: absolute; left: 12px; top: 3px; background: url(/content/gfx/sprite_btns_1.png) -498px -159px no-repeat; } .quote { margin: 0 0 13px; } .quote-inner { position: relative; float: right; width: 507px; padding: 10px 15px; background: #e3eae6; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .quote-inner .quote-arr { position: absolute; left: -15px; top: 25px; display: block; width: 15px; height: 19px; overflow: hidden; background: url(/content/gfx/sprite_btns_1.png) -520px -159px no-repeat; } .quote-inner .color-3 { display: block; font-size: 15px; color: #0f3b7d; } .quote-inner p { padding: 0 0 5px; } .quote-2 .quote-inner { float: left; width: 390px; margin: 0 15px 0 0; } .quote-2 img { float: left; } .quote-2 .quote-author { float: left; width: 100px; padding: 10px; } .quote-2 .quote-arr { left: auto; right: -15px !important; background: url(/content/gfx/sprite_btns_1.png) -572px -159px no-repeat; } .quote-author { font-size: 11px; font-style: italic; } .quote-author strong { display: block; font-size: 12px; font-style: normal; font-weight: bold; } .more-arr { position: relative; display: inline-block; padding: 3px 15px 0 0; font-size: 11px; } .more-arr a.arr { position: absolute; right: 0; top: 5px; display: block; width: 12px; height: 12px; overflow: hidden; background: url(/content/gfx/sprite_btns_1.png) -446px -159px no-repeat; } .more-arr, .more-arr a { color: #000; } .more-arr a.arr:hover, .more-arr:hover a.arr { background-position: -434px -159px; } .right-arr { float: right; } .highlight { font-size: 12px; line-height: 1.8; } .thirds { margin: 0 0 13px; } .third-2 { float: left; width: 31%; padding: 0 2% 0 0; } .third-2 img { float: left; margin: 0 8px 8px 0; } .larger { font-size: 15px; } .row { padding: 10px 0; font-size: 14px; font-weight: 900; line-height: 21px; } .row a { text-decoration: none; color: #000; } .row a:hover { text-decoration: underline; } .row .btn-flat:hover { text-decoration: none !important; } .row .btn-2, .row .btn-flat, .row .btn-4 { float: right; margin: 0 !important; } .ico-1 { display: inline-block; width: 15px; height: 15px; margin-bottom: -2px; overflow: hidden; background: url(/content/gfx/sprite_btns_1.png) -536px -159px no-repeat; } .ico-2 { display: inline-block; width: 19px; height: 19px; margin-bottom: -4px; overflow: hidden; background: url(/content/gfx/sprite_btns_1.png) -458px -159px no-repeat; } .phone, .mail { position: relative; min-height: 50px; padding: 5px 0 0 76px; } .phone { margin-bottom: 10px; } .mail { font-size: 14px; font-weight: 900; } .mail a { color: #000; } .phone .ico, .mail .ico { display: block; overflow: hidden; position: absolute; top: 0; background-image: url(/content/gfx/sprite_btns_1.png); } .phone .ico { left: 10px; width: 37px; height: 46px; background-position: -56px -217px; } .mail .ico { left: 3px; width: 55px; height: 32px; background-position: left -217px; } .ico-bubble { position: absolute; left: 13px; top: 8px; display: inline-block; width: 35px; height: 30px; overflow: hidden; background: url(/content/gfx/sprite_btns_1.png) -93px -217px no-repeat; } .ico-calc { position: absolute; left: 13px; top: 8px; display: inline-block; width: 35px; height: 30px; overflow: hidden; background: url(/content/gfx/sprite_btns_1.png) -234px -217px no-repeat; } .ico-calc-big { position: absolute; left: 17px; top: 5px; display: inline-block; width: 35px; height: 41px; overflow: hidden; background: url(/content/gfx/bg_calc-2.png);} .indent { padding-left: 40px; } .indent-2 { padding-left: 20px; } .padded { padding: 10px 0; } .padded a { color: #000; } .tools { z-index: 1000; position: absolute; right: 10px; top: 13px; width: 55px; height: 20px; padding: 0 0 0 5px; overflow: hidden; background: url(/content/gfx/sprite_btns_1.png) -128px -217px no-repeat; } .tools li { float: left; display: block; padding: 5px 0 0 5px; } .tools li a { display: block; width: 9px; height: 9px; overflow: hidden; background: url(/content/gfx/sprite_btns_1.png) -188px -217px no-repeat; } .tools li a.active { background: url(/content/gfx/sprite_btns_1.png) -198px -217px no-repeat; } /* 3.2 Sub page ------------------------------------------------------------------------------*/ .logos-hor { margin: 0 0 5px; } .logos-hor img { display: inline-block; margin-right: 16px; } .main-box-2 ul { width: 355px; } .main-box-2 ul li { position: relative; padding: 3px 0 3px 15px; } .main-box-2 ul li .ico { display: block; width: 10px; height: 12px; overflow: hidden; position: absolute; left: 0; top: 3px; background: url(/content/gfx/sprite_btns_1.png) -562px -159px no-repeat; } .sticker { display: block; width: 118px; height: 115px; overflow: hidden; position: absolute; right: -10px; top: 43px; background: url(/content/gfx/sprite_btns_1.png) -587px -159px no-repeat; } .sticker span { position: absolute; left: -9999em; top: -9999em; } table { width: 100%; margin: 0 0 18px; } thead td { font-weight: 900; background: #085d9d url(/content/gfx/bg_thead.png) left top repeat-x; color: #fff; } tbody td { border: 1px solid #d6d6d6; } td { padding: 12px; text-align: center; } .odd td { background: #fff; } .even td { background: #f0f0f0; } .notice { position: absolute; right: 18px; top: 25px; font-size: 10px; } .travelInsuranceSports tr { height: 30px; display: block; width: 630px;} .travelInsuranceSports { margin: 0 0 0 0; height: 50px; } .travelInsuranceSports td { border: none; text-align: left; width: 150px;} .travelInsuranceSports td:first-child { width: 90px;} .travelInsuranceUpsell {width: 615px; margin: 10px; border-bottom: 1px solid grey;} .travelInsuranceUpsell tr td {text-align: center;} .travelInsuranceUpsell tr:first-child td tr:first-child{text-align: center;} .travelInsuranceUpsell td:first-child {text-align: left;} .travelInsuranceUpsell tr:first-child td {font-weight: bold; border-bottom: 1px solid grey;} .travelInsuranceUpsellLimits {width: 615px; margin: 10px; border-bottom: 1px solid grey; border-top: 1px solid grey;} .box-card .box-content { background: rgb(232,249,197); /* Old browsers */ padding-top:0px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZjljNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWM1NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(232,249,197,1) 0%, rgba(161,197,89,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,249,197,1)), color-stop(100%,rgba(161,197,89,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(232,249,197,1) 0%,rgba(161,197,89,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(232,249,197,1) 0%,rgba(161,197,89,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(232,249,197,1) 0%,rgba(161,197,89,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(232,249,197,1) 0%,rgba(161,197,89,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f9c5', endColorstr='#a1c559',GradientType=0 ); /* IE6-8 */ } .box-card .box-content-inner { padding: 5px 10px; } .card { position: relative; display: block; min-height: 74px; padding: 15px 0 0 130px; line-height: 1.5; font-size:13px; background: url(/content/gfx/bg_card.png) no-repeat; } .car-card { padding: 0 0 10px; } .car { float: right; margin: 0 0 5px 5px; } .car-name { font-size: 13px; } .save-p { padding: 5px 0 0; font-size: 14px; text-align: center; font-weight: bold; color: #0f3b7d; } .save { display: block; position: relative; padding: 5px 0 0 25px; font-size: 12px; color: #2f960b; } .save .ico { position: absolute; left: 0; top: 5px; width: 22px; height: 19px; overflow: hidden; background: url(/content/gfx/sprite_btns_1.png) -476px -159px no-repeat; } .separator { height: 1px; margin: 5px -10px 10px; overflow: hidden; background: #bebcbc; } .process { position: relative; height: 64px; margin: 0 0 13px; overflow: hidden; } .process ol { position: relative; height: 64px; background-image: url(/content/gfx/sprite_process.png); background-repeat: no-repeat; } .process-three-step ol { background-image: url(/content/gfx/sprite_process-3.png) !important; } .process li { float: left; width: 158px; height: 64px; } .process li a { display: block; width: 100%; height: 100%; text-indent: 999em; white-space: nowrap; } .process li span { display: block; width: 100%; height: 100%; text-indent: 999em; white-space: nowrap; } .process-1 { background-position: left top; } .process-2 { background-position: left -64px; } .process-3 { background-position: left -128px; } .process-4 { background-position: left -192px; } .process li.active a { cursor: text; } .process-five-step ol { background-image: url(/content/gfx/sprite_process-5.png) !important; } .process-six-step ol { background-image: url(/content/gfx/sprite_process-6.png) !important; } .process-zamzam-step ol { background-image: url(/content/gfx/sprite_process-zamzam-4.jpg) !important; } .process-two-step ol { background-image: url(/content/gfx/sprite_process-2.png) !important; } .process-penzijko-step ol { background-image: url(/content/gfx/sprite_process-penzijko-6.png) !important; } .process-penzijko-ing ol { background-image: url(/content/gfx/sprite_process-ing.png); background-repeat: no-repeat; } .process-penzijko-navyseni ol { background-image: url(/content/gfx/sprite_process-penze-navyseni.png); background-repeat: no-repeat; } .process-5 { background-position: left -256px; } .process-6 { background-position: left -320px; } .heading { height: 42px; margin: -10px 0 10px; line-height: 42px; text-indent: 15px; background: rgb(17,116,190); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExNzRiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODVlOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(17,116,190,1) 0%, rgba(8,94,159,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,116,190,1)), color-stop(100%,rgba(8,94,159,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(17,116,190,1) 0%,rgba(8,94,159,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(17,116,190,1) 0%,rgba(8,94,159,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(17,116,190,1) 0%,rgba(8,94,159,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(17,116,190,1) 0%,rgba(8,94,159,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1174be', endColorstr='#085e9f',GradientType=0 ); /* IE6-8 */ color: #fff; border-radius: 5px 5px 0 0; } h2.heading { text-transform: none; } form table { width: 100%; margin: 0; } form td, form th { vertical-align: middle; position: relative; padding: 5px; } form td { text-align: left; border: none; } form th { width: 160px; font-weight: 900; text-align: right; } form td select { float: left; } .err td, .large-list .err, .err th { background: #d7595b; } .error-text {font-weight: 900; color: #fff; } .ico-ok { display: inline-block; width: 15px; height: 13px; overflow: hidden; background: url(/content/gfx/sprite_btns_1.png) -468px -180px no-repeat; } .ico-help { display: inline-block; width: 27px; height: 27px; overflow: hidden; vertical-align: middle; background: url(/content/gfx/sprite_btns_1.png) -207px -217px no-repeat; cursor: pointer; margin-bottom: 0px;} .ico-help-small { width: 16px; height: 16px; background: url(/content/gfx/sprite_btns_1.png) -571px -500px no-repeat; margin-top: -7px; margin-left: 7px} #msg { vertical-align:top;} input, select, textarea { margin-right: 10px; margin-left: 0; } .tip-wrapper { position: relative; } .tip, .tip-bigger { position: absolute; width: 180px; padding: 3px 10px; line-height: 1.75; background: #a4de6a; -moz-border-radius: 0 12px 12px 0; -webkit-border-radius: 0 12px 12px 0; -khtml-border-radius: 0 12px 12px 0; border-radius: 0 12px 12px 0; display: none; } .tip-bigger { width: 320px; } .close { float: right; width: 23px; height: 23px; margin-right: -7px; text-decoration: none !important; background: url(/content/gfx/sprite_btns_1.png) -445px -180px no-repeat; } .close:hover { text-decoration: none; } .arr-2 { position: absolute; left: -11px; top: 0; display: block; width: 11px; height: 29px; background: url(/content/gfx/sprite_btns_1.png) -434px -180px no-repeat; } .help-2 { position: relative; display: block; width: 307px; height: 53px; margin: -11px 0 0; overflow: hidden; background: url(/content/gfx/sprite_btns_1.png) -288px -347px no-repeat; } .help-2 span { position: absolute; left: -9999em; top: -9999em; } .help-wrapper { position: relative; display: inline-block; } .help-wrapper .tip { display: none; } .box-discount { position: relative; width: 293px; height: 163px; margin: 0 0 8px 5px; padding: 10px; overflow: hidden; font-size: 16px; text-align: center; background: url(/content/gfx/bg_discount.png); } .box-discount p { padding: 10px 0 0; } .box-discount p strong { display: block; padding: 5px 0 0; font-size: 32px; } .disc-1, .disc-2 { position: absolute; top: 120px; display: block; text-align: center; } .disc-1 strong, .disc-2 strong { display: block; margin: 0 auto; } .disc-1 { left: 68px; } .disc-2 { left: 206px; } #content .rating-article { color: #333333; padding-top: 20px; border-top: 1px solid #d9d9d9; position: relative } #content .rating-article .rating-count { position: absolute; left: 250px; top: 20px } #content .rating-article:hover button:before { content: "\2605"; display: inline-block; position: absolute; left: 0; top: 0 } #content .rating-article:hover button:hover ~ button:before { content: "\2606" } #content .rating-stars { display: inline-block; padding: 0 0.5em; position: absolute; left: 120px; top: 10px; font-size: 20px } #content .rating-stars button { background: #ffffff; border: none; font-size: 20px; color: gold; cursor: pointer; position: relative; width: 20px !important; height: 25px; margin-left: -3px; margin-top: 0 } #content .rating-stars button:focus { outline: none } #content .rating-stars span, #content .rating-stars button { display: inline-block; position: relative; width: 20px; height: 25px; color: gold; margin-left: -3px; margin-top: 2px } #content .rating-stars span:before, #content .rating-stars button:before { content: "\2606"; display: inline-block; position: absolute; left: 0; top: 0; color: gold } #content .rating-stars span.active:before, #content .rating-stars button.active:before { content: "\2605" } /* 3.3 Text page ------------------------------------------------------------------------------*/ .text-box { height: 229px !important; padding: 5px 0 0 !important; background: none !important; } .text-box .logo { float: right; border: 1px solid #67a32c; } .text-box p { width: 410px; padding-bottom: 12px; font-size: 14px; } .text-box-2 { padding: 0 0 10px; font-size: 14px; } img.right { float: right; margin: 0 0 5px 10px; } .text-box-2 img.right { border: 1px solid #cdcccc; } table.contact { width: auto !important; } table.contact td { padding: 0 2px; text-align: left; border: none; } .icons { padding: 10px 0 0; } .icons li { padding: 9px 0 9px 35px; } .ico-01 { background: url(/content/gfx/ico_1.png) left center no-repeat; } .ico-02 { background: url(/content/gfx/ico_2.png) left center no-repeat; } .ico-03 { background: url(/content/gfx/ico_3.png) left center no-repeat; } .ico-04 { background: url(/content/gfx/ico_4.png) left center no-repeat; } .box-color { padding: 5px 20px; } .box-color-1 { background: #f0f0f0; } .box-color-2 { background: #e2f8b6; } .back-1 { position: relative; display: block; width: 307px; height: 48px; margin: -5px 0 0 -20px; padding: 5px 0 0; overflow: hidden; text-align: center; font-size: 17px; font-weight: bold; background: url(/content/gfx/sprite_btns_1.png) left -447px no-repeat; color: #fff; } .large { font-size: 16px; } .large-list { padding: 0 0 18px; font-size: 14px; } .large-list li { padding: 3px 0; } .large-list a { color: #000; } .calc-2 { padding: 10px 0 0; background: url(/content/gfx/bg_calc-2.png) 10px top no-repeat; } .heading-2 { padding: 10px 15px; } .heading-2 span { float: right; font-size: 11px; color: #000; } /* 3.3 Text page ------------------------------------------------------------------------------*/ .subpage-body h1 { padding-top: 10px; font-size: 20px; text-transform: none; color: #0f3b7d; } .subpage-body h2 { margin: 0 0 5px; font-size: 14px; text-transform: none; } .intro-2 { margin: 0 0 13px; border-bottom: 1px dotted #999; } .content-wrap { margin: 0 0 13px; border-bottom: 1px dotted #999; } .content-wrap ul { margin: 0 0 18px; } .simple-box { margin: 0 0 13px; padding: 10px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .simple-box-1 { background: #f3f3f3; } .simple-box-2 { background: #efffdd; } .simple-box-3 { border: 1px dotted #999; } .simple-box-4 { padding: 10px 0 !important; } .default li { padding: 5px 0 5px 30px; background: url(/content/gfx/bullet_1.png) left 8px no-repeat; } .default.cond li { padding: 2px 0 2px 20px; background: url(/content/gfx/bullet_1.png) left 5px no-repeat; } .default-2 li { padding: 3px 0 3px 40px; background: url(/content/gfx/bullet_2.png) 20px 8px no-repeat; } .default-3 li { padding: 3px 0 3px 25px; background: url(/content/gfx/bullet_3.png) left 3px no-repeat; } .right { float: right; } .two-col .simple-box { float: left; width: 280px; margin-right: 13px; } .two-col .simple-box-4 { width: 310px; } .two-col .last { margin-right: 0 !important; } .border { margin: 0 0 13px; padding: 0 0 10px; border-bottom: 1px dotted #999; } .letter { font-size: 14px; padding: 5px 0 5px 20px; background: url(/content/gfx/bullet_1.png) 2px 7px no-repeat; } .logos table { margin: 0; } .logos td { vertical-align: middle; padding: 0 3px; text-align: left; border: none; } .rate { margin: 0 0 13px; padding: 0 0 10px 30px; border-bottom: 1px dotted #999; } .sign { float: right; } .male { background: url(/content/gfx/ico_male.png) left 3px no-repeat; } .female { background: url(/content/gfx/ico_female.png) left 3px no-repeat; } /* 3.4 Results ------------------------------------------------------------------------------*/ .center { text-align: center; } .strong { font-weight: bold; } .nr { line-height: 29px; color: #000; } .nr span { float: left; width: 28px; height: 29px; margin-right: 5px; overflow: hidden; text-align: center; font-size: 12px; background: url(/content/gfx/sprite_btns_1.png) -495px -500px no-repeat; color: #fff; } .nr-1 { font-size: 20px; font-weight: bold; } .nr-2, .nr-3 { font-size: 15px; } .size-1 { font-size: 16px; } .size-2 { font-size: 20px; } .result-table { margin: 0; } .result-table th, .result-table td { vertical-align: middle; text-align: center; border: none; } .result-table td { font-weight: bold; } .uspora-table { margin: 0; } .uspora-table th, .uspora-table td { vertical-align: bottom; text-align: left; border: none; padding: 1px;} .uspora-table td { padding-right: 3px; font-weight: bold; } .grid {border-collapse: collapse; margin: 0 0 0 0;} .grid td {border: 1px solid #146eb4; padding: 2px 4px; text-align: left; vertical-align: middle; } .grid th {border: 1px solid #1c9dff; padding: 2px 4px;} .grid tr.gridrow_alternate td, .grid tr.odd td {background: #dcdeeb;} .grid thead {border: 1px solid #146eb4;background: #146eb4;color: #fff;} .pagination {margin: 0 0 0 0} .poradce-table { margin: 0 0 0 0; padding: 0 0 0 0; } .poradce-table th, .poradce-table td { vertical-align: top; text-align: left; border: none; } .poradce-table td { margin: 0; padding: 0 0 0 0;} .poradce-table th { margin: 0; padding: 0 0 0 0;} .poradce-table tr { margin: 0; padding: 0;} .poradce-table td.obrazek {width: 70px; padding-right: 10px} .poradce-table td.kontakty {vertical-align: top;} .no-margin { margin: 0; } .no-padding { padding: 0; } .lyzar-table { margin: 0 0 0 0; padding: 0 10px 10px 0; } .lyzar-table th, .lyzar-table td { vertical-align: middle; text-align: left; border: none; } .lyzar-table td { margin: 0; padding: 0 0 0 15px;} .lyzar-table th { margin: 0; padding: 0 0 0 10px;} .lyzar-table tr { margin: 0; padding: 0;} .tabs { margin-bottom: -1px; padding: 0 0 0 10px; text-align: center; font-size: 17px; font-weight: bold; } .tab { float: left; width: 196px; height: 42px; margin: 0 2px 0 0; overflow: hidden; text-decoration: none !important; background-image: url(/content/gfx/bg_tabs.png); background-repeat: no-repeat; } .tab:hover { text-decoration: none; } .tab-1:hover { color: #fff !important; } .tab-1 { line-height: 42px; background-position: left top; color: #fff !important; } .tab-2 { height: 37px; padding-top: 5px; line-height: 17px; background-position: -196px top; color: #000 !important; } .tab-2:hover { color: #000 !important; } .tab-2 span { display: block; } .results-head { padding: 5px 13px; } .results-head h2 { text-transform: none; font-size: 14px; color: #396310; } .results-content { padding: 10px 15px; } .result { margin: 0 0 10px; padding: 10px; border: 1px solid #dedede; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; } .result-highlight { border-color: #b1cfec; background: #e0f0ff; } .result:last-child { margin: 0 !important; } .th-1 { padding-left: 10px; width: 112px; } .th-2 { width: 99px; } .th-3 { padding-left: 10px; width: 87px; } .th-4 { width: 134px; } .th-5 { width: 111px; } .th-6 { width: 181px; } .th-7 { padding-left: 10px; width: 132px; } .res { float: left; padding-right: 10px; font-size: 11px; min-height: 20px;} .res-1 { width: 112px; } .res-1 img { display: block; } .res-2 { width: 119px; } .res-3 { width: 67px; } .res-4 { width: 114px; } .res-6 { width: 181px; } .res-5 { width: 131px; padding: 0 !important; text-align: center;} .res-5 .btn { margin-bottom: 5px; } .res-7 { padding-top: 22px; width: 139px; } .res-8 { padding-top: 30px; width: 80px; } .res-9 { width: 60px; padding: 0 !important; text-align: center; vertical-align:top; } .res-10 { width: 60px; padding-top: 21px; } .res-11 { width: 142px; padding-right: 5px; } .res th, .res td { padding: 0 2px 0 0; text-align: left; } .price { font-size: 19px; font-weight: bold; color: #396310; } .tip-icon { display: inline-block; width: 41px; height: 42px; overflow: hidden; text-indent: 9999em; background: url(/content/gfx/sprite_btns_1.png) -523px -500px no-repeat; } .tip-nejcena { display: inline-block; width: 44px; height: 43px; overflow: hidden; text-indent: 9999em; background: url(/content/gfx/nejcena.png) no-repeat; } .tip-nejkvalita { display: inline-block; width: 67px; height: 42px; overflow: hidden; text-indent: 9999em; margin-left: 17px; background: url(/content/gfx/nejvyssi-kvalita.png) no-repeat; } .tip-na-hory { display: inline-block; width: 67px; height: 42px; overflow: hidden; text-indent: 9999em; margin-left: 17px; background: url(/content/gfx/na-hory.png) no-repeat; } .tip-cestovkozdarma { display: inline-block; width: 67px; height: 67px; overflow: hidden; text-indent: 9999em; margin-left: -17px; background: url(/content/gfx/cestovkozdarma.png) no-repeat; } .tip-product-pov-icon { display: inherit; width: 41px; height: 42px; overflow: hidden; text-indent: 9999em; margin-top: 12px; background: url(/content/gfx/sprite_btns_1.png) -523px -500px no-repeat; } .tip-product-pov-nejcena { display: inline-block; width: 44px; height: 43px; overflow: hidden; text-indent: 9999em; margin-left: -330px; margin-top: -27px; background: url(/content/gfx/nejcena.png) no-repeat; } .tip-product-pov-nejkvalita { display: inline-block; width: 67px; height: 42px; overflow: hidden; text-indent: 9999em; margin-left: -4px; margin-top: 10px; background: url(/content/gfx/nejvyssi-kvalita.png) no-repeat; } .tip-product-pov-cestovkozdarma { display: inline-block; width: 67px; height: 67px; overflow: hidden; text-indent: 9999em; margin-left: -4px; margin-top: 10px; background: url(/content/gfx/cestovkozdarma.png) no-repeat; } .tip-product-hav-icon { display: inherit; width: 41px; height: 42px; overflow: hidden; text-indent: 9999em; margin-top: 12px; background: url(/content/gfx/sprite_btns_1.png) -523px -500px no-repeat; } .tip-product-hav-nejcena { display: inline-block; width: 44px; height: 43px; overflow: hidden; text-indent: 9999em; margin-left: -270px; margin-top: -40px; background: url(/content/gfx/nejcena.png) no-repeat; } .tip-product-hav-nejkvalita { display: inline-block; width: 67px; height: 42px; overflow: hidden; text-indent: 9999em; margin-left: -4px; margin-top: 10px; background: url(/content/gfx/nejvyssi-kvalita.png) no-repeat; } .tip-product-hav-cestovkozdarma { display: inline-block; width: 67px; height: 67px; overflow: hidden; text-indent: 9999em; margin-left: -4px; margin-top: 10px; background: url(/content/gfx/cestovkozdarma.png) no-repeat; } .tip-pneu-cestovko-zdarma { display: inline-block; width: 70px; height: 70px; overflow: hidden; text-indent: 9999em; margin-left: -17px; background: url(/content/gfx/pojisteni-pneu-cestovko-zdarma.png) no-repeat; } .tip-pneu-pokuty-zdarma { display: inline-block; width: 70px; height: 70px; overflow: hidden; text-indent: 9999em; margin-left: -17px; background: url(/content/gfx/pojisteni-pneu-pokut-zdarma.png) no-repeat; } .tip-pneu-zdarma { display: inline-block; width: 70px; height: 55px; overflow: hidden; text-indent: 9999em; margin-left: -17px; background: url(/content/gfx/pojisteni-pneu-zdarma.png) no-repeat; } .tip-icon-cestovko { display: inline-block; margin: 5px 0 0 12px; width: 41px; height: 42px; overflow: hidden; text-indent: 9999em; background: url(/content/gfx/sprite_btns_1.png) -523px -500px no-repeat; } .padded { padding: 5px 0; } /* new new new new new new new new new new */ /* 3.6 Form 2 ------------------------------------------------------------------------------*/ .person-table td { vertical-align: middle; } .person-table td input { margin-right: 0 !important; } .person-table .bold { padding: 0 1em 0 0; font-weight: bold; } .person-table label { padding: 0 1em 0 0; } .person { display: block; width: 81px; height: 29px; margin: 10px 10px 0; line-height: 29px; text-align: center; background: url(/content/gfx/bg_person.png) no-repeat; } .split div { height: 1px; line-height: 1px; overflow: hidden; background: #ccc; } a.add { font-weight: bold; color: #000; } .person-head { padding: 1em 0; } .person-head li { padding-bottom: 15px; background: url(/content/gfx/ico_i.png) left top no-repeat; } .special { font-weight: normal; font-size: 16px; color: #000; } .size-1 { font-size: 19px; } .color { color: #0d69af; } .box-inner-content { padding: 0 10px; } .person-table img { vertical-align: middle; } .grey { color: #787878; } .person-table select { float: none; } table.recap { margin-bottom: 15px; font-size: 14px; } .recap th, .recap td { border: 1px solid #dedede; } .recap th { text-align: left; } .recap .even th { background: #f0f0f0; } .recap-like { font-size: 14px; } .center button { margin: 0 auto; } td.left { text-align: left; border: none; } .cal-ico { cursor: pointer; } div.rightBox ul {text-align: left; padding-left: 15px;} div.rightBox ul li { height: 30px; line-height: 30px; border-bottom: 1px solid #ddd; background: url('/content/gfx/li.png') left center no-repeat;} div.rightBox ul li.last {border: none;} div.rightBox ul li a {text-decoration: none;color: #000;padding-left: 20px;} div.rightBox ul li a:hover, div.rightBox ul li.active {text-decoration: none;color: #146eb4; font-weight: bold;} /* new new new new new new new new new new */ /* 3.6 Klientska sekce ------------------------------------------------------------------------------*/ #Klient h2 { font-size: 150%; font-weight: normal; color: #036; } #Klient h3 { font-size: 120%; font-weight: bold; margin-top: .5em; color: #09983e; } /*------------------------------------------------------------------------------*/ /* new new new new new new new new new new */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #hiddenModalContent, hiddenModalContent1, #hiddenModalContentTwo { display: none; position: relative; background: #efefef; } a.tbRemove { text-decoration: none; position: absolute; right: 21px; top: 5px; height: 16px; width: 16px; } #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index: 100 !important; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(/content/images/macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /* Calendar */ table.jCalendar { width: auto !important; margin: 0 !important; background: #aaa; border-collapse: separate; /*border-spacing: 2px;*/ } table.jCalendar th { background: #1376c1; color: #fff; font-weight: bold; padding: 3px 5px; } table.jCalendar td { background: #fff; color: #000; padding: 3px 5px; text-align: center; } table.jCalendar td.other-month { background: #ddd; color: #aaa; } table.jCalendar td.today { background: #666; color: #fff; } table.jCalendar td.selected { background: #1376c1; color: #fff; } table.jCalendar td.selected.dp-hover { background: #f33; color: #fff; } table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #ddd; color: #000; } table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; } table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #bbb; color: #888; } table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; } nav { z-index: 2; } nav#navigation li ul { display: none; margin-top: -10px; padding-left: 6px; } nav#navigation li:hover ul { display: block; } nav#navigation li ul li { height: auto; min-width: 155px; background-color: #136eb6; } nav#navigation li ul li:hover { background-color: #0a4573; } nav#navigation li ul li:last-child { -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } nav#navigation li ul li a { background: none; text-indent: 0; padding: 5px; padding-left: 10px; color: #fff; text-decoration: none; } .clear { clear: both; } /* blok doporuceni */ .box-doporuc.box1 { } .box-doporuc.box1 .c1 { float: left; width: 300px; } .box-doporuc.box1 .c2 { float: left; width: 300px; } .box-doporuceni { padding-bottom: 10px; color: black; font-weight: bold; } .box-doporuceni a { color: #20548a; } .box-content > h2 { margin: -10px 0 10px; } .contact-box { display: none; } .contact-box p { font-size: 12px; } .safe { display: block; margin: 0 auto 10px; } @media (min-width: 1280px) { .contact-box { display: block; width: 140px; padding: 10px 5px; margin-left: -647px; position: fixed; z-index: 100; left: 50%; top: 134px; border: 1px solid #dfdfdf; font-size: 14px; background-color: #fff; border-radius: 0 5px 5px 0; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1); box-shadow: 1px 1px 2px rgba(0,0,0,.1); } .contact-box:before { content: ''; display: block; height: 222px; width: 100%; margin: 0 0 10px; border-bottom: 1px solid #dfdfdf; background: url(/Content/gfx/bg_contact-box.jpg) center bottom no-repeat; background-size: contain; } } @media (min-width: 1420px) { .contact-box { width: 200px; margin-left: -706px } .contact-box p { padding-left: 10px; padding-right: 10px; } } #ContactBoxDialog.ui-dialog { border: 0 !important; padding: 0 !important; margin: 0 !important; } #ContactBoxDialog.ui-dialog-content { border: 0 !important; padding: 0 !important; margin: 0 !important; } #ContactBoxDialogClose { text-decoration:none !important; float: right; } .noTitleStuff .ui-dialog-titlebar {display:none} a.title-hint { text-decoration: none; color: #1b96e7; display: inline-block; border-bottom: 1px dotted #1b96e7; margin-bottom: 1px; } h2.styled { padding: 10px 0; font-size: 18px; text-transform: none; } .number { float: left; line-height: 29px; font-size: 15px;font-weight: bold; width: 28px; height: 29px; margin-right: 5px; overflow: hidden; text-align: center; font-size: 12px; background: url(/content/gfx/sprite_btns_1.png) -495px -500px no-repeat; color: #fff; } .with-nr { padding: 0 0 12px 37px; position: relative; min-height: 38px; } .with-nr .number { position: absolute; left: 0; top: 0; } .with-nr strong { display: block; padding-top: 7px; } .safe { display: block; margin: 0 auto 10px; } .icon-boxes { padding: 10px; border: 4px solid #fff; background-color: #b4df63; border-radius: 8px; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,.2); box-shadow: 0 0 8px rgba(0,0,0,.2); } .icon-boxes:after { content: ''; display: block; width: 100%; height: 0; clear: both; overflow: hidden; font-size: 0; line-height: 0; } #content .icon-boxes { margin-bottom: 10px; } #sidebar .icon-boxes { margin-bottom: 32px; } a.icon-box { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; color: #000; } .icon-box > strong { display: block; margin-bottom: 10px; line-height: 21px; color: #487cc9; } .icon-box > strong i { display: block; } .icon-box p { padding-bottom: 0; } .icon-box:before { content: ''; display: block; width: 60px; height: 60px; overflow: hidden; background-image: url(/content/gfx/sprite_btns_1.png); } .icon-box.icon-box-1:before { background-position: -497px -1194px; } .icon-box.icon-box-2:before { background-position: -557px -1194px; } .icon-box.icon-box-3:before { background-position: -617px -1194px; } #content .icon-box { float: left; width: 33.333%; min-height: 192px; padding: 5px 10px; border-right: 1px solid #fff; text-align: center; } #content .icon-box:last-child { border-right: 0; } #content .icon-box:before { margin-left: auto; margin-right: auto; margin-bottom: 8px; } #content .icon-box > strong { font-size: 19px; } #content .icon-box > strong span { font-size: 16px; } #sidebar .icon-box { padding: 15px 10px; border-bottom: 1px solid #fff; } #sidebar .icon-box:last-child { border-bottom: 0; } #sidebar .icon-box:before { float: left; margin: 0 12px 5px 0; } #sidebar .icon-box > strong { margin: 12px 0; font-size: 22px; line-height: 23px; } #sidebar .icon-box p { clear: left; } #sidebar .icon-box.icon-box-3 > strong i { display: none; } /******************************************************************************* Print stylesheet *******************************************************************************/ @media print { body { font: normal normal 12pt/1.5em "Times New Roman", Times, serif; } a[href]:after { content: " (" attr(href) ") "; font-size: 90%; } a[href^="/"]:after { content: " (http://epojisteni.cz" attr(href) ") "; } #accessibility-nav, .hide { display: none !important; } hr, .footer-inner .clearfix, .foot-nav, #sidebar, .top-nav { display: none; } .site-name { display: none; } .help { padding-bottom: 1em; } #header:after { content: url(/content/gfx/logo.png) !important; } #header { ruby-align: expression( this.runtimeStyle.rubyAlign = 'auto', this.innerHTML +='' ); } #footer { border-top: 1px dashed #333; } } /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('/content/fontsawesome/fontawesome-webfont.eot?v=4.0.3'); src: url('/content/fontsawesome/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('/content/fontsawesome/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('/content/fontsawesome/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('/content/fontsawesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.2857142857142858em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: 0.14285714285714285em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571428572em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-asc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-desc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-reply-all:before { content: "\f122"; } .fa-mail-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .video-wrapper { position: relative; min-height: 254px; margin-top: 30px; } .video-wrapper .box-wrapper { position: absolute; right: 0; top: 0; z-index: 1; } .video-wrapper .box-top { padding-top: 10px; padding-bottom: 10px; text-align: center; font-size: 14px; } .video-wrapper .box-top p { padding: 0; } .video-wrapper .box-content { padding-top: 10px; min-height: 176px; background: url(/content/gfx/bg_video.jpg) center bottom no-repeat; } #video { position: relative; display: none; width: 640px; background: #fff; border: 0px !important; } .video-left-border{position:absolute;width:10px;height:352px;left:0px;top: 0px;z-index:1;background:#fff} .video-right-border{position:absolute;width:10px;height:352px;right:0px;top: 0px;z-index:1;background:#fff} #video video, #video-loop { display: block; } #video-loop { position: relative; } .play { display: block; width: 90px; height: 90px; z-index: 1000; position: absolute; left: 108px; top: 148px; background: url(/content/gfx/play.png); cursor: pointer; background-position: -5px -5px; } .play:hover { background-position: -5px -105px; } .active .play { display: none; } a.stop { position: absolute; right: 10px; top: -40px; display: block; width: 24px; height: 24px; z-index: 1000; background-image: url(/content/gfx/close.png); } a.mute { position: absolute; right: 10px; bottom: 10px; display: block; width: 24px; height: 20px; z-index: 1000; background-image: url(/content/gfx/mute.png); } a.mute.muted { background-position: 0 -20px; }