/* Hotel Arte layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: #770F06 url(img/bg-main.jpg) repeat 50% 0; color: #e0d3cc; }

h2 { color: #EEEEE1;}

a {color: #feff9d; }
a:visited {color: #dcb67f;}
a:hover {color: #ffdca9 ; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 0 0; }

/* Layout */
#mother {  }
#main { margin-top: 30px; background: url(img/bg-main-groove.png) repeat-y 597px 0; }
.col-main { margin: 0 auto; width: 880px; position: relative; }
.col-left { width: 570px; float: left; }
.col-right { width: 260px; float: right; }

/* Header */
#header { height: 155px; background: url(img/bg-header.png) repeat-x 0 0; }
#header  .bg { background: url(img/bg-header-center2.png) no-repeat 50% 0; min-height: 113px; _height: 113px; }

#logo { margin: 38px 0 0 0; float: left; }
#logo img { }

#slogan { position: absolute; top: 48px; left: 240px; font-size: 12px; text-transform: uppercase; line-height: 1.7; color: #b58f7a; }

/* Footer */
#footer { border-top: 3px solid #dcb67f; padding: 4px 0 15px; margin-top: 20px; font-size: 84.615%; }
#footer p { margin: 0;}

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }


/* Main menu*/
#main-menu { width: 100%; clear: both; position: absolute; top: 117px; left: 0; }
#main-menu ul { width: 100%; margin: 0; padding: 0; }
#main-menu ul li { margin: 0; padding: 9px 0 0 0; background: none; list-style: none; float: left; }
#main-menu ul li a { display: block; float: left; padding: 0px 15px; font-weight: bold; text-transform: uppercase; font-size: 92.308%; text-decoration: none; border-left: 1px solid #DCB67F; line-height: 1.2; }
#main-menu ul li a, #main-menu ul li.active a:hover { color: #e9e0da; }
#main-menu ul li:first-child { margin-left: -15px; }
#main-menu ul li:first-child a { border: 0; }

#main-menu ul li { _margin-left: expression(this.parentNode.firstChild == this ? '-15px' : '0'); }
#main-menu ul li a { _border-left-width: expression(this.parentNode.parentNode.firstChild == this.parentNode ? '0' : '1px'); }

#main-menu ul li a:hover { color: #ffdca9; }
#main-menu ul li.active { background: url(img/bg-main-menu-active.png) no-repeat 50% 0; }

.annot { font-weight: bold; xmargin-bottom: 3.38461em;  color: #EEEEE1; }
.annot p { padding-bottom: 1.6923em; margin-bottom: 1.6923em; }

/* Breadcrumb */
#breadcrumb { margin: -18px 0 23px 0; font-size: 84.615%; position: relative; }
#breadcrumb p { margin: 0; }

.sidebox { margin: 0 0 25px 13px; font-size: 92.308%; }
.sidebox h2 { margin: 0 0 8px -13px; padding: 3px 2px 3px 28px; font-size: 100%; text-transform: uppercase; font-weight: bold; background: #643707 url(img/bullet-sidebar.png) no-repeat 12px 50% }

.hotel-photo { margin-top: -150px; height: 288px; margin-bottom: 5px; 
_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/css/img/hotel-photo.png');
_position: relative;
}
.hotel-photo img { _display:none; }


.featured-image { float: right; margin: 0 0 10px 20px; padding: 5px; background: #EEEEE1; }
.featured-image img { display: block;  }
.featured-image p { margin: 3px 0 0; font-size: 84%; color: #555555; }

/* Forms */
form { margin: 0;}
.fm-box { background: #643707; color: white; padding: 20px 0 20px 20px; margin: 5px 0; zoom: 1; }
.fm-col { width: 100%; overflow: hidden;}
.fm-spc { padding-right: 12px; padding-bottom: 5px; }
.fm-spc h3 { padding-top: 12px; margin: 0; clear: both; }

.inp-text { vertical-align: bottom; padding: 2px 0; border: 1px solid #333333; }

.error-message { color: #9F3627; background: white; font-weight: bold; border: 3px solid #9F3627; padding: 10px 20px; margin-bottom: 15px; margin-right: 20px; zoom: 1;}
.error-message h3 { background: red; color: white; margin: -10px -20px 15px; padding-left: 20px; zoom: 1;}
.error { background: red; color: white; font-weight: bold; }

input.radio { vertical-align: top;}

#contact-form h2 { margin-bottom: 0; }

#reservation-form { margin-bottom: 25px; }

/* Widths */
.w-full { width: 100%; }
.w-75 { width: 75%; }
.w-half { width: 50%; }
.w-third { width: 31%; }
.w-quarter { width: 25%; }
.w-eighth { width: 12.5%; }

table.price-list { border: 2px solid #936157; border-width: 2px 0; background: #63180E; font-weight: bold; font-size: 107.692%; }
table.price-list td { border: 1px solid #936157; border-width: 1px 0 ; }

#TB_window h2 { color: #333333; margin-bottom: 0; }

#date-calc { font-size: 133%; margin-top: 10px; background: #feff9d; color: black; padding: 4px 10px; display: none; }

.room-row { margin-bottom: 2px; }
.room-row .ico-plus, .room-row .ico-minus { cursor: pointer; }

#lang-menu { position: absolute; top: 50px; left: 530px; }
#lang-menu ul { margin: 0; padding: 0; }
#lang-menu ul li { margin: 0 0 0 5px; padding: 0; background: none; float: left; border: 1px solid #EEEEE1; }
#lang-menu ul li.active { opacity: 0.5; _filter: alpha(opacity=50); }
#lang-menu ul li a { display: block; width: 16px; height: 11px; overflow: hidden; text-indent: -3000px;  }

#lang-menu ul li.flag-en a { background: url(img/flag-en.png) no-repeat 0 0; }
#lang-menu ul li.flag-de a { background: url(img/flag-de.png) no-repeat 0 0; }
#lang-menu ul li.flag-cs a { background: url(img/flag-cs.png) no-repeat 0 0; }


.paper { background: url(img/bg-paper-mid.png) repeat-y 0 0; margin-right: -26px; position: relative; zoom: 1; margin-bottom: 30px; }
.paper-in1 { background: url(img/bg-paper-top.png) no-repeat 0 0; }
.paper-in2 { background: url(img/bg-paper-bot.png) no-repeat 0 100%; min-height: 300px; padding: 30px; color: #333333; zoom: 1; }
.paper-in2 .annot { color: #333333; }
.paper-in2 h1 { color: #333333; text-align: center; margin: 20px 0; }
.paper-in2 h2 { color: #333333; text-align: center; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; margin-bottom: 10px; padding-top: 35px; background: url(img/ornament2.png) no-repeat 50% 8px; }
.paper-in2 table td { border: 1px dotted #333333; border-width: 1px 0; }

.footer-links { margin: 5px 0; } 

/* Articles list */
.articles-list ul { margin: 0 0 20px 0; padding: 0; }
.articles-list ul li { margin: 0 0 20px 0; padding: 0; background: none; zoom: 1; }
.articles-list ul li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.articles-list ul li .foot { font-size: 84.61%; color: #555; margin-top: 0px; padding: 4px 0px; }
.articles-list ul li .foot span { margin: 0 5px; }
.articles-list ul li h2 { margin-top: 0; }
.articles-list ul li h2 a { display: block; }
.articles-list ul li h2 span { display: block; width: 100%; }
.articles-list ul li h2 img { float: left; padding: 5px; background: #EEEEE1; margin: 10px 15px 5px 0 ; display: block; border: 0; }

.sidebox .articles-list ul li .desc { font-size: 11px; }

table.packages tr td { padding-bottom: 5px; }

/* Tooltip */
.help { margin-left: 10px; cursor: help; vertical-align: baseline;; }
.tooltip { cursor: help; }
.tooltip-box { width: 220px; position: relative; left: 25px; top: -15px; }
.tooltip-box .tooltip-arrow { background: url(img/bg-tooltip-arrow.png) no-repeat 0 0; width: 6px; height: 11px; position: absolute; left: -6px; top: 12px; }
.tooltip-box p { margin: 0; }
.tooltip-box .inner { background: #fff; color: #000; padding: 10px 15px 10px; font-size: 11px; line-height: 16px; zoom: 1; 
	-moz-box-shadow: 5px 5px 5px #333; 
	-webkit-box-shadow: 5px 5px 5px #333; 
	box-shadow: 5px 5px 5px #333; 
}