body {margin: 0; padding: 0; font-family: arial; font-size: 12px; background: white; overflow:auto; }
p {margin:0; padding:0; color:black;}
.odnosniczek {text-decoration:none;}
.odnosniczek:hover {text-decoration:underline;}

#top {width: 930px; background: url(../gfx/top_title.jpg) no-repeat top left; height: 110px; margin: auto; }
#top img {border: none; }

#container {width: 930px; background: white; margin: 0 auto 0; }

#top_menu {list-style: none; width: 760px; float: right; margin: 20px 0 0 0; padding: 0; }
#top_menu li {float: left; margin: 0; padding: 0; }
#top_menu li a {display: block; background: black; letter-spacing: 2px; color: white; font-size: 13px; text-decoration: none; padding: 2px 7px 2px 7px; margin: 0 20px 0 0; }
#top_menu li a:first-letter {font-weight: bold; }

#top_menu li a:hover {display: block; background:#fff ; letter-spacing: 2px; color: black; font-size: 13px; text-decoration: none; padding: 2px 7px 2px 7px; margin: 0 20px 0 0;}

#top_menu li a:active {display: block; background:#fff ; letter-spacing: 2px; color: black; font-size: 13px; text-decoration: none; padding: 2px 7px 2px 7px; margin: 0 20px 0 0; }

#top_menu li a.clicked {display: block; background:#fff ; letter-spacing: 2px; color: black; font-size: 13px; text-decoration: none; padding: 2px 7px 2px 7px; margin: 0 20px 0 0; }


#content {width: 760px; float: left; color: #fff; overflow:hidden;/*margin: 0 0 20px 0;*/ }
#content a {color: black; }
#content_search {width: 760px; background: #87181B url(../gfx/tlo_szukaj_1.gif) no-repeat 0 0; float: right; color: #fff; margin: 0 0 20px 0; }
#content_books {width: 760px; background: #87181B url(../gfx/tlo_ksiazki_1.gif) no-repeat 0 0; float: right; color: #fff; margin: 0 0 20px 0; }

#foot {width: 730px; height:30px; background: white; border:2px solid black; float: left; clear: both; color: black; margin: 20px 0 20px 0; }
#foot a {float: left; font-weight: bold; color: black; width: 151px; text-align: center; text-decoration: none; padding: 2px 0 3px 0; }

#col_about {padding: 20px 20px 0 100px; width: 170px; float: left; background: url(../gfx/tlo_witamy_1.gif) no-repeat 0 0; color:black;}
#col_about p {margin: 0 0 5px 0; }

#col_news {float: left; width: 280px; margin: 0; }
#col_news .news {background: white ; padding: 18px 20px 4px 20px; margin: 0; color:black;}
#col_news .news p {margin: 5px 0; }
#col_news .news p.data {font-size: 10px; margin: 2px 0; }
#col_news .news h3 {margin: 0; font-size: 13px; }
#col_news .bottom {background: #510303 url(../gfx/tlo_news_2.gif) no-repeat bottom left; height: 15px; margin: 0 0 00px 0; width: 280px; }

#col_products {float: right; font-size: 11px; margin: 0; }
#col_products .product {background: #510303 ; padding: 20px 20px 0 20px; width: 110px; color:white;}
#col_products .product img {display: block; }
#col_products .product h3 {font-size: 12px; margin: 0; }
#col_products .product p {margin: 0; color:white;}
#col_products .bottom {background: #510303 ; height: 20px; margin: 0 0 20px 0; width: 150px; }

#col_search_form {padding: 20px 20px 0 100px; width: 160px; height: 300px; float: left; }
#col_search_form th {background: #fff; color: #87181B; text-align: right; font-weight: normal; padding: 0 4px 0 7px; font-size: 11px; }
#col_search_form td {background: #fff; text-align: left; }
#col_search_form input {border: none; padding: 2px; font-size: 11px; font-family: tahoma; margin: 1px 0; width: 92px; color: gray; }
* html #col_search_form input {margin: 0; }
#col_search_form td, #col_search_form th {border-top: 5px solid #87181B; }

#col_menu {padding: 4px 0 0 5px; width: 90px; float: left; border-left:0px solid; min-height:300px;}
#col_menu ul {list-style: none; margin: 0; padding: 0; }
#col_menu ul li {margin: 0 0 10px 0; padding: 0; }
#col_menu ul li a {text-decoration: none; font-size: 13px; color:black; text-transform: uppercase; display:block; font-weight:bold;}
#col_menu ul li a:hover {display:block; text-decoration: none; font-size: 13px; color: white; background:black;}
#col_menu ul li a.clicked {display:block; text-decoration: none; font-size: 13px; color: #87181B; text-transform: uppercase; background:#ffffff;}

#katalog table {border-collapse: collapse; }
#katalog table tr.row_1 td {background: #fff; border-left: 1px solid #A79A86; border-right: 1px solid #A79A86; }
#katalog table tr.row_2 td {background: #A79A86; border-left: 1px solid #fff; border-right: 1px solid #fff; }
#katalog table td {padding: 3px; }
#katalog table th {padding: 3px; }

#etykieta {text-align: center; font-size:15px; font-weight:bold; color:black}
#przedzialy {text-align: center; font-size:14px; font-weight:bold; margin: 5px; min-width:30px;float:left; text-decoration:none;}


#przedzialy a{text-decoration:none; color:black;}

#autor a{text-decoration:none;}
#autor a:hover{text-decoration:underline;}

.koszyk_zakupow {font-size:10px; }
.wiecej_koszyk {font-size:11px; font-weight:bold; color: #660000}


.przycisk_graficzny {display: inline-block; background: white; letter-spacing: 2px; color: #fff; font-size: 12px; text-decoration: none; padding: 1px 3px 1px 3px; margin: 0 20px 0 0; width:70px; color:black; border:0; font-family:Arial;}
.przycisk_graficzny:first-letter {font-weight: bold; }
.przycisk_graficzny:hover {display: inline-block; background:black ; letter-spacing: 2px; color: white; font-size: 12px; text-decoration: none; padding: 1px 3px 1px 3px; margin: 0 20px 0 0; cursor:pointer;  border:0;}
.przycisk_bialy {background:white; color: #87181B; font-weight:bold; border:none; } 


.tbl_normal {font-family:  Arial; font-size: 11px; text-align:left; color:black;}

.ilosc_prod {width:35px; border:0; font-size:11px; background:white; }

.cena_razem {width:45px; border:0; font-size:11px; background:white; text-align:right; }

#zawartosc_koszyka {border:0px solid; width:536px; font-family:  Arial; font-size: 11px; text-align:left; float:left; }
#zawartosc_koszyka .isbn {width:109px; float:left; padding:2px; margin:4px 0 4px 0;}
#zawartosc_koszyka .autor {width:109px; float:left;  padding:2px;  margin:4px 0 4px 0;}
#zawartosc_koszyka .produkt {width:150px; float:left;  padding:2px;  margin:4px 0 4px 0;}
#zawartosc_koszyka .ilosc {width:40px; float:left;  padding:2px;  margin:4px 0 4px 0;}
#zawartosc_koszyka .cena {width:40px; float:left;   padding:2px;  margin:4px 0 4px 0;}
#zawartosc_koszyka .wartosc {width:50px; float:left;  padding:2px;  margin:4px 0 4px 0;}

a.logowanie {color: black; text-decoration: none; font-weight: bold;}
a.logowanie:hover {color: black; text-decoration: underline; }
a.logowanie:active {color: black; text-decoration: none; font-weight: normal;}

#ramka_przyciski {width:536px; border-top:1px solid white; padding:10px 5px 10px 5px; float:left; margin:10px 0 0 0;}
#ramka_przyciski .przycisk {width: 80px; float:right; }

#strona_naglowek {background: white; margin: 0 0 10px 0; color: #87181B; font-weight:bold; text-align:center; float:left; width:546px; }

#blad_wyswietl {background: white; margin: 0 0 5px 0; padding:1px;  color: #87181B; font-weight:bold; text-align:center; float:left; width:175px; }

#formularz_zakupu {float:left; }

.zamkniecie_popupa {text-decoration:none; }
.zamkniecie_popupa:hover {text-decoration:underline; }