/*
 *  CSS - zakladni casti indexu
 *  Copyrighted by Tomas Halada, www.LTweb.cz
 */

#page {
  position: relative;
  width: 960px; /* =zapati*/
  padding: 0 10px;
	margin: 0 auto;
	min-height: 100%;
	height: 100%;
  background-color: #ffffff;
}

body>#page {
  height: auto;
}

#include {
  text-align: justify;
}


#nadzahlavim {
  height: 20px;
  background: #d86b32 url(../img/nadzahlavim-bg.gif) repeat-x top;
}

#zahlavi {
  height: 133px;
  background: url(../img/zahlavi-bg.gif) repeat-x bottom;
	border-bottom: 1px solid #ffffff;
}
#zahlavi .logo {
  position: relative;
  float: left;
  top: 30px;
  left: 28px;
}
#zahlavi .logo img {
  border: none;
}

#zahlavi .nazev {
  display: block;
  position: relative;
  float: right;
  background: #e85f18 url(../img/zahlavi-foto.jpg) no-repeat center;
  top: 0px;
  right: 10px;
  width: 659px;
  height: 129px;
}
#zahlavi .nazev strong {
  display: none;
}

#topmenu {
  text-align: right;
	font-size: 0.85em;
	background: url(../img/topmenu-bg.gif) repeat-x top;
  padding: 3px 20px 5px 20px;
	border-bottom: 1px solid #bb4d15;
} 
#topmenu a {
  padding: 1px 10px 2px 10px;
  margin: 0 1px;
}
#topmenu a:link, #topmenu a:visited {
  color: #ffffff;
  text-decoration: none;
}
#topmenu a:hover , #topmenu a:active {
  color: #000000;
  background-color: #fac7b0;
  text-decoration: none;
}

#mainpart {
  color: #000000;
  padding-top: 5px;
  padding-bottom: 40px;
}

#leftmenu {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 280px;
}
#leftmenu .odkaz {
	display: block;
	border: 1px solid #fbc1a3;
	margin-bottom: 5px;	
}
#leftmenu .odkaz a {
	display: block;
	font-weight: bolder;
	width: 270px;
	padding: 8px 5px 8px 5px;
  font-size: 0.85em;
  color: #ffffff;
  background: #f66419;
}
#leftmenu .odkaz a:hover, #leftmenu .odkaz a:active {
	background: #ca5316;
}

#content {
  position: relative;
  float: left;
  left: 8px;
  width: 514px;
	font-family: "Arial CE", Arial, "Lucida Grande CE", Lucida, "Helvetica CE", Helvetica, sans-serif;
}
#content-wide {
	position: relative;
  float: left;
  width: 792px;
	font-family: "Arial CE", Arial, "Lucida Grande CE", Lucida, "Helvetica CE", Helvetica, sans-serif;
}
#rightmenu {
  position: relative;
  float: right;
  right: 0;
  top: 0;
  width: 150px;
}

#end {
  clear: both;
  height: 1px;
  font-size: 1px; /* IE optimalizace */
}

/* menu ----------------------------------------------------------------- */

#leftmenu .menu {
  width: 278px;  
}
#rightmenu .menu {
  width: 148px; 
}
.menu {
  border: 1px solid #fbc1a3;
  margin-bottom: 5px;
  font-size: 0.85em;
}
.menu .header {
  background: #e95f18 url(../img/topmenu-bg.gif) repeat-x bottom;
  color: #ffffff;
  padding: 1px 10px 2px 10px;
  font-weight: bold;
  text-align: left;
}
.body {
  background: url(../img/menu-bg.gif) repeat-x bottom;
  padding: 5px 10px;
}


/* jednotlive casti menu -------------------------------------------------- */
.menu ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* instinkt */
.menu .instinkt {
  padding: 5px;
}
.menu .instinkt table {
  text-align: center;
  border-collapse: collapse;
}
.menu .instinkt table td {
  padding: 4px 6px;
  text-align: right;
}
.menu .instinkt img {
  border: 1px solid #000000;
}

/* poptavka */
.menu .poptavka span {
  display: block;
  margin: 5px 0;
}

/* letenky */
.menu .letenky table {
  text-align: left;
}

/* kurzy */
.menu .kurzy table {
  width: 100%;
}

/* kontakt */
.menu .kontakt strong {
  display: block;
  font-size: 1.2em;
}
.menu .kontakt table {
  text-align: left;
  border-collapse: collapse;
  margin-top: 10px;
}
.menu .kontakt table td {
  padding: 0 5px;
}

/* terminy v menu */
.menu .terminy table {
  width: 100%;
  border-collapse: collapse;
}
.menu .terminy thead td {
  background-color: #d0d0d0;
}
.menu .terminy tbody td {
  border-bottom: 1px dashed #d0d0d0;
  padding: 2px 3px;
}

/* zeme v menu ------------------------------------------------------------ */
.menu .zeme {
  background-color: #ffffff;
  padding: 1px;
}
.menu .zeme a {
  display: block;
  padding: 2px 5px;
  width: 136px; /* rightmenu:width - .menu.body:padding,:border - this:padding - this:border */
  text-align: left;
  font-size: 1.1em;
  border-bottom: 1px dashed #d0d0d0;
}
.menu .zeme a:link, .menu .zeme a:visited {
  color: #6b6b6b;
  text-decoration: none;
}
.menu .zeme a:hover, .menu .zeme a:active {
  color: #000000;
  text-decoration: underline;
  background-color: #e8e8e8;
}
.menu .zeme .last {
  border-bottom: none;
}

/* statistika */

.menu .stats {
  text-align: center;
  font-size: 0.85em;
  color: #ffffff;
  background: #f66419;
  font-weight: bold;
}

/* obycejne odkazy v menu ------------------------------------------------- */
.menu .links a {
  display: block;
  text-decoration: none;
  text-align: left;
}

/* pocasi v menu */
.menu .pocasi {
  background: #ffffff url(../img/menu-r-bg.gif) repeat-y center right;
}
.menu .pocasi .polozka {
  display: block;
  border: 1px solid #f8986e;
  background-color: #f8f8f8;
  padding: 2px 4px;
  margin: 2px -6px;
}
.menu .pocasi .name {
  display: block;
  text-align: left;
}
.menu .pocasi .temp {
  display: block;
  text-align: right;
  font-weight: bold;
}

/* ikony v menu ---------------------------------------------------------- */
.menu .ikony {
  text-align: center;
}
.menu .ikony img {
  border: none;
}

/* mailservis v menu ------------------------------------------------------- */
.menu .mailservis {
  font-size: 0.85em;
}

/* popis zeme/destinace/hotelu v menu ------------------------------------- */
.menu .popis table td {
  vertical-align: top;
}
.menu .popis .images img {
  display: block;
  width: 70px;
  height: 50px;
  margin-bottom: 5px;
  border: 1px solid #f66419;
  background-color: #f0f0f0;
}
.menu .popis .text {
  text-align: left;
}

/* zapati stranky ---------------------------------------------------------- */
#zapati {
	position: absolute;
	overflow: hidden;
  width: 960px; /* =page */
  padding: 0 10px;
  height: 20px;
	bottom: 0;
	left: 0;
  background: #d86b32 url(../img/topmenu-bg.gif) repeat-x top;
  color: #f8f8f8;
  font-size: 0.75em;
  text-align: right;
}
#zapati span {
  display: block;
  position: relative;
  float: left;
  top: 4px;
  left: 14px;
}
#zapati span a {
  display: inline;
  position: relative;
  float: none;
  top: 0;
  right: 0;
}
#zapati a {
  display: block;
  position: relative;
  float: right;
  top: 4px;
  right: 14px;
}
#zapati a:link, #zapati a:visited {
  color: #f8f8f8;
}
#zapati a:hover, #zapati a:active {
  color: #ffffff;
}