* {
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1em;
	background-image: url(pozadi_stranky.png);
	color: #FFFFFF;
	margin: 1em;    /* gives some air for the pagewrapper */
}

div {
	font-size: 1em;
}

img {
	border: 0;
}

a, a:link, a:active, a:visited {
	text-decoration: underline;
	background-color: inherit; 
	color: #FFFFFF;
}

a:hover {
	text-decoration: underline;
	background-color: inherit;
	color: #007CC2;
}

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
	height: 142px;    /* adjust according your image size */
/*    background: #2C3343; */           
}

div#header h1 a {
/* you can set your own image here */
	background: url(logo.png) no-repeat center center;
	display: block;
	height: 142px;             /* adjust according your image size */
	text-indent: -999em;   /* this hides the text */
	text-decoration: none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div#content {
	margin: 0;   /* some air above and under menu and content */
	line-height: 1em;
}

div#sidebar {
	margin: 5px;
	padding: 1px;
	text-align: left;
	background-image: url(menu_sachovnice.png);
	background-repeat: repeat;
}

div#main {
	margin: 10px;
	text-align: left;           
	line-height: 1.3em;
}

td#footer {
	font-size: 0.8em;
	padding: 0;       /* some air for footer */
	text-align: center;  /* centered text */
	margin: 0;
}

div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted #FFFFFF;
}

/********************
CONTENT STYLING
*********************/
h1 {
	color: #DC214C; 
	text-align: left; 
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}

h2 {
	color: #DC214C; 
	text-align: left; 
	font-size: 1.4em; 
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}

h3 {
	color: #DC214C; 
	text-align: left; 
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}

h4 {
	color: #DC214C; 
	text-align: left; 
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

h5 {
	color: #DC214C; 
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

h6 {
	color: #DC214C; 
	text-align: left; 
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
	font-size: 1em;
	margin: 0 0 1.5em 0; /* some air around p elements */
	line-height: 1.3em;
	padding: 0;
}

blockquote {
	margin-left: 10px;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}

pre {
   border: 1px solid #000000;  /* black border for pre blocks */
   background-color: #DDDDDD;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 0.9em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul, div#main ol, div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li, div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}

/* END LISTS */

/********************
MENU
*********************/
#menu_default {
	padding: 0;
	margin: 9px;
	font-size: 0.8em;
}

/* menu li block */
#menu_default li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	background: url(pozadi-textu.png) repeat;
}

/** fix stupid ie bug with display:block; **/
* html #menu_default li a { height: 1%; } 
/** end fix **/

/* first level links */
div#menu_default a {
	text-decoration: none;
	display: block;
	padding: 0.5em 0.5em 0.5em 2.2em;
	color: #DC214C;
	background: url(ikona1.png) no-repeat 0.5em center; 
	min-height: 1em; /* Fixes IE7 whitespace bug */
}

/* hover state for all links */
div#menu_default a:hover {
	text-decoration: underline;
	background: url(ikona2.png) no-repeat 0.5em center; 
}

/* 2nd level */
#menu_default ul ul li {
	border: none;
}

/* 2nd level links */
div#menu_default ul ul a, div#menu_default ul ul a:hover {
	padding: 0.5em 0.5em 0.5em 3.2em;
	background: url(menu_sipka.gif) no-repeat 1.5em center; 
}

div#menu_default ul li a.menu_current, div#menu_default ul li a.menu_current:hover {
	background-color: #2C3343;
	font-weight: bold;
}

/* End of 'Navigation: sayph' */