@font-face {
    font-family: 'MyriadProLight';
    src: url('../fonts/century_gothic-webfont.eot');
    src: local('☺'), url('../fonts/myriadpro-light-webfont.woff') format('woff'), url('../fonts/myriadpro-light-webfont.ttf') format('truetype'), url('../fonts/myriadpro-light-webfont.svg#myriadpro-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*font-family:MyriadProLight,Arial,sans-serif;*/
body { padding: 0; background:#000000;  position: relative; text-align: center; font-family: Arial, lucida, sans-serif; font-size:12px;  
       color: #CCCCCC; margin: 0px auto;}

.noCSS {display: none;}
.printOnly {display: none;}
.clearer {clear:both;}
div.clearer {height: 1px;overflow: hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.just {text-align:justify;}
.red {color: #dd0000;}
.nowrap { white-space: nowrap; }
.uppercase { text-transform: uppercase; }
a:link, a:visited {color: #c4c3c3; text-decoration:underline;}
a:hover {color: #ffffff; text-decoration:underline;}
a img {border: none; }
b, strong { font-weight: bold; }
ul {margin-top:0.4em; margin-bottom:0.8em; margin-left:0.8em; padding-left:1em; line-height: 130%;}
ol {line-height: 140%;}
li {margin-bottom:0.3em;}
p {margin-top: 0em;  margin-bottom: 0.4em;  text-align: left;  line-height: 170%;  text-indent: 0px;}
.noIndent {text-indent: 0;}
.orange { color: #F5941B; }
span {line-height: 170%;}
h1 { font-size: 170%; line-height: 115%; font-weight: bold; margin-top:5px; margin-bottom: 5px; text-align: left; color: #ffffff; }
h2 { text-transform: uppercase; font-size: 150%; line-height: 110%; font-weight: bold; margin: 15px 0 10px 0; text-align: left; color: #ffffff; }
h3 { text-transform: uppercase; font-size: 130%; line-height: 110%; font-weight: bold; margin: 15px 0 10px 0; text-align: left; color: #ffffff; }
h1 em, h2 em, h3 em {font-style: normal; font-weight: normal; font-size: 60%; line-height: 60%; }
h1 a:link,h2 a:link, h3 a:link, h1 a:visited,h2 a:visited, h3 a:visited { text-decoration: none; color:#ffffff; }
h1 a:hover,h2 a:hover, h3 a:hover { text-decoration: none; color:#ffffff; }
div.hr { position: relative; display:block; width: 700px; height:2px; float: left; margin: 5px 0 5px 0; border: none; }
legend {font-size: 110%; font-weight: bold; margin-top: 0px; margin-left: 3px; margin-bottom: 5px;  padding-left: 2px;  }
fieldset {margin-top: 0px;  margin-bottom: 10px;  padding: 0px 0px 2px 20px;}
fieldset div.fieldsetContent {margin: 0px 20px 0px 0px; float: left;}
label {font-weight: bold;}
.help {cursor: help; border-bottom: 1px dashed #638EB5;}
table.soupis { width: 100%; border: none; }
table.soupis th { padding: 3px 5px 2px 5px; font-weight: bold; margin: 1px; background: #cccccc; border: none; vertical-align: middle; }
table.soupis td { padding: 3px 5px 2px 5px; border: none; background: #dddddd; }
table.soupis tr.bright td { background: transparent; }
.fleft { float: left; }
.fright { float: right; }
img.fleft  { margin-right: 20px; }
img.fright { margin-left: 20px; }
img.fleft, img.fright { border: 1px solid #6499cd; padding: 2px; }

/*-------------------------------------------------------------------------------------------------------
	layout stranky
---------------------------------------------------------------------------------------------------------*/
#page-wrap {background: #161616  repeat-x left top; border-bottom: 1px solid #2C2B2B;}
#page-top {background: url(../images/page_top_bg.jpg) no-repeat top center;}
#page {min-height: 600px; width: 981px; margin: 0 auto; text-align: left;}

#header {height: 320px; margin: 0; padding: 0; position: relative;}
#top-bar {background: url(../images/top_bar_bg.png) no-repeat top center; height: 50px; padding-left: 6px; position: relative;}
#facebook {width: 75px; height: 20px; position: absolute; right: 20px; top: 11px;
    background: url(../images/facebook_ico.png) no-repeat left bottom}
#facebook:hover {background-position: left top;}
#logo {display: block; width: 287px; height: 270px; background: url(../images/logo.jpg) no-repeat left top;
    position: absolute; left: 338px; top: 50px;}
#bkjh {display: block; width: 293px; height: 70px; background: url(../images/bkjh.jpg) no-repeat left top;
    position: absolute; right: 33px; top: 94px;}

#team-menu {text-align: left; height: 39px; line-height: 39px; background: url(../images/team_menu_bg.png) no-repeat left top; padding-left: 11px;
    margin-bottom: 30px;}
#team-menu ul {margin: 0; padding: 0; list-style-type: none;}
#team-menu ul li {float: left; margin-right: 20px; padding-left: 40px; height: 39px; line-height: 39px;}
#team-menu ul li.selected {background: url(../images/team_menu_arrow.jpg) no-repeat 0 10px;}
#team-menu ul li a:link, #team-menu ul li a:visited {font-size: 14px; text-decoration: none; color: #FEFEFE; text-shadow: 0 -1px 0 #000000;
    text-transform: uppercase;}
#team-menu ul li a:hover,#team-menu ul li.selected a:link, #team-menu ul li.selected a:visited 
{color: #F5941B;}

#content {padding: 0 0 0 11px; background: url(../images/content_divider.jpg) repeat-y 657px 0; margin: 30px 0 30px 0;
position: relative; width: 970px; text-align: left;}
#breadcrumbs {position: absolute; left: 11px; top: -25px; text-align: left; font-size: 10px; color: #7F7F7F;}
#breadcrumbs a:link, #breadcrumbs a:visited {color: #7F7F7F; text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}
.leftColumn {display: none;}
.middleColumn {float: left; width: 635px;}
.rightColumn {float: right; width: 308px;}

.middleColumn strong { color: #ffffff; }
.rightColumn strong { color: #ffffff; }
.rightColumn table { width:100%; }
#sponzori-wrap {background-color: #242426; border-top: 1px solid #000000}
#sponzori {padding: 20px 0 30px 11px; color: #808080; text-align: left; width: 970px; margin: 0 auto;}
.sponzor a {float: left; margin: 0 20px 10px 0;}
#footer {width: 970px; margin: 0 auto; text-align: left; padding: 20px 0; color: #4D4D4D; padding-left: 11px;}
#footer a:link, #footer a:visited {color: #4D4D4D}
#footer a:hover {color: #808080}
hr { display: block; height: 2px; overflow: hidden; background-color: #444444; border: none; border-top: 1px solid #000000; clear: both; margin-bottom: 10px;}
/*-------------------------------------------------------------------------------------------------------
	header slideshow
---------------------------------------------------------------------------------------------------------*/
#player-slideshow {position: absolute; width: 306px; height: 270px; overflow: hidden; top: 50px; left: 0}
/*-------------------------------------------------------------------------------------------------------
	clanky a reportaze
---------------------------------------------------------------------------------------------------------*/
div.clanekShortTitul { position: relative; width: 100%; margin: 0 0 10px 0; }
div.clanekShortTitul .textContent { padding: 0px; text-align: left; font-style: italic;}
div.clanekShortTitul  h1 { margin: 5px 0; padding: 0; text-transform:uppercase; line-height: 110%; font-size: 18px; }
div.clanekShortTitul h1 a:link, div.clanekShortTitul h1 a:visited {color: #ffffff}
div.clanekShortTitul .textContent h1 em { font-size: 50%; }

div.clanekShort { position: relative; float: left; width: 48%; margin: 0 0 10px 0; }
div.clanekShort .textContent { padding: 0px; text-align: left; font-style: italic;}
div.clanekShort h2 { margin: 5px 0; padding: 0; text-transform:uppercase; line-height: 110%; font-size: 15px; }
div.clanekShort h2 a:link, div.clanekShort h2 a:visited {color: #ffffff }
div.clanekShort h2 em { font-size: 50%; }

div.clanekShortSpacer { float: left;  width: 4%; height: 10px; }

div.clanekFull {  }
div.clanekFull img { float: left; border:1px solid #4D4D4D; margin: 0px 12px 0 0; margin-bottom: 10px; }

div.clanekFull div.reportazeSoupiskaDomaci { float: left; width: 49%; margin-bottom: 15px; }
div.clanekFull div.reportazeSoupiskaHoste { float: right; width: 49%; margin-bottom: 15px; }
div.clanekFull table.statistika { width: 90%; margin-bottom: 15px; }

.clanekShortTitul a.obrazek, .clanekShort a.obrazek {float: left; display: block; margin-right: 12px; text-align: center;
    border: 1px solid #4D4D4D; margin-bottom: 10px;}
.clanekShortTitul a.obrazek:hover, .clanekShort a.obrazek:hover {border-color: #F5941B;}
a.obrazek img {display: block;}
.divider-left, .divider-right {float: left; width: 48%; clear: none;}
.divider-right {float: right;}

.clanekShortTitul a.vice:link, .clanekShortTitul a.vice:visited,
.clanekShort a.vice:link, .clanekShort a.vice:visited {display: block; float: right; width: 82px; height: 41px; line-height: 41px; padding-left: 50px;
    background: url(../images/clanek_vice.jpg) no-repeat left top; text-decoration: none; color: #999897; text-shadow: 0 -1px 0 #000000;}
.clanekShort a.vice:hover, .clanekShortTitul a.vice:hover {color: #F5941B;}
.clanekShort a.vice span, .clanekShortTitul a.vice span {line-height: 41px;}

/*-------------------------------------------------------------------------------------------------------
	pravy sloupec
---------------------------------------------------------------------------------------------------------*/
.rightNavBlock h3, .rightNavBlockDark h3 {text-shadow: 0 -1px 0 #000000; margin: 0 0 7px 0;}
.rightNavBlock, .rightNavBlockDark {background: url(../images/right_nav_block_bg.png) repeat-y left top; padding: 11px 11px 0 11px;
    margin-bottom: 15px; position: relative; color: #A6A6A6;}
.rightNavBlockBottom {background: url(../images/right_nav_block_bottom.png) no-repeat left top; height: 4px; overflow: hidden;
    margin: 0 -11px 0 -11px; width: 308px; margin-top: 7px; position: relative; bottom: -4px;}
.rightNavBlockTop {background: url(../images/right_nav_block_top.png) no-repeat left top; height: 4px; overflow: hidden;
    width: 308px; position: absolute; left: 0; top: -4px;}

.rightNavBlock .shortTabulka, .rightNavBlockDark .shortTabulka {width: 100%;}
.rightNavBlock .shortTabulka th, .rightNavBlockDark .shortTabulka th {
    color: #F5941B; text-shadow: 0 -1px 0 #000000;
}
.rightNavBlock .shortTabulka td, .rightNavBlockDark .shortTabulka td {
    vertical-align: text-top;
}
/*-------------------------------------------------------------------------------------------------------
	pager
---------------------------------------------------------------------------------------------------------*/
#PagerId { clear: both; padding: 10px 0 5px 0; width: 100%;}
#PagerId span { padding: 2px 5px; border: 1px solid #505050; color:#CCCCCC; }
#PagerId a:link, #PagerId a:visited { color: #ccc; padding: 2px 5px; border: 1px solid #999999; background: #000; text-decoration: none; }
#PagerId a:hover { color: #ffffff; border: 1px solid #ffffff; background: #333; text-decoration: none; }
/*-------------------------------------------------------------------------------------------------------
	soupiska
---------------------------------------------------------------------------------------------------------*/
.soupiska-header {background: url(../images/soupis_bar_head.jpg) no-repeat left top; margin: 0 0 10px -11px;
    width: 633px; text-shadow: 0 -1px 0 #000000; height: 67px; overflow: hidden; padding: 10px 0 0 12px;}
.soupiska-header h2 {margin: 0 0 7px 0; font-size: 16px;}
.soupiska-header h2.tym {font-size: 13px; margin-bottom: 3px;}
a.soupiskaShort:link, a.soupiskaShort:visited { text-decoration: none; display: block; float: left; margin: 0 10px 10px 0; 
          padding:2px; text-align: center; width: 198px; height: 268px; background-color: #000000; font-size: 14px; }
a.soupiskaShort:hover span {color: #F5941B !important;}
.soupiskaShort img { margin: 0 auto 10px auto; border: none; width: 198px; height: 228px; }
a.soupiskaShortLast:link, a.soupiskaShortLast:visited { margin-right:0px;}
.soupiskaShort span { display: block; line-height: 120%; text-align: left; margin: 0 5px; font-size: 90%; color: #e0e0e0; }
.soupiskaShort span.uppercase { margin: 0; font-size: 110%; display: inline; }
div.playerDetail { position: relative; min-height: 275px; padding: 0 0 0 0; background: transparent; margin: 0 0 10px -11px; }
div.playerDetail h2 { margin: 10px 0 7px 11px; color: #F5941B; font-size: 16px; font-weight: bold;}
div.playerDetail p {margin-left: 11px;}
div.playerDetail p.just-label strong {display: inline-block; width: 80px;}
div.playerDetail strong { color: #e0e0e0; }
div.playerDetail img { float: right; border: none; margin: 0 0 0 0; padding: 0; width: 370px; }
div.playerDetail .textContent { float: left; width: 200px; padding: 0 27px;
    background: url(../images/pdTextContentBg.jpg) repeat-y left top;}
div.playerDetail .textContentTop { height: 4px; overflow: hidden; width: 254px; margin: 0 -27px;
    background: url(../images/pdTextContentTop.jpg) repeat-y left top;}
div.playerDetail .textContentBottom { height: 4px; overflow: hidden; width: 254px; margin: 0 -27px;
    background: url(../images/pdTextContentBottom.jpg) repeat-y left top;}
/*-------------------------------------------------------------------------------------------------------
	fotogalerie
---------------------------------------------------------------------------------------------------------*/
.fotogalerie-short { position: relative; float: left; width: 48%; margin: 0 0 10px 0; }
.fotogalerieShortSpacer { float: left;  width: 4%; height: 10px; }
.fotogalerie-short h2 { margin: 5px 0; padding: 0; text-transform:uppercase; line-height: 110%; font-size: 15px; }
.fotogalerie-short h2 a:link, .fotogalerie-short h2 a:visited {color: #ffffff}
.fotogalerie-short .img-container {float: left; margin: 0px 12px 0 0; margin-bottom: 10px;}
.fotogalerie-short .img-container a {border: 1px solid #4D4D4D; display: block;}
.fotogalerie-short .img-container a:hover {border: 1px solid #F5941B;}
.fotogalerie-short .img-container img {display: block;}
.fotogalerie-short a.vice:link, .fotogalerie-short a.vice:visited
    {display: block; width: 102px; height: 41px; line-height: 41px; padding-left: 50px;
    background: url(../images/galerie_vice.jpg) no-repeat left top; text-decoration: none; color: #999897; text-shadow: 0 -1px 0 #000000;}
.fotogalerie-short a.vice:hover {color: #F5941B;}
.fotogalerie-short a.vice span {line-height: 41px;}
.fotogalerie-foto {float: left; margin: 0 10px 10px 0; border: 1px solid #4D4D4D;}
.fotogalerie-foto:hover {border-color: #F5941B;}
.fotogalerie-foto img,div.clanekFull .fotogalerie-foto img {display: block; float: none; margin: 0; border: none;}
/*-------------------------------------------------------------------------------------------------------
	team info
---------------------------------------------------------------------------------------------------------*/
#team-info {background: url(../images/main_stats_bar.jpg) no-repeat left top; text-align: left; height: 87px;
    margin-bottom: 3px; padding: 10px 0 0 10px;}
#teamSelectForm {float: left; width: 215px; height: 63px; margin-right: 15px; padding: 8px 0 0 11px;
    background: url(../images/select_tab.jpg) no-repeat left top;}
.last-match {float: left; width: 299px; height: 64px; background: url(../images/last_match_tab.jpg) no-repeat left top;
    padding: 7px 0 0 11px; margin-right: 15px;}
.last-match h4, .next-match h4 {margin: 0 0 5px 0; font-family: MyriadProLight,Arial,sans-serif; font-weight: normal;
    font-size: 18px; text-transform: uppercase; float: left; width: 55px; margin-top: 7px;}
.last-match h4 {width: 70px;}
.next-match {float: left; width: 383px; height: 64px; padding: 7px 0 0 11px;
    background: url(../images/next_mach_tab.jpg) no-repeat left top;}
.last-match p, .next-match p {line-height: 55px;}
.tabulkaFull {width: 100%;}

#team-info h4, #teamSelectForm span {color: #F5941B; text-shadow: 0 -1px 0 #000;}
#teamSelectForm span {font-size: 15px;}
.leftTeaserContent img {float: left;}
.leftTeaserContent .skore1, .leftTeaserContent .skore2 {float: left; height: 36px; line-height: 36px;
    color: #FFFFFF; text-shadow: 0 -1px 0 #000; width: 40px; text-align: center; border: 1px solid #3C4040;
    background-color: #2B2B2B; margin: 10px 4px 0 4px; font-size: 18px;}
.leftTeaserContent img.dvojtecka {margin-top: 20px;}

.rightTeaserContent img {float: left; margin-right: 4px;}
.rightTeaserContent img.hoste {margin-right: 15px;}
.rightTeaserContent span.vs {float: left; margin-right: 4px; font-size: 16px; line-height: 55px;}
.rightTeaserContent .tym1, .rightTeaserContent .tym2, .rightTeaserContent .teaserDatum {color: #FFFFFF;
    text-shadow: 0 -1px 0 #000000; font-size: 14px;}
.rightTeaserContent .tym1 {margin-top: 1px;}
/*-------------------------------------------------------------------------------------------------------
	mainTeaser
---------------------------------------------------------------------------------------------------------*/
#mainTeaser {display: none; text-align: center;}
#mainTeaser img {}
a#upoutavka {text-indent: -9000px; display: block; width: 83px; height: 23px; line-height: 23px; 
    background: url(../images/drop_teasser_hover.png) no-repeat left top; margin: -2px 0 10px 0;}
a#upoutavka:hover {background-position: left bottom;}
/*-------------------------------------------------------------------------------------------------------
	spoty
---------------------------------------------------------------------------------------------------------*/
#spot {height: 49px; background: url(../images/spot_bg.jpg) no-repeat left top; margin-bottom: 7px;
    padding-left: 70px; padding-top: 10px; color: #FFFFFF;}
#spot.inactive {background-position: left bottom; color: #808080;}
#spot.inactive h2 {color: #808080;}

#spot h2 {margin: 0; font-size: 14px; font-weight: normal; text-shadow: 0 -1px 0 #000;
    text-transform: none;}
#spot p {line-height: normal; margin: 0; text-shadow: 0 -1px 0 #000; margin: 0 0 2px 0;}
/*-------------------------------------------------------------------------------------------------------
	wallpapers
---------------------------------------------------------------------------------------------------------*/
.wallpapers-left {float: left; width: 295px; overflow: hidden; margin-right: 30px;}
.wallpapers-right {float: left; width: 310px; overflow: hidden;}
.wallpapers-left h2, .wallpapers-right h2 {font-size: 14px; margin: 10px 0 10px 0;
    font-weight: normal; color: #F5941B; text-transform: none;}
.wallpapers-right p {line-height: 250%;}
.wallpapers-right p strong {font-weight: normal; display: inline-block; width: 100px;}
.wallpapers-link:link, .wallpapers-link:visited {background: url(../images/down_arrow.jpg) no-repeat left center;
    text-decoration: none !important; padding-left: 38px; line-height: 21px; display: inline-block; height: 21px;}
.wallpapers-link:hover {text-decoration: underline !important; color: #F5941B}
p.wallpapers-count {font-style: italic; color: #494949;}
.middleColumn .divider {height: 1px; overflow: hidden; background-color: #393a3a;
    border-top: 1px solid #000000;}