@charset "utf-8";
/*  div id- když je jeden výskyt na stránku, div class když jeden nebo více výskytů  */
/* 16px*62,5%=10px lze libovolně měnit velikost písma, velikost písma procentech přebírá velikost od rodičovského prvku 
 čili prohlizece ty jsou většinou nastaveny na 16px, zvlášt se ještě musí nastavit některé elementy jako form apod.*/ 

/* == GLOBÁLNÍ NASTAVENÍ == 
=============================*/
 * { margin: 0; padding: 0;}  /* selector je pro vsechny elementy*/
html { height: 100%; font-size: 62.5%; } 
body { height: 100%; font: 1.2em Verdana, Arial, Tahoma,  Helvetica, sans-serif; text-align: center; color:black;
       margin: 0 auto;/* background-image:  url(../images/top_background.gif); background-repeat:repeat-x;  background-color: white;*/ }    

a:link, a:visited { text-decoration: none; color: #eeb900;} 
a:active { color:black;}
a:hover  {  color: #898989; text-decoration: underline;}
a.current { font-weight:bold;}


h1  {color: black; font-size: 145%; padding: 15px 0px 20px 0px; text-align:left;}
h2  {color: black; font-size: 135%; padding: 15px 0px 10px 0px; text-align:left;}
h3  {color: black; font-size: 115%; padding: 5px 0px 5px 0px; text-align:left;}

p {line-height: 1.2; margin-bottom: 12px; font-size: 1.1em; padding: 0px 0px 0px 0px; text-align:justify;}

.title {  cursor:pointer;}
table  { width:100%; }
table, th, td { border-collapse:collapse; }
td, th				{ padding: 1px 7px 1px 7px; }
th						{  font-family: Arial; text-align:left; color: white; background: black;}
tr.alt td 		{ background-color: #f2f2f2;}


img						{  margin: 2px 6px 2px 6px; border-color: #1a8772;}
ul 						{ list-style:none;}
/*il 						{display: inline; list-style-type: none; text-align: left;}*/
input, select, textarea, radio, button	{ font-size: 14px; border:1px solid gray; vertical-align:middle;}
.button { background:white; min-width: 60px; height: 20px;  padding:0px 6px 2px 6px; cursor: pointer;}
.button:active { padding:1px 5px 1px 7px;}
.checkbox { border:0px;}
input	{  height: 20px; font-family: Arial; }
input.must		{	background: #c8e8e8;}
select.must 	{	background: #c8e8e8;}
form 	{ font-size: 100%; border:0px solid gray; }

option { padding-left:3px; padding-right:6px;}
textarea { width:100%; /*resize: none;*/ font-size: 14px; font-family:verdana;} 

/* HLAVNÍ RÁMCE - zakladni stavebni prvky stranky 
================================================*/
#main_frame { width:1000px; margin: 0 auto; float:center;}
#top_frame { clear:both; min-height: 120px; width:100%;  border:0px solid #005D8C; margin-bottom: 5px; }
#side_frame { display: inline; clear:both; width:200px; min-height: 480px; float:left; margin-top:0px;  border:0px normal white; }
#content_frame { display: inline;  float:left; width:800px; margin-top:0px; border-top:0px normal white; height:auto; min-height: 480px;  }
#content_frame_thin { display: inline;  float:left; width:560px; margin-top:0px; border-top:0px normal white; height:auto; min-height: 480px; }
#right_frame { float:right;  width:240px; min-height: 480px; border:0px normal gray; }
#bottom_frame { clear:both; border:0px solid gray; width:100%; margin-top:2px; height:80px;  }

/* DIVY, RÁMCE, BLOKY 
========================*/
#top_title_frame { clear:both; text-align:left; vertical-align:bottom; height: 260px; width:100%; padding:2px 0px 2px 0px; }
#side_menu { width:99%; float:right;text-align:right;border: 1px solid #dddddd;background-color:white;}
#content_main { float:center;  width:99%; margin: 0 auto; border: 1px solid #dddddd; height:auto; min-height: 400px; background-color:white;  }
#content_text { clear: both; width:88%; margin: 0 auto; position: relative; right: 18px;  }

#mess_report { clear:both; float:center;  max-width:100%; text-align:center; padding:2px 10px 2px 10px; margin:0px 0px 3px 0px; border: 1px solid #a2a2a2;}

/* FORMULÁŘE 
===============*/
.checkAll {border:1px; background-color:blue;}


/* LIST-STYLE SEZNAMY (MENU apod.)
================================*/
#side_frame ul { font-size:110%;text-align: left;width: 100%; font-weight:bold;  margin-bottom: 12px; }
#side_frame li { line-height: 14px; padding:3px 0px 2px 20px; list-style-image: url("../images/arrow.gif"); list-style-position: inside;  
                 border-left: 0px solid #f2f2f2; border-top:0px; margin-left: 5px;}
#side_frame li a{  margin-left: 0px;  }




/* TABULKY 
========================*/
table.tabA {  clear:both; border: 0px solid #cccccc;margin:0px 0px 2px 0px; width:100%; }
table.tabA TH {font-size:12px;border-color:#8cacbb;  border-top: 0px solid #aaaaaa; border-bottom: 0px solid #aaaaaa;}
table.tabA TD { font-size:13px; }
td.tabATop { background-color:white;border: 0px solid white;}
td.tabABottom { background-color:white;border-top: 0px solid #aaaaaa;}


td.info { font-size:11px;color:#666666; border-left: 1px solid #cccccc; border-bottom:1px solid #cccccc;}

/*Tabulka vypisující formuláře*/
table.formA {  clear:both; border: 1px solid #dddddd; background-color:#f8f8f8; margin:0px 0px 0px 0px; width:100%;  }
table.formA TH { font-size:13px;padding-left: 10px;   }
table.formA TD { font-size:13px; padding-top: 6px;padding-left: 10px; }
/*nefunguje v IEtable.formA tr td:first-child { padding-left: 15px;  }*/

/* Tabulky využité v v sestave zápasu*/
table.squad  { width:auto;}
table.squad TD { font-size:10px; color:white;  width:100px;}

/* SPANY, PÍSMA
========================*/
.webTitle  { font: bold 120% verdana;color:#eeeeee;text-align: center;float: left; margin:0px 5px 5px 385px;background: #1a8772;}
.loginInfo  { font-size: 100%; float: right;color:white; margin:1px 1px 0px 0px;background: black;}



#option { width:100%; text-align:left; margin-bottom:1px;   }
#option a {width:100%; float:left; background:#666666; display:block; padding:5px 0px 5px 0px; border-bottom: 1px solid #dddddd;text-decoration: none;}
#option a:hover { width:100%; background:#d8d8d8;}