body
{
    
    padding-top: 5px;
    margin: 0px;
    font-family: Verdana, Arial;
    font-size: 12px;
    background-color: #ffe5ab;
    padding-bottom: 50px;
  
    
    
    
}
a:link
{
    
    color: #ffcc33;
    background-color: #533419;
    text-decoration: none;
    
}
a:visited
{
   	color: #ffcc33;
   	background-color: #533419;
    text-decoration:none;
    padding: 0px;
    
}
a:hover
{
	
   /* background: url(pictures/redpepper-thumb.jpg) 0px 50% no-repeat; */
     
   /*jak przedefiniowac "hover" tak zeby zachowywalo sie inaczej nad kazdym linkiem?
   kazdy "item" w menu ma miec inny obrazek

*/
    /* padding: 5px 25px 4px 5px; */
    
}

a:active
{
    
    background-color: #eef900; 
    padding: 5px 15px 5px 15px;
}



#box
{
    
    position:absolute; 
	left:50%;
	width: 950px;
	height: auto;
    color: #533419;   
	margin-left: -475px;
	border: 1px solid #d27d1a;
      
    clear: both;
    
    
    background-color: #ededed;
    
    margin-top: 0px;
    
    
   
   /* margin-left: 15%;*/
    
}

#header
{
   
    padding: 0px;
    margin: 0px;
    width: 950px;
    height: 150px;
   
   
    background-color: #533419;
    float: left;
	clear: both;
}

#header img { border: none; }
#header a:hover { padding: 0px; border: none; text-decoration: none; }
 
.current { font-weight: normal; }


.navigation
{
	position: relative;
	top: -65px;
	float: right;
	width: 700px;
	height: 0px;
	font-size: 20px;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}
.navigation li
{
   
display:inline;
padding-left: 10px;
padding-right: 10px;

}

.navigation ul li a:link
{
	padding: 0px;
	background-color: #533419;
}

.navigation ul li a:visited
{
	color: #ffcc33;
	background-color: #533419;
	padding: 0px;
}
.navigation ul li a:hover
{
	color:#533419;
	padding: 2px 10px 2px 10px;
    background-color: #ffcc33;
    border: 1px solid #f39931;
}	
.navigation ul li a:active
{
	/*
	color:#ffffff;
	padding: 2px 10px 2px 10px;
    background-color: #ffcc33;
    border: 1px solid #f39931;
    */
}


#content
{
    
     
	/* border: 1px solid Green; */
    
    float: left;
    width: 950px;
    height: auto;
	padding: 0px;
    clear: both;
    
    
    
}

#right-column {
	position: relative;
	top: 10px;
	padding-top: 20px;
	width: 600px;
	height: auto;
	text-align: justify;
	
	margin-right: 50px;
	padding-left: 0px;
	float: right;
	/* border: 1px solid Red; */
	line-height: 20px;
	
	}
#right-column a:link {
	background-color: #ededed; color: #533419;
}
#right-column a:hover { font-weight: bold; text-decoration: underline;}

	
h1 { font-size: 20px;}

#left-column { float: left; margin-left: 25px; margin-top: 5%; clear: both; border: /* 1px solid Green; */ padding-top: 20px; }
#left-column img { border: 1px solid #533419; }

.button-photo
{
	float: left;
	text-align: center;
	font-size: 14px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #ffcc33;
	height: 300px;
	width: 190px;
	background-color: #ffcc33;
	}

.button-photo img {
	border: none;
	padding: 0px;
}

.button-photo a:link {
	color: #533419;
	background-color: #ffcc33;
	width: 185px;
	height: 40px;
	
	
	
	}
.button-photo a:active {
	color: #533419;
	background-color: #ffcc33;
	width: 185px;
	height: 40px;
	padding: 0px;
	
	}
.button-photo a:visited {
	color: #533419;
	background-color: #ffcc33;
	width: 185px;
	height: 40px;
	padding-top: 0px;
	
	}
.button-photo a:hover {
	color: #533419;
	background-color: #ffcc33;
	font-weight: bold;
	
	}


#about-company {
	padding: 20px;
	
	line-height: 17px;
	position: relative;
	width: 800px;
	text-align: left;
	float: left;
	margin-left: 70px;
	
}

#about-company ul li {
	text-indent: 5px;
	list-style: none;
	}
	
#about-company img {
	float: left;
	margin-right: 20px;
	border: 1px solid #a45209;
	}
	
#menu {
	
	position: relative;
	top: 0px;
	margin-top: -20px;
	margin-left: 0px;
	
	width: 950px;
	height: 25px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	float: none;
	text-align: center;
	background-color: #ffcc33;
	/* color: #533419; */
	border-bottom: 1px solid #533419;
	font-size: 13px;
	
	
	}
	
#menu a:link {
	
	color: #533419;
	background-color: #ffcc33;
	
	}
#menu a:visited {
	
	color: #533419;
	background-color: #ffcc33;
	/*
	color: #533419;
	background-color: #ffcc33;
	*/
	}	
#menu a:hover {
	color: Black;
	padding: 0px;
	text-decoration: underline;
	
	}

#menu a:active {
	color: Black;
	background-color: #ffcc33;
	}
	
#menu ul li {
	list-style: none;
	display: block;
	
}

#kontakt {
	position: relative;
	
	width: 170px;
	height: auto;
	
	text-align: justify;
	padding-right: 20px;
	
	margin-top: 30px;
	margin-right: 50px;
	float: right;
	
	color: #533419;
	
	line-height: 20px;
	
	}
	
#kontakt a:link {
	background-color: #ededed; color: #533419;
}
#kontakt a:hover { font-weight: bold; text-decoration: underline;}

#footer
{
    position: relative;
    float: left;
    clear: both;
    width: 950px;
    height: 20px;   
    text-align: center;
    background-color: #533419;
    font-family: Verdana, Arial;
    font-size: 12px;
    color: #ffcc33;
    padding-top: 5px;
    padding-bottom: 5px;
    /* margin-bottom: -12px; */
  
    
 
    
}
#webdesign {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 950px;
	margin-left: -475px;
	color: #ededed;   
    font-size: 10px;
    text-align: center;
    background-color: #ffe5ab;
    padding-bottom: 20px;
}

#webdesign a:link {
	color: #000000;
	background-color: #ffe5ab;
	}
#webdesign a:visited {
	color: #000000;
	background-color: #ffe5ab;
}
#webdesign a:hover {
	color: #000000;
	text-decoration: underline;
	
	}
#webdesign a:active {
	color: #000000;
	background-color: #ffe5ab;
}