* {
margin: 0;
padding: 0;
}

body {
text-align: center;
font:0.75em Arial,Verdana,sans-serif;
line-height:1.7em;
background: white url('body_bg.jpg') repeat top center;
}

a:link    {text-decoration: underline; }
a:visited {text-decoration: underline; }
a:hover   {text-decoration: none; }
a:active  {text-decoration: underline; }

.toLeft   {float: left;}
.toRight   {float: right;}

img {border: none;}

h1 {
font-size: 200%;
padding:5px 0 10px 0;
line-height: 130%;
}
h2 {
padding:0;
margin:10px 0 25px 0;
font-size: 180%;
line-height:100%;
}
h3 {
font-size:160%;
}
h4 {
font-size:130%;
color:#cf990a;
padding:0px 0 0 0;
margin:0;
}
h5 {
font-size:110%;
}

ul, ol {
margin:5px 0 5px 5px;
}
li {
margin:0 0 0 5px;
}

span.pos {
display: none;
}

.black {
color: black;
}

.marginLeft {
margin-left: 10px !important;
}

.marginRight {
margin-right: 10px !important;
}

.cleaner, .clear {
clear: both !important;
}

.bold {
font-weight: bold;
}

.block {
display: block !important;
}

.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

.pRight {
padding-right: 8px;
}

.pLeft {
padding-left: 8px;
}

/* ================================= HEADER ==================================== */

div#header {
margin: 0 auto;
width: 762px;
background: transparent url('header_main_bg3.jpg') no-repeat center 30px;       /* dva sloupce */
height: 272px;
}

.template-news-item div#header,
.template-news-list div#header,
.template-videogallery div#header,
.template-galeri div#header,
.template-basic div#header,
.template-produkt div#header,
.template-program-list div#header,
.template-stats-repre div#header, 
.template-stats-club div#header,
.template-carreer div#header {
background: transparent url('header_main_bg4.jpg') no-repeat center 30px;      /* jeden sloupec */
}

div#header_bg {
background: transparent url('header_bg.jpg') repeat-x top center;
}

div#header a.button {
display: block;
width: 144px;
height: 22px;
margin: 10px 0 0 0; 
float: right;
padding: 2px 0 0 0;
background: transparent url('button_left_bg.jpg') no-repeat top left;
text-decoration: none;
font-weight: bold;
font-size: 10pt;
color: white;
}

div#header #header_right a.button {
background: transparent url('button_right_bg.jpg') no-repeat top left;
float: left;
}

div#header #logo {
float: left;
width: 250px;
text-align: right;
}
div#header #logo span#logo-text {
display: none;
}
div#header #logo a {
display: block;
float: right;
height: 155px;
width: 170px;
}
div#header #logo #playerName {
height: 30px;
font-size: 18pt;
float: right;
position: relative;
left: 15px;
top: 10px;
width: 195px;
overflow: hidden;
padding-top: 5px;
text-align: center;
}


div#header #header_left {
float: left;
width: 215px;
height: 170px;
}

div#header #header_right {
float: right;
width: 210px;
height: 170px;
}

div#header .logos { 
margin: 25px 20px 0 0; 
float: right;
height:80px;
width: 180px;
overflow: hidden;
}

div#header .logos a {
margin-left: 10px;
}

div#header #header_right .logos{
float: left;
margin-left: 20px;
}
div#header #header_right .logos a{
margin-left: 0;
margin-right: 10px;
}


/* ============================= MENU TOP MENU ================================= */

#topmenu {
height: 30px;
}

#topmenu ul {  
margin: 0;
padding: 0;
height: 30px;
width: auto; 
float: left;
display: block; 
}

#topmenu ul li {
list-style-type: none;
height: 30px;
display: block;
float: left;
margin: 0; padding: 0;
background: transparent url('menu_bg.jpg') repeat-x;
}

#topmenu ul li a {
font-family: arial;
background: transparent url('menu_separator.jpg') no-repeat right top;
font-size: 10pt;
font-weight: bold;
color: white;
text-decoration: none;
height: 25px;
padding: 5px 21px 0 21px;
display: block;
float: left; 
}

#topmenu #menu_first {
height: 30px;
width: 38px;
float: left;
background: transparent url('menu_left.jpg') no-repeat right top;
}

#topmenu #menu_last {
height: 30px;
width: 37px;
float: left;
background: transparent url('menu_right.jpg') no-repeat left top;
}

#topmenu ul li:last-child a {
background: url();
}

/* ============================= LANG MENU ================================= */

#langMenu { 
margin: 0 auto;
height: 22px;
width: 170px;
padding: 5px 0 0 0;
}
#langMenu li span {
display: none;
}
#langMenu ul, #langMenu ul li {
margin: 0; padding: 0; 
list-style-type: none;
}

#langMenu ul {
width: auto;
}
  
#langMenu ul li {
float: left;
}
#langMenu ul li:last-child {
float: right;
}

/* cz */
#langMenu li#menuitem-106599 a {
margin-top: 1px;
display: block;
background: url('lang_cz_nonactive.jpg') no-repeat left top; /* 24x16 */
width: 24px;
height: 16px;
float: left;
}
#langMenu li#menuitem-106599.activeLang a {
background: url('lang_cz.jpg') no-repeat left top; /* 24x16 */
}

/* en */
#langMenu li#menuitem-106600 {
float: right !important;
}

#langMenu li#menuitem-106600 a {
margin-right: 1px;
display: block;
background: url('lang_en_nonactive.jpg') no-repeat left top; /* 24x18 */
height: 18px;
width: 24px;
float: right !important;
}
#langMenu li#menuitem-106600.activeLang a {
float: right;
background: url('lang_en.jpg') no-repeat left top; /* 24x18 */
}

/* ================================= AREA ==================================== */

/* page / main / header-area-footer /  */
/* conainer / content / workspace / work */

div#area {
margin: 0 auto; 
width: 762px;
background: transparent url('area_bg.jpg') repeat-y left top;
min-height: 132px;
padding: 10px 0 0 0; 
}

.template-news-item div#area,
.template-news-list div#area,
.template-videogallery div#area,
.template-galeri div#area,
.template-basic div#area,
.template-produkt div#area,
.template-program-list div#area,
.template-stats-repre div#area, 
.template-stats-club div#area,
.template-carreer div#area {
background: transparent url('area_bg2.jpg') repeat-y left top;
}

/* ================================= CONTAINER ==================================== */

div#container {
margin: 0 10px 0 10px;
}

.template-news-item div#work, .template-news-list div#work {
padding-right: 10px;
}

#work {
text-align: left;
clear: both;  
}

#fbshare {
margin-top: 20px;
clear: both;
}

#fbpage {
  margin: 6px 0 0 5px;
  padding: 0;
  float: left;
  width: 69px;
  height: 23px;
}

#fblike {
margin: 5px 0 0 5px;
float:left;
text-align: center;
}


/* ================================= FOOTER ==================================== */

div#footer_bg {
background: transparent url('footer_bg.jpg') repeat-x left bottom;
height: 212px;
}

div#footer {
margin: 0 auto; 
width: 762px;
padding: 60px 0 0 0;
line-height: 2.5em;
background: transparent url('footer_main_bg.jpg') no-repeat left top;
}

.template-news-item div#footer,
.template-news-list div#footer,
.template-videogallery div#footer,
.template-galeri div#footer,
.template-basic div#footer,
.template-produkt div#footer,
.template-program-list div#footer,
.template-stats-repre div#footer, 
.template-stats-club div#footer,
.template-carreer div#footer {
background: transparent url('footer_main_bg2.jpg') no-repeat left top;
}

div#footer #playersWebs a {
color: #868686;
text-decoration: none;
font-weight: bold;
font-size: 10pt;
margin: 10px;
}

div#footer #clownlink {
color: #fe2382;
font-size: 10pt;
margin-top: 40px;
}

div#footer #clownlink a {
color: black;
font-weight: bold;
text-decoration: none;
}


/* ================================= PRAVA STRANA LEFT COLUMN ==================================== */

div#left {
width: 350px;
float: left;
text-align: left;
margin: 0;
padding: 0;
}

h1 {
/* float: left; */
background: transparent url('h1_bg.jpg') no-repeat left top;
padding: 3px 0 0 20px;
margin-left: -10px;
font-weight: normal;
font-size: 14pt;
color: white;
height: 39px;
width: 330px;
text-align: left;
margin-bottom: 5px;
}

h1 a {
text-decoration: none !important;
color: white;
}


/* ================================= PRAVA STRANA RIGHT COLUMN ==================================== */

div#right {
width: 350px;
float: right;
margin: 0;
padding: 0;
}

div#right h1 {
margin-left: 7px;
width:330px;
padding-left: 30px;
background: transparent url('h1_right_bg.jpg') no-repeat left top;
}

div#right #video {
text-align: center;
}

div#right #video #cont {
border-bottom: 1px solid #d2d2d2;
margin: 0 10px 20px 5px;
width: auto;
}

div#right #video #cont #videoTitle {
text-align: left;
padding-left: 10px;
}
div#right #video #cont #videoTitle a {
color: black;
font-weight: bold;
}





/* ================================= NEWS HP NOVINKY HP ==================================== */

#smallNews {
line-height: 1.4em;
text-align: left;
}

#smallNews ul {
list-style-type: none;
margin-bottom: 0;
}

.datum {
background: transparent url('news_date.jpg') no-repeat left top;
display: block;
height: 22px;
width: 78px;
position: relative;
left: -12px;
/* color: #c3f5b6; */
color:white;
font-size: 10pt;
font-weight: bold;
padding: 2px 0 0 5px;
float: left;
}

#smallNews .boxNewsList {
border-bottom: 1px solid #d2d2d2; 
margin: 10px 7px 0px 5px;
padding-bottom: 5px;
}

.datum .bigger {
color: white;
font-size: 11pt;
}

.titleNewsList a {
color: black;
font-size: 11pt;
}
.titleNewsList { 
padding-bottom: 10px;
}

#smallNews .moreNewsList {
float: right;
margin: 5px 10px 0 0; 
color: #fe2382;
font-weight: bold;
padding-left: 10px;
background: transparent url('news_more_arrow.jpg') no-repeat left center;
}

.template-news-list #smallNews .moreNewsList {
float: none;
background: transparent url('news_more_arrow.jpg') no-repeat left center;
}

#newsLink {
text-align: center;
}
#newsLink a {
color: #fe2382;
font-weight: bold;
padding-left: 10px;
background: transparent url('news_more_arrow.jpg') no-repeat left center;
}


/* ================================= FOTO GALERIE HP ==================================== */

#gallery-slider {
}

#gallery-slider .prev {
cursor: pointer;
display: block;
height: 39px;
width: 21px;
float: left;
margin-top: 15px;
background: url('hp_gallery_arrowLeft.jpg') no-repeat center center;
}
#gallery-slider #slider {
float: left;
min-height: 75px;
}
#gallery-slider .next {
margin-left: 4px;
margin-top: 15px;
cursor: pointer;
display: block;
height: 39px;
width: 21px;
float: left;
background: url('hp_gallery_arrowRight.jpg') no-repeat center center;
}
#gallery-slider .next span, #gallery-slider .prev span {
display: none;
}

#gallery-slider #slider ul li {
min-height: 75px;
width: 70px;
text-align: center;
}
#gallery-slider #slider ul li a img{
border: 1px solid #fe2382; 
}

/*  */


/* ================================= NEWS NOVINKY ==================================== */

#smallNews img {
float: left;
margin: 0 18px 10px 5px; 
}

/* ================================= NEWSITEM NOVINKA ==================================== */


#centerColumn {
margin: 0 25px 0 10px;
padding: 0 0 10px 0;
border-bottom: 1px solid #d2d2d2;
}

#backToNewsList a {
float: left;
margin: 20px 0 0 20px; 
color: #fe2382;
font-weight: bold;
padding-left: 15px;
background: transparent url('newsitem_arrow.jpg') no-repeat left center;
}

.template-news-item .datum, .template-videogallery .datum {
padding-top: 0;
}

.newsImage {
float: left;
margin: 6px 10px 10px 0;
} 


/* ================================= FOTOGALERIE ==================================== */

.onPageGaleriImages {
margin-top: 10px;
width: 520px;
float: left;  
}

.onPageGaleriImages ul li {
list-style-type: none;
float: left;
}

.onPageGaleriImages ul li img {
border: 1px solid #fe2382;
}

.onPageGaleri {
clear: both;
border-bottom: 1px solid #D2D2D2; 
margin-bottom: 10px;
padding-bottom: 20px;
}

.onPageGaleriLogo {
float: right;
margin: 35px 20px 0 0; 
}

.template-galeri #centerColumn, .template-videogallery #centerColumn {
border: none;
}

/* ================================= VIDEOGALERIE ==================================== */

.onPageItem {
width: 100%;
padding: 10px 0 10px 0;
margin-bottom: 20px;
float: left;
border-bottom: 1px solid #D2D2D2; 
}

.onPageItemVideo {
margin-right: 25px;
float: left;
}

.onPageItemTitle {
font-size: 14pt;
font-weight: bold;
margin-bottom: 10px;
}

/* ================================= BANNER ==================================== */

#smallBanner {
display: block;
width: 234px;
height: 60px;
margin: 20px 0 0 15px;
background: gray url('skyScreper.jpg') no-repeat center center;
}

#hpBanner {
position: absolute;
top: 238px;
left: 1200px;
width: 160px;
height: 600px;
background: gray url('skyScreper_wide.jpg') no-repeat center center;
}
/* POZICOVANI VELKEHO BANNERU ZAJISTUJE JS */


/* ================================= PAGE LISTER PAGELISTER ==================================== */

.lister { 
height: 30px; 
float: right;
}
.lister li {
list-style-type: none;
float: left;
margin-top: 8px;
}

.lister li.active {
color: #fe2382;
font-weight: bold;
font-size: 12pt;
background: transparent url('pager_active_arrow.jpg') no-repeat center top;
padding-top: 7px;
margin-top: 0;
}

.lister a {
text-decoration: none;
color: black;
font-size: 8pt;
}

.lister span {
display: none;
}

.lister #counterLeft, .lister #counterRight {
margin: 3px 0 0 0;
}
.lister #counterLeft a {
margin-left: 10px;
display: block;
float: left;
width: 21px;
height: 25px;
background: transparent url('pager_left.jpg') no-repeat right top;
}
.lister #counterLeft.nonactive {
display: block;
width: 21px;
height: 25px;
background: transparent url('pager_left_nonactive.jpg') no-repeat right top;
}

.lister #counterRight a {
margin-right: 10px;
display: block;
float: left;
width: 21px;
height: 25px;
background: transparent url('pager_right.jpg') no-repeat right top;
}
.lister #counterRight.nonactive {
display: block;
width: 21px;
height: 25px;
background: transparent url('pager_right_nonactive.jpg') no-repeat right top;
}

/* ================================= PROGRAM ==================================== */

.parseTable table {
width: 97%;
border-collapse: collapse;
margin: 0 5px 20px 5px;
}

.parseTable table tr:first-child, .parseTable table tr.tableHeader {
background-color: #fe2382;
height: 30px;
font-weight: bold;
color: white;
}
.parseTable table tr td:first-child {
padding-left: 8px;
}

.parseTable table tr td {
border-bottom: 1px solid gray; 
}

.template-program #work #annex {
margin-left: 5px;
}

.template-program #work .allProgram {
margin: 15px 10px 0 0; 
color: #fe2382;
font-weight: bold;
padding-left: 10px;
background: transparent url('news_more_arrow.jpg') no-repeat left center;
}

/* ================================= CELY PROGRAM DETAIL ==================================== */

.template-program-list table {
width: 96%;
border-collapse: collapse;
margin: 0 5px 20px 5px;
}

.template-program-list #work #program ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.template-program-list #work #program ul li {
margin: 0;
padding: 0;
}

.template-program-list #work table tr:first-child {
background-color: #fe2382;
height: 30px;
font-weight: bold;
color: white;
}
.template-program-list #work table tr td:first-child {
padding-left: 8px;
}

.template-program-list #work table tr td {
border-bottom: 1px solid gray; 
}

#work table tr.odd td {
background-color: white; /* #eeeeee; */
}

.template-program-list #work #annex {
margin-left: 5px;
}

.template-program-list #work .allProgram {
float: left;
margin: 0px 0 0 20px; 
color: #fe2382;
font-weight: bold;
padding-left: 15px;
background: transparent url('newsitem_arrow.jpg') no-repeat left center;
}

.template-program-list #work .season {
font-weight: bold;
text-align: right;
margin-top: -40px;
margin-bottom: 20px;
color: #fe2382;
margin-right: 30px; 
display: block;
}

.template-program-list #lister {
float: right;
margin-right: 35px;
}

.template-program-list #lister div {
float: left;
width: 22px;
height: 25px;
cursor: pointer;
}

.template-program-list #lister div span {
display: none;
}

.template-program-list #lister div#prev {
background: transparent url('pager_left.jpg') no-repeat right top;
}
.template-program-list #lister div#next {
background: transparent url('pager_right.jpg') no-repeat right top;
}

.template-program-list #lister div#prev.nonactive {
background: transparent url('pager_left_nonactive.jpg') no-repeat right top;
}
.template-program-list #lister div#next.nonactive {
background: transparent url('pager_right_nonactive.jpg') no-repeat right top;
}



/* ================================= PROFIL PRODUKT ==================================== */

.template-produkt #leftColumn {
float: left;
width: 150px;
}

.template-produkt #playerCareer {
float: right;
width: 510px;
margin-right: 10px;
}      

#leftColumn .card #detailProduktImg {
float: left;
margin: 0 10px 35px 0;
}
#leftColumn .card #detailProduktImg img {
border: 5px solid #d6d6d6;
}

#leftColumn #cardContent { 
text-align: center;
}

.template-produkt div#ismLink {
background: transparent url('profil_ismLink_bg.jpg') no-repeat center center;        
height: 25px;
padding-top: 4px;  
margin: 10px 0 0 0;   
}
.template-produkt div#ismLink a {
color: white;    
font-weight: bold;
padding-left: 10px;
background: transparent url('profil_ismLink_a.jpg') no-repeat left center;          
}



/* ============================= GALLERY  ================================= */

#gallery {
margin-left: -5px;
height: 262px;
margin-top: 10px;
background: url('gallery.jpg') no-repeat left top;
}


#gallery .prev {
cursor: pointer;
display: block;
height: 200px;
width: 25px;
float: left;
border: 1px solid blue; 
background: url('top_players_prev.jpg') no-repeat center center;
}
#gallery #slider {
float: left;
min-height: 135px;
}
#gallery .next { 
cursor: pointer;
display: block;
height: 200px;
width: 25px;
float: left;
border: 1px solid blue;
background: url('top_players_next.jpg') no-repeat center center;
}
#gallery .next span, #gallery .prev span {
display: none;
}

#gallery #slider ul li {
min-height: 200px;
margin: 0;
width: 250px;
text-align: center;
}
#gallery #slider ul li a {
text-decoration: none;
color: white;
}

#gallery #slider ul li a img{
border: 2px solid #fe2382;
}

/* ============================= STATS STATISTIKY ================================= */

.template-stats #work .parseTable a {
color: #fe2382;
}

.template-stats #right #links a {
color: #fe2382;
float: right;
margin: 0 10px 0 5px;
font-weight: bold;
padding-left: 10px;
background: url('news_more_arrow.jpg') no-repeat scroll left center transparent;
}



/* ============================= STATS STATISTIKY CLUB KLUB  ================================= */

.template-stats-club #teamLogo {
float: right;
margin-right: 40px;
margin-top: -50px;
}

.template-stats-club #switchBoard .switcher {
color: #fe2382;
text-decoration: underline;
font-weight: bold;
margin: 0 10px 0 6px;
padding: 0 0 0 10px;
cursor: pointer;
background: url('news_more_arrow.jpg') no-repeat scroll left center transparent;
}

.template-stats-club .parseTable {
padding-top: 10px;
}

.template-stats-club #work ul.lister li.nonactive a {
display: none;
}

.template-stats-club #repreStats {
text-align: right;
padding: 20px 0 0 0; 
display: inline;
float: right;
}
.template-stats-club #repreStats a {
color: #fe2382;
padding: 0 0 0 15px;
font-weight: bold;
background: url('news_more_arrow.jpg') no-repeat scroll left center transparent;
}


.template-stats-club #work ul.lister {
margin: 15px 40px 0 0;
}

/* ============================= STATS STATISTIKY REPRE ================================= */

.template-stats-repre #repreLogo {
float: right;
margin-right: 40px;
margin-top: -10px;
}

.template-stats-repre .parseTable {
margin: 0 25px 0 10px;
}

.template-stats-repre #up {
float: right;
margin: 20px 40px 0 0;
}

/* ============================= KARIERA CARREER ================================= */

.template-carreer span.switch {
margin: 0 5px 0 5px;
/* cursor: pointer; */
display: inline-block;
width: 40px;
height: 40px;
color: white;
padding-top: 18px;
text-align: center;
font-size: 16pt;
font-weight: bold;
background: url('carreer_lister_nonactive.jpg') no-repeat center center;
}

.template-carreer span.activeSw {
background: url('carreer_lister.jpg') no-repeat center center;
}

.template-carreer a.dots {
width: 28px;
height: 6px;
display: inline-block;
background: url('carreer_lister_separator.jpg') no-repeat center center;
}

.template-carreer ul.team-gallery {
margin-top: 10px;
text-align: center;
}

.template-carreer ul.team-gallery li {
list-style-type: none;
margin: 0 5px 0 5px;
display: inline;
}

.template-carreer .teamDiv img {
border: 2px solid #fe2382; 
}

.template-carreer #mainImg {
float: left;
margin: 0 10px 10px 0;         
}

.template-carreer #teamLogo {
float: right;
margin: -60px 40px 0 0; 
}

.template-carreer a.prev, .template-carreer a.next {
text-decoration: underline;
color: #fe2382;
font-weight: bold;
cursor: pointer;
margin-top: 18px; 
height: 25px;
}

.template-carreer a.prev {
float: left;
background: url('pager_left.jpg') no-repeat center left;
padding-left: 30px;
}
.template-carreer a.next {
float: right;
background: url('pager_right.jpg') no-repeat center right;
padding-right: 30px;
}