/* 
section 01 : rgb(145, 155, 202)
section 02 : rgb(0, 145, 147)
section 03 : rgb(160, 190, 125)
section 04 : rgb(255, 127, 0)
section 05 : rgb(41, 107, 217)
section 06 : rgb(102, 0, 0)
*/

* {
	font-family: Helvetica, Arial, sans-serif;
}
body, input, .TopCorner button {
	background-color: white;
}
body {
	margin: 25px;
	font-size: 13px;
}
img {
	border: none;
}
a, button {
	text-decoration: none;
	font-weight: bold;
  color: rgb(145, 155, 202);
}
ul {
  list-style-type: square;
}

#CONTAINER {
	position: relative;
	margin: 4ex 5% 4ex 1ex;
}
#HEADER {
	position: relative;
	margin-bottom: 4ex;
}
#DYNAMIC {
	position: relative;
	margin-left: 3ex;
}

.BackgroundLogo {
  background-image: url('/data/graphics/logo-narodniho-technickeho-muzea.gif');
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 75px;
}
.Logo {
	font-size: 190%; font-weight: bold;
	letter-spacing: 1px;
	vertical-align: bottom;
  height: 58px;

  background-image: url('/data/graphics/logo-narodniho-technickeho-muzea.gif');
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 75px;
}
.Logo a {
	color: black;
}
.TopCorner {
	position: absolute;
	top: 5px; right: 25px; /* !!! */
}
.LeftCol {
	position: absolute;
	left: 0px; top: 0px;
	width: 30%;
}
.LeftCol .Text.Content {
  margin-top: 8ex;
}
.LeftCol .Text p {
	font-size: 100%; font-weight: bold;
}
.MiddleCol {
	position: relative;
	left: 28%; width: 70%;
	z-index: 10;
}
.MiddleColHlavni {
	position: relative;
	left: 28%; width: 40%;
	z-index: 10;
}
.MiddleCol .Content {
	margin: 4ex 0px 4ex 0px;
}
.MiddleCol .Content a {
  white-space: nowrap;
}
.MiddleCol .Content.Text img {
  float: right;
  /*margin: 0px 1em 1ex 0px;*/
  margin: 0px 0px 1ex 1em;
}
.RightCol {
	position: absolute;
	top: 0px;
	left: 70%;
   width: 30%;
	z-index: 5;
}
.RightCol .Text.Content {
  margin-top: 8ex;
}
p {
	margin-top: 0px;
}

.MainMenu div {
	width: auto; height: 40px;
	padding: 4px 6px 0px 6px;
	float: left;
	border-right: solid; border-width: 1px; border-color: black;
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: 0px 25px;
}
.MainMenu {
	margin-bottom: 1ex;
}
.MainMenu a {
	color: black;
}

.Warning {
	color: red;
  font-weight: bold;
}

.Separator {
	clear: both;
	visibility: hidden; 
}

.LeftCol {
	background-repeat: repeat-x;
	background-position: 0px 25px;
}

/* pozice obsahu levého sloupce */
.LeftCol .Content {
	margin: 4ex 12ex 0ex 0ex;
	padding: 20px;
}
.LeftCol .Content hr {
	width: 35px; height: 1px; 
	color: black;
	position: relative; left: -42px;
	text-align: left; margin-left: 0;
	border-style: solid none none none; border-width: 1px;
}
.LeftMenu.Tree a {
	display: block;
	font-weight: bold;
	color: black;
}
.LeftMenu.Tree ul {
	list-style: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
}
.LeftMenu.Tree li {
  margin: 3px 0px 3px 0px;
}
.LeftMenu.Tree ul a {
	display: inline; font-weight: normal;
  color: #666;
}
.LeftMenu.Tree ul a:hover {
  color: black;
}

.RightCol .Content {
	margin: 4ex 12ex 0ex 0ex;
	padding: 20px;
}
.RightCol .Content hr {
	width: 35px; height: 1px; 
	color: black;
	position: relative; left: -42px;
	text-align: left; margin-left: 0;
	border-style: solid none none none; border-width: 1px;
}

.MainMenu div.First {
	padding-left: 0px;
}
.MainMenu div.Last {
	padding-right: 0px;
	border: none;
}
.Box {
	margin-bottom: 6ex;
	position: relative;
}
.Box.Pictures img {
	margin-right: 1ex;
}
h1, .Info h2 {
	margin: 0px 0px 17px 0px;
}
h1 a, .Info h2 a {
  padding-bottom: 2px;
	border-bottom: solid; border-width: 7px; border-color: black;
	color: black;
	line-height: 1.75;
}
h1 {
	font-size: 150%;
}
h2 {
	font-size: 130%;
}
h2 {
	margin-bottom: 2px;
}

table.Prices {
	border-collapse: collapse;
	width: 100%;
	border: solid 1px gray;
}
table.Prices th, table.Prices td {
	padding: 6px;
}
table.Prices th {
	text-align: left;
	width: 30%;
}

.Links {
	margin-top: 5ex;
}
.Links div {
	margin-bottom: 3ex;
}
.Links a {
	display: block;
	width: auto;
	color: gray;
	font-weight: bold;
	margin-bottom: 4px;
}
.Links a:after {
	content: ">";
}
td.Date {
  white-space: nowrap;
}

.GuidePost {
  position: absolute; width: 32%; left: 32%; top: 30%;
  text-align: center;
  font-weight: bold;
}

/* COLORS */
body.Section01 .TopCorner a,
body.Section01 .TopCorner button,
body.Section01 .LeftMenu a:hover,
body.Section01 .MiddleCol .Content a:link,
body.Section01 .MiddleCol .Content a:visited,
body.Section01 a.Sublink,
body.Section01 .MainMenu .Section01 a {
	color: rgb(145, 155, 202) !important;
}
body.Section02 .TopCorner a,
body.Section02 .TopCorner button,
body.Section02 .LeftMenu a:hover,
body.Section02 .MiddleCol .Content a:link,
body.Section02 .MiddleCol .Content a:visited,
body.Section02 a.Sublink,
body.Section02 .MainMenu .Section02 a {
	color: rgb(0, 145, 147) !important;
}
body.Section03 .TopCorner a,
body.Section03 .TopCorner button,
body.Section03 .LeftMenu a:hover,
body.Section03 .MiddleCol .Content a:link,
body.Section03 .MiddleCol .Content a:visited,
body.Section03 a.Sublink,
body.Section03 .MainMenu .Section03 a {
	color: rgb(160, 190, 125) !important;
}
body.Section04 .TopCorner a,
body.Section04 .TopCorner button,
body.Section04 .LeftMenu a:hover,
body.Section04 .MiddleCol .Content a:link,
body.Section04 .MiddleCol .Content a:visited,
body.Section04 a.Sublink,
body.Section04 .MainMenu .Section04 a
{
	color: rgb(255, 127, 0) !important;
}
body.Section05 .TopCorner a,
body.Section05 .TopCorner button,
body.Section05 .LeftMenu a:hover,
body.Section05 .MiddleCol .Content a:link,
body.Section05 .MiddleCol .Content a:visited,
body.Section05 a.Sublink,
body.Section05 .MainMenu .Section05 a {
	color: rgb(41, 107, 217) !important;
}
body.Section06 .TopCorner a,
body.Section06 .TopCorner button,
body.Section06 .LeftMenu a:hover,
body.Section06 .MiddleCol .Content a:link,
body.Section06 .MiddleCol .Content a:visited,
body.Section06 a.Sublink,
body.Section06 .MainMenu .Section06 a {
	color: rgb(189, 38, 105) !important;
}

body.Section07 .TopCorner a,
body.Section07 .TopCorner button,
body.Section07 .LeftMenu a:hover,
body.Section07 .MiddleCol .Content a:link,
body.Section07 .MiddleCol .Content a:visited,
body.Section07 a.Sublink,
body.Section07 .MainMenu .Section07 a {
	color: rgb(116, 37, 16) !important;
}

.LeftCol .LeftMenu {
	border-left: solid; border-width: 10px;
}
body.Section00 .LeftMenu {
	border-left: none;
}
body.Section01 .LeftMenu {
	border-color: rgb(145, 155, 202);
}
body.Section02 .LeftMenu {
	border-color: rgb(0, 145, 147);
}
body.Section03 .LeftMenu {
	border-color: rgb(160, 190, 125);
}
body.Section04 .LeftMenu {
	border-color: rgb(255, 127, 0);
}
body.Section05 .LeftMenu {
	border-color: rgb(41, 107, 217);
}
body.Section06 .LeftMenu {
	border-color: rgb(189, 38, 105);
}
body.Section07 .LeftMenu {
	border-color: rgb(116, 37, 16);
}

body.Section01 .LeftCol,
body.Section01 .MainMenu .Section01,
body.Section00 .MainMenu .Section01
{
	background-image: url(/data/graphics/section_01_line_vertical.gif);
}

body.Section02 .LeftCol,
body.Section02 .MainMenu .Section01,
body.Section02 .MainMenu .Section02,
body.Section00 .MainMenu .Section02 
{
	background-image: url(/data/graphics/section_02_line_vertical.gif);
}

body.Section03 .LeftCol,
body.Section03 .MainMenu .Section01,
body.Section03 .MainMenu .Section02,
body.Section03 .MainMenu .Section03,
body.Section00 div.Section03
{
	background-image: url(/data/graphics/section_03_line_vertical.gif);
}

body.Section04 .LeftCol,
body.Section04 .MainMenu .Section01,
body.Section04 .MainMenu .Section02,
body.Section04 .MainMenu .Section03,
body.Section04 .MainMenu .Section04,
body.Section00 div.Section04
{
	background-image: url(/data/graphics/section_04_line_vertical.gif);
}
body.Section05 .LeftCol,
body.Section05 .MainMenu .Section01,
body.Section05 .MainMenu .Section02,
body.Section05 .MainMenu .Section03,
body.Section05 .MainMenu .Section04,
body.Section05 .MainMenu .Section05,
body.Section00 div.Section05
{
	background-image: url(/data/graphics/section_05_line_vertical.gif);
}
body.Section06 .LeftCol,
body.Section06 .MainMenu .Section01,
body.Section06 .MainMenu .Section02,
body.Section06 .MainMenu .Section03,
body.Section06 .MainMenu .Section04,
body.Section06 .MainMenu .Section05,
body.Section06 .MainMenu .Section06,
body.Section00 div.Section06
{
	background-image: url(/data/graphics/section_06_line_vertical.gif);
}
body.Section07 .LeftCol,
body.Section07 .MainMenu .Section01,
body.Section07 .MainMenu .Section02,
body.Section07 .MainMenu .Section03,
body.Section07 .MainMenu .Section04,
body.Section07 .MainMenu .Section05,
body.Section07 .MainMenu .Section06,
body.Section07 .MainMenu .Section07,
body.Section00 div.Section07
{
	background-image: url(/data/graphics/section_07_line_vertical.gif);
}
/* Win */
.Win {
  position: relative;
}
.Win.Centered {
  width: 60%;
         margin-left: auto;
         margin-right: auto;
}

body .MiddleCol .Content div.Box.Info h2 a {
  color: black !important;
}
input {
  border: solid gray 1px;
  padding: 3px;
}
input.Active {
  background-color: #eee;
}
.TopCorner input {
  width: 100px;
  margin-left: 1em;
}
.TopCorner button {
  border-style: none;
}
.Authors {
  font-size: 80%;
}
.Searchfilter {
  font-size: 80%;
}