@import "reset.css";
@import "uni-form.css";
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.cleaner { clear: both; font-size: 0px; line-height: 0em; padding: 0; margin: 0;}
.cleaner-small-padding { clear: both; font-size: 0px; line-height: 0em; padding: 5px; margin: 0;}
.cleaner-padding { clear: both; font-size: 0px; line-height: 0em; padding: 10px; margin: 0;}
.cleaner-big-padding { clear: both; font-size: 0px; line-height: 0em; padding: 15px; margin: 0;}

.image_left {margin: 5px 10px 5px 0px; float:left; border: 0px solid #990000;}
.image_right {margin: 5px 0px 5px 10px; float:right; border: 0px solid #990000;}
.image_center {margin: 5px 0px 5px 0px;  border: 0px solid #990000;}

.floatright {float:right;}
.floatleft {float:left;}

.pagination { margin: 0; padding: 0 10px 0 0; height: 31px; float:right;  color: #6B6C6E; }

#errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
#OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }

table.pracovnici {width:100%; border:0px;}
table.pracovnici tr {padding-bottom:20px;}
table.pracovnici td {padding:5px;}

.partner {float:left; text-align:center; width:170px; padding:0 10px 20px 0;}

hr {clear:both; background: #eee; border:0;}

html {
	
}

body, input, textarea, select, button {
	font-family:sans-serif,Arial,Helvetica,sans;
}

a {
	color: #039;
}



a:hover {
	text-decoration: none;
}

a.right, span.right, img.right {
	float: right;
}

td.right {
	text-align: right;
}

a.left, span.left, img.left {
	float: left;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

body {
	font-size:62.5%;
	background: #eee;
	line-height: 1.8em;
	text-align: center;
}

#wrapper {
	width: 980px;
	text-align: left;
	margin: 0px auto;
	padding: 15px 0;
	font-size: 1.2em;
}

#header {
	width: 980px;
	height: 115px;
	position: relative;
	background: url(../images/header.jpg);
}

#logo {
	position: absolute;
	width: 200px;
	height: 110px;
	left: 390px;
}

#logo span {
	display: none;
}

form#login {
	position: absolute;
	top: -2px;
	left: 0;
}

#login .login {
	float: left;
	background: url(../images/login_login.gif);
	width: 105px;
	height: 20px;
	max-height: 24px;
	border: none;
	margin: 0;
	padding: 4px 0 0 4px;
}

#login .password {
	float: left;
	background: url(../images/login_password.gif);
	width: 95px;
	height: 20px;
	max-height: 24px;
	border: none;
	margin: 0;
	padding: 4px 0 0 4px;
}

#login .button {
	float: left;
	background: url(../images/login_button.gif);
	width: 27px;
	height: 24px;
	max-height: 24px;
	border: none;
	margin: 0;
	padding: 24px 0 0 4px;
	cursor: pointer;
	content: "";
}

div#login {
	position: absolute;
	float:left;
	top: 0;
	left: 0;
}

#header .reg {
	float: right;
	margin: 0;
	padding: 4px 0 0 10px;
	font-size:11px;
}

#header .reg a { text-decoration:none;}
#header .reg a:hover { text-decoration:underline;}

#login .delimiter {
	color: #999;
}

#search {
	position: absolute;
	top: -2px;
	right: 0;
}

#search .input {
	float: left;
	background: url(../images/search_input.gif);
	width: 173px;
	height: 20px;
	max-height: 24px;
	border: none;
	margin: 0;
	padding: 0;
	padding: 4px 0 0 4px;
}

#search .button {
	float: left;
	background: url(../images/search_button.gif);
	width: 24px;
	height: 24px;
	max-height: 24px;
	border: none;
	margin: 0;
	padding: 24px 0 0 4px;
	overflow: hidden;
	cursor: pointer;
	content: "";
}

#menu1 {
	position: absolute;
	top: 70px;
	left: 10px;
	padding: 0;
}

#menu2 {
	position: absolute;
	top: 70px;
	right: 10px;
	padding: 0;
}

#menu1 li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
}

#menu2 li {
	float: left;
	list-style: none;
	margin: 0 0 0 5px;
}

#menu1 li a,
#menu2 li a {
	color: #9cf;
	padding: 0 0 0 5px;
	text-decoration: none;
	float: left;
	cursor: pointer;
}

#menu1 li a span,
#menu2 li a span {
	padding: 0 5px 0 0;
	float: left;
	line-height: 24px;
	cursor: pointer;
}

#menu1 li a:hover,
#menu2 li a:hover {
	background: url(../images/header_link_over.gif) left top;
	color: #039;
}

#menu1 li a:hover span,
#menu2 li a:hover span {
	background: url(../images/header_link_over.gif) right top;
}

#content {
	background: url(../images/footer.gif) no-repeat left bottom;
	padding: 0 0 30px;
}

#page {
	margin: 0 210px;
	float: left;
	width: 560px;
}

#sidebar1 {
	float: left;
	margin: 0 0 0 -980px;
	width: 200px;
}

#sidebar2 {
	float: left;
	margin: 0 0 0 -200px;
	width: 200px;
}

.sidebar .box {
	margin: 0 0 10px 0;
}

.sidebar .box1 {
	background: url(../images/sidebar1.gif) left top;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	color: #039;
	clear: both;
}

.sidebar .box1 .container {
	background: url(../images/sidebar1.gif) left bottom;
	padding: 0 10px 10px 10px;
}

.sidebar .box2 {
	background: url(../images/sidebar2.gif) left bottom;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	color: #9cf;
	clear: both;
}

.sidebar .box2 .container {
	background: url(../images/sidebar2.gif) left top;
	padding: 10px 10px 0 10px;
}

.sidebar .box2 a {
	color: #9cf;
}

.sidebar .box3 {
	clear: both;
	background: url(../images/sidebar3.gif) no-repeat left top;
	padding: 7px 0 10px 0;
	margin: 0 0 10px 0;
}

.sidebar .box3 h3 {
	margin: 0 10px 10px 10px;
}

.sidebar .box3.match .next {
	margin: 0 10px 0 0;
}

.sidebar .box4 {
	clear: both;
	background: url(../images/sidebar4.gif) no-repeat left top;
	padding: 7px 0 10px 0;
	margin: 0 0 10px 0;
}

.sidebar .box5 {
	background: url(../images/sidebar2.gif) repeat-x left bottom;
	border-bottom-color: #2F59AA;
	padding: 7px 0 10px 0;
	margin: 0 0 10px 0;
  color: #9cf;
}
.sidebar .box5 h3 {
	margin: 0 10px 10px 10px;
}

.sidebar .box4 h3 {
	margin: 0 10px 10px 10px;
	color: #039;
}

.sidebar .box4.match .next {
	margin: 0 10px 0 0;
}

.sidebar h3 {
	margin: 0 0 10px 0;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}

.sidebar .news .datum {
	text-align: left;
	font-weight:bold;
	margin: 0px;
	font-size:11px;
}

.sidebar .news .text {
	text-align: justify;
	font-weight:normal;
	font-size:11px;
	margin: 0 0 10px 0;
}

.sidebar .survey p {
	text-align: justify;
	margin: 0 0 10px;
}

.sidebar .survey .option {
	text-align: left;
	margin: 0 0 10px;
}

.sidebar .survey .bar {
	background: #81ACD7;
	padding: 1px;
	display: block;
}

.sidebar .survey .bar span {
	height: 10px;
	overflow: hidden;
	display: block;
	background: url(../images/survey_bar.gif);
}

.sidebar .box1 table.standings {
	margin: 0 -10px 10px -10px;
	width: 200px;
}



.sidebar .box1 table.standings td {
	background: #81ACD7;
	border-bottom-color: #003294;
}

.sidebar .box1 table.standings tr.odd td {
	background: transparent;
}

table.standings {
	width: 100%;
	margin: 0 0 10px 0;
}

table.standings th {
	font-weight: bold;
	padding: 0 0 0 4px;
}

table.standings td {
	background: #ddd;
	border-bottom: 1px dotted #aaa;
	padding: 0px 4px;
}

table.standings tr.odd td {
	background: transparent;
}

table.table1 {
	width: 100%;
	margin: 0 0 10px 0;
}

table.table1 thead td,
table.table1 th {
	font-weight: bold;
	padding: 2px 4px;
	background: #ddd;
	border-bottom: 1px solid #ccc;
}

table.table1 td {
	padding: 1px 4px;
	border-bottom: 1px solid #ddd;
}

table.table1 .highlighted {
	background: #9cf;
}

.box1 li {
	border-top: 1px solid #81ACD7;
	list-style: none;
	margin: 0;
	padding: 3px;
	font-weight: bold;
}

.box1 li.first {
	border-top: none;
	padding-top: 0;
}

.box1 ul ul {
	margin: 0.3em 0 0.3em 0.5em;
	padding: 0;
}

.box1 ul ul li {
	border: none;
	background: url(../images/list1.gif) no-repeat 0 0.5em;
	padding: 0.1em 0 0.1em 10px;
	font-weight: normal;
}

.box1 ul ul ul li {
	border: none;
	background: url(../images/list2.gif) no-repeat 0 0.5em;
	padding: 0.1em 0 0.1em 10px;
	font-weight: normal;
}


.box2 li {
	border-bottom: 1px solid #13439F;
	list-style: none;
	margin: 0;
	padding: 0.1em 0 0.1em 10px;
	background: url(../images/list2.gif) no-repeat 0 0.5em;
}


.sidebar .tv li {
	padding: 0.1em 0;
	background: none;
}

.sidebar .tv li.highlighted {
	background: url(../images/sidebar2_gradient.gif) repeat-x left bottom;
	border-bottom-color: #2F59AA;
	font-weight: bold;
}

.sidebar .tv ul a {
	text-decoration: none;
	display: block;
	background: url(../images/list2.gif) no-repeat 0 0.5em;
	padding: 0 0 0 10px;
}

.tv .snapshot {
	position: relative;
	margin: 0 0 10px 0;
}

.tv .snapshot a {
	display: block;
	position: absolute;
	left: 0;
	height: 40px;
	background: url(../images/player_button.gif);
}

html>body .tv .snapshot a { /* IE6 bug */
	bottom: -5px;
}

.sidebar .tv .snapshot a {
	width: 180px;
}

.tv .snapshot a span {
	display: none;
}

.sidebar .match {
	text-align: center;
}

.sidebar .match .prev {
	background: url(../images/prev1.gif) no-repeat 0 0.3em;
	padding: 0 0 0 0.6em;
}

.sidebar .match .next {
	background: url(../images/next1.gif) no-repeat right 0.3em;
	padding: 0 0.6em 0 0;
}

.sidebar .match img.team1,
.sidebar .match img.team2 {
	margin: 0.3em 0 0.3em;
}

.sidebar .match h4 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0.5em 0 0.3em;
}

.sidebar .match p {
	margin: 0.1em 0;
}

.sidebar .match .delimiter {
	color: #999;
}

.sidebar .partners {
	text-align: center;
}

#menu a {
	text-decoration: none;
}

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


#page #carousel {
	background: url(../images/carousel.gif) left top;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	color: #039;
	clear: both;

}

#page #carousel .container {
	background: url(../images/carousel.gif) left bottom;
	padding: 0 10px 10px 10px;
	height:350px;
}

#page #carousel #top1 {
	float: left;
	width: 450px;
}

#page #carousel #top2 {
	float: left;
	width: 450px;
}

#page #carousel #top3 {
	float: left;
	width: 450px;
}

#page #carousel #top4 {
	float: left;
	width: 450px;
}

#page #carousel #top5 {
	float: left;
	width: 450px;
}

.block-off { display:none; }
.block-on { display:visible; }

#page #carousel #menu {
	float: right;
}

#page #carousel #menu a {
	display: block;
	margin-bottom: 5px;
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	zoom: 1;
}

#page #carousel #menu a:hover {
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	border: 2px solid #039;
	margin: -2px -2px 3px -2px;
}

#page #carousel #menu .highlighted a{
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	border: 2px solid #039;
	margin: -2px -2px 3px -2px;
}


#page #carousel a img {
	display: block;
}

#page #carousel h2 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 10px 0 5px;
}

#page #carousel h2 a {
	text-decoration: none;
}

#page .articles .short-article.first {
	border-top: none;
}

#page .articles .short-article {
	padding: 10px;
	border-top: 1px solid #ccc;
}

#page .articles .short-article .photo {
	float: left;
	margin: 0 10px 0 0;
}

#page .articles .short-article .date {
	float: right;
	color: #999;
}

#page .articles .short-article h2 {
	font-weight: bold;
	color: #000;
}

#page .articles .short-article h2 a {
	color: #000;
	text-decoration:none;
}

#page .articles .short-article h2 a:hover {
	color: #000;
	text-decoration:underline;
}

#page .article {
	padding: 0 10px;
	font-size: 1.1em;
}

#page .article .zoznam_galerii_video { border-bottom: 1px solid #003FB0; background: no-repeat left url('../images/video-icon.gif'); padding:5px 0 5px 25px;}
#page .article .zoznam_galerii_video a {text-decoration:none; color:#000;}
#page .article .zoznam_galerii_video a:hover {text-decoration:none; color:#0141ad;}
#page .article .cont {padding: 10px 0px 10px 0px;}

#page .article .gallery-wrapper img { display: block; float: left; margin: 0 14px 14px 0; border: 2px solid #eee; }
#page .article .gallery-wrapper img.last { margin: 0 0 14px 0; }
#page .article .gallery-wrapper a:hover img { border-color: #003399; }

#page .article .main-image {
	text-align: center;
	margin: 0 -10px;
}

#page .article h1 {
	font-weight: bold;
	font-size: 1.6em;
	margin: 1em 0 0.5em;
	font-style: italic;
}

#page .article p {
	margin: 1em 0  0.5em;
	text-align: justify;
}

#page .article .author {
	color: #666;
}

#page .player {
	background: url(../images/carousel.gif) left top;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	color: #039;
	clear: both;
}

#page .player .container {
	background: url(../images/carousel.gif) left bottom;
	padding: 0 10px 10px 10px;
}

#page .player h1 {
	font-size: 1.5em;
	line-height: 1.1em;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#page .player .photo {
	float: left;
}

#page .player .photo img {
	height: 300px;
}

#page .player .data {
	float: right;
	width:280px;
	margin: -5px 0 0 10px;
	padding: 0 0 0 20px;
}

#page .player .data strong {
	font-size: 1.1em;
	display: block;
	margin: 5px 0 0 -20px;
}

.article h2 {
	font-size: 1.3em;
	line-height: 1.1em;
	font-weight: bold;
	margin: 15px 0 10px 0;
	color: #666;
}

#page .players h2 {
	font-size: 1.3em;
	line-height: 1.1em;
	font-weight: bold;
	margin: 15px 0 10px 0;
	color: #666;
}
.players .hrac {float: left; display: block;  margin: 0 8px 14px 0; width:104px; text-align:center;}
.players .hrac a { text-decoration:none;}
.players .hrac img { border: 2px solid #eee; }
.players .hrac .last { margin: 0 0 14px 0; }
.players .hrac a:hover img { border-color: #003399; }

#page .forum h2 {
	font-size: 1.3em;
	line-height: 1.1em;
	font-weight: bold;
	margin: 15px 0 10px 0;
	color: #666;
}

#page .forum .entry {
	border-top: 5px solid #ccc;
	border-bottom: 1px dotted #ddd;
	margin: 0 0 5px 0;
}

#page .forum .entry .user {
	width: 26%;
	float: left;
	padding: 5px 2%;
}

#page .forum .entry .user .name {
	font-weight: bold;
}

#page .forum .entry .message {
	width: 66%;
	float: left;
	padding: 5px 2%;
}

#page .forum .entry .message .time {
	font-weight: bold;
}

#page .forum .entry .message .time a.delete {color:red; font-size:11px;}
#page .forum .entry .message .time  a:hover.delete {color:red; font-size:11px;}

#page .forum .entry .message p {
	margin: 5px 0 0 0;
	background: white;
	padding: 5px;
	border: 1px solid #ddd;
}

#footer {
	clear: both;
	margin: 10px 0 0 0;
	text-align: center;
}

#footer .links {
	color: #999;
}

#footer .links .delimiter {
	padding: 0 5px;
}

#footer .copyright p {
	margin: 0;
}

#footer .copyright {
	color: #999;
}

#footer .copyright a {
	color: #999;
}