body {
	margin: 0;
	padding: 0px;
	text-align: center;
	background: #000000;
}
#pagewidth {
	background: #000000 url('../images/background_glowny.jpg') no-repeat;
	width: 1000px;
	height: auto;
	min-height: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #D9EDF8;
}
#startpage {
	background: #000000 url('../images/EnterSite.jpg') no-repeat;
	width: 600px;
	height: auto;
	min-height: 500px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#startpage p.wybrany  {
	padding-top: 374px;
	margin-left: 60px;
}
div#startpage p.wybrany #oFirmie:link, div#startpage p.wybrany #oFirmie:visited  {
	background: url('../images/EnterSite_button.jpg') no-repeat;
	height: 36px;
	width: 248px;
	display: block;
}
div#startpage p.wybrany #oFirmie:hover, div#startpage p.wybrany #oFirmie:active {
	background: url('../images/EnterSite_button_on.jpg') no-repeat;
	height: 36px;
	width: 248px;
	display: block;
}

/** ==================== PRZYCISKI MENU ==================== **/
div#top {
	width: 1000px;
}
div#left_column {
  	float: left;
	width: 208px;
  	margin-top: 20px;
	padding-left: 20px;
}
div#left_column p.normal {
	margin: 0 0 5px 0;
	padding: 0 0 0px 0;
}

div#left_column a {
	display: block;
	clear: both;
	width: 200px;
	height: 32px;
	font-family: arial, "Times New Roman", Tahoma, sans-serif, verdana;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: url('../images/button_glowny.jpg') no-repeat;
	margin: 0px 0px 3px 0px;
	padding-top: 7px;
	text-align: center;
	/* for IE */
	filter:alpha(opacity=70);
  	/* CSS3 standard */
	opacity:0.7;
}
div#left_column p a:link {
 	color: #FFFFFF;
}

div#left_column p a:visited {
 	color: #FFFFFF;
}

div#left_column p a:hover {
	color: #000000;
}
div#left_column p a:active {
	color: #000000;
}

/** ==================== POLE PRODUKTÓW ==================== **/
div.textbox {
	background: url('../images/divBackground.jpg') no-repeat white; /*#FFFFFF;*/
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	padding-top: 10px;
	width: 730px;
	height: auto;
	border: 2px solid #40385C;	
	text-align: left;
	min-height: 600px;
  	padding-bottom: 20px;
}
* html div.textbox {
	height: 600px;

}
div.textbox p.normal {
 	clear: both;
	color: #000000;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	text-align: justify;
	margin: 15px 30px 10px 30px;
	
}
* html div.textbox p.normal {
	padding: 15px 30px 10px 30px;
	margin: 0px;
}
div.textbox p.fotolink {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
}
div.textbox p.fotolink img {
	border: none;
}
div.textbox p.fotolink a {
	margin: 0;
	padding: 0;
}
div.textbox div.lrtopic {
	float: left;
	text-align: center;
	width: 600px;
	margin-left: 62px;
}
div.textbox div.ltopic {
	float: left;
	text-align: center;
	width: 300px;
	margin-left: 62px;
}
div.textbox div.rtopic {
	float: right;
	text-align: center;
	width: 300px;
	margin-right: 62px;
}
div.textbox p.center {
 	clear: both;
	color: #000000;
	font-family: "Lucida Sans Unicode";
	font-size: 11pt;
	font-weight: normal;
	text-align: center;
	padding: 20px 30px 10px 30px;
	margin: 0;
}
p.center span.small {
	font-size: small;
}
p.center span.big {
	font-size: x-large;
}
div.textbox p {
	clear: both;
	font-family: Verdana;
	font-size: 10pt;
	text-align: left;
	margin: 0px;
	padding-left: 20px;
	
}
div.textbox p.sleft {
	float: left;
	background: #D8CCFF;
	color: #000000;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	text-align: justify;
	padding: 20px 30px 10px 30px;
	margin: 0;
	width: 670px;
}
div.textbox p.sright {
	float: right;
	background: #B8AED8;
	color: #000000;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	text-align: justify;
	padding: 20px 30px 10px 30px;
	margin: 0;
	width: 670px;
}

div.textbox img.sleft {
	clear: left;
	float: left;
	padding: 0px 30px 10px 10px;
}
div.textbox img.sright {
	clear: right;
	float: right;
	padding: 0px 10px 10px 30px;
}
.underline {
	text-decoration: underline;
}
div.textbox h1 {
	clear: both;
	font-family: Verdana;
	font-size: 12pt;
	text-align: left;
	margin: 0px;
	padding-left: 20px;
	padding-top: 15px;
}
div.textbox h1.center {
	clear: both;
	font-family: "Lucida Sans Unicode";
	font-size: 16pt;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding-left: 250px;
}
/** ==================== STOPKA STRONY ==================== **/
div#foot {
	clear: both;
	background: transparent;
}
div#foot div#stopa {
	position: relative;
}
div#foot div#stopa img {
	vertical-align: bottom;
	width: 991px;
	height: 124px;
}
div#foot div#w3c {
	position: relative;
	z-index: 99;
	float: left;
	top: 116px;
	left: 160px;
	width: 88px;
	height: 31px;
}
div#foot div#w3c a img {
	border: 0px;
}
div#foot div#admin {
	position: relative;
	float: left;
	top: 122px;
	left: 18px;
	background: transparent;
}
div#foot div#admin a {
	color: white;
	text-decoration: none;
	font-size: 10px;
}
/** ==================== FORMULARZ LOGOWANIA ==================== **/
div.textbox table#login {
	border: 4px solid #541E38;
	margin: 20px 0px 5px 20px; 
	padding: 0px;
}
div.textbox table#login td {
	font-family: "Lucida Sans Unicode", Verdana;
	font-size: 12pt;
	color: #541E38;
}
div.textbox table#login input {
	width: 150px;
}
/** ==================== TABELA GALERII ==================== **/
table#galeria_foto {
	margin: 10px 0px 0px 10px; 
	padding: 0px;
}
table#galeria_foto tr {
	width: 400px;
}
table#galeria_foto td#naglowek {
	font-family: "Lucida Sans Unicode", Verdana;
	font-size: 10pt;
	color: #541E38;
}
table#galeria_foto td img.foto_mini {
	vertical-align: middle;
	margin: 5px;
}
table#galeria_foto td span.opis {
	vertical-align: middle;
	padding-left: 50px;
	font-size: 8pt;
	color: #541E38;
}

/** ==================== PROMOCJE ==================== **/
div.textbox p.promoTopic {
	font-family: "Lucida Sans Unicode", Verdana;
	font-size: 12pt;
	color: #541E38;
	border-top: 1px solid #541E38;
	
	font-weight: bold;
	width: 600px;
	margin: 10px auto 0;
}
div.textbox p.promoText {
	font-family: "Lucida Sans Unicode", Verdana;
	font-size: 10pt;
	color: #541E38;
	width: 600px;
	margin: 0 auto;
}


/** ==================== PROMOCJE ==================== **/
/** ==================== FORMULARZ REJESTRACJI ==================== **/
table#register, table#legenda {
	border: 1px solid #4C1A33;
	margin: 20px;
	background: #FEF5F9;
}
table#legenda {
	width: 200px;
}
table#register {
	width: 400px;
}
table#register th, table#legenda th {
	font-family: "Lucida Sans Unicode", Verdana;
	font-size: 12pt;
	color: #78284D;
	background: #FFCBF8;
	text-align: center;
}
table#register th#th_stat {
	font-family: Verdana;
	font-size: 12pt;
	color: #78284D;
	background: #FFCBF8;
	text-align: center;
	width: 150px;
}
/* dla indicator.gif */
table#register td img {
	vertical-align: middle;
}
table#register td.status {
	border: 2px solid #FFCBF8;
	font-family: Verdana;
	font-size: 8pt;
	color: #8400FF;
	font-weight: bold;
	background: #FAEFF5;
	text-align: center;
	width: 150px;
	border: 2px solid #FFCBF8;
}
table#register td, table#legenda td {
	font-family: Verdana;
	font-size: 8pt;
	color: black;
	text-align: right;

}

table#register td input.notok {
	background: #FFC6C6;
	width: 150px;

}
table#register td input.ok {
	background: #C6FFC6;
	width: 150px;
}
table#register td input.info {
	background: #CFE0FE;
	width: 150px;
}

table#legenda td.leg_notok {
	background: #FFC6C6;
	width: 30px;
}
table#legenda td.leg_ok {
	background: #C6FFC6;
	width: 30px;
}
table#legenda td.leg_info {
	background: #CFE0FE;
	width: 30px;
}

p.warning {
	font-family: Verdana;
	font-size: 12pt;
	color: red;
	text-align: left;
	border: 1px solid red;
}
span.tip {
	font-family: Verdana;
	font-size: 7pt;
	color: red;
	text-align: left;
	width: 120px;
	
}
/** ==================== TABELA KONTAKTY ========================= **/
table#adress h1 {
 	clear: both;
	color: #000000;
	font-family: "Lucida Sans Unicode";
	font-size: 13pt;
	font-weight: normal;
	text-align: center;
	margin: 0;
}
table#adress td {
 	clear: both;
	color: #000000;
	font-family: "Lucida Sans Unicode";
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	margin: 0;
	width: 700px;
}

/** ==================== TABELA AKCESORIA ========================= **/
table#akcesoria {
	clear: both;
	width: 600px;
	color: #000000;
	font-family: "Lucida Sans Unicode";
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	margin-left: 10px;
}
table#akcesoria td {
	width: 500px;
	text-align: left;
	margin-left: 30px;
}
table#akcesoria td.lewa {
	width: 60px;
	height: 50px;
	text-align: left;
	margin-left: 30px;
}
table#akcesoria td img.imag {
	float: left;
 	width: 50px;
	height: 50px;
	border: 1px solid black;
}

/** ==================== TABELA AKCESORIA ========================= **/
table#szkolenia {
	width: 730px;
}
table#szkolenia td.normal {
	text-align: center;
}
table#szkolenia td.normal img {
	border: 0px;
}
table#szkolenia td.normal a {
	text-align: none;
}

/** ==================== FORMULARZ ZAMÓWIENIA ==================== **/
table#zamowienie {
	font-family: Verdana;
	font-size: 12pt;
	color: black;
	text-align: center;
	width: 510px;
	border: 1px solid #541E38;
	margin-left: 20px;
	margin-top: 20px;

}

table#zamowienie th {
	border-bottom: 2px solid #541E38;
	text-align: left;
}
table#zamowienie td.center {
	margin: 0 auto;
	text-align: center;
	vertical-align: top;

}

table#zamowienie td {
	border-bottom: 1px solid #763F5A;
	background: white;
	
}

table#zamowienie input {
	width: 30px;
	font-family: Verdana;
	font-size: 9pt;

}

table#zamowienie input#submit {
	width: 150px;
	margin: 0 auto;
	text-align: center;
}

table#zamowienie td.roll {
	text-align: left;
	cursor: pointer;
	color: black;
	font-weight: normal;
	vertical-align: top;
	font-size: 8pt;
}
table#zamowienie td#group1 { /*KERABOND REKONSTRUKCJA WŁOSÓW*/
	font-family: "Lucida Sans Unicode";
	font-size: 10pt;
	letter-spacing: -1px;
	color: #541E38;
	font-weight: bold;
	background: #D8CCFF;
}
table#zamowienie td#group2 { /*KERABOND WYPADAJĄCE WŁOSY*/
	font-family: "Lucida Sans Unicode"; 
	font-size: 10pt;
	letter-spacing: -1px;
	color: #0E427C;
	font-weight: bold;
	background: #FCA048;
}
table#zamowienie td#group3 { /*KERABOND RESTRUKTURYZACJA WŁOSÓW*/
	font-family: "Lucida Sans Unicode";
	font-size: 10pt;
	letter-spacing: -1px;
	color: #541E38;
	font-weight: bold;
	background: #D8CCFF;
}

table#zamowienie td#group4 { /*KERABOND PRZECIWŁUPIEŻOWA KURACJA*/
	font-family: "Lucida Sans Unicode"; 
	font-size: 10pt;
	letter-spacing: -1px;
	color: #0E427C;
	font-weight: bold;
	background: #FCA048;
}
table#zamowienie td#group5 { /*IFIX */
	font-family: "Lucida Sans Unicode";
	font-size: 10pt;
	letter-spacing: -1px;
	color: #541E38;
	font-weight: bold;
	background: #D8CCFF;
}
table#zamowienie td#group6 { /*SALON PRODUCTS */
	font-family: "Lucida Sans Unicode"; 
	font-size: 10pt;
	letter-spacing: -1px;
	color: #0E427C;
	font-weight: bold;
	background: #FCA048;
}
table#zamowienie td#group7 { /*BIOLOGICAL WAVING SYSTEM */
	font-family: "Lucida Sans Unicode";
	font-size: 10pt;
	letter-spacing: -1px;
	color: #541E38;
	font-weight: bold;
	background: #D8CCFF;
}
table#zamowienie td#group8 { /*LIPOSOME HAIR COLOR */
	font-family: "Lucida Sans Unicode"; 
	font-size: 10pt;
	letter-spacing: -1px;
	color: #0E427C;
	font-weight: bold;
	background: #FCA048;
}
table#zamowienie td#group9 { /*KEEP IN COLOR */
	font-family: "Lucida Sans Unicode";
	font-size: 10pt;
	letter-spacing: -1px;
	color: #541E38;
	font-weight: bold;
	background: #D8CCFF;
}
table#zamowienie td#group10 { /*COLOR EFFECT */
	font-family: "Lucida Sans Unicode"; 
	font-size: 10pt;
	letter-spacing: -1px;
	color: #0E427C;
	font-weight: bold;
	background: #FCA048;
}
table#zamowienie td#group11 { /*COLOR EFFECT */
	font-family: "Lucida Sans Unicode";
	font-size: 10pt;
	letter-spacing: -1px;
	color: #541E38;
	font-weight: bold;
	background: #D8CCFF;
}
table#zamowienie td#group12 { /*COLOR EFFECT */
	font-family: "Lucida Sans Unicode"; 
	font-size: 10pt;
	letter-spacing: -1px;
	color: #0E427C;
	font-weight: bold;
	background: #FCA048;
}
table#zamowienie td#group13 { /*COLOR EFFECT */
	font-family: "Lucida Sans Unicode";
	font-size: 10pt;
	letter-spacing: -1px;
	color: #541E38;
	font-weight: bold;
	background: #D8CCFF;
}
table#zamowienie td#group14 { /*COLOR EFFECT */
	font-family: "Lucida Sans Unicode"; 
	font-size: 10pt;
	letter-spacing: -1px;
	color: #0E427C;
	font-weight: bold;
	background: #FCA048;
}
table#zamowienie td#group15 { /*KERABOND SUN PROTECT */
	font-family: "Lucida Sans Unicode";
	font-size: 10pt;
	letter-spacing: -1px;
	color: #541E38;
	font-weight: bold;
	background: #D8CCFF;
}
table#zamowienie td#group16 { /*INNE */
	font-family: "Lucida Sans Unicode"; 
	font-size: 10pt;
	letter-spacing: -1px;
	color: #0E427C;
	font-weight: bold;
	background: #FCA048;
}
table#zamowienie td#group17 { /*AKCESORIA */
	font-family: "Lucida Sans Unicode";
	font-size: 10pt;
	letter-spacing: -1px;
	color: #541E38;
	font-weight: bold;
	background: #D8CCFF;
}

table#zamowienie div.rollDiv {
	display: none;
	visibility: hidden;
}
table#zamowienie div.rollDivOn {
	margin-top: 20px;
	visibility: visible;
	background: #EEEEEE;
}