body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px;
	color: #000000;
	background-color: #dcdcdc;
	text-align: center;
}

body.editor{
	margin: 5px;
	background: #ffffff;
}

h1, h2, h3, h4, h5, h6{
	color: #3bb511;
	margin: 0px 0px 8px 0px;
	font-family: Arial, Helvetica, sans-serif;
}
h1{ font-size: 140%; }
h2{ font-size: 130%; }
h3{ font-size: 120%; }
h4{ font-size: 120%; }
h5{ font-size: 110%; }
h6{ font-size: 100%; }

h1, h3, h5{
	margin-top: 0px;
}

h3 a { text-decoration: none; }
h3 a:hover { text-decoration: underline; }

table{
	font-size: 100%;
	border-bottom: none;
}
/* tabulky z editoru */
table.colored,
table.standard{
	border: 1px solid silver;
	border-right: none;
	border-bottom: none;
}
table.colored th,
table.colored td,
table.standard th,
table.standard td{
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}
table.colored th{
	background-color: #3bb511;
}
/*********************/

p{
	margin: 0.45em;
	margin-left: 0em;
	margin-right: 0em;
}

a{
	color: #3bb511;
	font-weight: bold;
}

a:hover{
	color: #000000;
	text-decoration: underline;
}

a img, a:link img{
	border: none;
}

/* odkazy */
a.previous,
a.link-back{
}
a.link-print{
}
a.back,
a.link-up{
}
a.link-recommend{
}
a.next{
}
/* odkazy:end */

input, textarea{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 2px;
}

input.field {
	border: 1px solid #dcdcdc;
	background: #dcdcdc;
}

input.field.full {
	width: 100%;
	#width: 99%;
}

textarea.field {
	width: 100%;
	#width: 99%;
	height: 80px;
	border: 1px solid #444444;
}

label {
	position: relative;
	top: -2px;
}

input.submit{
	background: #3bb511;
	color: white;
	border: 1px solid #3bb511;
}

ul{
	margin-left: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0em;
}
ol{
	margin-left: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0em;
}

/* web */

.main {
	padding: 10px 12px;
	width: 944px;
	background: url(page.png) left top repeat-y;
	text-align: left;
	position: relative;
	margin: 0px auto;
}

.main-top, .main-bottom {
	display: block;
	width: 944px;
	height: 15px;
	position: absolute;
	left: 0px;
}

.main-top {
	top: 0px;
	background: url(page-top.png) left top no-repeat;
}

.main-bottom {
	bottom: -10px;
	left: -12px;
	background: url(page-bottom.png)  left top no-repeat;
}

.foot {
	margin-top: 9px;
	position: relative;
	z-index: 5;
}

.line {
	position: relative;
	width: 858px;
	height: 33px;
	line-height: 33px;
	padding: 0px 30px;
	background: #f3f3f3;
	text-align: right;
}

.line-left, .line-right {
	display: block;
	width: 7px;
	height: 33px;
	position: absolute;
	top: 0px;
}

.line-left {
	background: url(line-left.png) left top no-repeat;
	left: 0px;
}

.line-right {
	background: url(line-right.png) left top no-repeat;
	right: 0px;
}

.line a { 
	text-decoration: none; 
	color: #000000;
	font-weight: normal;
}
.line a:hover { text-decoration: underline; }

.page {
	width: 918px;
	position: relative;
}

.col-left {
	width: 283px;
	float: left;
	overflow: hidden;
}

.col-right {
	margin-left: 60px;
	width: 575px;
	float: left;
	overflow: hidden;
	padding: 36px 0px 30px 0px;
}

.flash {
	width: 918px;
	height: 207px;
}

div.menu {
	width: 918px;
	position: relative;
}

span.menu-lt, span.menu-rt, span.menu-lb, span.menu-rb {
	position: absolute;
	display: block;
	width: 49%;
	height: 34px;
	background: #3bb511;
}

span.menu-lt span, span.menu-rt span, span.menu-lb span, span.menu-rb span {
	display: block;
	width: 100%;
	height: 100%;
	background: url(menu-overlay.png) left top repeat-x;
}

span.menu-lt {
	top: 2px;
	left: 0px;
	background: url(menu-left.png) left top no-repeat;
}

span.menu-rt {
	top: 2px;
	right: 0px;
	background: url(menu-right.png) right top no-repeat;
}

span.menu-lb {
	bottom: 0px;
	left: 0px;
	background: url(menu-left.png) left top no-repeat;
}

span.menu-rb {
	bottom: 0px;
	right: 0px;
	background: url(menu-right.png) right top no-repeat;
}

div.menu ul {
	margin: 0px 15px;
	padding: 0px;
	overflow: hidden;
	position: relative;
}

div.menu ul li {
	float: left;
	display: block;
	height: 34px;
	line-height: 34px;
	background: #3bb511;	
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	margin: 0px;
}

div.menu ul li a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	display: block;
	float: left;
	height: 34px;
	line-height: 34px;
	padding: 0px 15px;
	background: url(menu-overlay.png) left top repeat-x;
}

.submenu {
	width: 283px;
	position: relative;
	padding: 15px 0px;
	background: #3bb511;
	margin-top: 9px;
}

.submenu-top, .submenu-bottom {
	display: block;
	width: 283px;
	height: 15px;
	position: absolute;
	left: 0px;
}

.submenu-top {
	top: 0px;
	background: url(submenu-top.png) left top no-repeat;
}

.submenu-bottom {
	bottom: 0px;
	background: url(submenu-bottom.png) left top no-repeat;
}

.submenu ul {
	margin: 0px;
}

.submenu ul li {
	list-style: none;
	text-align: right;
	margin: 10px 23px 10px 23px;
	line-height: 120%;
	white-space: nowrap;
}

.submenu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.submenu ul li a:hover {
	color: #000000;
}

.submenu ul li ul li.last {
	margin-bottom: 0px;
}

.submenu ul li ul li ul li.last {
	margin-bottom: 0px;
}

.submenu .label {
	text-align: right;
	color: #ffffff;
	line-height: 33px;
	border-bottom: 1px solid #ffffff;
	margin: 0px 23px;
}

.h1sign {
	display: block;
	width: 16px;
	height: 16px;
	background: #3bb511 url(h1sign.png) left top no-repeat;
	position: absolute;
	top: 37px;
	left: 310px;
}









/* clanky */

.article{
	
}
.article .item{
	border-bottom: 1px solid Silver;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.article .item .label{
	font-size: 16px;
	
}
.article .item .img{
	float: left;
	margin-right: 10px;
	position: relative;
	z-index: 1;
	width: 100px;
	height: 100px;
	background: #eeeeee;
	text-align: center;
}

.article .item .date{
	float: right;
	font-size: 11px;
	color: silver;
	position: relative;
	top: -2px;
	left: 0px;
}

.article .item .date .time {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
}

.article .item .navigation{
	margin-top: 5px;
	margin-bottom: 5px;
}
.article .item .perex{

}
.article .item .content{
	clear: both;
}

.article .item.hot{
	background: #ededed;
	border: 1px solid #d9d9d9;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	z-index: 0;
}

.article .item.hot .date{
	top: -2px;
}

.article.detail .item .img{
	margin-bottom: 5px;
	width: auto;
	height: auto;
}

.article .item.hot .ico-hot{
	background: url(hot.gif) no-repeat;
	background-position: right 0px;
	width: 40px;
	height: 40px;
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 1;
}
* html .article .item.hot .ico-hot{
	right: 16px;
}

a.event-more,
a.article-more,
a.news-more{
	background: url(ico-lupa.gif) no-repeat;
	background-position: 0px 2px;
	padding-left: 14px;
}
a.article-comment{
	background: url(ico-komentar.gif) no-repeat;
	background-position: 0px 3px;
	padding-left: 13px;
}

.article.detail .perex{
	font-weight: bold;
	margin-bottom: 5px;
}




.news{
	
}
.news .item{
	border-bottom: 1px solid Silver;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.news .item .label{
	font-size: 16px;
	
}
.news .item .img{
	float: left;
	margin-right: 10px;
}
.news .item .date{
	float: right;
	font-size: 11px;
	color: silver;
	position: relative;
	top: -2px;
	left: 0px;
}

.news .item .date .day-month { 
	font-weight: bold; 
	font-family: "Monotype Corsiva", "Comic Sans MS", sans-serif;
	font-size: 13px;
}

.news .item .date .year {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
}

.news .item .navigation{
	margin-top: 5px;
	margin-bottom: 5px;
}
.news .item .perex{
	margin-bottom: 8px;
	
}
.news .item .content{
	clear: both;
}
.news.detail .item .perex{
	font-weight: bold;
	margin-bottom: 8px;
}
.news.detail h3{
	margin: 0px;
}
.news.detail .date{
	margin-bottom: 5px;
}

.calendar{
	
}
.calendar .item{
	border-bottom: 1px solid Silver;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.calendar .item .label{
	font-size: 16px;
	
}
.calendar .item .img{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.calendar .item .date{
	font-size: 11px;
	color: silver;
}
.calendar .item .navigation{
	margin-top: 5px;
	margin-bottom: 5px;
}
.calendar .item .perex{
	margin-top: 5px;
}
.calendar .item .content{
	clear: both;
}
.calendar.detail .item .perex{
	font-weight: bold;
	margin-bottom: 5px;
}

.cal table{
	width: 100%;
	border-spacing: 0px;
}

.cal tr.day td{
	xheight: 30px;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
}
.cal tr.day td a{
	display: block;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	font-weight: normal;
}
.cal tr.day td a.event{
	font-weight: bold;
}
.cal tr.day td.today,
.cal tr.day td a:hover{
	background: #d9d9d9;
}
.cal tr.days td{
	height: 30px;
	text-align: center;
	xfont-weight: bold;
	background: #d9d9d9;
}
.cal td.months{
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}

.cal .current-date{
	background: #3bb511;
	color: white;
	text-align: center;
}
.cal .current-date h4{
	color: white;
	padding: 3px;
}


.calendar.home{ padding: 10px; }
.calendar.home .label{
	font-size: 100%;
	margin-bottom: 4px;

}
.calendar.home .perex{ display: none; }

.login-form{
	border-bottom: 1px solid #d9d9d9;
}
.login-form form{
	margin: 0px;
	margin-left: 14px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.newsletter-form{
	background: #ededed;
	border-left: 8px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	margin-top: 10px;
}
.newsletter-form form{
	margin: 0px;
	margin-left: 14px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.gallery { }

.gallery-item 
{ 
	float: left;
	margin: 10px;
	border: 3px solid #3bb511;
}

.gallery-item.first
{
	margin-left: 0px;
}

.gallery-item .img 
{
	width: 150px;
	height: 100px;
}

.gallery-item .label
{
	width: 146px;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	background: #3bb511;
	padding: 2px;
}

.gallery-item .label h3 a { color: #000000; }
.gallery-item .label h3 a:hover { color: #ffffff; }

.photo-item {
	width: 150px;
	height: 150px;
	border: 3px solid #3bb511;
	float: left;
	margin: 20px 20px 0px 0px;
	display: table;
   #position: relative;
}

.photo-item .e
{
   #position: absolute;
   #top: 50%;
   #left: 50%;
   display: table-cell;
   vertical-align: middle;
}

.photo-item .i
{
   #position: relative;
   #top: -50%;
   #left: -50%;
   text-align: center;
}
 
.page-navigation{
	clear: both;
	text-align: right;
	margin-top: 25px;
}

.box {
	width: 283px;
	clear: both;
	margin-top: 9px;
	position: relative;
	background: url(box.png) left top repeat-y;
	overflow: hidden;
}

.box-top, .box-bottom {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 15px;
}

.box-top {
	background: url(box-top.png) left top no-repeat;
	top: 0px;
}

.box-bottom {
	background: url(box-bottom.png) left top no-repeat;
	bottom: 0px;
}

.box-label {
	margin: 18px;
}

.box-content {
	margin: 18px;
}

.box-label h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0268cb;
	font-weight: bold;
	padding: 0px 0px 0px 25px;
	background: url(arrow-blue.png) left top no-repeat;
	line-height: 16px;
}




.logout{
	padding: 10px;
	padding-left: 14px;
}


.form, .customForm{
	background: #f3f3f3;
	border: 1px solid #c9c9c9;
	padding: 10px;
}
.form td,
.customForm td{
	padding: 3px;
	
}

.customForm form { margin: 0px; }

.customForm table th { border-bottom: 3px double #3bb511; }

.customForm table td {
	vertical-align: top;
}

.customForm table td.label { font-weight: bold; }

.customFormNotice 
{ 
	font-size: 80%;
	font-style: italic;
}

input.customFormField, input.customFormFile
{
	width: 250px;
	border: 1px solid #333333;
}

input.customFormField.sm { width: 140px; }
input.customFormField.ssm { width: 70px; }

textarea.customFormField {
	border: 1px solid #333333;
	width: 99%;
	height: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea.customFormField.sm { height: 140px; }
textarea.customFormField.ssm { height: 70px; }



.error span{
	display: block;
	padding: 2px;
	padding-left: 5px;
	background: #CC0000;
	margin-bottom: 5px;
	color: white;
}

.guestbook-item{
	margin-bottom: 15px;

}

.guestbook-item-head {
	background: #3bb511;
	color: #ffffff;
	font-weight: bold;
	padding: 3px;
	font-size: 11px;
}

.article .guestbook-item-head .date 
{ 
	color: #ffffff !important; 
	margin-top: 1px;
}

.guestbook-item-head a { color: #ffffff; text-decoration: none; }
.guestbook-item-head a:hover { color: #000000; }

.guestbook-item-subject {
	color: #0268cb;
	font-size: 13px;
	font-weight: bold;
	margin: 3px 0px;
}



/* captcha */
.captcha
{
	padding-top: 2px;
}
.captcha img.captcha-image
{
	float: left;
	border: 1px solid #000000;
}
.captcha br
{
	clear: both;
}
.captcha input.captcha-number
{
	width: 86px;
	margin-top: 2px;
	border: 1px solid #000000;
}
.captcha span.captcha-help
{
	float: left;
	margin-left: 5px;
}

table.guestbook td{
	vertical-align: top;
}

/* fulltext */
.fulltext a {
	text-decoration: none;
}

.answer, .resume {
	border: 1px solid #3bb511;
	background: #f3f3f3;
	padding: 3px;
}

.resume {
	margin-top: 10px;
}

.f3-item {
	margin: 5px 0px;
	padding: 3px;
}

.fragment {
	font-size: 95%;
	font-style: italic;
}

.fulltextFoundType {
	font-style: italic;
	padding-bottom: 2px;
	border-bottom: 2px solid #3bb511;
}

/* web:end */




.no-border{ border: none !important; }
.cl{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
	position: relative;
}

.voting
{
	padding: 5px;
}
.voting .item
{
	margin: 8px 0px 7px 0px;
}
.voting h3 { margin: 0px 0px 10px 0px; }
.voting .item .label { font-weight: bold; font-size: 11px; margin: 0px 0px 3px 0px; }
.voting .graph-border
{
	position: relative;
	background-color: #EDEDED;
	
	text-align: right;
}
.voting .graph
{
	left: 0px;

	background-color: #C0C0C0;
	position: absolute;
}

.reference .item {
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
}

.reference .item.last {
	margin-right: 0px;
}

.reference .item a.image {
	border: 2px solid #3bb511;
	display: block;
	width: 110px;
	height: 70px;
}

.reference .item a.image:hover {
	border: 2px solid #000000;
}

.messages 
{ 
	border: 1px solid #3bb511;
	background: #ededed;
	margin-bottom: 20px;
	padding: 3px 3px 0px 3px;
}

.messages .title
{ 
	background: #3bb511;
	color: #ffffff;
	padding: 2px;
	margin: 0px;
	font-weight: bold;
}

.loginForm {
	width: 205px;
}

.loginForm td {
	padding: 2px;
	margin: 0px;
}

.loginForm td input.field { width: 205px; }

.error { color: #d80000; font-weight: bold; }
.info { color: #00aa01; font-weight: bold; }


.hidden { display: none; }

.left { float: left; }
.right { float: right; }

.m0 { margin: 0px; }
.mt5 { margin-top: 5px; }

.border { border: 2px solid #3bb511; }

.br0 { border-right: 0px !important; }

.h40 {
	height: 40px;
	voice-family: oc;
}

.top-2 {
	position: relative;
	top: -2px;
}

.facebook { 
	border:none; 
	overflow:hidden; 
	width:450px; 
	height:35px;
}
