#hlavicka {
  height: 590px;
  background: url(../img/head/img-ilustrace.jpg) no-repeat bottom center;
  min-width: 980px;
}

#hlavicka .slogan {
  background: url(../img/head/slogan.png) no-repeat;
  width: 616px;
  height: 221px;
  float: left;
  margin: 80px 0 -20px -40px;
}

#hlavicka .tlacitko_oranzove {
	display:block;
}

.uvod_sluzby>li{
  position: relative;
  display: block;
  float: left;
  border: 0px solid #404040;
  overflow: hidden;
  min-height: 260px;
  background: #DBD6CC;
  width: 20%;
  text-align: center;
  padding: 15px;
  margin: 0 25px 43px 0;
  max-height:377px;
	-webkit-transition: max-height 2.8s;
	-moz-transition: max-height 2.8s;
	transition: max-height 2.8s;

}


.uvod_sluzby>li span {
  display: block;
  padding: 1px 0 15px 0;
  text-align: center;
  width: 100%;
  z-index: 2;
  color: #663200;
  font-weight: 600;
  font-size: 18px;
  min-height: 50px;
}

.uvod_sluzby>li:hover {
  background: #CF4C36 !important;
  color: #FFF !important;
  max-height:1000px;
  -webkit-transition: background-color 700ms linear;      -moz-transition: background-color 1000ms linear;      
  -o-transition: background-color 700ms linear;      
  -ms-transition: background-color 700ms linear;      
  transition: background-color 700ms linear;
}

.uvod_sluzby>li .tlacitko_oranzove.uvod_sluzby {
  padding: 7px;
}

.uvod_sluzby {
  padding-left: 0px !important;
  /* min-height: 400px; */
}

.uvod_sluzby>li:hover span {
	text-decoration: none !important;
  
	color: #FFFFFF !important;
}
.uvod_sluzby>li .tlacitko_oranzove.uvod_sluzby {
	opacity: 0;display:block;
}

.uvod_sluzby>li:hover .tlacitko_oranzove.uvod_sluzby {
	border-color:#FFFFFF;
	
  color: #FFF !important;
      opacity: 1;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.uvod_sluzby_obal { height: 450px;}