/* START RESETU */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* KONIEC RESETU */


html,body {
	background : #191919;
	font-family : "Arial Black", Arial, sans-serif; 
	font-weight : 900;
	color : #ffffff;
	height : 100%;
}

#container {
	position : relative;
	width : 1020px;
	margin : 0 auto;
	height : 100%;
}

a {
	text-decoration : none;
	color : #ffffff;
}

img.subtit {
	position : absolute;
	left : 235px;
	top : 30px;
}

/* MENU */

#menu {
	position : fixed;
	background : url('images/bg_menu.png') no-repeat;
	width : 160px;
	height : 437px;
	margin-left : 35px;
	z-index: 1;
}

#menu ul,li {
	line-height : 48px;
	font-size : 24px;
	margin-left : 10px;
	letter-spacing : 2px;
}

#menu ul {
	margin-top : 76px;
}

.up {
	position : absolute;
	font-size : 9px;
	top : 325px;
	left : 5px;
}

.down {
	position : absolute;
	font-size : 9px;
	top : 325px;
	right : 5px;
}

/* TOP */

header {
	position : relative;
	background : url('images/bg_top.png');
	height : 100%;
	z-index : 0;
}

img#toja {
	position : absolute;
	top : 83px;
	left : 235px;
}

img#tompri {
	position : absolute;
	top : 160px;
	left : 235px;	
}

img#face {
	position : absolute;
	top : 83px;
	left : 675px;	
}

img#torn {
	position : absolute;
	left : 0;
	bottom : 0;
}

#top_tekst  {
	position : absolute;
	left : 235px;
	top : 350px;
	width : 670px;
	height : 260px;
	opacity : 0.4;
	filter : alpha(opacity=40);
	background-color : white;
	color : #696969;
	box-shadow : -1px 1px 5px #4d4d4d;
}

#top_tekst p {
	margin : 40px 20px 0 0;
	text-align : right;
	font-size : 17px;
	-webkit-transform : scale(1.0,1.4);
	-moz-transform : scale(1.0,1.4);
	-o-transform : scale(1.0,1.4);
	line-height : 26px;
}

#top_tekst a {color:black;}

/* SEKCJE */

section {
	position : relative;
	background : url('images/bg_mid.png');
	height : 1200px;
}

/* PORTOFLIO */

#tri_portf {
	left : 300px;
	top : 64px;
}

.portf_div_bg {
	position : absolute;
	width : 633px;
	height : 174px;
	opacity : 0.4;
	filter : alpha(opacity=40);
	background-color : white;
	box-shadow : -1px 2px 7px #4d4d4d;
	-moz-box-shadow : -1px 2px 7px #4d4d4d;
	-o-box-shadow : -1px 2px 7px #4d4d4d;
}

.portf_div {
	position : absolute;
	width : 633px;
	height : 174px;
	color : #797979;
}

h2 {
	margin-top: 17px;
	font-size : 19px;
}

.portf_div p {
	position : absolute;
	top : 146px;
	font-size : 14px;
	font-family : Arial, sans-serif;
	font-weight : normal;
	font-style : italic;
	display : inline;
}

.portf_www {
	left : 235px;
	top : 100px;
	padding-left : 40px;	
}

.prtf_l {
	left : 40px;
}

.prtf_m {
	left : 240px;
}

.prtf_r {
	left : 440px;
}

.portf_ident {
	left : 235px;
	top : 290px;	
	padding-left : 40px;
}

.portf_other {
	left : 235px;
	top : 480px;	
	padding-left : 40px;
}

.img_portf {
	position : relative;
	width : 190px;
	height : 89px;
	margin : 13px 10px 14px 0;
}

/* KONTAKT */

#kont {
	position : absolute;
	width : 675px;
	height : 500px;
	top:100px;
	left:235px;
	opacity : 0.4;
	filter : alpha(opacity=40);
	background-color : white;
	color : #696969;
	box-shadow : -1px 2px 7px #4d4d4d;
	-moz-box-shadow : -1px 2px 7px #4d4d4d;
	-o-box-shadow : -1px 2px 7px #4d4d4d;
}



.text-input { padding : 5px; border : 1px #797979 solid; color:#797979; font-family: "Arial Narrow", Arial; font-weight:normal; font-size: 19px; font-style:italic;}

input#autor { position:absolute; top:130px; left:270px; }
input#email { position:absolute; top:178px; left:270px; }
input#msg_title { position:absolute; top:226px; left:270px; }
textarea#msg { position:absolute; width : 390px; height : 254px; top:274px; left:270px; }

input.button { position:absolute; top:533px; left:270px; padding:6px 6px; border:2px solid #fff; margin:20px 0px 0px 0px; color:#797979; background:#CCC; }
input.button:hover{ background:#797979 none repeat scroll 0% 0%; color:white; }

p.find {
	position : absolute;
	left : 604px;
	top : 120px;
	color : #797979;
}
img.social {
	position : relative;
	left : 635px;
	top : 150px;
	width : 50px;
	height : 50px;
	opacity : 0.4;
	filter : alpha(opacity=40);
}

img.social:hover {
	opacity : 1.0;
	filter : alpha(opacity=100);
}

/* TWITTER */

#twit {
	position : absolute;
	width : 675px;
	height : 487px;
	top:100px;
	left:235px;
	-webkit-border-radius : 5px;
	box-shadow : -1px 2px 7px #4d4d4d;
	-moz-box-shadow : -1px 2px 7px #4d4d4d;
	-o-box-shadow : -1px 2px 7px #4d4d4d;
}

/* STOPKA */

footer {
	position : relative;
	font-family : Arial, sans-serif;
	font-size : 12px;
	font-weight : normal;
	height : 200px;
	line-height : 18px;
}

footer div{
	position : absolute;
	height : 200px;
}

footer a {
	font-weight : bold;
}

#foot_left {
	left : 30px;
	top : 10px;
	width : 205px;
}

#foot_mid {
	left : 235px;
	width : 670px;
	top : 10px;
	text-align : center;
}

#foot_right{
	left : 905px;
	width : 115px;
	top : 10px;
	text-align : right;
}