/*

	Jojo - Jojoplaneta
	------------------------------------------------------------------------
	Author		Tomas Kysel (tomas.kysel@symbio.cz)
				Tomas Matis (tomas.matis@symbio.cz)


/*
	GLOBAL
	------------------------------------------------------------------------
*/

@import url("reset.css");

html, body {
	width: 100%;
	height: 100%;
}

body {
	background: #14bdb8 url("../img/bg.jpg") center center fixed no-repeat;
	text-align: center;
	font: 62.5% / 1.4 "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;
}

body#swfJsFlash {
	font-size: 0;
	line-height: 0;
}



/*
	CONTENT
	------------------------------------------------------------------------
*/

.content {
	text-align: left;
	position: absolute;
	top: 50%;
	left: 50%;
	text-indent: -1000px;
}

/*  404 --------------------------------------------------------------------  */

#pageNotFound {
	background: transparent url("../img/404-cs-bg.png");
	width: 814px;
	height: 511px;
	margin-left: -407px;
	margin-top: -255px;
}

.sk #pageNotFound {
	background: transparent url("../img/404-sk-bg.png");
}

#pageNotFound a#button {
	background: transparent url("../img/404-button-cs-up.png") 0 0 no-repeat;
	display: block;
	width: 167px;
	height: 166px;
	position: absolute;
	top: 0;
	left: 220px;
	text-indent: -1000px;
}

#pageNotFound a#button:hover,
#pageNotFound a#button:focus {
	background: transparent url("../img/404-button-cs-over.png") 0 0 no-repeat;
}

.sk #pageNotFound a#button {
	background: transparent url("../img/404-button-sk-up.png") 0 0 no-repeat;
}

.sk #pageNotFound a#button:hover,
.sk #pageNotFound a#button:focus {
	background: transparent url("../img/404-button-sk-over.png") 0 0 no-repeat;
}

/*  No flash --------------------------------------------------------------------  */

#noFlash {
	background: transparent url("../img/noflash-bg.png");
	width: 673px;
	height: 541px;
	margin-left: -336px;
	margin-top:  -270px;
}

#noFlash a#button {
	background: transparent url("../img/noflash-button-cs.png") 0 0 no-repeat;
	display: block;
	width: 242px;
	height: 178px;
	position: absolute;
	top: 193px;
	left: 322px;
	text-indent: -1000px;
}

#noFlash a#button:hover,
#noFlash a#button:focus {
	background-position: 0 -178px;
}

.sk #noFlash a#button {
	background: transparent url("../img/noflash-button-sk.png") 0 0 no-repeat;
}

.sk #noFlash a#button:hover,
.sk #noFlash a#button:focus {
	background-position: 0 -178px;
}


/*  Temp page --------------------------------------------------------------------  */

#tempPage {
	background: transparent url("../img/temp-page-cs.png");
	width: 351px;
	height: 332px;
	margin-left: -175px;
	margin-top: -166px;
}

.sk #tempPage {
	background: transparent url("../img/temp-page-sk.png");
	width: 352px;
}

/*  Pravidla page --------------------------------------------------------------------  */

.box {
	width: 913px;
	margin: 100px auto;
	background: transparent url('../img/box-top.png') top left no-repeat;
	padding-top: 31px;
	text-align: left;
}
.box .bottom{
	background: transparent url('../img/box-bottom.png') bottom left no-repeat;
	padding-bottom: 30px;
}
.box .bottom .in {
	background: transparent url('../img/box.png') 0 0 scroll repeat-y;
}
.box .bottom .in .he {
	position: relative;
	top: -10px;
	left: 15px;
}

.box h1 {
	font-size: 17px;
	font-weight: 700;
	color: #077975;
	text-decoration: underline;
	padding: 0 40px 15px 25px;
}
.box h2 {
	font-size: 14px;
	font-weight: 700;
	color: #077975;
	padding: 0 40px 0px 25px;
}
.box p {
	font-size: 12px;
	padding: 5px 40px 5px 25px;
}
.box ol li {
	list-style-type: decimal;
	padding: 10px 40px 0 0;
	font-size: 12px;
}
.box ol {
	margin: 0 0 20px 40px;
}

.box ol li ol li{
	list-style-type: upper-alpha;
}
.box ol li ul li{
	list-style-type: disc;
	margin-left: 15px;
}
.box a{
	color: #000;
	font-weight: 700;
	text-decoration: underline;
}
.box a:hover {
	text-decoration: none;
}