body {margin: 5px 0 0 0; padding: 0; outline: none; text-align: center; background: #513738; font-size: 14px; }
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: #000;}
h1 {font-size: 2em; margin: 0 0 2px 0; font-weight: normal }
h2 {font-size: 1.5em; margin: 0 0 2px 0; font-weight: normal; color: #CD0007;}
h3 {font-size: 1.3em; margin: 0 0 2px 0; font-weight: normal; color: #000000;}
h4 {color: #6B6B6B; font-size: 1.1em; display: block; margin: 15px 0 10px 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 {font-size: 0.9em; margin: 0 0 0.5em;}

/* link */
a {color: #000;}
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: 570px; _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: white;}
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 */
#main { width: 880px; margin: 0 auto; text-align: left; position: relative }

.home-page-articles { width: 570px; margin: 10px 0; }
.home-page-articles p { padding: 0; margin: 5px 0; }
.home-page-articles span { display: block; padding: 0 0 5px 0; margin: 0;}
.home-page-articles h3 {float: left; width: 420px;}
.home-page-articles h3 a { line-height: 30px }
.home-page-articles a.more { display: block; padding: 20px 0 0 25px; background: url('../images/aktualita.gif') bottom left no-repeat; color: #CD0007; float: right }
.home-page-articles .header {float: left; margin: 10px 0; border-bottom: #D0D0D0 solid 1px }
.home-page-articles .header .link_to_full_article {float: right; width: 150px; display: block; margin: 0; padding: 8px 0 0 0; padding: 9px 0 0 0; text-align: right }


#banner_ice {margin: -5px 0 15px -10px;}
#banner_ice a {display: block; width: 240px; height: 70px; background: url('../images/banner_ice.gif') top left no-repeat}
#banner_ice a span {display: none}




#header { width: 100%; margin: 0; height: 220px; background: url('../images/header-bg.jpg') bottom left no-repeat; }
#header .navigation { width: 100%; margin: 0; padding: 0 }
#header .navigation a { text-decoration: none; font-weight: normal; font-size: 0.9em; }
#header .navigation ul { position: absolute; list-style: none; margin: 0; padding: 0; top: 5px; left: 790px; _left: 775px; }
#header .navigation li {float: left; list-style: none; margin: 0 0 0 15px}
#header .navigation li a { display: block }
#header .navigation li a span {display: none}
#header .navigation .map { background: url('../images/map.gif') bottom left no-repeat; width: 11px; height: 10px;}
#header .navigation .home { background: url('../images/home.gif') bottom left no-repeat; width: 9px; height: 10px;}
#header .navigation .contact { background: url('../images/contact.gif') bottom left no-repeat; width: 12px; height: 10px;}
#header a { color: #C4A2A3; text-decoration: none; }
#header a.logo {display: block; position: absolute; top: 85px; left: 24px; margin: 0}
#header a.logo {float: left; width: 413px; height: 101px; margin: 0; background: url('../images/logo.jpg') 0 0 no-repeat;}
#header a.logo span {display: none;}
#header .helma {width: 182px; height: 211px; top: 48px; left: 639px; position: absolute; background: url('../images/helma.gif') top left no-repeat}
#header .hraci {width: 323px; height: 266px; top: 35px; left: 550px; position: absolute; background: url('../images/players.png') top left no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hcslezan.eu/app/templates/slezan/images/players.png', sizingMethod='scale');
_background: none;}
#header h2 {display: block; position: absolute; top: 165px; left: 365px; color: #FFF; font-weight: bold; font-size: 1.3em; font-style: italic }


#menu ul, #menu li {margin: 0; padding: 0; list-style: none;}
#menu ul { position: absolute; top: 30px; left: 0px; }
#menu li {float: left; margin: 0 1px 0 0; }
#menu li span, #menu li a {font-size: 0.9em; display: block; width: 140px; height: 24px; padding: 6px 0 0 0; text-align: center; background: 0 0 no-repeat; overflow: hidden; font-weight: bold }
#menu li a:hover {background-position: -140px 0;}
#menu li .active {color: #FFF; background-position: -140px 0;}
#menu li .nosub {width: 140px; background-image: url('../images/menu-bg.gif');}

#middle { width: 100%; padding: 0; margin: 0; border-top: #391716 solid 4px; background: #FCFCFC url('../images/content-bg.gif') top left repeat-x; }
#middle .bottom { padding: 0; margin: 0; background: url('../images/content-bottom-bg.gif') bottom left repeat-x; padding: 55px 20px 70px 20px; }
#middle .bottom span {color: #6B6B6B;}
#middle .bottom span.red { color: #CD0007; padding: 0; font-weight: bold }
#middle .bottom span.score { color: #000; display: block; float: left; padding: 0;}
#middle .bottom .left { float: left; width: 570px; }
#middle .bottom .right { float: right; width: 240px; text-align: left }
#middle .bottom .right .box { padding: 10px; background: #EEEFF0 url('../images/corner-bottom.gif') bottom right no-repeat;}
#middle .bottom .right .border { padding: 10px; min-height: 74px; margin: 5px 0; background: url('../images/box.gif') top left no-repeat }
#middle .bottom .right a.partner {display: block; margin: 10px 0 0 0; background: url('../images/buly.gif') top center no-repeat; width: 240px; height: 82px }
#middle .bottom .right a.partner span {display: none;}
#middle .bottom .right a.hokejova-skola {display: block; margin: 15px 0 0 0; background: url('../images/hokejova-skola.jpg') top center no-repeat; width: 240px; height: 247px }
#middle .bottom .right a.hokejova-skola span {display: none;}
#middle .bottom .right a.mladez {display: block; margin: 20px 0 0 47px; background: url('../images/7trida.gif') top center no-repeat; width: 145px; height: 62px }
#middle .bottom .right a.mladez span {display: none;}
#middle .bottom .right a.hockey-cup {display: block; margin: 11px 0 0 0; background: url('../images/banner-turnaj-2011.jpg') top center no-repeat; width: 240px; height: 339px }
#middle .bottom .right a.hockey-cup span {display: none;}




.hockey table {border-collapse: collapse !important; border: 0; width: 100%; margin: 10px 0;}
table.hockey table {margin: 0}
.hockey th {font-size: 1em; white-space : nowrap; border: 1px solid #CCC; background: #AD1218; color: #FFF;}
.hockey td {font-size: 1em; white-space : nowrap; border: 1px solid #CCC; }
.hockey td img {padding: 0; margin: 0; border: 0; vertical-align: center}
.hockey td p, th p {margin: 0; text-align: center !important }
.hockey td.player {border: 0 !important; padding: 0 0 0 5px;}
.hockey td p.player, th p.player {padding: 0 2px; margin: 0; text-align: left !important }
a.red-link {color: #CD0007; font-weight: normal }
a:hover.red-link {color: #CD0007;}

#foot { height: 34px; padding: 13px 26px 0 26px; background: url('../images/foot-bg.gif') top left repeat-x }
#foot p, #foot a  {color: #E4C2C4 !important;}
#foot p {font-size: 0.8em;}
#foot .left { float: left; }
#foot .right { float: right; }

/* nastaveni CMS */
#path { margin: 10px 0;}
#path a {color: #000;}

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

#comments_box .comment_header {background-color: #9E0B0E;}
#comments_box .comment_item {border: 1px solid #9E0B0E;}
#comments_box .comment_header a.comment_user span {background-color: #9E0B0E;}

#poll_box { width: 216px; margin: 10px 0; padding: 10px; background: #EEEFF0 url('../images/corner-top.gif') top left no-repeat }
#poll_box p { padding: 5px 0}
#poll_box .graph {border: 1px solid #D4D5D5; background: #D4D5D5; height:14px; line-height:14px;}
#poll_box .graph a, #poll_box .graph a:hover {background: #CD0007; border-bottom: 9px solid #CD0007; border-right: 1px solid #D4D5D5;}

#post_box {padding: 0;}
#post_box .preview_article .tray {color: #CD0007;}
#post_box .preview_article .tray a {color: #CD0007;}
#post_box .article_content .text { text-align: left }
#post_box .logoff_article {background: 0; padding: 0}
#post_box .logoff_article a {padding-right: 10px}


table.rozlosovani {margin: 20px 0; border: #CCCCCC 1px solid; border-collapse: collapse; font-size: 0.85em; border-spacing:2px;}
table.rozlosovani .th {background: #AD1218; color: #FFF; padding: 2px 0}
table.rozlosovani td {border: #B7B7B7 2px solid; padding: 2px; padding: 0; margin: 0; text-align: center; width: 40px}
table.rozlosovani table {border: 0;  padding: 0; margin: 0; border-collapse: separate;}
table.rozlosovani table td {text-align: center; border: #CCCCCC 1px dotted;}