/* CSS Document */

html {
  height: 100%;
}

address {
  font-style: normal;
}

.printonly{
	display:none;
}


body {
  background-color: #6084A6;
  padding: 0;
  margin: 0;
  margin: 10px 0 10px 0;
  color: #000000;
  font-size: 8pt;
}
body, input, textarea, select {
  font-family: 'Tahoma', sans-serif;
}

a.out {
  color: #354F72; text-decoration: underline;
	background: url(../images/odkaz.gif) no-repeat 2px 3px;
	padding-left: 1.4em;
	text-decoration: underline;
}
a.out:hover {
	background: url(../images/odkaz2.gif) no-repeat 2px 3px;
	padding-left: 1.4em;
}

.c { text-align: center; }
.pad { padding: 0 0 0 10px; }
.pad2 { padding: 0 0 0 20px; }
.odkaz { color: #354F72; text-decoration: underline; border-style: none; }
.odkaz:hover { text-decoration: none; }

.odkaz img {
  border-style: none;
}

.novisibl { display: none; }
.clear { clear: both; height: 0; font-size: 0; padding: 0; margin: 0; }
.language { display: block; text-align: right; padding: 5px 5px 0 0; }
.language a { color: #ffffff; text-decoration: none; }
.language a:hover { text-decoration: underline; }
.fl { float: left; }
.border { border: 1px #6084A6 solid; }

ul.kola {
  list-style-type: circle;
}

.space {
  width: auto; height: 220px;
}

ul.nic {
  list-style-type: none;
}

div#container {
  width: 800px;
  position: absolute;
  left: 50%;
  padding: 0;
  margin: 0 0 0 -400px;
  background-image: url(../images/bg.gif);
  background-position: center top;
  background-repeat: repeat-y;  
  background-color: #ffffff;
}

div#obsah {
  width: auto;
  clear: both;
  border-right: 1px #516178 solid;
  background-color: #B9B5B2;
}

.back {
  clear: both;
  background-image: url(../images/bg.gif);
  background-position: center top;
  background-repeat: repeat-y; 
}

div#descript {
  float: right;
  text-align: right;
  width: 360px;
  padding: 30px 60px 0 0;  
}

div#descript span {
  color: #ffffff;
  font-size: 10pt;
  font-weight: normal;
}

p {
  line-height: 1.4em;
}

h1 { text-transform: uppercase; color: #ffffff; font-size: 13pt; font-weight: bold; margin: 0; }

div#top {
  width: 800px;
  height: 125px;
}

div#left {
  width: 250px;
  float: left;
  background-image: url(../images/bg.gif);
  background-position: left top;
  background-repeat: repeat-y; 
  background-color: #B9B5B2; 
}

div#topbottom {
  width: 250px;
  float: left;
  height: 180px;
  background-image: url(../images/top_bottom.gif);
  background-position: center top;
  background-repeat: no-repeat;
  background-color: rgb(5, 92, 209);
}

div#topleft {
  width: 250px;
  float: left;
  height: 125px;
  background-image: url(../images/top_top.gif);
  background-position: center top;
  background-repeat: no-repeat;
  background-color: rgb(5, 92, 209);
}

div#menu {
  width: auto;
}


div#obsahnews {
  width: auto;
  height: auto;
  padding: 15px 30px 25px 30px; 
}

ul.sub {
  position: absolute;
  top: 0; 
  left: 250px;
  z-index:10; 
  width: 290px !important;
	 
  visibility: hidden; 
  padding-bottom: 1em;
} 
ul.sub * {
	background-image: none !important;
}
li.mainHover ul.sub {
  visibility: visible;
} 

li {
  behavior: url(hover.htc);
}
.menu ul { position: absolute; width: 250px; }
.menu ul li { width: auto; } 
.menu ul, .menu ul.sub {list-style-type: none; margin: 0; padding: 0; }
.menu li, .menu ul.sub li {margin: 0; padding: 0; }
.menu .a1 {color: white; display: block; width: auto; _width: 86%; text-decoration: none; padding-left: 35px; height: 22px; }
.menu .a1:hover {
  color: #000000;
  background-image: url(../images/dot.gif);
  background-color: #D4D3D1;
  background-position: 220px 10px;
  background-repeat: no-repeat;
  }
.menu .a2 {color: white; display: block; width: auto; _width: 86%; text-decoration: none; padding-left: 35px; height: 22px;}
.menu .a2:hover {
  color: #000000;
  background-image: url(../images/dot.gif);
  background-color: #D4D3D1;
  background-position: 220px 10px;
  background-repeat: no-repeat; 
  }
.menu ul.sub {margin: 0; padding: 0; }
.menu ul.sub li {display: block; background-color: transparent; }
.menu ul.sub li .a1 {color: white; display: block; margin: 0; height: 25px; _width: 290px; padding-top: 6px; background-color: #B9B5B2; }
.menu ul.sub li .a1:hover {
  color: #000000;
  background-image: url(../images/dot.gif);
  background-color: #D4D3D1;
  background-position: 220px 10px;
  background-repeat: no-repeat;
}
.menu ul.sub li .a2 {display: block; margin: 0; height: 25px; _width: 290px; background-color: #B9B5B2; }
.menu ul.sub li .a2:hover {
  color: #000000;
  background-image: url(../images/dot.gif);
  background-color: #D4D3D1;
  background-position: 155px 10px;
  _background-position: 165px 10px;
  background-repeat: no-repeat;
}

.menu ul li.main .a1 {color: white; display: block; padding-left: 35px; padding-top: 6px; }
.menu ul li.main .a1:hover {color: black;}
.menu ul li.main .a2 {color: white; display: block; padding-left: 35px; padding-top: 6px; }
.menu ul li.main .a2:hover {color: black;}
.menu ul li.main {position: relative; background-color: transparent;}
.menu ul li > ul.sub {position: absolute; top: 0; left: 250px; z-index:10; width: 170px; visibility: hidden; _margin-left: -20px; }
.menu ul li.main:hover ul.sub {visibility: visible;}


div#news {
  position: absolute;
  margin: 432px 0 0 0;
  z-index: 20;
  width: 248px;
  height: 208px;
  border-left: 1px #EFEFED solid;
  border-right: 1px #EFEFED solid;
  background-image: url(../images/bg_news.gif);
  background-color: #ffffff;
  background-position: center top;
  background-repeat: repeat-x;
}

div#topright {
  width: 550px;
  float: left;
  height: 125px;
  background-color: #23436C;
}

div#header {
  width: auto;
  height: 180px;
}

div#text {
  width: auto;
  /*background-color: #ffffff;*/
  clear: both;
}

h3 {
  font-size: 10pt;
  color: #23436C;
}

.modra { color: #23436C; }

div#nadpis {
  width: 549px;
  float: left;
  height: 180px;
  background-image: url(../images/bg_telo.gif);
  background-position: center top;
  background-repeat: repeat-x;
  background-color: #ffffff;
}

h2.logo {
  display: block;
  width: auto;
  height: 40px;
  color: #354F72;
  font-size: 12pt;
  padding: 20px 110px 0 0;
  _margin: 20px 0 0 0;
  background-image: url(../images/logo.gif);
  background-position: right center;
  background-repeat: no-repeat;
  text-transform: uppercase;
}

div.odsazeni {
  width: auto;
  height: auto;
  padding: 0 60px 0 70px;
}

div.tabulky table {
  width: 100%;
}

div.tabulky table td {
  vertical-align: top;
}

div#telo {
  width: auto;
  min-height: 440px;
  _height: 440px;
  line-height: 1.6em;
  background-color: #ffffff;
}

table td {
  font-size: 8pt;
}

div#right {
  width: 549px;
  float: right;
  background-color: #ffffff;
}

div#foot {
  width: auto;
  text-align: right;
  border-top: 2px #DCDBD7 solid;
  height: 30px;
  color: #CAC9C5;
  margin: 0 70px 0 310px;
}

div#foot a {
  color: #CAC9C5;
  text-decoration: underline;
}

div#foot a:hover {
  text-decoration: none;
}

div#footer {
  clear: both;
  background-image: url(../images/bg.gif);
  background-position: center top;
  background-repeat: repeat-y;   
  background-color: #ffffff;
  width: auto;
}

/* registration */

form.registration input.input, form.registration textarea.textarea {
	width: 250px;
	font-size: 11px;
	border: 1px solid gray;
	padding: 2px;
	background: white url(../images/input.background.gif) repeat-x 1px 1px;
	_background-attachment: fixed;
}
form.registration input.input.error, form.registration textarea.error {
	border: 1px solid red !important;
}
form.registration input.input:hover, form.registration textarea.textarea:hover{
	border-color: black;
}
form.registration h3{
	padding-top: 15px;
}

form.registration label {
	display: -moz-inline-box;
	display: inline-block;
	width: 130px;
	color: black;
	vertical-align:top;
	margin-right: 15px;
}
form.registration p {
	margin-top:5px;
	margin-bottom:5px;
}
form.registration input.small{
	width: 100px;
}
form.registration input.mili{
	width: 70px;
}
form.registration input.middle{
	width: 216px;
}
form.registration input.micro{
	width: 25px;
}
form.registration table {
	width:400px;
	margin-bottom:30px;
}
form.registration table th {
	text-align: left;
}
form.registration table th, form.registration table td{
	padding: 4px;
}
form.registration table tbody th {
	background-color:#6084a6;
	color:white;
	padding: 2px 4px 2px 4px;
}
form.registration table thead td {
	background-color: #F0F0F0 ;
}
form.registration table tbody td {
	background-color: #F0F0F0;
}
form.registration table tbody td.subtotal {
	background-color: #cecece;
	text-align: right;
	padding-right: 15px;
	white-space: nowrap;	
}
form.registration table tfoot th {
	font-size:12px;
}
form.registration table tfoot td.subtotal {
	background-color: gray;
	font-weight: bold;
	color:white;
	text-align: right;
	padding-right: 15px;	
}

form.registration input.submit {
	background: #1c5991 url(../images/button.background.gif) repeat-x;
	border: 1px solid #1c5991;
	=border: 1px solid silver;
	padding: 2px;
	
	color:white;
	font-size: 12px;
}
form.registration input.reset {
	background: #1c5991 url(../images/reset.background.gif) repeat-x;
	border: 1px solid #1c5991;
	=border: 1px solid silver;
	padding: 2px;
	
	color:white;
	font-size: 12px;
	text-align: center;
}
button.calendar {
	background: #1c5991 url(../images/button.background.gif) repeat-x;
	border: 1px solid #1c5991;
	=border: 1px solid silver;
	padding: 2px;
	margin-left: 2px;
	margin-top: 2px;
	color:white;
	font-size: 12px;
}
button.calendar img {
	margin: 0;
	padding: 0;
}

td.na {
	background-image: url(../images/na.gif); 
}
form.registration table td.cost {
	text-align: right;
	padding-right: 15px;
}
form.registration table td.unsigned {
	text-align: right;
	background-color: #C4C4C4;
}
form.registration select {
	background-color:#d2d2d2;
	font-size: 11px;
	border: 1px solid gray;

}

form.registration fieldset {
	margin: 0 0 10px 0 ;
	padding-left:5px;
	position: relative;
	left:-7px;
}
form.registration fieldset legend{
	font-weight: bold;
}
form.registration span.label  {
	display:block;
	margin-left:23px;
}
form.registration span.label span  {
	_padding-left:3px;
}
form.registration input.invisible {
	border: none;
	background: none;
	text-align: right;
	width: 30px;
	font-size: 11px;
	padding: 2px;
}

form.registration .currint {
	background-color: #CECECE;
}
form.registration .inputvalue {
	font-weight: bold;
}
form.registration p.buttons {
	text-align: center;
	background-color:#F0F0F0;
	border: 1px solid silver; 
	padding: 6px ;
	margin-top: 30px;
	margin-bottom: 20px;
}
form.registration tr.selected td {
	background-color: #ffef3c;
}
form.registration tr.selected th {
	color: #ffef3c;
}
img.roll {
	float: right;
	margin: 4px ;
}
tr.hidden {
	display: none;
}
a.hotelinfo {
	color: white;
	text-decoration: none;
}
a.hotelinfo:hover {
	color: #ffef3c;
	text-decoration: underline;
}

div#hotelhint {
	display: block;
	position: absolute;
	top: -40px;
	left: -350px;
	background-color: white;
	border: 1px solid gray;
	z-index: 50;
	padding: 10px;
}
.multiplehotelname div#hotelhint{
	left: -300px;
}
.multiplehotelname {
	position: relative;
}
div#hotelhint iframe{
	width: 250px;
	height: 300px;
}
.rowcontroll {
	position: relative;
}
tr.hotel_full td{
	color:gray !important;
}
tr.hotel_full th{
	background-color:gray !important;	
}

/* ssl cert */

#ssl {
	position: absolute;
	top: 290px;
	left: 640px;
}

/* Notes */
.note {
	display: block;
	padding: 5px 5px 5px 30px;
	background-position: 7px 7px;
	background-repeat: no-repeat;
	background-color: #FFEDA9;
	margin: 20px 0 10px 0 !important;
	border: 1px solid #E5B700;
	
}
.note.privacypolicy {
	width: 367px;
	background-color: #F0F0F0;
	background-image: url(../images/lock.gif);
	border-color: #C0C0C0;
	font-size: 11px;
	color: gray;
	margin-bottom: 0;
	margin-top: 40px !important;
	clear: both;
}