body {margin:0; background:#9cc; font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
h1 {
	display:block;
	height:41px;
	border-bottom:1px solid #fff;
	font:19px/41px "Times New Roman", Times, serif;
	font-style:italic;
	background:#CCCCCC;
	padding:0 0 0 10px;
	margin:0;
	}
p { 
	padding:5px 10px 5px 10px;
	margin:0;
	}
ul, ol {
	margin-bottom:0;
	padding-bottom:0;
	}
ul li {
	list-style-image:url(../images/li.gif);
	padding:0 10px 7px 5px;
	}
form {
	margin:0;
	padding:0;
	}
input, th, td, textarea {
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
  padding-left:4px;
  border:0;
	margin:0;
	padding:0;
	}
.cb {
	clear:both;
	}
#page {
	background:#fff url(../images/page_bg.gif) 0 400px repeat-y;
	width:776px;
	}
#head {
	background:#FFF url(../images/tr_bg.jpg) 400px 5px no-repeat;
	width:776px;
	height:245px;
	}
#tl {
	background:url(../images/tl.gif) 5px 5px no-repeat;
	width:400px;
	height:215px;
	float:left;
	}
#weather {
	width:398px;
	height:100px;
	position:absolute;
	top:0px;
	left:0px;
	padding:0;
	margin:0;
	overflow:hidden;
	margin:120px 0 0 5px;
	}
#weather h2 {
	padding:0 0 7px 0;
	margin:0;
	font:14px/24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
#tr {
	background:url(../images/tr.gif) 0 0 no-repeat;
	width:371px;
	height:210px;
	float:left;
	margin:5px 0 0 0;
	}
#right {
	width:776px;
	background:url(../images/right.jpg) 621px top no-repeat;
	}
#right2 {
	background:url(../images/right.gif) 621px top no-repeat;
	width:776px;
	}
#text {
	width:386px;
	background-color:#FFC488/*#0F0;#E5E5E5 #FFF8F2 */;
	margin:0 0 1px 234px;
	min-height:716px;
	height:716px;
	}
div[class] #text {
	height:auto;
	}
#text a, a {
	text-decoration:none;
	color:#F60;
	}
#text a:hover {
	color:#666;
	}
#text img {
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	float:left;
	} 
#text table {
	width:366px;
	margin:5px 10px 5px 10px;
	clear:both;
	}
#text .right {
	text-align:right;
	padding-right:5px;
	}
#text .wl {
	border-top:1px solid #FFF;
	}
#text table.images{
	margin:0;
	padding:0;
	border:0;
	background-color:#FFF;
	width:386px;
	clear:both;
	}
#text #plan {
	width:386px;
	height:227px;
	background-color:#A9ACAE;
	}
#text #plan p {
	color:#000;
	padding:30px 0 0 0;
	margin:0 0 0 270px;
	}
#text #plan img {
	border:0;
	}
#text .map {
	margin-left:150px;
	}
#text h1 strong {
	padding-left:7px;
	padding-right:7px;
	}
#text h1 a {
	color:#666;
	padding-left:7px;
	padding-right:7px;
	}
#text form table {
	width:386px;
	margin:5px 0 5px 0;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	}
#text input {
	width:195px;
	}
#text textarea {
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
  width:381px;
	height:55px;
	border:0;
	margin:2px 0 0 2px;
  padding-left:4px;
	}
#text .name {
	width:180px;
	height:20px;
	padding:0 0 0 5px;
	background-color:#E7E7E7;
	border-bottom:1px solid #FFF;
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	}
#text .name1 {
	width:350px;
	height:20px;
	padding:0 0 0 5px;
	background-color:#E7E7E7;
	border-bottom:1px solid #FFF;
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	}	
#text .input {
	width:200px;
	height:20px;
	padding:0 0 0 5px;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
	}
#text .input2 {
	width:200px;
	height:20px;
	padding:0 0 0 5px;
	background-color:#FFF;
	border-bottom:1px solid #FFF;
	}
#text .empty {
	height:20px;
	background-color:#CCC;
	}
#text #submit {
	width:72px;
	height:32px;
	float:centre;
	}
		
#bottom {
	width:767px;
	height:35px;
	background:#E5E5E5 url(../images/bottom_bg.gif) -5px 0 no-repeat;
	margin:0 5px 0 5px;
	padding:0 0 0 0;
	clear:both;
	}
#up {
	text-decoration:none;
	color:#666;
	display:block;
	height:30px;
	width:30px;
	line-height:30px;
	margin:0 0 0 550px;
	padding:0 0 0 18px;
	font-weight:bold;
	}
#menu {
	position:absolute;
	top:215px;
	left:4px;
	width:717px;
	height:29px;
	padding:0;
	margin:0;
	overflow:hidden;
	}
#menu span {
  display: none;
	}
#menu a, #menu strong{
	overflow:hidden;
	background:#FF6600;
	border-top:9px solid #FFF;
	border-bottom:none;
	border-left:1px solid #FFF;
	font-size:13px;
	font-weight:bold;
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	}
#menu a {
	text-decoration:none;
	color:#FFFFFF;
	border-right:none;
	padding:0 9px 0 8px;
	}
#menu strong {
	border-right:9px solid #f60;
	padding:0 0 0 8px;
	color:#333333;
	}
#menu a:hover {
	color:#333333;
	}
/*sirky tlacitek menu*/
#menu #home { width:43px;}
#menu #apartment { width:108px;}
#menu #prices { width:44px;}
#menu #map { width:30px;}
#menu #photos { width:50px;}
#menu #tips { width:81px;}
#menu #faq { width:30px;}
#menu #reservation { width:86px;}

#left {
	position:absolute;
	left:5px;
	top:245px;
	width:228px;
	font-weight:bold;
	font-size:10px;
	line-height:13px;
  margin:0;padding:0;
	}
#rec {
	background:#FFF url(../images/left_bg.gif) 0 213px no-repeat;
	font-weight:bold;
	font-size:10px;
	line-height:13px;
	}
#left a, #rec a {
	text-decoration:none;
	display:block;
	height:20px;
	background:#999 url(../images/a.gif) 0 0 no-repeat;
	padding:0 0 0 30px;
	color:#fff;
	font:14px/20px "Times New Roman", Times, serif;
	font-style:oblique;
	letter-spacing:1px;
	border-bottom:1px solid #fff;
	}
#left a:hover, #rec a:hover {
	background-position:0 -20px;
	}
#left h3, #rec h3 {
	font:16px/20px "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	letter-spacing:1px;
	padding:0 0 3px 8px;
	margin:0;
	color:#FF6600;
	}
#left table, #rec table {
	border:0;
	background-color:#FFF;
	margin:0 0 0 2px;
	padding:0;
	width:226px;
	}
#left #form {
	background:#fff url(../images/left_bg.gif) 0 0 no-repeat;
	height:280px;
	width:228px;
	margin: 129px 0 0 0;
	}
#left input {
	width:110px;
	}
#left .name, #rec .name {
	width:125px;
	height:20px;
	padding:0 0 0 5px;
	background-color:#E7E7E7;
	border-bottom:1px solid #FFF;
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	}
#left .input, #rec .input {
	width:120px;
	height:20px;
	padding:0 0 0 5px;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	}
#rec table, #rec input, #rec .name, #rec .input {
	width:auto;
	}
#left #texareaname {
	width:226px;
	}
#left textarea, #rec textarea	{
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
  padding-left:4px;
  border:0;
	width:224px;
	height:55px;
	}
#rec textarea {
	width:278px;
	}
#left #submit, #rec #submit {
	width:72px;
	height:32px;
	float:right;
	}
#left #submit2, #rec #submit2 {
	font-size:8px;
	line-height:13px;
	}
#left #kontakt {
	border-top:1px solid #CCC;
	margin-top:40px;
	}
#left #kontakt td {
	border-bottom:1px solid #CCC;
	font-weight:normal;
	line-height:16px;
	}
#left #kontakt td strong{
	font-size:11px;
	line-height:16px;
	}
#left #mail {
	display:inline;
	background:#FFF;
	color:#666;
	font-size:11px;
	line-height:16px;
	padding:0;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0;
	} 

