/**************************
* BEGIN RESETTING STYLES
*************************/
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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
	font: normal 11px Arial,Helvetica,sans-serif;
	line-height: 18px;
}
a img {
border: none;
}


.shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  border-radius: 5px;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}


.shadow div {
  background: none !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  border-radius: 5px;  
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}
  
.shadow h1 {
  color: #777;
  background-color: #fff;
  font: italic 18px georgia, serif;
  border: 1px solid #a9a9a9;
  border-radius: 5px;  
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}



/**************************
* END RESETTING STYLES
*************************/

html, body {
	font: normal 13px Arial,Helvetica,sans-serif;
	line-height: 18px;
	color: #202020;
}
body {
    background: #3E4245 url(../images/bg-zero.jpg) repeat fixed 0 0;
	text-align: center;	
}
div.hrshort {
	border: none;
	margin: 3px 0 0;
	background: url(../images/images-orig.png) no-repeat 0 -97px;
	background-repeat: no-repeat;
	height: 2px;
}

.nomargin {
    margin: 0px !important;
}

a, a:active, a:visited {
	color: #3673a3;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.nofloat {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
	font-size: 0;
	line-height: 0px;
	content: ".";
	border: none;
	margin: 0;
	padding: 0;
}

/**************************
* BEGIN MAIN DIVS
*************************/
#parent-wrapper {
	background: url(../images/vertical.png) repeat-x 0 -100px;
	height:19px;
}

#parent {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}

#header {
	overflow: hidden;
}

div.png span,a.png span {
	display:none;
	visibility:hidden;
}

#page-content {
	float: left;
	width: 820px;
}

#page-content2 {
	clear: both;
}

#page-sidebar {
	float: right;
	width: 200px;
}

/**************************
* END MAIN DIVS
*************************/

div#header .logo, .logo {
    display:block;
	float: left;
	width: 215px;
	height: 106px;
	background: url(../images/images.png) no-repeat 0 0;
	background-repeat: no-repeat;
}

div#header .nav {
	position: relative;
	float: left;
	height:87px;
	width: 995px;
	overflow-y: hidden;	
	overflow-x: auto;
}

div#header .nav ul {
	width: 2000px;
	margin: 0;
}

div#header .nav li {
	float: left;
	padding: 0 4px;
}

div#header a span {
	display: none;
}

div#header .nav a {
    color: #FFFFFF;
	font: italic 1em georgia, serif;
    letter-spacing: -1pt;
    text-decoration: none !important;
}
div#header .nav a span {
	display: block;
    text-align:center;
    padding-top: 64px;
}
div#header .nav ul li a {
	height: 87px;
	display:block;
    letter-spacing: 0px;
}
div#header .nav a:hover {
    color: #fff499;
}
div#header .nav .male a {
	background: url(../images/images.png) no-repeat 0 -109px;
	width: 99px;
}
div#header .nav .male a:hover, div#header .nav li.male.current a  {
		background-position: 0 -196px;
}

div#header .nav .srednie a {
	background: url(../images/images.png) no-repeat -99px -109px;
	width: 99px;
}
div#header .nav .srednie a:hover, div#header .nav li.srednie.current a  {
		background-position: -99px -196px;
}

div#header .nav .duze a {
	background: url(../images/images.png) no-repeat -198px -109px;
	width: 99px;
}
div#header .nav .duze a:hover, div#header .nav li.duze.current a  {
		background-position: -198px -196px;
}

div#header .nav .parterowe a {
	background: url(../images/images.png) no-repeat -297px -109px;
	width: 99px;
}
div#header .nav .parterowe a:hover, div#header .nav li.parterowe.current a  {
		background-position: -297px -196px;
}

div#header .nav .pietrowe a {
	background: url(../images/images.png) no-repeat -396px -109px;
	width: 99px;
}
div#header .nav .pietrowe a:hover, div#header .nav li.pietrowe.current a  {
		background-position: -396px -196px;
}

div#header .nav .rezydencje a {
	background: url(../images/images.png) no-repeat -495px -109px;
	width: 99px;
}
div#header .nav .rezydencje a:hover, div#header .nav li.rezydencje.current a  {
		background-position: -495px -196px;
}

div#header .nav .dwupokoleniowe a {
	background: url(../images/images.png) no-repeat -594px -109px;
	width: 99px;
}
div#header .nav .dwupokoleniowe a:hover, div#header .nav li.dwupokoleniowe.current a  {
		background-position: -594px -196px;
}

div#header .nav .wspolczesne a {
	background: url(../images/images.png) no-repeat -693px -109px;
	width: 99px;
}
div#header .nav .wspolczesne a:hover, div#header .nav li.wspolczesne.current a  {
		background-position: -693px -196px;
}

div#header .nav .tradycyjne a {
	background: url(../images/images.png) no-repeat -792px -109px;
	width: 99px;
}
div#header .nav .tradycyjne a:hover, div#header .nav li.tradycyjne.current a  {
		background-position: -792px -196px;
}

div#header .nav .nowoczesne a {
	background: url(../images/images.png) no-repeat -891px -109px;
	width: 99px;
}
div#header .nav .nowoczesne a:hover, div#header .nav li.nowoczesne.current a  {
		background-position: -891px -196px;
}

div#header .nav .garaz a {
	background: url(../images/images.png) no-repeat -990px -109px;
	width: 99px;
}
div#header .nav .garaz a:hover, div#header .nav li.garaz.current a  {
		background-position: -990px -196px;
}


/* NAVIGATION OF PROJECTS */
.nav2 {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height:350px;
	width: 795px;
	/* Add scroll-bars */
	overflow-y: hidden;	
	overflow-x: auto;
}

ul.nav2{
	display: block;
	height: 370px;
	/* Max width here, for users without Javascript */
	width: 1400px;
	padding: 0 0 0 15px;
	/* Remove default margin */
	margin: 0;
	list-style: none;
}

.nav2 li {
	display: block;
	float: left;
	width: 328px;
	
	border: 1px solid #a9a9a9;
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	color: #777;
	font: italic 1em georgia, serif;
	
	margin: 2px;
}


.nav2 div.title {
	padding: 4px;
}
.nav2 span.title_name {
	float: left;
}

.nav2 span.title_size {
	float: right;
}

.nav2 div.img {
	display: block;
	padding: 4px;
	margin: 1px;
	
	background-color: #fff;	
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.nav2 img {
	width: 316px;
}

.nav2 span.opis {
	display: block;
	padding: 4px;
}
/**************************
* BEGIN BODY DIVS
*************************/


#bodyheader, .bodyheader {
	height: 20px;
	margin:0 20px;
	background: url(../images/vertical.png) repeat-x 0 -119px;
}
#bodyheader-left, .bodyheader-left {
    position:relative;
    left:-20px;
	height: 20px;
	width:  20px;
	float: left;
	background: url(../images/images-orig.png) no-repeat -307px 0px;
}
#bodyheader-right, .bodyheader-right {
    position:relative;
    right:-20px;
	height: 20px;
	width:  20px;
	float: right;
	background: url(../images/images-orig.png) no-repeat -327px 0px;
}
#maincontent-wrapper, .maincontent-wrapper {
	background: url(../images/maincontent-wrapper.png) repeat;
}
#maincontent, .maincontent {
    margin: 0 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FFFFFF;
}

#bodyfooter, .bodyfooter {
	height: 20px;
	margin:0 20px;
	background: url(../images/vertical.png) 0px -139px repeat-x;
}
#bodyfooter-left, .bodyfooter-left {
    position:relative;
    left:-20px;
	height: 20px;
	width:  20px;
	float: left;
	background: url(../images/images-orig.png) no-repeat -307px -20px;
}
#bodyfooter-right, .bodyfooter-right {
    position:relative;
    right:-20px;
	height: 20px;
	width:  20px;
	float: right;
	background: url(../images/images-orig.png) no-repeat -327px -20px;
}



/**************************
* END BODY DIVS
*************************/

/**************************
* BEGIN BODY STYLES
*************************/

div#maincontent .leftcolumn {
	float: none;
	overflow: hidden;
	padding-right:4px;
}
div#maincontent .rightcolumn {
	float: right;
}
div#maincontent .topwrapper {
}
div#maincontent .topwrapper .rightcolumn .ad {
    width: 300px;
    height: 250px;
}

div#maincontent .bottomwrapper {
    height: 700px;
	margin-top: 20px;
}
div#maincontent .bottomwrapper .blogentry {
    height: 95px;
}
div#maincontent .bottomwrapper .rightcolumn .ad {
    width:  120px;
    height: 600px;
}

div#maincontent .bottomwrapper .singlepost .rightcolumn {
    width:120px;
    height:600px
}
div#maincontent .bottomwrapper .singlepost .rightcolumn .ad {
    position:absolute
}
/**************************
* END BODY STYLES
*************************/


/**************************
* BEGIN WINDOW DIVS
*************************/
#projektyOkna {
	clear: both;
	text-align: center;
}

div#projektyOkna .window {
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	width: 380px;
	float: left;
}

.window {

}

div#projektyOkna .windowheader, .windowheader  {
	height: 20px;
	margin:0 20px;
	background: url(../images/vertical.png) repeat-x 0 -119px;
}
div#projektyOkna .windowheader-left, .windowheader-left {
    position:relative;
    left:-20px;
	height: 20px;
	width:  20px;
	float: left;
	background: url(../images/images-orig.png) no-repeat -307px 0px;
}
div#projektyOkna .windowheader-right, .windowheader-right {
    position:relative;
    right:-20px;
	height: 20px;
	width:  20px;
	float: right;
	background: url(../images/images-orig.png) no-repeat -327px 0px;
}
div#projektyOkna .windowcontent-wrapper, .windowcontent-wrapper {
	background: url(../images/maincontent-wrapper.png) repeat;
}
div#projektyOkna .windowcontent {
    margin: 0 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: green;
	overflow: hidden;	
}
div#projektyOkna .windowcontent-greenBack, .windowcontent-greenBack {
    margin: 0 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: green;
	overflow: hidden;	
}
div#projektyOkna .windowcontent-whiteBack, .windowcontent-whiteBack {
    margin: 0 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #ffffff;
	overflow: hidden;	
}

div#projektyOkna .windowcontent-imageBack, .windowcontent-imageBack {
    margin: 0 10px;
	padding-left: 5px;
	padding-right: 5px;
	background: #3E4245 url(../images/bg-zero.jpg) repeat fixed 0 0;
	overflow: hidden;	
}

div#projektyOkna .windowfooter, .windowfooter {
	height: 20px;
	margin:0 20px;
	background: url(../images/vertical.png) 0px -139px repeat-x;
}
div#projektyOkna .windowfooter-left, .windowfooter-left {
    position:relative;
    left:-20px;
	height: 20px;
	width:  20px;
	float: left;
	background: url(../images/images-orig.png) no-repeat -307px -20px;
}
div#projektyOkna .windowfooter-right, .windowfooter-right {
    position:relative;
    right:-20px;
	height: 20px;
	width:  20px;
	float: right;
	background: url(../images/images-orig.png) no-repeat -327px -20px;
}



/**************************
* END WINDOW DIVS
*************************/

/**************************
* BEGIN MENU STYLES
*************************/

div.window h3 {
	color: white;
	border-bottom: 2px groove white;
	padding: 2px;
	margin-bottom: 4px;
	height: 22px;
}

ul.menu {
	margin-bottom: 10px;
}

ul.menu li {
	border-bottom: 1px groove gray;
}

ul.menu li a {
	color: black;
	font-weight: bold;
}
ul.menu li a:hover {
	color: yellow;
}

ul.menu li a:visited {
	color: black;
}

ul.menu li a:visited:hover {
	color: yellow;
}

/**************************
* END MENU STYLES
*************************/


/**************************
* BEGIN FOOTER STYLES
*************************/

#footer {
	overflow: hidden;
	font-family: Helvetica, Arial, sans-serif;
	color: #d9d9d9;
	font-size: 11px;
	word-spacing: 1px;
	letter-spacing:0px;
    background: #000000 url(../images/vertical.png) repeat-x 0 -159px;

	padding: 3px 0 2px 0;
	clear: both;
}

div#footer a, div#footer a:visited, div#footer a:active {
	text-decoration: none;
	color: #FFFFFF;
}
div#footer span {
    margin: 0 5px;
}
div#footer a:hover {
    color: #3b73a3;
    text-decoration: none !important;
    margin:0px;
}
#footerwrap div {
    float:left;
}
#footerwrap {
    margin: 0 auto;
    float: none;
    width: 820px;
}


#flyingmenu {
	width: 100%;
}

#footer2 {
	overflow: hidden;
	font-family: Helvetica, Arial, sans-serif;
	color: #d9d9d9;
	font-size: 11px;
	word-spacing: 1px;
	letter-spacing:0px;
    background: #000000 url(../images/vertical.png) repeat-x 0 -159px;
	padding: 3px 0 2px 0;
}

div#footer2 a, div#footer2 a:visited, div#footer2 a:active {
	text-decoration: none;
	color: #FFFFFF;
}
div#footer2 span {
    margin: 0 5px;
}
div#footer2 a:hover {
    color: #3b73a3;
    text-decoration: none !important;
    margin:0px;
}
#footerwrap2 div {
    float:left;
}
#footerwrap2 {
    margin: 0 auto;
    float: none;
}


/**************************
* END FOOTER STYLES
*************************/

/**************************
* BEGIN LATEST DIS STYLES
*************************/

#dis {
	color: #808080;
	font-size: 11px;
	overflow: auto;
	width: 170px;
}

div#dis .header {
	height: 10px;
	background-repeat: no-repeat;
}


h1.dis {
	font: normal bold 18px "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
	letter-spacing: -1pt;
	color:#202020;
	margin: 14px 0 6px 15px;
}

.disentry h1, div#dis .disentry a {
	margin-bottom: 3px;
	font: normal bold 14px "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #4FCE44;
}

div#dis a:hover {
	text-decoration: underline;
}

.disentry {
	margin: 10px 5px;
	padding-bottom: 5px;
	border-bottom: dashed 1px #808080;
}

div.firstdis {
	margin-top: 0;
}

div#dis .contentcontainer {
	overflow: hidden;
}

.contentcontainer ul{
	list-style-type: disc !important;
}

.contentcontainer ol{
	list-style-type: decimal !important;
}

.contentcontainer li{
	margin-left: 10px;
	list-style-type: inherit !important;
	list-style-position:inside!important;
	list-style-image:none !important;
}

div#dis span {
	margin-right: 15px;
	letter-spacing:0;
}


/**************************
* END LATEST DIS STYLES
*************************/


div#content, div#content-obrazy {
  float: left;
	width: 100%;
  text-align: center;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

div#content-project{
  clear: both;
  font-size: 8.5pt;
  font-family: Tahoma,sans-serif; 
  color:#383838;  
}


div#content div.projectThumb {
	float: left;
	margin-left: 2px;
	width: 370px;
	height: 270px;
	border: 1px dotted black;
}

div.projectThumb:hover {
	background: url('../images/backThumb.gif') no-repeat;	
}



div#projektyOkna span.projectName {
	float: left;
	margin-left: 20px;
	color: red;
}

div#projektyOkna span.projectSize {
	float: right;
	margin-right: 50px;
	color: green;
}




div#projektyOkna img {
   text-decoration: none;
   border: 4px outset gray;
}

div#projektyOkna img:hover {
   text-decoration: none;
   border: 4px outset yellow;
}

q {
	padding: 10px;
}