@charset "utf-8";
/* CSS Document */
body {margin:20px auto; background:#fff; font-size:87.5%}
div, td, a, input, textarea {font-size:1em; font-family: Arial;line-height:24px; color:#444}
* {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box}

div {padding-bottom:5px;padding-top:0px;}
h1 {font-size:1.5em; color:#b62816; font-family:Georgia;line-height:50px;}
h2 {font-size:1em; font-weight:bold;line-height:35px;text-shadow: 1px 1px 0px #fff;}

a {color:#333333}
a:hover {color:#555555;text-decoration:none;}

p {margin-bottom:10px;}
ul{list-style-image:url('../images/triangle.png') !important;}
ul {padding-left:20px;}
li  {text-indent:0px;padding-left:5px;margin-bottom:5px;}
img {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box}
strong {font-weight:bold}

/* header */
div.lang {float:right;background:#e0e0e0;margin:16px 5px 10px 25px;padding:5px 10px 5px 10px;line-height:11px;}
div.lang img {margin:0px;border:2px solid #fff;}
div.lang img:hover {margin:0px;border:2px solid #eeeeee;}

#nav a {text-transform:uppercase; text-decoration:none; font-size:1em; color:#222;display:block;float:left;padding:4px; line-height:13px;letter-spacing:1px;}
#nav a:hover {background:#458a00; color:#fff !important}
#footer {background-color:#ededed;margin-bottom:-20px;padding-top:15px;}
/* universal */

.max-image { width:100%; height:auto; }
.middle {vertical-align:middle}
.centre {text-align:center}
.right {text-align:right}
.fright {text-align:right;font-family:Georgia; color:#999999;margin-bottom:10px;display:block}
.small {font-size:0.9em;}
.italic {font-style:italic;margin-bottom:20px;}
.italic2 {font-style:italic;margin-bottom:0px;}
.header {line-height:61px;color:#333333;}
.header img {margin-right:3px;margin-left:8px;border:0px;margin-bottom:0px !important}
.dark {color:#404040}
.yel {color:#ffff00;}
.red {color:#ad0000;}
.bold {font-weight:bold}
.big {font-size:1.2em}
.ul {text-decoration:underline}
.bg {background:#eedcdc;color:#000}
.promo {color:#b62816 !important; font-weight:bold; float:right; font-size:0.7em !important; letter-spacing:0px !important;padding:4px 0px 4px 0px !important}
.colourpad *{margin-left:20px;margin-top:10px;}
.colourpad p{font-size:0.9em;padding:5px 10px;margin-bottom:-5px !important;}
.colourpad p:hover {background:#e6e6e6}
.colourpad p:hover > a {color:#000000}
.colourpad a{margin-left:0px;font-size:1.1em;}
.colourpad div{margin-left:0px}
.cl {cursor:pointer}
.hide {display:none;}
.lang img {cursor:pointer}
.en {border:2px solid #e0e0e0 !important}

.bt p {color:#fff}

div.pic > img:first-child {border:7px solid #e0e0e0}

/* Contact */

form {line-height:30px;color:#999;font-size:0.85em}
form > input, textarea {padding:5px;width:100%;margin-bottom:7px;background-color:#ffffff;border:1px dotted #999999;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box}
form > input[name=submit] {background-color:#458a00;margin-top:10px; color:#ffffff; border:1px solid;height:40px;font-family:Georgia}
form > input[name=submit]:hover {background-color:#A4AF67;}
form > input {}
form > input:focus { border:1px dotted #458a00;}
form > textarea:focus { border:1px dotted #458a00;}
form > textarea {height:200px;}
input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}
.sent {color:#999999 !important;pointer-events:none}

/* Rooms */
.room01, .room02, .room03, .room04 {padding:15px 0px 15px 0px;margin-bottom:15px;} 
.room01 p.italic, .room02 p.italic, .room03 p.italic, .room04 p.italic {margin-top:-10px;font-size:0.9em;} 
.room01 {background:#d6eaa6;}
.room02 {background:#dcccf1;}
.room03 {background:#ffdbbd;}
.room04 {background:#d2dde1;}

/* Price */
table {margin:20px 0px 20px 0px; background:#b62816;}
table, tr, td {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box; color:#fff}
tbody tr:hover > td{background:#eee;color:#333333}
thead tr:first-child {border:0px dotted #458a00;pointer-events:none;font-weight:bold}
tbody tr {border-top:1px dotted #aaa}
td {text-align:center;padding:5px;}

span.winter, span.summer {cursor:help}
.tab1, .tab2 {padding:5px 0px  5px 0px;}
.tab1 {background:#ffdbbd;}
.tab1f div.column {border-left:1px solid #ddd;}

.tab2 {background:#d2dde1;}

#info img {margin-bottom:15px;}
#info ul{list-style-image:url('../images/triangleg.png') !important;}