body
{
  background: url('images/bckg.jpg') repeat-x;
  padding: 0;
  margin: 0;
  font-family: Arial
}

#main_container
{
  overflow: hidden;
  background: #fff url('images/mid.jpg') repeat-y left;
  width: 900px;
  z-index: 2000;
  position: relative;
  top: 2px; margin-left:auto; margin-right:auto; margin-top:30px; margin-bottom:0
}

#main_container #top_line
{
  background: url('images/main_top.jpg') no-repeat top;
  width: 900px;
  height:4px;
  position: relative

}

#main_container #top
{
  width: 880px;
  margin: 20px auto 0 auto;
  padding: 0;
  overflow: hidden;
  border-bottom: 4px #e3e3cf solid;
}

#main_container #top #logo
{
  width: 242px;
  margin: 0 0 0 20px;
  float: left;
  clear: left;
  padding: 0;
  height: 80px;
}

#main_container #top #logo img
{
  margin: 0;
  padding: 0;
  border: none;
}

#main_container #top .menu
{  
  height: 60px;
  width: 558px;
  clear: right;
  float: right;
  text-decoration: none;
  padding: 20px 10px 0 10px;
}

#top  a:link,  #top a:visited, #top  a:active
{
  color: #008000;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}

#top a:hover
{
  color: red;
}

#main_container #top .menu ul
{
  list-style: none;
  padding: 0;
  margin: 0;
}

#main_container #top .menu ul li
{
  padding: 0;
  display: inline;
  margin: 0 3px;
}

#main_container #content
{
  margin: 1px 10px 0 10px;
  padding: 0 0 10px 0;
  overflow: hidden;
  background: #f8f9f9;  
  width: 880px;

}

#content #top_content
{
  background: #f3f3e9 url('images/main_pic.jpg') no-repeat left top;
  width: 860px;
  padding: 0;
  overflow: hidden;
  height: 238px;
  margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:0
}

#top_content #top_content_info
{
  width:  518px;
  border: 1px solid #c1c1a3;
  height: 190px;
  background: #fff url('images/logo2.jpg') no-repeat 20px 10px;; margin-left:auto; margin-right:0; margin-top:0; margin-bottom:0; padding-left:10px; padding-right:10px; padding-top:15px; padding-bottom:15px
}

#top_content #top_content_info #top_content_text
{
  margin: 30px 0 0 0;
  padding: 10px;
  font-size: 12px;
}

.bold_line
{
  height: 4px;
  background: #e3e3cf; 
  margin: 0;
  padding: 0;
  overflow:hidden;
  line-height: 0;
  font-size: 0;
}



#mid_content .menu
{
  list-style: none;
}

#mid_content .menu li
{
  margin: 10px 0;
}

.menu .sub
{
  display: block;
  font-size: 11px;
  color: #808080;
  padding: 0;
  margin: 0;
  width: 180px;
}

.menu h1 
{
  margin: 0;
  padding: 0;
}

.menu h1  a:link,  .menu h1  a:visited, .menu h1 a:active
{
  color: #008000;
  text-decoration: none;
}

.menu h1 a:hover
{
  color: red;
}

#mid_content
{
  width: 330px;
  float: left;
  clear: left;
  margin: 0;
  padding: 0;
}

.product
{
  float: right;
  padding: 10px 0 0 0;
  margin: 15px 10px 30px 0;
  clear: right;
  width:  538px;
  overflow: visible;
  border: 1px solid #e3e3cf;
}

.product .pic
{
  float: left;
  clear: left;
  width: 185px;
  overflow: hidden;
  margin: 10px 0 0 5px;
}

.product .product_info
{
  float: right;
  clear: right;
  width: 328px;
  overflow: hidden;
  margin: 0;
  padding: 0 0 0 20px;
}

.product .product_info h1
{
  margin: 6px 0 4px 0;
  padding: 0;
  color: #404040;
}

.product .product_info .rate
{
  color: #b8b898;
  font-size: 12px;
  margin: 0 0 5px 0;
  padding: 0;
}

.product .product_info .using
{
  font-size: 12px;
  margin: 10px 0 10px 0;
  padding: 0;
}

.product .product_info .using span
{
  line-height: 25px;
  font-size: 12px;
  color: black;
}

.product .product_info .using ul
{
  display: block;
  list-style-image:url('images/li_ico.jpg'); margin-left:2px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:13px; padding-right:0; padding-top:0; padding-bottom:0
}

.product .product_info .using li
{
  margin: 5px 0 0 0;
  font-size: 12px;
  padding: 0;
  color: #404040;
}

.product .button
{
  margin: 5px 0 0 0;
}

.button
{
  clear: both;
  overflow: hidden;
  height: 29px;
}

a.button
{
  color: #00c000;
  display: block;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  height: 31px;
  padding: 0;
  margin: 0;
  width: 157px;
  z-index: 2000;
  text-align: center;
  line-height: 31px;
}

a.button:link, a.button:visited
{
  background: url('images/button_out.jpg') no-repeat;
}

a.button:active
{
  background: url('images/button_in.jpg') no-repeat;
  position: relative;
  right: 1px;
  top: 1px
}

a.a.button:hover
{

}

.product .product_opinion p
{
  font-size: 9pt;
  color: #333333;
  margin: 10px 0 10px 10px;
  padding: 0;

}

.product .product_opinion h2
{
  color: #00c000;
  margin: 10px;
}

.product .product_opinion h2 a
{
  color: #00c000;
  margin: 10px;
}

.product .product_opinion .button
{
  margin: 0 0 0 10px;
  padding: 0;
}

.fill
{
  overflow: hidden;
  width: 100%;
  height: 1px;
  clear: both;
}

.gototop
{
  padding: 0;
  background: #e3e3cf;
  width: 80px;
  text-align: center;
  margin: 0 0 0 auto;
  position: relative;
  top: 18px;
  clear: left;
  height: 18px;
  overflow: hidden;
}

* html .gototop { left: 5px; } /* ie hack */

.gototop a:link, .gototop a:visited, .gototop a:active, .gototop a:hover
{
  text-decoration: none;
  color: #929276;
  font-size: 10px;
  font-weight: bold;
  position: relative;
  bottom: 3px;
}

#foot
{
  height: 57px;
  background: url('images/foot.jpg') repeat-x;
  z-index: -2000;
  overflow: hidden
}

#foot #foot_cont
{
  width: 880px;
  margin: auto;
  padding: 10px;
  font-size: 12px;
}

#foot #foot_cont a:link, #foot #foot_cont a:visited, #foot #foot_cont a:active
{
  color: #3d3d31;
  text-decoration: none;
}

#foot .left
{
  width: 680px;
  float: left;
  clear: left;
}

#foot .right
{
  width: 180px;
  margin: 0 0;
  float: right;
  clear: right;
  color: #3d3d31;
  padding: 10px 20px 0 0;
  text-align: right;
  font-size:10px;
}

#foot .left p, #foot .left  a:link, #foot .left  a:visited, #foot .left  a:active, #foot .left  a:hover
{
  color: #929276;
  font-size: 12px;
}

/* ************************* Wielkości czcionek ************************* */

/*  Wielkość czcionki  "Nagłówek tytułowy" w opisie produktu */
.product .product_info h1
{
  font-size: 12pt;
}

/*  Wielkość czcionki  w linkach po lewej */
.menu h1 
{
  font-size: 12pt;
}

/*  Wielkość czcionki "opinie o produkcie"  w opisie produktu*/
h2
{
  font-size: 11pt;
}