/*--- definice pisma ---*/
@font-face {
font-family: TitilliumWeb;
src: url(http://www.wedipa.com/pismo/TitilliumWeb.ttf),
url(http://www.wedipa.com/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/sluzba1.png) no-repeat top center;

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

}
div.sluzba3{
    vertical-align: top;
  display: inline-block;
   width: 290px;
   min-height: 380px;
  margin-bottom: 40px;
  background: url(http://www.wedipa.com/css/sluzba3.png) no-repeat top center
}
div.sluzba4{
    vertical-align: top;
  display: inline-block;
   width: 290px;
   min-height: 380px;
  margin-bottom: 40px;
  background: url(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/sluzba10.png) no-repeat top center
}

div.sluzba11{
    vertical-align: top;
  display: inline-block;
   width: 290px;
   min-height: 380px;
  margin-bottom: 40px;
  background: url(http://www.wedipa.com/css/sluzba11.png) no-repeat top center
}
div.sluzba12{
    vertical-align: top;
  display: inline-block;
   width: 290px;
   min-height: 380px;
  margin-bottom: 40px;
  background: url(http://www.wedipa.com/css/sluzba12.png) no-repeat top center
}
div.sluzba13{
    vertical-align: top;
  display: inline-block;
   width: 290px;
   min-height: 380px;
  margin-bottom: 40px;
  background: url(http://www.wedipa.com/css/sluzba13.png) no-repeat top center
}
div.sluzba14{
    vertical-align: top;
  display: inline-block;
   width: 290px;
  min-height: 380px;
  margin-bottom: 40px;
  background: url(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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(http://www.wedipa.com/css/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;
}

@keyframes moveFromTop {
  from {
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }

  to {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes preloader_rotate {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }
@-moz-keyframes preloader_rotate {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }
@-o-keyframes preloader_rotate {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }
@keyframes preloader_rotate {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }
#page_preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
   background-color:  #4c5e6d;  }
  #page_preloader.fade .preloader_img {
    -moz-animation: scaleAnimTo 0.3s ease;
    -webkit-animation: scaleAnimTo 0.3s ease;
    animation: scaleAnimTo 0.3s ease; }
  #page_preloader .preloader_img {
    z-index: 3;
    display: block;
    width: 150px;
    height: 150px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -moz-animation: scaleAnim 0.3s ease;
    -webkit-animation: scaleAnim 0.3s ease;
    animation: scaleAnim 0.3s ease; }
    @media (min-width: 768px) {
      #page_preloader .preloader_img {
        -moz-box-shadow: 0 10px 40px rgba(53, 57, 64, 0.3);
        -webkit-box-shadow: 0 10px 40px rgba(53, 57, 64, 0.3);
        box-shadow: 0 10px 40px rgba(53, 57, 64, 0.3); } }
    #page_preloader .preloader_img .img_end {
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      position: absolute;
      left: 0px;
      bottom: 0;
      top: 0;
      right: 0;
     background: #4c5e6d;

      z-index: -1;
    border: 5px solid #ffffff;
    border-bottom-color: #5e6f7d;
    border-right-color: #6e7d89;
    border-top-color: #7f8c97;
    border-left-color: #93a0aa;

      border-radius: 100%;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      -moz-animation: preloader_rotate 1s steps(100) infinite;
      -webkit-animation: preloader_rotate 1s steps(100) infinite;
      animation: preloader_rotate 1s steps(100) infinite;
      z-index: 3; }
    #page_preloader .preloader_img img {
      max-width: 76%;
      height: auto;
      display: block;
      position: absolute;
      top: 40%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 5; }