/* CSS for three column layout with absolutely positioned side columns and header */
/* from the book Stylin' by Charles Wyke-Smith publsihed by New Riders */
body {margin:0; padding:0; font: 1.0em verdana, arial, tachoma; 

}

div#container {position:relative; width:776px; margin-left:auto; margin-right:auto; background-color: #FFFFCC;}
div#header {height:160px; background-color:f1e486; text-align:center; border-bottom: 1px #960 solid;}
 /*styles for header - text-align centers graphic */

div#nav {position:absolute; left:0px; top:160px; width:250px;
			padding:0; margin:22px 0 15px 0;}			
div#nav ul {border:0; margin:12px 1.25em 12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em;}
div#nav a {line-height:22px; text-decoration: none; color: #FF9933;}
div#nav a:hover {color: #FF3300;}
/* a hack for IE Win only \*/	
* html div#nav ul {border-top:2px dotted #960;}

/*end of hack */
div#content {margin:20px 156px 0 150px; padding: 0 1em;}
div#content div#mainimage {width:180px; float:left; margin:0 8px 4px 0;}
div#content div#mainimage img {border:  #960;}
div#content div#mainimage p {font-size:.65em; margin:0px 5px; color:#C60;} 
div#content h1{font-size:1.4em; font-variant:small-caps; margin-top:2em; font-family: arial, sans-serif; color:#960;}
div#content p {font-size:.8em; margin-top:0; margin-bottom:.5em;}	
div#content li {font-size:.75em;}
div#content blockquote {width: 250px; float:right; font-size:.7em; border-top: 3px dotted #960; border-bottom:2px dotted #960; margin:0 10px; padding: 6px 10px;}
div#content blockquote p {margin:0; font-size:10px;}
div#content a {text-decoration:underline; color:#C60;}
div#content a:hover {color: #960; text-decoration:none;}
div#rightcolumn {position:absolute; width:156px; top:60px; right:0px;  
		margin:32px 0 0 0; padding:1em  0; border-top:2px solid #960; border-bottom:1px solid #960;}
div#rightcolumn p {font-size:.75em;}
div#rightcolumn img {border:none;}
div#rightcolumn div#newslinks ul {list-style-type:none; font-size:.7em; padding-left: 10px; margin:0 6px 0 0;}
div#rightcolumn div#newslinks li {margin-top:0; margin-bottom:.5em;}
div#rightcolumn h3 {text-align:center; font-size:.8em; color:#960; margin-bottom:0px; padding-top:3px; border-top: 2px dotted #960;}
div#rightcolumn a {text-decoration:none; color:#C60; text-decoration:underline}
div#rightcolumn a:hover {color: #960; text-decoration: none;}
div#rightcolumn li.morelink {font-style:italic;}
div#plyta
  {
	position: relative; top:160px; width:250px;  
  }

/*footer styles*/
div#footer {width:100%;  /* makes the div fill its container - usually body */
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:.9em;  /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					background-color:#DEE7B6; /* sets the background color of the div */
					border-top:1px solid #960; border-bottom:2px solid #960; margin-top:1.5em;}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#C60; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color: #C60; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:underline; color:#960} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#C60;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#C60;} /* had to explicitly color these or they inherit white from div#footer li */
  div#footer ul.fineprint li a:hover {color:#960;} /* turns bottom row white when hovered */
  #stopka
  {
	background-color: #F60;   
	width:776px; 
	height:40px; 
	margin:auto;
	}
  
  #menu
  {
	width:776px;
	height:30px;
	border-bottom:1px solid #F60;
	font-size:10px;
	
  }
  #menu ul 
  {
	  list-style-type:none; 
	  padding:0;
  }
  #menu li
  {
	display: inline; 
	margin-right:22px; 
	margin-left:6px;
  }
	  #menu a
	  {
		text-decoration: blink;
		font-size:7pt;
		color:#930;
	  }
	  
	  #tresc
	  {
		width:776px;
		min-height:500px;
		max-height:600px;
		overflow:auto;
		
		background-color:#FFC;
		
	  }
	  
	  	  
	  #stopka ul 
  {
	  list-style-type:none; 
	  padding:0;
	  
  }
  #stopka li
  {
	display: inline; 
	margin-left:29px;
	font-size:9px; 
	margin-right:3px; 
		color:#930;
  }
	  #stopka a
	  {
	 text-decoration:none;
	 color: #ffffff;
	 	  }
	  #gallery
	  {
		font-size:9px;
		
	 }
	#slowo
	{
	text-decoration:none;
		font-size:9pt;
		color:#930;
		padding:20px;
		
		
	}
	 
	#obraz
	{
	margin:auto;
	float:left;
	}

	 .box {
text-align: left;
background-color: #fcffde;
float: left;
overflow: hidden;
width: 120px;
height: 155px;
font-size: 11px;
vertical-align: text-bottom;
border: 1px solid #f9fdc6;
padding-bottom: 2px;
}
.box  p {
margin: 0;
display: block;
overflow: hidden;
text-align: center;
vertical-align: middle;
padding-bottom: 8px;
}


.box img {
width: 110px;
height: 100px;
border: solid 2px;
border-color:#f9fdc6;
margin-left: 8px;
margin-top: 5px;

}
.box  img:hover {
border-color: #920000;
}