body {
	background: url(img/bg.png);
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 13px;
}
#wrap {
	width: 960px;
	margin: 0px auto;
}
#head {
	height: 100px;
	position: relative;
}
#logo {
	margin-top: 20px;
	display: block;
	float: left;
	text-decoration: none;
}
#footer {
	position: relative;
}
#footer #logosmall {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#footer ul {
	display: block;
	margin-top: 50px;
	list-style-type: none;
}
#footer ul li {
	display: block;
	float: left;
	margin-right: 45px;
}
#footer ul li a {
	text-decoration: none;
	color: #242323;
	font-size: 29px;
}
#footer ul li a:hover {
	color: #007bac;
}
a img {border: 0px;}
img {border: 0px;}
.social {width: 53px; height: 50px; display: block; float: right; background: url(../pics/social.png); margin-top: 20px; margin-right: 10px; }
#facebook {background-position: 0px 0px;}
#plus {background-position: -64px 0px;}
#youtube {background-position: -126px 0px;}

#facebook:hover {background-position: 0px -51px;}
#plus:hover {background-position: -64px -51px;}
#youtube:hover {background-position: -126px -51px;}

#obdelnik1 {
	width: 42px;
	height: 90px;
	background-color: #ad1616;
	-webkit-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	-moz-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	background-image: -webkit-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -moz-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -o-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -ms-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: linear-gradient(to right, rgba(2,2,1,.2), rgba(255,255,255,.2));
	position: absolute;
	top: 42px;
	right: -42px;
}	
#obdelnik2 {
	width: 42px;
	height: 90px;
	background-color: #6db33e;
	-webkit-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	-moz-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	background-image: -webkit-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -moz-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -o-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -ms-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: linear-gradient(to right, rgba(2,2,1,.2), rgba(255,255,255,.2));
	position: absolute;
	top: 142px;
	right: -42px;
}	
#obdelnik3 {
	width: 42px;
	height: 107px;
	background-color: #1814ff;
	-webkit-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	-moz-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	background-image: -webkit-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -moz-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -o-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -ms-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: linear-gradient(to right, rgba(2,2,1,.2), rgba(255,255,255,.2));
	position: absolute;
	top: 242px;
	right: -42px;
}	
#obdelnik4 {
	width: 42px;
	height: 85px;
	background-color: #ffda0a;
	-webkit-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	-moz-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	background-image: -webkit-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -moz-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -o-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -ms-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: linear-gradient(to right, rgba(2,2,1,.2), rgba(255,255,255,.2));
	position: absolute;
	top: 359px;
	right: -42px;
}	

#obdelnik5 {
	width: 42px;
	height: 136px;
	background-color: #ff9e44;
	-webkit-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	-moz-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	background-image: -webkit-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -moz-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -o-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -ms-linear-gradient(left, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: linear-gradient(to right, rgba(2,2,1,.2), rgba(255,255,255,.2));
	position: absolute;
	top: 454px;
	right: -42px;
}	


#obdelnik6 {
	width: 53px;
	position: absolute;
	top: 42px;
	left: -43px;

	height: 90px;
	background-color: #ad1616;
	-webkit-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	-moz-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	background-image: -webkit-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -moz-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -o-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -ms-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
}
#obdelnik7 {
	width: 53px;
	position: absolute;
	top: 142px;
	left: -43px;

	height: 90px;
	background-color: #6db33e;
	-webkit-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	-moz-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	background-image: -webkit-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -moz-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -o-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -ms-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
}
#obdelnik8 {
	width: 53px;
	position: absolute;
	top: 242px;
	left: -43px;

	height: 107px;
	background-color: #1814ff;
	-webkit-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	-moz-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	background-image: -webkit-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -moz-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -o-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -ms-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	}

#obdelnik9 {
	width: 85px;
	position: absolute;
	top: 359px;
	left: -43px;

	height: 85px;
	background-color: #ffda0a;
	-webkit-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	-moz-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	background-image: -webkit-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -moz-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -o-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -ms-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	}
	
#obdelnik10 {
	width: 53px;
	position: absolute;
	top: 454px;
	left: -43px;

	height: 136px;
	background-color: #ff9e44;
	-webkit-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	-moz-box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	box-shadow: 2px 4px 7px rgba(2,2,1,.54);
	background-image: -webkit-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -moz-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -o-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: -ms-linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	background-image: linear-gradient(176deg, rgba(2,2,1,.2), rgba(255,255,255,.2));
	}	
	
	
.ignore {display: none;}
.ignore2 {display: none; z-index: 9999;}
.rotate {
display: block;
	margin-left: 15px;
	
	height: 100%;
	background: url(../pics/zalozky.png) top center;
	background-repeat: no-repeat;
}	
#r1 {background: url(../pics/zalozky.png)no-repeat top center ; background-position: 0px 0px; }
#r2 {background: url(../pics/zalozky.png)no-repeat top center ; background-position: 0px -100px; }
#r3 {background: url(../pics/zalozky.png)no-repeat top center ; background-position: 0px -200px; }
#r4 {background: url(../pics/zalozky.png)no-repeat top center ; background-position: 0px -317px; }
#r5 {background: url(../pics/zalozky.png)no-repeat top center ; background-position: 0px -412px; }


.book-content li {
    margin-left:20px;
}

#vysledekBox table {
    width:100%;
}

#vysledekBox td {
    padding:2px;
}

.button {
    background-color:#7F0000;
    color:#fff;
    border:1px solid #eee;
    font-weight:bold;
    padding:3px 5px 3px 5px;
}

.errorMessage {
    padding:5px;
    background-color:#ffcccc;
    border:1px solid #7F0000;
    color:#7F0000;
}

.link-small {
    font-family:Arial;
    font-size:11px;
    color:#666;
    height:20px;
    line-height:20px;
}

.book-content a {
    color:#7F0000;
}