@font-face {
    font-family: 'Calluna';
    src: url('http://www.cokosperky.cz/css/fonts/Calluna-Regular.eot');
    src: url('http://www.cokosperky.cz/css/fonts/Calluna-Regular.eot?#iefix') format('embedded-opentype'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-Regular.woff') format('woff'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-Regular.ttf') format('truetype'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-Regular.svg#Calluna-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Calluna-Light';
    src: url('http://www.cokosperky.cz/css/fonts/Calluna-Light.eot');
    src: url('http://www.cokosperky.cz/css/fonts/Calluna-Light.eot?#iefix') format('embedded-opentype'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-Light.woff') format('woff'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-Light.ttf') format('truetype'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-Light.svg#Calluna-Light') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Calluna-Italic';
    src: url('http://www.cokosperky.cz/css/fonts/Calluna-It.eot');
    src: url('http://www.cokosperky.cz/css/fonts/Calluna-It.eot?#iefix') format('embedded-opentype'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-It.woff') format('woff'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-It.ttf') format('truetype'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-It.svg#Calluna-It') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Calluna-Semibold-Italic';
    src: url('http://www.cokosperky.cz/css/fonts/Calluna-SemiboldIt.eot');
    src: url('http://www.cokosperky.cz/css/fonts/Calluna-SemiboldIt.eot?#iefix') format('embedded-opentype'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-SemiboldIt.woff') format('woff'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-SemiboldIt.ttf') format('truetype'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-SemiboldIt.svg#Calluna-SemiboldIt') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Calluna-Bold';
    src: url('http://www.cokosperky.cz/css/fonts/Calluna-Bold.eot');
    src: url('http://www.cokosperky.cz/css/fonts/Calluna-Bold.eot?#iefix') format('embedded-opentype'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-Bold.woff') format('woff'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-Bold.ttf') format('truetype'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-Bold.svg#Calluna-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Calluna-Bold-Italic';
    src: url('http://www.cokosperky.cz/css/fonts/Calluna-BoldIt.eot');
    src: url('http://www.cokosperky.cz/css/fonts/Calluna-BoldIt.eot?#iefix') format('embedded-opentype'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-BoldIt.woff') format('woff'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-BoldIt.ttf') format('truetype'),
         url('http://www.cokosperky.cz/css/fonts/Calluna-BoldIt.svg#Calluna-BoldIt') format('svg');
    font-weight: normal;
    font-style: normal;

}



header.prvni {width:auto;height:350px}
#header .inner{text-align:center !important;}

#page-wrapper{background:#ffffff;}

#logo{width:320px !important;height:170px !important;text-transform:uppercase;background: url(http://www.galeriecokolady.cz/obrazky/logo_galeriecokolady_01.png) no-repeat left top;}
 h1#logo{overflow:hidden;}
 h1#logo span{display: none;text-indent:1000px !important;}

.vpravo{float:right}
.vlevo{float:left;margin-right:20px}
.h1Mini{font-size:0.5em}
.prvni2 {
    position:absolute;
    width:550px;height:100px;margin-left:-7%;/*margin-right:15%;*/




    padding: 0px 0 0 100px;
    color: #ffffff;
    font: 1.5em Calluna-Italic;
    text-indent: 0px;
    text-align: left;
    line-height: 1.5em !important;
    background: url(http://www.galeriecokolady.cz/obrazky/bg_prvni2.png) no-repeat left top;
}



.prvni3 {width:100%;height: 13px;background: url(http://www.galeriecokolady.cz/obrazky/bg_prvni3.png) no-repeat center;
		position: relative;
		display: block;
		border: 0 !important;
		top: 4.5em;
		margin-bottom: 9em;box-shadow:none !important;
}

.prvni2 span.none, .none {
    display: none;
}

#banner p.podpis{
    margin-top:2em !important;font:0.8em Calluna-Italic;}
.bordura-pomenka{width:100%;height:100px;background: url(http://www.galeriecokolady.cz/background/bg_nibsy_01.png) repeat-x center !important;


 /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
  opacity: 0.25;*/

      }

.history{padding:20px !important;}
.history p{font: 0.9em Calluna-Italic;text-align:center}
.history H3{text-transform:uppercase}
			h3.budik {
				font-size: 1em!important;
			}
.uzNe{padding: 30px;
color: #ffffff;
font: 2.2em Andulka;
text-transform: uppercase;
text-align: center !important;
background: #000000;}
.uzNe span {
    color: #950606;
    font: 1em AndulkaBoldItalic !important;}

@media (max-width:440px){
.uzNe{padding: 30px;
color: #ffffff;
font:1.8em Andulka;
text-transform: uppercase;
text-align: center !important;
background: #000000;}

.uzNe span {
    color: #950606;
    font: 1em AndulkaBoldItalic !important;}
}


@media (max-width:350px){
.uzNe{padding: 30px;
color: #ffffff;
font:1.2em Andulka;
text-transform: uppercase;
text-align: center !important;
background: #000000;}

.uzNe span {
    color: #950606;
    font: 1em AndulkaBoldItalic !important;}
}






.cafeBudik {display: inline-block;width:605px;height:368px;
    background: #000000;text-align:center !important;}
.cafeBudik2 {

    width: 100%;padding:30px;
    color: #ffffff;text-align:center !important;
}
.cafeBudik2 p {text-align:center !important;
}



.cafeBudik3 {
    float: left;
    width: auto;
    background: #ffffff;
}

.budicky{display: inline-block;width:605px;height:368px;background: url(http://www.galeriecokolady.cz/obrazky/ilustrace_budicky-hagia-pro-cafebudik_01.jpg) repeat-x 0px 0px !important;}
.pralinky1,.cafeBudik{display: inline-block;}




@media (max-width:490px){
.budicky,.cafeBudik  {width:100% !important;background-size:auto,100% !important;background-position:-130px 0px !important;}
}

.sperkBox {

    margin:20px;
    padding: 11px;
    background: #ffffff;
}

@media (max-width:1010px){
.sperkBox {
    float:none;
    margin: 0;
    padding: 11px;
    background: #ffffff;
}
}


@media (max-width:900px){
.history article.col-4.col-12-mobile.special.ctyrka {
    width:50% !important;
}
}
@media (max-width:490px){
.history article.col-4.col-12-mobile.special.ctyrka {
    width:100% !important;
}
}




.borduraNibsy{width:100%;height:260px;background: url(http://www.galeriecokolady.cz/background/bg_nibsy_01.png) repeat-x 0px 0px !important;}
.borduraNibsy2{width:100%;height:260px;background: url(http://www.galeriecokolady.cz/background/bg_nibsy_01.png) repeat-x 150px 0px !important;}
.borduraNibsy3{width:100%;height:260px;background: url(http://www.galeriecokolady.cz/background/bg_nibsy_01.png) repeat-x 400px 0px !important;}
.borduraNibsy4{width:100%;height:260px;background: url(http://www.galeriecokolady.cz/background/bg_nibsy_01.png) repeat-x 700px 0px !important;}




.carousel header{height:50px}
.carousel header H3{text-transform:uppercase}
.carousel article p.text{font:1em Calluna-Italic;}

.carousel.carousel1{background: url(http://www.galeriecokolady.cz/background/bg_handpaper_01.png) repeat center !important;}
.carousel.carousel1 .image img{display:inline-block !important;width:auto !important;}
.carousel.carousel1 .image.featured{width:100%;height:115px;text-align:center}/*seb*/

/*.carousel.carousel1 .image.featured{top: 35px;height:180px;border-radius:5px !important;}seb*/


.carousel.carousel1 article figure{display: block;overflow:hidden;height:230px !important;}


img.ruka{vertical-align:baseline}
/*@media (min-width:1100px){
img.ruka,.navigace1{display:none !important;}
}*/


.carousel.akce figure{display: block;overflow:hidden;height:100px !important;}
.carousel.flotila figure{display: block;overflow:hidden;height:220px !important;}


.carousel .reel{vertical-align:top;}
.image.featured img{width:100% !important;border-radius:5px !important;}
@media (max-width:1150px){
.image.featured img{width:100% !important;margin:0 !important;}
}


.carousel.carousel1 article{top:0 !important;background:none !important;}


.pictogramy .image.fit img{width:100%;height:auto}


.button.circled.scrolly{border-radius:0% !important;
    width: 312px !important;
    height: 148px !important;
    line-height: 4.5em;
    text-align: center;
    font-size: 1.25em;
    padding: 0;
    background:none !important;
}

.mensi1{font-size:1.2em !important;}
.obrazekvtextu{width:90% !important;height:auto;padding:10px;background:#ffffff;border:1px solid #EAB47E;}
.divVtextu{width:100%;padding:0 0 20px 0;text-align:center}



.handd:hover {
    padding-bottom: 50px;
    background: url(http://www.galeriecokolady.cz/obrazky/bg_ruka.png) no-repeat 90px bottom;
}

.clr{clear:both;height:1px}
#main.container.special H2,#main.container.special H3{margin:1.5em 0 1em 1em;text-transform:uppercase}
#main.container.special H2:first-child,#main.container.special H3:first-child{margin:0em 0 1em 1em !important;}

#main.container.special p.text{font:1.15em Calluna-Italic;text-align:left}
#main.container.special p.text2{font:1em Calluna;line-height:1.2em;text-align:left;}
#main.container.special p.radeksinicialou::first-letter {float:left;margin-left:0.532em;font-size:2em;color:#780000  }
.myty1 p.textIt.radeksinicialou:first-letter {float:left;margin-left:0.532em;font-size:0.5em;color:#780000  }



#main.container.special .image.featured{text-align:center !important;}
#main.container.special .image img {display:inline-block;width:100% !important;max-width:900px;height:auto}
.velkyObraz img {display:inline-block;width:100% !important;max-width:900px !important;height:auto}

.obraz{width:100%;text-align:center}
.velkyObraz {display:inline-block;width:100% !important;height:auto;padding:30px;text-align:center}
.velkyObraz img{padding:50px;border:1px solid #cccccc;}

.effect7
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}



#main.container.special.coJe{margin:0px;padding:60px;background: url(http://www.galeriecokolady.cz/background/bg_chocolate_02.jpg)  repeat-y;background-size:100% !important;color:#431700;}



#main.container.special.coJe H2{margin:0px;font:1.7em Calluna;color:#780000;line-height:1.2em;text-align:center;text-transform:uppercase;text-indent:0em}
#main.container.special.coJe H2:first-child{margin:0em 0 1em 1em !important;}
#main.container.special.coJe p.text{font:1em Calluna;line-height:1.2em;text-align:left;text-transform:uppercase;text-indent:0.1em;}
#main.container.special.coJe  p.textIt{font:1.15em Calluna-Italic;text-align:left}
#main.container.special.coJe img.max{width:100%;max-width:900px;height:auto}


.carousel H2{width:100%;margin:0 0 20px 0;color:#9c781a;font-size:2em;text-align:center;text-transform:uppercase}
.carousel H3{font-size:1em;text-align:center;text-transform:uppercase}
.carousel H3 a{color:#9C781A}.carousel H3 a:hover,.carousel article:hover H3 a{color:#780000}
.carousel article:hover p{color:#000000}
.carousel p{font:1em Calluna-Italic !important;text-indent:0px !important;text-align:center}
.carousel p strong{font-family:Calluna-Semibold-Italic}


#footer .container .contact{text-align:center;}
.jsmeSlusni{display: inline-block;width:100%;/*max-width:500px;*/font:0.8em Calluna-Italic;text-align:center;text-indent:0px !important}
section.contact{text-align:center}
.fuckcukrbuk{display: inline-block;
    width: 100%;
    /* height: 350px; */
    padding: 0px 0 30px 0 !important;color:#ffffff;text-align:center}
.custom_fuckcukrbuk {
    display: inline-block;
    width: 98%;
    padding: 20px !important;
    color: #ffffff;
    background: #4267B2;
    border-radius: 5px;
}



.logolink{display: inline-block;width:90%;max-width:400px;padding:10px;color:#000000;font:1em Calluna;background:#ffffff;}
.logolink strong{color:red;background:#ffffff;}


.oddil1{padding:0px}



    .row .col-4.ctyrka{width:25%;}


    .row .col-4.textos{width:29.5%;}
    .row .col-4.textos ul.divided.prvnisloupec li{padding-left:20px}



		.row .col-4.pictos{width:40%;}
    .row > .col-6 {width: 33.3333% !important;}







.wrapper.style2.wrapper1{margin:1em;padding:1em;background:none;}

.iniciala{float:left}
.galerieIniciala{display:none}
.radeksinicialou{text-indent:0px}
DIV.ocokolade,DIV.ogalerii{float:left;width:49%;padding:10px}

article#main p{padding:0 1em 0 1em;font-size:1.2em}
.vlajkovaLod article{height:550px;}
a.ruka{text-decoration:none !important;border:none !important;}
.levySloupec{float:left;width:25%;padding-right:10px;}

@media (max-width:1200px){
.levySloupec{float:left;width:45%;padding-right:10px;}
}
@media (max-width:800px){
.levySloupec{float:left;width:100% !important;padding-right:10px;}
}

.velikonocniBanner{color:#ffffff !important;background:#190606 !important;}
.velikonocniBanner H2{color:#FEE48E !important;}

.column2{width:100%;}

.cokohratkyMain h3{color:#ffffff}
.cokohratkyJak,.cokohratkyKolik{float: left !important;
width:48%;
height: auto !important;
margin:10px !important;
padding: 20px !important;
color: #ffffff;
border-radius: 5px;}
.cokohratkyJak{background: #341F0C;}
.cokohratkyKolik{background: #B1C345;}
@media (max-width:1200px){
.cokohratkyJak,.cokohratkyKolik{float:none;
width:100%;
margin:10px 0 10px 0 !important;}
}


@media (min-width:700px){
.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;}
}



@media (min-width:1000px){
.column2{margin:0 0 30px 0;-moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	column-count: 3!important;
	column-gap: 10px;
  display: table-cell;
    vertical-align: top;}
}

@media (min-width:1400px){
.column2{margin:0 0 30px 0;-moz-column-count:4;
	-moz-column-gap: 10px;
	-webkit-column-count:4;
	-webkit-column-gap: 10px;
	column-count:4;
	column-gap: 10px;
  display: table-cell;
    vertical-align: top;}
}

@media (min-width:1400px){
body.pravda .column2{margin:0 0 30px 0;-moz-column-count:3;
	-moz-column-gap: 10px;
	-webkit-column-count:3;
	-webkit-column-gap: 10px;
	column-count:3;
	column-gap: 10px;
  display: table-cell;
    vertical-align: top;}
}

.column3{margin:0 0 30px 0;-moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	column-count: 3;
	column-gap: 10px;
  display: table-cell;
    vertical-align: top;}

@media (max-width:1200px){
.column3{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;
  display: table-cell;
    vertical-align: top;}
}
@media (max-width:800px){
.column3{margin:0 0 30px 0;-moz-column-count:1;
	-moz-column-gap: 10px;
	-webkit-column-count:1;
	-webkit-column-gap: 10px;
	column-count:1;
	column-gap: 10px;
  display: table-cell;
    vertical-align: top;}
}
p.image.fit{margin:0;padding:0;text-indent:0}


.moduletable_copyRight {display:inline-block;width: 100%;/* height: 350px; */padding: 0px 0 30px 0 !important;
    color: #000000;text-align:center;
    background: none repeat scroll 0% 0% transparent;
    border-radius: 5px;
}

@media (max-width:499px){
.custom_copyRight .copy1 p,.custom_copyRight .copy2 p{text-align:center;text-indent:0;}
.custom_copyRight .imgLic{width:80%;height:auto;}
}



.custom_copyRight {display: inline-block;width:98%;padding: 20px !important;color:#ffffff;background:#780000;border-radius:5px;}
.custom_copyRight .plast{}


.copy1.column2{width:68%}


.copy1, .copy2, .license {
    float: left !important;
    text-align: left;
}
.copy1 p:first-child{margin-left:20px;text-indent:0}

.copy1, .copy2{
    padding:10px
}
.license {
    height:auto;
    margin-top: 0;
    padding: 20px;color:#ffffff;
    background: #000000;
    border-radius: 5px;
}
.imgLic{margin-top:15px}

@media (max-width:760px){
.imgLic{width:90%;height:auto}
}
@media (max-width:499px){
.imgLic{width:100%;height:auto}
}




.moduletable_copyRight H2 {width:100%;color:#000000;font:3em Calluna-Italic;text-align:center;}



.bigboard{width:100%;}
.bigboard img{width:100%;height:auto}

/***************** MINIATURY ***********************/

.moduletable_Miniatury {
    display: block;
    width: 100%;
    /* height: 350px; */
    padding: 0px 0 30px 0 !important;
    color: #000000;
    background: none repeat scroll 0% 0% transparent;
    border-radius: 5px;border:1px solid lime;
}
.custom_Miniatury header,.custom_Cukrarnicka header{
    display: block;
    background:#ffffff;
    text-align:center;
    border-radius: 5px;
}
.custom_Miniatury .column2,.custom_Cukrarnicka .column2,
.custom_Miniatury header,.custom_Cukrarnicka header
{padding:20px;}
.custom_Cukrarnicka figure div.column2{width:100%}
.custom_Miniatury figure,.custom_Cukrarnicka figure{width:100%;
    font:1em Calluna-Light;
    text-align:center;
    border-radius: 5px;
}
.custom_Miniatury figure div.column2,.custom_Cukrarnicka figure div.column2{column-gap:50px;}
.titulekTajemstvi2{display: block;width:100%;height:auto}
.titulekTajemstvi1{display:none}
.custom_Cukrarnicka header{text-align:center}
.titulekNastred{width:100%;text-align:center}


@media (min-width:1250px){
.custom_Cukrarnicka figure div.column2{display:inline-block;width: 100%;max-width:1191px;}
}



@media (min-width:1085px){
.custom_Cukrarnicka figure div.column2{width: 100%;margin:0 0 30px 0;-moz-column-count:3;
	-moz-column-gap:30px;
	-webkit-column-count:3;
	-webkit-column-gap:30px;
	column-count:3;
	column-gap:30px;
    vertical-align: top;}
}

@media (min-width:750px){

    .titulekTajemstvi1{display:none}
    .titulekTajemstvi2{display: inline-block;width:70%;max-width:680px;height:auto;margin:0;}

}

@media (max-width:500px){

    .titulekTajemstvi2{display:none}
    .titulekTajemstvi1{display: inline-block;width:70%;margin:0;height:auto}

}

@media (max-width:550px){
.custom_Cukrarnicka figure div.column2{width: 100%;margin:0 0 30px 0;
-moz-column-count:1;
	-moz-column-gap:30px;
	-webkit-column-count:1;
	-webkit-column-gap:30px;
	column-count:1;
	column-gap:30px;
  display: table-cell;
  vertical-align: top;}

}




.custom_Miniatury header P,.custom_Cukrarnicka header P{font:1.2em Calluna-Italic;text-align:center;}
.custom_Miniatury header H2,.custom_Cukrarnicka header H2{padding-bottom:20px;color:#9c781a;text-transform:uppercase;}
.custom_Miniatury p.big1,.custom_Cukrarnicka p.big1{font:1.5em Calluna-Light;text-transform:uppercase;}



.moduletable_Miniatury h3 {
    padding-left: 30px;

    text-align: left;
}

/***************** MINIATURY KONEC ***********************/

article.navigace1 {vertical-align:top !important;}
article.navigace1 header {height:30px;color:#000000;font:0.9em Calluna-Italic;text-align:center}
.carousel.akce article.navigace1 figure {height:129px !important;}
.black{color:#000000}


/** Trojka **/

.trojka header,.trojka figure{padding:0 20px 0 20px}
.trojka figure p{font:0.9em Calluna-Italic;text-align:center}
.trojka figure p strong{color:#000000;font:1em Calluna;}

.trojka H3{color:#9c781a;text-transform:uppercase}



.citace{font:0.9em Calluna-Italic;}
.columnis {
    float: left;
    width: 40%;
    height: 740px;
    margin: 51px;
    text-align: left;}



@media (max-width:900px){
.columnis {
        float: left;
    width: 100%;
    height: auto;
    margin: 10px 30px 60px 10px;
    text-align: left;}
}

@media (max-width:450px){
.columnis{text-align:center;padding:20px}
}

@media (max-width:450px){
.columnis .vlevo{float: none;}
}




.columnis p{margin:10px;}
.columnis h3{margin:30px 0 20px 0;font-size:1.5em;text-transform:uppercase}


/*** KONTAKTY ***/
.kontakty,.kontakty2,.kontakty3{}


#kontakty {width:100%;
    display: block;
    margin:50px 0px 50px 0px;
    padding: 30px;
    color: #ffffff;
    font: 1em Calluna;
}

#kontakty H3{padding:10px;font:3em Calluna-Italic;}
#kontakty a{color:#ce8b41;font: 1em Calluna-Italic;}
#kontakty a:hover{color:#fee38f;}
.zaKur{font-size:0.8em}
.nez{font:1.8em Calluna-Italic;}
.kontakty {
    width:100%;
    vertical-align: top;
}
.kontakty2,.kontakty22, .kontakty3 {
    display: block;
    float: left;
    text-align: left;font:1.5em Calluna;
}
.kontakty2 {width:37%;padding:0 20px 0 0}
.kontakty3 {width:63%;}


@media (min-width:1520px){
.kontakty H3{text-align:left;
}
.kontakty2{font-size:1.4em !important;}
}

@media (min-width:801px){
.kontakty2, .kontakty22 {width:50%;}
    .kontakty3 {width:50%;}
    }

@media (max-width:800px){
.kontakty2, .kontakty22, .kontakty3 {width:100%;}
}


@media (min-width:1220px){
.kontakty2, .kontakty22 {width:30%;}
    .kontakty3 {width:70%;}
    }




.mapobraz  {width:100%;height:670px;background: url(http://www.galeriecokolady.cz/obrazky/tabor-mapa_sebastian-baldrian-lomenski-2015.png) no-repeat right bottom;}

@media (max-width:555px){
.mapobraz{width:100%;height:500px;background-size:auto,100%;}
    }


/*.kontakty2:hover, .kontakty3:hover {
    width:100%;font-size:2em;
    text-align: left;
}*/

.kontakty2 h4:first-child {
    font: 2em Calluna-Bold;
}

.kontakty2 h4 {
    margin: 0 0 20px 0;
}
.kontakty2 h4 {
    margin: 0 0 20px 0;
}
.kontakty3 {overflow:hidden;
    padding: 10px;
    background: #ffffff;
    border-radius: 5px;
}

.kontakty3 img {float:right;width:100%;max-width:941px;height:auto;}

@media (max-width:550px){
.kontakty3 img{
    width:205%;
}

}

.hlava{color:#A68633 !important;}
.col-4.col-12-mobile{text-align:center}

@media (min-width:1500px){
.custom_copyRight{display:inline-block;font-size:1.4em;text-align:center !important;}
}
@media (min-width:1500px){
.custom_copyRight .plast{display:inline-block;width:80%}
}




@media (min-width:1700px){
.col-4.col-12-mobile.textos{width:22%;}
.col-4.col-12-mobile.textos.myty{width:20%;}
.col-4.col-12-mobile.pictos{width:50%;}
.col-4.col-12-mobile.pictos .row > .col-6 {width:20% !important;}
.kali{margin-left:65px;}
.col-4.col-12-mobile.textos .hlava{font-size:2em}
}
@media (max-width:1699px){
.col-4.col-12-mobile.textos .hlava{font-size:1.2em}
}
@media (max-width:1050px){
.col-4.col-12-mobile.textos .hlava{font-size:1.4em}
}









.povinneUdaje{display: inline-block;width:50%;max-width: 900px;height: auto;padding:20px 40px 20px 40px !important;border:1px solid #cccccc;}
.center{text-align:center !important;text-indent:0;}

@media (max-width:1200px){.povinneUdaje{width:80%}
}
@media (max-width:1000px){.povinneUdaje{width:100%}
}

@media (max-width:400px){.povinneUdaje{padding:20px 0px 20px 0px !important;}
}




.povi{
    display: inline-block;
    width: 100% !important;
    height: auto;
    padding: 30px;
    text-align: center !important;}

.povinneUdaje ul{padding:30px;text-align: left}











@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600");
@import url("font-awesome.min.css");









/*
	Helios by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

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

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

body {
	font-family: Calluna;line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

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

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

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

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

html {
    /* Whatever you want */
}
/*
body.homepage{
background-image: url("http://www.galeriecokolady.cz/background/bg_homepage.jpg");
}



*/
	#header {
		position: relative;
		background-size: cover;
		background-position: center center;
		background-attachment: fixed;
		color: #fff;
		text-align: center;
		padding: 7.5em 0 2em 0;
		cursor: default;
	}
body.hlavnistrana	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_homepage.jpg");}
body.pravda	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_pravda-o-cokolade_01.jpg");}
body.ajala	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_ajala_01.jpg");}
body.povinne	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_legislativa_01.jpg");}
body.muzeumBudik	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_galerie-cokolady_00.jpg");}
body.dilnicka	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_dilnicka_02.jpg");}
body.galerieProc	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_o-galerii-cokolady_02.jpg");}
body.mytyOcoko	#header {background-image: url("http://www.galeriecokolady.cz/background/15364557365_510cfcbd83_o.jpg");}
body.cokosperk	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_mandle_01.jpg");}
body.cteni	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_autorske-cteni_01.jpg");}
body.informace	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_tabor_01.jpg");}
body.tvoreni	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_cokohratky_01.jpg");}
body.creativity	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_creativity_01.jpg");}
body.kurzy-pro-deti	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_creativity_02.jpg");}
body.pralinko	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_pralinko-nezlob-se.jpg");}
body.kostelik	#header {background-image: url("http://www.galeriecokolady.cz/background/bg_spitalska-ulice_01.jpg");background-position: 100% 10% !important;}

h2.cokosperk{font-size:2.8em !important;}
img.titulekDilnicka{max-width:649px !important;}
.myty1{text-align:left}

body.homepage,body.pravda{
		position: relative;
      background-size:cover;

		background-position: center center;
		background-attachment: fixed;
}


#header h2
{color:#ffffff;font:3em Calluna;line-height:1.2em;text-align:center;text-transform:uppercase}




	body {
		}
		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	input, textarea, select {
		font-size: 15pt;
		line-height: 1.85em;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
	}

	h1, h2, h3, h4, h5, h6 {

		color: #483949;font-family: Calluna;font-weight: 400;
		line-height: 1.25em;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: inherit;font-family: Calluna;
		text-decoration: none;
		border-bottom-color: transparent;
	}

	h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
		font-weight: 600;
	}

	h2 {
		font-size: 2.85em;
	}

	h3 {
		font-size: 1.25em;
	}

	h4 {
		font-size: 1em;
		margin: 0 0 0.25em 0;
	}

	strong, b {
		font-weight: 400;
		color: #483949;
	}

	em, i {
		font-style: italic;
	}

	a {
		color: inherit;
		border-bottom: solid 1px rgba(128, 128, 128, 0.15);
		text-decoration: none;
		-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	}

		a:hover {
			color: #9C781A /*SBL*/;
			border-bottom-color: transparent;
		}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	blockquote {
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	p, ul, ol, dl, table {
		margin-bottom: 1em;
	}

	p {
		text-align: left /*SBL*/;text-indent:1em
	}
	p.header {text-align: center !important;text-indent:0em !important;}/*SBL*/	}



	br.clear {
		clear: both;
	}

/*	hr {
		position: relative;
		display: block;
		border: 0;
		top: 4.5em;
		margin-bottom: 9em;
		height: 6px;
		border-top: solid 1px rgba(128, 128, 128, 0.2);
		border-bottom: solid 1px rgba(128, 128, 128, 0.2);
	} změna SBL*/

		hr:before, hr:after {
			content: '';
			position: absolute;
			top: -8px;
			display: block;
			width: 1px;
			height: 21px;
			background: rgba(128, 128, 128, 0.2);
		}

		hr:before {
			left: -1px;
		}

		hr:after {
			right: -1px;
		}

	.timestamp {
		color: rgba(128, 128, 128, 0.75);
		font-size: 0.8em;
	}
.myty	.timestamp {line-height: 1em;	}


/* Container */

	.container {
		margin: 0 auto;
		max-width: 100%;/*text-align:center;
		width: 1400px; SBL*/
	}

		@media screen and (max-width: 1680px) {

			.container {
			/**	width: 1200px; SBL*/
			}

		}

		@media screen and (max-width: 1280px) {

			.container {
				width: 100%;
			}

		}

		@media screen and (max-width: 1220px) {

			.container {width: 100%;}
        .obraz img{width:100%;height:auto}


		}

		@media screen and (max-width: 960px) {

			.container {
				width: 100%;
			}

		}
		@media screen and (max-width: 840px) {

			.container {
				width: 100%;      }
        DIV.ocokolade,DIV.ogalerii{float:none !important;width:100% !important;padding:10px !important;}



		}

		@media screen and (max-width: 826px) {

   		.row .col-4.pictos{width:100% !important;}
    .row .col-4.textos{width:50% !important;}/*SBL*/



		}


		@media screen and (max-width:840px) {
		.row > .col-4.trojka {
			width:100% !important;
		}/*SBL*/
		}

		@media screen and (min-width:841px) {
		.row > .col-4.trojka {
			width:33.3333333% !important;
		}/*SBL*/
		}

		@media screen and (max-width: 736px) {

			.container {
				width: 100%;
			}

		}

/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.3333333333%;
		}

		.row > .off-1 {
			margin-left: 8.3333333333%;
		}

		.row > .col-2 {
			width: 16.6666666667%;
		}

		.row > .off-2 {
			margin-left: 16.6666666667%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .off-3 {
			margin-left: 25%;
		}



		.row > .off-4 {
			margin-left: 33.3333333333%;
		}

		.row > .col-5 {
			width: 41.6666666667%;
		}

		.row > .off-5 {
			margin-left: 41.6666666667%;
		}

		.row > .col-6 {
			/*width: 50%; SBL*/
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.3333333333%;
		}

		.row > .off-7 {
			margin-left: 58.3333333333%;
		}

		.row > .col-8 {
			width: 66.6666666667%;
		}

		.row > .off-8 {
			margin-left: 66.6666666667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.3333333333%;
		}

		.row > .off-10 {
			margin-left: 83.3333333333%;
		}

		.row > .col-11 {
			width: 91.6666666667%;
		}

		.row > .off-11 {
			margin-left: 91.6666666667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0px;
			margin-left: 0px;
		}

			.row.gtr-0 > * {
				padding: 0px 0 0 0px;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0px;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0px;
				}

		.row.gtr-25 {
			margin-top: -10px;
			margin-left: -10px;
		}

			.row.gtr-25 > * {
				padding: 10px 0 0 10px;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -10px;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 10px;
				}

		.row.gtr-50 {
			margin-top: -20px;
			margin-left: -20px;
		}

			.row.gtr-50 > * {
				padding: 20px 0 0 20px;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -20px;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 20px;
				}

		.row {
			margin-top: -40px;
			margin-left: -40px;
		}

			.row > * {
				padding: 40px 0 0 40px;
			}

			.row.gtr-uniform {
				margin-top: -40px;
			}

				.row.gtr-uniform > * {
					padding-top: 40px;
				}

		.row.gtr-150 {
			margin-top: -60px;
			margin-left: -60px;
		}

			.row.gtr-150 > * {
				padding: 60px 0 0 60px;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -60px;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 60px;
				}

		.row.gtr-200 {
			margin-top: -80px;
			margin-left: -80px;
		}

			.row.gtr-200 > * {
				padding: 80px 0 0 80px;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -80px;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 80px;
				}


		@media screen and (max-width: 625px) {

  .row .col-4.pictos{width:100% !important;}
    .row .col-4.textos{width:100% !important;}/*SBL*/
			}
			}


@media screen and (max-width: 600px)
.row.gtr-25 > * {
    width:100% !important;
    padding: 10px 0 0 10px;
}


		@media screen and (max-width: 1680px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-wide {
					order: -1;
				}

				.row > .col-1-wide {
					width: 8.3333333333%;
				}

				.row > .off-1-wide {
					margin-left: 8.3333333333%;
				}

				.row > .col-2-wide {
					width: 16.6666666667%;
				}

				.row > .off-2-wide {
					margin-left: 16.6666666667%;
				}

				.row > .col-3-wide {
					width: 25%;
				}

				.row > .off-3-wide {
					margin-left: 25%;
				}

				.row > .col-4-wide {
					width: 33.3333333333%;
				}

				.row > .off-4-wide {
					margin-left: 33.3333333333%;
				}

				.row > .col-5-wide {
					width: 41.6666666667%;
				}

				.row > .off-5-wide {
					margin-left: 41.6666666667%;
				}

				.row > .col-6-wide {
					width: 50%;
				}

				.row > .off-6-wide {
					margin-left: 50%;
				}

				.row > .col-7-wide {
					width: 58.3333333333%;
				}

				.row > .off-7-wide {
					margin-left: 58.3333333333%;
				}

				.row > .col-8-wide {
					width: 66.6666666667%;
				}

				.row > .off-8-wide {
					margin-left: 66.6666666667%;
				}

				.row > .col-9-wide {
					width: 75%;
				}

				.row > .off-9-wide {
					margin-left: 75%;
				}

				.row > .col-10-wide {
					width: 83.3333333333%;
				}

				.row > .off-10-wide {
					margin-left: 83.3333333333%;
				}

				.row > .col-11-wide {
					width: 91.6666666667%;
				}

				.row > .off-11-wide {
					margin-left: 91.6666666667%;
				}

				.row > .col-12-wide {
					width: 100%;
				}

				.row > .off-12-wide {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -10px;
					margin-left: -10px;
				}


					.row.gtr-25.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 10px;
						}

				.row.gtr-50 {
					margin-top: -20px;
					margin-left: -20px;
				}

					.row.gtr-50 > * {
						padding: 20px 0 0 20px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 20px;
						}

				.row {
					margin-top: -40px;
					margin-left: -40px;
				}

					.row > * {
						padding: 40px 0 0 40px;
					}

					.row.gtr-uniform {
						margin-top: -40px;
					}

						.row.gtr-uniform > * {
							padding-top: 40px;
						}

				.row.gtr-150 {
					margin-top: -60px;
					margin-left: -60px;
				}

					.row.gtr-150 > * {
						padding: 60px 0 0 60px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -60px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 60px;
						}

				.row.gtr-200 {
					margin-top: -80px;
					margin-left: -80px;
				}

					.row.gtr-200 > * {
						padding: 80px 0 0 80px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -80px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 80px;
						}

		}

		@media screen and (max-width: 1280px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-normal {
					order: -1;
				}

				.row > .col-1-normal {
					width: 8.3333333333%;
				}

				.row > .off-1-normal {
					margin-left: 8.3333333333%;
				}

				.row > .col-2-normal {
					width: 16.6666666667%;
				}

				.row > .off-2-normal {
					margin-left: 16.6666666667%;
				}

				.row > .col-3-normal {
					width: 25%;
				}

				.row > .off-3-normal {
					margin-left: 25%;
				}

				.row > .col-4-normal {
					width: 33.3333333333%;
				}

				.row > .off-4-normal {
					margin-left: 33.3333333333%;
				}

				.row > .col-5-normal {
					width: 41.6666666667%;
				}

				.row > .off-5-normal {
					margin-left: 41.6666666667%;
				}

				.row > .col-6-normal {
					width: 50%;
				}

				.row > .off-6-normal {
					margin-left: 50%;
				}

				.row > .col-7-normal {
					width: 58.3333333333%;
				}

				.row > .off-7-normal {
					margin-left: 58.3333333333%;
				}

				.row > .col-8-normal {
					width: 66.6666666667%;
				}

				.row > .off-8-normal {
					margin-left: 66.6666666667%;
				}

				.row > .col-9-normal {
					width: 75%;
				}

				.row > .off-9-normal {
					margin-left: 75%;
				}

				.row > .col-10-normal {
					width: 83.3333333333%;
				}

				.row > .off-10-normal {
					margin-left: 83.3333333333%;
				}

				.row > .col-11-normal {
					width: 91.6666666667%;
				}

				.row > .off-11-normal {
					margin-left: 91.6666666667%;
				}

				.row > .col-12-normal {
					width: 100%;
				}

				.row > .off-12-normal {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -9px;
					margin-left: -9px;
				}

					.row.gtr-25 > * {
						padding: 9px 0 0 9px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -9px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 9px;
						}

				.row.gtr-50 {
					margin-top: -18px;
					margin-left: -18px;
				}

					.row.gtr-50 > * {
						padding: 18px 0 0 18px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -18px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 18px;
						}

				.row {
					margin-top: -36px;
					margin-left: -36px;
				}

					.row > * {
						padding: 36px 0 0 36px;
					}

					.row.gtr-uniform {
						margin-top: -36px;
					}

						.row.gtr-uniform > * {
							padding-top: 36px;
						}

				.row.gtr-150 {
					margin-top: -54px;
					margin-left: -54px;
				}

					.row.gtr-150 > * {
						padding: 54px 0 0 54px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -54px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 54px;
						}

				.row.gtr-200 {
					margin-top: -72px;
					margin-left: -72px;
				}

					.row.gtr-200 > * {
						padding: 72px 0 0 72px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -72px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 72px;
						}

		}

		@media screen and (max-width: 960px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-narrow {
					order: -1;
				}

				.row > .col-1-narrow {
					width: 8.3333333333%;
				}

				.row > .off-1-narrow {
					margin-left: 8.3333333333%;
				}

				.row > .col-2-narrow {
					width: 16.6666666667%;
				}

				.row > .off-2-narrow {
					margin-left: 16.6666666667%;
				}

				.row > .col-3-narrow {
					width: 25%;
				}

				.row > .off-3-narrow {
					margin-left: 25%;
				}

				.row > .col-4-narrow {
					width: 33.3333333333%;
				}

				.row > .off-4-narrow {
					margin-left: 33.3333333333%;
				}

				.row > .col-5-narrow {
					width: 41.6666666667%;
				}

				.row > .off-5-narrow {
					margin-left: 41.6666666667%;
				}

				.row > .col-6-narrow {
					width: 50%;
				}

				.row > .off-6-narrow {
					margin-left: 50%;
				}

				.row > .col-7-narrow {
					width: 58.3333333333%;
				}

				.row > .off-7-narrow {
					margin-left: 58.3333333333%;
				}

				.row > .col-8-narrow {
					width: 66.6666666667%;
				}

				.row > .off-8-narrow {
					margin-left: 66.6666666667%;
				}

				.row > .col-9-narrow {
					width: 75%;
				}

				.row > .off-9-narrow {
					margin-left: 75%;
				}

				.row > .col-10-narrow {
					width: 83.3333333333%;
				}

				.row > .off-10-narrow {
					margin-left: 83.3333333333%;
				}

				.row > .col-11-narrow {
					width: 91.6666666667%;
				}

				.row > .off-11-narrow {
					margin-left: 91.6666666667%;
				}

				.row > .col-12-narrow {
					width: 100%;
				}

				.row > .off-12-narrow {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -8px;
					margin-left: -8px;
				}

					.row.gtr-25 > * {
						padding: 8px 0 0 8px;
					}


          .row .col-4.textos {width:50% !important;}.row .col-4.pictos {width:100% !important;}.row.gtr-25.pictogramy .col-6{width:20% !important;}


					.row.gtr-25.gtr-uniform {
						margin-top: -8px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 8px;
						}

				.row.gtr-50 {
					margin-top: -16px;
					margin-left: -16px;
				}

					.row.gtr-50 > * {
						padding: 16px 0 0 16px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -16px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 16px;
						}

				.row {
					margin-top: -32px;
					margin-left: -32px;
				}
        .row > .col-12-mobile.textos {width:50%;}/* SBL*/
        .row > .col-12-mobile.pictos {width: 100%;}.row > .col-12-mobile .pictogramy .image.fit img {width:100% !important;}/* SBL*/

					.row > * {
						padding: 32px 0 0 32px;
					}

					.row.gtr-uniform {
						margin-top: -32px;
					}

						.row.gtr-uniform > * {
							padding-top: 32px;
						}

				.row.gtr-150 {
					margin-top: -48px;
					margin-left: -48px;
				}

					.row.gtr-150 > * {
						padding: 48px 0 0 48px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -48px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 48px;
						}

				.row.gtr-200 {
					margin-top: -64px;
					margin-left: -64px;
				}

					.row.gtr-200 > * {
						padding: 64px 0 0 64px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -64px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 64px;
						}

		}
		@media screen and (max-width: 845px) {

           .row > .col-12-mobile.textos {width:50%;}/* SBL*/
        .row > .col-12-mobile.pictos {width: 100%;}/* SBL*/
      }
		@media screen and (max-width: 840px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}
      .row > .col-12-mobile {
					width: 100%;
				}
        .row > .col-12-mobile .pictogramy .image.fit img {width:100% !important;}/* SBL*/

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-narrower {
					order: -1;
				}

				.row > .col-1-narrower {
					width: 8.3333333333%;
				}

				.row > .off-1-narrower {
					margin-left: 8.3333333333%;
				}

				.row > .col-2-narrower {
					width: 16.6666666667%;
				}

				.row > .off-2-narrower {
					margin-left: 16.6666666667%;
				}

				.row > .col-3-narrower {
					width: 25%;
				}

				.row > .off-3-narrower {
					margin-left: 25%;
				}

				.row > .col-4-narrower {
					width: 33.3333333333%;
				}

				.row > .off-4-narrower {
					margin-left: 33.3333333333%;
				}

				.row > .col-5-narrower {
					width: 41.6666666667%;
				}

				.row > .off-5-narrower {
					margin-left: 41.6666666667%;
				}

				.row > .col-6-narrower {
					width: 50%;
				}

				.row > .off-6-narrower {
					margin-left: 50%;
				}

				.row > .col-7-narrower {
					width: 58.3333333333%;
				}

				.row > .off-7-narrower {
					margin-left: 58.3333333333%;
				}

				.row > .col-8-narrower {
					width: 66.6666666667%;
				}

				.row > .off-8-narrower {
					margin-left: 66.6666666667%;
				}

				.row > .col-9-narrower {
					width: 75%;
				}

				.row > .off-9-narrower {
					margin-left: 75%;
				}

				.row > .col-10-narrower {
					width: 83.3333333333%;
				}

				.row > .off-10-narrower {
					margin-left: 83.3333333333%;
				}

				.row > .col-11-narrower {
					width: 91.6666666667%;
				}

				.row > .off-11-narrower {
					margin-left: 91.6666666667%;
				}

				.row > .col-12-narrower {
					width: 100%;
				}

				.row > .off-12-narrower {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -8px;
					margin-left: -8px;
				}

					.row.gtr-25 > * {
						padding: 8px 0 0 8px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -8px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 8px;
						}

				.row.gtr-50 {
					margin-top: -16px;
					margin-left: -16px;
				}

					.row.gtr-50 > * {
						padding: 16px 0 0 16px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -16px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 16px;
						}

				.row {
					margin-top: -32px;
					margin-left: -32px;
				}

					.row > * {
						padding: 32px 0 0 32px;
					}

					.row.gtr-uniform {
						margin-top: -32px;
					}

						.row.gtr-uniform > * {
							padding-top: 32px;
						}

				.row.gtr-150 {
					margin-top: -48px;
					margin-left: -48px;
				}

					.row.gtr-150 > * {
						padding: 48px 0 0 48px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -48px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 48px;
						}

				.row.gtr-200 {
					margin-top: -64px;
					margin-left: -64px;
				}

					.row.gtr-200 > * {
						padding: 64px 0 0 64px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -64px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 64px;
						}

		}

		@media screen and (max-width: 800px) {
          .row .col-4.textos {width:50% !important;}.row .col-4.pictos {width:100% !important;}.row.gtr-25.pictogramy .col-6{width:33.3333% !important;}

		}


		@media screen and (max-width: 700px) {
    .row .col-4.textos {width:100% !important;}

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-mobile {
					order: -1;
				}

				.row > .col-1-mobile {
					width: 8.3333333333%;
				}

				.row > .off-1-mobile {
					margin-left: 8.3333333333%;
				}

				.row > .col-2-mobile {
					width: 16.6666666667%;
				}

				.row > .off-2-mobile {
					margin-left: 16.6666666667%;
				}

				.row > .col-3-mobile {
					width: 25%;
				}

				.row > .off-3-mobile {
					margin-left: 25%;
				}

				.row > .col-4-mobile {
					width: 33.3333333333%;
				}

				.row > .off-4-mobile {
					margin-left: 33.3333333333%;
				}

				.row > .col-5-mobile {
					width: 41.6666666667%;
				}

				.row > .off-5-mobile {
					margin-left: 41.6666666667%;
				}

				.row > .col-6-mobile {
					width: 50%;
				}

				.row > .off-6-mobile {
					margin-left: 50%;
				}

				.row > .col-7-mobile {
					width: 58.3333333333%;
				}

				.row > .off-7-mobile {
					margin-left: 58.3333333333%;
				}

				.row > .col-8-mobile {
					width: 66.6666666667%;
				}

				.row > .off-8-mobile {
					margin-left: 66.6666666667%;
				}

				.row > .col-9-mobile {
					width: 75%;
				}

				.row > .off-9-mobile {
					margin-left: 75%;
				}

				.row > .col-10-mobile {
					width: 83.3333333333%;
				}

				.row > .off-10-mobile {
					margin-left: 83.3333333333%;
				}

				.row > .col-11-mobile {
					width: 91.6666666667%;
				}

				.row > .off-11-mobile {
					margin-left: 91.6666666667%;
				}

				.row > .col-12-mobile {
					width: 100%;
				}
        .row > .col-12-mobile .pictogramy .image.fit img {width:100% !important;}/* SBL*/

				.row > .off-12-mobile {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -5px;
					margin-left: -5px;
				}

					.row.gtr-25 > * {
						padding: 5px 0 0 5px;width:33%;/*SBL*/
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 5px;
						}

				.row.gtr-50 {
					margin-top: -10px;
					margin-left: -10px;
				}

					.row.gtr-50 > * {
						padding: 10px 0 0 10px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 10px;
						}

				.row {
					margin-top: -20px;
					margin-left: -20px;
				}

					.row > * {
						padding: 20px 0 0 20px;
					}

					.row.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-uniform > * {
							padding-top: 20px;
						}

				.row.gtr-150 {
					margin-top: -30px;
					margin-left: -30px;
				}

					.row.gtr-150 > * {
						padding: 30px 0 0 30px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -30px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 30px;
						}

				.row.gtr-200 {
					margin-top: -40px;
					margin-left: -40px;
				}

					.row.gtr-200 > * {
						padding: 40px 0 0 40px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -40px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 40px;
						}

		}

/*xxx*/


		@media screen and (max-width:500px) {

.row.gtr-25 > * {
    padding: 5px 0 0 5px;
    width: 50%;
}
.row .col-4.pictos {width:100% !important;}.row.gtr-25.pictogramy .col-6{width:50% !important;}
   }

/* Sections/Article */

	section, article {
		margin-bottom: 3em;
	}

		section > :last-child, section:last-child, article > :last-child, article:last-child {
			margin-bottom: 0;
		}

		section.special > header, section.special > footer, article.special > header, article.special > footer {
			text-align: center;
		}

	.row > section, .row > article {
		margin-bottom: 0;
	}

	header {
		margin: 0 0 1em 0;
	}

		header > p {
			display: block;
			font-size: 1.5em;
			margin: 1em 0 2em 0;
			line-height: 1.5em;
			text-align: inherit;
		}

	footer {
		margin: 2.5em 0 0 0;text-align:center;
	}

.sirka{width:100%;text-align:center;}


.underconstuction{width:95%;margin:5px;padding:10px;color:#FEE48E;text-indent:0;text-transform:uppercase;text-align:center;background:#780000;border-radius:5px;}
.white{color:#ffffff;}

#banner .underconstuction{width:100% !important;}


.polozka01{float:left;width:420px !important;height:400px;margin:10px;padding:10px 5px;border-radius:5px;border:1px solid #cccccc;}
.polozka01 h3{margin-top:10px;font:1em Calluna-Light}

.pokyn p{font-size:1em;color:red;text-align:center}
.text-center{text-align:center}


#lightboxOverlay{background:#2D1916}
.lb-dataContainer{/*padding:5px;*/background:#2D1916}
.lb-details{font-size:1em !important;}

/* Image */

	.image {
		position: relative;
		display: inline-block;
		border: 0;
		outline: 0;
	}



		.image.fit {
			display:inline-block;
			width: 100%;
		}

		.image.featured {
			display: inline-block;
			margin: 0 0 0 0;    text-align: center !important;text-indent:0 !important;
		}


		/*@media screen and (min-width:999px) {
     .image.featured {max-width:100% !important;}
		}*/


.image.nastred {
    display: inline-block;
    margin: 0 0 4em 0;    text-align: center !important;
}
		@media screen and (max-width:590px) {
     .image.nastred {width:100%;}
		}












		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

/* List */

	ul {
		list-style: disc;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

	ol {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

/* Actions */

	ul.actions {
		margin: 3em 0 0 0;
		list-style: none;
		padding-left: 0;
	}

		form ul.actions {
			margin-top: 0;
		}

		ul.actions li {
			display: inline-block;
			margin: 0 0.75em 0 0.75em;
			padding-left: 0;
		}

			ul.actions li:first-child {
				margin-left: 0;
			}

			ul.actions li:last-child {
				margin-right: 0;
			}

/* Divided */

	ul.divided {
		list-style: none;
		padding-left: 0;
	}

		ul.divided li {
			border-top: solid 1px rgba(128, 128, 128, 0.2);
			padding-top: 1.5em;
			margin-top: 1.5em;
			padding-left: 0;
		}

			ul.divided li:first-child {
				border-top: 0;
				padding-top: 0;
				margin-top: 0;
			}

/* Menu */

	ul.menu {
		height: 1em;
		line-height: 1em;
		list-style: none;
		padding-left: 0;
	}

		ul.menu li {
			display: inline-block;
			border-left: solid 1px rgba(128, 128, 128, 0.2);
			padding-left: 1.25em;
			margin-left: 1.25em;
		}

			ul.menu li:first-child {
				border-left: 0;
				padding-left: 0;
				margin-left: 0;
			}

/* Icons */

	ul.icons {
		position: relative;
	/*	background: rgba(128, 128, 128, 0.05);border-radius: 4em; SBL*/
		display: inline-block;
		padding: 0.35em 0.75em 0.15em 0.55em;
		font-size: 1.25em;
		cursor: default;
		list-style: none;
	}

		ul.icons li {margin:10px;
			display: inline-block;
			padding-left: 0;
		}

    @media (max-width:388px){
    ul.icons li{margin:5px !important;}}/*SBL*/



			ul.icons li a {
				display: inline-block;
				background: none;
				/*width:4.5em;
				height: 2.5em;SBL*/
				line-height: 2.5em;
				text-align: center;
				border-radius: 100%;
				border: 0;
				color: inherit;
			}

				ul.icons li a:hover {
					color: #ef8376;
				}

/* Form */

	form label {
		display: block;
		font-weight: 400;
		color: #483949;
		margin: 0 0 1em 0;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-webkit-appearance: none;
		display: block;
		border: 0;
		background: #fafafa;
		width: 100%;
		border-radius: 0.5em;
		border: solid 1px #E5E5E5;
		padding: 1em;
		-moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
		-webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
		-ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
		transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
			background: #fff;
			border-color: #df7366;
		}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select {
		line-height: 1em;
	}

	form textarea {
		min-height: 9em;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
	}

	form :-moz-placeholder {
		color: #555 !important;
	}

	form ::-moz-placeholder {
		color: #555 !important;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
	}

	form ::-moz-focus-inner {
		border: 0;
	}

/* Table */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr {
				border-top: solid 1px #e5e5e5;
			}

				table.default tbody tr:first-child {
					border-top: 0;
				}

				table.default tbody tr:nth-child(2n+1) {
					background: #fafafa;
				}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				text-align: left;
				font-weight: 400;
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default thead {
				border-bottom: solid 2px #e5e5e5;
			}

			table.default tfoot {
				border-top: solid 2px #e5e5e5;
			}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		position: relative;
		display: inline-block;
		background: #462a26 /*SBL*/;
		color: #efdaa6 /*SBL*/;
		text-align: center;
		border-radius: 0.25em /*SBL*/;
		text-decoration: none;
		padding: 0.65em 3em 0.65em 3em;
		border: 0;
		cursor: pointer;
		outline: 0;
		font-weight: 300;
		-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			color: #fff;
			background: #2d1916 /*SBL*/;
		}

		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		button.alt,
		.button.alt {
			background: #2B252C;
		}

			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background: #3B353C;
			}

/* Post */

	.post.stub {
		text-align: center;
	}

		.post.stub header {
			margin: 0;
		}

/* Icons */

	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.icon > .label {
			display: none;
		}

		.icon.circled {
			position: relative;
			display: inline-block;
			background: #2b252c;
			color: #fff;
			border-radius: 100%;
			width: 3em;
			height: 3em;
			line-height: 3.25em;
			text-align: center;
			font-size: 1.25em;
		}

			header .icon.circled {
				margin: 0 0 2em 0;
			}

/* Wrapper */

	.wrapper {
		background: #fff;
		margin: 0 0 2em 0;
		padding: 6em 0 6em 0;
	}

		.wrapper.style2 {
			padding-top: 0;
		}

/* Header */

	#header {
		position: relative;
		background-size:cover;
		background-position: center center;
		background-attachment:fixed;
		color: #fff;
		text-align: center;
		padding: 7.5em 0 2em 0;
		cursor: default;
	}

body.pravda	#header {}


		#header:before {
			content: '';
			display: inline-block;
			vertical-align: middle;
			height: 100%;
		}

		#header .inner {
			position: relative;
			z-index: 1;
			margin: 0;
			display: inline-block;
			vertical-align: middle;
		}

		#header header {
			display: inline-block;
		}

			#header header > p {
				font-size: 1.25em;
				/*margin: 0; oprava SBL*/
			}

		#header h1 {
			color: #fff;
			font-size: 3em;
			line-height: 1em;

		}

			#header h1 a {
				color: inherit;
			}

		#header .button {
			display: inline-block;
			border-radius: 100%;
			width: 4.5em;
			height: 4.5em;
			line-height: 4.5em;
			text-align: center;
			font-size: 1.25em;
			padding: 0;
		}

		#header hr {
			top: 1.5em;
			margin-bottom: 3em;
			border-bottom-color: rgba(192, 192, 192, 0.35);
			box-shadow: inset 0 1px 0 0 rgba(192, 192, 192, 0.35);
		}

			#header hr:before, #header hr:after {
				background: rgba(192, 192, 192, 0.35);
			}

		#header footer {
			margin: 1em 0 0 0;
		}

	body.homepage #header {
		height: 100vh;
		min-height: 40em;
	}

		body.homepage #header h1 {
			font-size: 4em;
		}

		body.homepage #header:after {
			content: '';
			background: #1C0920;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			-moz-transition: opacity 2.5s ease-in-out;
			-webkit-transition: opacity 2.5s ease-in-out;
			-ms-transition: opacity 2.5s ease-in-out;
			transition: opacity 2.5s ease-in-out;
			-moz-transition-delay: 0.5s;
			-webkit-transition-delay: 0.5s;
			-ms-transition-delay: 0.5s;
			transition-delay: 0.5s;
		}

	body.homepage.is-preload #header:after {
		opacity: 1;
	}

/* Nav */

	#nav {background: url(http://www.galeriecokolady.cz/background/bg_menu-top.png) repeat-x center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;
		padding: 1.5em 0 1.5em 0;
		z-index: 1;
		overflow: hidden;
	}

		#nav > ul {
			line-height: 0px;
			position: relative;
			display: inline-block;
			margin: 0;
			height: 21px;
			border-left: solid 1px rgba(192, 192, 192, 0.35);
			border-right: solid 1px rgba(192, 192, 192, 0.35);
		}

			#nav > ul:before, #nav > ul:after {
				content: '';
				display: block;
				width: 300%;
				position: absolute;
				top: 50%;
				margin-top: -2px;
				height: 5px;
				border-top: solid 1px rgba(192, 192, 192, 0.35);
				border-bottom: solid 1px rgba(192, 192, 192, 0.35);
			}

			#nav > ul:before {
				left: 100%;
				margin-left: 1px;
			}

			#nav > ul:after {
				right: 100%;
				margin-right: 1px;
			}

			#nav > ul > li {
				display: inline-block;
				margin: -9px 0.5em 0 0.5em;
				border-radius: 0.5em;
				padding: 0.85em;
				border: solid 1px transparent;
				-moz-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
				-webkit-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
				-ms-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
				transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
			}

				#nav > ul > li.active {
					border-color: rgba(192, 192, 192, 0.35);
				}

				#nav > ul > li > a, #nav > ul > li > span {
					display: block;
					color: inherit;
					text-decoration: none;
					border: 0;
					outline: 0;
				}

				#nav > ul > li > ul {
					display: none;
				}

	.dropotron {
		background: rgba(255, 255, 255, 0.975);
		padding: 1em 1.25em 1em 1.25em;
		line-height: 1em;
		height: auto;
		text-align: left;
		border-radius: 0.5em;
		box-shadow: 0 0.15em 0.25em 0 rgba(0, 0, 0, 0.25);
		min-width: 12em;
		margin-top: -1em;
		list-style: none;
	}

		.dropotron li {
			border-top: solid 1px rgba(128, 128, 128, 0.2);
			color: #5b5b5b;
			padding-left: 0;
		}

			.dropotron li:first-child {
				border-top: 0;
			}

			.dropotron li:hover {
				color: #ef8376;
			}

			.dropotron li a, .dropotron li span {
				display: block;
				border: 0;
				padding: 0.5em 0 0.5em 0;
				-moz-transition: color 0.35s ease-in-out;
				-webkit-transition: color 0.35s ease-in-out;
				-ms-transition: color 0.35s ease-in-out;
				transition: color 0.35s ease-in-out;
			}

		.dropotron.level-0 {
			margin-top: 2em;
			font-size: 0.9em;
		}

			.dropotron.level-0:before {
				content: '';
				position: absolute;
				left: 50%;
				top: -0.7em;
				margin-left: -0.75em;
				border-bottom: solid 0.75em rgba(255, 255, 255, 0.975);
				border-left: solid 0.75em rgba(64, 64, 64, 0);
				border-right: solid 0.75em rgba(64, 64, 64, 0);
			}

/* Banner */

	#banner {
		background: #fff;
		text-align: center;
		padding: 4.5em 0 4.5em 0;
		margin-bottom: 0;
	}

		#banner header > p {
			margin-bottom: 0;
		}

/* Content */

	#content > hr {
		top: 3em;
		margin-bottom: 6em;
	}

	#content > section {
		margin-bottom: 0;
	}

/* Sidebar */

	#sidebar > hr {
		top: 3em;
		margin-bottom: 6em;
	}

		#sidebar > hr.first {
			display: none;
		}

	#sidebar > section {
		margin-bottom: 0;
	}

/* Main */

	#main {
		margin-bottom: 0;
	}

		#main section:first-of-type {
			padding-top: 2em;
		}

/* Footer */

	#footer {
		position: relative;
		overflow: hidden;
		padding: 6em 0 6em 0;
		background: #2D1916;/*SBL*/
		color: #fff;
	}

		#footer .icon.circled {
			background: #fff;
			color: #2b252c;
		}

		#footer header {
			text-align: center;
			cursor: default;
		}

		#footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
			color: #fff;
		}

		#footer .contact {
			text-align: center;
		}

			#footer .contact p {
				text-align: center;
				margin: 0 0 3em 0;
			}

		#footer .copyright {
			text-align: center;
			color: rgba(128, 128, 128, 0.75);
			font-size: 0.8em;
			cursor: default;
		}

			#footer .copyright a {
				color: rgba(128, 128, 128, 0.75);
			}

				#footer .copyright a:hover {
					color: rgba(212, 212, 212, 0.85);
				}

/* Carousel */

	.carousel {
		position: relative;
		overflow: hidden;
		padding: 2em 0 2em 0;
		margin-bottom: 0;
	}

		.carousel .forward, .carousel .backward {
			position: absolute;
			top: 50%;
			width: 6em;
			height: 12em;
			margin-top: -6em;
			cursor: pointer;
		}

			.carousel .forward:before, .carousel .backward:before {
				content: '';
				display: block;
				width: 6em;
				height: 6em;
				border-radius: 100%;
				background-color: rgba(72, 57, 73, 0.5);
				position: absolute;
				top: 50%;
				margin-top: -3em;
				-moz-transition: background-color 0.35s ease-in-out;
				-webkit-transition: background-color 0.35s ease-in-out;
				-o-transition: background-color 0.35s ease-in-out;
				-ms-transition: background-color 0.35s ease-in-out;
				transition: background-color 0.35s ease-in-out;
				-webkit-backface-visibility: hidden;
			}

			.carousel .forward:after, .carousel .backward:after {
				content: '';
				width: 3em;
				height: 3em;
				position: absolute;
				top: 50%;
				margin: -1.5em 0 0 0;
				background: url("images/arrow.svg") no-repeat center center;
			}

			.carousel .forward:hover:before, .carousel .backward:hover:before {
				background-color: rgba(156, 120, 26, 0.75);
			}

		.carousel .forward {
			right: 0;
		}

			.carousel .forward:before {
				right: -3em;
			}

			.carousel .forward:after {
				right: -0.25em;
			}

		.carousel .backward {
			left: 0;
		}

			.carousel .backward:before {
				left: -3em;
			}

			.carousel .backward:after {
				left: -0.25em;
				-moz-transform: scaleX(-1);
				-webkit-transform: scaleX(-1);
				-ms-transform: scaleX(-1);
				transform: scaleX(-1);
			}

		.carousel .reel {
			white-space: nowrap;
			position: relative;
			-webkit-overflow-scrolling: touch;
			padding: 0 2em 0 2em;
		}

		.carousel article {
			display: inline-block;
			width: 18em;
			background: #fff;
			text-align: center;
			padding: 0 1em 3em 1em;
			margin: 0 2em 0 0;
			white-space: normal;
			opacity: 1.0;
			-moz-transition: opacity 0.75s ease-in-out;
			-webkit-transition: opacity 0.75s ease-in-out;
			-ms-transition: opacity 0.75s ease-in-out;
			transition: opacity 0.75s ease-in-out;
		}

			.carousel article.loading {
				opacity: 0;
			}

			.carousel article .image {
				position: relative;
				left: -1em;
				top: 0;
				width: auto;
				margin-right: -2em;
				margin-bottom:1em;
			}

			.carousel article p {
				text-align: center;
			}

/* Wide */

	@media screen and (max-width: 1680px) {

		/* Basic */

			body, input, textarea, select {
				font-size: 14pt;
				line-height: 1.75em;
			}

		/* Carousel */

			.carousel {
				padding: 1.5em 0 1.5em 0;
			}

				.carousel .reel {
					padding: 0 1.5em 0 1.5em;
				}

				.carousel article {
					width: 18em;
					margin: 0 1.25em 0 0;
				}

	}

/* Normal */

	@media screen and (max-width: 1280px) {

		/* Basic */

			body, input, textarea, select {
				font-size: 12pt;
				line-height: 1.5em;
			}

		/* Wrapper */

			.wrapper {
				padding-left: 2em;
				padding-right: 2em;
			}

		/* Header */

			#header {
				/*background-attachment: scroll; SBL*/
			}

				#header .inner {
					padding-left: 2em;
					padding-right: 2em;
				}

		/* Banner */

			#banner {
				padding-left: 2em;
				padding-right: 2em;
			}

		/* Footer */

			#footer {
				padding-left: 2em;
				padding-right: 2em;
			}

	}

/* Narrow */

/* Narrower */

	@media screen and (max-width: 840px) {

		/* Basic */

			body, input, textarea, select {
				font-size: 13pt;
				line-height: 1.65em;
			}

			.tweet {
				text-align: center;
			}

			.timestamp {
				display: block;
				text-align: center;
			}

		/* Footer */

			#footer {
				padding: 4em 2em 4em 2em;
			}

		/* Carousel */

			.carousel {
				padding: 1.25em 0 1.25em 0;
			}

				.carousel article {
					width: 18em;
					margin: 0 1em 0 0;
				}
				#main.container.special .image img {width:100% !important;height:auto;/*SBL*/				}

	}

/* Mobile */

	#navPanel, #titleBar {
		display: none;
	}

	@media screen and (max-width:675px) {
  			html, body {
				overflow-x: hidden;
			}
      header.prvni {height:210px !important;}
      #main.container.special.coJe H2 {
      color:#780000;font: 1.75em Calluna;text-align:center;text-indent:0px;margin-bottom:20px}
      #main.container.special.coJe {padding:40px}
      #main.container.special.coJe H2.mensi1 {
      font-size:1.1em !important;}
      .mansiObr0{width:50%;height:auto}
      .mansiObr1{width:40%;height:auto}

      }/*SBL*/



	@media screen and (max-width: 530px) {

        .row.gtr-25.pictogramy .col-6{width:33.3333%}
			}



	@media screen and (max-width:370px) {

        .row.gtr-25.pictogramy .col-6{width:50%}
        .copy1, .copy2, .license {width: 100%;}
			}


	@media screen and (min-width:500px) {


        .copy1, .copy2 {width:50%;}.license {width:100%;}
			}

	@media screen and (min-width:850px) {


        .copy1 {width:30.5%;margin-left:20px;}
        .copy1, .copy2 {width:30.5%;margin-right:20px;}
        .license {width:30.5%;margin-right:0px;}
			}







	@media screen and (max-width: 530px) {
  			html, body {
				overflow-x: hidden;
			}

      header.prvni {height:210px !important;}
      #main.container.special.coJe H2 {
      color:#780000;font: 1.15em Calluna;text-align:center;text-indent:0px;margin-bottom:20px}
      .container.special{text-align:center;}


      #main.container.special.coJe {padding:15px}
      #main.container.special.coJe H2.mensi1 {
      font-size:1.1em !important;}
      .mansiObr0{width:50%;height:auto}
      .mansiObr1{width:40%;height:auto}








      }/*SBL*/
	@media screen and (max-width: 736px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body, input, textarea, select {
				font-size: 12.5pt;
				line-height: 1.5em;
			}

			h2 {
				font-size: 1.75em;
			}

			h3 {
				font-size: 1.25em;
			}


			hr {
				top: 3em;
				margin-bottom: 6em;
			}





      header.prvni {height:195px;/*SBL*/}

		/* Section/Article */

			section, article {
				margin-bottom: 2em;
			}

				section:last-child, article:last-child {
					margin-bottom: 0;
				}

			.row > section, .row > article {
				margin-bottom: 2em;
			}

			header > p {
				font-size: 1.25em;
			}

		/* Image */

			.image.featured {
				margin: 0 0 0em 0;
			}

			.image.left {
				margin: 0 1em 1em 0;
			}

			.image.centered {
				margin: 0 0 1em 0;
			}

		/* Actions */

			form ul.actions {
				margin-top: 0;
			}

			ul.actions li {
				display: block;
				margin: 0.75em 0 0 0;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}

		/* Menu */

			ul.menu {
				height: auto;
				text-align: center;
			}

				ul.menu li {
					display: block;
					border: 0;
					padding: 0.75em 0 0 0;
					margin: 0;
				}

					ul.menu li:first-child {
						padding-top: 0;
					}

li{text-align:left !important;}

		/* Icons */

			ul.icons {
				font-size: 1em;
				padding: 0.35em 0.5em 0.35em 0.5em;
			}

				ul.icons li a {
					/*width: 2.25em; SBL*/
				}

		/* Button */

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				display: block;
				padding: 0;
				line-height:1em;/*SBL*/
				width: 100%;
        padding:15px;background:#462a26;/*SBL*/;
			}

		/* Nav */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#navButton {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
			}

				#navButton .toggle {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					border: 0;
					outline: 0;
				}

					#navButton .toggle:before {
						font-family: Arial;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						content:url(../../background/navButton-toggle.png);
						color: #fff;
						color: rgba(255, 255, 255, 0.75);
						text-align: center;
						display: block;
						width: 80px;
						height: 30px;
						line-height: 30px;
						position: absolute;
						left: 50%;
						margin-left: -40px;
						background: rgba(132, 128, 136, 0.75);
						border-top: 0;
						border-radius: 0 0 0.35em 0.35em;
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateY(-50vh);
				-webkit-transform: translateY(-50vh);
				-ms-transform: translateY(-50vh);
				transform: translateY(-50vh);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height:50vh;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top:0;
				width: 100%;
				z-index: 10002;
				background: #1f1920;
				box-shadow: inset 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
				font-size: 1em;
			}

				#navPanel:before {
					content: '';
					display: block;
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url("images/overlay.png");
					background-size: 128px 128px;
				}

				#navPanel .link {
					position: relative;
					z-index: 1;
					display: block;
					text-decoration: none;
					padding: 0.5em;
					color: #ddd;
					border: 0;
					border-top: dotted 1px rgba(255, 255, 255, 0.05);
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

					#navPanel .link.depth-0 {background:#462A26;
						color:#fff;
						font-size:1.5em;text-transform:uppercase !important;
					}
					#navPanel .link.depth-1 {background:#332223;
						color: #FEE48E;text-transform:uppercase !important;
						font-size:1.1em;
					}


          #navPanel .link {
						text-align:center
					}


				#navPanel .indent-1 {
					display: inline-block;
					width: 0em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 0em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width:0em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width:0em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width:0em;
				}

				#navPanel .depth-0 {
					color: #fff;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateY(50vh);
				-webkit-transform: translateY(50vh);
				-ms-transform: translateY(50vh);
				transform: translateY(50vh);
			}

			body.navPanel-visible #navButton {
				-moz-transform: translateY(50vh);
				-webkit-transform: translateY(50vh);
				-ms-transform: translateY(50vh);
				transform: translateY(50vh);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}

		/* Wrapper */

			.wrapper {
				padding: 3em 1em 3em 1em;
			}

		/* Header */

			#header {
				/*background-attachment: scroll; SBL*/
				padding: 2.5em 0 0 0;
			}
      /*header {height:250px} SBL*/

				#header .inner {
					padding-top: 1.5em;
					padding-left: 1em;
					padding-right: 1em;
				}

				#header header > p {
					font-size: 1em;
				}

				#header h1 {
					font-size: 1.75em;
				}

        .prvni2 {
        font-size:0.85em !important;
        margin-left:10%; /*SBL*/
        padding: 0px 0 0 70px; /*SBL*/
        background-size:10%; /*SBL*/
}

				#header hr {
					top: 1em;
					margin-bottom: 2.5em;
          background-size:80%; /*SBL*/
				}

			body.homepage #header {
				min-height: 0;
				padding: 5.5em 0 5em 0;
				height: auto;
			}

				body.homepage #header:before {
					display: none;
				}

				body.homepage #header h1 {
					font-size: 2.5em;
				}

		/* Nav */

			#nav {
				display: none;
			}

		/* Banner */

			#banner {
				padding: 3em 2em 3em 2em;
			}

		/* Sidebar */

			#sidebar > hr:first-of-type {
				display: block;
			}

		/* Main */

			#main > header {
				text-align: center;
			}

		/* Footer */

			#footer {
				padding-left: 1em;
				padding-right: 1em;
			}

		/* Carousel */

			.carousel {
				padding: 0.5em 0 0.5em 0;
			}

				.carousel .reel {
					padding: 0 0.5em 0 0.5em;
				}

				.carousel article {
					/*width: 14em; SBL*/
					width: 20em;/* SBL*/
					padding-bottom: 2em;
					margin: 0 0.5em 0 0;
				}

					.carousel article .image {
						margin-bottom: 2em;
					}

	}

div.hrh2 {
    width: 100%;
    height: 20px;
    margin-bottom: 1.5em;
    background-image: url("http://www.galeriecokolady.cz/background/bg_h2.png");background-position:50% 50%;
    border:0
}