@charset "UTF-8";

HTML {
	margin: 0px;
	padding: 0px;
}

BODY {
	font-family: Arial, Verdana, "Times New Roman", "Helvetica", sans-serif;
	font-size: 14px;
	text-align: left;
	color: white;
	background-color: #282828;
	padding: 0px;
	margin: 0px;
}

A:link,A:visited,A:active {
	text-decoration: none;
	color: white;
}

LI A:hover {
	color: #282828;
}

H1 {
	font-weight: normal;
	font-size: 16px;
}

LI {
	list-style-type: disc;
	color: white;
}

.bg {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}
.bg-r {
	position: relative;
	width: 100%;
	left: 0;
	top: -40px;
	z-index: -1;
}
.bg-w {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.bg-h {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}

#container {
	margin-right: auto;
	width: 100%;
	height: 100%;
}

.menu-container
	{
	width: 1140px;
	z-index: 1;
	}

.likeit
	{
	position: relative;
	top: 15px;
	text-align: center;
	float: left;
	height: 100px;
	width: 100px;
	padding:15px 0px 5px 0px !important; /*MF padding*/
	padding:22px 0px 10px 0px; /*IE padding*/
	}

.logo {
	opacity:0.90;
	filter:alpha(opacity=90);
	position: relative;
	top: 15px;
	background-color: #282828;
	text-align: center;
	font-size: 16px;
	height: 40px;
	float: left;
	width: 140px;
}

.menu-item {
	opacity:0.90;
	filter:alpha(opacity=90);
	position: relative;
	top: 15px;
	padding:15px 0px 5px 0px !important; /*MF padding*/
	padding:22px 0px 10px 0px; /*IE padding*/
	background-color: #282828;
	text-align: center;
	float: left;
	height: 20px;
	width: 140px;

}

.studio {
	position: relative;
	left: 10px;
	top: -20px;
	width: 800px;
	text-align: right;
}

.wspolpraca {
	position: absolute;
	width: 260px;
	text-align: right;
	left: 10px;
	top: 120px;
	padding: 0px 10px 0px 10px;
}
.wspolpraca1 {
	left: 280px;
}
.wspolpraca2 {
	left: 560px;
}


.kontakt {
	position: absolute;
	left: 40px;
	bottom: 50px;
	padding:10px 10px 10px 0px;
	background-color: black;
	opacity:0.55;
	filter:alpha(opacity=55);
	width: 250px;
	text-align: right;
	font-size: 18px;
}

.projekty1 {
	position: absolute;
	top: 120px;
	left: 60px;
	width: 390px;
	font-size: 15px;
	text-align: left;
}


.projekty2 {
	position: absolute;
	top: 120px;
	left: 450px;
	width: 390px;
	font-size: 15px;
	text-align: left;
}
.konkursy1 {
	position: absolute;
	top: 120px;
	left: 60px;
	width: 390px;
	font-size: 15px;
	text-align: left;
}


.konkursy2 {
	position: absolute;
	top: 120px;
	left: 450px;
	width: 390px;
	font-size: 15px;
	text-align: left;
}

.publikacje {
	position: absolute;
	top: 120px;
	left: 60px;
	width: 690px;
	font-size: 15px;
	text-align: left;
}


.publikacje A:hover {
	color: #282828;
}

.publikacje-img {
	color: black;
	height: 90px;
	vertical-align: middle;
	border: 1px;
	border-style: solid;
	margin-right: 5px;
	margin-bottom: 5px;
}


.project-title {
	opacity:0.75;
	filter:alpha(opacity=75);
	background-color: #d7213a;
	position: absolute;
	right: 0px;
	bottom: 15px;
	text-align: right;
	padding: 5px 10px 10px 10px;
	font-size: 16px;
}

.project-description {
	position: absolute;
	right: 0px;
	bottom: 80px;
	width: 650px;
	text-align: right;
	padding: 5px 10px 10px 10px;
}

.arrow-item {
	opacity:0.75;
	filter:alpha(opacity=75);
	background-color: #d7213a;
	position: absolute;
	bottom: 15px;
	left: 0px;
	text-align: center;
	height: 20px;
	width: 150px;
	padding:5px 0px 0px 0px !important; /*MF padding*/
	padding:5px 0px 10px 0px; /*IE padding*/
}

.arrow-item2 {
	left: 152px;
}

.partner
	{
	position: absolute;
	right: 20px;
	bottom: 120px;
	}
.partner-opis
	{
	position: absolute;
	right: 20px;
	width: 180px;
	bottom: 100px;
	font-size: 12px;
	text-align: center;
	}
.partner1
	{
	position: absolute;
	right: 20px;
	bottom: 40px;
	}
.partner-opis1
	{
	position: absolute;
	width: 180px;
	right: 20px;
	bottom: 20px;
	font-size: 12px;
	text-align: center;
	}
.partner-img
	{
	width: 180px;
	border: 0;
	}