﻿body {
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
	background: url('images/tlo.jpg') repeat;
}
#all {
	height: 550px;
	position: absolute;
	top: 50%;
	margin-top: -225px;
	width: 1100px;
	
}
#left {
	display: block;
	width: 213px;
	float: left;
	height: 100%;
}
#main {
	float: right;
	margin-right: 10px;
	width: 800px;
	display: inline;
	height: 100%;
}

#opisR {
	position:absolute;
	top: 186px;
	left: 0px;
	z-index: 12;
}

#blekitna {
	position: absolute;
	top: 220px;
	left: 260px;
}

#krwawa {
	position: absolute;
	top: 85px;
	left: 374px;
}
#caffee {
	position: absolute;
	top: 265px;
	left: 409px;
}
#domowe {
	position: absolute;
	top: 425px;
	left: 265px;
}

#dizajnerska {
	position: absolute;
	top: 170px;
	left: 515px;
}

#kolor {
	position: absolute;
	top: 400px;
	left: 535px;
}
#masakra {
	position: absolute;
	top: 30px;
	left: 595px;
}
#pastelowy {
	position: absolute;
	top: 10px;
	left: 752px;
}
#kolory {
	position: absolute;
	top: 30px;
	left: 982px;
}

#stalowa {
	position: absolute;
	bottom: 50px;
	left: 730px;
}
#moto {
	position: absolute;
	bottom: 100px;
	left: 1039px;
}
#naokraglo{
	position: absolute;
	top: 280px;
	left: 680px;
}
#sloneczny {
	position: absolute;
	top: 165px;
	left: 820px;
}
#zdzbla{
	position: absolute;
	top: 335px;
	left:  910px;
}
#ang{
	position: absolute;
	top: 240px;
	left:  1060px;
}
#opis {
	font-family: "adelle";
	font-size: 10pt;
	font-weight: 400;
	font-style: normal;
	padding: 20px;
	background-color: white;
	border: 3pt solid #B8CCD3;
	/*text-align: justify;*/
	cursor: pointer;
	height: 275px;
}
#opisR{
	font-family: "adelle";
	font-size: 10pt;
	font-weight: 400;
	font-style: normal;
	
	/*background-image: url('images/opisZr.png');*/
	/*border: 3pt solid #B8CCD3;*/
	/*text-align: justify;*/
	cursor: pointer;
	position:absolute;
	top: 192px;
	left: 0px;
	z-index: 22;
	width: 788px;
	background-color: transparent;
	height: 295px;
}
#opisRinner {
	font-family: "adelle";
	font-size: 10pt;
	font-weight: 400;
	font-style: normal;
	padding: 20px;
	border: 3pt solid #B8CCD3;
	background-color: white;
	float: left;
	z-index: 14;
	width: 714px;
	height: 295px;
}

.firstLetter {
	font-family: "etica-display";
	font-size: 50pt;
	font-weight: 400;
	font-style: normal;
	display: inline;
	line-height: 0.5;
}
.close {
	float: right;
	padding-left: 3px;
}

.krzyz {
	float: right;
	padding-right: 3px;
	padding-top: 3px;
}

#next {
	float: right;
	margin-top: -10px;
	margin-right: -10px;
}

.quota {
	font-style: italic;
	font-weight: bold;
}
#opisLeft {
	float: left;
	width: 347px;
}
#opisRight {
	float: right;
	width: 347px;
}
#galeriaStudio {
	position: absolute;
	height: 570px;
	width: 959px;
	/*float: left;*/
	margin-top: 0px;
	z-index: 25;
}
#galeriaIfr {
	border: none;
	background-color: white;
	width: 920px;
	background-color: white;
	border: 3pt solid #B8CCD3;
	float: left;
}
.box {
	cursor: pointer;
}

#kontakt {
	position: absolute;
	top: 105px;
	left: 290px;
	z-index: 24;
}

#oferta {
	position: absolute;
	top: 0px;
	left: 375px;
	z-index: 22;
}
#patalala {
	position: absolute;
	top: 355px;
	left: 300px;
	z-index: 13;
}

#foto {
	position: absolute;
	top: 305px;
	left: 585px;
	z-index: 20;
}

#media {
	position: absolute;
	top: 80px;
	left: 518px;
	z-index: 18;
}

#gmerk {
	position: absolute;
	top: 285px;
	left: 930px;
	z-index: 15;
}

.rozw {
	display: none;
	position: absolute;
	cursor: pointer;
	font-family: "adelle";
	font-size: 10pt;
	font-weight: 400;
	font-style: normal;
	float: left;
	background-color: white;
	border: 1pt solid #514B49;
}

.rozwInner {
	float: left;
	padding: 20px;
	
}

.rozw .firstLetter {
	font-family: "etica-display";
	font-size: 50pt;
	font-weight: 400;
	font-style: normal;
	display: inline;
	line-height: 0.5;
}

.rozwHead {
	font-family: "etica-display";
	font-size: 30pt;
	font-weight: 400;
	font-style: normal;
	display: inline;
	line-height: 0.5;
}

.rozwLeft {
	float: left;
}

.rozwRight {
	float: right;
	padding-left: 10px;
}

#patalalaDiv {
	display: none;
	position: absolute;
	cursor: pointer;
	float: left;
	
}

#ofertaDiv {
	width: 780px;
	z-index: 21;
}

#ofertaLeft {
	width: 360px;
	padding-top: 10px;
}

#ofertaRight{
	width: 360px;
}

#fotoDiv .rozwInner {
	width: 220px;
	z-index: 17;
}
#kontaktDiv {
	width: 362px;
	z-index: 23;
}

#kontaktDiv .rozwInner {
	width: 290px;
}

#mediaDiv a {
	color: #B8CCD3;
	z-index: 19;
}

#gmerkDiv {
	font-family: "etica-display";
	font-size: 14pt;
	font-weight: 400;
	font-style: normal;	
	width: 212px;
	z-index: 14;
}

#gmerkDiv .rozwInner {
	width: 140px;
}

#gmerkDiv  .smallHead{
	font-size: 8pt;	
}


#gmerkDiv  .blue{
	color: #B8CCD3;
	font-size: 10pt;	
}
