/* -----------------------------------------------------------------------------
= CSS RESET */

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;
margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

html                   { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body                   { margin-right: 0 !important; line-height: 1; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ol, ul                 { list-style: none; }
blockquote             { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after
                       { content: ''; content: none; }
del                    { text-decoration: line-through; }
table                  { border-collapse: collapse /* or separate */; border-spacing: 0; }
caption, th, td        { font-weight: normal; text-align: left; }
blockquote, q          { quotes: "" ""; }
a img                  { border: 0; }
a:focus                { outline: thin dotted; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
                       { display: block; margin: 0; padding: 0; }
.cleaner, .clear, .cl  { clear: both; display: block; font-size: 0; }

tr, th, td, a, strong, span, em { vertical-align: top; }

small                  { font-size: 84.6% }

iframe { margin: 0; padding: 0; border: none; }

audio, canvas, video   { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls])  { display: none; }

/* -----------------------------------------------------------------------------
= GLOBAL */

body, input, textarea, select, td input, td textarea, td select
                       { font-size: 100%; font-family: "Helvetica CE", Helvetica, "Arial CE", Arial, sans-serif; }
body                   { margin: 0 auto; font-size: 13px; color: #08499a; background: #c6e4f9 url(../images/bodybg.png) repeat-x; line-height: 1.538em; text-rendering: optimizeLegibility; }
.wrapper               { background: url(../images/bodyimg.jpg) 50% 0 no-repeat; }
.wrap-middle           { padding-bottom: 40px; background: url(../images/wrap-middlebg.png) 50% 100% repeat-x; }
#page                  { max-width: 1200px; min-height: 1%; margin: 0 auto; padding: 0; }

.editor-body           { background: #ffffff none no-repeat; }

/* Headings */
h1,h2,h3,h4,h5,h6      { margin: 0.25em 0 0.5em 0; color: #08499a; background: transparent; }
hr                     { background-color: black; border: 0; height: 1px; margin-bottom: 1.25em; }
h1                     { font-size: 24px; margin-bottom: 0.692em; }
h2                     { font-size: 22px; margin-bottom: 0.375em; }
h3                     { font-size: 20px; }
h4                     { font-size: 16px; }
h5                     { font-size: 13px; font-weight: bold; }
h6                     { font-size: 13px; font-weight: bold; }
#secondary h3          { font-size: 16px; }
#primary h2, #primary h3, #secondary h2, #secondary h3 { line-height: 1.538em; }

/* Source Sans Pro */
h1,h2,h3,h4, .menu li
{ font-family: "Source Sans Pro", "Helvetica CE", Helvetica, "Arial CE", Arial, sans-serif; }

/* Text elements */
p                      { margin-bottom: 1em; }
ul, ol                 { margin: 0 0 1.25em 1.5em; }
ul                     { list-style: square; margin-left: 10px; }
.content ul li         { list-style: none; margin-left: 0; padding-left: 20px; background: url(../images/li-dot-kmenu.png) 0 5px no-repeat; }
.content ul li.shift-h3 { background-position-y: 10px; }
.content ul li:hover, .content ul li:active, .content ul li:focus { }
ol                     { list-style-type: decimal; }
ol ol                  { list-style: upper-alpha; }
ol ol ol               { list-style: lower-roman; }
ol ol ol ol            { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
dl                     { margin: 0 1.625em; }
dt                     { font-weight: bold; }
dd                     { margin-bottom: 1.625em; }
strong                 { font-weight: bold; }
cite, em, i            { font-style: italic; }
blockquote             { font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0 3em; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote cite        { color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; }
pre                    { background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em; }
code, kbd              { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym, dfn     { border-bottom: 1px dotted #666; cursor: help; }
address                { display: block; margin: 0 0 1.625em; }
ins                    { background: #fff9c0; text-decoration: none; }
sup, sub               { font-size: 75%; line-height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup                    { top: -0.5em; }
sub                    { bottom: -0.25em; }


img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%; /* Part 1: Set a maxium relative to the parent */
  width: auto\9; /* IE7-8 need help adjusting responsive images */
  height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 2px solid #abd7f6;
  -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(8, 73, 154, 0.3);  
}

/* Images */
.alignleft             { float: left; margin: 0 1em 0.5em 0; }
.alignright            { float: right; margin: 0 0 0.5em 1em; }
.aligncenter           { display: block; margin: 0 auto 0.5em auto; }

/* Links */
a                      { color: #08499a; text-decoration: underline; outline: none; }
a:hover, a:active, a:focus { color: #052868; text-decoration: none; -webkit-transition: color 0.3s linear 0s; -moz-transition: color 0.3s linear 0s; -ms-transition: color 0.3s linear 0s; -o-transition: color 0.3s linear 0s; transition: color 0.3s linear 0s; }

/* assistive */
.assistive-text        { position: absolute !important; left: -9999px; clip: rect(1px, 1px, 1px, 1px); }

/* others */
.o                     { background-color: white; }
.e                     { background-color: #dadada; }
.fl, .ifl, .fleft      { float: left; }
.fr, .ifr, .fright     { float: right; }

.submit.fr.ml          { margin-left: 10px !important; }
.submit.fr.mr          { margin-right: 10px !important; }
.ce                    { margin: 0 auto; text-align: center; }
.fw12                  { width: 48%; }
.fw13                  { width: 32%; margin-right: 10px; }
.hdn, .hidden, .none   { display: none; }
.hnone                 { position: absolute; left: -9999px; }

/* -----------------------------------------------------------------------------
= Repeatable patterns */

.content th {
  border-top: 1px solid #EDEDED;
  padding: 6px 10px 6px 0;
}
/* Form fields, general styles first */
button,
input,
textarea, 
select 
{ border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: inherit; }
button,
input {
  *overflow: visible; /* Inner spacing ie IE6/7 */
  line-height: normal; /* FF3/4 have !important on line-height in UA stylesheet */
}
textarea {
  font-size: 100%;
  overflow: auto;
  vertical-align: top;
}
/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] 
{ border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; }
button::-moz-focus-inner,
input::-moz-focus-inner { /* Inner padding and border oddities in FF3/4 */
  padding: 0; border: 0; 
}
/* Buttons */
input[type="submit"],
input[type="button"],
input[type="reset"],
.submit {
  padding: 6px 16px;
  font-size: 13px;
  line-height: 2.181818182;
  font-weight: normal;
  color: #9aaece !important;
  background-color: #333e4f;
  background-image: -moz-linear-gradient(top, #455261, #333e4f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#455261), to(#333e4f));
  background-image: -webkit-linear-gradient(top, #455261, #333e4f);
  background-image: -o-linear-gradient(top, #455261, #333e4f);
  background-image: linear-gradient(top bottom, #455261, #333e4f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#455261', endColorstr='#333e4f', GradientType=0);
  border: 1px solid #617489;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-appearance: button;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
}
.menu-toggle,
.kmenu-button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  cursor: pointer;
}
button[disabled],
input[disabled] {
  cursor: default;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover, 
input[type="reset"]:hover,
.submit:hover {
  color: white !important;
  border-color: #7b91aa;
  background-color: #455261;
  background-image: -moz-linear-gradient(top, #617489, #455261);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#617489), to(#455261));
  background-image: -webkit-linear-gradient(top, #617489, #455261);
  background-image: -o-linear-gradient(top, #617489, #455261);
  background-image: linear-gradient(top bottom, #617489, #455261);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#617489', endColorstr='#455261', GradientType=0);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  text-decoration: none;  
}
button:active,
input[type="submit"]:active, input[type="submit"]:focus,
input[type="button"]:active, input[type="button"]:focus,
input[type="reset"]:active, input[type="reset"]:focus {
  color: white !important;
  border-color: #7b91aa;
  background-image: none;
  background-color: #455261;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; /* Inner-padding issues in Chrome OSX, Safari 5 */
}
textarea {
  overflow: auto; /* Remove vertical scrollbar in IE6-9 */
  vertical-align: top; /* Readability and alignment cross-browser */
}
/* Responsive images */
.content img {
  max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="attachment-"] {
  height: auto;
}
img.size-full,
img.size-large {
  max-width: 100%;
  height: auto;
}
/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
  max-width: 100%;
}
.menu-toggle, .kmenu-button { 
  font-size: 16px; position: absolute; top: 18px; right: 15px; z-index: 200; margin-left: 30%; padding: 10px 15px; text-align: center; font-weight: bold; color: white; background: #052767; text-transform: uppercase; text-decoration: none; 
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.kmenu-button { top: 12px; }
.menu-toggle:hover, .menu-toggle:active, .menu-toggle.toggled-on,
.kmenu-button:hover, .kmenu-button:active, .kmenu-button.kmenu-on,
.search-ico:hover, .search-ico:active, .search-ico:focus {
  background-color: #08499b;
  background-image: -moz-linear-gradient(top, #2c5d9b, #08499b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c5d9b), to(#08499b));
  background-image: -webkit-linear-gradient(top, #2c5d9b, #08499b);
  background-image: -o-linear-gradient(top, #2c5d9b, #08499b);
  background-image: linear-gradient(top bottom, #2c5d9b, #08499b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c5d9b', endColorstr='#08499b', GradientType=0);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  text-decoration: none;  
}
.menu ul.nav-menu.toggled-on,
.menu-toggle,
.kmenu ul.kmenu-nav.kmenu-on,
.kmenu-button {
  display: none;
}

/* -----------------------------------------------------------------------------
= HEADER */
  
#branding              { min-height: 85px; background: url(../images/branding.png) 50% 0 repeat-x; }
.wcon                  { margin: 0 auto; position: relative; width: 1200px; }

/* skip navigation */
a.assistive-nav        { position: absolute; left: -9999px; padding: 0.5em; color: #000; background: #fff; }
a.assistive-nav:hover  { text-decoration: underline; }
a.assistive-nav:active,
a.assistive-nav:focus  { z-index: 2000; left: 0; }

/* logo */
.logo, .logo a         { width: 195px; height: 44px; display: block; margin: 0; padding: 0; text-decoration: none; }                      
.logo                  { position: absolute; top: 21px; left: 10px; z-index: 99; overflow: hidden; background: url(../images/logo.png) no-repeat; }
.logo a                { color: #b5dbfe; text-indent: -9999px; }
.logo a:hover          { color: white; }

/* menu */
.menu                  { }
.menu ul, .menu li, .menu a { margin: 0; padding: 0; }
.menu ul               { list-style: none; padding: 25px 220px 15px 240px; }
.menu li               { display: inline-block; position: relative; font-size: 18px; font-weight: 600; margin-right: 4px; margin-bottom: 8px; }
.menu li.last          { margin-right: 0; }

.menu li a             { display: block; color: #b5dbfe; white-space: nowrap; text-decoration: none; height: 34px; line-height: 34px; padding: 0 12px; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.menu li a:hover, .menu li a:active, .menu li a:focus { color: white; text-decoration: underline; }
.menu li.active a, .menu li.active a:hover { color: white; text-decoration: none; background: #052767; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
                      
/* search */
.search                { position: absolute; top: 27px; right: 0; width: 200px; height: 28px; border: 1px solid #001a4c; background: #052767; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.search label          { position: absolute; left: -9999px; }
.search .sin           { float: left; display: block; width: 150px; border: 0; padding: 6px 0 6px 10px; color: #7297c9; background: transparent; }
.search .sin:hover, .search .sin:active, .search .sin:focus { color: white; }
.search .sok           { float: right; display: block; width: 30px; height: 26px; border: 0; margin: 0; overflow: hidden; cursor: pointer; font-size: 0px; text-indent: -9999px; color: #052767; background: #052767 url(../images/searchok.png) 50% 0 no-repeat; }
.search .sok:hover,
.search .sok:active,
.search .sok:focus     { background-position: 50% -28px; }
.search-ico            { display: none; }

/* -----------------------------------------------------------------------------
= SLIDER */

.slider                { min-height: 315px; color: #08499a; }
.slider a              { color: #08499a; }
.slider .sbox          { width: 100%; max-width: 100%; height: auto; min-height: 275px; position: relative !important; margin: 0 auto; }
.slider .simg          { display: block; max-width: 100%; width: 100%; min-height: 275px; position: absolute; top: 0; left: 0; z-index: 6; display: none; overflow: hidden; }
.sbox h2               { color: #052868; margin-top: 0; margin-bottom: 20px; padding-top: 0; line-height: 30px; font-size: 30px; font-weight: 600; }
.sbox h2 a             { color: #052868; text-decoration: none; }
.sbox h2 a:hover, .sbox h2 a:active, .sbox h2 a:focus { color: #052868; text-decoration: none; }
.sbox ul, .sbox li     { margin: 0; padding: 0; list-style: none; }
.sbox li               { min-height: 20px; margin-bottom: 8px; padding-left: 20px; background: url(../images/li-dot-red.png) 0 8px no-repeat; }
.sbox p.sub            { margin: 0; padding: 15px 0 0 0; }
.sbox .submit          { font-size: 15px; padding: 8px 20px; position: relative; z-index: 200; }
.sbox .submit:hover,
.sbox .submit:active,
.sbox .submit:focus    { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.slider .soc { position: absolute; bottom: 10px; left: 30px; z-index: 10; }


/* nivoSlider */
.nivoSlider            { position: relative; }
.nivoSlider img        { max-width: 100%; height: auto; position: absolute; top: 0; left: 0; }
.nivoSlider a.nivo-imageLink { }
.nivo-slice            { display: block; position: absolute; z-index: 5; height: 100%; background-position: 0 0 !important; }
.nivo-box              { display: block; position: absolute; z-index: 5; }
.nivo-caption          { width: 100%; max-width: 500px; min-height: 275px; position: absolute; top: 0; left: 30px; opacity: 1; z-index: 8; overflow: hidden; }
.nivo-caption p        { margin: 0; padding: 80px 0 0 0; }
.nivo-caption p p      { margin: 0; padding: 0 0 10px 0; font-size: 20px; line-height: 28px; font-weight: 600; }
.nivo-caption ul       { max-width: 270px; }
.nivo-caption .nop     { }
.nivo-caption a        { text-decoration: none; }
.nivo-caption a:hover h2, .nivo-caption a:active h2, .nivo-caption a:focus h2 { text-decoration: underline; }
.nivo-html-caption     { display: none; }
/* nav */
.nivo-directionNav     { position: absolute; top: 240px; left: -5px; z-index: 9; }
.nivo-directionNav a   { position: absolute; z-index: 9; cursor: pointer; }
.nivo-prevNav, .nivo-nextNav { display: block; width: 31px; height: 32px; overflow: hidden; text-indent: -9999px; background: url(../images/sarrow.png) 0 0 no-repeat; text-decoration: none;}
.nivo-prevNav          { left: 0px; }
.nivo-nextNav          { left: 30px; background-position: -31px 0; }
.nivo-prevNav:hover    { background-position: 0 -32px; text-decoration: none; }
.nivo-nextNav:hover    { background-position: -31px -32px; text-decoration: none; }
/* nos */
.nivo-controlNav       { position: absolute; top: auto; bottom: -10px; z-index: 50; width: 100%; text-align: center; }
.nivo-controlNav a     { display: inline-block; width: 24px; height: 24px; overflow: hidden; margin-right: 4px; text-indent: -9999px; text-decoration: none; background: url(../images/sdots.png) 0 -24px no-repeat; }
.nivo-controlNav a:hover { text-decoration: none; cursor: pointer; background-position: 0 -48px; }
.nivo-controlNav a:active, .nivo-controlNav a:focus, .nivo-controlNav a.active, .nivo-controlNav a.active:hover, .nivo-controlNav .active:active, .nivo-controlNav a.active:focus { background-position: 0 0;}

/* -----------------------------------------------------------------------------
= SLUZBY */

.sluzby                { min-height: 260px; background: #d4ebfb url(../images/sluzbybg.png) 50% 0 repeat-x; }
.sluzby .wcon          { padding: 30px 0 15px 0; text-align: center; vertical-align: top; }
.sluzbybot             { height: 10px; font-size: 0; background: url(../images/sluzbybot.png) 50% 0 no-repeat; }
.sluzby .sit           { width: 20%; display: inline-block;  min-height: 200px; padding: 0 2.08333333%; text-align: center; vertical-align: top; text-decoration: none; overflow: hidden; }
.sluzby .sico          { min-height: 70px; text-align: center; margin-bottom: 20px; background: url(../images/sicobg.png) 50% 0 no-repeat; overflow: hidden; }
.sluzby .sico span     { display: inline-block; width: 70px; height: 70px; overflow: hidden; text-indent: -9999px; background-position: 50% 0; background-repeat: no-repeat; }
.sluzby .sit1 span     { background-image: url(../images/sico1.png); }
.sluzby .sit2 span     { background-image: url(../images/sico2.png); }
.sluzby .sit3 span     { background-image: url(../images/sico3.png); }
.sluzby .sit4 span     { background-image: url(../images/sico4.png); }
.sluzby .sit:hover, .sluzby .sit:active, .sluzby .sit:focus, .sluzby .sit:hover h2, .sluzby .sit:active h2, .sluzby .sit:focus h2 
{ text-decoration: none; color: #052868; }
.sluzby .sit:hover span, .sluzby .sit:active span, .sluzby .sit:focus span { 
  -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); 
  -webkit-transition: .35s; -moz-transition: .35s; -ms-transition: .35s; -o-transition: .35s; transition: .35s; }   
.sluzby h2             { margin: 0 0 10px 0; font-weight: 600; }
.sluzby .sit:hover h2, .sluzby .sit:active h2, .sluzby .sit:focus h2 { text-decoration: underline; }
/* sluzby-main */
.sluzby-main           { min-height: 90px; background: transparent; }
.sluzby-main .wcon     { padding: 15px 0 5px 0; text-align: right; vertical-align: top; }
.sluzby-space          { min-height: 32px; background-position: 50% 100%; }
.sluzby-space .wcon    { padding: 5px 0; }
.sluzby-main .sit      { width: auto; min-width: 70px; min-height: 70px; margin-bottom: 10px; padding: 0 7px; }
.sluzby-main .sico     { margin: 0; }
.sluzby-main h2        { display: none; position: absolute; bottom: -34px; right: 15px; z-index: 99; padding: 0 10px; font-size: 20px; color: #d4ebfb; background: #d4ebfb url(../images/sluzbybg.png) 50% 100% repeat-x; text-align: right; }
.sluzby-main .sit:hover h2, .sluzby-main .sit:active h2, .sluzby-main .sit:focus h2 { color: #08499a; text-decoration: none; }
.sluzby-main .sit:hover h2 { display: block; }

/* -----------------------------------------------------------------------------
= MAIN */

#main                  { position: relative; }

/* -----------------------------------------------------------------------------
= CONTENT */

.content               { padding: 10px 0 0 0; }
.content h1            { line-height: 1.308em; font-weight: 600; }
.content h4            { font-weight: 600; }
#primary               { width: 75% /* 900px; */; min-height: 400px; float: left; background: white; position: relative; z-index: 99;
  -webkit-box-shadow: 0 0 2px rgba(8, 73, 154, 0.3);
  -moz-box-shadow: 0 0 2px rgba(8, 73, 154, 0.3);
  box-shadow: 0 0 10px rgba(8, 73, 154, 0.3);
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px;  
}
.hp #primary           { width: 100%; float: none; background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0; 
  -moz-border-radius: 0; 
  border-radius: 0;
}
#primary article       { padding: 30px; }
#secondary             { width: 25% /* 300px */; float: right; margin-top: 13px;  }
#secondary .conin      { padding: 20px; background: #d4ebfb;
-webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px; border-bottom-right-radius: 3px;
}

.hp #primary, .wide #primary { float: none; max-width: 100%; }
.hp #primary article   { padding: 0; }

#primary article h2    { font-size: 20px; font-weight: 600; }
#primary article h3    { font-weight: 600; }
.breadcrumb            { padding: 0 10px; font-size: 13px; text-align: left; font-weight: bold; width: 85%; }

/* -----------------------------------------------------------------------------
= FOOTER */

.footer                { width: 100%; position: relative; min-height: 227px; color: #9aaece; position: relative; background: #232d3c url(../images/footerbg.png) 50% 0 repeat-x; }
.footer .wcon          { padding: 30px 0 20px 0; background: url(../images/flight.png) 83% 0 no-repeat; }
.footer h3             { margin: 0 0 0.75em 0; font-weight: 600; color: #9aaece; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.footer a              { color: #9aaece; text-decoration: none; }
.footer a:hover, .footer a:active, .footer a:focus { color: white; text-decoration: underline; }
.footer ul             { list-style: none; margin: 0 0 0 2px; padding: 0; }

.fo                    { float: left; }
.f1                    { width: 50% /* 600px */; margin-right: 3.3%;  }
.f2                    { width: 20% /* 240px */; }
.f3                    { width: 22.083333333% /* 265px */; float: right; }

.f1 ul                 { width: 48%; }
.f1 ul.fl              { }
.f1 ul.fr              { }
.f1 ul li              { background: url(../images/li-dot-fok.png) 0 5px no-repeat; }
.f1 ul li:hover, .f1 ul li:active, .f1 ul li:focus { background: url(../images/li-dot-fok-white.png) 0 5px no-repeat; }
.f1 ul li a            { display: block; padding-left: 15px; }

/* form */
.f3 .frow              { margin-bottom: 12px; }
.f3 .fcl               { clear: both; }
.f3 .frow.fl           { width: 45%; margin-right: 19px; }
.f3 .frow.flast        { margin-right: 0; }
.f3 label              { display: block; float: none; margin-bottom: 2px; }
.f3 input, .f3 textarea{ border: 1px solid #576376; padding: 6px; color: white; width: 95%; max-width: 95%; background: #445063; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.f3 textarea           { width: 95%; min-height: 48px; }
.f3 input:hover, .f3 input:active, .f3 input:focus, .f3 textarea:hover, .f3 textarea:active, .f3 textarea:focus {
  border-color: #7b91aa;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;  
}
.f3 input[type="submit"] { width: auto; border: 0; border-top: 1px solid #617489; float: right; font-weight: bold; padding: 6px 16px; line-height: 1;
  background-color: #333e4f;
  background-image: -moz-linear-gradient(top, #455261, #333e4f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#455261), to(#333e4f));
  background-image: -webkit-linear-gradient(top, #455261, #333e4f);
  background-image: -o-linear-gradient(top, #455261, #333e4f);
  background-image: linear-gradient(top bottom, #455261, #333e4f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#455261', endColorstr='#333e4f', GradientType=0);
}
.f3 input[type="submit"]:hover, .f3 input[type="submit"]:active, .f3 input[type="submit"]:focus {
  border-color: #7b91aa;
  background-color: #455261;
  background-image: -moz-linear-gradient(top, #617489, #455261);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#617489), to(#455261));
  background-image: -webkit-linear-gradient(top, #617489, #455261);
  background-image: -o-linear-gradient(top, #617489, #455261);
  background-image: linear-gradient(top bottom, #617489, #455261);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#617489', endColorstr='#455261', GradientType=0);
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s;
  -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s;    
}

.f3 .fcaptcha .captchaImage     { padding: 0; }
.f3 .fcaptcha .captchaCode      {  }


.base-form                 { }
.base-form .frow           { position: relative; clear: both; margin: 0 0 1px 0; padding: 3px; max-width: 535px; }
.base-form .frow.active    { background: #D4EBFB; color: #333333; }
.base-form .frow.error     { }
.base-form .frow .lblCaption     { width: 210px; float: left; margin-right: 10px; }
.base-form .frow img { border: none; box-shadow: none; }

.base-form .frow .controls { float: left; width: 300px; }
.base-form input, .base-form select, .base-form textarea { float: left; border: 1px solid #576376; padding: 6px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.base-form input:hover, .base-form input:active, .base-form input:focus, .base-form select:hover, .base-form textarea:hover, .base-form textarea:active, .base-form textarea:focus { 
    border-color: #7b91aa;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.base-form .frow.error input, .base-form .frow.error select, .base-form .frow.error textarea { 
    border-color: #C0293F;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}


.base-form input.mini { margin-right: 6px; width: 50px; }
.base-form input.medium { margin-right: 6px; width: 180px; }

.base-form textarea { min-height: 68px; }

.base-form .chbox,.base-form .rbtn { display: block; }
.base-form .chbox input[type="checkbox"], .base-form .rbtn input[type="radio"] { width: 20px; }



.base-form .chbox.item { font-weight: bold; }
.base-form .chbox.sub-item { padding-left: 20px; }

.base-form .fsub           { padding-top: 15px; }
.base-form .fsub.active    { background: none; }
.base-form .fsub .submit   { width: 200px; }
.base-form .err            { width: 180px; position: absolute; top: 5px; left: 545px; display: none; z-index: 99; padding: 2px 3px; background: #FAC3C3; color: #000000; border: 1px solid #C0293F; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.base-form .pilotTraining { display: none; }

.base-form .planeDetail { }
.base-form .frow img.thumbImage { border: 2px solid #ABD7F6; box-shadow: 0 0 10px rgba(8, 73, 154, 0.3); }
.base-form .frow img.thumbImage:hover { border: 2px solid #08499a; }

.base-form .giftVoucherData { display: none; padding-top: 20px; padding-bottom: 20px; }

.base-form .fcaptcha .captchaImage     { float: left; padding: 0; width: 150px; height: 50px; border: 1px solid #576376; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.base-form .fcaptcha .captchaCode      { float: left; margin-left: 12px; width: 86px; }


.fbot                  { min-height: 35px; clear: both; color: #626f84; background: #1a222e url(../images/fbotbg.png) 50% 0 repeat-x; position: relative; }
.fbot .wcon            { text-align: center; vertical-align: top; }
.fcopy                 { display: inline-block; width: 35%; float: left; text-align: left; padding-top: 6px; }
.cookies              { margin-left: 10px; }
.fweb                  { display: inline-block; width: 35%; float: right; text-align: right; padding-top: 6px; }
.fbot a                { color: #626f84; }
.fbot a:hover, .fbot a:active, .fbot a:focus { color: #9aaece; }
.fbot a.ext, .fbot a.ext:hover {text-decoration: none; }
.ftop                  { display: inline-block; width: 34px; height: 33px; margin: 0 auto; overflow: hidden; background: #161c26 url(../images/ftop.png) 50% 9px no-repeat; 
                         clear: both; text-indent: -9999px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.ftop:hover, .ftop:active, .ftop:focus { text-decoration: none; background-position: 50% -21px; background-color: #121820;
  -webkit-transition: background 0.2s linear 0s;
  -moz-transition: background 0.2s linear 0s;
  -o-transition: background 0.2s linear 0s;
  transition: background 0.2s linear 0s;                        
}

/* =============================================================================
= PAGES */

/* -----------------------------------------------------------------------------
= HP */

/* HTAB */

.htab                  { padding: 0 0 20px 0; text-align: center; vertical-align: top; }
.card                  { display: inline-block; width: 30.333333333%; position: relative; border: 5px solid #abd7f6; margin-bottom: 20px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) }  
.card:hover, .card:active, .card:focus { border-color: #7cc3f4; -webkit-transition: border 0.7s, box-shadow 0.7s; -moz-transition: border 0.7s, box-shadow 0.7s; -ms-transition: border 0.7s, box-shadow 0.7s; -o-transition: border 0.7s, box-shadow 0.7s; transition: border 0.7s, box-shadow 0.7s;}
.card img              { width: 100%; max-width: 100%; height: auto; }
.card h3               { position: absolute; bottom: 0; z-index: 99; width: 100%; height: 35px; margin: 0; padding: 0; color: #ebf2fe; background: url(../images/cardtrans.png); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.card:hover h3, .card:active h3, .card:focus h3 { color: white; text-decoration: underline; }
.c1                    { }
.c2                    { margin: 0 2.9% 20px 2.9%; }
.c3                    { }

/* HP-INFO */
.hp-info               { }
.hp-info h3            { margin-top: 0; line-height: 1.2em !important; }

/* NEWS */
.news                  { width: 36.25%; /* 435px */ float: left; margin-right: 2.5%; margin-bottom: 10px; }
.new-item              { display: block; margin-bottom: 15px; padding-bottom: 2px; text-decoration: none; }
.new-item h3           { margin: 0 0 2px 0; padding: 0; text-decoration: none; }
.new-item:hover h3, .new-item:active h3, .new-item:focus h3 { color: #052868; text-decoration: underline; }
.new-item p            { margin: 0; }
.news .date            { width: 70px;  min-height: 70px; float: left; text-align: center; background: url(../images/datebg.png) no-repeat; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.news .new-info        { width: 77.011494253% /* 345px */; float: right; }
.news .date strong     { display: block; margin-top: 19px; font-size: 19px; color: #ebf2fe; line-height: 1; }
.news .date span       { display: block; font-size: 14px; color: #c5d1e6; font-weight: 600; }

.news-list             { width: 100%; }

.news-detail            { }
.news-detail img        { border: 2px solid #ABD7F6; box-shadow: 0 0 10px rgba(8, 73, 154, 0.3); }
.news-detail .show-all  { padding-top: 10px; clear: both; text-align: right; }

/* WHY */
.why                   { width: 26.666666667% /* 320px */; float: left; }
.why a                 { display: block; text-decoration: none; }
.why ul                { margin: 0; }
.why ul li             { min-height: 22px; margin: 0 0 8px 0; padding: 0 0 0 32px; background: url(../images/li-dot-ok.png) 0 0 no-repeat; }
.why ul li:hover, .why ul li:active, .why ul li:focus { text-decoration: none; }
.why a:hover h3, .why a:active h3, .why a:focus h3 { color: #052868; text-decoration: underline;  }

/* AKCE */
.akce                  { width: 32.083333333% /* 3385px */; float: right; }
.akce a                { display: block; text-decoration: none; }
.akce a:hover h3, .akce a:active h3, .akce a:focus h3 { color: #052868; text-decoration: underline; }

/* -----------------------------------------------------------------------------
= BCC */

/* TABLES - TODO */
.content table         { border-collapse: collapse; border-spacing: 0; border: 0; margin-bottom: 10px; background: transparent; overflow: hidden; width: 100%; max-width: 980px;  }
.content table tr      { }
.content table tr:hover{ background: #eaeaea; }
.content table th      { font-weight: bold; background: #abd8f1 url(../images/theadbg.png) top left repeat-x; }
.content table thead tr:hover { background-color: transparent; }
.content table th      { padding: 7px 3px; color: #333333; text-align: left; /* border-right: 1px solid #cbecff; */ }
.content table th:last-child  { border-right: 0; }
.content table td      { padding: 7px 5px; border-bottom: 1px solid #eaeaea; }
.content table td strong { /* color: #c0293f; */ }
.ce                    { text-align: center; }
.le                    { text-align: left; }
.st                    { font-weight: bold; color: black; }
.req                   { color: #c0293f; font-size: 16px; }
.first, .e             { background-color: #f6f6f6; }
.second, .o            { background-color: transparent; }

/* -----------------------------------------------------------------------------
= SECONDARY (RIGHT) */

/* KMENU */                       
.kmenu                 { width: 100%; margin-bottom: 30px; }
.kmenu ul, .kmenu ul li{ margin: 0 0 2px 0; padding: 0; list-style: none; background: none; }
.kmenu ul li a         { display: block; border: 1px solid #d4ebfb; margin: 0; padding: 0; color: #08499A; background: #d4ebfb; text-decoration: none;
-webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.kmenu ul li a:hover, .kmenu ul li a:active, .kmenu ul li a:focus { 
color: #052868; background: #94cdf5; border-color: #94cdf5; text-decoration: none; 
-webkit-transition: border 0.2s linear 0s, background 0.2s linear 0s, color 0.2s linear 0s;
-moz-transition: border 0.2s linear 0s, background 0.2s linear 0s, color 0.2s linear 0s;
-o-transition: border 0.2s linear 0s, background 0.2s linear 0s, color 0.2s linear 0s;
transition: border 0.2s linear 0s, background 0.2s linear 0s, color 0.2s linear 0s; 
}                                           
.kmenu ul li.active a, .kmenu ul li.active a:hover 
                       { border-color: white; color: #08499A; background: white; text-decoration: none; position: relative; z-index: 100; }
.kmenu ul li a span    { display: block; padding: 12px 18px; }
.kmenu ul li ul         { display: none; margin: 2px 0; }
.kmenu ul li ul.visible { display: block; }
.kmenu ul li ul li a    { border: 0; background: #e6f5ff none; }
.kmenu ul li ul li a span { display: block; padding: 8px 12px 8px 40px; background: transparent url(../images/li-dot-kmenu.png) 22px 13px no-repeat; }
.kmenu ul li ul li a:hover, .kmenu ul li ul li a:active, .kmenu ul li ul li a:focus { background-color: #aedeff; }
.kmenu ul li.active ul li a, .kmenu ul li.active a:hover ul li a
    { color: #08499A; background-color: #e6f5ff; border-color: #e6f5ff; } 
.kmenu ul li.active ul li a:hover, .kmenu ul li.active a:hover ul li a:hover, .kmenu ul li.active ul li a:active, .kmenu ul li.active a:hover ul li a:active, .kmenu ul li.active ul li a:focus, .kmenu ul li.active a:hover ul li a:focus
    { color: #052868; background-color: #aedeff; border-color: #aedeff; }  
.kmenu ul li ul li.active a span, .kmenu ul li ul li.active a:hover span 
    { color: #052868; background: transparent url(../images/li-dot-kmenuo.png) 22px 13px no-repeat; }

/* -----------------------------------------------------------------------------
= OTHER  */

/* TABS */
.content .tabs                     { border: 0; padding: 0.2em 0 0 0; }
.content .tabs .ui-widget-header   { border: 0; border-bottom: 5px solid #08499A; -o-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; ;border-radius: 0; background: none; }
.content .tabs .ui-tabs-nav li     { margin-top: 3px; }
.content .tabs .ui-state-default a { outline: none; font-size: 15px; font-weight: 500; }
.content .tabs .ui-widget-content  { padding: 1em 0; }
.content .tabs .ui-widget-content ul li   { background-position: 0 7px; }
.content .tabs .ui-widget-content ul li a { display: inline-block; padding: 3px 0; font-weight: 500; font-size: 14px; }


.photogallery { }
.photogallery .photogallery-item  { float: left;  }
.photogallery .photogallery-item .outer { display: table-cell;  width: 204px; height: 205px;  padding: 3px; text-align: center; vertical-align: middle; }
.photogallery .photogallery-item .inner { display: inline-block; border: 2px solid #ABD7F6; box-shadow: 0 0 10px rgba(8, 73, 154, 0.3); }
.photogallery .photogallery-item .inner:hover { border: 2px solid #08499a; }

.photogallery-group { }
.photogallery-group .photogallery-item  { float: left;  }
.photogallery-group .photogallery-item .outer { display: table-cell;  width: 204px; height: 200px;  padding: 3px; text-align: center; vertical-align: middle; }
.photogallery-group .photogallery-item .inner { display: inline-block; border: 2px solid #ABD7F6; box-shadow: 0 0 10px rgba(8, 73, 154, 0.3); }
.photogallery-group .photogallery-item .inner:hover { border: 2px solid #08499a; }
.photogallery-group .photogallery-item .caption { margin-top: 5px; font-weight: bold; }

.random-photogallery { height: 250px; }
.random-photogallery a  { font-size: 16px; text-decoration: none; }
.random-photogallery .caption-link { }
.random-photogallery img { margin-top: 5px; border: 2px solid #ABD7F6; box-shadow: 0 0 10px rgba(8, 73, 154, 0.3); }


.weather { }
.weather .image-link-item  { float: left;  }
.weather .image-link-item .outer { display: table-cell;  width: 204px; height: 205px;  padding: 3px; text-align: center; vertical-align: middle; }
.weather .image-link-item .inner { display: inline-block; border: 2px solid #ABD7F6; box-shadow: 0 0 10px rgba(8, 73, 154, 0.3); }
.weather .image-link-item .inner:hover { border: 2px solid #08499a; }
.weather .image-link-item .caption { margin-top: 5px; font-weight: bold; }


@font-face {
    font-family: 'si';
    src: url('/images/social/socicon.eot');
    src: url('/images/social/socicon.eot?#iefix') format('embedded-opentype'),
         url('/images/social/socicon.woff') format('woff'),
         url('/images/social/socicon.ttf') format('truetype'),
         url('/images/social/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(/images/social/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;    
}

.content ul.soc li  { background: none; padding-left: 0; }

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    margin-right: 5px;
    color: #ffffff;
    background-color: none;
}

.soc a:hover {
    z-index: 2;
    text-decoration: none;    
}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'b';
}
.soc-google {
    background-color: #d93e2d;
}
.soc-google:before {
    content:'c';
}
.soc-vimeo {
    background-color: #51b5e7;
}
.soc-vimeo:before {
    content:'s';
}

.soc-facebook:hover {
    background-color: #526fac;
}
.soc-google:hover {
    background-color: #ed5241;
}
.soc-vimeo:hover {
    background-color: #65c9fb;
}

/* -----------------------------------------------------------------------------
END */

/* -----------------------------------------------------------------------------
= MEDIA QUERIES */

/* 900 - 1150px */
@media screen and (min-width: 900px) and (max-width: 1150px) {

.f3 .frow.fl { width: 100%; float: none; margin-right: 0; }
}
/* min 600px */
@media screen and (min-width: 600px) {

.wcon                  { max-width: 1200px; width: 100%; }
#main                  { padding-left: 10px; padding-right: 10px; }
.card                  { width: 29%; }
.news .new-info        { width: 74%; }
.news-list .new-info   { width: 86%; }
.conin                 { padding: 0 10px; }
.f1                    { width: 45%; }
.slider                { padding: 0 10px; }
.menu ul               { padding-right: 20px !important; }
.search                { position: absolute; top: 75px; left: 10px; right: auto; }
#branding              { min-height: 125px; }

} /* eof 600px */  

/* 1200px. */
@media screen and (min-width: 1200px) {

.wcon                  { max-width: 1200px; padding: 0; }  
.wrap-middle           { margin: 0; }
#main                  { padding-left: 0; padding-right: 0; }
.card                  { width: 30.333333333%; }
.conin                 { padding: 0; }
.f1                    { width: 50%; }
.slider                { padding: 0; }
.search                { position: absolute; top: 27px; left: auto; right: 0; }
#branding              { min-height: 85px; }

} /* eof 1200 */

/* 600 - 1199px */
@media screen and (min-width: 600px) and (max-width: 1199px) {

.sbox, .nivo-slice     { background-position: 0 20% !important; background-size: 100% !important; }
.nivo-caption          { max-width: 40%;}
.menu ul               { padding: 25px 220px 15px 240px; }

} /* eof 600-1199px */

/* 800 - 899px */
@media screen and (min-width: 800px) and (max-width: 899px) {

.f3 .frow.fl           { width: 100%; float: none; margin-right: 0; }
#primary               { width: 65%; }
#secondary             { width: 35%; }
.kmenu ul li a span    { display: block; padding: 18px 18px; }
.kmenu ul li ul li a span { display: block; padding: 12px 12px 12px 40px; background-position: 22px 16px; }
.kmenu ul li ul li.active a span, .kmenu ul li ul li.active a:hover span { background-position: 22px 16px; }

} /* eof 800-899px */

/* 600 - 799px */
@media screen and (min-width: 600px) and (max-width: 799px) {

.news .new-info        { width: 65%; }
.news-list .new-info   { width: 70%; }
.f3 .frow.fl           { width: 100%; float: none; margin-right: 0; }
.card h3               { font-size: 17px; line-height: 33px !important; }
.footer .wcon          { background-position: 90% 0; }
.fcopy, .fweb          { width: 40%; }
.fbot                  { min-height: 55px; }
.nivo-caption p        { padding-top: 30px; }
.sbox h2               { font-size: 24px; line-height: 28px; }
.nivo-caption p p      { font-size: 16px; line-height: 22px; }
#primary               { width: 65%; font-size: 14px; line-height: 24px; }
#secondary             { width: 35%; font-size: 14px; line-height: 24px; }
.kmenu ul li a span    { display: block; padding: 18px 18px; }
.kmenu ul li ul li a span { display: block; padding: 12px 12px 12px 40px; background-position: 22px 18px; }
.kmenu ul li ul li.active a span, .kmenu ul li ul li.active a:hover span { background-position: 22px 18px; }
.breadcrumb            { font-size: 14px; line-height: 22px; }

} /* eof 600-799px */

/* 0 - 499px */
@media screen and (max-width: 599px) {
  
.slider, .fcopy, .fweb { display: none; }
.wcon                  { width: 100%; }
.conin                 { padding: 0 10px; }
#main                  { padding-left: 10px; padding-right: 10px; }  
.sluzby .sit           { width: 96%; }
.sluzby-main .sit      { width: 70px; }
.card                  { width: 96%; margin-left: 0;  }
.news, .why, .akce     { float: none; width: 100%; margin-bottom: 30px; }
.fo                    { float: none; width: 100%; margin-bottom: 25px; }
.footer .wcon          { background-image: none; }
.f3 .frow.fl           { width: 100%; float: none; margin-right: 0; }
.f3 .fsub              { text-align: center; }
.f3 input[type="submit"] { float: none; padding: 8px 22px; }
ul.nav-menu            { display: none; }
.menu                  { text-align: center; }
.menu ul.nav-menu.toggled-on { display: block; padding: 81px 0 5px 0; }
.menu ul.nav-menu.toggled-on li { display: block; float: none; border-top: 1px solid #08499b; margin: 0; }
.menu ul.nav-menu.toggled-on li a { padding: 6px 10px; }
.menu ul.nav-menu.toggled-on li a:hover, .menu ul.nav-menu.toggled-on li a:active, .menu ul.nav-menu.toggled-on li a:focus {
background-color: #031d4c; 
-webkit-transition: background 0.3s linear 0s; 
-moz-transition: background 0.3s linear 0s; 
-ms-transition: background 0.3s linear 0s; 
-o-transition: background 0.3s linear 0s; 
transition: background 0.3s linear 0s;
}
.menu ul.nav-menu.toggled-on li.active a, .menu ul.nav-menu.toggled-on li.active a:hover, .menu ul.nav-menu.toggled-on li.active a:active, .menu ul.nav-menu.toggled-on li.active a:focus {
  background-color: #08499B; }
.menu-toggle           { display: inline-block; }
.menu li.active a, .menu li.active a:hover { background-color: #08499b; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 }
.search                { display: none; } 
.search-ico            { display: inline-block; width: 40px; height: 40px; position: absolute; top: 22px; right: 100px; z-index: 199; text-indent: -9999px; text-decoration: none; 
                        overflow: hidden; color: white; background: #052767; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.search-ico span       { display: block; height: 40px; background: transparent url(../images/searchok.png) 50% -23px no-repeat; }
.sluzby-main .wcon     { text-align: center; }
#primary               { width: 100%; float: none; font-size: 14px; line-height: 24px; }
#secondary             { width: 100%; float: none; font-size: 14px; line-height: 24px; margin: 0; }
.kmenu-button          { display: block; }
#secondary .conin      { display: none; }
ul.kmenu-nav           { display: none; }
.kmenu ul.kmenu-nav.kmenu-on { display: block; margin: 30px 0 20px 0; }
.kmenu                 { margin-bottom: 0; }
.kmenu ul              {   
  -webkit-box-shadow: 0 0 2px rgba(8, 73, 154, 0.3);
  -moz-box-shadow: 0 0 2px rgba(8, 73, 154, 0.3);
  box-shadow: 0 0 10px rgba(8, 73, 154, 0.3); 
}
.kmenu ul li a {
  font-size: 14px;
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px;    
}
.kmenu ul li ul li a span { display: block; padding: 12px 12px 12px 40px; background-position: 22px 18px; }
.kmenu ul li ul li.active a span, .kmenu ul li ul li.active a:hover span { background-position: 22px 18px; }
.breadcrumb            { font-size: 14px; line-height: 22px; }

.content ul li      { background-position: 0 7px; }

} /* eof 0-599px */

/* 0 - 359px */
@media screen and (max-width: 359px) {

#branding              { min-height: 130px; }  
.menu-toggle           { top: 72px; }
.search-ico            { top: 76px; }
.menu ul.nav-menu.toggled-on { padding-top: 131px; }
.f1 ul.fl, .f1 ul.fr   { float: none; width: 100%; }

} /* eof 0-359px */

/* -----------------------------------------------------------------------------
= ACFLY */

                       
/* -----------------------------------------------------------------------------
END */