html, body { 
height:100%; 
padding:0; margin:0;
} 
body {
  background-color:#8cc5fa;
  text-align: center;
}
/* styly fontù */
p  {
  margin:0 0 10px 0; padding:0;
  font: normal 90%/123% Tahoma, Verdana, sans-serif;
  text-align: justify; text-indent:23px;
} 
h1 {
  margin:0; padding:0;
  font: bolder 123%/130% Tahoma, Verdana, sans-serif;
  color: black;
  text-align: center;
} 
h2 {
  margin:0; padding:0;
  font: bolder 100%/130% Tahoma, Verdana, sans-serif;
  color: blue;
  text-align: center; 
}
h2.nadpis  {
  margin: 0; margin-bottom: 5px; padding: 0;
  font: bold 15px/150% Tahoma, Verdana, sans-serif;
  text-align: center; vertical-align: middle;
  list-style-type: none;
}
h3 {
  margin:0; padding:0;
  font: bold 15px/150% Tahoma, Verdana, sans-serif;
  color: black;
  text-align: center; 
}
.soucasnost  {
  margin: 10px 10px 10px 23px; 
  padding:0;
  font: normal 13px/123% sans-serif;
  text-align: justify; text-indent: 23px;
} 
/* styly odkazu */ 
a:link  {
  font: bold 100% Tahoma, Verdana, sans-serif;
  color: black;
  text-decoration: none;
}
a:visited  {
  font: normal 100% Tahoma, Verdana, sans-serif;
  color: gray;
  text-decoration: none;
}
a:hover  {
  font: 600 100% Tahoma, Verdana, sans-serif;
  color: blue;
  text-decoration: underline;
}

/* styly menu-seznamu */
ul#menu1  {
  position: relative; 
  top:0; left:1px;
  list-style:none;
  margin:30px 0 0 0; padding:0;
	width:100px; 
  border:0;
}
ul#menu1 li {
  margin:0; margin-bottom:0px; padding:0;
}
ul#menu1 a {
  display:block;
  position: relative; left: 5px;
  width: 93px; height: 23px;
  margin:5px 5px 5px 0;
  padding:5px 0 0 0;
  border: 1px solid black;
  cursor: pointer;
  font: bold 12px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
  background: silver;
  color: black;
  text-decoration: none;
  text-align: center;
}
ul#menu1 a:hover {
  background: gray;
  color: white;
  text-decoration: none;
}
ul#menu1 #aktivniodkaz a, ul#menu1 #aktivniodkaz a:link, ul#menu1 #aktivniodkaz a:visited, ul#menu1 #aktivniodkaz a:hover {
  display: block;  
  position: relative; left: 0px;  
  width: 99px; height: 23px; 
  margin: 2px 5px 0 0;
  padding:5px 0 0 0; 
  border-right:0;
  background: white;
  cursor: text;
  font: bold 13px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: black;  
  
  z-index: 3;
} 

ul#data1 {
  list-style: none;
  margin: 0; margin-bottom:5px; padding: 0;  
}
ul#data1 li {
  margin: 0; padding:0; padding-left:10px;
  font: normal 11px/123% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: black;
  text-align: left;
}
ul#data1 ul {
  margin: 0; padding:0; padding-left:15px;
  text-align: left;
 list-style: none;
}

ul#data1 a {
  margin: 0; padding:0;
  cursor: pointer;
  font: bold 13px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: blue;
}
ul#data1 a:hover {
  margin: 0; padding:0;
  cursor: pointer;
  font: bolder 13px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: blue;
  text-decoration: underline;
}
ul.kontakt {
  list-style: none;
  margin: 0; margin-top: 23px; margin-left: 44px; padding: 0;  
}
ul.kontakt li {
  margin: 0; margin-bottom: 5px; padding:0; padding-left:10px;
  font: normal 12px/123% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: black;
  text-align: left;
}
ul.kontakt ul {
  margin: 0; padding:0; padding-left:15px;
  text-align: left;
 list-style: none;
}
ul.kontakt li.nadpis  {
  margin: 0; margin-bottom: 10px;
  padding: 0;
  text-align: left; vertical-align: middle;
  list-style-type: none;
  font: bold 13px/123% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: black; text-decoration: underline;
}
ul.kontakt a {
  margin: 0; padding:0;
  cursor: pointer;
  font: normal 12px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: black;
}
ul.kontakt a:hover {
  margin: 0; padding:0;
  cursor: pointer;
  font: bold 12px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: blue;
  text-decoration: underline;
}
ul#vicedat {
  position:relative; left:10px;
  width: 600px; 
	margin:0; margin-top:0px; padding:0;
  float: left; 
}
ul#vicedat li {
  margin: 0; margin-bottom: 5px; margin-left: 10px; padding:0;
  font: normal 80%/123% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: black;
  text-align: left;
  list-style: disc;
  text-indent:10px;
}
ul#vicedat a {
  display:block;
  width:100%; 
  margin: 0; padding:0;
  cursor: pointer;
  font: bold 80%/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: black;
  background: silver;
}
ul#vicedat a:hover {
  margin: 0; padding:0;
  cursor: pointer;
  font: bold 80%/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: blue;
  text-decoration: underline;
}


/* zakladni elementy stranky */
div#obal  {
  position: relative;
  text-align: left;
  margin: 0 auto 0; padding: 0;
  width: 770px; height:auto; min-height:100%;
  background: url('obrazy/pozadi1.jpg') top left repeat-y;
  background-color:#28445C;
  order-bottom:1px solid black;
}

/* hlavicka */
div#header {
  position: relative;
  width: 768px; height:165px;
  margin:0; padding:0;
  text-align: center;
  border: 1px solid black;
  
  
  }
div#header a {
	display: block;
	margin: 0; padding:0;
	width:768px; height:165px;
  background: url( 'obrazy/Chrzin_01.jpg' );
  text-decoration:none;
	}
div#header a:hover {
  
	background: url( 'obrazy/Chrzin_02.jpg' );
	}
	

div#menu {
  position:relative;  
  float:left;
  margin:5px 0 0 0; padding:0;
  width:100px; height:550px;
  z-index: 1;
}
div#obsah  { 
  position:relative;  
  margin:0 0 0 100px; padding:0; 
  width: 668px; height:auto; min-height:600px;
  border-left: 1px solid black;
  background-color: white;
  z-index: 0;
} 
div#obsah-vnitrni  {
  margin:0; 
  padding: 15px  23px 50px 23px;
}
div#footer { 
position:absolute; 
bottom:0; right:0px;
width:668px; height:50px; 
padding:0; margin:0;
background-color:white;
border-right:1px solid black; border-bottom:1px solid black; 
} 
div#footer-in {  
text-align:right; 
margin:0; padding:0;
margin:10px 30px 10px 0;
} 
div#footer-in p {  
text-align:right;
font: normal 70%/123% Tahoma, Verdana, sans-serif;
}
div#footer-in a {  
font-weight:bold;
text-decoration:none;
}
div#footer-in a:hover {  
text-decoration:underline;
}

/* styly fotogalerie */
#fotoindex  {
  position: relative;
  top: 0px; left: 0px;
  width: 600px; height: 300px;
  margin: 10px auto 0px; padding:0;
  text-align: center;
}      
#jaro  {
	position:absolute;
	top: 0px; left: 150px; 
	width: 150px; height: 150px;
	background: url('obrazy/Jaro_p.gif') no-repeat;
}
#jaro a {
	display: block;
	width: 100%; height: 100%;
	background: url('obrazy/Jaro.gif') no-repeat;
}
#jaro a:hover {
	background-image: none; 
} 
#leto  {
	position:absolute;
	top: 0px; left: 300px; 
	width: 150px; height: 150px;
	background: url('obrazy/Leto_p.gif') no-repeat;
}
#leto a {
	display: block;
	width: 100%; height: 100%;
	background: url('obrazy/Leto.gif') no-repeat;
  overflow: hidden;	
}
#leto a:hover {
	background-image: none;
} 
#podzim  {
	position:absolute;
	top: 150px; left: 150px; 
	width: 150px; height: 150px;
	background: url('obrazy/Podzim_p.gif') no-repeat;
}
#podzim a {
	display: block;
	width: 100%; height: 100%;
	background: url('obrazy/Podzim.gif') no-repeat;
  overflow: hidden;	
}
#podzim a:hover {
	background-image: none;
}  
#zima  {
	position:absolute;
	top: 150px; left: 300px; 
	width: 150px; height: 150px;
	background: url('obrazy/Zima_p.gif') no-repeat;
}
#zima a {
	display: block;
	width: 100%; height: 100%;
	background: url('obrazy/Zima.gif') no-repeat;
  overflow: hidden;	
}
#zima a:hover {
	background-image: none;
} 
#jaro2  {
	position:absolute;
	top: 90px; left: 45px; 
	width: 150px; height: 50px;
	text-align: right;
}
#jaro2 a {
	font: bold 23px/150% Tahoma, Verdana, sans-serif;
  color: black;
}
#jaro2 a:hover {
	font: bolder 23px/150% Tahoma, Verdana, sans-serif;
  color: blue; text-decoration:underline;
} 
#leto2  {
	position:absolute;
	top: 90px; left: 470px; 
	width: 150px; height: 50px;
  text-align: left;	
}
#leto2 a {
	font: bold 23px/150% Tahoma, Verdana, sans-serif;
  color: black;
}
#leto2 a:hover {
	font: bolder 23px/150% Tahoma, Verdana, sans-serif;
  color: blue; text-decoration:underline;
} 
#podzim2  {
	position:absolute;
	top: 285px; left: 50px; 
	width: 150px; height: 50px;
  text-align: right;
}
#podzim2 a {
	font: bold 23px/150% Tahoma, Verdana, sans-serif;
  color: black;
}
#podzim2 a:hover {
	font: bolder 23px/150% Tahoma, Verdana, sans-serif;
  color: blue; text-decoration:underline;
}  
#zima2  {
	position:absolute;
	top: 285px; left: 470px; 
	width: 150px; height: 50px;
  text-align: left;	
}   
#zima2 a {
	font: bold 23px/150% Tahoma, Verdana, sans-serif;
  color: black;
}
#zima2 a:hover {
	font: bolder 23px/150% Tahoma, Verdana, sans-serif;
  color: blue; text-decoration:underline;
} 
#obalobrazu1  {
  position: relative;
  width: 800px;
  margin: 0px auto 0px; 
  border: 2px solid black;
  background-color: silver;
  text-align: center;
  overflow: hidden;
}
#obalobrazu2  {
  position: relative;
  width: 600px; height: 800px; 
  margin: 0px auto; 
  border: 2px solid black;
  background-color: silver;
  text-align: center;
  overflow: hidden;
}
#obraz1  {
  position: relative;
  margin-top: 15px;
  text-align: center;
}  
#hlavicka1  {
  position: relative;
  top: 10px; left: 0px;
  width: 800px; height: 25px;
  background-color: silver;
  font: bold 100% tahoma, sans-serif;
  vertical-align: middle; text-align: center;
}
#hlavicka2  {
  position: relative;
  top: 10px; left: 0px;
  width: 585px; height: 25px;
  margin: 0; 
  background-color: silver;
  font: bold 100% tahoma, sans-serif;
  vertical-align: middle; text-align: center;
}  
#hlavicka3  {
  position: absolute;
  top: 10px; left: 0px;
  width: 600px; height: 25px;
  background-color: silver;
  font: bold 100% tahoma, sans-serif;
  vertical-align: middle; text-align:center;
}
div#data {
  float:right;
  width:205px; 
  margin:0px 5px 15px 15px; padding: 0;
	border: 1px solid black;
	background: rgb(166,199,202);
}
#data2 {
  position: relative;
  top:10px; left:10px;
  width:629px;
  margin:0; padding:0;
	text-indent:5px; 	 
}


#text1 {
  position: absolute;
  top: 35px; left:0px;
  width: 435px; 
  margin:0; padding: 0;
}
#text2 {
  float: left;
  width:435px; height:90px;  
  margin:0; padding:0;  
}
#text4 {
  position: absolute;
  top: 663px; left:0px;
  width: 650px;
  margin:0; padding: 0; 
}
#text5 {
  position: absolute;
  top: 40px; left:0px;
  width: 650px;
  margin:0; padding:0; 
}
#banner {
  float: left;
  width: 223px; height: 287px;
  margin:10px 15px 0px 10px; padding: 0; 
	border: 1px solid black; 
	overflow:hidden;
}  
#text3 {
  float: left;
  width:200px; height:297px;  
  margin:0; padding:0;
}
#mol {
  width:88px; height:31px;
  margin:0px 0 0 6px; padding:0;
  background:url('obrazy/mool2.gif');
}
#mool a{
  display:block;
  width:88px; height:31px;
  margin:0px 0 0 6px; padding:0;
  background:url('obrazy/mool2.gif');
}
#toplist {
  position:relative; 
  width:88px; height:120px;
  margin:10px 0 0 6px; padding:0;
  background:url('http://toplist.cz/count.asp?id=158180&logo=bc');
}
#toplist a{
  display:block; 
  width:88px; height:120px;
  border:0; text-decoration:none;
  background:url('http://toplist.cz/count.asp?id=158180&logo=bc');
}
hr.blue1  {
  position:relative;
  width: 623px; height: 1px;
  margin:3px auto; padding: 0;
  text-align:center;
  color: blue; background: blue;
}
hr.blue2  {
  position: relative;
  width: 612px; height: 1px;
  margin:3px auto 15px; padding: 0;
  text-align:center;
  color: blue; background: blue;
} 
hr.blue3  {
  position: relative;
  width:100%; height: 1px;
  margin:3px auto 15px; padding: 0;
  text-align:center;
  color: blue; background: blue;
} 

.soucasnost  {
  margin: 10px 5px 5px 5px; 
  padding:0;
  font: normal 13px/123% sans-serif;
  text-align: justify; text-indent: 23px;
}


.vybavenost {
float: left;
width: 253px;
margin: 2px 0px 10px 15px; padding: 3px 0px 3px 3px;
border: 0; border-left: 1px solid black; border-bottom: 1px solid black;
}
.efekt2 {
width: 250px;
color: cad0de; 
background: cad0de;
}

.floatright {
float: right;
margin: 5px 0px 0px 10px;
border: 1px solid #666;
padding: 2px;
}

.floatrightdown {
float: right;
position: relative; bottom:0px;
margin: 5px 0px 0px 10px;
border: 1px solid #666;
padding: 2px;
}

.floatleft {
float: left;
margin: 10px 10px 0px 0px;
border: 1px solid #666;
padding: 2px;
}
.odrazka  { 
height: 44px;
background: url('obrazky/spacer.gif') repeat-y;
} 
.hidden {
  display: none;
}
.cistic { 
  clear: both;
}
#miniatury {
	position:absolute;
	top:52px; left:23px;
	width:200px; height:450px;
	padding:23px 0 23px 0; margin:0;
	border-right:1px solid blue;
	overflow: auto;	
}
.nahled  {
float:right;
padding:1px; margin:5px 10px 0px 0px;
border:1px solid blue;
}

#fotky {
	position:absolute;
	top:75px; left:220px;
	width:430px; height:404px;
	border:0;
	overflow: hidden;
	text-align:center;	
} 
#big_foto  {
  position:relative;
  text-align:left;
	margin:0; 
  padding:1px;
  border:1px solid blue;
} 


.holder 
{
margin:8px;
}

.holder img 
{
border:1px solid black;
margin:0px;
padding:1px;
}

.bigPicture 
{
position:absolute;
left:150px;
top:0px;
visibility:hidden;
}


.holder:hover div.bigPicture, div.holderHover div.bigPicture
{
position:absolute;
left:150px;
top:0px;
visibility:visible;
}

.holderHover img.preView 
{
border:1px solid black;
margin:0px;
padding:1px;
}

.holder 
{
behavior:url("hover.htc");
}

div#navrat {
margin: 10px auto 20px auto;
width:170px; height:25px;
font: normal 90% Tahoma, Verdana, sans-serif;
}
div#navrat img {
border:0;
}


/* styly boardu */
.red  { color: red; cursor:help;}
.red a  { color: red;}
.blue  { color: blue; cursor:help;}
.blue a  { color: blue;}
.help  { cursor:help;}
.pole  { border:1px solid black;} 
.pozadi1  { background-color:black;}

#formular  {
margin:0 auto; padding:0;
font:bold 80% tahoma, verdana, sans-serif;
background-color:silver;
color:black;
text-align:left;
}
#sender  {
width:123px; height:35px;
margin:0; padding:0;
border:1px solid black;
font:bold 123% arial, sans-serif;
color:black;
cursor:pointer;
} 
div#messages  {
width:600px; height:auto;
margin:10px auto; padding:10px 0;
text-align:center; 
background-color:silver;
}
.hlavickaZpravy  {
width:596px;
margin:0; padding:0;
background-color:silver;
font:normal 70%/160% arial, sans-serif;
color:#000000;
text-align:left; text-indent:10px;
border:1px solid black;
}
.teloZpravy  {
width:575px;
margin:0 auto; padding:5px 10px;
background-color:white;
font:normal 80%/160% verdana, sans-serif;
color:#000000;
text-align:justify; text-indent:10px;
}
.zobrazZpravy  {
width:560px; height:auto;
margin:auto; padding:10px;
font:bold italic 80%/150% georgia, times, serif;
border:1px solid black;
text-align:left;
background-color:#28445C; 
}

.zobrazZpravy a {
color:white;
text-decoration:none; 
}
.zobrazZpravy a:hover {
color:white;
text-decoration:underline; 
}
.tabulka1 {
background-color:#cad0de;
border:1px solid #ffffff;  
}
.tabulka2 {
background-color:#f5f5f5;
border:1px solid #ffffff;  
}



#fotoindex2  {
  position: relative;
  top: 0px; left: 0px;
  width: 600px;
  margin: 10px auto 50px; padding:0;
  text-align: left;
} 

ul.galerie  li{
  list-style: none;
  text-indent: 30px;
  padding: 5px;
} 

#fotoindex2 a {
	font: bold 17px/150% Tahoma, Verdana, sans-serif;
  color: black;
}
#fotoindex2 a:hover {
	font: bolder 17px/150% Tahoma, Verdana, sans-serif;
  color: blue; text-decoration:underline;
}
#fotoindex2 a.new  {
  color: blue;
}