body {
       background: #666666 url(images/body.jpg) repeat-x;
       margin:0;
       color: #000;
       font: normal 11px Tahoma, Arial, Verdana, sans-serif;
}

body { font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; color: #000; line-height: 14px; }
a { text-decoration: none; color: #FF6600; }
a:hover { text-decoration: underline; color: #FF6600; }
img { border: 0px; }
form { margin: 0px; }
select, input, textarea { font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; color: #000; }
td { vertical-align: top; }

a.wiecej{
       float: right;
       text-decoration: underline;
}
a.wiecej:hover { text-decoration: none; }

h1.ban_d{
       width: 530px;
       height: 22px;
       padding:10px 0 0 20px;
       margin:0;
       font: bold 10px Tahoma, Arial, Verdana, sans-serif;
       color: #fff;
       background: url(images/nagl_d.jpg) no-repeat;
       text-transform:uppercase;
}

h1.ban_belka{
       width: 530px;
       height: 22px;
       padding:8px 0 0 20px;
       margin:0;
       font: bold 10px Tahoma, Arial, Verdana, sans-serif;
       color: #fff;
       background: url(images/belka.jpg) no-repeat;
       text-transform:uppercase;
}

h1.ban_m_top{
       width: 180px;
       height: 22px;
       padding:10px 0 0 20px;
       margin:0;
       font: bold 10px Tahoma, Arial, Verdana, sans-serif;
       color: #fff;
       background: url(images/nagl_m_top.jpg) no-repeat;
}       

h1.ban_m{
       width: 180px;
       height: 22px;
       padding:10px 0 0 20px;
       margin:0;
       font: bold 10px Tahoma, Arial, Verdana, sans-serif;
       color: #fff;
       background: url(images/nagl_m.jpg) no-repeat;
}

h1{
       padding: 10px 20px;
       margin:0;
       font: normal 30px Verdana, sans-serif;
       color: #DB214A;
       background: url(images/kropek.gif) bottom repeat-x;
}       

h2{
       font: bold 14px Verdana, sans-serif;
       color: #DB214A;
}



/***************************************************************/
/**************** Layout CSS begins ****************************/


#wrap {
       margin: 0 auto;
       padding:0;
       width: 770px;
}

#top {
       width: 768px;
       height: 123px;
       background: url(images/bg_top.jpg) no-repeat;
} 

#top img{border:0; margin-top:10px;margin-left:30px;margin-right:100px;float:left}

#search{float:left; margin-top:10px}
#search input.szukaj{width:190px; margin-right:5px; border: solid 1px}
#search input.submit{border:0; width:18px; height:18px; background: url(images/searchsubmit.gif) }
.searchheader{
       font: bold 13px Arial, Verdana;
}
#top p{float: left; margin-top:80px; margin-left:70px}

#baner{float: left;width:560px}

#menu{
       float: left;
       width: 208px;
       height:217px;
       background: url(images/bg_menu.jpg) no-repeat;
       color:#fff;
       }
       
#menu ul{
       list-style: none;
       width: 140px;
       padding: 0;
       margin:10px auto 0 auto;
}

#menu ul li{
       margin: 0;
       padding-top: 7px;
       padding-bottom: 8px;       
       background: url(images/menuline.gif) left bottom repeat-x;
}

#menu ul li a{
       display: block;
       padding: 0;
       padding-left: 20px;       
       text-decoration: none;
       text-align: left;
       font: normal 11px Tahoma;
       background: url(images/strz.gif) left 50% no-repeat; 
       color: #fff;
}

#menu ul li a:hover{
       text-decoration: underline;
}

#center{
       float:left;
       width:550px;
       margin-right:11px;
}

#center2{
       width:550px;
       background:#E9E9E9;
}

p.hr{border-bottom: solid 1px #aaa; margin:0; padding:0}

p.stronicowanie{text-align: center; font: bold 10px Tahoma, Arial, Verdana;color: #000; margin:10px 0 0 0; padding:0}
p.stronicowanie a{color: #000; text-decoration:none;}
p.stronicowanie a:hover{color: #FF6600}

/* book list */
.book{padding:10px;margin:10px 0;}
#center img.bookmini{float:left; margin-right: 15px; padding: 2px; border: solid 1px #ff6600;}
p.bookngl{float: left; margin:0; padding:0;}
a.tytul{font: bold 12px Tahoma, Arial, Verdana; color: #000; text-decoration:none}
a.tytul:hover { color: #000; }
a.autor{font: regular 12px Tahoma, Arial, Verdana; color: #237A91; text-decoration:none}
a.autor:hover { color: #237A91; }

a.tytul:hover{text-decoration:underline}
a.autor:hover{text-decoration:underline}

.bookleft{float:left; margin-top: 10px; margin-right: 10px; padding-right:10px; border-right: solid 1px #aaa; width:125px; font: regular 9px Tahoma, Arial, Verdana;}
.bookleft img{border:none; margin-top:10px}
.bookright{ margin-top: 10px; text-align:justify; font-size: 12px; }

.cena{font: regular 10px Tahoma, Arial, Verdana; color: #ff6600;}
.staracena{font: regular 10px Tahoma, Arial, Verdana; color: #000;text-decoration:line-through;}
.nakladwyczerpany{font: bold 13px Tahoma, Arial, Verdana; color: #000; text-decoration:none}

/* koniec book list */

#right{
       float:left;
       width:200px;
       background:#fff;
}

img.bookmini_z{float:left; margin:0 15px 15px 0; padding: 2px; border: solid 1px #0099FF;}
div.right{padding:10px; margin:0}
p.zapowiedzi{float:left; width:90px;padding:0;margin:0}

#menu2 ul{
       list-style: none;
       width: 150px;
       padding: 0;
       margin:15px auto;
}

#menu2 ul li{
       margin: 0;
       padding-top: 4px;
       padding-bottom: 5px;       
       background: url(images/menu2line.gif) left bottom repeat-x;
}

#menu2 ul li a{
       display: block;
       padding: 0;
       padding-left: 20px;       
       text-decoration: none;
       text-align: left;
       font: normal 11px Tahoma;
       background: url(images/bullet.gif) left 50% no-repeat; 
       color: #237A91;
}

#menu2 ul li a:hover{
       text-decoration: underline;
}

#bottom{
       clear: both;
       padding: 10px 20px;
       font: normal 11px Arial;
       color:#fff;
       padding-bottom: 20px;
}

#bottom a{color:#fff; text-decoration:none}
#bottom a:hover{text-decoration:underline}


.clear{
       clear: both;
}
.main {
padding-left:10px;
padding-right:10px;
padding-top:8px;
padding-bottom:8px;
font: normal 11px Tahoma, Arial, Verdana, sans-serif;
}

.main_2 {
padding-left:10px;
padding-right:10px;
padding-top:2px;
padding-bottom:2px;
font: normal 11px Tahoma, Arial, Verdana, sans-serif;
}

img.s {
margin: 0px 15px 0px 0px;
}
img.s2 {
padding-left:24px;
margin: 0px 15px 1px 0px;
}
div.sep { height: 10px; font-size: 0px; line-height: 0px; }


td.product_box_img { width: 113px; text-align: center; }
td.product_box_img img { margin: 0px auto; padding: 2px; border: solid 1px #ff6600; }
td.product_box_title { padding: 0px 0px 10px 0px; font-size: 13px; }
table.product_box { width: 468px; margin: 10px 0px; }

#bookcartleft{
       float:left;
}
#bookcartleft ul{
       list-style: none;
       padding: 0;
       margin:0;
       width:130px;
}
#bookcartleft ul li{
       padding:5px 0;
       border-bottom: solid 1px #aaa;
}

.cenab{font: normal 18px Tahoma, Arial, Verdana !important; color: #ff6600;}


#bookcartright{ 
       float:left;
       width: 380px;

}
img.bookmini_z2{float:left; margin: 15px 15px 15px 0; padding: 2px; border: solid 1px #0099FF;}
img.bookmini3{ width: 120px; margin:0 15px 15px 0; padding: 2px; border: solid 1px #ff6600;}

span.tytul{font: bold 16px Tahoma, Arial, Verdana; color: #ff6600;}
span.tytul2{font: bold 14px Tahoma, Arial, Verdana; color: #ff6600;}
span.autor{font: bold 14px Tahoma, Arial, Verdana; color: #000;}
.wybierane{
       float:left;
       width: 224px
}

#smallersize
{
font-size: 16px;
color: white;
font-family: Arial;
font-weight: bigger;
}

#biggersize
{
font-size: 20px;
color: white;
font-weight: bigger;
font-family: Arial;
}