/*
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: #F9F7F8}
                      
body	{color: #252955; background: url(bcg2.png)no-repeat center 0px;}

a 						{color: #176FB6;}
a:hover 			{color: #176FB6;}
a:visited 		{color: #176FB6;}
a:link 				{color: #176FB6;}
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:3px;background-color:#202020; color:#fdf800;font-family:'Sarpanch', sans-serif;font-weight:600;}
#menu ul li		 	    {position:relative}
#menu ul li.menu 	  {width:auto}
#menu ul li a:link, #menu ul li a:visited  {color: #ffffff;}
#menu ul li a:hover {color:#fabb00; text-decoration: none;}
#menu ul li.show a 	{color:#fabb00; background-color:rgba(0,0,0,0); }
#menu ul li.show ol li a 	{background: #202020; color:#FFFFFF; border-bottom: 1px solid #272b74;width: 150px;}
#menu ul li ol li a:hover{background: #202020; color: #fabb00; text-decoration: none;}
#menu ul li a {padding-left: 15px; padding-right: 15px;}

/* okraje submenu */ 
#menu ul li.show ol li a 	{border-bottom: 1px solid #ffffff;}
#menu ul li.show ol li a:hover 	{border-bottom: 1px solid #ffffff;}
#menu ul li.matches ol li {background: #f0352e;	color: #CE0000;} 
#menu ul li.matches ol li {background: #f0352e;	color: #ffffff;}
#menu ul li.matches ol li a {color: #ffffff; 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: #202020; color: #ffffff;font-weight:bold;}
#layout #bottom a {color: #ffffff;}

#layout #bottom_menu {color: #da2b16;}
#bottom_menu a {color: #da2b16;}

/*-------------------------- 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: none; border:none; position: absolute;
    top: 250px;
    left: 0;}

#bottom_logo {position:absolute;top: 250px;right:45px;}

/*-------------------------- 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: #176FB6; 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: #176FB6; color: #ffffff;}
#col_games .header {background: #176FB6; color: #ffffff;}
#tabmatches thead TR TH, #tabroster thead TR TH, #tabplayer thead TR TH  {background: #202020; color: #ffffff;} 
#tabmatches thead TR TH A, #tabroster thead TR TH A, #tabplayer thead TR TH A {background: #202020; color: #ffffff;} 
#gameseason, .forumheader {background: #202020; color: #ffffff;}
#gameseason A, .forumheader A {color: #ffffff;}
.forumheader {height: 23px; padding: 4px 5px 0px 5px;}

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

/*-------------------------- 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: 720px;
  padding-left: 8px;
}

.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:#f1f1f1;}
.slider2 .flexslider2 li.active {background-color: #176FB6!important;}
.slider2 .flexslider3 li h1 {background: transparent!important;}
#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{left: -134px;top: 220px;}


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

h3{font-weight:bold; color:#176FB6;}


.header.block-15,.header.block-41{display:none;}
.block-15{padding:0px 0px 0px 0px!important;background:#ffffff!important;}
.header.block-16{display:none;}
.block-16{padding:0px 0px 0px 0px!important;background:#ffffff!important;margin-top: -5px;}
.header.block-17{display:none;}
.block-17{padding:0px 0px 0px 0px!important;background:#ffffff!important;}
.header.block-18{display:none;}
.block-18{padding:0px 0px 0px 0px!important;background:#ffffff!important;margin-top: -5px;}
.header.block-43{display:none;}
.block-43{padding:0px 0px 0px 0px!important;background:#ffffff!important;margin-top: -5px;}

.slider2 a:link{color:#202020;}
.slider2 a:visited{color:#202020;}


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

ul.slides li.active{-webkit-box-shadow: inset 0px 1px 0px 0px rgba(218, 43, 22, 1);
-moz-box-shadow: inset 0px 1px 0px 0px rgba(218, 43, 22, 1);
box-shadow: inset 0px 1px 0px 0px rgba(218, 43, 22, 1);}

iframe{border-width:0px;}


.slider2 .flexslider3 li .flexslider3title {
width:100%;
background: rgba(100,98,100,0)!important;;
background: -moz-linear-gradient(top, rgba(100,98,100,0) 0%, rgba(61,60,61,1) 91%, rgba(57,56,57,1) 100%)!important;;
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(100,98,100,0)), color-stop(91%, rgba(61,60,61,1)), color-stop(100%, rgba(57,56,57,1)))!important;;
background: -webkit-linear-gradient(top, rgba(100,98,100,0) 0%, rgba(61,60,61,1) 91%, rgba(57,56,57,1) 100%)!important;;
background: -o-linear-gradient(top, rgba(100,98,100,0) 0%, rgba(61,60,61,1) 91%, rgba(57,56,57,1) 100%)!important;;
background: -ms-linear-gradient(top, rgba(100,98,100,0) 0%, rgba(61,60,61,1) 91%, rgba(57,56,57,1) 100%)!important;;
background: linear-gradient(to bottom, rgba(100,98,100,0) 0%, rgba(61,60,61,1) 91%, rgba(57,56,57,1) 100%)!important;;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646264', endColorstr='#393839', GradientType=0 );
}

.slider2 .flexslider3 li .flexslider3title {
    padding-top: 130px!important;
}

                                                                                                                                                                           .layout1.body-event-index #col_games {display:none;}
.layout1.body-statictext-detail #content #col_text {width:710px;}
.layout1.body-statictext-detail #content #col_news {margin: 0px 0px 0px 0px;display:none;}

/*.layout1.body-match-category #col_games {display:none;}
.layout1.body-match-category #content #col_text {width:710px;}
.layout1.body-match-category #content #col_news {margin: 0px 0px 0px 0px;width:210px;}*/

#content .box.tabs nav a {width: 15px;padding: 5px 10px;}
#content .box.tabs nav {background: #176FB6 url(bg_menu.jpg) repeat-x;}
#content .box.tabs nav a.active {background: #0a4a7e;}

#content .box.tabs.block-31 nav a {width: 85px!important;}


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

#col_news .box table {font-size: 0.9em;}

.box.block-custom.block-32 img {max-width:190px;}
#content .box.block-32 {background: #ffffff!important;}

#layout #bottom-top {position:relative;}