html, body { width:100%; height:100%; margin:0; padding:0; }
a { text-decoration:none; }
a img { border:none; }
p { margin:0; padding:0; }
#logo:hover, #footer img:hover, #accor:hover, #left a img:hover, .box img:hover, .bookbutton:hover img { opacity:0.7; }

#homecontainer { width:100%; height:590px; margin-top:-350px; position:absolute; top:50%; background:url(../images/back-home.gif) repeat-x; }
#container, #container2 { width:900px; margin:0 auto; position:relative; }
#logo { position:absolute; top:42px; left:20px; }
#slogan { position:absolute; top:40px; right:20px; }
#top { width:100%; height:25px; background:url(../images/top-back.gif) repeat-x; position:absolute; top:98px; }
#images { position:absolute; top:123px; }
#nav { width:100%; height:50px; background:url(../images/nav-back.png) repeat-x; position:absolute; top:433px; }
#nav a { height:34px; padding:16px 22px 0 30px; font:14px verdana; color:#FFF; float:left; display:block; }
#nav a:hover { color:#C8D8CD; }
#intro { padding:0 0 0 20px; font:12px/20px arial; text-align:right; position:absolute; top:510px; right:258px; }
#break { width:1px; height:100px; background:url(../images/break.png); position:absolute; top:483px; left:660px; }
#address { font:10px/15px verdana; position:absolute; top:510px; left:680px; }
#address a { color:#83A58E; border-bottom:1px dashed #D4E0D8; }
#address a:hover { color:#D4E0D8; }
#address strong { color:#333; }
#footer { font:10px verdana; color:#E4E4E4; text-align:right; position:absolute; top:614px; right:248px; }
#footer a { padding:0 10px; color:#999 !important; }
#footer a:hover { color:#D4E0D8 !important; }
#footer span { padding:0 10px 0 0; color:#CCC; }
#accor { position:absolute; top:660px; right:258px; }

#container2 #nav { top:117px; }
#container2 #logo { top:19px; }
#container2 #accor { top:74px; }
#break2 { width:1px; height:100px; background:url(../images/break2.png); position:absolute; top:17px; left:660px; }
#container2 #address { top:32px; }
#leftimage { position:absolute; top:167px; left:0; }
#container2 #images { top:167px; right:0; }
#left { text-align:right; position:absolute; top:485px; right:695px; }
#left img { margin-bottom:40px; }
#left ul { margin:-25px 0 40px 0; padding:0; list-style-type:none; }
#left li { font:10px/16px verdana; }
#left a { color:#444; }
#left a:hover { color:#B6C9BB; }
#content {
	width:580px;
	padding:37px 40px;
	font:12px/20px arial;
	background:url(../images/copy-back.jpg) top no-repeat;
	position:absolute;
	top:449px;
	right:-1px;
}
#content p { margin:0 0 20px 0; }
#content a { color:#83A58E; }
#content a:hover { color:#D4E0D8; }
#content ul { margin:0 0 20px 0; padding:0 0 0 20px; }
#content li { padding:0 0 0 15px; list-style-type:none; background:url(../images/li.gif) top left no-repeat; }
#content strong { color:#555; }
td { vertical-align:top; }
td li { margin-right:25px; }
.indent { margin:0 0 0 30px; font-size:11px; }
h1 { margin:0; padding:0; }
h2 { margin:2px 0 20px 0; padding:0; font:bold 16px arial; color:#555; }
h3 { margin:-2px 0 20px 0; padding:0; font:bold 13px arial; color:#555; }
hr { margin:0 0 20px 0; border:1px solid #FFF; border-top:1px dashed #CCC; }
.fine { font:10px/16px arial; color:#555; }
.bookbutton { margin:0 0 0 -4px; }
.tariffs { width:100%; margin:0 0 20px 0; background:#F4F4F4;  }
.tariffs td { padding:6px 11px; }
.season td { padding:8px 11px; background:#666 url(../images/td-back.png) repeat-x; }
.season strong { font-size:15px; color:#FFF !important; }
.room td, .room { padding:5px 11px; font-size:12px; background:#DDD; }
.room td { border-bottom:1px solid #F4F4F4; }
.room strong { color:#333 !important; }
.room span { font-size:10px; }
.detail td { padding:6px 11px 0 11px; }
#container2 #footer { margin-top:35px; text-align:left; position:static; }
#container2 #footer a { padding:0 7px; }

.box { width:100%; height:120px; margin:0 0 20px 0; padding:1px; border:1px solid #888; }
.box div { width:100%; height:100%; background:#C1D2C6; }
.box .accommodation { background:#BCCCD6; }
.box img { float:left; margin:0 15px 0 0; }
.box p { padding:15px 15px 15px 0; }
.box a { color:#252525 !important; }
.box a:hover { color:#666 !important; }
.box h3 { margin:0; padding:16px 0 0 0; }
.view, .book { margin:13px 15px 0 0; font:9px arial; float:right; }
.view a, .book a { height:13px; padding:6px 28px 0 0; display:block; }
.view { background:url(../images/i-view.gif) right no-repeat; }
.book { background:url(../images/i-book.gif) right no-repeat; }

.box2 { width:100%; display:table; }
.left { width:130px; float:left; }
.right { width:435px; float:right; }
.img { padding:1px; border:1px solid #888; }

#mapcontainer { width:100%; height:320px; margin:0 0 18px 0; padding:1px; border:1px solid #888; }
#map { width:100%; height:100%; }