/* CSS KHLPro default */

* { margin: 0; padding: 0;}

body { font-family: Arial, Helvetica, sans-serif; background: #c4c4c3 url(/design/images/_www-khlpro/bg-body.jpg) repeat-x; font-size: 90%; color: #000000;}
/*div#bg-page { background: url(/design/images/_www-khlpro/bg-page.jpg) center 82px no-repeat; margin: auto;}*/
div#page { width: 980px; margin: 0 auto; padding: 0 7px 10px 7px; text-align: left; background:#FFFFFF}
div#header { height: 163px; background: url(/design/images/_www-khlpro/bg-header.jpg) no-repeat}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#top { height: 115px; position: relative}

/* LOGO */
h1#logo {position: relative; top: 12px; left: 20px; overflow: hidden; width: 302px; height: 96px; margin: 0; padding: 0; font-size:1.5em;}
h1#logo span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(/design/images/_www-khlpro/khlpro.jpg) 0 0 no-repeat; cursor:pointer;}

/* login/vyhledavani */
div#login-search { position: absolute; top: 15px; right: 20px;}
div#login-search table { border-collapse: collapse; font-size: 0.75em}
div#login-search table tr { padding: 0 }
div#login-search table tr td { padding: 0; color:#333333}
div#login-search table tr td p { padding: 0 0 0 10px; margin: 0; font-size: 1em}
div#login-search table tr td p a { color: #666666}
div#login-search table tr td.tright { text-align: right}
div#login-search table input { font-size: 1.2em; padding: 0 2px; margin: 0 0 2px 2px; color: #333333; font-weight: bold}
p.top { background: url(/design/images/_www-khlpro/top-bullet.jpg) 2px 5px no-repeat}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/* CONTENT */
div#content h2 { font-size: 1.8em; color:#ad001f; border-bottom: solid 2px #e6b2bb; padding: 0 0 3px 10px; margin: 10px 0 10px 0} 
div#content h3 { font-size: 1.5em; color:#ad001f; padding: 10px 0 3px 10px;margin: 5px 0 0 0; font-weight: normal}
div#content h4 { font-size: 1.2em; color:#ad001f; padding: 0 0 3px 10px;margin: 5px 0 0 0; font-weight: bold}
div#content p { color:#333333;font-size: 1em} 
div#content p.info { color:#666666; padding: 5px 0 10px 10px;} 
div#content p.claim { float: left; padding: 5px 20px 0 20px} 
div#content ul { list-style: none; margin: 0 0 20px 50px} 
div#content ul li { font-size: 0.85em; line-height: 1.5em; background:url(/design/images/_www-khlpro/bg-li.jpg) 0 3px no-repeat; padding: 0 0 0 25px} 
div#content a { color:#0083aa; text-decoration: underline} 
div#content a:hover { text-decoration: none}
div#content img { float: left; margin: 0 15px 5px 0}
div#content a img { border: none}
div#content { padding: 0 0 30px 0; color:#333333; font-size: 0.85em;line-height: 1.5em}
div#left-side div#content h1 { font-size: 1.8em; color:#0083aa; border-bottom: solid 2px #b2dae5; padding: 0 0 5px 10px}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* LEFT SIDE */
div#left-side { width: 710px; float: left}
div#left-side h1 { color:#0083aa; border-bottom: solid 2px #b2dae5; padding: 0 0 3px 10px}

/* hlavni clanek */
div.h-clanek { margin: 15px 0 5px 0}
div.h-clanek h2 { color: #ad001f; font-size: 1.5em; padding: 0 20px 0 330px}
div.h-clanek p { color: #333333; font-size: 1em; line-height: 1.3em; padding: 0 20px 0 330px}
div.h-clanek p.date { color:#666666; font-weight: bold; font-size: 0.85em; padding: 5px 20px 10px 330px}
div.h-clanek a.more { color:#0083aa; padding: 10px 0 0 0; display: block}
div.round-top { width: 710px; height: 17px; background: #f6fcfe url(/design/images/_www-khlpro/round-top.jpg) no-repeat; margin: 0; padding: 0}
div.round-mid { width: 710px; min-height: 215px; background:url(/design/images/_www-khlpro/round-mid.jpg) repeat-y; margin: 0; padding: 5px 0 0 0}
div.round-bottom { width: 710px; height: 43px; background: url(/design/images/_www-khlpro/round-bottom.jpg) no-repeat; margin: 0; padding: 0}

div.h-foto { position: absolute; width: 320px; height: 250px; background: url(/design/images/_www-khlpro/bg-foto.jpg) no-repeat; padding: 13px 0 0 15px; margin: -10px 0 0 5px}
div.h-foto img { border: none}

/* dalsi clanky */
div.dalsi-clanky { width: 440px; float: right}
div.dalsi-clanky h3 { color:#0083aa; border-bottom: solid 2px #b2dae5; padding: 0 0 3px 10px}

div.clanek-item { clear: left}
div.clanek-item h2 { clear: none; padding: 5px 0 0 0}
div.clanek-item h2 a { font-size: 0.85em; color: #ac0046}
div.clanek-item a { color: #333333}
div.clanek-item a img { border: solid 1px #999999; float: left; margin: 10px; clear: left}
div.clanek-item img.more { padding: 0 0 2px 0}
div.clanek-item p { color: #333333}
div.clanek-item p.nadpis { padding: 5px 0 0 0; font-size: 1em}
div.clanek-item p.nadpis a { color: #AC0147}
div.clanek-item span.date { color: #999999; font-size: 90%}

div.list { font-size: 0.85em;}


/* dalsi rubriky */
div#nextCategories { padding: 0 0 20px 0; position: relative; top: -10px}

div#nextCategories { float: left;margin: 10px 0 0 0; padding: 0 10px 0 10px}
div#nextCategories div.list { font-size: 0.85em; background: url(/design/images/_www-khlpro/bg-jinde-li.jpg) 0px 3px no-repeat; padding: 0 20px 5px 20px; float:left}
div#nextCategories div.list a { color: #0083aa}


p.archiv { clear:left; text-align: right; font-size: .85em; margin: 0 0 10px 0}
p.archiv.lblue a { color:#118bb0; text-decoration: none}
p.archiv.lblue a:hover { color: #024c73}
p.archiv.lblue { color:#118bb0; border-bottom: solid 1px #b2dae5; padding: 0}
p.archiv.lblue span { background:url(/design/images/_www-khlpro/archiv-blue.jpg) 0 0px no-repeat; height: 14px; width: 14px; padding: 0 0 0 0; float: right; position: relative; right: 5em;}

p.archiv.lgreen a { color:#2eaa70; text-decoration: none}
p.archiv.lgreen a:hover { color: #006666}
p.archiv.lgreen { color:#2eaa70; border-bottom: solid 1px #c0e5d4; padding: 0}
p.archiv.lgreen span { background:url(/design/images/_www-khlpro/archiv-green.jpg) 0 0px no-repeat; height: 14px; width: 14px; padding: 0 0 0 0; float: right; position: relative; right: 5em;}


/* zpravy */
div.zpravy { width: 250px; margin: 0 0 0 20px; background: #FFFFFF url(/design/images/_www-khlpro/bg-zpravy.jpg) 0 27px repeat-x; float: right} 
div.zpravy h3 { color:#2eaa70; border-bottom: solid 2px #c0e5d4; padding: 0 0 3px 10px; margin: 0 0 5px 0} 
div.zpravy-item { color:#333333; padding: 0 10px 10px 10px; font-size: 75%} 
div.zpravy-item p.nadpis { padding: 0 0 2px 0; font-size: 1em; font-weight: bold; color:#006666} 
div.zpravy-item p.nadpis span { color: #333333}
div.zpravy-item p { color:#666666; font-size: 1em; padding: 0; line-height: 1.3em}


/* piseme jinde */
div.piseme-jinde { margin: 10px 0 0 0}
div.piseme-jinde h3 { color:#816e64; border-bottom: solid 2px #d9d3d0; padding: 0 0 3px 10px}
div.piseme-jinde li span { font-size:0.7em}

div.jinde-item { float: left; width: 215px; margin: 10px 0 0 0; padding: 0 10px 0 10px; border-left: solid 1px #CCCCCC}
div.jinde-item p { color:#000000; font-weight: bold; padding: 0}
div.jinde-item ul { list-style: none; margin: 0 0 0 5px}
div.jinde-item ul li { font-size: 0.85em; background: url(/design/images/_www-khlpro/bg-jinde-li.jpg) 0px 3px no-repeat; padding: 0 0 5px 20px}
div.jinde-item ul li a { color: #116591; text-decoration: underline}
div.jinde-item ul li a:hover { color: #116591; text-decoration: none}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* RIGHT SIDE */
div#right-side { width: 250px; float: left; margin: 0 0 0 20px}

/* Aktualni zapasy */
div.zapasy { margin: 10px 0 0 0}
div.zapasy h2 {font-size: 1.5em; color:#005a89; border-bottom: solid 2px #b2cddb; padding: 0 0 3px 10px; background: url(/design/images/_www-khlpro/bg-zapasy.jpg) right 1px no-repeat}
table.zapasy { border-collapse: collapse}
table.zapasy tr.suda { background: #FFFFFF}
table.zapasy tr td { padding: 2px; font-size:0.8em}
table.zapasy tr td.score {color:#333333; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right}
table.zapasy tr td a {color:#005a89; text-decoration: none; padding: 0 0 2px 0}
table.zapasy tr td a:hover { text-decoration: underline}
table.zapasy tr td img { margin: 0 3px 0 0; position: relative; top: 2px}

/* Nalepky */
div.nalepky { color: #ac0046; margin: 10px 0 0 0}
div.nalepky p { padding: 5px 0; line-height: 2em}
div.nalepky a, div.nalepky a:hover { color: #ac0046; padding: 0 1px}
div.nalepky a.size1 { font-size: 100%}
div.nalepky a.size2 { font-size: 130%}
div.nalepky a.size3 { font-size: 150%}
div.nalepky a.size4 { font-size: 180%}
div.nalepky h3 { color:#333333; border-bottom: solid 2px #c1c1c1; padding: 0 0 3px 10px}
div.nalepky ul { list-style: none; font-size: 0.85em; padding: 5px 0 0 0}
div.nalepky ul li { background: url(/design/images/_www-khlpro/bg-jinde-li.jpg) 0px 3px no-repeat; padding: 0 0 5px 20px}

/* Reklama top */
div.reklama-top {}
p.reklama { color:#999999; border-bottom: solid 1px #e0e0e0; padding: 0 0 1px 10px; margin: 0 0 5px 0}

/* Reklama bottom */
div.reklama-bottom a { text-decoration:none}
div.reklama-bottom img { border:none}
div.reklama-bottom { margin: 10px 0 0 0}
div.reklama-item img { float: left; border: solid 1px #000000; margin: 5px 5px 5px 0}
div.reklama-item { padding: 0 0 0 0; clear: left; font-size: 0.9em}
div.reklama-item p, div.reklama-item p a { color:#000000}
div.reklama-item p a:hover { color:#000000; text-decoration: none}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Partneri projektu */
div.partners { margin: 15px 0 0 0}
p.loga { text-align: center}
p.loga img { margin: 5px; border: none}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* footer */
div#footer { color: #FFFFFF; height: 50px; background: #AC0147 url(/design/images/_www-khlpro/bg-footer.jpg) no-repeat}
div#footer p { color:#FFFFFF; text-align: center; padding: 15px 0 0 0}
div#footer p a { color:#FFFFFF; text-decoration: underline}
div#footer p a:hover { color:#FFFFFF; text-decoration: none}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* text elements */
h1, h2, h3, h4 { clear: left}
h1 {font-size: 1.5em; color: #25426c; padding:0 0 0 0; margin: 0 0 0 0; font-weight: normal}
h2 {font-size: 1.2em; color: #25426c; padding: 0 0 0 0; margin: 0 0 0 0; font-weight: normal}
h3 {font-size: 1.3em; color: #25426c;  padding: 0 0 0 0; margin: 0 0 0 0}
h4 {font-size: 0.85em;	font-weight: bold}

p { padding: 0 0 10px 0; color: #25426c; font-size: 0.85em; line-height: 1.5em}

a:link, a:hover, a:visited { color: inherit}
a:hover { text-decoration: none;}
hr { display: none}


/* classes */
.hidden {display: none}
.clr {width: 100%; font-size: 1px; clear: both}
.noborder {border: none !important}

/* drobeckova navigace */
div.path { margin: 8px 0 10px 10px; font-size: 0.85em}
div.path a { color:#666666}
div.path img { margin: 0 5px 0 0}

/* Strankovani */
div.Strankovani { font-size: 1em; color: #CCCCCC; padding: 0}
div.infoStrankovani { font-size: 0.85em; color:#666666; padding: 0 0 5px 23px; background:url(/design/images/_www-khlpro/ico-page.jpg) 8px 0 no-repeat}
div.pageStrankovani a { text-decoration: underline; color: #AC0147; padding: 0 2px 0 2px}
div.pageStrankovani a:hover { text-decoration: none; color:#333333}
div.pageStrankovani ul { list-style: none; padding: 5px 0 0 0}
div.pageStrankovani ul li { float: left; padding: 0 2px}
div.pageStrankovani ul li a { font-size: 1em}
div.pageStrankovani ul li a.active { color:#000000; text-decoration: none}
div.pageStrankovani ul li.posuvnik a img { border: none; position: relative; top: -3px}
.vred { color:#AC0147}

/* box-choose-seasons */
div.box-choose-seasons { padding: 10px 0}
div.box-choose-seasons a { color: #AC0147}

/* box-choose-month */
div.box-choose-month { color: #B2DAE5; padding: 0 0 10px 0}
div.box-choose-month a { font-size: 0.85em; color: #0083aa; padding: 0 5 5px 0}
.black { color:#000000}

/* table.zapasy-rozpis*/
table.zapasy-rozpis { width: 100%; color: #999999; border-collapse: collapse; margin: 0 0 10px 0; padding: 2px}
table.zapasy-rozpis tr.date { /*background: #333333;*/ color: #666666; font-size: 1.2em; font-weight: bold; height: 2.5em; vertical-align: bottom}
table.zapasy-rozpis tr td { padding: 5px 10px 5px 10px; font-size: 0.85em; border-bottom: solid 1px #D7EBFF; background: #FFFFFF}
table.zapasy-rozpis tr td img { vertical-align: top}
table.zapasy-rozpis tr td.score { color: #666666; font-size: 1.2em; text-align: center}
table.zapasy-rozpis tr td a {color:#005a89; text-decoration: none; font-size: 1.2em; padding: 0 0 2px 0}
table.zapasy-rozpis tr td a:hover { color: #3399CC}

/* teamlist */
div.teams-list {padding: 10px 0}
div.teams-list a {color: #0083aa; padding: 0 5px 0 0}

/* ------------------ 24.09.2008 ------------------ */
/* table.tymy*/
table.tymy { width: 100%; color: #999999; border-collapse: collapse; margin: 0 0 10px 0; padding: 2px}
table.tymy tr td { padding: 5px 10px 5px 10px; font-size: 0.85em; border-bottom: solid 1px #D7EBFF; background: #FFFFFF}
table.tymy tr td img { vertical-align: top}
table.tymy tr td.score { color: #666666; font-size: 1.2em; text-align: center}
table.tymy tr td a {color:#005a89; text-decoration: none; font-size: 1.2em; padding: 0 0 2px 0}
table.tymy tr td a:hover { color: #3399CC}

tr.bigger { /*background: #333333;*/ color: #666666; font-size: 1.2em; font-weight: bold; height: 2.5em; vertical-align: bottom}

/* diskuse */
form, div#commentary-list { clear: left}
#commentary-form { width: 500px; margin: 20px 0 0 0}
#commentary-form table { width:100%}
#commentary-form table th { text-align: right; padding: 0 10px 0 0}
#commentary-form input, #commentary-form textarea { border: solid 1px #CCCCCC; height: 20px; padding: 5px 5px 0 5px; font-family: Arial, Helvetica, sans-serif; font-size:1em; color:#333333 }
#commentary-form input.textbox { width: 200px}
#commentary-form input.vlozit { width: 106px; height: 32px; background:url(/design/images/_www-khlpro/btn-vlozit.jpg) no-repeat; border: none; padding: 0; float: left}
#commentary-form textarea { width:400px; height:100px}
#commentary-list {}
#commentary-list .commentary-row { border-bottom:1px solid #CCCCCC; margin-right:15px; padding:5px}
#commentary-list .commentary-row-admin { background-color: #FFD7D7}
#commentary-list .date { font-size: 0.85em; color: #666666}
#commentary-list .author { color:#AC0046}
#commentary-list .name { font-weight:bold; color: #000000}
#commentary-list .description { font-size:100%; color:#333333}
#commentary-list .action { height:20px; line-height:20px}
#commentary-list .action a { font-size:90%; font-weight:bold; text-decoration:underline;}

#content p.new-comment {font-size: 1.2em; color: #666666; background: url(/design/images/_www-khlpro/bg-new-comment.jpg) 5px bottom no-repeat; padding: 10px 0 0 40px; font-weight: bold; height: 28px;}
img.ico-rss {position: relative; left: 10px; top: 2px}

/* hl. clanek */
.round-mid h2 a { color: #AC0046}
.fleft { float:left}
div#content p.claim a img { margin: 0 0 0 0; border: solid 1px #CCCCCC}
p.table { background: url(/design/images/_www-khlpro/bg-table.jpg) 5px center no-repeat; padding: 10px 0 0 40px;  height: 28px; float: left}
p.division { background: url(/design/images/_www-khlpro/bg-division.jpg) 5px center no-repeat; padding: 10px 0 0 30px; height: 28px; float: left}
#categories-filtr { padding: 0 0 15px 10px} 
ul.checkbox { list-style: none} 
ul.checkbox li { float: left; padding: 0 10px 0 0; font-size: 0.85em; color: #666666}


/* doplnit */
.team-scorelist tr.actualteam td {background-color:#AC0046!important; border-bottom: solid 1px #ffffff; color: black}

/* table.tabulky-tymu*/
table.tabulky-tymu {width: 100%; color: #999999; border-collapse: collapse; margin: 10px 0 10px 0; padding: 2px; clear: left}
table.tabulky-tymu tr td { padding: 5px 10px 5px 10px; font-size: 0.85em; border-bottom: solid 1px #D7EBFF; background: #FFFFFF; text-align: center}
table.tabulky-tymu tr td.left { text-align: left}
table.tabulky-tymu tr td.zvyrazni { font-weight:bold; color:#000000}
table.tabulky-tymu tr td img { vertical-align: top}
table.tabulky-tymu tr td a {color:#005a89; text-decoration: none; padding: 0 0 2px 0}
table.tabulky-tymu tr td a:hover { color: #3399CC}
table.tabulky-tymu tr.divisionwinner td { background-color:#D7EBFF; border-bottom: solid 1px #ffffff; color: black}
/*table.tabulky-tymu tr.actualteam td a, table.tabulky-tymu tr.actualteam td { color: #FFFFFF}*/
/*table.tabulky-tymu tr.actualteam td a:hover { color: #F7D2E1}*/
div.mainDropDown { font-size: 0.85em;  color: #25426C}
div.mainDropDown a { font-size: 1em}

/* vizitka */
table.vizitka { font-size: 0.85em; margin: 10px 0 20px 0; width: 100%; border-bottom: solid 1px #CCCCCC}
table.vizitka th, table.vizitka td { padding: 0 0 5px 10px; color:#666666}
table.vizitka th { color: #333333}

/* detaily tymu */
div.team-articles.short	{width: 300px; float: left}
div.team-matches.short { margin: 0 0 0 10px; float: left}
table.zapasy-rozpis.short tr td { padding: 5px 5px 5px 5px}
table.zapasy-rozpis.short { width: 390px; _width: 380px}
table.tabulky-tymu.short tr td { padding: 5px 4px 5px 4px; _padding: 5px 3px 5px 3px}
div.team-scorelist { float: left; width: 300px; margin: 0 0 0 10px;}

div.banner468x60 {position:absolute;right:20px;top:45px;}