/* style definiujące layout strony*/
@import url('uklad.css');

/* style definiujące okienko z kategoriami towarów */
@import url('kategorie.css');

/* style definiujące okienko z listą producentów */
@import url('lista-towarow.css');

/* style definiujące okienko z listą producentów */
@import url('koszyk-zakupow.css');

/* z tym trzeba uwazac, bo sie rozjezdza zagniezdzanie elementow
    docelowo wywalic */
* {

}
b, strong{
	font-weight: 800;
}

.szary{
color: #575757;
}

body {
    font-family: tahoma,  Arial, Verdana, Geneva,  Helvetica, sans-serif,"trebuchet ms", trebuchet;
	font-size: 12px;
    color: #555555;
}

a {
	font-size: 11px;
    font-weight: bold;
    text-decoration: none;
	color: #ffa201;

}
a:hover {
    color: #ed6e00;

}
div.description i{
	color: white;
}
img.zdjecie-miniaturka,
img.zastepcze,
div#tresc.clearfix div#srodek  a img{
	border: none;
	margin-bottom: 5px;
}

#reszta_prawej{
    display: inline-block;
    float: right;
    text-align: right;

background: #ffa947; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa947 0%, #ff8800 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa947), color-stop(100%,#ff8800)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa947 0%,#ff8800 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa947', endColorstr='#ff8800',GradientType=0 ); /* IE6-9 */
border-radius: 0;
border: none;
cursor: pointer;
line-height: 24px;
height: auto;
padding: 0 5px 0 0;
margin: 1px 0 0 0;
}

div#menu {

    color: #575757;
    float: left;
    text-align: left;
}
div#menu a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 13px;
 font-weight: 400;
    text-decoration: none;
	
	
	background: #ffa947; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffa947 0%, #ff8800 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa947), color-stop(100%,#ff8800)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffa947 0%,#ff8800 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa947', endColorstr='#ff8800',GradientType=0 ); /* IE6-9 */
	border-radius: 0;
	margin: 2px 0 0 0;
	border: none;
	cursor: pointer;
	padding: 4px 10px;
	line-height: 24px;
	height: auto;
	-webkit-transition: background-color .3s, height 2s;
	-moz-transition: background-color .3s, height 2s;
	-ms-transition: background-color .3s, height 2s;
	-o-transition: background-color .3s, height 2s;
	transition: background-color .3s, height 2s;
}

div#menu a.pierwsze {
background: #ffa947; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa947 0%, #ff8800 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa947), color-stop(100%,#ff8800)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa947 0%,#ff8800 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa947', endColorstr='#ff8800',GradientType=0 ); /* IE6-9 */
border-radius: 0;
margin: 2px 0 0 0;
border: none;
cursor: pointer;
padding: 4px 10px;
line-height: 24px;
height: auto;
}
div#menu a {
	-webkit-transition: background-color .3s, height 2s;
	-moz-transition: background-color .3s, height 2s;
	-ms-transition: background-color .3s, height 2s;
	-o-transition: background-color .3s, height 2s;
	transition: background-color .3s, height 2s;

}

div#menu a.pierwsze:hover,
div#menu a:hover {
	background: #de8e33; /* Old browsers */
	background: -moz-linear-gradient(top,  #de8e33 0%, #bb6604 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de8e33), color-stop(100%,#bb6604)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #de8e33 0%,#bb6604 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #de8e33 0%,#bb6604 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #de8e33 0%,#bb6604 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #de8e33 0%,#bb6604 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de8e33', endColorstr='#bb6604',GradientType=0 ); /* IE6-9 */
	color: white!important;
}

div#menu a:hover {
    color: #FFFFFF;
}

.koszyk_nag{
	color: #555555;
    font-weight: bold;
    padding: 5px 0;
    text-align: left;
}

.koszyk-przycisk-aktualizuj,
.kupon-submit,
.koszyk-przycisk-do-kasy{
    font-family: tahoma;
    font-size: 11px;
    cursor: pointer;
	background: #ffa947; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffa947 0%, #ff8800 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa947), color-stop(100%,#ff8800)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffa947 0%,#ff8800 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa947', endColorstr='#ff8800',GradientType=0 ); /* IE6-9 */
	border-radius: 0;
	margin: 2px 0 0 0;
	border: none;
	cursor: pointer;
	height: 24px;
	width: auto;
	padding: 5px 10px;
	color: white;
	font-weight: 100;
	text-transform: uppercase;
}

div#logowanie input.logowanie-submit:hover, .koszyk-przycisk-aktualizuj:hover, .kupon-submit:hover, .koszyk-przycisk-do-kasy:hover{
	background: #eaa659; /* Old browsers */
	background: -moz-linear-gradient(top,  #eaa659 0%, #e3871f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaa659), color-stop(100%,#e3871f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eaa659 0%,#e3871f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eaa659 0%,#e3871f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eaa659 0%,#e3871f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eaa659 0%,#e3871f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaa659', endColorstr='#e3871f',GradientType=0 ); /* IE6-9 */
}

.koszyk-przycisk-aktualizuj{
	margin-right: 10px;
}
.koszyk-przycisk-do-kasy{
	margin: 3px;
	    font-family: tahoma;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 10px;

}
.koszyk-przycisk-do-kasy:hover{
color: white;
}
div#menu a:hover {
    color: #000;
}

div#menu span {
    color: #C1C1C1;
    font-weight: bold;
    font-size: 16px;
    padding: 0 6px 0 5px;
    margin: 0;
}

div#link-koszyk {
    color: #fff;
    background: url('../grafika/menu-tlo1r.gif') #b07171;
    background-position: top left;
    background-repeat: no-repeat;
    float: right;
    margin-right: 50px;
    padding-left: 10px;
    width: 310px;
}
div#link-koszyk span {
    background: url('../grafika/menu-tlo2r.gif');
    background-position: top right;
    background-repeat: no-repeat;
    text-align: center;
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    width: 300px;
}

div#link-koszyk span a {
    color: #fff;
    text-decoration: none;
}

div#link-koszyk span a:hover {
    color: #f00;
    text-decoration: none;
}


.wyszukiwarka {

}
.wyszukiwarka form {
    padding: 0px;
    margin: 0;
}
.wyszukiwarka input.input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #555555;
    color: #000000;
    height: 20px;
    margin-right: 1px;
    vertical-align: middle;
    padding: 0 1px;
    width: 150px;
}

#wyszukiwarka {
	display: block;
	margin: 2px 0 0 0;
}

#wyszukiwarka input {
	border-radius: 0;
	line-height: 22px;
	display: block;
	float: left;
}

#wyszukiwarka input.submit {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 20px;
    vertical-align: 1px;
    text-align: center;
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #333333 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #333333 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #333333 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #333333 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border-radius: 0;
	line-height: 21px;
	display: block;
	float: left;
	margin: 0 0 0 5px;
	cursor: pointer;
	-webkit-appearance: none;
	border: none;
}
div#logowanie {
    width: 197px;
	font-size: 11px;
    margin-bottom: 10px;


background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top,  #ededed 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ededed 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ededed 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ededed 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ededed 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
padding: 5px;
border-radius: 0;
width: 187px;
color: #555555;
border: none;


}

div#logowanie > div {
	text-align: left!important;
}

.loguj {
	width: 100%;
}
h3.logowanie, h3.okienko-koszyk  {
    background: url("../grafika/kolko.png") no-repeat scroll left center transparent;
    color: #555555;
    font-family: tahoma;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 8px;
    padding-left: 20px;
    padding-top: 3px;
}
div#logowanie p {
    padding-left: 2px;
    padding-top: 5px;
    float: left;
}
div#logowanie form {

}
div#logowanie table {
margin-left: auto;
margin-right: auto;
}
div#logowanie input.input,
div#logowanie input.logowanie-login,
div#logowanie input.logowanie-haslo
 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    color: #000000;
    font-size: 11px;
    height: 20px;
    padding-left: 1px;
    padding-right: 1px;
    width: 135px;
}
div#logowanie input.submit{
    background: url("../grafika/button_menu.png") repeat-x scroll left center black;
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    margin-right: 10px;
    margin-top: 5px;
    padding-bottom: 10px;
    width: 84px;
}
div#logowanie input.logowanie-submit {
    font-family: arial;
    font-size: 11px;
	background: #ffa947; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffa947 0%, #ff8800 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa947), color-stop(100%,#ff8800)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffa947 0%,#ff8800 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffa947 0%,#ff8800 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa947', endColorstr='#ff8800',GradientType=0 ); /* IE6-9 */
	border-radius: 0;
	margin: 2px 0 0 0;
	border: none;
	cursor: pointer;
	height: 24px;
	width: auto;
	padding: 5px 10px;
	color: white;
	font-weight: 100;
	text-transform: uppercase;
    }

div#logowanie table td {
	text-align: right!important;
}

div#logowanie input.input, div#logowanie input.logowanie-login, div#logowanie input.logowanie-haslo, input[type=text], input[type=password] {
	border: 1px solid #dadada;
	padding: 2px 4px;
	height: 20px;
}

div#logowanie table tr {
	height: 30px;
}



#profil input.submit  {
	    background: url("../grafika/button_menu.png") repeat-x scroll left top black;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

input.koszyk-przycisk-wyczysc,
input.rejestracja-zapisz,
input.kontakt-wyslij,
input.przypomnij{
    background: url("../grafika/button_menu.png") repeat-x scroll left center black;
    border: 1px solid #2E2E2E;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
}
div#logowanie div.logowanie-komunikat {
    font-weight: bold;
    text-align: center;
    color: #f00;

}
input[type=text], input[type=password]{
	    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #555555;
    color: #000000;
    height: 20px;
    margin-right: 1px;

}
div#logowanie a {
    color: #ff8a00;
    margin-right: 10px;
}
div#logowanie a:hover {
    color: #ed6e00;
}

div.lista-strony {
    margin-top: 10px;
    margin-bottom: 20px;
}
div.lista-strony a {
    font-weight: bold;
    text-decoration: none;
    color: #757575;
    margin-right: 3px;
    display: block;
    border: 1px solid #555;
    width: 20px;
    float: left;
    text-align: center;
}
div.lista-strony a:hover {
    color: #ED6E00;
    background: #ccc;
}

div.lista-strony a.wyrozniony {
    color: #000;
    background: #eee;
}
div.lista-strony a.wyrozniony:hover {
    color: #ED6E00;
    background: #ccc;
}

h1 {
	font-weight: normal;
		font-size: 18px;
		margin: 20px 0 20px 10px;
		padding: 0;
        color: #ff8a00;
        font-family: Tahoma;
}

h1.ha1 {
   background: url("../grafika/kolko.png") no-repeat scroll left 4px transparent;
    color: #555555;
    font-family: Tahoma;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 10px;
    padding-left: 20px;
    padding-top: 2px;
}
h2 {
		font-size: 18px;
		margin: 0 0 20px 0;
		padding: 0;
        color: #FF9900;
}
#srodek h3 {
    background: url("../grafika/kolko.png") no-repeat scroll left 4px transparent;
    color: #555555;
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0;
    padding-left: 20px;
    padding-top: 2px;
}

.lista-wspolna table {
    width: 510px;
    margin-bottom: 10px;
}

.lista-wspolna table,
.lista-wspolna table th,
.lista-wspolna table td {
	font-size: 11px;
    border-collapse: collapse;
    border: 1px solid #555;
}
table td.ft{
	color: #575757;
}
.lista-wspolna table th {
    padding: 4px;
    text-align: center;
    background: #ddd;
    color: #575757;
}
.lista-wspolna table td {
    padding: 4px;
}

.lista-wspolna table td.tr1 {
    background: #fff;
}
.okienko-lista-specjalna{
	list-style: none;
}
.lista-wspolna table td.tr1 {
    background: #f0f0f0;
}
.lista-wspolna table td.ft {
    background: #ddd;
}
.lista-wspolna table td.r {
    text-align: right;
}
.lista-wspolna table td.c {
    text-align: center;
}

.lista-wspolna table a {
	font-size: 11px;
    font-weight: bold;
    text-decoration: none;
        color: #FF8A00;

}
.lista-wspolna table a:hover {
    color: #ED6E00;

}

div#panel-uzytkownika {
    margin-bottom: 5px;
}



div#profil table {
    border-collapse: collapse;
}
div#profil table td,
div#profil table th {
    margin: 0px;
    padding: 4px;
}
div#profil table td.r {
    text-align: right;
}
.wybrany{
	font-weight: bold !important;
}
div.komunikat {
    font-weight: normal;
    color: #ED6E00;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
	background: none;
	border: 2px solid #ED6E00;
    border-radius: 4px 4px 4px 4px;
    padding: 10px;
	margin-left: 14px;
}
div.komunikat-blad {
    font-weight: bold;
    color: #f00;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
div.profil-menu {
    margin-bottom: 1em;
}
b.red {
    color: #f00;
}

div.adres-dostawy {
    margin-top: 0.75em;
}
.adres-dostawy {
	font-size: 11px;
}
select.sposob-dostawy {
	font-size: 11px;
    width: 350px;
}
div.formularz-blad {
    color: #f00;
}

td.c {
    text-align: center;
}

h3.dane {
    margin-bottom: 0.2em;
}


#formularz-kontakt input {
	width: 300px;
}
#formularz-kontakt input#kontakt-wyslij {
	width: 100px;
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #333333 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #333333 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #333333 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #333333 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border-radius: 0;
	line-height: 21px;
	cursor: pointer;
}

#formularz-kontakt input#kontakt-wyslij:hover, #wyszukiwarka input.submit:hover {
	background: black;
}

#formularz-kontakt textarea {
    font-family: "trebuchet ms", trebuchet, tahoma,  Arial, Verdana, Geneva,  Helvetica, sans-serif;
	font-size: 11px;
	width: 308px;
	height: 150px;
}
#formularz-kontakt td.r {
	text-align: right;
	padding-left: 2px;
}
#formularz-kontakt td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.platnik-dom, .platnik-lokal, .adres-dostawy-dom, .adres-dostawy-lokal{
	width: 50px;
}
.elem-lista {
	vertical-align: top;
    width: 160px;
    padding-bottom: 20px;
    text-align: center;
}
.elem-lista a.towar{
	display: block;
	padding: 0 5px;
}

.elem-lista:hover a {
	color: #ed6e00;
}

.elem-lista:hover img {
	opacity: 0.8;
}

.elem-lista:hover img {
	-webkit-transition: all .3s, height 2s;
	-moz-transition: all .3s, height 2s;
	-ms-transition: all .3s, height 2s;
	-o-transition: all .3s, height 2s;
	transition: all .3s, height 2s;
}


table.okienko-lista-specjalna{
	margin-bottom: 3px;
}


div.lista-strony a.select{
    color: white;
}
div.description.cms{

width: 520px;
overflow: hidden;
}

.banners_header {
	height: 92px;
	top:0;
}

div#naglowek #logo {
	position: absolute;
}