/* ===============================================  G L O B A L  =============================================== */
body						{ margin: 0; padding: 0; background: url(../images/bg-body.jpg) repeat-x #3B7000; text-align: center; }
body, td, th,
input, textarea, select		{ font: 62.5% Verdana, "Geneva CE", lucida, 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				{ margin: 0; padding: 0; }   
/* ............................................................................................................ */   
                            			/* align */
.fl			{ float: left; }
.fr     { float: right; }
.ac     { text-align: center; }
.ar     { text-align: right; }
                            			/* images */
.il     { float: left; clear: left; margin: 0 1em 0.5em 0; }
.ir     { float: right; clear: right; margin: 0 0 0.5em 1em; }
                            			/* spacing */
.h      { margin: 0 0 0.5em; }
.s      { margin: 0 0 1em; }
.sh     { margin: 0 0 1.5em; }
.d      { margin: 0 0 2em; }
                            			/* hidden & clear */
hr      		{ display: none; }
.hidden, #head h1, #head h2	{ position: absolute; top: -10000px; left: 0; }
.clr    		{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }

/* ------------------------------------- / Jockie CSS global format definition 1.0 / -------------------------- */
acronym, 
abbr 		{ background: url(../images/dot.gif) repeat-x bottom; border: 0; cursor: help; padding: 0 0 2px; } 
	/* nadpisy + odstavec */
h1, h2, h3, 
h4, h5, h6 	{ color: #4B8F00; margin: 1em 0 .5em 0;  } 
h1 			{ font-size: 1.6em; margin-top: 0.5em; }
h2			{ font-size: 1.4em; }
h3 			{ font-size: 1.3em; background: url(../images/bg-h3.jpg) no-repeat bottom; padding: 0 0 12px; font-weight: normal; color: #4B8F00; text-transform: uppercase; margin: 0 0 10px; }
h4 			{ font-size: 1.2em; }
h5 			{ font-size: 1.1em; }
h6			{ font-size: 1.0em; }
p			{ font-size: 1.2em; line-height: 140%; color: #2E2E2E; text-align: justify; padding: 0 0 1.5em; }
	/* seznamy */
ul 			{ list-style-type: none; margin: 0 1em 1em 20px; }
li			{ background: url(../images/li-dot.gif) no-repeat left 55%; color: #2E2E2E; padding: 0.3em 0 0.3em 15px; font-size: 1.2em; }
ol 			{ margin: 0 1em 1em 20px; padding: 0; }
ol li		{ background: none; padding: 0.3em 0; }
	/* odkazy */
a			{ color: #4B8F00;}
a:hover,
a:focus,
a:active	{ color: #fff; background: #4B8F00; }
	/* tabulky */
table			{ width: 100%; margin: 0 0 1.5em; border: 1px solid #2E2E2E; border-collapse: collapse; }
th, td 			{ font-size: 1.1em; color: #2E2E2E; vertical-align: middle; border: 1px solid #2E2E2E; border-collapse: collapse; padding: 0.3em; }
table thead,
table tfoot		{ background: #4B8F00; text-align: center; }
table thead td,
table tfoot td	{ color: #fff; }
table caption	{ font-size: 1.1em; font-style: italic; padding: 0 0 0.5em;}

/* ============================================================================================================ */   
#page			{ width: 1017px; margin: 0 auto; background: url(../images/bg-page-pattern.jpg) repeat-y #fff;  text-align: left; }
#page-in		{ background: url(../images/bg-page.jpg) no-repeat 0 247px ; float: left;}
#page-in:after,	
#page:after		{ content:""; display:block; height:0; clear:both; visibility:hidden; }
#head			{ height: 270px; width: 1017px; background: url(../images/bg-head.jpg) no-repeat top; position: relative; }
#cover			{ background: url(../images/bg-cover.jpg) no-repeat top; width: 100%; }
#cover:after	{ content:""; display:block; height:0; clear:both; visibility:hidden; }
#left			{ float: left; width: 205px; margin: 0 0 0 30px; display: inline; }
#center			{ float: left; width: 486px; padding: 0 17px 0; }
#right			{ float: right; width: 239px; margin: 0 22px 0 0; display: inline; background: url(../images/bg-right.jpg) no-repeat top left; padding: 29px 0 0; }
#foot			{ float: left; height: 128px; width: 100%; background: url(../images/bg-foot.jpg) no-repeat; }
* html #foot	{ float: none; }


/* -----------------------------------------/ TOP BOX / --------------------------------------------------------- */
#head img			{ margin: 66px 0 0 67px;}
#head img#rezervace	{ margin: 0; position: relative; top: -67px; left: 50px; }
#head a,
#head a:hover		{ background: none;}

#head #top-menu 				{ height: 48px; width: 900px; position: absolute; top: 48px; right: 30px;  }
#head #top-menu	ul 				{ list-style-type: none; height: 48px; float: right;  }
#head #top-menu ul li			{ float: left; padding: 17px 20px; background: url(../images/topmenu-li.jpg) no-repeat top left;  }
#head #top-menu ul li a			{ color: #fff; text-transform: uppercase; text-decoration: none; }
#head #top-menu ul li a:hover	{ text-decoration: underline;  }

/* -----------------------------------------/ BOTTOM BOX / ----------------------------------------------------- */
#foot a			{ color: #fff; text-decoration: none;  } 
#foot a:hover	{ color: #4B8F00; background: #fff; }
#foot ul		{ list-style-type: none; float: left; margin: 60px 0 5px -10px; width: 700px }
#foot ul li		{ float: left; padding: 0 10px 0; font-size: 1.2em; background:none; }
#foot ul li+li  { background: url(../images/foot-pipe.gif) no-repeat left; }
#foot img		{ float: left; margin: 50px 20px 0 190px; }
#foot p			{ color: #fff; }

/* -----------------------------------------/ RIGHT BOX / ----------------------------------------------------- */
	/* novinky */
#news			{ margin: 0 0 15px; background: url(../images/bg-news.jpg) no-repeat bottom #6B6B6B; min-height: 400px; padding: 0 20px 0; }
* html #news	{ height: 400px; }
#news h4		{ background: url(../images/bg-news-h4.jpg) no-repeat top; margin: 0 -20px 0; text-align: center; font-size: 1.4em; color: #fff; padding: 10px 0 15px;  }
#news p			{ color: #fff; padding: 1em 0; text-align: left; }
#news a		{ color: #fff; }
#news a:hover	{ color: #000; background: #fff;}
#news p.line	{ background: url(../images/dot-line.gif) repeat-x top;}
#news div.r { padding: 10px 0px; text-align:right;  font-weight:bold; }

	/* pocasi */
#weather .box	{ float: left; padding: 1em 0 0 27px; }
#weather .box p	{ text-align: center; }

/* -----------------------------------------/ CENTER BOX / ---------------------------------------------------- */
	/* situace na hristi */
#situation			{ background: url(../images/dot.gif) repeat-x bottom; }
#situation h3		{ font-size: 1.4em; font-weight: bold; background: url(../images/dot.gif) repeat-x top; padding: 10px 0 1.0em;  }
#situation h3 span	{ background: url(../images/h3-flag.jpg) no-repeat left; padding: 0 0 0 22px; margin: 0 0 0 20px; }
#situation p		{ font-weight: bold; margin: 0 0 0 25px; }
#situation p span	{ color: #4B8F00;}
#situation dl		{ margin: 0 0 1em 25px; font-size: 1.2em; } 
#situation dt		{ float: left; font-weight: bold; color: #1A1A1A; margin-bottom: -100px; } /* solves MSIE 3px bug */
#situation dd		{ margin-left: 20em; color: #4B8F00; padding: 0 0 0.3em; }

/* -----------------------------------------/ LEFT BOX / ------------------------------------------------------- */
	/* menu */
#menu				{ margin: 30px 0; }
#menu ul			{ list-style-type: none; margin: 0; padding: 0; }
#menu ul li			{ background: url(../images/dot.gif) repeat-x bottom; padding: 7px 0 7px 25px;  }
#menu ul li span	{  }
#menu ul li a		{ font-size: 0.95em;  color: #5A5A5A; text-decoration: none; font-weight: bold; text-transform: uppercase; display:block; background: url(../images/arrow-black.gif) no-repeat 0 50%; padding: 0 0 0 20px; }
#menu ul li a:hover, #menu ul li a.active	{ color: #4B8F00; background: url(../images/arrow-green.gif) no-repeat 0 50%; }

	/* info - cenik, reklamy partneri */
#info a			{ display: block; margin: 1.5em 0; text-decoration: none; background: none; }
#info img		{ border: 0; margin: 0; }

#webcam { text-align: center; padding-top: 15px;  }
.webcam { margin-top: 15px;}


input, textarea, select { font-size: 1.3em; }
input, textarea         { padding: 2px 4px; }


#kontaktform, #kontaktform td, #kontaktform  th { border: none; }
#kontaktform th { text-align:right; width:100px;  }
#kontaktform input, #kontaktform textarea { width: 96%; }
.btns { text-align: right; padding: 10px 0px; }

#center img { border:  1px solid #7b7b7b; }

div.foto-c  { text-align:center; }
div.foto-r  { text-align:right; }
div.foto-l  { text-align:left; }

.error  { padding: 5px 0px; color:#c00; }


td.header { background-color: #006600; color: #fff;  }
td.odsaz2, td.odsaz { padding-top: 5px; padding-bottom: 5px;  }
td.odsaz2 	{  background-color: #333; color: #fff;  }
td.cena   { width: 90px; }

#eng { position: absolute; top:15px;border: none; }
#eng img { position: relative; left:-950px; border: none; }