/* CSS Level 2.1 */
body {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	text-align: center;
	background-color: #0e0e0e;
	color: white;
}
* {
	margin: 0px;
	padding: 0px;
}
a {
	color: white;
}
a:hover {
	text-decoration: none;
}

h2, h3 {
	color: #b6b6b6;
}

.underline {
	text-decoration: underline;
}

.center {
	text-align: center;
}

#page {
	width: 950px;
	margin: auto;
}

#head {
	text-align: left;
	padding-top: 4px;
	padding-bottom: 25px;
}
#line {
	border-top: 2px solid white;
	margin-bottom: 25px;
}
#head h1 {
	background: url("/title.gif") repeat top left;
	font-weight: normal;
	font-size: 24px;
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ctverec {
	background: url("/ctverec.gif") center center no-repeat;
	padding: 25px;
	margin-right: 5px;
}
#subtitle {
	text-align: center;
	padding-top: 4px;
}
#menu {
	background-color:	#282828;
	padding-top: 5px;
	padding-bottom: 6px;
}
#menu a {
	text-decoration: none;
}
#menu a:hover, #menu a.aktivni {
	text-decoration: underline;
}
#menu a.aktivni:hover {
	cursor: default;
}
#menu li {
	display: inline;
	padding-right: 40px;
	padding-left: 40px;
	border-left: 2px solid white;
}
#menu li.first {
	border-left: none;
}

#body {
	margin-bottom: 15px;
	height: 450px;
}

#slide {
	padding-top: 40px;
}

#kontakt, #cenik, #apartman {
	text-align: left;
}
#kontakt a img {
	border: 3px solid #282828;
}
#kontakt a:hover img {
	border-color: white;
}
#mapa {
	margin-top: 45px;
	float: right;
}

#kontakt h2 {
	padding-top: 75px;
	padding-bottom: 25px;
}

#kontakt h3 {
	padding-top: 30px;
	padding-bottom: 10px;
}

#cenik h2, #apartman h2 {
	padding-left: 25px;
}
#cenik ul {
	margin-top: 20px;
	margin-left: 50px;
}
#cenik li {
  margin-top: 7px;
}
table.cenik {
	margin-left: 25px;
	margin-top: 15px;
}
table.cenik td {
	font-size: 14px;
	padding-left: 35px;
	padding-top: 2px;
	padding-bottom: 2px;
}
tr.svetly {
	background-color: #282828;
}

#galerie {
	overflow: auto;
	white-space: nowrap;
}

#apartman {
	height: 450px;
	overflow: auto;
}

#apartman p {
	text-indent: 15px;
	padding-top: 20px;
	font-size:14px;
}

#apartman h3 {
	font-size: 16px;
	padding-top: 20px;
}

#apartman ul {
	font-size: 14px;
	margin-top: 10px;
	margin-left: 50px;
}

#ostatni {
	float: right;
	margin-right: 50px;
}
#pudorys {
	float: right;
	margin-right: 60px;
	margin-top: 20px;
}

#rezervace h2 {
	margin-bottom: 30px;
}
#rezervace table {
	margin: auto;
	text-align: left;
}
#rezervace table td {
	padding: 2px;
}
#rezervace input.rightal {
	text-align: right;
}
#rezervace .padtop {
	padding-top: 15px;
}
#prijezdinfo {
	font-weight: bold;
	color: #ff8484;
	font-size: 80%;
}
#error {
	font-weight: bold;
	color: red;
	font-size: 80%;
	padding-bottom: 5px;
}

#bottom {
	margin-top: 2px;
	font-size: 10px;
	color: #787878;
	text-align: right;
}
#bottom a {
	color: #787878;
}



/* Stylování kalendáře */
.cal {font-family:Arial, Tahoma, helvetica; float: left; margin-top: 15px; text-align:center; width:24em;-moz-border-radius:8px; -webkit-border-radius:8px;background:#fafafa; border: solid 1px #ddd; padding:0.8em}
.cal .month {color: black; font-weight:bold; margin:0 0; padding:0.4em; font-size:1.5em; text-align:center }
.cal a[rel=prev], a[rel=next] { display:block; margin:0.5em 2em; overflow:hidden; width:32px; height:32px;text-indent:-999em;background: transparent url('icons.png') no-repeat scroll 0 0 }
.cal a[rel=prev] {float:left}
.cal a[rel=next] {float:right}
.cal a {text-decoration:none; color: black;}
.cal a[rel=next] {background-position: -32px -32px}
.cal a[rel=next]:hover {background-position: -32px 0}
.cal a[rel=prev]:hover {background-position: 0 0}
.cal a[rel=prev] {background-position: 0 -32px}
.cal table {background:#fbfbfb;width:100%;margin:0 0 0.5em 0;padding:0;border: solid thin #f2f2f2; border-collapse: separate !important}
.cal td, .cal th {width:14.3%;height:2.3em;border: solid thin #ddd; padding:0; color: black; }
.cal tbody td {text-align:center; vertical-align:middle;}
.cal tbody a {display:block;width:100%;line-height:280%;}
.cal td.out {background:#f8f8f8; font-family:Arial Narrow } .cal td.out a { color:#aaa}
.cal .weekend {background:#f2f2f2}
.cal .weekend.out {background:#f0f0f0}
.cal td.hover, .cal td.weekend.out.hover {background:#808080;cursor:pointer}
.cal td.current {font-weight:bold;padding:0;background: #55BD5A} .cal td.current a{color:#002a5f;}
.cal td.today {font-weight:bold; border:solid 1px red} .cal td.today a, .cal a[rel=today]{color:Red}
.cal td.reserved {background-color: #FF787C !important}
.cal td.out.reserved {background-color: #FFBFBD !important}
td.reserved:hover, td.weekend.out.reserved:hover {cursor: default;} 
