/* CSS Document */

body { 
	background : #191919 url('../images/bg.jpg') top center; 
	font-family : Verdana, sans-serif; 
	font-size : 12px; 
	color : #a4a4a4; 
	text-align : center; 
	position: relative;
} 
html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}

img {border : none; vertical-align: middle;}
h1 {display : none;}
h2 {font-size: 24px; color: #fec841; font-family: tahoma, sans-serif; margin: 0;}
h3 {font-size : 15px; color : #a4a4a4;}
hr {display: none;}
.hr {background: url('../images/hr.jpg') no-repeat; width: 900px; height: 2px; border: none; margin: 10px;}
.help {color: #bd8400;}
.price {text-align: right;}
.helpTip {border-bottom: 1px dotted #bd8400; cursor: help;}

a {color : #bd8400; text-decoration : none;} 
a:hover { color : #fec841; text-decoration : underline;} 
form {padding: 0; margin: 0;}

#web {
  background: url('../images/top.png') top repeat-x;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  min-height: 100%;
  position: relative;
}

/* Opera 9.5  hack  */
@media all and (min-width: 0px){ 
  #web { 
     display: table;
	 height: 100% 
  } 
} 
/* Opera 9.5  hack */

#content { 
	margin : auto; 
	width : 920px; 
	position : relative; 
	text-align : left; 
	padding: 0 0 125px 0;
}
#menu {
  width: 900px;
  height: 68px;
  text-align: center;
}
#menu a{font-size: 11px; color: #bd8400; text-transform: uppercase; line-height: 68px;}
#menu a:hover{color: #fec841; text-decoration: underline;}
#menu ul {margin: 0 0 0 10px; padding: 0;}
#menu li {padding: 28px 30px 28px 28px; margin: 0; display: inline; background: url('../images/menu_li.png') right no-repeat;}
#menu li.noli {background: none;}

#logo { 
	background : url('../images/logo.jpg') no-repeat top center; 
	width : 920px; 
	height : 106px; 
}

#d_menu {
  background: url('../images/cont_top.png') top left no-repeat;
  width: 920px;
  height: 51px;
  margin: 0;
  padding-top: 10px;
}
#d_menu ul {width: 900px; margin: 0 0 0 10px; padding: 0; height: 39px; line-height: 39px;}
#d_menu li {padding: 10px 30px 10px 13px; display: inline; background: url('../images/arrow.png') right no-repeat;}
#d_menu li.noli {background: none; }

#main {
  background: url('../images/content.jpg') repeat-y;
  width: 920px;
  padding-bottom: 10px;
}
.center {
  width: 880px;
  margin: 0 20px 0 20px;
}
.center img {margin: 10px;}

.kon_center {
  width: 400px;
  margin: 0 20px 0 20px;
  line-height: 14px;
  float: left;
}
.kon_center p{width: 200px; float: left;}

#aktuality {width: 450px; float: left;}
.aktualita {background: url('../images/aktualita.png') top left repeat-y; width: 450px; padding-bottom: 20px;}
.datum {background: url('../images/datum.png') top left no-repeat; color: #fec841; position: relative; left: 0; top: 0; width: 54px; height: 18px; text-align: center;}
.text {width: 390px; margin: 15px 5px 0 54px;}

#kon_mapa {width: 450px; float: right;}
#kosik {
  width: 300px;
  height: 26px;
  line-height: 26px;
  text-align: right;
  float: right;
}

#kategorie {
  background: #131314; height: 18px; margin-left: 10px; border: 1px solid #2e2d2d; color: #ffffff; 
}

#nabidka {width: 880px; margin-top: 10px; padding: 0; border: none; border-collapse: collapse; font-size: 11px; color: #65a4b6;}
#nabidka th {background: #0b0b0c; margin: 0; height: 26px; font-weight: normal; color: #bd8400; text-align: center;}
#nabidka th.th_left {background: #0b0b0c url('../images/th_left.png') top left no-repeat; text-align: left; padding-left: 10px;}
#nabidka th.th_right {background: #0b0b0c url('../images/th_right.png') top right no-repeat; text-align: left;}
#nabidka tr.th_bottom {background: url('../images/th_bottom.png') bottom left no-repeat; height: 26px;}
#nabidka tr {height: 26px;}
#nabidka tr.tr1 {background: #131314; text-align: center;}
#nabidka tr.tr2 {background: #151516; text-align: center;}
#nabidka td {margin-top: 1px;}
#nabidka td.td_produkt {width: 330px; text-align: left; padding-left: 10px;}
#nabidka td.td_pocet {background: #0b0b0c url('../images/td_pocet.png') left no-repeat; width: 58px; padding-left: 8px;}
#nabidka td.td_pocet_t {background: #0b0b0c url('../images/td_pocet_t.png') left no-repeat; width: 58px; padding-left: 8px;}
#nabidka td.td_pocet_b {background: #0b0b0c url('../images/td_pocet_b.png') left no-repeat; width: 58px; padding-left: 8px;}
#nabidka td.td_pridat {background: #0b0b0c; text-align: center;}
#nabidka td.total {text-align: right; font-weight: bold;}

.pocet {background: #131314; width: 58px; height: 18px; border: 1px solid #2e2d2d; color: #ffffff; text-align: center;}

#bottom {background: url('../images/bottom.png') left bottom no-repeat; width: 920px; height: 52px; margin-bottom: -50px;}

/*#heel {background: url('../images/heel.png') left bottom repeat-x; width: 100%; height: 77px; position: absolute; bottom: 0; left: 0; margin-top: 30px;}*/

#heel {
	height: 77px;
	width: 100%;
	position:absolute;
	left: 0;
	bottom: 0;
	text-align: left;
}
#heel .in {
	/*width: 920px;*/
	margin: 0 auto;
	height: 77px;
	background: #000 url('../images/heel.png') left bottom repeat-x;
	color: #ffcc00;
	text-align: center
}
#heel_in {
	width: 920px;
	margin: auto;
}
#heel_in_l {
	width: 350px;
	margin: 40px 0 0 10px;
	float: left;
	text-align: left;
	color: #65a4b6;
}
#heel_in_r {
	width: 520px;
	margin: 40px 10px 0 0;
	float: right;
	text-align: right;
}

/* O nas */
#au_text {
	width: 450px;
	float: left;
}

#au_img {
	width: 410px;
	float: right;
}