/* CSS Document */

body {
 background: url(img/bg.gif) repeat-x;
 padding: 0;
 margin: 0;
 font-family: Arial, Verdana, Tahoma;
 font-size: 13px;
 color: #222;
}

a {
 color: #111;
 text-decoration: underline;
}

a:hover {
 color: #111;
 text-decoration: none;
}

#body {
 width: 960px;
 margin: 0 auto;
 padding: 0;
}

img {
 float: left;
}

h1 {
 display: inline;
 font-size: 16px;
 color: #fff;
 font-weight: normal;
 position: relative;
 top: 20px;
 left: 10px;
}

#uspora {
 position: absolute;
 top: 0;
 left: 60%;
 background: url(img/uspora.png);
 width: 360px;
 height: 166px;
 padding: 0;
 margin: 3px 0 0 0;
}

#menu {
 clear: both;
 float: left;
 padding: 0;
 margin: 29px 0 0 0;
}

#menu li {
 list-style: none;
 display: inline;
 height: 36px;
 padding: 10px 6px 10px 10px;
 background: url(img/separator.gif) left no-repeat;
}

#menu li a {
 text-decoration: none;
}

#menu li a:hover {
 text-decoration: underline;
}

#menu li a strong {
 text-decoration: underline;
}

#menu li a:hover {
 background: url(img/hover.gif) repeat-x;
 padding: 10px 10px 10px 8px;
 margin: 0 -10px 0 -8px;
}

#menu li a.aff:hover {
 background: none;
 padding: 0;
 margin: 0;
}

#nav {
 clear: both;
 float: left;
 padding: 0;
 margin: 22px 0 0 10px;
}

#sidebar {
 background: url(img/sidebar.gif) repeat-y;
 width: 268px; 
 clear: both;
 float: left;
 margin: 9px 0 0 0;
 padding: 0 0 10px 0;
 border-bottom: 1px solid #eee;
}

#sidebar h2 {
 font-size: 16px;
 font-weight: normal;
 color: #1d3b03;
 background: url(img/title.gif) left center no-repeat;
 padding: 0 0 0 26px; 
}

#sidebar ul li {
 list-style: none;
 line-height: 28px;
 margin: 0 0 0 -38px;
}

#sidebar ul li a {
 padding: 5px 80px 5px 24px;
 text-decoration: none;

}

#sidebar ul li a:hover, #sidebar ul li a.active {
 background: url(img/menu-hover.png) no-repeat;
 height: 24px; 
 width: 264px;
 padding: 5px 80px 5px 24px;
}

#sidebar p {
 padding: 0 20px;
 line-height: 22px;
}

#sidebar p a {
 color: #549121;
}

#content {
 float: right;
 width: 652px;
 padding: 30px 20px 30px 0;
}

#content p {
 line-height: 20px;
}

#content h2 {
 font-weight: normal;
 font-size: 20px;
 padding: 10px 0 5px 0;
 border-bottom: 1px solid #b2b2b2;
}

#content h2 span {
 color: #1a3b83;
}

#content ul li {
 font-weight: bold;
 line-height: 30px;
 list-style-type: none;
 list-style-image: url(img/list2.gif);
 padding: 0 0 0 5px;
}

#box {
 background: url(img/box.gif) no-repeat;
 width: 652px;
 height: 284px;
}

#box h2 {
 border: none;
 padding: 15px;
}

#box .vyhody li {
 font-weight: normal;
 line-height: 24px;
 list-style-image: url(img/list.gif);
}

#box #auto {
 float: right;
 margin: -195px 20px 0 0;
 background: url(img/auto.gif) no-repeat;
 width: 287px;
 height: 175px; 
}

.tlacitko {
display: inline;
float: right;
position: relative;
top: -15px;
left: -15px;
}

.tlacitko a, .tlacitko span {
display: block;
height: 33px;
width: 264px;
}
.tlacitko a {
background: #0c5b7f;
color: #fff;
position: relative;
line-height: 33px;
text-align: center;
}

.tlacitko span {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}

.tlacitko a span {
background: url(img/tlacitko.gif) 0 0 no-repeat;
}

.tlacitko a:hover span {
background-position:0 -33px;
}

.tlacitko a:hover {
text-decoration:none;
}

.tabulka {
 background: #fafafa;
 border: 1px solid #ddd;
 padding: 20px;
}

.datum {
 background: url(img/date.gif) no-repeat;
 width: 62px;
 height: 37px;
 float: left;
 line-height: 45px;
 text-align: center;
 padding: 0 10px 10px 0;
 clear: both;
}

.clovek {
 background: url(img/clovek.gif) left top no-repeat; 
 padding: 0 0 0 75px;
 clear: both;
 float: left;
 min-height: 64px;
}

.clovek strong {
 position: relative;
 top: 5px;
 left: 5px;
}

.vsechny {
 float: right;
 border: 1px solid #ccc;
 padding: 10px;
 clear: both;
}

.clear {
 clear: both;
}

input {
 padding: 5px;
 margin: 5px;
}

.submit {
 font-weight: bold;
 padding: 5px 8px;
}

     table {
     color: #222;
     padding: 10px 0 20px 0;
     }
    
     td {
     background: #fbfbfb;
     border: 1px solid #eee;
     border-top: 2px solid #eee;
     padding: 5px;
     text-align: center;
     font-size: 13px;
     }
     
     td.white {
     background: #fff;
     border: 1px solid #f1f1f1;
     border-top: 2px solid #f1f1f1;
     }
     
     td.tdtitle {
     background: #1b3b82;
     color: #fff;
     border: 1px solid #112e6c;
     border-top: 2px solid #112e6c;
     font-weight: bold;     
     padding: 10px;
     }

     td.tdtitle2 {
     background: #5B9C26;
     color: #fff;
     border: 1px solid #4d8b1a;
     border-top: 2px solid #4d8b1a;
     font-weight: bold;     
     padding: 10px;
     }

     td.tdlogo {
     background: #497921;
     color: #fff;
     border: 1px solid #3f6b1a;
     border-top: 2px solid #3f6b1a;     
     font-weight: bold;
     padding: 10px;      
     }           
     
     td.none {
     background: #fff;
     border: 1px solid #fff;
     }


#footer {
 clear: both;
 background: url(img/footer.gif) repeat-x;
 height: 39px;
 width: 960px;
 border: 1px solid #eee;
 padding: 0 20px;
 color: #333;
 margin: 0 0 20px 0;
}

#footer span {
 float: right;
}

#footer span a {
 background: url(img/separator2.gif) right center no-repeat;
 padding: 0 10px 0 5px;
 color: #222;
}

#footer span a.active {
 text-decoration: none;
 color: #333;
}