/* blue: 306eb7 szara kreska: 313131 */ a {outline: none;} a img {border: none;} .clear {clear:both;} h1 {background: url(mark_link.gif) no-repeat; padding: 1px 0 2px 30px;} h2 {background: url(mark_link.gif) no-repeat; padding: 1px 0 2px 30px;} /**/ h1 a, h2 a {font-size: 1em; } h1 em, h2 em {color: #306eb7; font-style: normal; font-size: 1em; margin-left: 5px; } #head,#headmenu,#main {background: #000; margin: 0; padding: 0;} #head {} #headmenu {border: solid #313131; border-width: 1px 0;height: 33px;} #main {padding: 40px 0;} #foot {} div.head,div.headmenu,div.main,div.foot {width: 870px; margin: 0 auto; position: relative; padding: 0;clear: both; } div.head {height: 390px; margin-top: 3px; background: url(head_back.jpg) no-repeat; position: relative;} div.headmenu,div.main,div.foot {} div.main {padding: 0; background: url(body_bgd2.gif) 175px 0 no-repeat; } div.foot {padding: 0;} /*FLASH HEAD*/ div.head div.lev1 {height:390px; position:relative; left: -30px;} /*FOTO HEAD*/ div.head div.foto_head {width: 530px; height:390px; position:absolute; background-position: right; background-repeat: no-repeat; top: 0; left: 400px; } .bd1 div.head div.foto_head {width: 624px; left:300px;} /*TEXT HEAD*/ div.head div.text_head {/*width:550px;*/ height:210px; position:absolute; top:120px; left: -300px; font-family:Tahoma; padding:0 0 0 30px;} div.head div.text_head div.th_left {width:175px; float:left;} div.head div.text_head div.th_left h1 {background:none; font-size:20px; color:#fff; padding:0; font-weight:normal;} div.head div.text_head div.th_left p {color:#5b5b5b; font-size:18px; margin:0;} div.head div.text_head div.th_right {width:475px; float:left;} div.head div.text_head div.th_right h2 {color:#4a6eb2; background:none; font-size:20px; padding:0 0 3px 20px; /*font-weight:bold;*/ font-style:italic;} div.head div.text_head div.th_right p {color:#999999; width:290px; font-size:10px; border-left:#313131 1px solid; padding:0 0 0 20px; margin:35px 0 0 0; height:95px;} div.l {width: 175px; float: left;} div.c {width: 655px; float: left; margin: 0; padding: 0 0 0 21px; /*zborder-left: 1px solid #313131;*/ } div.r {} ul.menu_h, ul.menu_v {list-style: none; margin: 0; padding:0} ul.menu_h li {display: block; float:left;} ul.menu_v li a, ul.menu_h li a {display: block; } div.head div.lev2 {margin: 0; padding: 0; position:absolute; top: 20px; width:870px; } .facebook { float:right; background:#fff; border:1px solid #999; margin:0 58px 0 0; } div.lev2 h2.logo {background: url(webtailor.gif) left top no-repeat; margin: 0; padding: 0; width:400px; float:left; } div.lev2 h2.logo a {text-indent: -5000px; display: block; height: 32px; width: 174px; } div.lev2 h3.claim {text-indent: -5000px; font-size: 0.75em; letter-spacing:2px; word-spacing: 2px; line-height: 1em; font-weight: normal; background: url(koncepcja_w_sieci.gif) no-repeat; width:153px; height:9px; position:absolute; top: 19px; left: 195px; margin: 0; padding: 0; float:left; } /*MENU TOP*/ div.headmenu div.menu_h {margin-left: 195px; height:33px; } div.headmenu div.menu_h ul.menu_h li a {font-size: 1.25em; padding: 6px 0; margin: 0 20px 0 0; text-transform:uppercase; color: #666; border-bottom: 3px solid #000; } div.headmenu div.menu_h ul.menu_h li a:hover {border-bottom: 3px solid #306eb7; text-decoration:none;} div.headmenu div.menu_h ul.menu_h li.menu_active a {color: #fff; border-bottom: 3px solid #306eb7;} div.headmenu div.menu_h ul.menu_h li.menu_01 {background: url(mntop/firma_n.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_02 {background: url(mntop/oferta_n.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_03 {background: url(mntop/case_n.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_04 {background: url(mntop/pracujemy_n.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_05 {background: url(mntop/kontakt_n.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_06 {background: url(mntop/cms_n.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_07 {background: url(mntop/jak_pracujemy_n.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_01_active {background: url(mntop/firma_a.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_02_active {background: url(mntop/oferta_a.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_03_active {background: url(mntop/case_a.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_04_active {background: url(mntop/pracujemy_a.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_05_active {background: url(mntop/kontakt_a.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_06_active {background: url(mntop/cms_a.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_07_active {background: url(mntop/jak_pracujemy_a.gif) left 9px no-repeat; } div.headmenu div.menu_h ul.menu_h li.menu_01 a, div.headmenu div.menu_h ul.menu_h li.menu_01_active a, div.headmenu div.menu_h ul.menu_h li.menu_02 a, div.headmenu div.menu_h ul.menu_h li.menu_02_active a, div.headmenu div.menu_h ul.menu_h li.menu_03 a, div.headmenu div.menu_h ul.menu_h li.menu_03_active a, div.headmenu div.menu_h ul.menu_h li.menu_04 a, div.headmenu div.menu_h ul.menu_h li.menu_04_active a, div.headmenu div.menu_h ul.menu_h li.menu_05 a, div.headmenu div.menu_h ul.menu_h li.menu_05_active a, div.headmenu div.menu_h ul.menu_h li.menu_06 a, div.headmenu div.menu_h ul.menu_h li.menu_06_active a, div.headmenu div.menu_h ul.menu_h li.menu_07 a, div.headmenu div.menu_h ul.menu_h li.menu_07_active a{text-indent: -5000px; padding: 0; height: 30px; } div.headmenu div.menu_h ul.menu_h li.menu_01 a, div.headmenu div.menu_h ul.menu_h li.menu_01_active a {width: 43px; } div.headmenu div.menu_h ul.menu_h li.menu_02 a, div.headmenu div.menu_h ul.menu_h li.menu_02_active a {width: 50px; } div.headmenu div.menu_h ul.menu_h li.menu_03 a, div.headmenu div.menu_h ul.menu_h li.menu_03_active a {width: 79px; } div.headmenu div.menu_h ul.menu_h li.menu_04 a, div.headmenu div.menu_h ul.menu_h li.menu_04_active a {width:109px; } div.headmenu div.menu_h ul.menu_h li.menu_05 a, div.headmenu div.menu_h ul.menu_h li.menu_05_active a {width: 63px; } div.headmenu div.menu_h ul.menu_h li.menu_06 a, div.headmenu div.menu_h ul.menu_h li.menu_06_active a {width: 28px; } div.headmenu div.menu_h ul.menu_h li.menu_07 a, div.headmenu div.menu_h ul.menu_h li.menu_07_active a {width: 107px; } div.headmenu div.menu_h ul.menu_h li.menu_01_active a, div.headmenu div.menu_h ul.menu_h li.menu_02_active a, div.headmenu div.menu_h ul.menu_h li.menu_03_active a, div.headmenu div.menu_h ul.menu_h li.menu_04_active a, div.headmenu div.menu_h ul.menu_h li.menu_05_active a, div.headmenu div.menu_h ul.menu_h li.menu_06_active a, div.headmenu div.menu_h ul.menu_h li.menu_07_active a {border-bottom: 3px solid #306eb7;} /*LEWE MENU*/ div.l {} div.l ul.menu_v {} div.l ul.menu_v li {text-align: right; padding: 0 0 0 11px; margin: 0; line-height:18px;} div.l ul.menu_v a {padding: 0 20px 0 0; margin: 0 0 5px 0; text-decoration:none; font-size: 1.1em;} div.l ul.menu_v a:hover {color: #306eb7; } div.l ul.menu_v li.menu_active {background: url(mb_n.gif) left top no-repeat;} div.l ul.menu_v li.menu_active a:hover {color: #fff;} div.l {} div.l ul.menu_v ul.menu_v {margin: 0 0 5px 0; padding: 0 0 5px 0; } div.l ul.menu_v ul.menu_v li {text-align: left; padding: 0; margin: 0; line-height:15px;} div.l ul.menu_v ul.menu_v a {color: #999; margin: 0 0 5px 0;} div.l ul.menu_v ul.menu_v a:hover {color: #306eb7;} div.l ul.menu_v ul.menu_v li.menu_active {background: none;} div.l ul.menu_v ul.menu_v li.menu_active a:hover {color: #fff;} div.l ul.menu_v ul.menu_v li.menu_active a.menu_active {color:#306eb7;} div.c ul.menu_v {} div.c ul.menu_v li {padding: 0 0 0 20px; margin: 0; line-height:18px; background: url(blue_arrow.gif) no-repeat 7px center; } div.c ul.menu_v a {padding: 0 0 0 0; margin: 0 0 5px 0; text-decoration:none; font-size: 1.1em;} div.c ul.menu_v a strong { font-weight: normal; margin-right: 10px; color: #306eb7; } div.c ul.menu_v a:hover {color: #306eb7; } /*MENU SPEC OFERTA*/ div.menu_spec {} ul.menu_spec {list-style: none; margin: 0; padding:0} ul.menu_spec li {background: url(mark_link.gif) no-repeat; padding: 0 0 10px 30px;} ul.menu_spec a {display: block;} .menu, .menu_active {} .menu a, .menu_active a {} .std1 { clear: both; margin-bottom: 20px;} .std1 .pl {} .std2 {clear: both; margin-bottom: 20px;} .std2 .pl {} div.l div.pl p {margin-right: 20px; text-align: right;} div.std1 div.dt, div.std2 div.dt { margin: 0; padding: 0; } div.std1 div.dt strong, div.std2 div.dt strong { font-weight: normal; color: #556F90; } div.std1 div.mr, div.std2 div.mr { margin: 0 0 10px 0; padding: 0; color: #556F90;} /* .std2 .pl {padding: 0 0 0 30px; display: none;} .std2 .mr {padding: 0 0 0 30px; display: none;} .std2:hover .pl {display: block;} */ /*LUDZIE*/ div.ludzie {} div.ludzie ul.menu_h li {background-repeat: no-repeat; margin: 0 25px 25px 0;} div.ludzie ul.menu_h li a {border: 1px solid #313131; text-transform: uppercase; color: #666; width: 56px; height: 56px; text-indent: -5000px;} div.ludzie ul.menu_h li.menu_01_active a, div.ludzie ul.menu_h li.menu_02_active a, div.ludzie ul.menu_h li.menu_03_active a, div.ludzie ul.menu_h li.menu_04_active a, div.ludzie ul.menu_h li.menu_05_active a, div.ludzie ul.menu_h li a:hover {border: 1px solid #306eb7 !important; text-decoration:none;} div.ludzie ul.menu_h li.menu_01, div.ludzie ul.menu_h li.menu_01_active {background-image: url(ludzie/donata.jpg) } div.ludzie ul.menu_h li.menu_02, div.ludzie ul.menu_h li.menu_02_active {background-image: url(ludzie/michal.jpg) } div.ludzie ul.menu_h li.menu_03, div.ludzie ul.menu_h li.menu_03_active {background-image: url(ludzie/ewa.jpg) } div.ludzie ul.menu_h li.menu_04, div.ludzie ul.menu_h li.menu_04_active {background-image: url(ludzie/szurek.jpg) } div.ludzie ul.menu_h li.menu_05, div.ludzie ul.menu_h li.menu_05_active {background-image: url(ludzie/jacek.jpg) } /*------------------------CASE STUDIO-------------------------*/ div.case_style {padding:0 0 0 85px; margin:0 0 30px 0; height:70px;} div.case_style h1 {line-height:18px;} div.case_style p {line-height:1em; margin: 0 0 5px 0; padding: 0 0 0 0;} div.case_style .menu_h li a {color:#556f90; padding: 0; margin:0 5px 0 0; } div.case_style .mr {display: none; } div.case_style a:hover {color:#FFFFFF; text-decoration:none;} div.screen {position:relative; float: left; margin-right: 20px;} div.screen div.odbicie, div.screen div.odbicie_zielone, div.screen div.odbicie_niebieskie, div.screen div.odbicie_blekit, div.screen div.odbicie_gomad {position:absolute; width:410px; height:35px; left:-15px; top:266px;} div.screen div.odbicie_pit {position:absolute; width:410px; height:35px; left:-15px; top:318px;} div.screen div.odbicie, div.screen div.odbicie_pit {background:url(odbicie.jpg) no-repeat left bottom;} div.screen div.odbicie_zielone {background:url(odbicie_zielone.jpg) no-repeat left bottom;} div.screen div.odbicie_niebieskie {background:url(odbicie_niebieskie.jpg) no-repeat left bottom;} div.screen div.odbicie_gomad {background:url(odbicie_gomad.jpg) no-repeat left bottom;} div.screen div.odbicie_blekit {background:url(odbicie_blekit.jpg) no-repeat left bottom;} div.c li.menu_arrow {background:url(blue_arrow.gif) 0 center no-repeat;padding:0 0 0 10px;} div.c li.menu_arrow a {font-size:10px;} div.c li.menu_arrow a:hover {text-decoration:none;color:#306eb7;} div.case_study {padding:0 0 10px 0;width:380px;text-align:right;position:relative;} div.c div.case_study a {margin-left:8px;} div.c a.cs_number:hover, div.c a.cs_number_a {color: #306eb7;} /*--------------------------LOGA--------------------------*/ div.ramka div.menu_h ul.menu_h li {width:160px; border-right:1px solid #313131;} fieldset {border: 1px solid #d8d8d8; padding: 10px;margin:0;width:340px;color:#6d6868;} fieldset legend { font-weight:normal;letter-spacing: 1px;font-size:11px;} fieldset label, fieldset div.fTXT label, fieldset div.fTAREA label {letter-spacing: 1px; display:block;font-size:11px; } fieldset div.fTXT, fieldset div.fTAREA, fieldset div.fCBX, fieldset div.fRB {margin-bottom: 5px;} fieldset div.fTXT input {width: 305px;margin-top: 5px;} fieldset div.fTAREA textarea {width: 305px;} span.textfieldRequiredMsg, span.textareaRequiredMsg, span.checkboxRequiredMsg {font-size:11px;} fieldset img {margin:8px 0;border:1px solid #d8d8d8;} /*--------------------------MODUL SHOW/HIDE--------------------------*/ div.show h2 {cursor:pointer;} div.show .show_hide {display:none;} div.main div.pl h1, div.main div.std1 h1 {font-size:12px;line-height:18px;} div.foot p {color: #869ecb;} div.foot p.sc {color: #869ecb; font-size: 11px; letter-spacing: 1px; background: url(sc.gif) left center no-repeat; padding: 4px 0 4px 25px; line-height:1em;} div.foot p.sc a {color: #869ecb; font-size: 11px; letter-spacing: 1px; border-left: 1px solid #869ecb; padding-left: 5px; margin-left: 5px;} div.foot p.sc a:hover {color: #000; text-decoration: none;} div.foot div.lev2 {float:left;margin:15px 0 35px 0;} div.foot div.lev3 {float:right;margin:25px 0 50px 0;} div.foot div.navi { width:195px; margin:5px 0 0 0; } div.foot div.navi div.cms_links { float:right; width:85px; } div.foot div.navi div.cms_links a { float:left; padding:0; } div.foot div.navi a {color:#869ECB;font-size:11px;letter-spacing:1px; padding:0 0 0 20px;} div.foot div.navi a#navi_map {background:url(mapa_strony.gif) no-repeat left 4px;} div.foot div.navi a#navi_send {background:url(polec.gif) no-repeat left 3px;} .googleMapa a {color: #306eb7 !important;} #formularzWeroniki { width:400px; } #formularzWeroniki p { font-weight:bold; } #formularzWeroniki .fINFO input { width:197px; } #formularzWeroniki div.fINPUT { margin:20px 0 0 0; } #formularzWeroniki div.fINFO { margin:10px 0 0 0; } #formularzWeroniki div.fINPUT label { width:70px; display:block; float:left; line-height:19px; } #formularzWeroniki div.fCHECK label, #formularzWeroniki div.fSELECT label{ display:block; float:left; line-height:19px; width:254px; } #formularzWeroniki div.fSELECT { margin:20px 0 0 0; } #formularzWeroniki div.fCHECK { margin:20px 0 0 0; } span.textfieldRequiredMsg { float:right; line-height:19px; } #formularzWeroniki .fCheckBox { margin:0 0 0 4px; } #formularzWeroniki p.zespol { margin:0 80px 0 0; } #formularzWeroniki div.fTXTAREA #TextAreaAsk { width:300px; margin:0 0 4px 0; } #formularzWeroniki div.fTXTAREA input {margin:2px 4px 0 0; } #formularzWeroniki div.fTXTAREA .TxtAgree label { font-size:9px; } #formularzWeroniki .buttonWeroniki { margin:20px 0 0 0; color:#000000; border:none; } #formularzWeroniki div.fTXTAREA .TxtAgree_kawa { margin:20px 0 0 0; } #path {background-color:#000; clear:both; } #path .path {width: 870px; margin: 0 auto; padding: 0; } #path .path .pathl { position:absolute; padding: 10px 0 5px 196px; color:#222;} #path .path .pathl a { color:#444;} /*MONO*/ /* div.head, div.head div.lev1 {height:100px !important; } */ /* h1 {background: url(mono/mark_link.gif) no-repeat; } h2 {background: url(mono/mark_link.gif) no-repeat; } div.lev2 h2.logo {background: url(mono/webtailor.gif) left top no-repeat; width: 200px; } div.lev2 h3.claim {background: url(mono/koncepcja_w_sieci.gif) no-repeat; left: 205px; } div.l ul.menu_v li.menu_active {background: url(mono/mb_n.gif) left top no-repeat;} h2 em {color: #666; } div.headmenu div.menu_h ul.menu_h li a:hover, div.headmenu div.menu_h ul.menu_h li.menu_active a {border-color: #666;} div.headmenu div.menu_h ul.menu_h li.menu_01_active a, div.headmenu div.menu_h ul.menu_h li.menu_02_active a, div.headmenu div.menu_h ul.menu_h li.menu_03_active a, div.headmenu div.menu_h ul.menu_h li.menu_04_active a, div.headmenu div.menu_h ul.menu_h li.menu_05_active a, div.headmenu div.menu_h ul.menu_h li.menu_06_active a, div.headmenu div.menu_h ul.menu_h li.menu_07_active a {border-color: #666;} div.l ul.menu_v a:hover {color: #666; } div.case_style .menu_h li a {color:#666; } div.foot p.sc { background: url(mono/sc.gif) left center no-repeat; color: #999;} div.foot p.sc a { border-color: #999; color: #999;} div.foot div.navi a { color: #999;} div.foot div.navi a#navi_map {background: none;} div.ludzie ul.menu_h li.menu_01_active a, div.ludzie ul.menu_h li.menu_02_active a, div.ludzie ul.menu_h li.menu_03_active a, div.ludzie ul.menu_h li.menu_04_active a, div.ludzie ul.menu_h li.menu_05_active a, div.ludzie ul.menu_h li a:hover {border-color: #999 !important;} h3 { color: #999 !important;} */ /*div.cms_links { width:200px; float:left; }