div.fotogalerie{
  margin-left: -1%;
  margin-right: 0px;
  text-align: center;
  margin-bottom: 30px;
}
@media all and (max-width: 478px) {
div.fotogalerie{
  margin-left: -10px;
  margin-right: 0px;
  text-align: center;
}
}



div.fotogalerie a{
    width: 31%;
    height: 210px;
  display: inline-block;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 30px;
text-align: center;

overflow: hidden;
}




@media all and (max-width: 1024px){
  div.fotogalerie a{
    width: 45%;
    height: 210px;
  display: inline-block;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 30px;
text-align: left;

}
}

@media all and (max-width: 478px) {
  div.fotogalerie{
    width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  text-align: center;
  margin-bottom: 30px;
}
  div.fotogalerie a{
    width: 280px;
    height: 210px;
  display: inline-block;
  margin-bottom: 30px;
text-align: center;
overflow: hidden;

}
div.fotogalerie a img{
    width: auto;
    max-height: 212px;
  vertical-align: middle;
  -webkit-transition: all 0.25s ease-out;
 -moz-transition: all 0.25s ease-out;
 -o-transition: all 0.25s ease-out;
 transition: all 0.25s ease-out;
 opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
    margin: 0px
}
}
div.fotogalerie a img{
    width: auto;
    max-height: 212px;
  vertical-align: middle;
  -webkit-transition: all 0.25s ease-out;
 -moz-transition: all 0.25s ease-out;
 -o-transition: all 0.25s ease-out;
 transition: all 0.25s ease-out;
 opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
    margin: 0px
}
/*.fotogalerie a span.fotka{
  width: 255px;
    height: 181px;
  position: absolute;
  -webkit-transition: all 0.25s ease-out;
 -moz-transition: all 0.25s ease-out;
 -o-transition: all 0.25s ease-out;
 transition: all 0.25s ease-out;
  background: no-repeat center center;
  background-color: rgba(255, 255, 255, 0.0);
}
.fotogalerie a:hover span.fotka{
  width: 255px;
    height: 181px;
  position: absolute;
  -webkit-transition: all 0.25s ease-out;
 -moz-transition: all 0.25s ease-out;
 -o-transition: all 0.25s ease-out;
 transition: all 0.25s ease-out;
 background: url(fotka.png) no-repeat center center;
  background-color: rgba(255, 255, 255, 0.3);
}*/

.fotogalerie a:hover img{
-webkit-transition: all 0.25s ease-out;
 -moz-transition: all 0.25s ease-out;
 -o-transition: all 0.25s ease-out;
 transition: all 0.25s ease-out;
 opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}



.fotogalerie a span.popis{
    color: #000000;
    font: 13px Calibri, Hevlica, sans-serif;
    position: absolute;
    z-index: 10;
    background: white;
    /* width: 32%; */
    text-align: center;
    margin-top: 0px;
    padding: 5px;
    margin-left: 0px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
     opacity: 0.0;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
}

.fotogalerie a:hover span.popis{
    color: #000000;
    font: 13px Calibri, Hevlica, sans-serif;
    position: absolute;
    background: white;
    /* width: 32%; */
    text-align: center;
    margin-top: 0px;
    padding: 5px;
    margin-left: 0px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
     opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

.fotogalerie span.popis strong{
color: #ffffff;
font: bold 14px Calibri, Hevlica, sans-serif;
}

.fotogalerie span.cena{
color: #ffffff;
font: 12px calibri_light, Calibri, Hevlica, sans-serif;
position: absolute;
background: #9f1010;
width: 55px;
height: 17px;
line-height: 17px;
text-align: center;
margin-top: 50px;
margin-left: 10px;
-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4), 0px 0px 12px rgba(0,0,0,0.4);
-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4), 0px 0px 12px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4), 0px 0px 12px rgba(0,0,0,0.4);
z-index: 10;
}

.fotogalerie span.novinka{
color: #000000;
font: 12px calibri_light, Calibri, Hevlica, sans-serif;
position: absolute;
background: #f4c406;
width: 55px;
height: 17px;
line-height: 17px;
text-align: center;
margin-top: 30px;
margin-left: 10px;
text-transform: uppercase;
-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4), 0px 0px 12px rgba(0,0,0,0.4);
-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4), 0px 0px 12px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4), 0px 0px 12px rgba(0,0,0,0.4);
z-index: 10;
}

.fotogalerie span.akce{
color: #ffffff;
font: 12px calibri_light, Calibri, Hevlica, sans-serif;
position: absolute;
background: #339900;
width: 55px;
height: 17px;
line-height: 17px;
text-align: center;
margin-top: 10px;
margin-left: 10px;
text-transform: uppercase;
-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4), 0px 0px 12px rgba(0,0,0,0.4);
-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4), 0px 0px 12px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4), 0px 0px 12px rgba(0,0,0,0.4);
z-index: 10;     
}