@font-face {
    font-family: Swis;
    src: url('../fonts/Swis721ThPL-Regular.otf');
}
html, body, p, ul, ol, dl, dt, dd, h1,h2,h3,h4,h5,h6, form, li { margin: 0; padding: 0;}
html, body {height:100%; width: 100%; font-family: tahoma, sans-serif; background:#fff url('../gfx/desen.gif'); text-align: center; }
html { font-size: 0.84em; }
a img{border:none;}
table{border-spacing:0;}
a{outline:none; text-decoration: none; color: #777168; }


p {color: #777168; }
h1 {font-size: 54px; font-family: Swis; color: #ddd7d9; position: absolute; top: 150px; right: 20px; display: block; text-align: right; }
h2 {font-size: 22px; font-family: Swis; color: #4e504f; position: absolute; top: 290px; right: 20px; display: block; }

#container {overflow: hidden; width: 100%; float: left; margin: 0; padding: 0; background:#fff url('../gfx/desen.gif'); }
#header {height: 80px; width: 1200px; border: 0px solid blue; padding: 0px; margin: 0 auto; }
#header ul {float: left; margin: 0; padding: 0; overflow: hidden; }
#header ul li {color: #777168; font-size: 10px; float: left; list-style: none;  padding: 10px 0px 10px 0px; margin: 0; border-right: 1px solid #cab69b; }
#header ul li.t1 {width: 299px; }
#header ul li.t2 {width: 224px;  }
#header ul li.t3 {width: 224px; }
#header ul li.t4 {width: 224px; }
#header ul li.t5 {width: 224px; }

#mainContent {float: left; width: 100%; background: #000; overflow: hidden; margin-bottom: 0px; padding: 0; overflow: hidden;}
#content {width: 1200px; margin: 0 auto; overflow: hidden; display: block; border: 0px solid orange; position: relative; }
.index {height: 600px; }
.galeria {height: 750px; }
#leftMenu {float: left; width: 300px; height: 100%; overflow: hidden; display: block; background: #000 url('../gfx/menu-bg.png') top right; position: relative; }
ul#menu {float: right; margin: 70px 20px 0px 0px; }
ul#menu li {list-style: none; }
ul#menu li a {color: #777168; font-size: 13px; padding-right: 8px; text-align: right; display: block; width: 100px; }
ul#menu li a.main-page {margin-bottom: 300px; }
ul#menu li a.contact {margin-top: 50px; }
ul#menu li a.item {background: url('../gfx/arrow.gif') right 6px no-repeat; }
ul#menu li a:hover {background: url('../gfx/arrow.gif') right 6px no-repeat; }
#photosA {float: left; width: 900px; height: 800px; display: block; background:#fff url('../gfx/desen.gif'); position: relative; }
#photos {float: left; width: 900px; height: 800px; display: block; background: #000; }
#photo-container {float: left; width: 900px; height: 600px; display: block; margin: 0; padding: 0;  background:#fff url('../gfx/desen.gif')}

ul#mainMenu {width: 900px; height: 600px; float: left; display: block; overflow: hidden; }
ul#mainMenu li {float: left; width: 224px; display: block; overflow: hidden; text-indent: -777px; margin-right: 1px;}
ul#mainMenu li a {width: 225px; height: 600px; display: block; float: left;}
ul#mainMenu li a.przygotowania {display: block; width: 225px; height: 600px; float: left; background: url('../gfx/przygotowania.jpg') no-repeat; }
ul#mainMenu li a.ceremonia {display: block; width: 225px; height: 600px; float: left; background: url('../gfx/ceremonia.jpg') no-repeat; }
ul#mainMenu li a.wesele {display: block; width: 225px; height: 600px; float: left; background: url('../gfx/wesele.jpg') no-repeat; }
ul#mainMenu li a.sesje {display: block; width: 225px; height: 600px; float: left; background: url('../gfx/sesje.jpg') no-repeat; }


#photo-container {background: #000; }

#thumbs {display: block; width: 100%; margin: 0; overflow: hidden; border: 0px solid yellow; float: left}
#thumbs1  {width: 1200px; border: 0px solid blue; padding: 0px; margin: 0 auto; overflow: hidden; position: relative; }
ul#th {border: 0px solid blue; display: block; width: 1200px; margin: 0 auto; padding-left: 390px; }
.prev {display: block; padding: 0px; overflow: hidden; border: 0px solid red; width: 50px; height: 24px; float: left; position: absolute; top: 0px; left: 30px;
background-image: url('../gfx/prev.jpg'); z-index: 8888; }
.prev:hover {background-position: 0px -24px; text-decoration: none; }

.next {display: block; padding: 0px; overflow: hidden; border: 0px solid red; width: 50px; height: 24px; float: left; position: absolute; top: 0px; left: 845px;
background: url('../gfx/next.jpg'); background-position: 0px 0px; background-repeat: no-repeat; text-decoration: none; z-index: 8888; }
.next:hover {background-position: 0px -24px; text-decoration: none; }

.kontakt1 {color: #9d8d80; font-family: Tahoma; font-size: 24px; text-align: left; float: left; display: block; margin: 240px 0px 0px 200px; clear: right; }
.kontakt2 {color: #9d8d80; font-family: Tahoma; font-size: 24px; text-align: left; float: left; display: block; margin: 20px 0px 0px 200px; clear: left; }
.kontakt2 a {color: #9d8d80; text-decoration: none; }
.kontakt2 a:hover {color: #9d8d80; font-family: Tahoma; font-size: 24px; text-decoration: underline; }

#footer {float: left; width: 100%; background:#fff url('../gfx/desen.gif'); border: 0px solid blue; margin-bottom: 150px; }
#footer p {text-align: left; color: #777168; font-family: Tahoma; font-size: 11px; line-height: 16px; margin-top: 15px; }
#footer p a {text-decoration: none; color: #c4baad; }
#fcontent {width: 1200px; margin: 0 auto; overflow: hidden; display: block; margin-bottom: 50px; margin-top: 50px; }
#about {float: left; width: 600px; display: block; overflow: hidden; }
#copyright {float: right; width: 470px; display: block; overflow: hidden; }