body {background: #f0f3f8 url(../images/bg.png) top no-repeat; margin: 0; padding: 0; font: normal 12px Tahoma, Helvetica, sans-serif; color: #6a7990;} h1 {padding: 0; margin: 0;} #tresc h1{float: left; width: 655px; height: 35px; border-bottom: 1px dotted #e0e0e0; text-indent: -99999px; margin-bottom: 12px;} h2 { font: 14px Arial; color: #6e6e6e; font-weight: bold; margin: 30px 0 0 0px;} h2.bigger {color: #CF151C; font-size: 15px; margin-top 30px;} h3{margin-top: 0; } p, ul, ol{margin: 10px 0;} * html ul{padding-left: 20px;} img {border: 0;} a {color: #cf151c; text-decoration: none; outline: 0;} a:hover {text-decoration: underline; outline: 0;} input, textarea{height: 18px; padding: 3px 4px 0; color: #A9A9A9; border-top: 1px solid #aeaeae; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #aeaeae; font-size: 11px; outline: 0;} .data{font-size: 11px; margin: 5px 0;} .more, .back{background: #fff url(../images/more.png) no-repeat; display: block; float: right; width: 13px; height: 13px; text-indent: -9999px;} .more:hover, .back:hover{background-position: 0 -13px;} .back{background: #fff url(../images/back.png) no-repeat;} #container {width: 954px; margin: 0 auto;} #cont {background: #fff; float: left; padding:15px 7px 10px 9px; width:938px;} #header {display: block; height: 90px;} #logo {background: transparent url(../images/logo.png); width: 277px; height: 90px; float: left;} #headerTop {width: 651px; height: 28px; padding-top: 8px; float: right; color: #a2a2a2; font-size: 11px; border-bottom: 1px dotted #e0e0e0; position: relative; text-align:left; margin-right:2px;} #headerTop a{background: #fff url(../images/arrow.png) left no-repeat; padding-left: 10px;} #searchButton{background: transparent url(../images/searchButton.png) no-repeat; width: 27px; height: 23px; border: 0; position: absolute; top: 1px; right: 15px;cursor: pointer;} #searchButton:hover{background-position: 0 -23px;} #searchInput{background: #fff; color: #a9a9a9; width: 160px; position: absolute; top: 1px; right: 50px;} #menu {background: transparent url(../images/menuu.png) no-repeat;width: 631px; height: 53px; float: right;} #menu ul {display: block; list-style: none; padding: 0; margin: 0; background: #fff; height: 53px; float: left;} #menu ul li { display: block; list-style: none; margin: 0; padding: 0; float: left;} #m1, #m2, #m3, #m4, #m5, #m6, #m7 {display: block; background: transparent url(../images/menuu.png) no-repeat; height: 53px; width: 100px; text-indent: -9999px; margin-left:8px;} #menu a:focus {outline: none;} #m1 {background-position: -8px 0px; width: 49px; } #m1:hover, #m1.hover {background-position: -8px -53px;} #m1.active{background-position: -8px -106px;} #m2 {background-position: -65px 0px; width: 113px; } #m2:hover, #m2.hover {background-position: -65px -53px;} #m2.active{background-position: -65px -106px;} #m3 {background-position: -185px 0px; width: 146px; } #m3:hover, #m3.hover {background-position: -185px -53px;} #m3.active{background-position: -185px -106px;} #m4 {background-position: -338px 0px; width: 81px; } #m4:hover, #m4.hover {background-position: -338px -53px;} #m4.active{background-position: -338px -106px;} #m5 {background-position: -426px 0px; width: 101px; } #m5:hover, #m5.hover {background-position: -426px -53px;} #m5.active{background-position: -426px -106px;} #m6 {background-position: -535px 0px; width: 70px; } #m6:hover, #m6.hover {background-position: -535px -53px;} #m6.active{background-position: -535px -106px;} #menu ul li ul {display: none; position: absolute; z-index: 9; background: transparent; height: auto; width: 204px; overflow: hidden;} #menu ul li ul li { float: none; width: 198px; padding: 1px 0 0; background: #c50b14; border-top: 1px solid #ff5559;border-right: 1px solid #a40003; border-bottom: 1px solid #a40003; border-left: 1px solid #ff5559; border-width: 0 1px;} #menu ul li ul li.first-li { padding-top: 0px; border-width: 1px 1px 0;} #menu ul li ul li.last-li { padding-bottom: 0px; border-width: 0 1px 1px;} #menu ul li ul li a { display: block; padding: 0 10px; width: 176px; font: normal 12px 'Trebuchet MS', Helvetica, sans-serif; line-height: 25px; border-width: 1px; border-style: solid; border-color: #e70004; background: #e70004; color: #fff;} #menu ul li ul li.over a { background: #003466 url(../images/over.gif) 175px 9px no-repeat;} #menu ul li ul li a:hover, #menu ul li ul li a.hover, #menu ul li ul li.over ul li a:hover { color: #003466; background: #fff url(../images/menu.jpg) 50%; font-weight: bold; border-width: 1px; border-style: solid; border-color: #fff #d0d0d0 #d0d0d0 #fff; text-decoration: none;} #flash {background: transparent; width: 936px; height: 290px; border-bottom: 3px solid #d8d8d8; position :absolute; z-index: 1;} #banner {background: transparent url(../images/filozofia.jpg) no-repeat; width: 936px; height: 192px; border-bottom: 3px solid #d8d8d8;} #banner.rozwiazania{background: transparent url(../images/rozwiazania.jpg) no-repeat;} #banner.dlaPrasy{background: transparent url(../images/dlaprasy.jpg) no-repeat;} #banner.kontakt{background: transparent url(../images/kontakt.jpg) no-repeat;} #contentM {background: #fff; width: 690px; float: left; padding-right: 24px; border-right: 1px solid #e5e5e5; margin-top:10px;} #content {background: #fff url(../images/contentBg.png) repeat-y; width: 936px; float: left;} #path {background: #fff; width: 912px; height: 27px; float: left; border-bottom: 1px solid #d8d8d8; padding: 13px 12px 0; color: #818181; font-size: 11px;} #path span{color: #a9a9a9;} #leftMenu{background: transparent; width: 233px; margin-right: 25px; float: left; font-size: 13px; line-height: 22px;} * html #leftMenu{margin-right: 20px;} #sub_menu h3{margin: 14px 0 0 12px; font-weight: normal; color: #0a5da2; font-size: 17px;} #leftMenu li{list-style-type: none; padding-left: 15px;} #leftMenu ul{padding-left: 0;} #tresc{background: #fff; width: 654px; padding: 12px 12px 12px 0; float: left; line-height: 20px;} .required{color: #CF151C;} .form-item{padding: 5px 0; width: 100%; float: left;} .form-item label{padding: 5px 5px 0 0; float: left; width: 100px;} .form-item span{float: left;} .form-item span input, .form-item span textarea{width: 200px;} .form-item span textarea{height: 100px;} #wyslij{background: transparent url(../images/wyslij.png) no-repeat; width: 47px; height: 24px; border: 0; font-size: 300px; overflow: hidden; cursor: pointer; margin-left: 185px;} #wyslij:hover{background-position: 0 -24px;} #images{text-align: center;} .image{border: 2px solid #d8d8d8; padding: 1px;} .table td{padding: 5px;} #form{width: 320px;float: left;} #dane{padding-left: 35px;float: left; width: 299px;} #dane p{padding-bottom: 10px; border-bottom: 1px dotted #E0E0E0;} #image{float: left; padding: 20px 50px 0px 0px; text-align: center;} #image2 {padding:10px 100px 0 0;text-align:center;} .newsShort{float: left; width: 540px; padding-left: 15px;} .newsShort p{margin-top: 0;} #leftCol{width: 290px; float: left; border-right: 1px solid #e5e5e5;} #korporacjaWinfor{background: #f5f7f9 url(../images/winfor_main.jpg) no-repeat; width: 267px; height:291px; float: left; color: #6a7990; padding:0 12px; text-align: justify; position: relative} #korporacjaWinfor a.image, #politykaJakosci a.image{background: transparent url(../images/korporacjaImg.png) no-repeat; display: block; width:246px; height: 102px; border: none; position: absolute; top: 50px; left: 30px;} #politykaJakosci a.image{background: transparent url(../images/politykaTUV.gif) no-repeat;} #korporacjaWinfor a.image:hover, #politykaJakosci a.image:hover{border-color: #c0c6ce;} #korporacjaWinfor div {padding: 0 10px;} #politykaJakosci{background: #ebeef1 url(../images/politykaJakosci.png) no-repeat; width: 267px; float: left; color: #6a7990; padding: 95px 12px 76px; text-align: justify; position: relative;} #politykaJakosci div {padding: 0 10px;} #rightCol{background:url(../images/he_main.gif) no-repeat scroll 0 10px #FFFFFF; width: 373px; float: left; margin-left: 25px; padding-top: 50px;} #rightCol div{width: 375px; float:left; color: #6a7990; border-bottom: 1px dotted #e0e0e0; margin:22px 0 0 0} #rightCol div.last{border-bottom: 0px} #rightCol div a{float:left; width: 125px; height: 140px;} .sps{background:transparent url(../images/main/sps.gif)} .podreczniki{background:transparent url(../images/main/podreczniki.gif)} .pakiety{background:transparent url(../images/main/pakiety.gif)} .multimedia{background:transparent url(../images/main/multimedia.gif); margin:12px 0 0;} .wyposazenie{background:transparent url(../images/main/wyposazenie.gif)} .wyposazenie_o{background:transparent url(../images/main/wyposazenie_o.gif)} .druki{background:transparent url(../images/main/druki.gif);} .materialy_rek{background:transparent url(../images/main/materialy_rek.gif); width:146px !important; margin-left:10px;} #rightCol .more{background: #fff url(../images/more.png) no-repeat; display: block; width: 13px; height: 13px; position: absolute; top: 46px; right: 0px; left: auto;} #rightCol div#multimedia{background: #fff url(../images/multimedia.png) top left no-repeat;} #rightCol div#inserty{background: #fff url(../images/inserty.png) top left no-repeat;} #rightCol div#eLearning{background: #fff url(../images/eLearning.png) top left no-repeat;} #rightCol div#poligrafia{background: #fff url(../images/poligrafia.png) top left no-repeat;} #right {background: #fff; width: 221px; float: left;} #right a{float:left; width:209px; height:101px; border:1px solid #d8d8d8; margin:10px 0 0 10px;} #right #sps{margin:-1px;padding:0px;} .r_elka{background:transparent url(../images/elka.gif);position: relative; z-index: 106 !important;} #r_sj{ background:transparent url(../images/sj.gif); z-index: 7002 !important; width: 210px; height: 102px; background-repeat: no-repeat; position: relative; } #sps{z-index: 7001 !important;} #bielak{ background-image: url(../images/bielak_baner.png); background-repeat: no-repeat; width: 206px; height: 325px; position: relative; top: -165px; left:127px; z-index: 100; } .ie #bielak{ background-image: url(../images/bielak_baner.png); background-repeat: no-repeat; width: 206px; height: 325px; position: relative; /*top: -64px;*/ left:127px; z-index: 100; } #sklep {background: #ebebeb url(../images/sklepInternetowy.png) top no-repeat; height:94px; padding:41px 0 0 0; width:221px; float: left;} #flashSmall {background: #fff url(../images/flashSmall.png) no-repeat; width: 160px; height: 110px; padding: 35px 30px 0; float: left;} #fla{width: 160px; height: 110px;} #logos{background: #fff; width: 914px; height: 41px; padding: 10px 20px; border-top: 3px solid #1e4b67; color: #718693; float: left; font-size: 11px;} #logos a{float:left; height:41px; margin:0 15px;} .zobacz{float:left; width:96px; height:41px; background:transparent url(../images/logos/zobacz.gif); margin-left:150px;} .l_sklep{background:transparent url(../images/logos/winfor_sklep.gif); width:82px;} .l_sj{background:transparent url(../images/logos/sj.gif); width:43px;} .l_pj{background:transparent url(../images/logos/pj.gif); width:62px;} .l_kierowca{background:transparent url(../images/logos/kierowca.gif); width:62px;} .l_ekierowca{background:transparent url(../images/logos/ekierowca.gif); width:87px;} #footer{background: #e2e7eb; width: 914px; height: 27px; padding: 15px 20px 2px; color: #718693; float: left; font-size: 11px;} #footer div {float: right;} #footer span {float: left;} #footer a{color: #5f7481;} #mp{background: transparent; width: 950px; height: 27px; padding: 10px 0 0; color: #818181; float: left; font-size: 11px; text-align: right;} #mp a{color: #818181} .ref-link {background: #fff url(../images/zobacz_ref.gif) no-repeat; width:118px; height:24px; cursor:pointer; margin:10px 0px 25px 0px; display: block; text-indent: -9999px;} .film-link {background: #fff url(../images/zobacz_film.gif) no-repeat; width:118px; height:24px; cursor:pointer; margin:10px 0px 25px 0px; display: block; text-indent: -9999px;} span.error{color: #CF151C; display: block; margin-bottom: 15px;} .success{color: #43d63f;} input.error, textarea.error{border-color: #CF151C; color: #A9A9A9;} .zamow{ background:#e60004; margin:10px 30px; padding:4px 12px 6px 12px; border-left:1px solid #FF575A; border-top:1px solid #FF575A; color:#fff; text-decoration:none; } #flash_window {background: transparent; width: 936px; height: 290px; border-bottom: 3px solid #d8d8d8; position :relative;left:0px; top:0px; z-index: 2;} #flash_window object {background: transparent; width: 936px; height: 290px; border-bottom: 3px solid #d8d8d8; position :absolute;left:0px; top:0px; z-index: 1;} #flash_window_sps {background: transparent; width: 210px; height: 102px; border-bottom: 3px solid #d8d8d8; position :relative;left:0px; top:0px; z-index: 2;} #flash_window_sps object {background: transparent; width: 210px; height: 102px; border-bottom: 3px solid #d8d8d8; position :absolute;left:0px; top:0px; z-index: 1;}