/* resetowanie opcji przegladarek */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
   margin: 0;
   padding: 0;
}

BODY{
  background:#FFFFFF url(images/bg.gif) repeat-x;
  color: #3a3a3a;
  margin: 0px;
  padding:0px;
  font-family: Verdana, Arial, sans-serif;
}

/* przy wyswietlaniu kategorii jaki ma byc odstep pomiedzy zdjeciami a nawami */
.wyswietl_produkty_kat{
    padding-left:10px;
    padding-right:15px;
}


/* do rozsuwanego menu */
#menu0 {
	 float    : left;
         width : 200px;
         height: auto;
         padding-right : 1px;
         padding-left  : 1px;
         padding-bottom : 0px;
         margin-top : 0px;
         margin-right : 0px;
         padding-top : 0px;
         font : 12px; /*"Lucida Sans Unicode","Lucida Sans", Verdana, Arial*/
}

#menu0 dt {
	background-color: #66B666;
	color: #000;
	font-weight: normal;  
	text-align: left;
	cursor: pointer;
	margin: 2px 0 0 0;
	padding: 3px;
    width: 100%;
    height: 17px;
}

#menu0 dd {
	/*background-color: #eee;*/
	color: #000;
	text-align: left;
    margin: 0px;
    padding: 0px;
/*	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #888*/

}

#menu0 dd.active {
	font-weight: bold
    
}


/* slider */
#slider {
	float:left;
	width:300px;
	overflow: hidden;
	background: #FFFFFF;
    margin-left: 10px;
    margin-right: 10px;
    display: inline;
}
#slider_lista {
	position:relative;
	left:-90px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width:9999px;
	padding-bottom:10px;
}
#slider_lista li{
	float: left;
	width:115px;
	padding:0px;
	height:auto;
	background: #FFFFFF;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
}
#slider_lista li img {
	margin-bottom:-4px; /*specjalny trick dla IE*/
	cursor:pointer;
	cursor: hand;
	border:0px;
}
#lewa, #prawa{
	float:left;
	height:auto;
	padding-top: 22px;
	width:45px;
    display: inline;
}

#lewa img, #prawa img{
	border:0;
	cursor: pointer;
	cursor: hand;
}
/* po sliderze

zeby zdjecia nie mialy ramek,w momencie najechania na nie myszka jest ramka
*/
/* linki *//* po wizycie */
a{color: #333399; text-decoration: none; }
/* po najechaniu myszki */
a:hover { color: #333399; font-weight:bold; }


.link_img{
    float: none;
	width: auto;
	border: none;
    font-weight: normal;
	/*background-color: #ffc;*/
}

.link_img a:hover img {     
    border: 2px solid #000000;
    font-weight: normal;
}

/* tekst miedzy nawami */
.tekst_srodek{
    color: #3F5279; /*ciemny blekit z menu,    zloty:#F3E467;*/
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}
/* przy np. ''najczesciej'' kupowane kolor tla tabelki */
.kolor_naglowek{
    background-color: #E1E1E1;
}

.opis_produktu{
    color: blue;
    font-size: 12px;
    /* nie chodzi wiec statycznie jest w kodzie zrobione */
    text-align: left;
    font-weight: normal;
    font-family: Verdana, Arial, sans-serif;
    line-height: 2.0;
}

.zamowienia_kolory_lewo{
    background-color: #EED4E7;
}
.zamowienia_kolory_prawo{
    background-color: #EED4E7;
}

/* z indeksu czesci glowna*/
.koszyk{
    width: 155px; 
    padding:7px; 
    background-color:#EAEEE8; 
    float: left;
    font-size: 17px;
}

.koszyk_tresc{
    color: black;
   font-size: 12px;
}

.tlo_nawa_prawa{
    width: 155px;
    padding:7px;
    background-color:#EAEEE8;
    float: left;
}
.przerwa_nawa_prawa{
    height: 0px;
    padding:7px;
    background-color:#FFFFFF;
    float: left;
}


input.button {
        margin:10px 5px 5px 5px;
        padding:1px;
        background: #DA467A;
        border:solid 1px #C03A65;
        text-align:center;
        font-family:verdana,arial,sans-serif;
        color: white;
        font-size:13px;
        cursor: pointer;
        font-weight: bold;
        width: auto;
}