html,body{
    margin: 0;
    padding: 0;
}

body{
    font: 10pt Verdana,Arial,sans-serif;
    background: #f5f5f5 url('../images/bg.jpg') repeat-x;
    behavior:url("./templates/css/csshover.htc");
}

#body {
    background: transparent;
    height: auto;
    width: 882px;
    margin:0 auto;
    margin-top: 0px;
    height: auto;
}
  
div#container{
    text-align:left;
    float: left;
}

div#footer{
    background: transparent;
    color: #FFF
}

div#footer p{
    margin:0;
    padding:5px 10px
}

#baner {
    float: right;
    width: 674px;
    height: 190px;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color: #fdde0b;
    border-top-color: #a4a4a4;
    border-bottom-color: #a4a4a4;
    overflow: hidden;
    background-color: rgb(51, 51, 51);
}

div#container{
    width: 882px;
    margin:0 auto;
    margin-top: 0px;
    height: auto;
    background-color: transparent;
}

div#wrapper{
    float: right;
    width: 676px;
    height: auto;
    padding: 0px;
    background: #f5f5f5 url('../images/cont_bg.jpg') repeat-y;
}

#cont {
    color: #000000;
    font: 10pt verdana, sans-serif;
    width: 636px;
    padding: 5px 20px 5px 20px;
    min-height: 300px;
    height: auto !important;
    height: 300px;
    float: left;
}

#cont_bottom {
    background: #f5f5f5 url('../images/cont_bottom.jpg') no-repeat;
    width: 676px;
    padding: 0px;
    height: 20px;
    float: left;
}

#title {
    width: 656px;
    height: 42px;
    float: right;
    background: transparent url('../images/title.jpg') no-repeat;
    overflow: hidden;
    padding: 8px 0 0 20px;
    color: #FFFFFF;
    font-size: 23px;
    font-weight: normal;
    font-variant: small-caps;
    font-family: "Trebuchet MS";
}

.button {
    width: 105px;
    height: 16px;
    display: block;
    float: left;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 0 0 0;
    border-right: 1px solid #ffffff;
}

#logo {
    width: 206px;
    height: 235px;
    float: left;
    vertical-align: middle;
    overflow: hidden;
}

#a_logo {
    float: left;
}

#a_logo img {
    margin: 0;
}

#wyszukiwarka_box {
    margin-top: 0px;
    width: 674px;
    height: 44px;
    float: right;
    background: transparent url('../images/top.jpg') no-repeat;
    color: #ffffff;
    text-align: center;
    padding: 0;
    text-align: right;
    overflow: hidden;
    vertical-align: top;
    border-style: solid;
    border-width: 0 1px;
    border-color: #fdde0b;
}

#home {
    width: 47px;
    height: 44px;
    float: left;
    background: transparent url('../images/home.jpg') no-repeat;
}

#home:hover {
    background-position: 0 100%;
}

#contact {
    width: 44px;
    height: 44px;
    float: left;
    background: transparent url('../images/contact.jpg') no-repeat;
}

#contact:hover {
    background-position: 0 100%;
}

#sitemap {
    width: 56px;
    height: 44px;
    float: left;
    background: transparent url('../images/sitemap.jpg') no-repeat;
}

#sitemap:hover {
    background-position: 0 100%;
}

#menu_top {
    width: 206px;
    height: 50px;
    float: left;
    padding: 0px;
    background: transparent url('../images/menu_top.jpg') no-repeat;
}

#menu {
    margin: 0px;
    width: 206px;
    float: left;
    color: #ffffff;
    text-align: left;
    background: url('../images/menu_bg.jpg') repeat-y;
}

#menu_middle {
    margin: 5px 0;
    width: 206px;
    float: left;
    color: #ffffff;
    text-align: left;
}

#menu_bottom {
    width: 206px;
    height: 9px;
    float: left;
    text-align: right;
    overflow: hidden;
    background: url('../images/menu_bottom.jpg') no-repeat;
}

#podmenu {
    width: 206px;
    height: 132px;
    background: url('../images/podmenu.jpg') no-repeat;
    float: left;
}

.menu-level-1, .menu-level-2, .menu-level-3 {
    width: 206px;
    display: block;
    padding: 0;
    margin: 0;
    height: auto;
}

.menu-level-1-li {
    width: 206px;
    margin: 0px;
    font-size: 14px;
    list-style-type: none;
    border:medium none;
    display:block;
    float:left;
    height:auto;
    overflow:hidden;
    padding:0;
}

.menu-level-2-li {
    width: 206px;
    margin: 0px;
    font-size: 14px;
    list-style-type: none;
    border:medium none;
    display:block;
    float:left;
    height:auto;
    overflow:hidden;
    padding:0;
}

.menu-level-3-li {
    width: 206px;
    margin: 0px;
    font-size: 14px;
    list-style-type: none;
    border:medium none;
    display:block;
    float:left;
    height:auto;
    overflow:hidden;
    padding:0;
}

.menu-level-1-li a:link, .menu-level-1-li a:visited, .menu-level-1-li a:active  {
    display: block;
    width: 175px;
    height: 16px;
    padding: 5px 0 5px 5px;
    margin: 0 0 0 15px;
    color: #4d4d4d;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #d5d5d5;
}

.menu-level-1-li a:hover {
    display: block;
    width: 175px;
    height: 16px;
    padding: 5px 0 5px 5px;
    margin: 0 0 0 15px;
    color: #eecb09;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #d5d5d5;
    text-decoration: none;
}

.menu-level-2-li a:link, .menu-level-2-li a:visited, .menu-level-2-li a:active  {
    display: block;
    width: 165px;
    height: 16px;
    padding: 5px 0 5px 15px;
    margin: 0 0 0 15px;
    color: #4d4d4d;
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #d5d5d5;
}

.menu-level-2-li a:hover {
    display: block;
    width: 165px;
    height: 16px;
    padding: 5px 0 5px 15px;
    margin: 0 0 0 15px;
    color: #eecb09;
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #d5d5d5;
    text-decoration: none;
}

.menu-level-3-li a:link, .menu-level-3-li a:visited, .menu-level-3-li a:active  {
    display: block;
    width: 155px;
    height: 15px;
    padding: 6px 0 5px 25px;
    margin: 0 0 0 15px;
    color: #4d4d4d;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    font-family: Arial;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #d5d5d5;
}

.menu-level-3-li a:hover {
    display: block;
    width: 155px;
    height: 15px;
    padding: 6px 0 5px 25px;
    margin: 0 0 0 15px;
    color: #eecb09;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    font-family: Arial;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #d5d5d5;
    text-decoration: none;
}

.menu-selected {
    background: url('../images/menu_arrow.jpg') no-repeat 100% 5px !important;
}

#bottom {
    font: 10px verdana;
    width: 882px;
    height: 20px;
    float: left;
    color: #000000;
    padding: 5px 0px 20px 0px;
    overflow: hidden;
    background-color: transparent;
}

#bottom img {
    border-style: none;
    vertical-align: middle;
}

#strzalka {
    position: relative;
    top: 7px;
    left: 2px;
}

#copyright {
    float: right;
    display: block;
    width: 676px;
    color: #6a5e5e;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fdde0b;
    padding: 5px 0 0 0;
    margin: 0;
    font-size: 12px;
    text-align: right;
}

#projekt {
    float: left;
    display: block;
    width: 206px;
    color: #6a5e5e;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #adadad;
    padding: 5px 0 0 0;
    margin: 0;
    font-size: 12px;
}

#bottom a, #projekt a {
    color: #6a5e5e;
    text-decoration: none;
}

#bottom a:hover, #projekt a:hover {
    text-decoration: underline;
}

.yes {
    color: green;
}

.no {
    color: red;
}

.kontakt_text {
    width: 250px;
    height: 200px;
}

.kontakt_input {
    width: 200px;
}

#wyszukiwarka_form {
    height: 44px;
    float: right;
}

#div_wyszukiwarka_input {
    width: 135px;
    height: 19px;
    float: right;
    margin: 13px 0px 0 0 !important;
    margin: 15px 0px 0 0;
}

#div_wyszukiwarka_button {
    width: 40px;
    height: 19px;
    float: right;
    margin: 13px 0 0 0;
}

#wyszukiwarka_button {
    font-family:verdana;
    font-size:12px;
    font-weight:bold;
    font-style:none;
    border-style:none;
    color:#FFFFFF;
    width: 39px;
    height: 19px;
    padding: 0;
    margin: 0;
    background: url('../images/lupa.jpg') no-repeat;
}

#wyszukiwarka_button:hover {
    background-position: 0 100%;
}
#wyszukiwarka_input {
    font-family:verdana;
    border: none;
    height: 13px;
    margin: 0;
    padding: 0;
    font-size: 11px;
    width: 135px;
    background-color: transparent;
}

#wyszukiwarka {
    height: 44px;
    width: 200px;
}

.produkt-polecany {
    float: left;
    width: 140px;
    height: 200px;
    text-align: center;
    margin: 0 5px;
    overflow: hidden;
    background: url('../images/produkt_1.gif') no-repeat;
}

.promocja {
    float: left;
    width: 62px;
    height: 62px;
    text-align: center;
    margin: 0 0px;
    background: url('../images/promocja.gif') no-repeat;
    position: relative;
    top: -200px;
    overflow: visible;
}

.produkt-polecany img {
    width: 120px;
    height: 120px;
}

.produkt-nazwa {
    font-size: 10px;
    font-family: Verdana;
    border-style: solid;
    border-color: #eeeeee;
    border-width: 0 0 1px 0;
    padding: 0 0 5px 0;
    height: 25px;
    clear: both;
}

.produkt-nazwa a:link, .produkt-nazwa a:visited, .produkt-nazwa a:active {
    color: #6b6b6b;
    font-weight: bold;
}

.produkt-zapytanie {
    color: #f1be0d;
    font-size: 10px;
    font-weight: bold;
}

#polecane-produkty {
    margin: 0 13px;
    text-align: center;
}

.zapytanie_button {
    color: #EE9700;
    background: none;
    border: none;
    font-size: 11px;
    font-weight: bold !important;
}

.zapytanie_button:hover {
    text-decoration: underline;
}

.zapytanie_form {
    background: url('../images/produkt_2.gif') no-repeat 0 100%;
    padding: 0 0 10px 0;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
    float: left;
    text-align: center;
    width: 100%;
    overflow: hidden;
    margin: 0;
}

#stronicowanie-wynikow {
    clear: both;
    padding: 15px 0 0 0;
}