*{margin:0;padding:0}
html{background:#303441;color:#fff}
body, input, textarea,button{font:12px/16px Helvetica,Arial,sans-serif}
body{width:950px;margin:0 auto;padding:8px 0 15px}
h1{width:105px;height:42px;background:url(img/made.gif);overflow:hidden;margin-bottom:-44px;position:relative}
h1 a{display:block;padding-top:50px}
h2{font-size:12px;font-weight:400;text-transform:uppercase;height:18px}
h2 span{color:#2da4e9}

.realizacje, .interactive, .branding, .praca, .design, .technologia, .badaniaidoradztwo, .strategia, .produkcja, .brand, .kontakt, .mapadojazdu, .formularz, .brief{height:0;padding-top:18px;overflow:hidden;background-repeat:no-repeat;background-position:0 1px}

.realizacje{background-image:url(img/realizacje.gif)}
.interactive{background-image:url(img/interactive.gif)}
.branding{background-image:url(img/branding.gif)}
.praca{background-image:url(img/praca.gif)}
.design{background-image:url(img/design.gif)}
.technologia{background-image:url(img/technologia.gif)}
.badaniaidoradztwo{background-image:url(img/badaniaidoradztwo.gif)}
.strategia{background-image:url(img/strategia.gif)}
.produkcja{background-image:url(img/produkcja.gif)}
.brand{background-image:url(img/brand.gif)}
.formularz{background-image:url(img/formularz.gif)}
.kontakt{background-image:url(img/kontakt.gif)}
.mapadojazdu{background-image:url(img/mapadojazdu.gif)}
.brief{background-image:url(img/brief.gif)}

.interactive span, .branding span{display:block;padding-top:20px;margin-top:-18px;background:url(img/arr.gif) no-repeat}

.interactive span{background-position:95px 0}
.brand span{background-position:70px 0}
.branding span{background-position:70px 0}

h3,h4{font-size:12px;font-weight:400;color:#2da4e9}
h4{color:#2da4e9}
a{color:#fff;text-decoration:underline}
a:hover{text-decoration:none}
strong{text-transform:uppercase;font-weight:400}
fieldset{border:none}
input{height:24px;line-height:24px;padding:0 5px}
textarea, input{background:#555963;color:#fff;border:none}
textarea{padding:5px}
label{margin-left:10px}
button{height:29px;border:none;background:#2da4e9 url(img/but.gif) no-repeat 100% 0;color:#fff;width:130px;font-weight:700}
hr.dark{-ms-extension: expression(this.replaceNode(document.createElement("iehrd")))}
hr{-ms-extension: expression(this.replaceNode(document.createElement("iehr")))}
hr,iehr,iehrd{background:url(img/dot.gif) repeat-x;height:1px;border:none;width:100%;clear:both;display:block;overflow:hidden;margin:15px 0}
hr.dark,iehrd{background:url(img/hr.gif);height:4px}
address{font-style:normal}
ul,ol{padding-left:15px}

#menu {overflow:hidden;float:right;height:66px;padding:0}
#menu li{float:left;list-style:none;padding:20px 14px 0 20px;background:url(img/m_s.gif) no-repeat 0 26px;margin:0 6px 0 -6px;display:inline}
#menu li.activ{padding:20px 9px 0 15px}
#menu a{text-decoration:none;text-transform:uppercase;display:block;height:22px;line-height:22px;float:left}
#menu a:hover{text-decoration:underline}
#menu li.activ a:hover{text-decoration:none}
#menu li.activ a{background:url(img/m_l.gif) no-repeat;padding-left:5px}
#menu li.activ a span{background:url(img/m_r.gif) no-repeat 100% 0;display:block;padding-right:5px;float:left}
#menu li.activ a span span{background:#4e556a url(img/m_c.gif) repeat-x;height:22px;line-height:22px;padding-right:0}
#menu #panel {background:url(img/panel.gif);width:105px;height:54px;padding:12px 0 0 38px;margin-left:185px}
#panel a{text-transform:none}

.rlist{float:left;margin:-20px 0 15px;position:relative;padding:0}
.rlist li{float:left;list-style:none;margin-left:10px;display:inline;width:230px}
.rlist a{display:block;background:#2da4e9 no-repeat;color:#fff;text-decoration:none;height:48px;line-height:48px;padding:187px 12px 0}

.in_box{width:207px;padding:0 11px 0 18px;background:url(img/circle.gif) no-repeat 0 3px;min-height:150px;margin:-20px 0 35px;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline}

#ind1 a{background-image:url(img/work/min_squash360.jpg)}
#ind2 a{background-image:url(img/work/min_pcg.jpg)}
#ind3 a{background-image:url(img/work/min_4audyt.jpg)}

#kont, #pytanie, #map{float:left;margin-bottom:15px}
#kont, #pytanie{margin-right:10px}
#kont h2, #pytanie h2, #map h2{margin-bottom:15px}

#kont{width:230px}
#kont p{margin-bottom:1em}
#kont a{text-decoration:none}

#pytanie{width:390px}
#pytanie p{line-height:24px;margin-bottom:10px}
#pytanie input{width:250px}
#pytanie textarea{height:175px;width:380px;max-width:380px}

#map{width:310px}

img.left{width:230px;float:left;margin-bottom:15px}
.box{margin:-18px 0 50px 10px}
.box{width:210px;padding-right:20px;float:left;display:inline}
.left{margin-top:-18px}
ul.box{width:195px}

.opis{width:200px;float:left;padding-right:30px;margin:0 0 15px 10px;display:inline}
.opis h2{margin-bottom:35px}
.opis p{padding-top:40px}
.opis a{text-decoration:none}

.opis h3{margin:-18px 0 90px;position:relative}

.left{margin-left:240px}

.spec{margin-left:0;margin-top:-20px;width:200px;padding-top:60px}
.spec p{padding-top:55px}

.of{margin-left:0;margin-top:-20px;width:200px;padding-top:100px}

.nodot{list-style:none;padding:0}
.nocaps{text-transform:none}

.vistxt {font-size:13px; line-height:18px ;width:600px; padding:25px 0 10px}
.vistxt a{color:#2da4e9}
.vistxt blue{color:#2da4e9}

.vis{margin-top:20px}
.vis3{margin-top:20px; margin-left:240px}

.strong{background:#2da4e9;padding:18px}
.blue{color:#2da4e9}
.strong a{color:#303441}

.imgtxt{height:180px;position:relative;padding:0}
.imgtxt p{padding:25px 15px;position:absolute;bottom:0;left:0}

.rimg{float:right;margin:-20px 0 25px}
.ropis{float:left;width:190px}
.ropis h3{font-weight:400;text-transform:uppercase;color:#2da4e9;margin:1em 0}
.ropis h3 span{color:#fff;text-transform:none}
.ropis p{margin-bottom:1em}

#foot{margin-left:240px;clear:both}
#foot hr, #foot iehr{margin-bottom:35px}
#foot p,#foot li, #foot ul, #foot address{display:inline}
#foot li, #foot address{border-left:1px solid #fff;margin-left:0.5ex;padding-left:1ex}
#foot ul{padding:0}
#foot li{list-style:none}
#foot form,#foot fieldset{background:url(img/dot.gif) repeat-x}
#foot fieldset{background-position:0 100%;padding:5px 0;margin:5px 0}
#foot input{background:none;border:none;color:#aaabb1;width:120px;padding:0 5px}
#foot button{background:none;border:none;text-transform:uppercase;color:#fff;font-weight:400;width:auto;height:auto}
#foot #footm{display:block;height:0;padding-top:21px;background:url(img/foot.gif) no-repeat;overflow:hidden;line-height:2}
