body, table, td {
	margin: 0;
	padding: 0;
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
}

a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

#ScreenBox{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

#IndexBox{
	position: relative;
	width: 703px;
	margin: 0 auto;
	text-align: left;
}

#MenuLoZD{
	float: left;
	background-image: url(MenuLoZD.jpg);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	width: 93px;
	height: 62px;
	padding: 21px 0 0 43px;
}
#IndexBox>#MenuLoZD{
	width: 50px;
	height: 41px;
}
#MenuLoZD a,a:hover{
	color: #FFF;
}
#MenuSaiph{
	float: left;
	background-image: url(MenuSaiph.jpg);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	width: 85px;
	height: 62px;
	padding: 23px 0 0 32px;
}
#IndexBox>#MenuSaiph{
	width: 53px;
	height: 39px;
}
#MenuSaiph a,a:hover{
	color: #FFF;
}
#MenuForum{
	float: left;
	background-image: url(MenuForum.jpg);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	width: 94px;
	height: 70px;
	padding: 23px 0 0 36px;
}
#IndexBox>#MenuForum{
	width: 58px;
	height: 47px;
}
#MenuForum a,a:hover{
	color: #FFF;
}

#LogoBox{
	float: right;
	position: relative;
	width: 323px;
	height: 111px;
	margin: 0 12 0 0;
}
#IndexBox>#LogoBox{
	margin: 0 34 0 0;
}

#LogoLineLeft{
	background-image: url(LogoLineLeft.jpg);
	background-position: top;
	background-repeat: no-repeat;
	float: left;
	width: 7px;
	height: 97px;
	margin: 0 30 0 0;
}
#Logo{
	background-image: url(Logo.jpg);
	background-position: top;
	background-repeat: no-repeat;
	float: left;
	width: 247px;
	height: 79px;
	margin: 9 0;
}
#LogoLineRight{
	background-image: url(LogoLineRight.jpg);
	background-position: top;
	background-repeat: no-repeat;
	float: right;
	width: 7px;
	height: 97px;
	margin: 0 0 0 30;
}
#LogoCornerLeftBottom{
	background-image: url(LogoCornerLeftBottom.jpg);
	background-position: top;
	background-repeat: no-repeat;
	float: left;
	width: 16px;
	height: 14px;
}
#LogoLineBottom{
	background-image: url(LogoLineBottom.jpg);
	background-position: top;
	background-repeat: no-repeat;
	float: left;
	width: 291px;
	height: 7px;
	margin: 7 0 0 0;
}
#LogoCornerRightBottom{
	background-image: url(LogoCornerRightBottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	float: right;
	width: 16px;
	height: 14px;
}

#Tree{
	background-image: url(Tree.jpg);
	background-position: top;
	background-repeat: no-repeat;
	float: left;
	width: 338px;
	height: 497px;
	margin: 0 0 0 8;
}

#SubMenu{
	float: left;
	position: relative;
	font-size:  12px;
	font-weight: bold;
	color: #868483;
	width: 305px;
	height: 50px;
	margin: 26 0 25 10;
}
#IndexBox>#SubMenu{
	margin: 28 0 28 10;
}
#SubMenu a{
	color: #868483;
}
#SubMenu a:hover{
	color: #E05E0D;
	text-decoration: none;
}

#Uvod{
	text-indent: 27px;
	float: left;
	width: 100px;
	height: 25px;
}
#Uvod a{
	background-image: url(1_OFF.jpg);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	margin: 0;
	padding: 5 0 0 0;
}
#SubMenu>#Uvod a{
	height: 20px;
}
#Uvod a:hover{
	background-image: url(1_ON.jpg);
}
#Uvod a.inactive{
	background-image: url(1_ON.jpg);
}

#ONas{
	text-indent: 27px;
	float: left;
	width: 100px;
	height: 25px;
}
#ONas a{
	background-image: url(2_OFF.jpg);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	margin: 0;
	padding: 5 0 0 0;
}
#SubMenu>#ONas a{
	height: 20px;
}
#ONas a:hover{
	background-image: url(2_ON.jpg);
}
#ONas a.inactive{
	background-image: url(2_ON.jpg);
}

#Projekty{
	text-indent: 27px;
	float: left;
	width: 100px;
	height: 25px;
}
#Projekty a{
	background-image: url(3_OFF.jpg);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	margin: 0;
	padding: 5 0 0 0;
}
#SubMenu>#Projekty a{
	height: 20px;
}
#Projekty a:hover{
	background-image: url(3_ON.jpg);
}
#Projekty a.inactive{
	background-image: url(3_ON.jpg);
}

#Download{
	text-indent: 27px;
	float: left;
	width: 100px;
	height: 25px;
}
#Download a{
	background-image: url(4_OFF.jpg);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	margin: 0;
	padding: 5 0 0 0;
}
#SubMenu>#Download a{
	height: 20px;
}
#Download a:hover{
	background-image: url(4_ON.jpg);
}
#Download a.inactive{
	background-image: url(4_ON.jpg);
}

#Kontakt{
	text-indent: 27px;
	float: left;
	width: 100px;
	height: 25px;
}
#Kontakt a{
	background-image: url(5_OFF.jpg);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	margin: 0;
	padding: 5 0 0 0;
}
#SubMenu>#Kontakt a{
	height: 20px;
}
#Kontakt a:hover{
	background-image: url(5_ON.jpg);
}
#Kontakt a.inactive{
	background-image: url(5_ON.jpg);
}

#Hledame{
	text-indent: 27px;
	float: left;
	width: 100px;
	height: 25px;
}
#Hledame a{
	background-image: url(6_OFF.jpg);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	margin: 0;
	padding: 5 0 0 0;
}
#SubMenu>#Hledame a{
	height: 20px;
}
#Hledame a:hover{
	background-image: url(6_ON.jpg);
}
#Hledame a.inactive{
	background-image: url(6_ON.jpg);
}


#TextBox{
	float: left;
	position: relative;
	background-color: #E05D0F;
	width: 349px;
	height: 350px;

}
#TextBoxLeft{
	background-image: url(TextBoxLeft.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 27px;
	height: 350px;
	float: left;
}
#TextBoxTop{
	background-image: url(TextBoxTop.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 269px;
	height: 24px;
	float: left;
}
#TextBoxRight{
	background-image: url(TextBoxRight.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 53px;
	height: 350px;
	float: right;
}
#TextBoxInner{
	font-family: Tahoma;
	font-size: 10px;
	color: #FFF;
	width: 259px;
	height: 266px;
	margin: 5px;
	float: left;
	overflow: auto;
}
#TextBoxInner * {
  //overflow: hidden;
}
#TextBoxInner p{
	text-indent: 12px;
	text-align: justify;
	margin: 0;
	padding: 0;
}
#TextBoxBottom{
	background-image: url(TextBoxBottom.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 269px;
	height: 50px;
	float: left;
}

#TextBoxInner .header {
	background-image: url(cara.gif);
	background-position: bottom;
	background-repeat: no-repeat;
    padding-top: 3px;
    padding-bottom: 3px;
}
#TextBoxInner .header SPAN {
    cursor: pointer;
}

#TextBoxInner .header .selected {
    color: #FFBA00; 
    cursor: default;
}

.teamMemberProjects {
    color: #FFBA00; 
}

.projektPozadi {
    background-color: #eb8649;
    width: 95%;
}

.projektPozadi .leva {
    padding: 5px;
}
.projektPozadi .leva img {
    align: left;
    padding-right: 10px;
    /* width: 30%; */
}
.projektPozadi .prava {
    padding: 10px 10px 10px 0px;
}

.novinkyAutor{
    color: #FFBA00; 
    cursor: pointer;
}

.novinkyText{
    display: none;
    position: absolute;
	background-image: url(pozadiCtverecek.png);
	border: 1px solid #FFF;
	top: 28px;
	// top: 0px; 
	padding: 3px;
	cursor: pointer;
	width: 250px;
	//width: 258px;
	overflow: visible;
}

.bigger {
    font-weight: bold;
    font-size: 1.3em;
}

.pageNavigation {
/*  text-align: right; */
}

.pageLink {
    padding-left: 5px;
}

.pageLink a {
    cursor: pointer;
    color: #FFF;
}

.pageLink a.selected {
    cursor: default;
    color: #FFBA00; 
}
.pageLink a.selected:hover {
    cursor: default;
    color: #FFBA00; 
    text-decoration: none;    
}