/* RESET */
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,button,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.menu { list-style: none; }
ul.menu, ul.menu li { margin: 0; padding: 0; }
ul.menu li { display: inline; 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: 12px/1.25em Arial, Helvetica, sans-serif; background-color:#fff; color:#666; }

a { color: #000; }
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; }
.invsbl { visibility: hidden !important; }

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

html, body { width: 100%; background: #0F0E0E url(/i/bg.jpg) no-repeat top center; margin: 0; padding: 0; color: #333; font: 12px/1.2em Arial, Helvetica, sans-serif; min-width: 952px; }
input, a { outline: transparent none 0; }
a img { border: none; }

h1, h2, h3, p, ul, ol, td {margin: 0 0 15px 0; font: 12px/1.2em Arial, Helvetica, sans-serif; color:#333;}
h1, h2, h3 { font-family: Impact, sans-serif; color: #333; font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
ul { padding-left: 25px; }

blockquote { margin: 0 0 1.3em 0; padding: 0; margin-left: 40px; }

.highlite { color: #fef317 !important; }
.marker { color: #000; background-color: #f0ec6e; font-style: italic; }
.i-left { float: left; margin-right: 10px; margin-bottom: 10px; }
.i-right { float: right; margin-left: 10px; margin-bottom: 10px; }


.menu { display: block; margin: 0; padding: 0; list-style-type: none; }
.menu li { display: inline; margin: 0; padding: 0; list-style-type: none; }
.menu li a { display: block; float: left; }

#skip-link { display: block; position: absolute; left: -2000px; width: 1000px; }
#header { width: 865px; height: 175px; position: relative; overflow: hidden; margin: 0 auto; }
#home-link { position: absolute; left: 0; top: 78px; width: 224px; height: 0; padding-top: 46px; background: url(/i/tek,direct,media,logo.png) no-repeat; overflow: hidden; }
#underconstruction-info { position: absolute; right: 0; top: 20px; width: 202px; height: 0; padding-top: 145px; background: url(/i/splash.png) no-repeat; overflow: hidden; }

#body { width: 952px; height: 366px; position: relative; overflow: hidden; margin: 0 auto; }
#body-content { position: absolute; left: 88px; top: 0; width: 776px; height: 366px; background-repeat: no-repeat; }
#body-edge-r { position: absolute; left: 864px; top: 0; width: 13px; height: 366px; background: url(/i/bg,edge,r.png) no-repeat; }
#body-edge-l { position: absolute; left: 75px; top: 0; width: 13px; height: 366px; background: url(/i/bg,edge,l.png) no-repeat; }

.body-home #body-content { background-image: url(/i/bg,body-home.jpg); }
.body-oferta #body-content { background-image: url(/i/bg,body-oferta.jpg); }
.body-kontakt #body-content { background-image: url(/i/bg,body-kontakt.jpg); }
#home-deco { display: block; position: absolute; left: 25px; top: 0; width: 50px; height: 0; padding-top: 366px; background: url(/i/home,deco,r.png) no-repeat; overflow: hidden; }

#top-menu { position: absolute; left: 317px; top: 58px; width: 294px; height: 110px; background: url(/i/bg,menu.png) no-repeat; }
#top-menu a { display: block; float: left; width: 74px; height: 0; padding-top: 110px; overflow: hidden; }
#top-menu a#m2 { width: 100px; }
#top-menu a#m3 { width: 120px; }

#footer { width: 516px; height: 0; overflow: hidden; background: url(/i/tek,dm,footer.png) no-repeat; padding-top: 74px; margin: 10px auto; }

#content-mask { position: absolute; left: 404px; top: 199px; z-index: 10; width: 265px; height: 135px; overflow: hidden; }
#scroll-handler { position: absolute; left: 684px; top: 199px; z-index: 10; width: 11px; height: 38px; overflow: hidden; background: url(/i/scroll,handler.png) no-repeat; }

.body-oferta #content-mask { left: 405px; top: 52px; width: 200px; height: 280px; }
.body-oferta #body-edge-l { background: url(/i/bg,edge,l,oferta.png); }
.body-oferta #home-deco { background: url(/i/oferta,deco,r.png); }

#contact-content { position: absolute; overflow: hidden; left: 475px; top: 35px; width: 385px; height: 315px; }

#form_contact div.c1,
#form_contact div.c2 {width: 190px; float: left; } 

#form_contact div.c1 input,
#form_contact div.c2 input { width: 127px; height: 13px; line-height: 17px; background: transparent url(/i/bg,form,text.png) no-repeat; border: none; padding: 5px 10px; margin: 0; }

#form_contact div.c1 label,
#form_contact .tarea label,
#form_contact div.c2 label { display: block; font-size: 11px; padding: 0 0 7px 4px; width: 180px; }

.tarea { width: 346px; background: url(/i/bg,form,textarea.png) no-repeat; }
.tarea textarea { border: none; background: transparent; overflow-y:auto;overflow-x:hidden; padding: 5px 0 5px 7px; width: 350px; height: 62px; }

textarea, input { font: 11px/1em Arial, Helvetica, sans-serif; color:#333; }
input.form-submit { vertical-align: middle; }
p.form-submit { text-align: right; margin: -15px 45px 0 0;}
p.form-submit span { cursor: pointer; font-weight: bold; display: inline-block; }
.form-tools { overflow: visible; }

#client-logo { position: absolute; z-index: 12; left: 705px; top: 245px; background-position: center center; background-repeat: no-repeat; overflow: hidden; width: 160px; height: 100px; }
#client-logo img { position: absolute; left: -5000px; }

