html, body				{font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; font-size: small; margin: 0px; padding: 0px; background: #CFF; overflow: auto; position: relative;}
#top					{width: 986px; margin: 10px auto 10px auto; background: #CFF; text-align: center;}
#book					{width: 980px; border: 3px solid #600; height: 500px; margin: 10px auto; background: url("../img/poz.gif") 50% repeat-y #930; position: relative;}
#sesit					{width: 956px; height: 450px; background: url("../img/pozadi.gif") repeat-y ; position: absolute; top: 36px; left: 10px; border: 2px solid #333;}
#top a					{margin: 10px 80px; padding: 58px 0px 0px 0px;/* background: #DDD; */font-size: 12px; text-decoration: none; color: #333;}
#top a:hover			{text-decoration: underline;}

#fce					{position: absolute; top: 0px; right: 0px; background: #ADD; padding: 2px; display:none;}

#top-menu				{position: absolute; top: 0px; left: 0px;}
#top-menu li			{position: absolute; top: 10px; list-style-type: none; display: block; height: 24px; line-height: 24px; width: 90px; background: #FFF9E6; text-align: center; border: solid #333; border-width: 2px 2px 2px 2px; }
#top-menu li a			{color: #666; font-size: 130%; font-weight: bold; text-decoration: none; font-family: serif; font-variant: small-caps;}
#top-menu li a:hover	{color: #333;}
#top-menu li.sel		{border-width: 2px 2px 0px 2px; height: 26px;}
#top-menu li.first		{left: 50px; width: 80px; }
#top-menu li.second		{left: 140px; width: 90px;}
#top-menu li.third		{left: 240px; width: 100px;}
#top-menu li.fourth		{left: 350px; width: 90px;}
#top-menu li.fifth		{left: 530px; width: 90px;}
#top-menu li.sixth		{left: 630px; width: 90px;}
#top-menu li.seventh	{left: 730px; width: 100px;}
#top-menu li.eight		{left: 840px; width: 90px;}

#book .first			{background-color: #FFF; scrollbar-base-color: #FFF;}
#book .second			{background-color: #FFD; scrollbar-base-color: #FFD;}
#book .third			{background-color: #FDF; scrollbar-base-color: #FDF;}
#book .fourth			{background-color: #DFF; scrollbar-base-color: #DFF;}
#book .fifth			{background-color: #FDD; scrollbar-base-color: #FDD;}
#book .sixth			{background-color: #DFD; scrollbar-base-color: #DFD;}
#book .seventh		{background-color: #DDF; scrollbar-base-color: #DDF;}
#book .eight			{background-color: #DDD; scrollbar-base-color: #DDD;}
/* Tohle řešení je možný, ale nefunguje ještě pro IE
#menu         {position: absolute; top: 60px; left: 17px;}
#menu .count  {display: none;}
#menu ul      {list-style-type: none; padding: 0px; font-size: 85%;}
#menu ul li   {display: block; width: 110px;  height: 0.7em;}
#menu ul li.even  {position: relative; left: 836px;}
#menu ul li a   {display: block; overflow:hidden;  height: 1.4em; width: 110px; color: #666; text-align: center; text-decoration: none; }
#menu ul li a:hover  {color: #333;}
*/
#menu					{position: absolute; top: 60px; left: 17px; }
#menu ul				{padding: 0px; margin: 0px; font-size: 0.5em; line-height: 0.5em;}
#menu ul li				{position: relative;list-style-type: none; margin: 0px; padding: 0px; height: 1.2em;}
#menu ul li.even		{top: -1.2em; left: 836px;}
#menu ul li.vyber   {height: 1.5em;}
#menu ul li a 			{position: absolute; top: 0px; left: 0px; display: block; width: 110px; text-decoration: none; color: #666; font-size: 1.75em; line-height: 1em; text-align: center; overflow:hidden;}
#menu ul li a img   {border: 0px;}
#menu ul li a:hover		{color: #333;}
#menu ul li a.star-all{left: -35px;top: -0.2em; color:#00F; font-size:1.7em;}
#menu ul li a.star-one{left: -16px;}
#menu ul li a.star-two{left: 3px;}
#menu ul li a.star-three{left: 31px;}
#menu ul li.even a.star-all{top: -0.4em;}
#menu ul li.even a.star-one{top: -0.2em;}
#menu ul li.even a.star-two{top: -0.2em;}
#menu ul li.even a.star-three{top: -0.2em;}
#menu ul li span.count      {display: none;}




#predchozi, #dalsi		{position: absolute; top: 460px; display: block; width: 90px; text-align: center; color: #666; text-decoration: none;}
#predchozi span,
#dalsi span				{font-size: 160%; font-family: serif; font-weight: bold; color: #600;}
#predchozi:hover,
#dalsi:hover			{color: #333;}

#predchozi				{left: 20px;} 
#dalsi					{right: 20px;}

#menu ul li a.s1, #menu ul li a.s2           {/*background: #EEE;*/ color: #000; text-decoration: underline;}
#menu ul li a.s3      {}

#book .clanek			{width: 320px; height: 413px; position: absolute; top: 50px; overflow: auto; padding: 10px;}
#book .prvy				{left: 130px;}
#book .druhy			{right: 130px;}

h1						{width: 812px; height: 73px; margin: 0px auto; padding: 0px; font-size: 400%; font-family: monospace; letter-spacing: 0.2em; position: relative;}		
h1 span					{width: 812px; height: 73px; position: absolute; top: 0px; left: 0px; background: url("../img/byhla.gif") no-repeat; display: block;}		
h2						{font-size: 150%; border-bottom: 2px dotted #CCC; margin: 5px 0px;clear:both;}
h3						{font-size: 120%;margin: 10px 0px 5px 0px; clear:both;}
h4						{font-size: 100%; margin: 10px 0px 5px 0px;}
p						{margin: 7px 0px;}
#copy, #www				{display: block; position: absolute; bottom: -1px; font-family: monospace; font-weight: bold; font-style: italic; font-size: 10px; color: #333; text-decoration: none;}
#www:hover, #copy:hover	{color: #CCC;}
#copy					{right: 10px;}
#www					{left: 10px;}
.img					{margin: 2px; padding: 0px; }
.img p					{margin: 0px; padding: 0px; font-style:italic; font-size: 90%;}
.img img				{margin: 0px;}
.left					{float: left;}
.right					{float: right;}

.clanek a           {color: #00F;}
.clanek a:visited   {color: #66F;}
.clanek pre       {font-size: 100%; border: 1px dashed #999; padding: 5px; background: #CCC;}
.clanek img     {border: 1px solid #999; margin: 5px;}
.none         {display: none;}

.clanek .level    {position: absolute; top: 0px; left: 240px; font-size: 80%; color: #666;}
.clanek .level img  {border: 0px; margin: 1px;}

p.reseni          {font-weight: bold; color: black; font-style:normal;}
p.reseni span {color: #EEE; font-style: italic; font-weight: normal;}

.reseni {color: #EEE; font-style: italic; font-weight: normal;}

.top            {float:right; text-decoration: none;}

.count        {font-size: 80%; color: #CCC; margin-right: 5px;}