html, body {
	margin:0; padding:0;
}

body {
	position: relative;
	background: #F4F2F3 url(../images/bg-top.jpg) repeat-x top;
}

#container {
	position: relative;
	width: 844px;
	margin: 0 auto;
}
#header {
	position: relative;
	background: url(../images/top.jpg) no-repeat center;
	height: 263px;
}
#logo {
	position:absolute;
	top: 82px; left: 27px;
    display: block;
    height: 54px; width: 256px;
    background: url(../images/logo.gif) no-repeat;
    overflow: hidden; text-indent: 1500px; white-space: nowrap;
}
#nav {
	position: absolute;
	right: 28px; top: 0;
	color: #fff;
}
#nav a {
    color: #fff;
    text-decoration: none;
}
#nav a:hover {text-decoration: underline; }
#nav form { float: left; margin-right: 4px;}
#nav form input {
	height: 19px; width: 144px;
	padding: 2px 3px 0;
	margin: 6px 7px 0 10px;
	float: left;
	color: #999;
	font-style: italic; font-size: 11px;
	text-align: right;
}
#nav form img { margin-top: 7px; }

#userMenu {
	position: absolute;
	right:33px; top:40px;
	width: 160px; height: 135px;
	margin: 0; padding: 0 20px;
	background: none;
}
#userMenu .header {
	background: none;
	color: #fff;
	font-size: 14px;
}
#userMenu fieldset { display: none; }
#userMenu input {
    width: 100%;
    text-align: center;	
    margin: 3px 0;
}
#userMenu #login-ok {
    background: url(../images/btn-ok.gif) no-repeat;
    width: 95px; height: 23px;
    border: none; margin: 8px 0 0; padding: 0;
    overflow: hidden;
    text-indent: 100px;
    cursor: pointer;
}

#content-container {
	position: relative;
    background: url(../images/bg-container.png) repeat-y center;
    padding: 0 27px 27px;
}

#leftPanel {
	position: relative;
	top: -19px; left: -1px;
	width: 255px;
	float: left;
}
#leftPanel h2 {
	display: block;
	height: 30px; width: 255px;
	background: url(../images/kontakt.gif) no-repeat left;
	overflow: hidden;
	text-indent: -500px;
	margin: 0; padding: 0;
}

#content {
	position: relative;
	margin: 0 45px 0 306px;
}
#footer {
	clear: both;
	height: 118px;
	background: url(../images/footer.jpg) no-repeat;
	color: #7c7c7c;
	font-size: 11px;
}

/* MENU */
#menu li, #menu ul {
	border: none;
	background: none;
	margin: 0; padding: 0
}
#menu ul ul {
	left: 239px;
	z-index: 10;
}
#menu a {
	display: block;
	width: 218px; height: 28px;
	margin: 0; padding: 7px 0 0 22px;
	border: none;
	background: url(../images/menu.gif) no-repeat 0 -35px;
	font-size: 14px; font-weight: bold;
	text-decoration:none; text-transform: uppercase;
	color: #fff;
}
#menu a:hover, #menu .active > a {
	color: #8fb32f;
	background-position: 0 0;
}
#menu :hover>ul { display: block }

/* dekor */
#art-r {
	position: absolute;
	top:0; right:-177px;
	width: 204px; height: 176px;
	background: url(../images/art-r.jpg) no-repeat;
}
#art-l {
    position: absolute;
    top:0; left:-49px;
    width: 76px; height: 161px;
    background: url(../images/art-left.jpg) no-repeat;
}
#stick {
	position: absolute;
	bottom: 18px; right: 35px;
    width:137px; height:92px;
    background: url(../images/stick.jpg) no-repeat;
}

/* GREEN BUTTON - idea */
/*.dijitButton .dijitButtonNode, .dijitButton.dijitButtonHover .dijitButtonNode {
	background: transparent url(../images/button.png) no-repeat left;
	padding: 0 4px;
	border: none;
}
.dijitButton .dijitRight {
    background: transparent url(../images/button.png) no-repeat right;
}
.dijitButton button {
	height: 23px;
    background: url(../images/button-bg.gif) repeat-x;
    color: #fff;
    text-align: center !important;
    font-size: 14px;
}*/

/* USERMENU */
.userMenu {
    background: none;
}
#leftPanel .header {
    width: 233px; height: 26px;
    background: url(../images/h2-left.gif) no-repeat;
    color: #fff;
    padding: 4px 0 0 22px;
    font-size: 14px;
    text-transform: capitalize;
}
#leftPanel .userMenu .userSettings { display: none; }


/* ANKETA */
.anketa {
	color:#c4c4c4;
}
.anketa .question {
	color: #6b6c6c;
    font-weight: bold; font-size: 13px;
    margin: 0 0 6px 0;
    text-align: center;
}
.anketa .text {
	color: #6b6c6c;
	font-weight: bold;
}
.anketa .percent {
	color:#c4c4c4;
	font-weight: bold;
}
.anketa .barContainer {
    width: 150px;
    float: left;
    margin: 0 5px 0 0;
}
.anketa .bar {
    width: 1px; height: 15px;
    background: url(../images/anketa-bg.jpg) repeat-x;
    border-left: 1px solid #AFAFAF;
    border-right: 1px solid #AFAFAF;
}
.anketa .option {
	margin: 0 0 5px;
}
.anketa .vote .option {
    cursor: pointer;
}
.anketa .vote .option .text {
    text-decoration: underline;
    color: #8fb32f;
}

/* GALLERY */
.gallery-classic {
	position: relative;
	width: 580px;
	margin: auto;
	margin-left: -20px;
}
.gallery-classic div.image {
    width: 120px; height: 90px;
}

/* edit */
#pageEditButtons {
    top: -5px !important;
}
#pageEdit {
    width: 620px;
}

/* NOVINKY */
.novinky .novinka {
    position: relative;
    margin: 0 0 16px;
}
.novinky .title {
    font-weight: bold;
    font-size: 13px;
    color: #8dc63f;
}
.novinky .edit {
    position: absolute;
    right: 0; top: 0;
}