    *                 { font-family:"Times New Roman",serif; font-size:12px; -moz-background-clip:padding; z-index:0; margin:0px; padding:0px; -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */ -moz-box-sizing: border-box; /* FF1+ */ box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/ }
    a                 { cursor:pointer; text-decoration:none; }
    button            { white-space:nowrap; cursor:pointer; }
    body              { background:url('../images/pozadi.png') repeat; text-align:center; } /*min-height:860px;*/

    #obal             { top:0px;   left:0px; width:1024px; position:relative; margin:0px auto;  text-align:left; min-height:860px;}
    #page             { top:10px;  left:0px; width:1024px;  height:830px; position:absolute; background:silver; border:1px solid darkblue; text-align:left;}
/*HTML editor */
    .editor 					{ border:1px solid #888; }
    .editor-controls 			{ border-bottom:1px solid #888; background-color:#efefef; padding:4px; }
    .editor .separator			{ margin-left: 1px; }
    .editor .br 				{ display:block; }
    .editor .button				{ margin-left:1px; border:1px solid #efefef; cursor:pointer; }
    .editor .pressed			{ border:1px solid #888; background-color:#ccc;}
    .editor .select				{ margin-left:1px; border:1px solid #aaa; padding:2px 18px 2px 3px; font-family:verdana; font-size:70%; cursor:pointer; position:relative; top:-5px; background-image:url(/img/widgets/editor/select.gif); background-repeat:no-repeat; background-position:100% 50%; background-color:#fff; }
    .editor .options			{ border:1px solid #888; border-bottom:none; cursor:pointer;}
    .editor .options .option	{ background-color:#fff; border-bottom:1px solid #888; padding:1px; }
    .editor .options .mouseover	{ background-color:#ddf; border:none; border-bottom:1px solid #888; }
    .editor .mouseover			{ border:1px solid #666; background-color:#ddd; }
    .editor .disabled 			{ cursor:default !important; opacity:0.5; filter:alpha(opacity=50); }
/*   Kalendář  */
    .cal-content										{ position: relative; z-index:999; border: 1px solid; border-color: #fff #000 #000 #fff; font-size: 11px; cursor: default; background: Window; color: WindowText; font-family: tahoma,verdana,sans-serif;}
    .cal-content table							{ border: 1px solid; border-color: #fff #000 #000 #fff; font-size: 11px; cursor: default; background: Window; color: WindowText; font-family: tahoma,verdana,sans-serif;}
    .cal-button											{ text-align: center; padding: 1px; border: 1px solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; background: ButtonFace;  cursor: pointer;}
    .cal-nav											  { background: ButtonFace url(../images/menuarrow.gif) no-repeat 100% 100%;}
    .cal-title											{ font-weight: bold; cursor: move; padding: 1px; border: 1px solid #000; background: ActiveCaption; color: CaptionText; text-align: center;}
    body:first-of-type .cal-title 	{ color: green; }
    .cal-dayname										{ border-bottom: 1px solid ButtonShadow; padding: 2px; text-align: center; background: ButtonFace; color: ButtonText;}
    .cal-weekend										{ color: #f00;}
    .cal-content thead td.mouseover	{ border: 2px solid; padding: 0px; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;}
    .cal-content thead td.mousedown	{ border-width: 1px; padding: 2px 0px 0px 2px; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;}
    body:first-of-type .cal-content tr.mouseover td 	{ background-color: blue; }
    .cal-day											  { width: 2em; text-align: right; padding: 2px 4px 2px 2px; cursor: pointer;}
    .cal-wn												  { padding: 2px 3px 2px 2px; border-right: 1px solid ButtonShadow; background: ButtonFace; color: ButtonText;}
    .cal-content tr.mouseover td		{ background: Highlight; color: HighlightText;}
    .cal-content .cal-day.mouseover	{ padding: 1px 3px 1px 1px; border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff;}
    .cal-content .cal-day.mousedown	{ padding: 2px 2px 0px 2px; border: 1px solid; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;}
    .cal-selected										{ font-weight: bold; border: 1px solid; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; padding: 2px 2px 0px 2px; background: ButtonFace; color: ButtonText;}
    .cal-obsolete										{ color: #aaa; }
    .cal-today											{ font-weight: bold; color: #00f;}
    .cal-status											{ background: ButtonFace; padding: 1px; border: 1px solid; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; color: ButtonText; text-align: center; cursor: move;}
    .cal-roller											{ position: absolute; width: 4em; top: 0px; left: 0px; border: 1px solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; background: Menu; color: MenuText; font-size: 90%; padding: 1px;}
    body:first-of-type .cal-roller 						{ background-color: gray; cursor: pointer; }
    .cal-roller .label									{ text-align: center; padding: 1px;}
    .cal-roller .selected								{ padding: 0px; border: 1px solid #000;}
    .cal-roller .mouseover								{ border: none; background: Highlight; color: HighlightText;}
    body:first-of-type .cal-roller .mouseover 			{ background-color: blue; }
    .cal-launcher										{ margin-left: 3px; }
    .cal-time input										{width: 18px; font-size: 11px; border:1px solid black;}
    .poleform         {font-weight:bold; color:brown; height:24px; border:1px solid silver; font-size:14px; background:#E6EFFA; }
/*  Pomocná okna           */
    .Okno_Edit        {left:0px; right:0px; position:absolute; margin:0px auto;  overflow:hidden; background-color:#CFD4E4; border:2px #EBEFFF outset; z-index:101;}
    .Okno_Dotaz       {top:100px;  left:0px; right:0px; position:absolute; margin:0px auto;  overflow:hidden; background-color:#CFD4E4; border:2px #EBEFFF outset; z-index:101;}
    .Nadp_okna        {top:4px;  left:4px; position:absolute;  overflow:hidden; font-family:"Times New Roman"; font-size:15px; color:#450047; font-weight:bold;}
    .Edit_zona        {top:25px; left:2px; position:absolute;  overflow:auto; background-color:#FFF7F1; border:2px #DDDDDD ridge;}
    .Pop01            {left:10px;   width:100px; position:absolute; overflow:hidden; font-weight:bold;  font-family:Georgia,"Times New Roman",Times,serif; text-align:left;}
    .Edit01           {height:20px; position:absolute; overflow:hidden; text-align:left; border:1px solid #808080; padding-top:2px;}
    .oUpoz            {width:48px; height:48px; position:absolute; overflow:hidden;}
    .PopInfo1         {top:10px;   left:73px;   width:360px; position:absolute; font-size:18px; color:#55112E; text-align:center;}
    .PopInfo2         {top:67px;   left:73px;   width:360px; position:absolute; font-size:16px; color:#003012; text-align:center;}
    .PopInfo3         {top:72px;   left:73px;   width:360px; position:absolute; font-size:14px; color:#0000A4; text-align:center;}
    .TlUdelat         {bottom:7px; left:81px;   width:112px; height:22px; position:absolute; overflow:hidden; border:2px ridge white; background-color:#CFD4E4;}
    .TlNe             {bottom:7px; right:15px;  width:112px; height:22px; position:absolute; overflow:hidden; border:2px ridge white; background-color:#CFD4E4;}    
    .Ico_Quit         {top:5px;     right:8px;   width:16px;        height:16px;     position:absolute; overflow:hidden; background:url('../images/del3.gif'); border:0px;}
    .Ico_kale         {top:5px;     right:8px;   width:16px;        height:16px;     overflow:hidden; background:url('../images/kalendar.gif'); border:0px; margin-left:12px;}
    .Ico_sezn         {top:5px;     right:8px;   width:16px;        height:16px;     overflow:hidden; background:url('../images/seznam.png'); border:0px; margin-left:12px;}
    .Ico_sezz         {top:5px;     right:8px;   width:16px;        height:16px;     position:absolute; overflow:hidden; background:url('../images/view_list.png'); border:0px; margin-left:12px;}
    .Ico_Info         {bottom:6px;  right:8px;   width:16px;        height:16px;     position:absolute; overflow:hidden; background:url('../images/info.gif'); border:0px;}
    .Ico_tl           {width:16px;  height:16px; position:absolute; overflow:hidden; background:url('../images/view_list.png'); border:0px;}
    .Ico_Save         {bottom:7px;  right:6px;   width:24px;        height:24px;     position:absolute; overflow:hidden; background:url('../images/save.png'); border:0px;}
    .Ico_Save1        {width:24px;  height:24px; position:absolute; overflow:hidden; background:url('../images/save.png'); border:0px; float:right;}
    .aIco_tisk        {top:6px;     width:16px;  right:72px;        height:16px;     position:absolute; overflow:hidden; border:0px;}
    .Ico_tisk         {top:0px;     width:16px;  left:0px;          height:16px;     position:relative; border:0px;}
    .Ico_print        {bottom:7px;  right:15px;   width:24px;        height:24px;     position:absolute; overflow:hidden; background:url("../images/tisk.gif") no-repeat; border:0px; cursor:pointer; }
    .Ico_Sezn         {top:0px;     left:0px;    width:16px;        height:16px;     position:absolute; overflow:hidden; background:url('../images/list_users.gif'); border:0px;}

/*        --------------------------  HLAVIČKA  -------------------------------------   */
    #hlavicka        { top:0px;   left:0px;   width:1024px; height:86px;  position:relative; overflow:visible; }
    #logo            { top:3px;   left:4px;   width:32px;   height:32px;  position:absolute; overflow:hidden; background:url('../images/logo.png') no-repeat transparent; }
    #nazev           { top:5px;   left:48px;  width:395px;  height:27px;  position:absolute; overflow:hidden; background:url('../images/nazev.png') no-repeat transparent; }
    /*  MENU  */
    #menu            { top:38px;  left:0px;   width:1024px; height:32px;  position:absolute;  background:url('../images/panh.png') repeat-x; border-top:2px solid white; z-index:200; }
    #menu_blok       { top:50px;   left:10px;  width:1014px; height:30px;  position:absolute;  font-family:"Times New Roman"; font-size:18px;  overflow:visible;  z-index:500;} /*float:left;*/
    ul                    { list-style:none; padding:0px; margin:0px; }
    .hul                  { position:relative; z-index:105; }
    .hli                  { margin:3px 0px 0px 5px; height:25px; background:url('../images/tl_pruh.jpg') repeat-x; }
    .vyb                  { background:#3550C3; }
    .ha                   { color:white; }
    .ha, .pa              { height:100%;  padding:5px 10px; text-decoration:none; color:navy; font-family:times; font-size:16px; }
    .ha, .hli             { float:left; display:block; white-space:nowrap; position:relative; z-index:101; }
    .ha, .pa, .pli        { float:none; }
    .hli                  { z-index:auto; }
    .pul                  { top:25px; position:absolute; padding:10px; display:none; background:#F7F7F7; border:3px groove #DADADA; z-index:110; text-align:left; clear:none; }
    .hli:hover            { background:silver; }
    .hli:hover .ha        { color:brown; }
    .hli:hover .pul       { display:block; }
    .pli                  { height:21px; }
    .plid                 { height:1px; position:relative;}
    .pli:hover            { background:navy; }
    .pli:hover .pa        { color:white; }
    .pa                   { padding-top:3px; }
  	.divx                 { top:0px; left:0px; width:100%; height:1px; position:absolute; border-top:1px solid #BFBFBF;  display:inline-block;}
    #stinh           { top:70px;  left:0px;   width:1024px; height:16px;  position:absolute; overflow:hidden; background:url('../images/shor.png') repeat-x; border:0px;}

/*        --------------------------   TĚLO   -------------------------------------   */
    #telo        { top:0px;  left:0px;   width:1024px; height:679px; position:relative; overflow:visible; float:left; background:white; z-index:190; }
    #nadpsez     { top:11px;  left:7px;   width:200px;  height:32px;  position:absolute; overflow:hidden; border:1px solid navy; z-index:105; text-align:center; }
    #nadpsez_tx  { top:0px;   left:0px;   width:198px;  height:30px;  position:absolute; overflow:hidden; background:#DCDCDC; font-family:"Times New Roman"; font-size:22px; border:1px solid white;}
    #nadpsezs    { top:14px;  left:9px;   width:200px;  height:32px;  position:absolute; overflow:hidden; background:silver; z-index:5; }
    #operace     { top:11px;  left:815px; width:200px;  height:32px;  position:absolute; overflow:hidden; background:#DCDCDC; border:1px solid navy; z-index:105; }
    #tl_print    { top:3px;   left:4px;   width:24px;   height:24px;  position:absolute; overflow:hidden; background:url("../images/tisk.gif") no-repeat; border:0px; cursor:pointer; }
    #tl_novy     { top:3px;   left:74px;  width:24px;   height:24px;  position:absolute; overflow:hidden; background:url("../images/novy.gif") no-repeat; border:0px; cursor:pointer; }
    #tl_upravit  { top:3px;   left:107px; width:24px;   height:24px;  position:absolute; overflow:hidden; background:url("../images/upravit.gif") no-repeat; border:0px; cursor:pointer; }
    #tl_zrusit   { top:3px;   left:168px; width:24px;   height:24px;  position:absolute; overflow:hidden; background:url("../images/zrusit.gif") no-repeat; border:0px; cursor:pointer; }
    #tl_obnov    { top:3px;   left:168px; width:24px;   height:24px;  position:absolute; overflow:hidden; background:url("../images/undo_b.png") no-repeat; border:0px; cursor:pointer; }
    #operaces    { top:14px;  left:818px; width:200px;  height:32px;  position:absolute; overflow:hidden; background:silver; z-index:5; }
    /*  SEZNAM */
    .seznam      { top:56px;  left:7px;   width:200px;  height:554px; position:absolute; overflow:hidden; background:#C1C1C1; padding:0px; border:1px solid darkblue; z-index:105; }
    #sez_popis   { top:0px;   left:0px;   width:198px;  height:26px;  position:absolute; overflow:hidden; background:#A1A1A1; border:0px; }
    #sez_rad     { top:26px;  left:1px;   width:198px;  position:absolute; overflow:auto; } /* height:526px; */
    .rad         { top:0px;   left:0px;   width:auto;   height:21px;  position:relative; display:block; }
    .rad1        { top:0px;   left:0px;   width:auto;   height:21px;  position:relative; display:block; }
    .pol         { top:1px;   height:20px;  position:absolute; overflow:hidden; display:inline-block; white-space:nowrap; text-overflow:ellipsis;}
    .polc1       { background:#ECE9D8; color:darkblue; }
    .polc2       { background:#E2E6EC; color:black; }
    .seznams     { top:59px;  left:10px;  width:200px; height:554px; position:absolute; overflow:hidden; background:silver; z-index:5;}
    .Obr2        { top:0px; left:0px; width:12px; height:12px; position:relative; margin:5px 0px 0px 4px; float:left; }
    /*  KARTA */
    #karta_box   { top:56px;  left:214px; width:806px;  height:560px; position:absolute;  z-index:105;}
    .ousko_box   { top:0px;   left:0px;   position:absolute; z-index:106; } /*background:white; */
    .ousko       { top:0px;   left:0px;   height:27px;  position:relative; background:white;  padding:1px 1px 0px 1px; border-top:1px solid navy; border-right:1px solid navy; border-left:1px solid navy; float:left;  display:inline-block;}
    .ousko_tx    { top:0px;   left:0px;   height:25px;  position:relative; background:#DCDCDC;  padding:3px 5px 0px 5px; text-align:center; display:inline-block;}
    .ouskos      { top:0px;   left:0px;   width:3px;    height:23px;  position:relative; overflow:hidden; background:silver; margin-top:4px; border-bottom:1px solid navy; z-index:101; float:left;}
    .ouskom      { top:0px;   left:0px;   width:2px;    height:27px;  position:relative; overflow:hidden; border-bottom:1px solid navy; z-index:101; float:left;}
    #karta       { top:26px;  left:0px;   width:801px;  height:528px; position:absolute; overflow:auto; background:#FFFFF0;  border:1px solid navy; z-index:105;}
    #kartas      { top:29px;  left:3px;   width:801px;  height:528px; position:absolute; overflow:hidden; background:silver; z-index:101;}
    .polet       { border:1px solid #2A5F00; background:white;}
    .poletr      { border:1px solid #45736B;  background:#E4EBFE;}
    .textpol     { border:1px solid #2A5F00; background:white;}
    .textpolr    { border:1px solid #45736B;  background:#E4EBFE;}
    .polet:focus { background:#AACDFF; }
    .poletr:active { background:white; }
    /*   NAVIGACE  */
    #navig       { top:626px; left:7px;   width:1008px; height:30px; position:absolute; background:url('../images/nav_pruh.jpg') repeat-x;  border:0px; font-family:"Times New Roman"; font-size:12px; color:white; z-index:105;}
    #nav_zac     { top:3px;   left:3px;   width:24px;   height:24px; position:absolute; overflow:hidden; font-weight:bold; cursor:pointer; }
    #nav_naz     { top:3px;   left:29px;  width:24px;   height:24px; position:absolute; overflow:hidden; font-weight:bold; cursor:pointer; }
    #nav_pop1    { top:8px;   left:59px;  position:absolute; }
    #nav_str     { top:4px;   left:98px;  width:46px;   height:22px; position:absolute; overflow:hidden; background:#CFE1F3; border:0px; padding-top:2px; color:black; text-align:center; }
    #nav_dop     { top:3px;   left:148px; width:24px;   height:24px; position:absolute; overflow:hidden; font-weight:bold; cursor:pointer; }
    #nav_kon     { top:3px;   left:174px; width:24px;   height:24px; position:absolute; overflow:hidden; font-weight:bold; cursor:pointer; }
    #nav_ban1    { top:3px;   left:204px; width:1px;    height:24px; position:absolute; overflow:hidden; background:#051324; border-left:1px solid white; }
    #nav_pop2    { top:8px;   left:211px; position:absolute; }
    #nav_pol     { top:4px;   left:288px; width:46px;   height:22px; position:absolute; overflow:hidden; background:#CFE1F3; border:0px; padding-top:2px; color:black; text-align:center; }
    #nav_ban2    { top:3px;   left:340px; width:4px;    height:24px; position:absolute; overflow:hidden; background:#051324; border-left:1px solid white; border-right:1px solid white; }
    #nav_pop3    { top:8px;   left:360px; position:absolute; }
    #nav_trid    { top:4px;   left:424px; width:140px;   height:22px; position:absolute; background:#D2E4F6; border:0px; }
    #nav_pop4    { top:8px;   left:640px; position:absolute; }
    #nav_hle     { top:4px;   left:691px; width:180px;  height:22px; position:absolute; background:#D2E4F6; border:0px; }
    #nav_hleh    { top:3px;   left:876px; width:126px;  height:24px; position:absolute; overflow:hidden;    border:0px; }
    #navigs      { top:629px; left:10px;  width:1008px; height:30px; position:absolute; overflow:hidden;    background:silver; z-index:5;}
/*        ----------------------------------------------------------------------------------------------       */
/*  LOGIN   */
    #loginb           { top:260px; left:361px; width:300px;  height:160px; position:absolute; overflow:hidden; border:1px dotted silver; }
    #nadlog           { top:10px;  left:14px;  width:300px;  height:16px;  position:absolute; overflow:hidden; color:#562102; font-family:"Times New Roman"; font-size:14px;  }
    #tituzi           { top:55px;  left:17px;  position:absolute; color:#182564; }
    #tithes           { top:90px;  left:17px;  position:absolute; color:#182564; }
    #jmeno            { top:53px;  left:102px; width:151px;  height:19px;  position:absolute; overflow:hidden; background:#EEEEEE; border:1px #BBBBBB solid; color:red;}
    #heslo            { top:88px;  left:102px; width:151px;  height:19px;  position:absolute; overflow:hidden; background:#EEEEEE; border:1px #BBBBBB solid; color:darkgreen;}
    #tllog            { top:130px; left:220px; width:65px;   height:21px;  position:absolute; overflow:hidden; background:#DDE4FE; border:1px #707070 solid; color:#182564; }
/*        -----------------------------------   PATA    ------------------------------------------------       */
    #pata        { top:0px; left:0px;   width:1022px; height:56px; position:relative; float:left; }
    #stind       { top:0px;   left:0px;   width:1022px; height:6px;  position:absolute; overflow:hidden; background:url('../images/sdol.png') repeat-x; }
    #status      { top:6px;   left:0px;   width:1022px; height:30px; position:absolute; overflow:hidden; background:url('../images/pand.png') repeat-x; border-bottom:2px solid white; }
    #uziv_tx     { top:6px;   left:7px;   position:absolute; color:#c76e53; }
    #uziv        { top:6px;   left:140px; position:absolute; color:#FFBF00; }
    #logout      { top:2px;   left:914px; width:100px; height:23px; position:absolute; overflow:hidden;   background:#000144; color:#FFFF00; font-family:"Times New Roman"; font-size:18px; font-weight:bold; border:1px solid silver; cursor:pointer; }
    #copyrite    { top:40px;  left:870px; position:absolute; color:#f56404; font-size:12px;}
/*        ----------------------------------------------------------------------------------------------       */
    .newtre      { top:4px; left:2px;  width:16px;  height:16px; position:absolute; background:url('../images/newtre.gif'); border:0px; cursor:pointer;}
    .deltre      { top:3px; left:1px;  width:16px;  height:16px; position:absolute; background:url('../images/dele.png'); border:0px; cursor:pointer;}
    .editre      { top:3px; left:1px;  width:16px;  height:16px; position:absolute; background:url('../images/edit.png'); border:0px; cursor:pointer;}
    .dattre      { top:0px; left:19px; width:72px;  height:23px; position:absolute; background:transparent; border:0px; padding-top:5px; padding-left:2px; text-align:left; font-size:14px; font-weight:bold; cursor:pointer;}
    .Ico_novy    { top:0px; left:0px;  width:24px;  height:24px; position:absolute; background:url("../images/novy.gif") no-repeat; border:0px; cursor:pointer;}
    .tabtr       { height:23px; }
    .tabtd1      { width:18px;  }
    .tabtd2      { width:30px;  }
    .tabtd2      { width:18px;  }
    .ciszas      { width:20px; font-size:16px; color:brown;}
    .delzas      { width:16px; height:16px; background:url('../images/dele.png');  border:0px; cursor:pointer; }
    .zasho       { width:30px; height:20px; background:#CFD4E4; font-size:16px; border:0px; text-align:right;  }
    .tlzas       { width:16px; height:18px; border:1px solid black; color:white;  text-align:right;}
    .zasah       { /* visibility: hidden; */ }
    #terc        { bottom:10px; left:10px; width:502px; height:502px; position:absolute; background:url('../images/terc1.png'); cursor: url('../images/zamer.cur'); overflow:hidden; }
    .tercm       { top:19px; left:0px;  width:130px; height:130px; position:absolute; background:url('../images/terc3.png'); border:0px; cursor:pointer; }
    .editer      { top:0px;  right:3px; width:16px;  height:16px;  position:absolute; background:url('../images/edit.png');  border:0px; cursor:pointer; }
    .delter      { top:0px;  left:3px;  width:16px;  height:16px;  position:absolute; background:url('../images/dele.png');  border:0px; cursor:pointer; }