/*--- definice pisma ---*/
@font-face {
font-family: TitilliumWeb;
src: url(../pismo/TitilliumWeb.ttf),
url(../pismo/ie/TitilliumWeb.eot);
}
/*--- definice telo+scroll ---*/
BODY {
text-align: center;
background: #f7f5f3;
padding-left: 0px;
padding-right: 0px;
font-family: Titillium Web, TitilliumWeb,  Arial, Calibri;
}


* {
margin: 0;
padding: 0;
border: 0;
}



a{
  text-decoration: none;
}
.clear{
clear: both;
}

.uvnitr{
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

div#hlavicka h1{
  position: absolute;
  text-indent: -9999px;
}
div#hlavicka{
width: 100%;
height: 166px;
text-align: left;
position: relative;
margin-left: auto;
margin-right: auto;
z-index: 10000;
background-color: #ffffff;
-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

div#hlavicka.fixed{
width: 100%;
height: 80px;
text-align: left;
position: fixed;
margin-left: auto;
margin-right: auto;
top: 0px;
z-index: 10;
background-color: rgba(255, 255, 255, 0.95);
-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
div#hlavicka .logo{
  background: url(logo1.png) no-repeat top center;
  width: 100%;
  left: 0px;
  height: 120px;
  display: block;
  position: absolute;
  margin-top: 113px;
  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}
div#hlavicka .logo.posun{
  background: url(logo1.png) no-repeat top center;
  width: 100%;
  left: 0px;
  height: 120px;
  display: block;
  position: absolute;
  z-index: -100;
  margin-top: -130px;
  left: 0px;
  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;

}
div#hlavicka .logo a{
  width: 278px;
  height: 120px;
  display: inline-block;

}
div#hlavicka .logo span{
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
text-indent:-9999px;
}

div#hlavicka .logo2{
  background: url(logo2.png);
  width: 164px;
  height: 40px;
  display: block;
  position: absolute;
  margin-top: -40px;
  left: 20px;
  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
   	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
div#hlavicka .logo2.posun{
  background: url(logo2.png);
  width: 164px;
  height: 40px;
  display: block;
  position: absolute;
  z-index: 1000000;
  margin-top: 20px;
  left: 20px;
  -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

 @media all and (max-width: 1024px) {
div#hlavicka{
width: 100%;

}


}
 /* menu */
div#hlavicka .menu{
  z-index: 100002;
  width: 100%;
  text-align: center;
  position: fixed;
  margin-top: 40px;
 left: 0px;
  -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;

}
div#hlavicka.fixed .menu{
    z-index: 100002;
  width: 100%;
  text-align: right;
  position: fixed;
  margin-top: 30px;
  -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
div#hlavicka.fixed .menu .posledni{
  margin-right: 40px;
}


div#hlavicka .menu ul{
  position: relative;
    z-index: 1000002;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

div#hlavicka .menu .menu-button{
  display: none;
}


div#hlavicka .menu ul li{
    text-align: center;
  display: inline-block;
  list-style: none
}

div#hlavicka .menu ul li a{
 font: 13px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #4c5e6d;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 text-transform: uppercase;
   -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

div#hlavicka .menu ul li a:hover{
 font: 13px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #4c5e6d;
 padding-left: 10px;
 padding-right: 10px;
 text-transform: uppercase;
   -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
div#hlavicka .menu ul li a.aktivni{
 font: bold 13px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #4c5e6d;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 text-transform: uppercase;
   -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

div#hlavicka .menu ul li a span{
 background: url(menu-aktivni.png);
 height: 22px;
 width: 90px;
 position: absolute;
 margin-top: 10px;
 margin-left: -20px;
   -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}

div#hlavicka .menu ul li a:hover span{
 background: url(menu-aktivni.png);
 height: 22px;
 width: 90px;
 position: absolute;
 margin-top: 10px;
 margin-left: -20px;
   -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;

}


 @media all and (max-width: 990px) {

 div#hlavicka .menu .menu-button{
  display: inline-block;
  cursor: pointer;
  border: solid 2px #596c7c;
  margin-top: -15px;
  width: 60px;
  padding: 10px;
  text-align: right;
    -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font: bold 15px Titillium Web, TitilliumWeb,  Arial, Calibri;
text-transform: uppercase;
color: #596c7c;
background: url(menu-ikon.png) no-repeat 5px 15px
}
 div#hlavicka.fixed .menu .menu-button{
  display: inline-block;
  cursor: pointer;
  border: solid 2px #596c7c;
  margin-top: -20px;
  margin-right: 20px;
  width: 60px;
  padding: 10px;
  text-align: right;
    -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font: bold 15px Titillium Web, TitilliumWeb,  Arial, Calibri;
text-transform: uppercase;
color: #596c7c;
background: url(menu-ikon.png) no-repeat 5px 15px
}

div#hlavicka .menu ul{
  display: none;
  margin-top: 10px;
  position: relative;
  z-index: 1000;
  background: rgba(76,94,109, 0.95)
}


div#hlavicka .menu ul li{
    text-align: center;
  display: block;
    height: 40px;
  line-height: 40px;
  border-top: solid 1px #596c7c;
    border-bottom: solid 1px #455665;
  list-style: none
}

div#hlavicka .menu ul li a{
 font: 14px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #ffffff;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 0px;
   height: 40px;
  line-height: 40px;
 display: block;
 text-transform: uppercase;
   -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
div#hlavicka .menu ul li a.aktivni{
 font: bold 14px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #ffffff;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 0px;
   height: 40px;
  line-height: 40px;
 display: block;
 text-transform: uppercase;
   -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
div#hlavicka .menu ul li a:hover{
 font: 14px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #ffffff;
 background:  #596c7c;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 0px;
   height: 40px;
  line-height: 40px;
 display: block;
 text-transform: uppercase;
   -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

div#hlavicka .menu ul li a.aktivni:hover{
 font: bold 14px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #ffffff;
 background:  #596c7c;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 0px;
   height: 40px;
  line-height: 40px;
 display: block;
 text-transform: uppercase;
   -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

div#hlavicka .menu ul li a span{
  display: none;
}

div#hlavicka.fixed .menu .posledni{
  margin-right: 0px;
}


}

 /* nadpisy */
 div#pruh-nadpis{
   width: 100%;
   height: 230px;
   background: url(pruh.png);

}
 div#pruh-nadpis img{
   position: absolute;
   right: 0px;
   top:66px;
   height: 330px;
   width: auto;
   z-index: 10001;
}
@media all and (max-width: 1066px) {
 div#pruh-nadpis img{
   position: absolute;
   right: 0px;
   top:166px;
   height: 230px;
   width: auto;
   z-index: 10001;
}
}
@media all and (max-width: 866px) {
 div#pruh-nadpis img{
   display: none;
}
}
 div#pruh-nadpis.posun{
   width: 100%;
   height: 230px;
   background: url(pruh.png);
      margin-top: 126px;
         -webkit-transition: all 0.3s;

}
 div#pruh-nadpis.posun img{
   position: absolute;
   right: 0px;
   top:166px;
   height: 190px;
   width: auto;
   z-index: 1;

}
/* nabidka */
div.pruh-bily{
  background-color: rgba(255, 255, 255, 1);
  padding-top: 0px;
  padding-bottom: 80px;
  width: 100%
}

div.pruh-bily .uvnitr{
  text-align: center;
}
div.pruh-bily .uvnitr img{
  display: inline-block;
  text-align: center;
}

/* klienti */
div.pruh-loga{
  background-color: #f7f5f2;
  padding-top: 0px;
  padding-bottom: 80px;
  width: 100%
}

div.pruh-loga .uvnitr{
  text-align: center;
}
div.pruh-loga .uvnitr img{
  display: inline-block;
  text-align: center;
}


@media all and (max-width: 600px) {
h2.nadpis.reference{
    color: #cdc4b4;
    font: 40px Titillium Web, TitilliumWeb, Arial, Calibri;
    padding-top: 60px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 50px;
}
}
@media all and (max-width: 400px) {
h2.nadpis.reference{
  margin-left: 40px;
  margin-right: 40px;
    color: #cdc4b4;
    font: 40px Titillium Web, TitilliumWeb, Arial, Calibri;
    padding-top: 60px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 50px;
}
}
/* sluzby na uvodu */

div.sluzba1{
  vertical-align: top;
  display: inline-block;
  width: 290px;
   min-height: 380px;
  margin-bottom: 40px;
  background: url(sluzba1.png) no-repeat top center;

}
div.sluzba2{
    vertical-align: top;
  display: inline-block;
   width: 290px;
  min-height: 380px;
  margin-bottom: 40px;
  background: url(sluzba2.png) no-repeat top center

}
div.sluzba3{
    vertical-align: top;
  display: inline-block;
   width: 290px;
   min-height: 380px;
  margin-bottom: 40px;
  background: url(sluzba3.png) no-repeat top center
}
div.sluzba4{
    vertical-align: top;
  display: inline-block;
   width: 290px;
   min-height: 380px;
  margin-bottom: 40px;
  background: url(sluzba4.png) no-repeat top center
}

div.sluzba5{
    vertical-align: top;
  display: inline-block;
   width: 30%;
    margin: 10px;
 min-height: 380px;
  margin-bottom: 40px;
  text-align: center;
  background: url(sluzba5.png) no-repeat top center
}
div.sluzba6{
    vertical-align: top;
  display: inline-block;
   width: 30%;
   margin: 10px;
   min-height: 380px;
  margin-bottom: 40px;
  text-align: center;
  background: url(sluzba6.png) no-repeat top center
}
div.sluzba7{
    vertical-align: top;
  display: inline-block;
   width: 30%;
    margin: 10px;
   min-height: 380px;
  margin-bottom: 40px;
  text-align: center;
  background: url(sluzba7.png) no-repeat top center
}

div.sluzba8{
    vertical-align: top;
  display: inline-block;
   width: 30%;
    margin: 10px;
   min-height: 380px;
  margin-bottom: 40px;
  text-align: center;
  background: url(sluzba8.png) no-repeat top center
}
div.sluzba9{
    vertical-align: top;
  display: inline-block;
   width: 30%;
    margin: 10px;
   min-height: 380px;
  margin-bottom: 40px;
  text-align: center;
  background: url(sluzba9.png) no-repeat top center
}
div.sluzba10{
    vertical-align: top;
  display: inline-block;
   width: 30%;
    margin: 10px;
  min-height: 380px;
  margin-bottom: 40px;
  text-align: center;
  background: url(sluzba10.png) no-repeat top center
}

div.sluzba11{
    vertical-align: top;
  display: inline-block;
   width: 290px;
   min-height: 380px;
  margin-bottom: 40px;
  background: url(sluzba11.png) no-repeat top center
}
div.sluzba12{
    vertical-align: top;
  display: inline-block;
   width: 290px;
   min-height: 380px;
  margin-bottom: 40px;
  background: url(sluzba12.png) no-repeat top center
}
div.sluzba13{
    vertical-align: top;
  display: inline-block;
   width: 290px;
   min-height: 380px;
  margin-bottom: 40px;
  background: url(sluzba13.png) no-repeat top center
}
div.sluzba14{
    vertical-align: top;
  display: inline-block;
   width: 290px;
  min-height: 380px;
  margin-bottom: 40px;
  background: url(sluzba14.png) no-repeat top center
}


div.sluzba15{
    vertical-align: top;
  display: inline-block;
   width: 30%;
    margin: 10px;
  min-height: 380px;
  margin-bottom: 40px;
  text-align: left;
  background: url(sluzba15.png) no-repeat top left
}
div.sluzba16{
    vertical-align: top;
  display: inline-block;
   width: 30%;
    margin: 10px;
  min-height: 380px;
  margin-bottom: 40px;
  text-align: left;
  background: url(sluzba16.png) no-repeat top left
}
div.sluzba17{
    vertical-align: top;
  display: inline-block;
   width: 30%;
    margin: 10px;
  min-height: 380px;
  margin-bottom: 40px;
  text-align: left;
  background: url(sluzba17.png) no-repeat top left
}

div.sluzba18{
    vertical-align: top;
  display: inline-block;
   width: 30%;
    margin: 10px;
  min-height: 380px;
  margin-bottom: 40px;
  text-align: left;
  background: url(sluzba18.png) no-repeat top center
}
div.sluzba19{
    vertical-align: top;
  display: inline-block;
   width: 30%;
    margin: 10px;
  min-height: 380px;
  margin-bottom: 40px;
  text-align: left;
  background: url(sluzba5.png) no-repeat top center
}
div.sluzba20{
    vertical-align: top;
  display: inline-block;
   width: 30%;
    margin: 10px;
  min-height: 380px;
  margin-bottom: 40px;
  text-align: left;
  background: url(sluzba20.png) no-repeat top center
}
 @media all and (max-width: 1000px) {
div.sluzba5, div.sluzba6, div.sluzba7, div.sluzba8, div.sluzba9, div.sluzba10, div.sluzba15, div.sluzba16, div.sluzba17, div.sluzba18, div.sluzba19, div.sluzba20{
   width: 290px;
   margin: 0px;
    margin-bottom: 40px;
}


}

 div.sluzba1 h2,  div.sluzba2 h2,  div.sluzba3 h2,  div.sluzba4 h2, div.sluzba5 h2, div.sluzba6 h2, div.sluzba7 h2, div.sluzba8 h2, div.sluzba9 h2, div.sluzba10 h2, div.sluzba11 h2, div.sluzba12 h2, div.sluzba13 h2, div.sluzba14 h2, div.sluzba15 h2, div.sluzba16 h2, div.sluzba17 h2, div.sluzba18 h2, div.sluzba19 h2, div.sluzba20 h2{
 font: bold 23px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #4c5e6d;
 margin-top: 170px;
 margin-bottom: 0px;
 text-align: center;
}

 div.sluzba1 h2 a,  div.sluzba2 h2 a,  div.sluzba3 h2 a,  div.sluzba4 h2 a{
 font: bold 23px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #4c5e6d;
}
 div.sluzba1 p,  div.sluzba2 p,  div.sluzba3 p,  div.sluzba4 p, div.sluzba5 p,div.sluzba6 p, div.sluzba7 p, div.sluzba8 p, div.sluzba9 p, div.sluzba10 p, div.sluzba11 p, div.sluzba12 p, div.sluzba13 p, div.sluzba14 p, div.sluzba15 p, div.sluzba16 p, div.sluzba17 p, div.sluzba18 p , div.sluzba19 p , div.sluzba20 p  {
 font: 14px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #4c5e6d;
 text-align: center;
 padding-bottom: 40px;
 margin: 15px
}

 div.sluzba15 h2, div.sluzba16 h2, div.sluzba17 h2{
 font: bold 23px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #4c5e6d;
 margin-top: 170px;
 margin-bottom: 0px;
 text-align: left;
  margin-left: 15px
}

 div.sluzba15 p, div.sluzba16 p, div.sluzba17 p {
 font: 14px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #4c5e6d;
 text-align: left;
 padding-bottom: 40px;
 margin: 15px
}
 div.sluzba1 p a,  div.sluzba2 p a,  div.sluzba3 p a,  div.sluzba4 p a, div.sluzba5 p a, div.sluzba6 p a, div.sluzba7 p a, div.sluzba8 p a, div.sluzba9 p a, div.sluzba10 p a, div.sluzba11 p a, div.sluzba12 p a, div.sluzba13 p a, div.sluzba14 p a, div.sluzba15 p a, div.sluzba16 p a, div.sluzba17 p a {
 font: 14px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #4c5e6d;
}
/*
paticka
 */
div#paticka{
  width: 100%;
  height: 260px;
  background: url(paticka.png);
  margin-bottom: -25px;
  text-align: right;
}
div#paticka .uvnitr{
  text-align: right;
}
 div.ja{
  width: 447px;
  height: 537px;
  position: absolute;
  left: -50px;
  margin-top: -278px;
  background: url(ja.png);
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
  @media all and (max-width: 600px) {
 div.ja{
  width: 300px;
  height: 360px;
  position: absolute;
  left: -80px;
  margin-top: -175px;
  background: url(ja.png);
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

}
  @media all and (max-width: 420px) {
 div.ja{
   display: none;
}

}


 div#paticka div.telefon, div#paticka div.email, div#paticka div.facebook{
  width: 280px;
  height: 40px;
  display: inline-block;
  margin-top: 60px;
 margin-right: 10px;
}
  @media all and (max-width: 1200px) {
 div#paticka div.telefon, div#paticka div.email, div#paticka div.facebook{
  width: 250px;
  height: 40px;
  display: inline-block;
  margin-top: 60px;
  margin-right: 10px;
}
}
  @media all and (max-width: 1110px) {
 div#paticka div.telefon, div#paticka div.email, div#paticka div.facebook{
  width: 98%;
  height: 40px;
  display: block;
  clear: both;
  margin-top: 5px;
  margin-bottom: 18px;
  margin-right: 10px;
}
 div#paticka div.telefon{
   padding-top: 10px;
}
}

 div#paticka div.telefon p a, div#paticka div.email p a, div#paticka div.facebook p a{

      color: #ffffff;

}
 div#paticka div.telefon p, div#paticka div.email p, div#paticka div.facebook p{
  width: 200px;
  height: 40px;
  margin-right: 10px;
  display: inline-block;
      color: #ffffff;
    font: normal 20px Titillium Web, TitilliumWeb, Arial, Calibri;
    line-height: 20px;
    vertical-align: top;
}
 div#paticka div.telefon p strong, div#paticka div.email p strong, div#paticka div.facebook p strong{
      color: #ffffff;
    font: normal 14px Titillium Web, TitilliumWeb, Arial, Calibri;
}
 div#paticka div.telefon span{
   margin-top: 3px;
  width: 40px;
  height: 40px;
  display: inline-block;
   background: url(paticka-ikony.png) no-repeat 0 0px;
   vertical-align: top;
    -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
 div#paticka div.telefon:hover span{
   background: url(paticka-ikony.png) no-repeat 0 -40px;
    -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

div#paticka div.email span{
   margin-top: 3px;
  width: 40px;
  height: 40px;
  display: inline-block;
   background: url(paticka-ikony.png) no-repeat -40px 0px;
   vertical-align: top;
    -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
 div#paticka div.email:hover span{
   background: url(paticka-ikony.png) no-repeat -40px -40px;
    -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
div#paticka div.facebook span{
   margin-top: 3px;
  width: 40px;
  height: 40px;
  display: inline-block;
   background: url(paticka-ikony.png) no-repeat -80px 0px;
   vertical-align: top;
    -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
 div#paticka div.facebook:hover span{
   background: url(paticka-ikony.png) no-repeat -80px -40px;
    -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

 div#paticka p.copy{
 font: 13px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #4c5e6d;
 margin-top: 110px;
 margin-right: 20px;
}

  @media all and (max-width: 1110px) {
 div#paticka p.copy{
 font: 13px Titillium Web, TitilliumWeb,  Arial, Calibri;
 color: #4c5e6d;
 margin-top: 40px;
 margin-right: 60px;
}

}

/*
---------------------
Pro všechny stránky
---------------------
 */


/* reklama */
.dialog-background {width: 100%; height: 100%; background: #000; opacity: .85; position: fixed; z-index: 1000000; left: 0; top: 0; display: none}
.dialog {width: 50%; position: fixed; left: 50%; top: 10%; min-height: 200px; margin-top: -10px; margin-left: -25%; background: #fff; color: #000; display: none; z-index: 1000000;
    -moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

@media all and (max-width: 640px) {
.dialog {width: 85%; position: fixed; left: 10%; top: 10%; min-height: 200px; margin-top: -10px; margin-left: -5%; background: #fff; color: #000; display: none; z-index: 1000000;
    -moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
}


.show .dialog, .show .dialog-background {display: block;}
.dialog .zavri{ background: url(zavri.png); width: 30px; height: 30px; position: absolute; right: -40px; top: 0px; text-indent: -99999px;}

/*
 tlacitko nahoru
  */
#back-top {
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 10000;
}

#back-top a {
    width: 40px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;

    /* spomalování */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
     -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
#back-top a:hover {
    color: #fff;
}

/* obrázek s šikou (tég span) */
#back-top span {
    width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 7px;
    background: url(top.png) no-repeat center center;

    /* zaokrouhlení úhlu */
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;

    /* spomalování */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}