/*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: #dbe3e9;
    }

* 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:770px;
}
#stopka {height:30px;height:2em;}
#strona {
	padding-top:320px;padding-bottom:2em;
	height:399px;/*bez tego stopka sie przesuwa w gore...*/
}

#glowna {
	background-image:none;
	border:1px solid #958860;
	border-top:0;border-bottom:0;
}

#glowna{background:#DBCD8F url(../img/tlo.jpg) no-repeat;}
#stopka {background-color:black;height:1.5em;padding-top:.3em;text-align:center}
#stopka a{color:#C7C7C7F;font-weight:normal;}

body {font-family:Tahoma, Arial, Helvetica, sans-serif;background:#110777;font-size:65%;}
a{font-weight:bold;color:#0410E8;text-decoration:underline;}
a:hover {text-decoration:underline;color:red;}
p, li {font-weight:bold;/*font-size:0.9em;*/}
h4, li{color:#0410E8;}
h4 {font-size:1.3em;margin-top:0.5em;}
p{margin:0.3em 0;}
ul{margin-top:0;margin-bottom:0.2em;}
h4{margin:0.4em 0;}
p a.form{line-height:300%;}

div.menu{position:absolute;top:150px;width:190px;height:560px;/*border:1px solid white;*/}
ul#nav {margin:0;padding:0;}
ul#nav li{list-style-type:none;font-weight:bold;}
ul#nav li ul{margin:0;padding:0;}
ul#nav li a{/*menu gl*/
	text-decoration:none;
	font-size:1.1em;color:blue;text-transform:uppercase;
	background:url(../img/tlo_menu.png) no-repeat left;
	display:block;width:190px;height:30px;
	padding-top:12px;padding-left:30px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	}
ul#nav li a:hover{
	text-decoration:none;
	color:red;
	border-left:5px solid red;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;
}

ul#nav li ul li a{/*podmenu*/
	font-size:1.1em;color:white;text-transform:none;
	background-image:none;
	height:auto;padding:4px 10px;margin-left:20px;margin-right:20px;
	filter:none;
	-moz-opacity:1;
	opacity:none;
/*	display:none;*/
	}
/*
ul#nav li.wybr ul li a{
	font-size:1em;color:white;text-transform:none;
	background-image:none;
	height:auto;padding:4px 10px;margin-left:20px;margin-right:20px;
	filter:none;
	-moz-opacity:1;
	opacity:none;
	display:block;
	}
*/
ul#nav li ul{display:none;}
ul#nav li.wybr ul{display:block;}


ul#nav li ul li a:hover{
	color:white;
	border-width:0;
	filter:none;
	-moz-opacity:1;
	opacity:1;
/*	display:block;	*/
}

div#tresc{
	position:absolute;width:/*478*/447px;height:517px;top:155px;left:231px;overflow:auto;
	padding:0 0.5em;
}
div.lokalizacja {position:absolute;top:696px;left:420px;width:268px;}
div.lokalizacja a, div.lokalizacja a:hover {color:white;position:absolute;}
div.lokalizacja p{/*position:absolute;*/float:right;text-align:right;margin:0;color:#DBCD8F;font-weight:normal;color:white;}
html, body, div#tresc{
	scrollbar-face-color: #6C605E; /*suwak*/
	scrollbar-arrow-color: #D61604; /*strzalka*/
}
a#logo{display:block;top:5px;left:60px;position:absolute;width:120px;height:121px;background:#dbe3e9 url(../img/logo.png) no-repeat;border:1px solid #CCCDD6;}
a#logo:hover{background-color:#dbe3e9;border:1px solid red/*#A4A6B3*/;}
a span{display:none}

div.lang{position:absolute;top:60px;left:690px;}
div.lang a{display:block;width:44px;height:24px;background:no-repeat;margin-top:10px;border:1px solid transparent;}
div.lang a{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
div.lang a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border:1px solid red;}
div.lang a.pl{background-image:url(../img/pl.png);}
div.lang a.en{background-image:url(../img/en.png);}

div.right{position:absolute;top:142px;left:700px;width:70px;height:540px;/*border:1px solid red;*/}
div.right img{margin:2px 0 2px 5px;border:1px solid gray; padding:1px;background-color:#DBCD8F;}

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;}
form.kontakt p.komunikat{font-size:1.3em;font-weight:bold;text-align:center;}


div.galeria p img{/*width:135px;*/border:1px solid gray;padding:1px;background:white;display:block;}
div.galeria p{float:left;padding:0.2em;font-weight:normal;height:150px;}
div.galeria p a{font-weight:normal;color:black;text-decoration:none;}
div.galeria p a:hover {text-decoration:underline;}
div.galeria hr{clear:both;border-width:0px;height:0;width:1px;}
a.ta{text-decoration:none;}
/*
div#naglowek div#menu a.wybrany {color:#6D6D6E;border-bottom:1px solid #CE3500;}


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:#dbe3e9}
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 yellow;}

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

.oferta img{float:left;margin:0.2em;padding:1px;border:1px solid gray;margin-right:1em;background:#DBCD8F;}
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;}
h4.nowosc{color:red;}
hr{clear:both;color:yellow;width:1px;height:0px;font-size:0;border-width:0;}

p{font-weight:bold;color:#DBCD8F;}

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;}


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