/* designed and coded by ubik - yewbic[at]yahoo[dot]com */

body {
	background: #000 no-repeat 50% 50px;
	margin: 0;
	padding: 0;
	text-align: center;
	}
td {
	font-size : 11px;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	color : #EF9A61;
	letter-spacing : 1px;
}
#container {
background:#000;
width:760px;
margin:0 auto;
text-align:left;
}

#header {
	width: 760px;
	height: 234px;
	position: relative;
	margin: 0;
}
#menu {
width:210px;
float:left;
margin:-25px 0 0 0;/* bylo nastaveno 25px */
}

.leftbox {
	width: 185px;
	background: #000;
	border-width: 0px 0px 1px 2px;
	border-color: #555 #555 #555 #555;
	border-style: none;
	margin: 30px 0 0 0;
	padding: 10px 10px 10px 0;
	text-align: justify;
	font: 11px verdana,arial,sans-serif;
	color: #fff;
}

.leftbox ul {
list-style-type:none;
margin:10px 0 10px 0;
padding:0;
}

.leftbox li, .leftbox a {
	background: url(../img/menu.jpg) no-repeat;
	max-width: 140px;
	height: 24px;
	display: block;
	padding: 0 0 0 10px;
	font: bold 12px verdana,arial,sans-serif;
	color: #fff;
	text-decoration: none;
	line-height: 30px;
}

.leftbox a:hover {background-position:10px -34px;
padding:0 0 0 20px;}


h4 {
	font: bold 11px georgia,times,serif;
	color: #fff;
	display: block;
	margin: 0 0 10px 0;
	letter-spacing: 1px;
	text-align: center;
}

a.item {
	background: url(../img/menu.jpg) no-repeat;
	max-width: 130px;
	height: 24px;
	display: block;
	padding: 0 0 0 10px;
	font: bold 12px verdana,arial,sans-serif;
	color: #fff;
	text-decoration: none;
	line-height: 30px;
}

/*
good practice of background offset rollovers to avoid javascript preload. 
Im using max-width, BG pos. and Padding instead of margin and smaller-than 
container width, to get pop-out effect cause of a left-edge bug that makes 
the menu jump. -ubik
*/
a.item:hover {
background-position:10px -34px;
padding:0 0 0 20px;
}

#main {
background:#000;
min-height:400px;
margin:0 0 0 220px;
font:15px verdana,arial,sans-serif;
color:#fff;
text-align:left;
}

#footer {
clear:both;
height:10px;
background:#000;
text-align:center;
padding: 0px 0  0px 0;/* bylo nastaveno padding 20px 0 10px 0 */
}

#footer a {
	font: bold 15px verdana,arial,sans-serif;
	color: #ccc;
	text-decoration: none;
	letter-spacing: 1px;
	text-align: center;
}

#footer a:hover {color:#ccff66}

/* "bottomRight" is the botttom right background image of the content container */
.bottomRight {
	background: no-repeat right bottom;
}

.content {
	min-height: 190px;
	background: no-repeat left top;
	padding: 10px 40px;/* bylo nastaveno padding 30px */
	margin: 20px 0 30px 0;
	text-align: justify;
}

h1 {  /*  */
margin:0;
display:inline;
font:bold italic 25px georgia,times,serif;
color:#fff;
letter-spacing:5px;
font-variant:small-caps;
}
.header {
	position:absolute;
left:20px;
bottom: 50px;/* bylo nastaveno 50px */
margin:0;
display:inline;
font:40px georgia,times,serif;
color:#fff;
letter-spacing:5px;
font-variant:small-caps;
}

h2 {
font:bold italic 19px georgia,times,serif;
color:#fff;
display:block;
margin:15px 0 0 0;
}

h3 {
font:bold italic 21px georgia,times,serif;
color:#99cc33;
display:block;
margin:15px 0 0 0;
}

.content a {
text-decoration:none;
color:#99cc33;
font-weight:bold;
}

.content a:hover {color:#ccff66}

.content ul {list-style-type:circle}
.content li {font:bold 16px verdana,arial,sans-serif;}

p {
	margin-top: 20px;
	font-family: verdana,arial,sans-serif;
	font-size: 13px;
}

/* If you like my design, I only ask that you leave the footer note "design by ubik". thanks */
#footer p , #footer p a {
	text-align: center;
	font: 11px verdana,arial;
	color: #999;
	margin: 0;
}
/*-------------------------------------------*/
/* NOVINKY */

div.left div.novinka-blok { margin-top: 10px; }
div.left div.novinka-blok a { display: inline; }
div.novinka-vypis-blok { margin-top: 20px;}
div.novinka-vypis-blok p { margin-left: 10px;}

/* ------------------------------ VZKAZ ---------------------------------*/

#vf{
	padding-top: 10px;
	font-family: verdana,arial,sans-serif;
	font-size: 13px;
}
#vf fieldset{border: none;}
#vf p{margin: 8px 2px;}
#vf input, #vf textarea, #vf select { 	margin: 0; 	width: 95px; border: 1px solid #ccc;	background: #FFF; color: #000; padding: 1px 3px;}
#vf input:hover, #vf textarea:hover { 	border: 1px solid #808080; }


.vzkaznadpis {
	font:bold italic 18px georgia,times,serif;
color:#fff;
display:block;
margin:2px 0 0 0;
}
/* ------------------------------ Jen Text ---------------------------------*/
/* paticka - prechod na sousedni texty*/
.text-paticka {
	color: #ccc;
	text-align: center;
	margin: 4px 0 3px 0;
	padding: 0;
}
/*------------------------------------------*/
/* TEXT */

.text-jednotlivy h2.nadpis {
	font-family: georgia,times,serif;
	font-weight: bold;
	font-size: 1.3em !important;
	font-size: 1.2em;
	text-decoration: none;
	position: relative;
	padding-bottom: 0px;
	color: White;
}
.text-jednotlivy .odkaz-editovat { padding-left: 10px; color: #dcdcdc; font-style: italic;}
.text-jednotlivy .div-pokracuj {
	text-align: right;
	padding: 15px 30px;
	font-size: 12px;
}
.text-jednotlivy { margin-bottom: 20px;}

/* plati i pro clanky */
.zvyraznit{padding: 5px; border: 1px solid #ffffff; background: #eaf2fb;}
.zvyraznit:hover{ border: 1px solid #b0c4de;}

.text-paticka img { border: 0; }

.text-jednotlivy strong, .clanek strong {
	color: White;
}

/* paticka - prechod na sousedni texty*/
p.text-dalsi{ margin: 30px auto 15px; width: 70%}
p.text-dalsi span{display:block}
p.text-dalsi span span{display: inline}
p.text-dalsi span.left{text-align: left;}
p.text-dalsi span.right{ text-align: right;}


 /* odkazy na dalsi listy s texty (prehled) */
div.text-strankovani{ text-align: center; margin-top: 15px; padding-top: 5px;}
div.text-strankovani a{padding-left: 2px; padding-right: 2px; }

/*-------------------Hr (čára) -----------------------*/
hr {
	width: 280px;
	color: #787D21;
}
/*------------------- kalendář -----------------------*/
.kalendar {
   color: #FFF8DC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}