* {	margin: 0;	padding: 0;}
html, body {	height: 100%;}
body {	font: 83% 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; background: #d1d8cf url('../des/bgr.jpg') top center no-repeat;  margin: 0px;	padding: 0;	height: 100%; 	text-align: center;}

#drzak      {	position: relative;   margin: 0px auto; text-align:left; width: 900px; background: #fff url('../des/drzak.jpg') 0px 330px no-repeat;	min-height: 100%;		height: 100%;		}		
#drzak-top  {background: trasnparent url('../des/drzak.jpg') 0px 330px no-repeat ; padding-bottom: 90px;		}		
body>#drzak {		height: auto;}

#pravy        { float: right;  width: 250px;  margin:0; padding:0; padding-bottom: 20px;		position: relative;		z-index: 2;		  }
#pravy-obsah  {margin: 30px 20px 20px 0px;}		

#levy       {margin:0 280px 0 0; padding:0;	padding-bottom: 20px;	position: relative;		z-index: 2; }
#levy-obsah {margin: 30px 20px 0px 20px;padding: 0px 10px 20px;	background: transparent  url('../img/levy_bgr.jpg') top left no-repeat;  }

hr.cleaner {clear:both; height:1px;margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; }

#hlavicka {	background: #f3f3f3 url('../des/hlavicka.jpg') top left no-repeat;	height: 260px !important;	margin: 0px;	position: relative;	z-index: 2;}
#paticka  {	margin: 0px auto;	width: 100%;	height: 60px;	background: transparent url('../des/paticka.jpg') top left no-repeat;	color: #ffffff;	
position: absolute;	bottom: 0px;	left: 0px;	z-index: 2;}


/* --------- tagy ---------- */


h1,h2,h3,h4   {  margin: 0 0 0.15em 0; line-height: 1.5em; font-family: 'Arial MS', sans-serif; font-weight: normal;}

h1            {  font-size: 2.0em; color: #000; padding-bottom: 10px; margin-bottom: 1em; border-bottom: 1px #fd1b14 solid;}
h2            {  font-size: 1.7em; color: #000; padding-bottom: 10px; margin-bottom: 1em; background: transparent url('../img/h2.gif') bottom left no-repeat; margin-top: 1em;}
h3            {  font-size: 1.4em; color: #000; padding-bottom: 10px; margin-bottom: 1em; background: transparent url('../img/h3.gif') bottom left no-repeat; }
#pravy h3     {font-size: 2.0em;  background-image: url('../img/h3_pravy.gif'); margin-top: 1em; border-bottom: 1px #fd1b14 solid;} 

p, address, table, ul, form { color: #50574d; margin: 0 0 1em 0;	}
p, address                  {	font-style: normal;	line-height: 1.6; }
li                          {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 5px; list-style-position: outside; }

a           {color: #474947; font-weight:bold;}
a:hover     {color: #000; text-decoration: none;}



/* ------------ hlavicka ------------------- */

#hlavicka h2  {	text-align: left; 	margin: 0px;	padding: 0px;	text-indent: 1em;	line-height: 2em; }
#logo         {	position: absolute;	top: 100px;	left: 20px;	z-index: 5; 	background: transparent url('../des/hlavicka.jpg') -20px -100px;	width: 280px;	height: 120px;	}		
#logo span    {	display: block;	width: 280px;	height: 120px;	background: transparent url('../des/hlavicka.jpg') -20px -100px;	position: absolute;	top: 0px;	left: 0px;	z-index: 5;	cursor: hand;}



/* --------- menu ---------- */

#menu         {height:80px; background: #303230 url('../des/menu.jpg') top left; position:relative; top:-5px; z-index:40}
#menu ul      {clear:both; margin:0; padding:0 0 0 20px;  height:30px; position:relative; top:20px;} /* IE6: vykresluje ramecek bez ohledu na height */
#menu ul li   {list-style-type:none; float:left; margin:0; padding:0;}
#menu ul li a {display:block; float:left; color: #d2d8d0; text-decoration:none; font-size:110%; padding:10px 0px 0; margin:0px 22px; height:22px;}
                   
#menu ul li a:hover  {border-bottom: 1px #6e786c solid; color: white;}
#menu ul li a#active {border-bottom: 1px #fd1b14 solid;}

/* --------- prvky---------- */

.paletka {width: 267px; height: 234px; float: left; background: transparent url('../des/paletka.png'); margin: 0px 0px 0px 25px; position: relative;}
.paletka h2 {color: #d9dfd8; font-size: 1.1em; text-transform: uppercase; display: block; height: 50px; position: relative; top: 10px; line-height: 40px; margin: 0px; padding: 0 0 0 20px; background: #3d3f3d url('../des/paletka.png') 0px -10px; }
.paletka p { margin: 0px; padding: 20px 0 0 20px;}

.paletka .vice {width: 71px; height: 21px; position: absolute; bottom: 20px; right: 20px;}
.paletka .vice a {width: 71px; height: 21px; display: block; background: transparent url('../des/vice.png') 0px 0px; text-decoration: none; text-indent: 10px;}
.paletka .vice a:hover {background: transparent url('../des/vice.png') 0px -21px; color: #fd1b14;}

.red {color: #fd1b14;}
.white {color: #fff;}
strong {color: #2d332b;}
#mapka {width: 550px; height: 550px; border: 1px #6e786c solid;}

/* --------- paticka  ---------- */

#paticka-text {
	text-align: right;
	margin: 0px 10px;	
	padding: 0px 20px;
	line-height: 40px;
	background: transparent;
	color: #999999;
}