﻿body {
	margin:0px;
	padding:0px;
	background:url('gfx/bg.jpg') repeat-x #000;
	font-family:Tahoma;
	font-size:12px;
	color:#CCC;	
}

h1 {
	font-size:14px;
	color:#FFF;
	margin:5px 0px;
}

#contenair {
	width:auto;
	margin:auto;
	text-align:left;
	width:955px;
}

.technology { margin:3px; }

/***************************************************/

#top {
width:100%;
background: url('gfx/logo.png') no-repeat; background-position:0px 22px;
height:80px;
text-align:left;
}

#menu
{
position:relative;
float:left;
height:35px;
width:100%;
text-align:right;
background: url('gfx/menu_bg.jpg');

}

.hr 
{
position:relative;
float:left;
height:2px;
width:100%;
background: url('gfx/hr.jpg') no-repeat #000;
background-position:center;
margin-bottom:10px;
}

#banner
{
position:relative;
float:left;
height:276px;
width:995px;
margin-top:0px;
}


#content
{
position:relative;
float:left;
overflow:visible;
height:auto;
min-height:320px;
width:955px;
background: url('gfx/content.jpg') repeat-y;
z-index:1;
}

/***************** HOME ***********************/

#column1 {margin-top:30px; margin-left:60px; position:relative; float:left; width:250px; height:auto;}
#column2 {margin-top:30px; margin-left:60px; position:relative; float:left; width:250px; height:auto;}
#column3 {margin-top:30px; margin-left:60px; position:relative; float:left; width:250px; height:auto;}

/****************** BORDERS *******************/

#top_left {		position:absolute;	height:167px;	width:2px;	left:0px; background: url('gfx/border_top.jpg') no-repeat;	z-index:10;}
#top_right {	position:absolute;	height:167px;	width:2px;	right:0px;	background: url('gfx/border_top.jpg') no-repeat;	z-index:10;}
#bottom_left {	position:absolute;	height:167px;	width:2px;	left:0px; bottom:0px;	background: url('gfx/border_bottom.jpg') no-repeat;	z-index:10;}
#bottom_right {	position:absolute;	height:167px;	width:2px;	bottom:0px;	right:0px;	background: url('gfx/border_bottom.jpg') no-repeat;z-index:10;}

/******************** STOPKA **************************/


#footer
{
position:relative;
float:left;
height:55px;
width:100%;
color:#808080;
text-align:center;
}

#footer a{
color:#808080;
text-decoration:none;	
padding:0px 5px;
}
#footer a:hover{
color: #c0c0c0;
text-decoration:underline;
}


/************ KONTAKT ****************/

#formularz {
	position:absolute;
	float:right;
	right:0px;
	margin:30px 100px 0px 0px;
	width:350px;
	height:auto;
}

input {
	background-color:black;
	border:1px solid #CCCCCC;
	color:#CCCCCC;
	width:200px;
}



textarea {
	background-color:black;
	border:1px solid #CCCCCC;
	color:#CCCCCC;

	width:350px;
	height:150px;	
}


#ico {
	background:url('gfx/gfx.jpg') no-repeat;
	width:34px;
	height:41px;
	position:absolute;
	z-index:100;
	right:0px;
}

/**************** USLUGI *************************/

#uslugi {
	font-size:11px;
	margin:25px 0px 0px 50px;
	text-align:justify;
	}
	
.uslugi-left{
	width:400px;
	height:215px;
}

.uslugi-right {
	width:400px;
}

/**************** CENNIK **************************/

#cennik {margin:25px 50px;}

#cennik h1 {
	font-size:16px;
	color:#FFF;
	margin:10px 0px;
	}

#cennik h2 {
	font-size:12px;
	color:#6d6d6d;
	margin:10px 0px;
}

#cennik .left {
	width: 375px; 
}

#cennik .right {
	width:400px;
	padding-left:25px;
}


/*************** PORTFOLIO ****************************/

#pager {
	position:relative;
	float:left;
	clear:both;
	width:100%;
	text-align:center;
	padding:30px 0px;
	z-index:100;
	}

#pager a {
	color:#c0c0c0;
	text-decoration:none;
}

#pager a:hover {
text-decoration:underline;
color:#fff;
}

#portfolio {
	margin:25px 0px 0px 50px;
}

#portfolio h1{
	font-size:14px;
	color:#FFF;
	margin:0px;
}

#portfolio h2{
	font-size:12px;
	color:#6d6d6d;
	margin:3px 0px 10px 0px;
}

#portfolio h3 {
	font-size:11px;
	color:#6d6d6d;
	margin:0 0 10px 0;
}

#portfolio a{
	color:#df6c11;
	text-decoration:none;
}

#portfolio a:hover{
	text-decoration:underline;
}

#portfolio p {
	color:#CCC;
	padding:0px;
	margin:0px;
}

#portfolio-content {
	position:relative;
	margin:auto;
	height:auto;
	width:750px;
}

.left {
	width: 475px;
	height:250px;
	vertical-align:top;
}
	
.right {
	width:250px;
	margin-left:25px;
	vertical-align:top;
}

ul {padding:0px; margin:0px;}
li  {list-style:none; background: url('gfx/li.jpg') no-repeat; padding-left:15px; }

