/* global */
html{height: 100%;}

body
{ font-family: Lucida Sans Unicode;
  padding: 0px;
  margin: 0px;
  font-size: .78em;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1
{ font-family: Lucida Sans Unicode;
  font-size: 108%;
  letter-spacing: .1em;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}

img{border: 0px;}

a{outline: none;}

/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}


/* unordered list */
ul
{ margin: 8px 0px 0px 16px;
  padding: 0px;
}

ul li
{ list-style-type: none;
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #logo, #menu, #content
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main{width: 906px;}

#links .time{text-align:left; float:left; text-transform: none;}
/* links above the logo / footer */

#links, #footer
{ padding: 10px 20px 10px 0px; /* šedá lišta s datumem - odsazení - horní, pravé, dolní, levé */
  width: 905px;
  height: 26px;
  font-size: 88%;
  text-transform: uppercase;
}

#links{text-align: right;}

#footer
{ text-align: center; 
  border-top: 4px solid;
}

#links a, #footer a{text-decoration: none;}

#links a:hover, #footer a:hover{text-decoration: underline;}


/* logo */
#logo
{ width: 894px;
  height: 100px;
  text-align: left;
  border-bottom: 7px solid;
  background: url(logo2.png) no-repeat left center;
}

#logo h1
{ margin: 0px;
  padding: 20px 0px 0px 19px;
  font-size: 160%;
  letter-spacing: .2em;
}

#logo h2
{ font-family: arial, sans-serif;
  margin: 0px;
  padding: 5px 0px 0px 19px;
  font-size: 108%;
  letter-spacing: .2em;
}

/* navigation menu */
#menu
{ height: 24px;
  width: 894px;
  
}

#menu ul{margin: 0px 0px auto;} 

#menu li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  color:#777;
} 

#menu li a 
{ display: block; 
  float: left; 
  height: 16px;
  text-decoration: none; 
  padding: 0px 0px 0px 0px;
  text-transform: uppercase;
  font-size: 88%;
} 

/* main content */
#content
{ width: 892px;
  padding: auto;
  overflow: hidden;
} 

/* column 1 - contains sidebar items */
#column1
{ width: 180px;
  float: left;
  padding: 0px 0px 15px 0px;
}

.sidebaritem
{ text-align: left;
  width: 158px;
  float: left;
  margin: 0px 0px 10px 0px;
}
.sidebaritem .sbilinks ul li{width:100%}
.sbihead
{ height: 19px;
  width: 160x;
  padding: 7px 0px 3px 19px;
  text-transform: uppercase;
}

.sbihead h1
{ padding: 0px; 
  margin: 0px; 
  font-weight: bold;
}


.sbicontent{padding: 14px 8px 8px 10px;}

.sbicontent p
{ line-height: 12px; 
  padding: 0px 0px 8px 0px;
}
.sbicontent table tr td{line-height: 8px;   font-size: .68em;
  padding: 0px 0px 8px 0px;}

.sbilinks{padding: 8px 0px 0px 10px;}
.sbilinks .pocitadlo{padding: 8px 0 0 8px}
.sbilinks ul{margin: 0px auto;} 

.sbilinks li 
{ margin: 0px; 
  float: left; 
  list-style: none; 
} 

.sbilinks li a.logout{color:red; font-weight:normal;  padding: 5px 0px 4px 0px;}
.sbilinks li a.logout:hover{color:red;   padding: 5px 0px 4px 0px;}

.sbilinks li a , .sbilinks li a:hover
{ float: left; 
  height: 16px;
  text-decoration: none; 
  padding: 5px 0px 4px 19px;
  width: 139px;
  border: 0px;
} 

.sidebaritem a, .sidebaritem a:hover
{ padding: 0px 0px 2px 20px;
  text-decoration: none;
}

.sidebaritem .sbicontent table tr td a{
	padding-bottom:0px;
}

.sidebaritem .sbicontent table tr td{
	padding-bottom:2px;
}

/* column 2 - page content */
#column2
{ text-align: justify;
  width: 650px;
  float: right;
  padding: 2px 22px 15px 0px;

}

#column2 h1
{ font-family: Lucida Sans Unicode;
  padding: 6px 0px 3px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 120%;
  text-transform: uppercase;
  font-weight: bold;
}

#column2 h2
{ font-family: Lucida Sans Unicode;
  padding: 6px 0px 3px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 105%;
  text-transform: uppercase;
  font-weight: bold;
  color:#400000;
}

#column2 h3
{ font-family: Lucida Sans Unicode;
  padding: 6px 0px 6px 0px; 
  margin: 12px 0px 12px 0px; 
  border: 1px solid;
  font-size: 120%;
  text-transform: uppercase;
  font-weight: bold;
  color:#400000;
  background: #D5C9C3;
}
#column2 .telo{height:auto;}

#column2 h1.err{color:#ff0000; border-bottom: none; padding-bottom:0px}
#column2 .telo-err{color:#ff0000; padding-top:0px; margin-bottom:30px}
#column2 .telo form table{font-size: 100%;}

#column2 .telo .pismena{margin-bottom:20px; text-align:center}
#column2 .telo .pismena a{margin:0 13px 0 0; text-decoration:none;}

#column2 .pismeno{float:right; margin-bottom:10px}

#column2 .telo{float:left}

#column2 .telo table.tabulka{width:100%; font-size:100%; margin-top:15px; margin-bottom:15px; float:left}
#column2 .telo table.tabulka tr{line-height:17px}
#column2 .telo table.tabulka tr td{border-bottom: black 1px solid; border-color: #400000;}
#column2 .telo table.tabulka tr.tmava{background: #E3D9D7}
#column2 .telo table.tabulka tr.svetla{}
#column2 .telo table.tabulka th{text-align:left;}
#column2 .telo table.tabulka tr a{text-decoration:none}

#column2 .telo table.detailni{width:100%}
#detail table.detailni{width:100%}

#column2 #detail .nadpis{color:#612B2B; font-size:110%; font-weight:bold}
#column2 #detail .telo table{font-size:100%;}
#column2 #detail .telo table.obecne tr td.popisek{padding-left:30px}
#column2 #detail .telo table tr td.jmeno{color:red; font-weight:bold; font-size:120%}

#column2 #detail .telo table tr td.tmava{background:#DCD5D0}
#column2 #detail .telo table tr td.svetla{background:#F5F5F4}

#column2 #detail .telo table.potomci{margin-left:140px}

#column2 .zk a{font-size:100%; margin-bottom:15px; text-decoration:none}


#column2 a:hover{border-bottom: 1px solid;}

#column2 #info .h1{color:#612B2B; font-size:110%; font-weight:bold}
#column2 .info {font-size:102%}
#column2 .info a{text-decoration:none}
#column2 .info ul li{padding:0 0 0 0; margin: 0 0 0 0;}
#column2 .info table tr td a{text-decoration:none; font-size:80%}
#column2 .info table {width:100%; text-align:center; margin-top:20px; list-style-type: disc; background:#DCD7D6}
#column2 .info table tr td{width:2%; padding:5px 0;}

#column2 #sos .h1{color:#612B2B; font-size:110%; font-weight:bold}
#column2 .sos {font-size:105%;}
#column2 .sos a{text-decoration:underline}
#column2 .sos table tr th{font-size:80%;}
#column2 .sos table tr td{font-size:80%;}


#column2 .telo table.rodokmen tr td{border: 1px solid;padding: 5px 0 5px 0; }
#column2 .telo table.rodokmen tr td{font-size:88%}
#column2 .telo table.rodokmen tr td a{font-size:88%; font-weight:bold}

#column2 .telo table.rodokmen tr.rodice td{padding: 5px 0 5px 0;}
#column2 .telo table.rodokmen tr.prarodice td{}
#column2 .telo table.rodokmen tr.praprarodice td{width:72px;}


/* additional colour scheme selections */
#colour{margin: 0px 0px 20px 0px;}

#colour a, #colour a:hover{border: 0px;}

.blue
{ background: #FFFFFF url(page/blue.png) no-repeat left center;
  color: #109CEF;
  padding: 0px 40px 0px 20px;
}

.green
{ background: #FFFFFF url(page/green.png) no-repeat left center;
  color: #94C65A;
  padding: 0px 40px 0px 20px;
}

.purple
{ background: #FFFFFF url(page/purple.png) no-repeat left center;
  color: #CE5AEF;
  padding: 0px 40px 0px 20px;
}

.orange
{ background: #FFFFFF url(page/orange.png) no-repeat left center;
  color: #FF9C21;
  padding: 0px 40px 0px 20px;
}