/* CSS file for www pages of fortification from Branná
   (c) 2007 Jan Kroupa johnes@centrum.cz
*/

body {
  margin-left: auto;
  margin-right: auto;  
  margin-top: 0px;
  _margin-bottom: 5px;
  background: #EAEAEA;
  _text-align: center;
}

/* Main div for all other paragraphs */
#main {
  padding: 0px;
  width: 790px;
  margin-left: auto;
  margin-right: auto;
  background: #ffffcc;
  font-family: arial;
  border-bottom: 7px solid #0f8bc6;
  min-height: 790px;
  _height: 700px;
  text-align: left;
}

/* Div for head image with title */
#header {
  margin: 0px;
  padding: 0px;
  border-bottom: 2px solid #990000;
}

#header img {
	border: none;
}

#header a:visited {
	border: none;
}	


/* Vertical main menu under header */
#menu {
  border-bottom: 1px solid #990000;
  background: #99CC99;
  text-align: center;
  _margin-bottom: 23px;
}

#menu .floatend {
  clear: left;
}

/* Main menu is encapsulated in list */
#menu ul {
  padding: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0px;
}

#menu li {
	padding: 0px;
	margin: 0px;
 	float: left;
   	list-style: none;
  	text-align: center;
  	border-left: solid 1px #990000;
  	width: 15%;
}

#menu .wide {
	width: 11.9%;
  border: none;
}

#menu .mostleft {
  width: 15.4%;
  border-right: solid 1px #990000;
}

/* Cell with separating picture is smaller than cell with menu item */
#menu .sep {
  padding: 0px;
  padding-top: 0px;
  padding-bottom: 0px; 
  text-align: center;  
  width: 0.1%;
}

/* Style of menu link is different than normal link */
#menu a {
  text-decoration: none;
  font-family: arial,sans-serif;
  font-size: 90%;
  font-weight: normal;
  color: #333333; 
}

#menu a:hover {
  text-decoration: underline;
  font-family: arial,sans-serif;
  font-size: 90%;
  font-weight: normal;
  color: black; 
}

/* Style of active item. Active item is actual displayed page */
#menu .actMenu {
  font-weight: bold;
}

#menu .actMenu:hover {
  font-weight: bold;
}

/* Submenu paragraph style. Submenu is only on some pages on right side 
   under main menu.
 */
#submenuPopis {
  width: 125px;
  margin: 0px;
  margin-top: 0px;  
  margin-right: 5px;
  margin-left: 5px;
  _margin-right: 5px;
}

/* Submenu is also encapsulated in list, but menu is vertical */
#submenuPopis ul {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #990000;  
  border-spacing: 0px;
}

#submenuPopis li {
  border-top: 1px solid #990000;   
  padding-top: 2px;
  padding-bottom: 2px;
  _padding-top: 2px;
  _padding-bottom: 2px;  
  padding-left: 7px; 
  background: #99CC99;
  border-spacing: 0px;  
}

#submenuPopis a {
  text-decoration: none;
  font-family: arial;
  font-size: 90%;
  font-weight: normal;
  color: #333333; 
}

#submenuPopis a:hover {
  text-decoration: underline;
  font-family: arial;
  font-size: 90%;
  font-weight: normal;
  color: black; 
}

/* Active submenu link. It is the same as main menu active link */
#submenuPopis .actSubmenu {
  font-weight: bold;
}

#submenuPopis .actSubmenu:hover {
  font-weight: bold;
}

#submenuPopis .subsubmenu {
  padding-left: 15px;
	width: 91%;
  border: none;
}

/* Submenu paragraph style. Submenu is only on some pages on right side 
   under main menu.
 */
#submenuFoto {
  width: 155px;
  margin: 0px;
  margin-top: 5px;  
  margin-right: 5px;
  margin-left: 5px;
  _margin-top: 23px;
  _margin-right: 5px;
  
}

/* Submenu is also encapsulated in list, but menu is vertical */
#submenuFoto ul {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #990000;  
  border-spacing: 0px;
}

#submenuFoto li {
  border-top: 1px solid #990000;   
  padding-top: 2px;
  padding-bottom: 2px;
  _padding-top: 2px;
  _padding-bottom: 2px;  
  padding-left: 7px; 
  background: #99CC99;
  border-spacing: 0px;  
}

#submenuFoto a {
  text-decoration: none;
  font-family: arial;
  font-size: 90%;
  font-weight: normal;
  color: #333333; 
}

#submenuFoto a:hover {
  text-decoration: underline;
  font-family: arial;
  font-size: 90%;
  font-weight: normal;
  color: black; 
}

/* Active submenu link. It is the same as main menu active link */
#submenuFoto .actSubmenu {
  font-weight: bold;
}

#submenuFoto .actSubmenu:hover {
  font-weight: bold;
}

#submenuFoto .subsubmenu {
  padding-left: 15px;
	width: 91%;
  border: none;
}

/* Submenu paragraph style. Submenu is only on some pages on right side 
   under main menu.
 */
#submenuObjekty {
  width: 75px;
  margin: 0px;
  margin-top: 5px;  
  margin-right: 5px;
  margin-left: 5px;
  _margin-top: 23px;
  _margin-right: 5px;
  
}

/* Submenu is also encapsulated in list, but menu is vertical */
#submenuObjekty ul {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #990000;  
  border-spacing: 0px;
}

#submenuObjekty li {
  border-top: 1px solid #990000;   
  padding-top: 2px;
  padding-bottom: 2px;
  _padding-top: 2px;
  _padding-bottom: 2px;  
  padding-left: 7px; 
  background: #99CC99;
  border-spacing: 0px;  
}

#submenuObjekty a {
  text-decoration: none;
  font-family: arial;
  font-size: 90%;
  font-weight: normal;
  color: #333333; 
}

#submenuObjekty a:hover {
  text-decoration: underline;
  font-family: arial;
  font-size: 90%;
  font-weight: normal;
  color: black; 
}

/* Active submenu link. It is the same as main menu active link */
#submenuObjekty .actSubmenu {
  font-weight: bold;
}

#submenuObjekty .actSubmenu:hover {
  font-weight: bold;
}

#submenuObjekty .subsubmenu {
  padding-left: 15px;
	width: 91%;
  border: none;
}


/* Submenu paragraph style. Submenu is only on some pages on right side 
   under main menu.
 */
#submenuKontakt {
  width: 85px;
  margin: 0px;
  margin-top: 5px;  
  margin-right: 5px;
  margin-left: 5px;
  _margin-top: 23px;
  _margin-right: 5px;
  
}

/* Submenu is also encapsulated in list, but menu is vertical */
#submenuKontakt ul {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #990000;  
  border-spacing: 0px;
}

#submenuKontakt li {
  border-top: 1px solid #990000;   
  padding-top: 2px;
  padding-bottom: 2px;
  _padding-top: 2px;
  _padding-bottom: 2px;  
  padding-left: 7px; 
  background: #99CC99;
  border-spacing: 0px;  
}

#submenuKontakt a {
  text-decoration: none;
  font-family: arial;
  font-size: 90%;
  font-weight: normal;
  color: #333333; 
}

#submenuKontakt a:hover {
  text-decoration: underline;
  font-family: arial;
  font-size: 90%;
  font-weight: normal;
  color: black; 
}

/* Active submenu link. It is the same as main menu active link */
#submenuKontakt .actSubmenu {
  font-weight: bold;
}

#submenuKontakt .actSubmenu:hover {
  font-weight: bold;
}

#submenuKontakt .subsubmenu {
  padding-left: 15px;
	width: 91%;
  border: none;
}

/* Submenu paragraph style. Submenu is only on some pages on right side 
   under main menu.
 */
#submenuOdkaz {
  width: 190px;
  margin: 0px;
  margin-top: 5px;  
  margin-right: 5px;
  margin-left: 5px;
  _margin-top: 23px;
  _margin-right: 5px;
  
}

/* Submenu is also encapsulated in list, but menu is vertical */
#submenuOdkaz ul {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #990000;  
  border-spacing: 0px;
}

#submenuOdkaz li {
  border-top: 1px solid #990000;   
  padding-top: 2px;
  padding-bottom: 2px;
  _padding-top: 2px;
  _padding-bottom: 2px;  
  padding-left: 7px; 
  background: #99CC99;
  border-spacing: 0px;  
}

#submenuOdkaz a {
  text-decoration: none;
  font-family: arial;
  font-size: 90%;
  font-weight: normal;
  color: #333333; 
}

#submenuOdkaz a:hover {
  text-decoration: underline;
  font-family: arial;
  font-size: 90%;
  font-weight: normal;
  color: black; 
}

/* Active submenu link. It is the same as main menu active link */
#submenuOdkaz .actSubmenu {
  font-weight: bold;
}

#submenuOdkaz .actSubmenu:hover {
  font-weight: bold;
}

#submenuOdkaz .subsubmenu {
  padding-left: 15px;
	width: 91%;
  border: none;
}

/* Stretch paragraph for illusion of the same length of content and submenu
   paragraph */
#stretcher {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

/* Paragraph for author signification. It lies at end of page */
#sign {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;  
}

#sign a {
  font-family: arial;
  font-size: 60%;
  font-weight: normal;
  text-decoration: none;
  color: #999999;
}

#sign a:hover {
  text-decoration: underline;
}

/* Useful content is in this paragraph. contentThin is for pages with submenu
   and it is thinner than content paragraph without submenu.
 */
#contentThin {  
  float: left;  
  width: 550px;   
  margin: 5px;
  margin-top: 15px;
  margin-left: 10px;
  _margin-left: 5px;
  _margin-bottom: -10px;
}

#contentThin td {
	height: 157px;
	text-align: center;
}

/* Content paragraph for pages without submenu */
#contentWide {
  margin: 5px;
  margin-top: 25px;
  _margin-top: 35px;
  margin-left: 10px;
  margin-right: 10px;    
}

/* Content paragraph for pages without submenu */
#contentWideCenter {
  margin: 5px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px; 
  text-align: center;   
}

.smal {
  font-size: 10px;
}

/* Black big title on the first page */
.title {
  font-size: 20px;
  font-weight: bold;
 
}

.subtitle {
  font-size: 17px;
  font-weight: bold;
}

.normal {
  font-size: 14px;
}

.foto {
  font-size: 14px;
  line-height: 1.5;
}

.zpet {
  font-size: 14px;
  line-height: 1.5;
}

.cervena {
  font-size: 14px;
  color: red;
}


#nakresy {
  margin-left: 45px;
}

.vysvetlivky {
  font-size: 14px;
}

#tabulka {
  margin-left: 55px;
}

.poznamka {
  font-size: 14px;
}

#tabulka1 {
  margin-left: 215px;
}

.poznamka {
  font-size: 14px;
}

#tabulka2 {
  margin-left: 265px;
}

.poznamka {
  font-size: 14px;
}

#tabulka3 {
  margin-left: 8px;
}

.poznamka {
  font-size: 14px;
}


#cara {
  width: 790px;
  border-bottom: 1px solid #ffff99; 
}

#contentWideCenterBottom {
  text-align: center;
}

.normal10 {
  font-size: 10px;
}

#contentWideLeft {
  margin: 5px;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 10px; 
  text-align: left;
     
}

.normal {
  font-size: 14px;
}

.normalRed {
  color: red;
  font-size: 14px;
}

.tall {
  font-size: 14px;
  line-height: 1.5;
}

#normalBlok {
  margin: 5px;
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: justify;
  font-size: 14px;
}

.normal {
  font-size: 14px;
}

.underline {
  font-size: 14px;
  text-decoration: underline;
}

.radek {
  font-size: 14px;
  line-height: 20px;
}

.kontakt {
  font-size: 16px;
  font-weight: bold;
}

.kontakt1 {
  font-size: 14px;
  text-decoration: underline;
  font-weight: bold;
}

.small {
  font-size: 5px;
}

#titleDiv {
  text-align: center;
}

/* Common style of elements */
a {
  color: blue;
  font-family: arial;
}

a:visited {
  color: gray;
}

a:hover {
  color: red;
}

h1 {
  color: black;
  font-size: 110%;
}

ul {
  padding-left: 0px; 
  margin-left: 0px;
}

li {
  margin-left: 0px;
  padding-left: 0px;
  list-style: none;  
}

/* Photos */
.imglink {
  cursor: pointer;
	border: none;
}

.detailPopup {
	text-align: center;
	font-family: arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

.detailNopopup {
	text-align: center;
	font-family: arial, sans-serif;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
}

.noimportant {
	color: #333333;
	font-size: 90%;
}


/* Guestbook */
/* Navigation bar is an unsorted list - encapsulated in div */
.bookbar {
	text-align: center;
  margin-left: auto;
  margin-right: auto;		
}

.bookbar ul {
  padding: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.bookbar ul li {
	padding-left: 5px;
	padding-right: 5px;
  text-align: center; 
	list-style: none;
	display: inline;
}	


.photobar {
	margin-top: -10px;
	margin-bottom: 10px;
}

.photobar ul {
	margin: 0px;
  padding: 0px;
}

.photobar ul li {
	padding-left: 1px;
	padding-right: 1px;
        text-align: center; 
	list-style: none;
	display: inline;
}	


/* Guestbook record items */
.datename {
	font-weight: bold;
	color: #3e3e49;
}

.bookcomment {
	margin-top: 5px;
}

/* Guestbook records separator (and common hr style ?) */
hr {
	border: none;
	border-top: solid 1px #99CC33;
	margin-top: 13px;
	margin-bottom: 13px;
}

/* Div style for error massages */
.alert {
	color: red;
	text-align: center;
  margin-left: auto;
  margin-right: auto;		
}

/* Form for adding new comment in the book */
form {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

form table {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/* Buttons are aligned in center, captions and text inputs are aligned in left (form table) */
/* One button */
.buttontd {
	text-align: center
}

/* Table of buttons */
.buttontd table {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* Buttons has the same height */
.buttontd table button, .buttontd input {
	height: 30px;
}


/* ---------------- World page ---------------- */
#worldDiv {
	position: relative;
	margin-top: 35px;
}

.worldDiv a {
	border: none;
	margin: 0px;
	padding: 0px;
}

.smallhref {
	position: absolute;
	top: -20px;
	left: 340px;
	x-index: 1;
	border: none;	
	margin: 0px;
	padding: 0px;
}


#small {
	width: 175px;
	height: 123px;
}

#hide {
	position: absolute;
	left: 500px;
	top: 100px;
}