/* CSS Document */
/*
1. KOSZYK
2. SZUKAJ
3. PRODUCENCI
4. NEWSLETTER
5. STYLE DLA NESWLETTER, PRODUCENCI, SZUKAJ
6. FORMULARZ NEWSLETTER, SZUKAJ
7. PROMOCJE, PRODUKT_DNIA
8. BESTSELLERY NA STRONIE GŁÓWNEJ (nowości, bestellery)
9. REKLAMY
10.INFORMACJE
11. MASZ PYTANIE (SZYBKI KONTAKT)
12. IFORMACJA O ZAMÓWIENIU + klientNavigator
13. KATALOG PRODUKTÓW
14. PŁATNOŚCI
15. PRZEKONAJ MNIE
*/

/************************************	1. KOSZYK	********************************/

html>body #box_koszyk, #box_koszyk_pusty {
width:238px;
height:60px;
padding:0px;
margin-left:3px;
margin-top: 10px;
margin-bottom:10px;
border:1px solid #000000;
float:left;
}

html>body #box_koszyk {
background:url(http://ecentrum.kelton.pl/images_2010/szablon/naglowek_koszyk.jpg) no-repeat;
}

html>body #box_koszyk_pusty {
background:url(http://ecentrum.kelton.pl/images_2010/szablon/naglowek_koszyk_pusty.jpg) no-repeat;
}

html>body #box_koszyk p, #box_koszyk_pusty p {
margin-top:13px;
font-weight:bolder;
}

html>body #box_koszyk p a, #box_koszyk_pusty p a {
color:#a6a6a6;
}

html>body #box_koszyk p a:hover, #box_koszyk_pusty p a:hover {
color:#cc0000;
}

html>body #box_koszyk a, #box_koszyk_pusty a {
font-size:11px;
}

html>body .box_koszyk_wozek_pusty {
margin-top:-60px;
float:right; 
}

html>body .box_koszyk_wozek {
margin-top:-50px; 
float:right; 
}

.guzik_moj_koszyk {
width:94px;
height:22px;
margin-left:40px; 
margin-bottom:5px;
}

img.koszyk_wozek {

}
/*Koniec Box KOSZYK*/

/*Box style dla IE*/
* html #box_koszyk {
position:relative;
float:right;
width:202px;
height:90px;
z-index:300;
background: url('http://ecentrum.kelton.pl/images/koszyk_tlo.gif') no-repeat;
}

* html #box_koszyk p {
margin-left:30px;
z-index:300; 
}

* html #box_koszyk a {
font-size:11px;
}

* html #box_koszyk img {
font-size:11px;
}

* html .box_koszyk_wozek_pusty {
margin-top:-40px;
float:right;
z-index:400;
width:90px;
height:90px; 
}

* html .box_koszyk_wozek {
margin-top:-65px; 
float:right;
z-index:400;
width:90px;
height:90px;
}
/*Koniec Box KOSZYK style dla IE*/


/************************************	2. SZUKAJ	********************************/

div#szukaj {
background:url(http://ecentrum.kelton.pl/images_2010/szablon/naglowek_szukaj.jpg) no-repeat;
width:735px;
min-height:60px;
padding:0px;
margin-left:10px;
margin-top: 10px;
margin-bottom:10px;
border:1px solid #000000;
background-color: #f6f6f6;
float:left;
}

div#szukaj form {
padding-top:7px;
padding-left:10px;
}

div#szukaj form fieldset, div#szukaj form select, div#szukaj form input{
color:#2f2f2f;
font-size:11px;
}

div#szukaj form select {
width:190px;
}

div#szukaj form fieldset {
border:1px solid #cccccc;
height:35px;
margin-bottom:5px;
}

.pole_szukaj {
height: 25px;
width:630px;
font-size:17px;
color:#101010;
border:2px solid #101010;
margin-bottom:0px;
padding-bottom:0px;
}

.przycisk_szukaj {
width:153px;
height:30px;
font-size:15px;
border:2px solid #101010;
color:#000000;
font-weight:bolder;
background:url(http://ecentrum.kelton.pl/images_2010/opis/opis_szukaj.gif) no-repeat;
cursor:pointer;
margin-left:565px;
margin-bottom: 5px;
padding-left:0px;
float:left;
} 

/************************************	10. INFORMACJE	********************************/
#informacje {
clear:both;
padding-top:5px;
width:100%;
height:120px;
background-color:#F5F5F5;
}

html>body .zawartosc_iformacji {
position:relative;
width:195px; 
min-height:140px; 
float:left;
margin-top:50px;
padding-left:20px;
padding-right:20px;
border-right:1px solid #000000;
text-align:left;
}

* html .zawartosc_iformacji {
width:195px; 
height:150px; 
float:left; 
margin-left:10px; 
margin-right:15px;
border:1px solid #cccccc;
background-color:#FFFFFF;
filter:alpha(opacity=70); 
-moz-opacity:0.7; 
opacity:0.7;
}

p.infromacje_naglowek {
display:block;
padding:5px; 
font-size:13px; 
font-weight:bolder; 
color:#cc0000;
}

a.informacje {
font-size:11px;
font-weight:lighter;
color:#a6a6a6;
margin-left:20px;
}

/************************************	Tooltips	********************************/
.tooltip {
	outline: none;
	cursor: pointer;
        text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; 
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
        -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute;
        left: 6em;
        top: 1em;
        z-index: 99;
	margin-left: 0;
        width: 200px;
        text-align: left;
}

.tooltip img {
  /* for IE */filter:alpha(opacity=90);
  /* CSS3 standard */opacity:0.9;
}

.tooltip:hover img {
  /* for IE */filter:alpha(opacity=100);
  /* CSS3 standard */opacity:1;
}

.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 2px solid #FFAD33; }