/* CSS Document */

/* --- OBECNE --- */
* {border: 0; margin: 0; padding: 0; text-indent: 0;}
body {background: #cecfce; margin: 0 auto; text-align: left; color:#222222; font: normal 11px Arial, Helvetica, sans-serif;}

a {color: #075181; text-decoration: underline;}
a:hover {color: #000; text-decoration: none;}
p {padding-left: 10px; padding-right: 10px;}
input, textarea, select, file {background-color: #FFF; color:#000000; border: 1px solid #008000; margin-left: 5px;}
input.disabled {background-color: #D4D0C7; color: #666666; border-left: #41403C solid 2px; border-top: #41403C solid 2px; padding-left: 5px;}
input.vzkaz {background-color:#F5F5F5; color:#000000; border: #FF0000 solid 1px; padding-left: 5px;}
hr {height: 1px;}
table {border:none; font-size:11px;}
#fix { clear:both;}
ul {padding-left: 25px; margin: 10px; list-style: disc;}
li {margin: 4px;}
.horni {font-weight:bold; text-align:center; background-color:#000000; color:#FFFFFF; border: 1px solid black;}
.strankovani {margin: 3px 8px 3px 8px;}
fieldset {background-color: #f6f6f6; border: 1px dotted #B4B4B4; padding: 10px 20px 10px 20px; margin-bottom: 10px;}
optgroup {display: block; background-color: #dadada; color: #000000; padding-left: 10px; font-style: normal;}
.datum {width: 80px;}

h1 a {text-align:left; font-family: Arial; font-size: 24px; padding: 10px 10px 10px 10px; color: #000; text-decoration: none;}
h1 a:hover {text-decoration: underline;}

.suda {background-color: #E8E8E8;}
.licha {background-color: #F2F2F2;}


/* --- VZHLED --- */
h1 {text-align:left; font-family: Arial; font-size: 24px; margin: 10px; color: #000; text-decoration: none;}
h1 a {text-align:left; font-family: Arial; font-size: 24px; margin: 10px; color: #000; text-decoration: none;}
h1 a:hover {text-decoration: underline;}
#container {width: auto; border: 1px solid #000000; text-align: left; margin: 10px; padding: 0px; background-color:#FFFFFF;}
#container img {border: 2px solid black;}
#container img:hover {border: 2px solid #808080;}
#containerpadding {border: solid #000000 2px; min-height: 500px; background-color:#FFFFFF;}
#fotografie {padding: 10px; margin:auto 0;}
#fotografie img {border: 1px solid black;}

#prehled { width: 920px;}

#menu {padding: 10px; border-bottom: solid black 2px; background-color:#FFFFFF;}
#menu-left {text-align:left; width: auto; float:left;}
#menu-right {text-align:right; width: 250px; float:right;}
#main {padding: 10px; background-color:#FFFFFF;}
#main td {padding: 2px; padding-left: 3px;}
#main li {list-style-type: square;}

#index {margin: 20px;}
#index table {border: 1px solid gray; margin-top: 5px; font-size: 99%;}
#index td {padding: 2px 5px 2px 5px;}
#watermark {background-color: #000000; width: auto; height: 22px;}
.text { color:#FFFFFF; font-size: 11px; font-family: Arial; font-weight: bold; padding: 4px 10px 4px 10px;}
#fotografie table {background-color: #f2f2f2; color: #000;}

#aktualita table {border: 1px solid #346C9E; background-color: #EEF3F9;}

/* komentare */
.komentar_head {margin: 0 30px 0 30px; padding: 3px 0px 3px 6px; border: 1px solid black; background-color: #E2E2E2; font-weight: bold;}
.komentar_text {margin: 0 30px 5px 30px; padding: 3px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black;}

.komhead {width: 980px;}
.kom1 {padding: 3px 0px 3px 6px; border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; background-color: #CCCCCC; font-weight:bold; width: 900px; float:left;}
.kom2 {padding: 3px 3px 3px 0px; border-top: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; background-color: #CCCCCC; font-weight:bold; width: 69px; float:left; text-align: right;}
.kom2 a {color: #CCCCCC;}
.kom2 a:hover {color: #000000;}
.kom3 {padding: 3px; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; margin-bottom: 5px; background-color:#FFFFFF;}
.komf {padding: 8px; margin-top: 10px;}

#footer {text-align: center; font-size: 90%; padding: 10px;}

#loginboard {width: 330px; margin: 0 auto; text-align: left; padding-top: 10px;}
#loginboard p, h1 {text-align: center;}

#loginboard-padding {padding: 10px; border: 3px solid black; background: white url("img/login.jpg") no-repeat right bottom;}


/* --- KALENDAR --- */
button.calendar {background: url(admin/calicon.gif); background-attachment:inherit; cursor: pointer; height: 16px; width: 16px; margin-bottom: 4px; padding-left: 10px;}
div.calendar div {height: 170px; overflow: hidden; padding: 10px; position: relative; width: 166px; border: 1px solid #000000; background-color:#FFFFFF; cursor:move; margin: 0 0 0 -200px;}
div.calendar caption {color: #000; padding-bottom: 6px; text-align: center;}
div.calendar caption a {font-size:14px; padding-left: 10px;  padding-right: 10px; cursor:pointer; text-decoration:none;}
div.calendar caption a:hover {color:#FF0000;}

div.calendar table {background-color: #00000; border-spacing: 2; cursor: pointer; margin: 0 auto; width: 167px;}
div.calendar td, div.calendar th {border: 1px solid #CCCCCC; text-align: center;}
div.calendar td {color: #D6D6D6; font-size: 11px;}
div.calendar td.invalid {color: #999;}
div.calendar td.valid {color: #000000; cursor: pointer;}
div.calendar td.inactive {color: #FFF;}
div.calendar td.active,div.calendar td.hover {background-color: #000000; color: #FFFFFF; cursor: pointer;}

/* systemove hlasky */
.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url("admin/nezname.gif") 10px 50% no-repeat; border: 2px solid #f7df8c; background-color: #fff7ce; margin: 5px 10px 5px 10px;}
.msg.info {background:url("admin/info.gif") 10px 50% no-repeat; border: 2px solid #bde3ff; background-color: #eff7ff; margin: 5px 10px 5px 10px;}
.msg.done {background:url("admin/ano.gif") 10px 50% no-repeat; border: 2px solid #bddf8c; background-color: #eff7de; margin: 5px 10px 5px 10px;}
.msg.error {background:url("admin/ne.gif") 10px 50% no-repeat; border: 2px solid #ffaead; background-color: #ffebef; margin: 5px 10px 5px 10px;}
.msg.shrnuti {border: 2px solid #727272; margin: 5px 10px 5px 10px;}

	/*             styles for the unit rater                */	
	.unit-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 100px;
		height: 20px;
		position: relative;
		background: url('star_rating.gif') top left repeat-x;		
	}
	
	.unit-rating li{
	    text-indent: -90000px;
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.unit-rating li a{
		display:block;
		width:20px;
		height: 20px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.unit-rating li a:hover{
		background: url('star_rating.gif') left center;
		z-index: 2;
		left: 0px;
	}
	.unit-rating a.r1-unit{left: 0px;}
	.unit-rating a.r1-unit:hover{width:20px;}
	.unit-rating a.r2-unit{left:20px;}
	.unit-rating a.r2-unit:hover{width: 40px;}
	.unit-rating a.r3-unit{left: 40px;}
	.unit-rating a.r3-unit:hover{width: 60px;}
	.unit-rating a.r4-unit{left: 60px;}	
	.unit-rating a.r4-unit:hover{width: 80px;}
	.unit-rating a.r5-unit{left: 80px;}
	.unit-rating a.r5-unit:hover{width: 100px;}
	.unit-rating li.current-rating{
		background: url('star_rating.gif') left bottom;
		position: absolute;
		height: 20px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}