@import url("../modules/privatezone/style.css");
@import url("../modules/fotogallery/style.css");
@import url("menu.css");
@import url("blocks.css");
@import url("../inc/css/facebox.css");

BODY {
	margin : 0;
	padding : 0;
	background : #ffffff url('../images/bg.jpg') repeat-x top;
}

#page {
	min-height : 700px;
	background : transparent url('../images/bg-page.png') no-repeat top center;
}

#page-content {
	width : 920px;
	margin : 0 auto;
	padding-top : 40px;
}

#top {
	height : 120px;
	?height : 100px;
	padding-left : 80px;
}
#logo {
	width : 260px;
	height : 120px;
	float : left;
}
#top .logo-right {
	margin-top : 64px;
	width : 436px;
	height : 56px;
	float : left;
	background : transparent url('../images/top-righ.png') no-repeat bottom left;
}

#middle {
	height : 416px;
}
#middle .m-left {
	float : left;
	width : 80px;
	height : 416px;
	background : transparent url('../images/bg-left.png') no-repeat top left;
}
#center {
	float : left;
	width : 452px;
	height : 416px;
	background : transparent url('../images/bg-content.jpg') no-repeat top left;
}
#center .top-menu {
	height : 35px;
}
#content {
	width : 450px;
	height : 250px;
	overflow : hidden;
	font-size : 12px;
	line-height : 16px;
}

#middle .c-right {
	float : left;
	width : 104px;
	height : 416px;
	background : transparent url('../images/bg-content-right.png') no-repeat top left;
}
#middle .m-right {
	float : left;
	width : 144px;
	height : 416px;
	background : transparent url('../images/bg-right.png') no-repeat top left;
}
#middle .m-right .space {
	display : block;
	height : 250px;
}
#middle .m-right .tabulka {
	display : block;
	width : 144px;
	height : 65px;
}

#bottom {
	width : 920px;
	height : 156px;
	background : transparent url('../images/bottom.jpg') no-repeat top left;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent;
}
.jScrollPaneDrag {
	position: absolute;
	background: url("../images/scroll-drag.gif") no-repeat top left;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background : url("../images/scroll-up.gif") no-repeat top left; 
	height: 14px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background : url("../images/scroll-down.gif") no-repeat top left; 
	height: 14px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/****** DEFAULTS - NEMENIT ******/
INPUT {
	vertical-align : middle;
}
INPUT.radio {
	width : auto;
}
.alert {
	margin : 5px 0px;
	padding : 10px 20px;
	background : #990000;
	color : #FFFFFF;
}
.alert * {
	color : #FFFFFF;
}
.left {
	float : left;
}
.right {
	float : right;
}
.center {
	text-align : center;
}
.justify {
	text-align : justify;
}
.clear {
	display : block;
	clear : both;
}