body {
	font-family: Georgia, serif;
	font-size: 12px;
	line-height: 1.7;
	color:  #000;
	margin: 0; padding: 0;
	background: #c6c6c6 url(../images/bg-main.jpg) repeat;
	/*background: #c6c6c6 url(../images/bg-main-top.jpg) repeat-x;*/
	}

span, hr {
	display: none;
	visibility: hidden;
	}

h1 { display: none; visibility: hidden }
h2.aktuality {
	width: 71px; height: 10px;
	background: url(../images/title-aktuality.gif) no-repeat top left;
	}
h2.cenik-ubytovani {
	width: 177px; height: 22px;
	padding-top:0; margin-top: 0;
	background: url(../images/title-ubytovani-cenik.gif) no-repeat top left;
	}
h2.rezervace {
	width: 111px; height: 16px;
	padding-top:0; margin-top: 0;
	background: url(../images/title-rezervace.gif) no-repeat top left;
	}
h2.wind-point {
	width: 266px; height: 60px;
	padding-top:0; margin-top: 0;
	background: url(../images/title-windpoint.gif) no-repeat top left;
	}
h2.kontakt {
	width: 88px; height: 16px;
	padding-top:0; margin-top: 0;
	background: url(../images/title-kontakt.gif) no-repeat top left;
	}
h2.faq {
	width: 239px; height: 19px;
	padding-top:0; margin-top: 0;
	background: url(../images/title-faq.gif) no-repeat top left;
	}
h2.partneri {
	width: 239px; height: 19px;
	padding-top:0; margin-top: 0;
	background: url(../images/title-partneri.gif) no-repeat top left;
	}

.hrule-red, .hrule-black, .hrule-blackk {
	font-size: 1px;
	height: 1px;
	margin: 12px 0;
	background-color: #C85B73;
	}
.hrule-black {
	width: 300px;
	margin: 25px 0 3px 0;
	background-color: #353535;
	}
.hrule-blackk {
	width: 300px;
	margin: 10px 0 10px 0;
	background-color: #000;
	}
.hrule-dark {
	font-size: 1px;
	height: 1px;
	margin-bottom: 3px;
	border-bottom: 1px solid #000;
	}
.foot {
	font-size: 10px;
	color: #656565;
	line-height: 1.1;
	}

img { border: none }
a, a:visited {
	color: #000;
	}
a:hover {
	color: #D90030
	}

.colin, p { margin: 0; padding: 0 } /*matrjoska*/
.colinsub { padding: 0 22px }
.clear {
	clear: both;
	font-size: 1px;
	line-height: 1;
	}

#mainbox {
	min-width: 1024px; height: 637px;
	background: url(../images/bg-main-top.jpg) repeat-x;
	}
#top-curtain {
	width: 100%; height: 14px;
	background: url(../images/top-curtain-mid.gif) repeat-x top left;
	}
#top-curtain-left {
	width: 599px; height: 14px;
	float: left;
	background: url(../images/top-curtain-left.gif) repeat-x top left;
	}
#top-curtain-right {
	width: 599px; height: 14px;
/*	position: absolute;
	top: 0; right: 0; */
	float: right;
	background: url(../images/top-curtain-right.gif) no-repeat top right;
	}

#main-cont {
	min-height: 1000px;_height: 1000px;
	width: 1024px;
	margin: 0 auto;
	}
#col1{
	width: 356px;
	float: left;
	position: relative;
	}
#col1 .colin {
	padding: 173px 6px 20px 50px;
	}
	
#col2{
	margin: 0 200px 0 356px;
	}
#col2 .colin {
	padding: 173px 6px 20px 6px;
	}
#col2-rezervace{
	margin: 0 200px 0 356px;
	}
#col2-rezervace .colin {
	position: relative;
	padding: 173px 6px 20px 6px;
	}
#col2-faq{
	margin: 0 200px 0 356px;
	}
#col2-faq .colin {
	position: relative;
	padding: 170px 6px 20px 6px;
	}
.partneri{
	width: 300px;
	text-align: center;
	}

#col3{
	width: 200px;
	float: right;
	background: transparent;
	}
#col3 .colin {
	position: relative;
	padding: 10px 6px 20px 6px;
	}
	

#menu-main, ul, li {
	margin: 0; padding: 0;
	
  list-style: none;
	font-size: 1px;
	line-height: 1;
	margin: 0; padding: 0;
	}
#menu-main a {
	display: block;
	padding-bottom: 2px;
	width: 144px; height: 15px;
	}

	#wind-point {
		background: url(../images/menu-windpoint.gif) no-repeat top left;
		}
	#wind-point-active {
		background: url(../images/menu-windpoint-active.gif) no-repeat top left;
		}
	#cenik {
		background: url(../images/menu-cenik.gif) no-repeat top left;
		}
	#cenik-active {
		background: url(../images/menu-cenik-active.gif) no-repeat top left;
		}
	#rezervace {
		background: url(../images/menu-rezervace.gif) no-repeat top left;
		}
	#rezervace-active {
		background: url(../images/menu-rezervace-active.gif) no-repeat top left;
		}
	#faq {
		background: url(../images/menu-faq.gif) no-repeat top left;
		}
	#faq-active {
		background: url(../images/menu-faq-active.gif) no-repeat top left;
		}
	#partneri {
		background: url(../images/menu-partneri.gif) no-repeat top left;
		}
	#partneri-active {
		background: url(../images/menu-partneri-active.gif) no-repeat top left;
		}
	#kontakt {
		background: url(../images/menu-kontakt.gif) no-repeat top left;
		}
	#kontakt-active {
		background: url(../images/menu-kontakt-active.gif) no-repeat top left;
		}
	#uvod {
		background: url(../images/menu-uvod.gif) no-repeat top left;
		}
	#uvod-active {
		background: url(../images/menu-uvod-active.gif) no-repeat top left;
		}

#submenu a {
	display: block;
	padding-bottom: 2px;
	width: 300px; height: 44px;
	}

	#pokoje {
		background: url(../images/submenu-pokoje.png) no-repeat top left;
		}

#logo {
	width: 77px; height: 76px;
	position: absolute;
	top: 83px; left: 11px;
	/*background: url(../images/logo-windpoint.gif) no-repeat top left;*/
	}

#predbezna-mista {
	width: 150	px; height: 82px;
	position: absolute;
	top: 73px; left: -160px;
	/*background: yellow;*/
	}
	#predbezna-mista-text {
		width: 93px; height: 26px;
		float: left;
		background: url(../images/predbezne-rezervovana.gif) no-repeat top left;
		}
	#predbezna-mista-cisla img {
		float: left;
		padding: 0; margin: 0;
		}

#volna-mista {
	width: 200px; height: 82px;
	position: absolute;
	top: 73px; right: 360px;
	/*background: red;*/
	}
	#volna-mista-text {
		width: 85px; height: 26px;
		float:right;
		background: url(../images/volna-mista.gif) no-repeat top right;
		}
	#volna-mista-cisla img {
		float:right;
		padding: 0; margin: 0;
		}


#havajka-v-betli {
	width: 300px; height: 207px;
	margin-bottom: 5px;
	/*background-image: url(../havajka-v-betli.png) no-repeat top left;*/
	}
.banner-prohlidky {
	position: absolute;
	top: 172px;
	}

.datum {
	color: #D90030;
  font-style: italic;
	}

.subsub-text {
	width: 300px; height: 50px;
	padding: 0px; margin: 0px;
	background: url(../images/subsub-bg.gif) repeat-y;
	}

.whitetext { color: #fff; }
.w300 { width: 300px; margin: 0 0 1em 0; }
.right-align { text-align: right; }
.left-align { text-align: left; }
.valign-top { vertical-align: top; }
.td300 { width: 300px;  }
.td312 { width: 312px; }
.line-height1 { line-height: 1.2 }
.bold { font-weight: bolder }
.it { font-style: italic }
span.s18 {
	display: inline;
	visibility: visible;
	font-size: 18px;
	}

#table-rezervace {
	width: 612px;
	position: absolute;
	top: 163px; left: -312px;
	margin: 0; padding: 0;
	}
#table-faq {
	width: 612px;
	position: absolute;
	top: 203px; left: -312px;
	margin: 0; padding: 0;
	}
	
#table-rezervace th {
	padding: 15px 0 0 12px;
	}
#table-faq th {
	padding: 0 0 0 12px;
	}
#table-rezervace td {
	padding: 0 0 0 12px;
  vertical-align: bottom;
	}
#table-faq td {
	padding: 0 0 0 12px;
  vertical-align: top;
	}

#table-rezervace input {
	width: 300px;
	border: none;
	border-bottom: 1px solid #D90030;
	color: #fff;
	background-color: #414141;
	}
#table-rezervace input.radio {
	width: 20px;
	border: none;
	background-color: transparent;
	}
#table-rezervace input.odeslat {
	font-size: 12px;
	font-weight: bolder;
	padding: .2em;
	width: 150px;
	border: none;
	background-color: #D90030;
	color: #fff;
	}
#table-rezervace .vstup { background-color: #DE1225 }

span.star {
	display: inline;
	visibility: visible;
	color: #B8193C
	}
.small-box { 	width: 150px; float: left}
.big-date {
	font-size: 18px;
	font-weight: bolder;
	color: #D90030
	}
.big-spacer { height: 890px; }

#mapa {
	position: relative;
	left: -260px;
	}

#submenu .anchor {
	font-size: 1px;
	line-height: 1;
	height: 1px;
	}

.crossed {
	display: inline;
  visibility: visible;
	text-decoration: line-through;}

.foto-text {
	display: block;
	float: left;
	margin-right: 2px;
	}
a.foto-link {
	width: 15px; height: 15px;
	margin: 0 2px;
	display: block;
	float: left;
	background: url(../images/foto-dot-white.gif) no-repeat top left;
	}
a.foto-link:hover { background: url(../images/foto-dot-red.gif) no-repeat top left; }
a.foto-link:visited { background: url(../images/foto-dot-black.gif) no-repeat top left; }
