.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

body { background: #483A3A; background-image: url(../rysunki/bk_body.gif); background-repeat: repeat; ; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.left { float: left; }
.right { float: right; }
img { border: 0; }
ul,li { padding: 0; margin: 0; list-style: none; }

div#container { width: 915px; height: 609px; position: absolute; top: 50%; left: 50%; margin-left: -473px; margin-top: -288px; border: solid #FFFFFF 3px; clear: none; float: none; }
div#logo { position: absolute; top: -72px; left: -65px; z-index: 10; width: 261px; height: 96px; background: url(../rysunki/logo2.png) ; }
ul#menu { position: absolute; left:0px; top: 0px; z-index: 20; height: 25px; background-color: #380D08; }
ul#lang-menu { position: absolute; right: -1px; top: -28px;}
ul#menu li, ul#lang-menu li { list-style: none; display: inline; }

div#photo-bg { width: 915px; height: 609px; position: absolute; top: 50%; left: 50%; margin-left: -470px; margin-top: -285px; overflow: hidden; center center no-repeat; }
div#baner { position: relative; width: 915px;  height: 609px; padding: 0px; overflow: hidden; background: url(../rysunki/loader.gif) center center no-repeat; }
div#baner a { display: block; }

div#footer { width: 915px; height: 20px; position: absolute; top: 50%; left: 50%; margin-left: -472px; margin-top: 328px;
font-size: 11px; color: #fff; }
div#footer div { position: absolute; }

div#statua { width: 180px; height: 440px; position: absolute; top: 50%; left: 50%; margin-left: -628px; margin-top: -75px;
font-size: 11px; color: #fff; }
div#statua div { position: absolute; }


/* PORTFOLIO */
div#galeria {
	position: absolute;
	left: 0px;
	top: 10px;
	background: #fff;
	color: #434343;
	font-family: Arial;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	z-index: 18;
	width: 918px;
	height: 600px;
}
div#galeria a { color: #434343; font-weight: bold; }
div#zawartosc { width: 915px; height: 584px; position: absolute; top: 50%; left: 50%; margin-left: -473px; margin-top: -228px; }
div#zdjecia-menu { position: absolute; top: 50%; left: 50%; margin: 292px 0 0 160px; background:#FFF; }


/*  FOTKI */
div#fotki { height: 425px; width: 100%;}
.photos .wr { height: 425px; overflow: hidden; position: relative; padding: 80px 50px 0; }
.photos .brd { border: 2px solid #fff; display: block; height: 400px; overflow: hidden; position: relative; }
.handle { background: url(../rysunki/slider.png) 0 0 no-repeat; cursor: pointer; height: 12px; position: absolute; top: 0; left: 0;	width: 65px; z-index: 100;	}
.slider { background: url(../rysunki/slider_bg.png) 0 4px repeat-x; height: 12px; position: absolute; bottom: 0px; left: 50px; width: 92%;	}
.photos .wr .items { display: block; float: left; height: 400px; position: absolute;top: 0; }
.items .item { border-right: 2px solid #fff; display: block; float: left; height: 400px; }
.items .item img { display: block; }
.footer {height: 20px; font-size: 11px; color: #fff; }
.footer a { color: #fff; }
.footer div { padding: 90px 0 0 50px ; }

/* KILKA SLOW */
div#omnie { position: absolute; left: 0px; top: 0px; width: 290px; height: 584px; background: #fff; color: #434343; font-family: Arial; font-size: 11px; padding: 10px 15px 15px 15px; z-index: 18; filter:alpha(opacity=85); moz-opacity: 0.85; opacity: 0.85; }
div#omnie a { color: #434343; font-weight: bold; }
div#omnie-podpis {
	width: 131px;
	height: 100px;
	background: url(../rysunki/podpis.png) no-repeat;
	position: absolute;
	bottom: 8px;
	right: 441px;
}


/* OFERTA */
div#oferta { position: absolute; left: 0px; top: 0px; width: 280px; height: 584px; background: #FCFCFB; color: #434343; font-family: Arial; font-size: 11px; padding: 10px 15px 15px 15px; z-index: 18; filter:alpha(opacity=85); moz-opacity: 0.75; opacity: 0.75; }
div#oferta a { color: #434343; font-weight: bold; }

/* PROMO */
div#promo { position: absolute; left: 0px; top: 0px; width: 890px; height: 584px; background: #fff; color: #434343; font-family: Arial; font-size: 11px; padding: 10px 15px 15px 15px; z-index: 18; filter:alpha(opacity=90); moz-opacity:  0.90; opacity: 0.90; }
div#promo a { color: #434343; font-weight: bold; }

/* STREFA */
div#strefa { position: absolute; left: 0px; top: 0px; width: 915px; height: 584px; background: #fff; color: #434343; font-family: Arial; font-size: 11px; padding: 10px 15px 15px 15px; z-index: 18; filter:alpha(opacity=80); moz-opacity: 0.90; opacity: 0.90; }
div#strefa a { color: #434343; font-weight: bold; }

/* KONTAKT */
div#kontakt { position: absolute; left: 0px; top: 0px; width: 380px; height: 584px; background: #fff; color: #434343; font-family: Arial; font-size: 11px; padding: 10px 15px 15px 15px; z-index: 18; filter:alpha(opacity=75); moz-opacity: 0.75; opacity: 0.75; }
div#kontakt a { color: #434343; font-weight: bold; }


/* FORMULARZ */
.formularz { font-family: Arial; font-size: 11px; font-weight: normal; color: #000000; }

#flashcontent {	height: 609px; width:915px;	}


/*PORTFOLIO */
div#port-folio{
	width: 915px;
	height: 610px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -473px;
	margin-top: -288px;
	border: solid #FFFFFF 3px;
	clear: none;
	float: none;
	background-color: #FFF;
}

#folio { padding: 3px 1px 2px; }
#folio li { float: left; width: 25%; }
#folio li.przygotowania { background:  url(../rysunki/porfolio/przygotowania-a.jpg) no-repeat 0 0; }
#folio li.ceremonia { background: url(../rysunki/porfolio/ceremonia-a.jpg) no-repeat 0 0; }
#folio li.wesele { background: url(../rysunki/porfolio/wesele-a.jpg) no-repeat 0 0; }
#folio li.plener { background: url(../rysunki/porfolio/plener-a.jpg) no-repeat 0 0; }
#folio a.przygotowania { background: url(../rysunki/porfolio/przygotowania.jpg) no-repeat 0 0; }
#folio a.ceremonia { background: url(../rysunki/porfolio/ceremonia.jpg) no-repeat 0 0; }
#folio a.wesele { background: url(../rysunki/porfolio/wesele.jpg) no-repeat 0 0; }
#folio a.plener { background: url(../rysunki/porfolio/plener.jpg) no-repeat 0 0; }
#folio a {
	border-left: 1px solid #FFF;
	display: block;
	font-weight: bold;
	font-size: 25px;
	color: #600;
	height: 595px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
#folio li.first a, 
#folio li.first div { border-left:0; }
#folio li a:hover {
	background-position: 0 -595px;
}
#folio li div {
	margin-top: 8px;
	margin-bottom: 10px;
	font-size:24px;
	width: auto;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#folio li:hover div {  color: #F00; font-size:24px; width: 226px; }


/* CEREMONIA */
div#photo { width: 915px; height: 609px; position: absolute; top: 50%; left: 50%; margin-left: -473px; margin-top: -288px; border: solid #FFFFFF 3px; clear: none; float: none;}
div#footerceremonia { width: 915px; height: 20px; position: absolute; top: 50%; left: 50%; margin-left: -250px; margin-top: 428px; font-size: 11px; color: #fff; }

#portfolio-wrapper { background: url(../rysunki/loader.gif) center center no-repeat;  }
#portfolio-thumbs { }
div.scrollable { margin: 0px 0 0 20px; position:relative; overflow:hidden; width: 870px; height:90px; } 
html>body div.scrollable { margin-left: 25px;} 
div.scrollable div.items { width:20000em; position:absolute; } 
div.scrollable div.items div { float:left; } 
 div.items .active { border:1px solid #666; background-color:#fff; z-index:9999;}
div.items img { background: #fff; padding: 2px; border: 1px solid #ccc; cursor:pointer;  width: 100px;}
.scrollable { float:left; }


#mid
{
  background: url(../rysunki/bg_photo.jpg);
}
#mid-bg
{
  background: url(../rysunki/bg_photo-bg.jpg) 0 0 repeat-x;
}