﻿body {
	background-image: url(images/bcg.png);
	margin: 0;	
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	color: #000000;
}

h1 {
	text-transform: uppercase;
	margin-left: 30px;
}

h2, h1 {
	
	font-size: 22px;
	font-weight: bold;
	color: #2e9d04;
}

div#container {
	background-color: #ffffff;
	width: 795px;
	margin: 0 auto;
	padding: 0 60px 30px 60px;
}

div#baner {
	width: 795px;
	height: 168px;
	background: url(images/baner.jpg) no-repeat;
}

div#main-menu, div#footer, .clear-box, div#main {
	clear: both;
}

div#main {
	padding-top: 30px;
}

div#left-menu {
	width: 185px;
	float: left;
}

div#left-menu div.top-box {
	background: url(images/left-menu-top.png) no-repeat;
	height: 8px;
}

div#left-menu div.content {
	background: url(images/left-menu-bcg.png) left bottom no-repeat #eaeaea;
	overflow: hidden;
}

div#left-menu div.bottom-box {
	background: url(images/left-menu-bottom.png) no-repeat;
	height: 8px;
}

div#left-menu div.separator {
	display: block;
	height: 2px;
	background: url(images/separator-narrow.png) no-repeat;
	border: 0;
}

div#left-menu div.content img {
	margin: 8px 0 15px 15px;
}

div#left-menu ul {
	font-size: 11px;
	display: block;
	list-style: none;
	margin: 15px 0;
	padding: 0;
}

div#left-menu ul li {
	margin-bottom: 15px;
}

div#left-menu ul a {
	display: block;
	padding: 10px 0 10px 15px; 
	text-decoration: none;
	color: #000000;
}

div#left-menu a.active, div#left-menu a:hover {
	background: url(images/left-menu-active-bcg.png) repeat-x #41aa19;
	color: #ffffff;
}

div#left-menu, div.content-box {
	margin-bottom: 30px;
}

div#content-region {
	float: left;
	margin-left: 30px;
}

div.content-box {
	width: 580px;
}

div.content-box div.top-box {
	background: url(images/content-top.png) no-repeat;
	height: 8px;
}

div.content-box div.content {
	background-color: #eaeaea;
	overflow: auto;
}

div.content-box div.content h2, div.content-box div.content p {
	margin-top: 0px;
}

div.content-box div.bottom-box {
	background: url(images/content-bottom.png) no-repeat;
	height: 8px;
}

div.content-box div.separator {
	display: block;
	height: 2px;
	background: url(images/separator-wide.png) no-repeat top center;
	border: 0;
}

div#footer {

	background: url(images/footer.jpg) no-repeat;
	height: 166px;
}

div#main-menu div {
	height: 43px;
	float: left;
}

div#main-menu div a {
	display: block;
	height: 43px;
}

div#main-menu div.separator {
	width: 2px;
	background: url(images/main-menu-separator.png) no-repeat;
}

div#main-menu div a:hover, div#main-menu div a.active {
	background-position: left bottom;
} 

div.home-link a{
	width: 69px;
	background: url(images/menu-home.png) top left no-repeat;	
}


div.pozycjonowanie-link a{
	width: 158px;
	background: url(images/menu-pozycjonowanie.png) top left no-repeat;	
}



div.sponsorowane-link a{
	width: 193px;
	background: url(images/menu-sponsorowane.png) top left no-repeat;	
}

div.portfolio-link a{
	width: 262px;
	background: url(images/menu-portfolio.png) top left no-repeat;	
}

div.kontakt-link a{
	width: 105px;
	background: url(images/menu-kontakt.png) top left no-repeat;	
}

div.content-col {
	width: 227px;
	padding: 22px 30px;
	float: left;
}

div.content-row {
	padding: 0 30px 22px 30px;
}

div.content-row i {
	font-size: 12px;
	color: #939393;
	font-weight: bold;
}

p.dotted {
	border-top: 1px #2e9d04 dashed;
	border-bottom: 1px #2e9d04 dashed;
	font-size: 14px;
	color: #2e9d04;
	padding: 5px 0;
}

div.zapytanie a{
	display: block;
	margin: 0 auto;
	width: 227px;
	height: 54px;
	background: url(images/zapytanie-button.png) no-repeat top right;
}

div.zapytanie a:hover {
	background-position: bottom right;
}

div#footer ul {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	list-style: none;
	padding: 15px 0 0 20px;
	
}

div#footer ul li{
	margin-bottom: 15px;
}

div#footer ul li a{
	text-decoration: none;
	color: #206804;	
}

div#footer ul li a.active, div#footer ul li a:hover {
	color: #ffffff;
}

div.portfolio-element {
	margin: 22px 30px;
}

div.portfolio-element img {
	border: 4px solid #ffffff;
	float: left;
}

div.portfolio-element h3 {
	font-size: 14px;
	text-transform: uppercase;
	color: #2e9d04;
	margin-top: 5px;
}

div.portfolio-desc {
	float: left;
	width: 207px;
	height: 134px;
	padding: 0 15px 0 15px;
	background: url(images/portfolio-desc-bcg.png) no-repeat top left;
}

div.content-row input, div.content-row label, div.content-row textarea {
	display: block;
}

div.content-row label {
	color: #2e9d04;
	font-weight: bold;
	margin: 7px 0;
}

div.content-row input, div.content-row textarea {
	width: 520px;
}

div.content-row textarea {
	height: 115px;
}

input.submit {
	margin-top: 15px;
	height: 43px;
	width: 147px;
	background: url(images/wyslij-button.png) top left no-repeat;
	border: 0;
}

input.submit:hover {
	background-position: bottom left;
}

ul.two-level {
	list-style: decimal;
}

ul.two-level > li > ul {
	list-style: disc;
}
