/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, iframe, h1, h2, h3, h4, p, pre, a, big, em, img, strong, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold;}

a[href^="error:"] { background: red; color: white; }

body {
	background: #fff url('../images/body_bg.jpg') center top no-repeat;
	font-family: Tahoma, Geneva,Verdana, sans-serif;
	font-size: 62.5%;
	color: #40372a;
}

h1, h2, h3, p, li, th, td { font-size: 1.2em; line-height: 1.4;}

p { margin-bottom: 1em;}

a { color: #40372a; }

h1#logo { position: absolute; top: 0; left: 337px;}

h2, h3 { font-weight: bold;}
#right h2 { color: #937e5c; margin-bottom: 1em;}
#center h2, #leftcenter h2 { margin-bottom: 1em;}
#center h3 { color: #ef8647;}


#wrapper { width: 960px; margin: 0 auto; position: relative; }

#top { height: 189px; background: url('../images/top_bg.jpg') top left no-repeat;}

#flags { position: absolute; top: 20px; right: 48px;}
#flags a { display: inline-block; margin-left: 1em;}

#contact { position: absolute; top: 76px; right: 48px; text-align: right;}
#contact a { font-weight: bold;}

#menu { /*background-color: #fbf7f2; background-color: rgba(255, 255, 255, .65);*/ text-align: center; height: 57px;}
#menu li { display: inline-block; font-size: 1.8em; line-height: 1; }
#menu li a { text-decoration: none; padding: 1em 1em; display: inline-block;}

#left { width: 247px; float: left;}
#leftcenter { width: 713px; float: left; padding-top: 20px;}
#center { width: 466px; float: left;}
#right { width: 247px; float: left; padding-top: 20px; min-height: 400px;}

#right h2, #right p { margin-left: 20px;}
#leftcenter h2, #leftcenter p { margin-left: 48px;}

#main { background: url('../images/main_bg.jpg') top left no-repeat; overflow: hidden; width: 100%; /*min-height: 561px;*/}

#content { padding: 20px;}
#left>img { margin-bottom: 7px;}
#left>img.last { margin-bottom: 21px;}

#social { clear: both;}
#social img { margin-right: 9px;}
#social img.last { margin-right: 0;}

#foot { clear: both; text-align: right; padding-right: 48px; color: #937e5c; }

p.newsitem { margin-right: 20px;}
span.datetime { color: #ef8647; font-weight: bold; display: block;}


/* HOMEPAGE */
.homepage #top { height: 347px; background: url('../images/logo_hp_cz.jpg') center top no-repeat;}
.homepage #social { margin-left: 48px;}
.homepage #main { background: none;}
.homepage #menu { background-color: #fbf7f2; background-color: rgba(255, 255, 255, .4);}
.homepage.en #top { background-image: url('../images/logo_hp_en.jpg');}
.homepage.de #top { background-image: url('../images/logo_hp_de.jpg');}

p#lcol, p#rcol { width: 436px; float: left; }
p#lcol { margin-left: 48px;}
p#rcol { margin-left: 2em;}

#images { height: 156px; background: #5f9ea0; margin-bottom: 16px; position: relative;}
#images img { margin: 0; position: absolute; top: 0}
#img1, #img5 { left: 0;}
#img2, #img6 { left: 235px;}
#img3, #img7 { right: 246px;}
#img4, #img8 { right: 0;}

#images img.disappear {
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity 1.5s ease-out;
	-o-transition: opacity 1.5s ease-out;
	-ms-transition: opacity 1.5s ease-out;
	-moz-transition: opacity 1.5s ease-out;
	-webkit-transition: opacity 1.5s ease-out;
}

#images img.appear {
	opacity: 1;
	filter: alpha(opacity=1);
	transition: opacity 1.5s ease-out;
	-o-transition: opacity 1.5s ease-out;
	-ms-transition: opacity 1.5s ease-out;
	-moz-transition: opacity 1.5s ease-out;
	-webkit-transition: opacity 1.5s ease-out;
}


/* PHOTOGALLERY */
.photogallery #social { }
#imgs { margin-left: 48px; min-height: 360px; margin-bottom: 2em;}

a.gal { float: left; margin: 0 25px 25px 0; background: #574e43; text-decoration: none;}
a.gal:hover { background: #80776e; }
a.gal span { display: block; font-weight: bold; color: #fff; text-align: center; vertical-align: middle; min-height: 33px; padding: 4px 0 6px; font-size: 1.2em; line-height: 1.4;}

p#back { float: right; margin-right: 1em;}
.photo { float: left; margin: 0 2px 2px 0;}
.photo span { font-size: 11px; text-align: center; display: block; margin-bottom: 10px;}

/* NEWS */
.news #social { }
#news { min-height: 360px;}

#partners { margin-left: 20px;}


/* ABOUT */
.about #content { overflow-y: scroll; height: 418px;}