body {
	background-color:#F0F5E0;
	text-align:center;
	font-family:Sans-serif,Verdana;
	
}

h1 {
	font-size:14px;
	text-align:left;
}

h5 {
	font-size:10px;
	text-align:left;	
}

img {border:0}

.center {text-align:center;}

.button, .button2 {
	border:0;
	font-weight:bold;
	margin-right:15px;
	font-size:12px;
	padding:5px;
	color:#333;
	background:#9FA996;
	
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 4px 4px 15px #000; /* Firefox */
  -webkit-box-shadow: 4px 4px 15px #000; /* Safari and Chrome */
  box-shadow: 4px 4px 15px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url("ie-css3.htc"); /* This lets IE know to call the script on all elements which get the 'box' class */	
}

/*input.button, a.button {
	border:0;
	font-family:Calibri;
	font-size:13px;
	font-weight:bold;
	margin-right:15px;
	padding:5px;
	
	color:#333;
	background:#9FA996;
}


input.button2 {
	border:0;
	font-family:Calibri;
	font-size:13px;
	font-weight:bold;

	margin-right:15px;
	padding:5px;
	
	color:#333;
	background:#9FA996;
}*/


/***************MENU a LOGIN************/

.topmenu {
	text-align:center;
	font-size:15px;
	margin-top:20px;
	font-family:'Calibri';
	font-weight:bold;
}

.topmenu ul {
	list-style-type:none;
	height:32px;
	background:#9FA996;
	padding-top:6px;
	width:1040px;
	margin:0 auto;
}

.topmenu ul li {
	width:250px;
	float:left;	
	border-left:1px solid #F0F5E0;
	padding-bottom:5px;
	padding-top:5px;
}

.topmenu a {
	text-decoration:none;
	color:#F0F5E0;	
}

.topmenu a:hover {
	text-decoration:underline;	
}

/******************LOG_SCREEN************************/


.log_screen {
	width:800px;
	height:531px;
	background:url("log_screen.jpg");
	margin:0 auto;
	margin-top:30px;
	font-size:12px;
}

.log_input {
	width:300px;
	opacity:0.9;filter:alpha(opacity=90);
	position:relative;
	top:150px;
	left:250px;
}

.log_input input {
	font-size:14px;
	font-family:'Calibri';
	margin:3px;
	padding:3px;
	background:#F0F5E0;
	border:1px solid #9FA996;
	width:150px;
}



/******************CONTENT****************************/

div.content h1 {
	font-size:16px;	
}

div.content {
	font-family:'Calibri';
	font-size:14px;
	text-align:justify;
	width:1020px;
	margin:0 auto;
}

div.content a.rel, div.content a.rel2 {
	text-decoration:none;
	color:#F0F5E0;
	background:#9FA996;
	padding:4px 15px 4px 15px;
	margin-right:10px;
	font-weight:bold;
}

div.content a.rel:hover, div.content a.rel2:hover {
	text-decoration:underline;
}

div.content a.rel2 {font-weight:normal;margin:0}



/****************************************************/

.login {
	margin:0 auto;
	text-align:left;
	width:400px;
	padding:20;
}

.login fieldset {
	margin-top:50px;
	font-size:13px;
}

.login fieldset a {
	color:#2368F1;
	text-decoration:underline;
}

.login fieldset a:hover {
	color:#243649;
}

.login table, .edit table {
	font-size:13px;	
}

.login table td, .edit table td {
	padding:5;
}

.login table th, .edit table th {
	text-align:left;	
}

.login input, .edit input {
	font-family:Verdana;	
}


.login input.button, .edit input.button {
	font-family:Verdana;
	font-size:11px;
	color:#333333;
}

.login .star {
	color:#FF0000;
	font-weight:normal;
}

.login fieldset.warning {
	margin-top:7px;
	font-size:10px;
	color:#FF0000;
	text-align:center;	
}

.login div.error_strings {
	font-weight:bold;
	font-size:10px;
	color:#FF0000;	
}

/**************INFO PANEL**********/


#infopanel {
	width:98%;
	background-color:#CCC;
	color:#000000;
	font-size:10px;

	padding:1%;
}

#infopanel .left {
	width:20%;
	float:left;
	text-align:left;	
	font-size:10px;
}

#infopanel .right {
	width:20%;
	float:right;
	text-align:right;	
	font-size:10px;
}

#infopanel .center {
	width:60%;
	float:left;
	text-align:center;	
	font-size:10px;
}

#infopanel .left_print {
	display:none;	
}

/**************ZMENA DATUMU*********/

table.date {
	font-family:Verdana;
	font-size:11px;
}

table.date td select {
	font-family:Verdana;
	background-color:#F5F5F5;
	border-color:#000000;
}

/************KALENDAR*************/

table.kalendar {
	font-family:Tahoma;
	font-size:10px;	

}

table.kalendar th {
	font-family:Tahoma;
	font-size:10px;
}

table.kalendar td {
	padding:1;
	text-align:left;
	width:5,5%;
}

table.kalendar a {
	color:#3366FF;
	text-decoration:none;	
}

table.kalendar a:hover {
	color:#263849;
	text-decoration:underline;	
}


.edit {
	z-index:100;
	position:fixed;
	background:#F5F5F5;
	font-size:13px;
	left:34%;
	top:34%;
	padding:30;
	_position:absolute; 
	_top:expression(250+body.scrollTop);
	_left:550px;
	border:1px solid #FFFFFF;
}

.edit fieldset {
	width:360px;	
}

#page {
	left:-10;
	top:-10;
	width:105%;
	height:200%;
	background:#000000;
	position:absolute;
	z-index:50;	
	opacity:0.85;
	moz-opacity:0.85;
	filter: alpha(Opacity=85);
}

/***************PREHLAD*******************/

table.prehlad {
	margin:0 auto;
	margin-top:20px;
	font-size:12px;
	margin-bottom:20px;
}


table.prehlad th.number, table.details th.number {width:90px;text-align:right;border-right:1px solid #000;padding:5px 5px 5px 0px;}
table.prehlad th.day { width:25px;;text-align:center;border-bottom:1px solid #000;}
table.prehlad th.comb {border-right:1px solid #000;border-bottom:1px solid #000;background:#E4E4E4;width:100px;}
table.prehlad th.line1, table.details th.line1 {background: #D4D4D4;}
table.prehlad th.line0, table.details th.line0 {background: #E4E4E4;}
table.details tr.borders th {border-bottom:1px solid #fff;border-right:1px solid #fff;}

table.prehlad2 th.number, table.details2 th.number {width:90px;text-align:right;border-right:1px solid #000;padding:5px 5px 5px 0px;}
table.prehlad2 th.day { width:25px;;text-align:center;border-bottom:1px solid #000;}
table.prehlad2 th.comb {border-right:1px solid #000;border-bottom:1px solid #000;background:#E4E4E4;width:100px;}
table.prehlad2 th.line1, table.details2 th.line1 {background: #D4D4D4;}
table.prehlad2 th.line0, table.details2 th.line0 {background: #E4E4E4;}
table.details2 tr.borders th {border-bottom:1px solid #fff;border-right:1px solid #fff;}



table.prehlad td {width:25px;}


/**************PREHLAD - HODINOVY***************/

table.prehlad2 {
	margin:0 auto;
	margin-top:20px;
	font-size:12px;
	margin-bottom:20px;
}

table.prehlad2 td {width:15px;border-bottom:1px solid #fff;font-size:10px;font-weight:bold;}
table.prehlad2 th.number, table.details th.number {width:90px;text-align:right;border-right:1px solid #000;padding:5px 5px 5px 0px;}
table.prehlad2 th.day { width:25px;;text-align:center;border-bottom:1px solid #000;}
table.prehlad2 th.comb {border-right:1px solid #000;border-bottom:1px solid #000;background:#E4E4E4;width:100px;}
table.prehlad2 th.line1, table.details th.line1 {background: #D4D4D4;}
table.prehlad2 th.line0, table.details th.line0 {background: #E4E4E4;}




table.details {
	margin:0 auto;
	margin-top:0px;
	width:1000px;
	font-size:12px;
}

table.details2 {
	margin:0 auto;
	margin-top:0px;
	font-size:12px;
}

table.details td.left{width:105px;border-bottom:1px solid #fff;}
table.details td.right{width:25px;border-right:1px solid #fff;border-bottom:1px solid #fff;text-align:center;}
table.details td.merged{width:130px;border-right:1px solid #fff;border-bottom:1px solid #fff;}
table.details td {text-align:left;font-family:Tahoma;font-size:10px;}

table.details2 td.left{width:105px;border-bottom:1px solid #fff;}
table.details2 td.right{width:25px;border-right:1px solid #fff;border-bottom:1px solid #fff;text-align:center;}
table.details2 td.merged{width:130px;border-right:1px solid #fff;border-bottom:1px solid #fff;}
table.details2 td {text-align:left;font-family:Tahoma;font-size:10px;}


table.prehlad td.res, table.details td.res {background:#FFCC00;}
table.prehlad td.preres, table.details td.preres {background:#FF490D;;}
table.prehlad td.free, table.details td.free {background:#66CC00;}
table.prehlad td.na, table.details td.na {background:#888888;}
table.prehlad td.break, table.details td.break {background:#336699;}

table.prehlad td.res_h, table.details td.res_h {background:#947600;}
table.prehlad td.preres_h, table.details td.preres_h {background:#942A08;}
table.prehlad td.free_h, table.details td.free_h {background:#3B7600;}
table.prehlad td.na_h, table.details td.na_h {background:#888888;}
table.prehlad td.break_h, table.details td.break_h {background:#1F3B57;}

table.prehlad2 td.res, table.details2 td.res {background:#FFCC00;}
table.prehlad2 td.preres, table.details2 td.preres {background:#FF490D;;}
table.prehlad2 td.free, table.details2 td.free {background:#66CC00;}
table.prehlad2 td.na, table.details2 td.na {background:#888888;}
table.prehlad2 td.break, table.details2 td.break {background:#336699;}

table.prehlad2 td.res_h, table.details2 td.res_h {background:#947600;}
table.prehlad2 td.preres_h, table.details2 td.preres_h {background:#942A08;min-width:90px;}
table.prehlad2 td.free_h, table.details2 td.free_h {background:#3B7600;}
table.prehlad2 td.na_h, table.details2 td.na_h {background:#888888;}
table.prehlad2 td.break_h, table.details2 td.break_h {background:#1F3B57;}


table.details td.free {text-align:center;}
table.details td.free img.ico_new{border:0;padding-top:5px;padding-bottom:5px;}
table.details div.icons {text-align:center;}
table.details div.icons img {border:0;}


table.details2 td.free {text-align:center;}
table.details2 td.free img.ico_new{border:0;padding-top:5px;padding-bottom:5px;width:15px;}
table.details2 div.icons {text-align:center;}
table.details2 div.icons img {border:0;}

table.facility {width:100%}
table.facility th {text-align:left;}

table.room_types {float:left;margin-top:10px;}

table.room_types tr.line1 th, table.room_types tr.line1 td {background:#CCC;}
table.room_types tr.line2 th, table.room_types tr.line2 td {background:#DDD;}
table.room_types th {text-align:left;width:120px;}
table.room_types td {width:379px;}
table.room_types ul {margin:0;padding:0;}
table.room_types ul li {list-style-type:none;float:left;margin:0px 3px 0px 3px;}

div.rooms {background:#DDD;border:1px solid #F0F5E0;}
div.rooms ul {margin:0;padding:0;margin-bottom:25px;}
div.rooms ul li {list-style-type:none;float:left;margin:6px 3px 6px 3px;}

table.users {width:700px;margin-left:160px;}
table.users th {text-align:left;padding:8px 3px 8px 3px;border-bottom:2px solid #000;background:#999;}
table.users tr.line1 td {background:#DDD;padding:2px 3px 2px 3px;}
table.users tr.line2 td {background:#CCC;padding:2px 3px 2px 3px;}



table.legenda {
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
	font-family:Calibri;
	width:600px;
}


.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;   
}

body.loading {
    overflow: hidden;   
}