body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
	background-color: #fefdfb;
	margin: 0px;
	padding: 0px;
	/**/
	background-image:url(../img/bgright.jpg);
	background-repeat: no-repeat;
	background-position: right 357px;
	background-position: right 280px;
	background-attachment:fixed;
}
ul, ol {
	margin: 0px 0px 7px 0px;
	padding: 0px;
	text-align: justify;
}

li {
	margin: 0px 0px 0px 7px;
	_margin: 0px 0px 0px 1px;
	padding: 0px;
	list-style-image: url(../img/li.gif);
	list-style-position: outside;
}

td,th {
	/*osklivy hack, aby ie5 nakreslil spravnou velikost pisma do tabulky */
    font-size : 0.7em;
    voice-family : "\"}\"";
    voice-family : inherit;
    font-size : 100%;
    }
	
.fake {
	azimuth:center;
}	
	
a, a:link, a:active, a:visited {
	text-decoration:underline;
	color:#ef9136;
}
a:hover {
	color:#0099FF;
}
#top {
	position:absolute;
	left:169px; top:0;
	width:809px;
	height:108px;
}
#bgvlevo {
	position:absolute;
	left:0; top:0;
	background-image: url(../img/bgtopleft.gif);
	width:212px;
	height:322px;
	background-repeat:no-repeat;
}
#motylvlevo {
	position:absolute;
	left:18px; top:217px;
	width:70px; height:72px;
	background-image:url(../img/motylleft.jpg);
	background-repeat:no-repeat;
}
#xxxxxxxxbgdole {
	position:absolute;
	bottom:0; left:230px;
	width:191px; height:67px;
	background-image:url(../img/bgbottom.gif);
	background-repeat:no-repeat;
}
#bgtopright {
	position:absolute;
	left:850px; top:108px;
	width:72px; height:24px;
	background-image:url(../img/bgtopright.gif);
	background-repeat:no-repeat;
}
#topmenu {
	position:absolute;
	left:170px; top:108px; width:680px; height:22px;
	background-color:#c0cbcc;
	background-image:url(img/bgtopmenu.gif);
	background-repeat:no-repeat;
}
#topmenu a, #topmenu a:link, #topmenu a:active, #topmenu a:visited {
	display:block; float:left; width:auto; height:22px; line-height:22px;
	font-size:12px; font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#000000; border-right: 1px solid #ffffff;
	padding: 0 8px 0 8px;
}
#topmenu .cyan {background-color:#00b3d7 !important;}
#topmenu .lightgreen {background-color:#91b048 !important;}
#topmenu .green {background-color:#00a853 !important;}
#topmenu .blue {background-color:#0081c6 !important;}
#topmenu .purple {background-color:#d13291 !important;}
#topmenu .orange {background-color: #ea835c !important;}
#topmenu .brown {background-color:#996600 !important;}
#topmenu .red {background-color:#CC0000 !important;}
#main {
	position:absolute;
	left:170px; top:130px; width:678px; height:auto;
	/*min-height:450px; _height:450px;*/
	border: 1px solid #c0cbcc;
	border-top: none;
	background-color: #fefdfb;
	background-image:url(../img/mainbg.gif);
	background-repeat:no-repeat;
}
/********** content obecne ******************/
.navipath {
	padding:15px;
	font-size: 0.95em;
	padding:17px 0 17px 0;
	margin: 0 15px 0 15px;
	border-bottom: 1px solid #d6e1f7;
}
.obsah {
	padding:15px;
}
.obsahhomepage {
	padding-top:0px;
	background: url(../img/anna-k.jpg) no-repeat;
	background-position: top right;
	height: auto;
	_height: 500px;
	min-height: 500px;
}
#anna-k {
	position: relative; 
	left: 60px;
}
h1 {
	color:#7489b5;
	font-size:1.6em;
	font-weight: normal;
	margin: 12px 0px 20px 0px;
	padding:0;
}
.hpakce h1 {
	font-size:1.4em;
	line-height: 1em;
	margin: 0 0 0.3em 0;
	font-weight:bold;
	color:#00A853;
}

.boldgreen {
	color:#00A853;
}

.hppravysloupec h1 {
	font-weight:bold;
	color:#00A853;
}

h2 {
	color:#7489b5;
	font-size:1.25em;
	font-weight: bold;
	margin: 0px 0px 11px 0px;
	padding:0;
}

.hppravysloupec h2 {
	color:#d13291;
}

h3 {
	color:#7489b5;
	font-size:1.25em;
	font-weight: bold;
	margin: 14px 0px 4px 0px;
	padding:0;
}

h4 {
	font-size:1.10em;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	padding:0;
}

.obsah p {
	text-align: justify;
	padding:0;
	margin: 0px 0px 14px 0px;
}
.ukoncovak {
	position:relative; float:none; clear:both;
	height:1px; overflow:hidden;
}
ul {
	padding:0; margin:0;
	margin-left:8px; padding-left:8px; text-align:justify;
	margin-bottom:0.7em;
}
.stranka3sloupce {
	position:relative;
	background-image: url(../img/bgstranka3sloupce.gif);
	background-repeat:repeat-y;
	_height:50px;
}
.strankalevysloupec {
	position:relative;
	float:left;
	width:150px; margin-right:24px;
}
.strankastrednisloupec {
	position:relative;
	float:left;
	width: 200px;
	margin-right:24px;
}
.stranka3sloupce .strankapravysloupec {
	position:relative;
	float:left;
	width: 250px;
	
	/*osklivy hack, aby ie5 nakreslil spravnou velikost */
    width: 245px;
    voice-family : "\"}\"";
    voice-family : inherit;
    width: 250px;
	
}
.fake {

}
.stranka2sloupce {
	width: 100%;
	position:relative;
	background-image: url(../img/bgstranka2sloupce.gif);
	background-repeat:repeat-y;
	_height:50px;
}
.stranka2sloupce .strankapravysloupec {
	position:relative;
	float:right;
	width: 474px;
	
	/*osklivy hack, aby ie5 nakreslil spravnou velikost */
    width: 470px;
    voice-family : "\"}\"";
    voice-family : inherit;
    width: 474px;
}
.fake {

}
.submenu a, .submenu a:link, .submenu a:active, .submenu a:visited {
	position:relative;
	color: #7489b5;
	display:block;
	margin:0; padding:0;
	margin-bottom:0.5em;
}
.submenu a.current, .submenu a.current:link, .submenu a.current:active, .submenu a.current:visited {
	color: #ef9136;
	font-weight:bold;
}
.submenu a:hover {
	color: #0099ff;
}
img.floatleft {
	float:left;
	margin: 3px 8px 4px 0px;
}
img.floatright {
	float:right;
	margin: 3px 0px 4px 8px;
}
/*********** content homepage ************/
.hpimage {
	position:relative;
	background-image:url(../img/indeximg.jpg);
	background-repeat:no-repeat;
	height:168px;
}

.hpimage .hptext {
	padding: 5px; 
	width: 390px;
}

.hpimage .hpakce {
	height:110px;
	left:410px;
	line-height:1em;
	overflow:auto;
	position:absolute;
	top:50px;
	width:270px;
}

.hpakce p {
	text-align:left;
	margin: 0 0 0.5em 0;
}
.hp2sloupce {
	clear: none;
	float: left;
	position:relative;
/*	background-image:url(../img/bghp2sloupce.gif); */
	background-repeat:repeat-y;
	min-height:100px;
	height: auto;
	_height:50px;
}
.hplevysloupec {
	position:relative;
	float:left;
	width:375px;
	margin-right:24px;
}
.hppravysloupec {
	position:relative;
	float:left;
	clear: none;
	width: 249px;
	/*osklivy hack, aby ie5 nakreslil spravnou velikost */
    width: 240px;
	min-height: 100px;   
	height: auto;
    voice-family : "\"}\"";
    voice-family : inherit;
    width: 249px;
}

.fake {

}
/********** pata ********************/
.pata {
	position:relative;
	float:none; clear:both;
	background-color: #f5f6f4;
	font-size:0.85em !important;
	padding:15px;
}
.dolnibg {
	position:relative;
	height:77px;
	background-image:url(../img/bgbottom.gif);
	background-position:60px bottom;
	background-repeat:no-repeat;
}

/** TABLE **/
table.datatable {
	border-top: 1px solid #d6e1f7;
	border-left: 1px solid #d6e1f7;
	border-collapse: none;
}

table.datatable tr th {
	border-bottom: 1px solid #d6e1f7; 
	border-right: 1px solid #d6e1f7; 
	vertical-align: top; 
	background: #d6e1f7; 
	padding: 4px;
}

table.datatable tr td {
	border-bottom: 1px solid #d6e1f7; 
	border-right: 1px solid #d6e1f7; 
	vertical-align: top; 
	padding: 3px;
}

table tr td.right, table tr th.right {
	text-align: right;
}

img, a img {
	border: 0px;
}

img.odbornik {
	float: right;
	padding: 1px;
	border: 1px solid #c0cadf;
}

img.ramecek {
	padding: 1px;
	border: 1px solid #c0cadf;
}