@CHARSET "UTF-8";
body {
	background: #660000;
	background-repeat: repeat;
	background-position: top center;
	/*background-attachment: fixed;*/
}

img { border: 0px; }

#global {
	background: #660000;
	width: 914px;
	position: absolute;
	left: 50%;
	margin: 0px;
	padding: 0px;
	/*margin-left: -457px;*/
	margin-left: -508px;
}

#page {
	position: relative;
	background: url('bg_middle_margin.png') center center repeat;
	z-index: 5;
	margin-bottom: 40px;
	margin-top: 20px;
	left: 50px;
}

#history {
	position: absolute;
	top: -12px;
	right: 8px;
	z-index: 9;
}

#header {
	position: relative;
	width: 914px;
	height: 318px;
	background: url('top-useful.jpg') top left  no-repeat;
}

#logo { 
	position: absolute;
	top: 76px;
	left: 21px;
}

#utb {
	width: 51px;
	height: 185px;
	position: absolute;
	right: -44px;
	top: 60px;
	background: url('zalozka_utb.gif') top left  no-repeat;
	z-index: 8;
}

#facebook {
	width: 51px;
	height: 123px;
	position: absolute;
	right: -44px;
	bottom: 10%;
	background: url('zalozka_facebook.gif') top left  no-repeat;
	z-index: 8;
}

#footer {
	width: 914px;
	height: 55px;
	background: url('bg_bottom_margin.png') bottom left  no-repeat;
	clear: both;
	padding-top: 18px;
	padding-bottom:10px;
	margin: 0px 0px 60px 0px;
	text-align: center;
}
#sponsors { background: url('transparent-bg.gif') #FFFFFF repeat-x;  width: 100%; z-index: 10; padding-top:8px; padding-bottom:8px; text-align:center; border-top: 1px solid #AAAAAA;  }
#sponsors-inpage {
	display: none;
	width: 898px;
	min-height:260px;
	margin: 0 auto 0 auto;
 	padding-top:14px;
	text-align:center;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	left:1px;
	position:relative;
	z-index:80;
}
#sponsors a.left { position: absolute; top: 5px; left: 5px;  }
#sponsors a.right { position: absolute; top: 5px; right: 5px;  }


#menu {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 843px;
	height: 30px;
	margin: 0px 30px 0px 21px;
	padding: 12px 15px 0px 25px;
}

#menu ul {
	display: none;
	position: absolute;
	top: 42px;
	left: -40px;
	z-index: 7;
	list-style: none;
	margin: 0px;
}

#menu li{
	width: 164px;
	height: 23px;
	padding: 6px 10px 0px 26px;
	background: url('menu.png');
	background-color: #CCCCCC;
}


#menu li:hover, #menu li:focus { background: url('menu_hover.png'); background-color:#FFFFFF; }

#rmenu { margin-left: 50px;  }

#rmenu a { padding-left:15px; padding-right:18px; padding-top:12px; padding-bottom:12px; border-right:1px #9A3434 solid;  }

#top-line {
	width: 873px;
	margin: 10px 20px 8px 21px;
	z-index: 6;
	position:relative;
}

#page-content {
	width: 873px;
	min-height: 200px;
	margin: 0px 20px 10px 21px;
	padding: 0;
	clear: both;
}

#content {
	width: 583px;
	float: left;
}

#right-col {
	width: 280px;
	float: right;
}

#top-line div {
	width: 296px;
	position: relative;
	float: left;
	z-index: -2;
}

#top-line span.button {
	position: absolute;
	top: 10px;
	left: 65px;
}

#top-line #gallery-line, #gallery-line {
	width: 279px;
	height: 116px;
	position: relative;
	float: right;
	background: #eee;
	overflow: hidden;
	border: 1px solid grey;
}

#rotate { width: 279px; height: 105px; margin-top: 7px; overflow: hidden; text-align: center; } 

#galleryLine2 {
	width: 890px;
	height: 116px;
	position: relative;
	background: #eee;
	overflow: hidden;
	border: 1px solid grey;
	left:58px;
}

#rotate2 { width: 890px; height: 105px; margin-top: 7px; overflow: hidden; text-align: center; }
#rotate2 img { margin: 0px 10px 0px 10px; }

#larrow {
	position: absolute;
	left: 0px;
	top: 0px;
}

#rarrow {
	position: absolute;
	right: 0px;
	top: 0px;
}

#right-col div.item-holder {
	clear: both;
	position: relative;
	width: 279px;
	min-height: 20px;
	background: url('bg_nadis_grey.gif') top left no-repeat;
	padding: 29px 0px 0px 0px;
	border: 1px solid #888888;
	border-bottom:none;
	margin-bottom: 10px;
}

#right-col div.item-holder p {
padding: 5px 5px 8px 5px; 
margin-bottom:5px;
background-image:url("bg-news-right.gif");
background-repeat:repeat-y;
border-bottom: 1px dotted #888888;
line-height:16px;
}
#right-col div.item {
	position: relative;
	height: 37px;
	margin-top: 5px;
	padding-right:5px;
	border-bottom: 1px dotted #888888;
	color:#444444;
}

#right-col div.item span {
	width: 84px;
	height: 31px;
	background: url('harmonogram.jpg') top left no-repeat;
	float: left;
	text-align: center;
	padding-top: 6px;
	margin-right: 5px;
}
#right-col div.item span.konec {
	width: 84px;
	height: 31px;
	background: url('harmonogram_passed.jpg') top left no-repeat;
	float: left;
	text-align: center;
	padding-top: 6px;
	margin-right: 5px;
	border-bottom: 1px solid #CCCCCC;
}

#content div.item-holder, #content div.item-holder-grey {
	position: relative;
	width: 583px;
	min-height: 10px;
	background: url('bg_nadis_red.gif') top left no-repeat;
	padding: 30px 0px 0px 0px;
	border: 1px solid #AD3F3F;
	border-bottom:none;
	margin-bottom: 10px;
	z-index:1;
}

#content div.item-holder-grey {
	background: url('bg_nadis_grey.gif') #E8E8E8 top left no-repeat;
	border: 1px solid #666666;
	border-bottom: 1px dotted #666666;
	width: 563px;
	padding: 35px 10px 10px 10px;
}
#content div.item-holder-grey span.nazev a {
padding-left:20px;
background:url('dot.gif') left no-repeat;
background-position: 8px 5px; 
line-height:20px;

}
#content div.item-holder-grey span.datum{
line-height:20px;
margin-left:8px;
float:left;
width:75px;

}
#content div.item-holder h1, #content div.item-holder-grey h1, #right-col div.item-holder h1 {
	position: absolute;
	top: 5px;
	left: 35px;
	padding: 0px;
	margin: 0px;
	margin-bottom: -4px;
}

#content div.item-holder div.image {
	float: left;
	width: 209px;
	height: 139px;
	padding: 12px 11px 13px 11px;
	margin: 2px 12px 4px 0px;
	background: url('frame.jpg') top left no-repeat;
	border: 1px solid #999999;
	text-align: center;
}

#content div.item {
	width: 560px;
	padding: 0px 12px 8px 10px;
	border-bottom: 1px dotted #AD3F3F;
	background: url('bg-news.gif') bottom repeat-x;
	margin-bottom:10px;
}

h2 { margin:8px 0 4px 0; padding:0; }
h3 { margin: 0; padding:0; line-height:18px;  }
#content span.legend { float:left;padding-right:14px; margin-right:8px; background:url('dot.gif') right no-repeat;  line-height:18px; }
p {padding:0; margin:4px 0 8px 0;}
.foot { clear: both; position: relative; padding-top:20px; }
.right { position: absolute; right: 0px; }
.left { position: absolute; left: 0px; }

#mmiss { }
.alert{font-size: 14px; color: #B30000; margin-top:18px; line-height:20px; padding-left: 26px; font-weight:bold; background: url('ko.gif') no-repeat; }
.agree{font-size: 12px; color: #222222; margin-top:16px; line-height:20px; font-weight:bold; padding-left: 26px; background: url('ok.gif') no-repeat;}
p.team { padding:0; height:100px; clear:both;}
p.team span{ position:relative; top:30px;}
p.team span.top{ position:relative; top:15px;}
p.team img{ margin:0 10px 0 0; padding:0; float:left;}
h4 {padding:0; margin:20px 0 6px 0; clear:both;}

.galerie-item{
margin:10px 10px 30px 10px;}

.galerie-item-top {
padding-bottom:5px;
border-bottom:1px dotted #999999;
width:540px;
height:23px;
margin-bottom:10px;
}

span.vice-fotek a{
float:left;
background:url("plus.gif") no-repeat;
background-position: 0px 8px;
padding:6px 0 0 20px;
margin-left:20px;
display:block;
}

span.nazev-galerie a{
width:330px;
display:block;
float:left;
text-decoration:none;
background: url("dot.gif") no-repeat;
background-position:0px 9px;
padding-left:10px;
}
span.nazev-galerie-self a{
display:block;
text-decoration:none;
background: url("dot.gif") no-repeat;
background-position:0px 9px;
padding-left:10px;
}
.galerie-item-fotky{
height: 118px;
display:block;
clear:both;
width:540px;
}
.galerie-item-fotky-every{
display:block;
clear:both;
width:540px;
}
.galerie-item-fotky a img{
background: url('frame.jpg')no-repeat;
padding:5px 5px;
margin-right:5px;
}
.galerie-item-fotky-every a img{
background: url('frame.jpg')no-repeat;
padding:5px 5px;
margin:0 5px 5px 0 ;
}
span.autor-galerie {
float:left;
text-transform:uppercase;
text-align:left;
margin-bottom:10px;
}
span.datum-galerie {
float:left;
text-transform:uppercase;
text-align:left;
margin-left:10px;
padding-left:10px;
border-left:1px solid #999999;
margin-bottom:10px;

}
.item li{
line-height:20px;
}
.hlasovani {
display: none;
}
.error { padding: 10px 5px 10px 5px; background: #FDD; }
/*
#global #page #top-line img{
 background-image:url(../layout/bg-foto-hp-1.png); padding:7px 7px; border:none; margin-right:2px;
 }
 #global #page #top-line img:hover{
 background-image:url(../layout/bg-foto-hp.png);
 }
*/

.zpoved{
margin-top:10px; line-height:15px;
}
.odpoved{
display:block; font-style:italic; margin-bottom:8px;font-size:12px; color:#333333;
}
.otazka{
display:block; font-weight:bold;  font-size:12px; margin-bottom:3px;
}
.hlasovani{
padding-bottom:10px; padding-top:10px; border-bottom:1px dashed #CCCCCC;}
.number{
background-color: #6D1212;
	padding: 1px 8px 2px 8px;
	background: #6D1212;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-right: 10px;
	}
	.karta{
	border: 1px solid  #DDDDDD; background: #F9F9F9; width:120px; padding:7px; margin-top:5px; margin-right:4px; float:left;text-align:center;
	}
	.karta:hover{
	border: 1px solid  #999999; background: #FFFFFF; 
	}
	.udaje{
	display:block; font-size:12px; color: #9D0000; padding:0px 0px 5px 0px;text-align:center; line-height:18px;
	}
	.odkazy a{
	display:block; font-size:11px; color: #9D0000; padding:8px 0px 2px 0px; text-align:center;
	}
	.odkazy a:hover{
	color: #222222;
	text-decoration:none;
	}
