body {

font-family: MS Sans Serif, Arial, Tahoma, Verdana;

font-size: 11px;

margin: 20px;

color: #444;

background-image: url(imgs/bg.png);

background-repeat: repeat-x;}



a {color:#444;}

a:hover {color:#0099FF;}



a.ref {font-size:11px; font-family: Arial Narrow, Tahoma, Verdana; color:#FF3366;}

a.ref:hover {color:#0066FF;}



#baner {

margin: auto;

width: 770px;

height: 105px;

background-image:url(imgs/baner.jpg);}



#navibar {

width: 770px;

height: 40px;

margin: auto;

background-image:url(imgs/menu_tlo.png);}



#kreski {

width: 770px;

height: 10px;

margin: auto;

background-image:url(imgs/menu_podtlo.png);}



#nawigacja {

font-family:Tahoma, Arial, Verdana;

line-height:1.6em;

font-weight:bold;

font-size:10px;

width: 770px;

height: 27px;

margin: auto;

background-image:url(imgs/menu_podtlo3.png);}



#nawigacja a:hover {color:#f00;}



#calosc {

width: 770px;

height: auto;

margin: auto;}



#lewa {

width: 205px;

padding-right: 5px;

padding-top: 5px;

height: auto;

margin: auto;

float: left;}



#srodek {

width: 430px;

padding-top: 5px;

height: auto;

margin: auto;

float: left;}



#srodek .nazwa{

font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;font-size:15px; color:#f36; display:block; padding-bottom:5px; margin-top:5px; margin-bottom:10px;}



#prawa {

width: 125px;

padding-right: 5px;

padding-top: 5px;

height: auto;

margin: auto;

float: left;}



.leweokno {

width: 205px;

height: auto;}



.leweoknoopis {

font: normal 14px "Franklin Gothic Medium", Arial, Tahoma, Verdana, sans-serif;

text-align:left;

padding: 5px;

display: block;

width: auto;

text-decoration: none;

background: #31afff;

color: #fff;

border-bottom: 3px solid #5ec0ff;}



.srodekoknoopis {

font: normal 14px "Franklin Gothic Medium", Arial, Tahoma, Verdana, sans-serif;

text-align:left;

padding: 5px;

display: block;

width: auto;

text-decoration: none;

background: #31afff;

color: #fff;

border-bottom: 3px solid #5ec0ff;}



.srodekoknoopisprzegladanie {

font: normal 14px "Franklin Gothic Medium", Arial, Tahoma, Verdana, sans-serif;

text-align:left;

padding: 5px;

display: block;

width: auto;

text-decoration: none;

background: #31afff;

color: #fff;

border-bottom: 3px solid #5ec0ff;}



.oknotekst {

width: 100%;

height:auto;}



.oknotekstszukaj {

width: 100%;

height:auto;

background-color: #F4F7F7;}



.srodekokno {

width: 425px;

height: auto;}



.srodekoknoprzegladanie {

width: 425px;

height: auto;}



.praweokno {

width: 130px;

height: auto;}



.oknopromo {

width: 130px;

height: auto;}



.oknopromoopis {

font: normal 14px "Franklin Gothic Medium", Arial, Tahoma, Verdana, sans-serif;

text-align:left;

padding: 5px;

display: block;

width: auto;

text-decoration: none;

background: #ff7301;

color: #fff;

border-bottom: 3px solid #ff8420;}



.przerwa {height:5px;}



.oknologowania {

width: 130px;

height: auto;}



.oknologopis {

font: normal 14px "Franklin Gothic Medium", Arial, Tahoma, Verdana, sans-serif;

text-align:left;

padding: 5px;

display: block;

width: auto;

text-decoration: none;

background: #919191;

color: #fff;

border-bottom: 3px solid #b3b3b3;}



.oknologtekst {

width: 100%;

background: #EAEBEE;

height:auto;}



.pad {

padding: 8px;}



.pad2 {

padding: 4px;}



table {

padding: 0;

margin: 0;

border: 0;}



ul.kategorie {

font-size:11px;

font-weight: bold;

margin:8px;

padding-left:30px;

list-style-image:url(imgs/ikonka.png);

list-style-type:square;}



ul {margin: 0; padding-left: 15px; list-style-type: square;}

li {

padding:2px;

margin:0px;}

form {padding:0; margin:0;}



a.mini{font-size: 10px; display: block;}



img {padding:5px; border: none;}

.pogrubienie {font-weight: bold;}

.kreska {padding: 1px; height:1px; background:#d9dbde; clear:both; border-top: 1px dotted #c2c2c2; border-bottom: 1px dotted #c2c2c2;}



#menu{

	margin:auto;

	text-align:left;

	background-image: url(imgs/menu_tlo.png);

	background-repeat:repeat-x;

	height: 40px;

	width: 770px;

	font-family: Arial Narrow, Arial, Tahoma, Verdana;

	font-size: 13px;

}

#menu a{

	color:#003366;

	text-align:center;

	line-height:3.1em;

	display:block;

	float:left;

	height:40px;

	width:150px;

	text-decoration:none;

}

#menu a.jeden{

	text-align:center;

	line-height:3.1em;

	display:block;

	float:left;

	height:40px;

	width:110px;

	text-decoration:none;

}

#menu a.dwa{

	text-align:center;

	line-height:3.1em;

	display:block;

	float:left;

	height:40px;

	width:100px;

	text-decoration:none;

}

#menu a:hover{

	background-image:url(imgs/menu_tlo_clicked.png);

	float:left;

	border-bottom: 2px solid #FF9900;

}

.pionowe{

	float:left;

	width: 2px;

	height: 40px;

	background: url(imgs/menu_przerwa.png);}



select {padding: 3px; width: 110px; font-size:11px; border: 1px solid #cdcdcd; color: #333; font-family: Arial, Tahoma, Verdana;}

select.kate {padding: 3px; width: auto;font-size:11px; border: 1px solid #cdcdcd; color: #333; font-family: Arial, Tahoma, Verdana;}

input {padding: 3px; font-size:11px; border: 1px solid #cdcdcd; color: #333; font-family: Arial, Tahoma, Verdana;}

textarea {padding: 3px; font-size:11px; border: 1px solid #cdcdcd; color: #333; font-family: Arial, Tahoma, Verdana;}

#stopka {

width: 760px;

height:auto;

padding:5px;

text-align:right;

border-top: 1px solid #EEEEEE;;

background:#F8F8F8;

clear: both;

margin:auto;

color: #a2a2a2;}



#stopka a {color: #a2a2a2;}

#stopka a:hover {color: #555;}



.reg {padding: 5px; font-weight: bold; font-family: Georgia, Tahoma, Arial, Verdana; font-size: 11px; background-color: #FFE7BA; border-bottom: 1px solid #CDBA96; margin-top:10px; margin-bottom:10px;}

.regw {color: #fff; padding: 5px; font-weight: bold; font-family: Georgia, Tahoma, Arial, Verdana; font-size: 11px; background-color: #e00; border-bottom: 1px solid #c00; margin-top:10px; margin-bottom:10px;}



.infoplatnosc {font-size: 12px; line-height: 1.5em; margin: 10px; display: block; width: auto; height: auto; padding: 15px; background: #FFFACD; color: #8B8970; border: 1px solid #CDC9A5;}

.referencje {margin: 10px; display: block; width: auto; height: auto; padding: 5px; background: #F0FFF0; color: #838B83; border: 1px solid #C1CDC1;}

table.branze {padding: 10px; margin: auto; width: 100%;}



a.branze {display: block; width: auto; margin: auto; padding: 5px; border-bottom: 1px dotted #E0EEEE; text-decoration: none;}

a.branze:hover {background: #A2B5CD; color: #fff;}



a.podbranze {display: block; width: auto; margin: auto; padding: 3px; border-bottom: 1px dotted #E0EEEE; text-decoration: none;}

a.podbranze:hover {background: #A2B5CD; color: #fff;}



.bra {width:auto; padding: 2px; font-weight: bold; font-family: Georgia, Tahoma, Arial, Verdana; font-size: 16px; border-bottom: 1px dotted #EEE9E9; margin-top:10px; margin-bottom:10px;}

.bramain {width:200px; display: block; float: left; padding: 2px; font-weight: bold; font-family: Georgia, Tahoma, Arial, Verdana; font-size: 11px; border-bottom: 1px dotted #EEE9E9; margin-top:3px; margin-bottom:3px;}

.stronicowanie {margin: 1px; font-weight: bold; display: inline; padding: 5px; background: #FFEFDB; color: #8B8378; border: 1px solid #EEDFCC;}

a.stron {margin: 1px; display: inline; padding: 5px; background: #FFEFDB; color: #8B8378; border: 1px solid #EEDFCC;}

a:hover.stron {margin: 1px; display: inline; padding: 5px; background: #FFE4C4; color: #8B8378; border: 1px solid #EEDFCC;}