body {
	font-size: 83%;
  font-family: Arial, 'Arial CE', Verdana, 'Verdana CE', Tahoma, 'Tahoma CE', sans-serif;
	color: #000000;
	line-height: 3ex;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #ffffff;
	background: url(../images/globalbg.gif);
}

#top {
	margin: 0px auto;
	padding: 0px 8px;
	width: 774px;
	height: 116px;
	text-align: left;
	background: url(../images/topbg.png) repeat-y;
	margin-top: 15px;
}

#top_inside {
  position: relative;
	margin: 0px;
	padding: 0px;
	border: 1px solid #373535;
	width: 772px;
	height: 114px;
	text-align: left;
	background: #bdbfc1;
}

#main {
	margin: 0px auto;
	padding: 0px 8px;
	width: 774px;
	text-align: left;
	background: url(../images/mainbg.png) repeat-y;
}

#menu_area {
  position: relative;
	margin: 0px;
	padding: 0px;
	width: 774px;
	height: 108px;
	z-index: 10;
}

#menu {
  position: absolute;
  top: 0px;
  left: 0px;
	margin: 0px;
 	padding: 0px 20px;
	border-left: 1px solid #c7c9cb;
	border-right: 1px solid #c7c9cb;
	border-top: 1px solid #7e7f81;
	background: url(../images/menubg.png) repeat-x;
	width: 732px;
	height: 25px;
 	z-index: 20;
}

#menu ul {
  padding-left: 100px;
  margin: 0px;
	list-style-type: none;
}

#menu ul li {
	float: left;
	padding: 0px;
	list-style-type: none;
  behavior: url("http://www.agatelier.cz/hover.htc");
}

#menu ul a {
  display: block;
  line-height: 24px;
  vertical-align: middle;
	text-decoration: none;
	color: #000000;
	font-size: 10px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
}

#menu ul a:hover {
  background: url(../images/menuhover.gif) repeat-x;
 	text-decoration: none;
}

#menu ul a.selected {
  background: url(../images/menuhover.gif) repeat-x;
 	text-decoration: none;
}

#menu ul li .menucol {
  line-height: 24px;
  vertical-align: middle;
	font-size: 9px;
  text-transform: uppercase;
  padding-left: 6px;
  padding-right: 6px;
}

#menu ul ul {
  clear: both;
	width: auto;
  height: auto;
	margin: 0px;
  padding: 0px;
	text-align: left;
	position: absolute;
	visibility: hidden;
  background-image: none;
  background-color: #c7c9cb;
  border: 1px solid #7e7f81;
}

#menu ul ul a {
  display: block;
  width: auto;
  margin: 0px;
  padding: 3px 15px;
  font-size: 11px;
 	text-transform: none;
 	font-weight: normal;
  line-height: normal;
  border: none;
  background: none;
}

#menu ul ul a:hover {
  text-decoration: underline;
  background-image: none;
}

#menu ul ul a.selected {
  text-decoration: underline;
  background-image: none;
}

#menu ul li:hover ul, #top_menu ul li.hover ul {
  visibility: visible;
}

#menu li li {
  float: none;
	border: none;
	padding: 0px;
	margin: 0px;
  background: #c7c9cb;
}

#menu_area #logo {
  position: absolute;
  top: 26px;
  left: 0px;
	margin: 0px;
	padding: 0px;
 	background: url(../images/logo.gif);
	width: 122px;
	height: 82px;
}

#menu_area #logo a {
  display: block;
	margin: 0px;
	padding: 0px;
  width: 122px;
	height: 82px;
}

#menu_area #texture {
  position: absolute;
  top: 26px;
  left: 122px;
	margin: 0px;
	padding: 0px;
 	background: url(../images/texture.gif);
	width: 652px;
	height: 82px;
}

#menu_area #crumbs {
  position: absolute;
  top: 36px;
  left: 136px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	width: 450px;
	height: 20px;
}

#menu_area #search {
  position: absolute;
  top: 36px;
  right: 15px;
	padding: 0px;
  margin: 0px;
}

#menu_area #search input {
  float: left;
	border: 1px solid #8e9092;
	width: 140px;
	height: 16px;
	line-height: 16px;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

#menu_area #search input.button {
	border: 0px;
	width: 18px;
	height: 18px;
	padding-left: 4px;
}

#content {
  position: relative;
	padding: 0px;
	margin: 0px;
	width: 774px;
  min-height: 350px;
	_height: 350px;
	background: url(../images/contbg.png) repeat-y;
}

#content_box {
  background: url(../images/agbg.gif) 98% 96% no-repeat;
}

#left_part {
  float: left;
  position: relative;
	padding: 10px 0px;
	margin: 0px;
	width: 122px;
  background: #e6e7e8;
}

#left_part #left_end {
  position: relative;
	padding: 0px;
	margin: 0px;
	width: 122px;
	height: 352px;
  background: url(../images/leftbg.gif);
}

#left_part #left_area {
  position: relative;
	padding: 0px 8px;
	margin-bottom: 10px;
	width: 106px;
	font-size: 10px;
}

#right_part {
  float: right;
  position: relative;
	padding: 15px;
	margin: 0px;
	width: 622px;
  background: transparent;
}

#footer {
  position: relative;
  margin: 0px auto;
	padding: 0px;
	width: 790px;
	height: 35px;
 	background: url(../images/footer.png);
}

#page_end {
  margin-bottom: 10px;
}

#footer #text {
  position: absolute;
  right: 25px;
  top: 0px;
 	font-size: 10px;
}

#footer a {
  color: #ffffff;
}

.displayNone {
	display: none;
}

.cleaner {
  clear: both;
  height: 1px;
  margin: -1px 0px 0px 0px;
  padding: 0px;
  border:none;
  visibility: hidden;
}

.news_head {
	padding: 1px 8px;
	margin: 5px 0px;
	font-weight: bold;
	background: #B4B4B4;
}

.title {
	padding: 2px;
	margin: 5px 0px;
	background: #A0A0A0;
}

.floatr {
  float: right;
}

.floatl {
  float: left;
}

a {
  color: #000000;
	text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

ul {
	list-style: square;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}

ul.lsnone {
	list-style: none;
}

li {
	margin: 0px;
	padding-bottom: 10px;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.top {
	vertical-align: top;
}

h1 {
	font-size: 170%;
	font-weight: normal;
	color: #646464;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

h2 {
	font-size: 150%;
	font-weight: normal;
	color: #646464;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

h3 {
	font-size: 120%;
	font-weight: normal;
	color: #646464;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

h4 {
	font-size: 100%;
	font-weight: bold;
 	color: #646464;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.small {
  font-size: 80%;
}

p {
	margin: 0px;
	padding: 0px;
}

.p5 {
	margin: 0px;
	padding-bottom: 5px;
}

.p10 {
	margin: 0px;
	padding-bottom: 10px;
}

form {
  margin: 0px;
  padding: 0px;
}

img {
  border: 0px;
}

img.pic {
  border: 2px solid #A0A0A0;
  padding: 1px;
}

img.pic_right {
  border: 2px solid #A0A0A0;
  padding: 1px;
  float: right;
  clear: both;
  margin: 5px 0px 5px 10px;
}

.line {
  clear: both;
	width: 100%;
	height: 2px;
	background-color: #373737;
	margin: 10px 0px;
  padding: 0px;
}

table {
  border: 0px;
}

tr, th, td {
	font-size: 100%;
  text-align: left;
}

table.linestyle {
  border: 1px solid #7c7c7c;
  border-collapse: collapse;
}

table.linestyle tr {
  cursor: pointer;
}

table.linestyle tr:hover {
  background: #d4d4d4;
}

table.linestyle td {
  border: 1px solid #7c7c7c;
 	line-height: normal;
}

table.linestyle th {
  border: 1px solid #7c7c7c;
  background: #f5eeb7;
 	line-height: normal;
}

table.linestyle td.right, th.right {
  text-align: right;
}

table.linestyle td a {
  display: block;
  text-decoration: none;
}

table.linestyle td a:hover {
  text-decoration: underline;
}

table.gallery {
  margin: 0px auto;
  border-collapse: separate;
  border-spacing: 4px;
}

table.gallery td {
  text-align: center;
  font-size: 10px;
  line-height: normal;
}

table.gallery td div {
  font-size: 10px;
  margin: 10px 0px;
  text-align: center;
}

.description {
  text-align: center;
  color: #000000;
  margin-bottom: 10px;
}

#remote_control {
  margin: 10px auto;
  padding: 0px;
  width: 150px;
  height: 22px;
}

a.remote_begin {
  float: left;
  display: block;
  padding: 0px;
	margin-right: 5px;
  width: 26px;
  height: 22px;
  background: url("../images/remote_begin.gif");
}

a.remote_prev {
  float: left;
  display: block;
  padding: 0px;
	margin-right: 5px;
  width: 26px;
  height: 22px;
  background: url("../images/remote_prev.gif");
}

a.remote_exit {
  float: left;
  display: block;
  padding: 0px;
	margin-right: 5px;
  width: 26px;
  height: 22px;
  background: url("../images/remote_exit.gif");
}

a.remote_next {
  float: left;
  display: block;
  padding: 0px;
	margin-right: 5px;
  width: 26px;
  height: 22px;
  background: url("../images/remote_next.gif");
}

a.remote_end {
  float: left;
  display: block;
  padding: 0px;
	margin: 0px;
  width: 26px;
  height: 22px;
  background: url("../images/remote_end.gif");
}