@font-face {
    font-family: 'Calibri-Regular';
    src: url("/template/SK/2015/fonts/Calibri_gdi.eot");
    src: url("/template/SK/2015/fonts/Calibri_gdi.eot?#iefix") format("embedded-opentype"), url("/template/SK/2015/fonts/Calibri_gdi.woff") format("woff"), url("/template/SK/2015/fonts/Calibri_gdi.ttf") format("truetype"), url("/template/SK/2015/fonts/Calibri_gdi.otf") format("opentype"), url("/template/SK/2015/fonts/Calibri_gdi.svg#Calibri-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-FEFF
}

@font-face {
    font-family: 'Roboto-Black';
    src: url("/template/SK/2015/fonts/Roboto-Black_gdi.eot");
    src: url("/template/SK/2015/fonts/Roboto-Black_gdi.eot?#iefix") format("embedded-opentype"), url("/template/SK/2015/fonts/Roboto-Black_gdi.woff") format("woff"), url("/template/SK/2015/fonts/Roboto-Black_gdi.ttf") format("truetype"), url("/template/SK/2015/fonts/Roboto-Black_gdi.otf") format("opentype"), url("/template/SK/2015/fonts/Roboto-Black_gdi.svg#Roboto-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FFFD
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url("/template/SK/2015/fonts/Roboto-Bold_gdi.eot");
    src: url("/template/SK/2015/fonts/Roboto-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("/template/SK/2015/fonts/Roboto-Bold_gdi.woff") format("woff"), url("/template/SK/2015/fonts/Roboto-Bold_gdi.ttf") format("truetype"), url("/template/SK/2015/fonts/Roboto-Bold_gdi.otf") format("opentype"), url("/template/SK/2015/fonts/Roboto-Bold_gdi.svg#Roboto-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-FFFD
}

@font-face {
    font-family: 'Calibri-Bold';
    src: url("/template/SK/2015/fonts/Calibri-Bold_gdi.eot");
    src: url("/template/SK/2015/fonts/Calibri-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("/template/SK/2015/fonts/Calibri-Bold_gdi.woff") format("woff"), url("/template/SK/2015/fonts/Calibri-Bold_gdi.ttf") format("truetype"), url("/template/SK/2015/fonts/Calibri-Bold_gdi.otf") format("opentype"), url("/template/SK/2015/fonts/Calibri-Bold_gdi.svg#Calibri-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-FEFF
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

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

html, body {
    width: 100%;
    height: 100%
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

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

a:active {
    outline: none
}

a[href] img {
    cursor: pointer
}

html, body {
    width: 100%;
    height: 100%;
    font-family: 'Calibri-Regular', ARIAL, sans-serif;
    color: #47484a
}

body, html {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-color: #F7F8F9
}

.hover {
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease
}

.hover img {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px)
}

.hover:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
}

.grid-6 {
    width: 50%
}

.flr {
    float: right
}

.fll {
    float: left
}

.clearfix:after, .clearfix:before {
    display: block;
    content: "";
    clear: both
}

.clearfix {
    clear: both
}

.center {
    width: 1240px;
    position: relative;
    margin: 0 auto
}

@media (max-width: 1240px) {
    .center {
        width: 90%;
        overflow: hidden;
        padding: 0 5%
    }
}

input:focus, button:focus, textarea:focus, select:focus {
    outline: 0
}

.clear {
    position: relative;
    display: block;
    width: 100%;
    height: 1px
}

.center {
    faaaont-size: 0px
}

header {
    position: relative;
    display: block;
    margin-bottom: 22px;
    z-index: 502;
}

header .horni {
    position: relative;
    display: block;
    height: 32px;
    overflow: hidden
}

@media (max-width: 1240px) {
    header .horni {
        text-align: center;
        height: auto
    }
}

header .horni .zobraz_menu_horni {
    display: block
}

@media (min-width: 640px) {
    header .horni .zobraz_menu_horni {
        display: block !important
    }
}

@media (max-width: 640px) {
    header .horni .zobraz_menu_horni {
        display: none
    }
}

header .horni .respons_menu_horni {
    position: relative;
    display: inline-block;
    width: 50px;
    margin: 10px 0;
    height: 50px;
    background-color: red;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') 0 -266px no-repeat;
    height: 23px;
    width: 30px
}

@media (min-width: 640px) {
    header .horni .respons_menu_horni {
        display: none
    }
}

header .horni nav {
    position: relative;
    display: inline-block;
    margin-left: 5px
}

header .horni nav ul li {
    position: relative;
    display: inline-block
}

header .horni nav ul li a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #919699;
    line-height: 32px;
    height: 32px;
    padding: 0 15px;
    text-decoration: none
}

header .horni nav ul li a:hover {
    text-decoration: underline
}

header .horni .infolinka {
    position: relative;
    display: inline-block;
    line-height: 32px;
    font-size: 14px;
    color: #919699;
    margin-left: 50px
}

@media (max-width: 1240px) {
    header .horni .infolinka {
        display: block;
        margin-left: 0
    }
}

header .horni .infolinka:before {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') 0 -136px no-repeat;
    height: 24px;
    width: 24px;
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -2px
}

header .horni .infolinka span span {
    position: relative;
    display: inline-block;
    margin-left: 7px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 17px;
    color: #7cbc00
}

header .horni .prava {
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 1240px) {
    header .horni .prava {
        float: none;
        position: relative;
        display: block;
        right: auto;
        top: auto
    }
}

header .horni .prava .login {
    position: relative;
    display: inline-block
}

header .horni .prava .login a {
    position: relative;
    display: inline-block;
    line-height: 32px;
    font-size: 14px;
    margin: 0 15px;
    color: #919699;
    text-decoration: none
}

header .horni .prava .login a:hover {
    text-decoration: underline
}

header .horni .prava .login a:before {
    content: "";
    position: relative;
    display: inline-block;
    top: 5px;
    margin-right: 8px
}

header .horni .prava .login a.prihlasit:before {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -67px -34px no-repeat;
    height: 23px;
    width: 22px
}

header .horni .prava .login a.registrace:before {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -16px -34px no-repeat;
    height: 23px;
    width: 16px
}

hheader .horni .prava .jazyky {
    position: relative;
    display: inline-block;
    line-height: 32px;
    height: 32px;
    margin-right: -50px;
    width: 300px;
}

@media (max-width: 1240px) {
    header .horni .prava .jazyky {
        margin-right: 0
    }
}

header .horni .prava .jazyky a {
    position: relative;
    top: 2px;
    vertical-align: middle;
    margin: 5px 5px;
    padding-left: 25px;
    float: left;
    width: 85px;
    line-height: 22px;
    font-size: 13px;
    color: black;

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease
}



header .horni .prava .jazyky a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}

.flag_cz {
    background: url("/template/CZ/2015/images/cz.png") no-repeat 0 0;
    width: 20px;
    height: 15px;
}

.flag_sk {
    background: url("/template/CZ/2015/images/sk.png") no-repeat 0 0;
    width: 20px;
    height: 15px;
}

header .dolni {
    position: relative;
    display: block;
    background-color: white;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    padding-top: 22px
}

@media (max-width: 1240px) {
    header .dolni {
        text-align: center
    }
}

header .dolni .logo {
    position: relative;
    display: inline-block;
    margin-left: 35px;
    height: 35px;
    width: 331px;
}

@media (max-width: 1240px) {
    header .dolni .logo {
        display: block;
        margin-left: 0
    }
}

header .dolni .logo a {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;

    background: url("/template/SK/2015/images/supersektor.png") no-repeat 0 0;;
    width: 313px;
    height: 51px;
    display: inline-block;
    line-height: 100px;

}

header .dolni .logo a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7
}

@media (max-width: 1240px) {
    header .dolni .logo a img {
        width: 80%;
        max-width: 313px
    }
}

header .dolni .search {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 60px;
    margin-top: 4px
}

@media (max-width: 1240px) {
    header .dolni .search {
        margin-left: 0;
        display: block;
        margin-top: 10px
    }
}

header .dolni .search input {
    position: relative;
    display: inline-block;
    border: 5px solid #D3D7DC;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    height: 51px;
    line-height: 51px;
    padding: 0 17px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 490px;
    font-size: 15px;
    color: #919699;
    vertical-align: top;
    background-image: url(/template/SK/2015/images/search-back.png)
}

@media (max-width: 470px) {
    header .dolni .search input {
        width: 200px
    }
}

header .dolni .search button {
    position: relative;
    display: inline-block;
    border: 0;
    background-color: #F41E32;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    height: 51px;
    width: 51px;
    text-align: center;
    line-height: 51px
}

header .dolni .search button:after {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -44px -34px no-repeat;
    height: 23px;
    width: 23px;
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -2px
}

header .dolni .search button:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

header .dolni .search button:hover:before {
    height: 100%
}

/* Cart */
header .dolni .kosik {
    position: absolute;
    right: 0;
    margin-top: 8px;
    margin-right: 50px;
    top: 22px;
    z-index: 505;
}

@media (max-width: 1240px) {
    header .dolni .kosik {
        display: block;
        float: none;
        margin-right: 0;
        position: relative;
        top: auto;
        right: auto;
        margin-top: 20px
    }
}

header .dolni .kosik > div.cart {
    position: relative;
    display: inline-block;
    background-color: #51B9F2;
    border-left: 65px solid #42ABE5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    width: 125px;
    text-align: center;
    color: white;
    font-family: 'Roboto-Black', ARIAL, sans-serif;
    text-decoration: none;
    font-size: 21px;
    height: 44px;
    line-height: 44px
}

.cart-link {
    position: absolute;
    display: block;
    width: 190px;
    height: 44px;
    left: -65px;
    z-index: 10;
}

.kosik #kosik_cena {
    color: white;
}

header .dolni .kosik > div.cart:after {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -9px -61px no-repeat;
    height: 27px;
    width: 32px;
    content: '';
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    top: 8px;
    left: -47px
}

header .dolni .kosik > div.cart:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2);
    z-index: 9;
}

header .dolni .kosik > div.cart:hover:before {
    height: 100%
}

header #kosik_kusu {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    background-color: #F41E32;
    line-height: 30px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 17px;
    right: -15px;
    top: -15px
}

/* Drop Down Cart */
.kosik div.cart:hover .cart-content {
    display: block;
}

.kosik div.cart .cart-content {
    display: none;
    position: absolute;
    top: 42px;
    right: 0;
    width: 300px;
    background: #74c7f5;
    font-size: 11px;
    font-weight: 400;
    border-radius: 5px 0 5px 5px;
    z-index: 510;
}

.kosik div.cart .cart-content .wrapper {
    padding: 10px;
}

/* Product Table */
.kosik div.cart .cart-content .wrapper table.cart-products {
    vertical-align: middle;
    line-height: normal;
}

.kosik div.cart .cart-content .wrapper table.cart-products tr {
    border-bottom: solid 1px #9ed8f9;
}

.kosik div.cart .cart-content .wrapper table.cart-products td {
    vertical-align: middle;
    padding: 4px;
    font-weight: 400;
    text-align: left;
}

.kosik div.cart .cart-content .wrapper table.cart-products img {
    max-width: 25px;
    height: auto;
    display: block;
}

.kosik div.cart .cart-content .wrapper table.cart-products td a {
    display: block;
    color: #fff;
    font-weight: 400;
    line-height: 14px;
}

.kosik div.cart .cart-content .wrapper table.cart-products td button {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #f41e32;
    color: #fff;
    border-radius: 10px;
    border: none;
    cursor: pointer;
}

/* Total Table */
.kosik div.cart .cart-content .wrapper table.cart-products-total {
    width: 70%;
    margin-left: 30%;
    line-height: normal;
    font-size: 13px;
    font-weight: 300;
    border-bottom: solid 1px #6ec5f5;
    margin-bottom: 10px;
    text-align: left;
}

.kosik div.cart .cart-content .wrapper table.cart-products-total td {
    padding: 4px;
}

.kosik div.cart .cart-content .wrapper table.cart-products-total td b {
    font-size: 16px;
}

/* Button */
.kosik div.cart .cart-content .wrapper .cart-button {
    border-top: solid 1px #9ed8f9;
    padding-top: 0px;
}

.kosik div.cart .cart-content .wrapper .cart-button a {
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #F41E32;
    color: #fff;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

.kosik div.cart .cart-content .wrapper .cart-button a:hover {
    background: #bf1525;
}

/* ----  Navigation  ----- */
header .dolni nav {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 24px;
    border-top: 1px solid #F2F3F5;
    text-align: center;
    z-index: 502;
}

header .dolni nav .respons_menu_dolni {
    position: relative;
    display: inline-block;
    width: 50px;
    margin: 10px 0;
    height: 50px;
    background-color: red;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -24px -136px no-repeat;
    height: 23px;
    width: 30px
}

@media (min-width: 1240px) {
    header .dolni nav .respons_menu_dolni {
        display: none
    }
}

header .dolni nav ul {
    position: relative;
    display: block
}

@media (min-width: 1240px) {
    header .dolni nav ul {
        display: block !important
    }
}

@media (max-width: 1240px) {
    header .dolni nav ul {
        display: none
    }
}

@media (max-width: 1240px) {
    header .dolni nav ul {
        border-top: 1px solid #F2F3F5
    }
}

header .dolni nav ul li {
    display: inline-block
}

@-moz-document url-prefix() {
    header .dolni nav ul li {
        margin-left: -1px
    }
}

@media (max-width: 1240px) {
    header .dolni nav ul li {
        width: 20%
    }
}

@media (max-width: 550px) {
    header .dolni nav ul li {
        width: 25%
    }
}

@media (max-width: 440px) {
    header .dolni nav ul li {
        width: 50%
    }
}

header .dolni nav ul li:hover ul {
    display: block !important
}

@media (max-width: 1239px) {
    header .dolni nav ul li:hover ul {
        display: none !important
    }
}

header .dolni nav ul li:last-of-type a, header .dolni nav ul li:first-of-type a {
    width: 137px
}

@media (max-width: 1240px) {
    header .dolni nav ul li:last-of-type a, header .dolni nav ul li:first-of-type a {
        width: 100%
    }
}

header .dolni nav ul li:last-of-type a figure, header .dolni nav ul li:last-of-type a span {
    border-right: 0
}

header .dolni nav ul li ul {
    position: absolute;
    width: 100%;
    left: 0;
    top: 140px;
    background-color: #51B9F2;
    padding: 15px 0;
    display: none !important;
    z-index: 500;
    text-align: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

header .dolni nav ul li ul:before {
    position: absolute;
    top: -11px;
    background-color: transparent;
    width: 100%;
    left: 0;
    z-index: 999;
    content: "";
    height: 11px
}

/*header .dolni nav ul li ul:after  */
header .dolni nav ul li a span:after {
    display: none;
    position: absolute;
    top: 50px;
    width: 100%;
    left: 50%;
    margin-left: -11px;
    z-index: 9999;
    content: "";
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -72px -18px no-repeat;
    height: 11px;
    width: 21px
}

header .dolni nav ul li:hover a span:after {
    display: block;
}

@media (max-width: 1239px) {
    header .dolni nav ul li:hover a span:after {
        display: none !important
    }
}

header .dolni nav ul li ul li {
    position: relative;
    display: inline-block;
    width: 18%;
    margin-right: 2%;
    border-bottom: solid 1px #6fc7f7;
}

/*header .dolni nav ul li ul li:last-of-type{border-radius:0 0 5px 5px;    -webkit-border-radius:0 0 5px 5px;    -moz-border-radius:0 0 5px 5px;    -ms-border-radius:0 0 5px 5px;    -o-border-radius:0 0 5px 5px;    overflow:hidden}
header .dolni nav ul li ul li:first-of-type{border-radius:5px 5px 0 0;    -webkit-border-radius:5px 5px 0 0;    -moz-border-radius:5px 5px 0 0;    -ms-border-radius:5px 5px 0 0;    -o-border-radius:5px 5px 0 0;    overflow:hidden}
*/
header .dolni nav ul li ul li a {
    background-image: none;
    display: block;
    width: auto !important;
    text-align: left;
    padding: 15px 15px;
    height: auto;
    font-size: 15px;
    color: white;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease
}

header .dolni nav ul li ul li a:hover {
    background-color: #91D0F5
}

header .dolni nav ul li a {
    position: relative;
    display: inline-block;
    width: 138px;
    height: 129px;
    background-image: url(/template/SK/2015/images/nav-back.png);
    text-align: center;
    background-size: cover;
    text-decoration: none
}

@media (max-width: 1240px) {
    header .dolni nav ul li a {
        width: 100%
    }
}

header .dolni nav ul li a span:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

header .dolni nav ul li a:hover span:before {
    height: 100%
}

header .dolni nav ul li a figure {
    position: relative;
    display: block;
    height: 80px;
    line-height: 80px;
    border-right: 1px solid #E5E9ED
}

header .dolni nav ul li a figure img {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

header .dolni nav ul li a span {
    position: relative;
    display: block;
    color: white;
    border-right: 1px solid #45A9E0;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    line-height: 49px;
    background-color: #51B9F2
}

.nejkulatoulinkatejsi {
    position: relative;
    display: block;
    background-color: white;
    margin-bottom: 27px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.nejkulatoulinkatejsi.k {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

@media (min-width: 1240px) {
    .nejkulatoulinkatejsi.postrani {
        /*        background-image: url(/template/SK/2015/images/postrani_back.png);*/
        background-repeat: repeat-y;
        background-position: top left
    }

    .nejkulatoulinkatejsi.postrani_svetla {
        background-image: url(/template/SK/2015/images/postrani_back_svetla.png);
        background-repeat: repeat-y;
        background-position: top left
    }
}

.uvodka {
    position: relative;
    display: block;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    overflow: hidden
}

@media (max-width: 1240px) {
    .uvodka {
        text-align: center;
        background-color: #ECECEE
    }
}

@media (max-width: 1040px) {
    .uvodka {
    }
}

.uvodka .akce {
    position: relative;
    display: inline-block;
    width: 234px
}

@-moz-document url-prefix() {
    .uvodka .akce {
        margin-left: -1px
    }
}

@media (max-width: 1240px) {
    .uvodka .akce {
        display: none
    }
}

.uvodka .akce a {
    position: relative;
    display: block;
    color: white;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease
}

.uvodka .akce a:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

.uvodka .akce a:hover:before {
    height: 100%
}

.uvodka .akce a.facebook {
    height: 144px;
    background-image: url(/template/SK/2015/images/vzornik-back.png);
    line-height: 140px
}

.uvodka .akce a.splatky {
    height: 144px;
    background-image: url(/template/SK/2015/images/splatky-back.png);
    line-height: 148px
}

.uvodka .akce a span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
    margin-left: 100px;
    vertical-align: middle
}

.uvodka .akce a span span {
    position: relative;
    display: block;
    margin-left: 0;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 20px
}

.uvodka .slider {
    position: relative;
    display: inline-block;
    width: 772px;
    vertical-align: top;
    height: 288px
}

@media (max-width: 1240px) {
    .uvodka .slider {
        text-align: left;
        width: 100%
    }
}

.uvodka .slider .slide {
    position: relative;
    display: block;
    width: 100%;
    height: 288px;
    overflow: hidden;
    background-size: cover
}

.uvodka .slider .slide .doprava {
    position: absolute;
    width: 108px;
    height: 108px;
    line-height: 108px;
    border-radius: 54px;
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    -ms-border-radius: 54px;
    -o-border-radius: 54px;
    color: white;
    background-color: rgba(243, 50, 68, 0.95);
    z-index: 9999;
    top: 10px;
    right: 75px;
    text-align: center
}

.uvodka .slider .slide .doprava span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    font-size: 16px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif
}

.uvodka .slider .slide h2 {
    font-size: 29px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    color: #47484a;
    position: relative;
    display: block;
    margin: 50px 0 0 60px
}

.uvodka .slider .slide p {
    position: relative;
    display: block;
    color: #83888b;
    font-size: 16px;
    line-height: 30px;
    margin: 18px 0 0 60px
}

.uvodka .slider .slide p b, .uvodka .slider .slide p strong {
    font-family: 'Roboto-Bold', ARIAL, sans-serif
}

.uvodka .slider .slide .akce {
    position: relative;
    display: block;
    margin: 40px 0 0 60px;
    color: #47484a;
    font-size: 21px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif
}

.uvodka .slider .slide .cena {
    position: relative;
    display: block;
    margin: 10px 0 0 60px;
    color: #7cbc00;
    font-size: 35px;
    font-family: 'Roboto-Black', ARIAL, sans-serif
}

.uvodka .slider .slide .acko {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    color: white;
    padding: 0 20px;
    background-color: #F41E32;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    margin-left: 60px;
    margin-top: 40px;
    border-left: 40px solid #C81021;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin-right: 17px
}

.uvodka .slider .slide .acko:after {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') 0 0 no-repeat;
    height: 13px;
    width: 13px;
    content: "";
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    top: 12px;
    left: -28px
}

.uvodka .slider .slide .acko:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

.uvodka .slider .slide .acko:hover:before {
    height: 100%
}

.uvodka .slider .cycle-pager {
    position: absolute;
    top: 243px;
    left: 59px;
    z-index: 101
}

.uvodka .slider .cycle-pager span {
    position: relative;
    display: inline-block;
    width: 78px;
    height: 4px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: #D7DAE1;
    cursor: pointer
}

.uvodka .slider .cycle-pager span.cycle-pager-active {
    background-color: #F41E32
}

.vyhody {
    position: relative;
    display: block
}

.vyhody div {
    position: relative;
    display: inline-block;
    width: 25%;
    line-height: 110px;
    vertical-align: top;
    text-align: center
}

@-moz-document url-prefix() {
    .vyhody div {
        margin-left: -1px
    }
}

@media (max-width: 1150px) {
    .vyhody div {
        width: 50%
    }
}

@media (max-width: 560px) {
    .vyhody div {
        width: 100%
    }
}

.vyhody div:before {
    content: "";
    position: relative;
    margin-right: 18px;
    display: inline-block;
    vertical-align: middle
}

.vyhody div.doprava:before {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -58px -61px no-repeat;
    height: 37px;
    width: 50px
}

.vyhody div.bezpecny_nakup:before {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') 0 -220px no-repeat;
    height: 43px;
    width: 46px
}

.vyhody div.rychla_expedice:before {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') 0 -175px no-repeat;
    height: 43px;
    width: 43px
}

.vyhody div.nabidka_zbozi:before {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -43px -175px no-repeat;
    height: 45px;
    width: 52px
}

.vyhody div span {
    position: relative;
    display: inline-block;
    font-size: 17px;
    color: #47484a;
    vertical-align: middle;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    line-height: 25px;
    text-align: left
}

.vyhody div span span {
    display: block;
    font-size: 14px;
    font-family: 'Calibri-Regular', ARIAL, sans-serif;
    line-height: 20px
}

.taby {
    position: relative;
    display: block
}

.taby .tabs {
    position: relative;
    display: block
}

.taby .tabs ul {
    position: relative;
    display: block;
    background-color: #FBFBFC
}

@media (max-width: 600px) {
    .taby .tabs ul {
        text-align: center
    }
}

.taby .tabs ul.svetle {
    background-color: white
}

.taby .tabs ul .vsechny_kategorie {
    position: absolute;
    right: 30px;
    line-height: 30px;
    top: 15px;
    font-size: 14px;
    color: #919699;
    display: inline-block
}

@media (max-width: 600px) {
    .taby .tabs ul .vsechny_kategorie {
        display: none
    }
}

.taby .tabs ul .vsechny_kategorie:hover {
    text-decoration: none
}

.taby .tabs ul .vsechny_kategorie:after {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') 0 -61px no-repeat;
    height: 7px;
    width: 9px;
    content: "";
    position: relative;
    display: inline-block;
    margin-left: 5px;
    z-index: 999999999
}

.taby .tabs ul li {
    position: relative;
    display: inline-block;
    line-height: 49px;
    height: 49px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 15px;
    color: #fff;
    border-left: solid 3px #FBFBFC;
}

.taby .tabs .tab > ul li {
    position: relative;
    display: block;
    line-height: 28px;
    height: 28px;
    color: #47484a;
    border-left: none;
    padding-left: 10px;
}

.taby .tabs ul li.robot {
    font-family: 'Calibri-Bold', ARIAL, sans-serif
}

.taby .tabs ul li.ui-state-active {
    background-color: #F1F1F3
}

.taby .tabs ul li.ui-state-active:before {
    content: "";
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -24px -18px no-repeat;
    height: 9px;
    width: 17px;
    position: absolute;
    left: 48%;
    z-index: 2;
    left: calc(50% - 8px);
    bottom: -8px;
    display: inline-block;
    vertical-align: middle
}

.taby .tabs ul li.ui-state-active a {
    color: #47484a;
    background: #e7e7ea;
}

.taby .tabs ul li.ui-state-active:hover a {
    color: #47484a;
    background: #e7e7ea;
}

.taby .tabs ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 0 20px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    background: #45A9E0;
}

.taby .tabs ul li a:focus {
    outline: 0
}

.taby .tabs ul li a:hover {
    color: #fff;
    background: #2483b7;
}

.taby .tabs ul li:focus {
    outline: 0
}

.taby .tabs .tab {
    position: relative;
    display: block
}

.taby .tabs .tab.popisky {
    position: relative;
    display: block;
    padding: 40px;
    padding-top: 20px;
    font-size: 15px
}

.taby .tabs .tab.popisky strong, .taby .tabs .tab.popisky b {
    font-family: 'Calibri-Bold', ARIAL, sans-serif
}

.taby .tabs .tab.popisky h2 {
    line-height: 50px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    color: #47484a;
    font-size: 16px
}

.taby .tabs .tab.popisky p {
    position: relative;
    display: block;
    margin-bottom: 25px;
    line-height: 26px
}

.oblibene_kategorie {
    position: relative;
    display: block
}

.oblibene_kategorie .obl_kategorie {
    position: relative;
    display: inline-block;
    width: 310px;
    text-align: center;
    border-right: 1px solid #F3F3F7;
    padding-bottom: 46px
}

.oblibene_kategorie .obl_kategorie .pos {
    position: relative;
    display: block
}

.oblibene_kategorie .obl_kategorie .od {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 2;
    display: inline-block;
    line-height: 35px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: rgba(105, 119, 135, 0.7);
    font-size: 16px;
    padding: 0 9px;
    color: white
}

.oblibene_kategorie .obl_kategorie figure {
    position: relative;
    display: block;
    height: 200px;
    line-height: 200px
}

.oblibene_kategorie .obl_kategorie figure img {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.oblibene_kategorie .obl_kategorie h2 {
    position: relative;
    display: block;
    color: #47484a;
    font-size: 16px;
    margin-bottom: 14px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif
}

.oblibene_kategorie .obl_kategorie .podkat {
    position: relative;
    display: block
}

.oblibene_kategorie .obl_kategorie .podkat a {
    position: relative;
    display: inline-block;
    text-decoration: underline;
    color: #51b9f2;
    font-size: 16px;
    margin: 0 9px
}

.oblibene_kategorie .obl_kategorie .podkat a:hover {
    color: #f41e32
}

.dalsi, .predchozi {
    position: absolute;
    background-color: #D7DAE1;
    z-index: 2;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    top: 123px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px
}

.dalsi:before, .predchozi:before {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -47px -113px no-repeat;
    height: 19px;
    width: 12px
}

.dalsi:hover, .predchozi:hover {
    background-color: #51B9F2
}

.dalsi {
    right: -20px
}

.dalsi:before {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -47px -113px no-repeat;
    height: 19px;
    width: 12px;
    right: -2px
}

.predchozi {
    left: -20px
}

.predchozi:before {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -35px -113px no-repeat;
    height: 19px;
    width: 12px;
    left: -2px
}

.produkty {
    position: relative;
    display: block;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px
}

.produkty.maly {
    width: 1005px
}

@media (max-width: 1240px) {
    .produkty.maly {
        width: auto;
        text-align: center;
        border-left: 1px solid #F3F3F7
    }
}

.produkty.maly h2 {
    position: relative;
    display: block;
    color: #47484a;
    line-height: 58px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 17px;
    padding-left: 37px;
    border: 1px solid #F3F3F7;
    border-right: 0
}

.produkty.maly.hodne .produkt {
    border-bottom: 1px solid #F3F3F7;
    float: left;
}

.produkty.maly.nahore {
    border-top: 1px solid #F3F3F7
}

.produkt {
    position: relative;
    float: left;
    width: 247px;
    height: 300px;
    border-right: 1px solid #F3F3F7;
    text-align: center;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px
}

@media (max-width: 1240px) {
    .produkt {
        border-right: 0
    }
}

.produkt .pos {
    position: relative;
    display: block
}

.produkt .pos.akce:before {
    position: absolute;
    content: "Super cena";
    top: 5px;
    left: 50%;
    margin-left: -19px;
    z-index: 2;
    display: inline-block;
    line-height: 25px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: #F41E32;
    font-size: 12px;
    padding: 0 4px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5;
}

.produkt .pos.dopravazdarma:before {
    position: absolute;
    content: "Doprava zdarma";
    top: 5px;
    left: 50%;
    margin-left: -57px;
    z-index: 2;
    display: inline-block;
    line-height: 25px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: #00cc33;
    font-size: 12px;
    padding: 0 4px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5;
}

.produkt .pos.modifications-product figure:before {
    position: absolute;
    content: "";
    top: 10px;
    right: 5px;
    width: 38px;
    height: 68px;
    z-index: 10px;
    display: inline-block;
    border-radius: 3px;
    background: url('/template/SK/2015/images/modifications-product.png') 0 0 no-repeat;
}

.produkt .pos.darek:before {
    position: absolute;
    content: "Dárek";
    top: 5px;
    left: 50%;
    margin-left: -20px;
    z-index: 2;
    display: inline-block;
    line-height: 25px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: #1b83ff;
    font-size: 12px;
    padding: 0 4px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5;
}

.produkt .pos.akce .cena .cen {
    line-height: 20px;
    color: #f41e32
}

.produkt .pos.akce .cena .pred {
    position: relative;
    display: block;
    color: #535456;
    font-size: 13px;
    text-decoration: line-through;
    line-height: 13px
}

.produkt .pos figure {
    position: relative;
    display: block;
    height: 200px;
    line-height: 200px;
    text-align: center;
    padding-top: 10px;
}

.produkt .pos figure img {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.produkt .pos h2, .produkt .pos .nazev {
    position: relative;
    display: block;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
    color: #47484a;
    min-height: 28px;
}

.produkt .pos .dole {
    position: relative;
    display: block;
    text-align: center;
    padding: 0 20px;
    min-height: 56px;
}

.produkt .pos .dole .detail {
    float: left
}

.produkt .pos .dole .cena {
    float: right
}

.produkt .pos .detail {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 65px;
    text-decoration: none;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    color: white;
    background-color: #51B9F2;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    border-left: 40px solid #42ABE5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin-right: 10px
}

@media (max-width: 1240px) {
    .produkt .pos .detail {
        display: block
    }
}

.produkt .pos .detail:after {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -17px -113px no-repeat;
    height: 18px;
    width: 18px;
    content: "";
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    top: 9px;
    left: -28px
}

.produkt .pos .detail:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

.produkt .pos .detail:hover:before {
    height: 100%
}

.produkt .pos .cena {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    line-height: 36px;
    font-size: 18px
}

.produkt .pos .cena span {
    position: relative;
    display: block
}

.produkt .pos .cena span.cen {
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    color: #51b9f2;
    font-size: 18px
}

.prvni_roh {
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0
}

.posledni_roh {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px
}

.reference {
    position: relative;
    display: inline-block;
    width: 355px;
    vertical-align: top;
    height: 306px;
    background-size: cover;
    padding: 30px;
    background-image: url(/template/SK/2015/images/reference-back.png)
}

@media (max-width: 1240px) {
    .reference {
        width: 100%;
        height: auto
    }
}

.reference .certifikaty {
    position: relative;
    display: block;
    text-align: center
}

@media (max-width: 1240px) {
    .reference .certifikaty {
        text-align: left;
        left: -30px
    }
}

@media (max-width: 450px) {
    .reference .certifikaty {
        text-align: center
    }
}

.reference .certifikaty a {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease
}

.reference .certifikaty a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85
}

.reference .certifikaty a img {
    margin: 0
}

.reference .certifikaty img {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle
}

.reference .recenze {
    position: relative;
    display: block;
    margin-top: 30px
}

.reference .recenze p {
    position: relative;
    display: block;
    color: white;
    font-size: 15px;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 12px
}

@media (max-width: 1240px) {
    .reference .recenze p {
        padding-right: 60px
    }
}

.reference .recenze p:after {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -68px 0 no-repeat;
    height: 14px;
    width: 19px;
    content: "";
    position: relative;
    display: inline-block;
    top: 2px
}

.reference .recenze span.od {
    position: relative;
    display: inline-block;
    color: #c3c9cd;
    font-size: 15px
}

.reference .recenze .hvezdy {
    position: relative;
    float: right;
    top: -4px
}

@media (max-width: 1240px) {
    .reference .recenze .hvezdy {
        margin-right: 50px
    }
}

@media (max-width: 330px) {
    .reference .recenze .hvezdy {
        float: left;
        top: 4px
    }
}

.pobocky {
    position: relative;
    display: inline-block;
    height: 366px;
    vertical-align: top
}

@-moz-document url-prefix() {
    .pobocky {
        margin-left: -2px
    }
}

@media (max-width: 1240px) {
    .pobocky {
        display: block;
        text-align: center;
        height: auto
    }
}

.pobocky .mapa {
    position: relative;
    display: inline-block;
    height: 366px;
    width: 578px;
    background-image: url(/template/SK/2015/images/mapa.png)
}

@media (max-width: 650px) {
    .pobocky .mapa {
        display: none
    }
}

.pobocky .mapa span {
    position: absolute;
    width: 66px;
    height: 76px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    background-image: url(/template/SK/2015/images/pobocka.png)
}

.pobocky .mapa span.active {
    background-image: url(/template/SK/2015/images/pobocka-active.png);
    z-index: 99999999999
}

.pobocky .mapa span.jevicko {
    top: 26px;
    left: 119px
}

.pobocky .mapa span.blansko {
    top: 235px;
    left: 205px
}

.pobocky .mapa span.prostejov {
    top: 212px;
    left: 290px
}

.pobocky .mapa span.castlovice {
    top: 152px;
    left: 89px
}

.pobocky .pob {
    position: relative;
    display: inline-block;
    width: 247px;
    vertical-align: top
}

@media (max-width: 1240px) {
    .pobocky .pob {
        width: calc(100% - 578px)
    }
}

@media (max-width: 917px) {
    .pobocky .pob {
        display: block;
        width: 100%
    }
}

.pobocky .pob h2 {
    position: relative;
    display: block;
    text-align: center;
    line-height: 86px;
    font-size: 19px;
    border-bottom: 1px solid #F3F3F7;
    color: #47484a;
    font-family: 'Roboto-Bold', ARIAL, sans-serif
}

.pobocky .pob .prodejna {
    position: relative;
    display: inline-block;
    width: 100px;
    padding-left: 23px;
    height: 92px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    line-height: 92px;
    border-bottom: 1px solid #F3F3F7;
    cursor: pointer
}

@-moz-document url-prefix() {
    .pobocky .pob .prodejna {
        margin-left: -1px
    }
}

@media (max-width: 1240px) {
    .pobocky .pob .prodejna {
        width: 49.5%;
        padding-left: 0
    }
}

.pobocky .pob .prodejna h3 {
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-top: 22px;
    color: #5d5e60
}

.pobocky .pob .prodejna span {
    position: relative;
    display: block;
    line-height: 15px;
    margin-top: 6px;
    font-size: 14px;
    color: #bfc2c4
}

.pobocky .pob .prodejna:nth-of-type(even) {
    border-left: 1px solid #F3F3F7
}

.pobocky .pob .prodejna:hover {
    background-color: #F11E31
}

.pobocky .pob .prodejna:hover h3, .pobocky .pob .prodejna:hover span {
    color: white
}

.znacky {
    position: relative;
    display: block
}

@media (max-width: 1240px) {
    .znacky {
        text-align: center
    }
}

.znacky div {
    position: relative;
    display: inline-block;
    width: 206px;
    margin: 30px 0;
    text-align: center
}

@-moz-document url-prefix() {
    .znacky div {
        margin-left: -1px
    }
}

.znacky div figure {
    position: relative;
    display: block;
    height: 60px;
    line-height: 60px
}

.znacky div figure img {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.znacky div span {
    position: relative;
    display: block;
    font-size: 14px;
    color: #acaeb1
}

footer {
    position: relative;
    display: block;
    background-color: #EDEEF1
}

@media (max-width: 1240px) {
    footer {
        text-align: center
    }
}

footer .sloupec {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-right: 1px solid #DDE0E6;
    height: 292px;
    vertical-align: top;
    width: 310px;
    font-size: 14px;
    padding: 30px 30px 0 30px
}

@-moz-document url-prefix() {
    footer .sloupec {
        margin-left: -1px
    }
}

@media (max-width: 1240px) {
    footer .sloupec {
        width: 49.5%;
        text-align: left;
        border-bottom: 1px solid #DDE0E6
    }

    footer .sloupec:nth-of-type(2n) {
        border-right: 0
    }
}

@media (max-width: 630px) {
    footer .sloupec {
        width: 100%;
        text-align: center;
        border-right: 0;
        height: auto;
        padding-bottom: 30px;
        border-bottom: 1px solid #DDE0E6
    }

    footer .sloupec:nth-of-type(2n) {
        border-right: 0
    }
}

footer .sloupec:last-of-type {
    border-right: 0
}

footer .sloupec:last-of-type:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    z-index: 50;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') 0 -496px no-repeat;
    height: 208px;
    width: 110px
}

@media (max-width: 630px) {
    footer .sloupec:last-of-type:after {
        z-index: 0
    }
}

@media (max-width: 420px) {
    footer .sloupec:last-of-type:after {
        display: none
    }
}

footer .sloupec h2 {
    position: relative;
    display: block;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    margin-bottom: 26px;
    color: #47484a;
    font-size: 16px
}

footer .sloupec .telefon {
    position: relative;
    display: block;
    color: #7cbc00;
    font-size: 21px;
    font-family: 'Roboto-Black', ARIAL, sans-serif;
    z-index: 5;
    margin-bottom: 15px;
    line-height: 27px
}

footer .sloupec .mail {
    position: relative;
    display: inline-block;
    text-decoration: underline;
    color: #a8abb0;
    margin-bottom: 26px;
    font-size: 14px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    z-index: 5
}

footer .sloupec .mail:hover {
    text-decoration: none
}

footer .sloupec .facebook {
    border-left: 42px solid #2D568E;
    background-color: #3968A8;
    line-height: 43px;
    height: 43px;
    position: relative;
    display: block;
    width: 100px;
    text-align: center;
    padding: 0 24px;
    color: white;
    text-decoration: none;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 16px;
    z-index: 5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

@media (max-width: 630px) {
    footer .sloupec .facebook {
        margin: 0 auto;
        z-index: 51
    }
}

footer .sloupec .facebook:after {
    content: "";
    position: absolute;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -57px 0 no-repeat;
    height: 18px;
    width: 11px;
    left: -27px;
    top: 12px
}

footer .sloupec .facebook:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

footer .sloupec .facebook:hover:before {
    height: 100%
}

footer .sloupec ul {
    position: relative;
    display: block
}

footer .sloupec ul li {
    position: relative;
    display: block
}

footer .sloupec ul li a {
    position: relative;
    display: inline-block;
    color: #999999;
    text-decoration: underline;
    line-height: 27px
}

footer .sloupec ul li a:hover {
    text-decoration: none
}

footer .sloupec p {
    position: relative;
    display: block;
    color: #999999;
    line-height: 26px
}

footer .sloupec .news {
    position: relative;
    display: block;
    margin-top: 30px;
    font-size: 0px
}

footer .sloupec .news input {
    position: relative;
    display: inline-block;
    width: calc(100% - 46px);
    border: 0;
    margin: 0;
    padding: 0 15px;
    height: 43px;
    vertical-align: top;
    font-family: 'Calibri-Regular', ARIAL, sans-serif;
    color: #535456;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    font-size: 14px;
    line-height: 43px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    -moz-box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05)
}

footer .sloupec .news button {
    position: relative;
    display: inline-block;
    width: 46px;
    color: white;
    border: 0;
    margin: 0;
    background-color: #51B9F2;
    height: 43px;
    border-radius: 0px 4px 4px 0;
    -webkit-border-radius: 0px 4px 4px 0;
    -moz-border-radius: 0px 4px 4px 0;
    -ms-border-radius: 0px 4px 4px 0;
    -o-border-radius: 0px 4px 4px 0;
    line-height: 43px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 16px;
    cursor: pointer
}

@-moz-document url-prefix() {
    footer .sloupec .news button {
        margin-left: -1px
    }
}

footer .sloupec .news button:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

footer .sloupec .news button:hover:before {
    height: 100%
}

.copy {
    position: relative;
    display: block;
    line-height: 20px;
    padding: 15px 0 45px 0;
    text-align: center;
    color: #cdcdce;
    font-size: 15px
}

.postrani_svetla aside {
    background-color: #EDEEF1
}

aside {
    position: relative;
    display: inline-block;
    width: 247px;
    height: 100%;
    vertical-align: top;
    background-color: #738190
}

@media (max-width: 1240px) {
    aside {
        width: 100%;
        text-align: center
    }
}

aside .poradit {
    position: relative;
    display: block;
    background-color: #F8F8F9;
    padding-top: 25px;
    padding-bottom: 30px
}

@media (max-width: 1240px) {
    aside .poradit {
        display: none
    }
}

aside .poradit:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') 0 -289px no-repeat;
    height: 207px;
    width: 104px
}

aside .poradit span {
    position: relative;
    display: block;
    padding-left: 110px
}

aside .poradit span.potrebujete {
    line-height: 30px;
    font-size: 15px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    color: #5d5e60
}

aside .poradit span.pomuzeme {
    line-height: 25px;
    font-size: 14px;
    color: #a8abb0;
    margin-top: 20px
}

aside .kontakty {
    position: relative;
    display: block;
    padding: 15px 0;
    background-color: #F4F5F7;
    padding-left: 25px
}

aside .kontakty .telefon {
    color: #7cbc00;
    font-family: 'Roboto-Black', ARIAL, sans-serif;
    position: relative;
    display: block;
    line-height: 40px;
    font-size: 14px
}

aside .kontakty .mail {
    color: #a8abb0;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    position: relative;
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
    text-decoration: underline
}

aside .kontakty .mail:hover {
    text-decoration: none
}

aside nav {
    position: relative;
    display: block
}

aside nav h2 {
    position: relative;
    display: none;
    background-color: #51B9F2;
    color: white;
    font-size: 16px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    line-height: 53px;
    height: 53px;
    padding-left: 32px
}

@media (max-width: 1240px) {
    aside nav h2 {
        display: block;
        padding-left: 0;
    }

    aside nav h2:after {
        position: relative;
        display: inline-block;
        content: "";
        background: url('/template/SK/2015/images/sprite-s876b462851.png') -78px -113px no-repeat;
        height: 23px;
        width: 30px;
        top: 4px;
        margin-left: 10px
    }
}

aside nav > ul {
    position: relative;
    display: block;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    color: white;
    font-size: 16px
}

@media (max-width: 1240px) {
    aside nav > ul {
        display: block;
    }
}

@media (min-width: 1240px) {
    aside nav > ul {
        display: block !important
    }
}

aside nav > ul > li {
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 1px solid #606D7B
}

@media (max-width: 1240px) {
    aside nav > ul {
        display: block;
    }
}

aside nav > ul > li h3 {
    position: relative;
    display: block;
    cursor: pointer;
    line-height: 53px;
    height: 53px;
    padding-left: 32px
}

@media (max-width: 1240px) {
    aside nav > ul > li {
        display: none;
    }
}

aside nav > ul > li h3.active {
    border-left: 6px solid #F41E32;
    padding-left: 26px;
    background-color: #47484A
}

@media (max-width: 1240px) {
    aside nav > ul > li h3.active {
        padding-left: 0
    }
}

aside nav > ul > li h3:hover {
    background-color: #47484A
}

aside nav > ul > li > a {
    position: relative;
    display: inline-block;
    line-height: 53px;
    height: 53px;
    padding-left: 32px
}

@media (max-width: 1240px) {
    aside nav > ul > li > a {
        padding-left: 0
    }
}

aside nav > ul > li > a:hover {
    background-color: #47484A
}

aside nav > ul > li ul {
    display: block
}

aside nav > ul > li ul li {
    border-bottom: 0
}

aside nav > ul > li ul li a {
    position: relative;
    display: block;
    background-color: #EDEEF1;
    color: #5d5e60;
    border-left: 6px solid #D4D6DA;
    padding-left: 42px;
    line-height: 38px;
    height: 38px;
    font-size: 13px;
    border-bottom: 1px solid #E2E3E8
}

@media (max-width: 1240px) {
    aside nav > ul > li ul li a {
        padding-left: 0
    }
}

aside nav > ul > li ul li a:hover {
    border-left: 6px solid #51B9F2;
    background-color: #EDEEF1
}

aside nav > ul > li ul li a.select {
    border-left: 6px solid #f22938;
    background-color: #EDEEFF
}

aside nav > ul > li ul li:last-of-type a {
    border-bottom: 0
}

aside nav > ul > li > a {
    position: relative;
    display: block;
    color: white;
    line-height: 53px;
    height: 53px;
    text-decoration: none
}

aside nav > ul > li > a.select {
    background: #606d7b;
}

.strana {
    position: relative;
    display: inline-block;
    width: 990px;
    margin-left: 1px
}

@media (max-width: 1240px) {
    .strana {
        width: 100%;
        display: block
    }
}

.strana .drobitko {
    position: relative;
    display: block;
    line-height: 52px;
    height: 52px;
    border-bottom: 1px solid #F3F3F7
}

@media (max-width: 800px) {
    .strana .drobitko {
        height: auto;
        overflow: hidden;
        line-height: 22px;
        padding-top: 3px;
        text-align: center
    }
}

.strana .drobitko a {
    position: relative;
    display: inline-block;
    padding: 0 37px;
    text-decoration: underline;
    font-size: 14px;
    color: #acaeb1
}

@media (max-width: 800px) {
    .strana .drobitko a {
        padding: 0 10px
    }
}

.strana .drobitko a:hover {
    text-decoration: none
}

.strana .drobitko a:after {
    content: "";
    position: absolute;
    background-color: red;
    right: 0;
    top: 0;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -41px -61px no-repeat;
    height: 52px;
    width: 17px
}

@media (max-width: 800px) {
    .strana .drobitko a:after {
        display: none
    }
}

.strana .drobitko span {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    font-size: 14px;
    color: #acaeb1
}

@media (max-width: 800px) {
    .strana .drobitko span {
        padding: 0 10px
    }
}

.detail {
    position: relative;
    display: block
}

.detail h1 {
    position: relative;
    display: block;
    color: #47484a;
    font-size: 29px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    border-bottom: 1px solid #F3F3F7;
    padding-left: 37px;
    line-height: 56px
}

.detail h1.dolene {
    border-bottom: 0
}

.detail .prava_galerie {
    position: relative;
    display: inline-block;
    width: 395px;
    vertical-align: top
}

@media (max-width: 1100px) {
    .detail .prava_galerie {
        display: block;
        width: 100%
    }
}

.detail .prava_galerie .galerie {
    position: relative;
    display: block;
    border-bottom: 1px solid #F3F3F7
}

.detail .prava_galerie .galerie .specialOfferSliderWrapper {
    padding: 0;
    background: none;
    width: 100%;
}

.detail .prava_galerie .galerie .specialOfferSliderWrapper .specialOfferSlider {
    height: 132px;
}

@media (max-width: 1023px) {
    .detail .prava_galerie .galerie .specialOfferSliderWrapper .specialOfferSlider {
        width: 100% !important;
    }
}

.detail .prava_galerie .galerie .specialOfferSliderWrapper .specialOfferSlider .cycle-next {
    right: 3px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-top: -12px;
    background: rgba(215, 218, 225, 0.5);
}

.detail .prava_galerie .galerie .specialOfferSliderWrapper .specialOfferSlider .cycle-prev {
    left: 3px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-top: -12px;
    background: rgba(215, 218, 225, 0.5);
}

.detail .prava_galerie .galerie .specialOfferSliderWrapper .specialOfferSlider .slideGallery {
    width: 100%;
}

@media (max-width: 1100px) {
    .detail .prava_galerie .galerie {
        text-align: center
    }
}

.detail .prava_galerie .galerie .dalsi_fotky {
    position: absolute;
    left: -9999999999px;
    top: -9999999999px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.detail .prava_galerie .galerie .velky {
    position: relative;
    display: block;
    text-align: center;
    border-bottom: 1px solid #F3F3F7;
    padding: 50px
}

.detail .prava_galerie .galerie .akce:before {
    position: absolute;
    content: "Super cena";
    top: 5px;
    left: 50%;
    margin-left: -19px;
    z-index: 2;
    display: inline-block;
    line-height: 25px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: #F41E32;
    font-size: 12px;
    padding: 0 4px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

@media (max-width: 1100px) {
    .detail .prava_galerie .galerie .velky {
        padding: 50px 0
    }
}

.detail .prava_galerie .galerie .velky img {
    position: relative;
    display: inline-block
}

.detail .prava_galerie .galerie .maly {
    position: relative;
    display: inline-block;
    width: 131px;
    height: 132px;
    line-height: 132px;
    text-align: center;
    border-right: 1px solid #F3F3F7;
    float: left;
}

@media (max-width: 1100px) {
    .detail .prava_galerie .galerie .maly {
        width: 32%
    }
}

.detail .prava_galerie .galerie .maly img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 132px
}

.detail .prava_galerie .galerie .vice_fotek {
    position: relative;
    display: inline-block;
    width: 131px;
    text-align: center;
    height: 132px;
    vertical-align: top
}

.detail .prava_galerie .galerie .vice_fotek:before {
    position: relative;
    display: inline-block;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -54px -136px no-repeat;
    height: 39px;
    width: 52px;
    content: "";
    margin-top: 36px
}

.detail .prava_galerie .galerie .vice_fotek a {
    position: relative;
    display: inline-block;
    text-decoration: underline;
    color: #51b9f2;
    font-size: 15px
}

.detail .prava_galerie .galerie .vice_fotek a span {
    position: relative;
    display: inline-block;
    color: #cccccc;
    margin-top: 17px
}

.detail .prava_galerie .galerie .vice_fotek a:hover {
    text-decoration: none
}

.detail .prava_galerie .sdilet {
    position: relative;
    display: block;
    padding: 22px 0 0 42px
}

@media (max-width: 1100px) {
    .detail .prava_galerie .sdilet {
        text-align: center;
        padding: 22px 0 0 0
    }
}

.detail .prava_galerie .sdilet .katalog {
    position: relative;
    display: inline-block;
    color: #acaeb1;
    font-size: 16px
}

.detail .prava_galerie .sdilet .poslat {
    position: relative;
    display: inline-block;
    color: #acaeb1;
    font-size: 16px;
    text-decoration: underline;
    margin-left: 30px
}

@media (max-width: 1100px) {
    .detail .prava_galerie .sdilet .poslat {
        margin-left: 0;
        margin: 0 15px
    }
}

.detail .prava_galerie .sdilet .poslat:hover {
    text-decoration: none
}

.detail .prava_galerie .sdilet .poslat:before {
    position: relative;
    display: inline-block;
    content: "";
    top: 2px;
    margin-right: 6px;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -40px 0 no-repeat;
    height: 14px;
    width: 17px
}

.detail .prava_galerie .sdilet .socky {
    position: relative;
    display: block;
    margin-top: 30px
}

@media (max-width: 1100px) {
    .detail .prava_galerie .sdilet .socky {
        margin-bottom: 20px
    }
}

.detail .detaily {
    position: relative;
    display: inline-block;
    width: 594px;
    border-right: 1px solid #F3F3F7
}

@media (max-width: 1100px) {
    .detail .detaily {
        display: block;
        width: 100%
    }
}

.detail .detaily .kratky_popis {
    position: relative;
    display: block;
    border-bottom: 1px solid #F3F3F7;
    padding: 15px 0;
    line-height: 25px;
    padding-left: 37px;
    font-size: 15px
}

.detail .detaily .kratky_popis p {
    position: relative;
    display: block
}

.detail .detaily .kratky_popis p strong {
    font-family: 'Calibri-Bold', ARIAL, sans-serif
}

.detail .detaily .kratky_popis .vice {
    position: relative;
    display: inline-block;
    color: #51b9f2;
    font-size: 15px;
    text-decoration: underline
}

.detail .detaily .kratky_popis .vice:before {
    position: relative;
    display: inline-block;
    content: "";
    margin-right: 7px;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -9px -18px no-repeat;
    height: 7px;
    width: 7px
}

.detail .detaily .kratky_popis .vice:hover {
    text-decoration: none
}

.detail .detaily table {
    position: relative;
    width: 100%;
    font-size: 15px
}

.detail .detaily table tr:nth-of-type(even) {
    background-color: #F7F8F9
}

.detail .detaily table tr.seda {
    background-color: #F7F8F9
}

.detail .detaily table tr.seda td {
    padding: 0
}

.detail .detaily table tr.celkem td {
    line-height: 34px
}

.detail .detaily table tr.celkem td:first-of-type {
    color: black;
    font-size: 16px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif
}

.detail .detaily table tr.celkem td:last-of-type {
    color: #2ca9ee;
    font-size: 26px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif
}

.detail .detaily table tr td {
    line-height: 21px;
    color: #a0a4a7;
    padding: 10px 0;
    text-align: left;
    vertical-align: middle;
}

.detail .detaily table tr td:first-of-type {
    padding-left: 15px;
    text-align: left
}

.detail .detaily table tr td:last-of-type {
    padding-right: 20px
}

.detail .detaily table tr td.tucna {
    font-family: 'Calibri-Bold', ARIAL, sans-serif;
    color: #47484a
}

.detail .detaily table tr td a {
    position: relative;
    display: inline;
    color: #51b9f2;
    font-size: 15px;
    text-decoration: underline
}

.detail .detaily table tr td a:hover {
    text-decoration: none
}

.detail .detaily table tr td img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.detail .detaily .placeni {
    position: relative;
    display: block;
    background-color: #F7F8F9;
    padding: 12px 20px 25px 37px;
    border-bottom: 1px solid #F3F3F7
}

.detail .detaily .placeni .splatky {
    position: relative;
    display: block;
    background-color: white;
    line-height: 36px;
    margin-bottom: 30px;
    padding: 0 15px
}

@media (max-width: 1023px) {
    .detail .detaily .placeni .splatky {
        margin-bottom: 10px;
    }
}

.detail .detaily .placeni .splatky button {
    position: relative;
    display: inline-block;
    text-decoration: underline;
    font-size: 15px;
    padding-left: 25px;
    border: 0;
    background-color: white;
}

.detail .detaily .placeni .splatky button:hover {
    text-decoration: none;
    cursor: pointer;
}

.detail .detaily .placeni .splatky button:before {
    position: absolute;
    left: 0;
    content: "";
    top: 2px;
    vertical-align: middle
}

.detail .detaily .placeni .splatky button.esox {
    margin-right: 15px
}

.detail .detaily .placeni .splatky button.esox:before {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -26px 0 no-repeat;
    height: 15px;
    width: 14px
}

.detail .detaily .placeni .splatky button.homecredit:before {
    background: url('/template/SK/2015/images/sprite-s876b462851.png') 0 -34px no-repeat;
    height: 16px;
    width: 16px
}

.detail .detaily .placeni .sklad {
    position: relative;
    display: inline-block;
    line-height: 26px
}

@media (max-width: 575px) {
    .detail .detaily .placeni .sklad {
        display: block;
        text-align: center
    }
}

.detail .detaily .placeni .sklad .kusu {
    position: relative;
    display: block;
    color: #7cb907;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 14px
}

.detail .detaily .placeni .sklad .kusu:last-child {
    color: #47484a;
    font-size: 11px
}

.detail .detaily .placeni .sklad .kdy {
    position: relative;
    display: block;
    color: #2ca9ee;
    text-decoration: underline;
    font-size: 16px;
    cursor: pointer
}

.detail .detaily .placeni .sklad .kdy:before {
    position: relative;
    display: inline-block;
    content: "";
    margin-right: 7px;
    top: 2px;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -87px 0 no-repeat;
    height: 16px;
    width: 16px
}

.detail .detaily .placeni .sklad .kdy:hover {
    text-decoration: none
}

.detail .detaily .placeni .pridat {
    position: relative;
    float: right
}

@media (max-width: 575px) {
    .detail .detaily .placeni .pridat {
        float: none;
        display: block;
        text-align: center;
        margin-top: 10px
    }
}

.detail .detaily .placeni .pridat input {
    position: relative;
    display: inline-block;
    width: 22px;
    padding: 0 28px 0 8px;
    text-align: center;
    border: 1px solid #DBDBDB;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    line-height: 52px;
    height: 52px;
    font-size: 16px;
    color: #acaeb1;
    background-image: url(/template/SK/2015/images/ks.png);
    background-position: 32px 18px;
    background-repeat: no-repeat
}

.detail .detaily .placeni .pridat button {
    position: relative;
    display: inline-block;
    background-color: #F41E32;
    color: white;
    font-family: 'Roboto-Black', ARIAL, sans-serif;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    padding: 0 30px;
    vertical-align: top;
    background-color: #F41E32;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 23px;
    line-height: 54px;
    cursor: pointer;
    height: 54px;
    border: 0
}

@media (max-width: 335px) {
    .detail .detaily .placeni .pridat button {
        padding: 0 15px
    }
}

.detail .detaily .placeni .pridat button:after {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

.detail .detaily .placeni .pridat button:hover:after {
    height: 100%
}

.detail .detaily .placeni .pridat button:before {
    position: relative;
    display: inline-block;
    content: "";
    margin-right: 15px;
    top: 3px;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -9px -61px no-repeat;
    height: 27px;
    width: 32px
}

.kosik {
    position: relative;
    display: block;
    right: -2px
}

.kosik .v_kosiku {
    position: relative;
    margin-top: 500px;
    width: 100%
}

.kosik .v_kosiku tr {
    position: relative
}

.kosik .v_kosiku tr.pr .nazev:after {
    position: absolute;
    top: -10px;
    z-index: 999999;
    background-color: red;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -51px -18px no-repeat;
    height: 11px;
    width: 21px;
    left: 28px;
    content: ""
}

.kosik .v_kosiku tr.pod {
    background-color: #FAFBFB
}

.kosik .v_kosiku tr.pod td {
    border-bottom: 0;
    line-height: 34px
}

.kosik .v_kosiku tr.pod td .nazev {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #47484a
}

.kosik .v_kosiku tr.pod td .nazev:before {
    position: relative;
    display: inline-block;
    content: "";
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -16px -18px no-repeat;
    height: 9px;
    width: 8px;
    margin: 0 34px
}

.kosik .v_kosiku tr th {
    font-size: 14px;
    padding: 0 25px;
    text-align: center;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    color: #47484a;
    line-height: 62px;
    border-bottom: 1px solid #F3F3F7
}

.kosik .v_kosiku tr th.nope {
    padding: 0
}

.kosik .v_kosiku tr th.leva {
    text-align: left
}

.kosik .v_kosiku tr th.prava {
    text-align: right
}

.kosik .v_kosiku tr th.cena_c.mala {
    font-size: 14px
}

.kosik .v_kosiku tr td {
    font-size: 15px;
    padding: 0 25px;
    text-align: center;
    line-height: 78px;
    color: #606062;
    vertical-align: middle;
    border-bottom: 1px solid #F3F3F7
}

.kosik .v_kosiku tr td.leva {
    text-align: left
}

.kosik .v_kosiku tr td.nope {
    padding: 0
}

.kosik .v_kosiku tr td img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    top: -2px
}

.kosik .v_kosiku tr td figure {
    position: relative;
    display: inline-block;
    width: 74px;
    text-align: center;
    height: 78px;
    line-height: 78px;
    overflow: hidden;
    vertical-align: top
}

.kosik .v_kosiku tr td figure a {
    position: relative;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease
}

.kosik .v_kosiku tr td figure a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7
}

.kosik .v_kosiku tr td figure img {
    position: relative;
    display: inline-block;
    height: 52px;
    vertical-align: middle
}

.kosik .v_kosiku tr td .kos {
    position: relative;
    display: inline-block;
    width: 25px;
    text-align: center;
    height: 30px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease
}

.kosik .v_kosiku tr td .kos:before {
    position: relative;
    content: "";
    display: inline-block;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -89px -34px no-repeat;
    height: 27px;
    width: 19px;
    vertical-align: middle;
    top: -2px
}

.kosik .v_kosiku tr td .kos:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7
}

.kosik .v_kosiku tr td.cena_c {
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 16px;
    text-align: right
}

.kosik .v_kosiku tr td .nazev {
    position: relative;
    display: inline-block;
    color: #54b3e8;
    text-decoration: underline;
    vertical-align: top
}

.kosik .v_kosiku tr td .nazev:hover {
    text-decoration: none
}

.kosik .v_kosiku tr td.sklad {
    color: #8cc421
}

.kosik .v_kosiku tr td input {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 30px;
    line-height: 32px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #EDEEEF;
    text-align: center
}

.cela_cena {
    position: relative;
    display: block;
    padding: 0 25px;
    line-height: 78px
}

.cela_cena.seda {
    background-color: #FAFBFB;
    height: 100px;
    text-align: right;
}

.cela_cena .zpet_k_nakupu {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    height: 40px;
    color: #999;
    text-decoration: underline;
    font-size: 15px;
    background: #f7f8f9;
    border-radius: 3px;
    text-decoration: none;
    padding: 0 15px;
    font-weight: bold;
    border: solid 1px #e9ebec;
}

.cela_cena .zpet_k_nakupu:hover {
    background: #e9ebec;
}

.cela_cena .zpet_k_nakupu:before {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    content: "";
    background: url('/template/SK/2015/images/sprite-s876b462851.png') 0 -18px no-repeat;
    height: 7px;
    width: 9px
}

.cela_cena .ta_cena {
    position: relative;
    float: right;
    line-height: 78px;
    margin-right: 20px;
}

.cela_cena .ta_cena .kec {
    font-size: 16px;
    color: #b6b8bb;
    line-height: normal;
}

.cela_cena .ta_cena .castka {
    position: relative;
    display: inline-block;
    width: 160px;
    text-align: right;
    color: #2ca9ee;
    line-height: 78px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 24px
}

.cela_cena .ta_cena button {
    line-height: 40px;
    height: 40px;
    background-color: #51B9F2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: white;
    border: 0;
    font-size: 19px;
    cursor: pointer;
    font-family: 'Roboto-Black', ARIAL, sans-serif;
    position: relative;
    display: inline-block;
    margin-top: 20px;
    padding: 0 15px;
    border-right: 45px solid #42ABE5
}

.cela_cena .ta_cena button:after {
    position: absolute;
    content: "";
    top: 15px;
    right: -30px;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') 0 0 no-repeat;
    height: 13px;
    width: 13px
}

.cela_cena .ta_cena button:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

.cela_cena .ta_cena button:hover:before {
    height: 100%
}

.prepocist {
    position: relative;
    display: block;
    line-height: normal;
    padding-top: 15px;
}

.prepocist button {
    position: relative;
    display: inline-block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: white;
    border: 0;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    background-color: #51B9F2;
    font-size: 14px;
    vertical-align: middle;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    padding: 0 15px;
    text-align: center
}

.prepocist button:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

.prepocist button:hover:before {
    height: 100%
}

.kupon {
    position: relative;
    display: inline-block;
    line-height: 78px
}

.kupon span {
    font-size: 14px;
    color: #b7b9bb;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    margin-right: 10px
}

.kupon input {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px solid #E5EBEF;
    border-right: 0;
    padding: 0 15px;
    color: #47484a;
    vertical-align: middle;
    font-size: 14px;
    width: 120px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    -moz-box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px
}

@media (max-width: 480px) {
    .kupon input {
        width: 100px;
    }
}

.kupon button {
    position: relative;
    display: inline-block;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    color: white;
    border: 0;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    background-color: #51B9F2;
    font-size: 14px;
    vertical-align: middle;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    width: 32px;
    text-align: center
}

.kupon button:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

.kupon button:hover:before {
    height: 100%
}

.poznamka {
    position: relative;
    display: block;
    background-color: #FAFBFB;
    padding: 25px
}

.poznamka span {
    position: relative;
    display: block;
    margin-bottom: 22px;
    color: #47484a;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 14px
}

.poznamka textarea {
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    -webkit-box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    -moz-box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    width: 100%;
    padding: 15px;
    height: 110px;
    border: 1px solid #E5EBEF;
    line-height: 20px;
    font-size: 15px;
    color: #47484a;
    font-family: 'Calibri-Regular', ARIAL, sans-serif;
    resize: none
}

.pulka {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 49%;
    overflow: hidden
}

@media (max-width: 950px) {
    .pulka {
        display: block;
        width: 100%
    }
}

.pulka.prga {
    border-right: 1px solid #F3F4F5;
    margin-left: -1px
}

@-moz-document url-prefix() {
    .pulka.prga {
        float: left
    }
}

.pulka h2 {
    line-height: 66px;
    display: block;
    padding-left: 30px;
    font-size: 16px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    background-color: white;
    border-bottom: 1px solid #F3F4F5
}

.pulka .informacka {
    position: relative;
    display: block;
    background-color: white;
    padding: 0 37px;
    line-height: 58px;
    color: #adb0b5;
    font-size: 15px
}

.pulka .jine_udaje {
    position: relative;
    display: block;
    padding: 0 37px;
    line-height: 37px;
    font-size: 15px;
    color: #666666;
    padding-bottom: 20px
}

.pulka .jine_udaje input {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    top: 2px
}

.pulka .doruc {
    position: relative;
    display: block;
    border-bottom: 1px solid #F3F4F5;
    cursor: pointer
}

.pulka .doruc.spec {
    background-color: white !important;
    height: auto;
    cursor: Default;
    padding-bottom: 10px
}

.pulka .doruc.spec .vice {
    position: relative;
    display: block;
    font-size: 14px;
    top: -10px;
    line-height: 20px;
    color: #a8abb0;
    text-align: center
}

@media (max-width: 500px) {
    .pulka .doruc.spec .vice {
        text-align: left
    }
}

.pulka .doruc.spec .vice label {
    position: relative;
    display: inline-block;
    padding: 4px 8px;
    margin: 0 9px;
    cursor: pointer
}

.pulka .doruc.spec .vice label input {
    position: relative;
    display: inline-block;
    top: 2px
}

.pulka .doruc:nth-of-type(odd) {
    background-color: #FBFCFD
}

.pulka .doruc .inp {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 20px;
    margin-left: 45px;
    line-height: 10px;
    vertical-align: middle;
    top: -5px;
}

@media (max-width: 450px) {
    .pulka .doruc .inp {
        margin-left: 10px
    }
}

@media (max-width: 380px) {
    .pulka .doruc .inp {
        margin-right: 10px
    }
}

.pulka .doruc figure {
    position: relative;
    display: inline-block;
    width: 85px;
    text-align: center;
    line-height: 86px;
    height: 86x
}

.pulka .doruc figure img {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 380px) {
    .pulka .doruc figure {
        display: none
    }
}

.pulka .doruc .napoveda {
    position: relative;
    display: inline-block;
    line-height: 17px;
    height: 17px;
    cursor: pointer;
    margin-left: 20px
}

.pulka .doruc .napoveda:before {
    position: relative;
    display: inline-block;
    width: 17px;
    top: -5px;
    height: 17px;
    content: "";
    background: url('/template/SK/2015/images/sprite-s876b462851.png') 0 -113px no-repeat;
    height: 17px;
    width: 17px
}

.pulka .doruc .napoveda:hover span {
    display: block
}

.pulka .doruc .napoveda span {
    position: absolute;
    width: 150px;
    height: auto;
    padding: 10px;
    font-size: 14px;
    border: 1px solid silver;
    background-color: white;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    top: 20px;
    left: -67px;
    z-index: 9956660;
    display: none
}

.pulka .doruc .napoveda span:before {
    position: absolute;
    top: -40px;
    background-color: transparent;
    width: 100%;
    height: 40px;
    content: ""
}

.pulka .doruc .txt {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    padding: 5px 0 5px 10px;
}

.pulka .doruc .txt .nzv {
    position: relative;
    display: inline-block;
    color: #47484a;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 760px) {
    .pulka .doruc .txt .nzv {
        font-size: 11px;
    }
}

.pulka .doruc .txt .cena {
    position: relative;
    display: block;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    color: #51b9f2;
    font-size: 15px;
}

.neowf {
    overflow: visible
}

.formular {
    position: relative;
    display: block;
    background-color: #FAFBFB;
    padding: 22px 37px
}

.formular .pulkovy {
    position: relative;
    display: block;
    margin-top: 7px
}

.formular .pulkovy div {
    position: relative;
    display: inline-block;
    width: calc(50% - 12px)
}

@media (max-width: 420px) {
    .formular .pulkovy div {
        width: 100%
    }
}

.formular .pulkovy div:first-of-type {
    margin-right: 24px
}

.formular .cely {
    position: relative;
    display: block;
    margin-top: 7px
}

.formular .cely input {
    padding: 0 2.5%;
    width: 95%
}

.formular span {
    position: relative;
    display: block;
    line-height: 26px;
    color: #5d5e60;
    font-size: 15px
}

.formular input {
    position: relative;
    display: block;
    width: 90%;
    padding: 0 5%;
    height: 36px;
    line-height: 36px;
    border: 1px solid #E3E9ED;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    -moz-box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05)
}

.formular input:focus {
    border: 1px solid #51B9F2
}

.formular .error {
    border: 1px solid #F41E32
}

.formular textarea {
    position: relative;
    display: block;
    width: 95%;
    max-width: 95%;
    padding: 6px 2.5%;
    height: 100px;
    line-height: 20px;
    border: 1px solid #E3E9ED;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    -moz-box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05)
}

.formular textarea:focus {
    border: 1px solid #51B9F2
}

.zasedivet {
    position: relative;
    display: block;
    background-color: #FAFBFB
}

.popis_sekce {
    position: relative;
    display: block;
    padding: 0 37px;
    margin-bottom: 30px;
    font-size: 15px
}

.popis_sekce .zobrazit_skryt_popis {
    position: relative;
    display: inline-block;
    color: #51b9f2;
    font-size: 15px;
    margin-top: 10px;
    text-decoration: underline
}

@media (max-width: 600px) {
    .popis_sekce .zobrazit_skryt_popis {
        display: block;
        text-align: center
    }
}

.popis_sekce .zobrazit_skryt_popis:hover {
    text-decoration: none
}

.popis_sekce .zobrazit_skryt_popis .z {
    display: none
}

.popis_sekce .zobrazit_skryt_popis .s {
    display: inline-block
}

.popis_sekce .zobrazit_skryt_popis:before {
    position: relative;
    display: inline-block;
    content: "-";
    margin-right: 4px
}

.popis_sekce .zobrazit_skryt_popis.active .z {
    display: inline-block
}

.popis_sekce .zobrazit_skryt_popis.active .s {
    display: none
}

.popis_sekce .zobrazit_skryt_popis.active:before {
    position: relative;
    display: inline-block;
    content: "+";
    margin-right: 4px
}

.popis_sekce .skryvaci_popis_sekce {
    position: relative;
    display: block
}

.popis_sekce .skryvaci_popis_sekce p {
    position: relative;
    display: inline-block;
    width: 650px;
    line-height: 25px;
    color: #acaeb1;
    vertical-align: top
}

@media (max-width: 1240px) {
    .popis_sekce .skryvaci_popis_sekce p {
        width: calc(100% - 250px)
    }
}

@media (max-width: 600px) {
    .popis_sekce .skryvaci_popis_sekce p {
        display: block;
        width: 100%
    }
}

.popis_sekce .skryvaci_popis_sekce p a {
    color: #51b9f2;
    text-decoration: underline
}

.popis_sekce .skryvaci_popis_sekce p a:hover {
    text-decoration: none
}

.popis_sekce .skryvaci_popis_sekce p strong {
    font-family: 'Calibri-Bold', ARIAL, sans-serif;
    color: #5d5e60
}

.popis_sekce .skryvaci_popis_sekce figure {
    position: relative;
    display: inline-block;
    width: 240px;
    vertical-align: top;
    text-align: center
}

@media (max-width: 600px) {
    .popis_sekce .skryvaci_popis_sekce figure {
        display: block;
        width: 100%
    }
}

.popis_sekce .skryvaci_popis_sekce figure img {
    position: relative;
    display: inline-block;
    max-width: 100%;
    text-align: center;
    width: auto
}

.vyber_znacek_velikosti_produktu_a_tak_podobne {
    position: absolute;
    top: 80px;
    background-color: #EDEEF1;
    min-height: 80px;
    width: 100%;
    display: none;
    left: 0;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    z-index: 99999999999;
    overflow: hidden
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .vyber_polozek_nebo_znacek_whatever {
    position: relative;
    display: inline-block;
    width: calc(100% - 130px);
    font-size: 16px;
    vertical-align: top;
    color: #333333
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .vyber_polozek_nebo_znacek_whatever label {
    position: relative;
    display: inline-block;
    width: 170px;
    line-height: 60px;
    height: 60px
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .vyber_polozek_nebo_znacek_whatever label input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-left: 30px
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .vyber_polozek_nebo_znacek_whatever button {
    position: relative;
    display: inline-block;
    float: right;
    height: 40px;
    margin-right: 30px;
    line-height: 40px;
    margin-top: 5px;
    border: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #738190;
    border-right: 37px solid #5F6B77;
    color: white;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 15px;
    padding: 0 15px;
    cursor: pointer
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .vyber_polozek_nebo_znacek_whatever button:after {
    position: absolute;
    right: -24px;
    top: 13px;
    content: "";
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -13px 0 no-repeat;
    height: 13px;
    width: 13px
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .vyber_polozek_nebo_znacek_whatever button:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .vyber_polozek_nebo_znacek_whatever button:hover:before {
    height: 100%
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .ty_taby_v_levo {
    position: relative;
    display: inline-block;
    width: 125px
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .ty_taby_v_levo li {
    position: relative;
    display: block;
    background-color: #E1E3E7;
    text-decoration: center;
    line-height: 60px;
    border-bottom: 1px solid #D5D5D5
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .ty_taby_v_levo li.ui-state-active {
    background-color: #EDEEF1
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .ty_taby_v_levo li.ui-state-active a {
    text-decoration: none
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .ty_taby_v_levo li:last-of-type {
    border-bottom: 0
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .ty_taby_v_levo li a {
    position: relative;
    display: block;
    color: #999999;
    font-size: 16px;
    text-align: center;
    text-decoration: underline
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .ty_taby_v_levo li a:hover {
    text-decoration: none
}

.vyber_znacek_velikosti_produktu_a_tak_podobne .ty_taby_v_levo li a:focus {
    outline: 0
}

.podkategorie_kat {
    position: relative;
    display: block;
    border-top: 1px solid #F3F3F7;
    margin-left: 5px
}

.podkategorie_kat a {
    position: relative;
    display: inline-block;
    width: 25%;
    line-height: 82px;
    height: 82px;
    color: #51b9f2;
    font-size: 17px;
    text-decoration: underline;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #F3F3F7;
    border-left: 1px solid #F3F3F7;
    background-image: url(/template/SK/2015/images/back_podkat.png);
    background-size: 100%
}

@media (max-width: 1060px) {
    .podkategorie_kat a {
        width: 50%;
        text-align: center
    }
}

@media (max-width: 500px) {
    .podkategorie_kat a {
        width: 100%;
        text-align: center
    }
}

.podkategorie_kat a:nth-of-type(4n) {
    border-right: 1px solid #F3F3F7
}

.podkategorie_kat a:hover {
    text-decoration: none
}

.podkategorie_kat a figure {
    position: relative;
    display: inline-block;
    width: 90px;
    text-align: center;
    margin-left: 10px;
    line-height: 82px
}

.podkategorie_kat a figure img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.strankovani {
    position: relative;
    display: block;
    padding: 30px 35px;
    line-height: 20px;
    height: 20px
}

@media (max-width: 1240px) {
    .strankovani {
        height: auto
    }
}

.strankovani .radit_dle {
    position: relative;
    display: inline-block;
    font-size: 14px
}

@media (max-width: 900px) {
    .strankovani .radit_dle {
        display: block;
        text-align: center
    }
}

.strankovani .radit_dle span {
    position: relative;
    display: inline-block;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
    color: #acaeb1;
    padding-right: 5px
}

.strankovani .radit_dle a {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    color: #51b9f2;
    text-decoration: underline;
    height: 20px;
    line-height: 20px
}

.strankovani .radit_dle a:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    right: 0px;
    height: 20px;
    background-color: #F3F3F7;
    top: 0px
}

.strankovani .radit_dle a:last-of-type:after {
    display: none
}

.strankovani .radit_dle a:hover {
    text-decoration: none
}

.strankovani .radit_dle a.active {
    color: #5d5e60;
    text-decoration: none
}

.strankovani .stranky {
    position: relative;
    display: inline-block;
    line-height: 20px;
    height: 20px;
    float: right;
    text-align: right
}

@media (max-width: 1240px) {
    .strankovani .stranky {
        height: auto
    }
}

@media (max-width: 900px) {
    .strankovani .stranky {
        display: block;
        text-align: center;
        float: none;
        padding-top: 30px
    }
}

.strankovani .stranky a {
    position: relative;
    display: inline-block;
    height: 20px;
    padding: 0 5px;
    line-height: 20px;
    vertical-align: middle;
    text-decoration: underline;
    color: #acaeb1;
    font-size: 14px
}

.strankovani .stranky a.active {
    color: #f72538;
    text-decoration: none
}

.strankovani .stranky a:hover {
    text-decoration: none
}

.vyberovka {
    position: relative;
    display: block;
    margin: 0 20px;
    background-color: #F7F8F9;
    padding: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

@media (max-width: 1240px) {
    .vyberovka {
        height: auto;
        text-align: center
    }
}

.vyberovka .policko {
    position: relative;
    display: inline-block;
    margin-left: 30px;
    line-height: 40px;
    color: #47484a;
    font-size: 16px
}

@media (max-width: 1240px) {
    .vyberovka .policko {
        width: 40%;
        margin: 0 5%
    }
}

.vyberovka .policko.zelena {
    color: #7fb518
}

.vyberovka .policko input {
    position: relative;
    display: inline-block;
    top: -2px;
    vertical-align: middle;
    margin-right: 6px
}

.vyberovka .vyberove_manicko_zavrit_otevrit {
    position: relative;
    display: inline-block;
    height: 40px;
    margin-right: 30px;
    line-height: 40px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #51B9F2;
    border-right: 37px solid #42ABE5;
    color: white;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 15px;
    padding: 0 15px;
    cursor: pointer
}

@media (max-width: 800px) {
    .vyberovka .vyberove_manicko_zavrit_otevrit {
        margin-right: 0
    }
}

.vyberovka .vyberove_manicko_zavrit_otevrit:after {
    position: absolute;
    right: -24px;
    top: 13px;
    content: "";
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -13px 0 no-repeat;
    height: 13px;
    width: 13px
}

.vyberovka .vyberove_manicko_zavrit_otevrit:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

.vyberovka .vyberove_manicko_zavrit_otevrit:hover:before {
    height: 100%
}

.vyberovka .slider {
    position: relative;
    vertical-align: top;
    display: inline-block;
    line-height: 40px;
    height: 40px;
    padding-bottom: 20px;
    width: 390px
}

@media (max-width: 800px) {
    .vyberovka .slider {
        display: block;
        width: 100%
    }
}

.vyberovka .slider .min, .vyberovka .slider .max {
    position: relative;
    display: inline-block;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    color: #5d5e60;
    background-color: transparent;
    border: 0;
    width: 75px
}

.vyberovka .slider .max {
    text-align: right
}

.vyberovka .slider .ui-slider {
    position: relative;
    display: inline-block;
    width: 100%;
    width: 240px;
    background-color: #D4D6DA;
    height: 6px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    top: -6px;
    vertical-align: middle
}

@media (max-width: 800px) {
    .vyberovka .slider .ui-slider {
        width: calc(100% - 160px)
    }
}

.vyberovka .slider .ui-slider-range {
    background-color: #51B9F2;
    height: 6px;
    position: relative
}

.vyberovka .slider .ui-slider-handle {
    width: 19px;
    height: 19px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #FB2B3F;
    display: inline-block;
    cursor: pointer;
    top: -13px;
    margin-left: -10px;
    position: relative
}

.vyberovka .slider .ui-slider-handle:last-of-type {
    margin-left: -18px
}

.vyberovka .slider .ui-slider-handle:focus {
    outline: 0
}

.podminky {
    position: relative;
    display: block;
    background-color: #FAFBFB;
    padding: 25px
}

.podminky .zaklad {
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 14px
}

.podminky .zaklad h2 {
    position: relative;
    display: block;
    @incude fs(15);;
    font-family: 'Roboto-Bold', ARIAL, sans-serif
}

.podminky .souhlas {
    position: relative;
    display: block;
    line-height: 40px;
    text-align: right;
    font-size: 14px
}

.podminky .souhlas label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px
}

.podminky .souhlas input {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    top: 2px
}

.podminky .podminky_text {
    position: relative;
    display: block;
    padding: 10px 3%;
    overflow-y: scroll;
    margin: 10px 0;
    width: 94%;
    height: 100px;
    background-color: white;
    border: 1px solid #E3E9ED;
    font-size: 13px
}

.podminky .podminky_text h3 {
    position: relative;
    display: block;
    margin: 15px 0 10px 0;
    font-size: 15px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif
}

.podminky .podminky_text h2 {
    position: relative;
    display: block;
    margin: 15px 0 10px 0;
    font-size: 18px;
    color: #2ca9ee !important;
    font-family: 'Roboto-Bold', ARIAL, sans-serif
}

.podminky .podminky_text h2 span {
    color: #2ca9ee !important
}

.podminky .podminky_text a {
    color: #2ca9ee;
    text-decoration: underline
}

.podminky .podminky_text a:hover {
    text-decoration: none
}

.div_kosik {
    position: relative;
    display: block;
    background-color: white;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.div_kosik .radek {
    font-size: 15px;
    position: relative;
    line-height: 78px;
    display: block;
    border-bottom: 1px solid #F3F3F7
}

@media (max-width: 975px) {
    .div_kosik .radek {
        text-align: center
    }
}

.div_kosik .radek.nadpis {
    color: #47484a;
    line-height: 62px;
    font-size: 14px;
    line-height: 62px;
    height: 62px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif
}

@media (max-width: 975px) {
    .div_kosik .radek.nadpis {
        display: none
    }
}

.div_kosik .radek.nadpis .p {
    line-height: 62px;
    height: 62px;
    vertical-align: top
}

.div_kosik .radek .doplnek {
    position: relative;
    display: block;
    background-color: #FAFBFB;
    line-height: 34px;
    border-top: 1px solid #F3F3F7
}

@media (max-width: 975px) {
    .div_kosik .radek .doplnek {
        text-align: left
    }
}

.div_kosik .radek .doplnek:after {
    position: absolute;
    top: -10px;
    z-index: 999999;
    background-color: red;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -51px -18px no-repeat;
    height: 11px;
    width: 21px;
    left: 54px;
    content: ""
}

@media (max-width: 975px) {
    .div_kosik .radek .doplnek:after {
        left: 48.5%
    }
}

.div_kosik .radek .doplnek .p {
    line-height: 34px;
    height: 34px
}

@media (max-width: 975px) {
    .div_kosik .radek .doplnek .p.p1 {
        width: 100%
    }

    .div_kosik .radek .doplnek .p.p1:before {
        display: none !important
    }
}

.div_kosik .radek .doplnek .p.p2 {
    font-size: 12px;
}

.div_kosik .radek .doplnek .p.p1:before {
    position: relative;
    display: inline-block;
    content: "";
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -16px -18px no-repeat;
    height: 9px;
    width: 8px;
    margin: 0 35px
}

@media (max-width: 560px) {
    .div_kosik .radek .doplnek .p.p6 {
        display: inline-block;
        width: 100%
    }
}

.div_kosik .radek .doplnek .p.p6.p4:after {
    display: inline-block;
    content: "kusů";
    font-size: 20px
}

.div_kosik .radek .p {
    position: relative;
    display: inline-block;
    padding: 0 25px;
    line-height: 78px;
    overflow: hidden;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.div_kosik .radek .p.p1 {
    width: 8%;
    text-align: center
}

@media (max-width: 975px) {
    .div_kosik .radek .p.p1 {
        width: 100%;
        text-align: center
    }
}

.div_kosik .radek .p.p1 a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #54b3e8;
    text-decoration: underline
}

.div_kosik .radek .p.p2 a:hover {
    text-decoration: none
}

.div_kosik .radek .p.p2 figure {
    position: relative;
    display: inline-block;
    width: 74px;
    vertical-align: middle;
    text-align: center;
    height: 78px;
    line-height: 78px;
    overflow: hidden;
    vertical-align: top
}

.div_kosik .radek .p.p2 figure a {
    position: relative;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease
}

.div_kosik .radek .p.p2 figure a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7
}

.div_kosik .radek .p.p2 figure img {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.div_kosik .radek .p.p2 {
    width: 50%
}

.div_kosik .radek .p.p2 a {
    display: inline-block;
    width: 80%;
    line-height: normal;
}

@media (max-width: 975px) {
    .div_kosik .radek .p.p2 {
        width: 100%
    }
}

.div_kosik .radek .p.p2 span {
    color: #8cc421
}

.div_kosik .radek .p.p2 span.neni {
    color: red
}

.div_kosik .radek .p.p3 {
    width: 10%;
    text-align: right;
}

@media (max-width: 975px) {
    .div_kosik .radek .p.p3 {
        width: 20%
    }
}

@media (max-width: 560px) {
    .div_kosik .radek .p.p3 {
        display: none
    }
}

.div_kosik .radek .p.p4 {
    width: 8%;
    text-align: center;
}

@media (max-width: 975px) {
    .div_kosik .radek .p.p4 {
        width: 15%
    }
}

@media (max-width: 560px) {
    .div_kosik .radek .p.p4 {
        width: 33%
    }
}

.div_kosik .radek .p.p4 input {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 30px;
    line-height: 32px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #EDEEEF;
    text-align: center
}

.div_kosik .radek .p.p5 {
    width: 6%
}

@media (max-width: 560px) {
    .div_kosik .radek .p.p5 {
        width: 20%
    }
}

.div_kosik .radek .p.p5 .kos {
    position: relative;
    display: inline-block;
    width: 25px;
    text-align: center;
    height: 30px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease
}

.div_kosik .radek .p.p5 .kos:before {
    position: relative;
    content: "";
    display: inline-block;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -89px -34px no-repeat;
    height: 27px;
    width: 19px;
    vertical-align: middle;
    top: -2px
}

.div_kosik .radek .p.p5 .kos:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7
}

.div_kosik .radek .p.p6 {
    width: 8%
}

@media (max-width: 560px) {
    .div_kosik .radek .p.p6 {
        display: none
    }
}

.div_kosik .radek .p.p6 img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -2px;
}

.div_kosik .radek .p.p7 {
    width: 10%;
    text-align: right
}

@media (max-width: 975px) {
    .div_kosik .radek .p.p7 {
        width: 20%
    }
}

@media (max-width: 560px) {
    .div_kosik .radek .p.p7 {
        width: 100%;
        text-align: center;
        line-height: 20px
    }
}

.div_kosik .radek .p.p7 {
    font-size: 13px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
}

.vyskakovaci {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 466px;
    width: 100%
}

.vyskakovaci .obsah {
    position: relative;
    display: inline-block;
    background-color: white;
    border-radius: 6px 0 6px 6px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    -ms-border-radius: 6px 0 6px 6px;
    -o-border-radius: 6px 0 6px 6px;
    text-align: center;
    max-width: 466px;
    width: 100%;
    padding-top: 40px
}

.vyskakovaci .obsah.potvrzeno {
    padding-bottom: 300px;
    background-image: url(/template/SK/2015/images/back_rodinka.jpg);
    background-repeat: no-repeat;
    background-position: center bottom
}

@media (max-width: 620px) {
    .vyskakovaci .obsah {
        right: 0;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px
    }
}

.vyskakovaci .obsah .zavrit {
    position: absolute;
    right: -56px;
    width: 56px;
    height: 56px;
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
    -o-border-radius: 0 6px 6px 0;
    background-color: #51B9F2;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    padding: 0;
    text-align: center;
    line-height: 56px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease
}

@media (max-width: 620px) {
    .vyskakovaci .obsah .zavrit {
        right: 0;
        border-radius: 0 6px 0 6px;
        -webkit-border-radius: 0 6px 0 6px;
        -moz-border-radius: 0 6px 0 6px;
        -ms-border-radius: 0 6px 0 6px;
        -o-border-radius: 0 6px 0 6px
    }
}

.vyskakovaci .obsah .zavrit:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7
}

.vyskakovaci .obsah .zavrit:before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    content: "";
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -93px -18px no-repeat;
    height: 16px;
    width: 16px
}

.vyskakovaci .obsah h1 {
    font-size: 31px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    position: relative;
    display: block;
    color: #f41e32;
    line-height: 53px
}

.vyskakovaci .obsah h1 span {
    position: relative;
    display: block;
    color: #333333;
    font-size: 39px
}

.vyskakovaci .obsah h1.check {
    color: #333333;
    font-size: 39px
}

.vyskakovaci .obsah h1.check:after {
    content: "";
    position: relative;
    display: block;
    margin: 30px auto 20px auto;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -46px -220px no-repeat;
    height: 46px;
    width: 47px
}

.vyskakovaci .obsah p {
    position: relative;
    display: block;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    color: #47484a;
    font-size: 14px;
    line-height: 53px;
    line-height: 21px;
    padding: 16px 0
}

.vyskakovaci .obsah ul {
    position: relative;
    display: block;
    padding: 15px 0;
    border-top: 1px solid #EDEEF1;
    border-bottom: 1px solid #EDEEF1;
    margin-top: 15px
}

.vyskakovaci .obsah ul li {
    position: relative;
    display: block;
    color: #83888b;
    max-width: 255px;
    width: 100%;
    font-size: 16px;
    text-align: left;
    line-height: 20px;
    margin: 10px auto
}

.vyskakovaci .obsah ul li:before {
    position: relative;
    display: inline-block;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -59px -113px no-repeat;
    height: 20px;
    width: 19px;
    margin-right: 16px;
    content: "";
    vertical-align: middle;
    top: -2px
}

.vyskakovaci .obsah .form_modal {
    position: relative;
    display: block;
    background-color: #FAFBFB;
    padding: 45px 45px 30px 45px;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px
}

.vyskakovaci .obsah .form_modal input {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #E3E9ED;
    line-height: 49px;
    height: 47px;
    text-align: center;
    -webkit-box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    -moz-box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    box-shadow: inset 5px 5px 9px 0px rgba(50, 50, 50, 0.05);
    background-color: white;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-family: 'Calibri-Regular', ARIAL, sans-serif;
    color: #7b8185;
    font-size: 17px;
    margin-bottom: 15px
}

.vyskakovaci .obsah .form_modal button {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    cursor: pointer;
    color: white;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 16px;
    height: 49px;
    line-height: 49px;
    background-color: #51B9F2;
    border: 0;
    margin-bottom: 30px
}

.vyskakovaci .obsah .form_modal button:before {
    width: 100%;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2)
}

.vyskakovaci .obsah .form_modal button:hover:before {
    height: 100%
}

.vyskakovaci .obsah .form_modal button:after {
    position: absolute;
    right: 18px;
    top: 21px;
    content: "";
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -41px -18px no-repeat;
    height: 10px;
    width: 10px
}

.vyskakovaci .obsah .form_modal span {
    position: relative;
    display: block;
    text-align: center;
    color: #acaeb1;
    font-size: 14px
}

body:after {
    content: url(/template/SK/2015/images/close.png) url(/template/SK/2015/images/loading.gif) url(/template/SK/2015/images/prev.png) url(/template/SK/2015/images/next.png);
    display: none
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-container {
    padding: 4px
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(/template/SK/2015/images/loading.gif) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container > .nav {
    left: 0
}

.lb-nav a {
    outline: none;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
}

.lb-prev, .lb-next {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(/template/SK/2015/images/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(/template/SK/2015/images/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em
}

.lb-data .lb-number {
    display: none;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: transparent
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(/template/SK/2015/images/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 512;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 513;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    height: 100%;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 505
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 504
}

.mfp-preloader a {
    color: #cccccc
}

.mfp-preloader a:hover {
    color: white
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 506
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333333
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    top: 0;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: solid transparent
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
    opacity: 0.8;
    border-top-width: 12px;
    border-bottom-width: 12px;
    top: 8px
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 20px;
    border-bottom-width: 20px
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 12px solid black;
    left: 5px
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    border-right: 20px solid white
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 12px solid black;
    left: 3px
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 20px solid white
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black
}

.mfp-iframe-holder .mfp-close {
    top: -43px
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

.mfp-figure {
    line-height: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-word;
    padding-right: 36px
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
}

@media all and (max-width: 800px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

#no-template-pager {
    position: absolute;
    z-index: 104;
    background-color: red;
    width: 234px;
    height: 100%;
    left: 100%;
    top: 0
}

@media (max-width: 1240px) {
    #no-template-pager {
        display: none
    }
}

#no-template-pager div {
    position: relative;
    display: block;
    background-color: white;
    height: 47px;
    line-height: 47px;
    padding-right: 45px;
    font-size: 13px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    text-align: right;
    border-bottom: 1px solid #F3F3F7;
    cursor: pointer;
    color: #47484a;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease
}

#no-template-pager div.cycle-pager-active {
    color: #f41e32
}

#no-template-pager div.cycle-pager-active span {
    background-color: #f41e32
}

#no-template-pager div.cycle-pager-active:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#no-template-pager div:before {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    background: url('/template/SK/2015/images/sprite-s876b462851.png') -32px -34px no-repeat;
    height: 23px;
    width: 12px;
    right: 100%;
    content: "";
    z-index: 9999999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease
}

#no-template-pager div:hover {
    color: #f41e32
}

#no-template-pager div span {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #738190;
    height: 47px;
    line-height: 47px;
    width: 22px;
    text-align: center;
    border-bottom: 1px solid #616C78;
    color: white;
    font-size: 14px
}

/*moje dokodovane veci*/
#info_box {
    font-size: 100%;
    padding: 25px;
}

#info_box h1 {
    font-size: 32px;
    color: #F41E32;
    font-weight: bold;
    margin-bottom: 40px;
}

#info_box h2 {
    font-size: 22px;
    color: #45A9E0;
    padding-top: 20px;
}

#info_box h3 {
    font-size: 20px;
    color: #45A9E0;
    padding-top: 10px;
}

#info_box h4 {
    font-size: 18px;
    color: #45A9E0;
    padding-top: 5px;
}

#info_box p {
    padding: 10px;
    font-size: 18px;
}

#info_box table {
    font-size: 18px;
}

#info_box span {
    font-size: 17px;
}

#info_box ol {
    font-size: 18px;
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

#info_box li {
    font-size: 18px;
    padding-left: 5px;
}

#notfound h1 {
    font-size: 24px;
    color: #F41E32;
    font-weight: bold;
}

#notfound p {
    padding: 10px;
    font-size: 18px;
}

#notfound {
    font-size: 100%;
    padding: 25px;
}

.prepocitat {
    position: relative;
    display: block;
    padding: 0 25px;
    line-height: 78px;
}

.prepocitat div {
    position: relative;
    text-align: right;
    line-height: 78px;
    padding: 0 25px;
    width: 100%;
}

.prepocitat button {
    position: relative;
    display: inline-block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: white;
    border: 0;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    background-color: #51B9F2;
    font-size: 14px;
    vertical-align: middle;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    width: 120px;
    text-align: center;
}

.div_detail_cena {
    position: relative;
    display: block;
    background-color: white;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 25px;
}

.div_detail_cena .radek {
    font-size: 15px;
    position: relative;
    line-height: 30px;
    display: block;
    border-bottom: 1px solid #F3F3F7;
    padding-left: 37px;
    padding-right: 37px;
    color: #a0a4a7;
    z-index: 9;
}

.div_detail_cena .radek::after {
    content: '';
    clear: both;
    display: block;
    height: 0;
}

.div_detail_cena .tucna {
    font-family: 'Calibri-Bold', ARIAL, sans-serif;
    color: #47484a;
}

.div_detail_cena .radek .p {
    position: relative;
    display: inline-block;
    line-height: 30px;
    overflow: hidden;
    vertical-align: top;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

@media (max-width: 1020px) {
    .div_detail_cena .radek .p {
        line-height: 22px;
    }
}

.div_detail_cena .radek .p.left {
    float: left;
}

.div_detail_cena .radek .p.right {
    float: right;
}

.div_detail_cena .radek .p.p1 {
    width: 30%;
    text-align: left;
}

.div_detail_cena .radek .p.p2 {
    width: 30%;
}

.div_detail_cena .radek .p.p3 {
    width: 13%;
}

.div_detail_cena .radek .p.p4 {
    width: 13%;
}

.div_detail_cena .radek .p.p5 {
    width: 14%;
    text-align: right;
}

@media (max-width: 1023px) {
    .div_detail_cena .radek .p.p1 {
        width: 100%;
        text-align: center;
    }

    .div_detail_cena .radek .p.p2 {
        width: 100%;
    }

    .div_detail_cena .radek .p.p2 span {
        padding: 0 !important;
    }

    .div_detail_cena .radek .p.p3 {
        width: 100%;
    }

    .div_detail_cena .radek .p.p4 {
        width: 100%;
    }

    .div_detail_cena .radek .p.p5 {
        width: 100%;
        text-align: center;
    }
}

.div_detail_cena .radek.mesicne {
    background-color: #F7F8F9;
    border: none;
}

.div_detail_cena .radek.celkem .p.p1 {
    color: black;
    font-size: 16px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    line-height: 58px;
    height: 58px;
    width: 70%;
}

.div_detail_cena .radek.celkem {
    background-color: #F7F8F9;
}

.div_detail_cena .radek.celkem .p.p5 {
    color: #2ca9ee;
    font-size: 26px;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    line-height: 58px;
    height: 58px;
    width: 30%;
}

@media (max-width: 1023px) {
    .div_detail_cena .radek.celkem .p.p1 {
        width: 100%;
        height: 28px;
        line-height: 28px;
    }

    .div_detail_cena .radek.celkem .p.p5 {
        width: 100%;
        height: 28px;
        line-height: 28px;
    }

    .div_detail_cena .radek.celkem .p.p5 {
        width: 100%;
        text-align: center !important;
    }

    .div_detail_cena .radek.celkem .p.p5 span {
        float: none !important;
    }
}

.div_detail_cena .radek.roletka .p.p1 {
    width: 30%;
    text-align: left;
}

.div_detail_cena .radek.roletka .p.p2 {
    width: 60%;
    text-align: left;
}

.div_detail_cena .radek.roletka .p.p3 {
    width: 10%;
    text-align: right;
}

.div_detail_cena .radek.checkbox .p.p1 {
    width: 100%;
    text-align: left;
}

.div_detail_cena .radek.vzornik a {
    color: #51b9f2;
}

.div_detail_cena .radek.vzornik .p.p3 img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-height: 40px;
}

div.div_detail_cena div.radek:nth-of-type(even) {
    background-color: #F7F8F9;
}

.div_detail_cena .radek .radek_in {
    font-size: 15px;
    position: relative;
    line-height: 30px;
    display: block;
    padding-left: 37px;
    padding-right: 37px;
    color: #a0a4a7;
    max-height: 55px;
}

.div_detail_cena .radek .radek_in .p.p1 {
    width: 20%;
    text-align: center;
}

.div_detail_cena .radek .radek_in .p.p2 {
    width: 80%;
    text-align: left;
    vertical-align: middle;
    max-height: 41px;
    line-height: 41px;
    height: auto;
}

.div_detail_cena .radek .radek_in .p {
    position: relative;
    display: inline-block;
    line-height: 30px;
    overflow: hidden;
    vertical-align: top;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#success {
    padding: 0;
    margin: 0;
}

header.fixed {
    position: fixed;
    top: 0;
    background-color: #F7F8F9;
    z-index: 9999;
    width: 1240px;
    top: -500px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-bottom: 2px solid #F7F8F9;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease
}

header.fixed .dolni {
    width: 100%
}

header.fixed.active {
    top: 0
}

body.fixed {
    margin-top: 285px
}

header.fixed .dolni nav ul li a figure {
    display: none;
}

header.fixed .dolni nav ul li a {
    height: 48px;
}

header.fixed .dolni nav ul li ul {
    top: 60px;
}

.changeColor {
    padding: 20px;
    margin-top: -40px;
}

.changeColor a {
    width: 100px;
    float: left;
    text-align: center;
    color: black;
    font-size: 14px;
    border: 1px solid white;
    text-decoration: none;
}

.changeColor a.active {
    border: 1px solid red;
}

.changeColor img {
    border: 1px solid black;
    max-width: 50px;
    max-height: 50px;
}

.changeColor a:hover {
    border: 1px solid gray;
}

.changeColor a span {
    display: block;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

.kratky_popis_kratsi {
    max-height: 100px;
    overflow: hidden;
}

.kratky_popis_vetsi {
    max-height: none;
}

.ui-autocomplete {
    background: white;
}

.ui-menu-item {
    line-height: 25px;
    padding: 0 25px;
    font-size: 14px;
    cursor: pointer;
}

.parametry_box {
    width: 100%;
    text-align: left;
    line-height: 25px;
}

.parametry_box tr td:nth-child(1) {
    width: 25%;
    font-weight: bold;
}

body.fixed aside {
    position: relative;
}

@media (max-width: 767px) {
    header .dolni nav ul li ul {
        left: 0px;
        width: 100%;
    }

    header .dolni nav ul li ul li {
        width: 100%;
    }

    header .dolni nav ul li ul:after {
        left: 50%;
        margin-left: -10px;
    }
}

/* Price slider */
#priceProducesFilter:after {
    content: '';
    display: block;
    clear: both;
}

.price-slider {
    width: 50%;
    float: left;
}

.price-slider p {
    font-size: 15px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 10px;
}

.price-slider p #amount {
    background: none;
    margin-left: 5px;
    color: #51b9f2 !important;
    font-size: 18px;
}

.price-slider #slider-range {
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    background: #ffffff;
    color: #333333;
    height: 14px;
    position: relative;
    text-align: left;
}

.price-slider #slider-range .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    background-position: 0 0;
    background: #e9e9e9;
    height: 100%;
}

.price-slider #slider-range .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    top: -5px;
    margin-left: -12px;
    border-radius: 2px;
}

.price-slider .button-show {
    position: relative;
    display: inline-block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: white;
    border: 0;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    background-color: #51B9F2;
    font-size: 14px;
    vertical-align: middle;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    padding: 0 15px;
    text-align: center;
    margin-top: 20px;
}

.price-slider .button-show:hover {
    background-color: #2a99d6;
}

@media (max-width: 1023px) {
    .price-slider {
        width: 100%;
        float: none;
    }

    .price-slider p {
        margin-bottom: 35px;
        text-align: left;
    }

    .price-slider p #amount {
        margin-left: 0;
        font-size: 16px;
    }
}

/* rsgalerie */
.rsgalerie {
    display: inline-block;
    width: 12%;
    height: 60px;
    overflow: hidden;
    margin-right: 2px;
}

.rsgalerie a {
    display: inline-block;
    width: 100%;
}

.rsgalerie a img {
    width: 100%;
    height: auto;
}

/* Total price */
.total-price-delivery {
    position: relative;
    margin-top: -1px;
    width: 94%;
    padding: 15px 3% 0;
    text-align: right;
    background: #FAFBFB;
    border-top: 1px solid #F3F4F5;
}

.total-price-delivery .prepocist {
    margin-bottom: 10px;
    padding-top: 0;
}

.total-price-delivery div.ta_cena {
    font-size: 16px;
    color: #b6b8bb;
    line-height: normal;
    border-bottom: 1px solid #F3F4F5;
    padding: 3px 0;
}

@media (max-width: 760px) {
    .total-price-delivery div.ta_cena {
        font-size: 12px;
    }
}

.total-price-delivery div.ta_cena .castka {
    position: relative;
    display: inline-block;
    width: 10%;
    text-align: right;
    color: #2ca9ee;
    line-height: normal;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 18px;
}

@media (max-width: 760px) {
    .total-price-delivery div.ta_cena .castka {
        width: 70%;
    }
}

@media (max-width: 760px) {
    .total-price-delivery div.ta_cena .kec {
        display: block;
    }
}

.total-price {
    position: relative;
    width: 94%;
    padding: 0 3% 15px;
    text-align: right;
    background: #FAFBFB;
    border-bottom: 1px solid #F3F4F5;
    clear: both;
}

.total-price div.ta_cena .castka {
    position: relative;
    display: inline-block;
    width: 10%;
    text-align: right;
    color: #2ca9ee;
    line-height: normal;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    font-size: 24px;
}

@media (max-width: 760px) {
    .total-price div.ta_cena .castka {
        width: 70%;
    }
}

@media (max-width: 760px) {
    .total-price div.ta_cena .kec {
        font-size: 14px !important;
        display: block;
        padding-top: 10px;
    }
}

/* Dokončení objednávky */
.clear {
    clear: both;
}

.order-successful-wrapper {
    padding: 10px;
}

#info_box .order-successful-wrapper a {
    color: #d82720;
}

.order-successful-wrapper p {
    font-size: 15px;
    color: #4a4a4a;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

.order-successful-wrapper .background-white {
    background: #fff;
}

.order-successful-wrapper .wprapper-0 {
    padding: 15px;
}

h1.successful {
    font-size: 32px;
    line-height: 32px;
    padding: 0 0 0 40px;
    margin: 0 0 20px;
    color: #5b9f1f;
    background: url(/template/SK/2015/images/img-new/icon-success.png) no-repeat 0 50%;
}

#info_box h2.big-title {
    font-size: 44px !important;
    line-height: 44px;
    padding: 0;
    margin: 0 0 20px;
    color: #303030 !important;
}

#info_box h2.big-title span {
    color: #d82720 !important;
    font-size: 44px !important;
    line-height: 44px;
}

hr {
    width: 100%;
    height: 1px;
    zoom: 0;
    border: none;
    background: #c0c0c0;
    margin: 0 0 20px;
    padding: 0;
}

div.service {
    padding: 4px 0;
    margin-bottom: 20px;
    text-align: right;
    border-top: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
}

#info_box div.service a {
    display: inline-block;
    padding: 0 8px 0 30px;
    height: 26px;
    line-height: 26px;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    margin-left: 5px;
    border-radius: 2px;
}

div.service a.print {
    background: url(/template/SK/2015/images/img-new/icon-print.png) #42a2de no-repeat 5px 50%;
}

div.service a.pdf {
    background: url(/template/SK/2015/images/img-new/icon-pdf.png) #42a2de no-repeat 5px 50%;
}

div.service a.print:hover {
    background: url(/template/SK/2015/images/img-new/icon-print.png) #2689c7 no-repeat 5px 50%;
}

div.service a.pdf:hover {
    background: url(/template/SK/2015/images/img-new/icon-pdf.png) #2689c7 no-repeat 5px 50%;
}

.order-number {
    float: left;
}

.order-status {
    float: right;
}

.order-info {
    width: 49%;
    margin-bottom: 20px;
}

.order-info h2, .contact-block h2 {
    font-size: 17px;
    line-height: 17px;
    color: #ed001b;
    margin: 0 0 15px 0;
    padding: 0;
    text-transform: uppercase;
}

.order-info img {
    margin: 0 0 10px 0;
}

.order-info p {
    min-height: 35px;
    font-weight: 600;
    font-style: italic;
    margin: 0;
}

.contact-block {
    margin-bottom: 20px;
}

.contact-block .left {
    width: 16%;
    float: left;
    margin-right: 2%;
}

.contact-block .left img {
    width: 100%;
    outline: solid 1px #b6d2e4;
}

.contact-block .right {
    width: 80%;
    float: right;
}

.contact-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 30px;
}

.contact-block ul li {
    display: inline-block;
    width: 30%;
    margin-left: 2%;
    font-size: 16px;
    font-style: italic;
    color: #404040;
}

.contact-block ul li b {
    display: block;
    padding: 3px 0 3px 28px;
    margin-bottom: 10px;
    font-style: normal;
    color: #51a9e1;
}

.contact-block ul li b.ecke {
    background: url(/template/SK/2015/images/img-new/icon-ecke.png) no-repeat 0 50%;
}

.contact-block ul li b.phone {
    background: url(/template/SK/2015/images/img-new/icon-phone.png) no-repeat 0 50%;
}

.contact-block ul li b.group {
    background: url(/template/SK/2015/images/img-new/icon-group.png) no-repeat 0 50%;
}

.description-block strong {
    display: block;
    color: #303030;
    font-size: 24px;
    margin-bottom: 20px;
}

/* product-variants */
.div_detail_cena .radek-pop {
    position: relative;
    z-index: 20;
}

ul.product-variants {
    z-index: 10;
}

ul.product-variants li {
    position: relative;
}

.product-variants li:hover ul {
    display: block;
}

ul.product-variants ul {
    display: none;
    position: absolute;
    padding: 15px;
    background: #fff;
    border: solid 1px #51b9f2;
    width: 100%;
}

.product-variants span {
    position: relative;
    display: inline-block;
    height: 58px;
    line-height: 58px;
    font-size: 18px !important;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    background: #51b9f2;
    padding: 0 40px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    border-radius: 3px;
    background: #51b9f2;
    background: -moz-linear-gradient(top, #51b9f2 0%, #379cd3 100%);
    background: -webkit-linear-gradient(top, #51b9f2 0%, #379cd3 100%);
    background: linear-gradient(to bottom, #51b9f2 0%, #379cd3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51b9f2', endColorstr='#379cd3', GradientType=0);
    /* IE6-9 */
}

.product-variants td.price {
    font-size: 16px;
    font-weight: bold;
    color: #51b9f2 !important;
}

/* Contact-page */
#info_box .contact-page p {
    padding: 0 !important;
    margin: 0;
    font-size: 15px !important;
    line-height: 20px;
}

#info_box .contact-page p i {
    font-size: 12px;
}

#info_box .contact-page h3 {
    margin-bottom: 20px;
}

#info_box .contact-page h4 {
    margin: 20px 0 20px;
}

.f-left {
    float: left;
    width: 48%;
}

.f-right {
    float: right;
    width: 48%;
}

.contact-page iframe {
    width: 100%;
    height: 350px;
    margin-bottom: 35px;
}

.contact-page .wrapper-line {
    padding: 15px;
    border: solid 1px #f7f8f9;
    margin-bottom: 35px;
}

.shops a {
    color: #51b9f2 !important;
}

/* Content Page */
.content-page {
}

#info_box .content-page p {
    text-align: justify;
    margin-bottom: 15px;
}

#info_box .content-page a {
    color: red;
}

#info_box .content-page a:hover {
    text-decoration: none;
}

#info_box .content-page h2 a {
    color: #51B9F2;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
}

#info_box .content-page .tips {
    text-align: left;
}

#info_box .content-page .tips::after {
    content: '';
    clear: both;
    display: block;
}

#info_box .content-page .tips img {
    width: 150px;
    height: auto;
    margin: 0 25px 25px 0 !important;
}

#info_box .content-page .tips img {
    width: 150px;
    height: auto;
    margin: 0 25px 25px 0 !important;
}

#info_box .content-page .tips span a {
    color: red !important;
}

#info_box .content-page div.download {
    width: 43%;
    float: left;
    height: 32px;
    padding: 5px 2%;
    border: solid 1px #eee;
    border-radius: 3px;
    margin: 0 2% 10px 0;
}

#info_box .content-page div.download a {
    display: block;
    font-size: 14px;
    padding-top: 7px;
}

@media (max-width: 640px) {
    #info_box .content-page div.download {
        width: 95%;
        float: left;
        height: 32px;
        padding: 5px 2%;
        border: solid 1px #eee;
        border-radius: 3px;
        margin: 0 0% 5px 0;
    }

    #info_box .content-page div.download a {
        display: block;
        font-size: 11px;
        padding-top: 7px;
        text-align: left;
    }
}

/* Tabs */
.taby .tabs .tab.popisky h2.tabsTitle {
    display: block;
    font-size: 33px;
    line-height: 33px;
    color: #2ca9ee;
    padding-bottom: 10px;
    border-bottom: solid 1px #eeeeee;
    margin: 15px 0 15px;
    text-transform: uppercase;
}

/* Konfigurátor */
.div_detail_cena div.radek.vzornik, .div_detail_cena div.radek.roletka, .div_detail_cena div.radek.checkbox {
    background: #e1f2fb !important;
    border: none;
    padding: 10px 37px;
}

.div_detail_cena div.radek.roletka, .div_detail_cena div.radek.checkbox {
    border-top: solid 1px #d4e9f5;
    border-bottom: solid 1px #d4e9f5;
    padding: 5px 37px;
}

.div_detail_cena .radek.vzornik .p, .div_detail_cena .radek.roletka .p, .div_detail_cena div.radek.checkbox p {
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
}

.div_detail_cena .radek.vzornik .p table {
    width: 100%;
    vertical-align: middle;
}

.div_detail_cena .radek.vzornik .p table td {
    padding: 0;
    height: 40px;
}

.div_detail_cena h4.title {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 10px 37px 10px;
    color: #47484a;
    background: #e1f2fb;
}

.div_detail_cena .radek.surcharge {
    background: #c5e4f5 !important;
    border: none;
    padding: 10px 37px;
}

.div_detail_cena .radek.vzornik a.noprint {
    left: 0;
    width: auto;
    display: block;
    padding: 4px 5px;
    font-size: 12px !important;
    line-height: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: #606d7b;
    border-radius: 2px;
    white-space: normal;
    transition: all .25s ease;
}

.div_detail_cena .radek.vzornik a.noprint:hover {
    background: #000;
}

.aload-local {
    width: auto;
    display: inline-block;
    padding: 4px 5px;
    margin-top: 8px;
    font-size: 12px !important;
    line-height: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: #51b9f2;
    border-radius: 2px;
    border-width: 0px;
    white-space: normal;
    transition: all .25s ease;
}

.aload-local:hover {
    background: #327ca5;
}

.div_detail_cena .radek.vzornik span.addInfo {
    color: #7ec21e !important;
    margin: 1px 0 0 5px;
    cursor: pointer;
    transition: all .25s ease;
}

.logo span {
    visibility: hidden;
}


.div_detail_cena .radek.vzornik span.addInfo i {
    color: #7ec21e !important;
    transition: all .25s ease;
}

.div_detail_cena .radek.vzornik span.addInfo:hover i {
    color: #3e5f11 !important;
}

.radek_in .p.p1 a img {
    vertical-align: middle;
}

/* producer */
.producer {
    width: 44%;
    float: right;
    margin-left: 6%;
}

@media (max-width: 1023px) {
    .producer {
        width: 100%;
        float: none;
        margin-left: 0%;
        margin-top: 15px;
        clear: both;
    }
}

.producer h3 {
    font-size: 18px;
    font-weight: 700;
    color: #47484a;
    font-family: 'Roboto-Bold', ARIAL, sans-serif;
    margin-bottom: 7px;
}

.producer .producerGrid {
    float: left;
    width: 46%;
    padding: 0;
}

.producer label {
    font-size: 14px;
    color: #a6a9ad;
}

.producer input {
    position: relative;
    top: 2px;
    margin-right: 7px;
}

@media (max-width: 1023px) {
    .producer h3 {
        margin-top: 20px;
        text-align: left;
        margin-bottom: 13px;
    }

    .producer .producerGrid {
        float: none;
        width: 100%;
        padding: 0%;
        margin-bottom: 4px;
        text-align: left;
    }
}