/* CSS Document */


/*

color scheme

#009ECE - blue
#FF9E00 - orange
#F7D708 - yellow
#CE0000 - red
#9CCF31 - green

#36393B
#45484B
#696758
#C5BC8E
#EEE6AB


*/



body {
  background-color: white;
  font-family: arial;
  font-size: 11px;
  letter-spacing: 0px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
}

#srodek {
  position: absolute;
  left: 150px;
  top: 50px;
  padding: 10px;
  width: 762px;
  color: #36393B;
  text-align: justify;
}

#srodek .zdjecia {
  text-align: left;
  width: 100%;
}
#srodek .zdjecia img{
  margin: 4px;
}

#srodek p
{ 
text-indent: 20px
}

#mini {
  position: relative;
  top: 0px;
  right: 0px;
  float: right;
}


#flagi {
  position: absolute;
  left: 950px;
  top: 2px;
}

#flagi img {
  margin: 1px;
  border: 1px solid #fff;
  width: 25px;
  height: 15px;
}

#flagi .wybrana {
  width: 30px;
  height: 18px;
}
/* css galeria */

div.img
{
  position: relative;
  margin: 2px;
  border: 1px solid #C5BC8E;
  height: 105px;
  width: 120px;
  float: left;
  text-align: center;
}	
div.img img
{
  height: 60px;
  width: 100px;
  display: inline;
  margin: 3px;
  border: 0px solid #36393B;
}
div.img a:hover img {border: 0px solid #45484B;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

div.img .data {
  position: absolute;
  top: 95px;
  right: 1px;
  font-size: 9px;
  color: #696758;
}

/* css galeria */


/* css menu */

#menu {
  position: absolute;
  left: 150px;
  top: 10px;
  padding: 0px;
  padding-left: 0px;
  height: 100px;
  width: 792px;
}

	
#menu a {
	display: block;
	background-color: #36393B;
	font-size: 18px;
	color: #EEE6AB;
	text-decoration: none;
	float: left;
	width: 25%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	}
#menu a:hover {
	color: #36393B;
	background-color: #FF9E00;
	text-decoration: underline;
	}
	
/* css menu */


#footer {
  position: fixed;
  left: 0px;
  bottom: 0px;
  padding: 10px;
  width: 136px;
  color: #EEE6AB;
  text-align: center;
}

#duze {
  position: fixed;
  left: 700px;
  top: 20px;
  padding: 10px;
  color: #000;
  text-align: center;
  border: 5px solid #C5BC8E;
  background-color: #EEE6AB;
}

#sterowanie {
  position: fixed;
  left: 710px;
  top: 25px;
  z-index: 100;
  width: 300px;
}

#pop{
  position: fixed;
  left: 710px;
}

#nast {
  position: fixed;
  left: 730px;
}

/* obramowanie ramki w eksponacie */
.frame {
  border: 1px solid #000;
  float: right;
}


.wystawa div {
  float: left;
  margin: 3px;
}

.wystawa div img {
  width: 120px;
  height: 120px;
}


#srodek ul li {
  width: 32%;
  float: left;
}

#srodek ul  {
  overflow: auto;
	width: 100%
}