/* ===============================================  G L O B A L  =============================================== */
body						{ background: url(../images/bg-body.png) repeat-x top #5e0b00; text-align: center; }
body, td, th,
input, textarea, select		{ font: 62.5% sans-serif; }
img, fieldset				{ border: 0 solid; }
h6, h5, h4, h3, h2, h1, p,
ul, ol, li, dl, dd, dt, 
input, select, textarea,   
form, fieldset, body 		{ margin: 0; padding: 0; }   

/* ............................................................................................................ */   
	/* hidden & clear & half */
hr      	{ display: none; }
.hidden	 	{ position: absolute; top: -10000px; left: 0; }
.clr		{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }
	/* pouzivat acronym - IE nerozezna abbr */
acronym, 
abbr 		{ background: url(../images/dot.gif) repeat-x bottom; border: 0; cursor: help; padding: 0; } 
	/* odkazy */
a			{ color: #7f1300; }
a:hover,
a:focus		{ text-decoration: none; }
	/* ZAROVNANI A FLOATY */
.fl		{ float: left; }
.fr		{ float: right; }
.ac		{ text-align: center; }
.ar 	{ text-align: right; }
.al		{ text-align: left; }
	/* IMAGES */
.il     { float: left; clear: left; margin: 0.5em 0.5em 0.5em 0; }
.ir     { float: right; clear: right; margin: 0.5em 0 0.5em 0.5em; }

h1, h2, h3, 
h4, h5, h6 	{ color: #5e0b00; margin: 0 0 0.5em; font-weight: normal; } 
h1 			{ font-size: 1.9em; margin: 0 0 1em; }
h2			{ font-size: 1.7em; margin: 1em 0; }
h3 			{ font-size: 1.4em; }
h4 			{ font-size: 1.2em; }
h5 			{ font-size: 1.1em; }
h6			{ font-size: 1.0em; }
p			{ font-size: 1.2em; line-height: 140%; color: #000; text-align: justify; padding: 0 0 0.7em; }
	/* seznamy */
ul 				{ list-style-type: none; margin: 0 0 1em; }
li				{ background: url(../images/li.gif) no-repeat left 50%; color: #000; padding: 0.3em 0 0.3em 20px; }
ul.nobullet li 	{ background: 0; padding-left: 0; }
ol 				{ margin: 0 0 1em; list-style-position: inside; }
ol li			{ background: none; padding: 0; margin: 0.5em 0; list-style-type: decimal; }
	/* tabulky */ 
table			{ width: 100%; margin: 1em 0 1.5em; border: 0; border-collapse: collapse; clear: both; background: #fff; }
table th,
table td 		{ font-size: 1.2em; color: #58585A; vertical-align: middle; border: solid #ccc; border-width: 0 0 1px 1px; border-collapse: collapse; padding: 0.6em; text-align: center; background: #fff; }
table caption	{ font-size: 1.2em; font-style: italic; padding: 0 0 0.5em; }
table th		{ text-align: left; border-width: 0 0 1px 0; }
table tr.odd td,
table tr.odd th	{ background: #eee;}
table thead td,
table thead th	{ background: #fff; }
	/* formular */
form input,
form textarea	{ font-size: 1.2em; padding: 3px; border: 1px solid #525252; }	
form input.sub	{ font-size: 1.1em; border: 0; padding: 3px 10px 2px; color: #fff; cursor: pointer; }
	/* obrazky v center boxu */
#center img		{ border: 5px solid #b61500; }
#center img.banner	{ border: 0; margin: 0 0 10px; }

#i-news, #i-kontakt, #i-informace  { display: none; }


/* ============================================================================================================ */
#page		{ width: 930px; margin: 0 auto; text-align: left; }
#head		{ height: 303px; background: url(../images/bg-head.jpg) no-repeat; position: relative; }
#main		{ height: 100%; background: url(../images/bg-main.png) no-repeat top #fff; margin: 15px 0 0;}
#main:after	{ content:" "; display: block; clear: both; height: 0px; }
#left		{ float: left; width: 205px; padding: 0 15px;  padding: 80px 10px 0; }
	.index		{ background: url(../images/bg-left-index.png) no-repeat left 10px; }
	.akce		{ background: url(../images/bg-left-akce.png) no-repeat left 10px; }
	.cenik		{ background: url(../images/bg-left-cenik.png) no-repeat left 10px; }
	.doprava	{ background: url(../images/bg-left-doprava.png) no-repeat left 10px; }
	.fotogalerie{ background: url(../images/bg-left-fotogalerie.png) no-repeat left 10px; }
	.kontakt	{ background: url(../images/bg-left-kontakt.png) no-repeat left 10px; }
	.novinky	{ background: url(../images/bg-left-novinky.png) no-repeat left 10px; }
	.odkazy		{ background: url(../images/bg-left-odkazy.png) no-repeat left 10px; }
	.okoli		{ background: url(../images/bg-left-okoli.png) no-repeat left 10px; }
	.pokoje		{ background: url(../images/bg-left-pokoje.png) no-repeat left 10px; }
#center		{ width: 560px; float: left; padding: 35px 0 0; }
#banner		{ width: 120px; float: right; padding: 55px 8px 0 0;  }
#foot		{ height: 100px; background: url(../images/bg-foot.png) no-repeat top; padding: 30px 0 0;}
/* -------------------------------------/ TOP BOX /------------------------------------------------------------ */
#head a.logo	{ position: absolute; top: 35px; left: 135px; }
	/* horni 3 odkazy */
#head ul#top-menu				{ position: absolute; top: 64px; right: 42px; padding: 0; margin: 0; }
#head ul#top-menu li			{ float: left; margin: 0 4px; padding: 0;  }
#head ul#top-menu li a			{ width: 140px; height: 35px; display: block; padding: 10px 0 0; font-size: 1.1em; font-weight: bold; color: #fff; text-align: center; text-decoration: none; }
#head ul#top-menu li a:hover	{ text-decoration: underline;  }
#head ul#top-menu li.tm1 a		{ background: url(../images/bg-top-menu1.png) no-repeat; }
#head ul#top-menu li.tm2 a		{ background: url(../images/bg-top-menu2.png) no-repeat; }
#head ul#top-menu li.tm3 a		{ background: url(../images/bg-top-menu3.png) no-repeat; }
	/* menu */
#head ul#menu				{ position: absolute; bottom: 0px; left: 10px; margin: 0; padding: 0; }
* html #head ul#menu		{ bottom: -1px; }
#head ul#menu li			{ float: left; background: url(../images/bg-menu-li.png) no-repeat left 3px; padding: 10px 0px 0px 2px; margin: 0 }
#head ul#menu li.m1			{ background: none; }
#head ul#menu li a			{ color: #fff; font-size: 1.2em; padding: 0 22px 8px; text-decoration: none; font-weight: bold; display: block; } 
#head ul#menu li a:hover,
#head ul#menu li a.active	{  border-bottom: 9px solid #7f1300; } 

#i-news, #i-kontakt, #i-informace	{ width:344px; height: 75px; padding: 30px; background: url(../images/bg-head-info.png) no-repeat; position: absolute; top: 117px; right: 67px; }
#i-informace	{ display: block; }	
#i-kontakt p		{ font-size: 1.4em; font-weight: bold; line-height: 180%; color: #000;  }
/* -------------------------------------/ CENTER BOX /------------------------------------------------------------ */
	/* horni dva boxy na indexu */
#center .news-box			{ width: 244px; height: 172px; padding: 15px; background: url(../images/bg-center-news.png) no-repeat; margin: 0 0 10px; }
#center .news-box h2		{ font-size: 1.4em; font-weight: bold; text-decoration: underline; color: #fff;  }
#center .news-box a			{ color: #fff; }
#center .news-box p			{ color: #fff; }
#center .news-box p strong	{ font-size: 1.5em; }

#center ul			{ margin: 0 0 0 20px; }
#center ul li		{ font-size: 1.2em; color: #000; background: url(../images/lili.gif) no-repeat 0px 9px; padding: 7px 0 7px 22px; }
#center ul li ul	{ margin: 10px 0 0 35px; }
#center ul li ul li	{ background: none; font-size: 1.0em; list-style-type: disc; padding: 2px 0 2px 10px;  }
/* -------------------------------------/ LEFT BOX /------------------------------------------------------------ */
	/* submenu */
#left ul#submenu			{ width: 182px; margin: -10px 0 0 7px }
#left ul#submenu li			{ background: url(../images/dot.gif) repeat-x bottom; padding: 8px 0 10px 20px; }
#left ul#submenu li	a 		{ font-size: 1.1em; font-weight: bold; color: #7f1300; background: url(../images/lili.gif) no-repeat 0px 9px; padding: 7px 0 7px 17px; font-weight: normal; text-decoration: none  }
#left ul#submenu li	a:hover { text-decoration: underline; }

	/* novinky */
#left #news				{ width: 200px; background: url(../images/bg-left-newst.png) no-repeat top; padding: 72px 0 0; margin: 40px 0 0; }
#left #newsin			{ background: url(../images/bg-left-newsp.png) repeat-y; }
#left #newsbox			{ min-height: 330px; background: url(../images/bg-left-newsb.png) no-repeat bottom; padding: 0 15px;}
* html #left #newsbox	{ height: 330px; }
#left #newsbox p		{ color: #fff;}
#left #newsbox .item	{ padding: 15px 0; background: url(../images/dot-white.gif) repeat-x bottom; }

/* -------------------------------------/ BOTTOM BOX /------------------------------------------------------------ */
#foot p			{ text-align: center; width: 100%;  }
#foot p a		{ color: #fff; padding: 0 8px; text-decoration: none; font-size: 0.9em; }
#foot p a:hover	{ text-decoration: underline; }


/* -----------------------------------------/ lightbox /---------------------------------------------------------- */
#lightbox				{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; }
#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; }
#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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink 				{ left: 0; float: left; background: url(../images/prevlabel.gif) no-repeat left 70px; }
#nextLink				{ right: 0; float: right; background: url(../images/nextlabel.gif) no-repeat right 70px; }
#imageDataContainer			{ font-size: 12px; background-color: #fff; margin: 0 auto; padding-top: 10px; line-height: 1.4em; text-indent: 10px; color: #343434; }
#imageData					{ padding:0 10px; }
#imageData #imageDetails	{ width: 70%; float: left; text-align: left; }	
#imageData #caption			{ font-weight: bold; }
#imageData #numberDisplay	{ display: block; clear: left; }			
#imageData #bottomNavClose	{ width: 30px; float: right;  padding: 0 0.5em 0 0;	}	
#overlay				{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.clearfix:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden;	}
* html>body .clearfix 	{ display: inline-block; width: 100%;	}
* html .clearfix 		{ height: 1%; }	/* Hide from IE-mac */