/* www.hotelcontinental.cz/css/default.css */

body { color: white; background: #6D1414 url("../images/background.png") repeat; text-align: center; }
#page { position: relative; z-index: 0; width: 1000px; margin: 0 auto; background: #6B2727 url("../images/content-background.gif") repeat-y; text-align: left; }
a { color: #ECDD61; background-color: inherit; background-image: none; }
a:visited { color: #ECDD61; background-color: inherit; background-image: none; }
a:visited:hover { color: #ECDD61; background-color: inherit; background-image: none; }
a:hover, a:focus, a:active { color: #ECDD61; background-color: inherit; background-image: none; }
a.e-mail:hover, a.e-mail:focus, a.e-mail:active { color: #ECDD61; background: inherit; } /* odkaz na e-mail */
a img { border: none; }
span.hidden { display: none; }
hr.hidden { display: none; }
div.cleaner { width: 100%; height: 1px; clear: both; }
.selected { font-weight: bold;}
/* #page div.cleaner { display: none; } */

/* accessibility */
#accessibility { display: none; }

/* header */
#header { position: relative; width: 1024px; height: 392px; margin: 0 -12px; padding: 0; background: url("../images/header.jpg") no-repeat; }
#header h1 { position: absolute; top: 53px; left: 0; z-index: 1; margin: 0; padding: 0; font-size: 32px; }
#header h1 a { display: block; position: relative; width: 1024px; height: 339px; padding: 0; color: #EBDA56; /* background: #FFE694; */ overflow: hidden; }
#header h1 a span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo.jpg") no-repeat; cursor: pointer; }
#language { position: absolute; top: 13px; right: 31px; z-index: 2; margin: 0; padding: 0; color: #EBDA56; font-size: 0.9em; }
#language h4 { display: none; }
#language p { margin: 0; }
#language a { color: #EBDA56; text-decoration: none; }
#language a:hover, #language a:focus, #language a:active { text-decoration: underline; }
#quick_links { position: absolute; top: 13px; left: 31px; z-index: 2; margin: 0; padding: 0; color: #EBDA56; font-size: 0.9em; }
#quick_links p { margin: 0; }
#quick_links a { color: #EBDA56; text-decoration: none; }
#quick_links a:hover, #quick_links a:focus, #quick_links a:active { text-decoration: underline; }
#flash { position: absolute; top: 53px; left: 0; z-index: 1; width: 1024px; height: 339px; margin: 0; padding: 0; background: url("../images/flash.jpg") no-repeat; }

/* content */
#content { position: relative; width: 1000px; /* height: 502px; */ margin: 43px 0 1em 0; padding: 0 20px 0 20px; } #page>#content { width: 960px; /* height: auto; min-height: 469px; */ }
#content #breadcrumb { margin: 0.8em 0 1.6em -14px; color: #1C1C1C; }
#content #breadcrumb a { color: #1C1C1C; font-weight: normal; }
#content #breadcrumb span { margin: 0 0.5em; color: #7B7B7B; }
#content h2 { margin: 0 0 0.8em 0; color: #ECDD61; font-size: 1.8em; font-weight: normal; }
#content h3 { margin: 0 0 0.5em 0; color: #ECDD61; font-weight: normal; }
#content h4 { margin: 0 0 0.5em 0; color: #ECDD61; font-size: 1.4em; }
#content img { border: 3px white solid; }
#content ul { margin: 0; padding: 0; list-style-type: none; }
#content li { padding: 0 0 0 66px; background: url("../images/list-item.gif") 50px 7px no-repeat; }
#content .mapa { border: 7px solid #ffffff; }

/* left_column */
#left_column { width: 185px; margin: 95px 0 0 52px; padding: 0; }
#left_column #pokoje { margin: 0 0 50px 0; }
#left_column #pokoje h3 { display: none; }
#left_column #pokoje h4 { width: 100%; margin: 0 0 10px 0; padding: 0 0 10px 0; color: #F7DC67; background: url("../images/separator.gif") center bottom no-repeat; text-align: center; font-size: 1.3em; }
#left_column #pokoje ul { margin: 0 0 19px 57px; padding: 0; color: #350805; }
#left_column #pokoje li a { color: white; text-decoration: none; }
#left_column #pokoje li a:hover, #left_column #pokoje li a:focus, #left_column #pokoje li a:active, #left_column #pokoje li a.active { font-weight: bold; }
#left_column #rezervace { margin: 0 0 50px 0;}
#left_column #rezervace h3 { width: 100%; margin: 0 0 11px 0; padding: 0 0 10px 0; color: #F7DC67; background: url("../images/separator.gif") center bottom no-repeat; text-align: center; font-size: 1.3em; }
#left_column #rezervace p { margin: 0 0 0 8px; }
#left_column #rezervace label { display: block; }
#left_column #rezervace input { width: 166px; }
#left_column #rezervace select#od-den { width: 50px; text-align: right; }
#left_column #rezervace select#od-mesic_rok { width: 116px; text-align: right; }
#left_column #rezervace select#do-den { width: 50px; text-align: right; }
#left_column #rezervace select#do-mesic_rok { width: 116px; text-align: right; }
#left_column #rezervace label#osob-label { width: 50px; margin: 0 20px 0 0; float: left; }
#left_column #rezervace select#osob { width: 50px; margin: 0 5px 0 0; float: left; text-align: right; }
#left_column #rezervace label#deti-label { width: 50px; margin: 0 20px 0 0; float: left; }
#left_column #rezervace select#deti { width: 50px; margin: 0 5px 0 0; float: left; text-align: right; }
#left_column #rezervace label#pokoju-label { width: 50px; margin: 0 20px 0 0; float: left; }
#left_column #rezervace select#pokoju { width: 50px; margin: 0 5px 0 0; float: left; text-align: right; }
#left_column #rezervace input.submit { width: 95%; background-color: #6D1414; color: #F7DC67; border: 1px solid #F7DC67; padding: 5px 10px 5px 10px; }
#left_column #rezervace input.submit:hover { background-color: #5C1010; cursor: pointer;}


/* menu */
#menu { position: absolute; top: 392px; left: 0; z-index: 2; width: 1024px; height: 43px; margin: 0 -12px; padding: 0; }
#menu h4 { display: none; }
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu li { display: inline; padding: 0; }
#menu li a { display: block; height: 43px; margin: 0; padding: 0; color: #EBDA56; background-position: 0 0; background-repeat: no-repeat; float: left; }
#menu li.active a, #menu li a:hover, #menu li a:focus, #menu li a:active { background-position: 0 -43px; }

#menu li a#menu-item-1 { width: 265px; background-image: url("../images/menu-item-1.jpg"); }
#menu li a#menu-item-2 { width: 137px; background-image: url("../images/menu-item-2.jpg"); }
#menu li a#menu-item-3 { width: 150px; background-image: url("../images/menu-item-3.jpg"); }
#menu li a#menu-item-4 { width: 138px; background-image: url("../images/menu-item-4.jpg"); }
#menu li a#menu-item-5 { width: 113px; background-image: url("../images/menu-item-5.jpg"); }
#menu li a#menu-item-6 { width: 221px; background-image: url("../images/menu-item-6.jpg"); }

#menu li a#menu-item-1-de { width: 265px; background-image: url("../images/menu-item-1.jpg"); }
#menu li a#menu-item-2-de { width: 137px; background-image: url("../images/menu-item-2-de.jpg"); }
#menu li a#menu-item-3-de { width: 150px; background-image: url("../images/menu-item-3-de.jpg"); }
#menu li a#menu-item-4-de { width: 138px; background-image: url("../images/menu-item-4-de.jpg"); }
#menu li a#menu-item-5-de { width: 113px; background-image: url("../images/menu-item-5-de.jpg"); } 
#menu li a#menu-item-6-de { width: 221px; background-image: url("../images/menu-item-6-de.jpg"); }

#menu li a#menu-item-1-en { width: 265px; background-image: url("../images/menu-item-1.jpg"); }
#menu li a#menu-item-2-en { width: 137px; background-image: url("../images/menu-item-2-en.jpg"); }
#menu li a#menu-item-3-en { width: 150px; background-image: url("../images/menu-item-3-en.jpg"); }
#menu li a#menu-item-4-en { width: 138px; background-image: url("../images/menu-item-4-en.jpg"); }
#menu li a#menu-item-5-en { width: 113px; background-image: url("../images/menu-item-5-en.jpg"); }
#menu li a#menu-item-6-en { width: 221px; background-image: url("../images/menu-item-6-en.jpg"); }

#menu li a span { display: none; }

/* footer */
#footer { position: relative; width: 1024px; height: 130px; margin: 0 -12px; padding: 0; color: white; background: #E5E5E5 url("../images/footer.jpg") no-repeat; font-size: 0.9em; clear: both; }
#footer hr { display: none; }
#footer p { position: absolute; top: 61px; margin: 0; }
#copyright { right: 566px; }
#webdesign { left: 566px; }
#webdesign a { color: white; text-decoration: none; }
#webdesign a:hover, #webdesign a:focus, #webdesign a:active { text-decoration: underline; }

/* other */
/* index */
.index #content { margin-left: -12px; margin-right: -12px; padding-left: 32px; padding-right: 32px; background: url("../images/about-block.jpg") 0 338px no-repeat; } #page.index>#content {  }
.index #content #vyberte_si { height: 338px; margin: 0 -32px; padding: 95px 32px 0 32px; } .index #content>#vyberte_si { height: 243px; }

.index #content .vyberte_si_cz { background: url("../images/rooms-block.jpg") no-repeat; }
.index #content .vyberte_si_de { background: url("../images/rooms-block-de.jpg") no-repeat; }
.index #content .vyberte_si_en { background: url("../images/rooms-block-en.jpg") no-repeat; }

.index #content #vyberte_si h3 { display: none; }
.index #content #vyberte_si .pokoj { width: 300px; margin: 0 30px 0 0; float: left; }
.index #content #vyberte_si .last { margin-right: 0; }
.index #content #vyberte_si .pokoj p { margin: 3px 12px 0 12px; }
.index #content #vyberte_si .pokoj a { margin-right: 3.5em; font-weight: bold; }
.index #content #hotel 							{ width: 560px; margin: 0 0 0 0; float: left; }
.index #content #hotel h3 						{ display: none; }
.index #content #hotel img 						{ margin: 101px 38px 1em 0; border-width: 5px; float: left; }
.index #content #hotel p 						{ margin: 157px 0 1em 255px; text-align: justify; }
.index #content #hotel p#vice_o_hotelu 			{ margin: 0 0 0 400px; }
.index #content #hotel p#vice_o_hotelu a 		{ font-weight: bold;}
.index #content #hotel p#vice_o_hotelu a:hover 	{ font-weight: bold; text-decoration: none; }
.index #content #novinky { margin: 35px 0 0 600px; }
.index #content #novinky h3 { margin: 0 0 19px 0; }
.index #content #novinky .novinka { clear: right; }
.index #content #novinky .novinka img { float: left; }
.index #content #novinky .novinka h4 { margin: 0 0 0.5em 128px; font-size: 1.2em; }
.index #content #novinky .novinka h4 a { text-decoration: none; }
.index #content #novinky .novinka h4 a:hover, .index #content #novinky .novinka h4 a:focus, .index #content #novinky .novinka h4 a:active { text-decoration: underline; }
.index #content #novinky .novinka p { margin: 0 20px 0.5em 147px; text-align: justify; }
.index #content #novinky .novinka p.datum { float: right; padding-right: 30px; margin: 0 0 1em 188px; color: #ECDD61; font-weight: bold;}
.index #content #novinky a#vsechny_novinky { font-weight: bold; }
.index #content #navstivte { clear: both; padding: 25px 0 10px 0; }
.index #content #navstivte h3 { margin: 0 0 16px 0; font-size: 1.1em; font-weight: normal; }
.index #content #navstivte h3 span { font-size: 0.8em; }
.index #content #navstivte p { margin: 0; }
.index #content #navstivte a { color: white; }

/* ubytovani */
.ubytovani #content { width: 653px; margin-right: 25px; padding: 47px 0 0 0; float: right; } #page.ubytovani>#content { width: 653px; margin-right: 50px; }
.ubytovani #content .pokoj { height: 202px; margin: 0 0 10px 0; padding: 9px 9px 0 20px; background: #56201E; } .ubytovani #content>.pokoj { height: auto; min-height: 184px; } .ubytovani #content>/**/.pokoj { padding-bottom: 9px; }
.ubytovani #content .pokoj img { margin: 0 0 0 30px; border: 5px solid #461A1B; float: right; }
.ubytovani #content .pokoj h3 { margin: 1em 0 0.1em 0; font-size: 1.25em; font-weight: bold; } .ubytovani #content>/**/.pokoj h3 { margin-top: 0.4em; }
.ubytovani #content .pokoj p#cenik_porovnani a { display: block; height: 31px; line-height: 31px; margin: 0; font-weight: bold; vertical-align: middle; float: left; }
.ubytovani #content .pokoj p#cenik_porovnani a#cenik_ubytovani { margin-right: 26px; padding: 0 0 0 45px; background: url("../images/icon-cenik.gif") left center no-repeat; }
.ubytovani #content .pokoj p#cenik_porovnani a#porovnani_pokoju { padding: 0 0 0 41px; background: url("../images/icon-porovnani.gif") left center no-repeat; }

.sitemap #content { line-height: 150%; text-align: justify; width: 667px; margin-right: 25px; padding: 47px 0 21px 0; float: right; } #page.sitemap>#content { width: 667px; margin-right: 50px; }
.events #content { line-height: 150%; text-align: justify; width: 667px; margin-right: 25px; padding: 47px 0 21px 0; float: right; } #page.events>#content { width: 667px; margin-right: 50px; }

/* detail */
.detail #content { line-height: 150%; text-align: justify; width: 667px; margin-right: 25px; padding: 47px 0 21px 0; float: right; } #page.detail>#content { width: 667px; margin-right: 50px; }
.detail #content #fotogalerie { margin: 0 0 28px 1em; float: right; }
.detail #content #vybaveni_pokoje { margin: 0 0 41px 0; }
.detail #content #vybaveni_pokoje h3 { margin: 0 0 0.7em 0; padding: 0 0 0 32px; background: url("../images/heading-item.gif") left bottom no-repeat; }
.detail #content #nadstandardni_sluzby { width: 258px; margin: 0 0 41px 0; float: left; clear: right; }
.detail #content #nadstandardni_sluzby h3 { margin: 0 0 0.7em 0; padding: 0 0 0 32px; background: url("../images/heading-item.gif") left bottom no-repeat; }
.detail #content #zabava { width: 190px; margin: 0 0 41px 0; float: left; clear: right; }
.detail #content #zabava h3 { margin: 0 0 0.7em 0; padding: 0 0 0 32px; background: url("../images/heading-item.gif") left bottom no-repeat; }
.detail #content p#cenik_porovnani { position: relative; height: 53px; margin: 0 0 23px -228px; padding: 12px 0 0 21px; background: #561F1F; clear: both; } .detail #content>p#cenik_porovnani { height: 41px; }
.detail #content p#cenik_porovnani a { display: block; height: 31px; line-height: 31px; font-weight: bold; vertical-align: middle; float: left; }
.detail #content p#cenik_porovnani a#cenik_ubytovani { margin: 0 26px 0 0; padding: 0 0 0 45px; background: url("../images/icon-cenik.gif") left center no-repeat; }
.detail #content p#cenik_porovnani a#porovnani_pokoju { padding: 0 0 0 41px; background: url("../images/icon-porovnani.gif") left center no-repeat; }
.detail #content #moznosti { }
.detail #content #moznosti h3 { margin: 25px 0 12px 0; }
.detail #content #rezervace-info {  }
.detail #content #rezervace-info h3 { margin: 25px 0 12px 0; }
.detail #content #titleImage { margin-bottom: 1em; }

/* special - fotogalerie pokoju */
#fotogalerie_pokoju {clear:both;}
#wn					{ position: relative; background-color: #6B2727; height: 108px; width: 960px; overflow: hidden; padding: 0px;}
#wn table			{ margin: 0; }

/* photogallery */
.fotka { height: 180px; width: 130px; overflow: hidden; float: left; margin:10px;}
#interactiveGallery { float: right; width: 350px; height: 400px; overflow: hidden; border: 4px solid #ffffff; margin-left: 12px; }
.tools { border: none !important;}
#galerie_pokoje { width: 110px;  float: right; margin-left: 25px; text-align: center; }
#galerie_pokoje img { border: 1px solid #ffffff;}
#galerie_pokoje img:hover { border: 1px solid #EBDA56; }

/* prohlaseni_o_pristupnosti */
#accesskeys { margin-bottom: 2em; }
#accesskeys p { margin-bottom: 0.5em; }
#accesskeys ul { margin-bottom: 1em; }