* {
margin: 0;
padding: 0;
}

html {
overflow: -moz-scrollbars-vertical; /* Vertikalni scrollbar vzdy i v Gecku, neskace pak design s delsi/kratsi strankou */
}

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

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 0 0 20px;
color: #d71921;
margin:10px 0 5px 0;
font-size: 150%;
background: transparent url('h2_bg.jpg') no-repeat left center;
width: auto; 
text-align: left;
line-height:120%;
}
h3 {
font-size:160%;
}
h4 {
font-size:130%;
color:#cf990a;
padding:20px 0 0 0;
margin:0;
}
h5 {
font-size:110%;
}

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

fieldset {
border: none;
}

.cleaner {
clear: both;
}

#page {
width: 900px;
margin: 0 auto; 
}

.marginBottom {
margin-bottom: 10px;
}



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

#header {
background: url('header_bg.jpg') no-repeat left top;
height: 205px;
text-align: left;
clear: both;
}

#header #logo {
float: left;
height: 205px;
}

/* ============================= ANNEX  ================================= */

#annex {
width: 100%;
clear: both;
}

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

ul.TreeMenu li {
list-style-type: none;
}

#topmenu {
clear: both;
background: url('menu_bg.jpg') repeat-x left top;
height: 36px;
}

#topmenu a {
display: block;
padding: 7px 10px 0 10px;
height: 29px;
font-family: tahoma;
font-weight: bold;
font-size: 11pt;
color: white;
text-decoration: none;
}

#topmenu a:hover {
color: #e7a6a6;
}

.pos{
display: none;
}

#topmenu ul {
margin: 0; 
}

#topmenu ul li {
margin: 0;
list-style-type: none;
float: left;
background: url('menu_separator.jpg') no-repeat right top;
}

.bold {
font-weight: bold;
}

.fright {
float: right !important;
}

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

#langMenu { 
float: right;
width: 90px;
overflow: hidden;
margin: 6px 16px 0 0;
}
#langMenu li span {
display: none;
}
#langMenu ul, #langMenu ul li {
margin: 0; padding: 0; 
}

/* 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.active a {
background: url('lang_cz.jpg') no-repeat left top; /* 24x16 */
}

/* en */
#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;
}
#langMenu li#menuitem-106600.active a {
background: url('lang_en.jpg') no-repeat left top; /* 24x18 */
}



/* ============================= CONTAINER ================================= */
#main {
background-color: #cdcdcd;
}

#container {
margin: 10px;
}

#work {
text-align: left;
}

#container a {
color: #d71921;
font-weight: bold;
}


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

#footer {
clear: both;
min-height: 56px;
text-align: center;
background: url('footer_bg.jpg') repeat-x left top;
}

#footer a {
display: block;
height: 40px; 
float: left;
margin-top: 8px;
}
#footer div {
margin: 0 auto; 
clear: both;
width: 350px;
}

  #footer a.nike {
  background: url('partners/nike.jpg') no-repeat left top;
  width: 97px;
  }
  #footer a.img {
  background: url('partners/img.jpg') no-repeat left top;
  width: 87px;
  }
  #footer a.cd {
  background: url('partners/cd.jpg') no-repeat left top;
  width: 76px;
  }
  #footer a.cdcargo {
  background: url('partners/cdcargo.jpg') no-repeat left top;
  width: 124px;
  }
  #footer a.hattrick {
  background: url('partners/hattrick.jpg') no-repeat left top;
  width: 104px;
  }
  #footer a.kentaro {
  background: url('partners/kentaro.jpg') no-repeat left top;
  width: 108px;
  }

#clownlink {
color: #d71921;
}

#clownlink #copyright {
float: left;
padding-left: 2px; 
}

#clownlink #clown {
float: right;
padding-right: 2px;
}
#clownlink #clown a {
color: #d71921;
font-weight: bold;
}

/* ============================= HOMEPAGE ================================= */


/* ============= NEWS ============= */
#smallNews #lSide {
float: left;
}

#newsImage a {
line-height: 0em;
float: left; 
border: 6px solid #a1a1a1;
}

#newsImage {
height: 231px;
width: 324px;
}

#newsImage ul {
margin: 0;
width: 50px;
}
#newsImage ul li {
margin: 0;
width: 336px;
height: 231px;
}

#newsImage {
clear: both;
width: 336px;
}

h3.titleNewsList a {
color: #d71921;
font-size: 10pt;
margin-top: 5px;
margin-bottom: 10px;
line-height: 120%;
display: block;
}

#smallNews ul#newsDesc li {
list-style-type: none; 
float: right;
width: 544px; 
margin: 0;
}

#smallNews .textBlockNewsList {
padding: 0 5px 10px 10px;
line-height: 120%;
}

#smallNews .dateNewsList {
color: #444444;
font-weight: bold;
font-style: italic;
}

#smallNews ul#newsDesc {
margin: 0;
}

#smallNews div.active {
background: url('news_firstOne_bg.jpg') repeat-x left bottom;
}

#smallNews #moreNews {
padding: 0;
margin-top: 10px;
color: #d71921;
margin-left: -10px;
height: 35px;
background: url('news_moreNews_bg.jpg') no-repeat left top;
}

#smallNews #moreNews a {
height: 25px;
width: 135px;
padding: 5px 0 0 40px;
display: block;
color: #d71921;
font-weight: bold;
font-size: 10pt;
background: url('news_moreNews_arrow.jpg') no-repeat 138px center;
}

/* ============= TOP PLAYERS ============= */

#topPlayers {
background: url('top_players_bg.jpg') no-repeat top left;
margin: 10px 0 0 0;
height: 205px;
padding-top: 20px;
}

#topPlayers .prev {
cursor: pointer;
display: block;
height: 160px;
width: 30px;
float: left;
margin-left: 110px;
background: url('top_players_prev.jpg') no-repeat center center;
}
#topPlayers #slider {
float: left;
min-height: 135px;
}
#topPlayers .next {
cursor: pointer;
display: block;
height: 160px;
width: 30px;
float: left;
background: url('top_players_next.jpg') no-repeat center center;
}
#topPlayers .next span, #topPlayers .prev span {
display: none;
}

#topPlayers #slider ul li {
min-height: 160px;
width: 135px;
text-align: center;
}
#topPlayers #slider ul li a {
text-decoration: none;
color: white;
}

/* ============================= KONTAKT CONTACT ================================= */

body.template-kontact-form img#mapContact {
width: 97%;
}


/* ============================= PRODUKT PLAYER ================================= */

#leftColumn .card {
background: url('produkt_info.jpg') no-repeat left top;
height: 235px;
padding: 15px 5px 5px 15px;
}

#leftColumn .card h3 {
font-weight: normal;
}


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

#leftColumn #cardContent { 
text-align: center;
padding: 0 20px 0 0;
}

#leftColumn .cardHeader {
min-height: 45px;
}

#leftColumn #cardContent .info {
text-align: left;
padding: 20px 0 0 0;
}

#leftColumn #cardContent .info dl dt{
float: left;
width: 140px;
}

#leftColumn #cardContent .info dl dd{
font-weight: bold;
}

#leftColumn #cardContent #logos {
height: 50px;
overflow: hidden;
}

#leftColumn #cardContent #logos img{
margin: 5px 10px 0 10px;
}

.template-produkt .rightColumn h3 {
color: #d71921;
font-weight: bold;
font-size: 10pt;
}

.template-produkt .rightColumn h4 {
color: #d71921;
font-weight: normal;
font-size: 10pt;
margin-bottom: 0;
}

.template-produkt .rightColumn table tr td {
border-bottom: 1px solid #7b7b7b;
padding-left: 10px;
}

.template-produkt .rightColumn table tr:first-child {
background-color: #d29f9f;
font-weight: bold;
}

.template-produkt .rightColumn table tr:first-child td {
border-top: 1px solid #ececec;
}

.template-produkt .rightColumn table {
margin-bottom: 10px;
}

.template-produkt #footer {
text-align: center;
}

.template-produkt #footer div {
text-align: center;
width: 650px;
}

.template-produkt #footer div a {
color: white; 
display: block;
float: left;
padding: 5px 10px 0 10px;
margin-right: 40px;
font-size: 14pt;
text-decoration: none;
height: 30px;
}

.template-produkt #footer div a.oficial {
color: red; 
padding-left: 20px;
background: url('produkt_oficial.jpg') no-repeat left center;
}

.template-produkt #footer div a:first-child {
margin-left: 40px;
}


/* ============================= PLAYER LIST PLAYERS LIST ================================= */

#playerList {
}

#playerList table {
width: 100%;
border-collapse: collapse;
color: #393939;
}

#playerList table tr {
background: url('table_tr.jpg') repeat-x top left;
height: 30px;
}

#playerList table tr th {
text-align: left;
width: 25%;
background: url('table_th.jpg') repeat-x top left;
height: 33px;
padding: 0 10px 0 10px;
}
#playerList table tr th.active {
background: url('table_th_active.jpg') repeat-x top left;
}

#playerList table tr th a {
color: white;
}
#playerList table tr th.active a {
color: #ce1a1a;
}

#playerList table tr td {
padding: 0 10px 0 10px;
}



/* ============================= SECOND MENU SUBMENU ================================= */

#leftColumn {
float: left;
width: 400px;
text-align: left;
margin: 0 10px 10px 0;
}

#leftColumn ul {
margin: 0; 
}
#leftColumn ul li {
margin: 0;
}

#leftColumn ul.TreeMenu li a{
padding-top: 5px;
text-align: center;
display: block;
width: 383px;
height: 28px;
background: url('submenu_bg.jpg') no-repeat left top;
}

#leftColumn ul.TreeMenu li a:hover {
background: url('submenu_active_bg.jpg') no-repeat left top;
}


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

#newlist ul li{
list-style-type: none;
margin: 0 0 10px 0;
}

#newlist span.date{
font-weight: bold;
font-style: italic;
font-size: 8pt;
}

#newsSwitcher {
width: auto;
background: url('table_th.jpg') repeat-x top left;
height: 33px;
padding: 0 10px 0 10px;
}

#newsSwitcher a {
text-decoration: underline;
display: block;
float: left;
color: white;
cursor: pointer;
height: 28px;
padding: 5px 15px 0 15px;
}

#newsSwitcher a.active {
color: #CE1A1A;
background: url('table_th_active.jpg') repeat-x top left;
}


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

#nas-tym img, #our-team img {
border: 4px solid #ef0022;
}

/* ============================= NOVINKA NEWS ================================= */

#newsItemDate {
font-weight: bold;
font-style: italic;
font-size: 8pt;
}

#newsItemTitle {
font-size: 11pt;
}

#newsItemImage {
float: left;
margin: 5px 20px 20px 0;
}
  #newsItemImage img {
  border: 6px solid #a1a1a1; 
  }
  
#backToNewsList a {
text-align: center;
margin-top: 10px;
padding-top: 5px;
display: block;
height: 28px;
width: 179px;
background: url('news_back.jpg') no-repeat left top;
}


/* ============================= NEWSLETTER NL ================================= */

#nl {
height: 174px;
background: url('nl_bg.jpg') no-repeat left top;
}

#nl .first{
padding: 10px 0 0 20px;
color: #d71921;
font-size: 11pt;
}

#nl .second{
padding: 15px 0 0 20px;
color: white;
font-size: 18pt;
line-height: 130%;
}

#nl form{
color: white;
padding: 20px 0 0 20px;
}

#nl form input{
background: url('input.jpg') no-repeat left top;
padding: 5px 0 0 5px; 
border: none;
width: 201px;
height: 25px;
}

#nl form input.submit{
width: auto;
background: url('submit.jpg') repeat-x left top;
padding: 0 10px 0 10px;
}


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

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


#gallery .prev {
cursor: pointer;
display: block;
height: 200px;
width: 25px;
float: left;
margin-left: 45px;
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;
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;
width: 290px;
text-align: center;
}
#gallery #slider ul li a {
text-decoration: none;
color: white;
}

#gallery #slider ul li a img{
border: 4px solid #ff4040;
}

/* ============================= RIGHT COLUMN  ================================= */

.rightColumn {
float: right;
width: 470px;
margin-bottom: 10px;
}