/*style globalne*/
body {
  font-family:Verdana;
  font-size:13px;
  text-align:center;
}

body a {
  text-decoration: none;
  color:#7fa130;
}

body a:hover {
}

body img {
  border:0px;
}

#calosc {
  width:780px;
  position: relative;
  margin: 0 auto;
  bbackground-color:yellow;
  padding:0px;
  text-align:left;
}

#gora {
  background-image:url(img/bglowny.jpg);
  height:170px;
  position: relative;
}

#logohref {
  bbackground-color:yellow;
  display: block;
  width:100px;
  height:100px;
  position: absolute;
  margin: 30px;
}

#top {
  bbackground-color:red;
  color: #ffffcc;
  position: absolute; left: 180px; bottom: 8px;
}

#top a {
  color: #ffffcc;
}

#top form {
  margin:5px 0px;
}
  
.menu {
  bbackground-color:yellow;
  height:29px;
  margin: 2px 0px;
  clear:both;
}

#loga {
  height:45px;
  background-image:url(img/loga.jpg);
}

#stopka {
  bbackground-color:red;
  height:20px;
  padding:10px;
  color:#7fa130;
  text-align: center;
} 

ul.ul_menu, ul.ul_menu li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

ul.ul_menu {
  text-align: center;
  position: relative;
}

ul.ul_menu li.m_na_4a {
	width:193px;
  margin-right:2px;
  background-image:url(img/podkladmenu.jpg);
}

ul.ul_menu li.m_na_4a_wl {
	width:193px;
  margin-right:2px;
  background-image:url(img/podkladmenu.jpg);
}

ul.ul_menu li.m_na_4a_dam {
	width:193px;
  margin-right:2px;
  background-image:url(img/podkladmenu.jpg);
}

ul.ul_menu li.m_na_4a_dam_wl {
	width:193px;
  margin-right:2px;
  background-image:url(img/podkladmenudlapan.jpg);
}

ul.ul_menu li.m_na_4a_dam:hover {
	width:193px;
  margin-right:2px;
  background-image:url(img/podkladmenudlapan.jpg);
}

ul.ul_menu li.m_na_4a_pan {
	width:193px;
  margin-right:2px;
  background-image:url(img/podkladmenu.jpg);
}

ul.ul_menu li.m_na_4a_pan_wl {
	width:193px;
  margin-right:2px;
  background-image:url(img/podkladmenudlapanow.jpg);
}

ul.ul_menu li.m_na_4a_pan:hover {
	width:193px;
  margin-right:2px;
  background-image:url(img/podkladmenudlapanow.jpg);
}

ul.ul_menu li.m_na_4a_lato {
	width:193px;
  margin-right:2px;
  background-image:url(img/podkladmenu.jpg);
}

ul.ul_menu li.m_na_4a_lato_wl {
	width:193px;
  margin-right:2px;
  background-image:url(img/podkladmenulato.jpg);
}

ul.ul_menu li.m_na_4a_lato:hover {
	width:193px;
  margin-right:2px;
  background-image:url(img/podkladmenulato.jpg);
}

ul.ul_menu li.m_na_4b {
	width:195px;
  margin-right:0px;
  background-image:url(img/podkladmenu.jpg);
}

ul.ul_menu li.m_na_4b_wl {
	width:195px;
  margin-right:0px;
  background-image:url(img/podkladmenu.jpg);
}

ul.ul_menu li.m_na_4b_makeup {
	width:195px;
  margin-right:0px;
  background-image:url(img/podkladmenu.jpg);
}

ul.ul_menu li.m_na_4b_makeup_wl {
	width:195px;
  margin-right:0px;
  background-image:url(img/podkladmenumakeup.jpg);
}

ul.ul_menu li.m_na_4b_makeup:hover {
	width:195px;
  margin-right:0px;
  background-image:url(img/podkladmenumakeup.jpg);
}

ul.ul_menu li.m_na_2a {
	width:389px;
  margin-right:2px;
  background-image:url(img/podkladmenu.jpg);
}

ul.ul_menu li.m_na_2b {
	width:389px;
  margin-right:0px;
  background-image:url(img/podkladmenu.jpg);
}

ul.ul_menu a:link, ul.ul_menu a:visited {
  display: block;
  color:#fe7e00;
  padding:6px 0px;
  }

/*podział podstron*/
.lewo {
  float:left;
  margin-right:2px;
  width:193px;
}

.prawo {
  float:left;
  color:#858585;
  width:585px;
}

.prawo_srodek {
  margin:30px;
  color:#858585;
  bbackground-color:yellow;
  line-height:20px;
  clear:both;
  overflow: hidden;
}

.prawo_srodek ul {
  list-style-type: decimal;
  font-weight:bold;
  color:#7fa130;
}

/*banery na stronie glownej*/
#banerki {
  bbackground-color:yellow;
  position: relative;
  line-height:18px;
}

#banerki p {
  margin:0px;
  padding:10px;
}

#banerki a:link,#banerki a:visited {
  display: block;
  color:#fe7e00;
  padding:3px;
}

#baner_org {
  width:130px;
  height:60px;
  color:#f67a9e;
  background-image:url(img/podkladoryginalne.jpg);
}

#baner_zni {
  width:130px;
  height:60px;
  color:#7fa130;
  text-align: right;
  margin:2px 0px;
  background-image:url(img/podkladznizki.jpg);
}

#baner_alldes {
  width:130px;
  height:26px;
  text-align: center;
  background-image:url(img/podkladdesigners.jpg);
}

#baner_srodek {
  width:516px;
  height:150px;
  position: absolute; left: 132px; top: 0px;
  background-image:url(img/bannersrodek.jpg);
}

#baner_koszty {
  width:130px;
  height:74px;
  color:#7fa130;
  text-align: center;
  position: absolute; right: 0px; top: 0px;
  margin:0px 0px 2px 0px;
  background-image:url(img/podkladkoszty.jpg);
}

#baner_darm {
  width:130px;
  height:74px;
  color:#f67a9e;
  text-align: center;
  position: absolute; right: 0px; top: 76px;
  background-image:url(img/podkladprobki.jpg);
}

/*banery na podstronach*/
#baner_home {
  width:193px;
  height:30px;
  text-align: center;
  line-height:28px;
  background-image:url(img/podkladmainpage.jpg);
}

#baner_tytul {
  width:100%;  /*zmienione z 584px*/
  height:30px;
  text-align: right;
  clear:both;
  background-image:url(img/podkladtytul.jpg);
}

.like_baner_tytul {
  width:100%;
  height:30px;
  text-align: center;
  clear:both;
  background-image:url(img/podkladtytul.jpg);
}

#baner_tytul h1 {
  ffont-family:Verdana;
  font-size:15px;
  margin:0px 30px 0px 0px;
  padding-top:4px;
  color:#fe7e00;
}

h2 { 
  font-size:15px;
  height:26px;
  padding: 8px 0px 0px 30px;
  margin:0px;
  color:#fe7e00;
  bbackground-color:pink;
  cclear:right;
}

.baner_pomoc {
  width:193px;
  height:30px;
  margin-top:2px;
  text-align: center;
  line-height:28px;
  bbackground-color:pink;
  background-image:url(img/podkladmenupomoc.jpg);
}

#baner_alldes_panie {
  width:193px;
  height:30px;
  margin:2px 0px;
  text-align: center;
  line-height:28px;
  background-image:url(img/podkladdesignerspanie.jpg);
}

#baner_pusty {
  width:193px;
  height:30px;
  text-align: center;
  line-height:28px;
  margin-bottom:2px;
  bbackground-color:red;
}

#baner_dla_pan {
  width:584px;
  height:150px;
  background-image:url(img/bannerdlapan.jpg);
}

#baner_dla_panow {
  width:584px;
  height:150px;
  background-image:url(img/bannerdlapanow.jpg);
}

#baner_lato {
  width:584px;
  height:150px;
  background-image:url(img/bannerlato.jpg);
}

#baner_kosmetyki {
  width:584px;
  height:150px;
  background-image:url(img/bannerkosmetyki.jpg);
}

#baner_makeup {
  width:584px;
  height:150px;
  background-image:url(img/bannermakeup.jpg);
}


#alldes_loga {
  height:270px;
  width:778px;
  float:left;
  position:relative;
  bbackground-color:blue;
}

#alldes_loga img {
  position: absolute;
}

#lista_alldes {
  margin:20px 0px;
  bbackground-color:black;
  clear:both;
  overflow: hidden;
}

.lista_alldes_ziel {
  width:260px;
  float:left;
  text-align: center;
}

.lista_alldes_ziel a {
  display:block;
}

.lista_alldes_pomar {
  width:260px;
  float:left;
  bbackground-color:red;
  text-align: center;
}

.lista_alldes_pomar a {
  display:block;
  color:#fe7e00;
}

#logo1 {
  top:5px; left:15px;
}

#logo2 {
  top:25px; left:180px;
}

#logo3 {
  top:5px; left:375px;
}

#logo4 {
  top:40px; left:510px;
}

#logo5 {
  top:0px; left:625px;
}

#logo6 {
  top:65px; left:70px;
}

#logo7 {
  top:60px; left:335px;
}

#logo8 {
  top:105px; left:205px;
}

#logo9 {
  top:110px; left:450px;
}

#logo10 {
  top:90px; left:620px;
}

#logo11 {
  top:165px; left:150px;
}

#logo12 {
  top:160px; left:305px;
}

#logo13 {
  top:175px; left:465px;
}

#logo14 {
  top:165px; left:620px;
}

#logo15 {
  top:200px; left:15px;
}

#logo16 {
  top:225px; left:170px;
}

#logo17 {
  top:225px; left:340px;
}

#logo18 {
  top:225px; left:585px;
}

#logo19 {
  top:120px; left:5px;
}

/*wyszukiwanie alfabetyczne na stronie podkategorii*/
#wyszuk_alfabet {
  width:193px;
  background-image:url(img/podkladsuwak.jpg);
}

#lista{
  width:185px;
  height:350px;
  margin:4px;
  overflow: auto;
}

#lista a {
	display: block;
  padding:2px 0px 2px 10px;
}

.lista_lit {
  color:#7fa130;
  font-weight: bold;
}

.lista_prod {
  color:#7fa130;
}

.lista_desi {
  color:#fe7e00;
  font-style:italic;
}

ul.ul_litery {
	display: block;
	list-style: none;
	margin: 0px 4px;
	padding: 3px;
	height:20px;
	bbackground-color:yellow;
	border-bottom: 1px solid #bbd779; /*stary kolor #7fa130*/
}

ul.ul_litery {
  text-align: center;
  position: relative;
}

ul.ul_litery li.l_a {
	float: left;
	width:19px;
  padding:0px;
  border-right: 1px solid #bbd779;
}

ul.ul_litery li.l_b {
	float: left;
	width:19px;
  padding:0px;
}

ul.ul_litery a:link, ul.ul_litery a:visited {
  display: block;
  bbackground-color:blue;
  color:#fe7e00;
  padding:2px 0px;
}

ul.ul_litery span {
  display: block;
  bbackground-color:blue;
  color:#bbd779;
  padding:2px 0px;
}

ul.ul_litery a:hover {
	bbackground-image: url("tlo2.gif");
}

/*prezentacja produktów*/
.linia_prod {
  padding: 10px 0px;
  height:270px;
  bbackground-color:red;
  clear:both;
}

.kreska_pion {
  border-left: 1px solid #e5f7bc;
  width: 0px;
  height: 270px;
  float:left;
}

.kreska_pozi {
  border-top: 1px solid #e5f7bc;
  width: 100%;
  height: 0px;
  clear:both;
  bbackground-color:blue;
}

.prod {
  width:194px;
  height:270px;
  text-align: center;
  bbackground-color:yellow;
  float:left;
}

.prod p {
  margin:3px;
}

.foto {
  width:100px;
  height:100px;
  text-align: center;
  margin: 15px auto;
  bbackground-color:blue;
  position: relative;  
}

.pomar {
  color:#fe7e00;
}

.zielen {
  color:#7fa130;
}

.szary {
  font-weight:normal;
  color:#858585;
}

.do_prawej {
  display:block;
  text-align:right;
  bbackground-color:red;
}

.do_srodka {
  display:block;
  text-align:center;
  bbackground-color:red;
}

.do_lewej {
  text-align:left;
}

/*karta produktów*/

.tab_karta_prod {
  width:100%;
  text-align:center;
}

.tab_karta_prod th {
  background-color:#f5fbe8;
  color:#7fa130;
  font-weight:normal;
}

.tab_karta_prod td {
  color:#858585;
}

.tab_karta_prod tbody tr:hover {
  background-color:#f5fbe8;
}

.karta_prod_foto {
  width:240px;
  text-align: center;
  bbackground-color:blue;
  float:left;
}

.karta_tytul_gora {
  display:block;
  color:#fe7e00;
  padding:6px 6px 0px 0px;
}

.karta_tytul_srod {
  display:block;
  color:#fe7e00;
  text-align:center;
  padding-top:6px;
}

h3 {
  color:#7fa130;
  bbackground-color:orange;
  margin:8px 0px;
  font-style:italic;
  font-size:15px;
}

h4 {
  color:#7fa130;
  bbackground-color:orange;
  margin:0px;
  font-size:15px;
}

/*koszyk*/

tr.tr_podkr > td {
  border-bottom:1px solid #e5f7bc;
}


tr.tr_podkr form {
  margin:0px 0px;
}

tr.tr_podkr select {
  width:100%;
}

tr.tr_podkr form input {
  color: #858585;
  border: 1px solid #e5f7bc;
  text-align:center;
  margin:6px 0px;
}

.pomar_guziki input {
  color: #fe7e00;
  border:1px solid;
  background-color:white;
  cursor:hand;
}

.pomar_guzik {
  color: #fe7e00;
  border:1px solid;
  background-color:white;
  cursor:hand;
}

.ziel_guziki input {
  color: #7fa130;
  border:1px solid;
  background-color:white;
  cursor:hand;
}

/*Dane do wysylki*/

.tab_dane_do_wys tr td:nth-child(odd) {
  width:50%;
  text-align:right;
}

.tab_dane_do_wys tr td:nth-child(even) {
  text-align:left;
}