@CHARSET "UTF-8";

#header, #header h1, #header h1 a.logo, 
#menu ul, #menu ul li, #menu ul li a {
	height: 100px;
}

#header h1 {
	float: left;
}
 
#header h1 a.logo {
	display: block;
	width: 287px;
	background-image: url("images/logo.png");
}

/** MENU **/

#menu ul li {
	float: right;
}

#menu ul li a {
	display: block;
}

/** TAB HOME **/
#menu ul li.home a {
	width: 106px;
}
.en #menu ul li.home a {
	background-image: url("images/menuHomeEn.png");
}

.en.home #menu ul li.home a,
.en #menu ul li.home a:hover {
	background-image: url("images/menuHomeEnOn.png");
}

.cz #menu ul li.home a {
	background-image: url("images/menuHomeCz.png");
}

.cz.home #menu ul li.home a,
.cz #menu ul li.home a:hover {
	background-image: url("images/menuHomeCzOn.png");
}

/** TAB ABOUT **/
.en #menu ul li.about a {
	background-image: url("images/menuAboutEn.png");
	width: 118px;
}

.en.about #menu ul li.about a,
.en #menu ul li.about a:hover {
	background-image: url("images/menuAboutEnOn.png");
}

.cz #menu ul li.about a {
	background-image: url("images/menuAboutCz.png");
	width: 102px;
}

.cz.about #menu ul li.about a,
.cz #menu ul li.about a:hover {
	background-image: url("images/menuAboutCzOn.png");
}

/** TAB GALLERY **/
.en #menu ul li.gallery a {
	background-image: url("images/menuGalleryEn.png");
	width: 145px;
}

.en.gallery #menu ul li.gallery a,
.en #menu ul li.gallery a:hover {
	background-image: url("images/menuGalleryEnOn.png");
}

.cz #menu ul li.gallery a {
	background-image: url("images/menuGalleryCz.png");
	width: 157px;
}

.cz.gallery #menu ul li.gallery a,
.cz #menu ul li.gallery a:hover {
	background-image: url("images/menuGalleryCzOn.png");
}

/** TAB CONTACT **/
#menu ul li.contact a {
	width: 146px;
}
.en #menu ul li.contact a {
	background-image: url("images/menuContactEn.png");
}

.en.contact #menu ul li.contact a,
.en #menu ul li.contact a:hover {
	background-image: url("images/menuContactEnOn.png");
}

.cz #menu ul li.contact a {
	background-image: url("images/menuContactCz.png");
}

.cz.contact #menu ul li.contact a,
.cz #menu ul li.contact a:hover {
	background-image: url("images/menuContactCzOn.png");
}

/* LANGUAGES */
ul#languages {
	position: absolute;
	top: 10px;
	right: -20px;
}

ul#languages li a {
	display: block;
	width: 18px;
	height: 20px;
}

ul#languages li.cz a {
	background-image: url("images/langCz.png");
}

.cz ul#languages li.cz a,
ul#languages li.cz a:hover {
	background-image: url("images/langCzOn.png");
}

ul#languages li.en a {
	background-image: url("images/langEn.png");
}

.en ul#languages li.en a,
ul#languages li.en a:hover {
	background-image: url("images/langEnOn.png");
}