/* soubor kaskádových stylů pro chodíme.cz - © copyright - Ondřej Lazar Krynek - Lazar.cz */

body {
	margin: 0px;
	padding: 0px;
   color: black;
	font: 12px Verdana,Tahoma,Helvetica,Arial,sans-serif;
	cursor: default;
	background: #bcbcbc url(images/back.jpg) no-repeat top center;}
	
#main {
   width: 980px;
	text-align: justify; 
	margin: auto;
	background: #bcbcbc url(images/back.jpg) no-repeat top center;}
	
a {
	color: #A78A50;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	cursor: pointer;}

a:hover {
	color: #594927;}
	
h3 {
	color: #705A33;
	font: bold 18px Georgia, Arial, Helvetica, sans-serif;
	margin-bottom: -5px;}
	
h4 {
	color: #705A33;
	font: bold 16px Georgia, Arial, Helvetica, sans-serif;
	margin-bottom: -5px;}

.cisti {
	clear: both;}
	
	
/* top */
	
#top {
   width: 980px; 
	height: 175px;
	text-align: justify; 
	margin: auto;
	background: #bcbcbc url(images/back.jpg) no-repeat top center;}
	
#logo {
	position: relative;
	width: 320px;
	height: 150px;
	top: 15px;
	margin: 0px 0px 0px 60px;}
	
#logo img {
	width: 320px;
	height: 150px;}
	
	
/* middle */
	
#middle {
   width: 860px;
	text-align: justify; 
	margin: 0px 60px;
	background: white url(images/middle-back.jpg) repeat-y top center;}
	
#middle-top {
   width: 860px;
	height: 33px;
	background: white url(images/middle-top.jpg) no-repeat top center;}
	
#middle-bottom{
   width: 860px;
	height: 72px;
	background: white url(images/middle-bottom.jpg) no-repeat top center;}
	
#content {
   width: 530px;
	padding: 0px 40px;}
	
#menu {
   width: 230px;
	*width: 190px;
	*padding-left:30px;
	float: right;
	text-align:	left; 
	padding-right: 10px;}
	
#menu a {
	font: bold 12px Georgia, Arial, Helvetica, sans-serif;
	color: Black;
	text-decoration: none;}
	
#menu a:hover {
	color: #A78A50;
	text-decoration: underline;}
	
#menu ul {
	margin-top: 0px;
	margin-left: -8px;}
	
#menu .active a {
	color: #5E5717;
	text-decoration: underline;}
	
#menu .active ul a {
	color: black;
	text-decoration: none;}
	
#menu .active ul a:hover {
	color: #A78A50;
	text-decoration: underline;}
	
#menu li .active a{
	color: #5E5717;
	text-decoration: underline;}
	
#menu li {
	margin-top: 4px;
	list-style: url(images/menu-li.gif); 
	*list-style: url(images/menu-li-ie.gif);}
	
#menu .active li {
	margin-top: 3px;
	list-style: url(images/menu-li-active.gif);
	*list-style: url(images/menu-li-active-ie.gif);
	*margin-left: 40px; }
	
#menu .active ul {
	margin-left: -20px;
	margin-bottom: 10px; }
	
	
/* bottom */

#bottom {
   width: 980px;
	height: 157px;
	background: url(images/bottom.jpg) no-repeat top center;}
	
#copyright {
   width: 410px;
	position: relative;
	left: 350px;
	top: 30px;}

#copyright a {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	color: Black;}
	
#lazar {
   width: 180px;
	height: 100px;
	position: relative;
	float: right;
	text-align: center;}
	
#lazar a {
	display: block;
	width: 180px;
	height: 50px;
	padding-top: 80px;
	background: url(images/button-lazar.gif) no-repeat;
	background-position: -180px 10px;}
	
#lazar a:hover {
	background: url(images/button-lazar.gif) no-repeat;
	background-position: 0px 10px;}	
		
#chodime {
   width: 220px;
	height: 100px;
	position: relative;
	text-align: center;}
	
#chodime a{
	display: block;
	width: 220px;
	height: 50px;
	padding-top: 80px;
	background: url(images/button-chodime.gif) no-repeat;
	background-position: -220px 10px;}	
	
#chodime a:hover {
	background: url(images/button-chodime.gif) no-repeat;
	background-position: 0px 10px;}