body {
	margin: 0em; 
	padding: 0em;
	color: #000000; 
	background-color: #f3f0eb;
	font-size: 75%;
	line-height: 1.5; 
	text-align: center;
	font-family: "Helvetica CE",Tahoma, Arial, sans-serif;
}
 
#main {
	margin: 1em auto; 
	padding: 0;
	color: #000000; 
	_width: expression(document.body.clientWidth > 900? "930px" : "auto" );
	width: 930px; max-width: 930px;
	text-align: left;
	background: #f3f0eb url("../layout/body.png") top left repeat-y;z-index:4;
}
 
#hlavicka {	position: relative;	margin: 0em ; padding: 0;
   		width: 930px; height: 166px;
		background: #FFECBF url("../layout/hlavicka.png") top left no-repeat;
}
 
	#hlavicka span {display: none;}
 
	#hlavicka h1{
		margin: 0; padding: 0;
		position:relative;
		width: 220px; height: 75px;
	}
 
	#hlavicka h1 a {
		display:block;
		width: 220px; height: 75px;
		position:relative; left: 2em; top: 2em; 
		background:  url("../layout/logo-lisak2.png") top left no-repeat;
		margin:0; padding: 0;
	}
 
	#search-form {
		position:absolute; bottom: 2.5em; right: 2.5em; z-index:2;
		margin:0; padding: 0; font-size: x-small;
	}
 
	.search-button {color: #804040; border: solid 1px #FF1A00; }
 
	#top-menu {
		position:absolute; top: 3em; right: 2.5em; z-index:1;
		margin:0; padding: 0; 
	}
 
	#top-menu ul{ margin:0; padding: 0;}
	#top-menu li{ display: inline; padding: 0 0.5em; font-size: small;}
 
    #drobecky { 
        margin: 0em; padding:  0 0 0 2em;
        background: #f3f0eb url("../layout/body.png") top left repeat-y;z-index:3;
 
    }
 
 
#middle { 	
    margin: 0;	
    padding: 1em;
	float: left;	
	width: 70%;
	min-height: 500px;
	_height: 500px;
	background: #f3f0eb url("../layout/body.png") top left repeat-y;z-index:3;
 
 }
	#middle-content {width: 95%; margin: 0em; padding: 0 0.5em 1em 3.5em; float: left; font-size: 100%; 	}
 
 
 
#right { margin-left: 0 0  0 75%; padding: 0em; background: #f3f0eb url("../layout/body.png") top left repeat-y;
z-index:5;
}
 
	#right-content { margin: 0 0 0 75%; padding: 0; width:207px}
 
	#right-content div.rubrika { background: #ffffff url("../layout/menu-middle.png") top left repeat-y; 
	z-index:4;margin-bottom: 1.5em; background-color:#ffffff; }
	#right-content div span { background: #ffffff url("../layout/menu-top.png") top left no-repeat; height:25px; padding-top:7px;
	display:block;  text-align: center; }
	#right-content div.rubrika-obsah{ background: #ffffff url("../layout/menu-bottom.png") bottom left no-repeat; 
	height:16px; }
 
	#right-content div.rubrikaz span { background: #ffffff url("../layout/menuz-top.png") top left repeat-y; height:25px; padding-top:7px;
	display:block;  text-align: center; }
	#right-content div.rubrikaz { background: #ffffff url("../layout/menuz-middle.png") top left repeat-y; 
	z-index:4;margin-bottom: 1.5em; background-color:#ffffff; }
	#right-content div.rubrikaz-obsah{ background: #ffffff url("../layout/menuz-bottom.png") bottom left no-repeat; 
	height:12px; }
 
	#right-content div .reklama{ background: #ffffff url("../layout/menu-top-b.png") top left no-repeat; height:13px; 
	display:block; }
 
	#right-content div p { margin-left : 2em; line-height: 1.25em;}
	#right-content div ul { list-style-type: none;	margin-left: 2em; margin-right: 1.5em;padding:0; }
	#right-content div li { margin: 0; padding: 0; padding-bottom: .25em;	}
	#right-content div li a{ display:block; }
 
 
 
div#right-content .rand-foto { 
   	position : relative;
   	width: 200px;
   	border: solid 1px black;
	text-align:center;
	margin: 0;	padding: 0;
}
 
 
#paticka {
	clear: both;
	background: #ffffff;
	text-align: center;
	margin: 0;	
	padding: 0 2em 0 2em;
	font-size: small;
	background: #f3f0eb url("../layout/body.png") top left repeat-y;
}
 
#paticka2{
	height:35px;
	text-align: center;
	margin: 0;	padding: 0;
	background: #ffffff url("../layout/foot.png") bottom left no-repeat;
}
 
a:link, a:visited  { color :#0C23B3; }
a:hover { color:#8898FF; }
a:active { color:#0C23B3; }
 
a[href^='http:'] {
	padding-right: 10px;
	background-image: url("../layout/out-link.gif");
	background-position: 100% 30%;
	background-repeat: no-repeat;
	}
 
a:hover[href^='http:'] {
	color: #f30;
	}
 
 
 
 
/* styl pro náměty a forum */
p.namet { 
	width: 500px;
	border: 1px solid black; 
	color: black;
	background-color: white;
	margin-bottom: 1em; 	
	padding: 0.1em;}
 
.dotaz { 
	border: 1px solid #36393d; 
	background-color: #ffffff;
	margin-bottom:1em;
}
 
.dotaz-all { 
	border-left: 1px solid #36393d; 
	background-color: #ffffff;
	margin-bottom:1em;
}
 
.dotaz h3{padding-left: 1em;}
.dotaz-all h3{padding-left: 1em;}
 
.dolu { 
	padding: 0em;
	margin-top: 1em;
	border-left: 2px solid #4096EE; 
	border-bottom: 1px solid #4096EE; 
	background-color: #ffffff;
}
 
.predmet {padding-left: 1em; font-weight:bold;}
.diskuze-text {margin :0; padding: 1em;}
 
.diskuze-right{
	margin:0;
	padding-bottom: 0.5em;
	padding-right : 1em;
	text-align:right;
	background-color: #EEEEEE;
}	
 
/* konec - styl pro náměty a forum */
 
 
table {
		border:0; 
}
tr.head	{
		font-weight:bold; 
		text-align: left; 
		padding: 0.5em;
		color:#000000;
		background-color:#4096EE;
}
tr.licha{
		color:#000000;
		background-color:#ffffff;
}
tr.suda {
		color:#000000;
		background-color:#C3D9FF;
}
td{
    padding-left: 0.5em;
    padding-right: 0.5em;
    }
 
h1, h2, h3, h4, h5{ 
	margin-bottom: 0.25em;
	margin-top:0;
	font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;
	line-height: 1.5em;
	color: #FF1A00; 
}
 
h1 { font-size: 2em;}
h2 { font-size: 1.75em; }
h3 { font-size: 1.25em; }
 
div .clearfloat img { border:1px solid #EEEEEE; padding:1px; margin-bottom: 25px;}
div .clearfloat h3 {margin: 0em; margin-left: 100px; }
div .clearfloat p.anotace {margin: 0em; margin-left: 100px; text-align:justify; text-indent:1.5em;}
div .clearfloat p.svetly  {margin-top:0; margin-left: 100px; margin-bottom: 1em; font-size: x-small;}
 
img {vertical-align: top; text-decoration: none; border:0; margin-bottom: .75em;}
a img { padding-right:.5em;}
 
 
 
.fleft	{float:left;  margin-right: 1.5em;}
.fright	{float:right; margin-left: 1em;}
.clearfloat { display: table; width: 100%; }
hr.clear { clear:both; display: none ; }
 
.left 	{ text-align: left; }
.right 	{ text-align: right; }
.center { text-align: center; }
.justify{ text-align: justify; }
 
.small {font-size: x-small;}
.bold 	{ font-weight:bold; font-size:x-small; }
.red 	{ color: red; }
.green 	{ color: green; }