/*--------------------------------------------------------
	css theme name: digital generation
	author: bartosz mediger (http://mediger.net)

	created: jan 20, 2010


*/



/********************************      Basic Structure      ********************************/


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


address {
	float: left;
	font-style: normal; }


blockquote p { font-size: 14px; }



body {
	background: #f6f3e2 url(dg/backt.jpg) no-repeat center top;
	font: 14px/22px Verdana, "Lucida Grande", Helvetica, Sans-Serif; }
	
	body.start { font: 12px/22px Verdana, "Lucida Grande", Helvetica, Sans-Serif; }



body, html { width: 100%; height: 100%; }


cite {
	float: left;
	clear: both;
	background: url(dg/quote.gif) no-repeat 20px 25px;
	padding: 25px 0 25px 70px;
	font-style: italic; }



fieldset { border: none; }


	
html {
	overflow: auto;
	overflow-x: hidden;
	font-weight: normal;
	color: #333; }



img { border: none; }



ins { text-decoration: none; }




p { clear: both; padding-bottom: 25px; }



textarea {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	overflow: auto; }


ol { margin: 0 0 0 40px; }

ul { margin: 0 0 0 20px; }


ul {
	clear: both;
	padding: 0 0 25px 0;
	list-style: none; }

	ul li {
		background: url(dg/dot2.gif) no-repeat left 8px;
		padding: 0 0 0 15px; }









/********************************      Elements styling      ********************************/

dt { font-size: 16px; }

h1, h2 { font-weight: normal; font-size: 13px; }


h1 { line-height: 32px; font-size: 29px; }

h2 {
	padding: 0 0 15px 0;
	font-size: 24px; }

h3 { font-size: 20px; }

h6, h6 a {
	line-height: 18px;
	font-size: 11px;
	font-weight: normal;
	color: #666; }


a { color: #de7021; }
	
	a:hover { text-decoration: none; }













#container {
	position: relative;
	width: 838px; 
	margin: 0 auto; cursor:  default;
	padding: 124px 53px 0 33px; }








#foot {
	float: left;
	clear: both;
	width: 100%; min-height: 180px; _height: 180px;
	background: #272222 url(dg/foot.gif) no-repeat top center;
	padding: 0 0 30px 0; }
	
	#foot a { text-decoration: none; }
	
	#foot .content {
		width: 838px;
		margin: 0 auto;
		padding: 65px 53px 30px 33px; }
		
	#foot .copyrights {
		float: left;
		width: 210px;
		padding: 5px 0 0 0; }

		#foot .copyrights h6 {
			clear: both;
			padding: 0 0 0 15px; }
	
		#foot .copyrights p {
			line-height: 16px;
			padding: 0;
			font-size: 11px;
			color: white; }



	#foot .links {
		float: right;
		width: 570px; }

		#foot .links a { color: #999; }

			#foot .links a:hover { text-decoration: underline; }

		#foot .links dl {
			float: left;
			width: 180px;
			margin: 0 0 0 10px; }

		#foot .links dd {
			background: url(dg/arrow2.gif) no-repeat left 4px; 
			padding: 0 0 0 10px;
			line-height: 18px; }

		#foot .links dt {
			border-bottom: 1px solid #322c2c; 
			margin: 0 0 5px 0;
			padding: 0 0 5px 0;
			color: #ccc; }

	





#gallery { padding: 0 0 0 262px; }

	#gallery a {
		float: left;
	}
	
	#gallery a img { 
		background: white;
		border: 1px solid #d5d3ad;
		margin: 0 10px 10px 0;
		padding: 4px;
	}






#portfolio { }

	#portfolio a {
		float: left;
		width: 365px;
		text-decoration: none; }
		
	#portfolio a:hover { text-decoration: underline; }

	#portfolio a span.img {
		float: left;
		width: 336px; height: 270px;
		padding: 0 0 15px 0;
		background: url(dg/shadow.gif) no-repeat center bottom; }
		
		#portfolio a span.img img {
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border-radius: 8px; }

	#portfolio .desc,
	#portfolio .link,
	#portfolio .title {
		float: right;
		width: 200px; }

	#portfolio .desc {
		padding: 0 0 10px 0;
		font-size: 12px;
		color: #333; }

	#portfolio .link {
		padding: 5px 0 0 0;
		font-size: 12px; 
		font-weight: bold;
		color: #de7021; }

	#portfolio .title {
		padding: 0 0 5px 0;
		font-size: 24px;
		font-weight: normal; }

	#portfolio .row { padding: 0 0 40px 0; }









#header {
	clear: both;
	position: relative;
	width: 838px; height: 253px;
	margin: 0 0 10px 0; }

	#header img {
		position: absolute; top: 0; left: 0; z-index: 8;
		cursor: pointer; }

	#header img.active { z-index: 10; }

	#header img.last-active { z-index: 9; }






#logo {
	position: absolute; top: -115px; left: -5px; z-index: 100;
	width: 300px; height: 90px;
	background: url(dg/empty.gif);
	text-indent: -10000px; }






#maincontent {
	float: left;
	width: 838px; min-height: 500px; _height: 500px;
	padding: 0 0 10px 0; }

	#maincontent h1 { 
		background: url(dg/dot.gif) repeat-x bottom; 
		margin: 0 0 20px 0;
		padding: 10px 0 10px 0; }

	#maincontent img {
		float: left;
		background: white;
		border: 1px solid #d5d3ad;
		margin: 0 10px 10px 0;
		padding: 4px; }








#menu-pionowe { position: absolute; top: 482px; left: 40px; }

	#menu-pionowe dd { padding: 3px 0 3px 0; }

	#menu-pionowe dt { display: none; }

	#menu-pionowe a {
		background: url(dg/arrow.gif) no-repeat left 19px;
		padding: 15px 0 5px 25px;
		text-decoration: none;
		font-size: 14px !important;
		color: #333; }
		

	#menu-pionowe a:hover { text-decoration: underline !important; }

	#menu-pionowe .hit { color: #de7021 !important; }










#menu-poziome {
	position: absolute; top: 0; right: 0;
	width: 458px;
	padding: 45px 0 0 0; }

	#menu-poziome a {
		padding: 0 30px 0 0;
		font-size: 25px;
		text-decoration: none;
		color: white; }
		
	#menu-poziome a:hover { text-decoration: underline !important; }

	#menu-poziome dl, #menu-poziome dd { display: inline; }

	#menu-poziome a.hit { color: #de7021 !important; }














#Adamowe, #realizacja, #specjalne, .aktualnosci { display: none; }

.start #menu-pionowe { display: none; }


.contact-left {
	float: left;
	width: 250px;
	}

.contact-right {
	float: left;
	width: 250px;
	
	}

.contact {
	width: 500px;
	}

/********************************      General Classes      ********************************/

.clear { width: 100%; clear: both; }

#gallery a:hover img,
.lightbox:hover img { border: 1px solid #b9b793 !important; }

.more {
	float: right;
	background: url(dg/arrow.gif) no-repeat left 19px;
	padding: 15px 0 0 18px;
	text-decoration: none; }
	
	.more:hover { text-decoration: underline; }




/*********        Columns in text          *********/

.col-left {
	float: left;
	width: 240px; }
	
	.col-left h1 { height: 34px; }
	
	.start .col-left {
		width: 380px;
		padding: 0; }


.col-right {
	float: right;
	width: 576px; }
	
	.start .col-right { width: 410px; }









/*********        Icons          *********/

.ico-doc,
.ico-flower,
.ico-gear {
	background-position: left 0 !important;
	background-repeat: no-repeat !important;
	padding: 4px 0 10px 50px;  } 

.ico-doc { background: url(dg/icon_doc.gif); }
.ico-flower { background:  url(dg/icon_flower.gif); }
.ico-gear { background: url(dg/icon_gear.gif); }




.row {	
	float: left;
	width: 100%; }