/*------------------------------------------------------------------- GENERAL ---*/
body {
	margin: 0;padding: 0;
	font-family:  Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 0.75em;	
	color: #4b4b4b;
	background: #FFF;
	text-align: center;
}

.ui-dialog {width: 500px;}
a { color: #00a7e9;  text-decoration: underline; }
a:hover { color: #a5a5a5;}

ul, ol, li, h1, h2, h3, h4, hr, p, form, fieldset, input, label, img, td, th, dl, dd, dt {margin: 0; padding: 0; }
img, fieldset {  border: none; }
img {vertical-align: middle;}

.button {background: #00a7e9; padding: 7px 10px; color: #fff; text-decoration: none; font-size: 0.8rem; margin: 0 10px 0 0; display: inline-block; font-weight: bold;}
.button:hover {color: #000;}

.button2 {background: silver; padding: 5px 10px; color: #000; text-decoration: none; font-size: 0.8rem; margin: 0 10px 0 0; display: inline-block;}
.button2:hover {background: gray; color: #fff;}

#hlaska {background: gray; color: #fff; padding: 5px 10px; font-size: 0.8rem; display: inline-block; margin-bottom: 5px;}
#hlaska.alert {background: red;}
#hlaska.success {background: green;}

.orange {color: orange;}
.green {color: green;}
.bold {font-weight: bold;}

h1 { font-size: 160%; padding-bottom: 10px;  }
h2 {  font-size: 140%; padding-bottom: 0.6em;  }
h3 { font-size: 120%; padding-bottom: 0.4em;  }
h4 { font-size: 100%;padding-bottom: 0.2em;   }
hr { display: none; }
.hr { height: 1px; font-size:1px;  border-bottom: 1px solid #dadada; margin-bottom: 0px; clear: both; }
p { padding-bottom:1em;  }
ul { list-style: none; padding: 0 0 1em 10px;  }
ul ul {
	padding: 0;
	margin-top: 7px;
}
ol { list-style: decimal; padding: 0 0 1em 22px;  }
li { padding: 0 0 5px 12px; background: url(../images/sipka.gif) no-repeat 0 5px; }
ol li { padding: 0 0 5px 0px; background: none}
abbr {color: red; cursor: help;}
ul.menu { 
	padding: 0;
}
ul.menu li { 
	padding: 0;
	background: none;
	float: left;
	margin-right: 1px;
}
ul.menu.mright li { 
	float: right;
}
ul.menu li a { 
	display: block;
	padding: 5px 20px 5px 10px;
	text-decoration: none;
	color: #FFF;
	background: #a5a5a5 url(../images/rozek-top.gif) no-repeat top right;
}
ul.menu li a.black { 
	background: #4b4b4b url(../images/rozek-top.gif) no-repeat top right;
}
ul.menu li a:hover, ul.menu li a.black:hover, ul.menu li a.act { 
	color: #FFF;
	background: #00a7e9 url(../images/rozek-top.gif) no-repeat top right;
}

dt { padding-bottom:0.2em; font-weight: bold;  }
dd {padding-bottom:1em;  }
.padding { padding:0 25px 25px; }

/*---------------------------------------------------------------------- LAYOUT---*/
#all {	
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
#header { 
	position: relative;
	border-top: 5px solid #4b4b4b;
	border-bottom: 1px solid #a5a5a5;
}
#main { 
	border-left: 9px solid #ededed;
	background: #FFF url(../images/bg-content.gif) repeat-x bottom;
}
#quicknav { 
	width:150px; 
	min-height: 150px; height:150px;
	background:#ededed;
	position: absolute;
	z-index: 10;
	display:none;	
}
#quicknav h3 { 
	margin: 0 10px 10px;
	border-bottom: 1px solid #4b4b4b;
}
#content { 
	float: left;
	padding: 20px 20px 40px 35px;
}
#footer { 
	color: #a5a5a5;
	border-top: 5px solid #4b4b4b;
}


/*--------------------------------------------------------------------------- HEADER -------*/
#header img.wp-logo { 
	position: absolute;
	top: 10px; left: 0;
}
#header #top { 
	margin-left: 180px;
}
#header #top .left { width: 65%; }
#header #top .right { width: 35%; }
#header #top .left p, #header #top .right p { 
	padding: 0;
	height: 40px;
	margin-top: 15px;
}
#header #top .right p { 
	margin-right: 10px;
}
#header input   { 
	padding: 2px 1px;
	border: 1px solid #a5a5a5;
	background: #f3f3f3;

}
#header .submit   { 
	font-size: 90%;
	padding: 2px 5px 1px;
	background: #4b4b4b;	

}

/*--------------------------------------------------------------------------- CONTENT -------*/
.headline { 
	position: relative;
	border-bottom: 1px solid red;
}

/*--------------------------------------------------------------------------- FOOTER -------*/
#footer p { 
	text-align: right;
	padding: 10px;
}
#footer span { color: #4b4b4b; }
#footer span.blue { color: #00a7e9; }

/*----------------------------------------------------------------------------------- FORM ---*/
input, select, textarea {
	font-family:  Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 110%; 
	color:#000;	
	width: auto; 
	margin-bottom: 2px; 
	padding: 2px;
	vertical-align: middle;
	background: #FFF;
	border: 1px solid #4b4b4b;
}
textarea {  
	min-width: 200px; _width: 200px;
	min-height: 60px; _height: 60px;
}
input.check {
	width: auto;
	margin:0;	padding: 0;
	background: transparent;
	border: none;
}
label {
	display: block; width: 160px;
	text-align: right;
	margin: 2px 5px 2px 0;
	float: left; clear: left;
}
.submit   { 
	width:auto; 
	padding: 5px 10px 5px;
	_padding: 3px 10px 2px;
	color: #FFF;
	background: #00a7e9 url(../images/rozek-top.gif) no-repeat left bottom;	
	cursor: pointer;
	border: none;
  font-size: 1rem;
}

.text-center {
  text-align: center;
}

.submit.silver   { 
	color: #4b4b4b;
	background: #cecece url(../images/rozek-top.gif) no-repeat left bottom;	
}

textarea.small {
	width: 350px;
	height: 80px;
}

textarea.big {
	   width: 650px;
	   height: 400px;
}
textarea.textovysoubor {
	width: 750px;
	height: 550px;
}
textarea.medium {
	   width: 650px;
	   height: 100px;
}

input.big {
	width: 350px;
}
input.large {
	width: 550px;
}
input.medium {
	width: 197px;
	_width: 200px;
	
}

input.small {font-size: 110%; width: 50px;}


/*---------------------------------------------------------------------------- TABLES --------*/
table { 
	margin-bottom:15px; 
	border-collapse: collapse; 
	font-size: 100%;
	font-family:  Tahoma, "Lucida Grande CE", lucida, sans-serif;
}
th { 
	padding: 6px 4px; 
	font-weight: bold; 
	text-align: left;
	color: #000;
	border: 1px solid silver;
	background: #97cef8; 
}
ÿ  {ሴ
	text-align:left;
	padding:4px; 
	vertical-align: top;
	border: 1px solid silver;
}
table.layout { 
	margin:0;
}
table.layout td { 
	padding: 0;
	border: none;
}
table.layout tr.bb td, table.layout td.bb { border-bottom: 1px solid #cecece; }
.border { 
	border: 1px solid #DADADA;
}

.bgsilver, tr.bgsilver {background: #e9e9e9; font-size: 100%;}
tr.bgsilver td, tr.bglight td {padding: 4px 4px; border: 1px solid silver;}
.bglight, tr.bglight {background: #ffffff; font-size: 100%;}


/*----------------------------------------------------------------------------- OTHERS ---*/
.right { float: right }
.left { float: left }
.fright { float: right; margin: 0 0 15px 15px; }
.fleft { float: left; margin: 0 15px 15px 0; }
.textright, td.textright, th.textright { text-align : right }
.textleft, td.textleft { text-align : left }
.center, td.center { text-align : center;}
.middle { vertical-align : middle }
.top { vertical-align : top }
.bottom { vertical-align : bottom }
.clear { clear: both;}
.bb { border-bottom: 1px solid #cecece; }
.fwnormal { font-weight: normal;}
.nowrap { white-space: nowrap;}
.blue { color: #00a7e9; }

/* petrovy styly */
.red {
color:red;
}

.menu1  { 
}
.menu2  { 
}
.menu3  { 
}
.pasivni {
	background: #E3E3E3;
}
#chybove_hlaseni {
	background: Red;
	padding: 10px;
	margin: 0 0 10px 0;
	color: White;
}
#chybove_hlaseni.ok {
	background: green;
}
.budouci {
	background: Lime;
}
.minula {
	background: red;
}
.selected {
	background: #CECECE;
}
.marginright {
	margin-right: 10px;
}
.marginleft {
	margin-left: 40px;
}
.obalfoto {
	width: 360px;
	float: left;
	height: 180px;
	padding: 5px;
	overflow: hidden;
	border-bottom: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
}
.obalfoto img{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

a.nahled {display: block; width: 124px; height: 140px; overflow: hidden; float: left; margin: 0 10px 0 0;}

.obalfotovypis {
	width: 180px;
	height: 200px;
	padding: 5px;
	float: left;
	overflow: hidden;
	border-bottom: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
}
.obalsoubor {

	width: 280px;
	float: left;
	padding: 5px;
	border-bottom: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;

}
.obalsouborvypis {
	width: 400px;
	padding: 3px;
	border-bottom: 1px solid #EDEDED;
}

.poradi {
	font-size:150%;
	color: #00A7E9;
	float:right;
	font-weight:bold;
}
.small {
	font-size:80%;
}
.fright_form { float: right; margin: 0 0 13px 15px; }

.small_label {
	width: 30px;
}

/*-------------------- styles for dtree -----------------*/

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodelink, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodelink:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}