/*https://www.metmuseum.org/toah/assets/css/styles.css*/
/*
@font-face {
	font-family: 'The Met Serif Web Italic';
	src:url('https://www.metmuseum.org/toah/assets/css/webfont/The Met Serif Web-Italic.eot');
	src:url('https://www.metmuseum.org/toah/assets/css/webfont/The Met Serif Web-Italic.eot?#iefix') format('embedded-opentype'),
		url('https://www.metmuseum.org/toah/assets/css/webfont/The Met Serif Web-Italic.woff') format('woff'),
		url('https://www.metmuseum.org/toah/assets/css/webfont/The Met Serif Web-Italic.ttf') format('truetype'),
		url('https://www.metmuseum.org/toah/assets/css/webfont/The Met Serif Web-Italic.svg#The Met Serif Web Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
  font-family: 'The Met Serif Web-Bold';
  src: url('../fonts/The Met Serif Web-Bold.eot');
  src: url('../fonts/The Met Serif Web-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/The Met Serif Web-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'The Met Serif Web-Semibold';
  src: url('../fonts/The Met Serif Web-Semibold.eot');
  src: url('../fonts/The Met Serif Web-Semibold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/The Met Serif Web-Semibold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'The Met Serif Web-Italic';
  src: url('../fonts/The Met Serif Web-Italic.eot');
  src: url('../fonts/The Met Serif Web-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/The Met Serif Web-Italic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'The Met Serif Web-Roman';
  src: url('../fonts/The Met Serif Web-Roman.eot');
  src: url('../fonts/The Met Serif Web-Roman.eot?#iefix') format('embedded-opentype'),
       url('../fonts/The Met Serif Web-Roman.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LatoBlack';
  src: url('../fonts/Lato-Black.eot');
  src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Lato-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.titUl{text-align:center;}
p{text-align:left;text-indent:10px}
.oddeleni{margin:0px;text-align:center;font:1em The Met Serif Web-Italic !important;letter-spacing:1em;color:#ffffff;border:0px #FF00FF dotted;background-color: #A9A9A9;}
.grid.effect-2 li:hover .oddeleni{background-color: #A1803D;}
.grid.effect-2 li:hover .text.spodni{color: #A1803D;}

a p u{color:red !important;}
.opacity60{margin:0px;padding:0px !important;font-size:1em !important;opacity:60% !important;}
p span{font-size:1em !important;}
.red{color:#780000}
.redMuzeum{color:#BC0926}
li.copy a{color:#6b7381 !important;background:#F9F9F9}
li.copy:hover a{color:#FEE38F !important;background:#300908}
li.copy:hover{background:#300908 !important;color:#FEE38F !important;}
li.copy:hover div.copyright{background:#300908 url("../images/copyright.png") no-repeat 0 -312px;color:#FEE38F !important;}
.copyright{background: url("../images/copyright.png") no-repeat center 0px;border:red}
.copyright:hover{background: url("../images/copyright.png") no-repeat center -312px;}
p.hightplus{line-height:1.5em}
a img.bw {
	filter: grayscale(1) !important;
}

li:hover img.bw,img.lb-image,img.colored {
	filter: grayscale(0) !important;
}

img.bw.grey {
	filter: grayscale(1);
	transition-property: filter;
	transition-duration: 1s;
}


li{margin:12px;padding:20px;}
.negrid ol.podminkyI li{background:#EFEFEF;}
li:hover{background:#ffffff;color:#000000}

li.red{background:#c10909 !important;color:#ffffff}
li.red a{background:#c10909 !important;color:#ffffff !important;}
li.red:hover{background:#ff1a1a !important;color:#ffffff}
li.red:hover a{background:#ff1a1a !important;color:#ffffff !important;}

li.red:hover a img.bw{filter: grayscale(0) !important}

li.goluboj{background:#99CCFF !important;color:#ffffff}
li.goluboj a{background:#99CCFF !important;color:#ffffff !important;}
li.goluboj:hover{background:#00CCFF !important;color:#ffffff}
li.goluboj:hover a{background:#00CCFF !important;color:#ffffff !important;}

li.goluboj:hover a img.bw{filter: grayscale(0) !important}





@media (max-width:500px) {
p{text-align:left}
h1{display: block;text-indent:1100px;overflow:hidden;width:100%;height:70px !important;padding-top:70px !important;font:1.8em The Met Serif Web-Italic !important;text-transform:uppercase;background: url("../images/expert-maly.svg") no-repeat;background-size:100%;border:1px #FF0099}
h1.galerie{display: block;text-indent:1100px;overflow:hidden;width:100%;height:10px !important;font:1.8em The Met Serif Web-Italic !important;text-transform:uppercase;background: url("../images/galerie-cokolady_maly.svg") no-repeat;background-size:100%;border:1px #FF0099}
h1.copyr{height:100px !important;padding:0 !important;}
h2{font-size:1.75em !important;}

	}

h1{display: block;text-indent:900px;overflow:hidden;width:100%;height:185px;padding-top:185px;font:1.8em The Met Serif Web-Italic !important;text-transform:uppercase;background: url("../images/expert-velky.svg") no-repeat;background-size:100%;border:5px #FF0099 !important;}

h1.galerie{display: block;text-indent:1100px;overflow:hidden;width:100%;height:100px;font:1.8em The Met Serif Web-Italic !important;text-transform:uppercase;background: url("../images/galerie-cokolady_velky.svg") no-repeat;background-size:100%;border:1px #FF0099}
h1.copyr{display: block;text-indent:1100px;overflow:hidden;width:100%;height:300px;font:1.8em The Met Serif Web-Italic !important;text-transform:uppercase;background: url("../images/copyright.svg") no-repeat;background-size:100%;border:1px #FF0099 !important;}

sup{font-size:0.5em}



h1 .h1red{color:#790000;font-size:1.2em !important;}

h2{ width: 100%;
    margin:0px;
    padding: 10px;
    font: 2.5em The Met Serif Web-Italic;
    text-align: center !important;
    text-transform: uppercase !important;
    text-indent:1em;color:#A2823D}
    /*h2{text-align:center !important;border:0px solid #FF0099}*/
body.centeres h2{margin-bottom:1em;text-align:center !important;text-indent:0 !important;border:0px solid #FF0099}
body.center p{text-align:left !important;}
.shown h2{margin-top:25px;}

li h3{margin-bottom:0px !important;padding-bottom:0px !important;line-height:0.9em !important;}
h3{margin-bottom:5px}
.cena, h3{font:1.8em The Met Serif Web-Italic !important;}

	h3.center {
		text-align:center !important;border:0px solid red !important;
	}
h4 strong{color:#780000;font:1.2em The Met Serif Web-Italic;}
.kilo h3{font-size:1.1em}
.big{width:97% !important;}
.left .text{text-align:left}
p.text{margin-top:0px;}
.center .text{text-align:center !important;}
.titulek{font-style:oblique;font-size:0.8em;line-height:1 !important;}
.titulek2{color:#ffffff;font:2.25em The Met Serif Web-Italic;line-height:1em !important;}
div.prvnitri{width:1067px;border:0px solid red;}

div.prvnitri div{float:left;width:31%;height:630px;margin:10px 10px 40px 10px;padding:20px;background:#ffffff;}
div.prvnitri div img {outline:none;border:none;display:block;max-width:100%;}

.nahledVelky{position:absolute !important;/*top:0;*/left:0;width:100%;height:100%;margin:0 !important;padding:0 !important;border:none !important;border-radius:4px;z-index:1;}
.nahledVelky img{}
.vysvetlivky1{margin:10px 0 20px 0 !important;font:0.5em The Met Serif Web-Italic;text-transform:none;text-indent:0px}


.grid{border:0px solid lime;}
nav .grid{max-width:59em;font-size:1.25em;text-align:left}
.noticka{position:relative;font-size:0.8em}
.notickaKurziva{color:#aaaaaa;font:0.8em The Met Serif Web-Italic;}
/*.noticka em{color:#4D4D4D;font:1.25em The Met Serif Web-Italic}*/
.noticka h3{position:absolute;float:left;display: inline-block;width:150px !important;}

.noticka.ucet{padding:20px 30px 20px 50px;color:#ffffff;font:1.25em The Met Serif Web-Roman;letter-spacing:0.21em;text-indent:0;background:#780000;border-radius:5px}
.noticka.ucet a{color:#FEE38F !important;}

.noticka a{display: inline-block;
    margin: 0 !important; padding:0 !important;
    border: 0 !important;
    color:#525965 !important;
    font-weight:normal !important;text-indent:0 !important;}
.noticka.vmenu a{display: inline-block;
    margin: 0 !important; padding:0 !important;
    border: 0 !important;
    color:#ffffff !important;
    font-weight:bold !important;text-indent:0 !important;}


p.seznam1{margin:0;text-indent:3em;background-image: url("../images/odrazka.png");background-repeat: no-repeat;background-position: 1em 0.35em; }


.thunderbird{margin-bottom:20px}
.overflow{overflow:auto;width:99%;}
.thunderbird1{}
.thunderbird1b{display:none;}


.paticka{width:99%;font-size:0.6em;} .paragraf{float:left;margin:0 10px 10px 0}
.paticka2{width:99%;font:0.8em The Met Serif Web-Italic;text-align:center}
div.logo-grey{display: inline-block;text-align:center}
img.logo-grey{margin:20px;vertical-align: middle;}




.clr{clear:both}
.clrHr{clear:both;margin-top:10px;border-top:1px solid #ffffff}
.negrid ol.podminkyI li:hover .clrHr{clear:both;border-top:1px solid #000000}
.modelky{display: flex;position:relative;max-width:66em !important;height:27em !important;background:#ffffff url(../images/promo/web-hagia-1-modelky.jpg) no-repeat;background-size: 100%;vertical-align:bottom;text-align:center}


.modelky span{position: absolute;bottom:10px;text-align:center}

.column2{margin:0 0 30px 0;-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;}

.column2 p{width:95%;margin:0 0 5px 0;}
.column2 p strong{color:#525965;font:1.2em The Met Serif Web-Italic;}

#katalogy-main{background:#ffffff url(../images/galerie-cokolady-a-miniatury_dsc_0280.jpg) no-repeat 0 -150px;}


.panelaPerovka{width:286px;height:757px;background:#ffffff url(../images/panela-rapadura_perokresba.jpg) no-repeat 0 0px;}


.vizual{position:relative;width:100%;height:505px;margin:0 0 10px 0;background-size: auto;vertical-align:bottom;text-align:center;border-radius:4px}
#katalogy-skrin-tety-ze-stokravy
{background:#ffffff url(../images/skrin-tety-ze-stokravy_velka_dsc_0528.jpg) no-repeat 0 -50px;}
#katalogy-cokoladove-probuzeni
{background:#ffffff url(../images/katalogy-cokoladove-probuzeni_dsc_2995.jpg) no-repeat 0px -160px;}



#katalogy-posta{position:relative;background:#ffffff url(../images/galerie-cokolad-a-miniatury_posta_dsc_0235.jpg) no-repeat 0 -50px;}
#zlomky-herakleitovy{background:#ffffff url(../images/zlomky-herakleitovy_01.jpg) no-repeat 0 0px;}
#dobre-chutnani-z-tabora-150{background:#ffffff url(../images/dobre-chutnani-z-tabora-150.jpg) no-repeat 0 0px;}
#dobre-chutnani-z-tabora-90{background:#ffffff url(../images/dobre-chutnani-z-tabora-90.jpg) no-repeat 0 -115px;}
#pro-seriozni-hospodyni{background:#ffffff url(../images/pro-seriozni-hospodyni.jpg) no-repeat 0 0px;}
#cokoladove-orisky-boby{background:#ffffff url(../images/cokoladove-orisky-boby.jpg) no-repeat 0 0px;}
#cokoladove-orisky-nibsy{background:#ffffff url(../images/cokoladove-orisky-nibsy.jpg) no-repeat 0 0px;}
#panela-rapadura{background:#ffffff url(../images/panela-rapadura.jpg) no-repeat 0 0px;}
#mazana-od-filipa{background:#ffffff url(../images/je-dulezite-miti-mazanou.jpg) no-repeat 0 0px;}
#kralovska-stoprocentni{background:#ffffff url(../images/kralovska-stoprocentni.jpg) no-repeat -50px -150px;}
#kralovska-jubilejni{background:#ffffff url(../images/kralovska-jubilejni.jpg) no-repeat -50px -150px;}
#kralovska-pro-kralovnu-sladsi{background:#ffffff url(../images/kralovska-pro-kralovnu-sladsi.jpg) no-repeat -50px -150px;}

.seznam{position:absolute;width:90%;}
.seznam li.hodnoty{position:static !important;left:10px !important;float:none;display:list-item;width:100%;margin:0px;padding:0px;color:#000000;text-align:left !important;line-height:1em;list-style-type:disc;opacity:1 !important;}
.nutri{height:320px;text-align:left !important;}
body.mazana .nutri{height:490px;text-align:left !important;}




#katalog-produkty header{padding:0}
#katalog-produkty .grid{margin:0px auto 0 auto !important;padding:0 !important;}
.stextem p{text-align:left !important;}
.textCenter{width:100%;text-align:center !important;}
.zakladniPopis{color:#ffffff;font:1.85em The Met Serif Web-Italic;background:#780000;text-align:center !important;}
.zakladniPopisMensi{color:#ffffff;font:1.2em The Met Serif Web-Italic;line-height:0.95em;background:#780000;text-align:center !important;border-radius:4px}
.zakladniPopisMensi a{color:#FEE38F;font:1.2em The Met Serif Web-Italic;}
.zakladniPopisMensi a:hover{color:#ffffff;font-size:1.5em}

.hneda{color:#ffffff;background:#220E00;}
.hneda2{color:#FEE38F;background:#220E00;}
.zelena{color:#ffffff;background:#336600;}
.hneda P,.hneda2 P,.zelena P{text-align:center !important;text-indent:0 !important;}
.hneda P img,.hneda2 P img,.zelena P img{display:inline !important;}



.banner1{font:1.6em The Met Serif Web-Italic;}
.banner1 a{color:#D4B270;font:1.75em The Met Serif Web-Roman;line-height:1em;text-decoration: underline}
.banner1 a:hover{color:#ffffff}
p.zagram{color:#780000;font:1.85em The Met Serif Web-Italic;text-align:center !important;}
p.posledni{margin-top:15px;color:#780000;font:1.85em The Met Serif Web-Italic;text-align:center !important;}
.obrazekVbloku{position:relative}

.cena span{font:1.75em The Met Serif Web-Roman}
/*P em{color:#780000;font:2.5em The Met Serif Web-Italic}*/
P.trvanlivost em{color:#6B7381;font:1.5em The Met Serif Web-Italic}
.zvyraznit{color:#010101;font:1.5em The Met Serif Web-Italic}
.objednavejte{height:323px;color:#FEE38F;background:#220E00}
.objednavejteMaly{height:150px;color:#FEE38F;background:#220E00}
.objednavejte div{margin-top:-15px !important;}
.objednavejte span,.objednavejteMaly span{color:#ffffff;}
.priklad{color:#B39874;line-height:1.25em}
.priklad strong{font-size:1.5em;line-height:1.25em}
.priklad em{color:#B39874;font-size:1.5em;line-height:1em}
.udaje{height:290px;border:1px solid #c0c0c0;}
.udajeNnizsi{height:230px;border:1px solid #c0c0c0;}
.marginTop-50{margin-top:-20px;}
.marginTop50{margin-top:50px;}
.ean{color:#aaaaaa;text-indent:0 !important;}
.snizena1{max-height:230px}


/*.upper{color:red !important;font-variant-caps: small-caps; font-feature-settings: "dlig" 1;text-align:left !important;}*/
.chronogram strong{font-size:1.05em}

div.nebarvit{position:relative;}
div.vyhodnejsi{position:absolute;right:-1px;bottom:-10px;z-index:99}
div.medajle{position:absolute;right:1px;bottom:0px;width:135px;height:143px;z-index:99;}
div.medajle:hover{width:241px;height:315px;}

div.medajle img{position:absolute;right:-1px;bottom:-10px;z-index:99;}
div.bublina1{display: none;}
div.medajle:hover div.bublina1,div.medajle:hover div.bublina1b{display: block;position:absolute;right:30px;bottom:50px;width:100%;height:100%;background: url(../images/bg_bublina1.png) no-repeat 20px -1px;z-index:99}
div.medajle:hover div.bublina1 P{margin:-10px 16px 20px 36px;padding:0px 5px 5px 5px;color:#000000;font:1em The Met Serif Web-Italic;line-height:0.95em}
div.bublina1 H3{margin:25px 33px 0px 54px;color:#780000;font:1.3em The Met Serif Web-Italic;line-height:0.8em !important;}


div.medajle:hover div.bublina1b P{margin:-15px 16px 20px 36px;padding:0px 5px 5px 5px;color:#000000;font:1em The Met Serif Web-Italic;}
div.bublina1b H3{margin:20px 33px 0px 54px;color:#780000;font:1.3em The Met Serif Web-Italic;line-height:0.8em !important;}



#katalog-titul{position:relative;float:left;}
#jakobjednat #katalog-titul{position:relative;float:right;margin-top:50px;margin-right:50px;}
#katalog-navigace{position:absolute;top:20px;right:20px;float:right;margin:20px 20px 0 0;padding:10px 20px 10px 10px;background-color: rgba(62,9,11,0.7);z-index:999 !important;border-radius:3px;border:1px solid black;}
.tabulky-ajala-top #katalog-navigace{float:left;left:120px;width:350px;background-color: rgba(62,9,11,1.7);}
.tabulky-ajala #katalog-navigace{float:left;left:20px;width:350px;}




#jakobjednat #katalog-navigace{top:-20px;right:20px;float:right;margin:20px 20px 0 0;padding:10px 20px 10px 10px;background-color: rgba(62,9,11,0.7);z-index:999 !important;}



#katalog-navigace ul li{float:none;display:list-item;margin:0 !important;padding:0;width:100%;color:#ffffff;font:1.5em The Met Serif Web-Italic;text-align:left !important;opacity:1;background:none; }
#katalog-navigace ul li a{margin:0;padding:0px;color:#ffffff;font:1em The Met Serif Web-Italic;text-align:left !important;opacity:1;background:none;}
#katalog-navigace ul li a:hover{color:#FEE38F;}

ul.ceny{padding:0px 0px 0px 20px;margin:0 !important;} ul.ceny li{display: list-item;color:#000;width: 99%;opacity:100;padding:0;margin:0;text-align:left;text-indent:0;background:none}
ul.ceny li:hover{display: list-item;color:#780000;width: 99%;opacity:100;padding:0;margin:0;text-align:left;text-indent:0;background:none}


li.mistni{color:#FEE38F !important;}
.spodek{position:absolute;bottom:-10px;z-index:99}
.spodekSkrin{position:absolute;bottom:-10px;z-index:9}
.example-image-link{position:relative}
a.example-image-link.grey.hneda p{color:#B39874}
a.example-image-link.grey.hneda:hover p{color:#ffffff}

#tit-katalog{width:534px;height:128px;background: url(../images/titulek_katalogy.png) no-repeat 20px -1px;vertical-align:bottom;text-align:center}

#katalogy-logo{width:265px;height:133px;background: url(../images/logo_galerie-cokolady-a-miniatury.png) no-repeat 20px -1px;vertical-align:bottom;text-align:center}

#jakobjednat #katalogy-logo{top:80px;width:265px;height:133px;background: url(../images/logo_galerie-cokolady-a-miniatury.png) no-repeat 20px -1px;vertical-align:bottom;text-align:center;}

ul.prehlednyText{margin:0;}
ul.prehlednyText ol{margin:0;display: block;list-style-type: decimal !important;margin-block-end: 1em;margin-left:-2em;padding-inline-start:0px;}
ul.prehlednyText p{margin-bottom:1em;}

.grid.effect-2 .cislicko{float:left;width:1.15em;height:1.15em;margin:-5px -16px 0px 0px;color:#ffffff !important;font:2em The Met Serif Web-Roman !important;background:#780000;border-radius:50%;}
.cislicko{float:left;width:1.15em;height:1.15em;color:#ffffff !important;font:2em The Met Serif Web-Roman !important;background:#780000;border-radius:50%;}
/*.indent0{text-indent:0}*/


#cokoladove-probuzeni,
#skrin-tety-ze-stokravy,
#luxusni-gratulace,
#filcovinky,
#miniatury,
#magnetky
{position:relative;float:left;width:100%;height:350px;border-radius:4px}

a.katalog-bloky{float:left;width:49%;padding:0 !important;
    color:#525965 !important;
    font-weight:normal !important;text-indent:0 !important;border-radius:4px !important;border:none !important;}
a.katalog-bloky:nth-child(odd) {margin:0.5em 20px 0 0px}
a.katalog-bloky:nth-child(1) {margin-top:0.5em !important;}



a.tit-katalog{margin:0px 0 0 0px !important; padding:0 !important;
    border: 0 !important;
    color:#525965 !important;
    font-weight:normal !important;text-indent:0 !important;}

.grid h2{font:2.5em The Met Serif Web-Roman;line-height:0.95em}
.grid li p.text strong{font:1.2em The Met Serif Web-Italic}


.codrops-demos a.katalog-bloky:hover{opacity:1;}
.codrops-demos a.katalog-bloky:hover div.katalog-hlavicka{background-color: rgba(120,0,0,0.7);}



#cokoladove-probuzeni{margin:0px 0 0 0px;background: url(../images/cokoladove-probuzeni_dsc_3001.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}
#skrin-tety-ze-stokravy{margin:0px 0 0 0px;background: url(../images/skrin-tety-ze-stokravy_dsc_0528.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}
#luxusni-gratulace{margin:10px 0 0 0px;background: url(../images/gratulace_dscn_2662.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}
#filcovinky{margin:10px 0 0 0px;background: url(../images/filcovinky_dscn_0311.jpg) no-repeat 0px -80px;vertical-align:bottom;text-align:center}
#miniatury{margin:10px 0 0 0px;background: url(../images/miniatury_dsc_0689.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center;}
#magnetky{margin:10px 0 0 0px;background: url(../images/magnetky_dscn_4060.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}
#zlomky-cokolady-kilo{margin:10px 0 0 0px;background: url(../images/zlomky-cokolady-kilo.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}

/* 末末末 tabulky ajala 末末末末*/

#ajala_tmava-70-procent{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-70-procent.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}

#ajala_tmava-85-procent{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-85-procent.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}

#ajala_tmava-70-procent_rustik{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-70-procent_rustikalni.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}

#ajala_tmava-70-procent_morska-sul{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-70-procent_morska-sul.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}

#ajala_tmava-70-procent_nibsy{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-70-procent_nibsy.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}


#ajala_tmava-70-procent_mandle{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-70-procent_mandle.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}


#ajala_tmava-70-procent_vlasske-orechy{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-70-procent_vlasske-orechy.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}


#ajala_tmava-70-procent_pekanove-orechy{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-70-procent_pekanove-orechy.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}

#ajala_tmava-70-procent_pepr{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-70-procent_pepr.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}

#ajala_tmava-70-procent_chilli{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-70-procent_chilli.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}

#ajala_tmava-70-procent_kava{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-70-procent_kava.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}

#ajala_tmava-70-procent_kvety-a-pomerance{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-70-procent_kvety-a-pomerance.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}


#ajala_tmava-63-procent_maliny-a-pistacie{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-63-procent_maliny-a-pistacie.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}


#ajala_tmava-55-procent_kokosovy-krem{margin:10px 0 0 0px;background: url(../images/cokoladove-probuzeni/velke/ajala_tmava-55-procent_kokosovy-krem.jpg) no-repeat 0px -1px;vertical-align:bottom;text-align:center}













.katalog-hlavicka{height:150px;margin:10px 0 0 0px;padding:20px;color:#ffffff;background-color: rgba(0,0,0,0.5);}
.katalog-pripravujeme{position:absolute;bottom:0;width:519px;height:99px;margin:10px 0 0 0px;padding:20px;background: url(../images/katalog-pripravujeme.png) no-repeat 0px 0px;/*background-color: rgba(0,0,0,0.5);*/border-radius:0 0 4px 4px}

.codrops-demos h2,.codrops-demos h3{text-align:left;line-height:1em !important;}
.codrops-demos h2{margin:0px 0 20px 20px !important;word-spacing: 0.2em;/*font:2em The Met Serif Web-Roman !important;*/}
.codrops-demos .column22 h2{margin:0px 0 20px 0px !important;text-indent: 0em}
.codrops-demos h3{margin:5px !important;font:1.2em The Met Serif Web-Italic;}


.kdoRen,.kdoSeb,.kdoText{float:left;}
.chd21{float:left;}
.kdoRen,.kdoSeb{width:253px}
.kdoText{width:47%;padding-top:20px}

@media (max-width:500px) {
.kdoText{width:100% !important;padding-top:0px;text-align:center !important;border:0px solid lime}
.kdoText P{text-align:left !important;}
.codrops-demos h2,.codrops-demos h3{margin:0px !important;text-align:center !important;text-indent:0px !important;/*font:2em The Met Serif Web-Roman !important;*/}
}

@media (max-width:1000px) {
.kdoText{width:27%;padding-top:0px;}
.kdoText P{text-align:center !important;}
}




.jihlava{width:97%;height:344px;background-image: url("../images/jihlava-ulice-matky-bozi_sbl_23.png");background-repeat: no-repeat;background-size:100%;/*background-position: 1em 0.35em;*/}
.jihlava2{width:97%;height:362px;background-image: url("../images/jihlava-ulice-matky-bozi_sbl_23.png");background-repeat: no-repeat;background-size:100%;/*background-position: 1em 0.35em;*/border-radius:8px;border:0px solid lime}
li.jihlavskyModel{width:97% !important;border:0px solid red}
div.zlataLoga{width:100%;margin-bottom:30px;text-align:center !important;border-bottom:2px solid #C4B18B}
div.zlataLoga img{display:inline-block;margin:0 5px 0 25px; border:0px solid lime}