body {margin: 0; padding: 0; outline: none; text-align: center; background: #475256 url('../images/bg.gif') top left repeat-x; font-size: 0.8em;}
body, input, select, textarea {font-family: 'Trebuchet MS', 'Geneva 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;}

.clear {clear: both;}
/* Headers and paragraphs */
h1, h2, h3, h4, h5, h6 {margin: 0.5em 0 0.3em; font-size: 1em; color: #FFF;}
h1 {font-size: 2.1em; margin: 0 0 2px 0; font-weight: normal }
h2 {font-size: 1.8em; margin: 0 0 15px 0; color: #FFF}
h3 {font-size: 1.4em; margin: 0 0 2px 0;}
h4 {font-size: 1.1em; margin: 0 0 2px 0; border-bottom: #D0D0D0 solid 1px}
h5 {font-size: 1.4em; margin: 0 0 2px 0; color: #767676}
h6 {font-size: 1em; color: #000; font-weight: normal;}
p {margin: 0 0 0.5em;}

/* link */
p ,a {color: #FFF;}
a {outline: none}
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;}

.noshow {display:none;}

/* table */
div.table {width: 500px; _clear: both; margin: 0; @margin-left: 0;}
table {border-collapse: collapse; border: 1px solid #DBDBDB; font-size: 1em; width: 100%; clear: both; margin: 0.5em 0;}
tr {background: 0;}
td, th {text-align: left; border: 0px solid #DBDBDB; padding: 2px 3px; font-size: 1em; font-weight: normal;}
th {width: 250px; font-weight: bold; padding: 0; margin: 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;}

hr {display: none;}

/* Hlavni kostra */
.yellow {color: #E2D600}


#cms_container {width: 900px; margin: 0 auto; text-align: left;}

#cms_header {height: 92px;}
#cms_header .header_left {float: left}
#cms_header .header_left h1 {margin: 9px 0 0 11px; padding: 0;}
#cms_header .header_left a.logo {display: block; width: 390px; height: 70px; background: url('../images/logo.png') no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bulyarena.cz/app/templates/buly-arena/images/logo.png', sizingMethod='scale'); _background: none; text-indent:-9999px;}
#cms_header .header_left a.logo-en {display: block; width: 595px; height: 70px; background: url('../images/logo-en.png') no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bulyarena.cz/app/templates/buly-arena/images/logo-en.png', sizingMethod='scale'); _background: none; text-indent:-9999px;}

#cms_header .header_right {float: right}
#cms_header .header_right ul, #cms_header .header_right li {margin: 0; padding: 0; list-style-type: none}
#cms_header .header_right ul {margin: 32px 0 0 0}
#cms_header .header_right li {float: left; margin: 0 0 0 1px}
#cms_header .header_right li a {display: block; text-indent: -9999px; width: 26px; height: 26px;}
#cms_header .header_right .home {background: url('../images/ico-home.gif') top left no-repeat}
#cms_header .header_right .search {background: url('../images/ico-search.gif') top left no-repeat}
#cms_header .header_right .map {background: url('../images/ico-map.gif') top left no-repeat}
#cms_header .header_right .cz {background: url('../images/ico-cz.gif') top left no-repeat}
#cms_header .header_right .en {background: url('../images/ico-en.gif') top left no-repeat}


#cms_menu {height: 52px}
#cms_menu ul, #cms_menu li {margin: 0; padding: 0; list-style-type: none}
#cms_menu li {float: left; height: 52px; background: url('../images/bg-li-arrow.gif') top right no-repeat;}
#cms_menu li a, #cms_menu li.active span.active {border: 0; color: #FFFFFF; display: block; _width: 1px; _white-space: nowrap; height: 52px; line-height: 52px; margin: 0; padding: 0 36px 0 29px; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 1.35em}
/* aktivni */
#cms_menu li.active {background: url('../images/bg-li-arrow-active.gif') top right no-repeat; position: relative;}
#cms_menu li.active a.active, #cms_menu li.active span.active {background: url('../images/bg-li-a.gif') top left repeat-x; padding: 0 19px 0 46px; position: relative; left: -17px }
/* prvni polozka */
#cms_menu li.first a.active, #cms_menu li.first span.active {background: url('../images/bg-a.gif') top left repeat-x; padding: 0 19px 0 29px; left: 0; margin: 0 17px 0 0}

#cms_banner {height: 285px; padding: 6px 0 0 0;}
#cms_banner .banner {background: #FFF; height: 255px; padding: 10px}
#cms_banner .banner img {border: 0; top: 10px !important; left: 10px !important}
#cms_banner .banner_bottom {height: 3px; background: url('../images/banner-bg-bottom.gif') top left repeat-x}


#second_menu {padding: 0 0 29px 0}
#second_menu ul, #second_menu li {margin: 0; padding: 0; list-style-type: none;}
#second_menu li a {height: 41px; display: block; color: #DADCDD; width: 224px; padding: 0 0 0 22px; line-height: 40px; background: url('../images/second-menu-bg.gif') bottom left no-repeat;
text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 1.3em}
#second_menu li.first a {background: url('../images/second-menu-first-bg.gif') bottom left no-repeat}
#second_menu li a.active,
#second_menu li a.opened {width: 242px; color: #000; background: url('../images/second-menu-bg-active.gif') bottom left no-repeat}
#second_menu li.first a.active, 
#second_menu li.first a.opened {background: url('../images/second-menu-first-bg-active.gif') bottom left no-repeat}
#second_menu ul.closed {display: none;}
#second_menu ul.opened {display: block;}
#second_menu ul ul {padding: 10px 0 10px 10px; background: url('../images/second-menu-bg.gif') bottom left no-repeat;}
#second_menu ul ul a {height: 22px; line-height: 22px; font-size: 1.2em; background: none; text-transform: none;}
#second_menu ul ul a:hover {color: #008046;}
#second_menu ul li.first ul a,
#second_menu ul ul li.first a {background: 0 !important;}
#second_menu ul ul li a.active,
#second_menu ul ul li a.opened {color: #FFF799; background: 0 !important;}

#left_banners {padding: 0 0 0 8px}
#left_banners a {display: block; width: 223px; height: 78px; text-indent: -9999px}
#left_banners a.rozpis {background: url('../images/rozpis-plocha.jpg') top left no-repeat}
#left_banners a.ahl {background: url('../images/ahl-liga.jpg') top left no-repeat; margin: 11px 0 0 0}
#left_banners a.menu {background: url('../images/denni-menu.jpg') top left no-repeat; margin: 11px 0 0 0}
#left_banners a.disco {background: url('../images/disco-buly.jpg') top left no-repeat; margin: 11px 0 0 0}
#left_banners a.spot {background: url('../images/spot.jpg') top left no-repeat; margin: 11px 0 0 0}
#left_banners a.hokejova-skola {background: url('../images/hokejova-skola.jpg') top left no-repeat; margin: 11px 0 0 0; height: 247px;}
#left_banners a.odpust {background: url('../images/kolar.jpg') top left no-repeat; margin: 11px 0 0 0; height: 316px;}
#left_banners a.hockey-cup {background: url('../images/banner-turnaj-small.jpg') top left no-repeat; margin: 11px 0 0 0; height: 315px;}
#left_banners a.minigolf-kravare {background: url('../images/minigolf-kravare.jpg') top left no-repeat; margin: 11px 0 0 0;}
#left_banners a.odpust {background: url('../images/banner_kutsky_odpust.jpg') top left no-repeat; margin: 11px 0 0 0;}

#cms_content {padding: 0 0 16px 0}
#cms_content .content_left {float: left; padding: 16px 0 0 0; width: 277px; background: url('../images/left-column-border.gif') 244px top no-repeat; min-height: 566px; height: auto !important; height: 566px;}
#cms_content .content_right {float: left; padding: 16px 0 0 0; width: 623px; position: relative;}

#cms_logos {height: 68px; background: url('../images/bg-border-logos.gif') top left no-repeat}
#cms_logos .logo {display: block; float: left; text-indent: -9999px}
#cms_logos .hcopava {background: url('../images/logo-hcopava.gif') top left no-repeat; height: 54px; width: 50px; margin: 7px 42px 0 280px}
#cms_logos .bulycentrum {background: url('../images/logo-bulycentrum.gif') top left no-repeat; height: 40px; width: 58px; margin: 14px 46px 0 0}
#cms_logos .nejceny {background: url('../images/logo-nejceny.gif') top left no-repeat; height: 25px; width: 147px; margin: 21px 59px 0 0}
#cms_logos .iopavsko {background: url('../images/logo-iopavsko.gif') top left no-repeat; height: 23px; width: 147px; margin: 23px 61px 0 0}
#cms_logos .bukac {background: url('../images/logo-bukac.gif') top left no-repeat; height: 22px; width: 179px; margin: 23px 0 0 0}

#cms_foot {height: 46px; background: url('../images/bg-foot.gif') top left repeat-x}
#cms_foot .foot {width: 900px; margin: 0 auto;}
#cms_foot .foot a, #cms_foot .foot p {color: #FFF; text-decoration: none }
#cms_foot .foot p.left {float: left; padding: 12px 0 0 18px; font-size: 1.4em; font-weight: bold }
#cms_foot .foot p.right {float: right; padding: 14px 18px 0 0; font-size: 1.15em; font-weight: bold }

#post_box {padding: 0; color: #FFF}
#post_box .article_content .text p, #post_box .article_content .text {font-size: 1em; text-align: left;}
#post_box .annotation p {background: #3C4549; border: 0; padding: 10px;}
#post_box .preview_article p.annotation {font-size: 0.9em; background: #3C4549; border: 0; padding: 10px;}
#post_box .preview_article .tray,
#post_box .preview_article .tray a {font-size: 0.9em; color: #FFF799;}

#archive_box .displayed_articles {background: #3C4549;}

#cms-articles a {color: #E2D600;}
#cms-articles li {padding: 0 0 5px 0}
#cms-articles li a {font-weight: bold; color: #FFF}
#cms-articles li p {color: #BDBDBD; margin: 0.5em 0}

#homepage {clear: both; padding: 0 0 40px 0}
#homepage .hleft {float: left; width: 380px; margin: 0 21px 0 0;}
#homepage .hright {float: right; width: 218px; background-color: #3F494D; border: #6C7578 solid 2px}
#homepage .hright h3 {height: 34px; background: #323A3E; color: #FFF; line-height: 34px; margin: 0; padding: 0 0 0 10px}
#homepage .hright .wifi {height: 59px; background: url('../images/wifi.gif') 6px center no-repeat;}
#homepage .hright .wifi p {color: #C6C9CA; margin: 0; padding: 13px 0 0 110px}
#homepage .hright .datum {padding: 10px;}
#homepage .hright .datum p {color: #C6C9CA; margin: 0; padding: 10px 0 0 0;}
#homepage .hright .datum span {font-weight: bold; font-size: 1.2em; color: #C6C9CA; letter-spacing: 0em}
#homepage .hright .datum .jclock {font-size: 1.7em; padding: 0 0 0 15px;}

.pocasi {padding: 10px 9px; color: #C6C9CA;}
.pocasi p {color: #C6C9CA;}

#path {font-size: 0.9em; height: 27px; padding: 0 0 5px 0; margin: 0 0 20px 0; background: url('../images/bg-path.gif') bottom left repeat-x}
#path a {text-decoration: none; color: #FFF799}
#path strong a {color: #FFF568}

#cms-articles {padding: 0 0 25px 0}
#search_form_results p {background: #3C4549;}
.highlight_search {background: #008F4E;}

#gallery_box .date {margin-top: 10px;}
#gallery_box .gallery_thumbs {margin-top: 1em;}
#gallery_box .gallery_thumbs .small {width: 136px !important; height: 150px;}
#gallery_box .gallery_thumbs .gallery_thumbs_item {float: left; margin: 4px; text-align: center; overflow: hidden; vertical-align: top; padding: 0;}
#gallery_box .gallery_thumb_imgcontainer {margin: 0 auto; position: relative;}
#gallery_box .gallery_thumb_top {height: 8px; background: url('../images/bg-gallery-top.gif') top left no-repeat}
#gallery_box .gallery_thumb_bottom {height: 8px; background: url('../images/bg-gallery-bottom.gif') top left no-repeat}
#gallery_box .gallery_thumb_img {text-align: center; margin: 0 auto; padding: 0; background: url('../images/bg-gallery.gif') top left repeat-y;}
#gallery_box .gallery_thumb_img a {margin: 0; display: block; position: relative; border: 0; padding: 0; width: 100%; overflow: hidden;}
#gallery_box .gallery_thumb_img a:hover {border: 0}
#gallery_box .gallery_thumb_img a img {text-align: center; margin: 0; padding: 0; border: 0}
#gallery_box .gallery_thumb_name {width: 131px !important; overflow: hidden; height: 40px; text-align: center;}
#gallery_box .gallery_thumb_name a {font-size: 11px; text-decoration: underline;}

.denni_menu {background: url('../images/ico-jidelni-listek.gif') top left no-repeat; min-height: 57px; height:auto !important; height: 57px; padding: 0 0 0 70px}

#tydenni_menu p {margin: 0 !important}
#tydenni_menu .tydenni_menu {padding: 10px 0}
#tydenni_menu .tydenni_menu p.right {float: left}
#tydenni_menu .tydenni_menu p.left {float: left; width: 100px; color: #E2D600}

#kalendar_akci th div {background: #313B3E; color: #E2D600;}
#kalendar_akci th {background: #313B3E; border: #5A6467 solid 1px;}
#kalendar_akci td {background: #3B474A; border: #5A6467 solid 1px; color: #5A6467;}
#kalendar_akci td a {color: #FFF !important; cursor: pointer !important; cursor: hand !important}
#kalendar_akci table {width: 100%}
#kalendar_akci .prev {background: url('../images/prev.gif') no-repeat;}
#kalendar_akci .next {background: url('../images/next.gif') no-repeat;}

.high {color: #FFFF33; font-weight:bold;}
ul.list li span {padding: 0 0 0 10px;}

table.rozpis {border: 1px solid #2B3638; border-collapse: separate; border-spacing:1px; clear:both; width:100%;}
table.rozpis th {background: #2B3638; font-weight: bold; padding: 5px;}
table.rozpis td span {font-size: 1.4em}
table.rozpis td.gray {background: #2B3638;}
table.rozpis td {background: #4C595E; padding: 5px;}

.displayed_days {background: #313B3E; color: #FFFFFF; font-size: 12px; margin: 10px 0; padding: 10px 5px;}
.displayed_days select {width: 300px;}

.partneri {background: 0; border: 0;}
.partneri img {border: #98a0a3 solid 4px; float: left; margin: 0 10px 10px 0;}