HTML, BODY {
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-size: 10px;
text-align: center; /* for IE */
margin: 0;
width: 100%;
height: 100%;
color: #62431B;
background: #EBD79A url(bg.jpg) top;
}
#main0{
width:100%;
height: 100%;
text-align: center;
vertical-align: top;
background: url(bg_top.jpg) repeat-x top;
}
#main {
margin: 0 auto; /* align for good browsers */
text-align: left; /* counter the body center */
width: 740px;
vertical-align: top;
}
#top{
background: url(top1.gif);
height: 142px;
width: 733px;
}
#menu_top{
background: url(menu_top.gif) #FFF;
display: table;
width: 733px;
height: 37px;
}
.menu_tab{
border: 0;
height: 37px;
width: 733px;
}
.menu_tab A{
color:#62431B;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
}
.menu_tab A:hover{
color:#FFF;
}
.bok{
background: #F2EFE1;
width:177px;
height: 100%;
vertical-align:top;
}
.bok_top{
display: none;
}
.bok_head{
background: url(bok_head.gif);
width: 163px;
height: 17px;
margin-left:3px;
color: #FFD700;
font-weight: bold;
font-size: 10px;
padding-top: 1px;
padding-left: 11px;
}
*html .bok_head{
width: 174px;
}
.bok_head A{
color: #FFF;
text-decoration: none;
}
.bok_head A:hover{
color: #FFD700;
}
.bok_kat{
width: 174px;
margin-left:3px;
display: block;
}
.bok_kat UL{
padding: 0;
margin:0;
list-style: none;
}
.bok_kat LI{
font-size: 10px;
font-weight: bold;
margin: 0;
padding: 0;
line-height: 17px;
padding-left: 17px;
background:url(bok_kat_bull.gif);
color: #870000;
}
.bok_kat LI A{
color: #62431B;
text-decoration: none;
padding-bottom: 1px;
}
.bok_kat LI A:hover{
color: #870000;
}
.hayabusa{
width: 174px;
height: 247px;
background: url(hayabusa.jpg);
margin-left: 3px;
}
.raty{
width: 166px;
height: 92px;
margin-left: 3px;
margin-top:20px;
}
.raty a{
text-decoration:none;
margin:0px;
padding:0px;
border:0px;
}
.raty a img{
text-decoration:none;
margin:0px;
padding:0px;
border:0px;
}
.tresc{
text-align: center;
height: 100%;
width: 556px;
background: #F2EFE1;
vertical-align: top;
padding:0.6em;
text-align: center;
}
.tresc_tytul{
text-align: left;
background: url(tresc_tytul.gif) repeat-x bottom;
width: 500px;
margin: 0 auto;
font-size: 10pt;
font-weight: 600;
padding: 5px 6px 5px 2px;
letter-spacing: -1px;
}
.tresc_box{
background: #EFEAD8;
text-align: left;
width: 446px;
margin: 0 auto;
margin-top: 1.2em;
border: 1px solid #DFD8B5;
padding: 0.6em;
font-size: 9pt;
line-height: 11pt;
}
.prod{
text-align: left;
width: 460px;
margin: 0 auto;
margin-top: 1.2em;
border: 0;
}
.prod_top{
background: #790000 url(prod_top.gif) no-repeat right;
height: 17px;
font-size: 10px;
font-weight: bold;
color: #FFF;
padding-left: 10px;
}
.prod_con{
width: 460px;
}
.prod_thumb{
width: 100px;
height: 100%;
padding: 12px 10px 12px 10px;
vertical-align: top;
background: #FFF;
}
.prod_thumb IMG{
border: 0;
margin: 0;
}
.prod_con2{
width: 340px;
padding:0;
vertical-align: top;
font-size: 9pt;
line-height: 11pt;
background: url(prod_bg.gif) 0px 17px;
}
.prod_con2 P{
font-size: 8pt;
line-height: 11pt;
margin: 15px;
}
.bottom_all{
position:relative;
float:left;
width:100%;
margin:0px;
padding:0px;
}
.bottom_box{
float:right;
font-size: 10px;
color: #B00B05;
width: 240px;
height:17px;
overflow:hidden;
margin:0px;
padding:0px;
}
.bottom_text{
position:relative;
float:left;
padding:2px 0px 0px 2px;
}
.oblicz_raty{
position:relative;
float:right;
margin:0px;
padding:0px;
}
#cena{
float:right;
width: 100px;
padding:0px;
margin:0px;
}
.prod_con3, .prod_con4{
background: url(prod_bg_d1.gif);
width: 460px;
height: 17px;
text-align: right;
}
.prod_con3 .pole{
background: url(prod_bg_d1_r.gif);
width: 110px;
margin: 0 auto;
margin-right: 17px;
color: #FFF;
font-size: 10px;
line-height: 17px;
text-align: center;
font-weight: bold;
}
.prod_con3 .pole A, .prod_con3 .pole A:hover{
color: #FFF;
}
.prod_con4{
background: url(prod_bg_d2.gif) no-repeat;
}
.prod_con4 A, A.zamawiam, A.szczegoly{
display: block;
margin: 0 auto;
background: url(prod_bg_d2_r.gif);
width: 100px;
height: 17px;
font-size: 1px;
margin-right: 17px;
float: right;
}
A.szczegoly{
margin-right: 0px;
background: url(prod_bg_d2_rs.gif);
}
.prod_con2 .title{
font-size: 11pt;
font-weight: bold;
display: block;
margin-bottom: -5pt;
}
.prod_con2 .cena{
color: #00A3DD;
}
.prod_cena{
color: #FFF;
background: #790000 url(bok_head.gif) no-repeat top right;
text-align: center;
font-size: 8pt;
font-weight: bold;
}
.prod_linki{
width: 100%;
height: 20px;
padding: 0;
margin: 0px;
font-size: 1px;
white-space: nowrap;
}
a.prod_btn{
display: block;
float: left;
width: 175px;
line-height: 16px;
text-align: center;
color: #FFF;
background: #F3F3F3 url(prod_btn.gif) center;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
}
a.prod_btn:hover{
border: 1px solid #00A3DD;
background: #919191 url(prod_btn.gif) center;
}
.prod_lupa{
display: block;
width: 100px;
height: 17px;
text-align: right;
color: #BA8F61;
border: 1px solid #EEEAD8;
background: url(lupa.gif) no-repeat 0px 1px;
font-size: 7pt;
text-decoration: none;
padding-top: 1px;
margin-top: 4px;
}
A.prod_lupa:hover{
border: 1px solid #AA0000;
color: #AA0000;
}
.prod_con_add1{
background: url(prod_bg_d1.gif);
height: 17px;
font-size: 11px;
font-weight: bold;
text-align: center;
padding-top: 2px;
}
A.prod_con_add {
color: #62431B;
text-decoration: none;
}
.footer{
background: #F2EFE1;
border-bottom: 1px solid #A30000;
height: 20px;
width: 733px;
font-size: 10px;
text-align: right;
padding-right: 10px;
color: #CBAD65;
}
.footer A{
color: #A30000;
font-weight: bold;
text-decoration: none;
}
.koszyk{
width: 100%;
border: 1px solid #62431B;
border-bottom: none;
}
.koszyk TH{
font-weight: bold;
font-size: 9pt;
text-align: center;
color: #62431B;
border-right: 0;
}
.koszyk TD{
font-size: 9pt;
font-weight: bold;
color: #62431B;
border: 0;
border-bottom: 1px solid #CFC6A9;
padding: 3px 10px 3px 10px;
}
.koszyk .prawa{
text-align: center;
font-weight: normal;
border-right: none;
width: 15%;
border-left: 1px solid #CFC6A9;
}
.koszyk .lewa{
width: 12%;
font-weight: normal;
text-align: center;
border-right: 1px solid #CFC6A9;
}
.koszyk A{
text-decoration: none;
color: #A30000;
}
.koszyk A:hover{
color: #62431B;
}
.form_blok{
border: 1px solid #AE9B4D;
border-top: none;
border-bottom: 2px solid #A30000;
background: #F2EFE1;
height: 100%;
width: 260px;
vertical-align: top;
}
.form_blok INPUT{
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
font-size: 9pt;
line-height: 10pt;
height: 16px;
background: #F9F7F0;
border: 1px solid #C8BB83;
float: left;
color: #62431B;
}
.form_blok TH{
width: 100%;
background: #AE9B4D;
color: #FFF;
font-size: 8pt;
border-top: 1px solid #A30000;
line-height: 10.5pt;
padding: 1pt;
text-align: center;
}
.form_blok TD{
color: #666;
font-size: 9pt;
line-height:10.5pt;
padding: 2pt;
text-align: right;
}
.form_blok .top{
width: 100%;
background:#62431B;
font-size: 10pt;
border-bottom: 2px solid #A30000;
border-top: none;
padding: 4px;
}
.form_main{
text-align: left;
vertical-align: top;
width: 514px;
margin: 0 auto;
margin-top: 1.2em;
padding: 0em;
}
.newsletter{
font-size:12px;font-family:tahoma;margin:0; padding:0px 0px 0px 5px;
}
.newsletter p{
font-size:12px;font-family:tahoma;margin:0; padding:0px 0px 0px 5px;
}
.newsletter input{
font-weight:bold;
color:#62431B;
border:1px solid #62431B;
}
#button{
width:70px;
}