﻿/* ---------- GENERAL */

body    { margin: 0 0 5px 0; border: 0; padding: 0;
/*	font-family: 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif; */
	font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif;
	font-size: 75%;	color: #000000;	background: #eaeaea; }

h1	{ font-size: 100%; font-weight: bold; color: black; margin: 15px 0 10px 0; background: transparent; }
h2	{ font-size: 100%; color: #003399; margin: 10px 0 5px 0; }
h2.none { display: none; font-size: 95%; }
.none   { display: none; }
h3	{ font-size: 100%; color: black; font-weight: bold; margin: 10px 0 0 0; border: 0; padding: 0; }

strong	{ font-style: normal; font-weight: bold; }
hr	{ display: none }
img 	{ margin: 0; border: 0; padding: 0; }

a 	{ color: #b41621; font-weight: bold; background: transparent; }
a:link 	{ color: #b41621; font-weight: bold; text-decoration: underline; background: transparent; }
a:hover { color: red; font-weight: bold; text-decoration: underline; background: transparent; }

form    { margin: 0; padding: 0; border: 0; }
textarea, input { font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; }

/* ---------- OBRYS */

#obrysbox     { width: 1000px; margin: 0; border: 0; padding: 0; text-align: left; color: black; background: url("../../images/obbg.jpg") top left repeat-y; }
#obrysmainbox { width: 1000px; margin: 0; border: 0; padding: 0; text-align: left; color: black; background: url("../../images/obmainbg.jpg") top left repeat-y; }

/* ------------------------------------------------------------ LEFT ------------------------------------------------------------  */

/* ---------- LEFT */

#leftbox { width: 260px; float: left; margin: 0; border: 0; padding: 0; }
#left    { margin: 0; border: 0; padding: 0; }

/* ---------- LEFT-LOGO */

/* ---------- kvintech */
#lelogobox  { width: 260px; height: 180px; position: relative; background: url("../../images/topbg.jpg") top left repeat-x; }
#lelogo     { margin: 0; border: 0; padding: 67px 0 0 20px; }
#lesqr      { width: 10px; height: 10px; position: absolute; left: 0; top: 170px; margin: 0; border: 0; padding: 0; background: url("../../images/lesqr.jpg") top left no-repeat; }
#letspace   { width: 260px; height: 5px; margin: 0; border: 0; padding: 0; color: black; background: #eaeaea; font-size: 0px; }

/* ---------- kvsoft */
#kvsoftlelogobox  { width: 260px; height: 180px; position: relative; background: url("../../images/partners/kvsoft/topbg.jpg") top left repeat-x; }
#kvsoftlelogo     { margin: 0; border: 0; padding: 53px 0 0 20px; }
#kvsoftlesqr      { width: 10px; height: 10px; position: absolute; left: 0; top: 170px; margin: 0; border: 0; padding: 0; background: url("../../images/partners/kvsoft/lesqr.jpg") top left no-repeat; }
#kvsoftletspace   { width: 260px; height: 5px; margin: 0; border: 0; padding: 0; color: black; background: #eaeaea; font-size: 0px; }


/* ---------- LEFT-LOGOSYS */

#lelogosysbox  { width: 260px; height: 105px; position: relative; background: url("../../images/topbg.jpg") top left repeat-x; }
#lelogosysbox_error  { width: 260px; height: 115px; position: relative; background: url("../../images/topbg.jpg") top left repeat-x; }
#lelogosys     { margin: 0; border: 0; padding: 0px 0 0 0px; }
#lesqr      { width: 10px; height: 10px; position: absolute; left: 0; top: 170px; margin: 0; border: 0; padding: 0; background: url("../../images/lesqr.jpg") top left no-repeat; }
#letspace   { width: 260px; height: 5px; margin: 0; border: 0; padding: 0; color: black; background: #eaeaea; font-size: 0px; }

/* ---------- LEFT-MENU */

#lemenubox  { width: 260px; margin: 0; border: 0; padding: 0; background: url("../../images/lemenubg.gif") top left repeat-y; }
#lemenutop  { width: 260px; height: 30px; margin: 0; border: 0; padding: 0; background: url("../../images/lemenutop.jpg") top left no-repeat; }
/* #lemenubot  { width: 260px; height: 20px; margin: 0; border: 0; padding: 0; background: url("../../images/leftbot.jpg") top left no-repeat; } */
#lemenutop h2, #lemenutop h4 { margin: 0; border: 0; padding: 6px 0 0 25px; color: white; font-size: 120%; }

#lemenu     { margin: 0; border: 0; padding: 10px 0 0 0; }

#lemenu ul    { margin: 0; padding: 0; list-style: none; }
#lemenu ul li { margin: 0; padding: 0; }

/* ---------- TOP - nejvyšší úroveň */

#lemenu ul li.top .tmain
{ display: block; margin: 0; padding: 0; border: 0; height: 25px; font-size: 110%; background: url("../../images/lemenusek.jpg") top left no-repeat; }

#lemenu ul li.top a, #lemenu ul li.top a:hover    
{ display: block; padding: 4px 1px 0 19px; }

#lemenu ul li.top a
{ text-transform: none; text-decoration: none; color: white; font-weight: bold; }

#lemenu ul li.top a:hover
{ text-transform: none; text-decoration: none; color: white; font-weight: bold; }

/* ---------- Slides Control */


#lemenu ul li ul li.slides a
{ display: block; padding: 5px 0px 0px 0px; font-weight: normal; text-decoration: none;
  text-transform: none; color: black; font-weight: normal; background: transparent; text-align: left; }

/* ---------- MAIN - 1. uroven - verze odkazy; bez odkazu zapoznamkovat sekci */

#lemenu ul li ul li.expanded .main
{ display: block; margin: 0; padding: 0; background: transparent; }

#lemenu ul li ul li.expanded .main a, #lemenu ul li ul li.expanded .main a:hover
{ display: block; margin: 0; padding: 5px 5px 5px 40px; }

#lemenu ul li ul li.expanded .main a
{ text-transform: none; text-decoration: none; color: black; font-weight: bold; background: transparent url("../../images/dotorange.gif") 17px 3px no-repeat !important; }

#lemenu ul li ul li.expanded .main a:hover
{ text-transform: none; text-decoration: none; color: #14833b; font-weight: bold; background: transparent url("../../images/dotorange.gif") 17px 3px no-repeat !important; }

/* ---------- EXPANDED - 2. uroven */

#lemenu ul li ul li.expanded ul li a
{ display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 55px; font-weight: normal; text-decoration: none; 
background: transparent url("../../images/dotblack10.gif") 38px 4px no-repeat !important; color: black; }

#lemenu ul li ul li.expanded ul li a:hover
{ display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 55px; font-weight: normal; text-decoration: none; 
background: transparent url("../../images/dotgreen10.gif") 38px 4px no-repeat !important; color: #14833b; }

/* ---------- EXPANDED - 2. uroven homepage */

#lemenu ul li a, #lemenu ul li a:hover { text-decoration: none; }

/* ---------- cursor */
#lemenu ul li span {cursor: pointer; cursor: hand; text-decoration: none; }
#lemenu .hidden { display: none; }
#lemenu .view { display: block; }

/*---especially for slides---*/
#lemenu_slides     { margin: 0; border: 0; padding: 10px 0 0px 20px; }

#lemenu_slides ul    { margin: 0; padding: 0; list-style: none; }
#lemenu_slides ul li { margin: 0; padding: 0; }

/* ---------- odkazy, span - vsechny urovne */
#lemenu_slides ul li a, #lemenu_slides ul li span  
{ display: block; padding: 5px 5px 5px 25px; font-weight: normal; text-decoration: none; }

/* ---------- general */

#lemenu_slides ul li.expanded span
{ text-transform: none; color: black; font-weight: normal; }

#lemenu_slides ul li a:hover, #lemenu_slides ul li.expanded a:hover, #lemenu_slides ul li.sel span 
{ background: transparent; color: #14833b; }

/* ---------- TABLE SLIDES */
 
table.tslides { border: 0; font-size: 100%;  }
.tslides .tsnosel { color: #c5c5c5; background: auto; width: 100%;}
.tslides .tssel   { background: orange; width: 100%;}
.tslides .tspoints   {white-space:nowrap;}
.tslides a {text-decoration:none; }
.tslides a:hover {text-decoration:none; }
/* ---------- Slides Control */

#lemenu_slides ul li.slides a
{ display: block; padding: 5px 0px 0px 0px; font-weight: normal; text-decoration: none; width: 220px; float: left;
  text-transform: none; color: black; font-weight: normal; background: transparent; text-align: left; }

/* ---------- MAIN nejvyssi uroven - verze odkazy; bez odkazu zapoznamkovat sekci */

#lemenu_slides ul li.expanded .main 
{ margin: 0; padding: 0; }

#lemenu_slides ul li.expanded .main a
{ text-transform: none; color: black; font-weight: normal; background: transparent url("../../images/dotorange.gif") 0px 3px no-repeat !important; }

#lemenu_slides ul li.expanded .main a:hover
{ text-transform: none; color: #14833b; background: transparent; font-weight: normal; }

#lemenu_slides ul li.expanded .mainsel 
{ margin: 0; padding: 0; }

#lemenu_slides ul li.expanded .mainsel a
{ text-transform: none; color: black; font-weight: normal; background: transparent url("../../images/dotorange.gif") 0px 3px no-repeat !important; }

#lemenu_slides ul li.expanded .mainsel a:hover
{ text-transform: uppercase; color: #14833b; background: transparent; font-weight: normal; }

/* ---------- 1.uroven EXPANDED */
#lemenu_slides ul li.expanded ul li a
{ font-size: 100%; font-weight: normal; padding-top: 2px; padding-bottom: 2px; padding-left: 45px; background: transparent url("../../images/dotblack10.gif") 20px 4px no-repeat; color: black; }

#lemenu_slides ul li.expanded ul li.sel span, 
#lemenu_slides ul li.expanded ul li.sel a 
{ font-size: 100%; font-weight: normal; padding-top: 2px; padding-bottom: 2px; padding-left: 45px; background: url("../../images/dotgreen10.gif") 20px 4px no-repeat !important; color: black; }

/* #lemenu_slides ul li.expanded ul li { background: transparent url("../../images/dotblack.gif") bottom left no-repeat !important; }  */

/* #lemenu_slides ul li.expanded ul li a:hover, */
#lemenu_slides ul li.expanded ul li.sel span, 
#lemenu_slides ul li.expanded ul li.sel a 
{ color: #14833b; }

#lemenu_slides ul li.expanded ul li a:hover
{ background: url("../../images/dotgreen10.gif") 20px 4px no-repeat !important; }

#lemenu_slides ul li.expanded ul li.sel a:hover
{ background: url("../../images/dotgreen10.gif") 20px 4px no-repeat !important; }

/* ---------- cursor */
#lemenu_slides ul li span {cursor: pointer; cursor: hand; text-decoration: none; }
#lemenu_slides .hidden { display: none; }
#lemenu_slides .view { display: block; }
/*---------end for slides --------------------*/

/* ---------- INFOLINKA */
.leinfo     { width: 260px; height: 35px; margin: 0; border: 0; padding: 0; background: url("../../images/infolinka.gif") bottom left no-repeat; }
/* ---------- INFOLINKA */
.leinfo     { width: 260px; height: 35px; margin: 0; border: 0; padding: 0; background: url("../../images/infolinka.gif") bottom left no-repeat; }

/* ---------- LEFT-BANNER */

.lespace    { width: 260px; height: 10px; margin: 0; border: 0; padding: 0; background: url("../../images/lespacebg.jpg") top left no-repeat; display: none; }
.lefinishbox { width: 260px; height: 30px; margin: 0; border: 0; padding: 0;display: block; float: left; }
.lefinish   { margin: 0; border: 0; padding: 0 1px 0 1px; display: block; color: white; background: url("../../images/skipc.gif") top left repeat-x; font-size: 110%; }
.lefinish a { width: 250px; height: 30px; margin: 0; border: 0; padding: 0; display: block; color: white; text-decoration: none; }
.lefinish a:hover { width: 258px; height: 30px; margin: 0; border: 0; padding: 0; display: block; color: #eaeaea; text-decoration: none; }
.lefinish a strong { display: block; margin: 0; border: 0; padding: 6px 2px 0px 22px; }

#lebanbox   { width: 260px; margin: 0; border: 0; padding: 0; }
#leban      { margin: 0; border: 0; padding: 10px 20px 0px 20px; }

/* ------------------------------------------------------------ CENTER, OBSAH ------------------------------------------------------------  */

/* ---------- OCENTER */

#ocenter { width: 740px; float: right; margin: 0; border: 0; padding: 0; }

/* ---------- TOP */

/* kvintech */
#topbox  { width: 740px; height: 180px; margin: 0; border: 0; padding: 0; color: white; background: url("../../images/topbg.jpg") top left repeat-x; }
#top     { margin: 0; border: 0; padding: 6px 0 0 0; }

#timg0     { width: 500px; height: 174px; float: left; position: relative; margin: 0; border: 0; padding: 0; background: url("../../images/timg1.jpg") top left no-repeat; }
#timg1     { width: 500px; height: 174px; position: absolute; top: 0; left: 0; z-index: 99; margin: 0; border: 0; padding: 0; background: url("../../images/timg1.jpg") top left no-repeat; }
#timg2     { width: 500px; height: 174px; position: absolute; top: 0; left: 0; z-index: 99; margin: 0; border: 0; padding: 0; background: url("../../images/timg2.jpg") top left no-repeat; }
#timg3     { width: 500px; height: 174px; position: absolute; top: 0; left: 0; z-index: 99; margin: 0; border: 0; padding: 0; background: url("../../images/timg3.jpg") top left no-repeat; }

/* ---------- TOP-TBBOX */

#tbbox     { width: 240px; height: 174px; float: left; margin: 0; border: 0; padding: 0; }

#tbbox ul            { margin: 0; border: 0; padding: 0; list-style-type: none; }
#tbbox ul li         { width: 240px; height: 58px; margin: 0; border: 0; padding: 0; float: left; }
#tbbox ul li a       { width: 240px; height: 58px; display: block; margin: 0; border: 0; padding: 0; color: white; text-decoration: none; }
#tbbox ul li a:hover { width: 240px; height: 58px; display: block; margin: 0; border: 0; padding: 0; color: #eaeaea; text-decoration: underline; } 
#tbbox ul li span    { width: 240px; height: 58px; display: block; margin: 0; border: 0; padding: 0; }

#tbbox ul li a strong  { color: white; background: transport; display: none; }
#tbbox ul li a:hover strong  { color: #eaeaea; background: transparent; display: none; }

/* ---------- li preload */
#tbbox ul li.tb1 { background: url("../../images/tb1o.jpg") top left no-repeat; }
#tbbox ul li.tb2 { background: url("../../images/tb2o.jpg") top left no-repeat; }
#tbbox ul li.tb3 { background: url("../../images/tb3o.jpg") top left no-repeat; }

/* ---------- li a */
#tbbox ul li.tb1 a { background: url("../../images/tb1.jpg") top left no-repeat; }
#tbbox ul li.tb2 a { background: url("../../images/tb2.jpg") top left no-repeat; }
#tbbox ul li.tb3 a { background: url("../../images/tb3.jpg") top left no-repeat; }

/* ---------- li a:hover */
#tbbox ul li.tb1 a:hover { background: url("../../images/tb1o.jpg") top left no-repeat; }
#tbbox ul li.tb2 a:hover { background: url("../../images/tb2o.jpg") top left no-repeat; }
#tbbox ul li.tb3 a:hover { background: url("../../images/tb3o.jpg") top left no-repeat; }

/* kvsoft */
#kvsofttopbox  { width: 740px; height: 180px; margin: 0; border: 0; padding: 0; color: white; background: url("../../images/partners/kvsoft/topbg.jpg") top left repeat-x; }
#kvsofttop     { height: 180px; margin: 0; border: 0; padding: 0; background: url("../../images/partners/kvsoft/topban.jpg") top left no-repeat; }

/* ---------- TOP-TMENU */

#tmenubox       { width: 740px; height: 36px; margin: 0; border: 0; padding: 0; DISPLAY: NONE; }
#tmenu          { width: 240px; margin: 0; border: 0; padding: 6px 0 0 0; }

#tmenu ul       { height: 24px; margin: 0; border: 0; padding: 0; list-style-type: none; }
#tmenu ul li    { margin: 0; border: 0; padding: 0; float: left; background: url("../../images/dotblack.gif") 0px 5px no-repeat;  }
#tmenu ul li a  { height: 24px; text-decoration: none; color: white; display: block; margin: 0; border: 0; padding: 0 0 0 26px; _position: relative; }
#tmenu ul li a:hover { text-decoration: underline; color: #eaeaea; margin: 0; border: 0; padding: 0 0 0 26px; _position: relative; } 

#tmenu strong   { display: block; margin: 0; border: 0; padding: 6px 0 0 4px; text-align: left; font-size: 105%; /* text-transform: uppercase; */ }
#tmenu a strong { text-decoration: none; color: white; background: transparent;	}
#tmenu a:hover strong {	text-decoration: underline; color: #eaeaea; }

/* ---------- li width, margin */
#tmenu ul li.tm1, #tmenu ul li.tm1sel { width: 140px; }
#tmenu ul li.tm2, #tmenu ul li.tm2sel { width: 100px; }
#tmenu ul li.tm3, #tmenu ul li.tm3sel { width: 80px; }
#tmenu ul li.tm4, #tmenu ul li.tm4sel { width: 80px; }
/* ---------- ico - sel */
#tmenu ul li.tm1sel a, #tmenu2 ul li.tm1sel a:hover,
#tmenu ul li.tm2sel a, #tmenu2 ul li.tm2sel a:hover,
#tmenu ul li.tm3sel a, #tmenu2 ul li.tm3sel a:hover,
#tmenu ul li.tm4sel a, #tmenu2 ul li.tm4sel a:hover
{ color: #eaeaea; text-decoration: underline; }
/* ---------- h2 - sel */
#tmenu ul li.tm1sel a strong, #tmenu2 ul li.tm1sel a:hover strong,
#tmenu ul li.tm2sel a strong, #tmenu2 ul li.tm2sel a:hover strong,
#tmenu ul li.tm3sel a strong, #tmenu2 ul li.tm3sel a:hover strong,
#tmenu ul li.tm4sel a strong, #tmenu2 ul li.tm4sel a:hover strong
{ color: #eaeaea; text-decoration: underline; }

#ttspace   { width: 740px; height: 5px; margin: 0; border: 0; padding: 0; color: black; background: #eaeaea; font-size: 0px; }

/* ---------- RIGHT */

#rightbox  { width: 160px; float: left; margin: 0; border: 0; padding: 0; }
#righttop  { width: 160px; height: 30px; margin: 0; border: 0; padding: 0; background: url("../../images/righttop.jpg") top left no-repeat; }
#righttop h2, #righttop h4 { margin: 0; border: 0; padding: 6px 0 0 25px; color: white; font-size: 120%; }
#right     { margin: 0; border: 0; padding: 20px 0 20px 0; }

.ribanbox  { width: 160px; height: 43px; margin: 0; border: 0; padding: 0; }
.riban     { margin: 0; border: 0; padding: 0 20px 10px 22px; }

.rispace   { DISPLAY: NONE; width: 160px; height: 10px; margin: 0; border: 0; padding: 0; }

/* ------------------------------------------------------------ OBSAH ------------------------------------------------------------  */

#obsahbox { width: 580px; margin: 0; border: 0; padding: 0; float: left; }

/* ---------- VITE */

#vitebox  { width: 580px; height: 135px; margin: 0; border: 0; padding: 0; background: url("../../images/newsbg.jpg") 5px 0 repeat-y; }
#vitetop  { width: 580px; height: 30px; margin: 0; border: 0; padding: 0; background: url("../../images/newstop.jpg") 5px 0 no-repeat; }
#vitetop h2, #vitetop h4 { margin: 0; border: 0; padding: 6px 0 0 25px; color: white; font-size: 120%; }
#vite     { height: 90px; margin: 0; border: 0; padding: 0; }
#vitein   { margin: 0; border: 0; padding: 15px 25px 0px 25px; }
#vitebot  { width: 580px; height: 15px; margin: 0; border: 0; padding: 0; color: black; background: #eaeaea url("../../images/newsbot.jpg") 5px 0 no-repeat; }
#vitebox p  { margin: 0; border: 0; padding: 4px 0 0 0; }

/* ---------- OBSAH - index, main */

#obsahmainbox { width: 740px; margin: 0; border: 0; padding: 0; }
#obsahmaintop { position: relative; width: 740px; height: 30px; margin: 0; border: 0; padding: 0; background: url("../../images/obsahmaintop.jpg") 5px 0 no-repeat; }
#obsahmaintop h1 { margin: 0; border: 0; padding: 6px 0 0 25px; color: white; font-size: 120%; }
#obsahmaintop h2, #obsahmaintop h4 { margin: 0; border: 0; padding: 6px 0 0 25px; color: white; font-size: 120%; }
#obsahmaintopM { position: relative; width: 1000px; height: 30px; margin: 0; border: 0; padding: 0; background: url("../../images/obsahmaintopM.jpg") 0px 0 no-repeat; }
#obsahmaintopM h2, #obsahmaintopM h4 { margin: 0; border: 0; padding: 6px 0 0 25px; color: white; font-size: 120%; text-align: left; }
#obsahmain    { margin: 0; border: 0; padding: 10px 20px 10px 25px; /* text-align: justify; */ }

#obsahmain ul { display: block; margin: 0 0 0 40px; padding: 5px 0 0 0; list-style: square /* url("../../images/odrazka.gif")*/; }
#obsahmain li { margin: 0; padding: 0 2px 5px 10px; }
#obsahmain table { margin: 0; padding: 0; font-size: 100%; }
#obsahmain table td span.prstat { font-size: 60%; }


#obsahtop { width: 580px; height: 30px; margin: 0; border: 0; padding: 0; background: url("../../images/obsahtop.jpg") 5px 0 no-repeat; }
#obsahtop h1, #obsahtop h2, #obsahtop h4 { margin: 0; border: 0; padding: 6px 0 0 25px; color: white; font-size: 120%; }
#obsah    { position: relative; margin: 0; border: 0; padding: 10px 25px 10px 25px; /* text-align: justify; */ }
#obsah100 { width: 100%; margin: 0; border: 0; padding: 0; }
#obsahcbot { width: 580px; height: 15px; margin: 0; border: 0; padding: 0; color: black; background: #eaeaea url("../../images/obsahcbot.jpg") 5px 0 no-repeat; }

#obsah ul { display: block; margin: 0 0 0 40px;	padding: 5px 0 0 0; list-style: square /* url("../../images/odrazka.gif")*/; }
#obsah li { margin: 0; padding: 0 0 5px 10px; }
#obsah table { margin: 0; padding: 0; font-size: 100%; }

/* 
#obsah h1, #obsahmain h1 { font-size: 120%; font-weight: bold; color: #c40009; margin: 0 0 10px 0; background: transparent; }
#obsah h2, #obsahmain h2 { font-size: 100%; font-weight: bold; color: #003399; margin: 10px 0 5px 0; background: transparent; }
#obsah h3, #obsahmain h3 { font-size: 100%; color: black; font-weight: bold; margin: 10px 0 0 0; border: 0; padding: 0; } */
#obsah p, #obsahmain p   { margin: 5px 0 5px 0; padding: 0; }

#obsahbot { width: 1000px; height: 15px; margin: 0; border: 0; padding: 0; background: url("../../images/obsahbot.jpg") top left no-repeat; }
#obsahtxtbot { width: 1000px; height: 15px; margin: 0; border: 0; padding: 0; background: url("../../images/obsahtxtbot.jpg") top left no-repeat; }
#obsahmainbot { width: 1000px; height: 15px; margin: 0; border: 0; padding: 0; background: url("../../images/obsahmainbot.jpg") top left no-repeat; }
#obsahmainbot_error { width: 1000px; height: 15px; margin: 0; border: 0; padding: 0; background: #eaeaea url("../../images/obsahmainbot_error.jpg") no-repeat; }

/* ---------- ICOBAR */
.icobar { position: absolute; top: 5px; right: 20px; width: 140px;  /* sirka cele listy, bude se odvijet od sirky ikony * pocet ikon + pocet ikon * margin */ height: 20px; /* vyska zavisi na vysce ikon */ }
/* Výška ikon by měla být tak 20px, maximálně však 30px (top: 5px, znamená odsazení lišty s ikonami od vrchu červené lišty, lze měnit a tedy posouvat) */

.icobarL { position: absolute; top: 5px; left: 15px; width: 20px; height: 20px; }

.ico { width: 20px; height: 20px; float: right; margin: 0 0 0 3; border: 0; padding: 0; }
/* jednotlivé ikony - 4 * 30px + 3 * 5px = 140px */

.testalert  { color: Black; position: absolute; top: 6px; right: 160px; width: 100px;  }
.testalert2  { color: Black; margin-left: 250px;  }

/* ---------- NEWS */

#newsbox  { width: 580px; margin: 0; border: 0; padding: 0; background: url("../../images/newsbg.jpg") 5px 0 repeat-y; }
#newstop  { width: 580px; height: 30px; margin: 0; border: 0; padding: 0; background: url("../../images/newstop.jpg") 5px 0 no-repeat; }
#newstop h2, #newstop h4 { margin: 0; border: 0; padding: 6px 0 0 25px; color: white; font-size: 120%; }
#news     { height: 110px; margin: 0; border: 0; padding: 0; }
#newsin   { margin: 0; border: 0; padding: 15px 25px 0px 25px; }
#newsbot  { width: 580px; height: 15px; margin: 0; border: 0; padding: 0; color: black; background: #eaeaea url("../../images/newsbot.jpg") 5px 0 no-repeat; }
#newsbox p  { margin: 0; border: 0; padding: 4px 0 0 0; }

/* ------------------------------------------------------------ HPANEL-BANNERS ------------------------------------------------------------  */

#hpanelbox { width: 1000px; height: 220px; margin: 0; border: 0; padding: 0; background: url("../../images/hpanel.jpg") top left repeat-y; }
#hpanel    { margin: 0; border: 0; padding: 20px 0 0px 20px; }

.hbanbox  { width: 225px; height: 150px; float: left; margin: 0; border: 0; padding: 0; color: black; background: #eaeaea; }
.hban     { margin: 0; border: 0; padding: 0; }

.hpspace  { width: 20px; height: 150px; float: left; margin: 0; border: 0; padding: 0;}

/* ---------- BOTTOM */

#botbox { width: 1000px; height: 50px; clear: left; margin: 0; border: 0; padding: 0; }
#bot    { margin: 0; border: 0; padding: 28px 20px 0 0; text-align: right; }

#botsysbox { width: 1000px; height: 50px; clear: left; margin: 0; border: 0; padding: 0; background: url("../../images/botsysbg.jpg") top left no-repeat; }
#botsys    { margin: 0; border: 0; padding: 28px 20px 0 0; text-align: right; }

/* ------------------------------------------------------------ SEO - HPANEL-BANNERS, BOTTOM -----------------------------------------------  */

#seobox            { width: 1000px; margin: 0; border: 0; padding: 0; background: url("../../images/seobg.gif") top left repeat-y; }
#seobox #hpanelbox { height: 195px; margin: 0; border: 0; padding: 0; background: url("../../images/hpanelseo.jpg") top left no-repeat; }
#seobox #hpaneltop { display: none; }
#seotop            { width: 1000px; height: 30px; margin: 0; border: 0; padding: 0; background: url("../../images/seotop.jpg") top left no-repeat; }
#seotop h1         { margin: 0; border: 0; padding: 6px 0 0 25px; color: white; font-size: 120%; }
#seo               { margin: 0; border: 0; padding: 0px 20px 0px 20px; }
#seobot            { width: 1000px; height: 10px; margin: 0; border: 0; padding: 0; font-size: 0px; background: url("../../images/seobot.jpg") top left no-repeat; }
#seobox #botbox    { width: 1000px; height: 55px; margin: 0; border: 0; padding: 0; background: url("../../images/botseo.jpg") top left no-repeat; }
#seobox #bot       { margin: 0; border: 0; padding: 33px 20px 0 0; text-align: right; }

/* ---------- CLEANER */

.cleaner { clear: both;	}

/* ---------- VARIANTY OBTEKANI OBRAZKU V DOKUMENTECH
t=top, c=center, b=bottom, l=left, r=right
parametry u margin: top, right, bottom, left */

.otl  { float: left; margin: 1em 1em 0 0; }
.otr { float: right; margin: 1em 0 0 1em; }
.ocl  { float: left; margin: 0em 1em 0 0; }
.ocr { float: right; margin: 0em 0 0 1em; }
.obl  { float: left; margin: 0em 1em 1em 0; }
.obr { float: right; margin: 0em 0 1em 1em; }

.oc { text-align: center; margin: 0.5em 0 0 0; }

/* ---------- KONTAKT-FORMULAR */

.epsCustomStringBox       { width: 250px; border: #c5c5c5 1px solid; background: white; }
.epsControlLabelCell      { width: 250px; background: transparent; padding: 0 0 5px 0; }
.epsControlCell           { width: 250px; background: transparent; padding: 0 0 5px 0; }
.epsControlButtonCell     { width: 250px; text-align: center; }
.epsCustomFormBtnSaveSend { width: 70px; color: #000000; margin: 10px 7px 0 0;  }
.epsCustomFormBtnClear    { width: 70px; color: #000000; margin: 10px 0 0 7px; }

/* ------------------------------------------------------------ LOGIN ------------------------------------------------------------  */

/* ---------- LOGIN - INDEX */

#loginbox  { width: 480px; height: 120px; margin: 0 0 0 28px; padding: 0; }
#login { margin: 0; border: 0; padding: 30px 0 0 0; }
#login h2, #login h4 { margin: 0; border: 0; padding: 0 0 15px 44px; font-size: 110%; color: #b92a31; background: transparent; }

/* ---------- prihlasit */
#login .line  { clear: left; /*float: left;*/ width: 480px; height: 25px; margin: 2px 0 0 0; padding: 0; /* background: #feebe8;*/ }
#login .label { float: left; width: 200px; margin: 0; padding: 0; font-weight: bold; color: black; }
#login .cont { float: left; width: 280px; margin: 0; padding: 0; }
#login .label label { display: block; padding: 3px 0 0 0; }
#login .cont input { width: 155px; display: inline; }
#login .btnlog { float: right; margin: 0; padding: 3px 0 0 0; text-align: right; }
#login .btnlog input { width: 110px; font-size: 100%; }
#login .btnreg { float: left; margin: 0; padding: 3px 0 0 0; text-align: left; }
#login .btnreg input { width: 110px; font-size: 100%;}
#login .cont input.btnlog2 { width: 110px; margin: 0; padding: 0; text-align: center;  }
#login .line1px { border-bottom: 1px solid #c5c5c5; margin-bottom: 5px; padding-bottom: 5px; }
/* ---------- odhlasit */
#login .logname { margin: 0; padding: 3px 0 0 0; text-align: center; font-weight: bold; color: black; }
#login .name { margin: 0; padding: 3px 0 0 0; text-align: center; font-weight: bold; color: #d60000; }
#login .btnout { margin: 0; padding: 0; text-align: right; }
#login .btnout input { width: 75px; }

/* ---------- LAN */

.tlanbox { /*width: 126px;*/ height: 32px; position: absolute; top: 0px; right: 37px; margin: 0; border: 0; padding: 0; color: white;}
.tlan    { margin: 0; border: 0; padding: 6px 0 0 15px; }
.lan   { width: 27px; height: 19px; float: left; margin: 0 8px 0 0; border: 0; padding: 0; }

/* ---------- LOGINSYS */

#loginsysbox  { width: 260px; /* height: 140px; */ margin: 0; border: 0; padding: 0; }
#loginsystop  { width: 260px; height: 30px; margin: 0; border: 0; padding: 0; background: url("../../images/lemenutop.jpg") top left no-repeat; }
#loginsystop h2, #loginsystop h4 { margin: 0; border: 0; padding: 7px 0 0 20px; color: white; font-weight: bold; font-size: 120%; }
#loginsysbot  { width: 260px; height: 15px; margin: 0; border: 0; padding: 0; color: black; background: #eaeaea url("../../images/leftbot.jpg") top left no-repeat; }
#loginsys     { margin: 0; border: 0; padding: 5px 20px 0px 20px; }
#loginsys h2, #loginsys h4  { margin: 0; border: 0; padding: 0 0 15px 44px; font-size: 110%; color: #b92a31; background: transparent; }

/* prihlasit */
#loginsys .line  { clear: left; /*float: left; */ width: 220px; height: 25px; margin: 0px 0 0 0; padding: 0; /* background: #feebe8; */ }
#loginsys .label { float: left; width: 100px; margin: 0; padding: 0; font-weight: bold; color: black; }
#loginsys .cont { float: right; width: 120px; margin: 0; padding: 0; }
#loginsys .label label { display: block; padding: 3px 0 0 0; }
#loginsys .cont input { width: 100px; }
#loginsys .btnlog { float: right; margin: 0; padding: 3px 0 0 0; text-align: right; }
#loginsys .btnlog input { width: 75px; font-size: 100%; }
#loginsys .btnreg { float: left; margin: 0; padding: 3px 0 0 0; text-align: left; }
#loginsys .btnreg input { width: 75px; font-size: 100%;}
/* odhlasit */
#loginsys .logname { margin: 0; padding: 0px 0 0 0; text-align: center; font-weight: bold; color: black; }
#loginsys .name    { margin: 0; padding: 0px 0 0 0; text-align: center; font-weight: bold; color: #d60000; }
#loginsys .btnout  { margin: 0; padding: 0; text-align: center; }
#loginsys .btnout  input { width: 75px; }
/* photo */
#loginsys .linephoto  { clear: left; /*float: left;*/ width: 220px; height: 120px; margin: 0; padding: 0; background: #feebe8;}
#loginsys .photo      { float: left; width: 220px; height: 120px; margin: 0; padding: 10px 0 0 40px; }

.spacepad { height: 0px; margin: 0; border: 0; padding: 0; background: #eaeaea; }

/* ---------- TABLES */

table.tsys { width: 100%; font-size: 100%; border: 1px solid #999999; }
table.tsys th { vertical-align: middle; padding: 2px 2px 2px 2px; border: 1px solid #999999; }
table.tsys td { vertical-align: middle; padding: 2px 2px 2px 2px; border: 1px solid #999999; }
table.tsys td img { margin: 0 2px 1px 0; vertical-align: middle; }
table.tsys .header { background: #ccffcc; font-weight: bold; color: black; }
table.tsys .first { background: white; }
table.tsys .firstgreen { background: #c0ffc0; }
table.tsys .second { background: #f5f5f5; }
table.tsys .tpager { color: #014a7f; font-weight: bold; }
table.tsys .tpager a { text-decoration: underline; }
table.tsys .tpager a:hover { text-decoration: underline; }

table.tsys2 { width: 100%; font-size: 100%; border: 1px solid #999999; }
table.tsys2 th { vertical-align: middle; padding: 2px 2px 2px 2px; border: 1px solid #999999; border-left: 0; border-right: 0; }
table.tsys2 td { vertical-align: middle; padding: 2px 2px 2px 2px; border: 1px solid #999999; border-left: 0; border-right: 0; }
table.tsys2 td img { margin: 0 2px 1px 0; vertical-align: middle; }
table.tsys2 .header { background: #ccffcc; font-weight: bold; color: black; }
table.tsys2 .first { background: white; }
table.tsys2 .second { background: #f5f5f5; }
table.tsys2 .tpager { color: #014a7f; font-weight: bold; }
table.tsys2 .tpager a { text-decoration: underline; }
table.tsys2 .tpager a:hover { text-decoration: underline; }
table.tsys2 input { }

table.tsys3 { font-size: 100%; border: 1px solid #999999; }
table.tsys3 th { vertical-align: middle; padding: 2px 2px 2px 2px; border: 1px solid #999999; border-left: 0; border-right: 0; }
table.tsys3 td { vertical-align: top; padding: 2px 2px 2px 2px; border: 1px solid #999999; border-left: 0; border-right: 0; }
table.tsys3 td img { margin: 0 2px 1px 0; vertical-align: middle; }
table.tsys3 .header { background: #ccffcc; font-weight: bold; color: black; }
table.tsys3 .first { background: white; }
table.tsys3 .second { background: #f5f5f5; }
table.tsys3 .tpager { color: #014a7f; font-weight: bold; }
table.tsys3 .tpager a { text-decoration: underline; }
table.tsys3 .tpager a:hover { text-decoration: underline; }

table.tfilter { font-size: 100%; border: 0; }
table.tfilter th { vertical-align: middle; padding: 2px 2px 2px 2px; border: 0; }
table.tfilter td { vertical-align: top; padding: 2px 2px 2px 2px; border: 0; }
table.tfilter td img { margin: 0 2px 1px 0; vertical-align: middle; }
table.tfilter .header { background: #ccffcc; font-weight: bold; color: black; }
table.tfilter td select, table.tfilter td option { width: 597px; }
table.tfilter td label { width: 90px; display: block; margin: 2px 0 0 0;  }
table.tfilter td.contright { text-align: right; }
/* ---------- zmenseni velikosti pisma v tabulce */
.tfsize th, .tfsize td { font-size: 90%; }
/* aplikace table class="tsys tfsize" nebo table class="tsys2 tfsize" */

/* ---------- REGISTRACE (REG1, REG2, REG3, REG4) */

/* ---------- REG */
#regbox  { width: 522px; margin: 0; /* border: #eaeaea  1px solid; */ padding: 0; /*background: #eaeaea */}
#reg { margin: 0; border: 0; padding: 10px 0 10px 61px; }
#reg h2, #reg h4 { margin: 0; border: 0; padding: 0 0 10px 0; font-size: 10pt; font-weight: bold; color: green; text-transform: uppercase; background: transparent; }
#reg h2 span, #reg h4 span { text-transform: none; }
#reg h3 { margin: 0; border: 0; padding: 10px 0 2px 0; font-size: 10pt; font-weight: bold; color: green; background: transparent; }

/* ---------- form */
#reg .line  { clear: left; /*float: left;*/ width: 400px; height: 25px; margin: 2px 0 0 0; padding: 0;  /* background: #f3fef3; */}
#reg .label { float: left; width: 200px; margin: 0; padding: 0;  color: black; }
#reg .cont { float: right; width: 200px; margin: 0; padding: 0; }
#reg .labelx { float: left; width: 200px; margin: 0; padding: 2px 0 0 0;  color: black; }
#reg .contx { float: right; width: 200px; margin: 0; padding: 2px 0 0 0; }
#reg .label label { display: block; padding: 3px 5px 0 0; }
#reg .label label span { color: #d60000; }
#reg .cont input { width: 200px; }
#reg .errorstyle, #reg .errorStyle { display: block; width: 400px; height: 20px; text-align: right; color: #d60000; }
#reg .btnlog { float: right; margin: 0; padding: 3px 0 0 0; text-align: right; }
#reg .btnlog input { width: 85px; font-size: 10pt; }
#reg .btnreg { float: left; margin: 0; padding: 3px 0 0 0; text-align: left; }
#reg .btnreg input { width: 85px; font-size: 10pt; }

/* ---------- radiobutton */
#reg .linesml { clear: left; /*float: left*/ width: 400px; height: 210px; margin: 0; padding: 0; /* background: #f3fef3; */ }
#reg .contsml { margin: 0; padding: 0; font-weight: bold; color: black; }
#reg .contsml textarea { width: 400px; height: 210px; margin: 0; padding: 0;  }
#reg .labelrb { float: right; width: 370px; margin: 0; padding: 0; font-weight: bold; color: black; }
#reg .contrb { float: left; width: 30px; margin: 0; padding: 0; }
#reg .labelrb label { display: block; padding: 2px 5px 0 0; }
#reg .contrb input { width: auto; }

#reg .btncenter { text-align: center; }
#reg .btncenter input { width: 85px;}

/* ---------- rod.cislo, ico */
#reg .labelrc { float: left; width: 200px; margin: 0; padding: 0;  color: black; }
#reg .labelrc label { display: block; padding: 3px 5px 0 30px; }
#reg .labelrc label span { color: #d60000; }

/* ---------- linex - 2x height */
#reg .linex  { clear: left; /*float: left;*/ width: 400px; height: 40px; margin: 2px 0 0 0; padding: 0; /* background: #f3fef3; */ }
#reg .linex .label { float: left; width: 200px; margin: 0; padding: 0;  color: black; }
#reg .linex .label label { display: block; padding: 3px 5px 0 0; }
#reg .linex .cont { display: block; padding: 0; }
#reg .linex .cont input { width: 200px; }

#reg .contall { width: 400px; margin: 0; padding: 3px 5px 0 0; }

/* ---------- sms */
#reg .line span.sms { font-weight: bold; color: #d60000; }

/* ---------- POZN */
#poznbox    { margin: 0; border: 0; padding: 0; background: #f8f8f8; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; }
#pozn       { margin: 0; border: 0; padding: 10px; position: relative; }
 
#pozn #ovlad { width: 70px; margin: 0; border: 0; padding: 0; position: absolute; top: 10px; right: 20px; text-align: right; }
#pozn input.poznin { width: 60px; font-size: 90%; }
#pozn h2, #pozn h4    { margin: 0 0 5px 0; border: 0; padding: 0; font-size: 120%; }
#pozn p.poznw { width: 530px; }
.opozn { float: left; margin: 0 1em 0 0; }

OPTION.visited_question {/*background-color:#FFE0E0;*/padding-left: 20px; background : #FFE0E0 url("../../images/course_edit.png") top left no-repeat ;}
OPTION.novisited_question {padding-left: 20px}

#questionDropDown { float: left;  width: 300px; margin: 0 6px 0 6px; }

.CoursePieces {width:30px;}

/* ---------- ETIKET */
.etiketbox    { margin: 0; border: 0; padding: 0; width : 695px; }
.etiket       { margin: 0; border: 0; padding: 0; position: relative; }
.etiket h2, .etiket h4   { margin: 0 0 5px 0; border: 0; padding: 0; font-size: 120%; }
.etiketa      { width: 200px; height: 200px; margin: 0; border: 0; padding: 0; position: absolute; bottom: 0; right: 0; z-index: 100;  }

/* ------------------------------------------------------------ POPUP WINDOW ---------------------------------------------------------  */

body.popbody { margin: 0px 0px 0px 0px; border: 0; padding: 0; }

#popbox      { width: 735px; margin: 0; border: 0; padding: 0; text-align: left; color: black; background: url("../../images/popbg.gif") top left repeat-y; }
#poptop      { position: relative; width: 735px; height: 30px; margin: 0; border: 0; padding: 0; background: url("../../images/obsahmaintop.jpg") 0 0 no-repeat; }
#poptop h1   { margin: 0; border: 0; padding: 6px 0 0 25px; color: white; font-size: 120%; }
#poptop h2   { margin: 0; border: 0; padding: 6px 0 0 25px; color: white; font-size: 120%; }
#pop         { margin: 0; border: 0; padding: 10px 10px 10px 20px; /* text-align: justify; */ }

#pop ul { display: block; margin: 0 0 0 40px; padding: 5px 0 0 0; list-style: square /* url("../../images/odrazka.gif")*/; }
#pop li { margin: 0; padding: 0 0 5px 10px; }
#pop table { margin: 0; padding: 0; font-size: 100%; }

#popbot     { width: 735px; height: 15px; margin: 0; border: 0; padding: 0; color: black; background: #eaeaea url("../../images/popbotbg.jpg") 0 0 no-repeat; }

/* ----------- VIDEOCHAT*/
.videoFlash {float:left;margin-right:20px;}
#foMe {background-color:Blue;border:solid 1px black;}
#foOther {background-color:Red;border:solid 1px black;}
.imgLoaderOff {position:relative; left:300px; top:150px;z-index:-1;}
.imgLoaderOn {position:relative; left:300px; top:150px;}
.btnVideoClose {float:right;}
.recordGroup {float:left;}
.recordGroupInvisible {float:left;visibility:hidden;}

.videobox {padding:0px 1px 0px 0px;margin:0;}
.videobox input{float:right;width:95px;}

.videobox_left{float:left;width:400px;/*border: solid 1px blue;*/}
.videobox_right{float: right;width:250px;/*border: solid 1px blue;*/}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90;background-color: white;width: 1280px; height: 832px; display:block; filter: alpha(opacity=10);}

#page_loader #label{margin-left:10px;}
#page_loader .box {margin-top: 35px;}
#page_loader .button_box{margin-top:15px;}

#els_confirm .box {margin-top:50px;}
#els_confirm .box #label {margin-bottom: 20px;}

#els_alert .box {margin-top:50px;}
#els_alert .box #label {margin-bottom: 20px;}

.els_modal {position: absolute; top: 20%; bottom: 0%; left: 50%; right: 0%; background-image: url("../../images/els_modal.gif"); background-repeat:no-repeat; z-index: 100; display: block;width: 263px; height:126px;text-align:center;}
.els_modal .button {width: 72px; margin: 0 5 0 5;}

.btnVideoClass { visibility:visible; }
.btnVideoClassNonVisible {visibility:hidden;}
/* ---------- END VIDEOCHAT */

/* ---------- END */

/*-------- Sound Element's Play Button -------*/
.ccsound-container { width: 340px; height:45px; }

.ccsound-top
{ width: 20px; height: 45px; float: left; }

.ccsound-left 
{ z-index: 100; height: 25px; background: White; width: 10px; float: left; }

.ccsound-playermedium 
{ display: none; float: left; width: 320px; height: 55px; width: 20px; }

.ccsound-right
{ width: 20px; height: 45px; vertical-align: top; }
/*-- End of Sound Element's Play Button design --*/

/*-------- Scaled picture -------*/
.scaled-picture-box 
{ 
	position:relative;
	/*float: left;*/
}

.fullsized-picture-box 
{ 
	position:absolute; 
	display:none;
}

.innerBox {
	bottom:10px;
	height:36px;
	left:10px;
	overflow:hidden;
	position:absolute;
	width:154px;
}

#lensHolder {
	height:36px;
	overflow:hidden;
	float: left;
}

#lensHolder .lens  {
	background:transparent url("../../images/picture/butt_img_lens.png") no-repeat scroll 0 0; 
	width: 33px;
	height: 35px;
	float: left;
}

#lensHolder .body  
{
	float: left;
	background:transparent url("../../images/picture/butt_img_body.png") repeat-x scroll 0 0; 
	padding:0 5px 0 5px;
	height: 35px;
}

#lensHolder .body a {	
	color:#FFFFFF;
	display:block;
	padding-top:9px;
	position:relative;
}

#lensHolder .end 
{
	background:transparent url("../../images/picture/butt_img_end.png") no-repeat scroll 0 0;
	width: 8px;
	height: 35px;
	float: left;
}

.viewport 
{
	overflow: hidden;
    position: relative;
}

.clipped {
	display: block;
    position: absolute;
}

/*---- End of scaled picture ---*/

.navmenu
{
	padding-left: 15px;
}

.correctanswer { color:green; }
.partcorrectanswer { color:Orange; }
.incorrectanswer { color:Red; }


/* ---------- OBSAH - index, main, course */

#ocenterpad   { margin: 0; border: 0; padding: 0 0 0 5px; }

/* ---------- orange */
#oborangebox { width: 735px; position: relative; margin: 0; border: 0; padding: 0; background: url("../../images/oborangebg.gif") top left repeat-y;  }
#oborangetop { width: 735px; height: 10px; margin: 0; border: 0; padding: 0; font-size: 0px; background: url("../../images/oborangetop.gif") top left no-repeat;  }
#oborangebot { width: 735px; height: 12px; margin: 0; border: 0; padding: 0; font-size: 0px; background: url("../../images/oborangebot.gif") top left no-repeat;  }

/* ---------- green */
#obgreenbox  { width: 735px; position: relative; margin: 0; border: 0; padding: 0; background: url("../../images/obgreenbg.gif") top left repeat-y;  }
#obgreentop  { width: 735px; height: 15px; margin: 0; border: 0; padding: 0; font-size: 0px; background: url("../../images/obgreentop.gif") top left no-repeat;  }
#obgreenbot  { width: 735px; height: 13px; margin: 0; border: 0; padding: 0; font-size: 0px; background: url("../../images/obgreenbot.gif") top left no-repeat;  }
#obwhitebot  { width: 735px; height: 5px; margin: 0; border: 0; padding: 0; font-size: 0px; background: url("../../images/obwhitebot.gif") top left no-repeat; DISPLAY: NONE; }

/* ---------- orange, green */
#oborangebox h2.h2left, #obgreenbox h2.h2left { position: absolute; top: 10px; left: 10px; margin: 0; padding: 0; color: white; font-size: 140%; font-weight: bold; }
#oborangebox h2.h2left { top:  9px; }
#obgreenbox  h2.h2left  { top: 14px; }

#oborangebox h3.h3left, #obgreenbox h3.h3left { position: absolute; bottom: 10px; right: 590px; margin: 0; padding: 0; color: white; font-size: 100%; font-weight: bold; }
#oborangebox h3.h3left { bottom:  9px; }
#obgreenbox  h3.h3left { bottom: 10px; }

.oborange, .obgreen { display: block; margin: 0; border: 0; padding: 0 6px 0 155px; }
.ob100       { width: 100%; margin: 0; border: 0; padding: 0; }
.oborangemid    { display: block; width: auto; height: 15px; margin: 0; border: 0; padding: 0; background: url("../../images/oborangemidant.gif") top left no-repeat;}
.obgreenmid     { display: block; width: auto; height: 15px; margin: 0; border: 0; padding: 0; background: url("../../images/obgreenmidant.gif") top left no-repeat;}
.oborangemidant { display: block; width: auto; height: 15px; margin: 0; border: 0; padding: 0; background: url("../../images/oborangemid.gif") top left no-repeat;}
.obgreenmidant  { display: block; width: auto; height: 15px; margin: 0; border: 0; padding: 0; background: url("../../images/obgreenmid.gif") top left no-repeat;}

.oborangebot    { width: 735px; height: 12px; margin: 0; border: 0; padding: 0; font-size: 0px; background: url("../../images/oborangebot.gif") top left no-repeat;  }
.oborangebotant { width: 735px; height: 12px; margin: 0; border: 0; padding: 0; font-size: 0px; background: url("../../images/oborangebotant.gif") top left no-repeat;  }

#oborangebox table, #obgreenbox table { width: 100%; margin: 0; border: 0; padding: 0; }

/* ---------- table.tctop */
table.tctop    { font-size: 85%; border: 1px solid; }
table.tctop tr { }
table.tctop td { border: 0; padding: 2px 0 2px 0; }
table.tctop td h2 { font-size: 135%; color: #14833b; margin: 0; padding: 0 0 5px 0; border-bottom: 1px dotted #c5c5c5; }
table.tctop td h2 span { display: block; padding: 0 0 0 35px; }
table.tctop td h2.arr { background: url("../../images/arr.gif") 10px 0 no-repeat; cursor: pointer; cursor: hand; }
table.tctop td h2.arb { background: url("../../images/arb.gif") 10px 0 no-repeat; cursor: pointer; cursor: hand; }
table.tctop td h2.arr a, table.tctop td h2.arb a { display: block; color: #14833b; text-decoration: none;  }
table.tctop td h2.arr a:hover, table.tctop td h2.arb a:hover { display: block; color: #14833b; text-decoration: none; }
table.tctop td strong { color: red; font-weight: normal; }
table.tctop td.sdat  { width:  80px; padding-left: 12px; }
table.tctop td.date  { width:  80px; text-align: right; }
table.tctop td.dot   { width:  30px; text-align: center; }
table.tctop td.msg   { width:  250px; text-align: left; }
table.tctop .tot     { display: block; position: relative; top: 0; padding-left: 12px; }
table.tctop .icn     { display: block; position: absolute; top: 0; right: 0; text-align: right; }
table.tctop td.right { width: 136px; text-align: center; }
table.tctop td.right input { width: 90px; text-align: center; font-size: 100%; margin-left: 5px; }
table.tctop td.ank   { position: relative; }

/* ---------- lekce - show/hide */
.lekshow { display: block; margin: 0; border: 0; padding: 0; }
.lekhide { display: none; margin: 0; border: 0; padding: 0;  }
.invisible { visibility: hidden; }

/* ---------- table.tclek */
h3.arr, h3.arb { position: relative; font-size: 100%; color: black; font-weight: bold; margin: 0; padding: 3px 0 3px 0; border: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; cursor: pointer; cursor: hand; }
h3 span { display: block; padding: 0 0 0 35px; }
h3.arr { background: #eaeaea url("../../images/arrg.gif") 10px 3px no-repeat;  }
h3.arb { background: #eaeaea url("../../images/arbg.gif") 10px 3px no-repeat;  }
h3.arr a, h3.arb a { display: block; color: black; text-decoration: none;  }
h3.arr a:hover, h3.arb a:hover { display: block; color: black; text-decoration: none; }
h3 span.h3in { position: absolute; top: 4px; right: 164px; display: block; font-size: 95%; font-weight: normal; }
h3 span.h3inhide { display: none; }
h3 span.no { display: inline; font-weight: normal; padding: 0; }

table.tclek    { font-size: 85%; }
table.tclek tr {  }
table.tclek td { border: 0; padding: 2px 0 2px 0; border-bottom: 1px #c5c5c5 solid; }
table.tclek td strong { color: red; font-weight: normal; }
table.tclek td.lek { width: 325px; padding-left: 35px; }
table.tclek td.lek span { color: #999999 }
table.tclek td.pro { width:  50px; text-align: right; padding-right: 10px; }
table.tclek td.icn { width:  20px; text-align: center; }
table.tclek td.rin { width: 136px; text-align: center; }
table.tclek td.rin input { width: 90px; text-align: center; font-size: 100%; margin-left: 5px; }

/* ---------- anotace - ant */
table.tclek td.ant         {  }
table.tclek td.ant h4      { font-size: 100%; margin: 0; border: 0; padding: 0; }
table.tclek td.ant p       { font-size: 95%; margin: 0; border: 0; padding: 0; }
table.tant                 { background: white; }
table.tant td              { border: 0; background: white; }

/* ---------- orline */
.orline      { display: block; height: 5px; margin: 0; border: 0; border-bottom: 1px solid #c5c5c5; padding: 0; font-size: 0px; }

/* ---------- call (všechny dokončené kurzy) */
.call        { display: block; margin: 0; border: 0; padding: 0px 0 0px 10px; font-size: 90%; }
