@import url("content.css");
@import url("menu.css");
@import url("slimbox.css");

body {
	margin: 30px;
	background-color: #e6caa3;
}

.hide, h1 {
	display: none;
}

.cleaner {
	clear: both;
}

div#main {
	width: 900px;
	background: url(../images/top_bg.png) no-repeat top center;
	margin: 0px auto;
	padding: 42px 0px 0px 0px;
	position: relative;
	left: 0px;
	top: 0px;
}

ul#mainMenu {
	width: 720px;
	height: 145px;
	margin: 0px 89px;
	background: url(../images/menu_bg.png) repeat-y;
	position: relative;
	list-style: none;
	padding: 0px;
}

ul#mainMenu li {
	margin: 0px;
	position: absolute;
	background-image: none;
	padding: 0px;
}

ul#mainMenu li a {
	display: block;
	cursor: pointer;
}

ul#mainMenu li a span {
	display: none;
	cursor: pointer;
}

div#slideshowContainer {
	width: 749px;
	height: 259px;
	overflow: hidden;
	margin: 0px 75px;
	position: relative;
	background: url(../images/menu_bg.png) repeat-y 14px 0px;
}

div#slideshow {
	padding: 0px 15px 0px 14px;
	text-align: center;
}

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}

.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
	height: 259px;
	width: 720px;
}

.slideshow-images-visible { 
	opacity: 1;
}

.slideshow-images-prev {
	opacity: 0; 
}

.slideshow-images-next { 
	opacity: 0; 
}

.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
	display: block;
	position: absolute;
	z-index: 1;
}

div#slideShowFrame {
	background: url(../images/photo_bg.png) no-repeat;
	width: 749px;
	height: 107px;
	position: absolute;
	left: 0px;
	top: 152px;
	z-index: 2;
}

ul#languages {
	float: right;
	position: absolute;
	left: 824px;
	top: 360px;
	width: 32px;
	height: 215px;
	background: url(../images/languages_bg.png) no-repeat;
	list-style: none;
	margin: 0px 21px 0px 0px;
	padding: 5px 15px 30px 8px;
	display: inline;
}

ul#languages li {
	margin: 8px 0px 0px 0px;
	padding: 0px;
	width: 32px;
	float: left;
	display: inline;
}

ul#languages li a {
	width: 32px;
	height: 32px;
	display: block;
	background-repeat: no-repeat;
}

ul#languages li a span {
	display: none;
}

li#czLanguage a {background-image: url(../images/flag_cz.png);}
li#deLanguage a {background-image: url(../images/flag_de.png);}
li#enLanguage a {background-image: url(../images/flag_en.png);}
li#frLanguage a {background-image: url(../images/flag_fr.png);}
li#esLanguage a {background-image: url(../images/flag_es.png);}

div#middle {
	background: #540000 url(../images/main_bg.png) repeat-y 0px -74px;
	width: 469px;
	min-height: 350px;
	margin: 0px 0px 0px 75px;
	padding: 10px 140px 10px 140px;
}

div#footer {
	width: 749px;
	background: url(../images/bottom.png) no-repeat center top;
	margin: 0px 0px 0px 75px;
	font: normal 0.8em "Palatino Linotype", "Times New Roman", Times, serif;
	text-align: center;
	padding-top: 20px;
	color: #540000;
}

div#footer p {
	margin: 0px;
}

div#footer a, div#footer strong {
	color: #A9801F;
}

div.picGallery {
	clear: both;
}

div.picGalleryWebpage {
	clear: both;
	margin-top: 10px;
}

div.picturePreview {
	display: inline;
	float: left;
	width: 152px;
	height: 152px;
	margin: 4px 4px 0px 0px;
}

div.picturePreview a {
	border: 1px solid #F0E68C;
	display: inline;
	float: left;
}

div.picturePreview a:hover {
	border: 1px solid #F3E032;
}

div.picturePreview img {
	border: 0px;
}

table.contactTable th {
	padding: 1px 2px 1px 1px;
	text-align: right;
}

table.contactTable td {
	padding: 1px 1px 1px 2px;
}

h3.photogalleryHeader {
	color: #AA1C1E;
	font: bold 1.2em "Palatino Linotype", "Times New Roman", Times, serif;
	clear: both;
	margin: 0px 0px 4px 0px;
}

div.pgDesc {
	margin-bottom: 6px;
}

div#googleMap img {
	border: none;
}

div#googleMap a {
	color: #F0E68C;
	font-family: "Palatino Linotype", "Times New Roman", Times, serif;
}

div#googleMap a:hover {
	color: #F3E032;
}

table.contactTable th {
	padding: 1px 2px 1px 1px;
	text-align: right;
}

table.contactTable td {
	padding: 1px 1px 1px 2px;
}

td.formInput {
	color: white;
	font: normal 0.8em "Palatino Linotype", "Times New Roman", Times, serif;
}

th.formRightHeader, th.formLeftHeader {
	font: normal 0.8em "Palatino Linotype", "Times New Roman", Times, serif;
	color: white;
	text-align: right;
	padding-right: 10px;
}

th.formLeftHeader {
	text-align: left;
}

a.menuCardLink img {
	border: 1px solid #F0E68C;
}
