@CHARSET "UTF-8";
/*	(c) koli@koli.sk
*	-style for panel design
*	inside panel dimensions 
*		width,height: 5x100+4x1 (5 images + borders between them) = 504
*/
#wrap {
	width:1014px;
	/*height: 100%;
	height: 700px;*/
	margin:auto;
}
#wrap #menu_top {
	padding-top: 10px;
	padding-bottom:10px;
	overflow: hidden;
	/*bottom:20px;*/ 
}
#wrap #menu_top_links A {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding-right: 10px;
	float: left;
}
#wrap #menu_top_flags {
	float: right;
}

DIV.panel {
/*	width:505px;*/
}
#left {
	width:505px; /*right border line is part of the panel */
	height:505px; /*bottom border line is part of the panel */
	float:left;
	margin-bottom: 10px;
}
#right {
	width:504px;
	height:504px;
	float:right;
	border: 1px solid #000000;
	background: #FFFFFF;
	overflow: auto;
	margin-bottom: 10px;
}
#right.gallery {
	width:505px; /*right border line is part of the panel */
	height:505px; /*bottom border line is part of the panel */
	border:none;
	border-left:1px solid black;
	border-top:1px solid black;
}
#right #description {
	widht:100%;
	height: 100px;
}
#right #images {
}
#right #images #main {
	width:400px;
	height:300px;
	padding:2px 1px;
	float:left;
}
#right #images A IMG {
	padding: 1px;
	display:block;
}
#right form {
	height:200px;
	background: #777777;
}
#right ul {
	float:left;
	width:400px;
}
#right ul#price_calculation {
	float: left;
	width:165px;
}
#right ul li {
	overflow: hidden;	
}
#right ul li input{
	width: 70px;
}
#right ul#reservation_contact {
	float: right;
	width: 300px;
}
#right #reservation_contact input {
	width: 200px;
}
#right input.price {
	border: none;
	font-size: 16px;
	width: 50px;
}
#right #reservation_contact input.check {
	width:15px;
	margin-left: 60px;
}
#right input.submit {
	margin-top:50px;
	margin-right:10px;
	float: right;
}
#right label {
	float:left;
	width:85px;
	text-align: right;
	padding-right: 5px;
	color: #FFFFFF;
	font-weight: bold;
}
#right input, #right select, #right checkbox {
	float:left;
	background: #999999;
	font-weight: bold;
}

#right TH {
	font-size:12px;
}
#right TH.price {
		font-size: 10px;
}
#right TD {
	font-size: 12px;
	text-align: right;
	width: 80px;
}
#right TD.notice {
	text-align: left;
}

#left TD {
	background: #FFFFFF;
	border: 1px solid black;
}
#left A, #right.gallery A {
	display: block;
	float:left;
}
#left A IMG, #right.gallery A IMG {
	width:100px;
	height:100px;
	display:block;
}
#right.gallery A IMG {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

#left A IMG#logo {
	width: 302px;
}
#left A.link {
	margin-left:10px;
	margin-top:70px;
	cursor:pointer;
	text-align:left;
	color:#AAAAAA;
	background-color: #FFFFFF;
	font-size: 20px;
}
#left A.link:HOVER {
	color: #000000;
}
#address {
	display:block;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	width: 100%;
}
#address A {
	color: #FFFFFF;
}

.winter { background-color: rgb(102,204,255);}
.spring {	background-color: rgb(255,204,0);}
.summer {	background-color: rgb(51,204,0);}
.autumn {	background-color: rgb(255,153,0);}
.lastminute {
	color:yellow;
	background-color: blue;
	font-size: 16px;
	font-weight: bold;
	height: 98px;
}
	
#right #images A IMG {
	width: 100px;
	height: 100px;
}