html		{margin:0px; border:0px; padding:0px; width:100%; height:100%;}
body		{margin:0px; border:0px; padding:0px;
		width:100%; min-height:570px; height:100%;
		/*overflow:auto;*/}
img		{border:0px;}

.indexleft	{position:absolute; top:0px; bottom:0px; left:0px; width:50%; height:100%;
		background-color:#0074C5;
		z-index:0;}
.indexright	{position:absolute; top:0px; bottom:0px; right:0px; width:50%; height:100%;
		background-color:#61BFF3;
		z-index:0;}

.indexmain	{position:absolute; top:0px; bottom:0px; left:50%; margin-left:-396px;
		width:792px; min-height: 570px; height: 100%;
		z-index:1;
		background-image: url('img/indexback1.png'); background-repeat:repeat-y;
		}

.indexhead	{position:absolute; left:0px; top:0px; width:100%;
		background-color:#F48E00;
		height:28px !important; height /**/:32px;
		border-bottom:4px solid black;
		z-index:2;}

div.menu1	{position:absolute; top:12px; max-width:40px; width:40px; text-align:center;
		font-weight:bold; font-size:11px; font-family:Times New Roman, Times, serif;}
div.menu1 img		{float:left; clear:both; border:0px; margin:0px 3px;}
div.menu1 a		{color:black; text-decoration: none;}
div.menu1 a:hover	{color:white; cursor:pointer;}

div#indexlogin	{left:50%; margin-left:-380px;}
div#indexhelp	{left:50%; margin-left:-330px;}
div#indexemail	{left:50%; margin-left:-280px;}

div#indexsk	{position:absolute; top: 20px; left:50%; margin-left: 250px;}
div#indexen	{position:absolute; top: 20px; left:50%; margin-left: 280px;}
div#indexde	{position:absolute; top: 20px; left:50%; margin-left: 310px;}
div#naj	    {position:absolute; top: 20px; left:50%; margin-left: 340px;}
div#najhide	{display:none; z-index:-9;}

.indexback2	{position:absolute; top: 10px; left:0px; width:100%; min-height:550px; height:550px;
		background: transparent url('img/indexback2.jpg') no-repeat;}

a.menu2		{position:absolute; background-repeat: no-repeat; background-color:transparent;}
a.menu2:hover	{background-position: 0px -103px;}

#menuinfo	{top:221px; left:185px; background-image: url('img/indexinfo.gif'); width:61px; height:76px;}
#menuprod	{top:216px; left:252px; background-image: url('img/indexprodukty.gif'); width:71px; height:82px;}
#menuchat	{top:209px; left:331px; background-image: url('img/indexchat.gif'); width:84px; height:90px;}
#menuspravy	{top:201px; left:427px; background-image: url('img/indexspravy.gif'); width:99px; height:99px;}

#menuowebe	{top:307px; left:159px; background-image: url('img/indexowebe.gif'); width:59px; height:77px;}
#menuzbory	{top:309px; left:224px; background-image: url('img/indexzbory.gif'); width:69px; height:83px;}
#menuhudba	{top:311px; left:301px; background-image: url('img/indexhudba.gif'); width:81px; height:91px;}
#menuarchiv	{top:313px; left:393px; background-image: url('img/indexarchiv.gif'); width:98px; height:100px;}

#menuporadna	{top:392px; left:133px; background-image: url('img/indexporadna.gif'); width:58px; height:78px;}
#menulinky	{top:401px; left:196px; background-image: url('img/indexlinky.gif'); width:67px; height:84px;}
#menuhumor	{top:412px; left:270px; background-image: url('img/indexhumor.gif'); width:80px; height:92px;}
#menuarcha	{top:424px; left:360px; background-image: url('img/indexarcha.gif'); width:95px; height:102px;}

div.newshead	{position:absolute; top:300px; left:570px; width:200px;
		background:transparent url('img/indexnewshead.gif') no-repeat;
		height:20px !important; height /**/: 22px;
		border-bottom: 2px solid black;}
div#newsbody	{position:absolute; top:322px; left:570px; width:200px; height:200px;
		font-family : Arial, Helvetica, sans-serif;
		background-color: #00addf;
		overflow:hidden;}
div#newsin	{position:relative; top:200px; left:0px; padding:2px;}
#newsbody .rubrika	{font-size: 16px; color: #FFCA08; font-weight: bold;}
#newsbody a:link	{color:#FFD700;}
#newsbody .popis	{font-size: 12px;}