/* SWIETA ZASADA W DIVowym layoucie - LICZYC PIKSELE - PADDING i MARGIN WYPYCHA ORYGINALNY ROZMIAR zatem WIDTH = WIDTH - MARGIN & PADDING*/
html, body, ul, li, h1, h2, h3, h4, form { margin: 0px;	padding: 0px;	list-style: none; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align:top; background: #003366;
	background-image:url(images/background.gif);
	background-position: center 60px;
	background-repeat: repeat-y;
	}
td { vertical-align:top}
object { display:block; border:0px; } img {border:0px; }
p { margin-top:10px; margin-bottom:10px; font-size: 11px; line-height:140%; text-align:justify; color:#666666}
a {color: #0066CC; text-decoration:none; }

a:visited { color: #0066CC }
p a:hover {text-decoration:underline;}
a:active { color: black; }
h2 { font-size:14px; color:#254538; }
h1 { font-size:16px; color: #FF6600;}
h1.h1 { font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:2px; font-variant:small-caps}

#banner {}
#wrapper { width: 780px; margin: 0px auto; position:relative;
}
#content { background: white; padding-top:1px; 
width:100%; 
float:right; /* powoduje ze stopka jest wypychana na dol poza blok content (lepiej niz clear:both w stopce)*/
/* bez float content mimo ze zawiera tresc i menu to sa one wyplyniete poza content (bo same zawieraja float) i footer tez wchodzi wizualnie na content; 
float tu powoduje ze content obejmuje swoja faktyczna zawartosc a co za tym idzie wypycha reszte (footer) na zewnatrz jak naturalny blok*/
}



#content-column{
padding:10px 20px 10px 20px; /* min 1px padding zapobiega wychodzeniu p margin outside div box */

width:540px; float:left; /* alternatywnie zamiast width mozna podac margin-right:200px; */
}
#content-column h2  {margin-bottom:10px; color: #FF6600}
/* MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU  */

.unit-header {background: #003366 url(images/bg-header.gif) repeat-x bottom;
border-bottom: 1px solid #003366; padding: 2px 5px 5px 5px;
}

#content-column .unit-header h2, .unit-header h2 a, .unit-header h2 a:visited {margin-bottom:0px; color:white}
.unit-header h2 a:hover { text-decoration:underline}

#content-column ul {padding:5px; padding-top:0px; padding-left:10px; margin-left:10px; margin-top:1px; margin-bottom:5px}
#content-column li {list-style-type:square; margin-top:6px; color: #003366; font-weight:bold}

.unit-half {
position:relative;
width:260px;
float:left;
margin:0px 0px 20px 0px;
border: 1px solid #003366;
background-image:url(images/bg-price-info2.gif); background-position:bottom; background-repeat:repeat-x;
}

.unit-full {
position:relative;
float:left;
width:537px;
margin:0 0 10px 0px;
border: 1px solid #003366;
background-image:url(images/bg-price-info2.gif); background-position:bottom; background-repeat:repeat-x;

}
.price {float: left; height:23px; margin-left:4px;}
.more-info {float: right; width:100px; height:23px;}
#content-column .price h2 { margin-bottom:0px; color: #fff8de; font-size:15px;  font-family: Arial, Helvetica, sans-serif; font-variant:small-caps}
#content-column .more-info h2, .more-info h2 a, .more-info h2 a:visited { margin-bottom:0px; color: #003366; font-size:15px; font-family:"Times New Roman", Times, serif; font-variant:small-caps}
.more-info h2 a:hover { text-decoration:underline}


.unit-content {padding:5px; background:#fff8de;  }
.unit-content p {margin:0px}

.form_contact textarea {height:140px; width:420px; background: #fff8de}
table.contact {margin-top:5px; width:90%}
table.contact td {border:0px; padding:2px}


.wklesle 
{	border-top: 1px inset  #000000;
	border-right: 1px inset  #666666;
	border-bottom: 1px inset  #666666;
	border-left: 1px inset #000000;
	background:#fff8de;
	}

/* ------------------------ MENU ----------------- MENU ----------------- MENU ----------------- MENU ----------------- MENU --------------------*/
#menu-column { width:200px; float:right;}

.menu-section { width:200px; font-size: 13px;} /* alternatywnie zamiast width mozna podac margin-left: -200px; */
.menu-section ul {}
.menu-section li {display:block;}
.menu-section a { display:block; padding: 5px 5px 5px 10px; 
width:185px; /* aby w IE widzialo background jako blok na calej dlugosci a nie tylko dlugosci linku slowa*/

border-bottom: 1px solid #CCCCCC;
/*background: #B4CF9A url(images/bg-menu_0.gif) repeat-x bottom; */
color:#003366; 
}
.menu-section li a:active {color:#003366; }
.menu-section li a:visited {color:#003366}
.menu-section li a:hover { color:#003366; background:#fff2bd; text-decoration:none;
border-bottom: 1px solid #ff6600;
}

.menu-section h3 {  border-bottom: 2px solid #003366; color:#ff6600; margin:10px 0 0 0; letter-spacing:0; padding: 4px 5px 5px 10px ; font-size:12px;}



/* footer */
#footer{
clear: both; /* tu ustawia dla footera jego nieopływalność a co ważniejsze powodując że będzie on zawsze na dole i żaden div na niego nie wejdzie */
width: 100%;
background: #666666;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #FFFF80;
}

table.portfolio { background-color: white;}
table.portfolio td {border:2px solid #375f86}
td.tlo_tab { padding:5px}
.portfolio h3 { font-size:14px; color: #003366}
.town-list { width:780px; margin:4px auto; font-size:9px; line-height:130%; color:#666666 }