html {
	background: url(img/tlo-kopiarz.png) repeat-x;
	background-color: #4f5664;
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
}
* {
	margin: 0px;
	padding: 0px;
}
a {
	color: #e08457;
	text-decoration: none;
}
a:hover, #apboss a:hover, #nav a:hover {
	color: #f5c97c;
}
#outer{
	height:	100%;
	width:	100%;
	display:	table;
	vertical-align:	middle;
}
#container {
	text-align: center;
	position:	relative;
	vertical-align:	middle;
	display:	table-cell;
	height: 620px;
}
#inner {
	background: url(img/tlo.png) no-repeat;
	width: 784px;
	height: 620px;
	margin: 0px auto;
}
#header {
	text-align: left;
	position: relative;
}
#logo {
	background: url(img/gl.png) no-repeat;
	width: 160px;
	height: 43px;
	position: relative;
	top: 20px;
	left: 36px;
}
#nav {
	font-size:8pt;
	left:437px;
	letter-spacing:1pt;
	position:absolute;
	top:24px;
	width:205px;
}
#content {
	position: relative;
	top: 23px;
	left: 8px;
}
#buttong {
	width: 770px;
	position: relative;
	top: 3px;
	z-index: 10;
}
#ramkag {
	background: url(img/ramkag.png) no-repeat;
	width: 770px;
	height: 3px;
	clear: both;
	position: relative;
	z-index: 1;
}
#main {
	background: url(img/main-kopiarz.png) repeat-y;
	width: 770px;
	height: 460px;
}
#photo {
	width: 759px;
	height: 456px;
	position: relative;
	top: 2px;
	left: 6px;
	text-align: left;
}
#g {
	width: 759px;
	height: 456px;
	position: relative;
	top: 2px;
	left: 6px;
	text-align: left;
}
.zaw {
	padding: 7px;
	text-align: justify;
	height: 441px;
	overflow: auto;
}
#photo div h2 {
	color: #e08457;
	font-size: 12pt;
	text-align: left;
	margin-bottom: 7px;
} 
#popup {
	margin: 15px 0px 0px 20px;
}
#popup a {
	height: 80px;
}
#popup span {
	margin-top: 10px;
	position: absolute;
	display: none;
	width: 385px;
	height: 150px;
	color: #F5C97C;
	cursor: default;
}
#popup img {
	width: 80px;
	height: 79px;
	border: 0px;
	cursor: default;
	opacity: 0.5;
}
#popup a:hover img {
	opacity: 1.0;
}
#popup a:hover span {
	display: block;
	color: #F5C97C;
}
.text {
	color: #788385;
	font-size: 10pt;
}
.akapit {
	margin-bottom: 13px;
	text-indent: 25px;
}
.bold {
	color: #e08457;
}
.start {
	background: url(img/start.jpg) no-repeat;
}
.historia, .mapa {
	background: url(img/05-nowosci-07-Prasa.jpg) no-repeat;
}
.systemy {
	background: url(img/02-Systemy.jpg) no-repeat;
}
.aplikacja {
	background: url(img/03-Aplikacja.jpg) no-repeat;
}
.wlosy {
	background: url(img/04-Produkty-wlosy.jpg) no-repeat;
}
.kosmetyki {
	background: url(img/04-Produkty-kosmetyki.jpg) no-repeat;
}
.kontakt {
	background: url(img/08-kontakt.jpg) no-repeat;
}
.akt {
	background: url(img/05-nowosci-07-Prasa.jpg) no-repeat;
}
.galeria {
	background: url(img/tlo.jpg) no-repeat;
}
.galrow img {
	width: 60px;
	height: 60px;
	border: 0px;
	opacity: 0.5;
}
.galrow a:hover img, .galrow a:focus img {
	opacity: 1.0;
}
.galrow {
	text-align: left;
}
#galg {
	float: left;
}
#gald {
	margin-left: 300px;
}
#galimg img {
	width: 328px;
	height: 438px;
	border: 0px;
}
.row {
	text-align: center;
}
.row img {
	margin: 5px;
	border: 6px solid #273B3F;
}
.row a:hover img {
	border: 6px solid #364B4F;
}
#ramkad {
	background: url(img/ramkad.png) no-repeat;
	width: 770px;
	height: 3px;
	position: relative;
	z-index: 1;
}
.odstep {
	padding-top: 5px;
	display: block;
}
#buttond {
	width: 770px;
	position: relative;
	bottom: 3px;
	z-index: 10;
}
#buttong div {
	padding: 0px;
	color: #e08457;
	margin-right: 1px;
	background: url(img/buttong.png) no-repeat;
	width: 88px;
	height: 29px;
	float: left;
	position: relative;
	left: 0px;
	z-index: 10;
}
#buttond div {
	background: url(img/buttond.png) no-repeat;
	width: 88px;
	height: 30px;
	padding: 0px;
	color: #e08457;
	float: left;
	margin-left: 1px;
	position: relative;
	left: 414px;
	z-index: 10;
}
#buttond div a, #buttong div a {
	display: block;
	position: relative;
	z-index: 12;
	font-size: 11pt;
	font-weight: bold;
}
#buttong div a {
	height: 29px;
}
#buttong div a:hover {
	background: url(img/buttong_over.png) no-repeat;
}
#buttond div a {
	height: 28px;
}
#buttond div a:hover {
	background: url(img/buttond_over.png) no-repeat;
}
#buttong div div { /* Lista submenu */
	background: none;
	display: none;
	position: absolute;
	top: 29px;
	left: 0px;
}
#buttong div:hover div, #buttong div.over div {
	display: block;
}
#buttong div div a, #buttong div.over div a {
	display: block;
	border: 0px;
	margin: 12px 0px -7px 4px;
	text-align: left;
	padding-left: 3px;
	font-weight: bold;
	font-size: 9pt;
	width: 77px;
	position: relative;
	z-index: 11;
	height: 14px;
}
#buttong div:hover div a:hover, #buttong div.over div a:hover {
	border: 0px;
	background: #337b90;
	color: #f2faad;
	height: 14px;
}
#buttong div:hover div div, #buttong div.over div div {
	background: #334d55;
	border-left: 2px solid #337b90;
	border-right: 2px solid #337b90;
	border-bottom: 2px solid #337b90;
	height: 70px;
	width: 63pt;
	opacity: 0.7;
	position: absolute;
	z-index: 0;
	top: 0px;
}
#buttong div:hover div img, #buttong div.over div img{
	position: absolute;
	top: -29px;
	left: 0px;
}
#test {
	padding: 0px 0px 10px 10px;
	text-align: right;
}
.obhist {
	margin-top: 59px; 
	position: absolute;
	left: 370px;
}
.smallimg {
	width: 59px;
	height: 56px;
}
.bigimg {
	width: 358px;
	height: 358px;
}
.hist {
	cursor: default;
	opacity: 0.5;
}
.hist:hover, .hist:link, .hist:focus {
	opacity: 1.0;	
}
.hist span img {
	display: none;
	border: 0px;
}
#x01 {
	display: block;
}
#test a:active span img, #test a:focus span img {
	display: block;
}
#test a:hover span img, #test a.over span img {
	display: block;
}
#footer {
	position: relative;
	text-align: left;
	top: 28px;
}
#apboss, #apboss a, #nav, #nav a {
	color:#AE5E37;
}
#apboss {
	font-family:helvetica;
	font-size:9pt;
	font-weight:bold;
	left:64px;
	letter-spacing:1pt;
	position: absolute;
	top:4px;
}
#crimsoneye, #crimsoneye a {
	color: #5A616F;
}
#crimsoneye {
	display:inline;
	font-size:8pt;
	font-weight:bold;
	left:591px;
	position:absolute;
	top:38px;
}
#crimsoneye a:hover {
	color: #cc0033;
}