body, html{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;	
	background-color: #0B425C;
	width: 100%;
}

img.png { 
	behavior: url(/js/iepngfix.htc) 
}

*+html img.png { 
	behavior: url(/js/iepngfix.htc) 
}

div#main-container {
	
	margin: auto;
	width: 906px;
	min-height: 600px;
  	position: relative;
}
div#main {
	
}
a {
	text-decoration: none;
	color: #FFFFFF;	
}

img {
	border: none;	
}

div#header {
	position: relative;	
}

div#header-logo {
	float: left;
	position: relative;
	top: 13px;
	left: 40px;
}

div#menu {
	position: relative;
	left: 180px;
}

div#menu-item {
	position: relative;
	top: 65px;
	padding-left: 5px;
	float: left;
	height: 30px;
}
div#banner {
	position: relative;
	top: 20px;
	background: url(/images/ramka-banner.jpg) no-repeat;
	padding: 3px;
	width: 900px;
	height: 295px;
}

.cc {
 clear: both;
 height: 0px;
}
div#footer {
 border-top: 2px solid #12516D;
 font-size: 11px;
 padding-top: 20px;	
 margin-top: 10px;
 padding-left: 20px;	
}
div#index {
	margin-top: 30px;
	height: 370px;
}
div#index-left {
	width: 380px;
	height: 540px;
	padding: 15px;
	float: left;
	line-height: 15px;
	font-size: 11px;
}
div#index-right {
	padding: 15px;
	position: absolute;
	left: 430px;
	width: 440px;
	height: 540px;
	line-height: 15px;
	font-size: 11px;
}

div#index-item {
	float: left;
	padding-right: 10px;
	width: 190px;
}
div#emp {
	margin-top: 60px;
	height: 430px;
}
div#emp-top {
	padding-left: 15px;	
}
div#emp-left {
	width: 430px;
	height: 290px;
	padding: 15px;
	float: left;
}
div#emp-right {
	padding: 15px;
	position: absolute;
	left: 500px;
	width: 390px;
	height: 290px;
	line-height: 14px;
}

div#kontakt {
	margin-top: 50px;
	height: 370px;
}
div#kontakt-left {
	
	padding-top: 15px;
	width: 380px;
	height: 290px;
	float: left;
	
}
div#kontakt-info {
	background: #0C4965;
	padding: 15px;
	width: 220px;
	height: 275px;
}

div#kontakt-right {
	padding: 15px;
	position: absolute;
	left: 365px;
	width: 460px;
	height: 300px;
}

.paginate {
	position: relative;
	bottom: 0px;
}
*+html .paginate {
	position: relative;
	top: 1px;
}
.paginate, x:-moz-any-link {
	position: relative;
	top: 1px;
}

div#pagination-div {
	float:left;
	height:18px;
	width: 18px;
	text-align: center;
	margin-right: 5px;
	background: #136085;	
}

div#realizacje {
	margin-top: 30px;
	position: relative;
	height: 535px;
}
div#realizacje-left {
	width: 290px;
	height: 314px;
	padding: 15px;
	float: left;
	font-size: 13px;
}
div#realizacje-right {
	padding: 15px;
	height: 514px;
	position: absolute;
	left: 360px;
	top: 40px;
	font-size: 11px;
}

div#realizacja-pic {
	background: url(../images/project-ramka.jpg) no-repeat;
	position: relative;
	top: 10px;
	padding: 3px;
	width: 357px;
	height: 133px;
}

div#realizacja-gallery {
}
div#realizacja-gallery-item {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
div#realizacja-pic-sm {
	background: url(../images/realizacje-bg-small.png);
	padding: 2px;
	width: 119px;
	height: 80px;
}

div#realizacja-pagination {
	position: absolute;
	top: 350px; 
	height: 20px; 
}
div#bg-map {
	background: url(../images/ramka-contact.jpg);
	padding: 3px;
	width: 433px;
	height: 241px;
}
div#index-latest {
	background: url(../images/ramka-index.jpg) no-repeat;
	padding: 2px;
	width: 170px;
	height: 80px;
}
.list-image {
	position: relative;
	top: 4px;
	padding-right: 6px;
}
.list-padding {
	position: relative;
	left: 20px;
}
div#about {
	margin-top: 40px;
	height: 420px;
}
div#about-top {
	padding-left: 15px;	
}

div#about-left {
	width: 460px;
	height: 340px;
	padding: 15px;
	padding-top: 0px;
	float: left;
	line-height: 15px;
	font-size: 11px;
}
div#about-right {
	padding: 15px;
	padding-top: 0px;
	position: absolute;
	left: 525px;
	width: 330px;
	height: 340px;
	line-height: 15px;
	font-size: 11px;
}