/*
Klubweb.cz stylopis

šablona: HCM Jaroměř
Autor: Michal Berg (michal.berg@esports.cz)
web: www.hcmjaromer.cz
top: http://www.takurcite.cz/webcss/header.png (980x160px)
menu-velke: hcmjaromer_menu_pozadi_velke.png (80x112 px)
menu-male: hcmjaromer_menu_pozadi_male.png (42x59)
infobox-pozadi: hcmjaromer_infobox_pozadi.png (66x92px)

- pokud se nahrají nové soubory na stejné míst, stačí replace vyměnit jejich prefix

použité barvy:
modrá: #272b74
šedá: #E3E7EC4
bílá: #064a87
žlutá: #FFFB00

*/


/*
HELP

obvykle se mění:

GLOBAL
- barva pozadí - body
- unverzání barva odkazů - sekce global

MENU:
- background image menu - velke (sekce menu)
- background image menu - male
- background image infoboxu - stredni
- barva pozadí když není k dispozici obrázek
- linka okraje submenu

TABULKY:
- pozadí nadpisů tabulek - sloučené řádky na konci stylopisu - nadpisy tabulek

HOMEPAGE:
- barva textu infoboxu - #content .header 
- barva ankety - anketa_graf_vyplnene
- barva posuvníku aktualit (dají se vyměnit šipky i posuvník)


Barvu odkazů je obvykle možné vyměnit hromadně (replace), používá se to na různé orámování a podobně.

:--- */

/* --- global --- */



html {background: url(bcg.jpg) no-repeat center 0px; background-attachment: fixed;background-color:#fbfbfb;}
                      
body	{color: #252955; background: url(bcg2.png)no-repeat center 20px;font-family:Arial!important;}

a 						{color: #193b90;}
a:hover 			{color: #193b90;}
a:visited 		{color: #193b90;}
a:link 				{color: #193b90;}
a:focus 			{color: #272b74;}
img.border 		{padding: 0px; border: 1px solid #888888;}
hr	 					{background: #888888;}
legend				{color:e6e6e6; background: #888888;}
fieldset 			{border: 1px solid #888888;}
.line					{background: #f1f1f1;}



/*-------------------------- Layout --- */
/*-------------------------- version 1  --- */

#content #col_news {margin: 0px 20px 0px 0px;}
#content #col_text {margin: 0px 20px 0px 0px;}
#content #col_games{margin: 0px 0px 0px 0px;}
#content #col_video{width: 440px;	margin: 0px 0px 20px 0px;}


/*-------------------------- TOP BAR + LOGO --- */

#top_bar, #top_bar a#logo_mysquad {background: #272b74;}
#logo .toleft {background: #ffffff;}	
#logo .toright {background: #ffffff;}	
#logo .toright #logo_header {color:#968796; display: block;}


/*-------------------------- MENU --- */
#layout #menu       {margin-top:23px;background:#193b90; color:#fdce00;font-family:'Sarpanch', sans-serif;font-weight:600;height: 43px;}
#menu ul li		 	    {position:relative;font-family:"PlayBold", Arial;}
#menu ul li.menu 	  {width:auto}
#menu ul li a:link, #menu ul li a:visited  {color: #fdce00;}
#menu ul li a:hover {color:#ca2023; text-decoration: none;}
#menu ul li.show a 	{color:#193b92; background-color:#fdce00; }
#menu ul li.show ol li a 	{background: #fdce00; color:#193b92; border-bottom: 1px solid #272b74;width: 180px;}
#menu ul li ol li a:hover{background: #193b90; color: #fdce00; text-decoration: none;}
#menu ul li a {padding-left: 12px; padding-right: 12px;}

/* okraje submenu */ 
#menu ul li.show ol li a 	{border-bottom: 1px solid #000000;}
#menu ul li.show ol li a:hover 	{border-bottom: 1px solid #000000;}
#menu ul li.matches ol li {background: #f0352e;	color: #CE0000;} 
#menu ul li.matches ol li {background: #f0352e;	color: #000000;}
#menu ul li.matches ol li a {color: #000000; background: transparent;}
#menu ul li.matches ol li span strong.submenu_header {color: yellow}

#menu #search_box {background: #ffffff url(bcg_search_submit.png) no-repeat right 0px;}
#search_box #search_text {color:#a6a6a6; background: #ffffff}


/*-------------------------- Bottom --- */
#layout #bottom {background: #193b91; color: #ffffff;font-weight:bold;margin-top:5px;}
#layout #bottom a {color: #ffffff;}

#layout #bottom_menu {color: #193b90;}
#bottom_menu a {color: #193b90;}

/*-------------------------- Layout --- */
#layout #content {background: #FFFFFF url(content.jpg) repeat-x center 0px;}
#content .header {color: #ffffff; background: #f1f1f1;}
#content .header a {color: #ffffff;}
#content .box {background: #F1F1F1; color: #888888;}
#content .box a {color: #888888;}

/*-------------------------- NEWS --- */
.news_panel .header_news {color: #ffffff;}
.news_panel span {font-weight: bold;}
.header_news {font-weight: bold;}

/*-------------------------- Anketa --- */
#col_news .anketa .anketa_otazka 			{border-bottom: 1px solid #C3C3C3;}
#col_news .anketa .anketa_graf 				{background: #FFFFFF;}

#col_news .anketa .anketa_graf_vyplnene {background:#272b74;}
#col_news .anketa .hlasuj 						{border-top: 1px solid #C3C3C3;}
#col_news .anketa .hlasuj input				{color:#868686;}

#col_text #infobar {background: #F1F1F1; border:1px solid #E5E5E5;}

/*-------------------------- věci z obsahu --- */

#col_text .author	{border-bottom: 1px solid #f1f1f1;color:#969696}
#col_text h1, #col_text h1 a:link, #col_text h1 a:visited {color: #193b90; text-decoration: none;font-family:'Sarpanch', sans-serif;font-weight:500;}
#col_text h1 a:hover {text-decoration: underline} 
#col_text h2 {font-size: 24px; font-weight: bold;}
#col_text h3 {margin-bottom: 0px; padding-bottom:0 px;}

#gametime {font-size: 12px; background: #F4F4F4; padding-left: 3px; text-align: center;}
#gameseason {font-size: 12px; background: #ffffff; padding: 4px; text-align: center;}
#gameseason A {font-weight: bold;}

#gameteams {border: 0px solid #f4f4f4;}
#gameteams h2 {padding: 4px; margin: 0; font-size: 22px;}

P#gamestats {border:0px solid #eee;margin-top:0;border-bottom:0px;margin-bottom:0;border-top:1px solid #272b74;padding-top:10px;}
#gamespectators {border:0px solid #eee;margin-top:0;}
#gamereport {border:0px solid #eee; border-top:0px;}
#gamereport1 {border:0px solid #eee}
#gamereport2 {border:0px solid #eee}
#gamescomment {border:1px solid #eee}
#gamequotes {border:0px solid #eee}
#gamescore h2 {margin:0;padding:0;font-weight:bold;font-size:20px;}

.center {background:#eee;}

#tabroster {font-size:12px; background:#f1f1f1;}
#tabroster A {font-weight:bold;}
#tabroster THEAD {background:#ffffff}
#tabroster TR TD {border-bottom:1px solid #272b74;}
#tabroster TR.goalkeeper {background:#cccccc;}
#tabroster TR.back {background:#e4e4e4;}
#tabroster TR.forward {background:#F4F4F4;}

#tabplayer THEAD {background:#ffffff}
#tabplayer {background:#f4f4f4;}

#tabmatches {width:100%; font-size: 11px}
#tabmatches TR TD A {font-weight:bold;}
#tabmatches THEAD {background:#ffffff}
#tabmatches TR.doma {background:#e4e4e4;}
#tabmatches TR.venku {background:#F4F4F4;}
#tabmatches TR TD {border-bottom:1px solid #272b74;}




/*-------------------------- nadpisy tabulek --- */
#col_news .header, #gamecomment .header, #gamequotes .header  {background: /*url(boxa.jpg);*/ #193c94; color: #fdcf05;font-family:"Play", Arial;}
#col_games .header {background: /*url(boxa.jpg);*/ #fdcf05; color: #193c94;font-family:"Play", Arial;}
#tabmatches thead TR TH, #tabroster thead TR TH, #tabplayer thead TR TH  {background: #193b90; color: #ffffff;} 
#tabmatches thead TR TH A, #tabroster thead TR TH A, #tabplayer thead TR TH A {background: #193b90; color: #ffffff;} 
#gameseason, .forumheader {background: #193b90; color: #ffffff;}
#gameseason A, .forumheader A {color: #ffffff;}
.forumheader {height: 23px; padding: 4px 5px 0px 5px;}

#content .header {padding: 7px 10px 7px 15px; }

/*-------------------------- posuvník --- */
#col_news .jScrollPaneTrack {background: url(scroll_track.png) repeat-y;}
#col_news .jScrollPaneDrag {background: url(scroll_drag_middle.png) no-repeat 0 50%;}
#col_news a.jScrollArrowUp {height: 17px;	background:url(scroll_arrow_up.png) no-repeat 0 0;}
#col_news a.jScrollArrowDown {height: 17px;	background:url(scroll_arrow_down.png) no-repeat 0 0;}
#col_news .jScrollPaneDragTop {background: none; height: 1px;}
#col_news .jScrollPaneDragBottom {background: none; height: 1px;	}

#gallery a img {margin: 15px 30px 5px 0;}

#content .header {
  font-size: 14px;
}


#menu ul {
    width: 740px;
    padding-left: 10px;
}

.header {
font-family:'Sarpanch', sans-serif;font-weight:600;
}



@media (max-width: 760px) {#layout #menu {font-family:Arial, sans-serif;font-weight:600;}}

a.rss {display:none;}

#content .header {
  font-size: 14px;
}

/*-------------------------- kalendar --- */
.layout2.body-event-index #col_games {display:none;}
.layout2.body-event-index #content #col_text {width:700px;}
.layout2.body-event-index #content #col_news {margin: 0px 0px 0px -960px;}


table.event_calendar {font-size:14px;}
table.event_calendar tbody td span.day {color: #000000;}

table.event_calendar tbody td a.event             {text-decoration:none;}
table.event_calendar tbody td a.event:hover       {text-decoration:underline;}

table.event_calendar tbody td.match_home          {background-color: #840028; color:#fedd06;}
table.event_calendar tbody td.match_home a.event  {color:#fedd06;}
table.event_calendar tbody td.match_home span.day {color:#ffffff;}

                                                                     
table.event_calendar tbody td.match_guest         {background-color: #fedd06; color:#840028;}
table.event_calendar tbody td.match_guest a.event {color: #840028;}

table.event_calendar tbody td.event               {background-color: #a5a5a5; color:#ffffff;}
table.event_calendar tbody td.event a.event       {color:#000000;}

table.event_calendar tbody td.match_home, .event_calendar_help .match_home span.color {background-color: #840028;}
table.event_calendar tbody td.match_guest, .event_calendar_help .match_guest span.color {background-color: #fedd06;}
table.event_calendar tbody td.event, .event_calendar_help .event span.color {background-color: #a5a5a5;}





#col_games .box.block-custom img:hover {opacity:0.75;} 
#col_news .box.block-custom img:hover {opacity:0.75;}


.layout2.body-roster-detail #col_games {display:none;}
.layout2.body-roster-detail #content #col_text {width:700px;}
.layout2.body-roster-detail #content #col_news {margin: 0px 0px 0px -960px;}

.layout2.body-rosterplayer-detail #col_games {display:none;}
.layout2.body-rosterplayer-detail #content #col_text {width:700px;}
.layout2.body-rosterplayer-detail #content #col_news {margin: 0px 0px 0px -960px;}

.vlajky{width: 100%;text-align: center;}
.vlajky img{padding:0px 15px 0px 15px;}


ul.slides li{background:#fdce00;}
#globalinfo{border-bottom:1px solid #f1f1f1;margin-bottom: 20px;}
.slider2 {margin-bottom: 0px!important;}
#layout #logo .logoBanner img{padding:2px;}
#layout #logo .logoBanner img:hover {opacity:0.7;}
#layout #logo .logoBanner{margin-top:9px;margin-left:118px;}


#globalinfo{display:none; border-bottom:1px solid #f1f1f1;margin-bottom: 20px;}
.body-index-index #globalinfo{display:block;    margin-top: -28px;}
#col_top .header{background:#193b90}

h3{font-weight:bold; color:#193b90;}



.slider2 a:link{color:#193b90;}
.slider2 a:visited{color:#193b90;}


ul.slides li{-webkit-box-shadow: inset 0px 1px 0px 0px rgba(253, 206, 0, 1);
-moz-box-shadow: inset 0px 1px 0px 0px rgba(253, 206, 0, 1);
box-shadow: inset 0px 1px 0px 0px rgba(253, 206, 0, 1);}

ul.slides li.active{-webkit-box-shadow: inset 0px 1px 0px 0px rgba(25, 59, 144, 1);
-moz-box-shadow: inset 0px 1px 0px 0px rgba(25, 59, 144, 1);
box-shadow: inset 0px 1px 0px 0px rgba(25, 59, 144, 1);}

iframe{border-width:0px;}







.slider2 {
    background-color: #193b90!important;
}


.slider2 .flexslider2 li.active {background-color: #193b90!important;}
.slider2 .flexslider3 li h1 {background: #193b90!important;font-family:"Play", Arial;color:#fdce00;font-weight:400}
.slider2 .flexslider3 li .flexslider3title {background: #193b90!important;}
.slider2 .flexslider2 li h2{font-family:"Play", Arial;font-weight:400}
.slider2 .flexslider2 li.active h2{font-family:"Play", Arial;color:#fdce00;}










.body-statictext-detail #col_text .sponzori img {
    float: left;
    padding: 20px;
}

.block-19 table {width:100%}


#layout #logo {
    height: 190px;
}



#content .box.block-18{
    padding: 0px; background:#ffffff;
}
   .header.block-18{display:none;}


@font-face {
    font-family: Play;
    src: url("Play-Regular.ttf");
}


@font-face {
    font-family: PlayBold;
    src: url("Play-Bold.ttf");
}




.body-index-index #globalinfo img:hover {
opacity:0.7
}




#content .box.tabs nav a {width: 15px;padding: 5px 10px;}
#content .box.tabs nav {background: #3f3687 url(bg_menu.jpg) repeat-x;}
#content .box.tabs nav a.active {background: #311a86;}

#content #col_news .box.tabs nav a {width: 15px;}

.header.block-25{display:none;}
.block-25{padding:0px 0px 0px 0px!important;background:#ffffff!important;}

 #content .box.block-15{padding: 0px 0px 0px 0px;background: #ffffff;}
.header.block-15 {background:#193c94!important;color:#fdcf05!important;}

.body-index-index #globalinfo {
    display: block;
    margin-top: -18px;
    margin-left: -20px;padding-bottom:10px;
}


.social{margin-top:67px;margin-left:32px}
.social .obr{float:left;}
.social .obr a{color:transparent!important;}
.social .obr.tw a{background:url(/tpl/88/fb.png);padding:21px 12px 6px 10px}
.social .obr.t a{background:url(/tpl/88/in.png);padding:21px 14px 6px 10px;margin-left:5px;}

#bottom-top {margin-top:8px;background:#ffffff;}


.body-statictext-detail #col_news {display:none;}
.body-statictext-detail #content #col_text {width: 710px;}