/*div {border:1px solid red;}*/
/*div ul {border:1px solid yellow;}
div ul li {border:1px solid blue;}
div ul li a {border:1px solid green;}*/
* {
	margin:0;
	padding:0px;
  }
body {
     background-color:#2B2B2F;
     color:#ffffff;
     font:normal 14px Arial, sans-serif;
     }
div#pojemnik1 {
				width:760px;
            	margin-left:auto;
            	margin-right:auto;
            	height:100%;
				text-align:center;
			}
div#pojemnik {
              width:760px;
              margin-left:auto;
              margin-right:auto;
              height:100%;
              text-align:center;
			  }
div#naglowek {
	width:730px;
	border-bottom:1px solid #808080;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	text-align:inherit;
	overflow:hidden;
	}
.right {
	float:right;
}
div#naglowek h1 {
	font:normal 160% Arial, sans-serif;
	margin-top:15px;
	margin-bottom:10px;
	letter-spacing:0.4em;
	text-align:center;
                }
/*div#naglowek p {
				margin-bottom 5px:}*/
div#naglowek p a {
             color:#c0c0c0;
             text-decoration:none;
				 font:normal 110% Arial, Helvetica, sans-serif;
				 margin-bottom:12px;
				 margin-right:65px;
}
div#menu {
         width:760px;
         height:50px;
         text-align:center;
         }
div#menu ul {
            list-style-type:none;
            float:left;
            height:50px;
            width:760px;
            margin-left:25px;
			}
div#menu ul li {
               float:left;
               height:50px;
               margin-left:25px;
               }
/* poprawnie powinny być cztery pseudoklasy : link, visited, active,hover */
div#menu ul li a {
                 height:1em;
                 float:left;
                 margin-top:15px;
                 color:#ff9933;
                 font-size:85%;
/*likwiduje ramki po naci¶nięciu na element w Ffoxie*/             		}
a {
	outline:none;
	}	
div#menu ul li a:hover {
                       color:white;
                       }
div#menu ul li a:active {
                       color:gray;
                       }
/* formatowanie pudełek z trescia strony */
div#motto1 {
		margin-top:10px;
		}
div#motto {
          width:200px;
          float:left;
          text-align:center;
          margin-left:50px;
          font:normal 75% Arial, sans-serif;
		  }
div#fotaglowna {	
               width:500px;
               text-align:center;
               float:left;
               }
div#kontakt {
          width:250px;
          float:left;
          text-align:center;
          margin-left:50px;
			 font:bold 75% Arial, sans-serif;
		  }
div#fotakontakt {
               width:400px;
               text-align:right;
               float:left;
               }

div#stopka {
	text-align:right;
	font:10px Arial, Helvetica, sans-serif;
	width:700px;
	margin-top:30px;
	float:right;
	border-bottom:1px solid #808080;
	margin-right:20px;
	margin-bottom:20px;
	}
a#english {
	margin-left:10px;
	}
div#flagi {
	float:left;
	text-align:center;
	margin-left:15px;
	margin-bottom:2px;
	}
a#english, a#polski {
	border-color:#c0c0c0;
	color:#c0c0c0;
    text-decoration:none;
	}
div#flagi a:hover {
	border-color:#FFF;
	color:#FFF;
	}
p#copyright {
	margin-top:5px;
	}
div#wypelnienie {
	height:700px;
	width:600px;
	clear: both;
	}
	/*GALERIA*/
div#reportaz {
             width:660px;
             padding:0px 80px 80px 80px;
             text-align:center;
             }
div#reportaz a {
                float:left;
                /*display:block;*/
                height:230px;
                width:215px;
                background-color:#2B2B2F;
					 color:#ff9933;
					 text-decoration: none;
					 font-size:95%;
						}
/* div#galeria {width:660px;
             padding:0px 80px 80px 80px;
             text-align:center;
				 }
div#galeria a {
               float:left;
               display:block;
                height:215px;
                width:215px;
                background-color:#2B2B2F; */
div#portret {
             width:660px;
             padding:0px 80px 80px 80px;
             text-align:center;
             }
div#portret a {
                float:left;
                /*display:block;*/
                height:185px;
                width:215px;
                background-color:#2B2B2F;
					}
div#portret a:hover img{
						border:3px solid #FFF;
						background-color:#000;
						}
a#port_menu {
						height:1em;
                	float:none;
						margin-top:10px;
						margin-right:394px;
						color:white;
                	font-size:85%
						}
a#port_menu1 {
						height:1em;
                	float:none;
						margin-top:10px;
			 			margin-right:auto;
						color:white;
                	font-size:85%
						}
img.pion {
         margin-top:10px;
		 	border:3px solid #2B2B2F;
         padding:2px;
		 }
img.poziom {
			margin-top:45px;
		   border:3px solid #2B2B2F;
         padding:2px;
		   }
div#reportaz a:hover img{
						border:3px solid #FFF;
						background-color:#000;
						}
div#reportaz a:hover {
				 			color:#FFF;
							}
div#maska {
		width:760px;
		height:30px;
		background-color:#2B2B2F;
		margin-top:0;
		overflow:visible;
		position:absolute;
		}
/* +++++++++++++++FOTOGRAFIA SLUBNA++++++++++++++++++++++++++++++ */
div#galeria_glowna {
							width:405px;
               		text-align:center;             	
							margin:30px auto 20px auto;
							}
div#fota {
			text-align:center;
			}
div#text	{
			text-align:center;
			}
div#galeria_r {
		  	  		margin-top:30px;
					width:220px;
			  		text-align:center;
		  	  		float :left;
					margin-left:22px;
					}
div#galeria_r a {float:left;
                height:210px;
                width:215px;
                background-color:#2B2B2F;
					 color:#ff9933;
					 text-decoration: none;
					 font-size:95%;
					 margin:0;
					 }
div#galeria_r a:hover img{
						border:3px solid #FFF;
						background-color:#000;
						}
div#galeria_r a:hover {
				 			color:#FFF;
							}
img.poziom1 {
			margin-top:0px;
		  	margin-bottom:10px;
			border:3px solid #2B2B2F;
         padding:2px;
		   }
img.poziom2 {
			margin-top:0px;
		  	margin-bottom:10px;
			border:3px solid #2B2B2F;
         padding:2px;
		   }
div#galeria_btn {
				width :700px;
				height:250px;
				text-align:center;
				float:left;
				margin-left:80px;
				}
div#galeria_btn a {
						float:left;
                	height:230px;
                	width:215px;
                	background-color:#2B2B2F;
					 	color:#ff9933;
					 	text-decoration: none;
					 	font-size:95%;
					 	}
div#galeria_btn a:hover img{
						border:3px solid #FFF;
						background-color:#000;
						}
div#galeria_btn a:hover {
				 			color:#FFF;
							}
div#content1 {
				width:760px;
				float: left;
				margin-left:auto;
				}