﻿

body {
	
	margin: 0 auto;
	color: #848484;
	font-family:Arial;
	font-size: 12px
		}
	
a:link, a:visited{
	color: #848484;
	font-family:Arial;
	outline: none; 

}

a:hover
{
	text-decoration:underline;
		color: #a3a3a3;
		outline: none;
}

#main
{
	width: 907px;
	height: 650px;
	background: #fff url(../imgs/bg.jpg) no-repeat ;
	margin: 0px auto;
	margin-top: 15px;
}

#menu
{
	width: 506px;
	height: 64px;
	clear:both;
	float:right;
	margin-right: 32px;
}
#logo
{
	width: 178px;
	height: 69px;
	background: #fff url(../imgs/logo.jpg) no-repeat ;
	clear:both;
	float:right;
	margin: 13px 44px 0 0;
	font-size: 0;
	cursor:pointer;
	
}
#wfos
{
	width: 178px;
	height: 69px;
	clear:none;
	background: #555;
	float:left;
	margin: -20px 0 0 44px;
	font-size: 0;
	cursor:pointer;
	background: #fff url(../imgs/wfos1.jpg) no-repeat ;
	
}
#content
{
	width: 845px;
	height: 511px;
	clear:both;
	float:right;
	margin: 0 auto;
	margin-right: 29px;
	text-align: center;

}

#pasek1
{
	width: 800px;
	height: 5px;
	margin: 0 auto;
	margin-top: 5px;


}
#ukryj
{
	margin: 10px auto;
	margin-top: 5px;
	text-align: center;

}

#title
{
	width: 800px;
	height: 25px;
	margin: 0 auto;
	margin-top: 15px;
	line-height: 25px;
	font-size: 18px;


}
#title_text
{
clear:none;
float:left;
	height: 25px;
	margin: 0 auto;
	line-height: 25px;
	font-size: 18px;
	margin-left: 10px;


}
#kwadrat
{
	width: 12px;
	height: 12px;
	margin-top: 7px;

		clear:left;
float:left;
	margin-left: 10px;



}

#pasek2
{
	width: 800px;
	height: 2px;
	margin: 0 auto;


}

#pasek2
{
	width: 800px;
	height: 2px;
	margin: 0 auto;


}

#text
{
	width: 800px;
	height: 430px;
	margin: 0 auto;

}

#design
{
	display:block;
	width: 137px;
	height: 25px;
	float:right;
	margin-right: 195px;
}
.menulink 
{
	display:block;
	float:left;
	margin: 0 10px 0 0;
	width:116px;
	height:45px;

}
#ofirmie
{
	background: url(../imgs/ofirmie.jpg) no-repeat bottom;
}
#oferta
{
	background: url(../imgs/oferta.jpg) no-repeat bottom;
}
#zezwolenia
{
	background: url(../imgs/zezwolenia.jpg) no-repeat bottom;
}
#kontakt
{
	background: url(../imgs/kontakt.jpg) no-repeat bottom;
}
#ld
{
	margin-top: 200px;
		text-align: center;
}

/* 
#main
	#menu
{
	width:665px;
	height:226px;
	float:left;
	margin: 0 auto;
	margin-left: 30px;
	background-image:url('../imgs/menu.jpg');
	clear:left;
}

	#main
{
	width:229px;
	height:83px;
	float:left;
	margin: 0 auto;
	margin-left: 486px;
	background-image:url('../imgs/logo.jpg');
}

	#stopka
{
	width:213px;
	float:left;
	margin-top: 90px;
	background: #000;
	clear:both;
}	
	#stopka p
{
	margin:10px 2px 10px 8px
}

	#content
{
	clear:none;
	float:left;
	margin-left: 40px;
	margin-top:50px;
	width: 718px;
}

.work
{
	width: 718px;
	clear:both;
	margin-bottom: 20px;
	
}
.rot
{
		margin-left: 9px;
		padding-top: 2px;
		clear:both;
		float:none;
		width: 700px;
}
#views
{
	clear: right;
	float:right;
	text-align:left;
	margin-right:20px;
	width: auto;
}
.work > p
{
	margin-top: 25px;
	margin-left: 9px;
	width: 350px;
}

#plus1, #plus2, #plus3, #plus4
{
	width: 9px;
	height: 9px;
	margin: 0 auto;
	clear:none;
	float:left

}
#plus1
{
	background-image:url('../imgs/plus-yellow.gif');
}
#plus2
{
	background-image:url('../imgs/plus-blue.gif');
	float:right;
}
#plus3
{
	background-image:url('../imgs/plus-red.gif');
	clear:both;
}
#plus4
{
	background-image:url('../imgs/plus-grey.gif');
	float:right;
}



.logolink
{
	width: 100%;
	height: 100%;
}
/* SIDE MENU
	#sidemenu
{
	float:left;
	margin: 0 auto;
	margin-left: 30px;
	margin-top:50px;
	padding-bottom: 30px;
	clear:both;
	width: 213px;
}


dl, dt, dd {
	display: block;
	margin: 0 auto;
	color: #848484;
}

dt {
	width: 213px;
	height: 28px;
	background: #000;
	margin-bottom: 4px;
}

dd {
	width: 213px;
	height: 20px;
	background: #000;
	margin-bottom: 4px;
}

dl a:link, dl a:visited {
	padding-left:15px;	
	font-family:Arial;
	text-decoration:none;
	line-height: 20px;
	color: #848484;

}

dl a:hover {
	text-decoration: underline;
	color: #a3a3a3;
}

ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul li {
	display: inline;
	white-space: nowrap;
	width:14px;
	height: 14px;
}



/* KOLORY TEKSTU 

span.red
{
	color:#f10072;
}
span.blue
{
	color:#00eaff;
}
span.yellow
{	
	
	color:#ffc000;
	margin-bottom: -25px;
}



/* INNE

img
{
	border: 0;
	margin:0 auto;
}


/* TABS 
#featured .next_nav {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 15px;
	PADDING-BOTTOM: 0px;
	WIDTH: 445px;
	PADDING-TOP: 11px;
	HEIGHT: 28px;
}
.ui-tabs-hide {
	DISPLAY: none;
}
.ui-tabs-nav {
	FLOAT: right;
	width:auto;
	PADDING-TOP: 3px;
}
.ui-tabs-nav LI {
	FLOAT: left;
	width:auto;
}
.ui-tabs-nav A {
	TEXT-INDENT: -99999px;
	width: 14px;
	height: 14px;
	DISPLAY: block;
	BACKGROUND: url(../imgs/switch.png) no-repeat -14px 0px;
	white-space: nowrap; /* required in IE 6 
    .ui-tabs-nav A {
	TEXT-INDENT: -99999px;
	width: 14px;
	height: 14px;
	DISPLAY: block;
	BACKGROUND: url(../imgs/switch.png) no-repeat -14px 0px;
	white-space: nowrap; /* required in IE 6   
    outline: 0; /* prevent dotted border in Firefox 

}
.ui-tabs-nav A:visited {
	TEXT-INDENT: -99999px;
	DISPLAY: block;
	BACKGROUND: url(../imgs/switch.png) no-repeat -14px 0px;
}
.ui-tabs-nav A:hover {
	TEXT-INDENT: -99999px;
	DISPLAY: block;
	BACKGROUND: url(../imgs/switch.png) no-repeat -14px 0px;
}
.ui-tabs-nav A:focus {
	TEXT-INDENT: -99999px;
	DISPLAY: block;
	BACKGROUND: url(../imgs/switch.png) no-repeat -14px 0px;
}
.ui-tabs-nav A:active {
	TEXT-INDENT: -99999px;
	DISPLAY: block;
	BACKGROUND: url(../imgs/switch.png) no-repeat -14px 0px;
}
.ui-tabs-nav .ui-tabs-selected A {
	BACKGROUND-POSITION: 0 0;
}
.ui-tabs-nav .ui-tabs-selected A:visited {
	BACKGROUND-POSITION: 0 0;
}
.ui-tabs-nav A:hover {
	BACKGROUND-POSITION: 0 0;
}
.ui-tabs-nav A:focus {
	BACKGROUND-POSITION: 0 0;
}
.ui-tabs-nav A:active {
	BACKGROUND-POSITION: 0 0;
}


#more
{
	margin: 0 auto;
	
	width: 213px;
	
	text-align: right;
	margin-bottom: 4px;
	font-family:Arial;
	text-decoration:none;
	line-height: 22px;
	cursor:pointer;
}
#more-tit
{
	margin: 0 auto;
	padding-right: 15px;
}
.m
{
	color: #848484;
	background-color: #000;
	
}
.m-yellow
{
	background-color:#ffc000;
	color:black;
}
.m-blue
{
	background-color:#00eaf7;
	color:black;
}
.m-red
{
	background-color:#f10073;
	color:black;
}
.m-gray1
{
	background-color:#494949;
	color:black;
}
.m-gray2
{
	background-color:#616161;
	color:black;
}