/* 
    Mast-Kowal.pl 
    CSS
*/
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
    background: #F3F3F3;
    font-family: Calibri, Arial;
}

#container 
{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1200px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
    
}

#header 
{
	height: 200px;
    
    background: #221709;

    -moz-box-shadow: 0 0 50px 5px #888;
    -webkit-box-shadow: 0 0 50px 5px#888;
    box-shadow: 0 0 50px 5px #888;
}

#menu
{
    float: right;
    margin: 0 auto;
}

#menu 
{
    padding: 1em;
    
    margin-top: 50px;
    margin-right: 130px;
    
    background: #608a3d;
    
    height: 65px;    
}

#active a { background: #ffffff; color: #000000; }
.main_menu { list-style: none; margin-right: 45px;}
.main_menu LI  { float: left; margin: 0 0 0 8px; }
.main_menu LI A          { color: grey; display: block; font-size: 14px; font-weight: bold; padding: 9px 15px 9px 15px; text-decoration: none; background: #362716; }
.main_menu LI A:hover,
.main_menu LI A.selected { color: #000000; background: #ffffff; }

#logo
{
    float: left;
    
    display: block;
    
    height: 200px;
    width: 600px;
    background: url("images/logo.png");
}

#footer 
{
    position: fixed;
    bottom: 0;
    
	width: 1200px;
	
    background: #221709;
    color: #ffffff;
    
     -moz-box-shadow: 0 0 50px 5px #888;
    -webkit-box-shadow: 0 0 50px 5px#888;
    box-shadow: 0 0 50px 5px #888;
}	

#footer a 
{
    color: #ffffff;
    text-decoration: none;
}

#footer a:hover { color: #608a3d; }

p 
{
	padding:1em;
	margin:0;
}
    
/* JQuery PopUp */

#fade /*--Przejrzyste warstwy tła--*/
{ 
	display: none; /*--domyślnie ukryte--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
 
.popup_block
{
	display: none; /*--domyślnie ukryte--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #000;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Cień okna--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}

.popup_block a 
{
    color: #999;
    text-decoration: none;
}

.popup_block a:hover { color: #ffffff; }
 
.popup_block p
{
    width:80%;
}
 
img.btn_close 
{
	float: right;
	margin: -55px -55px 0 0;
}

/* Galeria */

#gallery { padding: 10px; float: left; }

#gallery_fix { float: left; height: 15px; margin-top: 100px; }

.photo
{
    padding: 10px;
    background: #221709;
    
    width: 320px;
    
    float: left;
    margin-right: 40px;
    margin-top: 40px;
    
     -moz-box-shadow: 0 0 50px 5px #888;
    -webkit-box-shadow: 0 0 50px 5px#888;
    box-shadow: 0 0 50px 5px #888;
}

/*--Kod pozwalający na prawidłowe pozycjonowanie w  IE6--*/
*html #fade 
{
	position: absolute;
}
*html .popup_block 
{
	position: absolute;
}