html 
{ 
	font-size:100.01%; 
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
} 

body 
{
	/* browser standard is 100% = 16px */
	font-size: 87.5%;
	/* 1,5em from 14px is 14x1,5 = 21px line height */
	line-height: 1.5em; 
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", "Trebuchet MS", Tahoma, Helvetica, sans-serif; 
	position: relative;
	color: #000000;
	background: #ffffff; 
}

html>body 
{
	font-size: 14px; 
}

/* for ie 5.5 and ie 6 */
table tr td {_font: 1em/1,5em "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", "Trebuchet MS", Tahoma, Helvetica, sans-serif;}

th, td {
	white-space: nowrap;
}


table {
		*border-collapse: collapse; /* IE7 and lower */
		border-spacing: 0;
		width: 100%;    
		border: solid #ccc 1px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-webkit-box-shadow: 0 0 10px #ccc; 
		-moz-box-shadow: 0 0 10px #ccc; 
		box-shadow: 0 0 10px #ccc;  
		margin: 1,5em 0 1,5em 0;
	}

	tr:hover {
		background: #f5f5f5;
		-o-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;     
	}    
		
	td, th {
		border-left: 0.0833em solid #ccc;
		border-top: 0.0833em solid #ccc;
		padding: 0.7083em;
		text-align: left; 
		background-color: #ffffff;
		vertical-align: top;
	}


	th {
		background-color: #cccccc;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#909090));
		background-image: -webkit-linear-gradient(top, #cccccc, #909090);
		background-image: -moz-linear-gradient(top, #cccccc, #909090);
		background-image: -ms-linear-gradient(top, #cccccc, #909090);
		background-image:  -o-linear-gradient(top, #cccccc, #909090);
		background-image:  linear-gradient(top, #cccccc, #909090);
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
		-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;    
		border-top: none;
		font-weight: bold;
		text-shadow: 0 1px 0 rgba(255,255,255,.5); 
		text-transform: uppercase;
		cursor: pointer;
		padding-right: 25px;
	}



td:first-child, .bordered th:first-child {
	border-left: none;
}

th:first-child {
	-moz-border-radius: 6px 0 0 0;
	-webkit-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
}

th:last-child {
	-moz-border-radius: 0 6px 0 0;
	-webkit-border-radius: 0 6px 0 0;
	border-radius: 0 6px 0 0;
}

th:only-child{
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

tr:last-child td:first-child {
	-moz-border-radius: 0 0 0 6px;
	-webkit-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
}

tr:last-child td:last-child {
	-moz-border-radius: 0 0 6px 0;
	-webkit-border-radius: 0 0 6px 0;
	border-radius: 0 0 6px 0;
}

label {
	display: inline-block;
	width: 175px;
	margin: 7px;
	padding: 7px;
}

input {
	display: inline-block;
	width: 175px;
	margin: 7px;
	padding: 7px;
}

#hlavicka {
	background: #eeeeee;
}
#red {
	color: #FF0000;
}
#green {
	color: #00CC00;
}
#activ {
	background-color: #f8f8f8;
}
#unactiv {
	background-color: none;
}
a {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}


.button, .button:visited, .button:active {
	display: inline-block;
	text-align: center;
	margin: 0.5em 5px;
	padding: 9px;
	min-width: 40px;
	text-decoration: none !important;
	color: #444444;
	cursor: pointer;
	white-space: nowrap;
	border: 1px solid #cccccc;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0 1px 1px #f6f6f6 ;
	background: #eee ;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); 
	background-image: -webkit-linear-gradient(#fdfdfd,#eee); 
	background-image: -moz-linear-gradient(#fdfdfd,#eee); 
	background-image: -ms-linear-gradient(#fdfdfd,#eee); 
	background-image: -o-linear-gradient(#fdfdfd,#eee); 
	background-image: linear-gradient(#fdfdfd,#eee);
	-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.9), 0px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.9), 0px 1px 4px rgba(0,0,0,0.3);
	box-shadow: inset 0px 1px 1px rgba(255,255,255,.9), 0px 1px 4px rgba(0,0,0,0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	position: relative;
	text-overflow: clip;
}

.button:hover {
	border: 1px solid #bbbbbb;
	background: #dadada;
	color: #101010;
	text-shadow: 0 1px 1px #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dadada)); 
	background-image: -webkit-linear-gradient(#ededed, #dadada); 
	background-image: -moz-linear-gradient(#ededed, #dadada);
	background-image: -ms-linear-gradient(#ededed, #dadada);
	background-image: -o-linear-gradient(#ededed, #dadada); 
	background-image: linear-gradient(#ededed, #dadada);
}