@import url("./allmedia.css");

/* mainstyles ---*/
html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font: 0.8em Tahoma, "Lucida Grande CE", lucida, sans-serif;
	color: #7A7A7A;
	background: #DADADA url('../img/design/bg_body.gif') repeat-y center;
}

#all {
	position: relative;
	background: url('../img/design/bg_all.gif') repeat-x top;
}

* html #all {
	height: 100%;
}

[xmlns] #all {
	min-height: 100%;
}

* html body {
	text-align: center;
}

/* layuout ---*/
#container {
	position: relative;
	margin: 0 auto;
	padding: 0 0 56px;
	width: 996px;
}

* html #container {
	text-align: left;
	width: 996px;
}

#leftbar {
	float: left;
	width: 200px;
}

#centerbar {
	float: left;
	width: 562px;
	margin: 10px 0 0;
	background: url('../img/design/bg_centerbar.jpg') no-repeat top left;
}

#rightbar {
	float: left;
	position: relative;
	padding-top: 165px;
	width: 234px;
}

#footer {
	position: absolute;
	text-align: center;
	font-size: 80%;
	color: #A2A2A2;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
}

#footer a {
	color: #A2A2A2;
}

/* general ---*/
a {
	color: black;
}

a:hover {
	color: #004429;
}

a img {
	border: none;
}

address {
	color: black;
	font-style: normal;
	padding: 0 0 0 15px;
	margin: 10px 0;
	border-left: 5px solid #DADADA;  
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

ul li {
	margin: 0 0 10px;
	list-style-image: url('../img/design/bg_li.gif');
}	

/* Rightbar ---*/
#logo {
	position: absolute;
	width: 192px;
	height: 95px;
	top: 3px;
	left: 24px;
	background: url('../img/design/bg_logo.gif') no-repeat top left;
}

#logo a, #logo a span {
	display: block;
	position: absolute;
	width: 160px;
	height: 52px;
	top: 22px;
	left: 14px;
	overflow: hidden;
}

#logo a span {
	top: 0;
	left: 0;
	background: url('../img/design/logo.gif') no-repeat top left;
}

#rightbar ul {
	margin: 0 0 0 20px;
	padding: 0;
}

#rightbar li {
	display: block;
	margin: 0 0 5px;
	padding: 0 0 0 50px;
	font-size: 90%;
	color: #75A131;
	background-repeat: no-repeat;
	background-position: top left;
	list-style-type: none;
	list-style-image: none;
}

* html #rightbar li { 
	height: 1ex;
}

#rightbar li a {
	display: block;
	text-decoration: none;
	color: #004429; 
	font-size: 160%;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#rightbar li a:hover {
	color: black;
}

#rightbar .item1 {
	background-image: url('../img/design/bg_item1.gif');
}	

#rightbar .item2 {
	background-image: url('../img/design/bg_item2.gif');
}

#rightbar .item3 {
	background-image: url('../img/design/bg_item3.gif');
}	

#rightbar .item4 {
	background-image: url('../img/design/bg_item4.gif');
}	

#rightbar .item5 {
	background-image: url('../img/design/bg_item5.gif');
}

#rightbar .item6 {
	background-image: url('../img/design/bg_item6.gif');
}	

#rightbar .item7 {
	background-image: url('../img/design/bg_item7.gif');
}	

#rightbar .item8 {
	background-image: url('../img/design/bg_item8.gif');
}

#rightbar .item9 {
	background-image: url('../img/design/bg_item9.gif');
}

#rightbar .item10 {
	background-image: url('../img/design/bg_item10.gif');
}	


/* Leftbar ---*/
.chapter1,.chapter2,.chapter3,.chapter4,.chapter5,.chapter6,.chapter7,.chapter8,.chapter9 {
	text-align: center;
	padding-top: 165px;
	background-position: top center;
	background-repeat: no-repeat;
}

.chapter1 {
	background-image: url('../img/design/chapter1.gif');
}

.chapter2 {
	background-image: url('../img/design/chapter2.gif');
}

.chapter3 {
	background-image: url('../img/design/chapter3.gif');
}

.chapter4 {
	background-image: url('../img/design/chapter4.gif');
}

.chapter5 {
	background-image: url('../img/design/chapter5.gif');
}

.chapter6 {
	background-image: url('../img/design/chapter6.gif');
}

.chapter7 {
	background-image: url('../img/design/chapter7.gif');
}

.chapter8 {
	background-image: url('../img/design/chapter8.gif');
}

.chapter9 {
	background-image: url('../img/design/chapter9.gif');
}

#loginform, #logeduserbox {
	width: 162px;
	height: 91px;
	margin: 0 auto 30px;
	background: url('../img/design/bg_loginbox.gif') no-repeat top left;
}

#loginform label {
	display: block;
	padding: 18px 0 10px;
	color: #004429;
	text-transform: uppercase;
	font-size: 120%;
}

#loginform .txtinput, #loginform .subinput {
	width: 95px;
	vertical-align: middle;
	background: #EEEBEB;
	border: 1px solid #6A6A6A;
}

#loginform .subinput {
	width: 30px;
	color: #004429;
	font-weight: bold;
	background: white url('../img/design/bg_loginbtn.gif') no-repeat center center;
}

#logeduserbox {
	padding: 10px 0;
	color: #004429;
}

#leftbar .error {
	color: red;
}

.iconbox {
	margin: 20px 0;
	padding: 0 30px;
}

.iconbox a {
	text-decoration: none;
}

/* Centerbar ---*/
#langbox {
	margin: 35px 0 0;
	position: relative;
}

#langbox a, #langbox a span {
	dipslay: block;
	position: absolute;
	width: 34px;
	height: 24px;
	top: 0;
	left: 0;
	overflow: hidden;
}

#langbox .cz {
	left: 20px;
}

#langbox .en {
	left: 74px;
}

#langbox .de {
	left: 128px;
}

#langbox .fr {
	left: 182px;
}

#langbox .es {
	left: 236px;
}

#langbox a span {
	background-position: top left;
}

#langbox a:hover span, #langbox .on span {
	background-position: bottom left;
}

.cz span {
	background-image: url('../img/design/cz_flag.gif');
}	

.en span {
	background-image: url('../img/design/en_flag.gif');
}	

.de span {
	background-image: url('../img/design/de_flag.gif');
}	

.fr span {
	background-image: url('../img/design/fr_flag.gif');
}	

.es span {
	background-image: url('../img/design/es_flag.gif');
}	

#content {
	padding: 100px 20px 20px;
	text-align: justify;
}

#content h1 {
	margin: 0 0 20px;
	text-transform: uppercase;
	font-size: 240%;
	color: #004429;
	letter-spacing: 5px;
	font-weight: normal;
}

#content h4, #content h5 {
	margin: 15px 0 10px;
	font-weight: normal;
	font-size: 140%;
}

#content h5 {
	font-size: 120%;
	color: #004429;
}	

#actualbox {
	float: right;
	width: 237px;
	margin: 10px 0;
	padding: 0 0 12px;
	text-align: left;
	background: url('../img/design/bg_actualboxbottom.gif') no-repeat bottom right;
}

#actualbox .margin {
	margin: 0 0 0 20px;
	padding: 0 12px;
	background: #7A7A7A url('../img/design/bg_actualboxtop.gif') no-repeat top right;
}

.actualitem h3 {
	margin: 0;
	padding: 12px 0 0;
	font-size: 120%;
	font-weight: normal;
}

.actualitem h3 a {
	color: #DAFFA1;
}	

.actualitem h3 a:hover {
	text-decoration: none;
}

.actualitem p {
	margin: 5px 0 0;
	color: #EEEBEB;
}

.perexbox {
	margin: 20px 0;
}

.perexbox .note {
	float: right;
	text-align: right;
	width: 200px;
	margin: 0;
	font-size: 90%;
	font-style: italic;
	color: #A2A2A2;
}

.perexbox h3 {
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 10px;
}

.perexbox p {
	margin: 0 0 5px;
}

.details {
	margin: 0 0 10px;
}	

.details a {
	color: #A2A2A2;
}	

.details a:hover {
	color: #004429;
}

.imprint {
	margin: 0;
	font-size: 90%;
	font-style: italic;
	color: #A2A2A2;
}

#menubar {
	margin: 10px 0;
	padding: 5px 0 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 130%;
	border-top: 1px solid #CCC;
}

.error {
	color: red;
}

.answer, .answer2, .zapis, .zapis2 {
	margin: 0 0 1px;
	padding: 10px;
}

.answer, .zapis {
	background: white;
}

.answer2, .zapis2 {
	background: #e1ffb3;
}

.answer2 .jmeno, .zapis2 .jmeno {
	color: #004429;
}

/* Table ---*/
table {
	font-size: 100%;
	width: 522px;
	border-collapse: separate;
}

th, td {
	padding: 5px 10px;
}

th {
	font-weight: bold;
	text-align: left;
}

.tablestyle1 {
	margin: 0 0 40px;
	background: #004429;
}

.tablestyle1 .zapissl2 {
	width: 125px;
}

.tablestyle1 .zapissl3 {
	width: 145px;
}

.tablestyle1 th {
	color: white;
}

.tablestyle1 .bg0 {
	background: white;
}

.tablestyle1 .bg1 {
	background: #f9f9f9;
}

/* Forms ---*/
.publicform {
	margin: 20px 0;
	width: 522px;
	background: #dadada url('../img/design/bg_publicform.gif') repeat-x top;
}

.publicform fieldset {
	padding: 20px;
}

.publicform label {
	display: block;
	color: #004429;
}

.publicform .noblock {
	display: inline;
}

.publicform .required {
	font-weight: bold;
}

.publicform .txtinput {
	font: 100% Tahoma, "Lucida Grande CE", lucida, sans-serif;
	padding: 5px;
	background: white;
	border: 1px solid #8e8e8e;
}

.publicform .subinput {
	color: white;
	background: #004429;
	border: 2px solid #6b6b6b;
}

/* Fotos ---*/
/* Others ---*/
.textright {
	text-align: right;
}

.textleft {
	text-align: left;
}

.textcenter {
	text-align: center;
}

.textblock {
	text-align: justify;
}

.centerimg {
	display: block;
	text-align: center;
	margin: 5px auto;
}

.rightimg {
	float: right;
	margin: 0 0 5px 10px;
}

.leftimg {
	float: left;
	margin: 0 10px 5px 0;
}