﻿/*_____________________________________________________________________________CIAŁO________________________________________________________________________________*/
body {
margin: 0;
 }
a {
text-decoration: none;
}
td{
vertical-align: middle;
}
a img{border:none;}

#llart{font-family:"Calligraph421 BT","Palatino Linotype", "Book Antiqua", Palatino, serif;
font-style: italic; font-size: 23px;}

/*_____________________________________________________________________________TOP________________________________________________________________________________*/
#topbgc{
position: absolute;
height: 400px;
width:100%;
background-image: url(img/gorabc.jpg);
}
#top{
position: absolute;
left : 50%;
width : 1000px;
margin-left : -500px;
height: 230px;
background-image: url(img/top.jpg);
}
#rlt{
width:1px;
height:230px;
background-color: #b75004;
}
#llt{
position: relative;
top: -770px;
left: 999px;
width:1px;
height:230px;
background-color: #7b300e;
}
#cpt{
position: absolute;
height:400px;
left : 50%;
width : 1060px;
margin-left : -530px;
}
#clt{
position: relative;
height:400px;
left : 1030px;
width : 30px;
top: -405px
}
/*____________________________________________________________________________MENU TOP______________________________________________________________________________*/
#menutop{
position: absolute;
height: 25px;
top:230px;
left : 50%;
width : 1000px;
margin-left : -500px;
background-color: #f89e00;
}
#cien{
position: relative;
height: 2px;
width: 1000px;
background-image: url(img/cienmentop.jpg);
}
#nadcien{
position:relative;
height: 1px;
width: 1000px;
background-color: #ffcf00;
top:1px;
}
#lp{
position: relative;
width:1px;
height:25px;
background-color: #b75004;
top: -2px;
}
#linkmen{
position: relative;
width:994px;
height:22px;
top: -25px;
left: 3px;
text-decoration: none;
}

#pp{
position: relative;
width:1px;
height:25px;
background-color: #7b300e;
top: -49px;
left: 999px;
}
#ciend{
position: relative;
height: 1px;
width: 1000px;
background-image: url(img/cienmentop.jpg);
top:  -50px;
}

#strgtopmen{
position: relative;
width:120px;
height:22px;
text-decoration: none;
}
#felietopmen{
position: relative;
top:-22px;
left:135px;
width:90px;
height:22px;
text-decoration: none;
}
#zywtopmen{
position: relative;
top:-44px;
left:240px;
width:160px;
height:22px;
text-decoration: none;
}
#galtopmen{
position: relative;
top:-66px;
left:410px;
width:80px;
height:22px;
text-decoration: none;
}
#taktopmen{
position: relative;
top:-88px;
left:500px;
width:195px;
height:22px;
text-decoration: none;
}
#ksiegotopmen{
position: relative;
top:-132px;
left:700px;
width:110px;
height:22px;
text-decoration: none;
}
#blogtopmen{
position: relative;
top:-154px;
left:815px;
width:60px;
height:22px;
text-decoration: none;
}
#linkotopmen{
position: relative;
top:-110px;
left:884px;
width:110px;
height:22px;
text-decoration: none;
}
.linkmenutop{
width:100%;
height: 22px;
font-family:"Book Antiqua","Palatino Linotype", Palatino, serif;
text-decoration: none;
color:#ffffff;
font-size: 16px;
}
#aktualny{
width:100%;
height: 22px;
font-family:"Book Antiqua","Palatino Linotype", Palatino, serif;
text-decoration: none;
color: #b75004;
font-size: 16px;
}
#aktualny:hover{
color: #b75004;
background-color:  #e58304;
}
.linkmenutop:hover{
color: #ffd73e;
background-color:  #e58304;
}
/*_____________________________________________________________________________CONTENT______________________________________________________________________________*/
#content {
position : absolute;
top: 255px;
left : 50%;
width : 1000px;
margin-left : -500px;
height: 70%;
min-height: 450px;
background-image: url(img/conttopcien.jpg);
background-position: top;
background-repeat: repeat-x;
}

/*______________________________________________________________________________BANER________________________________________________________________________________*/
#baner{
position : relative;
top: -450px;
left: 195px;
width: 380px;
height: 200px;
}
#uztop{
position: relative;
width: 5px;
height: 230px;
top: -400px;
left: 995px;
background-image: url(img/uztop.jpg);
}
/*____________________________________________________________________________ZDJECIE 1_______________________________________________________________________________*/

#zdjecie1{
position: relative;
top: -225px;
left: 6px;
width: 195px;
height: 230px;
}

#zdj{
position : relative;

}
/*___________________________________________________________________________LINK PAPIER______________________________________________________________________________*/
#linkpapier{
position: relative;
top: -600px;
left: 888px;
width: 100px;
height: 110px;
}
#linkpapier img{
border: none
}
/*______________________________________________________________________________MENU________________________________________________________________________________*/
#menu{
position: relative;
width: 200px;
height: 400px;
background-image: url(img/menu.jpg);
font-family: "Book Antiqua","Palatino Linotype", Palatino, serif;
font-size: 14px;
font-weight: 600;
}


#linkg{
position: absolute;
height: 51px;
width: 170px;
left: 15px;
top:10px;
text-decoration: none;
color:black;
background-image: url(img/linkstg2.jpg);
}
#linkg:hover{
background-image: url(img/linkstg.jpg);
color: #333232;
}
#linkg img{
border:none;
float:right;
display: inline;
}

#linkfelietony{
position: absolute;
height: 51px;
width: 170px;
left: 15px;
top: 61px;
text-decoration: none;
color:black;
background-image: url(img/linkpubliczne2.jpg);
}
#linkfelietony:hover{
background-image: url(img/linkpubliczne.jpg);
color: #333232;
}
#linkfelietony img{
border:none;
float:right;
display: inline;
}

#linkzywienie{
position: absolute;
height: 51px;
width: 170px;
left: 15px;
top:112px;
text-decoration: none;
color:black;
background-image: url(img/linkzdrowie2.jpg);
}
#linkzywienie:hover{
background-image: url(img/linkzdrowie.jpg);
color: #333232;
}
#linkzywienie img{
border:none;
float:right;
display: inline;
}

#linkgaleria{
position: absolute;
height: 51px;
width: 170px;
left: 15px;
top:163px;
text-decoration: none;
color:black;
background-image: url(img/linkgaleria2.jpg);
}
#linkgaleria:hover{
background-image: url(img/linkgaleria.jpg);
color: #333232;
}
#linkgaleria img{
border:none;
float:right;
display: inline;
}

#linkgaleria2{
position: absolute;
height: 51px;
width: 170px;
left: 15px;
top:214px;
text-decoration: none;
color:black;
background-image: url(img/linkjakmniewidza2.jpg);
}
#linkgaleria2:hover{
background-image: url(img/linkjakmniewidza.jpg);
color: #333232;
}
#linkgaleria2 img{
border:none;
float:right;
display: inline;
}

#ksiegowisko{
position: absolute;
height:51px;
width: 170px;
left: 15px;
top:265px;
text-decoration: none;
color:black;
background-image: url(img/linkksiegowisko2.jpg);
}
#ksiegowisko:hover{
background-image: url(img/linkksiegowisko.jpg);
color: #333232;
}
#ksiegowisko img{
border:none;
float:right;
display: inline;
}

#linkowsiko{
position: absolute;
height: 51px;
width: 170px;
left: 15px;
top:367px;
text-decoration: none;
color:black;
background-image: url(img/linklinkowsiko2.jpg);
}
#linkowsiko:hover{
background-image: url(img/linklinkowsiko.jpg);
color: #333232;
}
#linkowsiko img{
border:none;
float:right;
display: inline; 
}


#linkblog{
position: absolute;
height: 51px;
width: 170px;
left: 15px;
top:316px;
text-decoration: none;
color:black;
background-image: url(img/linkblog2.jpg);
}
#linkblog:hover{
background-image: url(img/linkblog.jpg);
color: #333232;
}
#linkblog img{
border:none;
float:right;
display: inline; 
}
/*______________________________________________________________________________TRESC________________________________________________________________________________*/
#tresc{
position : relative;
left:200px;
width: 795px;
height: 100%;
top: -625px;
background-color: #ffffff;
}

#zawartoscbc{
position: relative;
left: 2px;
top: 2px;
width:791px;
min-height:330px;
}
#zawartoscbcin{
position: relative;
left: 2px;
top: 2px;
width:791px;
min-height:330px;
background-image: url(img/tloindex.jpg);
}



#tpx{
height: 13px;
}
#zawartosc{
top:13px;
width:765px;
margin-left : 13px;
padding-bottom: 5px;
}
#zawartosc a{
color: #5c4e4e;
text-decoration:none;
}
#uzupzaw{
position: relative;
height: 120px;
}
/*_______________________________________________________________________________STOPKA______________________________________________________________________________*/
#dol{
position: relative;
left: -200px;
height: 130px;
width: 1000px;
background-color: #ffffff;
}
#stopka{
position:relative;
height:30px;
width:800px;
background-image: url(img/dol.jpg);
top: -100px;
}

#zdjecie2{
position : relative;
width: 200px;
height: 245px;
background-image: url(img/zdjtlo.jpg);
top: -345px;
left: 800px;
}

#zdj2{
position : relative;
width: 190px;
height: 200px;
top:25px;
left: 5px;
}

#mdol{
background-image: url(img/mdol.jpg);
width: 10px;
height: 100px;
position: relative;
}

#mdol2{
background-image: url(img/mdol.jpg);
width: 10px;
height: 100px;
position: relative;
left: 190px;
top:-100px;
}

#rddl{
width: 1000px;
height: 1px;
background-image: url(img/rdl.jpg);
position: relative;
top: -345px;
}
#lddl{
width: 1px;
height: 130px;
background-image: url(img/lddl.jpg);
position: relative;
top: -475px;
}
#zapdol{
position: relative;
width: 1000px;
height: 8px;
top:-475px;
}
#powpocz{
position: relative;
width: 178px;
height:50px;
top: -565px;
left: 11px;
}
#powpocz img{
border: none
}

/*____________________________________________________________________________GALERIA________________________________________________________________________________*/
/*____________________________________________________________________________GLAERIA2_______________________________________________________________________________*/

/*____________________________________________________________________________KSIAZNICA______________________________________________________________________________*/
.tabela td{
vertical-align: middle;
}

.tabela img{
border: none
}

#tabele{
background-color: #FFFFFF;
}

.ksiazkitekst{
width: 570;
text-align: justify;
}
.ksiazkiobraz{
width: 200px;
}
.ksiazkitekst2{
width: 280;
text-align: justify;
}
.ksiazkiobraz2{
width: 495px;
}
/*_______________________________________________________________________________INNE________________________________________________________________________________*/
#animacjapodpis{
position: relative;
left: 450px;
top: 95px;
}