body{
	font-family: Tahoma, Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 0.7em;

	margin: 0;
	padding: 0;

	text-align: center;

	color: #626262;

	background: url(bg.gif);
	background-position: center;
}

body.editor{
	margin: 5px;
	background-color: white;
}

h1, h2, h3, h4, h5, h6{
	margin-top: 0.8em;
	margin-bottom: 0;
	margin-right: 0.6em;
	margin-left: 0;
	/*font-family: Times New Roman, Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, Verdana, "Geneva CE", lucida, sans-serif;
	line-height: normal;
	color: #008C4A;
}
h1{ font-size: 150%; }
h2{ font-size: 150%; }
h3{ font-size: 130%; }
h4{ font-size: 130%; }
h5{ font-size: 110%; }
h6{ font-size: 110%; }

h1, h3, h5{

}
h2, h4, h6{
	color: #D6AD0C;
}

table{
	font-size: 100%;

}
* html table{

}

td{
}

/* tabulky z editoru */
table.standard{
	border-top: 1px solid silver;
	border-left: 1px solid silver;
}
table.standard th,
table.standard td{
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 0.2em;
}
table.standard th{
	background: silver;
}
table.colored{
	border-top: 1px solid silver;
	border-left: 1px solid silver;
}
table.colored th,
table.colored td{
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 0.2em;
}
table.colored th{
	background: #009900;
	color: white;
}
/*********************/

form{
	margin: 0;
	padding: 0;
}
button{
	background: #018346;
	border: 1px solid #FFD324;
	color: #FFD324;
	font-weight: bold;

}
input{
	border: 1px inset #B3B3B3;
}
input,
textarea{
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 100%;
	overflow: hidden;
	width: auto;
	color: gray;
}
textarea,
input.field{
	border: 1px solid #66A90E;
	border: 1px inset #ADADAD;

}
input.file{

}
input.radio,
input.checkbox{
	width: auto;
	border: none;
}
textarea{
	/*width: 250px;
	height: 100px;*/
}
select{
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 100%;
}

button{
	font-size: 100%;

}

p{
	margin: 0.2em;
	margin-left: 0;
	margin-right: 0;
}

a{
	color: #008C4A;

}
a:visited{
	color: #888888;
}
a:hover{
	color: #D6AD0C;
}
a img, a:link img{
	border: none;
}

ul{
	margin: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	padding: 0;
}
ul li{
	list-style: none;
	background: url(li-bg.gif) no-repeat;
	background-position: 0em 0.3em;
	padding-left: 1.2em;
}
ol{
	margin: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 2.6em;
	padding: 0;
}
ol li{
	margin: 0;
	padding: 0;
}


.align-right{
	text-align: right;
	float: right;
}

.dashed-border{
	clear: both;
	height: 6px;
	line-height: 6px;
	overflow: hidden;
	border-bottom: 1px dashed #666666;
}
.no-border{
	border: none;
}
.ie-fix{
	background: #999999;
	height: 1px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	position: absolute;
	bottom: -1px;
}
.req{
	color: red;
}
.show-back{
	text-align: right;
	clear: both;
}

.cleaner{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
	position: relative;
}
.cleaner.spacer{
	height: 4px;
}

/* main */
.bg{
	width: 79.4em;
	margin-left: auto;
	margin-right: auto;
	background: url(bg_page.gif) repeat-y;
	background-color: white;
	border-bottom: 6px solid #008C4A;
}
#main{
	width: 69.1em;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
}

/* main:end */


/* header*/
.header{
	position: relative;

}
.header .top{
	background: url(top-bar-bg.gif) no-repeat;
	height: 25px;
	clear: both;
	position: relative;
}
.header .top .languages ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.header .top .languages ul li{
	display: inline;
	background: none;
	padding: 0;
}
.header .top .languages ul li a{
	float: left;
	display: block;
	width: 18px;
	height: 12px;
	position: absolute;
	right: 6px;
	top: 4px;
}
.header .top .languages ul li a.en{ background: url(flag-lang-en.gif) no-repeat; }
.header .top .languages ul li a.cs{ background: url(flag-lang-cs.gif) no-repeat; }
.header .top .languages ul li a span{
	display: none;
}

.header .middle{
	background: url(middle-bg.gif) no-repeat;
	height: 94px;
	position: relative;
}
.header .middle .flag{
	width: 40px;
	height: 65px;
	background: url(flag.gif) no-repeat;
	position: absolute;
	left: 386px;
	bottom: 0px;
}

.header .middle .logo{
	position: absolute;
	width: 231px;
	height: 80px;
	background: url(logo-bg.gif) no-repeat;
	top: 5px;
	left: 15px;
}
.header .middle .logo a.text{
	position: absolute;
	z-index: 0;
}
.header .middle .logo a.img{
	position: absolute;
	background: url(logo-bg.gif) no-repeat;
	z-index: 1;
	display: block;
	width: 231px;
	height: 80px;
}

.header .bottom{
	position: relative;
	z-index: 0;
	clear: both;
	height: 210px;
}
.header .bottom .img{
	width: 593px;
	height: 210px;
	background: url(main-img-bg.jpg) no-repeat;
	position: absolute;
	z-index: 1;
	right: 0px;
}
.header .bottom .main-menu{
	background: url(menu-bg.gif) no-repeat;
	width: 177px;
	height: 210px;
	position: absolute;
	z-index: 1;
	left: 0px;
	overflow: hidden;
}

.header .bottom .main-menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #FFD324;
	margin-top: 3px;
}
.header .bottom .main-menu ul li{
	padding: 0;
	padding-right: 3px;
	background: none;

}
.header .bottom .main-menu ul li a{
	color: #FFD324;
	display: block;
	border-left: 3px solid #FFD324;
	border-bottom: 1px dashed #FFEBA5;
	height: 26px;
	line-height: 27px;
	overflow: hidden;
	padding-left: 8px;

	margin-left: 3px;
	margin-bottom: 3px;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
}
.header .bottom .main-menu ul li a:hover,
.header .bottom .main-menu ul li a.active{
	color: #FFEBA5;
}
.header .bottom .main-menu ul li a.last{
	border-bottom: none;
	height: 25px;
	line-height: 25px;
}

.ball{
	background: url(ball.gif) no-repeat;
	width: 54px;
	height: 53px;
	position: absolute;
	z-index: 2;
	left: 153px;
	top: 286px;
}
.ball-shadow{
	background: url(ball-shadow.gif) no-repeat;
	position: absolute;
	z-index: 1;
	left: 158px;
	top: 293px;
	width: 59px;
	height: 52px;
}

/* header:end */
.content{
	position: relative;
	z-index: 0;
}
.content .ball{
	background: url(ball.gif) no-repeat;
	width: 56px;
	height: 54px;
	position: absolute;
	z-index: 3;
	left: 151px;
	top: -30px;
}
.content .page-label{
	background: url(page-label-bg.gif) no-repeat;
	height: 2.25em;
	line-height: 2.8em;
	position: relative;
	z-index: 2;
	font-size: 150%;
	/*font-family: Times New Roman;*/
	font-family: Tahoma, Verdana, "Geneva CE", lucida, sans-serif;
	font-weight: bold;
	padding-left: 1.8em;
	overflow: hidden;
	background-color: white;
	margin: 0;
}
.content .page-label h1,
.content .page-label h2,
.content .page-label h3,
.content .page-label h4,
.content .page-label h5,
.content .page-label h6{
	margin: 0;
	font-size: 100%;
	color: #7B7B7B;
	line-height: 2.8em;
}
.content .inside{
	padding: 0.6em;
	padding-top: 0;
}

/* basic */
.welcome-text{
	position: absolute;
	right: 0.5em;
	top: 6.5em;
	color: white;
	width: 26.5em;
	height: 6.4em;
	overflow: hidden;
}
.welcome-label{
	position: absolute;
	right: 16.48em;
	top: 3.2em;
	color: #465A05;
}
.welcome-label h6{
	font-family: Tahoma, Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 1em;
	color: #465A05;
}

/* basic:end */

/* search-form */
.search-form{
	position: absolute;
	right: 29px;
	top: 41px;
}
.search-form button.submit{
	background: #C5C5C5;
	border: 1px outset #C5C5C5;
	color: white;
	padding: 0;
	margin-left: 0.5em;
}
.search-form .label{
	color: gray;
	margin-right: 1em;
}
/* search-form:end */

/* advertisment */
.advertisment{
	clear: both;
	height: 39px;
	line-height: 37px;
	background: url(advert-bg.gif) repeat-x;
	position: relative;
	padding-left: 2em;
	padding-right: 2em;
	overflow: hidden;
}
.advertisment p{
	margin: 0;
}
.advertisment .arrow{
	width: 11px;
	height: 12px;
	position: absolute;
	top: 1.3em;
}
.advertisment .arrow.left{
	background: url(advertisment-arrow-left.gif) no-repeat;
	left: 0.5em;
}
.advertisment .arrow.right{
	background: url(advertisment-arrow-right.gif) no-repeat;
	right: 0.5em;
}

/* advertisment:end */

/* col-left, col-right */
.col-left{
	width: 472px;
	float: left;
	position: relative;
	overflow: hidden;
}
.col-right{
	width: 293px;
	float: right;
	position: relative;
	overflow: hidden;
}

/* col-left:end, col-right:end */

/* box */
.box{
	clear: both;
}
.box .content{
	padding: 0.5em;
}
.box-label{
	background: url(box-label-bg.gif) no-repeat;
	height: 2.25em;
	line-height: 2.8em;
	vertical-align: middle;
	font-size: 150%;
	/*font-family: Times New Roman;*/
	font-family: Tahoma, Verdana, "Geneva CE", lucida, sans-serif;
	font-weight: bold;
	overflow: hidden;
	padding-left: 1.8em;
	background-color: white;
}
.box-label h1,
.box-label h2,
.box-label h3,
.box-label h4,
.box-label h5,
.box-label h6{
	margin: 0;
	font-size: 100%;
	line-height: 2.8em;
	color: #7B7B7B;
}
/* box:end */

/* news */
.news{

	margin-bottom: 0.5em;
	border-bottom: 1px solid #E7E7E7;
}
.news .label{
	margin: 0;
	color: #008C4A;
	background: url(news-label-ico.gif) no-repeat;
	background-position: 0px 5px;
	padding-left: 0.8em;
	position: relative;
}
.news .label h1,
.news .label h2,
.news .label h3,
.news .label h4,
.news .label h5,
.news .label h6{
	font-family: Tahoma, Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 100%;
	margin-bottom: 0;
}
.news .label a{
	color: #008C4A;
}
.news .perex{
	margin-left: 0.8em;
	overflow: hidden;
}

/* news:end */

/* custom-form */
#custom-form{
	margin: 0;
	margin-top: 0.5em;

}
#custom-form table{
	border: 1px solid #C5C5C5;
	width: 100%;
}
#custom-form td{
	padding: 0.3em;
	padding-left: 0.3em;
}
#custom-form td.label{
	width: 20em;
}
#custom-form input.customFormText{
	width: 20em;
}
#custom-form select.customFormSelect{
	width: 20em;
}
#custom-form input.customFormCheckbox,
#custom-form input.customFormRadio{
	border: none;
}
#custom-form textarea{
	width: 20em;
	height: 6em;
}

#custom-form .checkbox-label{
	position: relative;
	top: -2px;
}
/* custom-form:end */


/* discussion */

.topic-label{
	color: #008C4A;
}
.topic-description{
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

/* discussion:end */


/* footer */

#footer{
	height: 56px;
	background: url(footer-bg.gif) no-repeat;
	line-height: 56px;
	vertical-align: middle;
	color: #646464;
}
#footer a{
	color: #646464;
}
#footer a.home{
	background: url(ico-home.gif) no-repeat;
	background-position: 0em 0.35em;
	padding-left: 1em;
}
#footer a.sitemap{
	background: url(ico-sitemap.gif) no-repeat;
	background-position: 0em 0.35em;
	padding-left: 1em;
}

#footer .left{
	float: left;
	padding-left: 0.5em;
}
#footer .right{
	float: right;
	padding-right: 0.5em;
}

/* footer:end */

/* pager */
.pager{
	text-align: center;
	clear: both;
	margin-top: 1em;
}
.page span.active{
	font-weight: bold;
}
a.previous{
	background: url(ico-previous.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 15px;
}
a.next{
	background: url(ico-next.gif) no-repeat;
	background-position: right 0.2em;
	padding-right: 15px;

}

/* pager:end */

/* gallery */
.gallery{
	margin-top: 0.5em;
}
.gallery table{
	width: 100%;
}
.gallery table td{
	padding: 0.3em;
	text-align: center;

}
.gallery a img{
	border: 1px solid #707070;
	position: relative;
	z-index: 2;

}

/* gallery:end */

/* panel */
.panel{
	float: right;
	width: 291px;
	overflow: hidden;
}
.panel.subscribe{
	width: 177px;
	float: left;
	text-align: right;
	overflow: hidden;
}
.panel .inside{
	padding: 10px;
	padding-right: 20px;
}

.panel.subscribe .inside{
	padding: 10px;
	padding-right: 20px;
}


.panel .content{
	padding: 0.5em;
}
.panel .panel-label,
.panel.subscribe .panel-label{
	background: url(login-label.gif);
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	font-size: 150%;
	/*font-family: Times New Roman;*/
	font-family: Tahoma, Verdana, "Geneva CE", lucida, sans-serif;
	font-weight: bold;
	overflow: hidden;
	padding-left: 1.8em;
	background-color: white;
	text-align: left;
}

.panel-label h1,
.panel-label h2,
.panel-label h3,
.panel-label h4,
.panel-label h5,
.panel-label h6{
	margin: 0;
	font-size: 100%;
	line-height: 30px;
	color: #33A36E !important;
}

.panel.subscribe .panel-label{
	background: url(newsletter-label.gif) no-repeat;
}
.panel.subscribe .panel-label h1,
.panel.subscribe .panel-label h2,
.panel.subscribe .panel-label h3,
.panel.subscribe .panel-label h4,
.panel.subscribe .panel-label h5,
.panel.subscribe .panel-label h6{
	margin: 0;
	font-size: 100%;
	line-height: 30px;
	color: #BE9B11 !important;
}



.panel.subscribe .submit{
	margin-top: 10px;
	background: #FED223;
	color: white;
	width: 120px;
}

.panel.login{
	font-weight: bold;
	color: #B7B7B7;
}
.panel.login input{
	font-weight: normal;
}
.panel.login td.label{
	text-align: right;
	padding-right: 10px;
}
.panel.login .submit{
	color: white;
	border: 1px outset white;
	margin-left: 10px;
	margin-top: 9px;
}
.panel.login .panel-label span{
	color: #888888;
}
.panel.login .panel-label a{
	font-size: 0.8em;
}

input#password{
	margin-top:10px;
}

/* box:end */
.al{
   text-align: left;
}

.gi{
	width: 150px;
}

