body {
	margin:0;
	padding:0;
	width:100%;
	font-size:1.2em;
	color:#474946;
	font-family:Arial,sans-serif;
	
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 18%, rgba(229,235,238,1) 66%, rgba(215,222,227,1) 76%, rgba(245,247,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,rgba(255,255,255,1)), color-stop(66%,rgba(229,235,238,1)), color-stop(76%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 18%,rgba(229,235,238,1) 66%,rgba(215,222,227,1) 76%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 18%,rgba(229,235,238,1) 66%,rgba(215,222,227,1) 76%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 18%,rgba(229,235,238,1) 66%,rgba(215,222,227,1) 76%,rgba(245,247,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 18%,rgba(229,235,238,1) 66%,rgba(215,222,227,1) 76%,rgba(245,247,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}
img {border:none}
a {text-decoration: none;}
h1 {color: red;}
h2 {color: white;
	font-size: 1.3em;
	text-align: center;
	background-color: #95E25A;
	moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-radius: 3px;
}
h3 {color: green; }
hsu {font-size: 0.9em;}
em {font-size: 15px;}

/*tabulky*/
table, td, th {border: none; border-spacing: 0;}
table {width: 100%; font-size: 0.7em;}
th {background-color:green;color:white;}
td {background-color:#b4e391;color:black; padding: 8px; border-bottom: 1px solid white;}
td.status_0 {background-color:#fffb72;}
td.status_1 {background-color:#83c9ff;}
td.status_2 {background-color:#b4e391;}
td.status_3 {background-color:#bbbbbb;}
td.status_4 {background-color:#525353;}
td.header {background-color:#9dd53a; color:white; }

#box {width: 980px; margin-left: auto; margin-right: auto;}

/*hlavicka*/
#logoblob {background: transparent url("./image/logo.png") center top no-repeat; width: 229px; height: 78px; margin-left: auto; margin-right: auto;}
#userinfo {width: 200px; position: relative; left: 600px; font-size: 0.9em;}

/*menu*/
#navigation {
	height: 20px;
	background-color: #999999;
	color: white;
	
	background: rgb(246,248,249); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}

#navigation a {
	background-color: #777777; 
	color: white; 
	padding: 8px; 
	font-size: 0.8em;
	font-weight: bold;

	moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-radius: 3px;

	background: rgb(210,255,82); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,255,82,1)), color-stop(100%,rgba(145,232,66,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */
}
#navigation a.logout {
background: rgb(255,91,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,91,76,1) 0%, rgba(206,49,49,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,91,76,1)), color-stop(100%,rgba(206,49,49,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,91,76,1) 0%,rgba(206,49,49,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,91,76,1) 0%,rgba(206,49,49,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,91,76,1) 0%,rgba(206,49,49,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,91,76,1) 0%,rgba(206,49,49,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5b4c', endColorstr='#ce3131',GradientType=0 ); /* IE6-9 */
}

#login {width: 300px; margin-left: auto; margin-right: auto;}
#login h2,p {text-align: center;}
div.spacer {clear: both;}

/*obsah*/
#content {margin-top: 30px;}
div#form {float: left; width: 100%;}
select {width: 200px; margin-left: 390px;}
div#table {float: left; width: 100%;}
#eform p {float: left; width: 400px; margin-right: auto;}
#eform p.popisZavady {width: 900px; margin-left: -100px;}
#eform p.popisZavady input {width: 600px;}
#eform p select {float: right; margin: 0;}
#eform p input {float:right; width: 200px;}
#eform p input.submit {width: 200px;}
#eformFa p {float: left;}
#eformFa p select {float: right; margin: 0;}
#eformFa p.label {width: 900px;}
#eformFa p.label input {float: right;}
#eformFa p.date {width: 900px;}
#eformFa p.date input {float: right;}
#eformFa p.ondate {width: 900px;}
#eformFa p.ondate input {float: right;}
#eformFa p.datepay {width: 900px;}
#eformFa p.datepay input {float: right;}
#eformFa p.transferredResponsibility {width: 900px;}
#eformFa p.transferredResponsibility input {float: right;}
#eformFa p.stamp {width: 900px;}
#eformFa p.stamp input {float: right;}
#eformFa p.item {width: 480px;}
#eformFa p.item input {width: 470px;}
#eformFa p.itemsn {width: 180px;}
#eformFa p.itemsn input {width: 170px;}
#eformFa p.itemks {width: 110px;}
#eformFa p.itemks input {width: 100px;}
#eformFa p.itemkcks {width: 110px;}
#eformFa p.itemkcks input {width: 100px;}
#eformFa p.itemJob {width: 560px;}
#eformFa p.itemJob input {width: 550px;}
#eformFa p.itemJobPrice {width: 280px;}
#eformFa p.itemJobPrice input {width: 150px;}
#eformFa p.itemShip {width: 560px;}
#eformFa p.itemShip input {width: 550px;}
#eformFa p.itemShipPrice {width: 280px;}
#eformFa p.itemShipPrice input {width: 130px;}


div.optionsUser {float: left; width: 350px; margin: 2px; padding: 10px;}
div.optionsUser p input {float: right; margin-right: 40px;}
div.adminUsers {float: left; width: 580px; margin: 2px; padding: 10px;}
div.adminUsers a {color: red; font-size: 15px;}
div.adminUsers div.users {margin: 15px 0 15px 0; font-size: 1.0em;}
div.adminUsers table {border: 1px solid black;}
div.adminUsers td {background-color:#ffc74e;}
div.adminUsers h3 {color:black;}

/*profil kliose*/
div.clProfile {padding-bottom: 50px;}
div.clProfile table {font-size: 0.7em;}
div.clProfile td {background-color:#b4e391; width: 60%; color:black; padding: 8px; border-bottom: 1px solid white;}
div.clProfile td.header {background-color:#95E25A; width: 40%;}
div.clProfile.left {float: left; width: 320px;}
div.clProfile.right {float: right; width: 620px;}
div.clProfile.left table {width: 80%;}
div.clProfile.right table {width: 95%;}

/*tlacitka*/
input.submit {
	background-color: #ffbb33;
	color: white;
	font-size: 0.7em;
	font-weight: bold;
	border: 1px solid #d9d9d9;
	padding: 5px 20px 5px 20px;

	moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-radius: 3px;

	background: rgb(210,255,82); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,255,82,1)), color-stop(100%,rgba(145,232,66,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */
}