html, body {								/* definice zakladniho stylu */
  	min-width: 800px;   
	max-width: 1400px;   		
  font-family: "Trebuchet MS", Helvetica,  sans-serif;
	background: white;
	margin: 0;
	padding: 0,1em;     /* prazdny okraj kolem cele stranky */
}
#obalka {
	padding: 1%;		
}
#obalkain {
	width: 100%;
}
#hlavicka {
  	height: 140px;
  	text-align: center;
	font-family: Comic Sans MS;
	font-size: 120%;
	color: Blue;
}
#telo {			/* cely prostor mezi hlavickou a patickou */
	margin: 0;
	padding: 0;
}
#teloin {								
	width: 100%;
	position: relative;	
}
	#leftmenu {						/* leve menu */
		position: absolute;
		top: 0;
		left: 0;
		width: 200px; 
	}
 	#leftmenuin {
		margin: 0; 
 	}
	#leftmenuin ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#leftmenuin li.zivot {
		width: 100%;
		margin: 2px 0;
		background: white url(images/button_zivot.gif) no-repeat 0 0;
	}
	#leftmenuin li.sport {
		width: 100%;
		margin: 2px 0;
		background: white url(images/button_sport.gif) no-repeat 0 0;
	}
	#leftmenuin li.cestovani {
		width: 100%;
		margin: 2px 0;
		background: white url(images/button_cestovani.gif) no-repeat 0 0;
	}
	#leftmenuin li.ruzne {
		width: 100%;
		margin: 2px 0;
		background: white url(images/button_ruzne.gif) no-repeat 0 0;
	}
	#leftmenuin li.stazeni {
		width: 100%;
		margin: 2px 0;
		background: white url(images/button_stazeni.gif) no-repeat 0 0;
	}
	#leftmenuin li.odkazy {
		width: 100%;
		margin: 2px 0;
		background: white url(images/button_odkazy.gif) no-repeat 0 0;
	}
	#leftmenuin a {
    	display: block;
      padding-left: 50px;
      height: 40px;
      line-height: 40px;
      color: black;
      }
 	#leftmenuin a.zivot:hover {
        color: red;
        background: white url("images/button_zivot.gif") no-repeat -200px 0;
        }
 	#leftmenuin a.sport:hover {
        color: red;
        background: white url("images/button_sport.gif") no-repeat -200px 0;
        }
 	#leftmenuin a.cestovani:hover {
        color: red;
        background: white url("images/button_cestovani.gif") no-repeat -200px 0;
        }
 	#leftmenuin a.ruzne:hover {
        color: red;
        background: white url("images/button_ruzne.gif") no-repeat -200px 0;
        }
 	#leftmenuin a.stazeni:hover {
        color: red;
        background: white url("images/button_stazeni.gif") no-repeat -200px 0;
        }
 	#leftmenuin a.odkazy:hover {
        color: red;
        background: white url("images/button_odkazy.gif") no-repeat -200px 0;
        }
	#karta {
     	margin: 0 0 0 200px;
		padding: 0 0;
	}
   #kartain {
	}
		#zalozky {					/* definice zalozek - celoklikací */
			width: auto;
		}
       		#zalozky ul {
        			margin: 0 0 0 10px;
        			padding: 0;
        			list-style-type:none;
        		}
      		#zalozky li {
        			float: left;
        			display: inline;
        			margin: 4px 0.35em 0 .35em;
        			padding: 0;
        			white-space: nowrap;
        			background-color: #cccccc;
        		}
      		#zalozky li.active {		/* aktivni zalozka */
        			position:relative;
        			top: 3px;
        			margin-top: 0;
        			padding: 1px 0.75em 2px 0.75em;
        			border: 1px solid black;
        			border-bottom: 0;
        			color: Black;
        			background-color: #ffcc99;
        		}
      		#zalozky li a {			/* odkaz v neaktivni zalozce */
        			display: block;
        			_dis\play: inline-block;
        			padding: 1px .75em;
        			color: black;
        			text-decoration: none; /* zajisti aby odkaz v neaktivni zalozce nebyl podtrzeny */
        		}
      		#zalozky li a:hover {	/* odkaz v neaktivni zalozce po prejeti mysi */
					background-color: #999999;
        		}
		#obsah {
			clear: left;
      	padding: 1px 1em;
      	background-color: #ffcc99;
      	color: black;				/* barva pisma obsahu */
      	border: 1px solid black;
		}
		#obsahin {							/* hlavni text v aktivnim okne */
			width: 100%;
		}
		#obsahin p {
			margin-top: 25px;
		}
#paticka {
	width: 100%;
	clear: both;
}
#patickain {
	margin: 20px 25%;
	border-top: 1px solid Gray;
	text-align: center;
	font-size: 60%;
	color: Gray;
}
p {
	margin: 0.5em 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Helvetica,  sans-serif;
	text-align: center;
}
.cleaner {
	clear: both;
	height: 0;
	content: ' ';
	overflow: hidden;
}
.cleaner hr {
	display: none
}