/* fonty */
@font-face  {font-family: "Fira Sans";	src: url("/fonts/FiraSans/FiraSans-Light.ttf");		font-weight: 300;}
@font-face  {font-family: "Fira Sans";	src: url("/fonts/FiraSans/FiraSans-LightItalic.ttf");	font-weight: 300;	font-style: italic;}

@font-face  {font-family: "Fira Sans";	src: url("/fonts/FiraSans/FiraSans-Regular.ttf");}
@font-face  {font-family: "Fira Sans";	src: url("/fonts/FiraSans/FiraSans-Italic.ttf");	font-style: italic;}

@font-face  {font-family: "Fira Sans";	src: url("/fonts/FiraSans/FiraSans-Medium.ttf");	font-weight: 500;}
@font-face  {font-family: "Fira Sans";	src: url("/fonts/FiraSans/FiraSans-MediumItalic.ttf");	font-weight: 500;	font-style: italic;}

@font-face  {font-family: "Fira Sans";	src: url("/fonts/FiraSans/FiraSans-Bold.ttf");		font-weight: bold;}
@font-face  {font-family: "Fira Sans";	src: url("/fonts/FiraSans/FiraSans-BoldItalic.ttf");	font-weight: bold;	font-style: italic;}

b, strong {
    font-weight: bold;
}

i, em {
    font-style: italic;
}

/* základné */

body
{
    font-family: 'Fira Sans', sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 160%;
    color: #606060;
    background-color: #FFF;
    position: relative;
    margin-top: 20px;
}
a {
    font-weight: 500;
    color: #E85065;
}
a:hover {
    color: #E21D38;
}
video {
    width:100%;
    height: auto;
}
/* prihlasenie */
#prihlasenie {
    position: relative;
    top: -4px;
    height: 25px;
    margin-right: 4px;
    margin-left: auto;
    margin-bottom: 10px;
    text-align: right;
    font-size: 15px;
    font-weight: 300;
}
#prihlasenie a, #prihlasenie div {
    font-size: 16px;
    font-weight: 300;
    color: #999999;
    letter-spacing: .02em;
    cursor: pointer;
    display: inline-block;
}
#prihlasenie a:hover, #prihlasenie div:hover {
    text-decoration: none;
    color: #E85065;
}
#prihlasenie .dropdown-menu > li > a {
    display: block;    
}
.ikonaUser {
    width: 17px;
    height: auto;
}
.ikonaBag {
    width: 16px;
    height: auto;
    margin-top: 5px;
}
.ikonaUser, .ikonaUserActive, .ikonaBag {
    margin-right: 8px;
    margin-left: 30px;
    position: relative;
    top: -4px;
}
.ikonaUserActive {
    width: 25px;
    height: auto;
    top: -3px;
}
#prihlasenie .caret {
    display: inline;
    vertical-align: -10px;
}
.table.konto tr:hover {
    background-color: #F9F9F9;
}
.table.konto thead tr {
    background-color: #F0F0F0;
}
.table.prihlasky td, .table.prihlasky th {
    font-size: 90%;
}

/* menu */
#prihlasenie ul#MenuPrihlasenie.dropdown-menu {
    min-width: 90px;
}
ul.menu-main {
    background-color: #EF8595;
    border: solid 1px #EF8595;
    border-radius: 22px;
    margin-right: 0;
    margin-left: 0;
    padding: 0 18px;
    text-align: right;
    display: inline-block;
}
ul.menu-main li a {
    padding: 8px 24px 5px;
    display: block;
}
ul.menu-main li {
    display: inline-block;
    border-right: solid 1px #EF8595;
    background-color: #FCE3E7;
}
ul.menu-main li:first-child {
    border-left: solid 1px #EF8595;
}
ul.menu-main li, ul.menu-main li a {
    color: #525252;
    font-size: 19px;
    font-weight: normal;
}
ul.menu-main li a:hover {
    color: #FFF;
    background-color: #EF8595;
    text-decoration: none;
}
ul.menu-main li:hover {
}
ul.menu-main li.vybrate {
    background-image: url('/img/zub_18x14.png');
    background-size: 9px 7px;
    background-position: center bottom;
    background-repeat: no-repeat;
}
#buttonyMenu {
    margin-left: auto;
    margin-top: 10px;
    text-align: right;    
}
#buttonyMenu .btn {
    margin-left: 7px;  
    border: none;
}
.onlyMobile {
    display: none;
}
.onlyDesktop {
    display: block;
}
.open > .dropdown > .dropdown-menu {
    display: block;
}
.dropdown-menu {
    min-width: 100%;
    left: auto;
    right: 0;
    top: 120%;
}
.terminator {
    height: 1px;
    clear: both;
    width: 100%;
    display: block;
}
nav {
    color: #999999;
    margin-bottom: 80px;
    font-size: 16px;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar {
    border-radius: 0;
}
.navbar {
    border: 1px solid transparent;
    margin-bottom: 20px;
    min-height: 50px;
    position: relative;
}
ul.navbar-nav > li {
    /*    border: 2px solid #999999;
        border-radius: 10px;
        margin-right: 10px;*/
}
.navbar-default ul.navbar-nav > li.active a {
    background-color: #D7F0F4;
}
.navbar-default ul.navbar-nav > li.active a:hover {
    background-color: #FFF;
}
ul.navbar-nav > li > a {
    padding: 5px;
    border-radius: 10px;
}
.nav-icon {
    margin: 0 5px;
    vertical-align: -3px;
}
.menu-top {
    padding-right: 5px;
}
.navbar-nav > li > .dropdown-menu {
    border-radius: 10px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #D7F0F4;
    color: #333;
}
#aktivityAponuka, #pohlady, #knihyNaPredaj {
    background-color: #FFF; /* #F8DCE0 */
}
#aktivityAponuka a, #pohlady a, #knihyNaPredaj a {
    color: #555;
}
#logo {
    position: absolute;
    left:0;
    top:13px;
    z-index: 150;
}
#logo img {
    width: 276px;
    max-width:100%;
    height: auto;
}
.sponzor {
    position: absolute;
    left:385px;
    top:65px;
    z-index: 5;
    width: 206px;
    height: auto;
}
.sponzorDole {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 20px;
}
.sponzorTxt {
    font-size: 10px;
    width: 100%;
    text-align: center;
}
.datalan {
    margin-top: 9px;
    width: 100%;
    max-width: 206px;
    height: auto;
}
.egocard {
    margin-top: 0px;
    width: 100%;
    max-width: 153px;
    height: auto;
}
button.navbar-toggle {
    z-index: 125;
}
#main-navbar {
    position: relative;
    right: -20px;
    z-index: 120;
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    border-top: none;
    box-shadow: none;
}

button.btn {
    padding: 7px 12px 6px;
}
.btn-tyrkys, .btn-ruza {
    border-radius: 10px;
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 17px;
}
.btn-tyrkys:hover, .btn-ruza:hover {
    color: #FFF;
    border: 2px solid #FFF;
}
.btn-tyrkys {
    background-color: #188B9E;
}
.btn-tyrkys:hover {
    background-color: #206D79;
}
.btn-ruza {
    background-color: #E85065;
}
.btn-ruza:hover {
    background-color: #E21D38;
}
.btn-transp {
    color: #FFF;
    background-color: transparent;
    border: 2px solid #FFF;
}
.btn-transp:hover {
    color: #FFF;
    border: 2px solid #FFF;
    background-color: rgba(255,255,255,.5);
}
button.btn-viac {
    float: right;
    margin: 0 10px 10px;
    padding-bottom: 1px;
}
button.btn-tab {
    float: right;
    margin: 10px 0 0 0;
    padding-bottom: 1px;
}
#btn-kde {
    position: absolute;
    right:0;
    top:51px;
    z-index: 101;    
}
#btn-prihlasit {
    position: absolute;
    right:130px;
    top:51px;
    z-index: 102;    
}
#btn-rozvrh {
    position: absolute;
    right:323px;
    top:51px;
    z-index: 105;    
}
.btn-icon {
    margin: 0 5px 0 0;
    vertical-align: -2px;
}
#btn-poukazka {
    position: absolute;
    right:324px;
    top:51px;
    z-index: 103;    
}
#btn-knihy {
    position: absolute;
    right:524px;
    top:51px;
    z-index: 104;    
}
button.btn-md {
    padding: 4px 6px 2px;
}
.btn-tyrkys-border {
    color: #188B9E;
    border: 2px solid #188B9E;
}
.btn-tyrkys-border:hover {
    color: #188B9E;
    border: 2px solid #188B9E;
}
#btn-blog {
    margin-top: 38px;
    margin-right: 10px;
}
.btn-neaktiv, .btn-neaktiv:hover, .btn-neaktiv:focus, .btn-neaktiv:active {
    color: #FFF;
    background-color: #999;
    border: 2px solid #FFF;
    cursor: default;
}

.test {
    background-color: #AAD3DE;
}

.tabulka {
    margin: 20px 0;
}
.tabulka th, .tabulka td {
    padding: 10px 8px;
    font-size: 90%;
}

.panorama {
    width:100%;
    height: 127px;
    margin: 20px 0 15px;
    background-image: url(/img/pole.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #FFF;
}
body.inspiracie .panorama {
    background-image: url(/img/voda.jpg);
}
body.eshop .panorama {
    background-image: url(/img/plaz.jpg);
}


h1 {
    color: #188B9E;
    font-size: 44px;
    font-weight: 300;
    margin-bottom: 50px;
}
h2 {
    font-size: 34px;
    color: #188B9E;
    font-weight: 300;
    margin-top: 35px;
    line-height: 1.2;
}
h3 {
    font-size: 26px;
    color: #E85065;
    font-weight: 300;
    margin-top: 32px;
    line-height: 1.2;
}
h4 {
    font-size: 21px;
    color: #188B9E;
    font-weight: 300;
    margin-top: 30px;
    line-height: 1.3;
}
h5 {
    font-size: 18px;
    color: #E85065;
    font-weight: bold;
    margin-top: 25px;
    line-height: 1.4;
}
h6 {
    font-size: 16px;
    color: #188B9E;
    font-weight: bold;
    line-height: 1.4;
}
p.poznamka {
    font-size: 15px;
    font-weight: 300;
    line-height: 140%;
    color: #808080;  
}
.vyrazny {
    color: #188B9E;
    font-weight: 500;    
}
.perex {
    color: #188B9E;
    font-weight: 500;
    font-style: italic;
    font-size: 18px;
}
.nadpisSekcie {
    color: #188B9E;
    font-weight: 500;    
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 40px;
    border-bottom: 1px solid #188B9E;
    display: block;
}
article {
    margin-bottom: 30px;
}
aside {
    margin-bottom: 20px;
}
aside p {
    font-size: 15px;
    line-height: 1.4;
}
aside h2 {
    font-size: 18px;
    color: #E85065;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 5px;
}
.blog {
    font-size: 15px;
    line-height: 160%;
}
.img-blog {
    width: 45%;
    height: auto;
    max-width: 360px;
    margin: 0 20px 20px 0;
    display: block;
    float: left;
    clear: both;
}
.blogDevider { 
    clear: both;
    width: 100%;
    height: 0px;
    margin: 25px 0 5px;
}
.blogDevider:last-child { 
    display: none;
}
.content .blogDevider { 
    margin: 35px 0 40px;
    border-top: solid 1px #F8DCE0;
}
.WEimgLeft, .WEimgRight {
    max-width:60%;
}
.WEimg img, .WEimgLeft img, .WEimgRight img {
    max-width:100%;
}



/* inšpirácie */
.inspiracieBox 
{
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 30px;
    position: relative;
    clear: both;
    display: block;
    break-inside: avoid;
}
.inspiracieBox .img-blog {
    max-width: 50%;
    width: auto;
    max-height: 120px;
    margin: 4px 16px 12px 0;
}
.inspiracieBox  h2 {
    font-size: 20px;
    color: #E85065;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 5px;
}
.inspiracieContainer {
    columns: 2;
    column-gap: 60px;
    margin-top: 30px;
}
.inspiracieContainer .blogDevider:last-child {
    display: block;
}
.inspiracieContainer .inspiracieBox:last-child .blogDevider {
    display: none;
}



footer {
    background-color: #89D3DE;
    padding: 30px 0;
    padding-bottom: 20px;
}
footer a {
    color: #188B9E;
}
footer a:hover {
    color: #FFF;
}
footer h4 {
    color: #064654;
    font-weight: 300;
    font-size: 17px;
}
footer img {
    margin-bottom: 20px;
}
.logoFooter {
    width: 174px;
}
ul.bs-docs-footer-links {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 20px;
}
.bs-docs-footer-links li {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    font-size: 14px;
    line-height: 160%;
}
.copyright {
    margin: 10px 0 0 0;
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}
footer div.col-md-3 {
    margin-bottom: 10px;
}
nav.navbar {
    background-color: rgba(255,255,255,0.9);
}
article img.obrVlavo, article img[align="left"], .WEimgLeft {
    margin: 15px 40px 20px 0px !important;
    float:left;
}
article img.obrVpravo, article img[align="right"], .WEimgRight {
    margin: 15px 0px 20px 40px !important;
    float:right;
}
.alert {
    color: #e85065;
    font-size: 16px;
    font-weight: 500;
    margin: 4px 0 10px 0;
}
.success {
    color: #188B9E;
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0; 
    padding: 20px;
    background-color: #E9F9FB;
    border: solid 2px #188B9E;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.txtL {
    text-align: left;
}
.txtR {
    text-align: right;
}
.txtC {
    text-align: center;
}
.cl {
    height: 0px;
    clear: both;
}
.rp {
    position: relative;
}
.mb {
    margin-bottom: 48px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mt {
    margin-top: 48px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-60 {
    margin-top: 60px;
}
.no-mar {
    margin: 0 !important;
}
.no-pad {
    padding: 0 !important;
}
.sirka100pc {
    width: 100%;
}
.sirka75pc {
    width: 75%;
}
.sirka50pc {
    width: 50%;
}
.sirka40pc {
    width: 40%;
}
.sirka30pc {
    width: 30%;
}
.sirka100pc, .sirka75pc, .sirka50pc, .sirka40pc, .sirka30pc {
    min-width: 120px;
}
.ciara {
    border-top: solid 1px #EFEFEF;
    box-shadow: none;
    margin: 30px 0 20px 0;
    clear: both;
}
#slogan {
    font-style: italic;
    font-size: 18px;
    line-height: 110%;
    color: #BBB;
    position: absolute;
    right: 710px;
    top: 63px;
    z-index: 103;
}
.container.containerHeader {
    position: relative;
    padding: 0 15px;
    height: 140px;
}
#iconPenMenu {
    width: 16px;
}
/* aside */
.nadpisNoviniek {
    color: #FFF;
    font-weight: 500;    
    font-size: 18px;
    padding: 10px;
    margin-bottom: 0px;
    margin-top: 30px;
    display: block;
    width: 100%;
    background-color: #188B9E;
}
.svg-icon-aside {
    width: 24px;
    margin-right: 10px;
}
.blogZoznam {
    margin-top: 20px;
}
.blog .blogDatum {
    display: block;
    margin: 0;
    font-size: smaller;
    color: #C0C0C0;
}
/* home */
.panorama.home {
    position: relative; 
    height: 342px;
}
header.home {
    /*  height: 135px; */
}
header.home .buttonyTop #btn-kde, header.home .buttonyTop #btn-prihlasit, header.home .buttonyTop #btn-poukazka, header.home .buttonyTop #btn-knihy, header.home .buttonyTop #btn-rozvrh {
    top: 98px;
}
.tyrkys {
    background-color: #188B9E;
}
.ruza {
    background-color: #E85065;
}
.infoPanel {
    margin-top: 20px;
    margin-bottom: 30px;
    position: relative;
}
.infoPanel, .infoPanelContent {
    width:100%;
    padding-left: 0;
    /*    padding-right: 15px; */
}
.infoPanel .tyrkys {
    background-color: #B0E2E9;
}
.infoPanel .ruza {
    background-color: #F1A6B0;
}
.infoPanel p.poznamka, .infoPanel.cennik p.poznamka {
    font-size: 16px;
    font-style: italic;
}
.infoPanelContent {
    padding: 0;
}
.kurz h2 {
    font-size:26px;
    margin-top: 10px;
}
.kurz p {
    font-size:17px;
    font-weight: 300;
    font-style: italic;
    padding-left: 34px;
    padding-right: 10px;
    line-height: 120%;
}
.infoPanel .tyrkys h2, .infoPanel .tyrkys h2 a {
    color: #188B9E;
}
.infoPanel .tyrkys h2 a:hover {
    color: #206D79;
}
.infoPanel .ruza h2, .infoPanel .ruza h2 a {
    color: #E85065;
}
.infoPanel .ruza h2 a:hover {
    color: #E21D38;
}
.infoPanelLeft, .infoPanelRight {
    width:50%;
}
.infoPanelLeft img {
    width:100%;
}
.infoPanelRight, .infoPanelLeft {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
}
.kurz .infoPanelLeft {
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
}
.cennik .infoPanelLeft p {
    font-size: 17px;
}
.cennik h4 {
    margin-top: 0;
}
.lotos {
    position: absolute;
    top: 100px;
    left: calc(50% - 45px);
    width: 90px !important;
}
.tabHlavicka {
    width: 100%;
    padding: 8px 20px;
    background-color: #3EB6C8;
}
.tabHlavicka h3 {
    font-size:28px;
    font-weight: normal;
    color: #FFF;
    margin-top: 10px;
}

/* tabuľka */
.rozvrh {
    width: 100%;
    background-color: #EBEBEB;
}
.rozvrh tr {
    border-bottom: 1px solid #E85065;
}
.rozvrh td, .rozvrh th {
    padding: 10px;
    border-right: 1px solid #E85065;
    font-size: 14px;
    line-height: 120%;
    color: #000;
    vertical-align: top;
}
.rozvrh th {
    color: #FFF;
}
.rozvrh td {
    padding: 0px;
}
.seda10 {
    background-color: #D6D6D6;
}
.seda15 {
    background-color: #CDCDCD;
}
.seda25 {
    background-color: #C0C0C0;
}
.seda50 {
    background-color: #808080;
}
.seda75 {
    background-color: #404040;
}
.ruzova {
    background-color: #F1A6B0;
}
.tyrkysova {
    background-color: #89D3DE;
}
.rozvrh td.ruzova, .rozvrh td.tyrkysova {
    /*    border-right: none; */
}
.ruzova h4 {
    color: #E85065;
    font-size: 18px;
    margin: 0 0 7px;
}
.tyrkysova h4 {
    color: #188B9E;
    font-size: 18px;
    margin: 0 0 7px;
}
.rozvrh .btn {
    font-size: 17px;
}
.rozvrh .popover .popover-content .btn.btn-xs {
    font-family: 'Fira Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 8px;
    margin-top: 6px;
}
.rozvrh h5 {
    font-size: 16px;
    color: #FFF;
    margin: 0 0 4px;    
}
.popover-content h5 {
    color: #000;
}
.rozvrh p {
    margin: 0 0 4px;    
}
.rozvrh p.poznamka {
    font-size: 13px;
    color: #000;   
}
.rozvrh h4 {
    font-size: 17px;
    margin: 0 0 4px;
}
.rozvrh .cas {
    font-size: 16px;
    font-weight: bold;
    color: #000; 
    margin: 0 0 4px;
}
.rozvrh .cas:not(:first-child) {
    border-top: 1px solid #E85065; 
    margin: 16px 0 4px;
    padding: 16px 0 0 0;
}
.rozvrh .btn-sm, .rozvrh .btn-sm:focus, .rozvrh .btn-sm:active, .rozvrh .btn-sm:visited {
    padding: 3px 5px !important;
    margin-top: 10px;
    margin-right: 6px;
}
.rozvrh .btn, .rozvrh .btn:focus, .rozvrh .btn:active, .rozvrh .btn:visited {
    margin-right: 6px;
}
/* collapse */
h4.panel-title a:focus, h4.panel-title a:active, h4.panel-title a:hover {
    text-decoration: none;
}
/* dropdown_nadpis */
.dropdown_nadpis {
    border: solid 1px #188B9E;
    padding: 16px 50px 16px 16px;
    background-image: url('/img/sipka_tenka_dolu_tyrkys.svg');
    background-size: 26px 18px;
    background-repeat: no-repeat;
    background-position: calc(100% - 17px) 20px;
    cursor: pointer;
    margin-bottom: 20px;
}
.dropdown_nadpis :last-child {
    margin-bottom: 0;
}
.dropdown_nadpis.otvorene {
    background-image: url('/img/sipka_tenka_hore_tyrkys.svg');
}

/* konto */
.tableKonto {
    margin: 15px 0 15px -6px;
    width:100%;
}
.tableKonto td, .tableKonto tr {
    border: none;
}
.tableKonto td {
    padding: 6px;
    font-size: 90%;
}
.tableKonto tr:hover {
    background-color: #EFEFEF;
}
.tableKonto tr.no-hover:hover {
    background-color: white;
}
.tableKonto input[type='text'] {
    border-radius: 3px;
    border: solid 1px #DDD;
    padding: 1px 6px;
    max-width: 100%;
}
.tableKonto select {
    font-size: 90%;
}

/* blog */
.blogDalsie h5 {
    margin: 0 0 10px 0;
}
.blogDalsie h6 {
    margin: 15px 0 20px 0;
}
/* galéria */
.galleryThumbs {
    margin-top: 30px;
}
.polozkaObal {
    float: none;
    width: 31%;
    margin: 0 0 3% 0;
}
/*.polozkaObal:nth-child(3n+0) {
    margin-right: 0;
}*/
.polozkaObal:last-child {
    margin-right: auto;
}

.ikonaFotoObal {
    padding: 10px;
    border: 2px solid #D8F0F4;
    border-radius: 10px;
    background-color: #EBF7F9;
}
.ikonaFotoObal:hover {
    border: 2px solid #F1A6B0;
    background-color: #F9E0E4;
}
.ikonaFotoObal img {
    width: 100%;
}
.pg_popis {
    font-size: 12px;
    text-align: center;
    margin: 10px 0;
    line-height: 120%;
}
div.polozkaObalAlbum
{
    display:block;
    margin: 0 0 26px 0;
    float: none;
    width: 180px;
}
div.polozkaObalAlbum:last-child {
    margin-right: auto;
}

div.polozkaObalAlbum img
{
    box-shadow: none !important;
}
div.albumy {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 104px;
}
div.albumy a 
{
    display: block;
    position: relative;
}
div.albumy a:hover, div.albumy a:hover p
{
    color: #188B9E;
    text-decoration: none;
}
div.albumy a p {
    text-align: center;
    margin-top: 11px;
    font-size: 18px;
    color: #3EB6C8;

}
div.fotky
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    clear:both;
    column-gap: 25px;
}
div.album_foto 
{
    display: block;
    width:100px;    /* podľa potreby */
    height: 80px;   /* podľa potreby */
    text-align: center;
    position: absolute;
    left:26px;
    top:40px;
    box-shadow: none;
}
div.album_foto img 
{
    max-width: 128px;
    max-height: 128px;
    border-radius: 5px;
}
div.ikonaFotoObal a, div.ikonaFotoObal img
{
    vertical-align: middle;
}
.individual {
    color: #FFF;
    font-weight: bold;
}
/* addThis */
.socialPlugin {
    margin-top: 25px;
    clear: both;
    margin-top: 40px;
}

/* formular */
.formular {
    margin: 50px 0;
}
[class*="required"] {
    border-color: #E85065;
}
.btn-odoslat {
}
textarea#dopyt, textarea#poznamka {
    height:150px;
}
input:invalid {
    border-color: #E85065;
}
input.checkbox, input.checkbox:focus, input.checkbox:active, input.checkbox:hover {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 7px 16px 10px 0 !important;
    vertical-align: -5px;
}
.label-vpravo {
    font-weight: 300;
}
label {
    font-weight: 300;
    width: 80%;
    width: calc(100% - 50px);
    margin-left: 0px;
    cursor: pointer;
}
.DorucenieAPlatba label:hover {
    color: #000;
}
.NakupnyProces input.checkbox {
    vertical-align: top;
    margin-top: 1px !important;
}
.NakupnyProces.DorucenieAPlatba .Cena, .NakupnyProces.DorucenieAPlatba .Cena .euro {
    font-size: 20px;
    text-align: right;
}
.DodacieUdaje input {
    margin-bottom: 20px;
}
.Platba h6 {
    font-weight: 500;
}
.Platba p, .Platba label {
    font-size: 15px;
}
.Platba .Cena {
    font-size: 16px;
}
.Platba .Cena .euro {
    font-size: 15px;
}
.Platba .ZoznamInfoStlpec .Nazov a {
    font-size: 17px;
} 
.Platba .ZoznamInfoStlpec .Autor a {
    font-size: 14px;
}
.Platba label {
    color: #999999;
}
.Platba .ZoznamInfoStlpec .Nazov {
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: 500;
}

/* sekcia formulár */
section.sekciaFormular {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px;
    background-color: #F8D3D9;
}
section.sekciaFormular h3 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 16px;
}
section.sekciaFormular label {
    font-size: 16px;
    font-weight: 400;
    color: black;
}
/* search field */

#searchForm .form-field {
    display: block;
    width: 100%;
    height: 36px;
    padding: 1px 40px 0 18px;
    line-height: 25px;
    font-size: 15px;
    border-radius: 18px;
    /*  -webkit-appearance: none;*/
    color: #555;
    border: 1px solid #EF8595;
    background: #FFF;
    transition: border 1s ease, background-image 1s linear;
    background-image: url('/img/lupa-rose-neaktivna.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 36px 36px;
}

#searchForm .form-group {
    position: relative;
    display: flex;
    width: 260px;
    margin-top: 18px;
    float: right;
}
#searchForm .form-group > span,
#searchForm .form-group .form-field {
    white-space: nowrap;
    display: block;
}
#searchForm .form-field::-moz-placeholder {
    color: #AAA;
}
#searchForm .form-field:-ms-input-placeholder {
    color: #AAA;
}
#searchForm .form-field::placeholder {
    color: #AAA;
}
#searchForm .form-field:focus {
    outline: none;
    border-color: #E85065;
    background-image: url('/img/lupa-rose.png');
}
#searchForm input.SkryteOdoslanie {
    position: absolute;
    width: 30px;
    height: 30px;
    top:3px;
    right: 3px;
    border: none;
    z-index: 30;
    opacity: 0;
}
.nasloSa {
    margin-bottom: 32px;
    margin-top: 0;
    clear: both;
    color: #188B9E;
}
.nenasloSa {
    margin-bottom: 16px;
    margin-top: 0;
    clear: both;
    color: #e85065;
    font-weight: bold;
}

/* eshop */
.logoKarta {
    display: inline-block;
    margin: 8px 16px 20px 16px;
}
.ShopNadpis {
    width: calc(100% - 360px);
    float: left;
}
.ShopSearch {
    width:360px;
    float: right;
    margin-right: 0;
}
.ShopNadpis h1 {
    margin-top: 15px;
    margin-bottom: 20px;
}
.Breadcrumbs {
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 15px;
    font-weight: 300;
    color: #666666;
}
.Breadcrumbs a {
    color: #188B9E;
    text-decoration: none;
    font-weight: 300;
}
.Stlpce2 {
    column-count: 2;
    column-gap: 30px;
}
hr.ciara {
    width: 100%;
    border-color: #EEEEEE;
    background: none;
    box-shadow: none;
    margin: 60px 0;
    clear: both;
}
.eshop h2 {
    font-weight: 500;
    font-size: 23px;
}
.DeleteItem {
    cursor: pointer;
}
.Packet4 {

}
.NovinkyPacket {
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    display: block;
    text-decoration: none;
}
.NovinkyPacket:hover {
    background-color: #FAFAFA;
}
.NovinkyThumbObal {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.NovinkyThumb {
    position: relative;
    height: 310px;
    display: table-cell;
    vertical-align: bottom;
}
.NovinkyThumb img {
    max-height: 100%;
    max-width: 100%;
    display: block;
}
.NovinkyTxt {
    position: relative;
    height: 130px;
    width: 100%;
    text-align: center; 
    overflow: hidden;
}
.NovinkyTxt .Autor {
    font-weight: 300;
    font-size: 17px;
    text-align: center; 
    color: #188B9E;
    padding: 24px 4px 4px;
    text-decoration: none;
    line-height: 120%;
}
.NovinkyTxt .Nazov {
    font-weight: bold;
    font-size: 22px;
    text-align: center; 
    color: #E55065;
    padding: 0 10px;
    text-decoration: none;
    line-height: 120%;
}
a.NovinkyPacket .NovinkyTxt .Autor:hover, a.NovinkyPacket .NovinkyTxt .Nazov:hover {
    text-decoration: none;
}
a.NovinkyPacket *:hover {
    text-decoration: none;
}
a.NovinkyPacket:hover *, a.NovinkyPacket:hover {
    text-decoration: none;
}
.KategorieHlavicka {
    color: #FFF;
    font-weight: 500;    
    font-size: 20px;
    padding: 4px 10px 0;
    margin-bottom: 0;
    margin-top: 0;
    display: block;
    width: 100%;
    height: 34px;
    background-color: #188B9E;
    background-image: url('/img/sipka-dole.svg');
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 13px 11px;
    cursor: pointer;
}
.Kategorie {
    margin-bottom: 18px;
    position: relative;
}
.Kategorie ul {
    background-color: white;
    border: none;
    margin-right: 0;
    margin-left: 0;
    padding: 4px 10px;
    text-align: left;
    position: static;
    border: none;
    box-shadow: none;
}
.Kategorie ul.rozbaleny {
    display: block;
}
.Kategorie li a {
    width: 100%;
    padding: 8px 0 5px;
    display: block;
    font-weight: 500;    
    font-size: 18px;
    line-height: 1.2;
    color: #777;
}
.Kategorie li a:hover {
    text-decoration: none;
    color: #E55065;
}
.Kategorie li {
    display: block;
    border: none;
}
.ZoznamPoloziek .row {
    border-bottom: 1px solid #EEE;
    padding-bottom: 22px;
    margin-bottom: 30px;
}
.ZoznamPoloziek .row:last-child {
    border-bottom: none;
    margin-bottom: 30px;
}
.ZoznamThumbObal {
    margin-left: 20px;
}
.ZoznamThumb img {
    width: 100%;
    height: auto;
    max-height: 300px;
}
.ZoznamInfoStlpec .Nazov {
    margin: 0 0 8px;
}
.ZoznamInfoStlpec .Nazov, .ZoznamInfoStlpec .Nazov a {
    font-size: 26px;
    text-decoration: none;
}
.ZoznamInfoStlpec .Autor {
    margin: 0 0 8px;
    color: #999999;
}
.ZoznamInfoStlpec .Autor, .ZoznamInfoStlpec .Autor a {
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
    color: #188B9E;
}
.ZoznamInfoStlpec .Autor .Vydavatelstvo {
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
    color: #999999;
}
.ZoznamInfoStlpec .popis {
    margin: 0 0 8px;
}
.ZoznamInfoStlpec .popis p {
    margin: 0;
}
.ZoznamInfoStlpec .popis, .ZoznamInfoStlpec .popis p {
    font-size: 15px;
    line-height: 140%;
}
.ZoznamCenaStlpec, .ZoznamCenaStlpec * {
    text-align: center;
}
.ViacInfo, .DoKosika, .btn.DoKosika {
    margin: 4px auto 12px;
}
.ViacInfo {
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 4px;
}
.DoKosika, .btn.DoKosika {
    font-size: 15px;
    padding-left: 30px;
    padding-bottom: 4px;
    font-weight: 300;
    background-image: url('/img/bag-32x34-white.png');
    background-position: 11% 43%;
    background-repeat: no-repeat;
    background-size: 16px 17px;
}
.btn.ruza.DoKosika:hover {
    background-color: #E21D38;
}
.CenaStara {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: .05em;
    color: #999999;
    text-decoration: line-through;
    margin-bottom: 12px;
}
.CenaStara .euro {
    font-size: 19px;
    font-weight: 300;
}
.Cena {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: .1em;
    color: #E75065;
    margin-bottom: 36px;
}
.Cena .euro {
    font-size: 23px;
    font-weight: 300;
}
.Platba .Cena {
    margin-bottom: 0;
}
.border-bottom {
    border-bottom: 1px solid #EEE;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

/* select */
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    --select-border: #777;
    --select-focus: #E75065;
    --select-arrow: #777;
}
select.select {
    /*   A reset of styles, including removing the default dropdown arrow*/
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    /*  width: 100%;*/
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;

    /*  // Stack above custom arrow*/
    z-index: 1;

    /*  // Remove focus outline, will add on alternate element*/
    outline: none;
}
/*  // Remove dropdown arrow in IE10 & IE11*/
/*  // @link https://www.filamentgroup.com/lab/select-css.html*/
select.select::-ms-expand {
    display: none;
}

.select {
    display: grid;
    grid-template-areas: "select";
    align-items: center;
    position: relative;


    min-width: 5ch;
    max-width: 30ch;

    border: 1px solid #777;
    border-radius: 0.25em;
    padding: 0.25em 0.5em;

    font-size: 1.25rem;
    cursor: pointer;
    line-height: 1.1;

    /*  // Optional styles*/
    /*  // remove for transparency*/
    background-color: #fff;
    background-image: linear-gradient(to top, #f9f9f9, #fff 33%);

}
/*  // Custom arrow*/
.select:not(.select--multiple)::after {
    content: "";
    justify-self: end;
    width: 0.8em;
    height: 0.5em;
    background-color: #777;
    -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}

select::after, .select::after {
    grid-area: select;
}

/*// Interim solution until :focus-within has better support*/
select:focus + .focus {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid #E75065;
    border-radius: inherit;
}
.ZoradenieBox {
    font-size: 14px;
    text-align: right;
    display: block;
    position: absolute;
    right: 15px;
    top: 74px;
}
select.ZoradenieVyber {
    display: inline-block;
    border: 1px solid #E2E2E2;
    border-radius: 11px;
    margin-right: 0;
    margin-left: 10px;
    padding: 2px 6px 1px 5px;
    position: relative;
    box-shadow: none;
    font-weight: 300;    
    font-size: 14px;
    color: #777;
}
select.ZoradenieVyber option {
    height: 34px;
    padding: 8px 0 5px;
    display: block;
    font-weight: 300;    
    font-size: 14px;
    color: #777;
    text-align: left;
    background-color: white;
    border-bottom: 1px solid #E2E2E2;
}
select.ZoradenieVyber option:hover {
    text-decoration: none;
    color: #E55065;
}
/* Produkt */
body.Produkt .Breadcrumbs {
    margin: 15px 0 30px 0;
}
.ProduktThumb {
    position: relative;
}
.ProduktThumbObal {
    margin-right: 100px;
}
.ProduktThumb img {
    width: 100%;
    height: auto;
    max-height: 600px;
    margin: 0 auto;
}/*
.CommonImgThumb {
    width: 20%;
    height: 75px;
    background: #EEE;
    float: left;
    overflow: hidden;
    position: relative;
}
.CommonImgThumb img {
    width: auto;
    height: auto;
    min-width: 75px;
    min-height: 75px;
    max-width: 113px;
    max-height: 113px;
    margin: auto;
    position: relative;
    margin: auto;
}*/
.CommonImgContainer {
    width:100%;
    margin-bottom: 60px;
}
.CommonImgThumb {
    width: 20%;
    height: 75px;
    background: #EEE;
    float: left;
    display: flex;
    justify-content:center;
    align-items:center;
    overflow: hidden;
}
.CommonImgThumb img {
    width: auto;
    height: auto;
    min-width: 75px;
    min-height: 75px;
    max-width: 120px;
    max-height: 120px;
    margin: 0;
}

.ProduktInfoStlpec {
    color: #999999;
}
.ProduktInfoStlpec h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}
.ProduktInfoStlpec h1 { /* nazov */
    font-size: 36px;
    font-weight: bold;
    color: #E55065;
    line-height: 1.2;
    letter-spacing: 0.003em;
    margin-bottom: 10px;
}
.ProduktInfoStlpec h2 { /* podnadpis */
    font-size: 23px;
    font-weight: 300;
    color: #E55065;
    line-height: 1.2;
    letter-spacing: 0.005em;
    margin-bottom: 12px;
}
.ProduktInfoStlpec h3 { /* autor */
    font-size: 18px;
    font-weight: 300;
    color: #188B9E;
    line-height: 1.2;
    letter-spacing: 0.005em;
    margin-bottom: 30px;
}
.ProduktInfoStlpec h3 a, .Produkt .MedziCiarami a { /* autor */
    color: #188B9E;
}
.ProduktPopis {
    font-size: 110%;
    color: #606060;
}
.Produkt .MedziCiarami {
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    padding: 6px 0;
    color: #999999;
}
.Oval {
    padding: 6px 16px;
    border-radius: 50px;
    display: inline-block;
}
.Uspora {
    color: #FFF;
    font-weight: 300;
    margin-left: 30px;
    vertical-align: 10px;
}
.Produkt .Cena {
    display: inline-block;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
}
.Produkt .Cena .euro {
    font-size: 80%;
    margin: 0;
}

.Produkt .CenaStara {
    display: inline-block;
    font-size: 26px;
    font-weight: 500;
    margin-left: 10px;
    margin-bottom: 30px;
}
.Produkt .CenaStara .euro {
    font-size: 80%;
    margin: 0;
}
.CenyVedlaSeba div {
    display: inline-block;
    text-align: center;
}
.Hodnota {
    color: #666666;
    font-weight: 500;
}
.ProduktInfoStlpec .DoKosika, .ProduktInfoStlpec .btn.DoKosika {
    color: white;
    font-size: 25px;
    padding: 10px 20px 8px 60px;
    border-radius: 11px;
    margin-top: 20px;
    background-image: url('/img/bag-32x34-white.png');
    background-position: 8% 43%;
    background-repeat: no-repeat;
    background-size: 32px 34px;
}
.ProduktParametre, .ProduktParametre.MedziCiarami{
    padding: 25px 0 10px 0;
    font-size: 100%;
}
.ProduktParametre strong{
    color: #606060;
}

.Karty .nav-tabs > li > a {
    margin-right: -1px;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    color: #188B9E; /* tyrkys */
    background-color: #FCFCFC;
    font-size: 21px;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 4px;
}
.Karty .nav-tabs > li.active > a, .Karty .nav-tabs > li > a:hover {
    color: white;
    background-color: #188B9E; /* tyrkys */
}
.Karty .tab-content {
    font-size: 110%;
}
.Karty .tab-content .tab-pane {
    padding: 30px 30px 20px;
    border: 1px solid #CCCCCC;
}
.Karty .nav-tabs {
    border-bottom: none;
}
.zvyrazneny {
    color: #188B9E; /* tyrkys */
    font-weight: 500;
}
.Tagy, .Tagy a {
    font-size: 15px;
}
.Tagy a {
    color: #666666;
}
.Tagy img {
    margin-right: 5px;
}
.Ikona2x {
    -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */
    -moz-transform: scale(0.5); /* FF3.5+ */
    -ms-transform: scale(0.5); /* IE9 */
    -o-transform: scale(0.5); /* Opera 10.5+ */
    transform: scale(0.5);
    height: auto;
}
.AlternativyPacket {
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    display: block;
    text-decoration: none;
}
.AlternativyPacket:hover {
    background-color: #FAFAFA;
}
.AlternativyThumbObal {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.AlternativyThumb {
    position: relative;
    height: 310px;
    display: table-cell;
    vertical-align: bottom;
}
.AlternativyThumb a {
    position: relative;
    height: 62px;
    width: 25%;
    display: block;
    float: left;
}
.AlternativyThumb  a img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}
.AlternativyThumb a:first-child {
    position: relative;
    height: 310px;
    width: 100%;
    float: none;
    display: table-cell;
    vertical-align: bottom;
}
.AlternativyThumb a:first-child img {
    max-height: 100%;
    max-width: 100%;
    display: block;
}
.AlternativyTxt {
    position: relative;
    height: 200px;
    width: 100%;
    text-align: center; 
    overflow: hidden;
}
.AlternativyTxt .Autor {
    font-weight: 300;
    font-size: 17px;
    text-align: center; 
    color: #188B9E;
    padding: 24px 4px 4px;
    text-decoration: none;
    line-height: 120%;
}
.AlternativyTxt .Nazov {
    font-weight: bold;
    font-size: 20px;
    text-align: center; 
    color: #E55065;
    padding: 0 10px;
    text-decoration: none;
    line-height: 120%;
}
.AlternativyTxt .Nazov {
    margin-top: 30px;
}
.AlternativyTxt .PovodnaCena {
    color: #AAA;
    font-size: 90%;
    font-weight: 300;
}
a.AlternativyPacket .AlternativyTxt .Autor:hover, a.AlternativyPacket .AlternativyTxt .Nazov:hover {
    text-decoration: none;
}
a.AlternativyPacket *:hover {
    text-decoration: none;
}
a.AlternativyPacket:hover *, a.AlternativyPacket:hover {
    text-decoration: none;
}
.AlternativyTxt .Cena {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 12px;
}
.AlternativyTxt .CenaStara {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    margin-right: 16px;
}
a.AlternativyPacket:hover .CenaStara, .AlternativyPacket:hover .CenaStara, .AlternativyTxt .CenaStara:hover {
    text-decoration: line-through;
}
.AlternativyTxt .Format {
    font-weight: 300;
    font-size: 22px;
    text-align: center; 
    color: #666666;
    padding: 6px 10px;
    text-decoration: none;
    line-height: 120%;
}
.Label {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 10px 25px 8px 20px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    position: absolute;
    top: 25%;
    left: 0;
    display: inline-block;
}
.NovinkyThumb .Label {
    font-size: 20px;
    padding: 8px 18px 5px 15px;
}
.Label.Novinka, .Label.Format {
    background-color: #188B9E;
    color: white;
}
.Label.Format {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 10px 20px 8px 56px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    top: 65%;
    left: auto;
    right: 0;
    background-image: url('/img/Ikona-file-19x21.png');
    background-position: 22% 48%;
    background-repeat: no-repeat;
}
.Label.VariantHodnota {
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 10px 16px 8px 20px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    top: 65%;
    left: auto;
    right: 0;
    background-color: #188B9E;
    color: white;
}
/*
.ProduktParamForVariants {
    margin-top: -20px;
    margin-bottom: 10px;
}
*/
.OdporucanePacket {
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    display: block;
    text-decoration: none;
}
.OdporucanePacket:hover {
    background-color: #FAFAFA;
}
.OdporucaneThumbObal {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.OdporucaneThumb {
    position: relative;
    height: 200px;
    display: table-cell;
    vertical-align: bottom;
}
.OdporucaneThumb img {
    max-height: 100%;
    max-width: 100%;
    display: block;
}
.OdporucaneTxt {
    position: relative;
    height: 100px;
    width: 100%;
    text-align: center; 
    overflow: hidden;
}
.OdporucaneTxt .Autor {
    font-weight: 300;
    font-size: 13px;
    text-align: center; 
    color: #188B9E;
    padding: 24px 4px 4px;
    text-decoration: none;
    line-height: 120%;
}
.OdporucaneTxt .Nazov {
    font-weight: bold;
    font-size: 15px;
    text-align: center; 
    color: #E55065;
    padding: 0 10px;
    text-decoration: none;
    line-height: 120%;
}
a.OdporucanePacket .OdporucaneTxt .Autor:hover, a.OdporucanePacket .OdporucaneTxt .Nazov:hover {
    text-decoration: none;
}
a.OdporucanePacket *:hover {
    text-decoration: none;
}
a.OdporucanePacket:hover *, a.OdporucanePacket:hover {
    text-decoration: none;
}
.OdporucanePacket .Label.Novinka, .OdporucanePacket .Label.Akcia {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.OdporucanePacket .Label.Novinka {
    padding: 2px 14px 2px 10px;
}
.OdporucanePacket .Label.Akcia {
    padding: 2px 10px 2px 14px;
    background-color: #E55065;
    color: white;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    top: 65%;
    left: auto;
    right: 0;
}

.Spat {
    display: block;
    padding: 10px 10px 10px 32px;
    background-image: url('/img/Ikona-spat-16x16.png');
    background-position: 0 40%;
    background-repeat: no-repeat;
    font-size: 15px;
}



/* aside */
.aktuality, .uvod .blog {
    background-color: #E9F9FB; /* #D4F3F8; */
    padding: 1px 20px 20px;
}
.aktuality p, .blog p {
    display: inline;
}
.aktuality a.viac, .blog a.viac {
    display: inline;
    font-size: 15px;
}
.blog {
    margin: 0 0 30px;
}
.blog h2 {
    margin: 20px 0 5px;
}
.blog img:first-child {
    margin-top: 20px;
}
.content .blog img:first-child {
    margin-top: 0px;
}
.blogZoznam {
    background-color: #E9F9FB; /* #D4F3F8; */
    padding: 1px 20px 10px;
}
.content .blog h2 {
    margin: 20px 0 0;
    font-size: 25px;
}
.blogKriterium {
    font-weight: bold;
    margin-top: 20px;
}
/* simplelightbox */
.sl-next, .sl-prev, .sl-close {
    font-family: FontAwesome;
}
.sl-wrapper .sl-navigation button {
    z-index: 10050 !important;
}
.sl-image {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 20px #BBB;
    border-radius: 10px;
    margin: 5px;
    padding: 20px;
    transform:translate(-26px,-26px) !important;
}
.sl-overlay {
    opacity: 0.8;
}
.sl-caption {
    bottom: auto !important;
    top: 100%;
}

.sd-off {
    display: table-cell;
}
.sd-on {
    display: none;
}
/* kurzy */
.druh_skupina, .druh_veronika, .druh_special, .druh_individual {
    /*padding: 10px;*/
}
.druh_skupina {
/*     background-color: #F1A6B0;  ruzova */
}
.druh_veronika {
/*     background-color: #89D3DE;  tyrkys */
}
.druh_special {
/*     background-color: #F8D3D9;  50% ruzova, #F1BBB1 75% ruzova */
}
.druh_individual {
/*    background-color: #C4E7EE;   50% tyrkys, #A7DDE6 75% tyrkys */
}
table.rozvrh .podujatie {
    padding: 10px; 
}
table.rozvrh td.denvtyzdni {
    padding: 10px; 
}
table.legenda {
    margin-top:30px;
    margin-bottom:30px;
}
table.legenda td {
    font-style: italic;
    font-size: 90%;
}
table.legenda td:not(:first-child) {
    padding-left:10px;
}
/* unslider */
.posuvnik {
    margin-bottom:0;
    padding-bottom:0;
    margin-top: 0px;
}
.unslider .posuvnik .infoPanel.kurz .infoPanelRight h2 {
    font-size: 200%;
}
.unslider .posuvnik .infoPanel.kurz .infoPanelRight p {
    font-size: 140%;
    line-height: 160%;
    letter-spacing: .02em;
}
.posuvnik .lotos {
    top:275px;
}
.posuvnik li {  
    height:410px;
    overflow: hidden;
    display: none;  /* nezobrazovať pri načítaní */
}
.posuvnik li:first-child {
    display: block;
}
.posuvnik .infoPanelLeft {
    height:390px;
    overflow: hidden;
}
.unslider {
    position: relative;
}
.unslider .unslider-arrow {
    position: absolute;
    top: 38%;
    font-size: 600%;
    color:#FFF;
    opacity: 0;
    text-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
.unslider:hover .unslider-arrow, .unslider:focus .unslider-arrow {
    opacity: 0.7;
}
.unslider .unslider-arrow.prev {
    left: 30px;
}
.unslider nav {
    display: none;
}
div#content:active, div#content:focus, div#content:link, div.container:active, div.container:focus, div.container:link {
    border:none;
}

/* kosik */
.Stadium {
    line-height: 3;
    margin-bottom: -16px;
}
.Stadium .Sipka {
    display: inline-block;
    width: 57px;
    height: 20px;
    margin-right: 20px;
    margin-left: 20px;
    background-image: url('/img/sipka-stadium.png');
    background-size: 57px 20px;
    background-position: right center;
    background-repeat: no-repeat;
    vertical-align: -4px;
}
.Navestie {
    display: inline-block;
    border: 2px solid #AAA;
    border-radius: 13px;
    color: #999;

}
.Stadium .Navestie {
    padding: 1px 10px 0px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.7;
}
.Stadium a.Navestie:hover {
    text-decoration: none;
    color: #999;
    cursor: pointer;
}
.VpredVzad .Navestie {
    padding: 5px 12px 2px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.7;
    display: inline-block;
}
.VpredVzad .Navestie:hover {
    text-decoration: none;
}
.VpredVzad .Navestie.Vzad {
    color: #999999;
    border-color: #CCCCCC;
}
.Stadium .Navestie.tyrkys, .VpredVzad .Navestie.tyrkys {
    border: 2px solid #188B9E;
    color: white;
}
.IkonaVpredVzad {
    width: 28px;
    height: 27px;
    background-size: 28px 27px;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: -6px;
    display: inline-block;
}
.IkonaVzad {
    background-image: url('/img/SipkaVzad.png');
    margin-left: 0px;
    margin-right: 10px;
}
.IkonaVpred {
    background-image: url('/img/SipkaVpred.png');
    margin-left: 10px;
    margin-right: 0px;
}
.IkonaKarta {
    background-image: url('/img/ikona_karta.png');
    margin-left: 0px;
    margin-right: 10px;
    width: 28px;
    height: 25px;
    background-size: 28px 25px;
}
.IkonaIB {
    background-image: url('/img/ikona_ib.png');
    margin-left: 0px;
    margin-right: 10px;
    width: 23px;
    height: 25px;
    background-size: 23px 25px;
    vertical-align: -1px;
}
.IkonaObjednavka {
    background-image: url('/img/ikona_objednavka.png');
    margin-left: 0px;
    margin-right: 10px;
    width: 23px;
    height: 25px;
    background-size: 23px 25px;
    vertical-align: -4px;
}
.VpredVzad .Navestie.ruza, .VpredVzad .Navestie.ruza:hover {
    color: white;
    border-color: #E85065;
}

.NakupnyProces h1 {
    margin-bottom: 32px;
}
.ObsahKosika .ZoznamInfoStlpec .Autor, .ObsahKosika .ZoznamInfoStlpec .Autor a {
    font-size: 17px;
}
.ObsahKosika .ZoznamInfoStlpec .Nazov, .ObsahKosika .ZoznamInfoStlpec .Nazov a {
    font-size: 23px;
}
.ObsahKosika .ZoznamThumb img {
    width: 80%;
    max-height: 240px;
}
.ObsahKosika .glyphicon.glyphicon-remove-sign {
    font-size: 36px;
    color: #E75065; /* ruzova */
}
.ResponsiveBreak {
    display: none;
}
.NakupnyProces .Cena {
    color: #188B9E;
    text-align: right;
}
.Spolu .ZoznamInfoStlpec {
    text-align: right;
    font-size: 130%;
    font-weight: bold;
    color: #999;
}
.row.Spolu {
    border-bottom: none;
}
.NakupnyProces .ZoznamPoloziek .row:nth-last-child(3) {
    border-bottom: 3px solid #EEE;    
}
.DodacieUdaje .btn.ruza {
    border-color: #E85065; /* ruzova */
    color: white;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.DodacieUdaje h4 {
    font-weight: 500;
    font-size: 19px;
}
#FAdresaBox {
    display: block;
}
#DAdresaBox {
    display: none;
}
.Platba .Celkom {
    border-top: 3px solid #EEE;    
    margin-top: 15px;    
    padding-top: 15px;    
}
.Platba .Celkom p {
    font-size: 20px;
    font-weight: bold;
    color: #666666;
}
.Platba .Celkom .Cena {
    font-size: 24px;
    font-weight: bold;
}
.Platba .Celkom .Cena .euro {
    font-size: 20px;
}
.Platba .ZoznamInfoStlpec p, .Platba .ZoznamInfoStlpec {
    margin-bottom: 0;
}
/* úpravy bootstrap */
.modal-title {
    float: left;
}


/* Extra large devices (more than 1200px) */
@media (min-width: 1200px) { 
    .infoPanel p {
        font-size:19px;
        line-height: 140%;
    }
    .panorama.home {
        margin-top: 74px; 
    }   
    .img-blog {
        width: 50%;
    }
    .kurz p {
        padding-right: 25px;
    }
}


/* Large devices (more than 993px) */
@media (min-width: 993px) and (max-width: 1199px) { 
    .panorama.home {
        margin-top: 74px; 
    }    
    #slogan {
        right: 748px;
        top: 78px;
        font-size: 16px;
    }
    /* slider */
    .posuvnik {
        height: 344px;
    }    
    .posuvnik .infoPanelLeft {
        height: 323px;
    }
    .posuvnik .lotos {
        top: 245px;
    }
    .unslider .unslider-arrow {
        top: 47%;
    }
    .sponzor {
        left:365px;
        top:71px;
        width: 180px;
    }
    .unslider .posuvnik .infoPanel.kurz .infoPanelRight p {
        font-size: 140%;
        line-height: 140%;
        letter-spacing: .01em;
    }
    #logo img {
        width: 276px;
        top: 0;
        left: 5px;
    }
    #logo.smallLogo img {
        position: relative;
        top: -26px;
        left: 0;
        width: 204px;
    }
    /* Produkt */
    .ProduktThumbObal {
        margin-right: 60px;
    }
    .OdporucaneTxt {
        height: 108px;
    }
    .OdporucaneTxt .Nazov {
        font-weight: 500;
        font-size: 14px;
    }
    .Karty .tab-content {
        font-size: 105%;
    }
    .ObsahKosika .ZoznamThumb img {
        width: 90%;
        max-height: 220px;
    }
    div.albumy {
        column-gap: 37px;
    }
    div.fotky {
        column-gap: 0;
    }
    .polozkaObal {
        width: 30%;
        margin-right: 3%;
    }
}


/* Small devices */
@media (min-width: 768px) and (max-width: 992px) { 
    #logo img {
        top: 12px;
        left: -10px;
        width: 229px;
    }
    #logo.smallLogo img {
        position: relative;
        top: -26px;
        left: 0;
        width: 194px;
    }
    body.inspiracie #logo img {
        position: relative;
        top: -26px;
        left: 0;
        width: 194px;
    }
    header.home a#logo img {
        position: relative;
        top: 12px;
        left: -10px;
        width: 229px;
    }    
    header.home {
        height: 100px;
    }
    header.home .buttonyTop #btn-kde, header.home .buttonyTop #btn-prihlasit, header.home .buttonyTop #btn-poukazka, header.home .buttonyTop #btn-knihy {
        top: 68px;
    }
    header.home .buttonyTop #btn-rozvrh {
        top: 68px;
    }
    .panorama.home {
        margin-top: 4px; 
    }    

    ul.navbar-nav > li {
        margin-right: 4px;
    }
    .infoPanel p {
        font-size:19px;
        line-height: 140%;
    }
    #slogan {
        width: 138px;
        top: 54px;
        right: 329px;
    }
    #btn-poukazka, #btn-knihy {
        display: none;
    }
    /* slider */
    .posuvnik {
        height: 269px;
    }    
    .posuvnik .infoPanelLeft {
        height: 323px;
    }
    .posuvnik .lotos {
        top: 180px;
    }
    .unslider .unslider-arrow {
        top: 47%;
    }
    .unslider .posuvnik .infoPanel.kurz .infoPanelRight h2 {
        font-size: 150%;
        margin-bottom: 5px;
    }
    .unslider .posuvnik .infoPanel.kurz .infoPanelRight p {
        font-size: 110%;
        line-height: 120%;
        letter-spacing: .005em;
    }
    .sponzor {
        left:567px;
        top:128px;
        width: 150px;
    }
    nav {
        font-size: 14px;
    }
    .navbar-nav > li > a {
        line-height: 19px;
    }
    ul.navbar-nav > li > a {
        padding: 3px 4px 1px 4px;
    }
    ul.navbar-nav > li {
        /*        border: 2px solid #AAAAAA;*/
        border-radius: 7px;
    }
    ul.menu-main li a {
        padding: 6px 8px 3px;
        display: block;
    }
    ul.menu-main li, ul.menu-main li a {
        font-size: 17px;
    }
    button.btn, li.btn {
        padding: 5px 10px 3px;
    }
    .btn-tyrkys, .btn-ruza {
        font-size: 15px;
    }
    .container.containerHeader {
        height: 130px;
    }
    #buttonyMenu {
        position: relative;
        right: -20px;
    }
    #buttonyMenu, nav.navbar {
        background-color: transparent;
    }
    #buttonyMenu .btn {
        margin-left: 6px;  
    }
    footer * {
        text-align: center;
    }
    /* eshop */
    .ZoznamThumbObal {
        margin-left: 0;
    }
    /* produkt */
    .ProduktThumbObal {
        margin-right: 30px;
    }
    .Karty .tab-content {
        font-size: 100%;
    }
    .ObsahKosika .ZoznamThumb img {
        width: 100%;
        max-height: 200px;
    }
    .NakupnyProces .Cena {
        font-size: 26px;
        letter-spacing: .05em;
    }
    .NakupnyProces.Platba .Cena {
        font-size: 16px;
    }
    .table.objednavky td, .table.objednavky th {
        font-size: 90%;
    }
    .table.prihlasky td, .table.prihlasky th {
        font-size: 80%;
    }
    div.albumy {
        column-gap: 90px;
    }
}


/* Extra small devices (mobile phones, less than 768px) */
@media (max-width: 767px) { 
    .onlyMobile {
        display: block;
    }
    .onlyDesktop {
        display: none;
    }
    .menu-mobile {

    }
    .ZoznamThumb {
        text-align: center;
    }
    .MobileFlexContainer {
        display: flex; 
        flex-direction: column;
    }
    ul.menu-mobile {
        background-color: rgba(255,255,255,.95);
        border: solid 1px #CCC;
        border-radius: 5px;
        margin-right: 0;
        margin-left: 0;
        padding: 8px 8px 0;
        text-align: left;
        display: block;
        max-width: 100%;
    }
    ul.menu-mobile li a {
        padding: 8px;
        display: block;
        color: #555;
    }
    ul.menu-mobile li a.topTheme {
        color: #E85065;
    }
    ul.menu-mobile li a:hover, ul.menu-mobile li a:active, ul.menu-mobile li a:focus {
        text-decoration: none;
    }
    ul.menu-mobile li {
        display: block;
        border-bottom: solid 1px #CCC;
    }
    ul.menu-mobile > li:last-child {
        border-bottom: none;
    }
    ul.menu-mobile li li {
        margin-left: 10px;
    }
    .dropdown-menu {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        top: 0;
        right: 0;
        position: relative;
        border: none;
        box-shadow:none;
    }
    .open > .dropdown > .dropdown-menu {
        position: static;
    }   
    .navbar-collapse.in {
        overflow-y: visible;
        height: auto;
    }
    ul.menu-mobile span li {
        border-bottom: solid 1px #DDD;
    }
    /*    ul.menu-mobile > span:last-of-type > li {
            border-bottom: none;
        }*/
    ul.menu-mobile > li.posledny {
        border-bottom: none;
    }
    ul.menu-mobile > span > li.posledny {
        border-bottom: none;
    }
    ul.menu-mobile li.posledny[aria-expanded=true] {
        border-bottom: solid 1px #DDD;
    }

    a#logo {
        position: static;
        display: block;
        width: 100%;
        text-align: center;
    }
    a#logo img {
        margin: 10px auto;
        display: inline-block;
    }
    #logo img, header.home a#logo img {
        position: relative;
        top: 24px;
        left: 0;
        width: 260px;
    }    
    .buttonyTop {
        width: 100%;
        text-align: center;
    }
    #btn-kde, #btn-prihlasit {
        position: static;
        margin: 10px auto;  
    }
    #btn-poukazka, #btn-knihy {
        display: none;
    }
    header.home .buttonyTop #btn-rozvrh {
        position: relative;
        top: 0px;
        right: 0;
    }
    header#top {
        /*    margin-bottom: 151px; */
    }
    .panorama {
        margin-top: 30px;
        height: 110px;
    }
    .panorama.home {
        /*    margin-top: 158px; */
        height: 156px;
    }
    ul.navbar-nav > li {
        border: none;
        border-bottom: 1px solid #CCC;
        border-radius: 0;
        margin-right: 0;
    }
    ul.navbar-nav > li > a {
        border-radius: 0;
        border: none;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .nav-icon {
        margin: 0 10px 0 0;
        vertical-align: -3px;
    }
    #slogan {
        top: 202px;
        right: auto;
        left: 0px;
    }
    .lotos {
        display: none;
    }
    .infoPanelLeft, .infoPanelRight {
        width:100%;
    }
    .infoPanel p {
        font-size:19px;
        padding-left: 0px;
        line-height: 140%;
    }
    .polozkaObal {
        float: none;
        width: 100%;
        max-width: 300px;
        margin: 0 auto 5% auto;
    }
    .polozkaObal:nth-child(3n+0) {
        margin: 0 auto 5% auto;
    }
    .sl-wrapper button {
        background-color: rgba(255,255,255,.5); 
    }


    .rozvrh td, .rozvrh th {
        padding: 4px;
        font-size: 11px;
        line-height: 110%;
    }
    .rozvrh td { 
        padding: 0px;
    }
    table.rozvrh td.denvtyzdni {
        padding: 4px; 
    }
    .ruzova h4 {
        font-size: 14px;
        margin: 0 0 4px;
    }
    .tyrkysova h4 {
        font-size: 14px;
        margin: 0 0 4px;
    }
    .rozvrh .btn {
        font-size: 14px;
    }
    .rozvrh h5 {
        font-size: 13px;
        color: #000;
        margin: 0 0 2px;    
    }
    .rozvrh p {
        margin: 0 0 2px;    
    }
    .rozvrh p.poznamka {
        font-size: 10px;
    }
    .rozvrh h4 {
        font-size: 14px;
        margin: 0 0 4px;
    }
    .rozvrh .cas {
        font-size: 12px;
        margin: 0 0 2px;
    }
    .rozvrh .btn-sm {
        padding: 2px 3px;
        margin-top: 10px;
    }

    .sd-off {
        display: none;
    }
    tr.sd-on {
        display: table-row;
    }
    td.sd-on {
        display: table-cell;
    }    

    /* slider */
    .posuvnik {
        height: auto;
        margin-top: 10px;
    }  
    .posuvnik li {
        height: auto;
    }     
    .posuvnik .infoPanelLeft {
        height: auto;
    }
    .posuvnik .lotos {
        top: 180px;
    }
    .unslider .unslider-arrow {
        top: 30%;
    }
    .unslider .posuvnik .infoPanel.kurz .infoPanelRight h2 {
        font-size: 120%;
    }
    .unslider .posuvnik .infoPanel.kurz .infoPanelRight p {
        font-size: 100%;
        line-height: 120%;
        letter-spacing: 0;
    }
    .datalan {
        width: 180px;
    }
    .navbar-header, #main-navbar, #buttonyMenu, nav.navbar {
        /*        display: none;*/
    }
    #prihlasenie {
        position: absolute;
        top: -5px;
        right: 20px;
        height: 25px;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        text-align: right;
        font-size: 15px;
        font-weight: 300;
    } 
    nav.navbar {
        position: absolute;
        top: -20px;
        left: 0;
        margin: 0;
        padding: 10px 0;
        box-sizing: border-box;
        background-color: transparent;
    }
    .navbar-toggle {
        position: relative;
        float: left;
        padding: 9px 10px;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 8px;
    }
    #prihlasenie a, #prihlasenie div {
        font-size: 15px;
        letter-spacing: 0;
    }
    .ikonaUser, .ikonaBag {
        margin-right: 4px;
        margin-left: 16px;
    }
    .form-group {
        float: none;
    }
    .ShopNadpis {
        width: 100%;
        float: none;
        text-align: left;
        order: 2;
        padding-top: 70px;
    }
    .ShopSearch {
        width: 100%;
        float: none;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
    }
    .ShopSearch .form-group {
        margin: 18px auto 0;
    }
    .Stlpce2 {
        column-count: 1;
        column-gap: 0;
    }
    footer * {
        text-align: center;
    }
    /* eshop */
    .ZoznamThumbObal {
        margin-left: 0;
    }
    .ZoznamPoloziek {
        border-top: 1px solid #EEE;
        padding-top: 30px;
    }
    .ZoznamThumb img {
        width: auto;
        max-width: 460px;
        height: auto;
        max-height: 400px;
        margin-bottom: 24px;
    }
    .ZoradenieBox {
        text-align: left;
        width: 100%;
        position: absolute;
        right: 0;
        top: 193px;
        padding-left: 15px;
    }
    .Breadcrumbs {
        margin-bottom: 60px;
    }
    .Cena {
        font-size: 26px;
        letter-spacing: 0;
        margin-bottom: 36px;
    }
    .CenaStara {
        font-size: 20px;
        letter-spacing: 0;
    }
    /* produkt */
    .ProduktThumbObal {
        margin-right: 0;
    }
    .ProduktThumb img {
        width: auto;
        max-width: 600px;
        height: auto;
        max-height: 600px;
        margin-bottom: 24px;
    }
    .AlternativyThumb {
        height: 200px;
    }
    .AlternativyTxt .Nazov {
        font-size: 19px;
    }
    .AlternativyTxt {
        height: 170px;
    }
    .AlternativyTxt .Format {
        font-weight: 300;
        font-size: 15px;
        padding: 2px 6px;
    }
    .Label.Format {
        font-size: 16px;
        letter-spacing: 0;
        padding: 6px 12px 4px 46px;
        border-bottom-left-radius: 30px;
        border-top-left-radius: 30px;
        background-position: 22% 48%;
    }
    .Karty .tab-content {
        font-size: 95%;
    }
    .Karty .nav-tabs > li > a {
        font-size: 18px;
    }
    .Karty .nav > li > a {
        padding: 6px 10px 4px;
    }
    .Produkt .MedziCiarami {
        font-size: 16px;
    }
    .ProduktInfoStlpec {
        text-align: center;
    }
    .ProduktThumbObal {
        text-align: center;
    }
    .ProduktThumb {
        display: inline-block;
    }
    .KategorieAZoznam {
        display: -webkit-flex; /* Safari 6.1+ */
        display: flex;
        flex-wrap: wrap;        
    }
    .BocneTemy {
        order: 2;
        flex: 100%;
    }
    .ZoznamPoloziek {
        order: 1;
        flex: 100%;
    }
    .ObsahKosika .ZoznamThumb img {
        width: 100%;
        max-height: 270px;
    }   
    .ObsahKosika .ResponsiveBreak {
        display: block;
        width: 100%;
        clear: both;
        height: 1px;
    }
    .Platba .text-right h6, .Platba .text-right label {
        text-align: left;
    }
    .Platba .text-right label {
        margin-left: 0;
        width: 100%;
    }
    .Platba .ZoznamThumb img {
        max-width: 230px;
        max-height: 180px;
        margin-bottom: 12px;
    }
    .table.objednavky td, .table.objednavky th {
        font-size: 85%;
        padding: 8px 4px;
    }
    .table.prihlasky td, .table.prihlasky th {
        font-size: 75%;
    }
    div.albumy {
        column-gap: 20px;
        justify-content: space-around;
    }
}

@media (max-width: 575px) {     /* bootstrap xs */
    .ZoznamThumb img {
        width: auto;
        max-width: 400px;
        height: auto;
        max-height: 300px;
        margin-bottom: 24px;
    }
    /* produkt */
    .ProduktThumbObal {
        margin-right: 0;
    }
    .ProduktThumb img {
        width: auto;
        max-width: 360px;
        height: auto;
        max-height: 360px;
        margin-bottom: 24px;
    }
    .Karty .tab-content {
        font-size: 90%;
    }
    .VpredVzad .Navestie {
        padding: 4px 10px 1px;
        font-size: 20px;
    }
    .DodacieUdaje .btn.ruza {
        display: inline-block;
        max-width: 100%;
        white-space:normal;
    }
    .Platba .ResponsiveBreak {
        display: block;
        width: 100%;
        clear: both;
        height: 1px;        
    }
    .inspiracieContainer {
        columns: 1;
    }
    .table.objednavky td, .table.objednavky th {
        font-size: 80%;
        padding: 4px 2px;
    }
    .table.prihlasky td, .table.prihlasky th {
        font-size: 70%;
    }
    .ShopNadpis h1 {
        font-size: 38px;
    }
    div.albumy {
        column-gap: 37px;
    }   
}
@media (max-width: 500px) { 
    .img-blog {
        max-width: 100%;
        width: 100%;
        float: none;
    }
    .Karty .nav-tabs > li > a {
        font-size: 16px;
    }
    .Karty .nav > li > a {
        padding: 6px 8px;
    }
    .Produkt .MedziCiarami {
        font-size: 15px;
    }
    .btn-group-lg > .btn, .btn-lg {
        padding: 6px 10px;
        font-size: 16px;
        line-height: 1;
    }
    .AlternativyTxt .Nazov {
        font-size: 16px;
    }
    .AlternativyTxt .Nazov {
        margin-top: 16px;
    }
    .AlternativyTxt .Cena {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .AlternativyThumb a:first-child {
        height: 300px;
    }
    .WEimgLeft, .WEimgRight {
        max-width:100%;
        width:100%;
        float:none;
    }
    .WEimgLeft img, .WEimgRight img {
        max-width:100%;
        width:100%;
        display: block;
    }
    div.albumy {
        column-gap: 37px;
    }
}  

/* Extra extra small devices (phones, less than 340px) */
@media (max-width: 339px) { 
    #slogan {
        /* top: 262px; */
        display: none;
    }
    .table.objednavky td, .table.objednavky th {
        font-size: 75%;
    }
    .table.prihlasky td, .table.prihlasky th {
        font-size: 65%;
    }
    div.albumy {
        column-gap: 37px;
    }
    /*    .sponzor {
            top:340px;
        }
        .navbar {
            margin-bottom: 33px;
        }*/
}