/* CSS Document */
body {
  margin:0; padding:0;
  font:normal 12px verdana, arial, sans-serif;
  /*background: url(img/bg.jpg) repeat-x;*/
}

#container {
  width:780px; height:100%;
  margin:0 auto;
  background:#EAEAEA;
  border-left:2px solid #fff;
  border-right:2px solid #fff; 
}

#top {
  width:100%; height:137px;
  position:relative;
  background: #C1C1C1 url(img/top.jpg) repeat-x;
}

#logo {position:absolute; top:25px; left:20px; width:400px; height:50px; border:0px solid red;}
#adres {position:absolute; top:17px; right:20px; width:300px; height:86px; text-align:right; font-size:10px; color:#7F7F7F; border:0px solid green;}
#img {position:absolute; top:122px; left:3px;}

.menu a i {visibility:hidden; display:none;}

a.m1, a.m2, a.m3 {display:block; width:64px; height:31px; padding:0; position:absolute; top:104px;}
a.m1 {background: url("img/m1.gif") 0 0 no-repeat; right:155px;}
a.m2 {background: url("img/m2.gif") 0 0 no-repeat; right:85px;}
a.m3 {background: url("img/m3.gif") 0 0 no-repeat; right:15px;}

a.m1:hover, a.m2:hover, a.m3:hover {background-position: 0 -31px;}




#corner_tl {position:absolute; top:0; left:0; width:3px; height:139px; background:url(img/left.jpg) no-repeat;}
#corner_tr {position:absolute; top:0; right:0; width:3px; height:139px; background:url(img/right.jpg) no-repeat;}
#corner_bl {position:absolute; bottom:-4px; left:0; width:3px; height:34px; background:url(img/foot1.jpg) no-repeat;}
#corner_br {position:absolute; bottom:-4px; right:0; width:4px; height:31px; background:url(img/foot2.jpg) no-repeat;}

#left, #fl {
  width:275px;
  float:left;
  background:#EAEAEA url(img/topl.jpg) repeat-x;
}

#left {text-align:center; padding-top:20px;}

#right, #fr { 
  width:505px;
  float:left;
  background:#F4F4F4 url(img/topr.jpg) repeat-x; 
}

#footer {
  clear:both;
  padding:0; margin:0;
}

#fl {background:#EAEAEA url(img/foot3.jpg) repeat-x 0 22px; height:68px; position:relative;}
#fmenu {position:absolute; bottom:7px; left:20px; color:#FFA76D;}

#fr {background:#fff url(img/foot4.jpg) repeat-x; height:68px; position:relative;}

#rl {
  width:290px;
  float:left;
  margin:0;
  padding-left:14px;
  padding-top:30px;
  padding-right:16px; 
  }    
#rr {
  float:left;
  margin:0;
  }

  
p {margin:0; padding:0 0 5px 0; text-align:justify;}
.px {height:3px; background: url(img/px.gif) repeat-x center; margin:5px 0 5px 0;}
img {border:0;}

a.mail {text-decoration:none; color:#FF6701;}
a.mail:hover {text-decoration:underline;}

a.menu_foot {color:#fff; text-decoration:none; font-size:10px;}
a.menu_foot:hover {text-decoration:underline;}

a.osi {font-size:10px; color:#FE6500; text-decoration:none; position:absolute; bottom:6px; right:10px;}
a.osi:hover {text-decoration:underline;}

/* ----------------- FORMULARZ POCZTOWY -------------------*/    
.form_head {
    font: normal 10px verdana, helvetica, sans-serif;
    text-align: right;}
  
.form {
    font: normal 9px verdana, helvetica, sans-serif;
    text-align: left;
    padding-bottom: 5px;}

input.spec, textarea.spec {
    font: normal 9px verdana, helvetica, sans-serif;
    color: #000;
    background: #F3F3F3 url(img/text_bg1.jpg) repeat-x bottom;
    border-top: 1px solid #4B4B4B;
    border-left: 1px solid #4B4B4B;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    SCROLLBAR-TRACK-COLOR: #EDE6E0;
    width: 170px;
    height: 16px;}
    
textarea.spec {
    font: normal 9px Verdana, Arial, Helvetica, Sans Serif;
    height: 70px;
    width: 170px;
    background: #F3F3F3 url(img/text_bg2.jpg) repeat-x bottom;}  

.form_container {font-size:9px; color:#7F7F7F; padding-top:10px;}
.input_send {font: normal 4px verdana, arial; width:42px; height:16px; color: #ffffff; font-weight:normal; background: #fff url(img/send.gif) no-repeat; border:0px;}
.form_send {font-size: 9px; color: #7F7F7F; text-align:right;}
.p_obow {color:#7F7F7F; padding-top:5px; text-align:right;}

h1 {padding:0; margin:0; font-size:14px;}

/* O NAS */
#rl_onas {
  margin:0;
  padding-left:14px;
  padding-top:30px;
  padding-right:16px; 
  }

/* OFERTA */
#ofer1 { 
  width:780px;
  float:left;
  background:#F4F4F4 url(img/topr.jpg) repeat-x; 
}

#rl_ofer {
  margin:0;
  padding-left:14px;
  padding-top:30px;
  padding-right:16px; 
  }
  
#fl_ofer {
  width:275px;
  float:left;
  background:#F4F4F4 url(img/foot3_offer.jpg) repeat-x; height:68px; position:relative;}
  
h3.producttitle {
	font-size: 15px;
	margin: 0 5px 3px 0;
	padding-bottom: 2px;

}  
.topinfo {
	font-size: 10px;
	margin: 0 0 10px 0;
  color:#787878;
}

.productbody {
	padding:0;
	margin:0;
}
.td1 {padding:0 15px 0 0;}
.tr1 {height:31px; background: url(img/px.gif) repeat-x center;}
.img_ofer {border:2px solid #D4D4D4;}

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

ul {
margin-top:5px;
}