@font-face {
  font-family: 'Source Sans Pro', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(Source+Sans+Pro.woff2) format('woff2');
}

.body {
font-family : 'Source Sans Pro', sans-serif;
font-weight : normal;
font-size : 16px;
line-height : 1.4;
color : #a8a8a8;
margin : 0;
overflow-x : hidden;
}
.obsah {
width : 100%;
z-index : 10;
height:158px;
}
.hornipruh {
height : 60px;
display : flex;
flex-direction : row;
justify-content : space-between;
flex-wrap : nowrap;
padding-top : 0;
padding-left : 10px;
padding-right : 10px;
max-width : 1500px;
margin : auto;
width: 100%;
}
@media (min-width: 767px) {
.hornipruh {
height : 74px;
display : flex;
flex-direction : row;
justify-content : space-between;
flex-wrap : nowrap;
padding-top : 5px;
padding-left : 10px;
padding-right : 10px;
max-width : 1500px;
margin : auto;
position : relative;
z-index : 10;
}
}
.logo {
float : left;
width : 136px;
height : 36px;
padding : 10px 0 0 0;
}
.logo img {
width : 136px;
height : 36px;
}
@media (min-width: 767px) {
.logo {
padding : 10px 0 10px 10px;
width : 190px;
height : 51px;
}
.logo img {
width : 196px;
height : 51px;
}
}
.pravy {
padding : 17px 10px 17px 0;
display : flex;
}
.pravy a {
text-decoration : none;
}
.kolecko-oblib {
height : 23px;
background-color : #ff0000;
width : 23px;
border-radius : 18px;
font-family : 'Source Sans Pro', sans-serif;
position : relative;
top : -41px;
left : 17px;
line-height : 0;
padding : 0;
margin : 0 -10px 0 0;
display : flex;
align-content : center;
justify-content : center;
flex-direction : column;
align-items : center;
color : white;
}
h1 {
font-family : 'Alegreya', serif;
font-weight : normal;
color : #6f6f6f;
font-size : 30px;
margin : 0 0 10px 0;
}

h1.home {
font-family : 'Alegreya', serif;
font-weight : normal;
color : #6f6f6f;
font-size : 30px;
margin : 0 0 10px 0;
}

@media (min-width: 767px) {
h1.home {
font-family : 'Alegreya', serif;
font-weight : normal;
color : #6f6f6f;
font-size : 40px;
margin : 42px 0 22px 0;
}
}

h2 {
color : #6f6f6f;
font-size : 20px;
}
h2.jedenobraz {
color : #000;
font-size : 18px;
}
@media (min-width: 767px) {
h1 {
font-family : 'Alegreya', serif;
font-weight : normal;
color : #6f6f6f;
font-size : 40px;
margin : 0 0 22px 0;
}
h2 {
color : #6f6f6f;
font-size : 22px;
}
h2.jedenobraz {
color : #6f6f6f;
font-size : 22px;
}
}
h3 {
color : #6f6f6f;
font-size : 19px;
}
.obsah {
margin : auto;
width : 100%;
height:auto;
min-height:120px;
}
.obsahin {
max-width : 1526px;
margin : auto;
padding : 0 0;
width : 100%;
}
.obsahin2 {
max-width : 1526px;
margin : 20px 15px 0 15px;
padding : 0 0;
display:block;
}
.obsahin12 {
max-width : 1526px;
margin : 20px 15px 0 15px;
padding : 0 0;
display:block;
}
.obsahin11 {
max-width : 1526px;
margin : 20px 15px 0 15px;
padding : 0 0;
}
.obsahin7 {
max-width : 1526px;
margin : 19px 15px 0 15px;
padding : 0 0;
}
@media (min-width: 767px) {
.obsah {
margin : auto;
width : 100%;
min-height:158px;
}
.obsahin2 {
max-width : 1526px;
margin : 20px 20px 0 20px;
padding : 0 0;
display: flex;
justify-content: flex-start;
}

.obsahin12 {
max-width : 1526px;
margin : 20px 20px 0 20px;
padding : 0 0;
display: block;

}

.obsahin11 {
max-width : 1526px;
margin : 20px 20px 0 20px;
padding : 0 0;
}
.obsahin7 {
max-width : 1526px;
margin : 20px 20px 0 20px;
padding : 0 0;
}
}
.obsahin3 {
margin : auto;
max-width : 1526px;
}
.obsahin4 {
background-color : #262626;
padding : 1px 28px 20px 28px;
width : 100vw;
position : relative;
left : 50%;
right : 50%;
margin-left : -51vw;
margin-right : -50vw;
}
.obsahin9 {
    background-color: #262626;
    padding: 2px 0vw 20px 0vw;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.obsahin5 {
margin : auto;
max-width : 1526px;
padding: 20px 20px 0 20px;
}
.obsahin6 {
display : none;
}
.obsahin8 {
display : block;
margin : 0 0 100px 0;
}
.obsahin19 {
display : none;
}

@media (min-width: 767px) {
.obsahin {
max-width : 1526px;
margin : auto;
padding : 6px 16px;
width : 100%;
}
.obsahin6 {
display : block;
}
.obsahin8 {
display : none;
}
.obsahin4 {
background-color : #262626;
padding : 35px 30px 30px 50px;
width : calc(100% - 30px);
position : relative;
left : 50%;
right : 50%;
display : inherit;
}
.obsahin9 {
background-color : #262626;
padding : 35px 30px 30px 30px;
width : 100vw;
position : relative;
left : 50%;
right : 50%;
display : inherit;
}

.obsahin19 {
background-color : #262626;
padding : 35px 30px 30px 30px;
width : 100vw;
display : inherit;
}
}
.homestred {
background-color : #111;
background-image : linear-gradient(0deg, rgb(255, 0, 0, 0.3), rgb(0, 0, 0, 0.3)), url(grafika/bg3ctverec.webp);
height : 487px;
background-repeat : no-repeat;
background-position : center top;
background-size : cover;
}

@media (min-width: 767px) {
.homestred {
background-color : #111;
background-image : linear-gradient(0deg, rgb(255, 0, 0, 0.3), rgb(0, 0, 0, 0.3)), url(grafika/bg3pruh.webp);
height : 487px;
background-repeat : no-repeat;
background-position : center top;
background-size : cover;
}
}
.homestred h1 {
font-family : 'Alegreya', serif;
font-weight : normal;
color : #fff;
font-size : 41px;
}
.homestred h2 {
font-family : 'Alegreya', serif;
font-weight : normal;
color : #fff;
font-size : 25px;
}
.homestredin {
padding : 0 20px 0 20px;
width : 100%;
}
.pruhledani {
height : 68px;
position : relative;
padding : 0 0 0 0;
top : 81px;
margin-right : 9px;
}
.pruhledani2 {
opacity : 0.2;
background-color : #000;
height : 68px;
position : relative;
top : 418px;
}
@media (min-width: 992px) {
.pruhledani {
height : 68px;
position : relative;
padding : 9px 0 0 0;
top : 112px;
}
.pruhledani2 {
opacity : 0.2;
background-color : #000;
height : 90px;
position : relative;
top : 397px;
}
}
.cart1 {
float : left;
margin : 0 10px 0 0;
cursor : pointer;
position : relative;
}

.cart3 {
float : left;
margin : 0 16px 0 0;
cursor : pointer;
position : relative;
opacity : 0.3;
}

.phone {
display : none;
position : absolute;
top : -11px;
right : -69px;
background-color : white;
z-index : 113;
border : #a8a8a8 solid 1px;
border-radius : 4px;
color : black;
font-size : 18px;
padding : 10px 12px 10px 13px;
width : 285px;
}

.hledanivrch {
display : none;
    position: absolute;
    top: 73px;
    right: 3%;
    background-color: white;
    z-index: 113;
    border: #a8a8a8 solid 1px;
    border-radius: 4px;
    color: black;
    font-size: 18px;
    padding: 2px 10px 2px 2px;
    width: 91%;
    height: 45px;
    max-width:450px;
}

.cart1 a {
text-decoration : none;
}
.cart3 a {
text-decoration : none;
}
.cart2 {
opacity : 0.3;
float : left;
margin : 0 10px 0 0;
color : #000;
font-size : 22px;
display : none;
}
@media (min-width: 767px) {
.cart2 {
display : block;
margin : 0 10px 0 0;
}
.cart3 {
display:none;
}
}
.cart1 img, .cart2 img {
width : 32px;
height : 32px;
}

.cart3 img {
width : 36px;
height : 36px;
}

.pruhledanix {
height : 44px;
position : relative;
padding : 1px 0 8px 0;
top : 0;
background-color : #262626;
z-index : 102;
display : flex;
background-color : #111;
background-image : linear-gradient(0deg, rgb(0, 0, 0, 0.3), rgb(0, 0, 0, 0.5)), url(grafika/bg3prouzek.webp);
background-position-x : center;
background-size : cover;
background-position-y : center;
}
@media (min-width: 767px) {
.pruhledanix {
height : 70px;
position : relative;
padding : 1px 0 8px 0;
top : 0;
background-color : #262626;
z-index : 102;
display : flex;
margin-bottom : 51px;
box-shadow : 0 3px 5px 0 #a6a6a6;
}
}
.sticky {
position : fixed;
top : 0;
width : 100%;
}
.sticky + .obshain {
padding-top : 102px;
}
.hometext {
width : 100%;
min-width : 450px;
display : none;
}
@media (min-width: 992px) {
.hometext {
display : block;
}
}
.search {
background-color : #fff;
height : 50px;
width : 90%;
max-width : 650px;
line-height : 0;
padding : 3px 4px 1px 4px;
opacity : 1;
display : flex;
flex-direction : row;
justify-content : space-between;
border-radius : 4px;
float : left;
}
@media (min-width: 992px) {
.search {
width : 50%;
}
}
.searchicon {
width : 35px;
padding : 5px 5px;
}
.searchinput {
height : 45px;
border : 0;
width : 98%;
font-size : 18px;
padding-left : 10px;
}

@media (min-width: 767px) {
.searchinput {
height : 48px;
border : 0;
width : 98%;
font-size : 18px;
padding-left : 10px;
}
}
.searchx {
background-color : #fff;
height : 43px;
width : 90%;
max-width : 650px;
line-height : 0;
opacity : 1;
display : flex;
flex-direction : row;
justify-content : space-between;
border-radius : 4px;
float : left;
display : none;
}
.searchy {
background-color : #fff;
height : 35px;
width : 100%;
max-width : 650px;
line-height : 0;
padding : 3px 0 2px 4px;
opacity : 1;
display : flex;
flex-direction : row;
justify-content : space-between;
border-radius : 4px;
float : left;
}
@media (min-width: 767px) {
.searchx {
display : block;
margin : 11px 0 0 0;
width : 50%;
}
.searchy {
display : none;
}
}
@media (min-width: 1200px) {
.searchx {
display : block;
margin : 11px 0 0 0;
width : 70%;
}
}
.searchinputx {
height : 43px;
border : 0;
width : 100%;
font-size : 17px;
border-radius : 4px;
padding : 0 0 0 10px;
}
.searchinputx:focus {
height : 41px;
border : 0;
width : 100%;
font-size : 17px;
border-radius : 4px;
padding : 0 0 2px 10px;
background-color : #eee;
border : #ddd solid 1px;
}
.searchiconx {
width : 47px;
height : 47px;
padding : 3px 5px;
background-image : url(grafika/hledej.png);
background-repeat : no-repeat;
background-size : 36px;
background-position-x : 15px;
background-position-y : 4px;
border : 0;
background-color : transparent;
position : relative;
left : 89%;
}
@media (min-width: 1200px) {
.searchiconx {
left : 92%;
}
}
.searchinputy {
height : 34px;
border : 0;
width : 98%;
font-size : 14px;
padding : 0 0 0 5px;
}
.searchicony {
width : 38px;
padding : 0 3px;
background-image : url(grafika/hledej.png);
background-repeat : no-repeat;
background-size : 29px;
background-position-x : 5px;
background-position-y : 2px;
opacity : 0.5;
}
.searchiconx:hover, .searchicony:hover {
opacity : 1;
}
.searchiconz {
width : 33px;
height : 33px;
padding : 3px 5px;
background-image : url(grafika/hledej.png);
background-repeat : no-repeat;
background-size : 29px;
background-position-x : 8px;
background-position-y : 4px;
opacity : 0.3;
position : relative;
left : 3px;
top : -38px;
}
.menupruh {
height : 42px;
line-height : 0;
padding : 5px 0 2px 0;
opacity : 1;
border-radius : 4px;
position : absolute;
top : 276px;
left : -22px;
width : 100%;
display : flex;
flex-direction : row;
justify-content : flex-end;
}
@media (min-width: 767px) {
.searchiconz {
width : 33px;
height : 33px;
padding : 3px 5px;
background-image : url(grafika/hledej.png);
background-repeat : no-repeat;
background-size : 29px;
background-position-x : 8px;
background-position-y : 4px;
opacity : 0.3;
position : relative;
left : -1px;
top : -40px;
}
.menupruh {
height : 42px;
line-height : 0;
padding : 5px 0 2px 10px;
opacity : 1;
border-radius : 4px;
text-align : right;
position : absolute;
top : 276px;
left : 49%;
width : 50%;
}
}
@media (min-width: 992px) {
.menupruh {
height : 42px;
line-height : 0;
padding : 5px 32px 2px 10px;
opacity : 1;
display : flex;
flex-direction : row;
justify-content : flex-end;
border-radius : 4px;
text-align : right;
position : absolute;
top : 10px;
}
}
.menupruhx {
line-height : 0;
padding : 3px 0 2px 0;
opacity : 1;
display : flex;
flex-direction : row;
justify-content : flex-end;
border-radius : 4px;
right : 0;
text-align : right;
letter-spacing : 0.5px;
margin : 1px 7px 8px 10px;
}
@media (min-width: 767px) {
.menupruhx {
height : 42px;
line-height : 0;
padding : 2px 0 2px 10px;
opacity : 1;
display : flex;
flex-direction : row;
justify-content : flex-end;
border-radius : 4px;
right : 0;
text-align : right;
margin : 9px 0 43px 10px;
}
}
.menupruhtext1 {
color : #fff;
font-size : 16px;
font-family : 'Source Sans Pro', sans-serif;
font-weight : bold;
padding : 20px 0 0 0;
margin : 0 10px 0 0;
text-transform : uppercase;
float : left;
letter-spacing : 0;
}

.menupruhtext4 {
display:none;
}
.menupruhtext4 a {
text-decoration : none;
color : white;
}
@media (min-width:1322px) {
.menupruhtext4 {
display:block;
color : #fff;
font-size : 18px;
font-family : 'Source Sans Pro', sans-serif;
font-weight : bold;
padding : 20px 0 0 0;
margin : 0 10px 0 0;
text-transform : uppercase;
float : left;
letter-spacing : 0;
}
}

@media (min-width: 992px) {
.menupruhtext1 {
color : #fff;
font-size : 18px;
font-family : 'Source Sans Pro', sans-serif;
font-weight : bold;
padding : 20px 0 0 0;
height : 54px;
margin : 0 30px 0 0;
text-transform : uppercase;
float : left;
}
}
.menupruhtext1 a {
text-decoration : none;
color : white;
}
.menupruhtext2 {
color : #fff;
font-size : 18px;
font-family : 'Source Sans Pro', sans-serif;
font-weight : bold;
padding : 0 0 0 0;
height : 54px;
margin : 0 0 0 0;
float : left;
}
.menupruhtext2 img {
width : 31px;
height : 31px;
margin : 6px 0 0 0;
}
.menupruhtext3 {
color : #fff;
font-size : 18px;
font-family : 'Source Sans Pro', sans-serif;
font-weight : bold;
padding : 20px 0 0 0;
margin : 0 25px 0 0;
display : none;
}
@media (min-width: 1200px) {
.menupruhtext3 {
display : block;
}
}
.textikhome {
width : 90%;
}
@media (min-width: 767px) {
.textikhome {
width : 70%;
}
.menupruhtext2 img {
width : 31px;
margin : 6px 10px 0 10px;
}
}
.textikhome h2 {
font-family : 'Alegreya', serif;
font-weight : normal;
color : #6f6f6f;
font-size : 30px;
}
.textikhomeout {
margin : auto;
width : 100%;
align-content : center;
display : flex;
justify-content : center;
position:relative;
}
.menubok-text {
padding : 10px 26px 10px 26px;
}
.menubok-text a {
color : #fff;
text-decoration : none;
}
.menubok-text h1 {
color : #fff;
font-size : 20px;
font-family : 'Source Sans Pro', sans-serif;
font-weight : normal;
margin : 8px 0 12px 0;
}
.menubok-text h1:hover, .menubok-text h2:hover, .menubok-text h3:hover, .menubok-text img:hover {
opacity : 0.5;
}
.menubok-text h2 {
color : #fff;
font-size : 18px;
font-family : 'Source Sans Pro', sans-serif;
font-weight : normal;
margin : 8px 0 8px 0;
}
.menubok-text h3 {
color : #fff;
font-size : 16px;
font-family : 'Source Sans Pro', sans-serif;
font-weight : normal;
margin : 8px 0 8px 0;
}
.menubok-text hr {
width : 80%;
margin : 8px 0 8px 0;
opacity : 0.2;
border-bottom : 1px solid #eee;
}
.zobrazvysledky {
width : 100%;
margin : auto;
display : none;
position : absolute;
z-index : 102;
left : 0;
background-color : white;
padding : 25px 0 81px 0;
min-height : 800px;
margin-top : -30px;
background-image : url(https://slavneobrazy.cz/styl23/grafika/night.gif);
background-repeat : no-repeat;
background-position : center 138px;
}

.zobrazvysledkyx {
display : none;
width : 100%;
margin : auto;
position : absolute;
z-index : 102;
left : 0;
background-color : white;
padding : 25px 0 81px 0;
min-height : 800px;
margin-top : -54px;
}

@media (min-width: 767px) {
.zobrazvysledkyx {
margin-top : -38px;
}


}
.vrchvysledky {
width:100%;
margin:0 0 0px 0;
    display: flex;
    align-content: stretch;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: nowrap;
    flex-direction: row;
}

.vrchvysledky1 {
    max-width: 80%;
}
.vysledekpole {
padding-right : 20px;
}
.gridy {
width : 100%;
max-width : 1053px;
display : flex;
flex-direction : row;
flex-wrap : wrap;
align-items : flex-end;
align-content : center;
background-color : white;
padding: 0 20px 20px 20px;
z-index : 10;
margin : auto;
}

@media (min-width: 767px) {
.gridy {
width : 83%;
max-width : 1053px;
display : flex;
flex-direction : row;
flex-wrap : wrap;
align-items : flex-end;
align-content : center;
background-color : white;
border : #eee solid 2px;
border-radius : 4px;
padding : 20px;
z-index : 10;
margin : auto;
}
}

.prazdnik {
    width: 100%;
    margin: auto;
    display: none;
    position: absolute;
    z-index: 102;
    left: 0;
    background-color: white;
    padding: 25px 0 81px 0;
    min-height: 800px;
    margin-top: -53px;
    background-image: url(https://slavneobrazy.cz/styl23/grafika/night.gif);
    background-repeat: no-repeat;
    background-position: center 138px;
    }
    
.zavirakhledani {
background-image : url(../styl23/grafika/krizek.png);
width : 40px;
height : 40px;
background-size : 26px 26px;
background-repeat : no-repeat;
cursor : pointer;
float : right;
right: 16px;
    top: 29px;
    position: absolute;
}

@media (min-width: 767px) {
.zavirakhledani {
    right: -1px;
    top: 7px;
    position: relative;
}
}

.grid-items {
margin : 0 20px 20px 0;
width : 150px;
position : relative;
}

.grid-itemsx {
margin : 0 20px 0px 0px;
width : 150px;
position : relative;
}

.grid-items-container {
width : 150px;
height : 160px;
color : black;
font-weight : bold;
}
.grid-items a, .grid-itemsx a {
text-decoration : none;
color : #6f6f6f;
}
.grid-items-image {
box-shadow : 1px 2px 6px 0 rgb(0 0 51);
margin : 20px 0 2px 0;
object-fit : cover;
width : 150px;
height : 110px;
}

@media (min-width: 767px) {
.grid-items {
margin : 0 30px 20px 0;
width : 180px;
position : relative;
}

.grid-itemsx {
margin : 0 30px 0px 0;
width : 180px;
position : relative;
}

.grid-items-container {
width : 180px;
height : 180px;
color : black;
font-weight : bold;
}

.grid-items-image {
box-shadow : 1px 2px 6px 0 rgb(0 0 51);
margin : 20px 0 2px 0;
object-fit : cover;
width : 180px;
height : 130px;
}
}
.vysledek {
height : 42px;
background-color : #e0e0e0;
border-radius : 4px;
color : #6f6f6f;
display : flex;
justify-content : center;
align-items : center;
align-content : center;
float : left;
margin : 0 7px 5px 0;
padding : 0 10px 0 10px;
}
.vysledek a {
text-decoration : none;
color : #6f6f6f;
}
.sipka {
width : 22px;
filter : grayscale(0.5) invert(1);
opacity : 0.5;
box-shadow : 0 0 0 0 rgb(0 0 0);
margin : 7px 3px -8px 0;
display: none;
}
@media (min-width: 767px) {
.sipka {
display:inline;
}
}
.divoblibsearch {
width : 38px;
height : 38px;
background-repeat : no-repeat;
background-image : url(grafika/srdce-white-back.png);
text-decoration : none;
background-size : 40px;
float : left;
border-radius : 4px;
top : 28px;
position : absolute;
left : 7px;
}
.divoblibtop:hover {
background-image : url(grafika/srdce-black-back.png);
}
.divoblibsearchpred {
width : 38px;
background-repeat : no-repeat;
background-image : url(grafika/srdce-red-back.png);
text-decoration : none;
height : 38px;
background-size : 39px;
float : left;
border-radius : 4px;
top : 28px;
position : absolute;
left : 7px;
}
.divoblibsearchpred:hover {
background-image : url(grafika/srdce-black-back.png);
}
.grid-itemy {
box-shadow : 1px 1px 5px 0 rgb(0, 0, 51, 1);
margin : 0 0 20px 0;
width : 300px;
}
.grid {
width : 100%;
max-width : 1520px;
z-index : 1;
display : flex;
flex-direction : row;
flex-wrap : nowrap;
}
.grid-item {
box-shadow : 1px 8px 8px 0 rgb(0 0 51);
margin : 0 0 20px 0;
}
.grid-item img {
width : 300px;
height : auto;
margin-bottom : -6px;
}
.grid-sizer, .grid-item {
width : 300px;
height : auto;
}
@media (min-width: 767px) {
.grid-sizer, .grid-item {
width : 340px;
height : auto;
}
.grid-item img {
width : 340px;
height : auto;
margin-bottom : -6px;
filter : brightness(0.7);
}
}
@media (min-width: 992px) {
.grid-sizer, .grid-item {
width : 282px;
height : auto;
}
.grid-item img {
width : 282px;
height : auto;
margin-bottom : -6px;
filter : brightness(0.7);
}
}
@media (min-width: 1200px) {
.grid-sizer, .grid-item {
width : 342px;
height : auto;
}
.grid-item img {
width : 342px;
height : auto;
margin-bottom : -6px;
filter : brightness(0.7);
}
}
.gridsmery {
display : block;
flex-direction : row;
width : 100%;
flex-wrap : wrap;
justify-content : center;
}
.dark-smery {
height : 197px;
width : 100%;
background-size : cover;
margin : 10px;
}
.grid-item-smery {
height : 221px;
width : 98%;
margin : 0 auto 2% auto;
float : left;
box-shadow : 2px 3px 3px 0 rgb(150 150 150);
border-radius : 4px;
position : relative;
overflow : hidden;
}
.grid-item-smery img {
width : 100%;
filter : brightness(0.7);
position : absolute;
margin : auto;
}
.grid-item-smery:hover img {
width : 100%;
filter : brightness(1);
}
.smery-titulek {
font-family : 'Source Sans Pro', sans-serif;
font-weight : normal;
color : white;
font-size : 21px;
position : absolute;
top : 156px;
left : 25px;
letter-spacing : 2px;
}
@media (min-width: 767px) {
.grid-item-smery {
height : 221px;
width : 47%;
background-size : cover;
margin : 0 2% 2% 0;
float : left;
}
.smery-titulek {
position : absolute;
top : 156px;
left : 25px;
}
}
@media (min-width: 992px) {
.grid-item-smery {
height : 241px;
width : 31%;
background-size : cover;
margin : 0 2% 2% 0;
float : left;
}
.smery-titulek {
position : absolute;
top : 206px;
left : 25px;
}
}
@media (min-width: 1200px) {
.grid-item-smery {
height : 261px;
width : 23%;
background-size : cover;
margin : 0 2% 2% 0;
float : left;
}
.smery-titulek {
position : absolute;
top : 206px;
left : 25px;
}
}
.dark-smery img {
width : 100%;
margin-bottom : -6px;
}
@media (min-width: 767px) {
.dark-smery img {
width : 100%;
margin-bottom : -6px;
filter : brightness(0.7);
}
}
.dark-smery:hover img {
filter : brightness(1);
}
.toppopis {
position : absolute;
bottom : -10px;
color : #fff;
left : -3px;
width : 100%;
height : auto;
}
.toppopis a {
position : absolute;
bottom : 26px;
color : #fff;
left : 27px;
text-decoration : none;
}
.toppopisnazev {
font-family : 'Alegreya', serif;
font-weight : normal;
color : white;
font-size : 18px;
text-transform : uppercase;
width : 100%;
}
@media (min-width: 767px) {
.toppopisnazev {
font-family : 'Alegreya', serif;
font-weight : normal;
color : white;
font-size : 22px;
text-transform : uppercase;
width : 100%;
}
}
.toppopisx {
position : absolute;
bottom : 8px;
color : #fff;
left : 10px;
width : auto;
height : auto;
background-color : rgb(55, 55, 55, 0.5);
padding : 8px;
}
@media (min-width: 767px) {
.toppopisx {
position : absolute;
bottom : 3px;
color : #fff;
left : 5px;
width : auto;
height : auto;
background-color : transparent;
padding : 12px;
}
}
.toppopisx a {
bottom : 26px;
color : #fff;
text-decoration : none;
}
.toppopisnazevx {
font-family : 'Alegreya', serif;
font-weight : normal;
color : white;
font-size : 15px;
text-transform : uppercase;
width : auto;
width : auto;
transition : 0.5s ease;
opacity : 1;
}
.toppopistextx {
font-family : 'Source Sans Pro', sans-serif;
font-weight : normal;
color : white;
font-size : 15px;
}
@media (min-width: 767px) {
.toppopisnazevx {
font-size : 17px;
}
.toppopistextx {
font-size : 17px;
}
}
.divoblibtop {
width : 40px;
height : 40px;
background-repeat : no-repeat;
background-image : url(grafika/srdce-white-back.png);
text-decoration : none;
background-size : 40px;
float : left;
border-radius : 4px;
top : 17px;
position : absolute;
left : 17px;
z-index : 1;
}
.divoblibtop:hover {
background-image : url(grafika/srdce-black-back.png);
z-index : 1;
}
.grids {
margin : 0 0 0 0;
width: 100%;
}
.gridx {
z-index : 3;
}

@media (min-width: 767px) {
.grids {
margin : 22px 0 20px 14px;
width: 100%;
}

.gridx {
margin : 0 0 20px 0px;
}
}


.grid-itemx {
box-shadow : 1px 8px 8px 0 rgb(0 0 51);
margin : 0 20px 25px 0;
width : 300px;
background-color : #eee;
z-index : 3;
}

.grid-itemx:hover {
opacity : 0.8;
}

@media (min-width: 767px) {
.grid-itemx:hover {
opacity : 1;
}

.grid-itemx {
box-shadow : 1px 8px 8px 0 rgb(0 0 51);
margin : 0 20px 25px 0;
width : 352px;
position : relative;
float : left;
}
}

.sipkakosik {
width : 24px;
height : 24px;
filter : brightness(1);
margin : 0 0 -7px 5px;
}
.kosikdivik {
width : 26px;
height : 26px;
filter : brightness(1);
margin : 8px 0 -8px 0;
}

.grid-itemx-image {
width : 300px;
margin-bottom : -6px;
}

@media (min-width: 767px) {
.grid-itemx-image {
width : 352px;
margin-bottom : -6px;
filter : brightness(0.7);
}
}

.grid-itemx-image:hover {
filter : brightness(1);
}

.grid-itemx:hover .toppopisnazevx {
opacity : 1;
}




@media (min-width: 767px) {
.grid-itemx:hover .toppopisnazevx {
opacity : 0;
}
}
.grid-itemx:hover .divoblibtop {
background-image : url(grafika/srdce-black-back.png);
background-color : white;
}
.grid-item:hover img {
filter : brightness(1);
}
.grid-item:hover .divoblibtop {
background-image : url(grafika/srdce-black-back.png);
background-color : white;
}
.grid-item:hover .toppopisnazevx {
opacity : 0;
}
.grid-item-smery img {
width : 100%;
margin-bottom : -6px;
}
.grid-item-smery:hover {
filter : brightness(100%);
}
.levemenu {
z-index : 100;
background-color : white;
margin : 2% 0 20px 0;
padding : 0 13px;
width : 300px;
border-radius : 8px;
}
.levemenu h1 {
color : #000;
font-size : 22px;
font-family : 'Source Sans Pro', sans-serif;
font-weight : normal;
font-weight : bold;
margin : 15px 0 10px 0;
}
@media (min-width: 767px) {
.levemenu h1 {
color : #000;
display : none;
}
}
@media (min-width: 767px) {
.levemenu {
float : left;
width : 340px;
height : 4230px;
padding : 0 0 0 13px;
}
}
.levemenuokolo {
display : none;
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
padding : 0;
justify-content : center;
z-index : 102;
overflow : scroll;
}
@media (min-width: 767px) {
.levemenuokolo {
z-index : 100;
display : block;
position : initial;
width : 380px;
overflow : unset;
margin : 30px 0 0 0;
}
}
.levemenuokolo2 {
display : flex;
justify-content : center;
background-color : rgb(55, 55, 55, 0.9);
height : auto;
    padding: 20px 20px 100% 20px;
}
@media (min-width: 767px) {
.levemenuokolo2 {
display : flex;
background-color : rgb(255, 255, 255, 1);
justify-content : flex-start;
padding: 20px 20px 100% 5px;
}
}
.tlacitko-filter {
display : inline-block;
width : auto;
height : 35px;
border : #525252 solid 1px;
background-image : url(grafika/filter.png);
background-repeat : no-repeat;
border-radius : 4px;
background-position-x : 10px;
background-position-y : 6px;
background-size : 30px;
font-size : 19px;
color : #6f6f6f;
padding : 7px 12px 0 56px;
text-align : right;
margin : 0 20px 11px 0;
}
@media (min-width: 767px) {
.tlacitko-filter {
display : none;
}
}
.levemenu h2 {
font-family : 'Source Sans Pro', sans-serif;
font-weight : bold;
color : black;
font-size : 18px;
margin : 0;
}
.pravacast {
padding : 0 0 0 0;
/*max-width:300px;*/
width:100%;
}
@media (min-width: 767px) {
.pravacast {
padding : 0 0 0 0;
max-width:1300px;
width:100%;
}
}
.jazyky {
display : inline-block;
float : none;
position : relative;
cursor : pointer;
z-index:110;
}
.jazyky img {
margin : 6px 0 0 0;
}
.menubok {
background-color : #262626;
max-width : 325px;
min-height : 2500px;
height : 100%;
position : absolute;
top : 0;
right : 0;
z-index : 151;
box-shadow : 0 0 12px #000000;
width : 95%;
}
.mena {
color : white;
font-size : 17px;
}
.mena a {
text-decoration : none;
color : white;
}
.pointer {
cursor : zoom-in;
}
#tenobr {
margin : 0 10px 0 0;
}
.flex-container {
display : flex;
flex-direction : row;
flex-wrap : nowrap;
justify-content : normal;
align-items : normal;
align-content : normal;
}
.flex-items:nth-child(1) {
display : block;
flex-grow : 0;
flex-shrink : 1;
flex-basis : auto;
align-self : auto;
order : 1;
background-size : contain;
}
.flex-items:nth-child(2) {
display : block;
flex-grow : 0;
flex-shrink : 1;
flex-basis : auto;
align-self : auto;
order : 2;
background-size : contain;
}
.flex-items:nth-child(3) {
display : block;
flex-grow : 0;
flex-shrink : 1;
flex-basis : auto;
align-self : auto;
order : 3;
background-size : contain;
}
.flex-containerm {
display : flex;
flex-direction : row;
flex-wrap : nowrap;
justify-content : normal;
align-items : normal;
align-content : normal;
z-index : 150;
}
.flex-itemsm:nth-child(1) {
display : block;
flex-grow : 0;
flex-shrink : 1;
flex-basis : auto;
align-self : auto;
order : 1;
background-size : contain;
}
.flex-itemsm:nth-child(2) {
display : block;
flex-grow : 0;
flex-shrink : 1;
flex-basis : auto;
align-self : auto;
order : 2;
background-size : contain;
}
.flex-itemsm:nth-child(3) {
display : block;
flex-grow : 0;
flex-shrink : 1;
flex-basis : auto;
align-self : auto;
order : 3;
background-size : contain;
}
.velky {
width : 100%;
margin : 0 0 -80px -15px;
}
.titulekdivmobil {
display : inline-block;
margin : 0 0 15px 0;
}
h1.titulky {
font-family : 'Alegreya', serif;
font-weight : normal;
color : #6f6f6f;
font-size : 25px;
margin : 0 0 10px 0;
}
@media (min-width: 767px) {
h1.titulky {
font-family : 'Alegreya', serif;
font-weight : normal;
color : #6f6f6f;
font-size : 30px;
margin : 0 0 10px 0;
}
}
.titulekdivdesktop {
display : none;
}
.titulekdivmobilai {
display : none;
}

@media (min-width: 767px) {
.velky {
width : 100%;
max-width : 500px;
background-color : #f4f4f4;
padding : 50px;
float : right;
display : none;
}
.titulekdivmobil {
display : none;
}

.titulekdivout {
display : flex;
flex-direction : row-reverse;
justify-content : flex-end;
flex-wrap : nowrap;
}
.jedenobrazvrch {
display : flex;
flex-direction : row;
flex-wrap : nowrap;
justify-content : flex-start;
align-items : flex-start;
}
}
.termin {
font-size : 15px;
line-height : 1.4;
color : #a8a8a8;
}
.cenajedenobraz {
color : #a8a8a8;
font-weight : normal;
font-size : 19px;
width : fit-content;
float : left;
padding : 4px 0 0 0;
}
.dvojtecka {
float : right;
}
.cenatextout {
display : none;
}
@media (min-width: 767px) {
.titulekdivdesktop {
display : inline-block;
}
.cenatextout {
display : block;
}
.cenajedenobraz {
color : #a8a8a8;
font-weight : normal;
font-size : 19px;
width : fit-content;
float : left;
padding : 0 0 0 0;
}
.divcena {
color : #6f6f6f;
font-weight : bold;
float : left;
font-size : 40px;
min-width : 105px;
}
}
.dvojtecka {
display : none;
}
.volbytext1 {
border : #E0E0E0 solid 1px;
border-radius : 4px;
padding : 4px 19px 19px 14px;
width : calc(100% - 35px);
max-width : 340px;
margin : 0 20px 15px 0;
order : 3;
}
.volbytext2 {
border : #E0E0E0 solid 1px;
border-radius : 4px;
width : calc(100% - 35px);
max-width : 340px;
margin : 0 20px 15px 0;
padding : 0 20px 3px 14px;
order : 4;
height: 194px !important;
}
.volbytext3 {
border : #E0E0E0 solid 1px;
border-radius : 4px;
width : calc(100% - 35px);
max-width : 340px;
margin : 0 20px 15px 0;
padding : 0 20px 15px 14px;
order : 6;
min-height: 367px;
height: 405px;
}
.volbytext4 {
border : #E0E0E0 solid 1px;
border-radius : 4px;
width : calc(100% - 35px);
max-width : 340px;
margin : 0 20px 15px 0;
padding : 0px 20px 15px 14px;
order : 7;
min-height: 336px;
  height: fit-content;
}
.volbytext5 {
border : #E0E0E0 solid 1px;
border-radius : 4px;
width : calc(100% - 35px);
max-width : 340px;
margin : 0 20px 15px 0;
padding : 0 20px 3px 14px;
order : 5;
height: fit-content;
}
@media (min-width: 767px) {
.volbytext1 {
border : #E0E0E0 solid 1px;
border-radius : 4px;
padding : 0px 19px 19px 23px;
width : 340px;
margin : 0 0 15px 0;
order : 3;
}
.volbytext2 {
border : #E0E0E0 solid 1px;
border-radius : 4px;
padding : 0px 19px 19px 23px;
width : 340px;
margin : 0 0 15px 0;
order : 4;
}
.volbytext3 {
border : #E0E0E0 solid 1px;
border-radius : 4px;
padding : 0px 19px 19px 23px;
width : 340px;
margin : 0 0 15px 0;
order : 6;
height: 405px;
}
.volbytext4 {
border : #E0E0E0 solid 1px;
border-radius : 4px;
padding : 0px 19px 19px 23px;
width : 340px;
margin : 0 0 15px 0;
order : 7;
  height: fit-content;
}
.volbytext5 {
border : #E0E0E0 solid 1px;
border-radius : 4px;
padding : 0px 19px 19px 23px;
width : 340px;
margin : 0 0 15px 0;
order : 5;
}
}
.cenatext {
color : #a8a8a8;
font-weight : normal;
font-size : 19px;
background-color : #F5F4EC;
width : 346px;
border-radius : 4px;
padding : 15px 15px 25px 24px;
height : 104px;
margin : 34px 0 20px 0;
}
.termin {
position : relative;
left : 169px;
top : 29px;
}
.cenajedenobraz {
color : #a8a8a8;
font-weight : normal;
font-size : 15px;
float : right;
top : -11px;
left : -76px;
position : relative;
width : 100px;
}
.tlacitkobig {
background-color : #FF9900;
height : 36px;
width : 223px;
font-weight : bold;
font-size : 15px;
padding : 5px 1px 5px 1px;
color : white;
border : 0;
border-radius : 4px;
margin : 5px 0 10px 0;
float : left;
}

.tlacitkobigai {
background-color : #FF9900;
height : 36px;
width : 80%;
font-weight : bold;
font-size : 15px;
padding : 5px 10px 5px 10px;
color : white;
border : 0;
border-radius : 4px;
margin : 5px 10% 10px 10%;
float : left;
}

@media (min-width: 767px) {
.tlacitkobigai {
background-color : #FF9900;
height : 36px;
width : 50%;
font-weight : bold;
font-size : 15px;
padding : 5px 10px 5px 10px;
color : white;
border : 0;
border-radius : 4px;
margin : 5px 25% 10px 25%;
float : left;
}
}

.tlacitkomywall {
background-color: #FF9900;
    height: 31px;
    width: 223px;
    font-weight: bold;
    font-size: 17px;
    padding: 8px 5px 5px 5px;
    color: white;
    border: 0;
    border-radius: 4px;
    margin: 0px 0 10px 0;
    text-align: center;
    margin: 0 0 50px 0;
    position: relative;
    left:calc(50% - 138px);
}
.tlacitkomywall a {
text-decoration: none;
}
.tlacitkobigobjednat {
background-color : red;
height : 49px;
width : 95%;
font-weight : bold;
font-size : 20px;
padding : 5px 1px 5px 1px;
color : white;
border : 0;
border-radius : 4px;
margin : 5px 0 10px 0;
float : left;
}

@media (min-width: 767px) {
.tlacitkobig {
background-color : #FF9900;
height : 36px;
width : 223px;
font-weight : bold;
font-size : 17px;
padding : 5px;
color : white;
border : 0;
border-radius : 4px;
margin : 5px 0 10px 0;
float : left;
}


.tlacitkobigobjednat {
background-color : red;
height: 49px;
width: 234px;
font-weight : bold;
font-size : 21px;
padding : 5px 1px 5px 1px;
color : white;
border : 0;
border-radius : 4px;
margin : 5px 0 10px 0;
float : left;
}

}
.divcena {
color : #6f6f6f;
font-weight : bold;
float : left;
font-size : 40px;
margin : -20px 26px -2px 0;
min-width : 145px;
}

.tlacitkobigobjednat:hover {
background-color : #f4f4f4;
color : #6F6F6F;
border : #a8a8a8 solid 1px;
}
.tlacitkobig:hover {
background-color : #f4f4f4;
color : #6F6F6F;
border : #a8a8a8 solid 1px;
}

.tlacitkomywall:hover {
background-color : #f4f4f4;
color : #6F6F6F;
border : #a8a8a8 solid 0px;
}
.vyjeti {
bottom : 18px;
position : fixed;
left : 16px;
z-index : 100;
}
.tlacitka {
position : relative;
width : 450px;
margin : 25px auto 156px auto;
z-index : 0;
}
@media (min-width: 767px) {
.tlacitka {
position : relative;
width : 492px;
margin : 25px 0 156px -25px;
left : 25%;
}
}
.tlacitko {
background-color : #FF9900;
font-size : 15px;
height : 37px;
width : 100px;
padding : 5px;
color : white;
border : 0;
border-radius : 4px;
}
.tlacitzrus {
background-image : url(grafika/close-black.png);
width : auto;
height : 36px;
border : 0;
opacity : 0.3;
background-size : 30px;
background-repeat : no-repeat;
padding : 6px 17px 6px 32px;
margin : 4px 10px 6px -45px;
color : black;
background-position-y : 1px;
}
.tlacitkobig2 {
background-color : #FF9900;
height : 39px;
width : 200px;
font-weight : bold;
font-size : 17px;
padding : 5px;
color : white;
border : 0;
border-radius : 4px;
margin : 0 0 0 20px;
}
.tlacitkobig2:hover {
background-color : #f4f4f4;
color : #6F6F6F;
border : #a8a8a8 solid 1px;
}
.tlacitkobig4 {
background-color : #FF9900;
height : 39px;
font-weight : bold;
font-size : 17px;
color : white;
border : 0;
border-radius : 4px;
}
.tlacitkobig4:hover {
background-color : #f4f4f4;
color : #6F6F6F;
border : #a8a8a8 solid 1px;
}
@media (min-width: 767px) {
.tlacitkobig4 {
display : none;
}
}
.tlacitkobig5 {
background-color : #FF9900;
height : 36px;
width : auto;
font-weight : bold;
font-size : 17px;
padding: 5px 11px 5px 76px;
color : white;
border : 0;
border-radius : 4px;
margin : 5px 40px 10px 0;
float : left;
background-image : url(grafika/cart-white.png);
background-repeat : no-repeat;
background-position : 8px;
}
.tlacitkobig:hover {
background-color : #f4f4f4;
color : #6F6F6F;
border : #a8a8a8 solid 1px;
}
.koupit {
background-color : #f4f4f4;
height : 32px;
width : auto;
font-size : 17px;
padding : 5px 18px 5px 18px;
color : #6F6F6F;
border : #a8a8a8 solid 1px;
border-radius : 4px;
margin : 10px 0 0 0;
float : left;
line-height : 29px;
}
.koupit:hover {
background-color : #FF9900;
color : #fff;
}
.tlacitkomale {
text-align : center;
width : 49px;
text-decoration : none;
height : 30px;
float : left;
background-color : #f4f4f4;
border : #a8a8a8 solid 1px;
border-radius : 4px;
color : #6F6F6F;
display : flex;
justify-content : center;
align-content : space-around;
flex-direction : row;
flex-wrap : wrap;
margin : 5px 0 0 0;
}
.tlacitkomale:hover {
background-color : #FF9900;
border : #a8a8a8 solid 1px;
border-radius : 4px;
color : #fff;
}

.tlacitkonavrh {    width: 88px;
    height: 20px;
    background-color: #eee;
    display: block;
    float: left;
    margin: 5px 10px 0 0;
    padding: 4px 5px 3px 4px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    
}

@media (min-width: 767px) {
.tlacitkonavrh {
    width: 88px;
    height: 20px;
    background-color: #eee;
    display: block;
    float: left;
    margin: 5px 10px 0 0;
    padding: 4px 5px 3px 4px;
    text-align: center;
    font-size: 14px;
}
}

.celkovacena {
font-size : 18px;
font-weight : bold;
padding : 2px;
text-align : right;
}
.ceny {
float : left;
margin-right : 19px;
}
.celkovyrozmerdole {
margin : -3px 0 -3px 0;
font-size : 14px;
padding : 2px;
text-align : right;
}
.tlacitkoukoupit {
float : left;
}
.vsechnodole {
position : relative;
left : 112px;
display : flex;
align-items : center;
}
.divbottom {
z-index : 150;
position : fixed;
bottom : 0;
background-color : #F5F4EC;
width : 100vw;
height : 70px;
display : flex;
align-items : center;
box-shadow : 0 0 10px rgb(0 0 0 / 31%);
}
.obrazekdivi {
width : auto;
background-color : #fff;
display : none;
}
.obrazekdivim {
width : auto;
background-color : #fff;
}
#pravybokjeden {
display : flex;
flex-direction : column;
margin : 0 0 0 0;
}

.obrazekdiviout3 {
    padding: 24px 44px 44px 44px;
    display: flex;
    justify-content: center;
    margin: 0 -38px 0 -38px;
}

.divmezera {
height: 22px;
}

@media (min-width: 767px) {
.divbottom {
display : none;
}
.divmezera {
display : none;
}
.obrazekdiviout2 {
width : 50%;
display : contents;
}
#pravybokjeden {
display : flex;
flex-direction : column;
margin : 0 0 0 25px;
}
.obrazekdivi {
background-color: #f4f4f4;
display : block;
}
.obrazekdivim {
width : auto;
background-color : #fff;
}
.obrazekdiviout {
float : left;
margin : 0 34px 0 0;
width : 100%;
}
.obrazekdiviout3 {
background-color : #f4f4f4;
padding : 64px;
float : left;
margin : 0 0 30px 0;
width : calc(100% - 128px);
display : flex;
flex-direction : row;
flex-wrap : nowrap;
justify-content : center;
}
}
@media (min-width: 1250px) {
.obrazekdiviout2 {
width : 50%;
display : contents;
}
.obrazekdiviout3 {
background-color : #f4f4f4;
padding : 64px;
float : left;
margin : 0 0 30px 0;
width : calc(100% - 128px);
display : flex;
flex-direction : row;
flex-wrap : nowrap;
justify-content : center;
}

.obrazekdiviout4 {
    width: calc(50%);
}


#pravybokjeden {
display : flex;
flex-direction : column;
margin : 0 0 0 77px;
}
}
select {
background-color : rgb(255, 255, 255);
width : 200px;
height : 37px;
padding : 10px;
}
.form-control {
font-weight : normal;
line-height : 1.1;
display : grid;
grid-template-columns : 1em auto;
gap : 0.5em;
width : fit-content;
}
.form-control + .form-control {
margin-top : 1em;
}
input[type="radio"] {
appearance : none;
margin : 0;
font : inherit;
color : #888;
width : 1.15em;
height : 1.15em;
border : #888 solid 0.15em;
border-radius : 50%;
transform : translateY(-0.075em);
display : grid;
place-content : center;
}
input[type="radio"]::before {
content : "";
width : 0.65em;
height : 0.65em;
border-radius : 50%;
transform : scale(0);
transition : transform 120ms ease-in-out;
background-color : CanvasText;
}
input[type="radio"]:checked::before {
transform : scale(1);
}
input[type="radio"]:focus {
outline : max(2px, 0.15em) solid #ddd;
outline-offset : max(2px, 0.15em);
}
.form-control:disabled + .form-control:disabled {
text-decoration : line-through;
}
.selectradek {
height : 30px;
width : 115px;
padding : 6px 5px 0 11px;
line-height : 1.7;
font-size : 15px;
float : left;
max-width : 140px;
margin : 2px 4px 2px 0;
}
.selectradek1 {
height : 37px;
width : 140px;
padding : 7px 5px 0 11px;
line-height : 1.7;
font-size : 15px;
border : #a6a6a6 solid 1px;
border-radius : 4px;
margin-bottom : 15px;
background-image : url(grafika/sipka.png);
background-repeat : no-repeat;
background-size : 10px;
background-position : 168px;
}
@media (min-width: 767px) {
.selectradek {
height : 31px;
width : 155px;
padding : 7px 5px 0 11px;
line-height : 1.7;
font-size : 15px;
float : left;
max-width : 140px;
margin : 2px 4px 2px 0;
cursor : pointer;
}
.selectradek1 {
height : 37px;
width : 170px;
padding : 7px 5px 0 11px;
line-height : 1.7;
font-size : 15px;
border : #a6a6a6 solid 1px;
border-radius : 4px;
margin-bottom : 15px;
background-image : url(grafika/sipka.png);
background-repeat : no-repeat;
background-size : 10px;
background-position : 168px;
}
}
.selectradek2 {
width : 100%;
padding : 5px;
background-color : #fff;
justify-content : center;
flex-direction : row;
align-content : center;
align-items : stretch;
flex-wrap : wrap;
margin : 15px 0 0 0;
position : relative;
padding-top : 24px;
}
@media (min-width: 767px) {
.selectradek2 {
height : auto;
width : 100%;
padding : 50px 7px 21px 8px;
line-height : 1.7;
font-size : 16px;
float : left;
margin : 15px 0 15px 0;
border : #a6a6a6 solid 1px;
border-radius : 4px;
background-color : #fff;
flex-direction : column;
position : absolute;
max-width : 350px;
z-index : 113;
top : 297px;
right : 12%;
flex-wrap : wrap;
flex-direction : row;
cursor : move;
}
}
.cleaner {
clear : both;
width : 100%;
}
.pasparta-rozmer {
height : 38px;
width : 110px;
padding : 3px 5px 3px 5px;
line-height : 1.7;
font-size : 16px;
border : #a6a6a6 solid 1px;
border-radius : 4px;
text-align : center;
}

.prompt-input {
height : 38px;
width : 95%;
padding:2px 10px 2px 10px;
line-height : 1.7;
font-size : 16px;
border : #a6a6a6 solid 1px;
border-radius : 4px;
margin:0 0 13px 0;
text-align:left
}

.format-input {
font-size:16px;
height:43px;
width:35%;
padding:10px;
margin:0 0 0px 0px;
line-height : 1.7;
border : #a6a6a6 solid 1px;
border-radius : 4px;
text-align:left;
float:left;
}

.aisubmit {
    font-size: 15px;
    height: 40px;
    width: 55%;
    padding: 10px;
    margin: 0 0px 28px 10%;
}

.pasparta-rozmer2 {
height : 38px;
width : 90px;
padding : 3px 5px 3px 5px;
line-height : 1.7;
font-size : 16px;
border : #a6a6a6 solid 1px;
border-radius : 4px;
text-align : center;
}
@media (min-width: 767px) {
.aisubmit {
font-size:15px;
height:40px;
width:150px;
padding:10px;
margin:0 0 20px 30px;
}

.format-input {
font-size:15px;
height:43px;
width:150px;
padding:10px;
margin:0 20px 20px 0px;
}

.prompt-input {
height : 38px;
width : 350px;
padding:2px 10px 2px 10px;
line-height : 1.7;
font-size : 16px;
border : #a6a6a6 solid 1px;
border-radius : 4px;
margin:0 0 20px 0;
text-align:left
}

.pasparta-rozmer {
height : 38px;
width : 100px;
padding : 3px 5px 3px 5px;
line-height : 1.7;
font-size : 16px;
border : #a6a6a6 solid 1px;
border-radius : 4px;
text-align : center;
}
.pasparta-rozmer2 {
height : 38px;
width : 120px;
padding : 3px 5px 3px 5px;
line-height : 1.7;
font-size : 16px;
border : #a6a6a6 solid 1px;
border-radius : 4px;
text-align : center;
}
}
.volbaautora {
height : 40px;
width : 99%;
padding : 3px 5px 3px 5px;
line-height : 1.7;
font-size : 16px;
border : #a6a6a6 solid 1px;
border-radius : 4px;
text-align : center;
margin : 1% 2% 0% 0%;
}
.volbaramu {
height : 69px;
width : calc(100% - 15px);
max-width : 311px;
padding : 10px 5px 10px 11px;
line-height : 1.4;
font-size : 16px;
float : left;
margin : 0 0 0 0;
border : #a6a6a6 solid 1px;
border-radius : 4px;
background-image : url(grafika/sipka.png);
background-repeat : no-repeat;
background-size : 10px;
background-position : 298px;
}
.volicramu {
float : left;
width : 175px;
height : 70px;
padding : 0 5px 0 11px;
display : flex;
align-items : center;
}
@media (min-width: 767px) {
.volbaautora {
height : 43px;
width : 96%;
padding : 3px 5px 3px 5px;
line-height : 1.7;
font-size : 18px;
border : #a6a6a6 solid 1px;
border-radius : 4px;
text-align : center;
margin : 0% 0% 0% 0%;
}
.volbaramu {
height : 69px;
width : 100%;
max-width : 311px;
padding : 10px 5px 10px 11px;
line-height : 1.4;
font-size : 16px;
float : left;
margin : 0 0 0 0;
border : #a6a6a6 solid 1px;
border-radius : 4px;
background-image : url(grafika/sipka.png);
background-repeat : no-repeat;
background-size : 10px;
background-position : 298px;
}
.volicramu {
float : left;
width : 195px;
height : 70px;
padding : 0 5px 0 11px;
display : flex;
align-items : center;
}
}
.ramnahled {
position : relative;
width : 50px;
}
.ramnahledout {
background-image : url(grafika/zoomin.png);
background-repeat : no-repeat;
background-size : 22px 22px;
background-position : 13px 14px;
width : 40px;
position : absolute;
top : -1px;
height : 40px;
}
.zvolenyramdiv {
width : 65px;
height : 65px;
float : left;
display : flex;
align-items : center;
}
.zavirak {
right : -1px;
background-image : url(../styl23/grafika/krizek.png);
width : 30px;
height : 30px;
position : absolute;
top : 10px;
background-size : 19px 19px;
background-repeat : no-repeat;
}
.zavirakp {
right : 11px;
background-image : url(../styl23/grafika/krizek.png);
width : 30px;
height : 30px;
position : absolute;
top : 1px;
background-size : 19px 19px;
background-repeat : no-repeat;
}
@media (min-width: 767px) {
.zavirakp {
right : -1px;
background-image : url(../styl23/grafika/krizek.png);
width : 40px;
height : 40px;
position : absolute;
top : 10px;
background-size : 26px 26px;
background-repeat : no-repeat;
cursor : pointer;
}
.zavirak {
right : -1px;
background-image : url(../styl23/grafika/krizek.png);
width : 40px;
height : 40px;
position : absolute;
top : 10px;
background-size : 26px 26px;
background-repeat : no-repeat;
cursor : pointer;
}
}
.ukazramy {
height : auto;
width : 100%;
padding : 15px 0 0 0;
line-height : 1.7;
font-size : 16px;
float : left;
margin : auto;
border : #a6a6a6 solid 1px;
border-radius : 4px;
background-color : #fff;
flex-direction : column;
position : relative;
max-width : 400px;
}
@media (min-width: 767px) {
.ukazramy {
height : auto;
width : 100%;
padding : 15px 0 0 0;
line-height : 1.7;
font-size : 16px;
float : left;
margin : 15px 0 15px 0;
border : #a6a6a6 solid 1px;
border-radius : 4px;
background-color : #fff;
flex-direction : column;
position : absolute;
max-width : 400px;
z-index : 112;
top : 40px;
right : 5%;
cursor : move;
}
}
.ram-radek {
float : left;
width : 44%;
height : 170px;
font-size : 15px;
line-height : 1.3;
margin : 0 0 33px 0;
display : flex;
flex-wrap : wrap;
flex-direction : row;
justify-content : flex-start;
align-items : flex-start;
align-content : space-between;
cursor : pointer;
}
.obr-ram {
width : 80px;
float : left;
width : 75%;
float : none;
margin : 12px 0 10px 0;
max-height : 133px;
max-width : 133px;
cursor : pointer;
}
.colors {
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : flex-end;
}
.roletkaram {
height : auto;
width : 100%;
max-width : 274px;
padding : 10px 5px 10px 11px;
line-height : 1.7;
font-size : 16px;
float : left;
margin : 0 0 0 0;
border : #a6a6a6 solid 1px;
border-radius : 4px;
margin : 10px 0 25px 0;
}
.divoblib {
width : 35px;
background-repeat : no-repeat;
background-image : url(grafika/srdce-detail.png);
text-decoration : none;
background-position-y : 4px;
background-position-x : 4px;
height : 35px;
background-size : 26px;
float : left;
border : #a6a6a6 solid 1px;
border-radius : 4px;
margin : 5px 0 10px 16px;
}
.divoblib:hover {
opacity : 0.5;
}
.divoblib2 {
width : 39px;
background-repeat : no-repeat;
background-image : url(grafika/srdce.png);
text-decoration : none;
background-position-y : 8px;
background-position-x : 8px;
height : 39px;
background-size : 23px;
float : left;
border : #a6a6a6 solid 1px;
border-radius : 4px;
margin : 10px 0 10px 10px;
}
.divoblib2:hover {
opacity : 0.5;
}
.divoblibtopred {
width : 43px;
height : 43px;
background-repeat : no-repeat;
background-image : url(grafika/srdce-red-back.png);
text-decoration : none;
height : 43px;
background-size : 43px;
float : left;
border-radius : 4px;
top : 17px;
position : absolute;
left : 17px;
}
.divoblibtopred:hover {
background-image : url(grafika/srdce-black-back.png);
}
.divoblibmale {
width : 30px;
background-repeat : no-repeat;
background-image : url(grafika/srdce.png);
background-position-y : 5px;
background-position-x : 5px;
height : 30px;
background-size : 20px;
float : left;
border : #a6a6a6 solid 1px;
border-radius : 4px;
margin : 5px 0 0 10px;
}
.divoblibmale:hover {
opacity : 0.5;
}
.oblibseznam {
position : relative;
top : 27px;
left : 8px;
width : 20px;
height : 20px;
display : block;
background-repeat : no-repeat;
background-image : url(grafika/heart2.png);
background-size : 20px;
text-decoration : none;
font-weight : 300;
font-size : 1em;
}
.oblibseznam:hover {
background-repeat : no-repeat;
background-image : url("grafika/heart1.png");
}
.editseznam {
position : relative;
top : 27px;
left : 289px;
width : 20px;
height : 20px;
display : block;
background-repeat : no-repeat;
background-image : url(grafika/icon-edit.png);
background-size : 20px;
text-decoration : none;
font-weight : 300;
font-size : 1em;
}
.editseznam:hover {
opacity : 0.5;
}
.image-oblib {
max-height : 80px;
max-width : 140px;
}
.paticka-oblib {
margin-right : 20px;
float : left;
display : block;
}
.krizek-oblib {
width : 20px;
height : 20px;
background-image : url(../styl23/grafika/krizek-oblib.png);
position : absolute;
background-repeat : no-repeat;
background-size : 18px 18px;
background-color : #eee;
opacity : 0.7;
}
.divhlaska {
width : fit-content;
background-color : lightseagreen;
padding : 10px 15px 10px 15px;
z-index : 112;
color : white;
display : flex;
align-content : center;
justify-content : center;
align-items : center;
border-radius : 4px;
position : absolute;
top : 81px;
left : 20px;
display : none;
}
.polozkadooblibenych {
width : 218px;
background-color : lightseagreen;
padding : 0 10px 0 10px;
z-index : 112;
color : white;
display : flex;
border-radius : 4px;
position : absolute;
top : -7px;
right : 43px;
height : 41px;
flex-direction : row;
align-items : center;
justify-content : center;
}
@media (min-width: 767px) {
.polozkadooblibenych {
width : 218px;
background-color : lightseagreen;
padding : 0 15px 0 15px;
z-index : 112;
color : white;
display : flex;
align-content : center;
justify-content : center;
align-items : center;
border-radius : 4px;
position : absolute;
top : -7px;
right : 43px;
height : 50px;
}
}
.polozkadooblibenych a {
text-decoration : none;
color : white;
}
.divhlaskaseznam {
border : #eee solid 1px;
height : 36px;
padding : 5px 5px 5px 8px;
background-color : lightgoldenrodyellow;
margin-bottom : 4px;
font-size : 13px;
width : 240px;
position : relative;
top : 1px;
}
.paticka {
padding : 10px;
margin-bottom : 197px;
position : sticky;
width : 100%;
min-width : 1089px;
}
.podobny {
float : left;
font-size : 13px;
padding : 4px;
margin : 0 15px 0 0;
}
.podobny img {
max-height : 120px;
box-shadow : 7px 6px 10px 0 #ddd;
}
.podobny a {
text-decoration : none;
color : #888;
}
.odautora {
height : 226px;
content-visibility : auto;
display : flex;
flex-direction : row;
overflow-y : hidden;
overflow-x : scroll;
border-top : 1px solid #ddd;
padding-top : 10px;
}
@media (min-width: 767px) {
.odautora {
height : 226px;
content-visibility : auto;
flex-direction : row;
overflow-y : hidden;
overflow-x : scroll;
border-top : 1px solid #ddd;
padding-top : 10px;
display : none;
}
}
.nazev {
margin : 8px 0 3px 3px;
height : 18px;
width : 115px;
}
#style-1::-webkit-scrollbar {
width : 3px;
background-color : #F5F5F5;
overflow-y : hidden;
height : 11px;
}
#style-1::-webkit-scrollbar-thumb {
border-radius : 7px;
background-color : #ddd;
overflow-y : hidden;
}
#style-1::-webkit-scrollbar-track {
border-radius : 6px;
background-color : #F5F5F5;
overflow-y : hidden;
}
.volbyvrch {
background-image : url(grafika/expand-more.png);
background-repeat : no-repeat;
background-position : right;
height : 46px;
padding : 16px 0 0 0;
}
.volbyvrch.more {
background-image : url(grafika/expand-less.png);
background-repeat : no-repeat;
background-position : right;
width : 100%;
}
.pocty {
top : -5px;
position : relative;
left : 0;
width : 240px;
height: 40px;
}
.menupolozka {
float : left;
margin : 0 12px 11px 0;
width : 41%;
height : 122px;
background-repeat : no-repeat;
background-position : 0 0;
}
@media (min-width: 767px) {
.menupolozka {
float : left;
margin : 0 12px 11px 0;
width : 163px;
height : 122px;
background-repeat : no-repeat;
background-position : 0 0;
background-size : 159px 100px;
}
}
.menupolozka-text {
font-size : 15px;
color : #6F6F6F;
height : 22px;
position : relative;
top : 100px;
left : 0;
padding : 0;
}
.menupolozkakrizek {
position : relative;
top : 25px;
left : 50px;
margin-bottom : -50px;
}
.menupolozka:hover {
opacity : 0.5;
}
.filtryvlevo {
width : 100%;
height : 50px;
margin-bottom : 6px;
padding : 8px 10px 0 0;
}
@media (min-width: 767px) {
.filtryvlevo {
width : 100%;
height : 36px;
margin : 0 0 6px 14px;
padding : 8px 10px 0 0;
}
}
.zvolenyfiltr {
height : 42px;
background-color : #e0e0e0;
border-radius : 4px;
color : #6f6f6f;
display : flex;
justify-content : center;
align-items : center;
align-content : center;
float : left;
margin : 0 7px 5px 0;
padding : 0 10px 0 18px;
}
.imgkrizek {
padding: 9px 1px 3px 7px;
}
.imgkrizek img {
opacity : 0.5;
width : 20px;
height: 20px;
}
.seznam {
display : flex;
align-content : stretch;
justify-content : flex-start;
align-items : flex-start;
justify-items : center;
flex-direction : row;
flex-wrap : wrap;
}
.item {
margin : 20px 20px 20px 20px;
}
.item img {
max-width : 320px;
max-height : 320px;
box-shadow : 7px 6px 10px 0 #ddd;
border : #ddd solid 0.5px;
}
.item a {
text-decoration : none;
color : #000;
}

.wrapper {
    max-width: 680px;
    /*margin: 20px 20px 0 0;*/
    padding: 0 0px;
}

.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: '';
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}


.texty {
padding : 20px 20px 0 0;
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : flex-start;
align-items : flex-start;
align-content : center;
color : white;
}

.texty1 {
max-width : 600px;
margin : 0 32px 18px 0;
width : max-content;
}

@media (min-width: 767px) {

.wrapper {
	max-width: 680px;
	margin: 60px auto;
	padding: 0 20px;
}

.texty1 {
max-width : 600px;
margin : 0 43px 18px 0;
width : max-content;
}
}
.texty1 a {
text-decoration : underline;
color : #ddd;
}
.texty2 {
padding : 0 10px 0 0;
display : flow-root;
    width: 100%;
    max-width: 643px;
    
}
@media (min-width: 767px) {
.texty {
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : flex-start;
align-items : flex-start;
align-content : center;
padding : 0 0 0 0;
}
.texty2 {
padding : 0 0 0 0;
display : flow-root;
    width: 50%;
    max-width: 643px;
    
}
}
.responsive-iframe {
position : absolute;
top : 0;
left : 0;
bottom : 0;
right : 0;
width : 300px;
height : 200px;
}
@media (min-width: 767px) {
.responsive-iframe {
position : absolute;
top : 0;
left : 0;
bottom : 0;
right : 0;
width : 600px;
height : 350px;
}
}
.tlacitecko {
float : left;
height : 42px;
border : #c6c6c6 solid 1px;
text-align : center;
line-height : 43px;
margin-right : 5px;
font-size : 15px;
border-radius : 2px;
color : #a8a8a8;
padding : 0 9px 0 9px;
}
.tlacitecko a {
text-decoration : none;
color : #a8a8a8;
}
.tlacitecko2 {
float : left;
height : 42px;
border : #c6c6c6 solid 1px;
text-align : center;
line-height : 43px;
margin-right : 5px;
font-size : 15px;
border-radius : 2px;
color : #a8a8a8;
padding : 0 9px 0 9px;
}
@media (min-width: 767px) {
.tlacitecko2 {
padding : 0 14px 0 14px;
}
.tlacitecko {
padding : 0 14px 0 14px;
}
}
.divlevemenu {
display : none;
width : 353px;
}
.autorpopis {
margin : 0 20px 43px 0;
width: 100%;
padding: 0 20px 0 0; 
background: -webkit-linear-gradient(#000, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
height: 120px;
}

.autorpopisnext {
position: absolute;
left: calc(50% - 31px);
width: 40px;
height: 40px;
top: 356px;
background-image: url(grafika/arrow-down.png);
background-size: 40px;
opacity: 0.5;
background-repeat:no-repeat;
background-position: center;
}

@media (min-width: 767px) {
.autorpopis {
margin : 24px 0 43px 14px;
overflow: hidden;
height: 120px;
}

.autorpopisnext {
position: absolute;
    left: calc(50% + 170px);
    width: 40px;
    height: 40px;
    top: 382px;
    background-image: url(grafika/arrow-down.png);
    background-size: 40px;
    opacity: 0.5;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

}

.shownextstyle {
height: fit-content;
background: -webkit-linear-gradient(#000, #000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 24px 0 0px 14px;
}

.tlacitkobig3 {
width : 290px;
margin : 0;
display : flex;
align-content : center;
flex-direction : row;
flex-wrap : nowrap;
justify-content : center;
align-items : center;
background-color : #FF9900;
height : 39px;
font-weight : bold;
font-size : 17px;
padding : 5px;
color : white;
border : 0;
border-radius : 4px;
background-image : url(grafika/linki-white.png);
background-repeat : no-repeat;
background-position : center;
}
.tlacitkobig3:hover {
background-image : url(grafika/linki-black.png);
background-repeat : no-repeat;
background-color : #f4f4f4;
color : #6F6F6F;
border : #a8a8a8 solid 1px;
}
.closemenu {
position : relative;
left : 85%;
top : -67px;
}
@media (min-width: 767px) {
.closemenu {
display : none;
}
}
.polozkadokosiku {
width : 280px;
background-color : lightseagreen;
padding : 0 10px 0 10px;
z-index : 112;
color : white;
display : flex;
border-radius : 4px;
position : absolute;
top : -9px;
right : 43px;
height : 42px;
flex-direction : row;
align-items : center;
justify-content : center;
}
@media (min-width: 767px) {
.polozkadokosiku {
width : 280px;
background-color : lightseagreen;
padding : 0 15px 0 15px;
z-index : 112;
color : white;
display : flex;
align-content : center;
justify-content : center;
align-items : center;
border-radius : 4px;
position : absolute;
top : -10px;
right : 43px;
height : 50px;
}
}
.polozkadokosiku a {
text-decoration : none;
color : white;
}
.polozkadokoskuin {
width : 100%;
height : 54px;
display : flex;
align-items : center;
}
.polozkakosik {
display : flex;
flex-direction : row;
flex-wrap : wrap;
width : 100%;
align-items : flex-start;
justify-content : flex-start;
border-bottom : 1px solid #ccc;
margin-bottom : 20px;
}
.polozkakosikprvni {
display : flex;
flex-direction : row;
flex-wrap : wrap;
width : 100%;
align-items : flex-start;
justify-content : flex-start;
border-bottom : 1px solid #ccc;
margin-bottom : 20px;
}
.polozkakosik h1 {
font-size : 17px;
font-weight : bold;
margin : 0;
color : black;
}
.polozkakosik h2 {
font-size : 15px;
font-weight : bold;
margin : 0;
color : #a8a8a8;
}
.polozkakosik h3 {
font-size : 15px;
font-weight : normal;
margin : 0;
color : #a8a8a8;
}
.polozkakosikprvni h1 {
font-size : 17px;
font-weight : bold;
margin : 0;
color : black;
}
.polozkakosikprvni h2 {
font-size : 15px;
font-weight : bold;
margin : 0;
color : #a8a8a8;
}
.polozkakosikprvni h3 {
font-size : 15px;
font-weight : normal;
margin : 0;
color : #a8a8a8;
}
.kosikobrazek {
max-width : 300px;
float : left;
margin : 0 17px 16px 0;
}
.kosikobrazek img {
float : left;
margin : 0 10px 10px 0;
}
.pocetvkosiku {
width : 100%;
display : flex;
flex-wrap : nowrap;
flex-direction : row;
justify-content : center;
height : 74px;
border-bottom : 1px solid #ccc;
}
.kosikpopis {
width : 100%;
float : left;
margin : 0 0 0 0;
}
@media (min-width: 767px) {
.kosikpopis {
width : 300px;
float : left;
margin : 0 7px 0 0;
}
}
.warnningout {
font-weight : bold;
color : blue;
}
.warnning {
padding : 10px 10px 10px 0;
}
.warnningmobil {
padding : 10px 10px 10px 10px;
z-index : 1012;
position : relative;
color : blue;
border : solid 1px;
left : 1px;
top : 10px;
background : white;
max-width : 240px;
font-weight : bold;
}
.tlacitkodiv {
display : none;
float : right;
position : relative;
top : -56px;
right : 80px;
}
.volbytext4 {
margin : 0 0 20px 0;
}
@media (min-width: 767px) {
.volbytext4 {
margin : 0 0 30px 0;
}
}
.obrcena {
display : none;
font-size : 15px;
font-weight : bold;
color : #6f6f6f;
}
.slevadiv {
font-size : 15px;
margin : 0 0 24px 3px;
position : relative;
left : 0;
color : #6f6f6f;
font-weight : bold;
width : 194px;
height : 21px;
padding : 5px 0 0 0;
}
.listing {
columns : 127px;
column-gap : 10px;
margin : 0;
align-content : flex-start;
padding : 20px 0 20px 0;
color : #000;
}
.listingout {
padding : 10px 20px 20px 30px;
margin : 10px 0 0 0;
}
@media (min-width: 767px) {
.listingout {
padding : 10px 20px 20px 30px;
margin : 0px 0 0 0;
width: -webkit-fill-available;
}
.listing {
columns : 150px;
column-gap : 10px;
margin : 0;
align-content : flex-start;
padding : 20px 0 20px 0;
color : #000;
}
}
div.listing article:nth-child(odd) {
background-color : #eee;
}
div.listing article {
margin : 0;
page-break-inside : avoid;
break-inside : avoid;
background-color : #CCC;
font-size : 13px;
border-bottom : 10px solid #fff;
}
.group {
width : 100%;
max-width : 350px;
height : 90px;
overflow : hidden;
position : relative;
}
.divobjednat label {
position : absolute;
top : 20px;
left : 15px;
color : black;
font-size : 18px;
font-weight : normal;
cursor : text;
transition : 0.25s ease;
}
.divobjednat input {
display : block;
width : 100%;
padding : 40px 10px 9px 15px;
border : none;
border-radius : 0;
color : black;
background : white;
font-size : 18px;
transition : 0.3s ease;
font-weight : bold;
}
.divobjednat select {
display : block;
width : 100%;
height : 52px;
padding : 13px 10px 15px 15px;
border : none;
color : black;
background-color : #eee;
font-size : 18px;
transition : 0.3s ease;
border-radius : 4px;
font-weight : bold;
}
.divobjednat input:valid ~ label {
top : 10px;
font-size : 18px;
font-weight : normal;
color : #666;
}
.divobjednat input:focus {
outline : none;
}
.divobjednat input:focus ~ label {
top : 10px;
font-size : 18px;
font-weight : 700;
color : #2196f3;
}
.divobjednat input:focus ~ .bar:before {
transform : translateX(0);
}
.bar {
background : rgb(0, 0, 0, 0.5);
content : "";
max-width : 350px;
height : 2px;
transition : 0.3s ease;
position : relative;
}
.bar:before {
content : "";
position : absolute;
width : 100%;
height : 150%;
background : #2196f3;
transform : translateX(-100%);
}
.divobjednat ::selection {
background : rgb(33, 150, 243, 0.3);
}
.containerx {
display : block;
position : relative;
cursor : pointer;
user-select : none;
margin-top : 10px;
}
.containerx input {
position : absolute;
opacity : 0;
cursor : pointer;
height : 0;
width : 0;
}
.checkmark {
position : absolute;
top : 3px;
left : 0;
height : 25px;
width : 25px;
background-color : #eee;
}
.divobjednatbutton {
display : block;
width : 100%;
padding : 4px 14px 6px 14px;
border-radius : 4px;
color : black;
font-size : 17px;
transition : 0.3s ease;
font-weight : bold;
border : #aaa solid 1px;
width : fit-content;
margin : 8px 0 20px 0;
background-color : #eee;
}
.containerx:hover input ~ .checkmark {
background-color : #ccc;
}
.containerx input:checked ~ .checkmark {
background-color : #2196F3;
}
.checkmark:after {
content : "";
position : absolute;
display : block;
}
.containerx input:checked ~ .checkmark:after {
display : block;
}
.containerx .checkmark:after {
left : 9px;
top : 5px;
width : 5px;
height : 10px;
border : white solid;
border-width : 0 3px 3px 0;
transform : rotate(45deg);
}
.sipkadolu {
background-image : url(grafika/down-double.png);
background-repeat : no-repeat;
width : 20px;
height : 20px;
float : left;
margin : 0 10px 0 0;
background-position-y : -1px;
}
.sipkanahoru {
background-image : url(grafika/up-double.png);
background-repeat : no-repeat;
width : 20px;
height : 20px;
float : left;
margin : 0 10px 0 0;
background-position-y : -1px;
}
textarea#styled {
max-width : 600px;
width : 97%;
height : 120px;
border : #d2d2d2 solid 1px;
padding : 5px;
overflow : hidden;
}
.polekredit {
display : flex;
flex-direction : row;
flex-wrap : wrap;
align-content : center;
justify-content : flex-start;
margin : 8px 0 0 0;
}
.polekredit input {
height : 38px;
width : 140px;
padding : 3px 5px 3px 5px;
line-height : 1.7;
font-size : 18px;
border : #a6a6a6 solid 1px;
border-radius : 4px;
text-align : center;
float : left;
}
.listinguvod {
    width: fit-content;
float : none;
padding : 13px 20px 0 20px;
}
@media (min-width: 767px) {
.listinguvod {
width : 200px;
float : left;
padding : 33px 20px 0 20px;
}
}
.sdileni {
display : flex;
align-items : center;
height : 40px;
justify-content : flex-start;
flex-direction : row;
flex-wrap : nowrap;
width : 190px;
margin : 11px 0 0 0;
}
.spodek-item {
height : 31px;
background-color : #E3E4FA;
margin : 0 0 -4px 0;
padding : 8px 10px 0 14px;
color : black;
box-shadow: 0px 7px 12px 0 rgb(0 0 51);
}
.spodek-item a {
color : black;
text-decoration : none;
}
.divcara {
border-bottom : 1px solid #eee;
width : 95%;
}
.divcaramobil {
border-bottom : 1px solid #eee;
width : 95%;
}
@media (min-width: 767px) {
.divcaramobil {
display : none;
}
}
.hlav33proc {
width : 100%;
float : left;
margin : 0 auto 35px auto;
}
.hlav33proc img {
width : 100%;
}
@media (min-width: 767px) {
.hlav33proc {
width : 45%;
float : left;
margin : 0 20px 35px 0;
}
.hlav33proc img {
max-height : 472px;
width : 100%;
}
}
@media (min-width: 1000px) {
.hlav33proc {
width : 28%;
float : left;
margin : 0 20px 0 0;
}
.hlav33proc img {
max-height : 472px;
width : 100%;
}
}
.homecontainer {
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : space-between;
}
.grid-texty2 {
width : 100%;
max-width : 1520px;
}
.grid-item-texty, .grid-item-texty2 {
border : #d2d2d2 solid 1px;
float : right;
padding : 0 0 10px 0;
margin : 0 15px 20px 0;
border-radius : 4px;
min-height: 290px;
}
.grid-sizer-texty, .grid-item-texty, .grid-sizer-texty2, .grid-item-texty2 {
width : 100%;
}
@media (min-width: 767px) {
.grid-sizer-texty, .grid-item-texty, .grid-sizer-texty2, .grid-item-texty2 {
width : 48%;
}
}
.refer {
margin : 0px 20px 0 20px;
padding: 17px 0 0 0;
}
.obr-provedenil {
width : 220px;
border : 0;
float : left;
margin : 0 15px 15px 0;
}
.obr-provedenip {
width : 220px;
border : 0;
}
.row {
display : flex;
flex-direction : row;
flex-wrap : wrap;
}
.column1 {
width : 95%;
border : #d2d2d2 solid 1px;
border-radius : 4px;
padding : 0 10px 20px 20px;
margin : 0 0 20px 0;
}
.column2 {
width : 95%;
border : #d2d2d2 solid 1px;
border-radius : 4px;
padding : 0 10px 20px 20px;
}
textarea#styled {
max-width : 600px;
height : 120px;
border : #d2d2d2 solid 1px;
padding : 5px;
overflow : hidden;
margin : 5px 0 0 0;
}
@media (min-width: 767px) {
.column1 {
flex : 2.5;
min-width : 290px;
border : #d2d2d2 solid 1px;
border-radius : 4px;
padding : 0 10px 20px 20px;
margin : 0 20px 0 0;
}
.column2 {
flex : 7.5;
flex : 7.5;
border : #d2d2d2 solid 1px;
border-radius : 4px;
padding : 0 10px 20px 20px;
}
textarea#styled {
max-width : 600px;
width : 97%;
height : 120px;
border : #d2d2d2 solid 1px;
padding : 5px;
overflow : hidden;
margin : 5px 0 0 0;
}
}
.tlacitkobigcesta {
background-color : #FF9900;
height : 28px;
width : 284px;
font-weight : bold;
font-size : 17px;
padding : 5px;
color : white;
border : 0;
border-radius : 4px;
margin : 5px 0 10px 0;
float : left;
display : flex;
justify-content : center;
width : 178px;
}
.google-maps {
position : relative;
width : 95%;
max-height : 380px;
}
.column {
padding : 0 20px 0 0;
margin : 0 0 20px 0;
}
@media (min-width: 767px) {
.google-maps {
position : relative;
max-width : 800px;
height: 380px;
}
.column {
flex : 1;
max-height : 480px;
padding : 0 20px 0 0;
max-width : 800px;
}
}

.kontaktyt2 {
float : left;
margin : 0 14px 35px 0;
width : 95%;
text-align : center;
}

@media (min-width: 767px) {
.kontaktyt2 {
float : left;
margin : 0 14px 0 0;
width : 45%;
text-align : center;
}
}
    
.kontaktyt3 {
width : 100%;
border : 0;
max-width : 550px;
}
.cislod2016 {
height : 36px;
float : left;
margin : 14px 10px 0 0;
}
.refer h2 {
color : #6f6f6f;
font-size : 20px;
padding: 5px 0 0 0;
}
@media (min-width: 767px) {
.refer h2 {
color : #6f6f6f;
font-size : 22px;

}
}
.cisloa2016 {
height : 36px;
margin : 0px 12px 0 0;
}

.overlay {
height : 100%;
width : 0;
position : fixed;
z-index : 100;
top : 0;
left : 0;
background-color : rgb(255, 255, 255, 0.8);
overflow-x : hidden;
transition : 0s;
z-index : 108;
}
.overlay-nadcontent {
position : relative;
width : 100%;
text-align : center;
height : 100%;
}
.overlay-content {
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
text-align : center;
display : block;
}
.overlay a {
padding : 8px;
text-decoration : none;
font-size : 36px;
color : #888;
display : block;
transition : 0.3s;
}
.overlay a:hover, .overlay a:focus {
color : #000;
}
.overlay .closebtn {
position : absolute;
top : -32px;
right : 45px;
font-size : 80px;
font-weight : bold;
z-index : 100;
}
.pickerout {
background-image : url(https://slavneobrazy.cz/styl23/grafika/paleta.png);
height : 30px;
background-repeat : no-repeat;
background-size : 30px;
background-position : right;
margin : 13px 0 0 0;
width : 90px;
position : relative;
right : -70%;
display : block;
}
.pickerout2 {
background-image : url(https://slavneobrazy.cz/styl23/grafika/paleta.png);
height : 30px;
background-repeat : no-repeat;
background-size : 30px;
background-position : right;
margin : 0px 0 0 0;
width : 40px;
right : -70%;
display : block;
}
@media (min-width: 767px) {
.pickerout {
background-image : url(https://slavneobrazy.cz/styl23/grafika/paleta.png);
height : 30px;
background-repeat : no-repeat;
background-size : 30px;
background-position : right;
margin : 13px 0 0 0;
width : 90px;
position : relative;
left : 83%;
display : block;
}
.pickerout2 {
background-image : url(https://slavneobrazy.cz/styl23/grafika/paleta.png);
height : 30px;
background-repeat : no-repeat;
background-size : 30px;
background-position : right;
margin : 0 0 0 0;
/*width : 90px;*/
/*position : relative;*/
left : 83%;
display : block;
}
}
.nazevsearch {
width : 100%;
overflow : hidden;
display : inline-block;
text-overflow : ellipsis;
white-space : nowrap;
margin: 5px 0 0 0;
}
.cenatextouttop {
width : 100%;
float : none;
height : 100px;
max-width : 1526px;
margin : auto;
padding : 0 25px 0 25px;
width : 100%;
}
.cenatextop {
position : absolute;
top : 183px;
left : 0;
width : 100%;
margin : auto;
display : flex;
justify-content : center;
flex-wrap : nowrap;
align-items : center;
background-color : #F5F4EC;
height : 70px;
}
.obrcena {
display : block;
padding : 3px 0 0 0;
font-size : 15px;
font-weight : bold;
color : #6f6f6f;
}
.termintop {
top : 0;
left : 0;
}
.tlacitkodivtop {
display : block;
float : right;
position : relative;
top : -56px;
right : 65px;
padding : 3px 0 0 0;
}
.oblibcenatop {
position : relative;
right : -144px;
top : -57px;
float : right;
padding : 3px 0 0 0;
}
.obsahin10 {
display : none;
}
@media (min-width: 767px) {
.obsahin10 {
border-bottom : 1px solid #eee;
margin : 15px auto 36px auto;
width : 100%;
height : 74px;
display : block;
background-color : white;
}
.sticky2 {
position : fixed;
margin : -78px auto 0 auto;
height : 74px;
padding : 15px 0 0 0;
z-index:3;
}
}

.obrazky {
position:relative;
}

@media (min-width: 767px) {
.obrazky {
position:relative;
}
}

@media (min-width: 1014px) {
.obrazky {
position:relative;
}
}

@media (min-width: 1490px) {
.obrazky {
position:relative;
}
}

.obrazky2 {
width:100%;
display:none;
}

@media (min-width: 767px) {
.obrazky2 {
width:100%;
display:block;
z-index:0;
}
}

.obrazkymob {
display:block;
}
@media (min-width: 767px) {
.obrazkymob {
display:block;
}
}

.cislo2023 {
    width: 38px;
    height: 38px;
    background-color: #FF9900;
    border-radius: 50%;
    line-height: 38px;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    margin: 2px 14px 0 0;
    float:left;
}


.last-visible-div {
display:block;
}


.sticky3 {
position : fixed;
height: 4200px;
}

.sticky4 {
position : relative;
left: 80px;
}




/*///////nov· verze v˝pisu obraz˘////////*/

.spodek-item2 {
height : 31px;
background-color : #E3E4FA;
margin : 0 0 -4px 0;
padding : 8px 10px 0 14px;
color : black;
box-shadow: 0px 7px 12px 0 rgb(0 0 51);
}
.spodek-item a {
color : black;
text-decoration : none;
}

.kosikdivik2 {
width : 26px;
height : 26px;
filter : brightness(1);
margin : 8px 0 -8px 0;
}
.sipkakosik2 {
width : 24px;
height : 24px;
filter : brightness(1);
margin : 0 0 -7px 5px;
}

.gridx2 {
z-index : 3;
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 767px) {
.gridx2 {
margin : 0 0 20px 0px;
}
}

.grid-itemx2 {
margin : 0 20px 25px 0;
width : 300px;
height:560px;
background-color : #fff;
z-index : 3;
}

.grid-itemx2:hover {
opacity : 0.8;
}

@media (min-width: 767px) {
.grid-itemx2:hover {
opacity : 1;
}

.grid-itemx2 {
    margin: 0 35px 25px 0;
    width: 352px;
    position: relative;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: center;
}
}

.grid-itemx-image2 {
margin-bottom : -6px;
}

@media (min-width: 767px) {
.grid-itemx-image2 {
margin-bottom : -6px;
box-shadow: 1px 5px 8px 0 rgb(0 0 18);
}
}

.grid-itemx-image2:hover {
filter : brightness(0.7);
}

.grid-itemx2:hover .toppopisnazevx {
opacity : 1;
}
.toppopisx2 {
    color: black;
    width: 100%;
    height: 60px;
    margin: -5px 0 0 0;
}

.toppopisx2 a {
bottom : 26px;
color : black;
text-decoration : none;
}
.toppopisnazevx2 {
font-family : 'Alegreya', serif;
font-weight : normal;
color : black;
font-size : 15px;
text-transform : uppercase;
width : auto;
width : auto;
transition : 0.5s ease;
opacity : 1;
}
.toppopistextx2 {
font-family : 'Source Sans Pro', sans-serif;
font-weight : normal;
color : black;
font-size : 15px;
}
@media (min-width: 767px) {
.toppopisx2 {
    color: black;
    width: 100%;
    height: 60px;
    margin: 5px 0 0 0;
}

.toppopisnazevx2 {
font-size : 17px;
}
.toppopistextx2 {
font-size : 17px;
}
}
.divoblibtop2 {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(grafika/srdce-white-back.png);
    text-decoration: none;
    background-size: 40px;
    float: left;
    border-radius: 4px;
    top: -45px;
    position: relative;
    left: 266px;
    z-index: 1;
        margin-bottom: -19px;
}
.divoblibtop2:hover {
background-image : url(grafika/srdce-black-back.png);
z-index : 1;
}

.divhlaska2 {
width: 225px;
background-color : lightseagreen;
padding : 10px 15px 10px 15px;
z-index : 112;
color : white;
display : flex;
align-content : center;
justify-content : center;
align-items : center;
border-radius : 4px;
position : absolute;
right: 63px;
display : none;
}


.grid-itemx2-obrazek {
    
}

.radekitem {
float:left;
display: flex;
    align-items: flex-end;
    margin: 30px 0 0 0;
}

.autoritem {
font-weight: bold;
color: #666;}

.divoblibtopred2 {
width : 43px;
height : 43px;
background-repeat : no-repeat;
background-image : url(grafika/srdce-red-back.png);
text-decoration : none;
height : 43px;
background-size : 43px;
float : left;
border-radius : 4px;
 top: -45px;
    position: relative;
    left: 266px;
    z-index: 1;
        margin-bottom: -19px;
}
.divoblibtopred2:hover {
background-image : url(grafika/srdce-black-back.png);
}


/////////////////////// verze 3

.spodek-item3 {
height : 31px;
background-color : #E3E4FA;
margin : 0 0 -4px 0;
padding : 8px 10px 0 14px;
color : black;
box-shadow: 0px 7px 12px 0 rgb(0 0 51);
}
.spodek-item3 a {
color : black;
text-decoration : none;
} 

.gridx {
margin : 0 0 20px 0px;
}


.grid-itemx3 {
margin : 0 20px 25px 0;
width : 300px;
z-index : 3;
}

.grid-itemx3:hover {
opacity : 0.8;
}

@media (min-width: 767px) {
.grid-itemx3:hover {
opacity : 1;
}

.grid-itemx3 {
margin : 0 20px 25px 0;
width : 352px;
position : relative;
float : left;
}
}

.sipkakosik3 {
width : 24px;
height : 24px;
filter : hue-rotate(180deg);
margin : 0 0 -7px 5px;
}
.kosikdivik3 {
width : 26px;
height : 26px;
filter : brightness(1);
margin : 8px 0 -8px 0;
}

.grid-itemx-image3 {
width : 300px;
box-shadow: 1px 3px 7px 0 rgb(20 20 20);
}

@media (min-width: 767px) {
.grid-itemx-image3 {
width : 352px;
}
}

.grid-itemx-image3:hover {
filter : brightness(0.7);
}

.grid-itemx3:hover .toppopisnazevx3 {
opacity : 1;
}

.toppopis3 {
position : absolute;
bottom : -10px;
color : #000;
left : -3px;
width : 100%;
height : auto;
}
.toppopis3 a {
position : absolute;
bottom : 26px;
color : #000;
left : 27px;
text-decoration : none;
}
.toppopisnazev3 {
font-family : 'Alegreya', serif;
font-weight : normal;
color : black;
font-size : 18px;
text-transform : uppercase;
width : 100%;
}
@media (min-width: 767px) {
.toppopisnazev3 {
font-family : 'Alegreya', serif;
font-weight : normal;
color : black;
font-size : 22px;
text-transform : uppercase;
width : 100%;
}
}
.toppopisx3 {
position : absolute;
bottom : 8px;
color : #000;
left : 5px;
width : auto;
height : auto;
padding : 10px 8px 8px 0px;
white-space: nowrap;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
@media (min-width: 767px) {
.toppopisx3 {
position : absolute;
bottom : 3px;
color : #000;
left : 5px;
width : auto;
height : auto;
background-color : transparent;
padding : 16px 12px 12px 0px;
white-space: nowrap;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}
}
.toppopisx3 a {
bottom : 26px;
color : #000;
text-decoration : none;
}
.toppopisnazevx3 {
font-family : 'Alegreya', serif;
font-weight : normal;
color : black;
font-size : 15px;
text-transform : uppercase;
width : auto;
width : auto;
transition : 0.5s ease;
opacity : 1;
}
.toppopistextx3 {
font-family : 'Source Sans Pro', sans-serif;
font-weight : normal;
color : black;
font-size : 15px;
}
@media (min-width: 767px) {
.toppopisnazevx3 {
font-size : 17px;
}
.toppopistextx3 {
font-size : 17px;
}
}


@media (min-width: 767px) {
.grid-itemx3:hover .toppopisnazevx3 {
opacity: 0.7;
}

.toppopistextx3:hover {
opacity: 0.7;
}

}


.divoblibtop3 {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(grafika/srdce-black-back.png);
    text-decoration: none;
    background-size: 40px;
    float: left;
    border-radius: 4px;
    top: 39px;
    position: relative;
    left: 282px;
    z-index: 1;
        margin-bottom: -19px;
}
.divoblibtop3:hover {
opacity: 0.7;
}

.divoblibtopred3 {
width : 43px;
height : 43px;
background-repeat : no-repeat;
background-image : url(grafika/srdce-red-back.png);
text-decoration : none;
height : 43px;
background-size : 43px;
float : left;
border-radius : 4px;
    top: 53px;
    position: relative;
    left: 266px;
    z-index: 1;
        margin-bottom: -19px;
}
.divoblibtopred3:hover {
background-image : url(grafika/srdce-black-back.png);
}



.divhlaska3 {
width: 225px;
background-color : lightseagreen;
padding : 10px 15px 10px 15px;
z-index : 112;
color : white;
display : flex;
align-content : center;
justify-content : center;
align-items : center;
border-radius : 4px;
position : absolute;
    right: 52px;
display : none;
}

.divpopisydesktop {
display: none;
}

@media (min-width: 767px) {
.divpopisydesktop {
display: block;
}
}   

.divpopisymobil {
display: block;
order: 7;
}

@media (min-width: 767px) {
.divpopisymobil {
display: none;
}
}   

/* collection*/

.divcollection {
    display: flex;
    width: 330px;
    background-repeat: no-repeat;
    height: 264px;
    margin: 0 0px 20px 0;
    background-size: cover;
    justify-content: space-around;
    box-shadow: 1px 3px 7px 0 rgb(20 20 20);
}

.flex-container-collection {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal;
}

.collectitemobraz {
margin: 0 0 0 0;
}

.collectitem0 {
display: block;
float: left;  
margin: 0 30px 15px 0;
}

.collectitem0, .collectitem1, .collectitem2 {
margin: 15px auto 0px auto;
}

.collectitem1, .collectitem2 {
display: none;
float: left;  
margin: 0 30px 10px 0;
}

@media (min-width: 1167px) {
.collectitem1, .collectitem0 {
display: block;
margin: 0px 30px 10px 0
}
}

@media (min-width: 1480px) {
.collectitem2 {
display: block;
margin: 0px 30px 10px 0
}
}

.collectitem0:hover, .collectitem1:hover, .collectitem2:hover {
filter : brightness(0.7);
}


.popisnazevcoll {
    font-family: 'Alegreya', serif;
    font-weight: normal;
    color: black;
    font-size: 15px;
    text-transform: uppercase;
    width: 330px;
    transition: 0.5s ease;
    opacity: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.popisnazevcoll a, .divcollection a, .collectitem0 a, .collectitem1 a, .collectitem2 a {
color : #000;
text-decoration : none;
}

@media (min-width: 767px) {
.popisnazevcoll {
    font-size: 17px;
}
}

.popisnazevcoll:hover {
opacity: 0.7;
}

.popisautorcoll {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    color: black;
    font-size: 15px;
}

@media (min-width: 767px) {
.popisautorcoll {
    font-size: 17px;
}
}

.popisautorcoll:hover {
opacity: 0.7;
}

.popisautorcoll a {
color : #000;
text-decoration : none;
}

.allitems {
float:none;}

.divcollectimage {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.collectimage {
width:340px;
height: 265px;
 object-fit: cover;
    object-position: top;
 }

.tlacitkomore {
    background-image: url(grafika/arrow-down.png);
    /* border: 2px solid #555; */
    display: block;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 112px;
    width: 120px;
    padding: 9px;
    position: relative;

    color: black;
    font-size: 17px;
    background-color: #eee;
    margin: 0 auto 50px auto;
}

@media (min-width: 767px) {
.tlacitkomore {
    left: calc(50% - 102px);
    margin: 0 0 50px 0;
}
}

.morecollection {
display:none;
margin: 38px 0 20px 0px;
}

.divinfo {
    color: black;
    background-color: #eee;
    padding: 14px;
    margin: 20px 0px 30px 0;
    font-size: 18px;
    width:95%;
}

@media (min-width: 767px) {
.divinfo {
    color: black;
    background-color: #eee;
    padding: 20px;
    margin: 0 50px 20px 0;
    font-size: 20px;
    width:95%;
}
}

.collectitemobal {
width:100%;
display: flex;}

@media (min-width: 767px) {
.collectitemobal {
display: block;
}
}

.popisai-desktop {
display: none;
}

.formai-desktop {
display: block;
    padding-top: 10px;
}

.formai-mobil {
display: block;
}

@media (min-width: 767px) {
.popisai-desktop {
display: block;
}

.formai-desktop {
display: block;
    padding-top: 0px;
}
.formai-mobil {
display: none;
}
}

.itemai {
width: 130px;
margin: 10px 0px 10px 0;

}

.grid-sizer-itemai {
width: 130px;
}
.itemai img {
width: 100%;}

.itemaiprompt {
overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */
  white-space: pre-wrap; /* let the text wrap preserving spaces */ 
}

.itemaipromptodkaz {
text-decoration: none;
color: #aaa;}

.napovedai {
display: none;
}

.vytvorenoai {
display: none;
}

.tlacitkai {
display: block;
    margin-top: 24px;
}
@media (min-width: 767px) {
.napovedai {
display: block;
}
.vytvorenoai {
display: block;
}

.tlacitkai {
display: none;
}
}

.tlacitkoai1 {
background-color: rgb(239, 239, 239);
    color: black;
    padding: 5px 10px 5px 10px;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #767676;
    border-radius: 2px;
    text-align: right;
    
    background-image: url(grafika/help.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 50px;
    background-size: 20px;
}

.tlacitkoai2 {
background-color: rgb(239, 239, 239);
    color: black;
    padding: 5px 10px 5px 34px;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #767676;
    border-radius: 2px;
    width: 74px;
    background-image: url(grafika/edited.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 20px;
}

.tlacitkoai1:hover, .tlacitkoai2:hover  {
background-color: rgb(180, 180, 180);
    
}

.imagehodnoceni {
width:70px;
margin-bottom: 20px;
float:left;
}

.imagehodnoceni img{
width:100%;
}

@media (min-width: 767px) {
.imagehodnoceni {
width:90px;
float:left;
}
}

.imagehodnoceni:hover {
    filter: contrast(0.5);
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

.fade-out {
    animation: fadeOut 0.8s forwards;
}