body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #45556A;
	margin: 10px;
	}
	
	#page{
	width: 730px;
	background-color: #333333;
	border: 0;
	padding: 0;
	}
	
	
	
	#week-table{
	clear: both;
	background-color: #354253;
	font-size: 100%;
	border: none;
	background-image: url(img/LineTexture-dark.png);
	
	}
	
	#calendar-control{
		position:relative;
		top: 5px;
		float: right;
	
	}
	
	#calendar-control dl{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	
	}
	
	#calendar-control dt{
		display: inline;
		float: left;
		
	
	}
	
	#rew-button  a{
		display: block;
		height: 30px;
		width: 30px;
		background-image: url(img/back2.png);
		background-repeat: no-repeat;
		background-position: left top;
	
	}
	
	
	
	#today-button a{
		display: block;
		height: 30px;
		width: 30px;
		background-image: url(img/actual2.png);
		background-repeat: no-repeat;
		background-position: left top;
	
	}
	
	
	
	#ff-button a{
		display: block;
		height: 30px;
		width: 30px;
		background-image: url(img/next2.png);
		background-repeat: no-repeat;
		background-position: left center;
	
	}
	
	.day-name{
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 1em;
	font-size: 120%;
	background-image: url(img/LineTexture-light.png);
	
	}
	
	.carte-slot{
	width: 100px;
	background-color: #FFFFFF;
	text-align: center;
	background-image: url(img/LineTexture-light.png);
	
	}
	
	.carte-slot-holiday{
	width: 100px;
	background-color: #B90000;
	text-align: center;
	
	}

	
	.hiden{
		visibility:hidden;		
	
	}
	
	
	a, a:visited {
		color: blue;
	}
	
	
	
	.time-slot-name{
		background-color: #B51621;
		font-size: 120%;
		color: #FFFFFF;
		font-weight: bold;
		padding-right: 1em;
		padding-left: 1em;
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		background-image: url(img/LineTexture-red.png);
		background-repeat: repeat;
	
	}



	.nabidka-pripravena{
		background-image: url(img/strava/nabidka-pripravena-100x100.png);
		height: 100px;
		width: 100px;
		background-repeat: no-repeat;
		background-position: center center;
		display: block;
	}
	
	.neni-nabidka{
		background-image: url(img/strava/neni-nabidka-100x100.png);
		height: 100px;
		width: 100px;
		display: block;
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	.objednano{
		background-image: url(img/objednano-100x100.png);
		height: 100px;
		width: 100px;
		display: block;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.neodebrano{
		background-image: url(img/neodebrano-100x100.png);
		height: 100px;
		width: 100px;
		display: block;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.vraceno{
		background-image: url(img/vraceno-100x100.png);
		height: 100px;
		width: 100px;
		display: block;
		background-repeat: no-repeat;
		background-position: center center;
	}


	
	.carteslot-section{
		font-weight: bold;
		background-color: #FFFFFF;
		padding:  1em ;
		font-size: 120%;
		background-image: url(img/LineTexture-light.png);
	}
	
	.carteslot-section-name{
		background-color: #B51621;
		font-size: 120%;
		color: #FFFFFF;
		font-weight: bold;
		padding-right: 1em;
		padding-left: 1em;
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		background-image: url(img/LineTexture-red.png);
		background-repeat: repeat;
	
	}
	
	.carteslot-section-name a{
		color: #FFFFFF;
	
	}
	
	

	
	
	#head {
		background-color: #FFCCCC;
		height: 110px;
		background-image: url(img/meal-b-730x110.png);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	
	#head-login {
		background-color: #FFCCCC;
		height: 110px;
		background-image: url(img/meal-b-730x110-login.png);
		background-repeat: no-repeat;
		background-position: left top;
	}

	#canteen-name{
	clear: both;
	position: relative;
	top: 35px;
	text-align:center;	
	}
	
	#canteen-select{
		float: right;
		margin: 1em;
		color: #FFFFFF;
	
	}
	
	
	
	form{
		margin: 0px;
		padding: 0px;
	
	}
	
	
	#date{
		float: left;
		margin: 1em 1em ;
		color: #FFFFFF;
		
	}
	
	#person-info{
		position: relative;
		left: 0px;
		top: 43px;
		text-align:center;
		color:#FFFF00;
		font-size: 13px;
		font-weight:bold;
	}

	.small{
		font-size: 80%;
	}

	
	h1{
		font-size: 250%;
		margin: 0px;
	}
	
	h2{
		font-size: 200%;
		margin: 0px;
	}
	
	h3{
		font-size: 150%;
		margin: 0px;
		
	}
	
	
	.red{
		color:#FF0000;
	}
	
	#calendar{
	}
	
	#calendar-head{
		background-color: #354253;
		padding: 1em;
		color: #FFFFFF;
		background-image: url(img/LineTexture-dark.png);
		
	}
	
	#month-name{
		position:relative;
		top: 15px;
		left: 2px;
		float: left;
		color: #FFFFFF;
	
	}
	
	.clear{
		clear: both;
		background-color: #33FF66;
	}
	
	#week-table-box{
		width: 100%;
		margin-bottom: 1px;
	}
	
	#menu-day-name{
	color: #ffffff;
	font-size: 150%;
	padding: 0.5em;
	background-image: url(img/LineTexture-dark.png);
	}

	#login-mess{
	color: red;
	padding: 1em;
	font-weight: bold;
	}
	
	#login-form{
	padding: 1em;
	color: #FFFFFF;
	font-weight: bold;
	}
	
	#login-form input{
	margin-right: 2em;
	margin-left: 0.5em;
	}


	.food-item{
	font-size: 100%;
	color: #FFFF00;
	font-weight: bold;
	padding-right: 1em;
	padding-left: 1em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	background-color: #354253;
	background-image: url(img/LineTexture-dark.png);	
	}
	
	.section-order{
	color: #FFFFFF;
	font-size: 60%;
	}

	.order-state ul{
	color: #FFFFFF;
	font-size: 80%;
	list-style-type: none;
	padding: 0px;
	margin: 10px 0 ;	
	}
	
	
	.order-state li {
	font-size: 100%;
	display: inline;
	padding: 3px;
	}

	.order-state li img{
	position: relative;
	top: 4px;

	}
	

	
	.objednat a, .objednat a:visited  {
	color: #00FF66;
	
	}
	
	.vratit a, .vratit a:visited{
	color: #FF6600;
	
	}
	
	.line{
	width: 1px;
	height: 2px;
	padding:0;
	margin:0;
	border:0;
	background-color: #FFFFFF;
	font-size: 1%;
	}
	
	.test{
	color: white;
	
	}
	
	#confdiv {
	position: absolute;
	display: none;
	background-color: #FF9933;
	height: 200px;
	width: 400px;
	top: 0px;
	left: 20px;
	z-index: 1;
	}

	#confdiv-b{
	position: absolute;
	background-image:url(img/confirm_image.jpg);
	background-color:#ffffff;
	width: 400px;
	height: 200px;
	}
	

	#confdiv_content{
	position: relative;
	margin: 20px;
	color: #FFFF00;
	font-size:14px;
	}


	#confdiv_content a {
	position:relative;
	margin-left: 40px;
	top: 70px;
	color: #FFFF00;
	font-size:16px;
	
	}
	
 	#conf_block_layer {
	position: absolute; 
	display: none;
	left: 0px; 
	top: 0px; 
	margin: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 0; 
	}


	.cena{
	font-size:10px;
	color:#66CCFF;
	
	}
	
	
	
	#leftzone{
	background-color: #354253;
	background-image: url(img/LineTexture-dark.png);
	position: absolute;
	left: 750px;
	top: 10px;
	height: 150px;
	width: 100px;
	border: 1px solid #000000;
	color:#FFFFFF;
	font-size: 110%;
	font-weight:bold;
	}
	
	#leftzone ul{
	padding:0;
	margin:0;
	list-style:none;
	}
	
	#leftzone li{
	margin: 10px;
	}
	
	#leftzone li a{
	color: #FFFFFF;
	}
	
	#leftzone li a:hover{
	color: #FF0000;
	}
	
	
	#second_check_err_order{
	position: absolute;
	display: none;
	height: 200px;
	width: 400px;
	top: 0px;
	left: 20px;
	z-index: 1;	
	}
	
	
	#second_check_err_exchange_order{
	position: absolute;
	display: none;
	height: 200px;
	width: 400px;
	top: 0px;
	left: 20px;
	z-index: 1;	
	}

	#second_check_err_cancel{
	position: absolute;
	display: none;
	height: 200px;
	width: 400px;
	top: 0px;
	left: 20px;
	z-index: 1;	
	}


	#second_check_err_exchange_cancel{
	position: absolute;
	display: none;
	height: 200px;
	width: 400px;
	top: 0px;
	left: 20px;
	z-index: 1;	
	}
	
	
	
	#psw-req-block {
	position: absolute;
	display: none;
	height: 200px;
	width: 400px;
	top: 0px;
	left: 20px;
	z-index: 1;	
	}

	.req-block-b{
	position: absolute;
	background-image:url(img/confirm_image.jpg);
	background-color:#ffffff;
	width: 400px;
	height: 200px;
	}
	

	.req-block-content{
	position: relative;
	margin: 20px;
	color: #FFFF00;
	font-size:14px;
	}


	.req-block-content a {
	position:relative;
	left: 350px;
	top: -160px;
	color: #FF0000;
	font-size:25px;
	text-decoration:none;
	}
	
	#block_layer {
	position: absolute; 
	display: none;
	left: 0px; 
	top: 0px; 
	margin: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 0; 
	}
	
	
	#psw-conf-err-block {
	position: absolute;
	display: none;
	height: 200px;
	width: 400px;
	top: 0px;
	left: 20px;
	z-index: 1;
	}


	#psw-conf-err-block2 {
	position: absolute;
	display: none;
	height: 200px;
	width: 400px;
	top: 0px;
	left: 20px;
	z-index: 1;
	}

	#psw-conf-err-block3 {
	position: absolute;
	display: none;
	height: 200px;
	width: 400px;
	top: 0px;
	left: 20px;
	z-index: 1;
	}