/* =global
------------------------------------------------------------------------*/
* {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 10px;
line-height: 1.67;
color: #54422e;
}

html {
background: #fff url(images/bg/bg_biale.gif) repeat-x;
}

body {
position: relative;
background: url(images/header/top_3.gif) no-repeat top center;
}

a {
text-decoration: none;
outline: 0;
}

a.podkreslone {
text-decoration: none;
outline: 0;
border-bottom: 1px dashed #49AC14;
}

a:hover.podkreslone {
text-decoration: none;
outline: 0;
color: #c80000;
border-bottom: 1px dashed #49AC14;
}

a.error404 {
text-decoration: none;
outline: 0;
color: #c80000;
border-bottom: 1px dashed #49AC14;
}

ul {
list-style: none;
}

img {
border: 0;
}

#page {
width: 900px;
margin: 0 auto;
}

/* =headings
------------------------------------------------------------------------*/
h1, h2, h3, h1 a, h2 a, h3 a {
font-family: "Trebuchet MS", Arial, sans-serif;
font-weight: normal;
}

/* =header---podstrona z galeria
------------------------------------------------------------------------*/
#header {
position: relative;
width: 900px;
height: 154px;
z-index: 333;
top: 0;
overflow: visible;
}

#header .home {
position: absolute;
width: 280px;
height: 130px;
top: 0;
left: 38%;
text-indent: -9999px;
}

#header .home a {
position: relative;
display: block;
overflow: hidden;
width: 100%;
height: 100px;
border-bottom: 0;
}

#header .email {
position: absolute;
width: 190px;
height: 40px;
top: 40px;
left: 72%;
text-indent: -9999px;
}

#header .email a {
position: relative;
display: block;
overflow: hidden;
width: 100%;
height: 100px;
border-bottom: 0;
}


/* =main
------------------------------------------------------------------------*/
#main {
position: relative;
margin: 0;
z-index: 100;
/*zoom: 1;*/
}

#main p {
margin-bottom: 0.5em;
}

#main .b {
font-weight: bold;
}

#main .i {
font-style: italic;
}


#menutop {
position: relative;
width: 884px;
height: 38px;
margin: 0 auto 10px auto;
padding: 0;
text-align: center;
text-indent: -9999px;
z-index: 100;
background: url(images/bg/line_bordo.gif) no-repeat bottom center;
}

/* =menutop
------------------------------------------------------------------------*/
#menutop a.slub {
float: left;
width: 42px;
height: 25px;
background: url(images/slub1.gif) no-repeat center center;
}

#menutop a:hover.slub {
float: left;
width: 42px;
height: 25px;
background: url(images/slub2.gif) no-repeat center center;
}

#menutop a.chrzest {
float: left;
width: 71px;
height: 25px;
background: url(images/chrzest1.gif) no-repeat center center;
}

#menutop a:hover.chrzest {
float: left;
width: 71px;
height: 25px;
background: url(images/chrzest2.gif) no-repeat center center;
}

#menutop a.komunia {
float: left;
width: 71px;
height: 25px;
background: url(images/komunia1.gif) no-repeat center center;
}

#menutop a:hover.komunia {
float: left;
width: 71px;
height: 25px;
background: url(images/komunia2.gif) no-repeat center center;
}

#menutop a.portrety {
float: left;
width: 85px;
height: 25px;
background: url(images/portrety1.gif) no-repeat center center;
}

#menutop a:hover.portrety {
float: left;
width: 85px;
height: 25px;
background: url(images/portrety2.gif) no-repeat center center;
}

#menutop a.dzieci {
float: left;
width: 54px;
height: 25px;
background: url(images/dzieci1.gif) no-repeat center center;
}

#menutop a:hover.dzieci {
float: left;
width: 54px;
height: 25px;
background: url(images/dzieci2.gif) no-repeat center center;
}

#menutop a.zwierzaki {
float: left;
width: 83px;
height: 25px;
background: url(images/zwierzaki1.gif) no-repeat center center;
}

#menutop a:hover.zwierzaki {
float: left;
width: 83px;
height: 25px;
background: url(images/zwierzaki2.gif) no-repeat center center;
}

#menutop a.dokumenty {
float: left;
width: 183px;
height: 25px;
background: url(images/dokumenty1.gif) no-repeat center center;
}

#menutop a:hover.dokumenty {
float: left;
width: 183px;
height: 25px;
background: url(images/dokumenty2.gif) no-repeat center center;
}

#menutop a.montaz {
float: left;
width: 68px;
height: 25px;
background: url(images/montaz1.gif) no-repeat center center;
}

#menutop a:hover.montaz {
float: left;
width: 68px;
height: 25px;
background: url(images/montaz2.gif) no-repeat center center;
}

#menutop a.retusz {
float: left;
width: 62px;
height: 25px;
background: url(images/retusz1.gif) no-repeat center center;
}

#menutop a:hover.retusz {
float: left;
width: 62px;
height: 25px;
background: url(images/retusz2.gif) no-repeat center center;
}

#menutop a.reklama {
float: left;
width: 74px;
height: 25px;
background: url(images/reklama1.gif) no-repeat center center;
}

#menutop a:hover.reklama {
float: left;
width: 74px;
height: 25px;
background: url(images/reklama2.gif) no-repeat center center;
}

#menutop a.inne {
float: left;
width: 43px;
height: 25px;
background: url(images/inne1.gif) no-repeat center center;
}

#menutop a:hover.inne {
float: left;
width: 43px;
height: 25px;
background: url(images/inne2.gif) no-repeat center center;
}

#menutop a.linki {
float: left;
width: 44px;
height: 25px;
background: url(images/linki1.gif) no-repeat center center;
}

#menutop a:hover.linki {
float: left;
width: 44px;
height: 25px;
background: url(images/linki2.gif) no-repeat center center;
}

/* =menutop---buttons---podstrony
------------------------------------------------------------------------*/
body.slub #menutop a.slub {
float: left;
width: 42px;
height: 25px;
background: url(images/slub2.gif) no-repeat center center;
}

body.chrzest #menutop a.chrzest {
float: left;
width: 71px;
height: 25px;
background: url(images/chrzest2.gif) no-repeat center center;
}

body.komunia #menutop a.komunia {
float: left;
width: 71px;
height: 25px;
background: url(images/komunia2.gif) no-repeat center center;
}

body.portrety #menutop a.portrety {
float: left;
width: 85px;
height: 25px;
background: url(images/portrety2.gif) no-repeat center center;
}

body.dzieci #menutop a.dzieci {
float: left;
width: 54px;
height: 25px;
background: url(images/dzieci2.gif) no-repeat center center;
}

body.zwierzaki #menutop a.zwierzaki {
float: left;
width: 83px;
height: 25px;
background: url(images/zwierzaki2.gif) no-repeat center center;
}

body.dokumenty #menutop a.dokumenty {
float: left;
width: 183px;
height: 25px;
background: url(images/dokumenty2.gif) no-repeat center center;
}

body.montaz #menutop a.montaz {
float: left;
width: 68px;
height: 25px;
background: url(images/montaz2.gif) no-repeat center center;
}

body.retusz #menutop a.retusz {
float: left;
width: 62px;
height: 25px;
background: url(images/retusz2.gif) no-repeat center center;
}

body.reklama #menutop a.reklama {
float: left;
width: 74px;
height: 25px;
background: url(images/reklama2.gif) no-repeat center center;
}

body.inne #menutop a.inne {
float: left;
width: 43px;
height: 25px;
background: url(images/inne2.gif) no-repeat center center;
}

body.linki #menutop a.linki {
float: left;
width: 44px;
height: 25px;
background: url(images/linki2.gif) no-repeat center center;
}

/* =welcome
------------------------------------------------------------------------*/

#welcome {
position: relative;
width: 840px;
margin: 0 auto 10px auto;
z-index: 100;
background: none;
}


/* =opisgalerii
------------------------------------------------------------------------*/

#welcome .opisgalerii {
position: relative;
width: 840px;
margin: 0 0 10px 0;
padding: 0;
text-align: right;
}

#welcome .opisgalerii * {
font-size: 14px;
color: #ac2f32;
}

#welcome .opisgalerii h1 {
margin: 0;
padding: 10px 18px;
font-size: 24px;
font-weight: normal;
color: #6a5f51;
}


/* =simpleviewer, a dokladniej: TiltViewer
------------------------------------------------------------------------*/

#welcome .tiltviewer {
position: relative;
width: 840px;
height: 500px;
margin: 0;
padding: 0;
text-align: center;
}

#welcome .tiltviewer * {
font-size: 14px;
}

#flashcontent {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}


/* =footer
------------------------------------------------------------------------*/
#footer {
clear: both;
width: 250px;
height: 50px;
margin: 10px auto 0;
text-align: center;
}