html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, p, img, a, form, input, label, dl, dt, dd, table, tr, td, th {
 margin: 0;
 padding: 0;
}

body {
	background: #fff url(../img/img01.gif) repeat-x;
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	font-size: 12px;
}

h3 {
	margin-bottom: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

p {
	margin-bottom: 15px;
	line-height: 1.6em;
}

ul {
	list-style: none;
}

a {
	color: #cc6600;
	font-weight: bold;
}

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

img {
 border: none;
}

/* Horni pruh --------------------------------------------------------------- */

#logo {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}

#logo h1 {
 position: absolute;
 top: 40px;
 left: 20px;
	letter-spacing: -1px;
	font-size: 2.5em;
}

#logo p {
 position: absolute;
 top: 35px;
 left: 220px;	
	font-size: 1.2em;
	color: #fff;
	margin-left: 10px; 
}

#logo a {
	text-decoration: none;
	font-weight: normal;
	color: #fff;
}

/* Menu --------------------------------------------------------------------- */

#menu {
	width: 960px;
	height: 50px;
	margin: -40px auto 0 auto;
	text-align: right;
}

#menu ul {
	float: right;
}

#menu li {
	display: inline;
}

#menu a {
	position: relative;
	margin-left: 1.4em;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 5px solid #c60;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#menu a:hover, #menu .act a {
	border-color: #000;
	color: #ccc;
}

/* Page --------------------------------------------------------------------- */

#page {
	clear: both;
	width: 960px;
	margin: 0 auto;
}

/* Side --------------------------------------------------------------------- */

#side {
	float: right;
	width: 250px;
}

#side div {
	margin-bottom: 15px;
}

#side h2 {
	height: 20px;
	padding: 10px 0 0 10px;
	background: url(../img/img07.gif) no-repeat;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	color: #fff;
}

#side div div {
	padding: 9px;
	background: #E8EDE5 url(../img/img03.gif) repeat-x;
	border: 1px solid #648952;
	border-top: none;
}

#side ul {
 line-height: 1.6em;
}

#side ol {
 line-height: 1.6em;
}

#side ol li {
 margin-left: 25px;
}

#side h3 {
	font-size: 11px;
	margin-bottom: 3px;
}

#side p {
	font-size: 11px;
	line-height: 1.4em;
}

#side a {
 color: #444;
 font-weight: normal;
}

#side a:hover {
 text-decoration: underline;
}

#side span {
	font-size: 10px;
 text-align: right;
 margin: 9px 3px 4px 0;
 display: block;
}

#side span strong {
 font-weight: normal;
 text-decoration: underline;
 cursor: pointer;
}

#side li small {
 width: 25px;
 display: block;
 text-align: right;
 float: left;
 font-size: 12px;
}

#side form#mess {
 display: none;
}

#side textarea {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 width: 224px;
 height: 100px;
 overflow: auto;
 font-size: 11px;
 color: #666;
 padding: 2px 1px;
}

#side input {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 width: 223px;
 font-size: 11px;
 padding: 2px 1px;
 color: #666;
}

#side input#subm {
 width: auto;
 margin-top: 5px;
}

#side input#email {
 display: none;
}

#side label {
 cursor: pointer;
 font-size: 11px;
 font-weight: bold;
 margin-top: 5px;
 display: block;
}

/* Hlavni sloupec ----------------------------------------------------------- */

#main {
	float: left;
	width: 690px;
}

#main .boxed {
	margin-bottom: 15px;
	background-color: #fff;
}

#main .boxed .title  {
	height: 30px;
	line-height: 30px; 
}

#main .boxed .title h2 {
	height: 30px;
	line-height: 30px; 
	padding-left: 20px;
	background: url(../img/img02.gif) no-repeat;
	text-transform: uppercase;
  letter-spacing: 1px;
	font-size: 12px;
	color: #fff;
	width: 110px;
	float: left;
	font-size: 11px;
}

#main .boxed .title h3 {
 margin-left: 20px;
 float: left;
 display: block;
 width: 540px;
 line-height: 15px;
 padding: 9px 0 5px 0;
 border-bottom: 1px solid #aaa;
}

#main .boxed .title img {
 position: relative;
 top: 1px;
 left: -10px;
}

#main .boxed .content {
	padding: 13px 19px 0 19px;
	background: #E5ECED url(../img/img08.gif) repeat-x;
	border: 1px solid #528489;
	border-top: none;
	border-right: 1px solid #ddd;
 overflow: hidden;
}

#main #site {
	padding: 19px;
	margin-bottom: 20px;
	background: #E5ECED url(../img/img08.gif) repeat-x;
	border: 1px solid #528489;
	border-top: none;
	border-right: 1px solid #ddd;
}

#main .boxed p {
 font-size: 12px;
 line-height: 1.5em;
 text-align: justify;
}

#main #site a {
	color: #cc6600;
}

#main #site a:hover {
	text-decoration: none;
	color: #555;
}

#main #site h2 {
	margin-bottom: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	margin-bottom: 17px;
 color: #444; 
 padding-bottom: 3px; 
 border-bottom: 1px solid #666;
}

#main #site table {
 border-collapse: collapse;
 width: 100%; 
 margin-bottom: 19px;
}

#main #site th {
 text-align: left;
 color: #fff;
 line-height: 2em;
 padding: 0 5px;
 background-color: #8dcb70;
 font-size: 12px;
}

#main #site td {
 line-height: 1.3em;
 padding: 4px 5px;
 font-size: 12px;
}

#main #site td.tdmap {
 width: 215px;
 padding-right: 0;
 text-align: right;
}

#main #site td.thmap {
 padding-left: 0;
 vertical-align: top;
}

#main #site td.tdmap img {
 border-right: 5px solid #8dcb70;
 margin: 15px 0;
}

#main #site .tab-ranking th, #main #site .tab-ranking td {
 width: 35px;
 text-align: right;
 padding-right: 8px;
}

#main #site .tab-ranking th.tab-ranking-th, #main #site .tab-ranking td.tab-ranking-td {
 width: auto;
 text-align: left;
}

#main #site td h3 {
 margin: 15px 10px 7px 0;
 padding-left: 17px;
 background-color: #8dcb70;
 color: #fff;
}

#main #site td ul {
 line-height: 1.7em;
 margin-left: 17px;
}

#main #site td li {
 padding-left: 17px;
 background: url(../img/icon-lamp.gif) 0 55% no-repeat;
}

#main #site tr.odd td {
 background-color: #ddd;
}

#main #site tr.past td {
 color: #aaa;
}

#main #site th.thcen, #main #site td.tdcen {
 text-align: center;
}

#main #site a.pdf {
 padding-left: 17px;
 background: url(../img/icon-pdf.gif) -2px -1px no-repeat;
}

#main #site a.doc {
 padding-left: 17px;
 background: url(../img/icon-doc.gif) -2px -1px no-repeat;
}

#main #site a.xls {
 padding-left: 17px;
 background: url(../img/icon-xls.gif) -2px -1px no-repeat;
}

#main #site a.jpg, #main #site a.gif, #main #site a.png {
 padding-left: 17px;
 background: url(../img/icon-img.gif) -2px -1px no-repeat;
}

#main #site a.txt {
 padding-left: 17px;
 background: url(../img/icon-txt.gif) -2px -1px no-repeat;
}

#main #site ul {
 line-height: 1.7em;
 margin: 10px 0 15px 17px;
}

#main #site li {
 padding-left: 17px;
 background: url(../img/icon-lamp.gif) 0 55% no-repeat;
}

#main .boxed ul {
 line-height: 1.6em;
 margin: 10px 0 15px 15px;
}

#main .boxed li {
	font-size: 12px;
 list-style: disc;
}

#main .boxed table {
 border-collapse: collapse;
 margin: 0 0 15px 0;
 position: relative; 
}

#main .boxed td {
 padding: 3px;
 font-size: 12px;
 border: 1px solid #666;
}

#main .boxed td {
 padding: 3px;
 font-size: 12px;
 border: 1px solid #666;
}

.img-l {
 float: left;
 border: 1px solid #666; 
 margin: 3px 20px 5px 0px;
}

.content img.img-r {
 float: right;
 border: 1px solid #666; 
 margin: 3px 0px 5px 20px;
}

.author {
 color: #648952; 
 margin-left: 20px;
 font-style: italic;
}

/* Paticka ------------------------------------------------------------------ */

#footer {
	clear: both;
	padding: 30px 0;
	background: #464646 url(../img/img13.gif) repeat-x;
}

#footer p {
	width: 960px;
	margin: 0 auto;
	font-size: 11px;
	color: #aaa;
}

#footer a {
	color: #aaa;
}