/* TODO DZ: odstranit staré normalize.css (nový je ve vendor.min.css a zbytečný css včetně komentářů */
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio, canvas, video { display: inline-block;}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {display: none; height: 0;}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {display: none;}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE, and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling user zoom.
 */

html {background: #fff; /* 1 */
    color: #000; /* 2 */
    font-family: sans-serif; /* 3 */
    -ms-text-size-adjust: 100%; /* 4 */
    -webkit-text-size-adjust: 100%; /* 4 */
}

/**
 * Remove default margin.
 */

body {margin: 0;}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {outline: thin dotted;}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active, a:hover {outline: 0;}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 { font-size: 2em; margin: 0.67em 0;}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {border-bottom: 1px dotted;}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b, strong {font-weight: bold;}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {font-style: italic;}

/**
 * Address differences between Firefox and other browsers.
 */

hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}

/**
 * Address styling not present in IE 8/9.
 */

mark {background: #ff0; color: #000;}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {white-space: pre-wrap;}

/**
 * Set consistent quote types.
 */

q {quotes: "\201C" "\201D" "\2018" "\2019";}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {font-size: 80%;}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {border: 0;}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {overflow: hidden;}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {margin: 0;}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {border: 0; /* 1 */  padding: 0; /* 2 */}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button, input, select, textarea {font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button, input { line-height: normal;}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button, select {text-transform: none;}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type `input` and others.
 */

button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled], html input[disabled] {cursor: default;}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */  padding: 0; /* 2 */}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof).
 */

input[type="search"] {-webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */  box-sizing: content-box;}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome on OS X.
 */

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {overflow: auto; /* 1 */ vertical-align: top; /* 2 */}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {border-collapse: collapse; border-spacing: 0;}

/* basic typography -------------------------------------------------------------- */

/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px ~ 12px) */
body { font-size: 15px; color: #222428; background: #ffffff; font-family:Arial, Helvetica, sans-serif;}

/* Headings -------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #222428;}
h1, h2 { font-size: 18px; line-height: 18px; text-shadow: 0 0 1px rgba(11, 96, 0, 0.5); }
h3 { font-size: 18px; line-height: 20px; margin-bottom: 3px; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements -------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
p img.left { float: left; margin: 0 8px 8px 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

/*a:visited { color: #30334A; } */
a { color: #29a6ec; text-decoration: underline; }
a:focus, a:hover { color: #1e93d4; }

hr { color: #bebebe; background-color: #bebebe; border:none; height: 1px; margin: 6px 0 6px 0; clear:both;}

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 1.22; font-size: xx-small;}
sup {vertical-align: top;}
suB {vertical-align: bottom;}

abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; color:#d0a600; }

/* Lists -------------------------------------------------------------- */
li ul, li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}

/* Tables -------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #acaeb9;}
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; color:#000; }

/* Misc classes -------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide, .hidden { display: none; }

.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#e6f6ff; color:#FFF; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }

.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

/* Pre-seting Web site -------------------------------------------------------------- */

@media screen, projection {
h1, h2{font-weight:normal; background:url(../images/h-strike.gif) repeat-x; background-position:center 21px; padding-bottom:21px; margin:20px 0 0; text-align:center; position:relative;}
h3, h4, h5 {font-weight:normal; border-bottom:#cecece solid 1px; text-align:center; position:relative;}
p { margin:0; padding:6px 0; line-height:1.2; font-weight:normal;}
select, input, textarea {background: #F1F1F7; border:1px solid #D3D4DC; color:#303840;}
.cleaner { clear:both; }

/* online technology web -------------------------------------------------------------- */

::-moz-selection{background:#000000; color:white;}
::-webkit-selection{background:#000000; color:white;}

.wrapper {width:993px; margin: 0 auto; position:relative;}

#header-wraper { height:200px; background:#eaeaeb url(../images/bg_header-wraper.gif) repeat-y center;}
#header { width:993px; height: 200px; margin:0 auto; background:url(../images/bg_header.jpg) no-repeat top center; position:relative;}
a#logo { display:block; width: 154px; height: 82px; position: absolute; top:6px; left:0px; text-decoration:none; }
#slogan { position:absolute; bottom:19px; left:0px; font-size:18px; color:#919399;}

#kosikTop { position:absolute; width:188px; height:178px; top:10px; right:0px; border:#348fc2 solid 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#kosikTop h3 { color:#ddf3ff; border:none;}
#kosikTop h4 { color:#e6f6ff; border:none; font-size:24px; margin:0px; padding:0px;}
#kosikTop h4 span {font-size:12px;}
#kosikTop p { color:#ffffff; font-size:12px; text-align:center;}
#kosikTop p strong { color:#65c7ff;}
#kosikTop p a.buton { padding:3px 40px;}

#menu {width:993px; height:33px; font-size:14px; text-align:center; margin:10px auto; position:relative;
-moz-box-shadow: inset 0 0 1px #ffffff; -webkit-box-shadow: inset 0 0 1px #ffffff; box-shadow: inset 0 0 1px #ffffff;
border:#24262a solid 1px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; background-color:#FFFFFF;
background-image: -ms-linear-gradient( top, rgba( 37, 39, 43, 1 ), rgba( 54, 57, 62, 1 ) );
background-image: -o-linear-gradient( top, rgba( 37, 39, 43, 1 ), rgba( 54, 57, 62, 1 ) ); /* for opera */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#25272b', endColorstr='#36393e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#25272b), to(#36393e)); /* for webkit browsers */
background: -moz-linear-gradient(center top , #25272b, #36393e); /* for firefox 3.6+  */}
#menu ul { margin:0;}
#menu li {display:inline; list-style-type:none;}
#menu a {text-decoration:none; color:#eaeaeb; display:block; height:27px; padding:2px 15px; line-height:27px;}
#menu li a {display:inline-block; white-space:nowrap;}
#menu a:hover { border-top:#b6b7b7 dotted 1px; border-bottom:#b6b7b7 dotted 1px; color:#ffffff;}
#menu li.selected a {background:#2c9edf; color:#fff; border-top:#80c5ec solid 1px; border-bottom:#80c5ec solid 1px;}

#menu ul li ul { position:absolute; top:33px; left:0px; width:993px; height:34px; z-index:100; padding:0;
-moz-box-shadow: inset 0 0 1px #ffffff; -webkit-box-shadow: inset 0 0 1px #ffffff; box-shadow: inset 0 0 1px #ffffff;
border:#aadcf9 solid 1px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; background-color:#2c9edf;
background-image: -ms-linear-gradient( top, rgba( 44, 158, 223, 1 ), rgba( 110, 195, 244, 1 ) );
background-image: -o-linear-gradient( top, rgba( 44, 158, 223, 1 ), rgba( 110, 195, 244, 1 ) ); /* for opera */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c9edf', endColorstr='#6ec3f4'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#2c9edf), to(#6ec3f4)); /* for webkit browsers */
background: -moz-linear-gradient(center top , #2c9edf, #6ec3f4); /* for firefox 3.6+  */
display:none;
}
#menu ul li.selected ul { display: block; }

#menu ul li ul li a {color:#25272b;border-top:#e2ba01 dotted 1px; border-bottom:#e2ba01 dotted 1px;}
#menu ul li ul li a:hover, #menu ul li ul li a.selected {color:#ffffff; border-top:#25272b dotted 1px; border-bottom:#25272b dotted 1px;}

#sliderHolder { width:993px; height:239px; margin:0 auto; background:#efeff0; border:#e6e6e7 solid 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;}

.swiper-container {
    width: 993px;
    height: 239px;
}

.swiper-container video { width:100%; height:auto; background:url(../images/cs-phone-movie.jpg) no-repeat top center;}

.swiper-wrapper {
    padding: 0;
    list-style-type: none;
}

ul.swiper-wrapper { padding:0; margin:0;}

#sliderHolder.minified { height: 50px; }
#banHider {border:#e6e6e7 solid 1px; background:#ffffff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:relative; color:#b9b9b9; padding:2px 8px; text-align:center; position:absolute; bottom:-10px; left:450px; font-size:12px; cursor:pointer; z-index:94;}
#banHider span { position:absolute; top:-15px; left:40px; display:block; width:22px; height:13px; background:url(../images/web-icons.png) no-repeat top center;}

#sliderHolderMin { width:993px; height:26px; margin:0 auto; background:#efeff0; border:#e6e6e7 solid 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;}
#banShow {border:#e6e6e7 solid 1px; background:#ffffff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:relative; color:#b9b9b9; padding:2px 8px; text-align:center; position:absolute; bottom:-10px; left:450px; font-size:12px; cursor:pointer; z-index:94;}
#banShow span { position:absolute; top:-15px; left:40px; display:block; width:22px; height:13px; background:url(../images/web-icons.png) no-repeat; background-position:0px -67px;}

span.buton, a.buton, input.buton, button.buton {color:#dcdcdc; font-size:12px; font-weight: normal; line-height:21px; height:21px; padding:3px 10px; text-decoration:none; position:relative; cursor:pointer;
-moz-box-shadow: inset 0 0 1px #02293d; -webkit-box-shadow: inset 0 0 1px #02293d; box-shadow: inset 0 0 1px #02293d;
border:#2289c2 solid 1px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; background-color:#FFFFFF;
background-image: -ms-linear-gradient( top, rgba( 0, 90, 141, 1 ), rgba( 3, 54, 82, 1 ) );
background-image: -o-linear-gradient( top, rgba( 0, 90, 141, 1 ), rgba( 3, 54, 82, 1 ) ); /* for opera */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005a8d', endColorstr='#033652'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#005a8d), to(#033652)); /* for webkit browsers */
background: -moz-linear-gradient(center top , #005a8d, #033652); /* for firefox 3.6+  */}

span:hover.buton, a:hover.buton, input:hover.buton, button:hover.buton {border:#41bbff solid 1px; }

input.buton, button.buton {padding:0 4px; margin:0 4px; height:24px;}

input.big-buton, button.big-buton {padding: 20px 30px; line-height: 0; font-size: 18px;}
a.big-buton {padding: 10px 30px; line-height: 0; font-size: 18px;}

#siderLeft { float:left; padding:0; width:240px;}
.bannerHolder {margin:5px auto; text-align:center; clear:both;}
.comentItem { margin:0 0 5px 0; position: relative;}
.comentItem p { padding:0;}
.comentInfo { background: #f2f2f2; padding:3px;-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px;}
.comentInfo h4 { color:#014d03; font-size:14px; border:none; margin:0; font-weight:bold;}
.viceInfo{ display:block; width:23px; height:23px; background: url(../images/ikony2-mystrips.png) no-repeat; background-position: -54px -1px; position:absolute; top:42px; right:-10px; }
.viceInfo strong {display:none;}

#serchBox { border:#e6e6e7 solid 1px; background:#efeff0; margin:12px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px 10px;}
#serchBox input[type=search] { border:#e6e6e7 solid 1px; background:#ffffff; color:#979797;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:155px; height:21px; text-align:center;}
#serchBox input:hover.buton {border:#000 solid 1px; }

.autoComplete_wrapper { width:inherit;}

#kategorie { width:240px; margin-bottom:10px;}
#kategorie ul {list-style:none; margin:0; padding:0; font-size:14px;}
#kategorie li { margin:0 0 1px 0;}
#kategorie ul li a {text-decoration:none;  color:#fff; display:block; padding:0 0 0 12px; line-height:24px; background: #2f3136 url(../images/bg_menu_kategory.gif) no-repeat;}
#kategorie ul li a:hover{ background-position:0 -50px; color:#222427;}
#kategorie ul li.selected a { background-position:0 -50px; color:#222427;}

#kategorie ul li ul li a, #kategorie ul li.selected ul li a {padding:0 0 0 28px; color:#222427; line-height:24px; background-position:0 -25px;}
#kategorie ul li ul li a:hover, #kategorie ul li ul li.selected a {background-position:0 -50px; color:#222427;}

#boxUserInfo { position: relative; /* kvuli overlay */}

#boxCustomer {margin-bottom:10px; text-align:center; padding:5px; color:#e2e2e6;
-moz-box-shadow: inset 0 0 1px #ffffff; -webkit-box-shadow: inset 0 0 1px #ffffff; box-shadow: inset 0 0 1px #ffffff;
border:#033652 solid 1px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; background-color:#FFFFFF;
background-image: -ms-linear-gradient( top, rgba( 11, 89, 133, 1 ), rgba( 6, 104, 160, 1 ) );
background-image: -o-linear-gradient( top, rgba( 11, 89, 133, 1 ), rgba( 6, 104, 160, 1 ) ); /* for opera */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b5985', endColorstr='#0668a0'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#0b5985), to(#0668a0)); /* for webkit browsers */
background: -moz-linear-gradient(center top , #0b5985, #0668a0); /* for firefox 3.6+  */}
#boxCustomer input[type=email], #boxCustomer input[type=password] { border:#e6e6e7 solid 1px; background:#ffffff; color:#979797;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:190px; height:21px; text-align:center;}
#boxCustomer .buton { width:190px;}
#boxCustomer p span { color:#FFFFFF; font-size:18px;}

.banner{ padding-bottom:10px;}


#obsah { position:relative; float:right; width: 741px;}

.breadcrumb { font-size:13px; margin-bottom:10px;}

#filtr {height:106px; margin-bottom:10px;
border:#e6e6e7 solid 1px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; background-color:#f1f1f2;
background-image: -ms-linear-gradient( top, rgba( 241, 241, 241, 1 ), rgba( 249, 249, 249, 1 ) );
background-image: -o-linear-gradient( top, rgba( 241, 241, 241, 1 ), rgba( 249, 249, 249, 1 ) ); /* for opera */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f2', endColorstr='#f9f9f9'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f2), to(#f9f9f9)); /* for webkit browsers */
background: -moz-linear-gradient(center top , #f1f1f2, #f9f9f9); /* for firefox 3.6+  */}
.filterButon { background: url(../images/bg-filter-btn.png) no-repeat right; width:198px; height:106px; display:block; float:right; border:#d0a600 solid 1px; border-left: none; font-size:24px; color:#222428; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.filterButon:hover { color:#FFFFFF; text-shadow: 0 0 6px rgba(97, 77, 0, 0.9);}
#filtrFunkce { float:left; width:520px; padding:10px;}
#filtr h6 { margin:0;}
#filtrFunkce img { max-height: 21px; max-width: 21px;}
#filtrFunkce label { padding-right:4px;}
.filterItemHolder {display:inline-block; margin-right:5px; font-size:13px;}


.pagerHolder { height:21px; border:#e6e6e7 solid 1px; background:#f6f6f6; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:6px 10px; margin-bottom:10px; clear:both;}
.pagerHolder:empty {display: none}

.triz { float:right; height:21px; line-height:21px;}

.strankovani { height:21px; float:left; line-height:21px;}
.pagerHolder a { display:block; width:21px; height:21px; background:url(../images/iko-pager.png) no-repeat; background-position: 0 -42px; color:#222428; text-align:center; font-size:11px; float:left; margin:0 3px; padding:0; text-decoration:none;}
.pagerHolder a:hover, .strankovani a.selected{ background-position:-21px -42px;}
.pagerHolder a span { display:none;}
.pagerHolder a.prevprev { background:url(../images/iko-pager.png) no-repeat; background-position: 0 -84px;}
.pagerHolder a.nextnext { background:url(../images/iko-pager.png) no-repeat; background-position: -21px -84px;}
.pagerHolder a.prev { background:url(../images/iko-pager.png) no-repeat; background-position: 0 -63px;}
.pagerHolder a.next { background:url(../images/iko-pager.png) no-repeat; background-position: -21px -63px;}


.trizHloder {background:url(../images/iko-pager.png) no-repeat ; background-position: 0 -126px; width:37px; height:21px; display:inline-block;}
.trizHloder a, .trizHloder a:hover { margin:0; padding:0; background-position:40px 0;}
a.vzesesL,  a.vzesesR { display:block; text-decoration:none; float:left; width:16px; height:21px;}
.pagerHolder .triz .trizHloder a.vzesesR { float:right;}
a.vzesesL.selected { display:block; text-decoration:none; float:left; width:21px; height:21px; background:url(../images/iko-pager.png) no-repeat; background-position: 0 -21px;}
a.vzesesR.selected { display:block; text-decoration:none; float:right; width:21px; height:21px; background:url(../images/iko-pager.png) no-repeat; background-position: -16px 0;}


.listItem { width:238px; height:265px; margin:0 7px 20px 0; border:#e0e0e4 solid 1px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden; float:left; position: relative; background:#ffffff url(../images/bg_price_listItem.gif) no-repeat bottom center;}
.listItem:hover {border:#29a6ec solid 1px;}
.listItem h5 { font-size:18px; color:#222428; background:url(../images/bg_name_listItem.png) no-repeat; background-position: center bottom; margin:0; padding:5px 0 45px; border:none; position:absolute; top:0; left:0;width:238px; z-index:4;}
.listitemImg { width:238px; height:178px; position:absolute; top:30px; left:0; z-index:3;}
.listitemImg[src=""] {
    content:url(../images/nonimg-thumb-1.jpg);
}

.listItem a { text-decoration:none;}
a div.listItemInfo { position:absolute; top:-215px; left:0; width:218px; height:185px; background:url(../images/alfa-white-90-perc.png) repeat; padding:10px; text-align:center;}
a:hover div.listItemInfo { position:absolute; top:0px; left:0; z-index:7;}
.listItemInfo h6 { color:#29a6ec; border:#29a6ec solid 2px; padding:10px; margin:40px 0 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#fff;}
.frmAddToCart { border: none; position:absolute; bottom:0px; left:0px; padding:5px; width:226px; height:36px;}
.frmAddToCart input[type=text] { width:22px; height:20px; border:#2289c2 solid 1px;-moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; background:#FFFFFF; text-align:center;}
.frmAddToCart button.buton {-moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; margin:0; border:#2289c2 solid 1px;}
.frmAddToCart div { float:right; margin:5px 0;}
.frmAddToCart p {line-height:30px; height:30px; padding:0; margin-top:2px; color:#e6f6ff; float:left;}
.priceListItem {font-size:22px; letter-spacing:-1px; }

/* detail produktu */
#prodDetail {border:#e0e0e4 solid 1px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:10px; padding:10px;}
.thumb-2 { display:block; width:358px; height:268px; position:relative; float:left;}
.thumb-2 img { border:#e0e0e4 solid 1px;}
.thumb-2 img:hover { border:#c7c7cb solid 1px;}
.thumb-2 img[src=""] {
    content:url(../images/nonimg-thumb-2.jpg);
}

.thumb-2 span { position:absolute; bottom:0; right:0; display:block; width:22px; height:22px; background:url(../images/web-icons.png) no-repeat; background-position:0 -43px;}
#discountPrice { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#090; color:#D2FFD7; border:#0C0 solid 1px; position:absolute; bottom: 45px; left:0px; padding:1px 10px;}
#discountPrice span, .listDiscountPrice span { color:#FFF; font-weight:bold;}
.listDiscountPrice { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#090; color:#D2FFD7; border:#0C0 solid 1px; position:absolute; bottom: 55px; left:1px; padding:1px; width:232px; z-index:9; text-align:center;}

#infoFloater { float:right; width:350px; height:270px; position:relative; overflow:hidden;}
#infoFloater .frmAddToCart { width:340px; background: #24262a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#infoFloater .frmAddToCart p em { color:#999999; font-style:normal;}

.icons img { max-height: 44px; max-width: 44px; display:inline-block; padding-right:2px; }


#crossSell, #variants { margin: 0; padding: 0;
width:741px;
}
/* TODO DZ: upravit šířky pro 3 produkty do carouselu */
#crossSell .listItem, #variants .listItem {
 margin-right:0;
}

.doporuc {background: #24262a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:18px; color:#ffffff; text-align:center; margin-bottom:10px;}
.doporuc span a { display:block; width: 100%; height: 100%;}
.prevCross { float:left; display:block; width:21px; height:21px; background:url(../images/iko-pager.png) no-repeat; background-position: 0 -105px; margin:0 10px;
cursor: pointer;
}
.nextCross { float:right; display:block; width:21px; height:21px; background:url(../images/iko-pager.png) no-repeat; background-position: -21px -105px; margin:0 10px;
    cursor: pointer;
}

#footer { width:100%; margin:10px 0 0; clear:both; position:relative;  background:#f9f9f9; border-top:#f3f2f2 solid 1px;}
#footer .wrapper { padding:20px 0 20px 0; background:#f9f9f9;}
#footer h3 {padding:0; margin:0 0 10px; color:#a2a5a9; border-bottom:none; text-align:left;}
#footer .wrapper ul { margin:0; padding:0;}
#footer .wrapper ul li { font-size:13px; list-style-type:none; color:#3a3b3d;}
#footer .wrapper ul li a {color:#3a3b3d;}
#footer .wrapper ul li a:hover {color:#29a6ec;}
.boxFooterL { width:235px; float:left; margin-right:10px;}
.boxFooterR { width:243px; float:right; text-align: right;}
.boxFooterR h3 {text-align: right;}
#callNow { width:243px; height:132px; float:left; text-align: center; background:#fbfbfb url(../images/footer-logo.jpg) no-repeat top center; border:#e9e9e9 solid 1px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#callNow p { padding:80px 0 0;}
#callNow p strong { font-size:18px;}

/* form objednavka */
#frmOrder .overlay {background: white;}
#frmOrder .overlay.confirm:before { content: none; }
#frmOrder .overlay.order-ok:before { content: none; }

.overlay {position: absolute; left:0; top:0; width: 100%; height: 100%; text-align:center;}
.overlay:before { content: ''; /*      display: inline-block;*/ height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */}

.overlay .vert-center { display: inline-block; vertical-align: middle; /* width: 300px;*/ padding: 10px 15px;}
.overlay .vert-center .close { border:#FFF solid 1px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; padding:2px 16px; cursor:pointer;}

#frmOrder .overlay.loading, .overlay.loading { background: url(../images/ajax-loader.gif) repeat;}
.overlay.warning {-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; background-color: #910000; border: 1px solid #FF0000;}

.overlay.info { background:lightyellow; color:red;}

.cart-animated {background: #FFF url(../images/box_closing.gif) center center no-repeat;-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; border:1px solid #29a6ec;}

#boxUserInfo div.overlay.warning { color:#ffffff;}
.overlay.loading { background: url(../images/ajax-loader.gif) repeat;}

.stepBYstep, .stepBYstep2, .stepBYstep3, .stepBYstep4 { width:723px; height:43px; background:url(../images/stepBYstep.jpg) no-repeat top;}
.stepBYstep2 { background-position: 0px -43px;}
.stepBYstep3 { background-position: 0px -86px;}
.stepBYstep4 { background-position: 0px -129px;}

legend {border: #e6e6e7 solid 1px; padding: 1px 4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#666;}
fieldset {border: 1px solid #e6e6e7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin: 2px 0 5px; padding: 10px;}
#fldNote { width:700px;}

#prodDetPriceCZ, .subtotal {background: #24262A; border-radius: 5px 5px 5px 5px; color:#999999; text-align:center; font-size: 12px; line-height: 32px; margin: 0 0 10px;}
#prodDetPriceCZ strong, .subtotal strong {font-size: 22px; letter-spacing: -1px; font-weight:normal;}
#prodDetPriceCZDPH, .subtotalVAT {background: #24262A; border-radius: 5px 5px 5px 5px; color:#e6f6ff; text-align:center; font-size: 12px;line-height: 32px;  }
#prodDetPriceCZDPH strong, .subtotalVAT strong {font-size: 30px; letter-spacing: -1px;  font-weight:normal;}

.ordersPrices { text-align:center;}
.ordersPrices strong, fieldset.ordersPrices strong { font-size:22px; color:#FFF; font-weight:normal;}

fieldset.ordersPrices {background: #25272B; color: #4dbbfa; padding: 0.625em; border:#25272B;}

.orderedItems { padding:22px 10px 10px; background: #FFF url(../images/web-icons.png) no-repeat center -87px;}

 /* tabs */
dl.ergoTabs { position:relative; padding:0; overflow:auto; margin:0;}
dl.ergoTabs dt { cursor:pointer; float:left; height:25px; left:5px; line-height:25px; padding:0 1em; position:relative; z-index:2;
font-weight:normal; border:#e0e0e4 solid 1px; background:#ffffff; font-size:13px;
-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}

dl.ergoTabs dt.selected { font-weight: bold; background:#fbfbfb; border:#e0e0e4 solid 1px; border-bottom:#fbfbfb solid 1px;
-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
dl.ergoTabs dt:hover { background:#ace1ff; border:#29a6ec solid 1px;}
dl.ergoTabs dd { float:right; margin:26px 0 0 -100%; width:100%; z-index:1; display:none; }
dl.ergoTabs dd.selected { display:block; }
dl.ergoTabs dd div { background:#fbfbfb; padding:15px; border:#e0e0e4 solid 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
dd table.edit {margin:0 auto; }
dd table.edit td { padding:0; }
dl.ergoTabs dt.hilighter { border-left:#29a6ec solid 1px; border-top:#29a6ec solid 1px; border-right:#29a6ec solid 1px;}

/* tabulky  -------------------------------------------------------------- */

table.clr {
border-top: #24262a 1px solid;
border-bottom: #24262a 1px solid; color:#000;
width:100%; margin: 10px auto;
}
table.clr td {
background-color:#f5f4f4; padding: 0.3em;
border-bottom: #e3e3e3 1px solid; vertical-align:middle;
}
table.clr th {
background-color:#36383d; text-align:center;
color:#fff; text-transform: uppercase; font-weight:bold;
border-bottom: #24262a 1px solid; vertical-align:middle;
}
table.clr p {
background-color: #25272b; color: #4dbbfa;
padding:0.625em;
}

/* ostatni -------------------------------------------------------------- */

.picRight { display: block; float:right; background:#e0e2e7; border: #9b9da2 solid 1px; margin:0 0 10px 10px; padding:5px;}
.picRight img {border: #9b9da2 solid 1px;}

/* Sample obsahu -------------------------------------------------------------- */
blocquote, q { font-style:italic; }
p.cite { text-align:right; font-style:italic;}

pre code {
border:1px dotted #5f5f5f;
background-color: rgba(0,0,0,0.1);
display:block;
max-height:15em;
overflow:auto;
padding:0.5em;
}

span.imgBox {
display:block;
width:200px;
float:right;
margin:0.5em 0 0.5em 0.5em;
border:1px solid #CCCCCC;
background:#333333;
}
span.imgBox span { padding: 0.5em; display:block;}

th, td {
/*border:1px solid gray;*/
padding:3px 0.5em;
}

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

p.error {
padding:0.5em; background-color:#910000;
border: 1px solid #ff0000;
color:#FFFFFF; font-size:11px;
text-align:center;
margin:0; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px;
}

p.error:empty {background: none repeat scroll 0 0 transparent; border: medium none;}

p.important {
padding:0.5em; text-align:center; color:#624005; font-size:11px;
background-color:#fec42b; border:1px solid #cb8100; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px;
}

p.warning, p.msieWarning {
padding:0.5em;
background-color:#910000;
border: 1px solid #ff0000;
color:#FFFFFF; font-size:11px;
text-align:center;
margin:0; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px;
z-index:100; position:absolute; top: 30px;
}
p.warning {top: 0px;}
p.msieWarning a { color:#FF0000; }
p.msieWarning a:hover { color:#5CFF1D; }

.msgOK {
background-color: #009900;
border-bottom:1px solid #00CC00;
border-top:1px solid #00CC00;
color:#a5ffa5; font-size:11px;
padding:5px 0 5px 0; margin-bottom:10px; text-align:center;
-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px;
}

#errMsg, p.warning, .msg {
background-color:#9f0000;
border-bottom:1px solid #f90000;
border-top:1px solid #f90000;
color:#FFF;
padding:5px 0 5px 0;
margin-bottom:10px;
text-align:center;
-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px;
}
.msg, .msgOK { margin:0;}
#errMsg:empty, .msg:empty, .msgOK:empty { display:none; }
#errMsg.empty { display:none; } /*kvuli msie samostatny selector */
.msg.empty, .msgOK.empty { display:none; } /*kvuli msie samostatny selector */

input.error { border:#CC0000 solid 1px;}
label.error { background-color:#CC0000; color:#FFF; font-size:11px; border:#8f000a solid 1px; padding:2px 6px; display: block; margin:5px;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center;}

a.hover:hover { font-style:italic; }
a.active:active { font-weight:bold }

a.pdf, a[href$=".pdf"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -64px;
margin-left:3px; padding-left:20px;
}

/*a.image, a[href$=".jpg"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -16px;
margin-left:3px; padding-left:20px;
}*/
a.word, a[href$=".doc"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -112px;
margin-left:3px; padding-left:20px;
}
a.excel, a[href$=".xls"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -48px;
margin-left:3px; padding-left:20px;
}
a.compress, a[href$=".zip"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px 0px;
margin-left:3px; padding-left:20px;
}
a.text, a[href$=".txt"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -96px;
margin-left:3px; padding-left:20px;
}
a.email, a[href^="mailto:"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -32px;
margin-left:3px; padding-left:20px;
}
a.ppt, a[href$=".ppt"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -80px;
margin-left:3px; padding-left:20px;
}
a.bin, a[href$=".bin"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -160px;
margin-left:3px; padding-left:20px;
}
a.rar, a[href$=".rar"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -144px;
margin-left:3px; padding-left:20px;
}
a.exe, a[href$=".exe"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -128px;
margin-left:3px; padding-left:20px;
}

table.pagination {
background: none repeat scroll 0 0 #efefef;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
color: #000;
empty-cells: hide;
margin: 10px 0;
text-align: center;
width: 100%;
}
table.pagination td strong {color: #000;}

ul.gallery, ul.gallery2 { width:695px;  list-style-type:none; margin:0; padding:0; overflow: hidden; }
ul.gallery li { text-align:center; width:166px; height:125px; position:relative;} /*width:166px; height:125px;*/
ul.gallery li, ul.gallery2 li {float:left; margin:0 5px 10px 0; background:#efeff0; border:#e0e0e4 solid 1px;}
ul.gallery li:hover {border:#c7c7cb solid 1px;}
ul.gallery2 li img {background:#fbfbfb; border:#e0e0e4 solid 1px;}

ul.gallery li p { background: #5f5f5f; font-size:11px; color:#fff; width:164px; height:13px; line-height:13px; overflow:hidden; margin:0; padding:0; position:absolute; bottom: 10px; left:1px;}
ul.gallery li p:empty {
    display:none;
}

/*-----------------------------------------------------------------------------*/
} /* end media screen */

@media (max-width: 720px) {

} /* end media max-width: 720px */

@media (max-width: 768px) {

} /* end media max-width: 768px */

@media (min-width: 768px) and (max-width: 980px) {

} /* end media min-width: 768px and max-width: 980px */

@media (max-width: 980px) {

} /* end media max-width: 980px */

@media (min-width: 980px) {
} /* end media min-width: 980px */

@media (min-width: 1200px) {
} /* end media min-width: 1200px */

@media (min-width: 1550px) {
} /* end media min-width: 1550px */





@media print {
body {
background:white;
color:black;
font-size:12pt;
}
a:after {
content:" (" attr(href) ") ";
font-size:90%;
}
a img { border:0; }
#header { border-bottom:1px solid black; }
table.pagination a:after { content:""; }
}  /* end media print */


/* -------- cookie-bar -------- */
.cookie-bar {
    position: fixed;
    /*right: 1em; bottom: 1em; margin-left: 1em;*/
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: calc(100% - 16px);
    width: calc(100% - 16px);
    z-index: 2147483631;
    width: 50%;
    z-index: 100;
    background: #fff;
    color: #141414;
    padding: 1em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 32px 68px rgba(0, 0, 0, .3);
    padding: 40px;
    text-align: center;
}

.cookie-bar strong {
    color: #000;
}

.cookie-bar label {
    cursor: pointer;
    font-weight: bold;
}

.cookie-bar button {
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}

.cookie-bar button.prefer {
    background: #005a8d;
    color: #fff;
}

.cookie-bar button:hover {
    background: #000;
    color: #fff;
}


/* -------- end cookie-bar -------- */