* {
margin: 0;
padding: 0;
border: 0;
}

body {
background: url('../img/pozadi.jpg') 0 0 repeat-x #5bb6f0;
text-align: center;
font-size: 82%;
font-family: trebuchet ms, tahoma, verdana, sans-serif;
padding-top: 20px;
}

#logo {
position: relative;
margin: 0 auto;
background: url('../img/stin.jpg') 0 0 no-repeat;
width: 920px;
height: 100px;
}

#logo a img {
position: absolute;
left: 50px;
top: 60px;
}

#hlavicka {
text-align: left;
position: relative;
margin: 0 auto;
background: url('../img/hlavicka.jpg') 0 0 no-repeat;
width: 860px;
height: 350px;
}

#hlavicka2 {
text-align: center;
position: relative;
margin: 0 auto;
width: 860px;
height: 130px;
background: #ffffff;
padding-top: 20px;
}

#hlavicka img {
position: absolute;
left: 20px;
top: 50px;
}

#hlavicka ul {
list-style: none;
position: absolute;
top: 291px;
left: 25px;
}

#hlavicka ul li {
float: left;
height: 36px;
}

#hlavicka ul li a {
color: white;
text-transform: uppercase;
text-decoration: none;
display: block;
padding: 0 10px;
background: url('../img/tlacitko.jpg') top right no-repeat;
height: 17px;
padding-top: 19px;
float: left;
}

#hlavicka ul li a:hover {
text-decoration: underline;
color: #710004;
}

#hlavicka ul li a.bez {
background-image: none;
}

#hlavicka ul li a.aktivni {
color: black;
}

#telo {
margin: 0 auto;
width: 860px;
padding-top: 20px;
background: white;
overflow: auto;
text-align: left;
}

#paticka {
position: relative;
margin: 0 auto;
width: 920px;
height: 110px;
background: url('../img/paticka.jpg') 0 0 no-repeat;
}

#leva {
width: 280px;
float: left;
margin-left: 20px;
display: inline;
}

#prava {
width: 520px;
float: right;
margin-right: 20px;
display: inline;
}

.cleaner {
clear: both;
font-size: 1px;
display: inline;
}

.oranzovy-box {
background: url('../img/oranzovy-box.jpg') 0 0 no-repeat #ff8c00;
margin-bottom: 20px;
}

.oranzovy-box a {
color: white;
}

.oranzovy-box-bottom {
padding: 20px;
background: url('../img/oranzovy-box-bottom.jpg') left bottom no-repeat;
}
.cerveny-box {
background: url('../img/cerveny-box.jpg') 0 0 no-repeat #C70209;
margin-bottom: 20px;
}

.cerveny-box a {
color: white;
}

.cerveny-box-bottom {
padding: 20px;
background: url('../img/cerveny-box-bottom.jpg') left bottom no-repeat;
}

.login-box {
background: url('../img/login-box.jpg') 0 0 no-repeat #63869b;
margin-bottom: 20px;
}

.login-box-bottom {
padding: 20px;
background: url('../img/login-box-bottom.jpg') left bottom no-repeat;
}

.sedy-box {
background: url('../img/sedy-box.jpg') 0 0 no-repeat #ededed;
margin-bottom: 20px;
}

.sedy-box-bottom {
padding: 20px;
background: url('../img/sedy-box-bottom.jpg') left bottom no-repeat;
}

h2 {
font-size: 152%;
font-weight: lighter;
text-transform: uppercase;
margin-bottom: 15px;
}

.oranzovy-box h2, .login-box h2, .cerveny-box h2 {
color: white;
padding-left: 20px;
}

.sedy-box h2 {
color: black;
padding-left: 20px;
}

.oranzovy-box h2 {
background: url('../img/sipka-oranzova.gif') left center no-repeat;
}
.cerveny-box h2 {
background: url('../img/sipka-cervena.gif') left center no-repeat;
}

.login-box h2 {
background: url('../img/sipka-login.gif') left center no-repeat;
}

.sedy-box h2 {
background: url('../img/sipka-seda.gif') left center no-repeat;
}

.login-box-bottom dl {
padding-left: 20px;
}

.login-box-bottom label {
color: white;
}

.login-box dd input {
height: 20px;
width: 210px;
margin-bottom: 10px;
}



h3 {
font-size: 102%;
color: white;
margin-bottom: 5px;
padding-left: 20px;
}

.oranzovy-box p {
color: white;
padding-left: 20px;
margin-bottom: 10px;
}
.cerveny-box p {
	color: white;
	padding-left: 5px;
	margin-bottom: 10px;
	font-size: 82%;
	text-align: justify;
}

.sedy-box p {
color: black;
padding-left: 20px;
margin-bottom: 15px;
}

.sedy-box p a {
color: red;
}

.sedy-box p a:hover {
color: white;
background: red;
}


.oranzovy-box ul {
padding-left: 20px;
list-style: none;
margin-bottom: 10px;
}

.oranzovy-box ul li a {
color: white;
background: url('../img/sipka.gif') left center no-repeat;
padding-left: 15px;
font-weight: bold;
}

.oranzovy-box ul li a:hover {
color: black;
}
.cerveny-box ul {
padding-left: 20px;
list-style: none;
margin-bottom: 10px;
}

.cerveny-box ul li a {
color: white;
background: url('../img/sipka.gif') left center no-repeat;
padding-left: 15px;
font-weight: bold;
}

.cerveny-box ul li a:hover {
color: black;
}

.sedy-box table {
margin-left: 20px;
margin-bottom: 20px;
}

.sedy-box table a img {
border: 5px solid #b2babc;
}

.prvni {
padding-right: 20px;
}

#paticka p {
position: absolute;
color: white;
right: 70px;
top: 30px;
font-size: 92%;
}

#paticka p a {
color: white;
}

#paticka p a:hover {
color: black;
}






#prava table th, #prava table td {
text-align: left;
padding: 5px;
}

#prava table th {
background-color: #ED1C26;
color: #ffffff;
border-right: 1px gray solid;
border-bottom: 1px gray solid;
}

#prava table td {
background-color: #FFCF96;
border-bottom: 1px silver solid;
border-right: 1px silver solid;
}

#prava table td a {
color: #ED1C26;
}

#prava table td a:hover {
text-decoration: none;
}

.login-box-bottom td {
padding: 5px;
}

.login-box-bottom a {
color: #ffffff;
}

.login-box-bottom a:hover {
text-decoration: none;
color: #ffffff;
}

.login-box-bottom p {
color: #ffffff;
}

.s100 {
width: 130px;
}

#prava button, #prava input {
border: 1px black solid;
padding: 2px;
}

#dalsi, #dalsi * {
display: none;
border: 1px white solid;
}
