/* CSS Document */

body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, p, table, td, input, button, textarea, label {
  font-family:  Arial, Times-New-Roman, Times, serif, Helvetica, sans-serif, Arial-Narrow;
  font-size: 12px;
}

body {
  margin: 0;
  height: 100%;
  background-image: url('images-layout/pozadi3.jpg');
  Background-position: center;
  Background-position: top;
  background-repeat: repeat-x;
  background-color: #000000;
  text-align: left;
  color: black;
  }
 
img {
	border: 0;
 }



/* nulování */
h1, h2, div#horni p#kosik, div#leva p {
	margin: 0;
	padding: 0;
	}

#stranka {
	
  	width: 810px;
  	margin: auto;

}

/* horní */

div#horni {
	height: 309px;
	background-image: url('images-layout/panelhorni.jpg');
	background-repeat: no-repeat;
	}
	/* horní líšta */
	
div#horni div#karel  {
	position: absolute;
	margin-top: 300px;
	margin-left: 411px;
	display:block;
	height: 44px;
	text-align: center;
	width: 400px;
	color: white;
	font-weight: bolder;
	}
	
div#kydy  {
	position: absolute;
	margin-top: 50px;
	margin-left: 80px;
	display:block;
	height: 150px;
	text-align: left;
	width: 300px;
	color: black;
	font-weight: bolder;
	}
	

	
	
div#horni div#jana {
	position: absolute;
	margin-top: 198px;
	margin-left: 70px;
	display:block;
	height: 28px;
	text-align: center;
	width: 300px;
	}
	
	div#horni div#pepa {
	background-image: url('images-layout/nakup.jpg');
	background-repeat: no-repeat;
	position: absolute;
	margin-top: 269px;
	margin-left: 186px;
	display:block;
	height: 36px;
	text-align: center;
	width: 211px;
	padding-top: 5px;	
	}
	
	div#horni div#game {
	background-image: url('images-layout/tlacitka4.jpg');
  Background-position: center;
  Background-position: top;
  background-repeat: no-repeat;
	position: absolute;
	margin-top: 3px;
	margin-left: 650px;
	display:block;
	height: 50px;
	text-align: center;
	width: 140px;
	padding-top: 10px;	
	}
	
		div#horni div#standard {
	background-image: url('images-layout/tlacitka4.jpg');
  Background-position: center;
  Background-position: top;
  background-repeat: no-repeat;
	position: absolute;
	margin-top: 3px;
	margin-left: 500px;
	display:block;
	height: 50px;
	text-align: center;
	width: 140px;
	padding-top: 3px;	
	}
		div#horni div#protest {
	background-image: url('images-layout/tlacitka4.jpg');
  Background-position: center;
  Background-position: top;
  background-repeat: no-repeat;
	position: absolute;
	margin-top: 3px;
	margin-left: 350px;
	display:block;
	height: 50px;
	text-align: center;
	width: 140px;
	padding-top: 3px;	
	}
	
div#karel a:link , div#jana  a:link {
	font-size: 1.5em;
	padding: 0px 0px 0px 0px;	
	color: white;
	font-weight: bolder;
	text-decoration: none;
}
	
div#standard a:link , div#protest a:link , div#game a:link {
	font-size: 1.3em;
	padding: 0px 0px 0px 0px;	
	font-weight: bolder;
	text-decoration: none;
	color: black;
	font-weight: bolder;
	font-style: italic;
}

div#karel a:visited, div#jana  a:visited {
	font-size: 1.5em;
	padding: 0px 0px 0px 0px;	
	color: white;
	font-weight: bolder;
	text-decoration: none;
	
}

 div#protest a:visited, div#standard a:visited, div#game a:visited {
	font-size: 1.3em;
	padding: 0px 0px 0px 0px;	
	color: black;
	font-weight: bolder;
	text-decoration: none;
	font-style: italic;
}
	
div#standard a:hover , div#protest  a:hover, div#game  a:hover  {
	font-size: 1.3em;
	padding: 0px 0px 0px 0px;	
	color: white;
	font-weight: bolder;
	text-decoration: none;
	font-style: italic;
}


div#karel a:hover , div#jana  a:hover {
	font-size: 1.5em;
	padding: 0px 0px 0px 0px;	
	color: white;
	font-weight: bolder;
	text-decoration: underline;
}

	
div#pepa a:link {
	font-size: 1.5em;
	color: #ffc000;
	font-weight: bolder;
	text-decoration: none;
}
	


div#pepa a:visited {
	font-size: 1.5em;
	color: #ffc000;
	font-weight: bolder;
	text-decoration: none;
	
}

div#pepa a:hover {
	font-size: 1.6em;
	color: #ffc000;
	font-weight: bolder;
	text-decoration: none;
}


	
/* navigace */
h1 {
	display: block;
	font-size: 1em;
	font-size: 1px;
	color: #8b4513;
	text-align: center;
		}
	
/* stránky */

div#leva, div#stred, div#prava {
	float: left;

	}
	
div#leva {
	width: 176px;
  height: 1223px;
	background-image: url('images-layout/levypanel.jpg');
	background-repeat: no-repeat;
	position: absolute;
	margin-top: -187px;
	margin-left: 4px;
	display:block;
	padding: 0;	
	text-align: left;
	color: black;
	}


div#leva  a:link {
	color: black;
	font-weight: bolder;
	
}
	

div#leva  a:visited {
	color: black;
	font-weight: bolder;
}

div#leva  a:hover {
/*	color: #cbcbcb; */
	font-weight: bolder;
	margin-left: 3px;
}

div#stred {
	width: 613px;
  background-image: url('images-layout/stred.jpg');
  background-repeat: no-repeat;
  background-color: #ffefcb;
 	position: absolute;
	margin-top: 16px;
	margin-left: 180px;
	display:block;
	padding-top: 10px;
	padding-left: 10px;
	}
	
div#leva form {
	margin: 0;
	padding: 0;
}


div#leva h2 {
  margin-left: 18px;
	
	height: 24px;
	margin-top: 0px;
	
	font-size: 1.3em;
	padding: 0px 0px 0px 0px;
	font-weight: bolder;
	text-align: left;
	}
	


div#leva p {
	padding: 4px 10px 4px 10px;
	margin-left: 15px;
/*	background-color: #808080; */
	 
}
	

/* menu */

ul.menu, ul.menu li {
  margin-left: 8px;
	padding: 0;
	}

ul.menu {
	list-style: none;
	text-align: left;
	}

ul.menu li a, ul.menu li a:link, ul.menu li a:visited {
	display: block;
	padding: 6px 0px 4px 10px;
	height: 16px;
	color: black;
	
}

ul.menu li a:active, ul.menu li a:focus, ul.menu li a:hover {
	margin-left: 0px;
	}

/* stred navigace */
div#stred  h2#leva-navigace {
	display: block;
	font-size: 1.2em;
	height: 20px;
	padding: 2px 0 2px;
	padding-left: 10px;
	color: white;	
	font-weight: bolder;
}

div#stred  h2#leva-navigace A {
	color: white;
	}
	
div#stred  h2#leva-navigace A:Hover {
	color: white;
	font-weight: bolder;
}


.list-foto {overflow:hidden; width:603px; padding-top:10px}
.list-foto .box-in {width:623px; }
.list-foto .foto {float:left; overflow:hidden; display:block; width:190px; margin:0 10px 10px 0; text-align:center}


/* konec */
div#konec {
	text-align: center;
	display: block;
	font-size: 1em;
	color: black;
	padding: 4px;
	margin-top: 10px;
	
}
	
		
.cb {
  clear: both;
  height: 1px;
  width: 0px;
  overflow: hidden;
  margin-top: -1px;
}

