body {
	background: #454545;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
	font: 0.75em Arial, sans-serif;
}
.clr{ clear: both; }
a.clra{ clear: left; padding-top: 1em; }
#main {
	width: 978px;
	height: auto;
	min-height: 500px;
	_height: 500px;
	background: #454545 url('../images/vlnky.jpg') no-repeat 13px 0px;
	border-top: 1px solid #454545;
	.border-top: none;
	margin: 0 auto;
	text-align: left;
}
table{
  border: 6px solid #3F3F3F;
  border-collapse: collapse;
}
th, td{
  text-align: left;
  vertical-align: top;
  padding: 0.5em 1em;
  border: 1px solid #3F3F3F;
  border-collapse: collapse;
 }
th{
 vertical-align: middle;
}
/* forms */
p.small { font-size: 80%; }
#text img.cal { float: none; margin-top: 1px; border: none; margin-left: 10px}
label{
  width: 9.5em;
  padding-right: 0.5em;
  display: block;
  float: left;
  text-align: right;
 }
fieldset{
 padding: 10px;
 border: 1px solid #7e7e7e;
 text-align: left;
 width: 400px;
}
legend{
 padding: 0.5em 2em 1em 2em;
}
input, select{
 border: 1px solid #c0c0c0;
 margin-top: 1px;
 width: 130px;
}
input.date { width: 104px; }
select {
  width: 134px;
}
input.noborder{ border: 0px solid #c0c0c0; width: 1em;}
input.odeslat{
  border: none;
	width: 105px;
	height: 28px;
	}
input.odeslatdotaz{
  border: none;
	width: 157px;
	height: 28px;
	}	
textarea { 
 width: 390px;
 	font: 1.2em Arial, sans-serif;
 }	
.required {
	background: #fff url(../images/required.gif) top right no-repeat;
}
.invalid {
	background: #fff url(../images/wrong.gif) top right no-repeat;
	color: red;
}
select.required {
	background: #fff url(../images/required.gif) top left no-repeat;
}
select.invalid {
	background: #fff url(../images/wrong.gif) top left no-repeat;
	color: red;
}

/* forms end*/
/* contentpages */
b{ 
 display: block;
 float: left;
 width: 4em;
 font-weight: normal;
 
 }
 b.innews{ 
 display: block;
 float: left;
 width: 7em;
 font-weight: bold;
 
 }
#leftmenu{
  width: 163px;
  height: auto;
  min-height: 300px;
  _height: 300px;
  margin-top: 20px;
  background: url('../images/lm_trajekty.jpg') no-repeat;
  float: left;
  margin-left: 15px;
  _margin-left: 0;

}
#leftmenu ul{
  background: url('../images/bgr_leftmenu.gif') repeat-x left 19px;
  margin: 155px 0 20px 0;
  padding: 5px 0 0 0;
  height: auto;
  min-height: 130px;
  _height: 130px;
  list-style-type: none;

}
#leftmenu ul li{
  height: auto;
  margin: 0 5px;
  border-top: 1px solid #474747;
    text-align: left;
  padding: 5px;
}
#leftmenu ul li a{
  color: #fff;
  text-decoration: none;
}
#leftmenu ul li.first{
  border-top: 0;
  position: relative;
  height: 19px;
  padding: 0;


} 
#leftmenu ul li.first span{
  position: absolute;
  display: block;
  width: 163px;
  height: 19px;
  background:  url(../images/lm_tx_trajekty.jpg) no-repeat;
  top: 0;
  left: 0;
  text-decoration: none;
  cursor: pointer;
  margin: -5px 0 0 -5px;
} 
#leftmenu ul li a:hover{
  font-weight: bold;
  text-decoration: underline;
} 
#leftmenu ul li.first a:hover{
  text-decoration: none;
} 

#text{
   float: left;
   margin-left: 20px;
   width: 750px;
   margin-top: 20px;
   padding-bottom: 1em;
}

#text h2{
 margin-top: 0;
 font-weight: normal;
 font-size: 170%;
}
#text h3{
 margin-bottom: 0.5em;
 font-weight: normal;
 font-size: 140%;
}
#text h4{
 margin-bottom: -0.5em;
 font-weight: normal;
 font-size: 130%;
}
#text h2 { color: #059cc6;}

#text img{
 border: 1px solid #787878;
 padding: 2px;
 float: right;
 margin-left: 2em;
 margin-right: 1em;
}
#text img.left{
 border: 1px solid #787878;
 padding: 2px;
 float: left;
 margin-right: 1em;
 margin-left: 0;
}
.blok{
 width: 200px;
 float: left;
}
.blok p{
 margin-top: 0;
}

/* contentpages */

h1 {
	display: block;
	position: relative;
	float: left;
	width: 114px;
	height: 66px;
	padding: 0;
	margin: 0 0 0 13px;
	font-size: 110%;
	background: transparent;
	text-align: center;
}
h1 em{
  line-height: 1em;
  font-size: 10px;
}
h1 a {
	color: #fff;
	text-decoration: none;
	height: 66px;
	line-height: 20px;
}
h1 span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 114px;
	height: 66px;
	margin: 0;
	padding: 0;
	background:  url('../images/logo.jpg') no-repeat;
	cursor: pointer;
  text-decoration: none;
}
.trajekty, .golf, .zajezdy {
	width: 296px;
	height: auto;
	min-height: 300px;
	_height: 300px;
	padding: 0;
	margin: 13px 0 0 17px;
	float: left;
	background:  url('../images/home_box.jpg') repeat-x 0 172px;
	.margin-bottom: -30px;
	_margin-bottom: 0;
}
.trajekty {
	_margin-left: 0px;
}
.kontakt, .arkatalog, .dotaz, .dotaz2, .akce, .konf {
	width: 310px;
	.width: 315px;
	_width: 305px;
	height: auto;
	min-height: 90px;
	_height: 90px;
	margin: 10px 0 0 10px;
	float: left;
	background:  url('../images/points.gif') repeat-y  right;
}

.arkatalog, .akce {
	width: 315px;
	.width: 310px;
	_width: 315px;
	margin: 10px 0 0 0;
}
.trajekty p, .golf p, .zajezdy p {
	margin: 1em;
}
.trajekty h2, .golf h2, .zajezdy h2 {
	display: block;
	position: relative;
	float: left;
	width: 296px;
	height: 172px;
	padding: 0;
	margin: 0 0 1em 0;
	font-size: 110%;
	background: #454545;
	text-align: center;
}
.trajekty h2 a, .golf h2 a, .zajezdy h2 a {
	color: #fff;
	text-decoration: none;
	line-height: 30px;
}
.trajekty h2 span, .golf h2 span, .zajezdy h2 span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 296px;
	height: 172px;
	margin: 0;
	padding: 0;
	background:  url('../images/trajekty.jpg') no-repeat;
	cursor: pointer;
}
.golf h2 span {
	background: url('../images/golf.jpg') no-repeat;
}
.zajezdy h2 span {
	background: url('../images/zajezdy.jpg') no-repeat;
}
#menu {
	display: block;
	height: 25px;
	background: url('../images/menu_bgr.jpg') repeat-x;
	margin-left: -476px;
	padding-top: 5px;
	width: 953px;
	_width: 953px;
	text-align: center;
	border-bottom: 1px solid #000;
	position: absolute;
	top: 101px;
	left: 50%;
	z-index: 1000;
}
#menu ul, #menu li {
	padding: 0;
	height: 25px;
}
#menu ul {
	font-size: 12px;
	margin: 0 173px 0 173px;
	_margin: 0 65px 0 66px;
	border-right: 1px solid #8a8a8a;
	height: 25px;
}
#menu li {
	position: relative;
	display: block;
	width: 100px;
	float: left;
	border-left: 1px solid #8a8a8a;
	background: url('../images/grey.gif') repeat-x left bottom;
}
#menu li.superlong{
 width: 150px;
}
#menu li div {
	display: none;
	position: absolute;
	z-index: 2000;
	top: 25px;
	left: 0;
	background: #000;
	border: 1px solid #666666;
	margin-top: 3px;
 width: 160px

}
#menu li div.hide{
 visibility: hidden;
} 
#menu li.blue div, #menu li.orange div {
	width: 150px
}
#menu li.orange div {
  width: 130px;
}
#menu li.short div{
	width: 150px
}
 #menu li.superlong div{
	width: 170px
}
#menu li.long div {
	width: 150px
}
#menu li.last div{
  width: 200px;
  }
#menu li div span {
	line-height: normal;
}
#menu li div span a {
	line-height: 1.65em;
	margin-left: 0px;
	padding: 3px 10px;
	font-size: 11px;
	background: #131313 url('../images/div_a.gif') no-repeat 10px bottom;
	 text-align: left;
}
#menu li div span.end a {
	background: #131313;
}
#menu li div span a:hover {
	background: #000 url('../images/div_a.gif') no-repeat 10px bottom;
	text-decoration: underline;
}
#menu li div span.end a:hover {
	background: #000;
	text-decoration: underline;
}

#menu li.short {
	width: 90px;
	background: url('../images/green.gif') repeat-x left bottom;
}
#menu li.orange {
	background: url('../images/orange2.gif') repeat-x left bottom;
	  width: 130px;
}
#menu li.blue {
	background: url('../images/blue.gif') repeat-x left bottom;
}
#menu li.long {
	width: 130px;
	background: url('../images/yellow.gif') repeat-x left bottom;
}
#menu li.yellow {
	width: 130px;
	background: url('../images/yellow.gif') repeat-x left bottom;
}
#menu li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 20px;
	line-height: 25px;
	border-left: 1px solid #000000;
	
	background: url('../images/menu_bgr.jpg') repeat-x 0 -5px;
}
#menu li a:hover {
	background: none;
	cursor: pointer;
}
#content {
	margin-top: 100px;
	.margin-top: 101px;
	.margin-bottom: 0px;
	width: 953px;
	_width: 936px;
	margin-left: 13px;
	padding-top: 25px;
	padding-bottom: 0;
	_padding-left: 17px;
	height: auto;
	min-height: 350px;
	_height: 350px;
	border-bottom: 1px solid #161616;
	background:  url('../images/content_bgr_new.jpg') repeat-x 0 32px;
}
.trajekty p.more, .golf p.more, .zajezdy p.more {
	margin-top: 0;
	text-align: right;
}
.trajekty p.more a, #down a {
	color: #059cc6
}
.golf p.more a {
	color: #4bdf00
}
.zajezdy p.more a {
	color: #FE7E00
}
p.more a:hover, #down a:hover {
	text-decoration: none;
}
#book {
	background:  url('../images/katalog.jpg') no-repeat 508px bottom;
	padding: 0 0 0 0;
	_height: 100px;
}
#nebook{
	padding: 0 0 0 0;
	_height: 100px;
}
#aroundown {
	border-top: 1px solid #585858;
	padding: 5px 0 2px 0;
	margin: 0;
	.margin-top: -1px;
	_margin-top: 0;
	_height: 100px;
}
#down {
	padding: 0;
	clear: both;
	_margin: 0 -1px 0 -20px;
	border-top: 1px solid #161616;
	background:  url('../images/box_bgr_inverse.jpg') repeat-x left bottom;
	_height: 100px;
}
#down h2 {
	margin: 0;
	float: left;
	color: #059cc6;
	font-size: 110%;
	margin-left: 20px;
}
#down .arkatalog h2, #down .akce h2 {
	margin-left: 22px;
	_margin-left: 12px;
}
#down .kontakt h2 {
	_margin-left: 10px;
	width: 220px;

}
#down .konf h2 {
	_margin-left: 10px;
	width: 115px;

}
.contact, .contact2 {
	margin-left: 10px;
	 padding-bottom: 0.5em;

	width: 150px;
	float: left;
}
.contact{
	width: 270px;
		margin-left: 20px;
}

.clear{
  clear: left;
  margin-left: 20px;
}

.contact2{
	margin-left: 20px;
  width: 150px;
}
.helpme{
  background: url(../images/helpme.gif) repeat-x left bottom;
  cursor: help;
}
.katalog, .achtung {
	_margin-bottom: -1em;
	float: left;
	margin-left: 20px;
	width: 270px;
	text-align: center;
	height: 7.5em;
	_height: 8em;
}

.katalog2 {
	_margin-bottom: -1em;
	float: left;
	margin-left: 5px;
	width: 270px;
	text-align:center;
	height: 7.5em;
	_height: 8em;

}
.dotaz, .dotaz2 {
	_margin-bottom: -1em;
	width: 300px;
	float: right;
}
.dotaz2 {
	width: 300px
}
.dotaz2 a {
	width: 104px;
	height: 28px;
	background: #1a7ead ;
	display: block;
	position: relative;
 
	text-decoration: none;
	margin-top: 5px;
	text-align: center;
	color: white;
}
.katalog a,  a.odeslat_grey{
	width: 105px;
	height: 28px;
	background: #1a7ead;
	color: #fff;
	display: block;
	position: relative;
	text-decoration: none;
	margin: 19px auto 0 auto;
	line-height: 28px;
	text-align: center;
	color: white;
}
.katalog2 a{
	margin: 19px auto 0 auto;
}

a.odeslat_grey{
	background: #404040;
	margin-left: 0px;
}


a.odeslat_grey span {
	position: absolute;
	display: block;
	width: 105px;
	height: 28px;
	background: url('../images/odeslat_grey.jpg') no-repeat;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
	color: #fff;
}
#down .katalog2 span {
	background: url('../images/kontaktovat.jpg') no-repeat;
	width: 104px;
}
.contact p {
	margin: 0;
	padding: 0;
	float: left;
}
.contact img{
 border: none;
 float: right;
}
.clearer {
	clear: both;
	margin: 0;

	padding: 0;
	height: 0;
	font-size: 0;
}
#footer {
	clear: both;
	height: 30px;
	line-height: 30px;
	width: 953px;
	margin: 0 auto;
	_margin: -2px auto 0 auto;
	text-align: center;
	color: #999999;
	font-size: 90%;
  border-top: 1px solid #4b4b4b;
	background: #454545 url('../images/footer.jpg') repeat-x;
}
#footer a {
	color: #999999;
	margin: 0 5px;
}
#footer a:hover, #text a:hover{
	text-decoration: none;
}
#footer span {
	display: block;
	float: right;
	margin-right: 0.5em;
}
#footer div {
	float: left;
	margin-left: 1em;
}
#down .dotaz2 h2 {
	margin-left: 5px;
	_margin-left: 0px
}
#down .dotaz2 {
	background: none;
	background: url(../images/obalka.jpg) no-repeat 160px bottom;
}
div.clearer{ clear: both; background: transparent; }
div.arkatalog div.katalog a span, div.dotaz2 div.katalog2 a span {
	position: absolute;
	display: block;
	width: 105px;
	height: 28px;
	background:  url('../images/objednat.jpg') no-repeat;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
	color: #fff;
}
.katalog2 p{  
  margin-top: 1em;
  float: left;
  width: 85px;
}
#text .new_window_link img, #footer .new_window_link { width: 11px; height: 9px; border: 0; float:none; padding: 0; margin-left: 0.3em;}
 
.rightcolumn{
 float: right;
 width: 240px;
 margin-left: 2em;
 border-left: 1px solid #3F3F3F;
 padding-left: 1em;
}
.leftcolumn{
 float: lrft;
 margin-right: 270px;
}
#text .rightcolumn a img.left{
  border: none;
  float: left;
  margin: 0 1em 0 0;
}
#text .rightcolumn p img.left{
  margin: 0 10px 1em 0;
} 
#text .rightcolumn  p{
  clear: left;
}
.center{
  text-align: center;
}
.specialeft, .specialright{
  clear: left;
  padding: 0.2em;
  margin-top: 1em;
  float: left;
  width: 45%;
}
.specialright{
  float: right;
  margin-right: 5%;
}
.specialeft h4, .specialright h4{
  margin-left: 120px;
  margin-bottom: 0;
  margin-top: 0;
}
.specialeft p, .specialright p{
  margin-left: 120px;
  margin-bottom: 0em;
  margin-top: 0.5em;

}
iframe{
border: none;
}
.achtung a img{
 
 border: 0px solid #787878;
 margin-left: 10px; 
 margin-top: 10px;
 
  
}
#text div.image{
 float: left;
 width: 70px;
 margin: 0 1em 0 0;
}
#text div.image img{
 floaT: none;
  margin: 0;
}
#text .news p{
  clear: none;
}
#text .news{
  margin-right: 10px;
  width: 230px;
}
#text .news p.date{
  margin: 0;
  min-height: 80px;
  height: auto;
  _height: 80px;
}
#text .news a.notnow, #text .news a.now{
 display: block;
 float: left;
 width: 1.3em;
 height: 1.3em;
 text-align: center;
 border: 1px solid #3F3F3F;
 background: #535353;
 margin-left: 1px;
 
 
}
#text .news a.now{
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}
#text .news .pager{
 float: left;
 line-height: 1.3em;
 padding-right: 1em;
}
#text .news .pagertop{
  border-top: 1px solid #3F3F3F;
  margin-top: 1em;
  padding-top: 1em;
}
strong.tab{
  float: left;
  display: block;
  width: 5em;
}
.novinka{
 width: 350px;
 margin: 0px 10px 0x 0;
 padding: 15px 0 0 0;
 float: left;
 clear: left;
 height: auto;
 min-height: 90px;
 _height: 60px;
 background: transparent url('../images/homebox2.jpg') repeat-x left top;
}
.novinka h4{
 margin-top: 0;
}
.konec{
 clear: none;
  margin-right: 0;
  margin-left: 20px;
}
.newsdiv{
 clear: left;
 
}
#text img.newsimg{
 float: left;
 margin-right: 1.5em;
 margin-bottom: 1.5em;
 margin-left: 0;
}
.mezi{
  
  margin: 0;
  .margin-top: -1em;
  padding: 0;

}
.mapy{
 border: 1px solid #3F3F3F;
 float: left;
 width: 155px;
 padding: 5px;
 margin: 0 10px 5px 0;
}
#text  .mapy img{
 margin: 0;
 
}
#text  .mapy img:hover{
 border: 1px solid #059cc6;
}
#overlay {
	display: none;
	top: 0;
	left: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background: #000;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	z-index: 100;
}

#printgalerie {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 4px solid #e0e0e0;
	z-index: 1000;
	display: none;
	background: #fff;
	padding: 10px;

}

input.small{
  width: auto;
  border: none;
}
fieldset.minusfont{
 font-size: 90%;
}