/****************************************************************************************/
/*                                                                                      */
/* Version:         2009-10-01 16:00                                                    */
/* Last changed by: Michal Pelech                                                       */
/*                                                                                      */
/****************************************************************************************/

/*======================================================================================*/
/* GLOBAL SETTINGS                                                                      */
/*======================================================================================*/

body
{
	background: #000000 url(images/backgrounds/home-bg.jpg) no-repeat scroll center top;
	color: #ffffff;
	font-size: 100%;
	font-family: Tahoma, Verdana, Arial;
}

/*======================================================================================*/

.kalendar
{
	background-image: url(images/backgrounds/kalendar-bg.jpg);
}

.fotogalerie
{
	background-image: url(images/backgrounds/fotogalerie-bg.jpg);
}

.dnmnm
{
	background-image: url(images/backgrounds/dnmnm-bg.jpg);
}

.kontakt
{
	background-image: url(images/backgrounds/kontakt-bg.jpg);
}

.sdtj
{
	background-image: url(images/backgrounds/sdtj-bg.jpg);
}

.sportovni-centrum
{
	background-image: url(images/backgrounds/sportovni-centrum-bg.jpg);
}

.vyse-najemneho
{
	background-image: url(images/backgrounds/vyse-najemneho-bg.jpg);
}

.verne
{
	background-image: url(images/backgrounds/verne-bg.jpg);
}

/*======================================================================================*/

body, form, ul, li, ol, h1, h2, h3, h4, h5, h6, object, p, form, dl, dd, dt
{
	margin: 0;
	padding: 0;
}

input, select, textarea, sub, sup
{
	font-size: 100%;
	font-family: Verdana, Tahoma, Arial;
}

h1, h2, h3, h4
{
	font-family: "Myriad Pro", Verdana, sans-serif;
	color: #23aae8;
}

h1, h2
{
	padding: 0 0 10px 0;
	font-size: 21px;
	text-transform: uppercase;
	font-weight: normal;
}

h2
{
	padding: 5px 0;
	font-size: 16px;
}

h3
{
	padding: 3px 0;
	font-size: 14px;
	font-weight: normal;
}

img
{
	border: none;
}

a
{
	cursor: pointer;
	color: #858585;
}

a:hover
{
	text-decoration: none;
}

label
{
	cursor: pointer;
}

.clear 
{
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
	clear: both;
}

.clear hr
{
	display: none;
}

.hide
{
	position: absolute !important;
	left: -4999px !important;
	top: -4999px !important;
}

/*======================================================================================*/
/* CONCRETE STYLES                                                                      */
/*======================================================================================*/

#wrapper
{
	width: 1314px;
	height: 800px;
	margin: 0 auto;
	position: relative;
}

/*======================================================================================*/
/* BACKGROUND STYLES                                                                    */
/*======================================================================================*/

#background-in-top
{
	width: 1323px;
	height: 76px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/backgrounds/home-top.jpg) no-repeat left top;
}

.verne #background-in-top
{
	background-image: url(images/backgrounds/verne-top.jpg);
}

.kalendar #background-in-top
{
	background-image: url(images/backgrounds/kalendar-top.jpg);
}

.fotogalerie #background-in-top
{
	background-image: url(images/backgrounds/fotogalerie-top.jpg);
}

.dnmnm #background-in-top
{
	background-image: url(images/backgrounds/dnmnm-top.jpg);
}

.kontakt #background-in-top
{
	background-image: url(images/backgrounds/kontakt-top.jpg);
}

.sdtj #background-in-top
{
	background-image: url(images/backgrounds/sdtj-top.jpg);
}

.sportovni-centrum #background-in-top
{
	background-image: url(images/backgrounds/sportovni-centrum-top.jpg);
}

.vyse-najemneho #background-in-top
{
	background-image: url(images/backgrounds/vyse-najemneho-top.jpg);
}

#background-in-middle
{
	width: 1323px;
	height: 391px;
	position: absolute;
	left: 0;
	top: 76px;
	background: url(images/backgrounds/home-middle.jpg) no-repeat left top;
}

.verne #background-in-middle
{
	background-image: url(images/backgrounds/verne-middle.jpg);
}

.kalendar #background-in-middle
{
	background-image: url(images/backgrounds/kalendar-middle.jpg);
}

.fotogalerie #background-in-middle
{
	background-image: url(images/backgrounds/fotogalerie-middle.jpg);
}

.dnmnm #background-in-middle
{
	background-image: url(images/backgrounds/dnmnm-middle.jpg);
}

.kontakt #background-in-middle
{
	background-image: url(images/backgrounds/kontakt-middle.jpg);
}

.sdtj #background-in-middle
{
	background-image: url(images/backgrounds/sdtj-middle.jpg);
}

.sportovni-centrum #background-in-middle
{
	background-image: url(images/backgrounds/sportovni-centrum-middle.jpg);
}

.vyse-najemneho #background-in-middle
{
	background-image: url(images/backgrounds/vyse-najemneho-middle.jpg);
}

#background-in-bottom
{
	width: 1323px;
	height: 264px;
	position: absolute;
	left: 0;
	top: 467px;
	background: url(images/backgrounds/home-bottom.jpg) no-repeat left top;
}

.verne #background-in-bottom
{
	background-image: url(images/backgrounds/verne-bottom.jpg);
}

.kalendar #background-in-bottom
{
	background-image: url(images/backgrounds/kalendar-bottom.jpg);
}

.fotogalerie #background-in-bottom
{
	background-image: url(images/backgrounds/fotogalerie-bottom.jpg);
}

.dnmnm #background-in-bottom
{
	background-image: url(images/backgrounds/dnmnm-bottom.jpg);
}

.kontakt #background-in-bottom
{
	background-image: url(images/backgrounds/kontakt-bottom.jpg);
}

.sdtj #background-in-bottom
{
	background-image: url(images/backgrounds/sdtj-bottom.jpg);
}

.sportovni-centrum #background-in-bottom
{
	background-image: url(images/backgrounds/sportovni-centrum-bottom.jpg);
}

.vyse-najemneho #background-in-bottom
{
	background-image: url(images/backgrounds/vyse-najemneho-bottom.jpg);
}

/*======================================================================================*/
/* PAGE STYLES		                                                                    */
/*======================================================================================*/

#page
{
	height: 430px;
	padding: 76px 151px 0 163px;
	position: relative;
	z-index: 5;
}

#rightPanel
{
	width: 665px;
	padding: 50px 30px 0 0;
	float: right;
}

#leftPanel
{
	width: 265px;
	float: left;
}

#leftPanel h2.logo,
#leftPanel h2.logo a
{
	width: 179px;
	height: 120px;
	position: relative;
	left: 43px;
	top: 35px;
	overflow: hidden;
}

#leftPanel h2.logo a
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

#leftPanel h2.logo span
{
	visibility: hidden;
}

#leftPanel h2.logo a
{
	text-decoration: none;
}

#leftPanel #menu
{
	margin: 45px 0 0 43px;
	list-style-type: none;
	font-family: "Myriad Pro", Verdana, sans-serif;
	text-transform: uppercase;
}

#leftPanel #menu li
{
	margin: 0 0 5px 0;
}

#leftPanel #menu li a
{
	color: #7bd7fe;
	font-size: 14px;
	text-decoration: none;
}

#leftPanel #menu li a:hover
{
	color: #23aae8;
}

#leftPanel #menu li a.selected
{
	color: #23aae8;
}

/*======================================================================================*/
/* NAVIGATIONS STYLES		                                                            */
/*======================================================================================*/

#navigations
{
	position: relative;
	z-index: 5;
}

#topNavigation
{
	width: 625px;
	height: 27px;
	position: absolute;
	left: 521px;
	top: -457px;
	list-style-type: none;
	overflow: hidden;
	z-index: 10;
}

#topNavigation li
{
	float: left;
}

#topNavigation li a
{
	float: left;
	position: relative;
	overflow: hidden;
	text-decoration: none;
}

/*.home #topNavigation li a span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}*/

.home #topNavigation li a span,
.kalendar #topNavigation li a span,
.fotogalerie #topNavigation li a span,
.dnmnm #topNavigation li a span,
.vyse-najemneho #topNavigation li a span,
.sportovni-centrum #topNavigation li a span,
.kontakt #topNavigation li a span,
.sdtj #topNavigation li a span,
.verne #topNavigation li a span
{
	visibility: hidden;
}

#topNavigation li a.clubroom
{
	width: 165px;
	height: 27px;
}

#topNavigation li a.museum
{
	width: 151px;
	height: 27px;
}

#topNavigation li a.links
{
	width: 70px;
	height: 27px;
}

#topNavigation li a.download
{
	width: 133px;
	height: 27px;
}

#topNavigation li a.email
{
	width: 106px;
	height: 27px;
}

#bottomNavigation
{
	width: 1314px;
	height: 60px;
	padding: 210px 0 0 0;
	position: relative;
	list-style-type: none;
	overflow: hidden;
}

#bottomNavigation li
{
	float: left;
	position: relative;
	overflow: hidden;
	text-decoration: none;
}

.kalendar #bottomNavigation,
.fotogalerie #bottomNavigation
{
	height: 270px;
	padding: 0;
}

.kalendar #bottomNavigation li,
.fotogalerie #bottomNavigation li
{
	height: 270px;
}


#bottomNavigation li span
{
	visibility: hidden;
}

#bottomNavigation li.football
{
	width: 167px;
	height: 37px;
	background: url(images/buttons/football-background.png) no-repeat left top;
}

#bottomNavigation li.playground
{
	width: 365px;
	height: 37px;
	background: url(images/buttons/playground-background.png) no-repeat center top;
}

#bottomNavigation li.cycling
{
	width: 185px;
	height: 37px;
	background: url(images/buttons/cycling-background.png) no-repeat center top;
}

#bottomNavigation li.tennis
{
	width: 170px;
	height: 37px;
	background: url(images/buttons/tennis-background.png) no-repeat center top;
}

#bottomNavigation li.nohejbal
{
	width: 285px;
	height: 37px;
	background: url(images/buttons/nohejbal-background.png) no-repeat center top;
}

#bottomNavigation li.volleyball
{
	width: 135px;
	height: 37px;
	background: url(images/buttons/volleyball-background.png) no-repeat center top;
}

#bottomNavigation li.sledging
{
	width: 200px;
	background: url(images/buttons/sledging-background.png) no-repeat center bottom;
}

#bottomNavigation li.ping-pong
{
	width: 365px;
	background: url(images/buttons/ping-pong-background.png) no-repeat center bottom;
}

#bottomNavigation li.winter-games
{
	width: 318px;
	background: url(images/buttons/winter-games-background.png) no-repeat center bottom;
}

#bottomNavigation li.skiing
{
	width: 430px;
	background: url(images/buttons/skiing-background.png) no-repeat center bottom;
}