﻿/* Global */
* {padding:0; margin:0;}
img {border:none}
html {padding:0; margin:0;}
body {height:100%;background: #F8F5FA url('../images/bg_2.gif') repeat-x; background-position: bottom;}
body {color:#856d8d; text-align:center; margin:0; font:normal 12px Arial, Helvetica, sans-serif;}
.top_bg {background: url('../images/bg_1.gif') repeat-x; background-position: top; width:100%;}
a, a:visited { text-decoration:underline; color:#ef5ba1}
a:hover { text-decoration:none; color:#ef5ba1}
p {color:#856d8d; font: 12px Arial, Helvetica, sans-serif; text-align: justify; }
h1 {color:#a64686;font: 20px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 30px;}
h2 {font-size:16px}
select, input.buttons {color:#a64686;}

/* STRUCTURE */
#wrapper {
	width:793px;
	min-height:100%;
	height:auto;
	margin:0 auto;
	text-align:left;
	}
* html #wrapper {height:100%; width:787px;}
#header {
  background: #f9f6fc url(../images/temp-bg-bg.gif) repeat-y;
  padding: 0px 16px;
}
#header .header-left {
    float: left;
    width: 196px;
}
#header .header-right {
    float: right;
    width: 551px;
}
* html #header .header-right {width: 552px;}
#content {
    clear: both;
	background: #f9f6fc url(../images/temp-bg-bg.gif) repeat-y;
}
#contenta {
    background:url(../images/content-bg.gif) 0 repeat-y;
}
#content-left {
    float: left;
    width: 170px;
    padding: 17px 10px 0 26px;
	min-height: 350px;
}
* html #content-left {width: 127px;}
#content-right {
    float: right;
    width: 493px;
    padding: 17px 60px 0 15px;
}
* html #content-right {width: 481px;}
#content-right p {
margin: 0 0 15px 0;
}
#content-right ul {
margin-left:30px;
}
#content-left ul {
margin-left:30px;
}
#content-right img {
margin: 5px 0;
border: 1px #E5DCEC solid;
background-color: #fff;
padding: 6px;
}
.foot {
    font: 12px Arial, Helvetica, sans-serif;
    color: #a64686;
    text-align: center;
}
.foot a, .foot a:hover {
    font: 12px Arial, Helvetica, sans-serif;
    color: #a64686;
    text-decoration: none;
}

/* Menu */
#menu {
	width:170px;
	background:url(../images/menu-bg.gif) repeat-y right;
    text-transform: uppercase;
    text-align: right;
    padding-right: 22px;
}
#menu ul {margin:0px}
#menu li {display:block; list-style:none; margin:0; font:bold 12px Trebuchet MS; padding-bottom: 10px;}
#menu ul li a:link, #menu ul li a:visited {padding:0px 20px 12px 6px; color:#584444; background: url(../images/menu.gif) no-repeat right top ; text-decoration: none;}
#menu ul li a:hover {padding:0px 20px 12px 6px;color:#ef5ba1; text-decoration:underline;}
#menu ul li a.active, #menu ul li a:active {padding:0px 20px 12px 6px;color:#ef5ba1; text-decoration:none;}
/* LANGUAGES */
#lang {
	width:551px;
	height:22px;
	background:url('../images/header-im-bottom2.gif') no-repeat;
    text-transform: uppercase;
    text-align: center;
}
#lang ul {height:22px; margin:0px; padding:0px}
* html #lang ul {height:22px;}
#lang li {display:inline; list-style:none; margin:0; font:bold 12px Trebuchet MS;letter-spacing: 0.1em;}
#lang ul li a:link, #lang ul li a:visited {padding:0px 8px 0px 6px; color:#ef5ba1; background: url(../images/lang-bg.gif) no-repeat right top ; text-decoration: none;letter-spacing: 0.1em;}
#lang ul li a:hover {padding:0px 8px 0px 6px;color:#ef5ba1; text-decoration:underline;letter-spacing: 0.1em;}
#lang ul li a#active, #lang ul li a:active {padding:0px 8px 0px 6px;color:#ef5ba1; text-decoration:none;letter-spacing: 0.1em;}


/* RESERVATION FORM */
#reservation_top{
	width:196px;
	height:28px;
	padding:0px;
	margin:0px;
	background:url(../images/form-top.gif) top left no-repeat;
}
#reservation_mid{
    color: #3399cc;
	width:196px;
	padding:0 0 0 15px;
	margin:0px;
	background:url(../images/form-middle.gif) repeat-y top left;
    text-align: left;
}
* html #reservation_mid {width: 181px;}
#reservation_bot{
	width:196px;
	height:8px;
	padding:0px;
	margin:0px;
	background:url(../images/form-down.gif) top left no-repeat;
}

/* ELEMENTS */
.pics {
  padding: 4px;
  border: 1px solid #ddcfe6;
}

.clearer{
 height:0px;
 overflow:hidden;
 /*margin-top:-1px; */
 clear:both;
 width: 100%;
 background: #D4C5F0;
}
#footer {
 height: 80px;
 background: #D4C5F0;
}

#gallery_pics {
margin: 0;
dispay: inline;
}

.hot_moffer {
margin: 0 0 15px 0;
}

.hot_moffer h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#a64686;
padding: 10px 0 0 190px;
margin: 0 0 10px 0;
}

.hot_moffer h3, .hot_moffer h3 a:link, .hot_moffer h3 a:visited, .hot_moffer h3 a:active, .hot_moffer h3 a:hover {
color: #a64686;
font-size: 16px;
text-decoration: none;
}

#hot_moffer img {
float: left;
margin: 0 20px 0 0;
}

.hot_moffer p {
font-family: Arial, Helvetica, sans-serif;
padding: 0 0 0 190px;
margin: 0 0 10px 0;
}

.hot_moffer p a, .hot_moffer p a:link,  .hot_moffer p a:active, .hot_moffer p a:visited, .hot_moffer p a:hover {
text-decoration: none;
}
