/* HOTEL MESTA VIDNE */


/* POMOCNE TRIDY */
#container-dot, .galerie, .galerie div p, #content, .galerie-promo, #content .kontakt, .galerie-detail,
.cf { height: 1%; }

#container-dot:after, .galerie:after, .galerie div p:after, #content:after, .galerie-promo:after, #content .kontakt:after, .galerie-detail:after,
.cf:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }

.clear  { clear: both; height: 1px; overflow: hidden; display: block !important; margin-bottom:-1px; }
.blind, .jump { position:absolute; left:-100000px; }
legend { display:none; }

hr.hr { display:none !important; }
hr { height:1px; color:#e6e6e6; background-color:#e6e6e6; border:0px solid #e6e6e6; clear:both; margin:0 0 1em; }
a img { border: 0; }

html, body, form, p, ul, ol, li, dl, dd, h1, h2, h3, h4, h5, div, hr, input, fieldset, button { margin:0; padding:0; border:0; list-style:none; }

/* LAYOUT */
html { background:url(img/bg-html.gif) 30px top repeat-y #e0dbcb; }
body { font: normal 82%/1.8 Arial, sans-serif; /*-* color:#6a6a6a;*/ color:#000; }

a { text-decoration:underline; color:#9e8539; }
a:hover { text-decoration:none; }

#container { background:url(img/bg-container.gif) 30px top repeat-y #fff; width:950px; padding:70px 0 37px; }
#header { height:50px; width:950px; position:relative; }
#content { width:670px; float:right; position:relative; right:30px; }

/* FOOTER */
#footer { height:125px; text-align:right; width:950px; padding:31px 0 50px; font-family:verdana; font-size:.8em; position:relative; line-height:1.3em; }
#footer p { padding:0 28px .7em 250px; }
#footer a { color:#6a6a6a; }
#footer #benesov_logo a, #footer #krumlov_logo a { color:#6A6A6A;display:block;height:89px;width:117px; }
#footer #lhota_logo a { color:#6A6A6A;display:block;height:89px;width:230px; }
#footer div { position:absolute; left:0; top:0; }
#footer div a { position:absolute; overflow:hidden; background:url() left top no-repeat; }
#footer div a span { position:absolute; left:0; top:-100000px; }
#footer div a:hover { background-position:right top; }
#footer div a.l1 { background-image:url(img/flogo1.gif); left:51px; top:26px; width:28px; height:38px; }
#footer div a.l2 { background-image:url(img/flogo2.gif); left:95px; top:25px; width:43px; height:40px; }
#footer div a.l3 { background-image:url(img/flogo3.gif); left:152px; top:31px; width:51px; height:33px; }
#footer div a.l4 { background-image:url(img/flogo4.gif); left:50px; top:88px; width:35px; height:34px; }
#footer div a.l5 { background-image:url(img/flogo5.gif); left:102px; top:87px; width:87px; height:37px; }
#footer div a.l1:hover { background-position:-28px 0; }
#footer div a.l2:hover { background-position:-43px 0; }
#footer div a.l3:hover { background-position:-51px 0; }
#footer div a.l4:hover { background-position:-35px 0; }
#footer div a.l5:hover { background-position:-87px 0; }

#logo { position:absolute; left:49px; top:62px; z-index:5; }
#logo img { display:block; }

/* DROBECCI */
.path { padding:0 0 20px; color:#000; font-style:italic; font-size:.9em; font-family:arial !important; }
.path a { font-style:normal; }
.path strong { font-style:normal; }

/* PAGE */
#content h1 { /*-* font-style:italic; color:#d22535;*/ color:black; font-weight:normal; font-size:1.8em; padding:0 0 .5em; }
#content h2 { /*-* font-style:italic; color:#d22535;*/ color:black; font-weight:bold; font-size:1.1em; padding:0 0 .5em; }
#content p { padding:0 0 1em; }
#content .perex ul,
#content .description ul { padding:0 0 1em; }
#content .perex ul li,
#content .description ul li { padding:0 0 0 30px; background:url(img/li.gif) 0 7px no-repeat; }
#content ul { padding:0 0 1em; }
#content ul li { padding:0 0 0 20px; background:url(img/li.gif) left 6px no-repeat; }

/* TABLES */
#content table { border-collapse:collapse; font-family:arial; font-size:.9em; color:black; margin:0 0 1.5em }
#content table .highlight { background:#f2eee3; }
#content table td { border:1px solid #9e8539; padding:2px 10px; }
#content table th { border:1px solid #9e8539; padding:2px 10px; }
#content table thead th { text-align:center; }
#content table thead td { font-size:.8em; }
#content table tbody th { text-align:left; }
#content table tbody td { text-align:center; }

/* SIDE */
#side { padding:367px 0 0; width:190px; float:left; position:relative; left:30px; font-family:Arial; color:black; font-size:.9em; }
#side big { /*font-family:Georgia;*/ display:block; font-style:italic; font-weight:bold; padding:1.5em 10px 1em 21px; color:#4a4a4a; }
#side ul { padding:0 0 1em 0; }
#side ul li { height:auto; }
#side a { color:#55471e; padding:0 10px 0 41px; background:url(img/side-li.gif) 21px 8px no-repeat; display:block; }
#side dl { padding:0 10px 1em 21px; }
#side dt { width:90px; height:2em; font-weight:normal; }
#side dd { height:2em; margin:-2em 0 0 100px; }
#side span { display:none; }

/* DIVIDED CONTENT */
.submenu #container-dot { background:url(img/container-dot.gif) 706px 0 repeat-y; }
.submenu #narrow-content { width:423px; float:left; }
.submenu #submenu { width:213px; float:right; position:relative; right:101px; margin-right:-100px; /*-*/ font-family:arial; }
.submenu #submenu ul { padding:20px 0 16px 0; width:213px; }
.submenu #submenu ul li { line-height:28px; padding:0; background:none; width:213px; margin:0; }
.submenu #submenu ul li a { padding:0 10px 0 28px; display:block; height:28px; font-weight:bold; font-size:.9em; }
.submenu #submenu ul li a:hover {  }
.submenu #submenu ul li.active { background:url(img/submenu-li.gif) left bottom repeat-x white; line-height:29px; }
.submenu #submenu ul li.active a { background:url(img/submenu-li-a.gif) right top no-repeat transparent; height:29px; font-size:1em; text-decoration:none; color:black; letter-spacing:-1px; }
.submenu #submenu ul li.active ul { padding:0 0 8px; background:url(img/submenu-li-a.gif) right -1px no-repeat transparent; }
.submenu #submenu ul li.active ul li { background:none; line-height:24px; }
.submenu #submenu ul li.active ul li a { background:none; padding:0 10px 0 50px; font-size:1em; font-weight:normal; color:#9e8539; text-decoration:underline; height:24px; letter-spacing:0px; }
.submenu #submenu ul li.active ul li a:hover { text-decoration:none; }
.submenu #submenu ul li.active ul li.active a { text-decoration:none; color:black; }
.submenu #narrow-content input {border: thin rgb(176,176,176) solid}


.submenu .box { width:173px; position:relative; left:30px; /*-*/ font-family:arial; }
.submenu big { display:block; /*-* font-style:italic; color:#ca2533;*/ color:black; font-size:1em; font-weight:bold; padding:0 0 .7em; }
.submenu dl { color:black; font-size:.9em; }
.submenu dt { font-weight:bold }
.submenu dd em { font-weight:bold; font-style:normal; /*-* font-family:georgia; */ }
#pocasi table { margin-left: 10px;}

/* GALERIE */
.galerie { width:710px; }
.galerie div { width:201px; float:left; margin:0 34px 0 0; padding:0 0 30px; }
.galerie div h2 { color:black; font-size:1.1em; }
.galerie div a.img { display:block; width:177px; min-height:148px; }
.galerie div p { background:#f2eee3; padding:12px !important; }
.galerie div p img { display:block; margin:0 0 5px; width:177px; background:#F8F7F2; }
.galerie div p span { float:left; }
.galerie div p a { float:right; }

.galerie-detail { width:710px; }
.galerie-detail a { display:block; width:201px; height:160px; margin:0 34px 34px 0; float:left; background:#f2eee3; }
.galerie-detail a img { display:block; width:177px; position:relative; left:12px; top:12px; background:#F8F7F2; }
.galerie-detail a:hover { display:block; width:201px; margin:0 34px 34px 0; float:left; background:#F4F1EA; }

.submenu .galerie,
.submenu .galerie-detail { width:480px; }

.kariera { padding:0 0 1em; }

/* KONTAKTY */
#content .kontakt p.l { float:left; width:220px; }
#content .kontakt p.p { float:right; width:190px; }
#content .kontakt img { float:right; margin:0 0 10px 10px; }

/* HIGHLIGHT */
.newsletter .highlight { font-weight:bold; color:black; }
.newsletter .checkbox { font-size:.8em; }
.newsletter .checkbox span,
.newsletter .checkbox input { vertical-align:middle; margin:0 5px 0 0; }

/* PROMO GALERIE */
.galerie-promo { background:#f2eee3; padding:12px; text-align:right; margin:0 0 1.5em; line-height:2em }
.galerie-promo a.thickbox { /*width:120px; width:122px; */float:left; margin:0 12px 0 0; margin:0 6px 0 3px; display:block; }
.galerie-promo a.last { margin-right:0; }
.galerie-promo img { display:block; width:115px; height: 78px; width:122px; height: 80px;  border:1px solid #9e8539; }
.galerie-promo span { clear:both; padding:0 35px 0 0; }

/* KDE NAS NAJDETE */
.kde-nas-najdete .perex { float:left; width:155px; }
.kde-nas-najdete .mapa { float:right; width:230px; text-align:right; }
.kde-nas-najdete #mapa { width:230px; height:232px; }
.kde-nas-najdete .description { padding:3em 0 0; clear:both; }

/* VYHLEDAVANI */
#search-form { position:absolute; right:5px; top:75px; width:300px; text-align:right; height:21px; }
#search-form fieldset { position:absolute; left:0; top:0; width:300px; }
#search-form label { float:left; color:#ffffff;}
#search-form select { float:left; }
#search-form input { height:17px; display:block; padding:4px 0 0; width:270px; color:#999; background:none; text-indent:5px; border:0; float:left }
#search-form input.submit { width:83px; height:21px; padding:0; margin:0; border:0; display:block; right:0; top:0; background:url(img/search-submit.gif) 0 0 no-repeat #666; text-transform:uppercase; color:white; font-size:.9em; font-weight:bold; }
#QuickBookerForm input.submit,#QuickBookerForm2 input.submit { width:83px; height:21px; padding:0; margin:4px auto; border:0; display:block; background:url(img/search-submit.gif) 0 0 no-repeat #666; text-transform:uppercase; color:white; font-size:.9em; font-weight:bold; }

/* HOMEPAGE */
body.home #logo { position:absolute; left:-100000px; }
body.home #container { background:url(img/home.jpg) 0 0 no-repeat; padding:0; height:710px; }
body.home #plany { position:absolute; left:0; top:384px; width:190px; }
body.home #pocasi { position:absolute; left:0; top:546px; width:190px; }
body.home #content { position:absolute; left:220px; top:606px; width:730px; height:154px; overflow:hidden; line-height:1em; }
body.home #content ul { padding:28px 0 0 30px; font-family:arial; }
body.home #content ul li { float:left; width:137px; padding:0; background:none; }
body.home #content ul li a { color:#55471e; font-size:.9em; }
body.home #content ul li a:hover { color:#992923; text-decoration:underline; }
body.home #content ul li a img { display:block; margin:15px 0 0; border:1px solid #9e8539; }
body.home #content ul li a:hover img { border-color:#d22636; }

body.en #plany { top:370px; }
body.en #plany big { padding-top:2.5em; padding-bottom:0; }
/*body.en #plany span.link { color:#55471e; padding:0 10px 0 41px; background:url(img/side-li.gif) 21px 7px no-repeat; display:block !important; }*/

body.de #plany { top:397px; line-height:1.4em; }
body.de #plany big { padding-top:1.5em; padding-bottom:2px; }

/* MAINMENU */
#mainmenu { position:absolute; left:30px;/* top:198px;*/ top:188px; line-height:24px; font-family:arial; font-size:.9em; width:190px; }
body.de #mainmenu { position:absolute; left:30px;/* top:198px;*/ top:170px; line-height:24px; font-family:arial; font-size:.9em; width:190px; }
#mainmenu li { display:block; line-height:24px; margin:0 0 4px; position:relative; height:24px; }
#mainmenu li a { display:block; padding:0 21px; color:#000; text-decoration:none; }
#mainmenu li a:hover,
#mainmenu li.active a,
#mainmenu li.open a,
#mainmenu li.open a:hover,
#mainmenu li.active a:hover { background:#857030; color:white; }
/* MAINMENU POPUP */
#mainmenu li ul { position:absolute; left:190px; top:0; width:200px; background:url(img/mainmenu-ul.png) 0 0; display:none; z-index:20 !important; }
#mainmenu li ul li { margin:0; }
#mainmenu li.active ul li a,
#mainmenu li.open ul li a { background:none; color:white; padding:0 15px; display:block; height:24px; }
#mainmenu li.active ul li a:hover,
#mainmenu li.open ul li a:hover { background:#857030; border:1px solid #b1a47a; border-width:1px 0; line-height:22px; height:22px; }

html > body #mainmenu li { height:auto; }

/* LANGMENU */
#langmenu { position:absolute; left:52px; top:19px; }
#langmenu a { position:absolute; top:0; width:24px; height:16px; overflow:hidden; text-align:center; line-height:16px; font-size:.8em; font-family:verdana; background:#e0dbcb; }
#langmenu span { position:absolute; left:-100000px; }
#langmenu a em { position:absolute; left:0; top:0; background:url(img/lang.gif) 0 0 no-repeat; cursor:pointer; width:24px; height:16px; }
#langmenu a.cs { left:0; }
#langmenu a.en { left:30px; }
#langmenu a.de { left:60px; }
#langmenu a.en em { background-position:-24px top; }
#langmenu a.de em { background-position:-48px top; }
#langmenu a.cs:hover em, .cs #langmenu a.cs em { background-position:0 -16px; }
#langmenu a.en:hover em, .en #langmenu a.en em { background-position:-24px -16px; }
#langmenu a.de:hover em, .de #langmenu a.de em { background-position:-48px -16px; }

#langmenu a.cs.active em { background-position:0 -16px; }
#langmenu a.en.active em  { background-position:-24px -16px; }
#langmenu a.de.active em  { background-position:-48px -16px; }


/* FORMS */
form.common-form fieldset select { z-index:-1 !important; }
form.common-form,
form.common-form fieldset { width:423px; }
form.common-form fieldset h2 { font-size:1.5em; font-weight:normal; color:#000; }
form.common-form fieldset p.l,
form.common-form fieldset p.r { width:180px; height:58px; padding:0 !important; position:relative; }
form.common-form fieldset p.r { margin-top:-58px; left:212px; }
form.common-form fieldset p.rl { margin-top:-58px; width:70px; left:212px; position:relative; }
form.common-form fieldset p.rr { margin-top:-58px; width:70px; left:322px; position:relative; }
form.common-form fieldset p.rl .txt,
form.common-form fieldset p.rr .txt { width:68px; }
form.common-form fieldset p label { display:block; width:180px; }
form.common-form fieldset p label em { position:absolute; left:-100000px; }
form.common-form fieldset .txt { width:178px; border:1px inset #ccc; /*-* color:#666;*/ color:black; line-height:1.5em; height:1.5em; }
form.common-form fieldset .focus,
form.common-form fieldset .txt:focus { border:1px solid #000; color:black; }
form.common-form fieldset textarea.txt { width:391px; height:78px; }
form.common-form fieldset p.dates { overflow:hidden; }
form.common-form fieldset p.dates span { display:block; }
form.common-form fieldset p.dates label { position:absolute; left:-100000px; width:1px; }
form.common-form fieldset p.dates .den,
form.common-form fieldset p.dates .mesic { width:45px !important; margin:0 5px 0 0;  }
form.common-form fieldset p.dates .rok { width:65px !important; }
form.common-form fieldset p.dates select { display:block; float:left; }
form.common-form fieldset .next {  }
form.common-form fieldset .next label { position:absolute; left:-100000px; }
form.common-form fieldset .next .rr { margin-top:-37px; }
form.common-form fieldset .new-room { width:180px; text-align:right; margin:20px 0 0; padding:0 0 20px; z-index:10; position:relative; top:-30px; }
form.common-form fieldset .notes { z-index:1; position:relative; }
form.common-form fieldset .section { z-index:5; position:relative; }
form.common-form fieldset .radios span { display:block; }
form.common-form fieldset .radios label { display:inline; margin:0 10px 0 0; width:auto; }
form.common-form p.submit-line { text-align:right; position:relative; width:393px; }
form.common-form p.submit-line a.reset { position:absolute; left:0; top:0; }
form.common-form p.submit-line .submit { text-align:center; background:#9e8539; border:0; color:white; padding:5px; cursor:pointer; font-weight:bold; }
form.common-form p.submit-line .over,
form.common-form p.submit-line .submit:hover { background-position:center bottom; }

form.newsletter label { width:auto !important; }
form.newsletter p.submit-line { text-align:left; }

.NoticerError { border:2px solid red; padding:10px !important; margin:0 0 10px; font-family:arial; font-size:.9em; color:red; }
.NoticerError li { background:none !important; padding:0 !important; }

.search-result #content .item { padding:10px 10px; border-bottom:1px solid #eee; }
.search-result #content .item h2 { padding:0; }
.search-result #content .item p { padding:0; }
.search-result #content .item a span { position:absolute; top:-100000px; }

/* MAPA STRANEK */
.site-map #content li { _height:1.8em; }

.download h2 { position:absolute; top:-1000000px; }
#content .download ul { padding:0; }

#narrow-content {
  text-align: justify;
}
#karlov { position:absolute; left:252px; top:14px; color: #000000; font-style: italic; font-size: 15px; }
#karlov a { text-decoration: none; color: #000000; }

#QuickBookerForm {
color:#FFFFFF;
left:230px;
position:absolute;
top:50px;
width:720px;
}
#QuickBookerForm h4 {
  font-style:italic;
}
#QuickBookerForm select, #QuickBookerForm2 select {
  font-size:10px;
}

#QuickBookerForm2 table tr td {
  text-align:left;
}

#QuickBookerForm2 table tr td {
  border:0px;
}

body.home #container.bg01 {
	background: url(../bg/bgr_image_01_logo.jpg);
}
body.home #container.bg02 {
	background: url(../bg/bgr_image_02_logo.jpg);
}
body.home #container.bg03 {
	background: url(../bg/bgr_image_03_logo.jpg);
}
body.home #container.bg04 {
	background: url(../bg/bgr_image_04_logo.jpg);
}
body.home #container.bg05 {
	background: url(../bg/bgr_image_05_logo.jpg);
}
body.home #container.bg06 {
	background: url(../bg/bgr_image_06_logo.jpg);
}
body.home #container.bg07 {
	background: url(../bg/bgr_image_07_logo.jpg);
}
body.home #container.bg08 {
	background: url(../bg/bgr_image_08_logo.jpg);
}
body.home #container.bg09 {
	background: url(../bg/bgr_image_09_logo.jpg);
}
body.home #container.bg10 {
	background: url(../bg/bgr_image_10_logo.jpg);
}
body.home #container.bg11 {
	background: url(../bg/bgr_image_11_logo.jpg);
}
body.home #container.bg12 {
	background: url(../bg/bgr_image_12_logo.jpg);
}

#benesov_logo, #krumlov_logo, #lhota_logo {
	background: url(../bg/logo_bellevuehotel_benesov.png) top left no-repeat;
	bottom:241px; 
	display: block;
	height:89px;
  width:117px;
/* top: 643px; */	
	left:467px;
	position: absolute;
}
#krumlov_logo {
	background: url(../bg/logo_bellevuehotel_krumlov.png) top left no-repeat;
	left:280px;
}
#lhota_logo {
	background: url(../bg/logo_cervenalhota.png) top left no-repeat;
	left:655px;
	width:230px;
}

#rezervace {
	left:65px;
	position:absolute;
	top:300px;
	line-height:1.2;
}

#rezervace a {
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}

#rezervace a span{
  font-weight:normal;
}