/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,legend { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
/*ul,ol { list-style: none; }*/
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.column { float: left; }

/* FLOAT FIX */
#body:after, #container:after, .floatfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#body, #container, .floatfix { zoom:1; }


/* TYPE */
body { font: 13px/15px Garamond, Georgia, serif; background-color:#fff; color:#333; }

a { color: #353B87; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:9px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; _position:static !important; }

.marker { background-color: #F7DE05; }
.dsbld { display: none !important; }

/* PRINT */
@media print {
    body, #body, #content, #container { color:#000 !important; background: #fff; }
    a, a:link, a:visited { color:#000 !important; text-decoration:none !important; }
    .noprint { display: none !important; }
}

html, body { width: 100%; height: 100%; background: #fff; margin: 0; padding: 0; color: #444; }

#body { width: 827px; min-height: 650px; background: url(i/bg,tip-top.png) no-repeat; margin: 0 auto; position: relative; top: 35px; }





#toc {position: absolute; left: 285px; top: 170px; height: 38px; overflow: hidden; }
#toc h1 { position: absolute; left: -1000px; top: 0; }

#toc menu { padding: 0; margin: 0; list-style-type: none; }
#toc li { display: inline; }
#toc a { color: #fff; display: block; height: 0px; float: left; padding-top: 38px; overflow: hidden; background-repeat: none; }
#toc a:hover, #toc ul a.active {  }

a#menu-firma { background-image: url(i/m,firma,0.png); width: 103px; }
a#menu-oferta { background-image: url(i/m,oferta,0.png); width: 103px; }
a#menu-kontakt { background-image: url(i/m,kontakt,0.png); width: 133px; }

a#menu-firma:hover, a#menu-firma.active { background-image: url(i/m,firma,1.png); }
a#menu-oferta:hover, a#menu-oferta.active { background-image: url(i/m,oferta,1.png); }
a#menu-kontakt:hover, a#menu-kontakt.active { background-image: url(i/m,kontakt,1.png); }

#container { position: absolute; left: 212px;top: 226px ; width: 485px; overflow: visible; padding-bottom: 40px; }
#banner { background: url(i/bg,banner.png) no-repeat; width: 466px; height: 112px; margin-bottom: 8px; padding: 17px 0 0 19px; }
#banner-container { width: 445px; height: 105px; } 

#column0 { width: 465px; min-height: 287px; }
#column1 { width: 231px; height: 287px; float: left; }
#column2 { width: 254px; height: 287px; float: left; overflow: hidden; background: url(i/bg,column2.png) no-repeat; }
#column2-mask { top: 15px; height: 272px; width: 254px; overflow: hidden; }
#column2-body { padding-bottom: 30px; margin-top: -15px; }
#column-handler { position: absolute; top: 137px; left: 480px; width: 31px; height: 37px; background: url(i/text-handler.png); display: none; z-index: 20; }
#handler-line { position: absolute; top: 147px; left: 495px; width: 1px; height: 274px; background: #dfdfdf; display: none; z-index: 1;}

.column-more { display: block; float: right; width: 52px; height: 0; padding-top: 14px; overflow: hidden; background: url(i/link,dalej.png) no-repeat; margin-right: 26px;}

.tiptop-form { display: block; margin-top: 10px; margin-left: 33px; }
.tiptop-form label { display: block; width: 128px; float: left; padding-top: 18px; overflow:hidden; height: 0px; margin-bottom: 6px; }
.tiptop-form input, .tiptop-form textarea, .tiptop-form select { font: 13px/15px  Garamond, Georgia, serif; background-color:#fff; color:#333; }
.tiptop-form input, .tiptop-form textarea { padding: 1px 2px; width: 250px; }
.tiptop-form textarea { height: 75px; }
.tiptop-form input.form-submit { width: 60px; margin-left: 246px; font-weight: bold; }

label#lf1 { background: url(i/label,name.png) no-repeat top right; }
label#lf2 { background: url(i/label,phone.png) no-repeat top right; }
label#lf3 { background: url(i/label,email.png) no-repeat top right; }
label#lf4 { background: url(i/label,question.png) no-repeat top right; }
label#lf5 { background: url(i/label,contact,form.png) no-repeat top right; width: 246px; }
.form_error, .form_ok { color: #F65896; font-weight: bold; margin: 15px 0; }
.form_ok { height: 0; padding-top: 76px; background: url(i/kontakt,thx.png) no-repeat center; overflow: hidden; cursor: pointer; }

#req_email, #req_name, #req_body { height: 0; padding-top: 11px; width: 438px; overflow: hidden; margin-bottom: 3px; margin-left: 110px;}
#req_name { background: url(i/req_name.png) no-repeat; }
#req_body { background: url(i/req_body.png) no-repeat; }
#req_email { background: url(i/req_email.png) no-repeat; }