#banner_box {
  	width:960px;
	  height:458px;
	margin: 0 auto;  
  background: #fff; /* Old browsers */
  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;    

  border: 1px solid #999;
  -webkit-box-shadow: 0px 10px 5px -3px rgba(50, 50, 50, 0.3);
  -moz-box-shadow:    0px 10px 5px -3px rgba(50, 50, 50, 0.3);
  box-shadow:         0px 10px 5px -3px rgba(50, 50, 50, 0.3);
	z-index:2;
}

#banner {
	width:940px;
	height:398px;
	position:relative;
	overflow:hidden;
	padding:0;	
	margin: 10px;
	font-family: 'Archivo Narrow', sans-serif;
  background: transparent url(./img/panorama.jpg) -450px 0px  no-repeat; /* obrazek mesta na pozadi banneru */
  border: 1px solid #999;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;    
}

#banner a img {
	border: 0; 
}
#banner a {
	text-decoration:none; /* odkazy nechceme podtrhavat */
}
.banner_container {
	position: absolute;
	width: 100%;
	height: 100%;
}

.logo {
	position:absolute;
	top:10px;
	right:20px;		
}
.auto {
	position:absolute;
	bottom: 5px;
	right:-500px;
	z-index:10;
}
.banner_nonstop {
	position:absolute;
	bottom: 10px;
	right:-1200px;
	z-index:10;
}
.banner_14014 {
	position:absolute;
	bottom: 10px;
	right:-1200px;
	z-index:10;
}
.banner_800 {
	position:absolute;
	bottom: 10px;
	right:-1200px;
	z-index:10;
}
.banner_pozadi {
	position:absolute;
	top: -200px;
	right: 250px;
  width: 210px;
  height: 200px;
  background: #fff;
	z-index:9;
  
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; 
  
  -moz-opacity: 0.70;
  opacity: 0.70;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);

}

.razitko {
	position:absolute;
	top:10px;
	right:-500px;
  z-index:30;		
}



.banner_bck{
	position:absolute;
	top:10px;
	left:-30px;
  width: 50%;
	z-index:0;
}


/* ANIMACE ----------------------------------------------------------------- */




.razitko, .banner_pozadi, .banner_text0, .banner_text1, .banner_text2, .banner_text3, .banner_text4, .banner_text5 {
	-webkit-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* Saf3.2+, Chrome */
	-moz-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* FF4+ */
	-ms-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* IE10 */
	-o-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* Opera 10.5+ */
	transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000);	
} 


.s0 .banner_bck{
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-ms-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;

}

.banner_bck{
-webkit-transition: all 13s linear;
-moz-transition: all 13s linear;
-ms-transition: all 13s linear;
-o-transition: all 13s linear;
transition: all 13s linear;
}

.banner_bck img{
-webkit-transition: all 3s linear;
-moz-transition: all 3s linear;
-ms-transition: all 3s linear;
-o-transition: all 3s linear;
transition: all 3s linear;
}

.banner_ruka{
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}

.auto{
-webkit-transition: all 2s linear;
-moz-transition: all 2s linear;
-ms-transition: all 2s linear;
-o-transition: all 2s linear;
transition: all 2s linear;
}

.banner_nonstop,
.banner_14014,
.banner_800{
-webkit-transition: all 2s linear;
-moz-transition: all 2s linear;
-ms-transition: all 2s linear;
-o-transition: all 2s linear;
transition: all 2s linear;
}

.s0 .banner_nonstop,
.s0 .banner_14014,
.s0 .banner_800{
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-ms-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
}




/* text 0 */




/* auto */

.s1 .auto,
.s2 .auto,

.s4 .auto,
.s5 .auto,

.s7 .auto,
.s8 .auto{ 
  right: 1000px;
-webkit-transition: all 2s linear;
-moz-transition: all 2s linear;
-ms-transition: all 2s linear;
-o-transition: all 2s linear;
transition: all 2s linear;
}

.s0 .auto,
.s3 .auto,

.s6 .auto,

.s9 .auto,

.s10 .auto,
.s11 .auto,
.s12 .auto,
.s13 .auto,
.s14 .auto,
.s15 .auto{
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-ms-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
}


/* banner_pozadi */

.s0 .banner_pozadi{
}
.s1 .banner_pozadi,
.s2 .banner_pozadi,
.s15 .banner_pozadi{

}
.s3 .banner_pozadi,
.s4 .banner_pozadi,
.s5 .banner_pozadi,
.s6 .banner_pozadi,
.s7 .banner_pozadi,
.s8 .banner_pozadi,
.s9 .banner_pozadi{ 
  top: 0px;
}
.s10 .banner_pozadi,
.s11 .banner_pozadi,
.s12 .banner_pozadi,
.s13 .banner_pozadi,
.s14 .banner_pozadi{ 
  top: 0px;
  height: 350px;
}



/* banner_nonstop */

.s0 .banner_nonstop{
}
.s1 .banner_nonstop,
.s2 .banner_nonstop{
  right: 300px;
}
.s3 .banner_nonstop,
.s4 .banner_nonstop,
.s5 .banner_nonstop,
.s6 .banner_nonstop,
.s7 .banner_nonstop,
.s8 .banner_nonstop,
.s9 .banner_nonstop,
.s10 .banner_nonstop,
.s11 .banner_nonstop,
.s12 .banner_nonstop,
.s13 .banner_nonstop,
.s14 .banner_nonstop{ 
  bottom: 265px;
  right: 50px;

  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;

	-webkit-transform:scale(0.30);
	-moz-transform:scale(0.30);
	-ms-transform:scale(0.30);
	-o-transform:scale(0.30);
	transform:scale(0.30);
}

.s15 .banner_nonstop{ 
  bottom: 600px;
  right: 50px;

	-webkit-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* Saf3.2+, Chrome */
	-moz-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* FF4+ */
	-ms-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* IE10 */
	-o-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* Opera 10.5+ */
	transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000);	

	-webkit-transform:scale(0.30);
	-moz-transform:scale(0.30);
	-ms-transform:scale(0.30);
	-o-transform:scale(0.30);
	transform:scale(0.30);
}


/* banner_14014 */

.s0 .banner_14014, 
.s1 .banner_14014,
.s2 .banner_14014,
.s3 .banner_14014{ 
}
.s4 .banner_14014,
.s5 .banner_14014{
  right: 300px;
}
.s6 .banner_14014,
.s7 .banner_14014,
.s8 .banner_14014,
.s9 .banner_14014,
.s10 .banner_14014,
.s11 .banner_14014,
.s12 .banner_14014,
.s13 .banner_14014,
.s14 .banner_14014{
  bottom: 207px;
  right: 50px;

  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  
	-webkit-transform:scale(0.30);
	-moz-transform:scale(0.30);
	-ms-transform:scale(0.30);
	-o-transform:scale(0.30);
	transform:scale(0.30);
}

.s15 .banner_14014{ 
  bottom: 542px;
  right: 50px;

	-webkit-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* Saf3.2+, Chrome */
	-moz-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* FF4+ */
	-ms-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* IE10 */
	-o-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* Opera 10.5+ */
	transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000);	

	-webkit-transform:scale(0.30);
	-moz-transform:scale(0.30);
	-ms-transform:scale(0.30);
	-o-transform:scale(0.30);
	transform:scale(0.30);
}

/* banner_800 */

.s0 .banner_800, 
.s1 .banner_800,
.s2 .banner_800,
.s3 .banner_800,
.s4 .banner_800,
.s5 .banner_800,
.s6 .banner_800{ 
}
.s7 .banner_800,
.s8 .banner_800{
  right: 290px;
}

.s9 .banner_800,
.s10 .banner_800,
.s11 .banner_800,
.s12 .banner_800,
.s13 .banner_800,
.s14 .banner_800{ 
  bottom: 176px;
  right: 50px;

  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;

	-webkit-transform:scale(0.30);
	-moz-transform:scale(0.30);
	-ms-transform:scale(0.30);
	-o-transform:scale(0.30);
	transform:scale(0.30);
}

.s15 .banner_800{ 
  bottom: 511px;
  right: 50px;

	-webkit-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* Saf3.2+, Chrome */
	-moz-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* FF4+ */
	-ms-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* IE10 */
	-o-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* Opera 10.5+ */
	transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000);	

	-webkit-transform:scale(0.30);
	-moz-transform:scale(0.30);
	-ms-transform:scale(0.30);
	-o-transform:scale(0.30);
	transform:scale(0.30);
}



/* razitko */
.s0 .razitko{
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-ms-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;

}



.s1 .razitko,
.s2 .razitko,
.s3 .razitko,
.s4 .razitko,
.s5 .razitko,
.s6 .razitko,
.s7 .razitko,
.s8 .razitko,
.s9 .razitko{ 
}
.s10 .razitko,
.s11 .razitko,
.s12 .razitko,
.s13 .razitko{ 
  bottom: -120px;
  right: 105px;

  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;

	-webkit-transform:scale(0.30);
	-moz-transform:scale(0.30);
	-ms-transform:scale(0.30);
	-o-transform:scale(0.30);
	transform:scale(0.30);
}
.s14 .razitko,
.s15 .razitko{ 
  bottom: -120px;
  right: 105px;

	-webkit-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* Saf3.2+, Chrome */
	-moz-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* FF4+ */
	-ms-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* IE10 */
	-o-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* Opera 10.5+ */
	transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000);	

	-webkit-transform:scale(0.30);
	-moz-transform:scale(0.30);
	-ms-transform:scale(0.30);
	-o-transform:scale(0.30);
	transform:scale(0.30);
  
  -moz-opacity: 0.00;
  opacity: 0.00;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
  
}



/*
.s1 .banner_bck,
.s2 .banner_bck,
.s3 .banner_bck,
.s4 .banner_bck,
.s5 .banner_bck,
.s6 .banner_bck,
.s7 .banner_bck,
.s8 .banner_bck,
.s9 .banner_bck,
.s10 .banner_bck,
.s11 .banner_bck,
.s12 .banner_bck{
	-webkit-transform:scale(1.15);
	-moz-transform:scale(1.15);
	-ms-transform:scale(1.15);
	-o-transform:scale(1.15);
	transform:scale(1.15);	;
}

.s10 .banner_bck img,
.s11 .banner_bck img,
.s12 .banner_bck img{

  opacity: 0;
}
*/