@import "reset.css";

* {
margin: 0;
padding: 0;
}

h1, h2 {
font-weight: bold;
}

img {
border: none;
}

body {
background: #aedbed url(gfx/mainBg.jpg) top left repeat-x;
text-align: center;
margin: 0;
padding: 0;
font: 12px/1.4em Tahoma, Verdana sans-serif;
color: #5f5f5f;
height: 100%;
}

.wiecej {
float: right;
margin: 0 30px 0 0;
}

.prawa * {
margin: 10px;
}

p {
font: 12px/2em Tahoma, Verdana sans-serif;
}

a, a:link {
font: 12px/1.4em Tahoma, Verdana sans-serif;
color: #5f5f5f;
text-decoration: none;
}

a:hover {
font: 12px/1.4em Tahoma, Verdana sans-serif;
color: #5f5f5f;
text-decoration: underline;
}

#container {
width: 100%;
background: url(gfx/BgPlaza.jpg) bottom center no-repeat;
padding-bottom: 200px;
}

#wrapper {
width: 900px;
margin: 0 auto;
overflow: hidden;
}

img {behavior: url(pngHack.htc);}

#top {
margin: 0;
overflow: hidden;position: relative;
top: 0;
left: 0;
z-index: 8;
height: 342px;
}

#top img {
display: block;
}

#menu {
background: #fff url(gfx/menuBg.jpg);
overflow: hidden;
height: 46px;
}

#content {
margin-top: 8px;
background: #fff;
min-height: 30px;
}

#tlobottom {
height: 28px;
overflow: hidden;
background: url(gfx/contentBgBottom.gif) bottom center no-repeat;
}

ul {
list-style-type: none;
overflow: hidden;
margin-top: 14px;
z-index: 9999;
}

#flagi {
text-align: center;
margin: 0 auto;
width: 100%;
height: 20px;
position: absolute;
top: 405px;
left: 350px;
z-index: 9987;
}

#td {
text-align: center;
margin: 0 auto;
width: 100%;
height: 20px;
position: absolute;
top: 650px;
left: 70px;
z-index: 9987;
}

li {
margin-right: 2.6em;
display: inline;
}

li.bg {
background: url(gfx/menuSpacer.gif) 0 0 no-repeat;
padding-left: 2.6em;
}

#bottom ul {
list-style-type: none;
overflow: hidden;
margin-top: 14px;
position: relative;
z-index: 9000;
}

#bottom li {
margin-right: .6em;
display: inline;
}

#bottom li.bg {
background: url(gfx/menuSpacer.gif) 0 0 no-repeat;
padding-left: .6em;
}

#bottom {
border-top: 1px #eae3f2 solid;
margin: 0 5%;
height: 50px;
}

.clear {
clear: both;
height: 0;
}

.lewa {
float: left;
width: 27%;
text-align: center;
padding: 20px;
overflow: hidden;
}

.prawa {
float: right;
background: #fff2e9 url(gfx/rightBgBottom.jpg) bottom right no-repeat;
width: 300px;
text-align: left;
}

.prawa address {
margin-bottom: 20px;
}
.prawa img {
margin: 0 10px 0 0;
}

.prawa #pogoda {
margin-bottom: 40px;
}

#twocolumn {
background: url(gfx/twocolumnBgTop.gif) top left no-repeat;
overflow: hidden;
}

.bg {
background: url(gfx/twocolumnBg.jpg) center right no-repeat;
}

#left {
width: 271px;
height: 316px;
background: url(gfx/leftBg.jpg) top left no-repeat;
float: left;
text-align: right
}

#left * {
margin: 5px;
}

p {
margin: 0;
}

#left p, #left h2 {
text-align: left;
}

#left p {
font: 12px/1.6em Tahoma, Verdana sans-serif;
color: #fff;
}

#left h2 {
font: bold 14px/1.6em Tahoma, Verdana sans-serif;
color: #fff;
}

#left div.hr {
height: 1px;
margin: 0 auto;
width: 90%;
background: url(gfx/hrBg.gif) repeat-x scroll center;
}

#left hr {
display: none;
}

#left #space {
height: 30px;
clear: both;
}

#right {
float: right;
width: 629px;
text-align: left;
}

#right p, #right h1 {
margin: 20px;
}


h1 {
font-size: 14px;
}

#connect {
height: 58px;
background: url(gfx/topBgpodstrona.gif) top left no-repeat;
overflow: hidden;
}

.lewa h1 {
color: #FF9A55;
font: bold 20px Trebuchet MS, Tahoma, Verdana sans-serif;
float: left;
clear: both;
}

.lewa * {
margin: 6px;
}

.lewa p {
text-align: left;
}

#slider {
text-align: left;
margin: 20px 0 20px 20px;
overflow: hidden;
height: 300px;
clear: both;
background: url(gfx/lezaki.jpg) bottom right no-repeat;
margin-right: 50px;
}