@charset "utf-8";
/* CSS Document */

body 
	{
background-color:#1c2541;
margin:auto;
position:relative;
width: 100%;
text-decoration: none;
font-family: Century Gothic; 

}

#fotakontakt{	
width:493px;
height:334px;
margin-left:0px;
background-image: url("images/image3.jpg");
  background-repeat: no-repeat;
  float:left;
}


 #namiary{
	
	font-size: 14px;
	
}

#tekstferta {	
width:203px;
height:279px;
margin-left:0px;
background-image: url("images/image1.jpg");
  background-repeat: no-repeat;
    float:left;
}


#zawartosc {
width: 1200px;
height:1590px;
opacity:0;
background:white;
margin-left:auto;
margin-right:auto;
}

#content

{
background:transparent;
margin:auto;
position:relative;
width: 1200px;
height:500px;
text-decoration: none;
font-family: Century Gothic; 
color:#232029;
}

#opis{
 width: 1200px;
 margin: 0 auto;
 color: #333;
 height: 200px;
 background:transparent;
 text-decoration:none;
 font-family: Century Gothic; 
	}
	
#header {
 width: 1200px;
 margin: 0 auto;
 text-align:center;
 color: #333;
 height: 200px;
 background:transparent;
 text-decoration:none;
 font-family: Century Gothic; 
 } 
  
  
  #footerlast {
width:1000px;
height:40px;
font-size:12px;
margin-top:15px;
} 
    
#footer {
 width: 1000px;
 margin-left:auto;
 margin-right:auto;
 margin-top:745px;
 color: #333;
 height: 290px;
 position:relative;
 background:transparent;
 border-top:thin solid black;
 border-bottom:thin solid black;
 } 
   
  
#mapa 

{
margin-top:30px;
margin-left:750px;
height:220px;
width:220px;
font-family: Century Gothic;
color:white;
position:relative;
background:url('images/mapa.png');
background-repeat:no-repeat;
}

#mapa1 

{
margin-top:60px;
margin-left:140px;
height:350px;
width:725px;
font-family: Century Gothic;
color:white;
position:relative;
background-repeat:no-repeat;
margin-bottom:100px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

#copy{

	float:left;
  width:250px;
margin-top:10px;

}

#prawa{	

  float:left;
  width:120px;
margin-left:570px;
margin-top:10px
}

#logo {
	height:175px;
	width:160px;
	margin-left: auto;
margin-right: auto;
padding-top:30px; 	
}

.border {
	
	width:1000px;
	height:7px;
	margin:0 auto;
	
}


#kontakt{
width:270px;
height:30px;
float:left;
margin-top:50px;	
margin-left:50px;

}

#tekstkontakt{
		font-size:12px;
	margin-top:8px;
	margin-left:4px;
	position:relative;
}


#menu {
	margin:0 auto; 
	width:570px;
	height:20px;
	position:relative;
}


#menu_holder {
	
 width: 1000px;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 color: #333;
 height: 50px;
 position:relative;
font-family: Century Gothic; 

}

#navMenu {	
	padding-top:2px; 
	padding-left: auto;
	padding-right: auto;
	list-style:none;	
	text-align:center;
	line-height:60px;
	text-decoration:none;
	font-size: 18px;
}
	#navMenu li {
		float:left;	
		background:transparent;	/* default background image	*/
		width:120px;							/* width and height of the menu item */
		height:57px;
	  border-left:thin solid #614023;
	  	  border-right:thin solid #614023;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
		text-decoration:none;
		font-family: Century Gothic; 
	}
	
	#navMenu li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:57px;
		position:relative;
		color:black;
		text-decoration:none;
		font-family: Century Gothic; 
		letter-spacing:0px;
	}
 	#navMenu li .hover {
 			color:white;
		background:url(over.png) no-repeat center center;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:120px;	/*	width, height, left and top to fill the whole LI item	*/
		height:63px;
		left:0px; 
		margin-top:-70px;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
		text-decoration:none;
		font-family: Century Gothic; 
			letter-spacing:0px;
		}	
		
	
#menufooter {
 	
 
width:485px;
height:40px;	
margin-left:465px;	
margin-top:0px;
border-top:1px solid black; 
position:relative;
}		

#menufooter ul, ul li 
   
{
      	 text-decoration: none;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    letter-spacing:7px;
     }
     
     #kontaktmenu{
     	
   width:85px;
   height:24px;
   padding-left:850px;
   padding-top:150px;
     }
     
     

    #menufooter ul a:link, ul a:visited { display: block;
    background: transparent;
    text-decoration: none;
    color:#614023;
    padding: 10px;
}
    ul a:hover {   color:#614023;
    font-family: Century Gothic ; 
    letter-spacing:7px;
    }


