html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, big, em, img, q, small, strong, tt, var, b, u, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
}
body { font-family:Verdana,Tahoma,Arial,sans-serif;	font-size:11px;	color:#646464;background-color: #ededed;text-align: center;line-height: 18px; }
a img span p { border: 0; padding: 0; margin: 0; }
				 
html { min-height: 100%; margin-bottom: 0px; }
scrollbar[orient="vertical"] { display: none !important; }

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

h4 { margin: -10px 0 0 0 }

#wrapper { min-height:100%; height:100%; width: 980px; margin: 0 auto; }

.wrapper-strony { width: 980px; text-align: left; float: left; min-height: 950px  }

#kotwica { color: #646464; font-size: 1px; visibility: hidden } 

.logo { background: url("img/odee-logo.png") top left no-repeat; width: 165px; height: 58px; float: left; margin: 20px 0 0 0; z-index: 99999 }

#menu { width: 430px; height: 60px; float: right; margin: 30px 0 0 0; text-align: center; font-weight: bold; }
.button1, .button2, .button3, .button4 { height: 58px; float: left; margin: 0 25px 0 0; display: inline }
.button1 { width: 54px; background: url("img/menu1.jpg") top left no-repeat }
.button2 { width: 63px; background: url("img/menu2.jpg") top left no-repeat }
.button3 { width: 103px; background: url("img/menu3.jpg") top left no-repeat }
.button4 { width: 97px; background: url("img/menu4.jpg") top left no-repeat }
.a { cursor:pointer; cursor: hand; }

.container { width:960px; height:425px; overflow:hidden; position:relative; cursor:pointer; cursor: hand }
.slides { position:absolute; left:0; }
.slides div { position:absolute;  width:960px;  margin: 80px 0 0 0 }
.slajd1, .slajd2 { position: absolute; margin: 110px 0 0 575px; width: 340px; height: 180px; color: #7f7f7f; font-size: 14px; }
.slajd3 { position: absolute; margin: 126px 0 0 10px; width: 340px; height: 180px; color: #7f7f7f; font-size: 14px; }

#strona1-menu { width: 980px; margin: 50px auto 0 auto; background: url("img/startowa-menu-bg.jpg") top center no-repeat; height: 90px; float: left }
#buttony, #kolumny { padding: 10px 0 0 0; width: 100%; float: left }
.strona1-button1, .strona1-button2, .strona1-button3, .strona1-button4 { width: 245px; float: left; vertical-align: middle; color: #000000; font-size: 20px; letter-spacing: -1px; cursor:pointer; cursor: hand }
.strona1-span { padding: 16px 0 0 10px; }
.col1, .col2, .col3, .col4 { float: left; height: 70px; font-size: 10px; width: 225px; margin: 10px 20px 0 0 }
.col4 { text-align: center; }

#pagebreak { height: 180px; width: 100%; float: left }

#naglowek { float: left; width: 663px; height: 40px; background: url("img/bg-n.jpg") top left no-repeat; margin: 10px 0 0 0; padding: 0;  font-size: 20px; letter-spacing: -1px; color: #1a1a1a }

#oferta-wrapper { float: left; width: 663px; min-height: 500px; font-size: 12px; }

#portfolio { width: 950px; overflow: hidden; }
#portfolio-kontener { height: 550px; }
#portfolio-box { width: 270px; height: 238px; float: left; margin: 0 45px 20px 0; }
.slides2 { position:absolute; left:0; }
.slides2 div { position:absolute;  width:960px;  margin: 80px 0 0 0 }


.mailto:hover { color: #353535 }

#formularz { width: 680px; float: left; color: #5c5c5c; background: url("img/separator-kontakt.jpg") top right repeat-y }
#dane-kontakt { width: 250px; float: right; text-align: center; }
.input { background: url("img/input.jpg") top center no-repeat; width: 325px; height: 30px; border: none; padding: 0px 0 0 15px;margin-top:8px; }
.submit { background: url("img/button-zamow.jpg") top center no-repeat; width: 106px; height: 24px; border: none; margin: 0 8px 0 0 }
.textarea { width: 315px; height: 100px; margin: 0 0 0 10px; background-color: #f7f7f7; border-left: 2px solid #ebebeb; border-top: 2px solid #dedede; border-right: 2px solid #ebebeb; border-bottom: 2px solid #e8e8e8; overflow: auto; }




div#slideshow{	
	height:500px;
	width:950px;
	position:relative;	
	padding:0;
	margin:0;
}
div#slideshow div.slider{
	padding:0;	
	margin:0;	
	width:auto;
	position:relative;
	background-color:inherit;
}
div#slideshow div.slider ul{
	margin:0;
	padding:0;
	list-style:none;	
}
div#slideshow div.slider li{ 
	/*	define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here*/
		 
	width:290px;
	height:258px;
	overflow:hidden; 
	padding:0;
	margin:0;
	float:left;
	
}
div#slideshow div.slider li img{
	padding:0;
	margin:0;
}
div#slideshow div.slider li img:hover{
	padding:0;
	margin:0;
}
div#slideshow div.slider li.last{
	padding-right:0;
}
#display{
	padding:0;
	width:auto;
	margin:0 0 20px 340px;
	float:left;
}
#display ul{
	list-style:none;
	margin:00;
	padding:0;
	float:left;
	width:270px;
	display:inline;	
}
#display ul li{
	float:left;
	margin:0 0 0 0;
	padding:0 10px 0 10px;
	cursor:pointer;
	width:auto;
	line-height:18px;
	color:#878686;
	background-color:inherit;
	background:url(../images/display_divider.jpg) no-repeat 100% 8px;
}
#display ul li a.previous{
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#afafaf;
	background-color:inherit;
	background:url(img/previousarrow.png) no-repeat 0 2px;
	padding:0 0 0 15px;
}
#display ul li a.previous:hover{
	color:#818181;
	background-color:inherit;
	background:url(img/previousarrow_hover.png) no-repeat 0 2px;
}
#display ul li a.next{
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#afafaf;
	background-color:inherit;
	background:url(img/nextarrow.png) no-repeat 100% 2px;
	padding:0 15px 0 0;
}
#display ul li a.next:hover{
	color:#818181;
	background-color:inherit;
	background:url(img/nextarrow_hover.png) no-repeat 100% 2px;
}
#display ul li.last{
	background:none;
}
#display ul li img{
	padding:0;
	margin:0;
}