/* general elements */

body {margin: 0px; padding: 0px; font-family: "Helvetica CE", Tahoma, Helvetica, "Arial CE", Arial, "Verdana CE", Verdana, "Trebuchet MS"; background: url('../img/body-bck.jpg') center top no-repeat #343031; font-size: 12px;  color: #ffffff; }
a, a:active, a:visited {color: #005952; text-decoration: none; outline: none;}
a:hover {text-decoration: underline; outline: none; color: #005952;}
img, a img, a:active img, a:visited img, a:hover img {border: none; outline: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;}
input {vertical-align: middle;}
form {margin: 0px; padding: 0px;}

.left {float: left;}
.right {float: right;}
.clear  {clear: both; height: 5px; margin: 0px; padding: 0px; overflow: hidden;}

.text-right {text-align: right; padding-right: 15px;}

.bold {font-weight: bold;}
.no-border {border: none !important;}

h1 {font-size: 22px; line-height: 30px; font-weight: normal; margin: 0px; margin-bottom: 15px;  color: #fd9b00; }
h2 {font-size: 30px; line-height: 30px; margin: 0px; margin-bottom: 7px; color: #ffffff; }
h3 {font-size: 15px; line-height: 14px; margin: 0px; margin-bottom: 15px; color: #ffffff;}
h4 {font-size: 13px; font-weight: normal; line-height: 14px; color: #ffffff; margin: 0px 0px 0px 0px;}

.relative {position: relative;}

/* layout */

#body-container {width: 100%; min-width: 998px; display: block; text-align: center; background: url('../img/body-note-bck.gif') center top no-repeat;}
#main-container {display: block; width: 882px; text-align: left; margin-left: auto; margin-right: auto; margin-top: 18px;}

/* topbar */
#topbar {width: 882px; height: 39px; display: block;}
#topbar ul {margin: 0px; padding: 0px;  }
#topbar ul li {margin: 0px; padding: 0px; list-style-type:none; display: inline; }
/* pro pet polozek zmente delku na 176px a zmente obrazky topbar-item-last-bck-old-for-five-items.gif a topbar-item-last-bck-old-for-five-items - zruste suffixy */
/* nyni je nastaven provoz pro sest polozek */
#topbar ul li a {color: #ffffff; text-align: center; text-decoration: none;  height: 39px; width: 147px; display: block; line-height: 39px; float: left; font-size: 12px; font-weight: bold; background: url('../img/topbar-item-bck.gif') left top no-repeat; }
#topbar ul li a.last {background-image: url('../img/topbar-item-last-bck.gif'); }
#topbar ul li a:hover {color: #e57115; background-position: left -39px;}

/* middlebar */
#middlebar {display: block; width: 882px; height: 200px; margin-top: 5px; background: url('../img/middlebar-anim-bck.gif') left top no-repeat #000000; position: relative;}
#middlebar h1 {margin: 0px; padding: 0px; }
#middlebar h1 a {position: absolute; top: 60px; left: 277px; display: block; width: 399px; height: 53px; text-indent:-9999em; overflow: hidden; background: url('../img/text-open-sun-fest.gif') left top no-repeat;}
#middlebar h2 {margin: 0px; padding: 0px; position: absolute; top: 128px; left: 280px; font-size: 15px; color: #ffffff;}
#middlebar h3 {margin: 0px; padding: 0px; position: absolute; top: 162px; right: 100px; font-size: 19px; line-height: 22px; height: 22px; font-weight: bold; color: #ffffff;}

/* content */
/* #content-outer {display: block; position: relative; width: 624px; min-height: 470px; float: left; overflow-x: hidden; overflow-y: auto; margin: 5px 0; background: url('../img/content-bck-line.png') left top repeat-y; border: 1px solid #7d7b7b; } */
#content-outer {display: block; position: relative; width: 624px; min-height: 470px; float: left; overflow-x: hidden; overflow-y: auto; margin: 5px 0;  border: 1px solid #7d7b7b; }
#content-outer-1 { width: 624px; height: 80px; background: url('../img/content-bck-connectors.png') left top no-repeat; }
#content-outer-2 { width: 624px; background: url('../img/content-bck-line.png') left top repeat-y; }
#content-outer .clear { background: url('../img/content-bck-line.png') left top repeat-y; }
#content-inner {padding: 1px 40px 0px 100px; font-size: 13px; /*min-height: 1000px;*/ }
#content-inner .delimiter {width: 100%; height: 8px; overflow: hidden; clear: both; background: url('../img/delimiter-bck.png') left top repeat-x;}
#content-inner em {color: #000000; font-style: normal; font-weight: bold;}
#content-inner a {color: #f0f0f0 !important; text-decoration: underline !important;}
#content-inner img {margin-right: 10px;}
#content-inner #photo a {text-decoration: none !important;}
#content-inner .i {margin: 0 4px 8px 0;}
#content-inner .i4 {margin: 0 0 8px 0;}
#content-inner hr {clear: both;}

/* partners */
#partners {float: left; display: block; width: 862px; background: white; /*url('../img/partners-bck.png') left top;*/ color: #000000; /*line-height: 50px;*/ padding: 10px;}
#partners a {display: block; float: left; height: 50px; padding: 0 5px 0 0; text-align: center;}
#partners a#pardal {width: 68px; height: 62px; margin: 0 0 5px 0; padding: 0; background: url('../img/partner-pardal.png') bottom no-repeat;}

#partners-01,
#partners-02,
#partners-03,
#partners-04,
#partners-04a,
#partners-04b,
#partners-05 {
	float: left;
	border-left: 1px solid #666;
	padding-left: 6px;
	height: 130px;  
}

#partners-01 {border: 0;}
#partners-04a,
#partners-04b {
	border: 0;
	height: 72px;
	padding: 0;
}

#partners-01 {width: 385px;}
#partners-02 {width: 206px;}
#partners-03 {width: 125px;}
#partners-04 {width: 118px;}

.partners-title {
	margin-bottom: 14px;
}

/* special boxes */
#right-panel {float:right; width: 250px;}
.box-01-outer {border: 1px solid #7d7b7b; width: 248px; margin-top: 5px; float: right; background: url('../img/box-01-bck.png') left top;}
.box-02-outer {border: 1px solid #7d7b7b; width: 248px; margin-top: 5px; float: right; background: url('../img/box-02-bck.png') center bottom no-repeat;}
.box-01-outer h4, .box-02-outer h4, #box-bands-outer h4 {width: 100%; margin: 0px; padding: 0px; height: 39px; line-height: 39px; text-align: center; overflow: hidden; background: url('../img/gradient-01-bck.gif') left top repeat-x;}
.box-01-inner, .box-02-inner, .box-04-inner {padding: 5px 10px 5px 10px; line-height: 140%;}
.box-01-inner a, .box-02-inner a {color: #dddddd; text-decoration: underline;}
.box-03-outer {display: block; width: 880px; overflow-x: hidden; background: url('../img/box-03-bck.png') left top no-repeat; border: 1px solid #7d7b7b; }
.box-03-inner {padding: 10px 40px 10px 100px; font-size: 13px;}
#box-radio-beat {float: right; clear: right; width: 250px; height: 249px; margin: 5px 0 0 0; background: url('../img/logo-radio-beat.png') no-repeat;}
#box-radio-beat a {display: block; width: 250px; height: 249px;}
.box-04-outer {float: right; clear: right; border: 1px solid #7d7b7b; width: 248px; margin-top: 5px; float: right; background: url('../img/box-02-bck.png') center no-repeat;}
#facebook {display: block; width: 228px; text-align: center;}
#fblogo a {display: block; width: 50px; height: 50px; margin: 0 auto; background: url('../img/facebook.png') no-repeat;}
.content-tabs {font-size: 22px;}
#facebook-2 {float: right; clear: right; border: 0px solid #7d7b7b; width: 250px; margin-top: 5px; float: right;}


#box-bands-outer {
	float: right;
	width: 248px;
	margin: 5px 0 0 0;
	border: 1px solid #7D7B7B;
	border-bottom: none;
}
#box-bands-inner {
   position: relative;
	float: right;
	clear: right;
	width: 248px;
	height: 188px;
}

#box-radio {
	position: relative;
	float: right;
	clear: right;
	width: 250px;
	height: 249px;
	overflow: hidden;
	margin: 5px 0 0 0;
	background-color: white;
}

#box-bands-inner img, #box-radio img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}
#box-bands-inner img.active, #box-radio img.active {
    z-index: 10;
}
#box-bands-inner img.last-active, #box-radio img.last-active {
    z-index: 9;
}

#box-movie {
	float: right;
	width: 250px;
	height: 60px;
}


/* footer */
#footer-outer {clear: both; display: block; width: 882px; height: 50px;}
#footer-inner {text-align: right; color: #ffffff; padding: 10px;}
#footer-inner a {color: #ffffff !important;}