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

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

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

@font-face  {font-family: "OpenSans";	src: url("/fonts/OpenSans/OpenSans-ExtraBold.ttf");		font-weight: 600;}
@font-face  {font-family: "OpenSans";	src: url("/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf");	font-weight: 600;  font-style: italic;}

/* normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block;
}
article,aside,details,div,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  box-sizing: border-box;
}
audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,strong {
  font-weight: bold;
}
i,em {
  font-style: italic;
  color: inherit;
}
dfn {
  font-style: italic;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,kbd,pre,samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,input,optgroup,select,textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,select {
  text-transform: none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}


/* premenné */
:root {

  --MODRA: #08466D;
  --CYAN: #78CAEE;
  --ORANZ: #F6BA1A;
  --BLEDOZLTA: #FFFFCC;
  --FIALOVA: #803689;
}

/* základné */

body {
    font-family: 'OpenSans', sans-serif;
    font-size: 19px;
    font-weight: 300;
    line-height: 160%;
    color: #606060;
    background-color: #FFFDEA;
    position: relative;
}
p {
    margin: 0 0 17px 0;
}
a {
    font-weight: bold;
    color: var(--FIALOVA);
}
a:hover {
    color: var(--ORANZ);
}
video {
    width:100%;
    height: auto;
}

/* štýly textu */
.banner {
    background-color: var(--MODRA);
    color: white;
    margin-top: 30px;
    margin-bottom: 40px;
    padding: 20px;
    border: solid 7px var(--CYAN);
}
.banner * {
    color: white;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
}
.banner h2 {
    color: white;
    text-align: center;
    font-weight: normal;
}
.banner h2 b, .banner h2 strong {
    color: var(--ORANZ);
    font-weight: 600;
}
.banner .poznamka, .banner .poznamka strong, .banner .poznamka em {
    color: var(--BLEDOZLTA);
    text-align: center;
    font-weight: 300;
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 0;
}

/* layout */
.wrapper {
    width: 1000px;
    margin: 0 auto; 
}
.wrapperWide {
    width: 100%;
    margin: 0; 
}
.container {
    width: 1000px;
    padding: 0; 
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.relative {
    position: relative;
}
.obsah {
    margin-top: 60px;
}
header {
    width: 100%;
    height: 415px;
    position: relative;
    background-color: white;
    margin-bottom: 0px;
    background-image: url('/img/bg-devin.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.modryPas {
    width: 100%;
    height:150px;
    position: absolute;
    top: 215px;
    left: 0;
    background-color: var(--MODRA);
}
.meno {
    position: absolute;
    top: 30px;
    left: 20px;
    color: var(--ORANZ);
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 0.06rem;
}
.titul {
    color: var(--CYAN);
    font-size: 35px;
    font-weight: 300;
}
.funkcia {
    display: block;
    position: absolute;
    top: 290px;
    left: 20px;
    width: 400px;
    color: var(--BLEDOZLTA);
    font-size: 25px;
    font-weight: normal;
    font-style: italic;
    line-height: 130%;
    letter-spacing: 0.08rem;
}
.portret {
    display: block;
    position: absolute;
    top: 10px;
    left: 600px;
    width: 320px;
    height: auto;
    max-width: 80%;
    border: solid 9px white;
    border-radius: 50%;
    z-index: 50;
}
.belasyPas {
    width: 100%;
    height:50px;
    position: absolute;
    top: 365px;
    left: 0;
    background-color: var(--CYAN);
}
.belasyPas.dole {
    position: relative;
    top: 0;
}
.belasyPas.dole .menu {
    left: 0;
    top: 9px;
}
.menu {
    width: 100%;
    position: absolute;
    top: 12px;
    left: 20px;   
}
.menu .gt {
    color: #A4DCF3;
    font-size: 22px;
    font-weight: 600;
    font-style: normal;
    margin-right: 8px;
}
.menu a {
    color: var(--BLEDOZLTA);
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    -moz-transition: color .8s;
    transition: color .8s;
}
.menu a:hover {
    color: var(--MODRA);
    text-decoration: none;
}
.MItem {
    display: inline-block;
    margin-right: 16px;
}
.linkaDole {
    border: none;
    border-bottom: solid 7px var(--CYAN);
    box-shadow: none;
} 

/* menu */
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: 46px;
    font-weight: 300;
    margin-top: 80px;
    margin-bottom: 50px;
    line-height: 1.1;
}
h2 {
    font-size: 40px;
    font-weight: normal;
    margin-top: 40px;
    margin-bottom: 25px;
    line-height: 1.2;
}
h3 {
    font-size: 35px;
    font-weight: normal;
    margin-top: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
}
h4 {
    font-size: 23px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 17px;
    line-height: 1.3;
}
h5 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 14px;
    line-height: 1.4;
}
h6 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    margin-top: 22px;
    margin-bottom: 12px;
}
h2,h3,h4,h5,h6 {
    color: var(--MODRA);
}
p.poznamka {
    font-size: 15px;
    font-weight: 300;
    line-height: 140%;
    color: #808080;  
}
.vyrazny {
    color: #188B9E;
    font-weight: 500;    
}
.prihovor {
    font-size: 22px;
    font-style: italic;
    line-height: 1.4;
    letter-spacing: 0.03rem;
}
.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 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;
}



footer {
    padding: 1px 0 30px 0;
}
footer a {
    color: var(--MODRA);
}
footer a:hover {
    color: var(--FIALOVA);
}
footer p {
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}
.copyright {
    font-size: 12px;
    margin: 10px 0 0 0;
}


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;
}
.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;
}
.viac {
    font-size: 16px;
    font-weight: normal;
    margin-left: 5px;
}


/* galéria */
.galleryThumbs {
    margin-top: 30px;
}
.polozkaObal {
    float: left;
    width: 31%;
    margin: 0 3% 3% 0;
}
.polozkaObal:nth-child(3n+0) {
    margin-right: 0;
}
.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:inline-block;
    margin: 0 42px 26px 0;
    float: left;
    width: 180px;
}
div.polozkaObalAlbum img
{
    box-shadow: none !important;
}
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
{
    clear:both;
}
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;
}


/* 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;
}


.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;
}

/* 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:390px;
    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;
}


/* formulár */
#kontaktny_formular {
    margin-top: 10px;
    background-color: var(--CYAN);
    padding: 40px;
}
#kontaktny_formular p {
    color: white;
}
#kontaktny_formular .form-riadok {
    margin-top: 30px;
}
#kontaktny_formular label {
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 7px;
}
#kontaktny_formular input, #kontaktny_formular textarea {
    font-family: 'OpenSans', sans-serif;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    color: #606060;
    background-color: var(--BLEDOZLTA);
    border: solid 1px #606060; 
    border-radius: 5px;
    padding: 6px 12px;
    box-sizing: border-box;
}
#kontaktny_formular textarea {
    height: 250px;
}
#kontaktny_formular .button {
    margin-top: 40px;
    padding: 20px 40px;
    max-width: 100%;
    height: 78px;
    border: solid 5px white;
    border-radius: 11px;
    background-color: var(--MODRA);
    color: white;
    -moz-transition: background-color 0.8s;
    transition: background-color 0.8s;
}
#kontaktny_formular .button .big_text {
    font-size: 25px;
}
#kontaktny_formular .button:hover {
    cursor: pointer;
    background-color: var(--FIALOVA);
}
.alert {
    background-color: var(--FIALOVA);
    color: white;
    font-weight: bold;
    border: solid 5px white;
    border-radius: 11px;
    margin: 30px 0;
    padding: 10px 20px;
}



/* responzivita */

/* Extra large devices (more than 1200px) */
@media (min-width: 1001px) { 

}

@media (max-width: 1000px) { 
    /* slider */
    .container {
        width: 100%;
        padding-left: 10px; 
        padding-right: 10px; 
    }
    footer * {
        text-align: center;
    }
    header {
        width: 100%;
        height: 280px;
        margin-bottom: 190px;
    }
    .portret {
        display: block;
        position: absolute;
        top:20px;
        left: auto;
        right: 40px;
        width: 232px;    
        margin: 0 auto;
    }
    .modryPas {
        top: 235px;
    }
    .funkcia {
        top: 325px;
        left: 20px;
        width: calc(100% - 40px);
        font-size: 20px;
    }
    .meno {
        top: 40px;
    }
    .belasyPas.dole .menu {
        left: 20px;
        width: calc(100% - 40px);
    }

}


@media (max-width: 700px) { 
    header {
        margin-bottom: 160px;
    }
    .home header {
        margin-bottom: 150px;
    }
    .portret {
        display: block;
        position: relative;
        top:20px;
        left: auto;
        right: auto;
        width: 180px;    
        margin: 0 auto;
    }
    .modryPas {
        top: 185px;
    }
    .meno {
        top:40px;
        width: calc(100% - 40px);
        text-align: center;
        line-height: 1.1;
        font-size: 38px;
    }
    .funkcia {
        top: 271px;
        left: 20px;
        width: calc(100% - 40px);
        font-size: 19px;
        text-align: center;
    }
    .titul {
      font-size: 32px;
    }
    .belasyPas {
        width: 100%;
        height: 46px;
        position: absolute;
        top: 335px;
    }
    .menu {
        left: 0;
        width: 100%;
        text-align: center;
    }
    .menu a {
      font-size: 18px;
      margin-right: 0;
    }
    .menu .MItem:last-child {
        margin-right: 0;
    }
    .menu .gt {
      font-size: 18px;
      margin-right: 4px;
    }    
    body {
      font-size: 18px;
      line-height: 140%;
    }  
    p {
        margin: 0 0 16px;
    }
    h1 {
        font-size: 40px;
        margin-bottom: 40px;
    }
    h2 {
        font-size: 36px;
        margin-top: 36px;
        margin-bottom: 23px;
    }
    h3 {
        font-size: 32px;
        margin-top: 30px;
        margin-bottom: 18px;
    }
    h4 {
        font-size: 21px;
        margin-top: 26px;
        margin-bottom: 16px;
    }
    h5 {
        font-size: 19px;
        margin-top: 24px;
        margin-bottom: 12px;
    }
    h6 {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 11px;
    }
    .prihovor {
        font-size: 20px;
    }  
    
    
    
    
    .onlyMobile {
        display: block;
    }
    .onlyDesktop {
        display: none;
    }
    .menu-mobile {
        
    }

    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;
    }
    

}

@media (max-width: 560px) {     
    header {
        margin-bottom: 230px;
    }
    .home header {
        margin-bottom: 210px;
    }
    .MItem {
        display: block;
    }
    .menu {
        left: 20px;
        width: calc(100% - 40px);
        text-align: left;
    }
    .belasyPas {
        height: 117px;
    }
    .belasyPas.dole {
        height: 109px;
    }
    .portret {
        border: solid 7px white;
    }
    body {
      font-size: 18px;
      line-height: 130%;
    }    
    p {
        margin: 0 0 14px 0;
    }
    h1 {
        font-size: 38px;
        margin-bottom: 30px;
    }
    h2 {
        font-size: 34px;
        margin-top: 32px;
        margin-bottom: 20px;
    }
    h3 {
        font-size: 30px;
        margin-top: 28px;
        margin-bottom: 16px;
    }
    h4 {
        font-size: 21px;
        margin-top: 23px;
        margin-bottom: 12px;
    }
    h5 {
        font-size: 19px;
        margin-top: 21px;
        margin-bottom: 10px;
    }
    h6 {
        font-size: 18px;
        margin-top: 18px;
        margin-bottom: 8px;
    }
    .prihovor {
        font-size: 19px;
    }      
    
    
    
}



@media (max-width: 470px) { 
    .meno {
        top: 40px;
        width: 100%;
        text-align: center;
        line-height: 1.1;
        font-size: 38px;
    }
    .portret {
        width: 160px;
    }
    .modryPas {
        top: 165px;
        height: 124px;
    }  
    .meno {
        font-size: 28px;
        top: 36px;
        left: 0;
    }
    .titul {
        top: 248px;
        font-size: 22px;
    }
    .funkcia {
        top: 238px;
        font-size: 15px;
    }
    .belasyPas {
        top: 289px;
    }
    header {
        height: 200px;
        margin-bottom: 245px;
    }
    .home header {
        margin-bottom: 242px;
    }
    #kontaktny_formular .button .big_text {
        font-size: 23px;
    }

    
}  

@media (max-width: 340px) { 
    .meno {
        font-size: 25px;
    }
    .titul {
        font-size: 21px;
    }
}