/****************************************************************************/
/* Layout styly                                                             */
/****************************************************************************/
/*
 * zlata barva
	color: #faa928;
 */

* {
	font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

body {
	color: White;
    background-color: black;
    margin: 0px;
    overflow: hidden;
	scrollbar-face-color: Black;
	scrollbar-shadow-color: White;
	scrollbar-highlight-color: White;
	scrollbar-darkshadow-color: Black;
	scrollbar-3dlight-color: Black;
	scrollbar-track-color: Black;
	scrollbar-arrow-color: White;
}

div {
	scrollbar-face-color: Black;
	scrollbar-shadow-color: White;
	scrollbar-highlight-color: White;
	scrollbar-darkshadow-color: Black;
	scrollbar-3dlight-color: Black;
	scrollbar-track-color: Black;
	scrollbar-arrow-color: White;
}

/* pruh s logem a trema tlacitkama */
#logoBar {
    position: absolute;
    left: 0px;
    top: 18px; /*99px*/
	width: 433px;
	height: 62px;
	/*background: url('img/logo_bar.jpg') no-repeat left top;*/

}

/* levy vrsek */
#logoBar2 {
    position: absolute;
    left: 0px;
    top: 0px; /*99px*/
	width: 67px;
	height: 80px;
	background: url('img/logo_bar3.jpg') no-repeat left top;

}

/* horni pruh paramania */
#topBar {
    position: absolute;
    left: 433px;
    top: 18px;
	width: 2000px;
	height: 62px;
    background: url('img/top_line.gif') repeat-x left top;
}
#mailBar {
	position:absolute;
    left: 30px;
    top: 37px;
    z-index: 3;
	width: 200px;
	height: 30px;
}
#regInfo {
	font-size: 11px;
	position:absolute;
    left: 463px;
    top: 39px;
    z-index: 4;
	width: 400px;
	height: 11px;
	visibility: hidden;
}

#searchBar {
	position:absolute;
    left: 230px;
    top: 37px;
    z-index: 3;
	width: 300px;
	height: 30px;
}

#searchBar form input {
	height: 19px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}
#searchBar form input.text {
    width: 100px;
	height:19px;
	margin: 0 0 0 0;
	padding:2px 0 0 0;
}


#searchBar img {
    margin: auto 0 auto 0;
    vertical-align: middle;
}

#loginBar {
	position:absolute;
    left: 410px;
    top: 20px;
    z-index: 3;
	width: 200px;
	height: 30px;

}

/* levy pruh s menu */
#leftBar {
    position: absolute;
    left: 0px;
    top: 80px;
	width: 251px;
	height: 500px;
	background: url('img/left_bar.jpg') no-repeat left top;
}

/* leve svisle tecky */
#leftMainDots {
    position: absolute;
    left: 251px;
    top: 112px;
	width: 1px;
	height: 422px;
	z-index : 3;
    background: url('img/vdots.gif') repeat-y left top;
}

/* leve svisle tecky */
#bottomMainDots {
    position: absolute;
    left: 251px;
    top: 533px;
	width: 2000px;
	height: 1px;
	z-index : 3;
    background: url('img/hdots.gif') repeat-x left top;
}

/* levy pruh s menu */
#topArc {
    position: absolute;
    left: 251px;
    top: 80px;
	width: 23px;
	height: 32px;
    background: url('img/arc.gif') no-repeat left top;
}

/* levy pruh s menu */
#bottomArc {
    position: absolute;
    left: 208px;
    top: 398px;
	width: 45px;
	height: 136px;
	z-index:2;
    background: url('img/bottomarc.gif') no-repeat left top;
}

/* paramania vpravo nahore */
#paramania {
    position: absolute;
    left: 315px;
    top: 0px;
    z-index: 2;
	width: 154px;
	height: 23px;
}

/* nahodny obrazek */
#randomPict {
    position: absolute;
    left: 8px;
    top: 404px;
    z-index: 3;
	width: 188px;
	height: 186px;
}

/* spodni pruh na menu */
#bottomBar {
    position: absolute;
    left: 171px;
    top: 534px;
	width: 2000px;
	height: 59px;
	z-index: 2;
    background: url('img/bottom_line.gif') repeat-x left top;
}

#logo {
    position: absolute;
    left: 67px;
    top: 0px;
    z-index: 2;
	width: 129px;
	height: 62px;
}

/* horni kulate obrazky */
#topImg1, #topImg2, #topImg3 {
    position: absolute;
    left: 257px;
    top: 4px;
    z-index: 2;
	width: 52px;
	height: 52px;
}
#topImg2 {

	left: 318px;
}
#topImg3 {
	left: 381px;
}

#mainArea {
    position: absolute;
    left: 252px;
	width: 750px;
	padding: 0 0 0px 0;
    overflow-x: hidden;
    overflow-y: auto;
}

#mainAreaSearch {
    position: absolute;
    left: 252px;
	width: 750px;
	padding: 0 0 0px 0;
    overflow-x: auto;
    overflow-y: auto;
}

/* vrchni menu (1. radek) */
#topMenuBar1, #topMenuBar2, #topMenuBar3 {
    font-size: 11px;
	color: #faa928;
	position: absolute;
    left: 274px;
    top: 79px;
	width: 1000px;
	height: 23px;
}
/* vrchni menu (2. radek) */
#topMenuBar2 {
    top: 103px;
}
/* vrchni menu (3. radek) */
#topMenuBar3 {
    top: 127px;
}

/* tecky pres vrchni menu (1. radek) */
#topMenuBarLine1, #topMenuBarLine2, #topMenuBarLine3 {
    position: absolute;
    left: 274px;
    top: 94px;
	width: 2000px;
	height: 1px;
	z-index : 5;
    background: url('img/hdots.gif') repeat-x left top;
}
/* tecky pres vrchni menu (2. radek) */
#topMenuBarLine2 {
    left: 251px;
    top: 118px;
	width: 2000px;
	height: 1px;
    background: url('img/hdots.gif') repeat-x left top;
}
/* tecky pres vrchni menu (3. radek) */
#topMenuBarLine3 {
    left: 251px;
    top: 142px;
	width: 2000px;
	height: 1px;
	z-index : 5;
    background: url('img/hdots.gif') repeat-x left top;
}

/****************************************************************************/
/* Styly pro submenu                                                        */
/****************************************************************************/
table.subMenu {
	height: 23px;
    empty-cells: show;
    margin: 0 0 0 12px;
    border-spacing: 0px;
    border-collapse: collapse;
}

table.subMenu a {
	font-size: 11px;
	font-weight: normal;
    text-decoration: none;
	padding: 0px 10px 10px 0px;
	color: #faa928;
}

table.subMenu a.selected {
    color: white;
}

.subMnItem {
	height: 23px;
    vertical-align: top;
}

.subMnSpace {
	width:4px;
}

.subMnItem1 {background: url(img/mn_strip1.gif) left bottom repeat-x}
.subMnItem2 {background: url(img/mn_strip2.gif) left bottom repeat-x}
.subMnItem3 {background: url(img/mn_strip3.gif) left bottom repeat-x}
.subMnItem4 {background: url(img/mn_strip4.gif) left bottom repeat-x}
.subMnItem5 {background: url(img/mn_strip5.gif) left bottom repeat-x}
.subMnItem6 {background: url(img/mn_strip6.gif) left bottom repeat-x}
.subMnItem7 {background: url(img/mn_strip7.gif) left bottom repeat-x}
.subMnItem8 {background: url(img/mn_strip8.gif) left bottom repeat-x}
.subMnItem9 {background: url(img/mn_strip9.gif) left bottom repeat-x}
.subMnItem10 {background: url(img/mn_strip10.gif) left bottom repeat-x}
.subMnItem11 {background: url(img/mn_strip11.gif) left bottom repeat-x}

.btmMnItem {
	position: absolute;
	width: 99px;
	text-align: center;
	height: 24px;
	top: 540px;
	z-index:3;
}

.btmMnItem a {
    font-size: 11px;
}

.btmMnItem a.selected {
    color: white;
}

.btmMnItem1 {left:209px;background: url(img/mn_bottom1.gif) center bottom no-repeat}
.btmMnItem2 {left:369px;background: url(img/mn_bottom2.gif) center bottom no-repeat}
.btmMnItem3 {left:529px;background: url(img/mn_bottom3.gif) center bottom no-repeat}
.btmMnItem4 {left:689px;background: url(img/mn_bottom4.gif) center bottom no-repeat}
.btmMnItem5 {left:849px;background: url(img/mn_bottom5.gif) center bottom no-repeat}