/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body { background: #f1f5db url(../images/bg.jpg); color: #000; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; line-height: 16px; }

p { padding-bottom: 16px; }

li { position: relative; display:  inline; list-style: none; }

a { color: #777; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

#spacer { height: 50px; }
#header { height: 282px; width: 100%; background: url(../images/bar.png) repeat-x; }
#wrapper { width: 1000px; position: relative; margin: 0 auto; height: 100%; }



/* nav */
#nav { list-style: none; padding: 0; margin: 0; }
#nav li a { display: block; position: relative; float: left; height: 236px; width: 76px; margin: 0px 3px;text-indent: -9999px; background-repeat: no-repeat; background-position: top; }

#ofirmie a { background-image: url(../images/menu_ofirmie.png); }
#oferta a { background-image: url(../images/menu_oferta.png); }
#portfolio a { background-image: url(../images/menu_portfolio.png); }
#internet a { background-image: url(../images/menu_internet.png); }
#kontakt a { background-image: url(../images/menu_kontakt.png); }
#fotografia a { background-image: url(../images/menu_fotografia.png); }

#nav li a span { display: block; width: 100%; height: 100%; position: absolute; top: 0px; background-position: top;}

#ofirmie a span { background-image: url(../images/menu_hover_ofirmie.png); }
#oferta a span { background-image: url(../images/menu_hover_oferta.png); }
#portfolio a span { background-image: url(../images/menu_hover_portfolio.png); }
#internet a span { background-image: url(../images/menu_hover_internet.png); }
#kontakt a span { background-image: url(../images/menu_hover_kontakt.png); }
#fotografia a span { background-image: url(../images/menu_hover_fotografia.png); }

#nav li.active a { height: 282px; }
#nav li.active a span { display: none; }

#ofirmie.active a { background-image: url(../images/menu_active_ofirmie.png); }
#oferta.active a { background-image: url(../images/menu_active_oferta.png); }
#portfolio.active a { background-image: url(../images/menu_active_portfolio.png); }
#internet.active a { background-image: url(../images/menu_active_internet.png); }
#kontakt.active a { background-image: url(../images/menu_active_kontakt.png); }
#fotografia.active a { background-image: url(../images/menu_active_fotografia.png); }

/* /nav */

#logo { width: 467px; height: 282px; position: absolute; top: 0px; right: 0px; background: url(../images/logo.png); }

#content { width: 987px; padding: 10px 10px 10px 3px; margin: 0 auto; position: relative; }

#slideshow { position: relative; width: 483px; height: 260px; float: left; margin-bottom: 16px; }
#slideshow img { width: 100%; height: 100%; position: absolute; }

#text { width: 460px; position: relative; float: right; }

#footer { clear: both; width: 994px; margin: 0 auto; padding: 5px 3px; border-top: 1px solid #000; font-size: 11px; }
#left { width: 48%; position: relative; float: left; }
#right { width: 48%; position: relative; float: right; text-align: right; }

.portfolio_imgs a img { border: 1px solid black; padding: 0; margin: 2px; width: 60px; height: 60px; }
.portfolio_imgs a:hover img { border: 1px solid #aaa; }

.fotografiaimgs a img { border: 1px solid black; padding: 0; margin: 2px; width: 60px; height: 60px; }
.fotografiaimgs a:hover img { border: 1px solid #aaa; }