html {margin: 0px; padding: 0px; background:#FFF url(../img/bg.gif) top left repeat;}
body {margin: 0px; padding: 0px; color: #787878; text-align: center;}
#all {width: 100%; display: table; margin: 0 auto; text-align: center; background:url(../img/bg_top.gif) top left repeat-x;}
#content {width: 790px; font: normal 10px Tahoma, Verdana, sans-serif; margin: 0 auto; text-align: left;}
.left {float:left;}
#nav {float:right; width: 558px; height: 60px; padding: 0; margin: 0;}
ul#menu {list-style-type: none; margin: 0; padding:0;}
ul#menu li {float: left; display: block;}
ul#menu a {height: 60px; margin: 0; padding: 0; display: block;}
ul#menu a:hover {background-position:0 -4px;}
a.m1 {width: 123px; background: url('../img/m_home.gif') top left no-repeat;}
a.m2 {width: 106px; background: url('../img/m_about.gif') top left no-repeat;}
a.m3 {width: 118px; background: url('../img/m_offer.gif') top left no-repeat;}
a.m4 {width: 117px; background: url('../img/m_portfolio.gif') top left no-repeat;}
a.m5 {width: 94px; background: url('../img/m_contact.gif') top left no-repeat;}
a.on {background-position:0 -54px;}

#main {position:relative; display: block; clear: left; width: 790px; min-height: 356px; background:url(../img/baner.jpg) top left no-repeat;}
#subpage {position:relative; display: block; clear: left; width: 790px; min-height: 422px; background:url(../img/baner_sub.jpg) top left no-repeat;}
#main .tresc {display: block; padding: 14px 0 14px 470px;}
#subpage .tresc {display: block; padding: 14px 0 14px 320px;}
#main .dane {position: absolute; top: 205px; left: 0;}
#subpage .dane {position: absolute; top: 285px; left: 0;}
h1 {width: 300px; height: 34px; margin: 30px 0 0 0; padding: 0;}
h2 {font: bold 11px Tahoma, Verdana, sans-serif; color: #00BAFF; margin: 8px 0; padding: 0;}
p {margin: 8px 0; padding: 0;}
em {font: normal 10px Tahoma, Verdana, sans-serif; color: #000;}
a {color: #00BAFF;}
a:hover {text-decoration: none;}
a.foto {float:left; display: block; border: solid 1px #B6B3B1; padding: 4px; margin: 4px 5px 8px 0;}
a:hover.foto {border: solid 1px #787878; padding: 4px;}
img {border: none;}

#footer {clear:left; height: 52px; background: url(../img/f_logo.gif) 140px 0px no-repeat; margin: 24px 0 0 0; padding-left: 256px; text-align: left; font: normal 10px Tahoma, Arial, Verdana; color: #999;}
ul#stopka {list-style-type: none; margin: 0 0 0 -4px; padding: 0; float:left;}
ul#stopka li {float: left; display: block; padding-left: 8px;}
ul#stopka a {margin: 0; padding-right: 8px;}
#footer p {clear: left; padding: 4px 0 0 0;}


label {
 width: 4em;
 float: left;
 text-align: right;
 margin-right: 0.5em;
 display: block
}

input {
 font: bold 11px Tahoma, Verdana, sans-serif;
 color: #00BAFF;
}
button {
 color: #787878;
 text-align: center;
 margin-left: 4em;
 font: bold 11px Tahoma, Verdana, sans-serif;
}

p.error { color: #D00; font-weight: bold;}
p.warning { color: #00D; font-weight: bold;}
p.info { font-weight: bold;}