body {position: relative; margin: 0px; padding: 0px; background: #000 url('../images/bg.gif'); color: #FFF; font-size: 0.9em;}
body, input, select, textarea {font-family: Tahoma, 'Lucida Grande CE', lucida, 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;}

/* Headers and paragraphs */
h1, h2, h3, h4, h5, h6 {margin: 0.5em 0 0.3em; font-size: 1em; color: #FF0084;}
h1 {font-size: 3em; margin: 0;}
h2 {font-size: 1.5em; margin: 0 0 10px 0;}
h3 {font-size: 1.3em; margin: 0.5em 0 0.3em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em; color: #FFF; font-weight: normal;}
p {font-size: 0.9em; margin: 0 0 0.5em; text-align: justify;}

/* link */
a {color: #FF0084;}
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 {width: auto; 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_container {width: 1041px; padding: 0 47px 0 28px; text-align: left; background: url('../images/bg-cover.gif') 0 0 no-repeat;}

#cms_topheader {position: relative; width: 966px; height: 28px; background: url('../images/bg-topheader.jpg') 0 0 no-repeat;}
#cms_topheader a {display: block; position: absolute; top: 9px; left: 10px; width: 126px; height: 11px; background: url('../images/small-url.gif') 0 0 no-repeat;}
#cms_topheader a span {display: none;}

#cms_header {width: 966px; height: 213px;}

#cms_content {width: 966px; background: url('../images/bg-shine.jpg') right top no-repeat; padding: 10px 0;}

#cms_menu {width: 966px; height: 49px; background: #7C0140 url('../images/bg-menu.gif') repeat-x;}

#cms_infoline {width: 966px; height: 29px; color: #F5218F; background: url('../images/bg-infoline.jpg') left bottom no-repeat;}
#cms_infoline .buttons {float: left; padding: 6px 80px 0 5px; font-size: 0.75em;}
#cms_infoline .buttons span {margin: 0 5px;}
#cms_infoline .buttons a {color: #F5218F; padding-left: 20px; text-decoration: none;}
#cms_infoline .buttons a:hover {color: #FE99CD;}
#cms_infoline a.home {background: url('../images/ico-home.gif') left center no-repeat;}
#cms_infoline a.folder {background: url('../images/ico-folder.gif') left center no-repeat;}
#cms_infoline .date {float: right;}

#cms_leftbox {float: left; width: 226px; color: #800243; margin: 0;}
#cms_leftbox h3 {height: 60px; line-height: 60px; color: #800243; font-size: 18px; margin: 0; background: #FFFC00 0 0 no-repeat; text-transform: uppercase;}
#cms_leftbox h3 span {display: none;}
#cms_leftbox h3.program {background-image: url('../images/h3-program.gif');}
#cms_leftbox h3.menu {background-image: url('../images/h3-menu.gif');}
#cms_leftbox h3.anketa {background-image: url('../images/h3-anketa.gif');}
#cms_leftbox h3.hledani {background-image: url('../images/h3-hledani.gif');}
#cms_leftbox h3.foto {background-image: url('../images/h3-foto.gif');}
#cms_leftbox h3.kontakt {background-image: url('../images/h3-kontakt.gif');}
#cms_leftbox .box {margin-bottom: 25px; background: #FFFC00 url('../images/left-bg-yellow.gif') repeat-y}
#cms_leftbox .box_top {padding: 5px 15px;}
#cms_leftbox .box_bottom {background: url('../images/left-bottom-yellow.gif') 0 bottom no-repeat; padding-bottom: 10px;}
#cms_leftbox .pink {background-color: #FF00C0; background-image: url('../images/left-bg-pink.gif');}
#cms_leftbox .pink .box_top {background: url('../images/left-top-pink.gif') 0 0 no-repeat; padding-top: 15px;}
#cms_leftbox .pink .box_bottom {background-image: url('../images/left-bottom-pink.gif');}

#cms_maincol {float: left; width: 710px; margin: 0 0 0 30px; padding: 0;}

#cms_foot {width: 944px; color: #A30E5B; background: #FBB0C9 url('../images/bg-foot.gif') repeat-x; height: 33px; line-height: 33px; padding: 0 10px; margin: 0 0 20px 0; font-size: 13px; font-weight: bold; border: 1px solid #D16C8E;}
#cms_foot .left {float: left;}
#cms_foot .right {float: right;}
#cms_foot a {color: #A30E5B; text-decoration: none;}
#cms_foot a:hover {text-decoration: underline;}

#menu ul, #menu li {list-style: none; margin: 0; padding: 0; overflow: hidden;}
#menu ul {margin: 0 10px;}
#menu li {float: left; height: 49px; line-height: 42px;  background: url('../images/menu-separator.gif') top right no-repeat;}
#menu li a, #menu li span {display: block; position: relative; height: 49px; color: #FFE800; margin-top: 0; padding: 0 20px; font-size: 0.9em; text-decoration: none; background: 0 0 no-repeat; font-weight: bold;}
#menu a:hover {color: #FEC500; text-decoration: none;}
#menu li span {font-weight: bold;}
#menu li a span, #menu li span span {display: block; position: absolute; top: 0; left: 0; z-index: 1; height: 49px; background: 0 0 no-repeat; padding: 0; margin: 0;}
#menu li.kontakt {background: 0;}

#menu li span.home, #menu li a.home {width: 149px;}
#menu li span.home span, #menu li a.home span {width: 188px; background-image: url('../images/menu-uvod.gif');}
#menu li span.buly-centrum, #menu li a.buly-centrum {width: 137px;}
#menu li span.buly-centrum span, #menu li a.buly-centrum span {width: 176px; background-image: url('../images/menu-bc.gif');}
#menu li span.disco-club, #menu li a.disco-club {width: 113px;}
#menu li span.disco-club span, #menu li a.disco-club span {width: 152px; background-image: url('../images/menu-disco.gif');}
#menu li span.aktuality, #menu li a.aktuality {width: 99px;}
#menu li span.aktuality span, #menu li a.aktuality span {width: 138px; background-image: url('../images/menu-aktuality.gif');}
#menu li span.kontakt, #menu li a.kontakt {width: 91px;}
#menu li span.kontakt span, #menu li a.kontakt span {width: 130px; background-image: url('../images/menu-kontakt.gif');}

#menu li a:hover span {background-position: 0 -49px;}

/* nastaveni CMS */
#menuleft ul, #menuleft li {list-style: none; margin: 0; padding: 0; overflow: hidden;}
#menuleft ul {display: block; margin: 0 10px;}
#menuleft li a, #menuleft li span {color: #800243; display: block; margin-top: 0; padding: 0 0 0 15px; background: url('../images/a2.gif') left center no-repeat; font-size: 0.9em; text-decoration: none; font-weight: bold;}
#menuleft a:hover {color: #F0218C; text-decoration: none;}
#menuleft li span {font-weight: bold;}
#menuleft li ul {margin-left: 7px;}
#menuleft li li a, #menuleft li li span {margin: 0; padding: 0 0 0 15px; background: url('../images/a2.gif') left center no-repeat; font-size: 0.9em; font-weight: normal; }
#menuleft li li span {font-weight: bold;}
#menuleft li li {padding-left: 6px; _display: inline; _padding-left: 0px; }
#menuleft li span span {display: none;}

#menuleft li {_position: relative}
#menuleft ul li a { _display: inline}
#menuleft ul li ul a {_display: block}
#menuleft ul li a span {_display: inline}
#menuleft ul li span {_display: inline}


#menuleft .killfloat {display: none;}
#menuleft ul.closed {display: none;}
#menuleft ul.opened {display: block;}
#menuleft li.kontakt {background: none;}

#holidays {color: #FE99CD; font-size: 0.75em; padding: 6px 5px 0 5px;}
#holidays strong {color: #FFF;}
#holidays span {color: #F5218F; margin: 0 5px;}

#search_left {padding: 5px;}
#search_left input {width: 150px; padding: 5px; border: 1px solid #999700; background: #E5E200;}
#search_left .submit {width: 20px; height: 20px; border: 0; background: url('../images/search-button.gif') 0 0 no-repeat; text-indent: -50px; cursor: pointer;}

#contact_left p { text-align: left }
#gallery_box .gallery_thumb_img a:hover {border: 2px solid #696866;}
#gallery_box .gallery_thumb_img a {border: 2px solid #262626;}

#comments_box .comment_item {background: #000; border: 1px solid #840345;}
#comments_box .comment_header {color: #FFFC00; background-color: #840345;}
#comments_box .comment_header a.comment_user,
#comments_box .comment_header a.comment_user span,
#comments_box .comment_header a.re {color: #FFFC00;}
#comments_box .comment_header a.comment_user span {background-color: #840345;}

#path {font-size: 0.75em;}
#path a {color: #FFFC00;}

.title {position: relative; text-align: right;}
.title span.star {position: relative; display: block; float: right; width: 19px; height: 55px; background: url('../images/h2-star.gif') left center no-repeat;}
.title h2 {display: inline; float: right; color: #FFFC00; font-size: 36px; padding: 0; margin: 8px 0 10px 0; text-align: right; text-transform: uppercase; letter-spacing: -3;}
#post_box .annotation p, #post_box .preview_article p.annotation {background: #262626; border-left: 2px solid #CCC;}
#post_box .preview_article .tray {color: #696866;}
#post_box .preview_article .tray a {color: #696866;}

#poll_box {color: #800243;}
#poll_box p {color: #800243; font-weight: bold; margin: 5px 0;}
#poll_box .graph {border: 1px solid #430023; background: #640134;}
#poll_box .graph a, #poll_box .graph a:hover {color: #FFF; background: #F5228F; border-bottom: 5px solid #7A003F; border-right: 1px solid #430023;}
#poll_box .graph a strong, #poll_box .graph a em {color: #FFFC00;}

#post_box .catalog_top {position: relative; padding: 5px 0 20px 0;}
#post_box .catalog_top .image {float: left; width: 200px; margin: 0 10px 0 0; text-align: center;}
#post_box .catalog_top .image .zoom {color: #000; font-size: 0.8em; padding-left: 20px; background: url('../images/zoom.gif') left center no-repeat; text-decoration: none;}
#post_box .catalog_top .info {float: left; width: 390px; color: #000; font-size: 0.9em; padding: 10px; background: #F0F0E4; border-top: 1px solid #DADAD8; border-bottom: 1px solid #DADAD8;}
#post_box .catalog_top .info strong {display: block; float: left; width: 100px;}
#post_box .disclam {font-size: 0.7em; padding: 5px 0; background: url('../images/disclam.gif') 0 top no-repeat;}
#post_box .dealer {clear: both; position: relative; padding: 20px 10px 10px 10px; margin: 10px 0; background: url('../images/dealer-bg.gif') top repeat-x; border: 1px solid #BCD42C;}
#post_box .dealer h3 {position: absolute; width: auto; top: -23px; font-size: 1.2em; font-weight: normal; padding: 0 3px; background: #FFF; border: 1px solid #BCD42C; text-transform: uppercase;}

#order_box {background: #262626; border: 1px solid #DCDCDA;}
#order_box .up span {background-image: url('../images/sort-up0.png');}
#order_box .up_active span {background-image: url('../images/sort-up.png');}
#order_box .down span {background-image: url('../images/sort-down0.png');}
#order_box .down_active span {background-image: url('../images/sort-down.png');}

#filter_box {background: #262626; border: 1px solid #DCDCDA;}
#filter_box a {color: #000;}

#archive_box .displayed_articles, #search_form_results p {background: #262626;}

#add_new_comments .text, #add_new_comments .textarea-processed, #contact_box .text, #contact_box .textarea-processed {color: #FFF; border: 1px solid #363636; background: #000;}
#contact_box .error_message {background: #FF0084; border: 1px solid #7F6900;}

#article_password_required {background: #262626; border: 1px solid #CCC;}

#comments_box .preview {background: #262626;}
#comments_box .no_comment, #add_new_comments .comment_help {background: #262626; border: 1px solid #CCC;}

#next {position: relative; width: 700px; min-height: 200px; background: url('../images/next.gif') 0 0 no-repeat;}
#next span {display: block;}
#next span.date {position: absolute; left: 150px; top: 50px; font-size: 24px;}
#next span.action {position: absolute; left: 150px; top: 80px; font-size: 56px;}
#next p {margin-left: 150px; padding-top: 120px;}