/* Top Elements */
* { margin: 0; padding: 0; }

body {background: #FFF url(../img/back.gif) repeat-x;font: 80%/1.5em Verdana, Tahoma, arial, sans-serif;color: #333;text-align: center;}

a, a:visited {color: #ffffff;background: inherit;}

h1 {font-size: 120%; font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;font-weight: Bold;}

h1, h2, h3, p {padding: 10px;	margin: 0;}
ul, ol {margin: 5px 20px;padding: 0 20px;color: #666666;}

/********************************************
   LAYOUT FORM
********************************************/ 
#wrap {width: 790px;margin: 0 auto;text-align: left;}
#content-wrap {clear: both;width: 790px;padding: 0;margin: 0 auto;}
#header {width: 790px;position: relative;height: 140px;padding: 0;}
#header h1 a {position: absolute;top: 50px;left: 350px;color: #ffffff; font-family: Am Sans;font-size: 30px;line-height: 30px;}
#header h1 a span{font-size: 80%;font-family: Arial;}
#header .stav {position: absolute;top: 110px;right: 20px;color: #cc0000;font-size: 120%;}

/* Menu */
#menu {clear: both;margin: 0; padding: 0;font: 700 13px Arial, Tahoma, Sans-serif;width:100%;}

/* Main Column */
#main {float: right;width: 100%;padding: 0; margin-top: 40px;}
#main h2 {font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif;color: #214a61;background: url(../img/hr-bg.png) repeat-x center center;padding: 5px 0 5px 25px;}
#main .background{background: #FFF;padding: 3px;}
#main p{
	text-align: justify; }


/* Forms */
.formular fieldset{border: 1px solid #D7D7D7;padding: 10px;font-size: 110%;margin-top: 20px;}
.formular legend{color: #115098;font-size: 120%;font-weight: 700;margin: 0 0 0 15px;}
.formular .input {border: 1px solid #B7B7B7;padding: 2px;}
.formular .button {padding: 10px;margin: 15px 60px;}
.hlaska {color: green;font-weight: bold;}
.hlaska2 {color: #CC0000;font-weight: bold;}

/* Calendar */
.hidden {opacity: 0;position: absolute;}
.visible {opacity: 1;}
input.calendar, select.calendar {width: 99px;}
button.calendar {background: url(../img/calendar-icon.gif);border: 0;cursor: pointer;float: left;height: 20px;margin-right: 6px;width: 20px;}
button.calendar:hover, button.calendar.active {background-position: 0 20px;}
div.calendar {	background: url(../img/calendar.png);height: 195px;padding: 0 6px;text-align: center;width: 147px;}	
div.calendar * {margin: 0;padding: 0;}	
div.calendar div {background: none !important;cursor: move;height: 185px;overflow: hidden;	padding-top: 10px;position: relative;width: 147px;}	
div.calendar caption {color: #333;font: normal 12px/16px Arial, Helvetica, sans-serif;padding-top: 6px;text-align: center;width: 100%;}
div.calendar caption a {cursor: pointer;display: block;height: 12px;overflow: hidden;position: absolute;text-indent: -100px;top: 17px;	width: 11px;}
div.calendar caption a.prev {background-image: url(../img/calendar-prev.gif);left: 0;}
div.calendar caption a.next {background-image: url(../img/calendar-next.gif);right: 0;}
div.calendar caption a:hover {background-position: 0 12px;}
div.calendar caption span {height: 25px;position: relative;text-align: center;}
div.calendar caption span.month {padding-right: 8px;}
div.calendar caption span.month:after {content: ',';}
div.calendar table {background: #FFF;border: 0;border-collapse: collapse;	border-spacing: 0;cursor: default;margin: 0 auto;overflow: hidden;width: 147px;}
div.calendar td, div.calendar th {border: 0;color: #0597DB;font: normal 12px Arial, Helvetica, sans-serif;height: 21px;text-align: center;width: 21px;}
div.calendar td {background: url(../img/calendar-td.gif);color: #E3E3E3;font-size: 11px;}
div.calendar td.invalid {color: #999;}
div.calendar td.valid {background: url(../img/calendar-valid.gif);color: #0597DB;cursor: pointer;}
div.calendar td.hilite {background: url(../img/calendar-hilite.gif);}
div.calendar td.inactive {background: url(../img/calendar-td.gif) 0 100%;color: #FFF;}
div.calendar td.active,	div.calendar td.hover {	background: url(../img/calendar-valid.gif) 0 100%;	color: #FFF;cursor: pointer;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.mar0auto{margin:  0 auto;}

#toplist {
	position: absolute; top: 1060px; left: 10px;
}

/* display and additional classes */
.clear { clear: both; }
.w34p{width: 40%;}
.w54p{width: 52%;}