html
{
	height:100%;
}

body 
{
	background:#3e2525;
	min-width:970px;
/*	min-height:520px;*/
	height:100%;
	color: #ccc;
}

/* dla edytora w backend-zie */
body#tinymce 
{
	min-width: 0 !important;
	height: auto !important;
}

a {
	color: #e68989;
}

img:focus {
	outline: none;
}

img {
	border: 0;
}

/* Firefox Dotted Outline Fix */
a:active { 
	outline: none; 
}

/* Firefox Dotted Outline Fix */
a:focus { 
	-moz-outline-style: none; 
}

#container
{
	height:100%;
	display:block;
	margin:0 auto;
}

#wrapper
{
/*	background:#3e2525;*/
	background:url(img/bg.png) repeat scroll left top;
	height:auto !important;
	margin:0 auto -30px;
	min-height:100%;
}

#navigation
{
	position:relative;
	background:url(img/navi_bg4.png) repeat-x scroll left top;
	margin:0;
	padding:0;
	height:130px;
}

#navigation_content
{
	margin:0px auto;
	width:970px;
}

#content
{
/*	background:url(img/divider.png) repeat-y scroll left top;*/
	position:relative;
	margin:0px auto;
	width:970px;
	height:auto;
}

#wrap_divider_halper
{
	background:url(img/divider.png) repeat-y scroll left top;
	position:relative;
	width:970px;
	height:100%;
	min-height:100%;
	margin:0px auto;
}

#wrap_divider
{
	background:url(img/divider.png) repeat-y scroll left top;
	position:absolute;
	width:3px;
	height:100%;
	bottom:29px;
	left:50%;
	margin-left:-365px;
}

#divider
{
	background:url(img/divider.png) repeat-y scroll left top;
	position:absolute;
	left:50%;
	margin-left:-365px;
	width:3px;
	height:100%;
	z-index:3;
}

#logo
{
	float:left;
	display:block;
	position:relative;
}

#logo h1 a
{
	background:url(img/logo.png) 0 0 no-repeat;
	display: block;
	position:relative;
	text-indent: -99999em;
	width:116px;
	height:54px;
	margin-top:10px;
}

#logo h1 a span
{
	background:transparent url(img/logo_hov4.png) 0 0 no-repeat;
	* background:transparent;
	display: block;
	position:absolute;
	top:-1px;
	left:-6px;
	text-indent: -99999em;
	width:125px;
	height:54px;
}

/* main menu */
ul#menu
{
	width:600px;
	padding-top:2px;
	margin:0px auto;
	overflow: hidden;
	line-height:80px;
	position:relative;
}

ul#menu li
{
	float: left;
	display: block;
	border-right:1px solid #919090;
}

ul#menu li.first
{
	border-left:1px solid #919090;
}

ul#menu li a 
{
	background:url(img/but_bg.png) repeat-x; 
	text-decoration: none; 
	color: #aaa; 
	position:relative;
	display:block;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	font-family:"lucida grande", verdana, sans-serif;
	height:80px;
}

ul#menu li a span 
{
	background:url(img/but_bg_hov.png) repeat-x;
	display:block;
	position:absolute;
	top:0;
	left:0;
	padding-left: 20px;
	padding-right: 20px;
}

ul#menu li a span:hover 
{
	cursor:pointer;
}


ul#menu li.active 
{ 
	color: #fff; 
}
ul#menu li.active a 
{ 
	color: #fff; 
}

.contentItem {
	font: 13px "lucida grande", verdana, sans-serif;
	margin-left: 160px;
	width: 805px;
}

#home 
{ 
	display: block; 
	height:320px;
}


#portfolio_container
{
}

#portfolio_content
{
}

ul#portfolio_menu
{
	float:left;
	overflow: hidden;
	line-height:70px;
	z-index:5;
}

ul#portfolio_menu li
{
	position:relative;
	display: block;
	border-left:1px solid #949494;
	border-right:1px solid #949494;
	border-bottom:1px solid #949494;
	height:70px;
	z-index:10;
}

ul#portfolio_menu li.top
{
	border-top:1px solid #949494;
}

ul#portfolio_menu li a 
{
	background:url(img/but_bg.png) repeat-x; 
	text-decoration: none; 
	color: #aaa; 
	position:relative;
	display:block;
	padding-left: 20px;
	padding-right: 20px;
	width:80px;
	height:70px;
	font-size: 16px;
	font-family:"lucida grande", verdana, sans-serif;
	text-align:center;
	z-index:5;
}

ul#portfolio_menu li a span 
{
	background:url(img/but_bg_hov.png) repeat-x;
	display:block;
	position:absolute;
	top:0;
	left:0;
	padding-left: 20px;
	padding-right: 20px;
	width:80px;
	height:70px;
	font-size: inherit;
	font-family:inherit;
	text-align:inherit;
	z-index:5;
}

ul#portfolio_menu li a span:hover 
{
	cursor:pointer;
}


ul#portfolio_menu li.active 
{ 
	color: #fff; 
}

ul#portfolio_menu li.active a 
{ 
	color: #fff; 
}

/* Domyślna typografia */
#content {
	font-size: 12px;
	font-family: "lucida grande", verdana, sans-serif;
}

#content p {
	line-height: 1.5;
	margin-bottom: 18px;
}

#content h1 {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 18px;
}

#content h2 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 18px;
}

#content h3 {
	font-size: 12px;
	line-height: 18px;
}

#content ul, #content ol {
	margin-bottom: 18px;
}

.contentItem2
{ 
	color: #fff; 
	display: none;
	overflow:hidden;
	padding:10px;
	min-height:300px;
}

#gal1 
{ 
	display: block;
}

.realization-row {
/*	clear: left; */
width: 100%;
margin-bottom: 30px;
float: left;
}

.realization-row a {
	text-decoration: none;
}

.realization-row h2 a {
	color: inherit;
}

.realization-row-more {
	clear: left;
	padding-top: 12px;
}

.realization-gallery {
	margin-left: 15px;
	width: 240px;
	float: left;
}

.gal-item-active {
	float: left;
	margin: 5px;
	background-color: white;
}

.gal-item-active img {
	margin: 5px 5px 3px 5px;
}


.realization-description {
	margin: 36px 100px 18px 290px;
}

.portfolio_link
{
	float:left;
	width:74px;
	height:74px;
	background-color:#1E1D1E;
	margin:5px;
	position:relative;
	padding:1px;
}

.portfolio_image
{
	position:absolute;
  	clip:rect(0px 70px 70px 0px);
}

.border1
{	
	position:relative;
	width:70px;
	height:70px;
	background-color:#1E1D1E;
	border:1px #949494 solid;
	padding:1px;
}


.slide h2, .slide p, .slide h3, .slide ul
{
  margin:15px;
}

.slide h2 {
  font: 24px "lucida grande", verdana, sans-serif !important;
  width:100%;
  color:#ccc;
  letter-spacing:-1px;
}
.slide h3 {
  font: 18px "lucida grande", verdana, sans-serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
	float:right;
	margin:0 15px;
	border:1px solid #949494;
	padding:1px;
	background-color:#1E1D1E;
}

.slide p 
{
  font: 13px "lucida grande", verdana, sans-serif;
  color:#ccc;
  line-height:20px;
}

.slide ul li
{
  	font: 13px "lucida grande", verdana, sans-serif;
  	color:#ccc;
	list-style-type:disc;
	margin: 5px;
}

#card
{
	position:relative;
	display:block;
	height:320px;
	margin-left:140px;
}

#pg-kontakt .contentItem h1
{
	font: 20px "lucida grande", verdana, sans-serif;
 	color:#ccc;
	letter-spacing:-1px;
	line-height:34px;
}

#pg-kontakt .contentItem h2
{
	font: 20px "lucida grande", verdana, sans-serif;
 	color:#ccc;
	letter-spacing:-1px;
}

#pg-kontakt .contentItem h3 a
{
	font-size: 16px;
	font-family:"lucida grande", verdana, sans-serif;
 	color:#ccc;	
	line-height:35px;
	text-decoration:none;
	padding-left:5px;
}

#pg-kontakt .contentItem h3 a:hover
{
	text-decoration:underline;
}

#pg-kontakt .contentItem p
{
	font: 13px "lucida grande", verdana, sans-serif;
 	color:#ccc;	
	line-height:20px;
}

#phone
{
	float:left;
	background:url(img/phone.png) scroll left top;	
	width:32px;
	height:32px;
	text-indent: -99999em;
}

#email
{
	float:left;
	background:url(img/email.png) scroll left top;	
	width:32px;
	height:32px;
	text-indent: -99999em;
}

#im
{
	float:left;
	background:url(img/im.png) scroll left top;	
	width:32px;
	height:32px;
	text-indent: -99999em;
}

/* Tytul w oknie Colorboksa */

#cboxCurrent {
	color: black !important;
	font-family: "lucida grande", verdana, sans-serif;
	margin-bottom: 0px !important;
	margin-left: 
}

.paging {
	margin-bottom: 30px;	
}

.pageList {
	list-style: none;
	width: 150px;
	height: 30px;
	margin: 0 auto 25px;
	
}

.pageList li {
	float: left;
	margin: 0 5px;
}

.pageList li a {
	text-decoration: none;
	font-size: 14px;
}

.pageList li a.active 
{
	font-weight: bold;
}

.ui-tooltip {
	font-family: "lucida grande", verdana, sans-serif !important;
} 

.qtip-content {
	font-size: 11px;
}

#dummyfooter
{
	height:30px;
/*	* height:60px;*/
}

#footer_container 
{
	background:url(img/divider-hor.png) repeat-x scroll left top;
	display:block;
/*	clear:both;*/
	width:100%;
	height:30px;
}

#footer_content
{
	width:970px;
	margin:0px auto;
}

#footer
{
	margin-left:120px;
}

#footer h1, #footer h2, #footer h3
{
	color:#ccc;
	letter-spacing:-1px;
	margin:0 5px;
}

#footer h1
{
	font: 18px "lucida grande", verdana, sans-serif;
	line-height:30px;
}

#footer h2
{
	font: 16px "lucida grande", verdana, sans-serif;
	line-height:30px;
}

#footer h3
{
	font: 12px "lucida grande", verdana, sans-serif;
	line-height:30px;
}