body {
  min-width:800px;
	margin:0;
	background:#FFCC66;
	color:black;
	font:16px  "Georgia", "Segoe UI", "Tahoma";
	
	}
	
a         {text-decoration: none}
a:link    {color: #244DFF}
a:visited {color: #000000}
a:active  {color: #24E9FF}
a:hover   {color: red; text-decoration: none}
h1 { font-weight:normal; }
h4 { font-weight:normal; }
p { margin:1em 0; }


#nadpis{
  position:static; float:center;
  min-width:200px;
  text-align: center;
  margin:10px 10px 10px 10px;
	padding: 10px 10px 10px 10px; 
  font-size:48px; color:#ff9900;
}
#obsah {
  position: relative;  float:center; top:-280px; left:225px;
  max-width:1024px; 
  width:90%;
  min-width:470px;
	margin:10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;  
	text-align: justify;
	}
#obsah h1 {
	position:static; 
	white-space:nowrap;
	font-size:48px; color:#FF9800;
	}
#obsah h3 {
	text-align:left;
	white-space:nowrap;
	font-size:24px; color:black;
	}
#novinky {
  position:relative; top:100px; 
  max-width:1000px; 
  width:90%;
  min-width:450px;
	margin:0 0 1em 0;
	padding:0.5em 2%;
	float:left;
	background: #FFCC66;
	border:4px solid #FF9800;
	}
#novinky h2 { margin: 0 0 0.2em 0 }

.datumNovinky{
  float: left;
  font-style: italic;
  font-weight: bold;
}

#obr_case {
  position:relative; top: 80px;
  max-width:1000px; 
  width:90%;
	min-width:450px;
	margin:0 0 1em 0;
	padding:0.5em 2%;
	float:left;
	background: #FFCC66;
	border:4px solid #FF9800;
 }
#recenze{
  position:relative; top: -35px;
  max-width:1000px; 
  width:90%;
  min-width:450px;
	margin:0 0 1em 0;
	padding:0.5em 2%;
	float:left;
	background: #FFCC66;
	border:4px solid #FF9800;
	}
#recenze h2 { margin: 0 0 0.2em 0 }
#recenze p {
 font:14px  "Georgia", "Segoe UI", "Tahoma";
 margin:4px;
 }
p.p1:first-letter{ font-size: 125%}
.datumRecenze{
  position:relative;
  float: right;
  top:-1em;
  font-style: italic;
  font-size:12px;
}
.predmluvaRecenze{
  position:relative; top: -40px;
  max-width:1000px; 
  width:90%;
  min-width:450px;
  margin:0 0 1em 0;
	padding:1em;
	float:left;
}
#navody{
  position:relative; top: 50px;
  max-width:1000px; 
  width:90%;
  min-width:450px;
	margin:0 0 1em 0;
	padding:0.5em 2%;
	float:left;
	background: #FFCC66;
	border:4px solid #FF9800;
	}
.fotoVpravo{
  position:relative;
  float: right;
  padding:0.5em 2%;
}
.fotoSamo{
  position:relative; left:15%; top:20px;
  padding:0.5em 2%;
}
#odkazy {
  position:relative; top: 100px;
  max-width:1000px; 
  width:90%;
	min-width:450px;
	margin:0 0 1em 0;
	padding:0.5em 2%;
	float:left;
	background: #FFCC66;
	border:4px solid #FF9800;
} 
#odkazy p {
  margin:4px;
}
.odkazPopis{
  font-size:12px;
}
.odkazOdkaz{
  margin:0 0 15px 0;
  padding:0 0 15px 0;
}

#basen {
	position:absolute; right:50px; top:65px; width:180px;
	white-space:nowrap;
	padding:1em 1ex 1em 120px;
	border-top:1px solid #666;
	background:url("pero.jpg") top left no-repeat;
	color:#e0e0e0;
	font-size:16px;
	}
#basen h4 { margin:0 0 1ex 0; color:white; }
#basen p { margin:0; }

#ipadr{
  position:static;  
  float: left;
  margin:10px 10px 10px 10px;
  /*top:500px;*/ 
  text-align: center;
  font-size:12px;
}

p.menu1 {
	position: static; left:30px; top:140px; width:140px;
	margin:0px 0px 0px 30px;; 
  padding:0px 0px 0px 0px;
	border-top:1px solid #ff9900;
	}
p.menu1 a {
	display:block;
	white-space:nowrap;
	margin:0; 
  padding:0.5em 0px 0.5em 0px; 
	color:black;
	font-size:14px;
	}
h4.menu1 {
	position:fixed; left:30px; top:130px; width:140px;
	padding:5px;
	/*color:white; /*background:#ff9900;*/
 	font-size:14px;
	}
p.menu1 a:before { content: '~> ' }
p.menu1 a:hover { background:#ff9900; color:white; text-decoration: none}



p.menu2 {
	position:static; left:25px; top:380px; width:140px;
	padding-top:15px;
	border-top:1px solid #ff9900;
	}
p.menu2 a {
	display:block;
	white-space:nowrap;
	color:green;
	padding:3px;
	font-size:13px;
	}
	h4.menu2 { display:none; }
p.menu2 a:before { content: ':: ' }
p.menu2 a:hover { background:#ff9900; color:white; text-decoration: none}

.menuodd { display:none; }

.mocnina {
  position:relative;
  top:-1em;
  font-size:50%
  }

#footer {
	position:static; right:15px; top:5px; width:500px;
	margin:0; padding:0;
	border-bottom:1px solid #ff9900;
	text-align:right;
	font-size:11px; color:#666;
	}
/*
#zapati{
  position:relative; bottom:5px; left:180px; right:100px;
  min-width:200px;
  max-width:600px;
  padding:10px 30px 10px 5px;
  text-align: center;
  font-size:12px;
}*/

#zapati {
  position: static;  float:center;
  max-width:950px; 
  width:85%;
  min-width:470px;
	margin:30px 100px 30px 200px;
	padding:  10em 0px 2em 0px; 
	text-align: center;
	font-size:12px;
	}
	
div.hr{ 
padding: 20px 0px 5px 0px;
width: 95%; 
height:0; 
line-height:0; 
font-size:10;
border-bottom:1px solid black; 
background:#FFCC66 ;/*jako body aby nebylo vidět*/
} 

hr{display:none}