/*layout właściwy*/
html, body {
    margin:0;
    padding:0;
    height:100%; /*tego potrzebują Geckowate przeglądarki ;-)*/
    }

/*zapis dla IE, aby wycentrował warstwę*/
* * body {
    text-align:center;
    }

#glowna {
    position:relative; /*to pozwoli na późniejsze pozycjonowanie elementów
                         wewnątrz tej warstwy wg jej lewego górnego rogu*/
    width:80%;
    min-height:100%;
    margin:0 auto;
    background-color: #FFDADA;
    }

* html #glowna { 
    height:100%; /*zapis dla IE, który nie rozumie min-height oraz błędnie interpretuje height*/
    text-align:left;
    }

#naglowek {
    position:absolute;
    top:0;
    left:0;
    width:100%;
/*    height:50px;*/
    }

#stopka {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:30px;
    }

* html #stopka {
    bottom:-1px; /*IE nie wiedzieć czemu zostawia 1px wolnego miejsca na dole*/
    }

#strona {
    position:relative;
    padding-bottom:30px;
    width:100%;
    background-color:transparent;
    }

#nagl_marg {position:absolute;top:0px;left:0px;height:113px;width:100%}

#glowna {
    width:769px;
}

#strona {padding-top:320px;padding-bottom:2em;}


body {background:url(../i/pod_tlo.png)}
#glowna {
	background-image:none;
	border:1px solid #958860;
	border-top:0;border-bottom:0;	
}

#glowna {background-color:#FDFDFD;}

div#naglowek div#menu a.wybrany {color:#6D6D6E;border-bottom:1px solid #CE3500;}
body {font-family:Arial, Helvetica, sans-serif;color:#333333;font-size:80%;}

#stopka {background-color:#7D5C49;height:1.5em;padding-top:.3em;text-align:center}
#stopka a{color:#DBCD8F}
a {font-weight:bold;color:#666666;text-decoration:none}
a:hover {color:#000000}
a.ta {font-weight:normal;margin-left:5px}

div#menu{position:absolute; left:5px; top:283px; height:30px;text-align:left;}
div#menu a{display:block;width:90px;height:30px;float:left;margin:0 10px;}
div#menu a#o_firmie{background:url(../img/o_firmie.png);}
div#menu a#oferta{background:url(../img/oferta.png);}
div#menu a#kontakt{background:url(../img/kontakt.png);}
div#menu a#o_firmie:hover, div#menu a#oferta:hover, div#menu a#kontakt:hover {background-position:0 29px;}

a span{display:none}
div#glowna{background:#DBCD8F url(../img/tlo.jpg) no-repeat;}
body{background:#AB9E75}
div#tresc{padding:0.5em;color:black;}
a#logo {position:absolute;top:16px;left:13px; width:213px;height:46px;}
a#logo:hover {border:1px solid red;}

h2{
	margin:0px 30px 25px 50px;padding:0px 5px 0px 5px;
	font-size:24px;color:#7F7147;font-variant:small-caps;
	border-bottom:2px dotted #AB9E75;
}

.oferta img{/*height:192px;*/float:left;margin:0.2em;padding:1px;border:1px solid gray;margin-right:1em;background:#FFF9DF;}
ol li, .oferta img {clear:both}
ol li{font-weight:bold;}
ol li {font-size:1.4em;margin-top:1em;}
ol li h3{font-size:1em;}
ol li h4{font-size:0.9em;color:#5F532F;}
ol li p {font-size:0.75em;/*font-weight:normal;*/}
h4.nowosc{color:red;}
hr{clear:both;color:yellow;width:1px;height:0px;font-size:0;border-width:0;}

p{font-weight:bold;color:#1F1908;}

table {border-collapse:collapse}
table,input{font-size:1em;} 
* html textarea{font-size:1em;}
form.kontakt td input {width:10em;}
form.kontakt textarea {width:20em;height:4em;float:right;}
form.kontakt p.komunikat{font-size:1.3em;font-weight:bold;text-align:center;}

table.kontakt{font-size:1.1em;}
.kontakt td, .kontakt th{padding:0.2em 0.5em;}
.kontakt th{text-align:right;color:#7D5C49;}
form.kontakt td{text-align:right;}
table.kontakt, form.kontakt table{margin:0 auto;}

img{border: 1px solid #7D5C49;padding:1px;background:white;}
.right{float:right;}
.left{float:left;}
img#mapa{background:#FFF8CF;}