/* HTML tagy */

body { 
	margin:0; 
	padding:0;
	top:0; 
	text-align:center;
	font:14px 'Arial CE', 'Helvetica CE', Arial, sans-serif;
	background: #C9A070;	 
} 

#hlavicka {
	padding: 0;
	border: 1px solid #696969;
	background: #fff;
	height: 130px;
	margin-bottom: 5px;
} 

#stranka { 
	width: 770px; 
	margin:0em auto; 
	text-align:left;
	border-left: 3px solid #fff;	
	border-right: 3px solid #fff;
	background-color: #f5f5f5; 
} 

#paticka {
	padding: 10px;
	border: 1px solid #A9A9A9;
	border-bottom: 0;
	background: #E1E1E1;
	text-align: center;
	font-size: 0.8em;
	color: #696969;
} 


#menu { 
	float: left; 
	width: 170px; 
	margin:0; 
	padding:0;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	background-color: transparent;
	color: #252525;
	border: 0; 
}

#menu-obsah { 
	margin:0; 
	padding:0; 
} 

#obsah { 
	margin:0; 
	padding: 26px 0.5em 1em 1em;
	 
} 

hr.cleaner { 
clear:both; 
display: none 
}

#page {
	margin: 0em 0em 0em 175px;
	background: #fff url(img/menu_bg.png) top left repeat-x;
	padding: 0em;
	border: 1px solid #696969;
	border-bottom: 0em;
	position: static;
	color: black;
	font-size: 14px;
	line-height: 150%;
	height: auto;
	width: auto;
	min-height: 800px;
}

h1, h2, h3, h4 {
	font:normal 175%/1.1 'Arial CE', 'Helvetica CE', Arial, sans-serif;
	margin:0.5em 0 0.5em 0;
	padding:0;
	color: #2e8ab8;
	font-variant: small-caps;
	}
h1 {
	margin: 5px 0px 15px 0px;
	font-size: 35px;
	color: #FF9123;
	color: #2576C8;
	letter-spacing: 5px;	
	font-weight: normal;	
}

h3 { font-size:130%; }
h4 { font-size:115%; }
img { border:0;	margin:0; padding:0; background-color: transparent; }
p { margin:0; padding: 0.2em 0.5em 0.5em 0.2em; }

cite {
	display: block;
	font-size: 130%;
	line-height: 110%;
	margin: 0;
	padding: 1em;
	font-style: italic;
	text-align: left;
	color: #696969;
	background-color: #FFFADF;
}

cite:first-letter {
	font-size: 150%;
	color: #CD5C5C;
	font-weight: bold;
}

blockquote {
	font-size: 110%;
	font-family: 'Courier New CE','Courier CE','Courier New', courier, monospace;
	background-color: #FFFCF2;
	padding: 1em;
	text-align: justify;
}

.podpis {
	font-family: 'Courier New CE','Courier CE','Courier New', courier, monospace;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	margin-top: 1em;
	color: Navy;
}

/* ID a specialni tridy*/

#hlavicka table {
	border:0; margin:0; padding:0;
}

#menu br {
	font-size: 15px;	
}

#menu h1 {	
	border: 0 1px 0 1px solid gray;				
	padding: 0px 0px 0px 10px;
	margin: 0px;
	text-align: left;
	line-height: 25px;	
	height: 25px;
	width: auto;
	background:url("img/menu_bg.png") top left repeat-x;
	background-color: #333399;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 3px;
	color: #fff;	
}

#menu ul {	
	padding: 0;
	margin: 0;
	border: 1px solid gray;	
}

#menu ul.menu1 li {		
	list-style: none;	
}

#menu ul.menu1 li a {
	text-decoration: none;
	border: 0;
	border-bottom: 1px solid gray;			
	padding: 0px 0px 0px 35px;
	text-align: left;
	line-height: 30px;
	display: block;
	height: 30px;
	width: auto;
		
}

#menu ul.menu1 li a:link, #menu ul.menu1 li a:visited, #menu ul.menu1 li a:active {
	color: #000000;
	text-decoration: none;			
	background: #efefef url("img/bull_gray.gif") no-repeat 5px 50%;	
}

#menu ul.menu1 li a:hover {
	color: Aqua;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	background: #225288 url("img/bull_blue.gif") no-repeat 5px 50%;
}

#menu ul.menu2 {	
	list-style: none;	
	margin: 0;
	padding: 0;		
}

#menu ul.menu2 li a {
	font-size: 14px;
	line-height: 20px;		
	text-decoration: none;	
	display: block;
	line-height: 20px;
	height: 20px;
	width: auto;	
	padding: 0px 0px 0px 35px;
	margin: 0;
	font-weight: normal;			
}

#menu ul.menu2 li a:active, #menu ul.menu2 li a:visited, #menu ul.menu2 li a:link {
	color: #000000;
	text-decoration: underline;
	margin: 0;
	background: url("img/arrow_g.gif") no-repeat 6px 50%;	
}

#menu ul.menu2 li a:hover {
	color: #39f;
	color: #339;	
	text-decoration: underline;	
	margin: 0;
	background: #fffsmoke url("img/arrow_db.gif") no-repeat 16px 50%;	
}

#paticka A, #paticka A:link, #paticka A:visited  {
	color: #696969;
	text-decoration: none;
}

#paticka A:hover {
	color: black;
	text-decoration: underline;
}

#page A:link, #page A:visited, #page A:active {
	color: Blue;	
	text-decoration: underline;	
}

#page A:hover {
	color: Blue;
	text-decoration: none;
	background-color: #F6F8FF;	
}

#page a.up, #page a.up:link,#page a.up:hover {
	border:0; margin:0;	padding:0;
	background-color: transparent;
	display: block;
	float: right;		
}

#page img.up {
	border:0; margin:0;	padding:0;
	background-color: transparent;
	float: right; 	
}

#page ul, #page ol {
	margin: 0; padding: 0;	
	margin-bottom: 0.3em;
	margin-left: 1em;	
	padding-left: 2.5em;
	list-style-position: outside;
	overflow: hidden;
	width: 85%;
	
}

#page ul { list-style-type: square; }
#page ul ul { list-style-type: circle; }
#page li {
	margin: 0; padding: 0;	
	margin-bottom: 0.3em;
}
#page ul.aktuality {
	margin-left: 0; padding: 0;
	width: auto;	
}
#page ul.aktuality li {
	list-style: none;
	display: block;
	margin-bottom: 0.5em;
	padding: 0.5em;
	background-color: #F0F8FF;
}
#page ul.aktuality b {
	border: 1px solid gray;
	padding: 0.1em;
	margin-right: 0.3em;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	background-color: #F5F5F5;	
}


#page ol, #page ol {
	margin: 0; padding: 0;	
	margin-bottom: 0.3em;
	margin-left: 1em;	
	padding-left: 2.5em;
	list-style-position: outside;
	overflow: hidden;
	width: 85%;
	
}

#page ol { list-style-type: square; }
#page ol ul { list-style-type: circle; }
#page li {
	margin: 0; padding: 0;	
	margin-bottom: 0.3em;
}
#page ol.aktuality {
	margin-left: 0; padding: 0;
	width: auto;	
}
#page ol.aktuality li {
	list-style: none;
	display: block;
	margin-bottom: 0.5em;
	padding: 0.5em;
	background-color: #F0F8FF;
}
#page ol.aktuality b {
	border: 1px solid gray;
	padding: 0.1em;
	margin-right: 0.3em;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	background-color: #F5F5F5;	
}




/* Obecne tridy */

.hidden { display:none; }

.left { display:block; text-align: left }
.right { display:block; text-align: right }
.center { display:block; text-align: center }
.zarovnat { text-align: justify; }

.male { font-size:80% }
.velke { font-size:120% }
.velke b { font-size:120% }
.tluste { font-weight:bold; }
.kurziva { font-style:italic; }
.welcome { 
	font-size:80px;
	font-style: bold;
	line-height: 210px;
	letter-spacing: -2px;
	color: #6A4CC4;
	color: yellowgreen
}

.red { color:#AA0004; }
.orange { color:#ff8c00; }
.violet { color:#660099; }
.blue { color:#6a5acd }
.green { color:#006400; }
.blue_FT { color: #2576C8; }
.orange_FT { color: #FF9123; }

.err { font-size: 0.8em; color:#AA0004; font-weight: bold; }

.pure { margin: 0; padding: 0; border: 0; }

ol.roman li { list-style-type: lower-roman; }
ol.greek li { list-style-type: lower-greek; }
ol.abc li { list-style-type: latin; }
ol.dec li { list-style-type: lower-greek; }


/* HEADLINE REPLACE */

.replace{
  position:relative;
  margin:0px; padding:0px;
  /* hide overflow:hidden from IE5/Mac */
  /* \*/
  overflow: hidden;
  /* */
}
.replace span{
  display:block;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1; /*for Opera 5 and 6*/
}

#myh1, #myh1 span{
  height:130px;
  width:256px;
  background-image: url(img/logo.gif);
  background-repeat: no-repeat;
  text-transform: lowercase;
  font-variant: normal;
  font-weight: bold;
  letter-spacing: 0px;  
  font-size: 70px;
}

#myh2, #myh2 span{
  height:130px;
  width:512px;
  background-image: url(img/bubliny.gif);     
}