/* CSS Document */

body,div,td,p{
    font-family:  Tahoma, Arial, Verdana;
    font-size: 11px;
    line-height: 130%;
    color: #333333;
}
body{ 
    background: #fff;
}
.clear{
  clear: both; 
}
span.bolded{
  color: #AA8000;
  font-weight: bold;
}
img{
  border:none;
  margin: 0px;
  padding: 0px;
}
a{
  color: #AA8000;
  text-decoration: none;
}
a:hover{
  color: #000;
}
.clear{
  clear: both;
  line-height: 0px;
  font-size: 1px;
  height: 0px;
}

h1 {
  color: #7C7C7C;
  font-size: 20px;
  font-weight: normal;
  padding: 0px;
  margin: 10px 0px;
}
h1 span{
  font-size: 16px;  
}
h2 {
  font-size: 14px;
  font-weight: normal;
  padding-bottom: 5px;
  margin: 0px;
  color: #fff;
}
.right ul{
  margin: 0px;
  padding: 0px;
  
}
.right li{
  margin: 2px 20px;
  padding: 0px;
  
}
#body{
    width: 768px;
    margin: 5px auto;
}
#logo_napis{
  margin-top: 5px;
  margin-left: 30px;
}
#header {
  background: url('../img/bg_header.gif') bottom left repeat-x;
}
#header .left{
    width: 300px;
    float: left;
    text-align: left;
    padding-top: 50px;
}
#header .right{
    width: 400px;
    float: right;
    text-align: right;
    vertical-align: bottom;
    height: 188px;
    
    background: url('../img/motyw.png') bottom right no-repeat;
}
#content{
  min-height: 300px;
  border-left: 1px solid #E5D391;
  border-right: 1px solid #E5D391;
  border-bottom: 1px solid #E5D391;
  background: #E9E9E9;
}
#menu{
  background: #c3c3c3; /*#D49D00;*/
  margin: 0px;
  padding: 0px; 
  list-style: none;
  height: 52px;
  
}
#menu li{
display: block;
  float: left;
  width: 150px;
  margin: 8px 0px;
  padding: 0px; 
  list-style: none;
  HEIGHT: 34px;
 
}
#menu li a {
  display: block;
  color: #2F2F2F;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  height: 22px; 
  PADDING: 9px 20px 0px;
  margin-left: 10px;

}
#menu li a:hover{
  color: #AA8000;
}
#menu li a.active{
   color: #fff;
}
#menu li a.active:hover{
 color: #fff;

}
#menu li.m1{
  width: 305px;
  border-right: 1px solid #FEFEFE;
  height: 34px; 
  margin: 8px 0px;
}
#menu li.m1 a{
  background: url('../img/menu/s.gif') center left no-repeat;
  padding-left: 17px;
}
#menu li.m1 a.active{
  background: url('../img/menu/s_active.gif') center left no-repeat;
}
#menu li.m2 a{
  background: url('../img/menu/o.gif') top left no-repeat;
}
#menu li.m2 a.active{
  background: url('../img/menu/o_active.gif') top left no-repeat;
}
#menu li.m3 a{
  background: url('../img/menu/r.gif') top left no-repeat;
}
#menu li.m3 a.active{
  background: url('../img/menu/r_active.gif') top left no-repeat;
}
#menu li.m4 a{
  background: url('../img/menu/k.gif') top left no-repeat;
}
#menu li.m4 a.active{
  background: url('../img/menu/k_active.gif') top left no-repeat;
}


#menu li a.active:hover{
 color: #fff;

}
#submenu{
  background: #C3C3C3;
  padding-top: 1px;
}
#submenu .category{
  padding: 1px;
  border-top: 1px solid #D8D8D8;
}
#submenu .category a{
  display: block;
  padding: 8px 10px 8px 35px;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #AA8000;
  background: #D8D8D8 url('../img/icon/arrow.gif') top left no-repeat;
  background-position: 5px 8px;
}

#submenu .category a.active{
   background: #D6B43F url('../img/icon/arrow_active.gif') top left no-repeat;
   background-position: 5px 8px;
   color: #fff;
}
#submenu ul{
 margin: 10px 10px 10px 20px;
 padding: 0px;
}
#submenu li{

 list-style: none;/*url('../img/icon/dot.gif');*/
 background: url('../img/icon/dot.gif') no-repeat left center;
 padding: 5px 0px;
 padding-left: 15px;
 margin: 0px;
}
#submenu li a{
  color: #fff;
  font-weight: bold;
}
#submenu li a:hover{
  color: #AA8000;
}
#submenu li.active{
  list-style-image:url('../img/icon/dot_activ.gif');
}
#submenu li.active a{
  color: #AA8000;
  font-weight: bold;
}
#content_body{
  border-top: 1px solid #FEFEFE;
  margin-top: 2px;
}
#content_body .left{
  width: 305px;
  float: left;
  margin: 20px 0px;
  border-right: 1px solid #FEFEFE;
}
#content_body .right{
  width: 460px;
  float: right;
  margin: 20px 0px;
}
#footer {
  margin-bottom: 5px;
}
#footer .left{
    width: 400px;
    float: left;
}
#footer .right{
    width: 350px;
    float: right;
    text-align: right;
    padding: 7px 2px;
    font-size: 10px;
}

.offer{
  width: 132px;
  background: #C3C3C3;
  height: 210px;
  float: left;
  margin-top: 5px;
  border: 1px solid #E5D391;
}
.offer .border {
 background: url('../img/border.gif') bottom right no-repeat;
 margin-top: 10px;
 margin-left: 10px;
 width: 112px;
 height: 112px;
}
.offer .img{
  display: block;
  border: 1px solid #666666;
  width: 102px;
  height: 102px;
}
.offer .hr{
  position:relative;
  left: 1px;
  top: -11px;
  height: 10px;
  width: 102px;
  background: #CC9900;
}
.offer .title{
  display: block;
  width: 99px;
  margin: 10px 10px 5px;
  font-size: 18px;
  line-height: 100%;
  color: #9E8008;
}
.offer .more{
  margin: 5px 10px;
  color: #383838;
}
.form_row{
  width: 395px;
  margin: 5px 0px;
}
.form_row label{
  float: left;
  width: 80px;
  text-align: right;
  padding-right: 10px;
}
.form_row .error{
  width: 300px;
}
.form_row .error div{
  margin-bottom: 1px;
  color: #ff0000;
  font-size: 10px;
}
.form_success{
  font-size: 13px;
  font-weight: bold;
}
.form_row .input{
  float: left;
  width: 300px;
}
.form_row textarea{
  width: 290px;
}
textarea, input{
  font-size: 11px;
  font-family: Tahoma;
  padding: 2px 2px;
}
.contact{
  background: #C3C3C3;
  margin: 5px 0px 10px 0px;
  width: 180px;
  padding: 10px;
  border: 1px solid #E5D391;
}
.contact div{
    line-height: 150%;
}
.address{
 color: #CC9900;
 margin: 10px 5px;
}
.address div{
  color: #CC9900;
  line-height: 150%;
}
.slideshow{
  background: #C3C3C3;
  margin: 15px auto 5px;
  border: 1px solid #E5D391;
  height: 204px;
  width: 254px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.slideshow img{
margin: 2px;
}
.section {
  margin: 10px 0px;
}
.section .thumb{
  width: 152px;
  float: left;
  cursor: pointer;
}
.section .description{
  float: right;
  width: 260px;
}
.section .description h2{
  color: #333;
}
.section .slideshow{
  width: 154px;
  height: 124px;
  margin: 0px;
  text-align: center;
  vertical-align: middle;
}