body {margin: 0px; background-color: white; background-image: url('../grafika/tlo.jpg'); background-repeat: repeat-x;
	  font-family: 'Century Gothic'; font-size: 10pt}

td {font-family: 'Century Gothic'; font-size: 10pt}
div {font-family: 'Century Gothic'; font-size: 10pt}
input, select, textarea {font-family: 'Century Gothic'; font-size: 10pt}
ul {margin-top: 0px}
ol {margin-top: 0px}
li {margin-top: 5px; margin-left: -10px}
form {margin: 0px}

a:link {text-decoration: underline; color: black}
a:visited {text-decoration: underline; color: black}
a:active {text-decoration: underline; color: black}
a:hover {text-decoration: none; color: #78396D}


.menu_gorne {background-color: #683864; background-image: url('../grafika/menu_tlo.jpg'); background-repeat: repeat-x}
.menu_gorne div {width: 980px; height: 51px; overflow: hidden}
.menu_gorne table {height: 51px; empty-cells: show}
.menu_gorne table td {height: 51px; color: white; font-size: 11pt; white-space: nowrap}
.menu_gorne table td i {display: -moz-inline-box; display: inline-block; height: 36px; font-style: normal;
						background-image: url('../grafika/menu_strzalka.gif'); background-repeat: no-repeat;
						background-position: center bottom}

.menu_gorne span,	
.menu_gorne a {display: -moz-inline-box; display: inline-block; height: 51px; padding-top: 15px;
			   padding-left: 8px; padding-right: 8px; vertical-align: bottom}
			   
.menu_gorne span.wyroz,
.menu_gorne a.wyroz {background-image: url('../grafika/menu_tlo_wyroz.jpg'); background-repeat: repeat-x}
			   
.menu_gorne .mpodz {display: -moz-inline-box; display: inline-block; width: 2px;
				    background-image: url('../grafika/menu_podzialka.jpg'); background-repeat: no-repeat}

.menu_gorne span {color: #EACEE6; background-color: #BF6CBA; background-image: url('../grafika/menu_tlo_on.jpg'); background-repeat: repeat-x}	

.menu_gorne a:link {text-decoration: none; color: white}
.menu_gorne a:visited {text-decoration: none; color: white}
.menu_gorne a:active {text-decoration: none; color: white}
.menu_gorne a:hover {text-decoration: none; color: #EACEE6; background-color: #BF6CBA;
					 background-image: url('../grafika/menu_tlo_on.jpg'); background-repeat: repeat-x}
					 
					  
					 
.submenu_gorne {background-color: #884A84; background-image: url('../grafika/menu_tlo_wyroz.jpg'); background-repeat: repeat-x;
				background-position: left bottom}
.submenu_gorne div {width: 980px; height: 25px; overflow: hidden}
.submenu_gorne table {height: 25px; empty-cells: show}
.submenu_gorne table td {height: 25px; color: white; font-size: 9pt; font-weight: bold; white-space: nowrap}

.submenu_gorne span,	
.submenu_gorne a {display: -moz-inline-box; display: inline-block; height: 25px; padding-top: 4px;
			   padding-left: 10px; padding-right: 10px; vertical-align: bottom}
			   
.submenu_gorne .mpodz {display: -moz-inline-box; display: inline-block; width: 2px;
				    background-image: url('../grafika/menu_podzialka.jpg'); background-repeat: no-repeat; background-position: left center}

.submenu_gorne span {color: #EACEE6; background-color: #BF6CBA; background-image: url('../grafika/menu_tlo_on.jpg');
					 background-repeat: repeat-x; background-position: left bottom}	

.submenu_gorne a:link {text-decoration: none; color: white}
.submenu_gorne a:visited {text-decoration: none; color: white}
.submenu_gorne a:active {text-decoration: none; color: white}
.submenu_gorne a:hover {text-decoration: none; color: #EACEE6; background-color: #BF6CBA;
					 background-image: url('../grafika/menu_tlo_on.jpg'); background-repeat: repeat-x; background-position: left bottom}		
					 
					 

.banner_pod_menu {border-top: solid #ECECEC 5px}
.banner_siedziba {text-align: center; color: #78396D; font-size: 10pt; padding-top: 15px}
.banner_siedziba span {font-weight: bold; font-size: 12pt; padding-top: 7px; display: -moz-inline-box; display: inline-block}

.tytul {padding-left: 15px; padding-bottom: 12px; color: #78396D; font-size: 13pt; font-weight: bold}
.tytul span {padding-left: 10px; font-size: 11pt; font-weight: normal}

.stopka {padding-top: 30px; text-align: center}

.stopka div {width: 950px; border-top: solid #78396D 1px; padding-top: 3px; padding-bottom: 10px; color: #78396D; font-size: 9pt;
			 display: -moz-inline-box; display: inline-block;


background-image: url('../grafika/karty.png');
	background-position: center;
	background-repeat: no-repeat;
	min-height: 50px;
	padding-top: 5px;


}
			 
.tresc_ramka {margin-left: 15px; margin-right: 15px}

.tresc {text-align: justify}
.inicjal {font-size: 12pt; font-weight: bold}

.foto {border: solid #78396D 1px}

table.foto_ {display: inline}
.foto_ {margin-top: 7px; margin-bottom: 5px}
.foto_center {margin-top: 7px; margin-bottom: 5px}
.foto_right {margin-top: 7px; margin-bottom: 5px; margin-left: 20px}
.foto_left {margin-top: 7px; margin-bottom: 5px; margin-right: 20px}

.fopis {overflow: hidden; margin-top: 4px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px;
		font-family: Tahoma; font-size: 12px; color: #78396D; text-align: left; background-color: #F3E3F1; border: solid #78396D 1px}
.fopis .inicjal {font-size: 12px; font-weight: normal}


.zajawka_ze_zdjeciem {}
.zajawka_foto {width: 120px; float: left; padding-top: 1px}
.zajawka_ze_zdjeciem img {border: solid #78396D 1px}
.zajawka_tytul {font-size: 11pt}
.zajawka_tytul span {padding-left: 15px; font-size: 11px; color: #78396D}
.zajawka_tytul a {font-weight: bold}
.zajawka {margin-top: 3px; text-align: justify}
.promo_wiecej {border-bottom: dotted #78396D 1px; padding-top: 3px !important; margin-bottom: 20px}

.stopka_podstrony {width: 75%; margin-top: 20px; font-size: 9pt; color: #CB8BC1; position: relative; left: 0; top: 14px}
.stopka_podstrony div {font-size: 9pt; padding-bottom: 2px; margin-bottom: 5px; border-bottom: solid #78396D 1px}
.stopka_podstrony b {font-weight: normal; background-color: #78396D; color: white; padding: 2px; padding-left: 8px; padding-right: 8px}
.stopka_podstrony span {padding-right: 10px; white-space: nowrap}
.stopka_podstrony a {font-weight: bold; padding-left: 3px; padding-bottom: 3px}
.stopka_podstrony a:link, .stopka_podstrony a:visited, .stopka_podstrony a:active {text-decoration: none; color: #78396D}
.stopka_podstrony a:hover {text-decoration: none; color: black}

.stopka_powrot {padding: 2px; padding-left: 5px; padding-right: 5px; font-size: 9pt; color: #DEA8D6; 
				position: relative; left: 0; top: 19px; display: inline; background-color: #78396D}
.stopka_powrot a {font-weight: bold; padding-left: 3px; padding-right: 3px}
.stopka_powrot a:link, .stopka_powrot a:visited, .stopka_powrot a:active {text-decoration: none; color: white}
.stopka_powrot a:hover {text-decoration: none; color: #EBCDE6}
.stopka_powrot_gal {}

.stopka_zalaczniki {margin-top: 30px; width: 950px; table-layout: fixed}
.stopka_zalaczniki td.nagl {border: none; color: #78396D}
.stopka_zalaczniki td.nagl span {background-color: #78396D; color: white; padding: 2px; padding-left: 8px; padding-right: 8px;
								 position: relative; left: -30px; top: 2px}  
.stopka_zalaczniki td {padding-top: 4px; padding-bottom: 4px; font-size: 9pt; border-top: solid #78396D 1px}
.stopka_zalaczniki .ico {width: 30px}
.stopka_zalaczniki .ico img {width: 16px; height: 16px}  
.stopka_zalaczniki .plik {}
.stopka_zalaczniki .plik a:link, .stopka_zalaczniki .plik a:visited,
.stopka_zalaczniki .plik a:active, .stopka_zalaczniki .plik a:hover {text-decoration: none}
.stopka_zalaczniki .rozm {width: 90px; text-align: right}

.galeria_albumy {text-align: center}
.galeria_albumy .album {display: -moz-inline-box; display: inline-block; _display: inline; vertical-align: top; width: 235px; margin: 1px; height: 270px; text-align: center; overflow: hidden}
.galeria_albumy .album .okladka {width: 222px; height: 222px; background-image: url('../grafika/album_okladka.jpg'); background-repeat: no-repeat}
.galeria_albumy .album .okladka img {width: 180px; height: 180px; margin-top: 20px; border: solid black 1px}
.galeria_albumy .album .gal_opis {width: 222px; margin-top: 3px}
.galeria_albumy .album .gal_opis a:link, .gal_opis a:visited, .gal_opis a:active, .gal_opis a:hover {font-weight: bold; text-decoration: none}


.strona_glowna {width: 950px; table-layout: fixed}
.strona_glowna td {width: 300px; vertical-align: top}
.strona_glowna td.gl_linia_pion {width: 25px; text-align: center; background-image: url('../grafika/linia_pion.jpg');
								 background-repeat: no-repeat; background-position: center top}
.gl_tytul {padding-bottom: 10px; color: #78396D; font-size: 12pt; font-weight: bold}
.gl_tresc {}
.gl_wiecej {text-align: right; padding-top: 10px}
.gl_wiecej span {padding-left: 3px; padding-right: 3px; padding-bottom: 1px; font-size: 9pt; color: #DEA8D6; background-color: #78396D}
.gl_wiecej span a {font-weight: normal; padding-left: 2px; padding-right: 2px}
.gl_wiecej span a:link, .gl_wiecej span a:visited,
.gl_wiecej span a:active {text-decoration: none; color: white}
.gl_wiecej span a:hover {text-decoration: none; color: #EBCDE6}

.gl_promo .gl_tresc {font-weight: bold}
.gl_promo .gl_foto {width: 120px; float: left; padding-top: 3px; padding-bottom: 10px}
.gl_promo img {border: solid #78396D 1px}
.gl_promo .gl_wiecej0 {padding-bottom: 20px}
.gl_promo .gl_wiecej1, .gl_promo .gl_wiecej2 {padding-bottom: 0px}

.gl_logo_zbm {text-align: center; margin-top: 15px; padding-top: 20px; border-top: solid #78396D 1px}
.gl_face {text-align: center; margin-top: 15px; padding-top: 20px}


.soczewki {width: 950px; table-layout: fixed}
.soczewki td {vertical-align: top; padding-top: 20px}
.soczewki .socz_foto {width: 302px; text-align: right}
.soczewki .socz_marg {width: 28px}
.soczewki .socz_tresc {width: 620px; padding-bottom: 15px; text-align: justify}
.soczewki .socz_nazwa {padding-bottom: 8px; color: #78396D; font-size: 11pt; font-weight: bold}
.soczewki .socz_nazwa u {font-weight: normal}
.soczewki .socz_nazwa span {float: right; font-weight: normal}
.soczewki .socz_nazwa span i {font-size: 10pt}
.soczewki .socz_zamow {padding-top: 0px}
.soczewki .socz_zamow div {border-bottom: dotted #78396D 1px; padding-top: 0px !important;
						   position: relative; left: 0px; top: -10px}
.soczewki .socz_zamow div span {background-image: url('../grafika/wiecej_naroznik.gif'); background-repeat: no-repeat; padding-left: 10px}


.zam_dane_osobowe {margin-top: 10px}
.zam_dane_opis {width: 250px; text-align: right}
.zam_dane_opis u {text-decoration: none}
.zam_dane_opis i, .zam_dane_pole i {font-size: 9pt; color: #CA88C0; padding-left: 3px; padding-right: 3px}
.zam_dane_opis span {display: block; margin-top: 5px; font-size: 8pt; color: #78396D}
.zam_dane_pole {width: 600px; padding-left: 15px; padding-top: 4px; padding-bottom: 4px}
.zam_dane_pole input,
.zam_dane_pole textarea {border: solid #78396D 1px; background-color: #F7F7F7;
	  					 padding-left: 2px; padding-right: 2px; _margin-top: -1px; _margin-bottom: -1px;
		  				 background-image: url('../grafika/input_cien.gif'); background-repeat: no-repeat}
.zam_dane_pole input:focus, .zam_dane_pole textarea:focus {background-color: #FAF2F9; background-image: url('../grafika/input_cien_focus.gif')}
.zam_dane_przerwa {font-size: 3px !important}
.zam_dane_pole_dostawa {padding-left: 15px}
.zam_dane_pole_dostawa input {vertical-align: absmiddle; margin-right: 7px}
.zam_dane_pole_dostawa label {vertical-align: absmiddle}


.zam_wybierz_prod {margin-top: 30px; font-weight: bold}
.zam_wybierz_prod span {display: block; margin-top: 5px; font-size: 8pt; color: #78396D; font-weight: normal}
.zam_wybierz_prod span.zam_wyb_tip {float: right; margin-top: 0px !important; margin-right: 10px} 

.zamowienie_produkty {margin-top: 25px}
.zamowienie_produkty td {background-color: #F7F7F7; text-align: center; border-bottom: solid #78396D 1px; padding: 2px}
.zam_kategoria {text-align: left !important; background-image: url('../grafika/zam_naroznik.gif');
				background-repeat: no-repeat; background-position: bottom right; padding-left: 7px !important; cursor: auto !important}
.zam_kat_param {font-weight: normal !important; text-align: right !important; padding-right: 7px !important; cursor: auto !important;
				background-image: url('../grafika/zam_naroznik2.gif'); background-repeat: no-repeat; background-position: bottom left}
.zam_kat_przyc {padding: 0px !important; vertical-align: top !important}
.zam_kat_przyc div {background-color: white; font-size: 1px; height: 7px}
.zam_nagl td {background-color: #78396D; color: white; font-size: 9pt; font-weight: bold; cursor: help}
.zam_check {width: 25px; text-align: center}
.zam_check input {margin: 0px; padding: 0px; _width: 16px; _height: 16px}
.zam_nazwa {width: 347px; text-align: left !important}
.zam_nazwa i {padding-left: 7px; font-style: normal}
.zam_cena {width: 65px; text-align: right !important}
.zam_cena i {font-style: normal; padding-right: 7px}
.zam_liczba {width: 55px; text-align: left !important}
.zam_liczba i {font-style: normal; font-size: 11px !important}
.zam_moc, .zam_soc {width: 35px}
.zam_bc {width: 40px}
.zam_sr {width: 47px} 
.zam_moc, .zam_soc, .zam_liczba, .zam_bc, .zam_sr {padding: 0px !important; white-space: nowrap}
.zam_moc input, .zam_soc input, .zam_liczba input,
.zam_bc input, .zam_sr input {width: 50px; border: solid #78396D 1px; border-top: 0px; border-bottom: 0px; background-color: #F7F7F7;
	 						  padding-left: 2px !important; padding-right: 2px !important;
							  margin: 0px; _margin-top: -1px; _margin-bottom: -1px;
							  background-image: url('../grafika/input_cien.gif'); background-repeat: no-repeat}
.zam_liczba input {margin-right: 5px}
.zamowienie_produkty input:focus {background-color: #FAF2F9; background-image: url('../grafika/input_cien_focus.gif')}
.zam_moc input, .zam_soc input {width: 35px !important; border-right: none !important}
.zam_liczba input {width: 25px !important}
.zam_bc input {width: 30px !important}
.zam_sr input {width: 37px !important}
.zam_akt td {background-color: #E7CBE3 !important}
.zam_ppc {text-align: center !important} 

.zamowienie_przyciski {text-align: right; margin-top: 20px; padding-right: 8px}
.zamowienie_przyciski input {color: #78396D; font-weight: bold; padding: 3px;
							 padding-left: 25px; padding-right: 25px; _padding-left: 0px; _padding-right: 0px}
.zam_blad {color: red; font-weight: bold; margin-bottom: 20px; text-decoration: underline} 


.zam_prod_potw .zam_nazwa {width: 280px !important} 
/*.zam_prod_potw .zam_moc, .zam_prod_potw .zam_soc {width: 35px !important}*/
.zam_prod_potw .zam_liczba {width: 50px !important}
.zam_prod_potw .zam_wartosc {width: 70px; text-align: right !important}
.zam_prod_potw .zam_wartosc i {font-style: normal; padding-right: 7px !important}

.zamowienie_suma {text-align: right; margin-top: 20px; margin-right: 20px}
.zamowienie_suma b, .zamowienie_do_zaplaty b {width: 70px; display: -moz-inline-box; display: inline-block; font-size: 12pt}

.zamowienie_do_zaplaty {text-align: right; margin-top: 5px; padding-top: 5px; margin-right: 10px; border-top: solid #78396D 1px}
.zamowienie_do_zaplaty span {width: 350px; display: -moz-inline-box; display: inline-block; padding-top: 1px; padding-bottom: 2px; padding-right: 10px;
							color: white; background-color: #78396D; background-image: url('../grafika/zam_naroznik3.gif');
							background-repeat: no-repeat; background-position: bottom left}