html { margin:0; padding: 0; /* width: 100%; */ }
body {
	margin:0;
	padding:0;
	padding-bottom:10px;
	font-family : Arial, "Arial CE", "Helvetica CE", Verdana, sans-serif;
	font-size:76%;
	text-align:center;
	color:#0e2c46;
	background-image:url(../images/bg-body-h.jpg);
	background-repeat:repeat-x;
	background-color:#295C96;
	width:100%;
	height:100%;
}
p, form, div, ul, li {	margin: 0;	padding: 0; }
img { font-size:86%; border:none;}

#mainframe {
	width:920px;
	margin:0 auto;
	position:relative;
}
#tophead {
	width:920px;
	height:109px;
	position:relative;
	color:#FFFFFF;
	text-align:right;
}
#tophead a, #tophead a:hover {
	color:#ffffff;
}

#head {
	width:920px;
	height:230px;
	position:absolute;
	top:109px;
	left:0;
	background-image:url(../images/bg-head.png);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
#head .head-margin {
	margin:50px 10px 0 10px;
}

#tophead img {
	display:block;
}
#head img {
	display:block;
}
#head img.stat {
	position:absolute;
	display:block;
	z-index:1;
	right:10px;
	top:70px;
}
#head .ver {
	width:55px;
	height:20px;
	position:absolute;
	top:55px;
	right:17px;
	font-size:92%;
	color:#666666;
	text-align:right;
}

#logo {
	width:296px;
	height:56px;
	position:absolute;
	left:0;
	top:27px;
	z-index:1;
	text-align:left;
	font-weight:bold;
	font-size:258%;
}
#logo a {
	display:block;
	width:296px;
	height:56px;
	position:relative;
	cursor:pointer;
	_cursor:hand;
	overflow:hidden;
}
#logo a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:0 0;
}

#logo a span {
	background-image:url(../images/xbass-logo.png);
}

#main {
	text-align:left;
	position:relative;
	margin-top:230px;
	background-image:url(../images/bg-main-end-end.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:10px;
	background-color:#527ba8;
}
#main .main-margin {
	margin:0 10px;
	background-image:url(../images/bg-main.png);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}
#main .holder-full {
	width:900px;
	_height:1px;
	min-height:1px;
	background-image:url(../images/bg-main-end.png);
	background-repeat:no-repeat;
	background-position:100% 100%;
	padding-bottom:25px;
}

#main p {
	line-height:1.2em;
}

#col-l {
	float:left;
	width:640px;
}
#col-l .holder {
	width:640px;
	_height:1px;
	min-height:1px;
}
#col-l .over {
	width:640px;
	position:relative;
	overflow:hidden;
}

#col-l p {
	line-height:1.3em;
}

#col-r {
	float:left;
	width:260px;
	line-height:17px;
}
#col-r .col-r-end {
	_height:1px;
	min-height:1px;
	margin:15px;
	margin-bottom:0;
}
#col-l p.err, #col-r p.err {
	padding:0;
	font-style:italic;
}
p.err2 {
	color:#CC0033;
	font-weight:bold;
}
.need {
	color:#CC0033;
}

#foot {
	text-align:left;
	background-image:url(../images/bg-foot.png);
	background-repeat:repeat-x;
	background-position:top;
	position:relative;
}

#foot .foot-img {
	background-image:url(../images/img-foot.png);
	background-repeat:no-repeat;
	background-position:100% 16px;
}
.copy {
	padding:0 0 15px 15px;
	color:#ffffff;
}
.navigace {
	padding:18px 0 15px 15px;
	color:#547dab;
}

.navigace a, .navigace a:hover {
	color:#ffffff;
	text-decoration:underline;
}
.copy a, .copy a:hover {
	color:#fc8610;
	text-decoration:underline;
}
#foot a:hover {
	text-decoration:none;
}

#overtoplist {
	position:absolute;
	visibility:hidden;
	z-index:10;
	right:0;
	top:0;
	text-align:center;
	padding:5px;
	background-color:#FFFFFF;
}
#overtoplist img {
	vertical-align:bottom;
}

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

.hidden { display:none;}

.clear-lr {
	clear:both;
	margin-top:-1px;
	position:relative;
	padding:0;
	height:0;
	border:none;
	overflow:hidden;
	visibility: hidden;
}

.break-l {
	clear:left;
	margin-top:-1px;
	position:relative;
	padding:0;
	height:0;
	border:none;
	overflow:hidden;
	visibility: hidden;
}
.break-r {
	clear:right;
	margin-top:-1px;
	position:relative;
	padding:0;
	height:0;
	border:none;
	overflow:hidden;
	visibility: hidden;
}

.l {
	text-align:left;
}
.r {
	text-align:right;
}
.c {
	text-align:center;
}
.j {
	text-align:justify;
}
.t {
	vertical-align:top;
}
.small {
	font-size:92%;
}

table {
	font-size:100%;
	border-collapse:collapse;
}
td {
	padding:4px;
}

h1 {
	font-size:196%;
	font-weight:normal;
	padding:11px 0 9px 10px;
	border-left:1px solid #FFFFFF;
	margin:0 0 10px 0;
	color:#54A2E0;
	background-image:url(../images/bg-h1.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#f3f3f3;
}
h1 span {
	font-size:58%;
	font-style:italic;
	font-weight:bold;
}
h2 {
	font-size:176%;
	font-weight:normal;
	padding:13px 0 10px 0;
	margin:0;
	color:#54A2E0;
}

h3 {
	margin:0;
	padding:0;
	font-size:110%;
	color:#54A2E0;
}

h4, h5 {
	margin:0;
	padding:2px 0 2px 0;
	font-size:110%;
	font-weight:bold;
}

#menu {
	position:absolute;
	width:898px;
	top:10px;
	left:11px;
	z-index:1;
	background-image:url(../images/bg-menu.png);
	background-repeat:repeat-x;
}

#menu ul {
	list-style-type:none;
	display:block;
	float:left;
}
#menu li {
	float:left;
	margin:0;
	font-size:110%;
}

#menu li a {
	display:block;
	color:#0e2c46;
	font-weight:bold;
	text-decoration:none;
	padding:11px 12px 14px 13px;
	background-image:url(../images/dot-menu.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
	_height:1px;
	min-height:1px;
	float:left;
}
#menu li a.conne {
	color:#CC0033;
}

#menu li a:hover, #menu li a.active {
	color:#fc8610;
}

.t-href-a {
	text-align:left;
	padding:0 0 3px 1px;
	font-size:92%;
}

/* FLYERS */

#over {
	background-color:#000000;
	position:absolute;
	left:0;
	top:0;
	z-index:20;
	width:100%;
	height:100%;
    filter: alpha(opacity=70);  
    -moz-opacity: 0.70;  
    -khtml-opacity: 0.70;  
    opacity: 0.70;
}
#flyers-over {
	width:800px;
	position:absolute;
	top:0;
	left:50%;
	margin:70px 0 0 -400px;
	padding-bottom:70px;
	z-index:30;
	text-align:center;
}
#flyer-border {
	background-color:#FFFFFF;
	margin:0 auto;
	padding:10px 0 0 0;
	position:relative;
}
#close {
	position:absolute;
	top:0;
	width:28px;
	height:27px;
	right:-28px;
}
#flyer {
	margin:0 10px 10px 10px;
	border:1px solid #666666;
}
#flyer img, #close img {
	display:block;
}