/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(../images/body_bg.gif) center top;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;margin: 5px 0px 5px 20px;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both; margin: 10px;}


html, input, textarea
	{
		font-family: georgia, arial;
		font-size:0.75em;
		line-height:1.25em;
		color:#b8c2c9;
	}

h1 { clear: both; margin: 20px 10px 10px 0px; font-family: georgia, arial; font-size: 1.8em; color: #fff; line-height:1.5em; }
h2 { clear: both; margin: 0px 0px 10px 0px; font-family: georgia, arial; font-size: 1.6em; color: #fff; line-height:1.3em; }

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffd88e; font-weight:normal; text-decoration:underline;}
a:hover {text-decoration:none; color:#f2b600}
strong {color:#f2b600; font-size: 1.2em; line-height: 1.5em; }
strong a {color:#f2b600; text-decoration:underline;}
strong a:hover {text-decoration:none;}
p {padding-top:15px; text-align: justify; line-height: 1.4em; }

/* ============================= main layout ====================== */

.more {background:url(../images/more_bg.gif) no-repeat 0 5px; padding-left:12px; color:#B9C0C7; text-decoration:none;}
.more:hover {text-decoration:underline;}

.date {background:url(../images/date_bg.gif) no-repeat 0 0; padding: 0px 0px 1px 22px; font-size: 1em;}

.logo {background:url(../images/logo.jpg) top left no-repeat; text-indent:-10000px; height:92px; margin-top: -24px; }

li { background:url(../images/list_bg.gif) no-repeat 0 4px; padding-left:22px; line-height:2em;}
li a {color:#ffd88e; text-decoration: underline; }
li a:hover {color:#f2b600; text-decoration: none; }

.imgindent {margin:0 21px 0 0; float:left; border: solid 5px #fafafa; }
.imgindent:hover {border: solid 5px #f2b600;}

/* ============================= header ====================== */

#bg {background:url(../images/01-home_02.gif) top right no-repeat;}
#bg01 {background:url(../images/main01.gif) top right no-repeat;}
#bg02 {background:url(../images/main02.gif) top right no-repeat;}
#bg03 {background:url(../images/main03.gif) top right no-repeat;}
#bg04 {background:url(../images/main04.gif) top right no-repeat;}
#bg2 {background:url(../images/header_bg2.gif) top right no-repeat; width:100%;}

#header .left {width:400px; padding:27px 0 0 36px;}
#header .slogan {margin-top: 46px;}
#header .click {margin:13px 0 33px 105px;}

#header .right {width:268px;}
#search {background:url(../images/search_form.gif); margin:0 37px 0 0; height:80px;}
#search_form { padding:10px 0 0 24px; font-size:1.33em; line-height:1.4em;}
#search_form .input { width:187px; height:18px; background:#505b65; border:none;}
#search_form .search {background:url(../images/search_bg.gif) no-repeat 0 4px; padding-left:20px; color:#505b65; font-weight:normal;}
#search_form .search:hover {text-decoration:underline;}
#menu {padding:45px 0 0 40px; line-height: 30px; font-size: 20px; font-weigth: normal;}
#menu a {color: #fff; text-decoration: none;}
#menu a:hover {color:#f2b600;font-weight:bold;}

/* ============================= middle ====================== */

#middle { width:100%;}
.box {background:url(../images/box_bg.gif); border-top:1px solid #383e43; margin: 0px 0px 10px 0px;}

/* ============================= footer ====================== */

#footer a {color:#ffd88e; text-decoration:underline;}
#footer a:hover {color:#f2b600; text-decoration:none;}
#footer .indent {padding:25px 0 0 37px;}

/* ============================= index ============================= */

#index {width:100%;margin:0px auto;}

#index .t1 {margin-bottom:22px; border: 0px;}
#index .t2 {margin-bottom:19px; border: 0px;}
#index .t3 {margin-bottom:31px; border: 0px;}

.columns {width:100%;padding:10px 0px 30px 0px;}
#index #middle .indent {padding:14px 37px 18px 35px; }

#index #middle .indent .navigation {margin:-20px 0px 10px 0px; padding: 10px; width: 97%; background: url(../images/box_bg.gif); border-top:1px solid #383e43; font-size: 90%; line-height: 22px; }

#index #middle .column1 .indent {padding:20px 22px 0 0;}
#index .column1 .content1 {padding:5px 0 15px 0;border-bottom:1px solid #3f4850; }
#index .column1 .imgindent {margin:0 15px 0 0;}
#index .column1 .content1 .p {padding-top:6px;}
#index .column1 .content1 p {font-size: 120%; line-height: 22px; }
#index .column1 .content1 p:first-letter {font-size:1.5em; margin-left: 20px;}
#index .column1 .content1 p img {border: solid 5px #fafafa; margin: 5px 10px 5px 10px;}
#index .column1 .content1 p img:hover {border: solid 5px #f2b600;}
#index .column1 .content1 .noborder {border: 0px;}
#index .column1 .content1 .katalog {float: right; border: solid 10px #aaa; margin: 0px 0px 0px 20px;background: #fff;}
#index .column1 .content1 .katalog:hover {border: solid 10px #f2b600;}

#index .column2 .content .textleft {text-align: left;}
#index .column2 .box .indent img {border: solid 5px #fafafa;}
#index .column2 .box .indent img:hover {border: solid 5px #f2b600;}

#index .column1 .content2 {padding:5px 0px 15px 0;}
#index .column1 .content2 p {font-size: 120%; line-height: 22px;}
#index .column1 .content2 p:first-letter {font-size:1.5em; margin-left: 20px;}
#index .column1 .content2 p img {border: solid 5px #fafafa; margin: 5px 10px 5px 10px;}
#index .column1 .content2 p img:hover {border: solid 5px #f2b600;}
#index .cols {clear: both; margin:0px 0px 30px 0px; width:100%;}

#index #middle .box .indent {padding:19px 20px 22px 23px;}
#index .box .content { border-top:1px solid #4a5e72; padding:10px 5px 29px 0; line-height:1.42em; clear: both; }
#index .box .content img { width: 60px; float: right; border: solid 5px #fafafa; margin: 0px 0px 5px 10px; }
#index .box .content img:hover {border: solid 5px #f2b600;}
#index .box p {padding-top:17px;}

#index #middle .box .gallery {margin: 10px 0 0 0;}
#index #middle .box .gallery img {margin:0 8px 0 0; float:left; border: solid 5px #fafafa;}
#index #middle .box .gallery img:hover {border: solid 5px #f2b600;}

.kontakt {border: 0px; margin: 10px 5% 40px 5%; width: 90%; font-size: 120%;}

.formular { margin: 10px 0px 40px 0px; width: 100%; background:url(../images/box_bg.gif); border-top:1px solid #383e43;}
.formular th, .formular td { padding: 10px; line-height: 22px; text-align: justify; font-weight: normal;}
.formular .popis { text-align: right; font-size:1.1em; vertical-align: top; line-height: 32px;}
.formular .input { width: 90%; background:#505b65; padding:3px; overflow:auto; font-size:1.1em; color:#b8c2c9; border: solid 1px #aaa;}
.formular .input2 { width: 200px; background:#505b65; padding:3px; overflow:auto; font-size:1.1em; color:#b8c2c9; border: solid 1px #aaa;}
.formular .submit { padding: 10px; font-size: 1.3em; background: #111; color: #eee; border: solid 1px #aaa; }



/* ============================= index-1 =========================== */

#index_1 .t1 {margin-bottom:28px; border: 0px;}
#index_1 .t2 {margin-bottom:28px; border: 0px;}
#index_1 .t3 {margin-bottom:18px; border: 0px;}

#index_1 #middle .indent {padding:14px 37px 18px 35px;}

#index_1 #middle .box .indent {padding:19px 26px 22px 24px;}
#index_1 #middle .box ul {margin:15px 0 14px 0;}

#index_1 #middle .column2 .indent {padding:20px 0 0 22px;}
#index_1 .column2 .content1 {border-bottom:1px solid #3f4850; padding:0 0 30px 0;}
#index_1 .column2 .content1 ul {margin:11px 0 8px 0;}

#index_1 .column2 .content2 {padding:23px 0 0 0;}
#index_1 .column2 .content2 ul {margin:4px 0 0 188px;}



/* ============================= index-2 =========================== */

#index_2 .t1 {margin-bottom:28px; border: 0px;}
#index_2 .t2 {margin-bottom:19px; border: 0px;}
#index_2 .t3 {margin-bottom:28px; border: 0px;}

#index_2 #middle .indent {padding:14px 37px 18px 35px;}

#index_2 #middle .column1 .indent {padding:20px 20px 21px 0;}
#index_2 .column1 .content1 {border-bottom:1px solid #3f4850; padding:0 0 21px 1px;}
#index_2 .column1 .content1 .p {padding:0 0 20px 0;}
#index_2 .column1 .content1 p {padding:5px 0 0 0;}
#index_2 .column1 .imgindent {margin:0 20px 21px 0;}

#index_2 .column1 .content2 {padding:23px 0 0 0;}
#index_2 .column1 .content2 ul {margin:4px 0 0 188px;}

#index_2 #middle .box .indent {padding:19px 20px 10px 24px;}
#index_2 #middle .box ul {margin:15px 0 13px 0;}

/* ============================= index-3 =========================== */

#index_3 .t1 {margin-bottom:26px; border: 0px;}
#index_3 .t2 {margin-bottom:19px; border: 0px;}
#index_3 .t3 {margin-bottom:22px; border: 0px;}
#index_3 .t4 {margin-bottom:24px; border: 0px;}

#index_3 #middle .indent {padding:14px 37px 19px 35px;}

#index_3 #middle .column1 .indent {padding:20px 20px 21px 0;}
#index_3 .column1 .content1 {border-bottom:1px solid #3f4850; padding:0 0 31px 1px;}
#index_3 .column1 .content1 p {padding:5px 0 0 0;}

#index_3 .column1 .content2 {padding:23px 0 0 0;}

#index_3 #middle .box .indent {padding:19px 20px 23px 24px;}
#index_3 #middle .box .content1 {border-bottom:1px solid #3f4850; padding:0 0 25px 0;}
#index_3 #middle .box .content1 .p {padding:6px 0 0 0;}
#index_3 #middle .box .imgindent {margin:0 20px 0 0;}
#index_3 #middle .box .content2 {padding:22px 0 0 2px;}
#index_3 #middle .box .content2 ul {margin:10px 0 0 0;}


/* ============================= index-4 =========================== */

#index_4 .t1 {margin-bottom:31px; border: 0px;}
#index_4 .t2 {margin-bottom:28px; border: 0px;}
#index_4 .t3 {margin-bottom:19px; border: 0px;}

#index_4 #middle .indent {padding:14px 37px 19px 35px;}

#index_4 #middle .box .indent {padding:19px 29px 18px 25px;}
#index_4 .box .content { border-top:1px solid #4a5e72; padding:12px 0 35px 0;}
#index_4 #middle .box .content .p {padding:18px 0 0 0;}
#index_4 .box .content2 { border-top:1px solid #4a5e72; padding:10px 0 35px 0; line-height:1.42em;}
#index_4 .box .content2 p {padding-top:17px;}

#index_4 #middle .column2 .indent {padding:20px 0 21px 22px;}
#index_4 .column2 .content1 {border-bottom:1px solid #3f4850; padding:0 0 28px 1px;}

#index_4 .column2 .content2 {padding:23px 0 0 0;}
#index_4 .column2 .content2 .imgindent {margin:0 18px 23px 0;}
#index_4 .column2 ul {margin:14px 0 0 0;}

/* ============================= index-5 =========================== */

#index_5 .t1 {margin-bottom:28px; border: 0px;}
#index_5 .t2 {margin-bottom:19px; border: 0px;}
#index_5 .t3 {margin-bottom:28px; border: 0px;}

#index_5 #middle .indent {padding:14px 37px 19px 35px;}

#index_5 #middle .column1 .indent {padding:20px 20px 19px 0;}
#index_5 .column1 .content1 {border-bottom:1px solid #3f4850; padding:0 0 33px 1px;}
#index_5 .column1 .content1 a {font-weight:normal;}

#index_5 .column1 .content2 {padding:23px 0 0 0;}

#index_5 #middle .box .indent {padding:19px 29px 23px 24px;}

#form {padding:17px 0 0 0; width:250px}
#form .row {height:26px;}

#form .input {width:246px; height:18px; background:#505b65; padding:0 0 0 5px; font-size:0.92em; color:#b8c2c9; font-family:tahoma;}
#form textarea {width:246px; height:87px; background:#505b65; padding:0 0 0 5px; overflow:auto; font-size:0.92em; color:#b8c2c9; font-family:tahoma;}
form .div {text-align:right; padding:12px 1px 0 0;}
.send {background:url(../images/list_bg.gif) no-repeat 0 1px; padding:0 0 0 22px; color:#ffd88e;}

/* ============================= index-6 =========================== */

#index_6 #middle .indent {padding:34px 37px 50px 36px;}
#index_6 .t1 {margin-bottom:28px;}

/* FancyForm styles */
.f_checkbox, .f_radio {background-repeat:no-repeat; background-position:3px center; height:16px; display:block; cursor:hand; line-height:120%;}
.checked, .selected {color:#f0f0f0;}
.f_radio:hover, .f_checkbox:hover {color:#fff !important}
.f_radio {padding:4px 24px}
.f_checkbox {padding:0.5em 24px}
.unchecked {background-image:url(../images/chk_off.png)}
.checked {background-image:url(../images/chk_on.png)}
.unselected {background-image:url(../images/chk_off.png)}
.selected {background-image:url(../images/chk_on.png)}

#lang {
  position: absolute;
  top: 0px;
  right: 400px;
}
#lang img {
  margin: 5px;
}