.container {
	
	margin: 0 auto;
	display: block;
    position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin-right: auto;
    margin-left: auto;
    
   	
}
.container p{
	font-size: 18px;
  color: #040359;
}
.cistic{
	clear: both;
}
html{
	
	background-color: #f2f2f2;
	margin: 0 auto;
	font-family: 'Ubuntu', sans-serif;
}
b{
	color: #0b80c4;
}
header{
	padding-bottom: 30px;
	width: 1000px;
	float: left;
	margin-top: 30px;
	
}
header a{
	float: left;
	width: 40%;
}

article a{
	color: #0b80c4;
     text-decoration: none;
}

.text{
	margin-top: 150px;
	text-align: justify;
	margin-bottom: 70px;
	font-size: 20px;
	
}

h1{
	font-size: 120px;
	position: relative;
	text-align: center;
	/*font-family: 'Aldrich', sans-serif;*/
	font-family: 'Croissant One', cursive;
	color: #0b80c4;
}
h2{
	text-align: center;
	color: #666;
	font-family: 'Roboto Slab', cursive;
	margin-top: 40px;
 color: #0b80c4;

}
h3{
	
	font-size: 48px;
	color: #0b80c4;
}


nav {
	height: 40px;
	width: 100%;
	background-color: #0b80c4;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #000040;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 400px;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
}
nav li a {
	border-right: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}

nav a#pull {
	display: none;
}



.tlacitko2{
	width: 150px;
	height: 75px;
	background: #5d7c3f;
}

#reference{
	width: 100%;
	margin-top: 30px;
	padding-bottom: 100px;
}

#reference img{
	width: 100%; 
	
}
#reference a{
	width: 100%;
	margin: 0px auto;
}
#reference ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 15px;
	position: relative;
	width: 30%;
}

#reference ul li a {
	display: block;
	background: none;
	width: 100%;
	color: #000;
	padding: 3px;
	margin: 0px;
	
}
#reference p{
	font-size: 20px;
	text-align: center;
	font-style: italic;
	font-variant: small-caps;
}
#reference span{
	font-size: 18px;
	text-align: center;
	font-style: italic;
	font-variant: normal; 
}
strong{
	text-align: center;
	margin: 0 auto;

}
#tym  {
	
	padding-top: 10px;
	float: left;

	
}
#tym ul{
	
	list-style: none;
	text-decoration: none;

}	
#tym ul li{
	text-align: center;
	font-weight: normal;
	width: 20%;
	float: left;
	padding: 0;
	margin: 0;
}
#tym ul li a{
	text-decoration: none;
	font: 100 1.2em "Open Sans", sans-serif;
	color: black;
}

.prvni{
	width: 30%;
	float: left;
	margin: 15px;
}
.prvni img{
	border-radius: 50%;
	width: 60px;
	height: 60px;
	float: left;
	margin-left: 10px;
	margin-right: 15px;
	
}
.prvni p{
	text-align: justify;
	
}

#kontakt a img{
	width: 100%;


}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}





/* MEDIA FULL HD */


@media (min-width: 1020px){
.container{
	width: 1000px;
}
#tym{
	width: 1000px;
}
.prvni{
	height: 205px;
}

}



/* MEDIA  HD */



@media (max-width: 1020px) {
	
.container{
	
	margin-left: 25px;
	margin-right: 25px;
}
.container p{
	font-size: 18px;

}
.cistic{
	clear: both;
}

header{

	width: 650px;

	
}

.text{
	margin-top: 100px;
	
	
}

#reference{

	margin-top: 100px;
	padding-bottom: 100px;
	
	width: 95%;
	
	
}
#reference a{
	width: 100%;
margin: 0px auto;
}

#reference img{
	width: 100%;
}
#reference ul li {
	display: block;
	float: left;
    width: 40%;
    margin: 5%;
}

#reference ul li a {
	display: block;
	background: none;
	
	color: #000040;
	padding: 3px;
	margin: 0px;
	border: 0;
}


#tym ul{
	width: 95%;
	list-style: none;
	text-decoration: none;
  color: #117EB7;

}
.prvni{
	width: 44%;
	float: left;
	margin: 15px;
}





}




/* MEDIA Tablety */


@media (max-width: 630px) {
nav {
	height: auto;
	width: 100%;
	background-color: #0b80c4;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #283744;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}
nav ul {
	display: block; 
	width: 100%;
	height: auto;
	
}
nav li {
  	width: 50%;
  	float: left;
  	position: relative;
  	list-style: none;
  	
  	
}
nav a {
	color: #fff;
	display: inline-block;
	width: 100%;
	text-align: left;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
	text-indent: 25px;
	
}
nav li a {
	border-bottom: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #f2f2f2;
}
nav a#pull {
	display: none;
}	

#reference ul li{
	width: 90%;
}
#tym ul li{
	width: 80%;

}
.prvni{
	width: 90%;
}


}


/* MEDIA Telefony */


@media (max-width: 400px) {
.text{
	margin-top: 120px;
}
nav {
	height: auto;
	width: 100%;
	background-color: #0b80c4;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;

}
nav ul {
	display: none; 
	width: 100%;
	height: auto;
	
}
nav li {
  	width: 50%;
  	float: left;
  	position: relative;
  	list-style: none;
  	
  	
}
nav a {
	color: #fff;
	display: inline-block;
	width: 100%;
	text-align: left;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
	text-indent: 25px;
	
}
nav li a {


	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	
}
nav a#pull {
	display: block;
	background-color: #ffffff;
	width: 100%;
	position: relative;
}
nav a#pull:after {
	content:"";
	background: url('nav-icon.png') no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 10px;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
	
}




#cf_1987 {
  position:relative;
  height:507px;
  width:401px;
  
}

#cf_1987 img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_1987 img.top:hover {
  opacity:0;
}





#cf_1987_sestihran {
  position:relative;
  height:201px;
  width:178px;
  
}

#cf_1987_sestihran img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_1987_sestihran img.top:hover {
  opacity:0;
}




#cf_1988 {
  position:relative;
  height:338px;
  width:248px;
  
}

#cf_1988 img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_1988 img.top:hover {
  opacity:0;
}




#cf {
  position:relative;
  height:338px;
  width:343px;
  
}

#cf img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}



#cf_1984 {
  position:relative;
  height:212px;
  width:279px;
margin:0 auto;
  
}

#cf_1984 img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


#cf_1984 img.top:hover {
  opacity:0;
}



#cf_1985 {
  position:relative;
  height:319px;
  width:350px;
margin:0 auto;
  
}

#cf_1985 img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


#cf_1985 img.top:hover {
  opacity:0;
}



  #cf5_prihlaska {
    position:relative;
    height:31px;
    width:31px;
    
  }
  #cf5_prihlaska img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_prihlaska img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_prihlaska:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_prihlaska:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  } 





   #cf5_prihlaska2 {
    position:relative;
    height:31px;
    width:31px;
    
  }
  #cf5_prihlaska2 img {
    position:absolute;
    right:0;
    -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;
  }

  #cf5_prihlaska2 img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_prihlaska2:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_prihlaska2:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  } 
  
  
  
  


   #cf5_prihlaska3 {
    position:relative;
    height:155px;
    width:163px;
    
  }
  #cf5_prihlaska3 img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_prihlaska3 img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_prihlaska3:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_prihlaska3:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }   
  
  
    #cf5 {
    position:relative;
    height:136px;
    width:197px;
    
  }
  #cf5 img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5 img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }
  
  
  .nadpis_stred {
text-align: center;

}

  #cf5_kytara {
    position:relative;
    height:300px;
    width:402px;
    
  }
  #cf5_kytara img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_kytara img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_kytara:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_kytara:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }
  
  
#cf5_feet {
    position:relative;
    height:226px;
    width:406px;
    
  }
  #cf5_feet img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_feet img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_feet:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_feet:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }
  
  #cf_1986_k {
  position:relative;
  height:209px;
  width:300px;

  
}

#cf_1986_k img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


#cf_1986_k img.top:hover {
  opacity:0;
}

 #cf5_1987 {
    position:relative;
    height:250px;
    width:400px;
    
  }
  #cf5_1987 img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_1987 img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_1987:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_1987:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }
  
  #cf {
  position:relative;
  height:338px;
  width:343px;
  
}

#cf img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}

#cf_1988 {
  position:relative;
  height:338px;
  width:248px;
  
}

#cf_1988 img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_1988 img.top:hover {
  opacity:0;
}


#cf5_1993 {
    position:relative;
    height:112px;
    width:589px;
    
  }
  #cf5_1993 img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_1993 img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_1993:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_1993:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }
  
  #cf5_1993_cat {
    position:relative;
    height:290px;
    width:575px;
    
  }
  #cf5_1993_cat img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_1993_cat img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_1993_cat:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_1993_cat:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }
  
   
   #cf5_1995 {
    position:relative;
    height:468px;
    width:219px;
    
  }
  #cf5_1995 img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_1995 img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_1995:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_1995:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }


#cf5_1995_T {
    position:relative;
    height:412px;
    width:261px;
    
  }
  #cf5_1995_T img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_1995_T img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_1995_T:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_1995_T:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }

#cf5_ddr {
    position:relative;
    height:138px;
    width:236px;
    
  }
  #cf5_ddr img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_ddr img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_ddr:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_ddr:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }


#cf5_vlajky {
    position:relative;
    height:100px;
    width:181px;
    
  }
  #cf5_vlajky img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_vlajky img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_vlajky:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_vlajky:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }




#cf5_stitky {
    position:relative;
    height:105px;
    width:622px;
    
  }
  #cf5_stitky img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_stitky img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_stitky:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_stitky:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }


#cf5_stitky_vetsi {
    position:relative;
    height:210px;
    width:622px;
    
  }
  #cf5_stitky_vetsi img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_stitky_vetsi img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_stitky_vetsi:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_stitky_vetsi:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }


#cf5_narozeni {
    position:relative;
    height:130px;
    width:474px;
    
  }
  #cf5_narozeni img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_narozeni img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_narozeni:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_narozeni:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }

#cf5_narozeni2 {
    position:relative;
    height:130px;
    width:494px;
    
  }
  #cf5_narozeni2 img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_narozeni2 img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_narozeni2:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_narozeni2:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }

  #cf5_97 {
    position:relative;
    height:114px;
    width:216px;
    
  }
  #cf5_97 img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_97 img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_97:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_97:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }

#cf_1995_1 {
  position:relative;
  height:197px;
  width:442px;

  
}

#cf_1995_1 img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


#cf_1995_1 img.top:hover {
  opacity:0;
}


#cf_1995_2 {
  position:relative;
  height:197px;
  width:263px;

  
}

#cf_1995_2 img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


#cf_1995_2 img.top:hover {
  opacity:0;
}

  #cf_2000_Janca {
  position:relative;
  height:378px;
  width:310px;

  
}

#cf_2000_Janca img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


#cf_2000_Janca img.top:hover {
  opacity:0;
}


 /* banner rozcestnik */
#banner-rozcestnik {
	position: fixed;
  top: 0px;
        left: 0px;
	

	
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#banner-prihlaska a {
	width: 31px;
	height: 61px;
	display: block;
}



  #cf5_prihlaska {
    position:relative;
    height:31px;
    width:31px;
    
  }
  #cf5_prihlaska img {
    position:absolute;
    left:0;
    -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;
  }

  #cf5_prihlaska img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_prihlaska:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_prihlaska:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }