/*$sprite-sprite-dimensions :true;*/
.sprite-sprite, .scrollup, #header h1 a:before, #guidepost #company:after, .lp #guidepost p.a:before, .lp #guidepost p.b:before, .steps, .order-2 .steps, .private-order-2 .steps, #success:before, #footer .wrapper:before {background-image:url('/application/odmeny/gfx/sprite-s7e1ad26e72.png'); background-repeat:no-repeat}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font:inherit; font-size:100%; vertical-align:baseline}
html {line-height:1}
ol, ul {list-style:none}
table {border-collapse:collapse; border-spacing:0}
caption, th, td {text-align:left; font-weight:normal; vertical-align:middle}
q, blockquote {quotes:none}
q:before, q:after, blockquote:before, blockquote:after {content:""; content:none}
a img {border:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block}
html {font-size:87.5%; line-height:1.21429em}
/* $sprite-sprite-dimensions :true; */
.sprite-sprite, .scrollup, #header h1 a:before, #guidepost #company:after, .lp #guidepost p.a:before, .lp #guidepost p.b:before, .steps, .order-2 .steps, .private-order-2 .steps, #success:before, #footer .wrapper:before {background-image:url('/application/odmeny/gfx/sprite-s7e1ad26e72.png'); background-repeat:no-repeat}

/* Mixins */
/* BASE FORMATTING
--------------------------------------------*/
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
html, body {width:100%; height:100%}
body {background:white}
img {max-width:100% !important; height:auto}
*, :focus, :hover, :active {outline:none}
p {margin:0 0 1em 0; line-height:1.5}
a {color:#12377d; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
a:hover {text-decoration:none}
.fll {float:left}
.flr {float:right}
.center {text-align:center}
.right {text-align:right}
.nod {display:none !important}
.blue {color:#12377d}
body {font-family:Arial, sans-serif, "Calibri"; color:#383838}
em {font-style:italic}
strong {font-weight:bold}
#content h1, #content h2, #content h3, #content h4 {margin-bottom:1em; clear:left; font-family:Arial, sans-serif, "Calibri"; font-weight:bold}
#content h1 {font-size:2.14286em; line-height:1.13333em; line-height:1.5; margin-bottom:0.5em; color:#12377d}
#content h2 {font-size:2em; line-height:1.21429em; color:#c8c8c8; font-weight:bold; line-height:1.5; margin-bottom:0.5em}
#content h2.blue {color:#12377d; font-size:3.28571em; line-height:1.1087em}
#content h2.white {color:white; font-size:3.28571em; line-height:1.1087em}
#content h3 {font-size:1.71429em; line-height:1.41667em; color:#707273; line-height:1.5; margin-bottom:0.5em}

/* -------------------------------------------------------------------------*/
/* Grid */
/* Variable definitions */
.full {width:100%; clear:both}
.half {float:left; margin-right:2%; margin-bottom:1em; width:49%}
.half:nth-child(2n) {margin-right:0}
.half:nth-child(2n):after {overflow:hidden; *zoom:1}
.third {float:left; margin-right:2%; margin-bottom:1em; width:32%}
.third:nth-child(3n-1) {margin-right:0}
.third:nth-child(3n-1):after {overflow:hidden; *zoom:1}
.fourth {float:left; margin-right:2%; margin-bottom:1em; width:23.5%}
.fourth:nth-child(4n+1) {margin-right:0}
.fourth:nth-child(4n+1):after {overflow:hidden; *zoom:1}

/* -------------------------------------------------------------------------*/
/* Mixins */
/* General */
.btn {display:inline-block; margin-right:15px; margin-top:10px; padding:10px 18px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; color:white; font-family:Arial, sans-serif, "Calibri"; font-weight:bold; font-size:120%; text-decoration:none; cursor:pointer; text-transform:uppercase; font-weight:bold; -webkit-box-shadow:0 2px 3px 0 #c4c4c4; -moz-box-shadow:0 2px 3px 0 #c4c4c4; box-shadow:0 2px 3px 0 #c4c4c4}
.btn.blue {display:inline-block; margin-right:15px; margin-top:10px; padding:10px 18px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; color:white; font-family:Arial, sans-serif, "Calibri"; font-weight:bold; font-size:120%; text-decoration:none; cursor:pointer; text-transform:uppercase; font-weight:bold; -webkit-box-shadow:0 2px 3px 0 #c4c4c4; -moz-box-shadow:0 2px 3px 0 #c4c4c4; box-shadow:0 2px 3px 0 #c4c4c4; background:#12377d}
.btn.blue:hover {color:#fec92d}
.btn.yellow {border-radius:8px; display:inline-block; margin-right:15px; margin-top:10px; padding:10px 18px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; color:white; font-family:Arial, sans-serif, "Calibri"; font-weight:bold; font-size:120%; text-decoration:none; cursor:pointer; text-transform:uppercase; font-weight:bold; -webkit-box-shadow:0 2px 3px 0 #c4c4c4; -moz-box-shadow:0 2px 3px 0 #c4c4c4; box-shadow:0 2px 3px 0 #c4c4c4; background:#fec92d !important; color:white}
.btn.yellow:hover {color:#12377d}
.btn.white {display:inline-block; margin-right:15px; margin-top:10px; padding:10px 18px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; color:white; font-family:Arial, sans-serif, "Calibri"; font-weight:bold; font-size:120%; text-decoration:none; cursor:pointer; text-transform:uppercase; font-weight:bold; -webkit-box-shadow:0 2px 3px 0 #c4c4c4; -moz-box-shadow:0 2px 3px 0 #c4c4c4; box-shadow:0 2px 3px 0 #c4c4c4; background:white; border:1px solid #bebebe; color:#4c4c4c; padding:8px 60px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
.btn.white:hover {background:#c8c8c8}
.btn.big {padding:8px 80px 8px; font-size:180%}
input[type="submit"].btn {border:none; font-size:90%; padding:15px 20px}
@media only screen and (max-width:34.286em) {.btn {width:100%; text-align:center}}

/* -------------------------------------------------------------------------*/
/* Layout */
/* Variable definitions */
/* Mixins */
/* General
---------------------------------------------------- */
/* Form */
form {clear:both; width:100%}
form p {vertical-align:top}
/* Labels */
label {cursor:pointer}
label.top {vertical-align:top}
/* Inputs */
input[type="text"], input[type="password"], input[type="file"] {padding:3px 8px; height:40px; font-size:1em; line-height:2.28571em; line-height:16px; color:#383838; border:1px solid #c8c8c8}
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus {border:1px solid #12377d}
.ie8 input[type="text"], input[type="password"], input[type="file"] {height:auto !important; padding:11px 4px 11px 7px}
input[type="submit"], button {font-size:110%; cursor:pointer; background:#53aae3; color:#fff; vertical-align:bottom}
button {font-family:Arial, sans-serif, "Calibri"; border:none}
input.full, select.full {width:100%}
input.long, select.long {width:330px}
input.short, select.short {width:120px}
input.shorter, select.shorter {width:107px}
input.btn {padding:8px 15px}
/* Textarea */
textarea {margin:0; padding:3px; font-size:1em; line-height:2.28571em; background:#ffffff; border:1px solid #a6c0d3; line-height:16px; color:#004d80; font-family:Arial, Tahoma, Helvetica, sans-serif, "Calibri"; overflow:hidden}
textarea:focus {border:1px solid #004d80}
/* Legend */
legend {display:none}
/* Selects */
select {padding:3px 8px; height:40px; font-size:1em; line-height:2.28571em; line-height:16px; color:#383838; border:1px solid #c8c8c8; line-height:1; padding:10px 8px; vertical-align:bottom}
select:focus {border:1px solid #12377d}
select:focus {outline:0}
/* Radio buttons */
/* Checkboxes */
input[type="checkbox"] {margin-left:0 !important}
/* Mandatory fields */
.mandatory label, .mandatory {font-weight:bold}
.mandatory label:after, .mandatory:after {content:"*"; display:inline-block; margin-left:2px; color:#12377d}

/* Exceptions and concrete layout
---------------------------------------------------- */
div.table {display:table; width:600px}
div.table .cell {display:table-cell; padding-bottom:20px; position:relative; display:inline-block; vertical-align:middle}
div.table .label {width:220px; text-align:right; font-size:120%; font-weight:bold; color:#12377d; padding-right:40px}
div.table .row {display:table-row; position:relative}
.red {border:1px solid red !important}
::-webkit-input-placeholder {/* WebKit browsers */
  color:#383838; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */
  color:#383838; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1}
::-moz-placeholder {/* Mozilla Firefox 19+ */
  color:#383838; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1}
:-ms-input-placeholder {/* Internet Explorer 10+ */
  color:#383838; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1}
table {clear:both; max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; margin-bottom:2em}
.table {width:100%}
.table tr:first-child td {border-top:none}
.table td:first-child {width:200px; vertical-align:top}
.table th, .table td {padding:25px 0}
.table th {background:#12377d; border-right:1px solid #116dae; color:#fff}
.table th:last-child {border-right:none}
.table td {background:#f8f8f8; border-top:1px solid #dcdcdc; text-align:right}
.table td strong {text-align:left; display:block; padding-left:20px}
.table .hover td {background:#838383}
.table tr.hq td, .table tr.hq-add-info td {text-align:left}
.table tr.hq td strong, .table tr.hq-add-info td strong {padding-left:0}
.table tr.hq-add-info td strong {padding-top:10px; color:#383838}
.table .parentRow {border-bottom:1px solid #116dae}
.tableKarty {font-size:12px}
.tableKarty > thead > tr > th {padding-left:7px; padding-right:7px}
.tableKarty td {padding-left:7px; padding-right:7px}
.vat {vertical-align:top}

/* SCROLL UP
----------------------------------------------------------- */
.scrollup {width:40px; height:40px; opacity:0.3; position:fixed; bottom:50px; right:100px; display:none; text-indent:-9999px; background-position:-277px 0}

/* Validation
----------------------------------------------------------- */
span.error_message {background:#fa5e20; padding:10px; display:inline-block; position:absolute !important; width:335px; margin:0 -1px; top:0; left:340px; color:white; position:relative; background:#fa5e20; border:1.5px solid #fa5e20; border:none !important; border-bottom:1px solid #c8c8c8 !important}
span.error_message:after, span.error_message:before {right:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none}
span.error_message:after {border-right-color:#fa5e20; border-width:6px; top:50%; margin-top:-6px}
span.error_message:before {border-right-color:#fa5e20; border-width:8.12132px; top:50%; margin-top:-8.12132px}
span.error_message:before {margin-top:-12px}
span.error_message:after {display:none}

/* Styled select boxes
----------------------------------------------------------- */
.dd-select, .dd-selected {background:#494949; border:1px solid #494949 !important; color:#fff; border-radius:0 !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0}
.dd-selected {padding:10px 20px !important}
.dd-selected-option {display:none}
.dd-options li {padding-left:0; background:none}
.dd-pointer {right:20px !important}
/* Magnific Popup CSS */
.mfp-bg {top:0; left:0; width:100%; height:100%; z-index:5002; overflow:hidden; position:fixed; background:#0b0b0b; opacity:0.8; filter:alpha(opacity=80)}
.mfp-wrap {top:0; left:0; width:100%; height:100%; z-index:5003; position:fixed; outline:none !important; -webkit-backface-visibility:hidden}
.mfp-container {height:100%; text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.mfp-container:before {content:''; display:inline-block; height:100%; vertical-align:middle}
.mfp-align-top .mfp-container:before {display:none}
.mfp-content {position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:5005}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {width:100%; cursor:auto}
.mfp-ajax-cur {cursor:progress}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out}
.mfp-zoom {cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in}
.mfp-auto-cursor .mfp-content {cursor:auto}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {-webkit-user-select:none; -moz-user-select:none; user-select:none}
.mfp-loading.mfp-figure {display:none}
.mfp-hide {display:none !important}
.mfp-preloader {color:#cccccc; position:absolute; top:50%; width:auto; text-align:center; margin-top:-0.8em; left:8px; right:8px; z-index:5004}
.mfp-preloader a {color:#cccccc}
.mfp-preloader a:hover {color:white}
.mfp-s-ready .mfp-preloader {display:none}
.mfp-s-error .mfp-content {display:none}
button.mfp-close,
button.mfp-arrow {overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; padding:0; z-index:5006}
button::-moz-focus-inner {padding:0; border:0}
.mfp-close {width:44px; height:44px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:0.65; padding:0 0 18px 10px; color:white; font-style:normal; font-size:28px; font-family:Arial, Baskerville, monospace}
.mfp-close:hover, .mfp-close:focus {opacity:1}
.mfp-close:active {top:1px}
.mfp-close-btn-in .mfp-close {color:#333333}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {color:white; right:-6px; text-align:right; padding-right:6px; width:100%}
.mfp-counter {position:absolute; top:0; right:0; color:#cccccc; font-size:12px; line-height:18px}
.mfp-arrow {position:absolute; top:0; opacity:0.65; margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
.mfp-arrow:active {margin-top:-54px}
.mfp-arrow:hover,
.mfp-arrow:focus {opacity:1}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:solid transparent}
.mfp-arrow:after,
.mfp-arrow .mfp-a {opacity:0.8; border-top-width:12px; border-bottom-width:12px; top:8px}
.mfp-arrow:before,
.mfp-arrow .mfp-b {border-top-width:20px; border-bottom-width:20px}
.mfp-arrow-left {left:0}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {border-right:12px solid #000; left:5px}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {border-right:20px solid #FFF}
.mfp-arrow-right {right:0}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {border-left:12px solid #000; left:3px}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {border-left:20px solid #FFF}
.mfp-iframe-holder {padding-top:40px; padding-bottom:40px}
.mfp-iframe-holder .mfp-content {line-height:0; width:100%; max-width:900px}
.mfp-iframe-scaler {width:100%; height:0; overflow:hidden; padding-top:56.25%}
.mfp-iframe-scaler iframe {position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.6); background:black}
.mfp-iframe-holder .mfp-close {top:-40px}

/* Main image in popup */
img.mfp-img {width:auto; max-width:100%; height:auto; display:block; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:40px 0 40px; margin:0 auto}
/* The shadow behind the image */
.mfp-figure:after {content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0, 0, 0, 0.6)}
.mfp-figure {line-height:0}
.mfp-bottom-bar {margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto}
.mfp-title {text-align:left; line-height:18px; color:#f3f3f3; word-break:break-word; padding-right:36px}
.mfp-figure small {color:#bdbdbd; display:block; font-size:12px; line-height:14px}
.mfp-image-holder .mfp-content {max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor:pointer}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {/**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {padding-left:0; padding-right:0}
  .mfp-img-mobile img.mfp-img {padding:0}
  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {top:0; bottom:0}
  .mfp-img-mobile .mfp-bottom-bar {background:rgba(0, 0, 0, 0.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
  .mfp-img-mobile .mfp-bottom-bar:empty {padding:0}
  .mfp-img-mobile .mfp-counter {right:5px; top:3px}
  .mfp-img-mobile .mfp-close {top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0, 0, 0, 0.6); position:fixed; text-align:center; padding:0}
  .mfp-img-mobile .mfp-figure small {display:inline; margin-left:5px}}
@media all and (max-width:800px) {.mfp-arrow {-webkit-transform:scale(0.75); transform:scale(0.75)}
  .mfp-arrow-left {-webkit-transform-origin:0; transform-origin:0}
  .mfp-arrow-right {-webkit-transform-origin:100%; transform-origin:100%}
  .mfp-container {padding-left:6px; padding-right:6px}}
.mfp-ie7 .mfp-img {padding:0}
.mfp-ie7 .mfp-bottom-bar {width:600px; left:50%; margin-left:-300px; margin-top:5px; padding-bottom:5px}
.mfp-ie7 .mfp-container {padding:0}
.mfp-ie7 .mfp-content {padding-top:44px}
.mfp-ie7 .mfp-close {top:0; right:0; padding-top:0}
.white-popup {position:relative; background:#FFF; padding:30px; width:auto; max-width:60%; margin:20px auto}
.white-popup h1, .white-popup h2, .white-popup h3, .white-popup h4 {margin-bottom:1em; clear:left; font-family:Arial, sans-serif, "Calibri"; font-weight:bold}
.white-popup h1 {font-size:2.14286em; line-height:1.6em; line-height:1.5; margin-bottom:0.5em; color:#12377d}
.white-popup h2 {font-size:2em; line-height:1.14286em; color:#c8c8c8; font-weight:bold; line-height:1.5; margin-bottom:0.5em}
.white-popup h2.blue {color:#12377d; font-size:3.28571em; line-height:1.3913em}
.white-popup h2.white {color:white; font-size:3.28571em; line-height:1.3913em}
.white-popup h3 {font-size:1.71429em; line-height:1.33333em; color:#707273; line-height:1.5; margin-bottom:0.5em}
.white-popup p {margin-bottom:1em}
.white-popup ul {margin-bottom:2em}
.white-popup ul li {margin-bottom:1em; padding-left:20px; background:url("/application/odmeny/gfx/content-li.png") 0 4px no-repeat}
.white-popup ol {margin-left:18px; margin-bottom:1em}
.white-popup ol li {list-style-type:decimal; margin-bottom:1em; padding-left:10px}

/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* The Nivo Slider styles */
.nivoSlider {position:relative; width:100%; height:auto; overflow:hidden}
.nivoSlider img {position:absolute; top:0px; left:0px; max-width:none}
.nivo-main-image {display:block !important; position:relative !important; width:100% !important}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none}
/* The slices and boxes in the Slider */
.nivo-slice {display:block; position:absolute; z-index:5; height:100%; top:0}
.nivo-box {display:block; position:absolute; z-index:5; overflow:hidden}
.nivo-box img {display:block}
/* Caption styles */
.nivo-caption {position:absolute; right:0px; top:0px; width:415px; min-height:380px; z-index:8; overflow:hidden; display:none}
.nivo-caption p {padding:5px; margin:0}
.nivo-caption a {display:inline !important}
.nivo-html-caption {display:none}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav {margin-top:20px}
.nivo-directionNav a {text-decoration:none; position:absolute; bottom:0; z-index:9; cursor:pointer; width:25px; height:25px; overflow:hidden; background:white url("/application/odmeny/gfx/slider/nav-slider.jpg") scroll -1000px -1000px}
.nivo-prevNav {right:910px; background-position:0 0 !important}
.nivo-prevNav:hover {background-position:0 100% !important}
.nivo-nextNav {right:25px; background-position:100% 0 !important}
.nivo-nextNav:hover {background-position:100% 100% !important}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {width:120px; height:20px; position:absolute; bottom:-55px; right:430px; text-align:center}
.nivo-controlNav a {cursor:pointer; display:inline-block; text-indent:-9999px; background:white url("/application/odmeny/gfx/slider/bulet-nav.jpg") scroll 100% 0; height:10px; width:10px; margin:0 3px; overflow:hidden}
.nivo-controlNav a.active {font-weight:bold; background-position:0 0}
.nivo-caption .nadpis {display:block; font-size:35px; line-height:36px; font-weight:bold; color:#ffffff; margin-top:36px}
.nivo-caption .text {width:385px; display:block; font-size:12px; line-height:18px; color:#a0c0ff; margin-top:20px}
.nivo-caption .links {margin-top:2em; display:block}
.nivo-caption .links .ted {text-decoration:none; color:#ffffff; font-weight:bold; float:left; font-size:20px; line-height:38px; text-align:center; display:inline-block; padding:0 20px; height:38px; background-color:#FFC92B}
.nivo-caption .links .ted:hover {color:#12377d}
.nivo-caption .links .vice {margin:0 0 0 30px; display:inline-block; font-size:18px; line-height:38px; color:#ffffff; text-decoration:underline}
.nivo-caption .links .vice:hover {text-decoration:none}
.arrow-box {position:relative; background:#88b7d5; border:4px solid #c2e1f5}
.arrow-box:after, .arrow-box:before {bottom:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none}
.arrow-box:after {border-bottom-color:#88b7d5; border-width:30px; left:50%; margin-left:-30px}
.arrow-box:before {border-bottom-color:#c2e1f5; border-width:35.65685px; left:50%; margin-left:-35.65685px}
@-moz-keyframes dropHeader {0% {left:-3000px}
  100% {left:0}}
@-webkit-keyframes dropHeader {0% {left:-3000px}
  100% {left:0}}
@-o-keyframes dropHeader {0% {left:-3000px}
  100% {left:0}}
@-ms-keyframes dropHeader {0% {left:-3000px}
  100% {left:0}}
@keyframes dropHeader {0% {left:-3000px}
  100% {left:0}}
@-moz-keyframes dropNav {0% {right:-3000px}
  100% {left:0}}
@-webkit-keyframes dropNav {0% {right:-3000px}
  100% {left:0}}
@-o-keyframes dropNav {0% {right:-3000px}
  100% {left:0}}
@-ms-keyframes dropNav {0% {right:-3000px}
  100% {left:0}}
@keyframes dropNav {0% {right:-3000px}
  100% {left:0}}

/* General settings
------------------------------------------------ */
.wrapper {max-width:920px; margin:0 auto; position:relative; border:none}
/* LAYOUT
------------------------------------------------ */
#header {width:100%; border-top:5px solid white; background:#12377d; position:relative; z-index:5}
#header:before, #header:after {content:"\0020"; display:block; height:0; overflow:hidden}
#header:after {clear:both}
#header h1 {height:25px; position:absolute; top:81px; left:0; whitespace:no-wrap}
#header h1 a {text-decoration:none; color:white; font-size:160%; height:25px; display:inline-block; padding-bottom:15px; font-weight:bold}
#header h1 a:before {margin-right:10px; position:relative; top:5px; display:inline-block; content:''; width:44px; height:25px; background-position:-233px 0}
#header .phone {text-align:right}
#header .phone h3 {background:white; display:inline-block; padding:5px 15px; color:#12377d}
#header #top-nav {position:absolute; top:0; right:250px}
#header #top-nav li {float:left; padding:5px 20px 4px; text-transform:uppercase; color:white; font-size:90%}
#header #top-nav li.active {border:1px solid #4265a8; border-top:none}
#header #top-nav li a {display:block; color:white; text-decoration:none}
/* Main navigation */
.subpage #nav {background:#12377d; padding-bottom:15px}
.subpage #nav:before, .subpage #nav:after {content:"\0020"; display:block; height:0; overflow:hidden}
.subpage #nav:after {clear:both}
.subpage #nav #main-nav {text-align:right; width:74%; margin-top:48px}
.subpage #nav #main-nav li a {font-size:120%}
.subpage #nav #main-nav li a:hover {color:#fec92d}
.subpage #nav span.border {clear:both; display:block; height:6px; border-top:1px solid #4265a8}
#main-nav {float:right; position:relative; width:60%; z-index:999; margin-top:48px; text-align:right; top:1px}
#main-nav li {display:inline; margin-right:-4px}
#main-nav li.active a {color:white; font-weight:bold; background:url("/application/odmeny/gfx/menu-active.png") 50% 100% no-repeat}
#main-nav li:last-child {border-right:none; margin-right:0}
#main-nav li a {text-align:center; display:inline-block; padding:16px 20px; color:#92b2ef; font-family:Arial, sans-serif, "Calibri"; font-size:120%; text-decoration:none; position:relative}
#main-nav li a:hover {color:#fec92d}
.sub-nav {width:100%; padding-top:15px; border-top:1px solid gainsboro; margin-bottom:3em}
.sub-nav:before, .sub-nav:after {content:"\0020"; display:block; height:0; overflow:hidden}
.sub-nav:after {clear:both}
.sub-nav li {float:left; margin-right:10px}
.sub-nav li a {display:block; padding:3px 5px; font-weight:bold; text-decoration:none}
.sub-nav li a:hover {text-decoration:underline; color:#12377d}
.sub-nav li.active a {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#12377d; color:white}

/* MAIN CONTENT
------------------------------------------------ */
#content {padding-top:50px; padding-bottom:80px; margin:0 auto; max-width:920px; min-height:400px}
#content:before, #content:after {content:"\0020"; display:block; height:0; overflow:hidden}
#content:after {clear:both}
#content .wrapper {text-align:left}
#content .left-column {width:56.25%; float:left}
#content .right-column {width:30%; float:right}
#content .right-column h2 {color:#12377d}
#content .right-column .box {margin-bottom:2em}
.order #content {min-height:580px}
.promo-wrapper {background:#12377d url("/application/odmeny/gfx/promo.jpg") no-repeat center bottom; padding-bottom:20px}
.promo-wrapper:before, .promo-wrapper:after {content:"\0020"; display:block; height:0; overflow:hidden}
.promo-wrapper:after {clear:both}
.promo-wrapper .wrapper {border-bottom:1px solid #304f8d; border-bottom:1px solid rgba(255, 255, 255, 0.12); -webkit-background-clip:padding-box; /* for Safari */
  background-clip:padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */}
.promo-wrapper .wrapper:before, .promo-wrapper .wrapper:after {content:"\0020"; display:block; height:0; overflow:hidden}
.promo-wrapper .wrapper:after {clear:both}
.promo-wrapper .wrapper:before {display:inline-block; content:''; width:1px; height:5px; background:#304f8d; background:rgba(255, 255, 255, 0.12); position:absolute; left:0; bottom:-6px}
.lp .promo-wrapper {background:#12377d; padding-bottom:21px}
.lp .promo-wrapper:before, .lp .promo-wrapper:after {content:"\0020"; display:block; height:0; overflow:hidden}
.lp .promo-wrapper:after {clear:both}

/* UNIQUE SECTIONS
------------------------------------------------
------------------------------------------------ */
/* HOMEPAGE
------------------------------------------------ */
.hp #content {padding-top:0}
#promo {margin-top:50px; height:320px}
#promo:before, #promo:after {content:"\0020"; display:block; height:0; overflow:hidden}
#promo:after {clear:both}
#promo h1 {display:inline}
#promo .wrapper {border:none}
#promo .wrapper:before {display:none}
#promo .content {position:relative}
#promo .content h1 {font-size:240%; color:white; line-height:36px; margin-bottom:1em; font-weight:bold}
#promo .content span.bg {position:absolute; top:-50px; left:0; display:block; width:481px; height:357px; background:url("/application/odmeny/gfx/hp.png") center left no-repeat; background-size:100%;}
#promo .content .text {width:43%; float:right; height:320px; color:#92b2ef}
#promo .content .text ul, #promo .content .text p {clear:both; margin-top:2em}
#promo .content .text li {background:url("/application/odmeny/gfx/hp-li.png") 0 4px no-repeat; padding-left:20px; padding-bottom:10px; font-size:110%; line-height:1; padding-bottom:5px; border-bottom:#92b2ef; margin-bottom:10px}
#promo .content .text li:after {display:block; content:''; margin-top:5px; width:180px; height:1px; background:#47639a}
#guidepost {margin-top:2em}
#guidepost:before, #guidepost:after {content:"\0020"; display:block; height:0; overflow:hidden}
#guidepost:after {clear:both}
#guidepost .wrapper {max-width:840px}
#guidepost #company {padding-right:4%; position:relative; padding-left:130px; background:url("/application/odmeny/img/company.jpg") left top no-repeat}
#guidepost #company:after {content:''; display:block; width:12px; height:256px; background-position:-445px 0; position:absolute; right:-17px; top:0}
#guidepost #private {margin-left:4%; width:45%; padding-left:130px; background:url("/application/odmeny/img/private.jpg") 0 10px no-repeat}
#guidepost h2 {color:#12377d; margin-top:30px; line-height:1; margin-bottom:1em}
#guidepost .middle-href {font-size:130%; font-weight:bold}
#guidepost .btn {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-bottom:1px solid}
#guidepost .btn.blue {border-color:#676767}
#guidepost .btn.yellow {border-color:#cacaca}

/* LANDING PAGES
------------------------------------------------ */
.lp #main-nav {width:75%}
.slider-wrapper {height:358px; margin:0 auto; position:relative; max-width:960px}
#slider {height:414px; overflow:hidden; position:absolute; right:0; width:1166px}
.lp #guidepost {margin-top:45px; padding-top:60px; background:url("/application/odmeny/gfx/slider/shadow.jpg") top center no-repeat}
.lp #guidepost #whom {padding-left:130px; background:url("/application/odmeny/img/private.jpg") left top no-repeat; width:42%}
.lp #guidepost #how {float:right; width:42%; padding-left:130px; background:url("/application/odmeny/img/small-card.jpg") 0 30px no-repeat}
.lp #guidepost #how p {margin-left:40px; position:relative}
.lp #guidepost p.a:before {width:24px; height:24px; content:''; display:inline-block; position:absolute; top:4px; left:-40px; background-position:-185px 0}
.lp #guidepost p.b:before {width:24px; height:24px; content:''; display:inline-block; position:absolute; top:4px; left:-40px; background-position:-209px 0}
.company #guidepost #whom {background:url("/application/odmeny/img/company.jpg") left top no-repeat}
.private #guidepost #how {background:url("/application/odmeny/img/small-card-private.jpg") 0 30px no-repeat}
#main-slider .text li {background:url("/application/odmeny/gfx/hp-li.png") 0 2px no-repeat; padding-left:20px; padding-bottom:10px; font-size:120%; line-height:1; padding-bottom:5px; border-bottom:#92b2ef; margin-bottom:10px}

/* ORDER - general styles
------------------------------------------------ */
.steps {width:100%; height:69px; background-position:0 -323px; margin-bottom:45px}
.steps li {float:left; line-height:63px; font-weight:bold; font-size:140%}
.steps li.step-1 {color:white; margin-left:80px; margin-right:390px}
.steps li.step-2 {color:#c8c8c8}
.order-2 .steps, .private-order-2 .steps {background-position:0 -256px; height:67px}
.order-2 .steps li.step-1, .private-order-2 .steps li.step-1 {color:#c8c8c8; margin-left:80px; margin-right:370px}
.order-2 .steps li.step-2, .private-order-2 .steps li.step-2 {color:white}
.order #content .cta .btn.yellow, .private-order #content .cta .btn.yellow {margin-right:0}
#order-list {background:#f8f8f8; border-top:1px solid #eaeaea; padding:0 50px 0 50px; margin-bottom:2em}
p.cta .btn.big {float:right}
.divider {display:block; height:1px; background:#dcdcdc; margin-bottom:1em}
.box {padding:25px 100px; border:1px solid gainsboro}
.box.ares-not-found {clear:both; padding:20px; margin-bottom:2em}
.box.ares-not-found:before, .box.ares-not-found:after {content:"\0020"; display:block; height:0; overflow:hidden}
.box.ares-not-found:after {clear:both}
.box.ares-not-found .cta {clear:both}
#success {font-weight:bold; font-size:180%; color:#c8c8c8; margin-bottom:150px}
#success:before {width:125px; height:124px; content:''; display:inline-block; background-position:-317px 0; margin:20px 20px 0 0}
#success p {display:inline-block; width:70%; position:relative; top:-17px}

/* COMPANY - ORDER step 1
------------------------------------------------ */
p.info {clear:both; font-style:italic; font-size:90%; color:#a5a5a5; padding-left:20px; font-weight:bold; background:url("/application/odmeny/gfx/arrow-blue-right.png") 0 4px no-repeat; margin:2em 0}
div.address {clear:both; padding:20px; border:1px solid #e2e0db; margin-bottom:60px}
div.address .address-detail {float:left; width:75%; margin-bottom:30px}
div.address .address-detail span {width:30%; display:inline-block; text-align:right; margin-right:3%; vertical-align:top}
div.address .address-detail strong {color:#12377d; display:inline-block; width:400px}
div.address .address-detail p {margin-bottom:0.5em; font-size:120%}
div.address .address-detail p:before, div.address .address-detail p:after {content:"\0020"; display:block; height:0; overflow:hidden}
div.address .address-detail p:after {clear:both}
div.address p.info {margin:0 20px}
div.address .match {float:right; width:25%; padding:3px 15px 20px; border-left:1px solid #c8c8c8; font-size:90%}
div.address .match span, div.address .match input {display:inline-block}
div.address .match span {width:80%}
div.address .match input {position:relative; top:-15px}
div.address .match label {display:block; vertical-align:top}
#ic {border:2px solid #12377d; width:330px; margin-right:10px}
.ic {display:block; font-size:140%}
.button-arres {display:inline; margin-left:20px; margin-top:27px; margin-bottom:30px}
.button-arres em {display:block; color:#555555; font-size:90%}
.button-arres button {background:url("/application/odmeny/gfx/ares.png") repeat-x; height:42px; color:#555555; font-weight:bold; font-size:120%; padding:0 40px; border:none; margin-bottom:1em}
.button-arres button .uppercase {text-transform:uppercase}
.order p.mandatory:after {display:none}
.order p.mandatory {float:left; width:330px; position:relative}
.order p.mandatory .error_message {width:330px; top:80px; left:0; position:relative; background:#fa5e20; border:1.5px solid #fa5e20; font-weight:normal}
.order p.mandatory .error_message:after, .order p.mandatory .error_message:before {bottom:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none}
.order p.mandatory .error_message:after {border-bottom-color:#fa5e20; border-width:6px; left:50%; margin-left:-6px}
.order p.mandatory .error_message:before {border-bottom-color:#fa5e20; border-width:8.12132px; left:50%; margin-left:-8.12132px}
.order p.mandatory .error_message:before {margin-top:-36px}
.order p.button-arres {float:left}
.order p.cta .btn.big, .private-order p.cta .btn.big {float:left}

/* COMPANY - ORDER step 2
------------------------------------------------ */
.order-info {color:#c8c8c8; font-size:120%}
.order-info strong {color:#12377d; font-weight:bold}
.order-2 p.cta .btn.big, .private-order-2 p.cta .btn.big {float:right}

/* ABOUT CARD
------------------------------------------------ */
#content .right-column {position:relative}
#content .right-column .box {background:#f5f5f5; padding:20px; border:none; border-bottom:1px solid gainsboro}
#content .right-column .box h2 {line-height:1; font-size:150%}
#content .right-column .box .btn {width:100%; font-size:85%; margin-top:1em; margin-right:0; text-align:center; background:#fec92d}
#content .toggled {border-bottom:1px solid gainsboro}
#content .toggled:last-of-type li em {display:block; margin-top:0.5em}
#content .toggled:last-of-type li em.sl {display:initial; margin-left:0.2em}
#content .toggled:last-of-type li span {display:inline-block; padding-top:0.5em}
#content .toggled h2 {color:#12377d; font-size:160%; padding-left:30px; background:url("/application/odmeny/gfx/arrow-right-h2.png") 0 4px no-repeat}
#content .toggled h3 {font-size:100%; color:#12377d; margin-bottom:1em}
#content .toggled .perex {padding-left:30px; margin-bottom:0}
#content .toggled .clickable {cursor:pointer; padding:20px 0; background:url("/application/odmeny/gfx/clickable.png") 100% 24px no-repeat}
#content .toggled .clickable h2 {margin-right:30px; line-height:1}
#content .toggled .clickable:hover h2 {background:url("/application/odmeny/gfx/arrow-right-h2-hover.png") 0 4px no-repeat}
#content .toggled .clickable:hover {background:url("/application/odmeny/gfx/clickable-hover.png") 100% 24px no-repeat}
#content .toggled .clickable.active {background:url("/application/odmeny/gfx/clickable-active.png") 100% 24px no-repeat}
#content .toggled .clickable.active h2 {background:url("/application/odmeny/gfx/arrow-right-h2-hover.png") 0 4px no-repeat}
#content .toggled .roll {padding:0 30px 20px 30px}
#content .toggled .roll .box {padding:20px}
#content .toggled .roll .box:before, #content .toggled .roll .box:after {content:"\0020"; display:block; height:0; overflow:hidden}
#content .toggled .roll .box:after {clear:both}
#content .toggled .roll .box img {display:block; margin:0 auto 2em auto}
#content .toggled .roll .box span {display:inline-block; padding:1px 7px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#12377d; color:white; text-align:center; font-weight:bold; vertical-align:top; position:absolute; left:-40px; top:0}
#content .toggled .roll .box p {position:relative; margin-left:50px; margin-right:30px}
#content .toggled ul {margin-bottom:2em}
#content .toggled ul li {margin-bottom:1em; padding-left:20px; line-height:1.5; background:url("/application/odmeny/gfx/content-li.png") 0 6px no-repeat}
#content .toggled ol {margin-left:18px; margin-bottom:1em}
#content .toggled ol li {list-style-type:decimal; margin-bottom:1em; padding-left:10px; line-height:1.5}

/* FOOTER
------------------------------------------------ */
#footer {background:url("/application/odmeny/gfx/footer-bg.jpg") 50% 0 repeat-y; padding:25px 0 150px; font-size:90%}
#footer:before, #footer:after {content:"\0020"; display:block; height:0; overflow:hidden}
#footer:after {clear:both}
#footer .wrapper {text-align:left; position:relative; color:#12377d; font-weight:bold; clear:both}
#footer .wrapper:before {content:''; display:block; width:122px; height:21px; background-position:-63px 0; position:absolute; top:-46px; left:-10px}
#footer .copy {float:left}
#footer .contact {float:right; color:#fff}
#footer .contact a {color:#12377d; text-decoration:none}
#footer .ml-20 {margin-left:20px; color:#fff}
#footer .ml-20 .black {color:#383838}
/* Hlaska out of order */
.clearfix:before, .clearfix:after {content:""; display:table}
.clearfix:after {clear:both}
.clearfix {*zoom:1}
#outOfOrder1 {float:left; margin-bottom:30px}
#outOfOrder2 {width:580px; float:left; margin:60px 0 30px 5px}
.blue {color:#13377d}
/* objednavka alert box */
.w880 {width:880px}
.boxAlert {border:1px solid #dcdcdc; padding:20px 20px 20px 70px; font-size:12px; background:url(../gfx/ico-alert.png) no-repeat 20px 20px; margin-bottom:15px}
.headingPadMin {display:inline-block; padding-bottom:4px}

/* Responsive - Kindle and below < 630px
------------------------------------------------ */
@media only screen and (max-width:45em) {#main-nav {margin-top:0}
  #content .wrapper {padding:0 20px}
  #content .right-column .box {position:static; width:100%}
  div.table {width:auto}
  span.error_message {display:block; position:static !important; margin:1em 0; width:auto}
  span.error_message:after, span.error_message:before {display:none}
  .subpage #nav span.border {display:none}
  #header h1 {position:static}
  #header #top-nav li {padding:0; height:40px; line-height:40px}
  #header #top-nav li a {height:40px; padding:0}
  #promo {padding-bottom:20px; margin-top:90px; margin-bottom:-50px}
  #promo span.bg {top:20px !important; width:50% !important}
  #promo .content span.bg {display:none !important}
  #promo .content .text {width:100%; float:none; margin:0}
  .hp .promo-wrapper .wrapper {position:relative !important; top:-72px; border:0; padding: 0 20px;}
  .hp.lp .promo-wrapper .wrapper {position:relative !important; top:-111px !important; border:0}
  .subpage #content {margin:0 20px}
  #footer .wrapper {padding:0 20px}
  #slider {width:100%}
  #slider img {display:none !important}
  .nivo-caption {margin:0 20px 0; width:auto !important}
  .nivo-caption .nadpis {margin-left:0; margin-top:0}
  .nivo-caption .text {width:auto !important; float:none; margin-left:0; margin-bottom:1em}
  .nivo-caption .links {position:static}
  .nivo-caption .links .ted {width:auto; padding:0 20px}
  .nivo-caption .links .vice {margin:0 0 0 30px; float:none}
  .nivo-controlNav {width:auto; height:20px; position:absolute; bottom:-57px; left:0; right:0; text-align:center}
  .nivo-prevNav {left:20px}
  .nivo-nextNav {right:20px}
  .lp #guidepost #how, .lp #guidepost #whom {width:100% !important; float:none}
  .lp #guidepost #whom {padding-bottom:40px}}

/* Responsive - iPhone - Kindle
------------------------------------------------ */
@media only screen and (min-width:45em) and (max-width:68.571em) {.subpage #content {margin:0 20px}
  span.error_message {display:block; position:static !important; margin:1em 0; width:auto; position:relative; background:#fa5e20; border:1.5px solid #fa5e20}
  span.error_message:after, span.error_message:before {bottom:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none}
  span.error_message:after {border-bottom-color:#fa5e20; border-width:6px; left:50%; margin-left:-6px}
  span.error_message:before {border-bottom-color:#fa5e20; border-width:8.12132px; left:50%; margin-left:-8.12132px}
  #promo span.bg {width:50% !important}
  #content .right-column {with:40%}
  #slider {width:100%}
  .nivo-caption {margin:0 20px 0; width:36% !important; right:10px !important; left:auto}
  .nivo-caption .nadpis {margin-left:0}
  .nivo-caption .text {width:100%; float:none; margin-left:0; margin-bottom:1em}
  .nivo-caption .links {position:static}
  .nivo-caption .links .ted {width:auto; padding:0 20px}
  .nivo-caption .links .vice {margin:0 0 0 30px; float:none}
  .nivo-controlNav {width:auto; height:20px; position:absolute; bottom:-57px; left:0; right:0; text-align:center}
  .nivo-prevNav {left:20px}
  .nivo-nextNav {right:20px}
  .lp #guidepost {margin:0 20px}
  #footer .wrapper {margin:0 20px}}

/* Responsive - iPhone etc. < 480px
------------------------------------------------ */
@media only screen and (max-width:34.286em) {#header h1 {position:static}
  #promo .wrapper {margin:0 20px}
  #promo, #promo .left-content, #promo .right-content, #promo .left-content p {width:100%; float:none; margin:0; left:0; height:auto !important; background-image:none}
  #promo {padding-bottom:20px; margin-top:90px; margin-bottom:-50px}
  #promo .content span.bg {display:none !important}
  #promo .content .text {width:100%; float:none; margin:0}
  .hp .promo-wrapper .wrapper {position:relative !important; top:-72px; border:0}
  #promo .left-content .yellow {display:none}
  #promo .left-content .text {width:100%; margin-bottom:1em}
  #promo .divider {display:none}
  #promo .left-content h1 {float:none; margin-bottom:1em; display:block}
  #promo .left-content {margin-bottom:2em !important}
  #guidepost .half {width:100% !important; float:none; padding-left:0 !important; background:none !important}
  #guidepost #company {padding-right:0}
  #guidepost #company:after {display:none}
  #guidepost #private {margin-left:0}
  #content .left-column, #content .right-column {width:100%; float:none; margin:0}
  #content .toggled .clickable, #content .toggled .clickable:hover {background-position:96% 24px}
  .copy, .contact {width:100%; float:none}
  textarea {width:100%}
  label {display:block; width:auto; margin-bottom:1em}
  #content div.cta form button {margin-left:0}
  .sub-nav {width:auto; margin:0 0 1em 0}
  .sub-nav li {float:none; margin-right:0}
  .sub-nav li a {display:block; padding:10px 10px}
  .order p.mandatory .error_message, #ic {width:100% !important; margin:0}
  .order p.button-arres {float:none; margin-left:0}
  div.table .label {width:90%; text-align:left}
  div.table {width:100%}
  div.table input.long {width:100%}
  div.table .cell, div.table .row {display:block}
  #footer {padding-bottom:20px}
  #footer .wrapper {padding:0 20px}
  #footer p {float:none !important; width:100%}
  #footer .ml-20 {display:block; margin-left:0; margin-top:1em}
  #tpl-nav {display:none}
  .hp.lp .promo-wrapper .wrapper {position:relative !important; top:-111px !important; border:0}
  .long {width:100% !important}
  .btn.big {padding:8px 20px}
  .nivo-caption .nadpis {font-size:180%}
  .nivo-caption .links .vice, .nivo-caption .links .ted {display:block !important; width:100% !important; text-align:center !important; float:none !important; margin:0}}
/* Temporary */
#tpl-nav {position:fixed; top:0; left:0; background:#000; background:rgba(0, 0, 0, 0.4); padding:20px; z-index:555}
#tpl-nav ul {margin-bottom:1em}
#tpl-nav li a {display:block; padding:5px; font-size:90%; color:#fff}
#tpl-nav li a:hover {color:#cc0033}
#tpl-nav li.active a {color:yellow}
#tpl-nav h2 {color:#12377d}
.js #main-nav {clip:rect(0 0 0 0); max-height:0; position:absolute; display:block; overflow:hidden}
.ie8 #main-nav {position:static !important; max-height:100% !important; height:48px !important}
#main-nav.opened {max-height:9999px}

/* Responsive - Kindle and below < 630px
------------------------------------------------ */
@media only screen and (max-width:45em) {#header {position:static; /*padding-bottom:10px;*/
    border-top:5px solid #12377d}
  #header h1 {padding:0 0 0 15px}
  #header #top-nav {position:static; width:100%; text-align:center}
  #header #top-nav li {width:33%}
  #header .phone h3 {text-align:center; display:block; margin:1em 0 0}
  #main-nav {position:relative; top:0; width:100% !important; text-align:left; background:#12377d}
  #main-nav li {display:block; margin-right:0}
  #main-nav li a {display:block; background:#fff; color:#12377d; padding:20px 20px; height:auto; line-height:1; border-bottom:1px solid #12377d}
  #main-nav li.active a {color:#fff}
  .subpage #nav #main-nav, .hp #main-nav {width:100%; text-align:center; position:absolute; margin-top:0}
  .subpage #nav, #nav {background:none; padding:0; position:absolute; left:0; right:0; top:0; margin-top:0}
  #nav-toggle {float:right; z-index:9999; width:44px; height:44px; display:block; line-height:44px; text-decoration:none; font-size:160%; font-family:Arial, sans-serif, "Calibri"; text-indent:-9999px; background:#12377d url("/application/odmeny/gfx/sprite/nav-icon.png") 12px 12px no-repeat}
  .hp .promo-wrapper .wrapper {position:static}}
@media screen and (min-width:45em) {.js #main-nav {position:relative; max-height:none}
  #nav-toggle {display:none}}