body
{
background: url(graph/bgcolor.jpg) repeat-x;
background-color: #f3d4ab;
text-align: center;
margin: auto;
font-size: 12px;
font-family: arial;
color: #b6986f;
}

#main 
{ 
color: #471d0e;
font-size: 22px;
font-family: monotype corsiva, times new roman;
width: 770px;
height: 550px; 
background: url(graph/background.jpg) no-repeat;
border: 0px;
text-align: right;
} 

#main2 
{ 
color: #471d0e;
font-size: 22px;
font-family: monotype corsiva, times new roman;
width: 770px;
height: 550px; 
background: url(graph/background2.jpg) no-repeat;
border: 0px;
text-align: right;
} 

#menu 
{ 
text-align: left;
width: 770px;
height: 150px;
border: 0px;
padding: 0px 0px 0px 0px;
} 

#menu #logo
{ 
width: 326px;
height: 150px;
border: 0px;
float: left;
padding: 0px 0px 0px 0px;
} 

#menu #logo a
{ 
width: 224px;
height: 120px;
border: 0px;
padding: 0px 0px 0px 0px;
margin: 30px 45px 0px 55px;
} 

.spacer
{
float: left;
height: 1px;
width: 3px;
}

.spacer0
{
float: left;
height: 1px;
width: 40px;
}

#menu a
{
cursor: hand;
height: 45px;
float: left;
margin: 59px 0px 0px 0px;
}

#menu #start
{
cursor: hand;
width: 79px;
height: 45px;
background: url(graph/start.jpg);
}

#menu #start:hover
{
background: url(graph/start1.jpg);
}

#menu #oferta
{
cursor: hand;
width: 82px;
height: 45px;
background: url(graph/oferta.jpg);
}

#menu #oferta:hover
{
background: url(graph/oferta1.jpg);
}

#menu #galeria
{
cursor: hand;
width: 94px;
height: 45px;
background: url(graph/galeria.jpg);
}

#menu #galeria:hover
{
background: url(graph/galeria1.jpg);
}

#menu #kontakt
{
cursor: hand;
width: 111px;
height: 45px;
background: url(graph/kontakt.jpg);
}

#menu #kontakt:hover
{
background: url(graph/kontakt1.jpg);
}

#left
{
width: 260px;
height: 302px;
float: left;
padding: 0px 0px 0px 0px;
margin: 40px 0px 0px 0px;
text-align: center;
}

#left h1
{
font-size: 26px;
font-weight: normal;
margin: 0px;
padding: 0px;
}

#left1
{
width: 230px;
height: 302px;
float: left;
padding: 0px 0px 0px 0px;
margin: 40px 0px 0px 0px;
text-align: center;
}

#left1 h1
{
font-size: 26px;
font-weight: normal;
margin: 0px;
padding: 0px;
}

#content
{
background: url(graph/map.jpg) no-repeat;
width: 408px;
height: 384px;
float: left;
}

#content2
{
background: url(graph/main.jpg) no-repeat;
width: 408px;
height: 384px;
float: left;
}

#content3
{
text-align: center;
background: url(graph/ofertabg.jpg) no-repeat;
width: 770px;
height: 384px;
float: left;
}

#content3 #ofleft
{
padding: 23px 330px 0px 0px;
}

#content3 #ofright
{
padding: 47px 0px 0px 315px;
}

#content4
{
background: url(graph/none.jpg) no-repeat;
width: 438px;
height: 384px;
float: left;
}

#content5
{
width: 408px;
height: 384px;
float: left;
}

#content6
{
width: 408px;
height: 384px;
float: left;
}

.galpic
{
width: 93px;
height: 70px;
float: left;
margin-left: 10px;
margin-top: 12px;
}

#footer
{
font-size: 12px;
font-family: arial;
color: #a68a66;
clear: both;
padding-right: 90px;
}




/*******************************************************/
#footer a
{
font-size: 12px;
font-family: arial;
color: #a68a66;
clear: both;
text-decoration : none;
}

#link1
{
width: 300px;
height: 344px;
float: left;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 20px;
text-align : left;
}

#link1 a{
text-decoration: none;
color: #471d0e;
}
#link1 a:hover{
text-decoration: underline;
}

#link2
{
width: 300px;
height: 409px;
float: right;
padding: 0px 0px 0px 0px;
margin: -25px 60px 0px 0px;
text-align : left;
}

#link2 a{
text-decoration: none;
color: #471d0e;
}
#link2 a:hover{
text-decoration: underline;
}

#mapa
{
width: 600px;
height: 364px;
float: right;
padding: 0px 0px 0px 0px;
margin: 20px 80px 0px 0px;
text-align : left;
}

#mapa a{
text-decoration: none;
color: #471d0e;
}
#mapa a:hover{
text-decoration: underline;
}

#tytul
{
width: 600px;
text-align : center;
}

#pagerank
{
position : absolute;
left : 20px;
top : 20px;
}

#ksiega
{
width: 600px;
height: 364px;
float: right;
padding: 0px 0px 0px 0px;
margin: 20px 80px 0px 0px;
text-align : left;
}
#autor{
padding: 5px 0px 5px 10px;
float:left;
}
#data{
padding: 5px 10px 5px 0px;
text-align:right;
}
#meil{
padding: 5px 0px 5px 10px;
float:left;
}
#strona{
padding: 5px 10px 5px 0px;
text-align:right;
}
#tresc{
padding: 5px 10px 5px 10px;
text-align : center;
width: 600px;
height: 184px;
}
#kstopka
{
padding: 5px 10px 5px 10px;
text-align : center;
width: 600px;
}
#licznik{
padding: 5px 0px 5px 10px;
float:left;
}
#nav{
padding: 5px 10px 5px 0px;
text-align:right;
}

#ksiega a{
text-decoration: none;
color: #471d0e;
}
#ksiega a:hover{
text-decoration: underline;
}
.tytul
{
width: 600px;
text-align : center;
}
/****************************************************/


#obrazek{
backgroungd:white;
height:0px;
width:0px;
border : solid 1px black;
display : none;
position : absolute;
top : 50px;
left: 300px;
margin:0;
padding:0;
}
#wnetrze{
text-align : center;
display : none;
position : relative;
margin:0;
padding:0;
}
#close{
border : 0px;
margin: 5px 4px 4px 0px;
float: right;
}

#galfade{
display : none;
position : relative;
margin:0;
padding:0;
}

#wback{

width: 160px;
height: 27px;
position:absolute;
right:0px;
borrder-bottom: black 1px solid;
borrder-left: black 1px solid;
}

#zamknij{
font-family: arial;
position:absolute;
right:3px;
top:3px;
margin:0;
padding:0;
}

#zamknijleft{
font-family: arial;
position:absolute;
right:108px;
top:3px;
margin:0;
padding:0;
}

#zamknijright{
font-family: arial;
position:absolute;
right:78px;
top:3px;
margin:0;
padding:0;
}

#zamknijleftk{
font-family: arial;
position:absolute;
right:133px;
top:3px;
margin:0;
padding:0;
}

#zamknijrightk{
font-family: arial;
position:absolute;
right:53px;
top:3px;
margin:0;
padding:0;
}

#divaut, #divkontakt, #divwpis, #divznak, #divwyrazam{
display: block;
text-align: right;
margin-top: 5px;
margin-right: 30px;
}

#inputaut{
background-color: #dea862;
border-color: #dea862;
color: #471d0e;
width: 290px;
}

#divaut{

}

#inputkontakt{
background-color: #dea862;
border-color: #dea862;
color: #471d0e;
width: 290px;
}

#divkontakt{

}

#inputwpis{
background-color: #dea862;
border-color: #dea862;
color: #471d0e;
width: 290px;
height: 100px;
}

#divwpis{

}

#inputznak{
background-color: #dea862;
border-color: #dea862;
color: #471d0e;
}

#divznak{

}

#inputwyrazam{

}

#divwyrazam{

font-size: 12px;
font-family: arial;
font-style: italic;
}

#inputwyslij{
background-color: #dea862;
border-color: #dea862;
margin-top: 25px;
font-weight: bold;
}






.wpis{
margin-left: 0px;
margin-right: 15px;
margin-bottom: 15px;
}

.autor{
font-size: 16px;
}

.data{
font-size: 19px;
border-bottom-width: 1px; 
border-bottom-style: solid;
border-bottom-color: #bb463c;
}

.tresc{
font-size: 12px;
font-family: arial;
font-style: italic;
text-align: justify;
margin-left: 10px;
margin-right: 10px;
}

.tresc:first-letter{
margin-left: 30px;
margin-right: 2px;
font-family: monotype corsiva, times new roman;
font-size: 19px;
}

#navi{
width: 200px;
font-family: monotype corsiva, arial;
}

#navi a{
color: #471d0e;
text-decoration: none;
font-family: monotype corsiva, arial;
}

.navidiv{
background-color: #dea862;
text-align:center;
border:1px solid #bb463c;
width: 28px; 
float: right; 
margin-left: 5px; 
margin-right: 5px;
}

.navidivhid{
background-color: #dea862;
text-align:center;
border:1px solid #bb463c;
width: 28px; 
float: right; 
margin-left: 5px; 
margin-right: 5px;
visibility:hidden;
}


a.oplink{
color: #8c2006;
display: block;
font-size: 26px;
font-weight: normal;
margin: 10px 0px 0px 0px;
padding: 0px;
text-decoration: none;
}

a.oplink:hover{
color: #cc332e;
}

.baqspacer{
display:inline-table;
width:20px;
}

.baqlink{
text-decoration:none;
color: #471d0e;
}

.baqlink:hover{
text-decoration:underline;
}