/*--------------------------------------------------------
	css theme name: styl.css
	BPEKO.pl
	author: Tomasz Maciejewski - http://webtom.pl
	mobile: +48 608466380
	e-mail: info@webtom.pl
--------------------------------------------------------*/
* {

	margin: 0px; padding: 0px; }


html {
  height:100%;
  overflow:auto;
  width:100%;
}
body {
  background-color:#e5e57d;
  background-image:url(../images/bgtop.jpg);
  background-position:center top;
  background-repeat:no-repeat;
  text-align:center;
}


#maincontent {
background-image:url(../images/bgcontent.jpg);
background-position:center top;
background-repeat:repeat-y;
float:left;
margin:0 auto;
width:100%;
z-index:0;
}
	
#container {
background:transparent url(../images/bgcontainer.jpg) no-repeat scroll center top;
float:left;
margin:0 auto;
min-height:670px;
!height: 700px;
width:100%;
}

#main {
  margin:0 auto;
  padding-top:230px;
  width:950px;
}

#footer-content {
  margin:0 auto;
  width:950px;
}


/* pojemniki */

#pojemniki {
  width: 580px;
}
#kontener {
float: left;
width: 280px;
}
#karton {
float: right;
width: 280px;
}

/* menu */

#menu {
  color:#FFFFFF;
  float:left;
  font-family:Arial,Tahoma,Verdana;
  font-size:14px; 
  font-weight:bold; 
  line-height:22px;
  margin-top:-10px;
  padding-bottom:5px;
  padding-left:5px;
  width:285px;
}

#menu ul {
  clear:both;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}


#menu ul li, 
#menu ul ul li li {
  background-image:url(../images/arrow.gif);
  background-position:0px 5px;
  background-repeat:no-repeat;
  padding-left:15px;
}

#menu ul ul {
  clear:both;
  display:block;
  width:200px;
}

#menu a {
  text-decoration: none;
  color: #FFFFFF;
}

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

#ekobiuro table {
  border: none;
  font-family: tahoma, arial, verdana;
  font-size: 12px;
  margin-bottom: 5px;
}
#ekobiuro td {
  border: none;
  font-family: tanoma, arial, verdana;
  font-size: 12px;
  padding: 5px;
}

#tresc table {
  border:1px solid #9DA300;
  font-family:tahoma,arial,verdana;
  font-size:12px;
  margin-bottom:15px;
}
#tresc td {
  border:1px outset #9DA300;
  font-family:tahoma,arial,verdana;
  font-size:12px;
  padding:5px;
}

/*box z trescia*/

#content {
float:right;
margin-bottom:0;
padding-right:20px;
position:relative;
width:590px;
}

/* naglowek*/

#header {
  background-image:url(../images/title-bullet.png);
  background-repeat:no-repeat;
  border-bottom:1px solid #4A7C00;
  float:left;
  height:55px;
  margin-bottom:15px;
  margin-top:20px;
  text-align:left;
  width:580px;
}

#header img {
position:absolute;
top:30px;
z-index:80;
}


#header h1 {
  color:#4A7C00;
  float:right;
  font-family:trebuchet ms,times new roman;
  font-size:24px;
  font-weight:bold;
  padding-top:15px;
  text-align:left;
  width:520px;
}

/* tresc zasadnicza */

#tresc {
float:left;
font-family:tahoma,arial,verdana;
font-size:12px;
padding-left:0;
padding-right:0;
text-align:justify;
width:580px;
}

#tresc p {
  padding-bottom: 10px;
  line-height: 20px;
}

#tresc ul,
#tresc ol {
  padding-left:30px;
}

#tresc li {
  padding-bottom: 10px;
  line-height: 15px;
}

#tresc li a {
  text-decoration: none;
  font-weight: bold;
  color:#1399D6;
}

#tresc li a:hover {
  text-decoration: underline;
  color:#f49401;
}

#tresc a {
  text-decoration: none;
  font-weight: bold;
  color:#1399D6;
}

#tresc a:hover {
  text-decoration: underline;
  color:#f49401;
}

p.c {
text-align: center;
}

/* galeria */

h3 {
 font-family:trebuchet ms,times new roman;
 font-size: 14px;
 font-weight: normal;
 color: #416606;
}

#gallery {
float:left;
margin-top:20px;
padding-left:20px;
width:560px;
}

#gallery a{
border:1px solid #CCCCCC;
float:left;
margin:0 30px 20px 0;
padding:1px;}

#gallery a:hover{
  border: 1px solid #999999;}

#gallery img{border: none;}

#gallerya {
	width: 680px;
	padding-left: 20px;
	margin-top: 2px;
	text-align: center;
	padding-bottom: 20px;
}

#gallerya a{
	float: left;
	height: 100px;
	border: 1px solid #666666;
	padding: 1px;
	margin: 0px 10px 10px 0px;
	width: 150px;
	background-color: #FFFFFF;
}

#gallerya a:hover{border: 1px solid #999999;}

#gallerya img{border: none;}

#flash {
float:left;
margin-bottom:10px;
margin-top:10px;
padding-left:50px;
text-align:center;
}

/* stopka i jej zawartosc */

#footer {
background:transparent url(../images/bgfoot.jpg) no-repeat scroll center top;
float:left;
height:341px;
width:100%;
}
#footer h1 {
  color:#990000;
  display:inline;
  font-family:tahoma,arial;
  font-size:10px;
  font-weight:normal;
  padding-bottom:10px;
  padding-top:5px;
  text-align:left;
}

#formmail {
  color:#FFFFFF;
  float:right;
  font-family:tahoma;
  font-size:12px;
  left:15px;
  position:relative;
  top:50px;
  width:250px;
  z-index:30;
}

#formmail-frame {
  border:0px none;
  float:left;
  height:230px;
  position:relative;
  top:55px;
  width:250px;
  z-index:40;
}

#realizacja {
color:#9DA300;
float:left;
font-family:tahoma,arial,verdana;
font-size:9px;
padding-left:0;
position:relative;
text-align:left;
top:310px;
width:245px;
}


#realizacja a {
  color: #9da300;
  text-decoration: none;
}

#realizacja a:hover {
  text-decoration: underline;
}

#dane-firmy-stopka {
  border-right:1px solid #9DA300;
  color:#FFFFFF;
  float:right;
  font-family:tahoma,arial,verdana;
  font-size:12px;
  line-height:14px;
  margin-top:120px;
  padding-bottom:5px;
  padding-right:12px;
  padding-top:5px;
  text-align:right;
  width:440px;
}

#dane-firmy-stopka a{
  color: #ffffff;
  text-decoration: none;
}

#dane-firmy-stopka a:hover {
  text-decoration: underline;
}

#dane_adresowe {
  color:#FFFFFF;
  float:left;
  font-family:tahoma,arial,verdana;
  font-size:12px;
  line-height:14px;
  padding-left:140px;
  padding-top:65px;
  width:810px;
}

*html #dane_adresowe {
  width: 950px;
}


/* menu graficzne */

#menu-calosciowe {
  float:left;
  height:430px;
  position:relative;
  width:289px;
}

#menu-top {
	position:absolute;
	left:0px;
	top:0px;
	width:289px;
	height:47px;
}

#menu-lewa {
	position:absolute;
	left:0px;
	top:47px;
	width:22px;
	height:382px;
}

#o-firmie {
	position:absolute;
	left:22px;
	top:47px;
	width:250px;
	height:35px;
}

#menu-prawa {
	position:absolute;
	left:272px;
	top:47px;
	width:17px;
	height:382px;
}

#ekobiuro {
	position:absolute;
	left:22px;
	top:82px;
	width:250px;
	height:34px;
}

#skup-makulatury {
	position:absolute;
	left:22px;
	top:116px;
	width:250px;
	height:35px;
}

#niszczenie-dokumentow {
	position:absolute;
	left:22px;
	top:151px;
	width:250px;
	height:34px;
}

#ciecie-papieru {
	position:absolute;
	left:22px;
	top:185px;
	width:250px;
	height:34px;
}

#opakowania {
	position:absolute;
	left:22px;
	top:219px;
	width:250px;
	height:32px;
}

#galeria-zdjec {
	position:absolute;
	left:22px;
	top:251px;
	width:250px;
	height:36px;
}

#dokumenty {
	position:absolute;
	left:22px;
	top:287px;
	width:250px;
	height:33px;
}

#aktualnosci {
	position:absolute;
	left:22px;
	top:320px;
	width:250px;
	height:34px;
}

#nasi-partnerzy {
	position:absolute;
	left:22px;
	top:354px;
	width:250px;
	height:36px;
}

#kontakt {
	position:absolute;
	left:22px;
	top:390px;
	width:250px;
	height:39px;
}

#menu-stopka {
	position:absolute;
	left:0px;
	top:429px;
	width:289px;
	height:41px;
}

#album {
border-bottom:1px solid #416606;
float:left;
font-family:tahoma,arial,verdana;
font-size:12px;
height:100px;
padding:10px;
width:560px;
}

#album-obrazek {
border:1px solid;
float:right;
height:100px;
margin-left:15px;
overflow:hidden;
width:150px;
}

#album-box {
float: left;
width: 260px;
!width: 250px;
}

#album h5 {
color:#416606;
font-family:georgia,times new roman;
font-size:12px;
line-height:16px;
width:400px;
!width: 340px;
}

#album-box a {
float: left;
padding-top: 5px;
text-decoration: none;
color: #416606;
}

#album-box a:hover {
text-decoration: underline;
}

#language {
float:right;
margin-bottom:-20px;
position:relative;
top:-50px;
z-index:50;
}