body  
	{background-color: #000000;
	 color: white;
	 margin: 0;
	 padding: 0;
	 font: 12pt arial, sans-serif;
	}

a:link{
   border: none;
	 text-decoration: none;
	 color: #efb358;
	}
a:visited{
   border: none;
	 text-decoration: none;
	 color: #efb358;
	}
a:hover{
   border: none;
	 text-decoration: none;
	 color: #6cd23c;
	}
:active{
   border: none;
	 text-decoration: none;
	}


div#tlo
  {
	 width: 780px;
	 margin-right: auto;
	 margin-left: auto;
	}
  div#szyld
      {width: 780px;
	     height: 160px;
			 border-left: 10px solid #97947f;
	     border-right: 10px solid #97947f;
	     position: relative;
	     left: 0px;
	     background: #97947f url('grafika/baner.jpg') no-repeat right;
	     vertical-align: bottom;
	    }
			
      img.logo
        {width: 130px;
	       position: absolute;
	       top: 20px;
	      }	
      
			h3{
			   position: absolute;
	       left: 160px;
				 font: bold large arial,sans-serif;
	       color: #101010;
	       padding: 16px;
			 }
      
div#miniatury{
     width: 560px;
     text-align: right;
		 position: relative;
		 top: -10px;
		 margin: 0px;
		}
	div#tresc
	    {float: right;
	     position: relative;
			 right: 0px;
	     max-width: 560px;
			 margin-top: 20px;
			 padding: 10px;
			 text-align: center;
			}
	p
			{line-height: 130%;
			 text-align: left;
			}
	p.komentarz{
	     text-align: left;
			 color: #efb358;
			 font-size: x-small;}
			
	div.menu
		  {background: url('grafika/tlo.jpg') repeat-y 57px 10px;
			 float: left;
			 width: 200px;
			 position: relative;
			 left: -30px;
			}
		ul#menu li
      {position: relative;
			 top: 5px;
	     list-style-type: none;
	     border: none;
	     margin: 0px;
	     padding: 2px;
			 text-indent: 0px;
			}
			
      img.menu
				{width: 150px;
	       border-left: 2px solid #101010; 
	       border-top: none;
	       border-right: none;
	       border-bottom: 2px solid #101010;
	      }
	img#portret{
	  height: 100px;
		margin-top: 20px;
		margin-right: 20px;
	}
	ul.realizacje 
      {text-align: left;
       margin-left: 0px;
	     list-style-type: none;
			 text-indent: 0px;
			 font-size: smaller;
      }
	h1
	    {
	     font: large arial,sans-serif;
			 color: #efb358;
			 text-align: left;
			 margin-left: 25px;
	    
	    }
	h2
      {
	     font: bold large arial,sans-serif;
	     position: relative;
	     top: -50px;
			 color: #efb358;
			 text-align: left;
	    }

  div.stopka
    {width: 100%;
		 height: 30px;
	   position: relative;
		 margin-top: 20px;
	   text-align: center;
		 border: none;
	   text-decoration: none;
	   color: #97947f;
	   font-size: x-small;
	   margin-bottom: 10px;
		 
	  }
div#tlo1{
  width: 780px;
	height: 100%;
	min-height: 600px;
	background-color: #000000;
	text-align: center;
	position: relative;
	top: 20px;
	z-index: 1;
	margin-left: 0px;
	margin-right: 0px;
 }
 div.foto
  {
   position: relative;
	 top: 20px;
	 z-index: 2;
	}
div.text 
 {
  position:relative;
	z-index:2;
	padding:10px 100px 20px 100px;
	text-align: left;
	
 }


.duze
    {
		
		 height:300px;
		 border: 1mm outset #97947f;
		 margin: 5px;
		}
.duzea{
     width: 300px;
		 border: 1mm outset #97947f;
		 margin: 5px;}
.duzeb{
     height:200px;
		 border: 1mm outset #97947f;
		 margin: 5px;
		}
.foto
		{height: 150px;
		 border: 2px outset #97947f;
		 margin: 5px;
		}
img.plaskie{
		 margin: 5px;
		 text-align: center;
	  }
div.plaskie{
		 display: inline;
		}
.mini{
     border: 1px solid #97947f;
		 margin: 0px 0px 0px 6px;
		}
td{
		font-size: x-small;
		text-align: left;
		}
h4{
		font-size: small;
		color: #efb358;
		text-align: left;
		margin: 0px;
		}
div.real{
		text-align: center;
		margin-left: 20px;
		}
img.link{
		border: 0;
		}