html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body {line-height:1.5;}

table {border-collapse:separate;border-spacing:0;}

caption, th, td {text-align:left;font-weight:normal;}

table, td, th {vertical-align:middle;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}

blockquote, q {quotes:"" "";}

.hidden{display: none}

body {
	text-align : center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color : #202020;
	background:#000;
  }

a {text-decoration: underline; border: none; color : #DA2025;font-weight:bold}
a:hover {color : #000;text-decoration: none;}

img {margin:0; padding:0;display:block}
a img {border-style: none}

.clr {clear: both; height: 1px; font-size : 0;overflow:hidden}

hr {display: none}

p{
	line-height: 1.4em;
	padding: 5px 0 15px;
	margin: 0;
}

h2{
	color:#DA2025;
	padding:5px 0 10px 0;
	margin-bottom: 15px;	
	font-size: 22px;
	border-bottom: 1px solid #d0d0d0; 
	text-transform:uppercase;
}
h3{
	color:#1c1c1c;
	padding:1.2em 0 .4em 0;
	margin:.5em 0 .5em 0;
	font-size: 14px;
	border-bottom: 1px solid #d0d0d0; 
	text-transform:uppercase;
	font-weight: bold;}
	
h4{
	padding:.2em 0 .2em 0;
	margin:0;
	font-size:1em;
	font-weight: bold;
}

ul{
	list-style:none;
	margin:0 0 0 15px;
}
li{
	padding:.3em 0 .3em 10px;
	line-height: 18px;
	background: url("../images/bullet.gif") left 11px no-repeat}

.line{background: #d0d0d0; height:1px}


#container {
  margin: 0 auto;
  text-align: left;
  width: 960px;
  position: relative;
}

#head{
	width: 772px;
	float: left;
}

#left-col {
  width: 255px;
  float: left;
  background: #CCC;
}

#banner-468x60{
	background: #999;
	width: 468px;
	height: 60px;
	float: left;
	margin-bottom: 10px;
	margin-left: 43px;
}

#content {
  width: 468px;
  float: left;
  background: #FFF;
  text-align:left;
  margin-left: 43px;
  margin-bottom: 30px;
}
#content-text {
	padding: 1em 15px 20px 15px;
}
   

#menu {
	width: 310px
}

ul#menu{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu li {
	width: 310px;
	margin: 0;
	padding: 0;
	
}

#menu a {
	display: block;
	cursor: pointer;
}
#menu a:hover img, #menu .selected a img{
	visibility:hidden;
}
#menu img {
	display: block;
}
#menu .home{
	background: url("../images/menu/01-novinky-hover.gif") 0 0 no-repeat;
	height: 32px;
}
#menu .rozpis{
	background: url("../images/menu/02-rozpis-hover.gif") 0 0 no-repeat;
	height: 36px;
}
#menu .vysledky{
	background: url("../images/menu/03-vysledky-hover.gif") 0 0 no-repeat;
	height: 34px;
}
#menu .pravidla{
	background: url("../images/menu/04-pravidla-hover.gif") 0 0 no-repeat;
	height: 34px;
}
#menu .discipliny{
	background: url("../images/menu/05-discipliny-hover.gif") 0 0 no-repeat;
	height: 39px;
}
#menu .program{
	background: url("../images/menu/06-program-hover.gif") 0 0 no-repeat;
	height: 34px;
}
#menu .rozhodci{
	background: url("../images/menu/07-rozhodci-hover.gif") 0 0 no-repeat;
	height: 36px;
}
#menu .foto{
	background: url("../images/menu/08-foto-hover.gif") 0 0 no-repeat;
	height: 37px;
}
#menu .minule{
	background: url("../images/menu/09-minule-hover.gif") 0 0 no-repeat;
	height: 33px;
}
#menu .media{
	background: url("../images/menu/10-media-hover.gif") 0 0 no-repeat;
	height: 33px;
}
#menu .odkazy{
	background: url("../images/menu/11-odkazy-hover.gif") 0 0 no-repeat;
	height: 37px;
}
#menu .kontakt{
	background: url("../images/menu/12-kontakt-hover.gif") 0 0 no-repeat;
	height: 36px;
}

.news{
	padding-bottom: 0;
	margin-bottom: 10px;
}
.news h3{
	font-size:1.2em;
}
.news img.thumb{
	float: left;
	margin: 0 10px 0 0;
	border: 4px solid #DA2025;
}
.news p{
	padding: 0 0 .3em;
}
.news span.datum{
	color:#878787;
	padding: 0;
	font-weight: bold;
}
.news p.more{
	text-align: right;
	clear: both;
}
.news .clr{
	margin-bottom: 20px;
}

.lightbox-set{margin-bottom:2em}
.lightbox-set img{border:4px solid #dfdfdf; margin: 5px 9px 9px;float:left}  
.lightbox-set a:hover img{border:4px solid #cf3e29}


#sponsors{
	width: 185px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	margin-top: 30px;	
}
#sponsors img{
	margin: 0 auto 10px auto;
}