* { margin: 0; padding: 0; }

html { font: 62.5%/1.4 'Trebuchet MS', Trebuchet, sans-serif; color: #4ec7f5; background: #4aa22c url(d/horizont.png) repeat-x 0 0; }

body { background: url(d/aikido-za-djecu.png) no-repeat 50% 0; }
a	{ outline: none; }
.skipper	{ position: absolute; left: -9999px; top: -9999px; }

h1		{ font-size: 4.8em; color: #fff; }
h2		{ font-size: 3.6em; }
h3		{ font-weight: bold; font-size: 1.8em; color: #f22e4f; text-transform: uppercase; }
p 		{ font-size: 1.8em; padding-bottom: 1.5em; }
ol li	{ font-size: 1.8em; padding-bottom: 1.5em; }

#sizer	{ width: 880px; padding: 0 40px; margin: 0 auto; position: relative; overflow: hidden; }

#header		{ height: 180px; }

#logo h1	{ position: absolute; left: -9999px; top: -9999px; }		
#content	{ width: 640px; margin-left: 240px; }

.cloud 			{ position: relative; width: 640px; padding: 20px 0 0; margin: 0 0 30px; background: url(d/cloud-top.png) no-repeat 0 0; }
.cloud .inner	{ position: relative; width: 560px; padding: 20px 40px 30px; background: #fff; overflow-x: hidden; }
.cloud-bottom	{ width: 640px; height: 10px; text-indent: -9999px; overflow: hidden; background: url(d/cloud-bottom.png) no-repeat 0 0; }

.cloud h2		{ height: 38px; margin-bottom: .357em; text-indent: -9999px; overflow: hidden; }


#cloud-hairy				{ position: relative; margin-left: -20px; padding: 20px 0 0 20px; background: url(d/cloud-top-hairy.png) no-repeat 0 0; }
#cloud-hairy h2				{ width: 205px; background: url(d/dobro-dosli.gif) no-repeat; }

#cloud-hairy ol li			{ position: relative; list-style: none; padding: 16px 0 1.5em 66px; margin: 0; }
#cloud-hairy .first-child	{ background: url(d/01.gif) no-repeat 0 1px; }
#cloud-hairy .second-child	{ background: url(d/02.gif) no-repeat 0 1px; }
#cloud-hairy .third-child	{ background: url(d/03.gif) no-repeat 0 1px; }

#cloud-jumpy				{ padding-bottom: 8em; }
#cloud-jumpy h2				{ width: 572px; background: url(d/kao-za-odrasle.gif) no-repeat; }

#cloud-jumpy .cloud-bottom		{ height: 29px; background: url(d/cloud-bottom-jumpy.png) no-repeat 0 100%; }

#jumpy-character			{ position: relative; margin-top: -190px; left: 40px; display: block; width: 554px; height: 512px !important; }


#za-odrasle-link	{ position: absolute; top: 855px; left: 52px; }
#za-odrasle-link a	{ display: block; width: 145px; height: 90px; text-indent: -9999px; overflow: hidden; }

#footer			{ padding: 20px 0; text-align: left; color: #fff; }
#footer	p 		{ position: relative; margin-top: -12em; font-size: 1.2em; line-height: 1.5; }
#footer a		{ color: #ff0; }
#footer a:hover	{ text-decoration: none; }