/* =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.index1 {
position: relative;
background: url(images/bg/line_braz.gif) no-repeat 0 370px;
/*background: url(images/header/top_1.gif) no-repeat top center;*/
}

body.index2 {
position: relative;
background: url(images/header/top_2.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
------------------------------------------------------------------------*/
#header {
position: relative;
width: 900px;
height: 370px;
z-index: 333;
top: 0;
overflow: visible;
}

/* =header---strona glowna-index1-samo-tlo
------------------------------------------------------------------------*/
body.index1 #header {
background: url(images/header/top_1.gif) no-repeat top center;
}

#header .enter {
position: absolute;
width: 100px;
height: 100px;
top: 235px;
left: 38%;
text-indent: -9999px;
}

#header .enter 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;
}



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


/* =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;
}


body.index2 #menutop {
position: relative;
width: 884px;
height: 38px;
margin: 0 auto 20px 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;
}

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

#welcome {
position: relative;
width: 900px;
z-index: 100;
/*background: #bd9d7d url(images/bg/line_braz.gif) no-repeat top center;*/
}

body.index2 #welcome {
position: relative;
width: 900px;
z-index: 100;
background: none;
}

/* =pictureleft
------------------------------------------------------------------------*/

#welcome .pictureleft {
float: left;
width: 324px;
height: 260px;
margin: 0;
padding: 0;
text-align: left;
text-indent: -9999px;
background: url(images/picture1.jpg) no-repeat center center;
}

/* =pictureleftindex2
------------------------------------------------------------------------*/

#welcome .pictureleftindex2 {
float: left;
width: 348px;
height: 260px;
margin: 0;
padding: 0;
text-align: left;
text-indent: -9999px;
background: url(images/picture2.jpg) no-repeat top center;
}

/* =description
------------------------------------------------------------------------*/

#welcome .description {
float: right;
width: 545px;
margin: 0;
padding: 0 15px;
text-align: right;
}

#welcome .description * {
font-size: 12px;
}

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

#welcome .description a {
text-decoration: none;
outline: 0;
display: inline;
font-size: 14px;
font-weight: normal;
color: #fff;
/*border-bottom: 1px dashed #49AC14;*/
}

#welcome .description a:hover {
text-decoration: none;
outline: 0;
display: inline;
font-size: 14px;
font-weight: normal;
color: #fff;
/*border-bottom: 1px dashed #49AC14;*/
}


/* =descriptionindex2
------------------------------------------------------------------------*/

#welcome .descriptionindex2 {
float: right;
width: 522px;
margin: 0;
padding: 0 30px 0 0;
text-align: right;
}

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


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