.jm-item-small {
	/*padding: 10px;*/
	display: inline-block;
	text-align: left;
        width:100%;
        min-height:224px;
        position:relative;
  
}
.jm-item-small .jm-item-image {
	position: relative;
	overflow: hidden;
   width:100%;
  height:192px;


}
.jm-item-small .jm-item-image img {
border:0px solid red !important;
background: transparent;
width:100%;
height:auto;
}
.jm-item-small .jm-item-description {
	position: absolute;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	background: rgba(42, 50, 50, 0.7); 
	color: #fff;
	top: 100%;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s;
    
}


   
.jm-item-11 {
   font-size: 100%;
    display: inline-block;
    text-align: center;
    position:relative;
    padding:0px !important;
    background-image: url(/media/category/firma.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%; //propotional resize
}
.jm-item-12 {
  font-size: 100%;
    display: inline-block;
    text-align: center;
    position:relative;
    padding:0px !important;
    background-image: url(/media/category/ubytovani.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%; //propotional resize
}
.jm-item-13 {
 font-size: 100%;;
    display: inline-block;
    text-align: center;
    position:relative;
    padding:0px !important;
    background-image: url(/media/category/firemniakce.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%; //propotional resize
}.jm-item-14 {
 font-size: 100%;
    display: inline-block;
    text-align: center;
    position:relative;
    padding:0px !important;
    background-image: url(/media/category/relax.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%; //propotional resize
}
.jm-item-15 {
  font-size: 100%;
    color:white;
    	display: inline-block;
	text-align: center;
        width:100%;
       height:274px;
        position:relative;
  padding:0px !important;
    background: url(/media/category/catering.png) no-repeat bottom right;
}
.jm-item-16 {
   font-size: 100%;
    color:white;
    	display: inline-block;
	text-align: center;
        width:100%;
       height:274px;
        position:relative;
  padding:0px !important;
    background: url(/media/category/svatby.png) no-repeat bottom right;
}

.jm-item-kategorie-11 h1,.jm-item-kategorie-12 h1,.jm-item-kategorie-13 h1,.jm-item-kategorie-14 h1,.jm-item-kategorie-15 h1,.jm-item-kategorie-16 h1{
  color:white;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-weight: 400;
font-size: 120%;
padding-bottom:1.2em;
text-shadow: 0.1em 0.1em 0.2em black; 
}


.jm-item-kategorie-11,.jm-item-kategorie-12,.jm-item-kategorie-13,.jm-item-kategorie-14{

width: 100%;
 /*min-height:24vmax;*/ /*zrucseno protoze IE a EDGE to neumí*/
 /* min-height:28em;*/ /* jednoducha nahrazka viz vejs*/ 
 
 
    /* poradny FIX, Non-IE browsers http://www.useragentman.com/blog/2014/09/24/fixing-cross-browser-issues-with-css3-viewport-units-in-ie9-and-safari-for-ios/ */
 height: 44vmin;
 

  /* IE9 and 10 */
  content: 'viewport-units-buggyfill; height: 44vmin; ';
color:white;
text-align: center;
padding:4px;

}
/*.jm-item p{
    color:#242424;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.6rem;
  
}*/
.jm-item-kategorie-11 {
background-image: url(/img/kat/modrakat.png);
background-repeat: no-repeat;
background-position: top center;
background-size: 100%; //propotional resize
}
.jm-item-kategorie-12 {
background-image: url(/img/kat/zluta-kat.png);
background-repeat: no-repeat;
background-position: top center;
background-size: 100%; //propotional resize
}
.jm-item-kategorie-13 {
background-image: url(/img/kat/zelena-kat.png);
background-repeat: no-repeat;
background-position: top center;
background-size: 100%; //propotional resize
}.jm-item-kategorie-14 {
  background-image: url(/img/kat/svmodra-kat.png);
background-repeat: no-repeat;
background-position: top center;
background-size: 100%; //propotional resize
}



.jm-item-kategorie-16,.jm-item-kategorie-15 {

color:white;
text-align: center;
padding:0;
min-width: 100%;
height:100%;
padding:0 ! important;
 word-wrap: break-word;
 table-layout: fixed;
}

.jm-item-kategorie-15 {
    	background: url(/img/kat/spodni-butonky-leva.png) no-repeat left;
}
.jm-item-kategorie-16 {
    	background: url(/img/kat/spodni-butonky-prava.png) no-repeat left;
}
.jm-item-wrapper {

	padding: 2px;
            min-width: 200px;
	width: 100%;
        z-index:0;
	/*background: #b6afa6;*/
}
.jm-item-image {
	position: relative;
	overflow: hidden;

}
.jm-item-image img {
	display: block;
}
.jm-item-title{
position:absolute;
bottom:1.6em;
    width:100%;
   
    text-align:center;
    cursor: pointer;
}
.jm-item-title .hl-nadpis, .jm-item-kategorie-15 .hl-nadpis,.jm-item-kategorie-16 .hl-nadpis {
text-transform: uppercase;
    text-shadow: 0.1em 0.1em 0.2em black;
 color:white;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
letter-spacing: 3px;
   font-size: 120%;
    position: relative;
    display: block;
    text-align: center;
}
.jm-item-title .hl-nadpis::before, .jm-item-kategorie-15 .hl-nadpis::before,.jm-item-kategorie-16 .hl-nadpis::before {
    
    position: absolute;
    bottom: -4px;
    content: "";
    height: 1px;
    background-color: white;
    display: block;
    width: 49%;
    left: 25%;
}

.jm-item-title-two{
position:absolute;
bottom:2.0em;
    width:50%;
    text-align:center;
 
    cursor: pointer;
}


.jm-item-title:focus,.jm-item-title:hover {
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
        cursor: pointer;
}
.jm-item-overlay {
	background: #000;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in 0s;
	-moz-transition: opacity 0.5s ease-in 0s;
	-o-transition: opacity 0.5s ease-in 0s;
	transition: opacity 0.5s ease-in 0s;
}
.jm-item-wrapper:hover .jm-item-overlay {
	opacity: 0.3;
}
.jm-item-button {
	height: 68px;
	width:68px;
	text-align: center;
	position: absolute;
	left: 50%;
        margin-top:12px;
	margin-left: -25px;
}
.jm-item-button a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #a93300;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 68px;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
    text-decoration: none !important;
    display: block;
}
.jm-item-button a:hover {
	background: #3b3b3b;	
}
.second .jm-item-wrapper .jm-item-title {
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
.second .jm-item-wrapper:hover .jm-item-title {
	/*left: -100%;*/
       /* bottom:-2%;*/
}
.second .jm-item-description {
	position: absolute;
    
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	background: rgba(42, 50, 50, 0.7); 
	color: #fff;
	top: 100%;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s;
}
.second .jm-item-description strong{

}


.second .jm-item-wrapper:hover .jm-item-description {
	top: 0;
}
.hovereffect h2{

    position: absolute;
    bottom: -10px;
    content: "";
    height: 2px;
    background-color: #073a63;
    display: block;
    width: 49%;
    left: 25%;

}

        /*hover.css*/
   .hovereffect {
  width: 100%;
  min-height:24vmax;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  padding: 0;
  font-size: 1.4rem ;
  font-weight: 300 !important;
    font-family: 'Open Sans', sans-serif !important;

}
  .hovereffect-two {

  width: 100%;
  height: 100% ;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.hovereffect-two .overlay {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}
.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  border-bottom: 1px solid #FFF;
padding:8px;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay, .hovereffect-two:hover .overlay {
   
    background: rgba(0, 0, 0, 0.8);
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);


}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
/*  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);*/
}

.hovereffect h2{
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, hovereffect p {
 /* color: rgb(120, 120, 120);*/
 color:white;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.hovereffect-two .overlay p {
 color:white;
  padding: 1em 0;

}
.hovereffect-two .overlay  h2 {
 /* text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;

  color: #FFF;*/
 text-transform: uppercase;
    text-shadow: 0.1em 0.1em 0.2em black;
 color:white;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
letter-spacing: 3px;
   font-size: 2.0rem;
    position: relative;
    display: block;
    text-align: center;

}.hovereffect-two .overlay  h2::before {
    
    position: absolute;
    bottom: -4px;
    content: "";
    height: 1px;
    background-color: white;
    display: block;
    width: 49%;
    left: 25%;
}
 /* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) and (max-width : 1499px){
    .jm-item-11,  .jm-item-12, .jm-item-13, .jm-item-14, .jm-item-15, .jm-item-16{
   font-size: 90%;
    }
    .jm-item-kategorie-11 h1, .jm-item-kategorie-12 h1, .jm-item-kategorie-13 h1, .jm-item-kategorie-14 h1, .jm-item-kategorie-15 h1, .jm-item-kategorie-16 h1 {

    padding-bottom: 0.2em;

}
  }
  /* Large Devices, Wide Screens */
  @media only screen and (max-width : 1200px){
.pad-sp{
 padding: 0 0.6em 0 0.6em;
}
          .jm-item-11,  .jm-item-12, .jm-item-13, .jm-item-14, .jm-item-15, .jm-item-16{
   font-size: 90%;
    }
    .jm-item-kategorie-11 h1, .jm-item-kategorie-12 h1, .jm-item-kategorie-13 h1, .jm-item-kategorie-14 h1, .jm-item-kategorie-15 h1, .jm-item-kategorie-16 h1 {

    padding-bottom: 0.1em;

}
.jm-item-15, .jm-item-16 {
    height: 232px;
}
  }
    
        /* Medium Devices, Desktops */
@media only screen and (max-width : 994px){
    .pad-sp{
 padding: 0 0.6em 0 0.6em;
}
  .jm-item-kategorie-11,.jm-item-kategorie-12,.jm-item-kategorie-13,.jm-item-kategorie-14{
width: 100%;
 min-height:24vmax;
color:white;
text-align: center;
padding:4px;
}
.jm-item-15, .jm-item-16 {
    height: 196px;
}
.jm-item-kategorie-16,.jm-item-kategorie-15 {

color:white;
text-align: center;
padding:0;
min-width: 100%;
min-height:6vmax ! important;
padding:0 ! important;
 word-wrap: break-word;
 table-layout: fixed;
}

 .jm-item-11,  .jm-item-12, .jm-item-13, .jm-item-14, .jm-item-15, .jm-item-16{
   font-size: 80%;
    }
    .jm-item-kategorie-11 h1, .jm-item-kategorie-12 h1, .jm-item-kategorie-13 h1, .jm-item-kategorie-14 h1, .jm-item-kategorie-15 h1, .jm-item-kategorie-16 h1 {

    padding-bottom: 0.1em;

}

        }
        /* Small Devices, Tablets */
@media only screen and (max-width : 768px){    .pad-sp{
 padding: 0 0.6em 0 0.6em;

}
  .jm-item-kategorie-11,.jm-item-kategorie-12,.jm-item-kategorie-13,.jm-item-kategorie-14{
width: 100%;
 min-height:24vmax;
color:white;
text-align: center;
padding:4px;
}
.jm-item-15, .jm-item-16 {
    height: 196px;
}
.jm-item-kategorie-16,.jm-item-kategorie-15 {

color:white;
text-align: center;
padding:0;
min-width: 100%;
min-height:6vmax ! important;
padding:0 ! important;
 word-wrap: break-word;
 table-layout: fixed;
}

 .jm-item-11,  .jm-item-12, .jm-item-13, .jm-item-14, .jm-item-15, .jm-item-16{
   font-size: 60%;
    }
    .jm-item-kategorie-11 h1, .jm-item-kategorie-12 h1, .jm-item-kategorie-13 h1, .jm-item-kategorie-14 h1, .jm-item-kategorie-15 h1, .jm-item-kategorie-16 h1 {

    padding-bottom: 0.1em;

}
.jm-item-kategorie-16 {
    background: url(/img/kat/spodni-butonky-prava.png);

background-position: left top;
    background-size: 88%;
    background-repeat: no-repeat;

    }
    .jm-item-kategorie-15 {
    background: url(/img/kat/spodni-butonky-leva.png);

background-position: left top;
    background-size: 88%;
    background-repeat: no-repeat;

    }
}

            /* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px){
  .jm-item-11,  .jm-item-12,  .jm-item-13,  .jm-item-14,  .jm-item-15,  .jm-item-16{
   background-image: none !important; 
}
.jm-item-15MT, .jm-item-16MT {
       font-size: 1.4rem;
    display: inline-block;
    text-align: center;
    position:relative;
    padding:0px !important;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%; //propotional resize
   
}
.jm-item-kategorie-15MT h1, .jm-item-kategorie-16MT h1{
  color:white;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-weight: 400;
font-size: 2.0rem;
text-shadow: 0.1em 0.1em 0.2em black; 
}


.jm-item-kategorie-15MT, .jm-item-kategorie-16MT{
width: 100%;
 min-height:24vmax;
color:white;
text-align: center;
 padding: 1px !important;
 padding-bottom:1.2 em !important;
}

.jm-item-kategorie-15MT {
background-image: url(/img/kat/spodni-butonky-levaMT.png);
background-repeat: no-repeat;
background-position: top center;
background-size: 100%; //propotional resize
}
.jm-item-kategorie-16MT {
background-image: url(/img/kat/spodni-butonky-pravaMT.png);
background-repeat: no-repeat;
background-position: top center;
background-size: 100%; //propotional resize
}


        }
        
        
        @media only screen and (min-width: 1200px){
                    .pad-sp{
 padding: 0 1em 0 1em;
}
        }