html, body, p, ul, ol, dl, dt, dd, h1,h2,h3,h4,h5,h6, form, li { margin: 0; padding: 0;}
html, body {height:100%; font-family: tahoma, sans-serif; background:#fff url('../gfx/desen1.gif') top left; text-align: center; }
html { font-size: 0.84em; }
a img{border:none;}
table{border-spacing:0;}
a{outline:none;}

#myContainer {width: 100%; height: auto; display: block; margin: 0px; padding: 0; position: relative; border: 0px solid white; overflow: hidden; z-index: 1; }
#myContainer .czarneTlo  {position: absolute; width: 100%; height: 400px; top: 200px; left: 0; background: black; z-index: -1; }
#myContainer .pages {position: absolute; top: 574px; right: 60px; }
#myContainer .pages a.link {color: #463e34; text-decoration: none; font-family: Tahoma; font-size: 11px; display: block; width: 18px; height: 26px; background: #171312; float: left; margin-right: 1px; }
#myContainer .pages a.cur {color: #ad9779; text-decoration: none; font-family: Tahoma; font-size: 11px; display: block; width: 18px; height: 26px; background: #2a2625; float: left; margin-right: 1px; }
#myContainer .pages a.link:hover {color: #ad9779; text-decoration: none; font-family: Tahoma; font-size: 11px; display: block; width: 18px; height: 26px; background: #2a2625; float: left;}


#menuBar {width: 946px; height: 32px; display: block; margin: 0 auto; margin-bottom: 70px; overflow: hidden; }
#menuBar ul {display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; }
#menuBar ul li {float: left; list-style: none; color: #777168; font-size: 10px; padding: 8px 0px 0px 0px; }
#menuBar ul li#a {height:  32px; border-right: #cab69b 1px solid; padding: 8px 35px 0px 235px; color: #777168; font-size: 10px; font-weight: normal;}
#menuBar ul li#a h1 {color: #777168; font-size: 10px; font-weight: normal}
#menuBar ul li#b {height:  32px; border-right: #cab69b 0px solid; padding: 8px 35px 0px 35px; }
#menuBar ul li#c {height:  32px; border-right: #cab69b 0px solid; padding: 8px 35px 0px 0px; }
#menuBar ul li#d {height:  32px; border-right: #cab69b 0px solid; padding: 8px 35px 0px 0px; }
#menuBar ul li#e {height:  32px; border-left: #cab69b 1px solid;  border-right: #cab69b 1px solid; padding: 8px 47px 0px 54px; }

#menuBar ul li a {text-decoration: none; color: #777168; font-size: 10px; }
#menuBar ul li a:hover {color: #ad9779; }


#mainContainer {width: 946px; height:auto; display: block; margin: 0 auto; border: 0px solid red; overflow: hidden;}



#leftCol {width: 346px; height: 100%; display: inline; float: left; overflow: hidden; }
#leftCol #menu {width: 346px; height: 400px; display: block; position: relative; margin-top: 98px; background: url('../gfx/menu_bg.gif') top left; }
#leftCol #menu .logo {position: absolute; top: 174px; left: 0px; }
#leftCol #menu ul {float: right; margin-top: 280px; font-size: 13px; color: #38322c; list-style: none; overflow: hidden; }
#leftCol #menu ul li {display: inline; }
#leftCol #menu ul li a {display: block; color: #38322c; text-decoration: none; text-align: right;padding-right: 35px; background: none; }
#leftCol #menu ul li a:hover {display: block; color: #ad9779; background: url('../gfx/arrow.gif') no-repeat; background-position: 85% 50%; }
#leftCol #menu a.mainPage {position: absolute; top: 20px; right: 33px; color: #38322c; text-decoration: none; }
#leftCol #menu a.mainPage:hover {color: #ad9779;  }
a.kontakt {display: block; color: #38322c; text-decoration: none; text-align: right;padding-right: 35px; background: none; position: absolute; left: 0; bottom: 28px; }
a.kontakt:hover {display: block; color: #ad9779; background: url('../gfx/arrow.gif') no-repeat; background-position: 85% 50%; }
#leftCol #textContainer1 {margin-top: 163px; }
#leftCol #textContainer1  p {text-align: left; color: #777168; font-family: Tahoma; font-size: 11px; line-height: 16px; margin-top: 15px; }
#leftCol #textContainer1  p a {text-decoration: none; color: #c4baad; }

#rightCol {width: 600px; height: 100%; display: block; float: left; overflow: hidden; margin-top: 0px; }
#rightCol #photoContainer {width: 600px; height: 600px; float: left; overflow: hidden; border: 0px solid blue; display: block; }
#rightCol #menuContainer {width: 600px; height: 400px; float: left; overflow: hidden; margin-top: 98px; }
#rightCol #textContainer2 {margin-top: 144px; float: left; }
#rightCol #textContainer2  p {text-align: left; color: #777168; font-family: Tahoma; font-size: 11px; line-height: 16px; margin-top: 20px; }
#rightCol #textContainer2 p a {text-decoration: none; color: #c4baad; }


#rightCol #textContainer3 {margin-bottom: 20px; float: left; }
#rightCol #textContainer3  p {text-align: left; color: #777168; font-family: Tahoma; font-size: 11px; line-height: 16px; margin-top: 20px; }
#rightCol #textContainer3 p a {text-decoration: none; color: #c4baad; }

#rightCol #kontakt {color: #9d8d80; font-family: Tahoma; font-size: 24px; text-align: left; padding: 170px 0px 0px 165px; }
#rightCol #kontakt a {color: #9d8d80; font-family: Tahoma; font-size: 24px; text-decoration: none; }
#rightCol #kontakt a:hover {color: #9d8d80; font-family: Tahoma; font-size: 24px; text-decoration: underline; }


#mmm{list-style:none; width:600px; float:left; text-align:left; overflow: hidden; }
 #mmm li{display:inline;background: red; text-indent: -5555px; overflow: hidden;}
  #mmm li a{color:#a00100; text-decoration:none; text-indent: -5555px;}
  #mmm li a.przygotowania {display: block; width: 150px; height: 400px; float: left; margin-right: 1px; background: url('http://www.slubnefotografie.com/gfx/przygotowania.jpg'); }
  #mmm li a.ceremonia {display: block; width: 149px; height: 400px; float: left; margin-right: 1px; background: url('http://www.slubnefotografie.com/gfx/ceremonia.jpg'); }
  #mmm li a.wesele {display: block; width: 149px; height: 400px; float: left; margin-right: 1px; background: url('http://www.slubnefotografie.com/gfx/wesele.jpg'); }
  #mmm li a.sesje {display: block; width: 149px; height: 400px; float: left; background: url('http://www.slubnefotografie.com/gfx/sesje.jpg'); }
  

/*
 * Required 
*/
.container { width:600px; height:600px; overflow:hidden; position:relative; cursor:pointer; border: 0px solid blue; }
.slides { position:absolute; top:0; left:0; }
.slides div#zdjecie {position: absolute; top:0; width:600px; display: none; color: yellow }
.slides div#zdjecie img {position: absolute; top: 0; left: 0; display: block; }
.slides div#zdjecie1 {position: absolute; top:0; width:600px; display: none; color: yellow }
.slides div#zdjecie1 img {position: absolute; top: 0; left: 0; display: block; }
.slides div#zdjecie2 {position: absolute; top:0; width:600px; display: none; color: yellow }
.slides div#zdjecie2 img {position: absolute; top: 0; left: 0; display: block; }
/*.slides div#preloader {position: absolute; top:0; width:600px; display:none; font-size: 14px; color: #777168; }*/
/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:0 auto; width:605px; position:relative; clear:both; border: 0px solid red; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }

a.previous {position: absolute; bottom: 78px; right: 105px; background: url('../gfx/prev.gif') bottom left; text-indent: -5555px; display: block; width: 100px; height: 24px; }
a.previous:hover {position: absolute; bottom: 78px; right: 105px; background: url('../gfx/prev.gif') top left;  text-indent: -5555px;  display: block; width: 100px; height: 24px; }
a.next {position: absolute; bottom: 78px; right: 4px; background: url('../gfx/next.gif') bottom left; display: block;  text-indent: -5555px;  width: 100px; height: 24px; }
a.next:hover {position: absolute; bottom: 78px; right: 4px; background: url('../gfx/next.gif') top left; display: block;  text-indent: -5555px;  width: 100px; height: 24px; }




.linki1 {color: #777168; }
/*
#rightCol #menuContainer ul#mmm {width: 600px; height: 400px; float: left; display: block; overflow: hidden; background-color: red; margin: 0; padding: 0; }
#rightCol #menuContainer ul#mmm  li {float: left; margin: 0; padding: 0; }
#rightCol #menuContainer ul#mmm  li#11 {background-color: blue;width: 150px; height: 400px; background: url('../gfx/przygotowania.jpg') }
#rightCol #menuContainer ul#mmm  li#22 {width: 149px; height: 400px; background: url('../gfx/ceremonia.jpg') }
#rightCol #menuContainer ul#mmm  li#33 {width: 149px; height: 400px; background: url('../gfx/wesele.jpg')}
#rightCol #menuContainer ul#mmm  li#44 {width: 149px; height: 400px; background: url('../gfx/sesje.jpg')}
*/






/*#loopedSlider {margin:0 auto; width:600px; height: 650px; position: relative; clear: both;  border: 0px solid red;  }*/

/*
 * Required 
*/
/*
.container {width:600px; height: 600px; overflow: hidden; position: relative; cursor: pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top: 0px; display:none; border: 0px solid red;}

#naviContainer {position: absolute; right: -1px; bottom: 158px; width: 201px; height: 24px; overflow: hidden;}
#naviContainer a.previous {
  display: inline;
  width: 99px;
  height: 24px;
  background: url('../gfx/prev.gif') bottom left;
  text-indent: -555px; 
  overflow: hidden;
  float: left;
  margin-right: 1px;
}

#naviContainer a.previous:hover {
  background: url('../gfx/prev.gif') top left;
}

#naviContainer a.next {
  display: block;
  width: 100px;
  height: 24px;
  background: url('../gfx/next.gif') bottom left;
  text-indent: -555px; 
  overflow: hidden;float: left
}

#naviContainer a.next:hover {
  background: url('../gfx/next.gif') top left;
}



*/
#linksContainer {float: left; margin-top: 100px; }