/* CSS Document */

/* ------- nastavení divů ----------------- */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 12px;
	background: url('bg01.gif') top right repeat-x;
	background-color: #ecedeb;
	color: black;
}

/* Obalový div, o šířce 750px, vycentrovaný */
#obal {
	width: 750px;
	margin-top: 0.5em;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	color: black;
	background-color: white;
	
}

/* hlavička - nápis Josef Bubeník */
.hlavicka {
  color: white;
  background-color: white;
  font-size: 28px;
  text-decoration: none;
  letter-spacing: 5pt;
  font-weight: bold;
  text-align: right;
  width: 100%;
  height: 100px;
  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

.menu {
	font-size: 12px;
	letter-spacing: 2pt;
	width: 160px;
	float: left;
	text-align: center;
	margin: 15 5 0 5;
	padding: 0;
			}

.menu ul {
	margin: 0 0 20 0;
	padding: 0;
  
  /*border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;*/
}
.menu ul li {
	margin: 0 0 0 0;
	padding: 0;
	display: inline;
	
	
}
.menu ul li a,  #menu ul li.active {
	font-size: 11px;
	letter-spacing: .7pt;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #B2B1B1;
}

.menu ul li a {
	color: #333;
}
.menu ul li a:visited {
	border-bottom: 1px solid #B2B1B1;
}
.menu ul li a:hover {
	color: white;
	background: #cc3333;
}
.menu ul li.active {
	color: #eee;
        font-weight: normal;}
.menu ul li a.active {
	background: green;
}

/* Hlavní obsah stránky, */
.obsah {
   border-left: 3px solid #cc3333;
   background-color: white;
   text-align: left;
   margin: 15px 0px 10px 170px;
   padding: 10;
   min-height: 500px; /* pro standardní prohlížeče */
  _height: 500px; /* pro Internet Explorer, který to chápe jako min-height*/
}

.zapati{
width: 750px;
height: 20px;
background-color: #717171;
color: white;
font-size: 11px;
letter-spacing: 1pt;
padding: 0;
margin: 0px 0px 0px 0px;
text-align: right;
}
.zapati p {padding: 3 5;text-align: right;}
.obrazek a:hover {background-color: white; border: 0px; text-decoration: none;}
.obrazek a {background-color: white; border: 0px; text-decoration: none;}


h1 {font-size: 16px;
color: white;
background-color: gray;
padding: 10;
margin: 10 0;
letter-spacing: .3pt;
font-variant: small-caps;
font-weight: normal;
}

h2 {font-size: 14px;
color: black;
background-color: white;
padding: 0 ;
margin: 10 0 3 0;
letter-spacing: .3pt;
font-weight: bold;
text-align: center;
}

h3 {font-size: 13px;
color: brown;
background-color: white;
padding: 0 ;
margin: 10 0 3 0;
letter-spacing: .3pt;
font-weight: bold;
text-align: left;
}

h5 {
font-size: 13px;
color: black;
padding: 2 0;
margin: 0 0 0 5;
}


h6 {font-size: 11px;
color: #cc3333;
padding: 2 0;
margin: 0 0 0 5;
}

p {text-align: justify; padding: 1 0; margin: 5 15 2 5 ; line-height: 130%;}

.obsah ul {
padding: 0px;
margin: 5px 10px;
}

.obsah ul li{
  font-size: 12px;
	font-weight: normal;
  text-align: justify;
	text-indent: -12px;
	display: block;
	line-height: 140%;
	padding: 0px 10px 0px 10px;
  margin: 0px 2px 2px 0px;
  text-align: left;
  }

/*a {color: #cc3333; text-decoration: none; border-bottom: 1px solid #cc3333;}
a:hover {color: white; background-color: #cc3333;}*/
a {color: brown; text-decoration: none; border-bottom: 0px solid brown;}
a:hover {color: white; background-color: brown;}


td a {
font-family: arial;
color: black;
border: 0px;}

td a:hover {
color: white;
background-color: white;
border: 0px;
}

.next a {color: brown; background: white; padding: 3 5; border: 0px solid gray; margin: 0 15; font-size: 11px;}
.next a:hover {color: white; background-color: gray;}


.members a {color: black; text-decoration: none; border-bottom: 0px dotted gray;}
.members a:hover {color: white; background-color: black;}


.brown {color: brown;}


hr {
	color: #909090;
	background-color: #909090;
	height: 1px;
	margin: 3 0;
	padding: 0;
	border: 0;}

	
.seznam td {
font-family: Arial, Verdana, "MS Trebuchet";
font-size: 11px;
color: black;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 3px 5px 3px 5px;
letter-spacing: 0pt;
border: 1px solid gray;
}

.seznam td h2
{font-family: Arial, Verdana, "MS Trebuchet";
font-size: 13px;
text-align: center;
color: white;
font-variant: normal;
font-weight: normal;
padding: 0px;
margin: 0px 0px 0px 0px;
letter-spacing: 0pt;
background-color: #cc3333;
}


.seznam td a {
color: black;
border: 0px;
}

.seznam td a:hover {
color: white;
background-color: brown;

}

.detail td a {
color: brown;
border: 0px;
}

.detail td a:hover {
color: white;
background-color: brown;

}
	
.detail td {
font-family: Arial, Verdana, "MS Trebuchet";
font-size: 12px;
color: black;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 3px 5px 3px 5px;
letter-spacing: 0pt;
border: 0px solid gray;

}
	
td.first {
width: 50px;
font-family: Arial, Verdana, "MS Trebuchet";
font-size: 12px;
color: black;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 3px 5px 3px 5px;
letter-spacing: 0pt;
border-right: 1px solid brown;
text-align: left;
}



.detail td h2
{font-family: Arial, Verdana, "MS Trebuchet";
font-size: 13px;
text-align: center;
color: white;
font-variant: normal;
font-weight: normal;
padding: 0px;
margin: 0px 0px 0px 0px;
letter-spacing: 0pt;
background-color: #cc3333;
}