* {
 margin: 0;
 padding: 0;
}

body {
	text-align: center;
	background: #000;
	color: #fff;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
}

.strona {
  clear: both;
  position: relative;
  left: auto;
  right: auto;
  width: 770px;
  margin: 0 auto;
  text-align: left;
  background-color: #000;
}

h1 {
  position: relative;
  left: 0;
  top: 0;
  width: 282px;
  height: 550px;
  background: #000 url(media/suknia_slubna.jpg);
}

h1 a {
  display: block;
  width: 282px;
  height: 550px;
}

h1 a span {
  display: none;
}


h2 {
  margin: 5px 0 0;
	font: bold 1em/20px Verdana, Arial, Helvetica, sans-serif;
 	text-transform: uppercase;
}

#tresc {
	clear: both;
	position: absolute;
	left: 280px;
	top: 0;
	width: 480px;
	height: auto;
	margin: 8px 0;
	text-align: justify;
	font: 1em/20px Verdana, Arial, Helvetica, sans-serif;
}

#menu {
	border-bottom: 1px solid #6d6d6d;
}

#menu:after {
  display: block; 
  content: ""; 
  clear: both;
}

#tresc ul {
	margin: 0;
	padding: 0;
	list-style: square;
}

#tresc p ul {
  margin: 0;
	padding: 0;
	list-style: square;
}

#menu ul {
	clear: both;
	width: 480px;
	list-style: none;
}

#menu ul li {
	float: left;
	height: 25px;
	width: 160px;
	border-top: 1px solid #6d6d6d;
	background: #191919;
	text-align: center;
	text-transform: uppercase;
}

#menu>ul>li {
	min-height: 25px;
  height: auto;
}

#menu ul li a {
	display: block;
	font: bold 0.65em/2.6em Tahoma, Verdana, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
}

#menu ul li a:hover {
	color: #ccc;
}

ul.lista {
  margin: 0 0 0 15px;
}

ul.lista li {
	font: 0.75em/17px Verdana, Arial, Helvetica, sans-serif;
} 

#list {
  width: 480px;
  margin: 0;
  padding: 5px 0;
  background: transparent url(media/list_tlo.gif) left repeat-y;
}

#list:after {
  display: block; 
  content: ""; 
  clear: both;
}

#columnAList {
  float: left;
  width: 240px;
  margin: 0;
  padding: 0;
} 


#columnBList {
  float: right;
  width: 240px;
  margin: 0;
  padding: 0;
} 

#columnCList, .columnCList {
  width: 480px;
  margin: 0;
  padding: 0;
} 

#columnAList li, #columnBList li, #columnCList li, .columnCList li {
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
  margin-left: 20px;
} 

.columnCList li li {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
  margin-left: 20px;
} 

.columnCList li ul li{
  margin-top: 2px;
}

#tresc p {
	text-indent: 30pt;
	padding: 5px 0;
	font-size: 0.75em;
	line-height: 17px;
	font: 0.75em/17px Verdana, Arial, Helvetica, sans-serif;
	color: #ebebeb;
}

address {
	padding: 5px 0 30px;
	font: normal 0.75em/17px Verdana, Arial, Helvetica, sans-serif;
	color: #ebebeb;
}

a {
	color: #fff;
}


#tresc p a {
	color: #fff;
	text-decoration: underline;
}

#tresc p a:hover {
	text-decoration: none;
}

p#slogan  {
	clear: both;
	position: relative;
	width: 480px;
	border-top: 1px solid #FFFFFF;
	border-right: none;
	border-bottom: 1px solid #FFFFFF;
	border-left: none;
	text-align: center;
	background: #ccc;
  color: #333;
}

p#slogan a {
	text-decoration: none;
	font: italic bold 2em/1em "Times New Roman", Times, serif;
  color: #333;
}

#tresc p.bez_wciecia {
  text-indent: 0;
}

h3 {
  width: 100%;
	padding: 15px 0 25px 0;
	font: bold 0.75em/1.2em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
}

h4 {
	padding: 0;
	font: 0.75em/1.2em Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #fff;
}

#tresc hr {
	color: #fff;
	height: 1px;
}

#stopka {
	font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border-top: 1px solid #FFFFFF;
	border-right: none;
	border-bottom: 1px solid #FFFFFF;
	border-left: none;
	background: #191919;
}

#stopka a {
	font: bold 1em  Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

#stopka a:hover {
	color: #585858;
	text-decoration: none;
	background: #fff;
}

p#spotkanie {
  text-indent: 0;
  text-align: center;
}

#tresc h4 a {
	color: #FFFFFF;
	text-decoration: underline;
}
#tresc h4 a:hover {
	text-decoration: none;
}


#galeria {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 450px;
}

#galeria img {
  border: 1px solid #666;
}

#galeria ul {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	height: 100%;
}
#galeria ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	text-align: center;
	height: 160px;
	width: 150px;
}

.gradient {
  margin: 0px;
	padding: 0px;
	text-align: center;;
	clear: both;
	width: 480px;
	border-top: 1px solid #FFFFFF;
	border-right: none;
	border-bottom: 1px solid #FFFFFF;
	border-left: none;
	font: italic bold 24px "Times New Roman", Times, serif;
	color: #333333;
	background: #CCCCCC;
}

.kolekcja {
  width: 100%;
  text-align: center;
}

.nawigacja {
  margin: 5px auto 0;
}

#tresc p#sciezka {
	font-size: 0.7em;
}

ul#mapa {
  width: 480px;
  margin: 10px 0;;
  padding: 0;
}

ul#mapa li {
  margin: 0 0 0 15px;
	padding: 0;
}

ul#mapa li.pierwszy {
  margin: 0 0 0 -20px;
	padding: 0;
	list-style: none;
}

ul#mapa li a {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
  margin-left: 20px;
  
}

ul#mapa li.pierwszy a {
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
  margin-left: 20px;
  
}
