body {	
	margin:0;
	padding:0;
}
#banner {
	width:241px;
	height:241px;
	position:relative;
	overflow:hidden;
	padding:0;	
	margin:0;
	border:1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	background: #000 url(../img/bannerbg.png) left bottom no-repeat; 
}
a img {
	border: 0;  
}
a {
	text-decoration:none; 
}
.container {
	position: absolute;
	width: 100%;
	height: 100%;
	background: none;
}
.click { 
	width: 100%; 
	height: 100%;
	display: block;
	overflow: hidden;  
	position: absolute;
}
.textprefer {
position: absolute;
top: -100px;
font-size: 17px;
font-weight: normal;
color: #ffffff;
text-align: center;
padding: 0px 10px;
}
.ctcar {
	position:absolute;
  top: 80px;
  left: 310px;
	z-index:0;	
}
.ctlogo {
position: relative;
top: -227px;
left: 0;
width: 241px;
}
h1 {
color: #00ff00;
font-size: 22px;
text-align: center;
padding: 0 10px;
text-shadow: 0px 0px 2px #000;
}
.text2 h1 {
font-size: 18px;
}
.text1, .text2, .text3, .text4, .textbut {
width: 241px;
position: absolute;
top: 230px;
left: 0;
}
/* ANIMACE ----------------------------------------------------------------- */
.textprefer, .text1, .text2, .text3, .text4, .textbut, .ctcar, .ctlogo {
	-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);	
} 
/* ctlogo */
.s0 .ctlogo, .s1 .ctlogo {
top: 0px;
}
/* ctcar */
.s2 .ctcar, .s3 .ctcar, .s4 .ctcar, .s5 .ctcar {
  left: 0px!important;
  opacity: 1;
}
.s6 .ctcar {
  left: -300px!important;
  opacity: 0;
}
.s7 .ctcar {
  left: -300px!important;
  top: -200px!important;
}
.s0 .ctcar {
  opacity: 0;
}
/* text preferujeme */
.s2 .textprefer, .s3 .textprefer, .s4 .textprefer, .s5 .textprefer {
top: -10px;
}
.s3 .textprefer, .s5 .textprefer {
color: #dfdfdf!important;
}
.textbut h1 {
color: #fff!important;
padding: 5px;
border-radius: 5px;
margin: 35px 10px 0 10px;
background: #666600;
font-size: 16px;
font-weight: normal;
}
/* text */
.s0 .textbut, .s1 .textbut {
top: 165px;
}
.s2 .text1 {
top: 165px;
}
.s3 .text2 {
top: 170px;
}
.s4 .text3 {
top: 165px;
} 
.s5 .text4 {
top: 165px;
}