/*---uprava dlazdic---*/
.cardbox {
  background-color: transparent;
  text-align: center;
}
/*---konec upravy---*/

/*--zmena textu motivu---*/
#motto p#motto-title { /*prvni radek*/
  color: #ffffff; /*barva pisma*/
  font-size: 65px;  /*velikost pisma*/
  background-color: rgba(0,0,0,0.2); /*barva pozadi, posledni hodnota je pruhlednost (cim nizsi, tim pruhlednejsi*/
}

#motto #motto-text {   /*druhy radek*/
  color: #e8e8e8;
  font-size: 35px;  /*velikost pisma*/
  background-color: rgba(0,0,0,0.2);
}
/*--konec zmeny---*/

#motto p#motto-title {
  margin: 150px auto 0px auto;
  color: #ffffff;
  background-color: rgba(0,0,0,0.2);
}
/*separator box 1*/
#separator { background-image: url("/obrazek/3/separator2-jpg/");
  background-position: center center; }


/*--zmena nahodneho obrazku na fotogalerii--*/
h3.panel-title {
  visibility: hidden;
}
#panel-photos h3:before {
  content: "Osvědčení způsobilosti";
  visibility: visible;
}

/*---konec zmeny---*/


#bar-poweredby { display:none; }

.rubrika img {  /* uprava obrazku viz. vysivky rubrika */
  float: left;
  margin: 10px;
  width: auto;
  display: inline-block;
}

.thumbnail a > img, .thumbnail > img { /* uprava ikon na uvodni strance */
  width: 40%;
  min-width: 10%;
}


/* ============= bloky =============*/


/*----- zobrazení prvků při rozlišení: ----*/

@media (min-width: 768px) {
  .sluzby .thumbnail {min-height:100px;} 
}
@media (min-width: 992px) {
  .sluzby .thumbnail {min-height:100px;} 
}
@media (min-width: 1200px) {
  .sluzby .thumbnail {min-height:100px;} 
}


@media screen and (max-width:768px) {
  .sluzby .thumbnail{min-height:auto!imporatant;}
}

@media screen and (max-width:20em) {
  .box {width: 100%}
}