BODY, p {
  	background-color: Black;
  	text-decoration: none;
  	font-family: verdana;
  	font-size: 12px;
  	color: White;
  	text-align: left;
  	line-height: 125%;	
    }

a{
  	text-decoration: none;
  	font-family: verdana;
  	text-align: center;
  	color: #9B6D18;
  	text-align: left;
  	font-size: 12px;
  	font-weight:normal;	
    }

a:hover{
  	color: #bf9560;
  	text-decoration: underline;
  	font-weight: bold; 
    }	

a:visited{
  	color: #DDC6AA;
  	}		
	
	
p { 
    margin: 0px 0px 0px 5px;
    }

.obrazky {
  	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 20px;
  	text-align: left;
    }

.vyrobky {
    text-indent: -40px;
  	margin: 0px 0px 0px 20px;
  	padding: 0px 0px 0px 10px;
    }

.odrazka {
    background-image: url(img/odrazka_vyrobky.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
  	margin: 0px 00px 0px 0px;
  	padding: 0px 0px 0px 30px;
  	text-align: justifi;
	  }

.vyrobky_spodok {
  	background: transparent no-repeat fixed left;
  	margin: 0px 10px 5px 0px;
  	border-bottom: 1px solid Black;
  	padding: 0px 0px 0px 13px;
    }

h1 { 	
    color: Black; 
		background-color: #C0A062;
		font-size: 14px; 
	  font-weight: bold; 
		padding: 15px 0px 15px 5px;
		margin: 0px 0px 0px 0px;

		}

h2 {
   	font-size: 14px;
  	font-weight: normal;
  	padding: 5px 0px 5px 0px;
  	color: #C0A062;
    font-weight: bold; 
    }

.p0 {
    width: 800px; 
    margin: auto; 
    text-align: left;
    }

.p1 { 
    width: 200px; 
    float: left; 
    background-image: url(img/postava.jpg); 
    background-position: right; 
    background-repeat: no-repeat; 
    background-position: bottom;
    }

.p11 { 
    height: 75px;
    width: 200px;
    }

.p2 { 
    width: 600px; 
    float: left; 
    vertical-align: top;
    }

.p21 { 
    text-align: right; 
    background-color: #C0A062;
    }

.p22 { 
    height: 40px; 
    width: 600px; 
    background-color: #C0A062; 
    margin-top: 2px;  
    display: table; _position: relative; overflow: hidden;
    }


.main {
    text-align: left;
  	width: 590px;
  	_width: 590px;
  	height: 600px;
  	overflow: auto;
  	margin: 0px 0px 0px 0px;
  	padding: 0px 10px 0px 0px;
  	scrollbar-face-color: #000000; 
    scrollbar-shadow-color: #888888; 
    scrollbar-highlight-color: #888888; 
    scrollbar-3dlight-color: #000000; 
    scrollbar-darkshadow-color: #888888; 
    scrollbar-track-color: #000000; 
    scrollbar-arrow-color: #888888;
    }

.main h2 {
    padding-left: 5px;
    }

.pic img{
    filter: gray;
    -moz-opacity: 0.8;
    }

.pic:hover img{
    filter: alpha(opacity=100); 
    -moz-opacity: 1;
    }

#lightbox{	
    position: absolute;	
    left: 0; 
    width: 100%; 
    z-index: 100; 
    text-align: center; 
    line-height: 0;
    }
    
#lightbox img{ 
    width: auto; 
    height: auto;
    }
#lightbox a img{ 
    border: none; 
    }

#outerImageContainer{ 
    position: relative; 
    background-color: #fff; 
    width: 250px; 
    height: 250px; 
    margin: 0 auto; 
    }
    
#imageContainer{ 
    padding: 10px; 
    }

#loading{ 
    position: absolute; 
    top: 40%; 
    left: 0%; 
    height: 25%; 
    width: 100%; 
    text-align: center; 
    line-height: 0; 
    }
    
#hoverNav{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    z-index: 10; 
    }
    
#imageContainer>#hoverNav{ 
    left: 0;
    }
    
#hoverNav a{ 
    outline: none;
    }

#prevLink, #nextLink{ 
    width: 49%; 
    height: 100%; 
    background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
    display: block; 
    }
    
#prevLink { 
    left: 0; 
    float: left;
    }
    
#nextLink { 
    right: 0; 
    float: right;
    }
    
#prevLink:hover, #prevLink:visited:hover { 
    background: url(images/prevlabel.gif) no-repeat left 15%; 
    }
    
#nextLink:hover, #nextLink:visited:hover { 
    background: url(images/nextlabel.gif) right 15% no-repeat; 
    }

#imageDataContainer{ 
    font: 10px Verdana, Helvetica, sans-serif; 
    background-color: #fff; 
    margin: 0 auto; 
    line-height: 1.4em; 
    overflow: auto; 
    width: 100%	; 
    }

#imageData{	
    padding:0 10px; 
    color: #666; 
    }
    
#imageData #imageDetails{ 
    width: 70%; 
    float: left; 
    text-align: left; 
    }	
    
#imageData #caption{ 
    font-weight: bold;	
    }
    
#imageData #numberDisplay{ 
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;	
    }			
    
#imageData #bottomNavClose{ 
    width: 66px; 
    float: right;  
    padding-bottom: 0.7em; 
    outline: none;
    }	 	

#overlay{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 90; 
    width: 100%; 
    height: 500px; 
    background-color: #000; 
    }