@charset "utf-8";

body{
	margin:0px;
	padding:0px;
	background-color:#98c7df;
	font-family:Calibri, Arial;
}

h1{
	display:block;
	margin:0px;
	width:850px;
	background-image:url(img/header.jpg);
	height:150px;
}

h2{
	text-align:center;
}

#container{
	width:850px;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-y;
	margin:auto;
	margin-top:0px;
	padding:0px 3px 0px 3px;
	position:absolute;
	margin-left:50%;
	left:-425px;
	min-height:500px;
}


#menu{
	width:850px;
	height:40px;
	margin-bottom:20px;
}

#menu ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	height:35px;
	display:table-cell;
}

#menu li{
	margin:0px;
	padding:0px;
	padding-top:5px;
	float:left;
	width:425px;
	text-align:center;
	color:#DDDDDD;
	font-size:20px;
	background-image:url(img/menu_spacer.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:30px;
	vertical-align:middle;
	text-decoration:underline;
}

#menu li:hover{
	color:#FFFFFF;
}

a{
	text-decoration:none;
}

#quantity{
	display:none;
	border: 1px solid black;
	width:300px;
	height:100px;
	z-index:10;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-150px;
	background-color:#000099;
}

#content{
	padding:5px;
}

#sortiment{
	margin-left:35px;
}

#sortiment td{
  border: 2px solid #006699;
  width: 100px;
  font-weight: bold;
  font-size: 12px;
  vertical-align: top;
}

#status{
	font-size:12px;
	text-align:right;
	text-decoration:underline;
	color:#FFFFFF;
	margin-right:15px;
}

#status a{
	color:#FFFFFF;
}

#status a span{
	font-weight:bold;
	font-size:14px;
}

#bottom {
	width:850px;
	font-size:12px;
	margin:auto;
	display:block;
	margin-bottom:10px;
	margin-top:0px;
}

#bottom p {
	margin-left:40px;
	margin-top:0px;
}

#zpet {
	font-size:14px;
	width:960px;
	height:16px;
	margin-left:700px;
}


.prv {
  width: 100px;
  z-index: 0;
  float:left;
  margin-right: 5px;
  height:200px;
}

.prev {
  width: 100px;
  height: 140px;

  background-repeat: no-repeat;
  background-color: white;
  text-align: center;
  
}

.kos {
  display: none;
  height: 20px;
  width: 100px;
  background: yellow;
  position: absolute;
  z-index: 0; 
  font-weight: bold;
  text-align: center;
}

.name {
  width: 100px;
  font-size: 12px;
  z-index: 2;
  color: #fcff00;
  
}                  

.price {
  width: 100px;
  height: 20px;
  display: none;
  z-index: 0;
  margin-top: 120px;
  position: absolute;
  background-color: yellow;
  font-weight: bold;
  text-align: center;
}

table#items td {
  vertical-align: top;
}

#alkohol, #nealko, #piva, #vina, #doplnky {
	float:left;
	width:850px;
}