@import url(http://fonts.googleapis.com/css?family=Oswald:400,700&subset=latin,latin-ext);

body {
	margin: 0;
	padding: 0;
	color: #576973;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 1.4em; 
	background-color: #FEFBF4;
	background-position: top;
}

#background {
	width: 100%;
	background: #FEFBF4 url(images/body_center.jpg) center top no-repeat; 
	background-attachment:fixed;
}

a, a:link, a:visited { color: #1A64AA; font-weight: normal; text-decoration: none }
a:hover { color: #FFFC59; text-decoration: underline; }

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; border: 5px solid #fff }
em { color: #000 }


img.strony-center {
	background: #fafafa;
    border: 1px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}


h1, h2, h3, h4, h5, h6 { color: #011517; font-weight: normal; }
h1 { font-size: 36px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 24px; margin: 0 0 25px; padding: 5px 0 }
h3 { font-size: 20px; margin: 0 0 20px; padding: 0; }
h4 { font-size: 16px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 14px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 12px; margin: 0 0 5px; padding: 0; font-weight: 700 }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }


.float_l { float: left }
.float_r { float: right }




#wrapper {
	width: 982px;
	margin: 0 auto;
}

#header {
	padding: 0px 0 0px 20px;
	position: relative;
}

#slideshow {
	height: 250px;
	padding: 0px 11px;
	background: url(images/main.png) repeat-y
}


#menu {
	font-family: 'Oswald', sans-serif;
	height: 54px;
	padding: 9px 11px 0;
	background: url(images/menu.png)  no-repeat
}

#main {
	width: 902px;
	padding: 41px 41px 0;
	background: url(images/main.png) repeat-y
}

#stopkaloga {
	height: 100px;
	padding: 0px 11px;
	background: url(images/stopkaloga.jpg)  no-repeat;
}

#footer {
	padding: 20px 0 20px 0;
	text-align: center;
	background: url(images/footer.png) no-repeat top center;
	color: #A9A9A9;
}

#footer a{
	color: #1A64AA;
	text-decoration: underline;
}

#footer a:hover{
	color: #222;
	text-decoration: none;
}

.main_box a{
	color: #1A64AA;
	text-decoration: underline;
}

.main_box a:hover{
	color: #6EA9E0;
	text-decoration: none;
	}


#logo { display: block; width: 900px; }
#logo a { display: block; width: 900px; height: 100px; text-indent: -10000px; background: url(images/logo900.png) no-repeat }

#menu ul { margin: 0; padding: 0; list-style: none }
#menu ul li { margin: 0; padding: 0 2px 0 0; display: block; float: left;}
#menu ul li a { display: block; padding: 0 0 0 0px; margin: 0 30px; height: 54px; line-height: 52px; font-size: 16px; font-weight: 200; background-repeat: no-repeat; background-position: 0 10px; }


#menu ul li a.o_firmie { color: #1A64AA; }
#menu ul li a.oferta { color: #1A64AA; }
#menu ul li a.realizacje { color: #1A64AA; }
#menu ul li a.referencje { color: #1A64AA; }
#menu ul li a.kontakt { color: #1A64AA; }

#menu ul li a:hover.o_firmie { color: #FFFC59; text-decoration: none; }
#menu ul li a:hover.oferta { color: #FFFC59; text-decoration: none; }
#menu ul li a:hover.realizacje { color: #FFFC59; text-decoration: none; }
#menu ul li a:hover.referencje { color: #FFFC59; text-decoration: none; }
#menu ul li a:hover.kontakt { color: #FFFC59; text-decoration: none; }


.main_box {
	min-height: 200px;
	padding-bottom: 10px;
}
.main_bottom { clear: both; margin-top: 10px; width: 100%; height: 15px; background: url(images/main_bottom.png) repeat-x bottom; text-align: center }


.img_float_l { float: left; margin: 3px 30px 5px 0 }
.img_float_r { float: right; margin: 3px 0 5px 30px } 


.col { float: left; margin-right: 30px }
.col_1 { width: 430px }
.col_2 { width: 280px }

.no_margin_right { margin-right: 0 }



/* slider */
.theme-default #slider {
    margin:0 0 0px 0;
    width:960px; /* Make sure your images are the same size */
    height:230px; /* Make sure your images are the same size */
}

/* end of slider */