html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a, a:link, a:visited, a:active {
	color: #fff;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-both {
	clear: both;
}

body {
	font-family: Arial, Verdana, Helvetica;
  font-size: 62.5%;  
	color: #535c66;
	text-align: left;
	background: #000d1d url('../img/bg.gif') repeat-y center top;
}

#container {
	position: relative;
	display: block;
  width: 991px;
  margin: 0px auto;
  font-size: 1.1em; 
}

#content {
	position: relative;
	display: block; 
}

#content-head {
	position: relative;
	display: block;
  height: 90px;
}

#contact-top {
  float: left;
  padding: 15px 0px 0px 65px;  
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.2;
  background: url('../img/icon_phone.gif') no-repeat left top;  
}

#contact-top span {
  width: 100px;
  float: left;
}

#language-top {
  float: right;
  padding-top: 35px;
}

#language-top img {
  padding: 0px 3px;
}

.color {
  color: #dec174;
}

.color2 {
  color: #d5a758;
}

.color3 {
  color: #535c66 !important;
}

h1#logo {
  float: left;
  margin-left: 100px;
}

h1#logo span {
  display: none;
}

#navigation {
  clear: both;
	position: relative;
	display: block;
  height: 40px;
  border: 1px #4b545d solid;  
  background: url('../img/bg_navigation.gif') repeat-x left top;  
}

#navigation ul li {
  float: left;
}

#navigation ul li.line {
  width: 1px;
  height: 40px;
  border-left: 1px #1c2b40 solid;
}

#navigation ul li a {
  display: block;
	font-family: Arial, Verdana, Helvetica;
	text-align: center;
	font-size: 1.3em;
  color: #fff;
  text-transform: uppercase;
  padding: 13px 13px;  
}

#navigation ul li a:hover, #navigation ul li.active {
  background: url('../img/bg_navigation_active.gif') repeat-x left top;
  text-decoration: none;  
  
  
}

#preamble {
  position: relative;
  display: block;
  height: 260px;
  margin: 5px 0px;
  border: 1px #4b545d solid;
}

#reservation {
  float: left;
  width: 307px;
  height: 166px;
  border: 2px #fff solid;
  color: #fff;
  padding: 90px 0px 0px 15px;
  font-size: 1.1em;
  background: #d19a4a url('../img/bg_reservation.gif') no-repeat left top;
}

#reservation_en {
  float: left;
  width: 307px;
  height: 166px;
  border: 2px #fff solid;
  color: #fff;
  padding: 90px 0px 0px 15px;
  font-size: 1.1em;
  background: #d19a4a url('../img/bg_reservation_en.gif') no-repeat left top;
}

#reservation_pl {
  float: left;
  width: 307px;
  height: 166px;
  border: 2px #fff solid;
  color: #fff;
  padding: 90px 0px 0px 15px;
  font-size: 1.1em;
  background: #d19a4a url('../img/bg_reservation_pl.gif') no-repeat left top;
}

.slideshow {
  float: right;
  width: 663px;
  height: 260px;
}

#form-reservation fieldset {
  float: left;
  margin-left: 10px;
  height: 40px;
}

#form-reservation label {
  display: block;
  padding: 5px 0px 3px 0px;
}

#form-reservation input.text, #form-reservation select.text {
  width: 130px;
  border: 1px #b67123 solid;
  font-size:1.0em;
}

#form-reservation input.submit {
  width: 102px;
  height: 19px;
  color: #fff;
  text-align: center;
  font-size: .9em;
  margin-top: 20px;
  background: #354c6c url('../img/button_submit.gif') no-repeat left top;
  border: 0px;  
}

#form-reservation fieldset.checkbox {
  width: 45px;
  text-align: center;
}

#form-reservation fieldset.checkbox2 {
  width: 30px;
  text-align: center;
}

#form-reservation fieldset.checkbox3 {
  width: 30px;
  text-align: center;
}

.content-item-mini {
  float: left;
	position: relative;
	width: 300px;
	color: #fff;
	padding-left: 25px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1;
  border: 1px #4b545d solid;  
}

.content-item-mini a:hover {
  text-decoration: none; 
}

.content-item-mini h2 {
  text-indent: -999999px;  
}

.content-item-mini p {
  width: 130px;  
}

.content-item-mini-margin {
  margin-left: 5px;
}

.content-item-mini-margin2 {
  margin-bottom: 5px;
}

.content-margin {
  margin-bottom: 20px;
}

.recepce-bar_en {
  padding-top: 100px;
  height: 111px;
  background: url('../img/recepce_bar_en.jpg') no-repeat left top;
}

.restaurace_en {
  color: #a89e6d;
  padding-top: 100px;
  height: 111px;  
  background: url('../img/restaurace_en.jpg') no-repeat left top;
}

.restaurace_en a {
  color: #a89e6d;
}

.ubytovani_en {
  color: #a89e6d;
  padding-top: 70px;
  height: 141px;  
  background: url('../img/ubytovani_en.jpg') no-repeat left top;
}

.ubytovani_en a {
  color: #a89e6d;
}


.recepce-bar_pl {
  padding-top: 100px;
  height: 111px;
  background: url('../img/recepce_bar_pl.jpg') no-repeat left top;
}

.restaurace_pl {
  color: #a89e6d;
  padding-top: 100px;
  height: 111px;  
  background: url('../img/restaurace_pl.jpg') no-repeat left top;
}

.restaurace_pl a {
  color: #a89e6d;
}

.ubytovani_pl {
  color: #a89e6d;
  padding-top: 70px;
  height: 141px;  
  background: url('../img/ubytovani_pl.jpg') no-repeat left top;
}

.ubytovani_pl a {
  color: #a89e6d;
}



.recepce-bar {
  padding-top: 100px;
  height: 111px;
  background: url('../img/recepce_bar.jpg') no-repeat left top;
}

.restaurace {
  color: #a89e6d;
  padding-top: 100px;
  height: 111px;  
  background: url('../img/restaurace.jpg') no-repeat left top;
}

.restaurace a {
  color: #a89e6d;
}

.ubytovani {
  color: #a89e6d;
  padding-top: 70px;
  height: 141px;  
  background: url('../img/ubytovani.jpg') no-repeat left top;
}

.ubytovani a {
  color: #a89e6d;
}

#content {
  clear: both;
  position: relative;
  display: block;  
  margin-top: 4px;
  border: 1px #4b545d solid;
  border-left: 0px;
  background-color: #000d1d;
}

.content-left {
  position: relative;
  display: block;
  float: left;
	width: 325px;
  border-right: 1px #0f1b2a solid;	
}

.content-left-item {
  clear: left;
  height: 65px;
  font-size: 1.2em;
  font-weight: bold;
  color: #dec174;
  padding-right: 20px;
  border-bottom: 1px #0f1b2a solid;
  border-left: 1px #4b545d solid;	
}

.content-left-item a {
  color: #dec174;
}

.content-left-item p, .content-left-item h3 {
  padding-top: 20px;	
}

.content-left-item img {
  float: left;
  padding: 0px 10px;	
}

.content-right {
  position: relative;
  display: block;
  float: right;
  width: 630px;
	margin-top: 20px;
	color: #fff;
	font-size: 1.2em;
}


.content-right ul.text {
  list-style:disc;
  margin-top:10px;
  margin-left:30px;  
  margin-bottom:10px;
}

.content-right ul.text li {
  line-height:1.4;  
}

.content-right ul.text li a {
color:#dec174;
  text-decoration:underline;
  font-weight:Bold;    
}



.content-right table {
  color: #535c66;
  width: 600px;
  clear: both;
  margin: 10px 0px;
  line-height: 1.2; 
}
.content-right table.lines {
  border-top: 1px #0f1b2a solid;
  border-bottom: 1px #0f1b2a solid;
  margin: 20px 0px 50px 0px;
}
.content-right table tr.lines {
  border-top: 1px #0f1b2a solid;
  height: 5px;  
}
.content-right table tr.line {
  border-top: 1px #0f1b2a solid;
  height: 5px;  
}
.content-right table td {
  padding: 2px 0px;
}
.content-right table td.type {
  color: #fff;
  font-weight: bold;
}
.content-right table td.type2 {
  color: #fff;
  font-weight: normal;
}
.content-right table td.price {
  color: #d19a4a;
  font-weight: bold;
  text-align: right;
  padding-right: 20px;  
  vertical-align: middle;
}
.content-right table td.pristylka {
  width: 103px;
}
.content-right table td.foto {
  width: 103px;
  height: 28px;
  color: #fff;
  text-align: center;
	background: url('../img/bg_foto.gif') no-repeat center top;  
}
.content-right table td.rezervace {
  width: 103px;
  height: 26px;
  color: #fff;
  text-align: center;
	background: url('../img/bg_rezervace.gif') no-repeat center top;  
}
.content-right img {
	margin: 10px 0px;
}

.content-right p a { 
  color:#dec174;
  text-decoration:underline;
  font-weight:Bold;
}

.content-right input  { 
  border:1px solid #dec174;
}
.content-right textarea  { 
  border:1px solid #dec174;
}

.content-right table.navstevni_kniha tr td {
  vertical-align:top;
}
.content-right h2 {
	color: #dec174;
  margin-bottom: 15px;
  font-size: 1.1em;
  text-transform: uppercase;	
}

.content-right h3 {
  font-size: 1.1em;
  margin-bottom: 15px;
  margin-top:10px;
  text-decoration:underline;  	
}

.content-right h3.uvod {
  font-size: 1.1em;
  margin-bottom: 15px;
  margin-top:10px;
  text-decoration:none;  	
}

.content-right .fotogalerie img {
  margin-right:10px;
  margin-bottom:10px;
  border:1px solid #dec174;  
}
.content-right p {
  padding: 8px 30px 8px 0px;
  line-height:1.3;
  text-align:justify;
}

.content-right span {
	color: #dec174;
}

#content-right-footer {
  position: absolute;
  bottom: 20px;
  left: 365px;
  padding-left: 130px;
	font-size: 1.1em;
	background: url('../img/logo_footer.gif') no-repeat left top;
}

#content-footer {
	position: relative;
	display: block;
  height: 50px;
  margin: 0px auto;
  padding-top: 5px;
  text-align: center; 
  font-size:1.1em;
}

#content-footer p.adresa {
  width:480px;
  float:left;
  text-align:left;
  padding-left:10px;
  line-height:1.2;
}

#content-footer p.footer {
  text-align:right;
  padding-right:10px;
}

span.big-blue {
  float: left;
  width: 34px;
  height: 34px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
	background: url('../img/bg_big_blue.gif') no-repeat left top;  
}

span.big-dark {
  float: left;
  width: 34px;
  height: 34px;
  color: #26313f;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
	background: url('../img/bg_big_dark.gif') no-repeat left top;  
}

span.menu {
  display: block;
  width: 183px;
  height: 33px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
	background: url('../img/bg_blue.gif') no-repeat left top;  
}

.dark-blue {
  width: 600px;
  height: 133px;
  padding: 10px;
  margin-bottom: 25px;
  line-height: 1.5;
	background: url('../img/bg_dark_blue.gif') no-repeat left top;  
}

ul.dark-blue li {
  float: left;
  margin-right: 60px;
}

ul.dark-blue li a {
  color: #d7ab5c;
  padding-left: 15px;
  background: url('../img/bg_li_a.gif') no-repeat left top;
}

ul.dark-blue li a:hover {
  color: #fff;
  background: url('../img/bg_li_a.gif') no-repeat left bottom;  
}

.menu {z-index:100;}
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}
.menu ul ul {visibility:hidden; position:absolute;height:0;top:40px;left:0; width:149px;border-top:1px solid #4b545d;}
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
.menu ul ul a, .menu ul ul a:visited {text-align: left !important;text-transform: none !important;background:#2d4565; color:#000; width:150px; height:22px !important;padding: 7px 0px 0px 13px !important;border-bottom: 1px #4b545d solid;}
.menu ul ul a:hover {background: url('../img/bg_navigation_active2.gif') repeat-x left top !important;}
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;}
.menu li {float:left;position:relative;}
.menu a:hover, .menu ul ul a:hover{background: url('../img/bg_navigation_active.gif') repeat-x left top;}
.menu :hover > a, .menu ul ul :hover > a {background: url('../img/bg_navigation_active.gif') repeat-x left top;}

.error {
  color:#ff0000;
  font-weight:bold;
}

p.vpravo {
  float:right;
}

.banner-velky {
  border:1px solid #4B545D;
  background:#1C2740;
  margin-top:5px;
  margin-bottom:5px;
  padding:20px;
}
.banner-velky a {
  display:block;
  width:950px;
  height:110px;
}

.banner-velky a:hover {
  text-decoration:none;
}

.banner-velky p {
  font-size:32px;
  color:#fff;
  font-weight:normal;
}

.banner-velky p span {
  color:#D6BB6A;
}

.banner-velky p strong {
  font-weight:normal;
  color:#fd0000;
}

.banner-velky p.right {
  text-align:right;
  font-size:17px;
}

.cenik-ramec {
  width:560px;
  border:1px solid #fff;
  background:#fd0000;
  padding:10px;
}

.cenik-ramec p {
  color:#fff;
  font-weight:bold;
}

.cenik-ramec p.right {
  text-align:right;
}



.banner-flash {
  margin-bottom:4px;
}

ul.vyrazne li {
  line-height:1.5;  
}

ul.vyrazne li strong {
  color:#DEC174;
}
