/* CSS Document VMG 08 */ body{margin:0; background-image:url(../images/tlo.jpg); background-position: center center; background-repeat:no-repeat; background-attachment: fixed; font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;} h1{color:#eaeaea; font-weight: bold; font-size:11px; margin:10px 0 0 0;} p{color:#b7b7b7; margin:1px 0;} a.formularz{background-image: url(../images/formularz_off.gif); display:block; background-repeat:no-repeat; width:68px; height:15px; clear:both;} a.formularz:hover{background-image:url(../images/formularz_on.gif);} a.wiecej{background-image:url(../images/wiecej_off.gif); display:block; background-repeat:no-repeat; width:46px; height:15px; clear:both;} a.wiecej:hover{background-image:url(../images/wiecej_on.gif);} a.wyslij{background-image:url(../images/wyslij_off.gif); display:block; background-repeat:no-repeat; width:46px; height:15px; clear:both;} a.wyslij:hover{background-image:url(../images/wyslij_on.gif);} #content{width:956px; height:580px; margin:-328px 0 0 -478px; top: 50%; left: 50%; position: absolute; background-image:url(../images/tlo_content.jpg); background-repeat:no-repeat;} #content_portfolio{width:956px; height:580px; margin:-328px 0 0 -478px; top: 50%; left: 50%; position: absolute; background-image: url(../images/tlo_portfolio.jpg); background-repeat:no-repeat;} #football_flash{width:520px; height:580px; margin:-320px 0 0 -320px; top: 50%; left: 50%; position: absolute;); background-repeat:no-repeat;} #form{background-image:url(../images/tlo_formularz.gif); background-repeat:no-repeat; width:932px; height:406px; padding:30px 0 0 0;} #form .aktywna{color:#FFF;} #form .dzielnik{width:10px; float:left;} #form .menu1{background-image:url(../images/form_menu_1.gif); background-repeat:no-repeat; width:852px; height:50px; margin:0 0 0 40px; color:#a9a8a8; text-transform:uppercase; font-size:10px; padding:6px 0 0 10px;} #form .menu2{background-image:url(../images/form_menu_2.gif); background-repeat:no-repeat; width:852px; height:50px; margin:0 0 0 40px; color:#a9a8a8; text-transform:uppercase; font-size:10px; padding:6px 0 0 10px;} #form .menu3{background-image:url(../images/form_menu_3.gif); background-repeat:no-repeat; width:852px; height:50px; margin:0 0 0 40px; color:#a9a8a8; text-transform:uppercase; font-size:10px; padding:6px 0 0 10px;} #form .menu4{background-image:url(../images/form_menu_4.gif); background-repeat:no-repeat; width:852px; height:50px; margin:0 0 0 40px; color:#a9a8a8; text-transform:uppercase; font-size:10px; padding:6px 0 0 10px;} #form .menu5{background-image:url(../images/form_menu_5.gif); background-repeat:no-repeat; width:852px; height:50px; margin:0 0 0 40px; color:#a9a8a8; text-transform:uppercase; font-size:10px; padding:6px 0 0 10px;} #form .menu6{background-image:url(../images/form_menu_6.gif); background-repeat:no-repeat; width:852px; height:50px; margin:0 0 0 40px; color:#a9a8a8; text-transform:uppercase; font-size:10px; padding:6px 0 0 10px;} #form .menu7{background-image:url(../images/form_menu_7.gif); background-repeat:no-repeat; width:852px; height:50px; margin:0 0 0 40px; color:#a9a8a8; text-transform:uppercase; font-size:10px; padding:6px 0 0 10px;} #form .menu8{background-image:url(../images/form_menu_8.gif); background-repeat:no-repeat; width:852px; height:50px; margin:0 0 0 40px; color:#a9a8a8; text-transform:uppercase; font-size:10px; padding:6px 0 0 10px;} #form .menu9{background-image:url(../images/form_menu_9.gif); background-repeat:no-repeat; width:852px; height:50px; margin:0 0 0 40px; color:#a9a8a8; text-transform:uppercase; font-size:10px; padding:6px 0 0 10px;} #form .blok{width:85px; float:left;} #form .blok2{width:90px; float:left;} #form table.tytul{ margin:20px 0 0 40px;} #form .naglowek{color:#FFF; text-transform:uppercase; font-weight:bold; background-color:#000; padding:0 5px 0 10px; font-size:12px;} #form .dalej{clear:both; margin:20px 0 0 755px;} #form .wyslij{clear:both; margin:40px 0 0 795px;} #form .ikony{margin:40px 0 0 40px; overflow:hidden;} #form .ikona_www{ background-image:url(../images/ikona_www.gif); background-repeat:no-repeat; width:206px; height:157px; float:left;} #form .ikona_www input{ margin:125px 0 0 95px;} #form .ikona_sklep{ background-image:url(../images/ikona_sklep.gif); background-repeat:no-repeat; width:206px; height:157px; float:left;} #form .ikona_sklep input{ margin:125px 0 0 95px;} #form .ikona_kampania{ background-image:url(../images/ikona_kampania.gif); background-repeat:no-repeat; width:206px; height:157px; float:left;} #form .ikona_kampania input{ margin:125px 0 0 95px;} #form .ikona_multimedia{ background-image:url(../images/ikona_multimedia.gif); background-repeat:no-repeat; width:206px; height:157px; float:left;} #form .ikona_multimedia input{ margin:125px 0 0 95px;} #form .odslona2{background-color:#424040; margin:20px 40px 0 40px; overflow:hidden; padding:20px; color:#FFF; font-size:12px;} #form .texarea{background-color:#7b7a7a; border:0px; width:600px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding:3px;} #form .input_text{background-color:#7b7a7a; border:0px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding:3px;} #menu{} #menu .logo{margin:17px 0 0 18px; display:inline; float:left;} #menu .pozycje{margin:32px 0 0 18px; display:inline; float:left;} #menu .pozycje img{border:0px; margin:0px; padding:0px;} #menu .pozycje a.home{background-image:url(../images/home_off.gif); border:0px; display:block; padding:0; background-repeat:no-repeat;} #menu .pozycje a.home:hover{background-image:url(../images/home_on.gif);} #menu .pozycje a.agencja{background-image:url(../images/agencja_off.gif); border:0px; display:block; padding:0; background-repeat:no-repeat;} #menu .pozycje a.agencja:hover{background-image:url(../images/agencja_on.gif);} #menu .pozycje a.uslugi{background-image: url(../images/oferta_off.gif); border:0px; display:block; padding:0; background-repeat:no-repeat;} #menu .pozycje a.uslugi:hover{background-image: url(../images/oferta_on.gif);} #menu .pozycje a.klienci{background-image: url(../images/portfolio_off.gif); border:0px; display:block; padding:0; background-repeat:no-repeat;} #menu .pozycje a.klienci:hover{background-image:url(../images/portfolio_on.gif);} #menu .pozycje a.kariera{background-image:url(../images/kariera_off.gif); border:0px; display:block; padding:0; background-repeat:no-repeat;} #menu .pozycje a.kariera:hover{background-image:url(../images/kariera_on.gif);} #menu .pozycje a.kontakt{background-image:url(../images/kontakt_off.gif); border:0px; display:block; padding:0; background-repeat:no-repeat;} #menu .pozycje a.kontakt:hover{background-image:url(../images/kontakt_on.gif);} #menu .pozycje a.serwis{background-image:url(../images/serwisy_off.gif); border:0px; display:block; padding:0; background-repeat:no-repeat;} #menu .pozycje a.serwis:hover{background-image:url(../images/serwisy_on.gif);} #menu .pozycje a.strategia{background-image:url(../images/strategia_off.gif); border:0px; display:block; padding:0; background-repeat:no-repeat;} #menu .pozycje a.strategia:hover{background-image:url(../images/strategia_on.gif);} #menu .pozycje a.kreacja{background-image:url(../images/kreacja_off.gif); border:0px; display:block; padding:0; background-repeat:no-repeat;} #menu .pozycje a.kreacja:hover{background-image:url(../images/kreacja_on.gif);} #menu .pozycje a.multimedia{background-image:url(../images/multimedia_off.gif); border:0px; display:block; padding:0; background-repeat:no-repeat;} #menu .pozycje a.multimedia:hover{background-image:url(../images/multimedia_on.gif);} #srodek{clear:both; height:470px;} #srodek .agencja_wiersz1{clear:both; padding:30px 0 0 30px;} #srodek .agencja_wiersz2{clear:both; padding:10px 0 0 30px;} #srodek .agencja_formularz{width:247px; height:95px; background-color:#3f3c3c; background-image:url(../images/tlo_blok_form.gif); background-repeat:no-repeat; border:1px solid #535252; padding:15px 15px 0 15px; color:#eaeaea; margin:0 10px 0 0; float:left;} #srodek .agencja_formularz h1{margin:0 0 10px 0;} #srodek .agencja_formularz p{margin:0;} #srodek .agencja_formularz a.formularz{margin:15px 0 0 175px;} #srodek .agencja_onas{width:312px; height:254px; background-color:#3f3c3c; border:1px solid #535252; padding:15px 15px 0 15px; color:#eaeaea; margin:0 10px 0 0; float:left;} #srodek .agencja_onas h1{margin:0 0 10px 0;} #srodek .agencja_onas p{margin:0;} #srodek .agencja_onas a.wiecej{ margin:20px 0 0 255px;} #srodek .agencja_projekty{width:247px; height:254px; background-color:#3f3c3c; border:1px solid #535252; padding:15px 15px 0 15px; color:#eaeaea; margin:0 10px 0 0; float:left;} #srodek .agencja_projekty h1{margin:0 0 10px 0;} #srodek .agencja_projekty p{margin:0 0 0 10px;} #srodek .agencja_projekty a.wiecej{ margin:5px 0 5px 95px;} #srodek .agencja_referencje{width:312px; height:95px; background-color:#3f3c3c; border:1px solid #535252; padding:15px 15px 0 15px; color:#eaeaea; margin:0 10px 0 0; float:left;} #srodek .agencja_referencje h1{margin:0 0 10px 0;} #srodek .agencja_referencje p{margin:0;} #srodek .agencja_referencje a.wiecej{margin:2px 0 0 255px;} #srodek .kontakt_kolumna{ float:left; width:290px; padding:32px 0 0 30px;} #srodek .kontakt_kolumna2{padding:32px 0 0 26px; float:left; display:inline;} #srodek .kontakt_kolumna2 .pole_form{width:305px; background-color:#3f3c3c; border:1px solid #535252; margin:0 0 5px 0; padding:5px; color:#b7b7b7} #srodek .kontakt_kolumna2 .pole_form input{background-color:#3f3c3c; border:0px; color:#b7b7b7; font-size:11px;} #srodek .kontakt_kolumna2 .pole_form .input_multi{background-color:#3f3c3c; border:0px; color:#b7b7b7; font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;} #srodek .kontakt_kolumna2 .pole_form .select{background-color:#3f3c3c; border:0px; color:#b7b7b7; font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;} #srodek .kontakt_kolumna2 .pole_form a{color:#c7c7c7; text-decoration:none;} #srodek .kontakt_kolumna2 .pole_form a:hover{color:#e7791a;} #srodek .kontakt_kolumna2 .button{background-color:#000000; border:1px solid #4c4c4c; color:#cccccc; font-size:10px;} #srodek .kontakt_kolumna2 table{color:#737373;} #srodek .kontakt_adres{width:275px; height:138px; background-color:#3f3c3c; border:1px solid #535252; padding:15px 15px 0 15px; color:#eaeaea; margin:0 10px 10px 0; float:left;} #srodek .kontakt_adres h1{margin:0 0 10px 0;} #srodek .kontakt_adres p{margin:0;} #srodek .kontakt_adres a.wiecej{ margin:10px 0 0 135px;} #srodek .kontakt_adres a{color:#e7791a; text-decoration:none;} #srodek .kontakt_adres a:hover{color:#c7c7c7;} #srodek .kontakt_form p{ margin:10px 0 0 0;} #srodek .kontakt_form a{color:#e7791a; text-decoration:none;} #srodek .kontakt_form a:hover{color:#c7c7c7;} #srodek .kontakt_mapa{width:300px; padding:5px 0 0 5px; background-color:#3f3c3c; border:1px solid #535252; color:#eaeaea; margin:0 10px 0 0; float:left;} #srodek .kontakt_mapa img{margin:5px 0 5px 5px;} #srodek .kontakt_mapa a{color:#3f3c3c; text-decoration:none;} #srodek .kontakt_mapa a:hover{text-decoration: underline;} #srodek .lewa{display:inline; float:left;} #srodek .lewa_portfolio{display:inline; float:left; margin:40px 0 0 31px; width:225px;} #srodek .lewa_portfolio a{color:#707070; text-decoration:none;} #srodek .lewa_portfolio a:hover{color:#e7791a;} #srodek .lewa_portfolio .opis{margin:10px 0 10px 0;} #srodek .oferta_wiersz1{clear:both; padding:52px 0 0 30px;} #srodek .oferta_wiersz2{clear:both; padding:0 0 0 30px;} #srodek .oferta_blok_kreacja{width:183px; height:146px; background-color:#3f3c3c; background-image:url(../images/blok_kreacja_tlo.gif); border:1px solid #535252; padding:15px 15px 0 15px; color:#eaeaea; margin:0 10px 0 0; float:left;} #srodek .oferta_blok_kreacja h1{margin:0 0 10px 0;} #srodek .oferta_blok_kreacja p{margin:0;} #srodek .oferta_blok_kreacja a.wiecej{ margin:57px 0 0 135px;} #srodek .oferta_blok_laptop{width:412px; height:187px; background-color:#3f3c3c; background-image: url(../images/blok_laptop_tlo.gif); padding:15px 15px 0 15px; color:#eaeaea; margin:0 10px 0 0; float:left;} #srodek .oferta_blok_laptop h1{margin:20px 0 10px 0;} #srodek .oferta_blok_laptop p{margin:0;} #srodek .oferta_blok_laptop a.wiecej{ margin:10px 0 10px 135px;} #srodek .oferta_blok_laptop a{color:#e7791a; text-decoration:none;} #srodek .oferta_blok_laptop a:hover{color:#c7c7c7;} #srodek .oferta_blok_multimedia{width:187px; height:187px; background-color:#3f3c3c; background-image: url(../images/blok_multimedia_tlo.gif); padding:15px 15px 0 15px; color:#eaeaea; margin:0 11px 0 0; float:left;} #srodek .oferta_blok_multimedia h1{margin:20px 0 10px 0;} #srodek .oferta_blok_multimedia p{margin:0;} #srodek .oferta_blok_multimedia a.wiecej{ margin:53px 0 0 135px;} #srodek .oferta_blok_serwisy{width:184px; height:146px; background-color:#3f3c3c; border:1px solid #535252; padding:15px 15px 0 15px; color:#eaeaea; margin:0 12px 0 0; float:left;} #srodek .oferta_blok_serwisy h1{margin:0 0 10px 0;} #srodek .oferta_blok_serwisy p{margin:0;} #srodek .oferta_blok_serwisy a.wiecej{ margin:5px 0 0 135px;} #srodek .oferta_wiersz_tekst{clear:both; padding:30px 0 0 30px;} #srodek .oferta_blok_tekst{width:587px; height:372px; background-color:#3f3c3c; border:1px solid #535252; padding:15px 15px 0 15px; color:#eaeaea; margin:0 12px 0 0; float:left;} #srodek .oferta_blok_tekst h1{margin:0 0 10px 0;} #srodek .oferta_blok_tekst .kol1{ width:200px; float:left} #srodek .oferta_blok_tekst .news{border-bottom:1px solid #535252; padding:0 0 10px 0; margin:0 0 10px 0;} #srodek .oferta_blok_tekst .news .data{font-weight:bold; margin:0 0 5px 0;} #srodek .oferta_blok_tekst p{margin:0;} #srodek .oferta_blok_tekst a{color:#e7791a; text-decoration:none;} #srodek .oferta_blok_tekst a:hover{color:#c7c7c7;} #srodek .oferta_blok_tekst a.wiecej{ margin:5px 0 0 540px;} #srodek .prawa{display:inline; float:left; margin:0 0 0 298px;} #srodek .prawa_portfolio{display:inline; float:left; margin:40px 0 0 10px; color:#eaeaea;} #srodek .portfolio_logotypy{padding:4px 0 0 10px; width:624px; height:71px; background-color:#3f3c3c; border:1px solid #535252; margin:0 0 0 31px; color:#eaeaea; clear:both;} #srodek .portfolio_logotypy img{border:0;} #srodek .portfolio_logotypy a{border:0px;} #srodek .logotypy_klienci{width:317px; height:100px; background-color:#3f3c3c; border:1px solid #535252; margin:305px 0 0 30px; padding:10px 0 0 0;} #srodek .logotypy_klienci a.wiecej{position:absolute; margin:72px 0 0 250px;} #srodek .nasze_uslugi{width:247px; height:224px; background-color:#3f3c3c; border:1px solid #535252; margin:40px 0 0 0; padding:12px 15px 15px 15px; color:#eaeaea;} #srodek .nasze_uslugi p{margin:0 0 0 14px;} #srodek .nasze_uslugi a.wiecej{ margin:8px 0 0 190px;} #srodek .blok_formularz{width:237px; height:70px; margin:15px 0 0 0; background-image:url(../images/tlo_blok_form.gif); background-repeat:no-repeat; padding:20px;} #srodek .blok_formularz h1{margin:0;} #srodek .blok_formularz p{margin:8px 0 0 0;} #srodek .blok_formularz a.formularz{margin:8px 0 0 165px;} #stopka{clear:both; color:#c7c7c7; margin:0 0 0 31px;} #stopka a{color:#c7c7c7; text-decoration:none;} #stopka a:hover{color:#e7791a;} #stopka_dane{clear:both; color:#c7c7c7; margin:5px 0 0 0px;} #stopka_dane a{color:#c7c7c7; text-decoration:none;} #stopka_dane a:hover{color:#e7791a;} .text_pomarancz{color:#e7791a;} .text_bialy{color:#FFF;} /*****Rotator logotypów*****/ /** Crossfade * Version 4.1 30/03/2007 * * Copyright (c) 2007 Millstream Web Software http://www.millstream.com.au * * Permission is hereby granted, free of charge, to any person * obtaining a copy of this software and associated documentation * files (the "Software"), to deal in the Software without * restriction, including without limitation the rights to use, copy, * modify, merge, publish, distribute, sublicense, and/or sell copies * of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS * BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN * ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. * * */ ul.crossfade {padding: 0;margin: 0;list-style: none;position: relative;} #fade-example-2 li {position: absolute;top: 0;left: 0;visibility: hidden;} .example {position: relative;} /*****Portfolio - przewijanie obrazków*****/ noscript p, noscript ol { color:#c7c7c7; font-size: 11px; line-height: 1.4em; text-align: left; width:350px; } noscript a { color: #a00; text-decoration: underline } noscript ol { margin-left: 25px; } img {border: 0;} .stripViewer .panelContainer .panel ul {text-align: left;} .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ margin:0;position: relative;height:310px;} /* These 2 lines specify style applied while slider is loading */ .csw {width: 380px; height: 200px;overflow: scroll} .csw .loading {margin: 200px 0 300px 0; text-align: center} .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; width: 380px; height: 292px;clear: both;} .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; list-style-type: none;} .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; width: 380px;} .stripNav ul { /* The auto-generated set of links */ position:absolute;top:0px;left:342px;list-style: none; margin:0 0 0 40px; padding:0;} .stripNav ul li {display:block; margin: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ } .stripNav a { /* The nav links */ font-size: 10px;font-weight: bold;text-align: center;line-height: 12px;background: #c6e3ff;color: #fff;text-decoration: none;display: block;padding:7px;} .stripNav li.tab1 a {background-color:#3d3b3b; border:1px solid #606060; } .stripNav li.tab2 a {background-color:#3d3b3b; border:1px solid #606060;} .stripNav li.tab3 a {background-color:#3d3b3b; border:1px solid #606060;} .stripNav li.tab4 a {background-color:#3d3b3b; border:1px solid #606060;} .stripNav li.tab5 a {background-color:#3d3b3b; border:1px solid #606060;} .stripNav li a:hover {background: #333;} .stripNav li a.current {background: #000;color: #fff;} .stripNavL, .stripNavR { /* The left and right arrows */ display:none;position: absolute;top: 230px;text-indent: -9000em;} /***** Przewijanie logotypów w portfolio *****/ .carousel-component { padding:8px 16px 4px 16px; margin:0px;} .carousel-component .carousel-list li { margin:4px; width:79px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + img.border-left (1) + img.border-right (1)*/ height:93px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */ /* margin-left: auto;*/ /* for testing IE auto issue */ } .carousel-component .carousel-list li a { display:block; /*border:1px solid #e2edfa;*/ outline:none; } .carousel-component .carousel-list li a:hover { border: 1px solid #aaaaaa; } .carousel-component .carousel-list li img { border:1px solid #999; display:block; } .carousel-component .carousel-prev { position:absolute; top:25px; z-index:3; cursor:pointer; left:5px; } .carousel-component .carousel-next { position:absolute; top:25px; z-index:3; cursor:pointer; right:-3px; } /***** Form *****/ #overlay{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:90; background-color:#000; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); z-index:10; } #overlay[id]{ /* IE6 and below Can't See This */ position:fixed; } .lightbox{ width:932px; padding:10px; } #close{ position:absolute; top:-5px; right:-5px; cursor:pointer; }