/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/
.clear { clear: both; height: 1%;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-block;}
/* Hides from IE-mac \*/
* html .clear { height: 1%;}
.clear { display: block;}
/* End hide from IE-mac */

/* new clearfix */
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clear             { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */

* { margin: 0; padding: 0;}
a { text-decoration: none;}
html,body { width: 100%; height: 100%; background-color: #39311a;}
body { font-size: 100%; line-height: 120%; color: #4c4948; font-family: Verdana, Helvetica, sans-serif; text-align: center;}


.panel { width: 896px; background-color: #544c34; margin: 0 auto; padding: 0; position: relative; border: 2px solid #e8e6da;}

.top, .menu { border-style: solid; border-color: #e8e6da;}
.top { width: 889px; height: 54px; padding: 3px; margin: 0; color: #e8e6da; font-size: 12px; text-align: left; border-width: 0 0 2px;}
.top a { color: #e8e6da; margin-right: 0px;}
.top a:hover { text-decoration: underline;}
.top p { display: inline;}
.top h1 { width: 650; margin: 0 auto; line-height: 54px; text-align: center; font-size: 12px; font-weight: normal; color: #776f4f;}
.top h1 a { background: url(img/studio22.jpg) no-repeat; width: 239px; height: 54px; float: left; display: block;}

.menu          { width: 239px; height: 524px; float: left; position: relative; background-color: #897e62; border-width: 0 2px 0 0;}
.menu div      { width: 239px; clear: left; position: relative; background-color: #897e62;}
.menu div a    { width: 119px; float: left; display: block; position: relative;}
.menu div a h2 { color: #e8e6da; font-size: 9px; text-transform: uppercase; font-weight: normal; margin: 14px auto;}

.menu a span { width: 119px; height: 83px; margin: 0px auto; display: block; background-color: transparent; background-repeat: no-repeat; background-position: 0 0px;}

.menu a:link span,
.menu a:visited span,
.menu a:active span { background-position: 0 0px;}


.menu a:hover span    { background-position: 0 -83px;}
.menu a span.studio   { background-image: url(img/studio.jpg);}
.menu a span.plener   { background-image: url(img/plener.jpg);}
.menu a span.rodzinne { background-image: url(img/rodzinne.jpg);}
.menu a span.chrzty   { background-image: url(img/chrzty.jpg);}
.menu a span.ciaza    { background-image: url(img/ciaza.jpg);}
.menu a span.portrety { background-image: url(img/portrety.jpg);}
.menu a span.reportaz { background-image: url(img/reportaz.jpg);}
.menu a span.kontakty { background-image: url(img/kontakt.jpg);}

.menu .bor_l { border: 1px solid #544c34; border-width: 1px 1px 0px 0px;}
.menu .bor_r { border: 0px solid #544c34; border-width: 1px 0px 0px 0px;}

.galerie { width: 655px; height: 524px; float: right; margin: 0; padding: 0; background-color: #544c34;}


.kontakt { width: 655px; height: 424px; float: right; margin: 0; padding: 100px 0 0; background-color: #544c34;}
.kontakt p, h1 { margin: 10px auto; color: #e8e6da; font-size: 12px;}
.kontakt h1 { font-size: 16px;}
.kontakt a { color: #a7c4cc;}
.kontakt a:hover { text-decoration: underline;}
.kontakt .autor { color: #776f4f;}

.stopka { width: 872px; height: 60px; margin: 0 auto; color: #776f4f; padding: 10px; text-align: right; font-size: 10px; text-align: left; background-color: #39311a;}
.stopka p { width: 40%; float: right;}
.stopka .menu_dol { width: 60%; text-align: right;}
.stopka a { color: #776f4f;}
.stopka a:hover { text-decoration: underline;}