/* CSS Document */
#banner {
width: 768px;
height: 248px;
border: 1px solid #cdcdcd;
}

#baner-first {
width: 421px;
height: 248px;
float: left;
position: relative;
}

#czerwony-pasek {
position: absolute;
top: 30px;
width: 421px;
height: 40px;
background: #097112;
z-index: 1;
}

#baner-first-image {
position: absolute;
z-index: 2;
}

#baner-first-image img {
    background-image: expression(
        this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "images/transparent.gif"
    );
}

#baner-second-image {
position: absolute;
left: 10px;
height: 247px;
}

#panel {
width: 102px;
height: 22px;
position: absolute;
top: 222px;
left: 240px;
}

#panel-arrow-l {
width: 21px;
height: 22px;
float: left;
background: url(../images/panel-arrow-l.png) no-repeat;
_background: url(../images/panel-arrow-l.gif) no-repeat;
cursor: pointer;
}

#panel-arrow-r {
width: 21px;
height: 22px;
float: left;
background: url(../images/panel-arrow-r.png) no-repeat;
_background: url(../images/panel-arrow-r.gif) no-repeat;
cursor: pointer;
}

.panel-links {
width: 20px;
height: 19px;
float: left;
text-align: center;
background: #dadada;
color: #545454;
font: normal 12px 'Arial';
padding: 3px 0 0 0;
}

#panel-link-1 {
background: #097112;
color: #fff;
font-weight: bold;
}


#baner-first-content {
width: 290px;
position: absolute;
top: 19px;
left: 130px;
text-align: right;
z-index: 2;
}

#baner-first-content-producent {
font: bold 20px 'Arial';
color: #fff;
margin: 20px 0 0 0;
padding: 0 2px 0 0;
}

.producent-czcionka {
font: bold 16px 'Arial';
}

.producent-czcionka2 {
font: bold 12px 'Arial';
}

#baner-first-content-title {
font: normal 18px 'Arial';
color: #060e93;
margin: 20px 0 0 0;
padding: 0 0 0 20px;
}
#baner-first-content-text {
font: normal 12px 'Arial';
color: #7c7c7c;
margin: 12px 0 0 0;
padding: 0 0 0 20px;
}

#czytaj-wiecej {
font: bold 11px 'Arial';
float: right;
margin: 15px 0 0 0;
}

#czytaj-wiecej a {
text-decoration: none;
color: #18581b;
display: block;
float: left;
margin: 0 0 0 3px;
}

#czytaj-wiecej img {
border: 0;
margin: 2px 0 0 0;
}

#baner-second {
position: relative;
width: 347px;
height: 248px;
float: left;
}

#body-content {
width: 770px;
margin: 5px 0 10px 0;
padding-bottom: 5px;
}

#bookmarks {
width: 770px;
border-left: 1px solid #cccccc;
position: relative;
padding: 30px 0 0 0;
}

.bookmarks-ul {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top:0;
}

.bookmarks-ul li {
padding: 7px 24px 0 24px;
height: 23px;
float: left;
background: url(../images/bookmarks.gif) repeat-x;
font: normal 12px 'Arial';
color: #575757;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 0px solid #cccccc;
cursor: pointer;
}

.selected-box {
background: #f9f9f9 !important;
font-weight: bold !important;
border-bottom: 0;
}

#bookmarks-content {
width: 770px;
border: 0px solid red;
}

#bookmarks-content-left {
width: 528px;
border: 1px solid #cccccc;
border-left: 0px solid #cccccc;
float: left;
margin: 0 10px 0 0;
background: #f9f9f9;
min-height: 151px;
_height: 151px;
_overflow: visible;
}

#bookmarks-content-right {
width: 228px;
height: 151px;
border: 1px solid #cccccc;
float: left;
background: #fefefe url(../images/wybor-bg.gif) repeat-x;
position: relative;
top: 0;
left: 0;
}

#bookmarks-content-right-title {
width: 219px;
height: 14px;
padding: 6px 0 6px 9px;
font: normal 12px 'Arial';
color: #fff;
background: #000066;
}

.bookmarks-content-left-box {
width: 164px;
float: left;
margin: 0 6px 0 6px;
_margin: 0 3px 0 3px;
padding: 0 0 8px 0;
cursor: pointer;
}

.bookmarks-content-left-box h2 {
font: bold 11px 'Arial';
color: #060e93;
padding:0;
margin: 8px 0 6px 0;
}

.bookmarks-content-left-box p {
margin: 0;
padding: 0;
font: normal 11px 'Arial';
color: #7c7c7c;
line-height: 16px;
}

.bookmarks-content-left-box img {
float: left;
margin: 0 5px 2px 0;
border: 1px solid #525659;
}

.czytaj-wiecej-box {
font: bold 11px 'Arial';
float: left;
margin: 5px 0 0 0;
}

.czytaj-wiecej-box a {
text-decoration: none;
color: #18581b;
display: block;
float: left;
margin: 0;
}

.czytaj-wiecej-box img {
border: 0;
margin: 2px 0 0 2px;
}

.wybor-produktu {
width: 202px;
height: 15px;
margin: 12px auto 0 auto;
border: 0px solid #cdcdcd;
font: normal 11px 'Arial';
color: #707070;
padding: 0px 0 5px 0px;
_padding: 0px 0 1px 0px;
}

#lista-wyboru-produktu1 {
display: none;
position: absolute;
top: 39px;
_top: 40px;
left: 9px;
width: 210px;
border: 0px solid red;
z-index: 2;
padding-top: 0px;
}

#lista-wyboru-produktu2 {
display: none;
position: absolute;
top: 70px;
_top: 71px;
left: 9px;
width: 210px;
border: 0px solid red;
z-index: 2;
padding-top: 0px;
}

#lista-wyboru-produktu2 ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#lista-wyboru-produktu3 {
display: none;
position: absolute;
top: 101px;
_top: 102px;
left: 9px;
width: 210px;
border: 0px solid red;
z-index: 2;
padding-top: 0px;
}

#lista-wyboru-produktu3 ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#lista-wyboru-produktu1 ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.lista-wyboru-produktu-li {
width: 202px;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
background: #fff;
padding: 2px 0 0 6px;
overflow: hidden;
}

.lista-wyboru-produktu-li a {
text-decoration: none;
color: #707070;
width: 202px;
height: 16px;
display: block;
}

.lista-wyboru-produktu-li-first {
width: 202px;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 2px 0 0 6px;
}


.lista-wyboru-produktu-li:hover {
background: #ededed;
cursor: pointer;
}

#zakladka1-content {
display: none;
}

#zakladka2-content {
display: none;
}

#zakladka3-content {
display: none;
}

/*------------------------------*/

.selected-box2 {
background: #f9f9f9 !important;
font-weight: bold !important;
border-bottom: 0;
}

.none-box {
padding: 7px 24px 0 24px;
height: 23px;
float: left;
font: normal 12px 'Arial';
color: #575757;
border-bottom: 0px solid #cccccc;
}

.none-box2 {
padding: 7px 24px 0 24px;
height: 23px;
float: left;
font: normal 12px 'Arial';
color: #575757;
border-left: 0px solid #cccccc !important;
border-bottom: 0px solid #cccccc;
}

.img-left {
float:left;
margin: 0px 8px 0 0;
border: 1px solid black;
width: 88px;
height: 58px;
}
  
.img-right {
float:right !important;
margin: 0px 0 0 8px;
border: 1px solid black;
width: 88px;
height: 58px;
}