* {
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif, serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: none;
	color: #eb700b;
	text-align: left;
}

body {
	margin: 0 auto;
	text-align: center;
	background: url('../images/background.jpg') #44150f no-repeat scroll center top;
}

a {
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

b {
	font-weight: bold;
}


/*======== podstawowe bloki =========*/

#strona {
	margin: 0 auto;
	text-align: center;
	width: 980px;
}

#top {
	clear: both;
	float: left;
	display: inline;
	margin: 0 0 163px 0;
	width: 980px;
	height: 104px;
}

#logo {
	float: left;
	width: 200px;
	height: 104px;
}


#stopka {
	clear: both;
	float: left;
	margin: 40px auto 0;
	padding: 25px 0;
	width: 100%;
	height: 60px;
	background: #2b0c0a none repeat scroll 0 0;
}

/*======== menu =========*/


#menu {
	float: left;
	display: inline;
	margin: 39px 0 35px 334px;
	width: 446px;
	height: 30px;
}

#menu a {
	display: block;
	float: left;
	height: 30px;
}

#menu a.active, #menu a.active:hover {
	background-position: 0 -30px;
}

#menu a:hover {
	background-position: 0 -30px;
}

#menu .glowna {
	background: transparent url(../images/stronaGlowna.png) repeat scroll 0 0;
	width: 120px;
}

#menu .ofirmie {
	background:transparent url(../images/oFirmie.png) repeat scroll 0 0;
	width: 82px;
}

#menu .oferta {
	background: transparent url(../images/oferta.png) repeat scroll 0 0;
	width: 71px;
}

#menu .stronyinternetowe {
	background: transparent url(../images/realizacje.png) repeat scroll 0 0;
	width: 93px;
}

#menu .kontakt {
	background: transparent url(../images/kontakt.png) repeat scroll 0 0;
	width: 80px;
}

/*======== glowna =========*/

.krotko {
	float: left;
	display: inline;
	margin: 40px 10px 20px 5px;
	padding: 0 0 20px 0;
	width: 380px;
	border-right: 1px solid #bd5c0c;
}

.realizacjaGlowna {
	float: left;
	display: inline;
	margin: 40px 15px 20px 10px;
	padding: 0 0 20px 0;
	width: 558px;
	border-right: 1px solid #bd5c0c;
}

.wybranaRealizacja {
	float: left;
	display: inline;
	margin: 10px 20px 10px 10px;
	width: 528px;
}

.wybranaRealizacja img{
	width: 528px;
	height: 240px;
}

.wybranaRealizacja .opis{
	margin: 0 0 5px 0;
	padding: 10px;
	font-size: 10px;
	color: #702c23;
	background: #2b0c0a;
}

.wybranaRealizacja .opis span{
	font-weight: bold;
	font-size: 10px;
	color: #702c23;
	background: #2b0c0a;
}

.wybranaRealizacja .opisDtp{
	padding: 10px;
	font-size: 11px;
	font-weight: bold;
	background: #2b0c0a;
}

.wybranaRealizacja .strona{
	padding: 10px 10px 0 10px;
	font-size: 11px;
	font-weight: bold;
	background: #2b0c0a;
}

.wybranaRealizacja a.online{
	margin: 0 0 0 20px;
	padding: 0 20px;
	font-size: 11px;
	color: #FFB682;
	border-left: 1px solid #bd5c0c;
	text-decoration: none;
}

.wybranaRealizacja a.online:hover{
	text-decoration: underline;
}

p.naglowek {
	padding: 0 10px;
	line-height: 150%;
}
	
p.tytul {
	padding: 20px 10px 10px 10px;
	font-size: 13px;
	line-height: 150%;
	font-weight: bold;
	color: #f6cd37;
}

p.tytul span {
	font-size: 22px;
	font-weight: normal;
	color: #f6cd37;
}

h1.tytul {
	padding: 20px 10px 10px 10px;
	font-size: 13px;
	line-height: 150%;
	font-weight: bold;
	color: #f6cd37;
}

h1.tytul span {
	font-size: 22px;
	font-weight: normal;
	color: #f6cd37;
}

ul.naglowek {
	margin: 0 15px 20px 40px;
	font-size: 13px;
	line-height: 150%;
}

/*======== podstrona =========*/

.tresc {
	float: left;
	display: inline;
	margin: 40px 15px 20px 10px;
	padding: 0 0 20px 0;
	width: 558px;
	border-right: 1px solid #bd5c0c;
}

p.akapit {
	padding: 0 10px 20px 10px;
	line-height: 150%;
}


p.akapitB {
	padding: 0 10px 20px 10px;
	line-height: 150%;
	font-size: 13px;
	font-weight: bold;
}

ul.lista {
	margin: 0 15px 20px 40px;
	font-size: 13px;
	line-height: 150%;
}


ul.listaOferta {
	margin: 0 15px 20px 40px;
	font-size: 13px;
	line-height: 150%;
}

ul.listaOferta li div.wiecejOferta {
	display: none;
	padding: 10px;
	margin: 10px 10px 10px 0;
	border: 1px solid #bd5c0c;
	background: #672800;	
}

ul.listaOferta li h2 span {
	margin: 0 5px;
	padding: 1px 10px;
	color: #FFB682;
	font-size: 11px;
	cursor: pointer;
	border-left: 1px solid #bd5c0c;
}

ul.listaOferta li div.wiecejOferta p{
	padding: 0 10px;
	font-size: 11px;
	color: #ffb682;
}

ul.listaOferta li div.wiecejOferta p b{
	font-weight: bold;
	font-size: 11px;
	color: #ffb682;
}

/*======== formularz =========*/

label {
	clear: both;
	float: left;
	padding: 0;
	margin: 0 8px 7px 0 !important;
	height: 17px;
	width: 220px;
	font-size: 12px;
	text-align: right;
}

input {
	float: left;
	margin: 2px 0 5px 0 !important;
	height: 17px;
	border: 1px solid #117b79;
	font-size: 12px;
	text-align: left;
}

textarea {
	float: left;
	margin: 2px 0 5px 0 !important;
	border: 1px solid #117b79;
	font-size: 12px;
	text-align: left;
}

select {
	float: left;
	height: 22px;
	border: 1px solid #117b79;
	font-size: 12px;
}

div.przycisk {
	clear: both;
	float: left;
	display: inline;
	width: 558px;
	margin: auto;
	text-align: center;
}

div.przycisk input {
	float: none;
	height: 24px;
	padding: 2px 20px 4px 20px;
	margin: 20px 0 !important;
	color: #371615;
	text-align: center;
	font-weight: bold;
	border: 1px solid #117b79;
	background-color: #ffffff;
}

fieldset {
	margin: 20px 0;
}

/*======== stopka =========*/

.stopkaTresc {
	margin: 0 auto;
	text-align: center;
	width: 980px;
}

.stopkaCopyright {
	float: left;
	width: 530px;
	height: 14px;
	text-align: left;
	color: #bd5c0c;
	font-size: 11px;
}

.stopkaLink {
	float: right;
	width: 450px;
	height: 14px;	
}

.stopkaLink ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.stopkaLink ul li {
	display: inline;
	border-right: 1px solid #bd5c0c;
	list-style-image: none;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

.stopkaLink ul li.ostatni {
	border: 0 none !important;
}

.stopkaLink a, #stopkaLink a:link, #stopkaLink a:visited{
	text-decoration: none;
	color: #bd5c0c;
	font-size: 11px;
}

.stopkaLink a:hover {
	color: #f6cd37;
}