body {margin: 0; padding: 0; outline: none; color: #FFF; background: #000; font-size: 0.9em; text-align: center;}
body, input, select, textarea {font-family: Tahoma, Arial, sans-serif; }

form {margin: 0; padding: 0;}
input {vertical-align: middle;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.image-border {border: 1px solid #DBDBDB; padding : 2px;}

.clear {clear: both}

/* Headers and paragraphs */
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-size: 1em; color: #f7aed5; font-family: Georgia, 'New York CE', utopia, serif;}
h1 {font-size: 3em; margin: 0;}
h2 {font-size: 1.8em; margin-bottom: 20px;}
h3 {font-size: 1.5em; color: #FFF;}

p {font-size: 0.9em; margin: 0 0 0.5em;}

/* link */
a {font-weight: bold; text-decoration: underline; color: #c8207a; font-size: .0.9em;}
a:hover {text-decoration: none;}
a span { cursor:pointer; }

/* list */
ul, ol {margin: 10px 0; padding: 0 20px;}
ul ul, ul ol, ol ul {margin: 0;}
li {margin-left: 35px; padding: 2px 0;}
ul li {list-style: square;}
ol li {list-style: decimal;}
.no-bullets li {margin-left: 0; list-style: none;}

/* table */
div.table {width: 600px; _clear: both; margin: 0 0 0 1px; @margin-left: 0;}
th.section {background: #f8f8ff; font-weight: bold;}
.even {background: #eee}
.odd { }

/* image */
img2 {border: 1px solid #DBDBDB; vertical-align: middle; margin: 2px; background: #FFF url('/system/../images/bg_img.gif') center center no-repeat;}
img.image-left {float: left;  margin: 3px 8px 2px 0;}
img.image-right {float: right; margin: 3px 0 2px 8px;}
span.image-left  {float: left;  margin: 3px 8px 2px 0;}
span.image-right {float: right; margin: 3px 0 2px 8px;}
img.no-border {border: 0;}
img.ico {background: #f0f8ff; margin-right: 5px;}

/* Code and such */
pre {line-height: 1; padding: 10px; margin: 10px 0; font-family: monospace; border: 1px solid #000; background: #f8faff; font-size: 1em; white-space: normal; _width: 570px; _overflow: auto; display: block; }
code {font-family: monospace; font-weight: bold; }
acronym {border-bottom: 1px dotted black; cursor: help;}


/* cms layout */
#cms_body {position: relative; width: 1280px; background: url('../images/bg.jpg') top left no-repeat; margin: 0 auto; text-align: left;}
#cms_container {width: 995px; margin: 0 0 0 137px; text-align: left; position: relative;}

#cms_header {width: 100%; height: 89px; position: relative;}
#cms_header .header_top {width: 100%; height: 39px; background: url('../images/header-top-bg.jpg') top left no-repeat;}
#cms_header .header_menu {width: 100%; height: 50px; background: url('../images/header-menu-bg.jpg') top left no-repeat;}

#cms_top {width: 100%; height: 312px; position: relative; background: url('../images/top-bg.jpg') top left no-repeat;}
#cms_top span {display: none;}
#cms_top a.logo {display: block; float: left; position: absolute; left: 0; top: -63px; width: 249px; height: 77px; margin: 0; background: url('../images/logo.gif') 0 0 no-repeat;}
#cms_top .player {display: block; float: left; position: absolute; left: 722px; top: 40px; width: 236px; height: 63px; margin: 0; background: red;}

#cms_top2 {width: 100%; height: 75px; position: relative; background: url('../images/top2-bg.jpg') top left no-repeat;}
#cms_top2 span {display: none;}
#cms_top2 .news {display: block; position: absolute; width: 88px; height: 37px; top: 20px; left: 16px;}
#cms_top2 .dj {display: block; position: absolute; width: 110px; height: 37px; top: 20px; left: 303px;}
#cms_top2 .lastphotos {display: block; position: absolute; width: 161px; height: 37px; top: 20px; left: 520px;}
#cms_top2 .calendar {display: block; position: absolute; width: 135px; height: 37px; top: 20px; left: 805px;}

#menu {float: right; min-width: 1px; width: auto !important; width: 1px; height: 50px; background: url('../images/menu-bg.jpg') top right no-repeat;}
#menu a {display: block; position: relative; height: 50px; line-height: 50px; color: #FFF; font-size: 1.2em; font-family: Georgia, 'New York CE', utopia, serif; font-weight: normal; background: url('../images/menu-right.png') top right no-repeat; margin: 0 0 0 13px; padding: 0 13px 0 0; text-decoration: none;}
#menu a:hover {color: #430124; text-decoration: none;}
#menu ul, #menu li {padding: 0; margin: 0; list-style-type: none !important;}
#menu ul {height: 50px;}
#menu li {list-style: none; float: left; margin: 0; padding: 0; background: url('../images/menu-left.png') top left no-repeat; text-transform: lowercase;}
#menu li.first {background: url('../images/menu-first.gif') top left no-repeat;}
#menu li ul.closed {display: none;}
#menu a.active span, #menu a.active:hover span, #menu a.opened span, #menu a.opened:hover span {color: #430124;} 

#cms_content {width: 100%; min-height: 300px; background: url('../images/content-bg.jpg') 0 8px no-repeat; padding-bottom: 10px;}
#cms_content .topline {width: 100%; height: 8px; background: url('../images/content-top-bg.jpg') top left no-repeat;}
#cms_content .left-column {float: left; width: 755px; padding: 0; margin: 5px 18px 0 18px;}
#cms_content .right-column {float: right; width: 204px; padding: 0; margin: 0;}

#cms_foot {width: 100%; position: relative; background: url('../images/foot-bg.gif') repeat-y; margin-bottom: 20px;}
#cms_foot .top {width: 100%; background: url('../images/foot-top-bg.gif') left top no-repeat; padding-top: 4px;}
#cms_foot .bottom {width: 100%; background: url('../images/foot-bottom-bg.gif') left bottom no-repeat;}
#cms_foot p {float: left; color: #FFF; font-size: 0.8em; margin: 7px 0 10px 10px;}
#cms_foot p span {color: #430124;}
#cms_foot p a {color: #FFF; font-weight: normal;}
#cms_foot .logo {display: block; float: left; width: 75px; height: 37px; margin: -3px 0 0 10px; background: url('../images/foot-logo.gif') 0 0 no-repeat;}
#cms_foot .logo span {display: none;}

.con1456 #cms_header .header_menu {background-image: url('../images/header-menu-hp-bg.jpg');}
.con1456 #cms_foot .top {background-image: url('../images/foot-top-hp-bg.gif') !important;}
.con1456 #cms_foot .bottom {background-image: url('../images/foot-bottom-hp-bg.gif') !important;}
.con1456 #cms_content .topline {background-image: url('../images/content-top-hp-bg.jpg') !important;}
.con1456 #cms_top {background-image: url('../images/top-hp-bg.jpg');}
.con1456 #cms_content {background: url('../images/content-hp-bg.jpg') 0 14px no-repeat;}
.con1456 #cms_content .topline {height: 14px; background-image: url('../images/content-top-hp-bg.jpg');}

.con1465 #cms_top {background-image: url('../images/top-calendar-bg.jpg') !important;}
.con1463 #cms_top {background-image: url('../images/top-contact-bg.jpg') !important;}
.con1469 #cms_top {background-image: url('../images/top-download-bg.jpg') !important;}
.con1468 #cms_top {background-image: url('../images/top-forum-bg.jpg') !important;}

.col_news {float: left; width: 260px; margin-right: 25px;}
.col_dj {float: left; width: 190px; margin-right: 30px;}
.col_photo {float: left; width: 250px;}

/* nastaveni CMS */
#cms-articles .dateupdated {color: #c8207a; font-weight: bold; font-size: 0.8em;}
#cms-articles p {color: #f7aed5; font-size: 0.8em;}
#cms-articles a {color: #FFF; font-size: 0.8em;}
#cms-articles li {margin-bottom: 20px;}

#secondmenu {float: right; margin: 7px 10px 10px 0 !important; font-size: 0.8em !important;}
#secondmenu ul, #secondmenu li {color: #FFF; padding: 0; margin: 0; list-style-type: none !important;}
#secondmenu li {float: left; margin: 0 5px 0 0 !important; padding: 0 0 0 5px !important; border-left: 1px solid #FFF;}
#secondmenu li a {color: #FFF !important; font-weight: normal; padding: 0 !important; margin: 0 !important;}
#secondmenu li.first {border: 0}

#path {font-size: 0.8em; margin: 5px 0 10px 0;}
#path a {color: #FFF;}

#print_top {font-size: 0.8em;}
#print_top a {font-weight: normal;}

#gallery_box .gallery_thumb_img a:hover {border: 2px solid #9E0B0E;}

#comments .preview {background: #261b1e;}

#comments_box .comment_header {background-color: #991e5f;}
#comments_box .comment_item {border: 1px solid #991e5f; background-color: #000;}
#comments_box .comment_header a.comment_user span {background-color: #991e5f;}

#add_new_comments .comment_help {background: #261b1e;}

#poll_box {margin: 0;}

#post_box {padding: 0; margin: 0;}
#post_box .preview_article .tray {color: #f7aed5;}
#post_box .preview_article .tray a {color: #f7aed5;}
#post_box .preview_article p.annotation {background: #261b1e; border-left:2px solid #838081;}

#order_box {background: #261b1e; border: 1px solid #000;}
#order_box .order, #order_box .order span {background-color: #261b1e;}
#order_box .up span {background-image:url('../images/sort-up0.gif');}
#order_box .up_active span {background-image:url('../images/sort-up1.gif');}
#order_box .down span {background-image:url('../images/sort-down0.gif');}
#order_box .down_active span {background-image:url('../images/sort-down1.gif');}

#kalendar_akci .kalendar_kalendar {position: relative; width: 175px; font-size: 0.7em; background: #991e5f; border: 1px solid #ff0087; margin: 10px 0 0 15px;}
#kalendar_akci h3 {font-size: 1.1em; margin: 0 0 1px 0; padding: 5px; border-bottom: 1px solid #ff0087;}
#kalendar_akci table {width: 174px; margin: 0 0 0 1px;}
#kalendar_akci th {color: #6f204a; padding: 0; background: #ffd0e9; border: 1px solid #FFF;}
#kalendar_akci th div {height: 20px; line-height: 20px; background: 0; margin: 0; padding: 0;}
#kalendar_akci td {padding: 0; background: #ffeaf5; border: 1px solid #FFF; color: #6f204a; height: 20px; width: 17px;}
#kalendar_akci td.active a {height: 20px; line-height: 20px; padding: 0; background: #f5a6d0; color: #6f204a !important;}
#kalendar_akci td.active .overbox a {color: #c8207a !important;}
#kalendar_akci .prev {background-image: url('../images/kalendar-prev.gif');}
#kalendar_akci .next {background-image: url('../images/kalendar-next.gif');}
#kalendar_akci ul.list li span.datum,
#kalendar ul.list li span.datum {background-image: url('../images/calendar.gif') !important;}
