/* element */
body {
  font-family: Tahoma, Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, "Lucinda Grande", sans-serif;
  font-size: 75%;
  color: black;
  background: white url('gfx/body.png') repeat-x;
  }

h3, th {
  margin: 2px; padding: 1px 5px;
  font-size: .8em; color: rgb(130,130,128); text-align: left;
  }
a.box {
  margin: 0px; padding: 2px 5px;
  line-height: 16px; width: 80px;
  color: rgb( 150, 150, 150 );
  text-decoration: none;
  border: 1px solid rgb( 220, 220, 220 );
  background: white;
  }
a.box:hover {
  color: black;
  text-decoration: underline;
  background: rgb(245, 245, 242);
  }

p {margin: 0px 0px 10px 0px; line-height: 1.5em; text-indent: .8em; word-spacing: 3px;}
p:active{background: silver;}
/*p a {color: gray; text-decoration: none; border: 1px solid gray; padding: 0px 5px; background: white;}
p a:hover {color: black; text-decoration: underline; border: none;}*/
p a:visited {text-decoration: line-through; border: none;}

img {border: none;}

table {width: 100%; margin-bottom: 5px;}
td {text-indent: 2px; border: 1px solid white;}
p a, td a {color: gray; border: 1px solid transparent;}
p a:hover, td a:hover {color: white; background: rgb(100,100,110); border: 1px solid gray;}

ul.box {margin: 0px 0px 10px 0px; padding: 0px;list-style-type: none;}
ul.box ul {margin: 0px 0px 0px 25px; padding: 0px;}
ul.box ul li {list-style-type: square; margin: 0px; padding: 2px 0px;}
ul.error {font-size: .8em;}
ul.error li {font-weight: bold;color: red;}
ul.error ul li {color: black; font-weight: normal; font-size: 1.2em;}

table.form {margin: 10px 0px 0px 0px;}
table.form td {border: none;}
table.form td input.text, form textarea {width: 100%;}

input.text, form textarea {
  font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, "Lucinda Grande", sans-serif;
  background: url('gfx/input.png') no-repeat; border: 1px solid rgb(220,220,220);
  }

label {
  height: 18px; line-height: 18px;
  display: block;
  border: 1px solid rgb(220,220,220);
  background: rgb(235,235,235);
  }

/* id */
#container {
  width: 697px;
	margin: 0px auto;
	text-align: left;
  background: transparent url('gfx/container.png') repeat-y;
  }

#navigation {
  width: 174px; height: 158px; margin: 0px;
  margin-left: 4px;
  float: left;
  }
#navigation h1 {
  width: 174px; height: 158px; margin: 0px;
  background: transparent url( 'gfx/tm.png' ) no-repeat;
  }
#navigation h1 a {
  width: 174px; height: 158px; display: block;
  text-decoration: none; text-indent: -2000px;
	overflow: hidden;
  }

#header {
  height: 97px; width: 515px; margin-right: 4px;
  float: right;
  background: transparent url('gfx/vinarstvi.png') no-repeat;
  }

#content {
	width: 480px;
	margin: 0px 0px 5px 180px;
	padding: 10px;
	border: 1px solid rgb( 224, 225, 220 );
	background: rgb( 245, 245, 243 ) url('gfx/bg_tm.png') no-repeat center center;
	clear: right;
  }
#content h2 {
  width: 23px; height: 130px; text-indent: -2000px;
  margin: 350px 0px 0px -40px;
  float: left;
  position: relative;
  z-index: 5;
  }

#lang {
  padding-top: 76px; width: 515px; height: 16px;
  background: transparent url('gfx/lang.png') repeat-x 0px 76px;
  text-align: center;
  }
#lang ul {
  height: 16px; width: 515px; margin: 0px; padding: 0px;
  list-style-type: none;
  background: transparent url('gfx/hrozen.png') no-repeat;
  }
#lang ul li {
  width: 80px; margin: 0px; padding: 0px;
  display: inline;
  float: right;
  border-left: 1px solid rgb( 220, 220, 220 );
}
#lang ul li a {
  height: 15px; width: 80px;
  line-height: 15px;
  display: block;
  text-decoration: none;
  color: rgb( 200, 200, 200 );
  }
#lang ul li a:hover {
  text-decoration: underline;
  color: black;
  background: rgb( 245, 245, 242 );
  }

#footer {color: rgb(200,200,196); font-size: 9px; text-align: center;}
#footer a {text-decoration: none; color: rgb(200,200,196);}
#footer a:hover {text-decoration: underline; color: white;}
#footer .right {text-align: right;}
#footer .left {text-align: left;}
#about {height: 18px; padding: 0px 10px; background: transparent url('gfx/footer.png') no-repeat;}
#links {text-align: right; padding-top: 5px; background: white; }
#links ul {margin: 0px; padding: 0px; list-style-type: disc;  }
#links ul li {margin: 0px; padding: 0px; display: inline;}

#menu {}
#menu ul {
  list-style-type: none; height: 181px; margin-left: 14px; padding: 1px 0px;
  background: transparent url('gfx/mn_line.png') no-repeat 0px 0px;
  }
#menu ul li {}
#menu ul li a {display: block; width: 130px; height: 30px;}
#menu ul li a:hover { background-position: 0px -30px; }
#menu a { text-decoration: none; text-indent: -8000px; overflow: hidden;}

/* class */
.clear {clear: both;}

/* gallery */
.thumb {width: 112px; height: 112px; background: url('gfx/thumb.png') no-repeat; margin: 0px 0px 5px 3px;}
.thumb .th_land {margin: 13px 0px 0px 1px;}
.thumb .th_port {margin: 1px 0px 0px 13px;}
.thumb, .th_land, .th_port {text-align: left;}
.th_land { width: 110px; height: 86px; background: url('gfx/th_land.png') no-repeat;}
.th_port { width: 86px; height: 110px; background: url('gfx/th_port.png') no-repeat;}
.th_land img, .th_port img {padding: 7px 0px 0px 7px;}

.image {width: 476px;}
.image a.port, .image a.land {display: block;}
.image a.port { height: 476px; width: 361px; margin: 1px 0px 0px 60px; background: url('gfx/img_port.png') no-repeat; }
.image a.land { height: 361px; width: 476px; margin: 58px 0px; background: url('gfx/img_land.png') no-repeat;}
.image img {margin: 7px 0px 0px 7px;}
.image ul {height: 16px; margin: 0px; padding: 0px; list-style-type: none;}
.image ul li {
  height: 16px; margin: 0px; padding: 0px;
  line-height: 16px;
  text-align: center;
  color: rgb( 150, 150, 150 );
  }
.image ul li.desc, .image ul li.back {
  min-width: 80px; margin: 0px;
  border: 1px solid rgb( 220, 220, 220 );
  background: white;
  overflow: hidden;
  }
  .image ul li.desc { padding: 0px 2px; }
.image ul li.desc {float: left; color: white; background: rgb(70, 68, 70);}
.image ul li.back {float: right;}
.image ul li ul {float: right; margin-right: 10px;}
.image ul li ul li {
  width: 20px; margin: 0px 1px;
  float: left;
  border: 1px solid rgb( 220, 220, 220 );
  background: white;
  }
.image ul a {
  line-height: 16px; color: rgb( 150, 150, 150 );
  text-decoration: none;
  display: block;
  }
.image ul a:hover {
  color: black; text-decoration: underline; background: rgb(245, 245, 242);
  }
.image ul li ul a:visited {text-decoration: line-through;}
.image ul li.active {border: 1px solid rgb( 160, 160, 160 );}
.image ul li.active a {color: black;}
.image ul li.active a:hover {text-decoration: none; background: white;}

.info {
  border: 1px solid rgb(220, 220, 220);
  background: white;
  }
.info ul {}
.info ul li {padding-left: 8px;}
.info ul li.box {line-height: 16px; color: white; background: rgb(100,100,110); border-bottom: 1px solid rgb(220,220,220);}
.info ul ul {margin-bottom: 10px;}
.info p {margin: 5px;}

/* other */
.hidden {display: none;}
.right {float: right; margin-left: 5px;}
.left {float: left; margin-right: 5px;}

.num {text-align: right;}
.row2 {background: white;}
.b {font-weight: bold;}

.font2 {font: normal 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;}
.sto {width:100px;}
.pcs {width: 25px; text-align: right}
.block {display: block;}
.noind {text-indent: 0px;}

form {margin-bottom: 8px;}