* { margin: 0; padding: 0; }
html { padding: 0; margin: 0; background: #fff url('images/bg.jpg') no-repeat center top; } 
body { background: url('images/bg_header.jpg') no-repeat center top;; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4; font-size:80%; font-family:Arial, sans-serif }
a { color: #af0000; }
a:hover {color:#af0000; text-decoration: none; }
a img { border: 0px none; }
.clear { height: 0; overflow: hidden; line-height: 0; clear: both; }
hr { height: 3px; background: url('images/hr.png') repeat-x;  border: medium none; display: block }

/* hlavička */
#header { width: 950px; height: 232px; margin: 0 auto; position: relative; }
#header a { text-indent: -5000px; }
#header a.logo { position: absolute; width: 268px; height: 30px; top: 62px; left: 20px; }
#header a.home { position: absolute; top: 56px; left: 878px; background: url('images/icons/ico_home.png') no-repeat; width: 10px; height: 11px }
#header a.sitemap { position: absolute; top: 75px; left: 878px; background: url('images/icons/ico_sitemap.png') no-repeat; width: 12px; height: 10px }
#header a.print { position: absolute; top: 98px; left: 878px; background: url('images/icons/ico_print.png') no-repeat; width: 11px; height: 10px }
#header a.email { position: absolute; top: 120px; left: 878px; background: url('images/icons/ico_email.png') no-repeat; width: 11px; height: 8px }

#page { width: 950px; margin: 0 auto; }
/* pravý sloupec s menu */
.left-col { float: left; width: 263px; }
.menu { background: url('images/bg_menu.png') repeat-y; margin-top: 5px }
.menu ul { width: 229px; margin: 0 auto; list-style: none; }
.menu ul li { margin-top: 2px; border-bottom: 1px solid #c4a787; }
.menu ul li a { background: url('images/menu_item.png') no-repeat center left; display: block; color: #3b2512; text-decoration: none; font-weight: bold; padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:7px }
.menu ul li a.selected, .menu ul li a:hover { color: #FFFFFF; text-decoration: none; background: url('images/menu_item_hover.png') no-repeat center left;; padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:7px }
.menu-bottom { background: url('images/menu_bottom.png') no-repeat top left; height: 24px }
.quarter1 { background: url('images/boxes/hotels_qurter.jpg') no-repeat; margin: 10px auto; width: 236px; height: 129px; position: relative }
.quarter1 a { position: absolute; top: 89px; left: 140px; color: #f4eae0; text-decoration: none; font-weight: bold; }
.quarter1 a:hover { text-decoration: underline; color: #f4eae0; }
.quarter2 { background: url('images/boxes/prague_quarter.jpg') no-repeat; margin: 10px auto; width: 236px; height: 129px; position: relative }
.quarter2 a { position: absolute; top: 89px; left: 140px; color: #f4eae0; text-decoration: none; font-weight: bold; }
.quarter2 a:hover { text-decoration: underline; color: #f4eae0; }


/* levý sloupec s obsahem */
.right-col {  float: left; width: 687px; }
.right-col .content { padding: 0 15px; }
#path { padding: 10px 0; font-size: 85%; }
#path a { background: url('images/arrow_path.png') no-repeat left center; font-weight: bold; text-decoration: none; padding-left:20px; padding-right:10px; padding-top:0; padding-bottom:0 }
#path a:hover { text-decoration: underline; }
#path span { background: url('images/arrow_path.png') no-repeat left center; padding-left: 20px  }
#path h1 { padding: 0; font-size: 95%; }
.nav ul { list-style: none; clear: both; width: 505px; float: right; }
.nav ul li { display: inline; }
.nav ul li a { background: url('images/nav.png') repeat-x top; display: block; float: left; height: 47px; line-height: 39px; color: #dbc8b1; text-decoration: none; font-weight: bold; margin-left:2px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0 }
.nav ul li a.selected, .nav ul li a:hover { background: url('images/nav_hover.png') repeat-x top; color: #fff; text-decoration: none }
.right-col h1 { color: #af0000; }
.right-col h2 { color: #af0000; font-size: 130%; line-height: 30px; }
.right-col h3 { background: url('images/h3.png') repeat-x bottom; color: #af0000; font-size: 100%; line-height: 30px; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0 }
.right-col h4 { color: #9a7149; font-size: 100%; line-height: 30px; }
.right-col p { margin: 15px 0; }
.right-col p.desc { padding: 0 10px; }
.right-col p.center { text-align: center; }
.right-col .box { position: relative; height: 126px; background: url('images/boxes/box_head.jpg') no-repeat; }
.right-col .box a { position: absolute; top: 29px; left: 99px; width: 102px; line-height: 22px; color: #f4eae0; text-align: center; font-weight: bold; text-decoration: none; }
.right-col .box a:hover { text-decoration: underline; color: #f4eae0; }
.right-col .box1 { position: relative; height: 126px; background: url('images/boxes/box_hotel.jpg') no-repeat; }
.right-col .box1 a { position: absolute; top: 56px; left: 110px; line-height: 22px; color: #f4eae0; text-align: center; font-weight: bold; text-decoration: none; }
.right-col .box1 a:hover { text-decoration: underline; color: #f4eae0; }
.right-col ul.list1 { list-style: none; }
.right-col ul.list1 li { float: left; width: 50%; }
a.click { background: #a07d58 url('images/arrow_duo.png') no-repeat center right; line-height: 31px; display: block; padding-left: 10px; color: #f4eae0; font-weight: bold; margin: 10px 0 }
a.click:hover { color: #f4eae0; }
.banner-box { background: #b5916c; height: 123px; position: relative; }
.banner-box img { border: 1px solid #3d2713; }
a.smallbanner { background: #AF0000 url('images/arrow_duo.png') no-repeat center right; line-height: 31px; display: block; padding-left: 10px; color: #f4eae0; font-weight: bold; margin: 10px 0 }
a.smallbanner:hover { color: #f4eae0; }


.photo-box { background: #b5916c; height: 230px; position: relative; }
.photo-box img { border: 1px solid #3d2713; }
.photo-box img.image1 { position: absolute; top: 10px; left: 10px; }
.photo-box img.image2 { position: absolute; top: 10px; left: 333px; }
.photo-box img.image3 { position: absolute; top: 10px; left: 441px; }
.photo-box img.image4 { position: absolute; top: 10px; left: 549px; }
.photo-box img.image5 { position: absolute; top: 84px; left: 333px; }
.photo-box img.image6 { position: absolute; top: 84px; left: 441px; }
.photo-box img.image7 { position: absolute; top: 84px; left: 549px; }
.photo-box img.button { position: absolute; top: 195px; left: 508px; }

/* tabulka seznamu apartmanu */
table.list { width: 100%; margin: 5px 0 15px 0; }
table.list th { background: #af0000; color: #fff; padding: 5px; }
table.list td { border: 1px solid #e5d6c1; background: #fdf6e9; padding: 5px; text-align: center; }
table.list td.desc { text-align: left; font-size: 85%; }
table.list td a { font-weight: bold; }

/* tabulka seznamu hotelu */
table.hotellist { width: 100%; margin: 5px 0 15px 0; }
table.hotellist th { background: #af0000; color: #fff; padding: 5px; }
table.hotellist td { border: 1px solid #e5d6c1; background: #fdf6e9; padding: 5px; text-align: center; }
table.hotellist td.desc { text-align: left; font-size: 85%; }
table.hotellist td a { font-weight: bold; }

/* tabulka APT REKLAMA */
table.aptreklama { width: 100%; margin: 5px 0 15px 0; }
table.aptreklama th { background: #a07d58; color: #fff;  }
table.aptreklama td { border: 1px solid #e5d6c1; background: #fdf6e9; padding: 5px; text-align: center; }
table.aptreklama td.desc { text-align: left; font-size: 85%; }
table.aptreklama td a { font-weight: bold; }

/* tabulka APT Passover and Saver packages */
table.passoverapartments { width: 100%; margin: 5px 0 15px 0; }
table.passoverapartments th { background: #a07d58; color: #fff;  }
table.passoverapartments td { border: 1px solid #e5d6c1; background: #fdf6e9; padding: 5px; text-align: center; }
table.passoverapartments td.desc { text-align: left; font-size: 85%; }
table.passoverapartments td a { font-weight: bold; }

/* tabulka stránkování */
table.paging { width: 100%; margin: 5px 0 15px 0; }
table.paging td a { font-weight: bold; }
table.paging td.first { width: 20px; }
table.paging td.last { width: 20px; }
table.paging td.prev { width: 50px; text-align: left; padding-left: 5px; }
table.paging td.next { width: 50px; text-align: right; padding-right: 5px; }
table.paging td.num { text-align: center; }

/* tabulka detil */
table.detail { width: 100%; margin: 5px 0 15px 0; }
table.detail tr.dark { border: 1px solid #e5d6c1; background: #fdf6e9; }
table.detail tr.dark th { border-left: 1px solid #e5d6c1; border-top: 1px solid #e5d6c1; border-bottom: 1px solid #e5d6c1; }
table.detail tr.dark td { border-right: 1px solid #e5d6c1; border-top: 1px solid #e5d6c1; border-bottom: 1px solid #e5d6c1; }
table.detail th { font-weight: bold; text-align: left; width: 35%; padding: 5px 7px; color: #606060 }
table.detail td { text-align: left; width: 65%; padding: 5px 7px; color: #606060; }

/* tabulka Apartment*/
table.apartment { width: 100%; margin: 5px 0 15px 0; }
table.apartment td { border: 1px solid #e5d6c1; background: #fdf6e9; padding: 5px; text-align: center; }
table.apartment td a { color: #000; font-weight: bold; }
table.apartment td a:hover { text-decoration: none; color: #000; }

/* tabulka cen */
table.price { width: 100%; margin: 5px 0 15px 0; }
table.price th { border: 1px solid #9d7b56; background: #c7a380; padding: 1px 5px; }
table.price th span.space { padding: 0 25px; }
table.price th.red { border: 1px solid #af0000; background: #af0000; color: #c3a584; }
table.price td { border: 1px solid #e5d6c1; background: #fdf6e9; padding: 1px 5px; text-align: center; color: #606060; }
table.price td a { color: #000; font-weight: bold; }
table.price td.desc { color: #795535; text-align: right; padding: 5px; }

/* reservacni formular */
form.reserve { border: 1px solid #e5d6c1; background: #fdf6e9; padding: 10px; margin: 5px 0 15px 0; }
table.reservation { width: 100%; }
table.reservation td { padding: 5px 0; color: #606060; }
table.reservation td.right { text-align: right; }
table.reservation td textarea { width: 100%; }

/* Patička */
#footer { height: 175px; clear: both; background: url('images/bg_footer.jpg') no-repeat center; }
#foot { background: url('images/bg_foot.jpg') no-repeat center; height: 175px; width: 950px; margin: 0px auto; position: relative }
#foot p { color: #f4eae0; }
#foot p a { color: #f4eae0; text-decoration: none; }
#foot p a:hover { color: #f4eae0; text-decoration: underline; }
#foot p.copy { text-align: right; position: absolute; top: 23px; width: 240px; }
#foot p.contact { position: absolute; top: 23px; left: 275px; }

/* ********** helpers ********** */
.splitter1{clear:both;display:block; font-size:1px; line-height:1px; padding-top:1px}
.splitter5{clear:both;display:block; font-size:1px; line-height:1px; padding-top:5px}
.splitter10{clear:both;display:block; font-size:1px; line-height:1px; padding-top:10px}
.splitter15{clear:both;display:block; font-size:1px; line-height:1px; padding-top:15px }
.splitter20{clear:both;display:block; font-size:1px; line-height:1px; padding-top:20px }
.splitter30{clear:both;display:block; font-size:1px; line-height:1px; padding-top:30px }

/* barvy */
.brown { color: #9a7149; }

/* Reklamy */
.left-col .advert { border: 1px solid #a07d58; margin: 10px auto; width: 236px; height: 129px; }
.right-col .advert { border: 1px solid #a07d58; margin: 10px 0; height: 129px; width: 534px; }