body { color: #000; background: #fff; font: normal 70% "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; }
html * { margin: 0; padding: 0; }

.aural { position: absolute; left: -9999px; font-size: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

.aural{ position: absolute; left: -2007px; font: 0; }

a:link, a:visited { color: #345576; text-decoration: underline; }
a:link:hover, a:visited:hover, a:active, a:focus { text-decoration: none; }
a:active, a:focus { background: #345576; color: #fff; }
a.external{ padding-right: 15px; background: url(../images/external.gif) no-repeat 100% 50%; }
a.external:active, a.external:focus { background: #345576 url(../images/external_white.gif) no-repeat 100% 50%; }
a.top{ float: right; font-size: 1.2em; padding-right: 15px; background: url(../images/top.gif) no-repeat 100% 50%; }
a.top:active, a.top:focus { background: #345576 url(../images/top_white.gif) no-repeat 100% 50%; }
img { display: block; }
a img { border: 0; }
h2{ color: #345576; font: normal 1.8em Georgia, Times, serif; clear: both; }
h3{ color: #345576; font: bold 1.4em Georgia, Times, serif; margin-top: 1em; clear: both; }
h4{ color: #345576; font: bold 1.2em Georgia, Times, serif; margin-top: 1.5em; clear: both; }
p{ font-size: 1.2em; line-height: 1.7em; margin: 0.7em 0; }
fieldset{ border: 0; margin: 0; padding: 0; }
label{ display: block; }
dl{ font-size: 1.2em; margin: 1em 0; }
ol{ font-size: 1.2em; margin: 1em 0 1em 1.7em; }
ol li{ margin-top: 1em; line-height: 1.7em; }
address{ font-style: normal; font-size: 1.2em; line-height: 1.7em; margin: 1em 0; }
textarea, input.text{ border: 1px solid #7097bf; padding: 2px; font: normal 1.2em "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif; }
textarea:hover, input.text:hover{ border: 1px solid #e04804; background: #fdfcdc; }
textarea:active, textarea:focus, input.text:active, input.text:focus{ border: 1px solid #e04804; }
input.submit{ background: #5f84a9 url(../images/bg_hover.gif) repeat-x 0 0; padding: 0.1em 0.7em; color: #fff; border: 1px solid #425e7b; }
input.submit:hover{ border: 1px solid #e04804; background: #5f84a9 url(../images/bg_hover.gif) repeat-x 0 0; }
input.submit:active, input.submit:focus{ border: 1px solid #e04804; background: #5f84a9 url(../images/bg_hover.gif) repeat-x 0 0; color: #fdfcdc; }

.error{ padding: 1em; color: red; border: 2px solid red; }

#header{ width: 100%; height: 90px; color: #fff; background: #97bde0 url(../images/bg_header.gif) repeat-x 0 100%; text-align: center; }
#header .box{ position: relative; width: 702px; margin: 0 auto; text-align: left; padding-top: 21px; }
#header a.logo{ display: block; width: 144px; height: 27px; text-decoration: none; }
#header a.logo:active, #header a.logo:focus{ background: none; }
#header h1{ position: relative; width: 569px; height: 39px; font-size: 1em; }
#header h1 span{ position: absolute; width: 100%; height: 100%; background: url(../images/bg_h1.gif) no-repeat 0 0; }
#header a.gwarancja_link{ position: absolute; top: 0; right: 3px; width: 117px; height: 116px; }
#header a.gwarancja_link span{ position: absolute; width: 100%; height: 100%; background: url(../images/gwarancja_satysfakcji.gif) no-repeat 0 0; text-decoration: none; cursor: pointer; }
#header a.gwarancja_link:hover span,
#header a.gwarancja_link:active span,
#header a.gwarancja_link:focus span{ background: url(../images/gwarancja_satysfakcji.gif) no-repeat 0 100%; }

#holder{ width: 700px; margin: 0 auto; background: #fff url(../images/bg_content.gif) 0 0; padding: 0 1px; text-align: left; }

#content{ float: left; width: 461px; min-height: 30em; height: auto; background: #fff url(../images/bg_gradient.jpg) repeat-x 0 0; padding: 30px 10px; }
#czas_realizacji{ background: #fff url(../images/16godzin.gif) no-repeat 0 0; padding-left: 126px; }
#gwarancja_satysfakcji{ background: #fff url(../images/gwarancja_satysfakcji2.gif) no-repeat 100% 0; padding-right: 126px; }
dl.cennik{ width: 90%; line-height: 1.8em; font-size: 1.4em; border-bottom: 1px solid #dee6ef; }
dl.cennik dt{ width: 70%; float: left; border-top: 1px solid #dee6ef; }
dl.cennik dd{ width: 29%; float: left; text-align: right; font-weight: bold; border-top: 1px solid #dee6ef; white-space: nowrap; }

.realizacje{ min-height: 150px; height: auto; padding: 0 0 0 205px; margin: 1.5em 0 2.5em 0; }
.realizacje h3{ margin: 0; }
.realizacje ul{ list-style: none; margin: 1em 0; font-size: 1.2em; }
.realizacje a{ font-size: 1.2em; }
#pracodawca_roku{ background: transparent url(../images/pracodawca_roku.gif) no-repeat 0 0; }
#centrum_kultury{ background: transparent url(../images/centrum_kultury.gif) no-repeat 0 0; }
#wesolowska_pl{ background: transparent url(../images/wesolowska_pl.gif) no-repeat 0 0; }
#akwarium_morskie{ background: transparent url(../images/akwarium_morskie.gif) no-repeat 0 0; }
#gist{ background: transparent url(../images/gist.gif) no-repeat 0 0; }
#lekarz_sportowy{ background: transparent url(../images/lekarz_sportowy.gif) no-repeat 0 0; }
#hpv{ background: transparent url(../images/hpv.gif) no-repeat 0 0; }
#bialy_zabek{ background: transparent url(../images/bialy_zabek.gif) no-repeat 0 0; }
#timepieces{ background: transparent url(../images/timepieces.gif) no-repeat 0 0; }
#thermaflex{ background: transparent url(../images/thermaflex.gif) no-repeat 0 0; }
#adi{ background: transparent url(../images/adi.gif) no-repeat 0 0; }
#moulded_circuits{ background: transparent url(../images/moulded_circuits.gif) no-repeat 0 0; }
#pukka_pies{ background: transparent url(../images/pukka_pies.gif) no-repeat 0 0; }

#order_form fieldset fieldset{ border: 1px solid #dee6ef; padding: 10px; }
#order_form legend{ color: #345576; font: bold 1.3em Georgia, Times, serif; padding: 0.5em; }
#order_form label{ font-size: 1.2em; }
#order_form .email_label{ width: 70%; float: left; }
#order_form .pages_label{ width: 30%; float: right; }
#order_form .upload input.text{ width: 95%; }
#order_form .upload input.file{ width: 99%; padding: 2px; font: normal 1.2em "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif; }
#order_form .upload textarea{ width: 98%; }
#order_form dl{ font-size: 1em; margin: 0; }
#order_form dt{ width: 70%; height: 3em; float: left; }
#order_form dd{ width: 30%; height: 3em; float: right; text-align: right; font-weight: bold; white-space: nowrap; }
#order_form dd strong{ font-size: 1.4em; color: #e04804; }
#order_form input.checkbox{ position: relative; top: -2px; }
#order_form p{ font-size: 1em; margin: 0 0 0 0.5em; }
#order_form ul{ font-size: 1em; margin: 0 0 1em 2em; }
#order_form ul li{ line-height: 1.7em; }
#order_form #total{ font-size: 1.6em; text-align: right; padding-right: 11px; display: none; }
#order_form #total strong{ color: #e04804; }
#order_form input.submit{ padding: 0.5em 1.2em; margin: 1em 0; float: right; }

#order_form .validationerrors{ padding: 1em; color: red; border: 2px solid red; }
#order_form .validationerrors h3{ margin: 0 0 1em 0; color: red; font: bold 1.2em "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif; }
#order_form .validationerrors p{ margin: 0; }
#order_form .validationerrors ol{ font-size: 1.2em; margin: 0 0 0 1.7em; }
#order_form .validationerrors ol li{ margin-top: 0; line-height: 1.7em; }
#order_form .validationerrors a{ color: red; }
#order_form .validationerrors a:active, #order_form .validationerrors a:focus { background: red; color: white; }

#navigation{ width: 218px; float: right; text-align: left; background: #fff url(../images/bg_gradient_small.jpg) repeat-x 0 0; }
#navigation ul{ width: 100%; list-style: none; padding: 30px 0; }
#navigation a{ display: block; padding: 0.3em 0.7em; margin: 0; color: #000; font: normal 1.4em "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif; text-decoration: none; }
#navigation a strong{ font-weight: normal; color: #e04804; }
#navigation a.active{ color: #345576; padding-left: 1.4em; background: url(../images/active.gif) no-repeat 0.7em 50%; }
#navigation a:focus, #navigation a:active, #navigation a:hover{ background: #5f84a9 url(../images/bg_hover.gif) repeat-x 0 0; padding: 0.3em 0.7em; color: #fff; }
#navigation a:focus strong, #navigation a:active strong, #navigation a:hover strong{ color: #fff; }

#ask_form{ width: 198px; float: right; text-align: left; background: #fff url(../images/bg_gradient_small.jpg) repeat-x 0 0; padding: 10px; border-top: 1px solid #dee6ef; }
#ask_form h2{ margin-bottom: 10px; }
#ask_form textarea, #ask_form input.text{ width: 192px; margin-bottom: 10px; float: right; }
#ask_form input.submit{ float: right; }

#footer{ clear: both; width: 100%; height: 140px; background: #709ac6 url(../images/bg_footer.gif) 0 0; border-top: 1px solid #9f9f9f; color: #fff; text-align: center; padding-top: 1em; }
#footer ul{ width: 400px; margin: 0 auto; position: relative; left: -150px; list-style: none; text-align: left; }
#footer li{ display: inline; }
#footer li a{ color: #fff; font-size: 1.2em; padding-right: 1em;  }
#footer p{ width: 200px; margin: 0 auto; position: relative; left: 250px; top: -1.5em; text-align: right; }