html,body { margin: 0; }
html { overflow-y: scroll; min-width: 1020px; }

body {
    background: #D7D7D7 url(/img/bcg2017-4.png) no-repeat top center;  
    font-family: "proxima-nova", "Arial", "Helvetica", sans-serif;
    font-size: 14px; 
    line-height: 1.4285em;
    color: #2e2e2f; 
}   



a { color: #1d4f9c; text-decoration: none; }
a:focus { outline: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
a.True { font-weight: bold; }

p { margin: 10px 0; }
hr { border: none; border-bottom: 1px solid #1D4F9C; }

input, textarea { outline: none; }

.kern { letter-spacing: -0.04em; }
.kern-n { letter-spacing: -0.08em; }
.kern-u { position: relative; top: -0.08em; }
.kern-u2 { position: relative; top: -0.16em; }
.sep { border-top: 1px solid #ffffff; border-bottom:1px solid #E7E7E7}                                                                                            
.pipe { position: relative; top: -0.08em; font-family: "Arial"; line-height: 0.5em; }

.hidden { display: none; }
.clear { clear: both; } 
.toleft { float: left; }
.toright { float: right; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.underline { text-decoration: underline; }
.uppercase { text-transform: uppercase; }
.pointer { cursor: pointer; }

.red { color: #da2337; }
.blue { color: #1d4f9c; }

.space { height: 10px; }
.spacer { height: 1px; }
.spacetop { margin-top: 10px; }
.spacebottom { margin-bottom: 10px; }


/* TYMY - sedive fotka... */
/*! Gray v1.4.2 (https://github.com/karlhorky/gray) | MIT */
.grayscale {filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}

.date {
    font-size: 10px;
    color: #949ba3;
    line-height: 10px;
    font-weight: 800;
}

.button-red {
    display: inline-block;
    color: white;
    background: #da2337;
    border-bottom: 4px solid #931422;
    padding: 5px 32px 1px;
    font-weight: 900;  
    font-size: 14px; 
    line-height: 34px;
    text-transform: uppercase;
    text-decoration: none !important;
}
.button-red:hover {
    background: #e52a3e;
    border-color: #931422;
}


.button-box {
    display: inline-block;
    position: relative;
    width: 220px;
    height: 110px;
    border: 5px solid #01458E;
    background-color: #ffffff;
    color: #2b3035;
    line-height: 110px;
    text-align: left;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none !important;
}
.button-box img {
    position: relative;
    vertical-align: middle;
    margin: -12px 0 0 8px;
}
.button-box span {
    display: block;
    position: absolute;
    left: 102px; top: 4px;
    right: 4px;
}
.button-box span span {
    display: table-cell;
    position: static;
    vertical-align: middle;
    height: 106px;
    line-height: 32px;
    font-size: 22px;
}
.button-box.small span {
    left: 60px;
}
.button-box.small span span {
    font-size: 19px;
    line-height: 26px;
}
.button-box.wide {
    width: 220px; height: 90px;
}
.button-box.wide span span {
    height: 86px;
    font-size: 20px;
    line-height: 22px;
}
.button-box:hover {
    background: #f7f7f7;
}


/* JWPLAYER */
#perex_video_display_button { margin-top: -62px !important; }
#perex_video_display_button_play { height: 90px; }
.jw-tab-focus { outline: none !important; }




#bg {
    background: url(bg.jpg) no-repeat center top;
    min-width: 1020px;
}  


.content-container {
    width: 1020px;
    padding: 0;
    margin: 0 auto;
    margin-top: 50px;
}
    
    

.content-container p { margin: 10px 0 15px 0; }

.content-container h1 { font-size: 26px; line-height: 32px; margin: 9px 0; font-weight: 800; color: #da2337; }
.content-container h2 { font-size: 20px; line-height: 24px; margin: 3px 0; font-weight: 700; color: #da2337; }
.content-container h3 { font-size: 14px; line-height: 24px; margin: 0; font-weight: 800; }

.content-container h1 a, 
.content-container h2 a { color: #da2337; }

.content-container h2.header aktuality{
color: blue;
}

.content-container h2.header {
    position: relative;
    margin-top: 22px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 18px;
    font-weight: 900;
    border-bottom: 4px solid #F4F4F4;
}
.content-container h2.header i {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 5px;
    background-color: #da2337;
    top: -19px;
}


/* NICE - global */

table.nice { border-collapse: collapse; width: 100%; margin: 6px 0; font-size: 14px; }             

table.nice tr.delici_cara { height: 4px; }
table.nice tr.delici_cara td { height: 4px; padding: 1px; font-size: 1px; line-height: 0px; background: #EDEDEF; }

table.nice tr th,
table.nice tr td { text-align: left; vertical-align: middle; }

table.nice tr th { padding: 10px 6px 8px; background: #01458E; color: white; border: 1px solid #004389; }
table.nice tr th a { color: white; }

table.nice tr td { padding: 5px 7px 3px; vertical-align: middle; border: 1px solid #E2E2E2; border-bottom: 1px solid #dddddd; }
table.nice tr:nth-child(odd) td { background: #f4f4f4; }

table.nice.hover tr:hover td { background: #eaf4ff; border-color: #dee7f0; }
table.nice.hover tr:nth-child(odd):hover td { background: #e7f3ff; border-color: #dee7f0; }

table.nice tr th em { font-weight: normal; font-style: normal; }
 

table.nice a { text-decoration: underline; }
table.nice a:hover { text-decoration: none; }
table.nice .left { text-align: left; }
table.nice .center { text-align: center; }
table.nice .right { text-align: right; }




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

#top-menu-container { background: #DA2337; position: fixed; width: 100%; margin-top: -50px; z-index: 50;}      
#top-menu-container ul { display: block; width: 880px; margin: 0 auto; padding: 0 0 0 150px; list-style: none; }
#top-menu-container ul li.item { display: block; float: left; height: 60px; margin: 0; padding: 0 1px 0 12px; }    
#top-menu-container ul li.item a {      
    display: block;
    float: left; 
    height: 54px; 
    padding: 6px 5px 0;
    line-height: 54px;
    font-weight: 900;
    font-size: 16px;
    text-decoration: none;           
    text-transform: uppercase;
    color: #F4F4F4; 
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}    
#top-menu-container ul li.item a:hover { text-decoration: underline; }

#top-menu-container ul li ul {display: none;}
#top-menu-container ul li:hover ul {display: block}

#top-menu-container ul li ul {
    width: 270px;
    position: absolute;
    top: 60px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: rgba(218, 35, 55,0.9);
}

#top-menu-container ul li ul li a {
		float: none !important;
    padding: 0px 10px !important;
    height: unset !important;
    line-height: 31px !important;
    font-weight: 600!important;
    border-bottom: 1px solid #bc1124;
} 

#top-menu-container ul li ul li a:hover {
background: #bc1124;
text-decoration: none !important;
}     

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

#header { position: relative;}

#header #logo {
    display: block;
    float: left;
    line-height: 36px;     
    margin: 20px 0 0 200px;
    font-size: 60px;
    font-weight: 400;
    text-transform: uppercase;
    color: #01458E;
    text-decoration: none;                                     
}
#header #logo strong { color: #DA2337; font-weight: 900; }
#header #logo .subtitle { display: block; font-size: 24px; font-weight: 700; text-align:center; margin-top:15px; color: black; }
#header #logo .coat { display: block; width: 118px; height: 126px; background: url(logos.png) left top; margin: 0px 0 -100px -187px; z-index:150;}
   
#header #logo-coat2 { display: block; float: right; width: 122px; height: 130px; background: url(logos.png) right; margin: 18px 19px 0 0; z-index: 150;} 

        


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

#page {
    background: white;
    margin-top: 23px; 
    position: relative;
    z-index: 11;
}

#page img { max-width: 100%; }
#page img.toleft { margin: 0 30px 0 0; }
#page img.toright { margin: 0 0 0 30px; }

#page-vyhledavani {
    background: white;
    margin-top: 23px; 
    position: relative;
    z-index: 40;
}

.article .date { color: #6e767f; font-size: 13px; line-height: 18px; }

.articles { margin-top: 30px }  
.articles .article { min-height: 87px; }
.articles .image { display: block; float: left; width: 160px; height: 95px; background: #C8CEDC no-repeat 50% 40%; background-size: cover; margin: 0px 23px 25px 0; }
.articles .article .date { padding: 5px 0 2px 13px; }
.articles .article h2 { font-size: 20px; line-height: 24px; padding: 0 35px 0 13px; margin-bottom: 20px; }
.articles .article h2 a { color: #1E2321; }            
.articles .button-red { margin: 38px 0 0 -20px; }                                  

.news { padding-bottom: 20px; }
.news .item { padding: 9px 0; line-height: 19px; }
.news .item .date { font-size: 10px; color: #949ba3; line-height: 10px; font-weight: 800; }
.news .item h3 { padding-bottom: 2px; }
.news .sep { border-top: 1px solid #ffffff; border-bottom: 1px solid #E7E7E7; margin: 5px 0 7px; }

.news .nano { height: 348px; }

.col-right .box.links { margin: 6px 0; }
.col-right .box.links h2.header { background: #1C4E9A; color: #f4f4f4; margin: 0; padding: 13px 21px 9px; }
.col-right .box.links ul,
.col-right .box.links li,
.col-right .box.links a { list-style: none; display: block; margin: 0; padding: 0; }
.col-right .box.links ul { padding-top: 0; }
.index .col-right .box.links ul { border-top: 1px solid #D4D4D4; }
.page .col-right .box.links ul { background: #ECE9E9; border-bottom: 5px solid #D4D4D4; }
.col-right .box.links li { border-bottom: 1px solid #D4D4D4; }
.col-right .box.links li a { font-size: 16px; line-height: 16px; padding: 11px 10px 7px 21px; }
.col-right .box.links li a.active { font-weight: 600; }
.col-right .box.links li:last-child a { padding-bottom: 9px; }



/* #PAGE - INDEX
---------------------------------------------------------------------------------------- */
.index .page-space { width: 100%; height: 20px; float: left; background: white; margin-top: -20px; }  

.index .col-left { width: 510px; float: left; padding: 0 0 0 19px; }     
.index .col-right { width: 449px; float: left; padding: 0px 20px 0px 22px; position: relative; z-index: 20; }
.index .col-left-down { width: 470px; float: left; padding: 20px 20px 20px 22px; }     
.index .col-right-down { width: 449px; float: left; padding: 20px 20px 20px 22px; position: relative; z-index: 20; }
.index .col-right-bg { position: absolute; top: 0; right: 0; width: 443px; height: 100%; z-index: 15; overflow: hidden; }
.index .col-right-bg .bg { position: absolute; top: 0; right: 0; width: 440px; height: 100%; background: #F4F4F4; }
.index .col-right-bg .line { position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #F8F8F8; background: linear-gradient(90deg, #F7F7F7 0%, #FAFAFA 100%); }

.index #topstory { width: 510px; /*height: 419px;*/ height: 420px; position: relative; margin-bottom: 25px; }
.index #topstory .item { width: 510px; /*height: 419px;*/ height: 370px; background: white; position: absolute; top: 0; left: 0; z-index: 5; }
.index #topstory .item.active { z-index: 10; }
.index #topstory .item .number { position: absolute; width: 30px; height: 39px; line-height: 39px; padding-right: 9px; text-align: right; top: 0; right: 0; background: white; font-size: 16px; font-weight: 800; letter-spacing: -1px; }
.index #topstory .item .number strong { color: #da2337; font-weight: 800; }
.index #topstory .item .image { display: block; width: 510px; height: 353.4px; background: no-repeat center center; background-size: cover; }
.index #topstory .item .article .date { margin: 5px 0 0 11px; font-size: 10px; font-weight: 700;} 
.index #topstory .item .article h1 { margin: 11px; }
.index #topstory a.next { display: block; position: absolute; top: 124px; right: 0; background: white url(topstory_arrow.png) no-repeat 11px 11px; width: 38px; height: 38px; z-index: 20; }
.index #topstory a.next:hover { opacity: 0.95; }
.index #topstory .item .article { border-bottom: 4px solid #F4F4F4; max-height:95px; padding-bottom: 0px;}

.index .col-right .facebook-space { height: 255px; }
.index .facebook {
    width: 450px;
    height: 165px;
    background: white;
    position: relative;
    bottom: 0;
    right: 0;
    z-index: 25;
    text-align: center;
    margin-top: 30px;
    }

.index .col-right .round-buttons { float: right; position: relative; z-index: 30; }
.index .col-right .round-buttons a { display: block; width: 28px; height: 28px; border-radius: 100%; float: left; border: 1px solid #DA2337; margin: 2px 5px 0 7px; background: url(round_buttons.png) no-repeat; }
.index .col-right .round-buttons a.search { background-position: 6px 6px; }
.index .col-right .round-buttons a.fb { background-position: -40px 9px; }
.index .col-right .round-buttons a.youtube { background-position: -82px 9px; }
.index .col-right .round-buttons a:hover { background-color: #EDEDED; }

.index .col-left  .buttons {padding-top: 10px; }
.index .col-right .calendar { padding-bottom: 22px; }
.index .col-right .calendar table { border-collapse: collapse; margin-left: 0;}
.index .col-right .calendar table td,
.index .col-right .calendar table th {
    text-align: center;
    padding: 0;
    margin: 0; 
    width: 50px; 
    height: auto;   
    background: #F0F4F7;  
}
.index .col-right .calendar table th {  }
.index .col-right .calendar table th span { }
.index .col-right .calendar table td { font-weight: bold; border: 1px solid #D5D5D5; height: 42px; }
.index .col-right .calendar table td:first-child { border-left: none; }
.index .col-right .calendar table td:last-child { border-right: none; }
.index .col-right .calendar table tr:last-child td { border-bottom: none; }


.index .col-right .calendar table .month th { background: #01458E; color: white; text-transform: uppercase; height: 37px; line-height: 37px; padding-top: 3px; }
.index .col-right .calendar table .month th a { color: white; }
.index .col-right .calendar table .days th { border: none; border-bottom: 3px solid #D5D5D5; background: #EDEDF9; text-transform: uppercase; height: 45px; line-height: 26px; padding-top: 2px; color: #848587; }

.index .col-right .calendar table td .day { display: block; width: 100%; height: 36px; line-height: 36px; position: relative; color: #888; }                                                                                   
.index .col-right .calendar table td .day.action { color: black; border-color: #931422; }    
                     
.index .col-right .calendar table td .day.home,
.index .col-right .calendar table td .day.visiting { background: white; color: #DA2337; }
.index .col-right .calendar table td .day.home {  }
.index .col-right .calendar table td .day.visiting { }  
.index .col-right .calendar table td .day.birthday { }   
.index .col-right .calendar table td .day.event {color:green; }

/*.index .col-right .calendar table td .day.action:hover { background: #FFFDDD; } */

.index .col-right .calendar table td .day .day_number { font-size: 17px; }

.index .col-right .calendar table td .game_header { padding: 0px 0px 0px 0px; text-align: center; }
.index .col-right .calendar table td .action_header { padding: 0px 0px 0px 0px; text-align: right; text-transform: uppercase; font-size: 17px; }
.index .col-right .calendar table td .popup {
    position: absolute;
    top: 36px;
    left: -125px;
    width: 270px;
    padding: 15px;
    z-index: 90;    
    background: white;          
    border: 4px solid #CECECE;
    line-height: 1.2em;
    color: #000000;
    font-size: 1.1em;
    font-weight: normal;
    z-index: 1000;
}
.index .col-right .calendar table td p { margin: 0px; padding: 0px 0px 5px 0px; text-align: center; }

.index .col-right .calendar table td h4 { text-transform: uppercase; padding: 5px 0px 5px 0px; margin: 0px; color: #222222; }
.index .col-right .calendar table td .line { width: auto; margin: 10px auto 10px auto; border-bottom: 1px #CECECE solid; }

.index .col-right .calendar table td .game_box { width: 270px; }
.index .col-right .calendar table td .game_box img { float: left; }
.index .col-right .calendar table td .game_box .date {float: left; width: 120px; padding-top: 10px;}   


/*___________________________KALEND�� - FOTBALPOOL_____________________________*/
  
.calendar_pool table { border-collapse: collapse; height: 337px; width: 570px;}
.calendar_pool table td,
.calendar_pool table th {
    text-align: center;
    padding: 0;
    margin: 0; 
    width: auto;
    height: auto;   
    background: #F0F4F7;  
}
.calendar_pool table th {  }
.calendar_pool table th span { }
.calendar_pool table td { font-weight: bold; border: 1px solid #D5D5D5; }

.calendar_pool table td:hover .popup {display: block;}

.calendar_pool table td:first-child { border-left: none; }
.calendar_pool table td:last-child { border-right: none; }
.calendar_pool table tr:last-child td { border-bottom: none; }


.calendar_pool table .month th { background: #01458E; color: white; text-transform: uppercase; height: 37px; line-height: 37px; padding-top: 3px; }
.calendar_pool table .month th a { color: white; }
.calendar_pool table .days th { border: none; border-bottom: 3px solid #D5D5D5; background: #EDEDF9; text-transform: uppercase; height: 26px; line-height: 26px; padding-top: 2px; color: #848587; }

.calendar_pool table td .day { display: block; width: 100%; height: 36px; line-height: 36px; position: relative; color: #888; }                                                                                   
.calendar_pool table td .day.action { color: black; border-color: #931422; }    
                     
.calendar_pool table td .day.home,
.calendar_pool table td .day.visiting {  }
.calendar_pool table td .day.home { }
.calendar_pool table td .day.visiting { }  
.calendar_pool table td .day.birthday { }   
.calendar_pool table td .day.event {background-color: #ffffff; color: #DA2337; }

/*.calendar_pool table td .day.action:hover { background: #FFFDDD; } */

.calendar_pool table td .day .day_number { font-size: 17px; }

.calendar_pool table td .game_header { padding: 0px 0px 0px 0px; text-align: center; }
.calendar_pool table td .action_header { padding: 0px 0px 0px 0px; text-align: right; text-transform: uppercase; font-size: 17px; }
.calendar_pool table td .popup {
    position: absolute;
    top: 36px;
    left: -125px;
    width: 270px;
    padding: 15px;
    z-index: 90;    
    background: white;          
    border: 4px solid #CECECE;
    line-height: 1.2em;
    color: #000000;
    font-size: 1.1em;
    font-weight: normal;
    z-index: 1000;
}
.calendar_pool table td p { margin: 0px; padding: 0px 0px 5px 0px; text-align: center; }

.calendar_pool table td h4 { text-transform: uppercase; padding: 5px 0px 5px 0px; margin: 0px; color: #222222; }
.calendar_pool table td .line { width: auto; margin: 10px auto 10px auto; border-bottom: 1px #CECECE solid; }

.calendar_pool table td .game_box { width: 270px; }
.calendar_pool table td .game_box img { float: left; }
.calendar_pool table td .game_box .date {float: left; width: 120px; padding-top: 10px;}

/*_____________________________________________________________________________*/

.col-right .matches .line { width: auto; margin: 10px auto 10px auto; border-bottom: 1px #CECECE solid; }

.col-right h2.header.buttons { color: #858585; }
.col-right h2.header.buttons a { color: #858585; }
.col-right h2.header.buttons a.active { color: #DA2337; text-decoration: none; cursor: default; }
                               
                               
/* #PAGE
---------------------------------------------------------------------------------------- */
.page .page-space { width: 100%; height: 20px; float: left; background: #00448C; margin-top: -20px; }     
.page .page-title { background: #00448C; padding: 5px 0 2px; }
.page .page-title h2.header { color: #ffffff; line-height: 32px; font-size: 24px; font-weight: 400; margin: 0 0 0 20px; min-height: 32px; }
.page .page-title h2.header i { top: -12px; }

.page .page-submenu { padding: 0 20px; overflow: hidden; margin-bottom: -9px; position: relative; }
.page .page-submenu ul,
.page .page-submenu li,
.page .page-submenu a { display: block; list-style: none; padding: 0; margin: 0; }
.page .page-submenu li { float: left; margin-right: 6px; margin-bottom: 6px;}
.page .page-submenu a { float: left; min-width: 106px; padding: 0 8px; height: 39px; line-height: 39px; background: #da2337; text-align: center; color: #ffffff; font-size: 18px; font-weight: 700; }
.page .page-submenu a:hover { background: #e52a3e; text-decoration: none; }

.page .col-left { float: left; width: 578px; padding: 21px 21px 100px 20px; font-size: 15px; line-height: 24px; }
.page .col-left h2.header { margin-top: 44px; }                              
.page .text-full { padding: 26px 21px 100px 47px; font-size: 15px; line-height: 24px; }

.page img.borderImage { width: 100%; border-bottom: 6px solid #D8D8D8; }


/* #PAGE - COL-RIGHT
---------------------------------------------------------------------------------------- */
.page .col-right { float: left; width: 320px; padding: 20px 0; margin: 0; }  
.page .col-right .facebook { margin-top: 10px; }


/* #PAGE - CLANEK
---------------------------------------------------------------------------------------- */
.page .article { }
.page .article h1 { padding: 0; margin: 5px 0 12px; border-bottom: none; }
.page .article .borderImage { width: 572px; border: 3px solid #D8D8D8; border-bottom-width: 8px; }
.page .article .perex { padding: 11px 0 19px 0; font-size: 16px; line-height: 18px; color: #6e767f; border-bottom: 1px solid #1D4F9C; }
.page .article .text { padding: 10px 0 15px 0; }
.page .text p { margin: 10px 0 24px; }


/* #PAGE - ZAPASY
---------------------------------------------------------------------------------------- */
.page table.zapasVypis tr td { background: none; }
.page table.zapasVypis tr.doma td { background: #F4F4F4; }
.page table.zapasVypis tr td a { font-weight: bold; }
.page table.zapasVypis tr td a.vyhra { color: #278600; }
.page table.zapasVypis tr td a.prohra { color: #DA2337; }
.page table.zapasVypis tr td a.remiza { color: #1C4E9A; }  
.page table.zapasVypis tr .vysledek { width: 36px; }  
.page table.zapasVypis tr .tretiny { width: 28px; }  


/* #PAGE - TABULKA
---------------------------------------------------------------------------------------- */
.page table.tabulkaVypis tr th,
.page table.tabulkaVypis tr td { text-align: center; }
.page table.tabulkaVypis tr.HJM td { font-weight: bold; }
.page table.tabulkaVypis tr .cislo { width: 28px; }      
.page table.tabulkaVypis tr .klub { text-align: left; }  
.page table.tabulkaVypis tr .zapasy,  
.page table.tabulkaVypis tr .vyhry,
.page table.tabulkaVypis tr .remizy,
.page table.tabulkaVypis tr .prohry,
.page table.tabulkaVypis tr .body { width: 26px; }  
.page table.tabulkaVypis tr .skore { width: 70px; }  



/* PAGE - TYMY (prehled)
---------------------------------------------------------------------------------------- */
#teams_tiles { overflow: hidden; }
#teams_tiles .wrap { width: 1000px; }
#teams_tiles .item { float: left; width: 281px; height: 247px; margin: 8px 38px 27px 0; }
#teams_tiles .item h3 { text-align: right; background: #044E9D; height: 27px; line-height: 27px; padding: 3px 15px 0; color: white; font-weight: normal; text-transform: uppercase; }
#teams_tiles .image { background: no-repeat; background-size: cover; height: 143px; }
#teams_tiles a { display: block; float: left; width: 140px; height: 30px; line-height: 30px; padding-top: 3px; text-align: center; color: white; background: #DA2337; text-transform: uppercase; text-decoration: none; font-size: 13px; font-weight: 800; }
#teams_tiles a { border-bottom: 3px solid #931422; }     
#teams_tiles a.ln1 { border-top: 1px #931422 solid; }
#teams_tiles a.ln2 { }
#teams_tiles a.cl1 { border-right: 1px #CB2131 solid; }
#teams_tiles a:hover { background: #e52a3e; border-bottom-color: #931422; }


/* PAGE - HRAC
---------------------------------------------------------------------------------------- */
#player_card { background: #E5E5E5; border-bottom: 6px solid #D8D8D8; position: relative; margin-top: 23px; }
#player_card .photo { float: left; width: 262px; height: 338px; margin: 5px 6px 0 6px; overflow: hidden; }
#player_card .photo img { width: 262px; }
#player_card .number { position: absolute; left: 0; bottom: -6px; padding: 10px 17px 6px 14px; background: #DA2337; color: white; font-weight: 800; font-size: 28px; line-height: 28px; }
#player_card .bio { float: left; width: 260px; padding: 37px 20px 20px 20px; font-size: 16px; }
#player_card .bio strong { color: #01458E; }
#player_card .bio table { border-collapse: collapse; }
#player_card .bio td { padding: 5px 2px 6px; }


/* PAGE - ZAPAS
---------------------------------------------------------------------------------------- */
.match { width: 578px; margin: 33px 0 10px 0; }
.matchbox { width: 578px; position: relative; }

.matchbox .scorebox { position: absolute; left: 50%; top: 0; height: 100%; display: block; }
.matchbox .scorebox .wrap { position: relative; left: -50%; min-width: 119px; height: 100%; padding: 0 10px; background: #DA2337; text-align: center; display: table; vertical-align: middle; }
.matchbox .scorebox .wrap2 { display: table-cell; vertical-align: middle; }
.matchbox .score { color: white; line-height: 36px; font-size: 36px; height: 36px; font-weight: 800; padding-top: 16px; }
.matchbox .score span { padding: 0 9px; }
.matchbox .periods { text-align: center; height: 26px; font-size: 18px; line-height: 22px; color: white; }                

.matchbox .date { background: #D8D8D8; line-height: 20px; height: 20px; padding: 3px 14px 0; font-size: 16px; color: black; }
.matchbox .teams { background: #01458E; border-bottom: 7px white solid; }
.matchbox .team1, 
.matchbox .team2 { float: left; width: 180px; padding: 16px 16px 7px; font-size: 25px; line-height: 32px; font-weight: 800; color: white; }
.matchbox .team2 { float: right; text-align: right; }

.match .stats { background: #D8D8D8; margin-top: 6px; padding: 7px 15px 3px; font-size: 14px; }
.match .roster { background: #EEEBEB; margin-top: 2px; padding: 9px 15px; font-size: 14px; }



/* PAGE - 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; border: 1px solid #D3D3D3; padding: 3px 8px; clear: both; }
#archiv #box2 { float: right; clear: none; padding: 8px; margin-top: -49px; margin-bottom: 30px; height: 30px; }
#archiv .boxMaly { }
#archiv .boxKde { display: block;  float: right; padding: 3px; }
#archiv table.boxy { margin: 0; }
#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: #DA2337; 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: #DA2337; 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: #da2337; text-align: center; font-weight: bold; clear: both; }
#archiv .podpis  {color: #808080; font-size: 11px; }

#archiv table.boxy[style="display: inline"] { display: inline-block !important; }
#archiv table.boxy[style="margin-left: 50px; display: inline"] { display: inline-block !important; margin-left: 40px !important; }
#archiv #box table.boxy:last-child { margin-top: -8px !important; }
#archiv td.boxy[style="font-size: 9px"] { font-size: 12px !important; }


/* --- FORUM --- */
#forum #formular { width: 100%; }
#forum #formular fieldset { border: none; border-top: 1px solid #D4D4D4; border-bottom: 5px solid #D4D4D4; background: #ECE9E9; padding: 3px 9px 6px; margin: 0; }
#forum #formular fieldset textarea { width: 100%; max-width: 560px; box-sizing: border-box; border: 1px solid #D4D4D4; outline: none; display: block; }
#forum #formular fieldset table { border-collapse: collapse; border: 0; width: 100%; margin: 3px 0 0; }
#forum #formular fieldset table td { border: 0; padding: 2px 0 0; }
#forum #formular fieldset input { outline: none; }
#forum #formular fieldset input[type="text"] { padding: 3px; border: 1px solid #D4D4D4; width: 160px; }
#forum #formular fieldset .button-red { padding: 7px 20px 2px; }
#forum .comment { padding-bottom: 10px; }                  
#forum .comment .comment_head { background: #EFEFEF; color: #1d4f9c; padding: 5px 10px 3px; }
#forum .comment .comment_text { padding: 10px; background: #01458E; color:white; }


/* --- GOOGLE SEARCH --- */
.gsc-control-cse { line-height: 1em; font-size: 100%; }
.gs-result .gs-title, .gs-result .gs-title * { text-decoration: none !important; font-weight: bold !important; }
.gs-result .gs-title:hover, .gs-result .gs-title:hover * { text-decoration: underline !important; }
.gsc-results .gsc-cursor { text-align: center; display: block !important; margin-top: 40px; }

/* --- FOTOGALERIE --- */
a.pirobox_gall { display: table-cell; display: block; float: left; width: 185px; height: 120px; margin: 3px 3px 0 0; background-size: cover; border: 2px white solid; }
a.pirobox_gall:hover { border-color: #3C47A3; }
a.pirobox_gall span { display: none; }
 
.media-form { margin-bottom: 20px; }
.media-form .media-form-season {float: left; margin-right: 15px; margin-top: 3px; }
.media-form .media-form-search {float: left; margin-right: 15px; margin-top: 3px; }
.media-form .media-form-submit {float: left; }

#media_list a {
    display: block;
    width: 208px;
    height: 150px;
    float: left;
    margin: 0px 10px 10px 0px;
    background-size: 300px auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-color: #C3CFD9;
}
#media_list a.video {
    height: 200px;
}

#media_list h2 {
    position: absolute;
    display: block;
    width: 192px;
    height: auto;
    bottom: 0px;
    left:0px;
    z-index: 70;
    padding: 5px 8px 5px 8px;
    margin: 0px;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #fff;
    background: #00060D;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
#media_list h2:hover { text-decoration: underline; }


/* --- STRANKOVANI --- */
.strankovani, .strankovani_box {margin: 20px 0px 20px 0px; text-align: center; line-height: 2em; }
.strankovani a, .strankovani_box a.strankovani { background:#EBEBEB; color:#000000; border: 1px solid #DEDEDE; margin-left: -1px; padding: 2px 6px 2px 6px; }
.strankovani a:hover, .strankovani_box a.strankovani:hover { background:#DEDEDE; color:#000000; }
.strankovani a.strankovaniVyrazne, .strankovani_box a.strankovaniVyrazne { background:#DA2337; color: #ffffff; margin-left: -1px; padding: 2px 6px 2px 6px; font-weight: bold; border: 1px solid #DA2337; }







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

#partners { background: white; overflow: hidden; }
#partners .wrap { margin: 0 20px 25px; border-top: 1px solid #E7E7E7; }
#partners h2 { margin: 19px 0 0 10px; }
#partners table { min-width: 90%; margin: 0 auto; border-collapse: collapse; text-align: center; }
#partners .partner-slider .partner {
		vertical-align: middle;
    margin: 0;
    position: relative;
    top: 50px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
#partners .partner-slider .partner img { max-width: 170px; max-height: 80px; margin: 0 auto; padding: 12px;}



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

#footer { height: 59px; line-height: 59px; padding-top: 1px; color: white; background: #da2337; border-bottom: 40px solid #01458e; position: relative; z-index: 40; }
#footer a { text-decoration: underline; color: white; }
#footer a:hover { text-decoration: none; }
#footer .content-container { width: 880px; font-size: 13px; font-family: "Arial", "Helvetica"; }

#footer .tellinger { float: right; margin: 18px -2px 0 0; }
#footer .tellinger span { display: inline-block; position: relative; top: 0.35em; width: 29px; height: 15px; margin: 0 5px; background: url(tellinger.png) no-repeat 0 0; }
#footer .coat { width: 95px; height: 103px; background: url(footer_logo.png); margin: -18px auto -85px; }




/* SUPERHOMEPAGE
---------------------------------------------------------------------------------------- */

html.superhomepage { min-height: 100%; }
.superhomepage body { min-height: 100%; }
.superhomepage #bg { background-image: url(bg_superhomepage.jpg); background-position: 50% 0px; min-height: 100%; padding-top: 56px; }
.superhomepage #logo { display: block; width: 540px; height: 80px; margin: 20px auto; background: url(superhomepage.png) 0 0; } 
.superhomepage #soc-links { position: relative; left: 50%; float: left; }
.superhomepage #soc-links .wrap { position: relative; left: -50%; float: left; }
.superhomepage #soc-links .wrap a { display: block; float: left; height: 30px; line-height: 30px; color: white; margin: 4px 24px; text-transform: uppercase; font-weight: 800; font-size: 16px; background: url(superhomepage.png); padding-left: 45px; }
.superhomepage #soc-links .wrap a.fb { background-position: 0 -99px; }
.superhomepage #soc-links .wrap a.yt { background-position: -3px -139px; margin-right: 10px; }
.superhomepage #soc-links .wrap a.rajce { background-position: 2px -181px; margin-right: 36px; }
.superhomepage #shbody { width: 880px; height: 595px; background: white; margin: 21px auto; background: white; position: relative; left: 3px; overflow: hidden; }
.superhomepage #shvideo { width: 840px; height: 455px; background: #E6E9EE; margin: 20px; }
.superhomepage #shlinks a { 
    display: block; 
    width: 319px; height: 980px; 
    line-height: 98px;  
    padding: 2px 0 0 120px;    
    color: #283240; 
    font-weight: 800; 
    font-size: 38px;                            
    text-transform: uppercase;
    background: #E6E9EE url(superhomepage.png); 
}
.superhomepage #shlinks a.softball { float: left; background-position: 24px -215px; }
.superhomepage #shlinks a.baseball { float: right; background-position: 20px -320px; }