#ad-1 {
	width: 390px;
	height: 300px;
	margin: 0 auto;
	background-image: url('http://s3a.estranky.cz/spec/ad/background.png');
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
#ad-1 li{list-style-type: none;}
#ad-1 #adcontent {
	width: 200px;
	float: right;
	margin: 20px;
	text-align: center;
	z-index: 4;
	position: relative;
	overflow: visible;
}
	#ad-1 #adcontent h2 {
		font-family: 'Trebuchet MS';
		color: #222222;
		font-size: 32px;
		line-height: 38px;
		text-shadow: 0px 0px 4px #fff;
		-webkit-animation: h2-animation 7s 1 ease-in-out;
		-moz-animation: h2-animation 7s 1 ease-in-out;
		-o-animation: h2-animation 7s 1 ease-in-out;
		-ms-animation: h2-animation 7s 1 ease-in-out;
		animation: h2-animation 7s 1 ease-in-out;
		padding:0;
	}
	#ad-1 #adcontent h3 {
		font-family: 'Trebuchet MS';
		color: #202224;
		font-size: 23px;
		line-height: 31px;
		text-shadow: 0px 0px 4px #fff;
		-webkit-animation: h3-animation 10s 1 ease-in-out;
		-moz-animation: h3-animation 10s 1 ease-in-out;
		-o-animation: h3-animation 10s 1 ease-in-out;
		-ms-animation: h3-animation 10s 1 ease-in-out;
		animation: h3-animation 10s 1 ease-in-out;
    margin-top:10px;
		padding:0;
	}

	#ad-1 #adcontent #adsubmit {
		float: left;
    display: block;
		padding: 4px 5px;
		font-size: 18px;
    line-height: 20px;
		font-family: 'Trebuchet MS';
		color: #fff;
		text-shadow: 1px 1px 0px #555;
		border-radius: 5px;
    background: url('http://s3a.estranky.cz/spec/ad/bg-button-sprite.png') repeat-x;    
		cursor: pointer;
    margin: 20px 0 0 6px;
		position: relative;
		-webkit-animation: submit-animation 12s 1 ease-in-out;
		-moz-animation: submit-animation 12s 1 ease-in-out;
		-o-animation: submit-animation 12s 1 ease-in-out;
		-ms-animation: submit-animation 12s 1 ease-in-out;
		animation: submit-animation 12s 1 ease-in-out;
	}
	#ad-1 #adcontent #adsubmit:hover {
   background-position-y: -54px;
	}
#ad-1 ul#jetpack {
	width: 249px;
	height: 215px;
	z-index: 2;
	position: absolute;
	bottom: 25px;
	left: 20px;
	overflow: visible;
	-webkit-animation: jetpack-in-animation 3s 1 ease-out;
	-moz-animation: jetpack-in-animation 3s 1 ease-out;
	-o-animation: jetpack-in-animation 3s 1 ease-out;
	-ms-animation: jetpack-in-animation 3s 1 ease-out;
	animation: jetpack-in-animation 3s 1 ease-out;
  margin: 0 !important;
}
	#ad-1 ul#jetpack li {
		width: 142px;
		height: 249px;
		background-image: url('http://s3a.estranky.cz/spec/ad/jetpack.png');
		position: absolute;
		bottom: 0px;
		left: 0px;
		overflow: visible;
		-webkit-animation: jetpack-animation 2s infinite ease-in-out;
		-moz-animation: jetpack-animation 2s infinite ease-in-out;
		-o-animation: jetpack-animation 2s infinite ease-in-out;
		-ms-animation: jetpack-animation 2s infinite ease-in-out;
		animation: jetpack-animation 2s infinite ease-in-out;
	}
#ad-1 #clouds {
	position: absolute;
	top: 0px;
	z-index: 0;
}
#ad-1 #cloud-group-1 {
	width:720px;
	position: absolute;
	left:0px;
	-webkit-animation: cloud-group-1-animation 30s infinite linear;
	-moz-animation: cloud-group-1-animation 30s infinite linear;
	-o-animation: cloud-group-1-animation 30s infinite linear;
	-ms-animation: cloud-group-1-animation 30s infinite linear;
	animation: cloud-group-1-animation 30s infinite linear;
}
#ad-1 #cloud-group-2 {
	width: 720px;
	position: absolute;
	left: 720px;
	-webkit-animation: cloud-group-2-animation 30s infinite linear;
	-moz-animation: cloud-group-2-animation 30s infinite linear;
	-o-animation: cloud-group-2-animation 30s infinite linear;
	-ms-animation: cloud-group-2-animation 30s infinite linear;
	animation: cloud-group-2-animation 30s infinite linear;
}
	#ad-1 .cloud-1 {
		width: 172px;
		height: 121px;
		background-image: url('http://s3a.estranky.cz/spec/ad/cloud-1.png');
		position: absolute;
		top: 10px;
		left: 40px;
	}
	#ad-1 .cloud-2 {
		width: 121px;
		height: 75px;
		background-image: url('http://s3a.estranky.cz/spec/ad/cloud-2.png');
		position: absolute;
		top: -25px;
		left: 300px;
	}
	#ad-1 .cloud-3 {
		width: 132px;
		height: 105px;
		background-image: url('http://s3a.estranky.cz/spec/ad/cloud-3.png');
		position: absolute;
		top: -5px;
		left: 530px;
	}
	
/* WebKit */

@-webkit-keyframes h2-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes h3-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes submit-animation {
	0%   {opacity: 0; right: -400px;}
	90%  {opacity: 0; right: -400px;}
	95%  {opacity: 0.5; right: 20px;}
	100% {opacity: 1; right: 0px;}
}
@-webkit-keyframes jetpack-in-animation {
	0%   {left: -200px;}
	100% {left: 20px;}
}
@-webkit-keyframes jetpack-animation {
	0%   {bottom: 0px; left: 0px;}
	25%  {bottom: -2px; left: -2px;}
	70%  {bottom: 2px; left: -4px;}
	100% {bottom: -1px; left: 0px;}
}
@-webkit-keyframes cloud-group-1-animation {
	0%       {left: 0px;}
	99.9999%   {left: -720px;}
	100%     {left: 0px;}
}
@-webkit-keyframes cloud-group-2-animation {
	0%       {left: 720px;}
	99.9999%   {left: 0px;}
	100%     {left: 720px;}
}

/* FireFox */

@-moz-keyframes h2-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes h3-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes submit-animation {
	0%   {opacity: 0; right: -400px;}
	90%  {opacity: 0; right: -400px;}
	95%  {opacity: 0.5; right: 20px;}
	100% {opacity: 1; right: 0px;}
}
@-moz-keyframes jetpack-in-animation {
	0%   {left: -200px;}
	100% {left: 20px;}
}
@-moz-keyframes jetpack-animation {
	0%   {bottom: 0px; left: 0px;}
	25%  {bottom: -2px; left: -2px;}
	70%  {bottom: 2px; left: -4px;}
	100% {bottom: -1px; left: 0px;}
}
@-moz-keyframes cloud-group-1-animation {
	0%       {left: 0px;}
	99.9999%   {left: -720px;}
	100%     {left: 0px;}
}
@-moz-keyframes cloud-group-2-animation {
	0%       {left: 720px;}
	99.9999%   {left: 0px;}
	100%     {left: 720px;}
}

/* Opera */

@-o-keyframes h2-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes h3-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes submit-animation {
	0%   {opacity: 0; right: -400px;}
	90%  {opacity: 0; right: -400px;}
	95%  {opacity: 0.5; right: 20px;}
	100% {opacity: 1; right: 0px;}
}
@-o-keyframes jetpack-in-animation {
	0%   {left: -200px;}
	100% {left: 20px;}
}
@-o-keyframes jetpack-animation {
	0%   {bottom: 0px; left: 0px;}
	25%  {bottom: -2px; left: -2px;}
	70%  {bottom: 2px; left: -4px;}
	100% {bottom: -1px; left: 0px;}
}
@-o-keyframes cloud-group-1-animation {
	0%       {left: 0px;}
	99.9999%   {left: -720px;}
	100%     {left: 0px;}
}
@-o-keyframes cloud-group-2-animation {
	0%       {left: 720px;}
	99.9999%   {left: 0px;}
	100%     {left: 720px;}
}

/* IE */

@-ms-keyframes h2-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes h3-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes submit-animation {
	0%   {opacity: 0; right: -400px;}
	90%  {opacity: 0; right: -400px;}
	95%  {opacity: 0.5; right: 20px;}
	100% {opacity: 1; right: 0px;}
}
@-ms-keyframes jetpack-in-animation {
	0%   {left: -200px;}
	100% {left: 20px;}
}
@-ms-keyframes jetpack-animation {
	0%   {bottom: 0px; left: 0px;}
	25%  {bottom: -2px; left: -2px;}
	70%  {bottom: 2px; left: -4px;}
	100% {bottom: -1px; left: 0px;}
}
@-ms-keyframes cloud-group-1-animation {
	0%       {left: 0px;}
	99.9999%   {left: -720px;}
	100%     {left: 0px;}
}
@-ms-keyframes cloud-group-2-animation {
	0%       {left: 720px;}
	99.9999%   {left: 0px;}
	100%     {left: 720px;}
}

/* Animace */

@keyframes h2-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes h3-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes submit-animation {
	0%   {opacity: 0; right: -400px;}
	90%  {opacity: 0; right: -400px;}
	95%  {opacity: 0.5; right: 20px;}
	100% {opacity: 1; right: 0px;}
}
@keyframes jetpack-in-animation {
	0%   {left: -200px;}
	100% {left: 20px;}
}
@keyframes jetpack-animation {
	0%   {bottom: 0px; left: 0px;}
	25%  {bottom: -2px; left: -2px;}
	70%  {bottom: 2px; left: -4px;}
	100% {bottom: -1px; left: 0px;}
}
@keyframes cloud-group-1-animation {
	0%       {left: 0px;}
	99.9999%   {left: -720px;}
	100%     {left: 0px;}
}
@keyframes cloud-group-2-animation {
	0%       {left: 720px;}
	99.9999%   {left: 0px;}
	100%     {left: 720px;}
}