body {
    font-family: tahoma, helvetica, sans-serif;
	color: #5e5e5e; 
	font-size: 11px;
	margin: 0; 
	padding: 0; 
	background: url(images/bg.png) repeat-x 0 0;
	}

a:link, a:visited, a:hover {text-decoration: none; color: #5e5e5e;}
	 
img {border: 0;}
.b {font-weight: bold;}
.u {text-decoration: underline;}

.form {height: 19px; float: left; padding: 7px 0 0 4px; margin: 0; border: 1px solid #cbcbcb; border-right: 0; font-family: tahoma; color: #5e5e5e; font-size: 11px;}
.form2 {height: 19px; float: left; padding: 7px 0 0 4px; margin: 0; border: 1px solid #cbcbcb; font-family: tahoma; color: #5e5e5e; font-size: 11px;}

/* png ie6 */
#logo, #start, #map, #contact, #index, #about, #offer, #contact_ , li.backLava, .leftLava, .p3 img { _behavior: url(http://edumatrix.pl/wp-content/themes/edumatrix/iepngfix.htc) }

#bg-image {width: 100%; overflow: hidden; margin: 0; padding: 0; background: url(images/bg-image.jpg) no-repeat center 0;}
#bg-image2 {width: 100%; overflow: hidden; margin: 0; padding: 0; background: url(images/bg-image2.jpg) no-repeat center 0;}

#header {width: 887px; height: 600px; overflow: hidden; margin: 0 auto; position: relative;}
#header2 {width: 887px; height: 190px; overflow: hidden; margin: 0 auto; position: relative;}

#logo {position: absolute; top: 60px; left: 10px;}

#logo-icon {position: absolute; top: 35px; left: 250px;}
#logo-icon a {display: inline; width: 21px; height: 25px; float: left; margin: 0 10px 0 0;}

a#start {background: url(images/icon-logo.png) no-repeat 0 0;}
a#start:hover {background: url(images/icon-logo.png) no-repeat 0 100%;}

a#map {background: url(images/icon-logo.png) no-repeat -35px 0;}
a#map:hover {background: url(images/icon-logo.png) no-repeat -35px 100%;}

a#contact {background: url(images/icon-logo.png) no-repeat -68px 0;}
a#contact:hover {background: url(images/icon-logo.png) no-repeat -68px 100%;}


/* 
ul#menu {list-style: none; float: right; margin: 0; padding: 0; position: absolute; top: 60px; right: 0;}
ul#menu li {float: left; margin: 0; padding: 0; }
ul#menu li h3 {float: left; margin: 0; padding: 0;}
ul#menu li a {display: block; float: left; margin: 0; padding: 0; font-size: 13px; color: #000;}

ul#menu li a {display: block; float: left; margin: 0; padding: 0; font-size: 13px; color: #000;}



ul#offer {list-style: none; width: 259px; float: left; margin: 0; padding: 0; position: absolute; top: 190px; left: 0;}
ul#offer li {width: 259px; float: left; margin: 0 0 7px 0; padding: 0;}
ul#offer li h3 {width: 259px; float: left; margin: 0; padding: 0;}
ul#offer li a {display: block; width: 204px; height: 27px; float: left; margin: 0; padding: 11px 0 0 55px; font-size: 13px; color: #000; background: url(images/offer.png) no-repeat 27px 16px;}
ul#offer li a:hover {color: #fff; background: url(images/offer-hover.png);}
ul#offer li.wyr a {color: #fff; background: url(images/offer-hover.png);}
*/

#container {width: 887px; overflow: hidden; margin: 20px auto 0 auto; position: relative;}

#left {width: 285px; float: left;}
#left h2 {width: 100%; float: left; margin: 0 0 25px 0; padding: 0 0 15px 0; font-size: 20px; color: #000; background: url(images/h3.gif) repeat-x 0 100%;}

#search {width: 285px; float: left;}
#search .form {width: 247px;}
#button-search {width: 33px; height: 28px; float: left; border: 0; background: url(images/search.png); cursor: pointer;}

div#newsletter {width: 285px; float: left; margin: 40px 0 0 0; padding: 0 0 20px 0; background: url(images/newsletter.jpg) no-repeat 0 70px;}
div#newsletter ul {list-style: none; float: right; display: block; margin: 0; padding: 0;}
div#newsletter li {list-style: none; float: right; display: block; margin: 0; padding: 0;}
div#newsletter .form2 {width: 175px;}
div#newsletter .form {width: 142px;}
div#newsletter dl {list-style: none; width: 181px; float: right;}
div#newsletter dt {float: left; margin: 0 0 10px 0;}
#button-add {width: 34px; height: 28px; float: left; border: 0; background: url(images/add.png); cursor: pointer;}

#box-offer {width: 285px; float: left; margin: 0 0 40px 0;}
#box-offer #lavaLampVertical {position: relative !important; top: 0 !important;}

#content {width: 515px; float: right;}
#content2 {width: 515px; float: right; color: #000;}

#content h2 {width: 100%; float: left; margin: 0 0 25px 0; padding: 0 0 15px 0; font-size: 20px; color: #000; background: url(images/h3.gif) repeat-x 0 100%;}
#content h2 a {font-size: 20px; color: #000;}
#content h2 a:hover {font-size: 20px; color: #ff8f00;}
#content2 h2 {width: 100%; float: left; margin: 0 0 25px 0; padding: 0 0 15px 0; font-size: 20px; color: #000; background: url(images/h3.gif) repeat-x 0 100%;}
#content2 h2 a {font-size: 20px; color: #000;}
#content2 h2 a:hover {font-size: 20px; color: #ff8f00;}

div.txt {line-height: 20px;}
div.txt2 {width: 100%; float: left; margin: 0 0 50px 0; line-height: 20px;}
div.txt2 p {margin: 0;}

#shadow {width: 100%; height: 74px; overflow: hidden; margin: 0; padding: 0; background: url(images/footer-bg1.png) repeat-x 0 0;}

#footer {width: 100%; overflow: hidden; margin: 0; padding: 25px 0; font-size: 10px; background: #000 url(images/footer-bg2.jpg) no-repeat center 0;}
#footer .center {width: 887px; overflow: hidden; margin: 0 auto;}

#copyright {float: left;}

#copyright .p1 {margin: 0; color: #fff;}
#copyright .p1 a {color: #fff; text-decoration: underline;}
#copyright .p2 {margin: 5px 0 0 0; color: #666;}
#copyright .p3 {margin: 8px 0 0 0; color: #fff;}
#copyright .p3 img {position: relative; top: 2px;}

ul#menu-footer {float: right; list-style: none; margin: 0; padding: 0;}
ul#menu-footer li {float: left; background: url(images/menu-footer-space.gif) no-repeat 100% 2px;}
ul#menu-footer li.no-space {background: none;}
ul#menu-footer li a {padding: 0 19px 0 17px; color: #fff;}
ul#menu-footer li a:hover {text-decoration: underline;}

#tags {width: 100%; float: left; margin: 0 0 20px 0;}


/* menu */
#lavaLampBasicImage a#index {width: 92px; background: url(images/link-top.png) no-repeat 0 16px;}
#lavaLampBasicImage a#about {width: 35px; background: url(images/link-top.png) no-repeat -156px 16px;}
#lavaLampBasicImage a#offer {width: 39px; background: url(images/link-top.png) no-repeat -257px 16px;}
#lavaLampBasicImage a#contact_ {width: 50px; background: url(images/link-top.png) no-repeat -361px 16px;}


a#index:hover {background: url(images/link-top.png) no-repeat 0 -16px !important;}
a#about:hover {background: url(images/link-top.png) no-repeat -156px -16px !important;}
a#offer:hover {background: url(images/link-top.png) no-repeat -257px -16px !important;}
a#contact_:hover {background: url(images/link-top.png) no-repeat -361px -16px !important;}

li.selectedLava a#index {background: url(images/link-top.png) no-repeat 0 -16px !important;}
li.selectedLava a#about {background: url(images/link-top.png) no-repeat -156px -16px !important;}
li.selectedLava a#offer {background: url(images/link-top.png) no-repeat -257px -16px !important;}
li.selectedLava a#contact_ {background: url(images/link-top.png) no-repeat -361px -16px !important;}

/* dynamiczne menu */
#lavaLampBasicImage li a:hover, #lavaLampBasicImage li a:active, #lavaLampBasicImage li a:visited {
color: #fff;
border: none;
}

#lavaLampBasicImage {
position: absolute;
top: 55px; right: 0; _right: -23px;
height: 45px;
margin: 0;
overflow: hidden;
}

#lavaLampBasicImage li {
float: left;
list-style: none;
position: relative; 
top: 9px;
cursor: pointer;
z-index: 9;
margin: 0 25px 0 0;
}

#lavaLampBasicImage li.backLava {
background: url(images/lava.png) no-repeat right -42px;  _background: none;
width: 19px; height: 35px;
z-index: 8;
position: absolute;
}
                        
#lavaLampBasicImage li.backLava .leftLava {
background: url(images/lava.png) no-repeat top left; _background: none;
height: 50px;
position: relative;
z-index: 9;
margin-right: 19px;}


#lavaLampBasicImage li a {
font: normal 13px arial !important;
text-decoration: none;
border: none;
color: #000;
outline: none;
text-align: center;
top: -5px;
z-index: 999;
display: block; _display: inline;
float: left;
height: 40px;
position: relative;
overflow: hidden;
padding: 22px 0 0 0;
margin: auto 15px;
white-space: nowrap;
}

#lavaLampBasicImage li.opera {position: absolute; left: -99999px;}


/* menu - oferty */
#lavaLampVertical h3 {margin: 0; padding: 0;}

#lavaLampVertical {
width: 259px; float: left; margin: 0; padding: 0; position: absolute; top: 190px; left: 0;
}
#lavaLampVertical li {
list-style: none;
background: url(images/offer.png) no-repeat 27px 16px; _background: url(images/offer-ie6.gif) no-repeat 27px 16px;
}
#lavaLampVertical li.backLava {
background: url(images/offer-hover.png);
z-index: 8;
position: absolute;
color: #fff !important;
}
#lavaLampVertical li a {
font-size: 13px; color: #000; 
text-decoration: none;
outline: none;
height: 25px;
width: 204px;
text-align: left;
padding: 13px 0 0 55px;
letter-spacing: 0;
z-index: 10;
display: block;
position: relative;
overflow: hidden;
margin: 0 0 7px 0;
}
#lavaLampVertical li a:hover {color: #88591d !important;}
li.current_page_item a {color: #88591d !important;}