html {
	width: 100%;
	height: 100%;

	overflow: scroll;
	overflow-x: auto;
}

body {
	width: 100%;
	height: 100%;

	margin: 0px;
	padding: 0px;

	background: black url("../images/layout/bg.jpg") center -4px no-repeat;

	font-family: "Arial CE", "Arial", "Helvetica", sans-serif;
	font-size: 12px;

	text-align: center;

	color: #303030;
}

div.frame {
	width: 977px;

	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;

	text-align: left;
}

#content { 
	background: white url("../images/layout/bg.jpg") center -204px no-repeat;

    padding: 0 2px;
}

#head { 
    background: url("../images/layout/uvod_top.jpg") top center no-repeat;

    height: 200px;
}

#head.partylist { 
    background: black url("../images/layout/uvod_top.jpg") top center no-repeat;
}

#head.partyples { 
    background: black url("../images/layout/partyples_top.jpg") top center no-repeat;
}

#head.partylod { 
    background: black url("../images/layout/partylod_top.jpg") top center no-repeat;
}

#head h1 { 
    width: 300px;
    height: 40px;

    margin: 0;

    position: absolute;
    top: 120px;
    left: 540px;

    border: 0px solid red;
}

#head h1 a { 
    display: block;

    width: 100%;
    height: 100%;
}

#head h1 span { 
    display: none;
}

#menu { 
    padding-left: 352px;
    padding-top: 15px;
}

#menu ul { 
    margin: 0;
    padding-left: 44px;
}

#main { 

}

#main .frame { 
    background: url("../images/layout/bg-main.gif") top left repeat-y;

    min-height: 300px;
}

#main .content { 
    padding: 5px 15px 5px 30px;
}

#main .left-side { 
    width: 529px;

    float: left;
}

#main .left-side .content { 
    border-right: 1px solid #aaa;
}

#main .right-side { 
    width: 444px;

    float: right;
}

#foot { 
    background: black;
    color: white;

    padding: 10px 0px;
}