@charset "utf-8";
/* CSS Document */

/* SETINGS */

* {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
/* deufaltn� nastaven� v�ech prvk�, tak aby jejich vn�j��, vnit�n� okraj a r�me�ek byl roven nule */

html {
  font-size: 62.5%;
  text-align: center;
}
body {
  background: url(../images/background.jpg) top left;
  background-color: #FAFAA5;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size:12px;
}
.clear {
  clear: both;
}
.nodisplay {
  display:none;
}
br.clear {
  height:0.1px;
    line-height:0.1px;
  margin:0;
}

.no_text_indent {
  text-indent: 0px;
}
p {
  font-size: 12px;
}
strong {
  font-weight:bold;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
a:link {
	color:white;
	text-decoration:none;
}
a:visited {
	color:#EFEFEF;
	text-decoration:none;
}
a:active {
	color:white;
	text-decoration:none;
}

/* START */

#container {
  width: 620px;
  margin: 0 auto;
  text-align: left;
  position:relative;
}
#container.wide {
  width: 892px;
}
#header {
  height: 100px;
  position: relative;
  border-bottom: 1px solid white;
}
#header h1 {
  position: absolute;
  bottom:0;
  left: 20px;
  color: white;
  font-weight:normal;
  /*text-indent:-5000px;*/
}
#header h1 a{
  display:block;
  width:290px;
  height:45px;
  background:url(../images/logo.png) no-repeat;
}
#header h1 span {
	display:none;
}
#header h1 strong {
  font-weight:bold;
}
#header ul {
  position: absolute;
  bottom:0;
  right: 0;
  list-style:none;
}
#header ul li {
  display:block;
  float:left;
  width:30px;
  font-size:16px;
  border-left: 1px solid white;
  padding-left:8px;
  margin: 4px 0;
}
#header ul li.first {
  border: 0;
}
#header ul li a {
  color:white;
  text-decoration:none;
}

/* MENU */

#menu {
  height:32px;
  float:right;
}
#menu ul {
  padding-right:4px;
  float:right;
}
#menu ul li {
  display:block;
  float:left;
  font-size:13px;
  margin:6px 0;
}
#menu ul li a {
  color:white;
  text-decoration:none;
  background:url(../images/odrazka.gif) left 50% no-repeat;
  padding: 2px 6px;
  display:block;
}
#menu ul li.first a {
  background:none;
}
#menu ul li a:hover, #menu ul li a.active {
  background-color:#ff6600;
}

/* MENU EN */

#container.en #menu {
  height:32px;
}
#container.en #menu ul {
  padding-right:8px;
}
#container.en #menu ul li {
  font-size:14px;
  margin:6px 0;
}
#container.en #menu ul li a {
  padding: 2px 10px;
}

/* CONTENT */

#content {
	z-index:1;
}
#content #left {
  float:left;
  width:224px;
  text-align:right;
  height:379px;
}
#content #right {
  float:right;
  width:621px;
  text-align:left;
  height:379px;
  position:relative;
}

/* LEFT */

#content #left ul {
  margin-top:15px;
  float:right;
}
#content #left ul li {
  margin-top: 10px;
  font-size:16px;
  font-weight:bold;
  display:block;
  list-style:none;
}
#content #left li a {
  padding:2px 5px;
  background:#ff6600;
  color:white;
  text-decoration:none;
}
#content #left li a:hover, #content #left li a.active {
  color:#ff6600;
  background:white;
}
#content #left .image {
  position:relative;
  height:202px;
  width:202px;
  float:right;
}
#content #left .effect {
  position:absolute;
  top:0;
  left:0;
  height:202px;
  width:202px;
}
#content #left .image img {
  margin-top:16px;
  z-index:1;
}
#content #left .image.ponuka .effect {
  background:url(../images/background-ponuka.png) no-repeat;
}
#content #left .image.ubytovanie .effect {
  background:url(../images/background-ubytovanie.png) no-repeat;
}
#content #left .image.kontakt .effect {
  background:url(../images/background-kontakt.png) no-repeat;
}
#content #left .image.restauracia .effect {
  background:url(../images/background-restauracia.png) no-repeat;
}
#content #left .image.relax .effect {
  background:url(../images/background-relax.png) no-repeat;
}
#content #left .image.akcie .effect {
  background:url(../images/background-akcie.png) no-repeat;
}
#content #left li.kontakt {
  display:none;
}

/* RIGHT */

#content #right .top {
  position:absolute;
  top:0;
  left:0;
  height:20px;
  width:621px;
  background:url(../images/content-top.png) no-repeat;
}
#content #right .bottom {
  position:absolute;
  bottom:0;
  left:0;
  height:20px;
  width:621px;
  background:url(../images/content-bottom.png) no-repeat;
}
#content #right #area {
  background:#ff6600;
  height:347px;
  padding: 0 37px;
  position:relative;
  top:16px;
}
#content #right #area h2 {
  font-size:24px;
  color:white;
  margin-bottom:10px;
  clear:left;
  font-weight:normal;
}
#content #right #area h3 {
  font-size:18px;
  color:white;
  margin-top:10px;
  clear:left;
  font-weight:normal;
}
#content #right #area h4 {
  font-size:17px;
  color:white;
  margin-top:10px;
  margin-bottom:6px;
  font-weight:normal;
}
#content #right #area a.first, #content #right #area a.second, #content #right #area a.third, #content #right #area a.fourth {
  display:block;
  /*width:242px;*/
  background-color:white;
  color:#ff6600;
  font-size:16px;
  text-decoration:none;
  padding:0 10px;
  position:absolute;
  right:0;
}
#content #right #area a.fourth {
  bottom:100px;
}
#content #right #area a.third {
  bottom:75px;
}
#content #right #area a.second {
  bottom:50px;
}
#content #right #area a.first {
  bottom:25px;
}

/* GUIDEPOST */

#content .guidepost{
  width:202px;
  height:202px;
  position:relative;
  float:left;
  margin:3px;
  overflow:hidden;
}
#content .guidepost .effect a {
  display:block;
  width:100%;
  height:100%;
}
#content .guidepost h3{
  padding:0 5px;
  font-size:16px;
  background-color:#ff6600;
  position:absolute;
  right:0;
  bottom:16px;
  font-weight:normal;
  z-index:1;
}
#content .guidepost h3 a{
  text-decoration:none;
  color:white;
}
#content .guidepost .effect {
  position:absolute;
  top:0;
  left:0;
  height:202px;
  width:202px;
}
#content .guidepost.vitajte {
  margin-left:0;
  color:white;
}
#content .guidepost.vitajte .matrjoska {
  background-color:#ff6600;
  position:absolute;
  bottom:16px;
  height:170px;
  overflow:hidden;
  width:202px;
}
#content .guidepost.vitajte .obal {
  padding:0 16px;
}
#content .guidepost.vitajte .effect {
  background:url(../images/background-vitajte.png) no-repeat;
}
#content .guidepost.ponuka {
  background: url(../images/ponuka.jpg) no-repeat;
  background-position: 0 16px;
}
#content .guidepost.ponuka .effect {
  background:url(../images/background-ponuka.png) no-repeat;
}
#content .guidepost.ubytovanie {
  background: url(../images/ubytovanie.jpg) no-repeat;
  background-position: 0 16px;
  margin-right:0;
}
#content .guidepost.ubytovanie .effect {
  background:url(../images/background-ubytovanie.png) no-repeat;
}
#content .guidepost.restauracia {
  background: url(../images/restauracia.jpg) no-repeat;
  background-position: 0 16px;
  margin-left:0;
}
#content .guidepost.restauracia .effect {
  background:url(../images/background-restauracia.png) no-repeat;
}
#content .guidepost.relax {
  background: url(../images/relax.jpg) no-repeat;
  background-position: 0 16px;
}
#content .guidepost.relax .effect {
  background:url(../images/background-relax.png) no-repeat;
}
#content .guidepost.akcie {
  background: url(../images/akcie.jpg) no-repeat;
  background-position: 0 16px;
  margin-right:0;
}
#content .guidepost.akcie .effect {
  background:url(../images/background-akcie.png) no-repeat;
}
#content .guidepost.vitajte h2 {
  font-size:20px;
}
#content .guidepost.vitajte p {
  font-size:11px;
}

/* AREA */
#area {
	position:relative;
}
#area p {
  color:white;
  font-size:12px;
  margin: 8px 0;
  line-height:14px;
}
#area table {
  color:white;
  line-height:14px;
  font-size:12px;
  margin:10px 0;
}
#area table td {
  text-align:right;
  padding:0 5px;
}
#area table thead td {
  /*padding-right:12px;*/
  font-weight:bold;
  /*text-align:center;*/
}
#area table td.stroke {
  padding:0;
  width:auto;
}
#area table td.first {
  text-align:left;
}
#area label {
  margin:2px 0;
  display:block;
  float:left;
  line-height:24px;
}
#area input {
  width:357px;
  height:24px;
  font-size:14px;
  display:block;
  float:left;
}
#area input.hidden {
  visibility:hidden; 
}
#area fieldset span {
  display:block;
  width:130px;
  float:left;
  color:white;
  line-height:24px;
}
#area #dropdown fieldset label span {
  width:auto;
}
#area input.submit {
  font-size:16px;
  color:#ff6600;
  background:white;
  border:0;
  position:absolute;
  right:0;
  bottom:15px;
  width:120px;
}
#area #dropdown label {
  width:90px;
  margin:0;
}
#area #dropdown label input {
  display:block;
}
#area #dropdown option {
  display:block;
  width:70px;
}
#area #poznamka input {
  width:357px;
}
#area p a {
  color:white;
  text-decoration:none;
}
#area p a:hover {
  text-decoration:underline;
}
#area a img {
	border:2px solid #CECECE;
	margin:5px;
	display:block;
	float:left;
}
#area a img:hover {
	border:2px solid #333333;
}
#area ul {
	margin-left:30px;
}
#area ul li {
	margin:5px 0;
	list-style:square;
	color:white;
}
#area ul.paragraph {
	margin:0;
	position:absolute;
	top:83px;
	right:75px;
}
#area ul.paragraph li {
	margin:1px 0;
}
/*#area ul.paragraph {
	margin:0;
	width:500px;
}
#area ul.paragraph li {
	margin:0;
	margin-right:6px;
	float:left;
	list-style:none;
}*/
#area ul li a {
	color:white;
	text-decoration:none;
}
#area ul li a:hover {
	text-decoration:underline;
}
#area #pager {
	display:block;
	float:left;
	width:100%;
	clear:both;
}
#area #pager a {
	padding:2px 6px;
	background:white;
	margin:10px 0;
	margin-left:5px;
	display:block;
	float:left;
	text-decoration:none;
	color:#FF6600;
	border:2px solid #FF6600;
}
#area #pager a:hover, #area #pager a.active {
	border:2px solid #333333;
}
#area a.mapa {
	display:block;
	position:absolute;
	right:50px;
	top:35px;
}

/* FLOWER */

#container #flower {
	position:absolute;
	top:280px;
	left:-300px;
	background-image:url(../images/flower.png);
	width:420px;
	height:380px;
	z-index:-5;
}

/* FOOTER */

#footer {
  /*display:none;*/
  color:#330000;
  font-size:8px;
  margin:5px 0;
  position:relative;
}
#footer #autor {
  position:absolute;
  right:0;
  top:15px;
}
#footer #autor a {
  color:#330000;
  text-decoration:none;
}

/* KONTAKT */

#area dl {
	display:block;
	float:left;
}
#area dl dt {
	display:block;
	float:left;
	margin-right:5px;
	color:white;
	font-size:12px;
	clear:left;
	font-weight:bold;
}
#area dl dd {
	display:block;
	float:left;
	color:white;
	font-size:12px;
}