@font-face {
    font-family: "Campton Bold";
    src: url("/inc/fonts/campton_bold-webfont.eot");
    src: url("/inc/fonts/campton_bold-webfont.eot?#iefix") format("embedded-opentype"),
         url("/inc/fonts/campton_bold-webfont.ttf") format("truetype"),
         url("/inc/fonts/campton_bold-webfont.svg#campton_bold") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Campton Bold";
    src: url("/inc/fonts/campton_bold-webfont.eot");
    src: url("/inc/fonts/campton_bold-webfont.eot?#iefix") format("embedded-opentype"),
         url("/inc/fonts/campton_bold-webfont.ttf") format("truetype"),
         url("/inc/fonts/campton_bold-webfont.svg#campton_bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Campton Book"; 
    src: url("/inc/fonts/campton_book-webfont.eot");
    src: url("/inc/fonts/campton_book-webfont.eot?#iefix") format("embedded-opentype"),
         url("/inc/fonts/campton_book-webfont.ttf") format("truetype"),
         url("/inc/fonts/campton_book-webfont.svg#campton_book") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Campton Book";
    src: url("/inc/fonts/campton_book-webfont.eot");
    src: url("/inc/fonts/campton_book-webfont.eot?#iefix") format("embedded-opentype"),
         url("/inc/fonts/campton_book-webfont.ttf") format("truetype"),
         url("/inc/fonts/campton_book-webfont.svg#campton_book") format("svg");
    font-weight: bold;
    font-style: normal;
}

html,body { margin: 0; height: 100%; }
body { min-height: 100%; }

body {
    background: #EEEEEE url(/img/bg.png) repeat top center;  
    font-size: 14px; 
    font-family: "Arial", "Helvetica", sans-serif;
    color: #141B12; 
    overflow: auto;
    min-width: 1300px;
}   

a { color: #de000d; }
a:focus { outline: none; }
a:hover { text-decoration: none; }

a img { border: none; }
a img { border: none; }


h1 a, h2 a, h3 a { color: black; }

p {
    line-height: 1.1em;
    margin: 10px 0;
}

table { border-collapse: collapse; }

.hidden { display: none; }
.clear { clear: both; height: 0px; overflow: hidden; } 
.toleft { float: left; }
.toright { float: right; }

.center { text-align: center; }
.right { text-align: right; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.padd { padding: 20px; }

#bg {
    background: url(/img/bg_top.png) no-repeat top center;
/*    min-height: 350px;*/
}   

.content-container {
    width: 1290px;
    padding: 0;
    margin: 0 auto;
}

.content-container.w1248 { width: 1248px; }
.content-container.w1250 { width: 1250px; }
.content-container.topspace17 { margin-top: 17px; }
.content-container.topspace { margin-top: 20px; }




.button {
    display: block;
    float: left;
    padding: 10px 19px;
    font-size: 14px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    border: 3px white solid;
    color: white;
}

.button:hover {
    background: white;
    color: black;
}


.button.small { padding: 5px 12px; margin: 0 3px; }

.button.small { color: #ACAEB5; border-color: #ACAEB5; }
.button.small.current,
.button.small:hover { color: #DE000D; border-color: #DE000D; background: none; }


.button.small {
    float: none;
    display: inline;
}


.vyhra {
    color: #1f8755!important;
}
.prehra {
    color: #cc1f1f!important;
}
.remiza {
    color: #babac4!important;
}


/* COVER
---------------------------------------------------------------------------------------- */

body.cover { min-height: 100%; min-width: 960px; }
.cover_main { min-height: 100%; }
.cover_links { background: #F7F7F7; width: 960px; padding: 8px 0; margin: 0 auto; font-size: 13px; }
.cover_table { width: 960px; margin: -18px auto 0; }

.cover_table table,
.cover_table td { text-align:center;border-collapse: collapse; border: 0; padding: 0; }
.cover_table a,
.cover_table img {}


/* HEADER
---------------------------------------------------------------------------------------- */

#header {
    position: relative;
    /*height: 130px;*/
    padding-top: 10px;
    z-index: 50; 
}

#header a#logo {
    display: block;
    width: 230px; height: 120px;
    position: absolute;
    left: 6px; top: 19px;
    background: url(https://www.astrencin.sk/hadzana/img/hadzana.png) no-repeat;
    z-index: 101; 
}



#header a#logo-text {
    display: block;
    
    position: absolute;
    top: 20px; left: 161px;
    padding-left: 49px;

    color: #b7bcbe;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;  
}

#header a#logo-text span {
    color: #DE000D; 
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif; 
    font-size: 30px;
    display: block;
    line-height: 30px;  
}

#header #header-genpartner {
    position: absolute;
    top: 15px; left: 509px;    
    margin-top:15px;
}

#header #header-genpartner img, #header #header-genpartner span {
    display: block;
    float: left;
}
#header #header-genpartner span {
    padding-top: 13px;
    padding-left: 11px;
    color: #b7bcbe;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;  
    line-height: 13px;
}



#header a#soc-fb,
#header a#soc-tw,
#header a#soc-yt,
#header a#soc-ig,
#header a#soc-gp,
#header a#soc-we,
#header a#header-radio {
    display: block;
    width: 27px; height: 26px;
    position: absolute;
    top: 27px; left: 800px;
    background: url(/img/header_soc.png) no-repeat;
    text-decoration: none;
    opacity: 0.7;
}

#header a#soc-fb { background-position: 0 0; left: 791px; margin-top:15px;}
#header a#soc-tw { background-position: -27px 0; left: 826px; margin-top:15px;}
#header a#soc-yt { background-position: -54px 0; left: 861px; margin-top:15px;}
#header a#soc-ig { background-position: -81px 0; left: 897px; margin-top:15px;}
#header a#soc-gp { background-position: -135px 0; left: 932px; margin-top:15px;}
#header a#soc-we { background-position: -162px 0; left: 964px; margin-top:15px;}
#header a#header-radio { background-position: -108px 0; left: 1007px; margin-top:15px;}
    
#header a#soc-fb:hover { background-position: 0 -26px; opacity: 1; margin-top:15px;}
#header a#soc-tw:hover { background-position: -27px -26px; opacity: 1; margin-top:15px;}
#header a#soc-yt:hover { background-position: -54px -26px; opacity: 1; margin-top:15px;}
#header a#soc-ig:hover { background-position: -81px -26px; opacity: 1; margin-top:15px;}
#header a#soc-gp:hover { background-position: -135px -26px; opacity: 1;margin-top:15px; }
#header a#soc-we:hover { background-position: -162px -26px; opacity: 1; margin-top:15px;}

#header a#header-radio:hover { background-position: -108px -26px; opacity: 1; }  


#header a#header-radio {
    width: auto;
    padding-left: 38px;
}

#header a#header-radio span {
    display: block;
    padding-top: 1px; 
                   
    color: #929a9e;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;  
    line-height: 13px;    
}
#header a#header-radio:hover span {
    color: #aeb4b6;
}

#header #lang-en {
    display: block;
    width: 33px; height: 32px;
    position: absolute;
    right: 60px; top: 15px;
    background: url(/img/header_langs.png) left;
}
#header #lang-nl {
    display: block;
    width: 33px; height: 32px;
    position: absolute;
    right: 20px; top: 15px;
    background: url(/img/header_langs.png) right;
}


#header #header-banners {
    position: absolute;
    right: 20px; top: 10px;        
}
#header #header-banners img {
    height: 56px;
    margin-top:15px;
    margin-left: 15px;
}


#header #tall-banner-left,
#header #tall-banner-right {
    position: absolute;
    left: -125px; top: 130px;   
    width: 120px; height: 600px;
    background: rgba(0,0,0,0.2);
}
#header #tall-banner-right {
    left: auto; right: -125px;   
}
               

/* MENU
---------------------------------------------------------------------------------------- */

#top-menu-container {
    width: 1075px;
    height: 52px;
    margin: 105px 0 0 195px;
    padding: 8px 0 0 0; 
    position: relative;
    z-index: 100; 
    border-top: 1px #DE000D solid;
    color: black;
}      

#top-menu-container ul { 
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    list-style: none;
}

#top-menu-container ul li.menu-item:first-child {
    margin-left: 18px;  
}

#top-menu-container ul li.menu-item {
    display: block; 
    float: left; 
    height: 52px; 
    margin: 0; 
    margin-left: 20px;
    padding: 0;
/*    position: relative;*/
}                 
#top-menu-container ul li.menu-item:hover {
    border-bottom: 4px #DE000D solid;
    height: 48px;
}

#top-menu-container ul li.menu-item a {
    color: black; 
    cursor: pointer; 
    display: block;
    float: left; 
    height: 48px; 
    line-height: 48px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif; 
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;           
    text-transform: uppercase;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}


#top-menu-container ul li.menu-item div.submenu {
    width: 1290px;
    height: 180px;
    display: none;
    position: absolute;
    left: -195px; top: 52px;
    background: white;
    box-shadow: 0 0 7px rgba(0,0,0,0.4);
    clip: rect(0px, 1400px, 1400px, -1400px);    
}

.no-js #top-menu-container ul li.menu-item:hover div.submenu {
    display: block;    
}

/*#top-menu-container ul li.menu-item div.twocolumns { width: 450px; }*/
#top-menu-container ul li.menu-item div.submenu ol { float: left; min-width: 220px; height: 172px; border-right: 1px solid #EFF0F2; }
                                                                                
#top-menu-container ul li.menu-item div.submenu h2 {
    margin: 0;
    float: left;
    width: 380px;
    height: 180px; line-height: 180px;
    border-right: 1px solid #EFF0F2;
    text-transform: uppercase;
}

#top-menu-container ul li.menu-item div.submenu ol {
    margin: 0;
    padding: 0;
    padding-top: 4px;
    padding-bottom: 4px;    
    overflow: hidden; 
    list-style: none;   
}

/*.js #top-menu-container ul li.menu-item div ol {
    display: block;
    height: 0; 
    padding: 0;
}  */    
         
#top-menu-container ul li.menu-item div.submenu ol li {
    display: block; 
    float: none;  
    margin: 0;
    padding: 0;
    height: auto; width: 100%; 
    line-height: 35px; 
    white-space: nowrap; 
}
                                                                

#top-menu-container ul li.menu-item div.submenu ol li a {
    padding: 0px 25px 0 20px;
    line-height: 35px;
    height: auto; 
    float: none;
    text-align: left;   
    font-size: 14px;
}

#top-menu-container ul li.menu-item div.submenu ol li a:hover { background: #DE000D; color: white; }



/* TOPSTORY
---------------------------------------------------------------------------------------- */
   
#topstory {
    height: 530px; 
    z-index: 10;
    margin-bottom: 20px;   
}
     
#topstory-box {
    width: 852px; height: 530px;  
    float: left; 
    position: relative;   
}

#topstory-box-tabs {
    z-index: 4;
    position: absolute;
    bottom: 90px; right: 30px;
    width: 160px; height: 2px;
}

#topstory-box-tabs a { 
    display: block; 
    float: left; 
    width: 40px; height: 2px;
    color: rgba(0,0,0,0); 
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    text-indent: 80px;
    background: white;
    opacity: 0.25;
}
#topstory-box-tabs a.current { 
    opacity: 1;
}


.article-header {
    width: 852px; height: 530px; 
    position: relative;
    overflow: hidden; 
    z-index: 2; 
    background: #42444D;   
}
.article-header img {
    width: 100%;
}


#topstory-box .pane.article-header {
    position: absolute;
    left: 0; top: 0;
}

.article-header.current {
    z-index: 3;
}

.article-header .overlay-bg {
    width: 852px; height: 530px;
    position: absolute;
    left: 0px; top: 0px;
    background: url(/img/topstory_overlay.png) repeat-x;
}

.article-header .overlay {
    position: absolute;
    left: 0px; bottom: 0px; 
    padding: 0 40px 40px 40px;
    color: white;                      
}


.article-header .overlay .category {
    display: block;
    float: left;
    padding: 8px 10px 7px;
    text-align: center;
    min-width: 55px;
    margin-bottom: 19px;   
    
    color: white;
    background: #DE000D;
    line-height: 1.2em;
    font-size: 12px;
    font-weight: bold;  
    text-transform: uppercase;
}
.article-header .overlay .date {
    display: block;
    float: left;
    padding: 8px 12px 7px;
    text-align: center;
    min-width: 55px;
    margin-bottom: 19px;   
    
    color: black;
    background: white;
    line-height: 1.2em;
    font-size: 12px;
    font-weight: bold;
}



.article-header .overlay h1 {
    margin-left: -4px;   
    margin-bottom: 16px;   
    margin-top: 0;   
    clear: left;
    line-height: 1.4em;
}

.article-header .overlay h1 a,
.article-header .overlay h1 span {
    color: white; 
    font-size: 40px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.article-header .overlay h1 a:hover {
    text-decoration: underline;
}


#topstory-box .arrow {
    z-index: 4;
    display: block;
    width: 50px; height: 44px;
    position: absolute;
    bottom: 40px;
    background: url(/img/topstory_arrows.png) left top;  
    
    line-height: 45px;
    text-indent: 17px;
    color: white;
    font-size: 14px;
    font-weight: bold;   
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    text-decoration: none;
    text-transform: uppercase;  
}

#topstory-box .backward { right: 140px; background-position: left top; }
#topstory-box .backward:hover { background-position: left bottom; }

#topstory-box .forward { width: 110px; right: 30px; background-position: right top; }
#topstory-box .forward:hover { background-position: right bottom; }




#topstory-banner {
    width: 438px; height: 530px;
    float: left; 
    position: relative;
}

#topstory-banner .pane {
    width: 438px; height: 530px;
    position: absolute;
    left: 0; top: 0;
    z-index: 2; 
    background: #42444D;  
}

#topstory-banner .pane.current { z-index: 3; }

#topstory-banner .pane a.overlay {
    position: absolute;
    left: 0px; bottom: 0px;
    width: 438px; height: 530px;
    z-index: 3; 
}

#topstory-banner .pane div.overlay {
    position: absolute;
    left: 0px; bottom: 0px; 
    padding: 0 40px 40px 40px;
    color: white;   
    z-index: 2;                    
}

#topstory-banner .pane div.overlay h1,
#topstory-banner .pane div.overlay h2 {
    margin-left: -4px;   
    margin-bottom: 6px;   
    margin-top: 0;  
    line-height: 1.3em;  
}
#topstory-banner .pane div.overlay h2 {
    margin-left: -1px; 
    margin-bottom: 23px;    
}

#topstory-banner .pane div.overlay h1 a ,
#topstory-banner .pane div.overlay h2 a {
    color: white; 
    font-size: 50px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#topstory-banner .pane div.overlay h2 a {
    font-size: 24px;
    font-family: "Campton Book", "Arial", "Helvetica", sans-serif;
}


#topstory-banner-tabs {
    position: absolute;
    top: 20px; right: 10px;
    z-index: 4;
}

#topstory-banner-tabs a {
    display: block;
    float: left;
    padding: 8px 15px 9px;
    margin-right: 10px;
    
    color: black;
    background: white;
    font-size: 18px;
    font-weight: bold;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    text-decoration: none;
}

#topstory-banner-tabs a.current,
#topstory-banner-tabs a:hover {
    color: white;
    background: #DE000D;    
}




/* MATCHES TABS
---------------------------------------------------------------------------------------- */

#matches-all { 
    display: block;
    float: right;
    margin-top: -40px;
    text-align: right;
}
#matches-all a{
    color: #DE000D;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 10px;
}
    


#matches-tabs {
    height: 47px;
    border-bottom: 3px #DE000D solid;
}

#matches-tabs a {
    display: block;
    float: left;
    
	height: 44px;
	padding: 0 10px;
    padding-top: 3px;
    margin-right: 6px;
    line-height: 47px;

    color: white;
    background: #ACAEB5;
    
    font-size: 16px;
    font-weight: bold;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}     

#matches-tabs a:hover,
#matches-tabs a.current {
    background: #DE000D;
}

#matches-panes {
    border-bottom: 3px #CED0D8 solid;
    width: 1250px;
    height: 215px;
    position: relative;
}

#matches-panes .pane {
    width: 1250px;
    height: 215px; 
    overflow: hidden;
}
.no-js #matches-panes .pane { display: none; }
.no-js #matches-panes .pane:first-child { display: block; }



#matches-panes .scrollable {
    position: relative;
    overflow: hidden;
    width: 1250px;
    height: 215px;
    background: white;
    z-index: 5;

}

#matches-panes .scrollable .items {
     width:20000em;
  position:absolute;
}

#matches-panes .scrollable .items .item {
    width: 416px;
    height: 215px;
    float: left;   
    background: white; 
}

#matches-panes  a.browse {
    display: block;
    width: 40px; height: 40px;
    position: absolute;
    top: 80px;
    border: 5px #E7EBED solid;
    background-image: url(/img/matches_arrows.png); 
    background-color: #E7EBED ;
    z-index: 10; 
    cursor: pointer;
}
#matches-panes a.browse.next{
    right: 0;
    background-position: top right;
}
#matches-panes a.browse.prev:hover{
    background-position: bottom left;
}
#matches-panes a.browse.next:hover{
    background-position: bottom right;
}
#matches-panes  a.browse span {display: none;}



.match {
    
}

#matches-panes .match {
   
}

.match.odd {
    background: #F5F7F8 !important;
}

.match .logo { 
    float: left;
    width: 32%;
    padding-top: 22px;
}

.match .logo.first { text-align: right; }
.match .logo.second { text-align: left; }

.match .score {  
    float: left;
    width: 36%;
    padding-top: 30px;
    text-align: center;
} 
.match .score a,
.match .score strong {
    display: block;
    color: #DE000D; 
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif; 
    font-size: 32px;
    line-height: 1.1em;
    text-decoration: none; 
    font-weight: bold;   
} 
.match .score span { 
    font-size: 13px;
    color: #888;
    text-transform: uppercase;
    line-height: 1.7em;
}

.match .round {
    clear: left;
    padding-top: 8px;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;  
}

.match .teams {
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}

.match .buttons {
    text-align: center;
    margin-top: 26px;
    padding-bottom: 26px;
}                    



/* NEWS TABS
---------------------------------------------------------------------------------------- */

a#news-all { 
    display: block;
    float: right;
    color: #42444d;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    
    margin-right: 4px;
    margin-top: -20px;
}

h2#news-title { 
    display: block;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    
    height: 30px;
    line-height: 30px;
    margin-top: -30px;
    margin-bottom: 0;
    margin-left: 1px;



}

h2#news-title a{
    display: block;
    color: white;
    background: #DE000D;
    border-color: #DE000D;    
    line-height: 19px;
    padding: 5px 19px 5px 19px;

   margin-top: -3px; 
    
}
h2#news-title a:hover{
    border-color: #ACAEB5;    
    color: #ACAEB5;
    background: transparent;
}




#news-tabs {
    height: 25px;
    padding-left: 215px;  
    margin-top: 47px;
} 

#news-panes {
    margin-top: 13px;    
    margin-bottom: 20px;    
}

#news-panes .pane {
    margin-left: 1px;
    width: 1248px;
    height: 360px;
    background: white;
}

#news-panes .pane .item {
    float: left;
    width: 312px; height: 360px;
    background: white;
    overflow: hidden;
}

#news-panes .pane .item.odd { background: #EAEBEE; }

#news-panes .pane .item .img { display: block; height: 194px; overflow: hidden; }
#news-panes .pane .item img { display: block; }

#news-panes .pane .item .category {     
    display: block;   
    float: left;
    position: relative;
    margin-top: -30px; 
    margin-bottom: 16px;
    padding: 8px 10px 7px;
    text-align: center;
    min-width: 55px;
    
    color: white;
    background: #DE000D;
    line-height: 15px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
#news-panes .pane .item .date {
    display: block;
    float: left;
    position: relative;
    margin-top: -30px; 
    padding: 8px 12px 7px;   
    text-align: center;
    min-width: 55px; 
    
    color: black;
    background: #CED0D8;
    line-height: 15px;
    font-size: 12px;
    font-weight: bold;
}

#news-panes .pane .item h2 {
    clear: left;
    padding: 8px 20px;
    margin: 0;
    line-height: 1.15em;
}
#news-panes .pane .item h2 a {
    font-size: 20px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#news-panes .pane .item h2 a:hover {
    text-decoration: underline;
}

#news-panes .pane .item p {
    clear: left;
    padding: 0 20px;
    margin: 0;
    line-height: 1.4em;
}


/* PROMO
---------------------------------------------------------------------------------------- */
#promo {
    background: white;
    height: 120px;
}


/* VIDEOS
---------------------------------------------------------------------------------------- */

#videos {
    background: white;
    height: 155px;
}

#videos .item {
    width: 250px; height: 155px;
    position: relative;   
    overflow: hidden;
    float: left;
}

#videos .item a.overlay {
    z-index: 4;
    width: 250px; height: 155px;
    position: absolute;
    left: 0px; top: 0px;
    background: url(/img/index_video_overlay.png) no-repeat;
}

#videos .item .category {
    display: block;   
    z-index: 5;
    position: absolute;
    left: 0; top: 0;
    padding: 8px 10px 7px;
    text-align: center;
    min-width: 55px;
    
    color: white;
    background: #DE000D;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;    
}

#videos .item h2 {
    display: block;   
    z-index: 5;
    position: absolute;
    left: 0; bottom: 0;
    margin: 12px 16px;
    line-height: 0.9em;
}
#videos .item h2 a {    
    color: white; 
    font-size: 16px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
#videos .item h2 a:hover {
    text-decoration: underline;
}




/* TABLES BOX
---------------------------------------------------------------------------------------- */

#tables {
    margin-top: 26px;
}

#tables .item {
    float: left;
    width: 415px;
    background: white;
    height: 510px;
    overflow: hidden;
}

#tables .item.tables-fb { width: 418px; }

#tables .item .header {
    height: 56px;
    line-height: 56px;
    padding-top: 4px;
    padding-left: 25px;
    background: #DE000D;
    
    color: white; 
    font-size: 24px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#tables .item.tables-fb .header { background: #3B5999; }
#tables .item.tables-tw .header { background: #1E88B5; }


#tables .item.tables-fb .border {
    width: 392px; height: 430px;
    padding: 20px 12px 0;
    border-left: 1px #EFF0F2 solid;
    border-right: 1px #EFF0F2 solid;
}

#tables .item.tables-tw .padd {
    padding: 8px 20px;    
}


.tables-table table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin-top: 11px;
}

.tables-table table th,
.tables-table table td {
    padding: 7px 7px 6px;
    text-align: left;
}


.tables-table table .poradi { padding-left: 25px; width: 23px; }
.tables-table table .body { width: 60px; }

.tables-table table tr { border-bottom: 1px #EEEEF1 solid; }
.tables-table table tr.vysvitit { background: #F8F8F9; padding-bottom: 6px; }
table tr.TRE { color: #de000d; font-weight: bold; }

.tables-table a {
    color: #de000d;  
    font-size: 12px;
    font-weight: bold;    
    text-transform: uppercase;
    margin-left: 30px;
}



/* BOTTOM-BANNERS
---------------------------------------------------------------------------------------- */

#bottom-banners {
    background: white;
    height: 240px;
}

#bottom-banners .item {
    float: left;
    width: 312px; height: 240px;
    position: relative;
    overflow: hidden;
}

#bottom-banners .item a.overlay {
    position: absolute;
    left: 0px; top: 0px; 
    width: 312px; height: 240px;
    z-index: 5;                    
}

#bottom-banners .item div.overlay {
    position: absolute;
    left: 0px; bottom: 0px; 
    padding: 0 31px 28px 31px;
    color: white;  
    z-index: 4;                     
}

#bottom-banners .item .overlay h1,
#bottom-banners .item .overlay h2 {
    margin-left: -2px;   
    margin-bottom: 0px;   
    margin-top: 0;  
    line-height: 1em;  
}
#bottom-banners .item .overlay h2 {
    margin-left: 0; 
    margin-bottom: 13px;    
}

#bottom-banners .item .overlay h1 a ,
#bottom-banners .item .overlay h2 a {
    color: white; 
    font-size: 29px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#bottom-banners .item .overlay h2 a {
    font-size: 14px;
    font-family: "Campton Book", "Arial", "Helvetica", sans-serif;
}



/* BOTTOM-PARTNERS
---------------------------------------------------------------------------------------- */

#bottom-partners .border {
    padding: 15px 0 30px;
    border: 5px #DADBE3 solid;
    background: white;
    text-align: center;
}

#bottom-partners .border .sep {
    padding: 50px 3px;
/*    display: inline-block;*/
    width: 40px; height: 130px;
    background: url(/img/bottom_partner_sep.png) no-repeat center center;
}

#bottom-partners .border img {
    vertical-align: middle; 
}



/* FOOTER-MENU
---------------------------------------------------------------------------------------- */

#footer-menu {
    margin-top: 40px;
}

#footer-menu ul, #footer-menu ol, #footer-menu li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

#footer-menu ul li.menu-item {
    float: left;
    width: 212px;
    padding-left: 38px;
}

#footer-menu ul li.menu-item strong {
    display: block;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif; 
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#footer-menu ul li.menu-item ol li {
    margin-top: 14px;
    margin-left: 7px;
    padding-left: 25px;
    background: url(/img/li.png) no-repeat 0 4px;
}

#footer-menu ul li.menu-item ol li a {
    color: #de000d;
    font-size: 13px;
}



/* FOOTER
---------------------------------------------------------------------------------------- */

#copyright {
    border-top: 3px #CED0D8 solid;
    margin-top: 45px;
}

#copyright .padd {
    font-size: 13px;
    line-height: 100px;
    padding-left: 25px;
    padding-right: 30px;  
}

#copyright .tellinger {
    float: right;
}

#copyright .tellinger span {
    display: inline-block;
    position: relative;
    top: 0.35em;
    width: 29px;
    height: 15px;
    margin: 0 5px;
    background: url(/img/tellinger.png) no-repeat 0 0;
}





/* PAGE
---------------------------------------------------------------------------------------- */

#page {
    background: url(/img/page_bg.png) repeat-y;
    border-bottom: 10px #DEDFE3 solid;
}

#page .text-left {
    float: left;
    width: 852px;
    position: relative;
    
    font-size: 16px;
    line-height: 1.4em;
    
    border-top: 10px #DEDFE3 solid;
}


#page .text-left .padd {
    padding: 39px 37px 39px 47px;    
}

#page .text-left h1.header {
    line-height: 1em;
    font-size: 40px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    
    margin: 0;
    padding: 0;
    
    margin-left: -7px;
    margin-right: -7px;
    
    padding-left: 6px;
    
    margin-bottom: 23px;
    padding-bottom: 28px;
    border-bottom: 1px #DBDDE3 solid;
}



#page .text-left .perex {
    font-size: 18px;
    line-height: 1.4em;
    font-family: "Campton Book", "Arial", "Helvetica", sans-serif;   
    margin-bottom: 1.5em;
}  
#page .text-left .text {
    line-height: 26px;    
}     
#page .text-left .text img{
	max-width: 100%;
}
#page .text-left p {
    line-height: 26px;
    margin: 0;
    margin-bottom: 1em;
}  
#page .text-left p.space {
    margin-bottom: 1.5em;
} 

#page .text-left h1,
#page .text-left h2,
#page .text-left h3 {
    color: #141B12; 
    font-size: 28px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    
    margin: 1.5em 0 0.6em -2px;  
}

#page .text-left h2 {
    color: #DE000D; 
    font-size: 24px;
}
#page .text-left h3 {
    color: #DE000D; 
    font-size: 18px;
}

#page .text-left ul,
#page .text-left li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
#page .text-left ul {
    margin-bottom: 1.5em;
}

#page .text-left ul li {
    list-style: none;
    margin-bottom: 8px;
    margin-left: 2px;
    padding-left: 28px;
    background: url(/img/li_red.png) no-repeat 0 6px;
}

#page .text-left blockquote {
    text-align: center;
    font-style: italic;
    color: #8B8E97;
    margin: 2em;
}

#page .text-left hr {
    border: none;
    border-bottom: 1px #DBDDE3 solid;
    margin: 23px 0;
}


.nicetables table,
#page .text-left table.nice {
    width: 100%;
    border-collapse: collapse;
    border: none;
    font-size: 15px;
}

.nicetables table .item,
#page .text-left table.nice .item { 
    width: 33%;
}

.nicetables table th a, 
#page .text-left table.nice th a { color: #DE000D; text-decoration: none; }
.nicetables table th a:hover,
#page .text-left table.nice th a:hover { text-decoration: underline; }

.nicetables table td, 
#page .text-left table.nice td { padding: 5px 7px; text-align: left; }
.nicetables table th,
#page .text-left table.nice th { padding: 5px 7px; text-align: left; }

#page .text-left table.nice .center { text-align: center; }
#page .text-left table.nice .right { text-align: right; }

.nicetables table tr,
#page .text-left table.nice tr { border-bottom: 1px #EEEEF1 solid; }
.nicetables table tr:nth-child(even) td,
#page .text-left table.nice tr:nth-child(even) td { background: #F8F8F9; }

.nicetables table tr:hover td,
#page .text-left table.nice tr:hover td { background: #EFF0F4; }
.nicetables table tr.pointer,
#page .text-left table.nice tr.pointer { cursor: pointer; }



#page .text-left table#soupiska td.jmeno { font-weight: bold; }

/* MENICKO */
#page .text-left .menicko {                  
    background:#EDF0F0; 
    padding: 20px; 
    margin: 10px 0px 15px 0px; 
    color: #333333;
    font-size: 15px;
}
#page .text-left .menicko a.True { font-weight: bold; }


/* --- PLAYER --- */

#page .text-left #player_card { margin-bottom: 1em; }
#page .text-left #player_card h2 { line-height: 1.2em; font-size: 36px; margin-top: 0; }
#page .text-left #player_card h2 span { display: block; font-size: 28px; }
#page .text-left #player_card #player_foto { float: right; width: 260px; }
#page .text-left #player_card #player_foto img { width: 260px; }
#page .text-left #player_card #player_bio { width: 480px; }





/* --- FORUM --- */

fieldset {
    border: 1px #DBDDE3 solid;
    margin-top: -10px;  
}
fieldset legend { padding: 10px 15px; }   
.forum_box { margin-bottom: 10px; }

#forum #df_form { margin: auto; padding-bottom: 0; padding-top: 0; }
#forum #df_form .border { border: 1px solid #d6ebf7; }
#forum #df_form #smiles { padding: 0 0 5px 10px; }
#forum #df_form #smiles a { cursor: pointer; }
#forum #df_form #form_left { width: 100%; margin: auto; }      
#forum #df_form #form_left textarea { height: 100px; width: 100%; max-width: 100%; padding: 8px; box-sizing: border-box; border: 1px #DDDDDD solid; }
#forum #df_form #form_right { padding-top: 10px; width: 100%; }
#forum #df_form #form_right table { margin: 0; width: 100%; }
#forum #df_form #form_right table tr th,
#forum #df_form #form_right table tr td { padding: 0; vertical-align: middle; text-align: left; padding-left: 20px; } 
#forum #df_form #form_right table tr th label { cursor: pointer; font-size: 14px; font-weight: normal; }
#forum #df_form #form_right input { width: 190px; padding: 8px; border: 1px #DDDDDD solid; font-size: 12px; }  
#forum #df_form #form_right input[type="submit"] { 
    display: block; 
    width: auto;
    padding: 5px 10px 4px;
    font-size: 14px;
    color: #ACAEB5;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    text-transform: uppercase;
    background: white; 
    border: 3px #ACAEB5 solid; 
    outline: none;
}
#forum #df_form #form_right input[type="submit"]:hover { border-color: #DE000D; color: #DE000D; }
#forum #df_form #form_right input[type="checkbox"] { padding: 4px; width: 20px; height: 20px; vertical-align: middle; margin-left: -5px; }
#forum .small { font-size: 12px; }
#forum #df_form #form_right .small { font-size: 12px; padding-right: 15px; }

#forum #coments .space { height: 0px; }
#forum #coments .clear { height: 0px; }
#forum #coments .comment { padding: 0; }
#forum #coments .comment .comment_right { float: right; padding: 0; width: 100%; }
#forum #coments .comment .comment_right .space { height: 0; }
#forum #coments .comment .comment_right a.mail span { display: none; }
#forum #coments .comment .comment_right .comment_head { background: #eee; border: 1px solid #cecece; border-bottom: 0; padding: 3px 3px; }
#forum #coments .comment .comment_right .comment_head img.border {  border: 1px solid #cecece; margin-right: 10px; }
#forum #coments .comment .comment_right .comment_head a span { display: none; }
#forum #coments .comment .comment_right .comment_head .space { display: block;height: 10px; }
#forum #coments .comment .comment_right .comment_head .toright { margin-right: 5px; font-size: 12px;  }
#forum #coments .comment .comment_right .comment_head a.reply { padding-left: 15px; background: url(/img/reply.png) no-repeat 0 4px; margin: 0 5px; }
#forum #coments .comment .comment_right .comment_text { border: 1px solid #DEDEDE; margin-bottom: 10px; padding: 8px 8px 15px 8px; }
#forum #coments .comment .comment_right .comment_text .comment_text_reaction { border-bottom: 5px solid #DEDEDE; color: #7C7A7C; font-size: 0.9em; line-height: 1.6em; margin-bottom: 5px; padding: 0 0 5px 0; }
#forum #coments .comment .comment_right .comment_text .comment_text_reaction a { cursor: pointer; }
#forum #coments .comment .comment_right .comment_text .comment_text_reaction a { cursor: pointer; }

.strankovani,
#forum .strankovani_box {margin: 20px 0px 20px 0px; text-align: center; line-height: 2em; }

.strankovani a,
#forum .strankovani_box a.strankovani {
    background:#EBEBEB;
    color:#000000;
    border: 1px solid #DEDEDE;
    margin-left: -1px;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
}
.strankovani a:hover,
#forum .strankovani_box a.strankovani:hover {
    background:#DEDEDE;
    color:#000000; 
    text-decoration: underline;
}
.strankovani a.strankovaniVyrazne,
#forum .strankovani_box a.strankovaniVyrazne {
    background:#DE000D; 
    color: #ffffff;
    margin-left: -1px;
    padding: 2px 7px 1px 7px;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #DE000D;
}


/* --- ARCHIV --- */

#archiv { width: 100%; }
#archiv .archiv {  }
#archiv .archiv tr td { padding-bottom: 10px; }
#archiv h1 { clear: right; font-size:1.2em; padding-top: 10px; }
#archiv #box { width: 100%;box-sizing:border-box; margin: auto; border: 1px solid #D3D3D3; background: #FFFFFF; padding: 8px; margin-bottom: 10px; clear: both; }
#archiv #box2 { width: 100%; margin: auto; float: none;clear: none; }
#archiv .boxMaly { width: 40%; height: 20px; margin-bottom: 30px; display: block; background: #FFFFFF; padding: 3px; margin-top: 3px; }
#archiv .boxKde { display: block;  float: right; padding: 3px; }
#archiv table.boxy { margin: 0px 0px 3px 0px; }
#archiv td.boxy { width: 80px; height: 18px; text-align: center; margin: 0px; padding: 4px 0; }
#archiv td.boxyVelke { width: 130px; }
#archiv td.boxy a { display: block; padding: 4px; background: #E6E6E6; color: #000000; border: 1px solid #D3D3D3; border-right: none; font-weight: normal; text-decoration: none; }
#archiv td.boxy a.zvyrazneni { background: #DE000D; color:white; }
#archiv td.boxyVpravo a { border-right: 1px solid #D3D3D3; }
#archiv td.boxy a:hover { background: #DEDEDE; color:#000000; text-decoration: underline; }
#archiv td.datum { vertical-align: top; text-align: right; }
#archiv td.nadpis_anotace { padding-right: 15px; text-align: justify; background: none; }
#archiv input { padding: 8px; border: 1px #DDDDDD solid; font-size: 12px; }
#archiv form { margin-bottom: 0px; }
#archiv form select { margin: 0px; font-size: 14px; padding: 8px; border: 1px #DDDDDD solid; float: right; }
#archiv form select option {  }
#archiv input.formBcg { background: #eeeeee; border: 0px; }
#archiv .highlight { background: #950808; color:#ffffff; }
#archiv .tema { display: block; color: #808080; font-style: italic; font-size: 12px; }
#archiv .anotace { display: block; background: transparent;  background-image: none;  color:#000000; min-height: 0px; }
#archiv .nadpis { display: block; font-weight: bold; }
#archiv .error { display: block; margin-top: 10px; color: #ff0000; text-align: center; font-weight: bold; clear: both; }
#archiv .podpis  {color: #808080; font-size: 11px; }
#archiv input[type="submit"] { 
    width: auto;
    padding: 5px 10px 4px;
    font-size: 14px;
    color: #ACAEB5;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    text-transform: uppercase;
    background: white; 
    border: 3px #ACAEB5 solid; 
    outline: none;
}
#archiv input[type="submit"]:hover { border-color: #DE000D; color: #DE000D; }


/* Fotogalerie
---------------------------------------------------------------------------------------- */

a.esgallery-open { display: table-cell; display: inline-block; width: 188px; height: 120px; margin: 3px 3px 0 -2px; background-size: cover; border: 2px white solid; }
a.esgallery-open:hover { border-color: #808080; }
a.esgallery-open span { display: none; }

a.pirobox_gall { display: table-cell; display: inline-block; width: 188px; height: 120px; margin: 3px 3px 0 -2px; background-size: cover; border: 2px white solid; }
a.pirobox_gall:hover { border-color: #808080; }
a.pirobox_gall span { display: none; }

/* --- OFF-LINE --- */

#offline .offline_header { padding: 15px 20px 0; }
#offline .offline_header .toright { font-size: 12px; }
#offline .offline_text { padding: 0 20px 15px; }

#offline > div:nth-child(4n-3) { background: #F8F8F9; border-top: 1px solid #D3D3D3; }
#offline > div:nth-child(4n-2) { background: #F8F8F9; border-bottom: 1px solid #D3D3D3; }
/*#offline div:nth-of-type(4n-3) { background: red; }*/
/*#offline div:nth-of-type(4n) { background: red; }*/



/* --- VIDEO-ARCHIV --- */
.audio table { width: 100%; border: none; }
.audio td { height: 22px; padding: 5px; }

.audio tr.nadpis td { background: #F8F8F9; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; text-align: left; }
.audio tr.nadpis .prehrat { float: right; }

.audio tr td.komentar { text-align: justify; vertical-align: top; width: 53%; padding-top: 10px; }
.audio .nadpis a { }
.audio .nadpis em { font-size: 80%; padding-right: 10px; font-style: normal; }



/* --- VYPIS CLANKU / MLADEZ --- */

#article_list .item { clear: both; }

#article_list .item .img { display: block; height: 194px; overflow: hidden; float: left; margin: 0 20px 20px 0; }
#article_list .item img { display: block; }

#article_list .item h2 { margin-bottom: 4px; }

#article_list .item h2 a {
    text-decoration: none;
    line-height: 1.1em;
}

#article_list .item .category {     
    display: block;   
    float: left;
    position: relative;
    margin-top: -30px; 
    margin-bottom: 16px;
    padding: 8px 10px 7px;
    text-align: center;
    min-width: 55px;
    
    color: white;
    background: #DE000D;
    line-height: 15px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
#article_list .item .date {
    display: block;
    float: left;
    position: relative;
    margin-top: -30px; 
    padding: 8px 12px 7px;   
    text-align: center;
    min-width: 55px; 
    
    color: black;
    background: #CED0D8;
    line-height: 15px;
    font-size: 12px;
    font-weight: bold;
}


/* --- ARTICLE --- */

#page .text-left.article {
    border-top: none;
}

#page .text-left.article .padd {
    padding: 39px 64px 39px 163px;     
}

#page .text-left .article-header {
    border-bottom: 10px #DEDFE3 solid;
}
#page .text-left .article-header .overlay h1 {
    line-height: 1.3em; 
    margin-bottom: 0;
}


/* SHARE */   
#page .text-left.article .socmedia {
    position: absolute;
    left: 64px; top: 584px;
} 
#page .text-left.article .socmedia iframe {
    display: block;
    margin-bottom: 15px;
}



#page .text-left.article hr {
    margin-right: -7px;
}

#page .text-left .share {
    border-top: 1px #DBDDE3 solid; 
    margin-right: -17px;
    margin-top: 40px;
    padding-top: 40px; 
    height: 40px;
}
#page .text-left .share strong {
    float: left;
    display: block;
    height: 40px;
    line-height: 40px; 
        
    color: #DE000D; 
    font-size: 20px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    text-transform: uppercase; 
    padding-left: 6px; 
    margin-right: 35px; 
}
#page .text-left .share a {
    float: left;
    display: block;  
    width: 40px; height: 40px;
    background: url(/img/share_icons.png) no-repeat;
    opacity: 0.9;  
    margin-left: 20px;  
}    

#page .text-left .share a.fb { background-position: left; }
#page .text-left .share a.tw { background-position: right; }

#page .text-left .share a:hover { opacity: 1; }


/* FORMS
---------------------------------------------------------------------------------------- */
#page .text-left  .form-group{
    padding-bottom: 15px;
}
#page .text-left  .form-group .control-label{
    display: block;
    box-sizing: border-box;
    float: left;
    width: 30%;
    text-align: right;
    font-weight: bold;
    padding-top: 10px;


}


#page .text-left .form-group .form-item-holder{
    display: block;
    box-sizing: border-box;
    float: right;
    width: 65%;

}

#page .text-left .form-group .form-item-holder input {
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    border: 1px solid #DEDFE3;
    border-radius: 5px;
    color: black;
    width: 70%;
}

#page .text-left .form-group .form-item-holder select {
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    border: 1px solid #DEDFE3;
    border-radius: 5px;
    color: black;
    width: 200px;
}

#page .text-left .form-group .form-item-holder textarea {
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    border: 1px solid #DEDFE3;
    border-radius: 5px;
    color: black;
    width: 70%;
}


#page .text-left .form-group .form-item-holder .button {
    background: #DE000D;
    
}



/* COL-RIGHT
---------------------------------------------------------------------------------------- */

#page .col-right {
    float: right;
    width: 418px;
    padding: 0 10px 20px 10px;
    
    border-top: 10px #DEDFE3 solid;
}


.box .header {
    font-size: 24px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    text-transform: uppercase;    
    padding: 13px 30px 13px 30px;
    margin: 13px 0 0 0;
}

.box.links a {
    display: block;
    padding: 10px 30px 10px 60px;
    border-bottom: 1px #DBDDE3 solid;
    
    color: #141B12;
    font-size: 15px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;   
    
    background: url(/img/li_red.png) no-repeat 30px center; 
}

.box.links a.bold {
    color: #DE000D;
}

.box.links a:hover {
    text-decoration: underline;
}

.box.submenu ol {
    margin: 0;
    padding: 0;
}
.box.submenu ol li{
    margin: 0;
    padding: 0;
    list-style: none;
}
.box.submenu ol li a {
    display: block;
    padding: 10px 30px 10px 60px;
    border-bottom: 1px #DBDDE3 solid;
    
    color: #141B12;
    font-size: 15px;
    font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;   
    
    background: url(/img/li_red.png) no-repeat 30px center; 
}

.box.submenu ol li  a.bold {
    color: #DE000D;
}

.box.submenu ol li  a:hover {
    text-decoration: underline;
}


.box.matches .match {
    border-bottom: 1px #E6E7EA solid;
}

.box.tables-table {
    padding-bottom: 1em;
}

.box.tables-fb .header {
    background: #3B5999;
    color: white;
}

.size20x20 {width: 20px; height: 20px; ...}

.fotoSoupiska {max-width:767px;}


#zapasVypis .score a {
	font-weight: bold;
    font-size: 24px;
    text-decoration: none;
}

#zapasVypis .logos {
	text-align: center!important;
}

#zapasVypis .logos img {
	padding: 0 4px;
}


.tabStats .zkratka_krestni {
	display: none;
}

.right-mobile-menu{display: none;}
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.button {
	display: block;
	float: left;
	padding: 10px 19px;
	font-size: 14px;
	font-family: 'Kanit', sans-serif !important;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border: 3px white solid;
	color: white;
}
#header a#logo-text span {
	color: #DE000D;
	font-family: 'Kanit', sans-serif !important;
	font-size: 30px;
	display: block;
	line-height: 30px;
}
#top-menu-container ul li.menu-item a {
	color: black;
	cursor: pointer;
	display: block;
	float: left;
	height: 48px;
	line-height: 48px;
	font-family: 'Kanit', sans-serif !important;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.article-header .overlay h1 a,
.article-header .overlay h1 span {
	color: white;
	font-size: 40px;
	font-family: 'Kanit', sans-serif !important;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#topstory-box .arrow {
	z-index: 4;
	display: block;
	width: 50px; height: 44px;
	position: absolute;
	bottom: 40px;
	background: url(/img/topstory_arrows.png) left top;

	line-height: 45px;
	text-indent: 17px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Kanit', sans-serif !important;
	text-decoration: none;
	text-transform: uppercase;
}
#topstory-box .arrow.forward {
	width: 110px;
	background-position: right bottom;
}
#topstory-banner .pane div.overlay h1 a ,
#topstory-banner .pane div.overlay h2 a {
	color: white;
	font-size: 50px;
	font-family: 'Kanit', sans-serif !important;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#topstory-banner .pane div.overlay h2 a {
	font-size: 24px;
	font-family: 'Kanit', sans-serif !important;
}
#topstory-banner-tabs a {
	display: block;
	float: left;
	padding: 8px 15px 9px;
	margin-right: 10px;

	color: black;
	background: white;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Kanit', sans-serif !important;
	text-decoration: none;
}
#matches-tabs a {
	display: block;
	float: left;

	width: 140px; height: 44px;
	padding-top: 3px;
	margin-right: 6px;
	line-height: 47px;

	color: white;
	background: #ACAEB5;

	font-size: 16px;
	font-weight: bold;
	font-family: 'Kanit', sans-serif !important;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.match .score a,
.match .score strong {
	display: block;
	color: #DE000D;
	font-family: 'Kanit', sans-serif !important;
	font-size: 32px;
	line-height: 1.1em;
	text-decoration: none;
	font-weight: bold;
}
#news-panes .pane .item h2 a {
	font-size: 20px;
	font-family: 'Kanit', sans-serif !important;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#videos .item h2 a {
	color: white;
	font-size: 16px;
	font-family: 'Kanit', sans-serif !important;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#tables .item .header {
	height: 56px;
	line-height: 56px;
	padding-top: 4px;
	padding-left: 25px;
	background: #DE000D;

	color: white;
	font-size: 24px;
	font-family: 'Kanit', sans-serif !important;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#bottom-banners .item .overlay h1 a ,
#bottom-banners .item .overlay h2 a {
	color: white;
	font-size: 29px;
	font-family: 'Kanit', sans-serif !important;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#bottom-banners .item .overlay h2 a {
	font-size: 14px;
	font-family: 'Kanit', sans-serif !important;
}
#footer-menu ul li.menu-item strong {
	display: block;
	font-family: 'Kanit', sans-serif !important;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
#page .text-left h1.header {
	line-height: 1em;
	font-size: 40px;
	font-family: 'Kanit', sans-serif !important;
	font-weight: bold;
	text-transform: uppercase;

	margin: 0;
	padding: 0;

	margin-left: -7px;
	margin-right: -7px;

	padding-left: 6px;

	margin-bottom: 23px;
	padding-bottom: 28px;
	border-bottom: 1px #DBDDE3 solid;
}
#header a#logo {
    background: url(https://www.astrencin.sk/hadzana/img/hadzana.png) no-repeat;
    background-size: contain;
}
#header a#logo-text img {
    width: 160px;
}
@media(min-width: 1290px) {
	#header a#logo-text img {
		margin-top: 15px;
	}	
}
@media(max-width: 830px) {
	#header a#logo-text img {
		display: none;
	}	
}
a { color: #BA0020; }
.button.small:hover { color: #BA0020; border-color: #BA0020; background: none; }
#header a#logo-text span {
	color: #BA0020;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-size: 30px;
	display: block;
	line-height: 30px;
}
#top-menu-container {
	width: auto;
	height: 52px;
	margin: 105px 0 0 195px;
	padding: 8px 0 0 0;
	position: relative;
	z-index: 100;
	border-top: 1px #BA0020 solid;
	color: black;
}
#top-menu-container ul li.menu-item:hover {
	border-bottom: 4px #BA0020 solid;
	height: 48px;
}
#top-menu-container ul li.menu-item div.submenu ol li a:hover { background: #BA0020; color: white; }
.article-header .overlay .category {
	display: block;
	float: left;
	padding: 8px 10px 7px;
	text-align: center;
	min-width: 55px;
	margin-bottom: 19px;

	color: white;
	background: #BA0020;
	line-height: 1.2em;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#topstory-banner-tabs a.current,
#topstory-banner-tabs a:hover {
	color: white;
	background: #BA0020;
}
#matches-all a{
	color: #BA0020;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin-left: 10px;
}
#matches-tabs {
	height: 47px;
	border-bottom: 3px #BA0020 solid;
}
#matches-tabs a:hover,
#matches-tabs a.current {
	background: #BA0020;
}
.match .score a,
.match .score strong {
	display: block;
	color: #BA0020;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-size: 32px;
	line-height: 1.1em;
	text-decoration: none;
	font-weight: bold;
}
h2#news-title a{
	display: block;
	color: white;
	background: #BA0020;
	border-color: #BA0020;
	line-height: 19px;
	padding: 5px 19px 5px 19px;

   margin-top: -3px;

}
#news-panes .pane .item .category {
	display: block;
	float: left;
	position: relative;
	margin-top: -30px;
	margin-bottom: 16px;
	padding: 8px 10px 7px;
	text-align: center;
	min-width: 55px;

	color: white;
	background: #BA0020;
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#videos .item .category {
	display: block;
	z-index: 5;
	position: absolute;
	left: 0; top: 0;
	padding: 8px 10px 7px;
	text-align: center;
	min-width: 55px;

	color: white;
	background: #BA0020;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#tables .item .header {
	height: 56px;
	line-height: 56px;
	padding-top: 4px;
	padding-left: 25px;
	background: #BA0020;

	color: white;
	font-size: 24px;
	font-family: "Campton Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
table tr.TRE { color: #BA0020; font-weight: bold; }
.tables-table a {
	color: #BA0020;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 30px;
}
#footer-menu ul li.menu-item ol li a {
	color: #BA0020;
	font-size: 13px;
}
#page .text-left h2 {
	color: #BA0020;
	font-size: 24px;
}
#page .text-left h3 {
	color: #BA0020;
	font-size: 18px;
}
.nicetables table th a,
#page .text-left table.nice th a { color: #BA0020; text-decoration: none; }
#forum #df_form #form_right input[type="submit"]:hover { border-color: #BA0020; color: #BA0020; }
.strankovani a.strankovaniVyrazne,
#forum .strankovani_box a.strankovaniVyrazne {
	background:#BA0020;
	color: #ffffff;
	margin-left: -1px;
	padding: 2px 7px 1px 7px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #BA0020;
}
#archiv td.boxy a.zvyrazneni { background: #BA0020; color:white; }
#archiv input[type="submit"]:hover { border-color: #BA0020; color: #BA0020; }