body { 
	padding: 1% 0 0 0;
	margin: 0;
	font-family: Verdana, Geneva, "Arial CE", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 75%;
	background: url(images/bgimage.gif) #D1D6CB;
}

table { font-size: 100%;}
img { border: 0;}
ul { margin-top: 5px; margin-bottom: 5px;}
li { list-style: disc; line-height: 1.5em; margin: 2px 0; padding: 0;}
th { text-align: left; font-weight: bold;}

a { color: #000000;}
a:hover, #text a:hover { color: #EA8400; text-decoration: none;}

#text p	{
	padding-left: 15px;
	padding-right: 15px;
}

#no_p {
	margin-left: 25px;
	padding: 0;
}

#no_p p {
	padding: 0;
}

.center {
	text-align: center;
}

input, textarea, select { border: 1px solid #F36B21; background-color: #DDEFCE;}

thead th { background: #B7B7B7;/*#e87817; color: #cbe7b5;*/ text-align: center; padding: 5px;}
tbody td { padding: 7px;}
td.c { text-align: center;}

h1 { width: 200px; text-align: center; font-size: 140%; color: #A19E96; margin: 0 0 40px 520px; letter-spacing: 0; clear: both; /*float: left;*/ line-height: 1.5em; min-height: 4.8em; _height: 4.8em; /*overflow: hidden;*/}
h2 { background-color: #B7B7B7; color: #ea8400; /* #B6DDA6;*/ font-size: 120%; padding: 5px; margin: 10px; clear: both; text-align: center;}
#text h2 a { color: #ea8400;}
h3 { margin-bottom: 0; font-size: 1.2em; margin-left: 25px;}
p { margin-top: 0;}

.pul {
	margin-bottom: 0px;
	margin-top: 15px;
}

hr { display: none;}

dl { float: left; width: 50%;}
dd { margin-left: 20px; margin-top: 5px; line-height: 120%;}

#page { background: url(images/border-top.gif) repeat-x top; text-align: center;}
#mainpage { width: 750px; margin: auto; text-align: left; border: #E87817 solid; border-width: 0 2px; background: url(images/main-background.gif) left top no-repeat #D1D6CB; min-height: 500px; position: relative;}
.mainpagepenzion {}
.mainpagehospodarstvi { background: url(images/main-background-hospodarstvi.png?2) left top no-repeat;}

#blueboard {
	width: 120px;
	position: absolute;
	top: 190px;
	right: -140px;
}

.objednavka { float: right; padding: 7px 25px;}
.objednavka a img { background: #f36b21;}
.objednavka a:hover img { background: #DE550C;}
.button { padding: 2px 10px; font-weight: bold; cursor: pointer; background: url(images/button-back.gif) top repeat-x; color: #F36B21; border: 2px solid #B6DDA6; border-bottom: 0; font-size: 120%;}
.textmode { display: none;}

#text { 
	line-height: 1.5em;
	background: url(images/main-background-penzion.png?2) left top no-repeat #d1d6cb;
	padding-bottom: 25px;
}

#text li.no { list-style: none;}
#text a { color: #000000;}

#jazyky { position: absolute; top: 30px; left: 25px;}
#jazyky span { display: none;}
#jazyky img { }
#jazyky a:hover img { border-color: #EA8400;}

.margintop { clear: both; padding-top: 80px;}

#topmenu { color: #000000; font-size: 80%; padding: 0 5px; text-align: right; position: absolute; top: 195px; right: 10px;}
#topmenu a { color: #000000;}
#topmenu a:hover { text-decoration: none;}

#reklama { text-align: center;}
#reklama * { margin: auto;}

.change { position: absolute; top: 15px; right: 20px; margin: 25px 0 0 0; padding-right: 5px;}
.change span { visibility: hidden;}
.change a { text-decoration: none !important;}
.change.penzion a { display: block; height: 131px; width: 173px; background: url(images/profil-penzion.png) no-repeat; text-decoration: none;}
.change.penzion a:hover { background: url(images/profil-penzion-on.png) no-repeat;}
.change.zviratka a { display: block; height: 78px; width: 54px; background: url(images/profil-zviratka.gif?2) no-repeat; text-decoration: none;}
.change.zviratka a:hover { background: url(images/profil-zviratka-on.gif?3) no-repeat;}
.hospodarstvi { top: 70px;}
.zviratka { right: 140px; margin-top: 20px; z-index: 20;}
.change.hospodarstvi a { display: block; width: 139px; height: 95px; background: url(images/profil-hospodarstvi.gif) no-repeat;}
.change.hospodarstvi a:hover { background: url(images/profil-hospodarstvi-on.gif) no-repeat; z-index: 10;}

.fotky .width {
	width: 225px;
	height: 149px;
}

.fotky .height {
	height: 149px;
}

.fotky {
	text-align:center;
	clear: both;
	padding-top: 10px;
}

.f-right {
	float: right;
	padding-right: 10px;
}

.fotky p { position: relative; float: left; padding: 0; margin: 4px 2px;}
.fotky img { border: 2px solid #e87817; margin: auto;}
.fotky a:hover img { border-color: #f36b21;}
.fotky a:hover span { display: none;}
.fotky span { display: none;}
div[class="fotky"] span { position: absolute; display: block; left: 0; bottom: 0; background-image: url(images/fotka-stin.png); width: 100%; padding: 2px 0; z-index: 10;}
#text .fotky a { color: #fff; font-size: 0.9em; font-weight: bold;}

.logo { width: 122px; height: 51px; position: absolute; left: 375px; top: 60px; float: left; margin: 0;}
.logo a { display: block; height: 100%; text-decoration: none;}
.logo span, .logo h2 { visibility: hidden;}

fieldset { border: 2px solid #b6dda6; padding: 10px;}
legend { padding: 0 10px; color: #e87817; font-weight: bold;}

fieldset.aktivni { border-color: #e87817; background: #ddefce;}

#rezervace #zprava { padding: 10px; border: 2px solid #b6dda6;}

.rezervace-pokoje p { float: left; width: 220px; display: block;}
.rezervace-pokoje a { display: block; padding: 10px 10px 0 10px; text-decoration: underline; cursor: pointer;}
.rezervace-pokoje a:hover { background: #c9e7b3;}
.rezervace-pokoje span { _cursor: hand;}
.rezervace-pokoje p.aktivni span { background-position: 50% 50% !important;}
.rezervace-pokoje p.aktivni a { color: #fff !important; background: #F36B21 !important; text-decoration: none; cursor: default !important;}
.rezervace-pokoje p.disabled a span { background-position: 50% 0 !important;}
.rezervace-pokoje p.disabled a { cursor: default !important; text-decoration: none; color: #84B98A !important;}
.rezervace-pokoje p.disabled a:hover { background: none !important;}
#rptas, #rpjan, #rpmarkvart, #rpznata, #rpprocek, #rpkaterina, #rpsmil { display: block; height: 95px; background: url(images/rezervace/tas.jpg) 50% 100% no-repeat;}
#rpjan { background-image: url(images/rezervace/jan.jpg);}
#rpprocek { background-image: url(images/rezervace/procek.jpg);}
#rpmarkvart { background-image: url(images/rezervace/markvart.jpg);}
#rpznata { background-image: url(images/rezervace/znata.jpg);}
#rpkaterina { background-image: url(images/rezervace/katerina.jpg);}
#rpsmil { background-image: url(images/rezervace/smil.jpg);}
.rezervace-pokoje input { visibility: hidden;}

.rezervace-kalendar { font-weight: bold; font-size: 1.3em; display: none;}
.rezervace-kalendar input { width: 6em; border: none; background: none; font-size: 1.3em;}

.r { text-align: right !important;}

.change img { display: none;}
.prihlaska { text-align: center;}
.prihlaska table { margin: auto;}
.prihlaska td, .prihlaska th { text-align: left; padding: 2px 15px;}
.prihlaska tr td, .prihlaska th { border-bottom: 1px solid #B6DDA6;}

#pocasi { clear: both;}

#mainmenu { margin: 15px 0 15px 0; padding: 0; background: #EA8400; float: left; width: 100%; border-top: 2px solid #F36B22; border-bottom: 2px solid #F36B22; border-left: none; border-right: none; }
#mainmenu li { margin: 0; padding: 0; list-style-type: none; float: left; display: block; /*background: #e87817;*/}
#mainmenu ul li a { padding: 5px;}
#mainmenu a, #mainmenu li.mmhover ul a { color: #fff;/*cde5b5;*/ padding: 0 0 0 15px; display: block; font-weight: bold; text-decoration: none;}
#mainmenu img { vertical-align: middle; margin-left: 5px;}
#mainmenu ul { position: absolute; margin: 0; padding: 0; border: 1px solid #e87817; visibility: hidden; width: 160px; z-index: 50;}
#mainmenu ul li, #mainmenu ul a { float: none !important; background: #E6D0B2 !important; color: #000 !important; _width: 100%;}
#mainmenu ul li {	border-top: 1px solid #e87817;}
#mainmenu a:hover, #mainmenu li.mmhover a:hover, #mainmenu li.mmhover a { background: #F36B21;/*#f36b21;*/ color: #fff; }
#mainmenu li.mmhover ul { visibility: visible;}
#mainmenu ul a { padding: 2px 15px !important; @width: 130px;}
#mainmenu ul a:hover { text-decoration:underline; background: #f36b21 !important; color: #fff !important;}
#mainmenu a.active { background: #FFB352; /*#b6dda6;*/ color: #000;/*#e87817;*/ cursor: default;}

#text table.menu { width: 94%; margin: 0 auto;}
#text table.menu td { text-align: center; padding-bottom: 5px; vertical-align: top;}
#text table.menu img { margin-bottom: 3px;}
#text table.menu a { font-weight: bold; color: #e87817; text-decoration: none;}
#text table.menu a:hover { color: #F36B21;}

#text table.foto { width: 94%; margin: auto;}
#text table.foto td { text-align: center; padding-bottom: 5px; vertical-align: top;}
#text table.foto img { padding-bottom: 3px;}

#bottom { color: #CBE7B5; height: 25px; background-color: #e87817; margin-bottom: 20px; padding-top: 5px; clear: both;}
#bottomtext { width: 750px; margin: auto;}
#bottomtext img { vertical-align: top;}
#bottomtext .pocitadlo { float: left;}
#bottomtext .nv { display: none;}
#bottomtext .kontakt { float: right;}

.kontakt a {
	font-size: 1.1em;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.kontakt a:hover {
	text-decoration: underline;
	color: #EBCCAD;
}

/* galerie */
#gal { padding-left: 15px; width: 96%; margin-top: 25px;}
#gal .ilust { width: 125px; min-height: 125px; _height: 125px; float: left; margin: 0 11px 11px 0;}
#gal .ilust  p { position: relative; width: 100%; left: 0; top:0;}
#gal .ilust img { display: block; position: absolute; left: 0; z-index: 0;}
#gal .ilust p a { display: block; width: 125px; height: 125px; position: absolute; left: 0; z-index: 1; background: url(images/galerie.png) no-repeat;}
#gal .ilust p a:hover { background: url(images/galerie.png) no-repeat right top;}
#gal .ilust p a span, #gal .ilust p span.disable { display: block; width: 100%; margin-top: 125px; margin-bottom: 20px; padding-top: 2px; text-align: center; font-weight: bold; overflow: hidden; cursor: pointer;}
#gal .ilust p span.disable { position: absolute; cursor: default;}
#gal hr { visibility: hidden; display: block; clear: both; height: 20px;}
/* galerie */

/* menu */
.menu3, .menu4 { width: 100%; margin: auto;}
.menu .mezera3 { width: 127px; float: left; display: block;}
.menu .mezera4 { width: 44px; float: left; display: block;}
.menu a { font-weight: bold; color: #e87817; text-decoration: none;}
.menu a:hover { color: #F36B21;}

.panorama, .panorama-flash { background: url(images/panorama-back.jpg) 50% 15px no-repeat; _background-position: 49% 15px;}
.panorama-flash { background-image: url(images/flash-panorama-back.jpg);}
.panorama.bottom { background-position: center bottom;}
.panoramaborder { background: #e6d0b2;}

div .odstavec { background-color: #C5E4B0;}

.disable { color: #84B98A; font-weight: bold;}

.zpet { font-size: 130%; text-align: right;}

.clear { clear: both; height: 1px; _height: auto;}

.a { width:204px; text-align:center;text-transform:uppercase; float: left; margin: 0 12px; position: relative;}
.a p { position: relative;}
.a img {border:2px solid #ea8400;border-top:1px solid #cde5b5;}
.a a {display:block;background:#ea8400;color:#FFFFFF !important;font-weight:bold;text-decoration:none;}
.a a:hover { color: #EBCCAD !important;}
.a span {padding: 5px 15px; display:block; font-size:1.2em;}
.a em { font-style: normal; text-transform: lowercase;}
.a ul {position:absolute;top:2.4em;right:2px;z-index:20;visibility:hidden;margin:0;width:200px;}
.a ul li {margin: 0 !important; padding:0;list-style:none;}
.a ul a {display:block;padding:2px 10px 2px 10px;background:#E87817 !important;color:#FFFFFF !important;border-bottom:1px solid #fff;_width:180px;}
.a ul a:hover {background:#EBCCAD !important;color:#E87817 !important;}
.cl { clear: left;}

/* submenu */
#submenu { background: #51AE5C; margin: 10px 0 20px 0; padding: 0 0 0 20px;; height: 26px; clear: both; border: 1px solid #e87817; border-width: 1px 0;}
#submenu li { padding: 0; margin: 0; height: 26px; text-align: center; overflow: hidden; float: left; font-weight: bold; color: #fff; border-right: 1px solid #e87817; list-style: none;}
#submenu a, #submenu .active { padding: 5px 15px; color: #fff; display: block;}
#submenu a { text-decoration: underline;}
#submenu .active { background: #84b98a; height: 16px;}
#submenu ul { position: absolute; margin: 0; padding: 0; background-color: #b6dda6; border: 1px solid #e87817; margin-top: -2px;}
#submenu li.off div, #submenu li div { visibility: hidden;}
#submenu li.on div { visibility: visible;}
#submenu ul li { float: none; border-bottom: 1px solid #e87817; font-weight: normal; text-align: left;}
#submenu ul li a, #submenu li.on ul a { color: #000; padding-left: 10px; background: none;}
#submenu a:hover, #submenu li.on a, #submenu ul li a:hover { background: #F36B21; color: #fff;}
#submenu .prvni { border-left: 1px solid #e87817;}

/*intro*/
#indexflash { background-color: #E87817; position: absolute; top: 50%; left: 0; margin-top: -204px; width: 100%;}
#indextable { background: url(images/index-table.gif) repeat-x; height: 398px;}
#indexbottom { width: 100%; text-align: center; position: absolute; top: 50%; margin-top: 204px; left: 0;}
.indexnoflash { background: url(images/index-noflash.jpg) center no-repeat; height: 398px; position: relative; width: 750px; margin: auto;}
.indexnonoflash { display: none;}
#inf1, #inf2 { display: block; height: 300px; width: 340px; float: left; position: absolute; top: 50px; margin: auto;}
#inf2 { left: 400px;}
#inf1 { left: 60px;}

#XIndexNoFlash { width: 500px; margin: auto; text-align: left; font-size: 1.3em; font-weight: bold;}

table.ramecky { border-collapse: collapse; border: 2px solid #E87817;}
table.ramecky td, table.ramecky th { border: 1px solid #E6D0B2;}
table.ramecky td { padding: 2px 12px 2px 6px;}

.kalendar-akci { width: 240px; float: left;}
.kalendar-akci p { margin-top: 8px;}
.kalendar-akci ul, .kalendar-akci li { list-style: none; margin: 0 !important; padding: 0 !important; font-size: 0.9em;}
.kalendar-akci ul a { display: block; background: #3D6F44; color: #C9E7B3 !important; text-decoration: none; padding: 10px 20px; border-bottom: 1px solid #345F3A;}
/*.kalendar-akci ul a:hover { background: #345F3A;}*/
.kalendar-akci ul a:hover, .kalendar-akci ul a.active { background: #EA8400;#C9E7B3 !important; color: #3A3C3A !important;}
.kalendar-akci ul strong { display: block; font-size: 1.1em; font-weight: normal; color: #fff;}
.kalendar-akci ul a:hover strong, .kalendar-akci ul a.active strong { color: #fff; font-weight: bold;}

.kalendar-akci-obsah { width: 450px; float: right;}

.euvlajka li {
	padding-top: 5px;
}
	

/*** LIGHTBOX ***/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }