/* (c) Petr Kabrna 2007 */
/* main aspects */

body {
    width:100%;
    margin:0;
    padding:0;
    text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 1.9em;
	word-spacing: 0.1em;
	background-color: rgb(0,0,0);
}

body, li, ul {
	padding: 0px;
	margin: 0px;
}

h1.hide {
  display: none;
}

#container {
    max-width:1024px;
    width:expression(document.body.clientWidth > 1024? "1024px": "auto");
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#innerContainer {
    min-width:760px;
    width:expression(document.body.clientWidth < 760? "760px": "auto");
}

/* architecture */

#leftContent {
    float: left;
    width: 15%;
}

#rightContent {
    float: left;
    width: 85%;
    /* background-color: rgb(0,102,255); */
}

/* left Content architecture */

#menuDiv {
    position: relative;
    top: 123px;
    list-style-type: none;
    color: rgb(255,255,255);
}

.menuArticle {
    margin-left: 10px;
    background-color: #1A1A1A;
    text-align: right;
	border-width: 1px;
	border-bottom-style: solid;
	border-color: #313131;
	padding: 5px;
	padding-right: 25px;
    cursor: pointer;
    text-decoration: underline;
    background: url(images/list_item_1.gif) no-repeat right;
}

.menuArticleHover {
    margin-left: 10px;
    background-color: #81635A;
    text-align: right;
	border-width: 1px;
	border-bottom-style: solid;
	border-color: #313131;
	padding: 5px;
	padding-right: 25px;
	cursor: pointer;
    text-decoration: underline;
    color: #F2D6CF; /* Zvážit ... ! */
}

.menuArticleSelected {
    margin-left: 10px;
    background-color: #5C3429;
    text-align: right;
	border-width: 1px;
	border-bottom-style: solid;
	border-color: #313131;
	padding: 5px;
	padding-right: 25px;
	cursor: pointer;
    text-decoration: underline;
    color: #F2D6CF;
}





/* right Content architecture */
/* HEADER */

#header {
    height: 123px;
	background-image: url(images/bg_header.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#header .contentDiv {
    height: 123px;
	background-image: url(images/klic_1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#siteLogotip {
    position: relative;
    width: 100%;
    height: 18px;
    right: 20px;
    top: 64px;
    color: white;
    text-align: right;
}

#siteLogotip a {
    color: white;
    text-decoration: none;
    border-bottom: solid 1px rgb(128,128,128);
}

#siteLogotip a:hover {
    color: white;
    text-decoration: none;
    background-color: rgb(80,80,80);
    border-bottom: solid 1px white;
}

#siteLogotip .hugeSize {
    font-size: 2em;
}

#siteLogotip .mediumSize {
    font-size: 1.5em;
}




/* FOOTER */
#footer {
    height: 114px;
	background-image: url(images/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#footer .text {
    padding-top: 36px;
    margin-right: 20px;
    text-align: right;
    color: white;
}

#footer .text a,
.classicA {
    color: white;
    text-decoration: none;
    border-bottom: solid 1px rgb(128,128,128);
}

#footer .text a:hover,
.classicA:hover, .classicA:active {
    color: white;
    text-decoration: none;
    background-color: rgb(80,80,80);
    border-bottom: solid 1px white;
}




/* specialities */

.spacer10px {
    margin-left: 10px;
    margin-right: 10px;
}

.beLessVisible {
    color: #808080;
}

.beLessVisible a {
    color: #808080;
}