body { font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", FreeSans, sans-serif; margin:0px; background-color:#f0f0f0; height:100% } html { height:100% } #PageDiv { position:relative; min-height:100%; max-width:1200px; margin:auto; background-color:#fff } #PageWrapper { min-height:100px; z-index:0; margin-left:auto; margin-right:auto; background-color:#fff; box-shadow:0px 0px 4px rgba(100,100,100,0.75) } #CiPOfixedheaderSpacer { width:100%; min-height:75px; z-index:0; background-color:#000; overflow:hidden } #CiPOcontentWrapper1 { width:100%; min-height:350px; z-index:0; float:left; background-color:#fff } #oneWrapper { z-index:0 } #iMac1200x300 { max-width:100%; overflow:hidden } #greyCiPOlogo3x { left:155px; top:1046px; width:100px; height:51px; overflow:hidden } #greyCiPOlogo2x { left:774px; top:402px; width:67px; height:40px; vertical-align:bottom; overflow:hidden } #oneWrapper2 { position:relative; z-index:0 } #cipokukucs1200x250 { max-width:100%; overflow:hidden } #LETOLTESbutton1 { position:absolute; width:250px; top:263px; right:1.67%; height:40px; z-index:1 } #alapprogramanchor { position:absolute; left:-24px; height:12px; width:50px; bottom:45.45%; z-index:2 } #twoWrapper { max-width:1199px; z-index:0; clear:both; margin-left:auto; margin-right:auto } #twoRight { width:32.17%; z-index:0; float:right; padding-left:2%; padding-right:15%; background-color:#fff } #twoLeft { width:32.17%; z-index:0; float:left; padding-left:15%; padding-right:2%; background-color:#fff } #CiPOlogogrey2 { left:97px; top:-3px; width:44px; height:21px; overflow:hidden } #oneWrapper1 { position:relative; z-index:0 } #office1200x650 { max-width:100%; overflow:hidden } #ExhibeoWrapper641x398 { position:absolute; left:23.17%; top:26.15%; width:53.42%; height:1.85%; z-index:1 } #item1 { vertical-align:middle } #oneWrapperModulok { position:relative; min-height:204px; z-index:0; padding-top:30px; padding-bottom:30px } #CiPOlogogrey3 { left:97px; top:-3px; width:44px; height:21px; overflow:hidden } #Ertekesites1 { width:150px; height:21px; overflow:hidden } #Beszerzes1 { width:150px; height:21px; overflow:hidden } #Penzugy1 { width:150px; height:21px; overflow:hidden } #Termek1 { width:150px; height:21px; overflow:hidden } #Keszlet1 { width:150px; height:21px; overflow:hidden } #LETOLTESbutton2 { position:absolute; width:250px; top:76px; right:1.67%; height:40px; z-index:1 } #modulokanchor { position:absolute; left:-25px; top:-11.36%; width:50px; height:12px; z-index:2 } #ModulDobozok { max-width:1140px; z-index:0; clear:both; margin-left:50px; margin-right:10px; background-color:#fff } #Box1st { width:29.83%; z-index:0; float:left; padding:0% 1.75% 1% } #valuta2x { width:80px; float:left } #space1 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #Modulnev1 { min-height:35px; z-index:0; padding:15px 0px 0px } #Modulleiras1 { min-height:90px; z-index:0 } #Box2nd { width:29.83%; z-index:0; float:left; padding:0% 1.75% 1% } #arajanlat2 { width:80px; float:left } #space2 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #Modulnev2 { min-height:35px; z-index:0; padding:15px 0px 0px } #Modulleiras2 { min-height:30px; z-index:0 } #Box3rd { width:29.83%; z-index:0; float:left; padding:0% 1.75% 1% } #szallitolevel2x { width:80px; float:left } #space3 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #Modulnev3 { min-height:35px; z-index:0; padding:15px 0px 0px } #Modulleiras3 { min-height:45px; z-index:0 } #Box4th { width:29.83%; z-index:0; float:left; clear:both; padding:0% 1.75% 1% } #kimutatas2x2 { width:80px; float:left } #space4 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #Modulnev4 { min-height:35px; z-index:0; padding:15px 0px 0px } #Modulleiras4 { min-height:75px; z-index:0 } #Box5th { width:29.83%; z-index:0; float:left; padding:0% 1.75% 1% } #bejovo2x2 { width:80px; float:left } #space5 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #Modulnev5 { min-height:35px; z-index:0; padding:15px 0px 0px } #Modulleiras5 { min-height:45px; z-index:0 } #Box6th { width:29.83%; z-index:0; float:left; padding:0% 1.75% 1% } #rendeles2x2 { width:80px; float:left } #space6 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #Modulnev6 { min-height:35px; z-index:0; padding:15px 0px 0px } #Modulleiras6 { min-height:45px; z-index:0 } #Box7th { width:29.83%; z-index:0; float:left; clear:both; padding:0% 1.75% 1% } #penztar2x1 { width:80px; float:left } #space7 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #Modulnev7 { min-height:35px; z-index:0; padding:15px 0px 0px } #Modulleiras7 { min-height:90px; z-index:0 } #Box8th { width:29.83%; z-index:0; float:left; padding:0% 1.75% 1% } #bank2x1 { width:80px; float:left } #space8 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #Modulnev8 { min-height:35px; z-index:0; padding:15px 0px 0px } #Modulleiras8 { min-height:90px; z-index:0 } #Box9th { width:29.83%; z-index:0; float:left; padding:0% 1.75% 1% } #termek2x1 { width:80px; float:left } #space9 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #Modulnev9 { min-height:35px; z-index:0; padding:15px 0px 0px } #Modulleiras9 { min-height:90px; z-index:0 } #Box10th { width:29.83%; z-index:0; float:left; clear:both; padding:0% 1.75% 1% } #keszlet2x2 { width:80px; float:left } #space10 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #Modulnev10 { min-height:35px; z-index:0; padding:15px 0px 0px } #Modulleiras10 { min-height:90px; z-index:0 } #Box11th { width:29.83%; z-index:0; float:left; padding:0% 1.75% 1% } #bizomany2x2 { width:80px; float:left } #space11 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #Modulnev11 { min-height:35px; z-index:0; padding:15px 0px 0px } #Modulleiras11 { min-height:30px; z-index:0 } #Box12th { width:29.83%; z-index:0; float:left; padding:0% 1.75% 1% } #raktar2x2 { width:80px; float:left } #space12 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #Modulnev12 { min-height:35px; z-index:0; padding:15px 0px 0px } #Modulleiras12 { min-height:90px; z-index:0 } #CiPOServerClient { position:relative; z-index:0; background-color:#f5f5f5 } #CiPOservertxt { position:relative; min-height:269px; z-index:0; padding:3% 15% 3% 20%; background-image:url(../Resources/serverbg2400x1600b.jpg) } #whiteCiPOlogo2x3 { left:615px; top:2658px; width:68px; height:40px; vertical-align:bottom; overflow:hidden } #whiteCiPOlogo2x1 { left:615px; top:2658px; width:68px; height:40px; vertical-align:bottom; overflow:hidden } #LETOLTESbuttonServer { position:absolute; width:250px; top:36px; right:1.67%; height:40px; z-index:1 } #serveranchor { position:absolute; left:-25px; top:-20.47%; width:50px; height:12px; z-index:1 } #CiPOServerKep { z-index:0 } #serverpicture1200x225fw1 { max-width:100%; overflow:hidden } #CiPOvasarlasWrapper { position:relative; max-width:1200px; z-index:0; clear:both; padding-top:30px; margin-left:auto; margin-top:20px; margin-right:auto; background-color:#fff } #vspace40 { left:533px; top:665px; width:10px; height:40px; overflow:hidden } #vspace1 { left:533px; top:665px; width:10px; height:40px; overflow:hidden } #CiPOarakWrapper { width:29.33%; z-index:0; float:left; padding-left:4%; margin-top:40px } #CiPOarak { position:relative; width:300px; min-height:500px; z-index:0; float:left } #CiPOarak_m { position:relative; min-height:500px; margin:0px; background-image:url(../Resources/cipoarak.png); background-position:left top; background-size:auto; background-repeat:repeat; background-attachment:scroll } #arkeret { position:absolute; left:0px; top:0px; width:300px; height:500px; z-index:1 } #CIPOeves { position:absolute; left:0px; top:0px; width:296px; min-height:496px; z-index:2; padding:2px } #CIPOfeleves { position:absolute; left:0px; top:2px; width:296px; height:496px; min-height:496px; z-index:3; padding:2px } #CIPOnegyedeves { position:absolute; left:0px; top:0px; width:296px; min-height:496px; z-index:4; padding:2px } #CIPOhavi { position:absolute; left:0px; top:0px; width:296px; min-height:496px; z-index:5; padding:2px } #CIPOvegleges { position:absolute; left:0px; top:0px; width:296px; min-height:496px; z-index:6; padding:2px } #CIPOfrissites { position:absolute; left:0px; top:0px; width:296px; min-height:496px; z-index:7; padding:2px } #CIPOserver { position:absolute; left:0px; top:0px; width:296px; min-height:496px; z-index:8; padding:2px } #navi { position:absolute; left:0px; top:65px; width:301px; min-height:71px; z-index:9 } #arrowjobb2x { position:absolute; left:222px; top:15px; width:49px; z-index:1 } #arrowbal2x { position:absolute; left:30px; top:15px; width:49px; z-index:2 } #CIPOlogo { position:absolute; left:115px; top:0px; width:71px; height:71px; z-index:3 } #megjegyzes { position:absolute; left:101px; top:419px; width:194px; min-height:14px; z-index:4 } #VMBoxesWrapper { width:62.67%; z-index:0; float:right; padding-left:4% } #VMBox1st { width:42.54%; z-index:0; float:left; padding:2% } #freekey2x { width:80px; float:left } #space13 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #VModulnev1st { min-height:35px; z-index:0; padding:15px 0px 0px } #VModulleiras1st { min-height:30px; z-index:0 } #VMBox2nd { width:42.54%; z-index:0; float:left; padding:2% } #frissites2x { width:80px; float:left } #space14 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #VModulnev2nd { min-height:35px; z-index:0; padding:15px 0px 0px } #VModulleiras2nd { min-height:30px; z-index:0 } #VMBox3rd { width:42.54%; z-index:0; float:left; clear:both; padding:2% } #uptodate2x1 { width:80px; float:left } #space15 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #VModulnev3rd { min-height:35px; z-index:0; padding:15px 0px 0px } #VModulleiras3rd { min-height:30px; z-index:0 } #VMBox4th { width:42.54%; z-index:0; float:left; padding:2% } #gazdasagos2x { width:80px; float:left } #space16 { left:460px; top:2254px; width:20px; height:2px; overflow:hidden } #VModulnev4th { min-height:35px; z-index:0; padding:15px 0px 0px } #VModulleiras4th { min-height:30px; z-index:0 } #LETOLTESbutton3 { position:absolute; width:250px; top:26px; right:1.67%; height:40px; z-index:1 } #vasarlasanchor { position:absolute; left:-25px; top:-7.93%; width:50px; height:12px; z-index:2 } #CiPOfooterWrapper1 { width:100%; min-height:80px; z-index:0; float:left; margin-top:30px; background-color:#333 } #footer1 { min-height:120px; z-index:0; background-color:#000 } #Mindenjog1 { width:121px; overflow:hidden } #CiPOsoftkft1 { width:105px; overflow:hidden } #space21 { left:0px; top:0px; width:20px; height:2px; overflow:hidden } #email1 { width:196px; overflow:hidden } #space23 { left:567px; top:635px; width:20px; height:2px; overflow:hidden } #telefon1 { width:228px; overflow:hidden } #space25 { left:567px; top:635px; width:20px; height:2px; overflow:hidden } #facebook1 { width:78px; overflow:hidden } #space17 { left:0px; top:0px; width:24px; height:2px; overflow:hidden } #myLogo2x1 { width:116px; overflow:hidden } #CiPOfixedheader { position:absolute; left:0%; top:0px; right:0%; min-height:80px; max-width:1200px; z-index:1; background-color:#000 } #item2 { width:100%; z-index:0; float:left; background-color:#000; overflow:hidden } #overUnderHeaderWrapper { position:relative; max-width:100%; z-index:100; background-color:#000 } #overUnderHeader { z-index:0; background-color:#000; box-shadow:3px 5px 4px rgba(222,222,222,0.75) } #navigation3 { width:100%; height:auto; z-index:0; float:right; background-color:#000; box-sizing:border-box; overflow:visible; position:relative } #whiteCiPOlogo2x { position:absolute; left:32px; top:9px; width:106px; height:56px; z-index:1 } #topanchor { position:absolute; left:-25px; top:-80px; width:50px; height:12px; z-index:2 } #kapcsolatanchor { position:absolute; left:-25px; top:-120px; width:50px; height:12px; z-index:3 } #probahasznalatanchor { position:absolute; left:-25px; top:-140px; width:50px; height:12px; z-index:4 } #fwNav1 { float:right; padding:0; margin:0; list-style:none } #fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:6px solid #000000; border-bottom:6px solid #000000 } #fwNav1 .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; background:#000000; padding:32px 20px 8px 0px; white-space:nowrap } #fwNav1 .fwFirstChild { border-left:6px solid #000000 } #fwNav1 .fwLastChild { border-right:6px solid #000000 } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#00E000; text-decoration:none } #fwNav1 .fwNavItem a:active { color:#00FF00; text-decoration:none } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/hamburger-white1.png'); background-repeat:no-repeat; background-size:100%; float:right } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#FFFFFF; font-weight:bold } @media (-webkit-min-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:13/10), (min-resolution:125dpi) { #CiPOservertxt { background-image:url(../Resources/serverbg2400x1600.jpg); background-size:1200px 800px } } @media screen and (max-width:1200px) { #Box4th { clear:left } #Box7th { clear:left } #Box10th { clear:left } #vasarlasanchor { top:-7.65% } } @media screen and (max-width:920px) { #LETOLTESbutton1 { top:213px } #twoRight { width:37.17%; padding-right:10% } #twoLeft { width:37.17%; padding-left:10% } #ExhibeoWrapper641x398 { height:2.41% } #LETOLTESbutton2 { top:69px } #ModulDobozok { max-width:862px; margin:29px } #Box1st { width:45.24%; padding:2.32% } #Box2nd { width:45.23%; float:right; padding:2.33% } #Box3rd { width:45.23%; clear:both; padding:2.33% } #Box4th { width:45.23%; float:right; clear:none; padding:2.33% } #Box5th { width:45.23%; clear:both; padding:2.33% } #Box6th { width:45.23%; float:right; padding:2.33% } #Box7th { width:45.23%; clear:both; padding:2.33% } #Box8th { width:45.23%; float:right; padding:2.33% } #Box9th { width:45.23%; clear:both; padding:2.33% } #Box10th { width:45.23%; float:right; clear:none; padding:2.33% } #Box11th { width:45.23%; clear:both; padding:2.33% } #Box12th { width:45.23%; float:right; padding:2.33% } #LETOLTESbuttonServer { display:none } #serveranchor { top:-18.91% } #CiPOarakWrapper { width:33%; min-height:500px } #navi { width:300px } #VMBoxesWrapper { width:auto; min-height:651px; float:none; padding-left:0px; margin-left:2%; margin-top:30px; margin-right:2% } #VMBox1st { width:50%; min-height:228px; float:right; padding:0px 0px 20px } #VMBox2nd { width:50%; min-height:213px; float:right; padding:0px 0px 20px } #VMBox3rd { width:50%; min-height:188px; padding:15px 0px 20px } #VMBox4th { width:50%; min-height:161px; float:right; padding:15px 0px 20px } #vasarlasanchor { top:-7.15% } #item2 { max-width:130.43% } #overUnderHeaderWrapper { max-width:920px } #kapcsolatanchor { left:-20px; top:-150px } #probahasznalatanchor { left:-20px; top:-150px } } @media screen and (max-width:720px) { #LETOLTESbutton1 { display:none } #alapprogramanchor { left:-25px; bottom:55.55% } #twoWrapper { max-width:720px } #twoRight { width:auto; float:none; padding-left:22%; padding-right:22% } #twoLeft { width:auto; float:none; padding-left:22%; padding-right:22% } #ExhibeoWrapper641x398 { height:3.08% } #LETOLTESbutton2 { display:none } #modulokanchor { top:-9.56% } #ModulDobozok { max-width:720px; margin:0px } #Box1st { width:44.44%; padding:2.78% } #Box2nd { width:44.44%; padding:2.78% } #Box3rd { width:44.44%; padding:2.78% } #Box4th { width:44.44%; padding:2.78% } #Box5th { width:44.44%; padding:2.78% } #Box6th { width:44.44%; padding:2.78% } #Box7th { width:44.44%; padding:2.78% } #Box8th { width:44.44%; padding:2.78% } #Box9th { width:44.44%; padding:2.78% } #Box10th { width:44.44%; padding:2.78% } #Box11th { width:44.44%; padding:2.78% } #Box12th { width:44.44%; padding:2.78% } #CiPOservertxt { padding-left:16%; padding-top:2%; padding-right:12% } #serveranchor { top:-18.06% } #CiPOarakWrapper { width:auto; float:none; clear:both; padding-left:0px; margin:0px auto 20px } #CiPOarak { width:300px; float:none; margin-left:auto; margin-right:auto } #VMBoxesWrapper { clear:both; padding-left:15px; padding-right:15px; margin-left:auto; margin-top:25px; margin-right:auto } #LETOLTESbutton3 { display:none } #vasarlasanchor { top:-5.1% } #item2 { max-width:166.67% } #overUnderHeaderWrapper { max-width:720px } } @media screen and (max-width:570px) { #PageDiv { width:570px; max-width:720px } #twoWrapper { max-width:570px } #twoRight { padding-left:20%; padding-right:20% } #twoLeft { padding-left:20%; padding-right:20% } #modulokanchor { top:-9.38% } #ModulDobozok { max-width:570px } #Box1st { width:auto; float:none; padding:4% } #Box2nd { width:auto; float:none; padding:4% } #Box3rd { width:auto; float:none; clear:none; padding:4% } #Box4th { width:auto; float:none; padding:4% } #Box5th { width:auto; float:none; clear:none; padding:4% } #Box6th { width:auto; float:none; padding:4% } #Box7th { width:auto; float:none; clear:none; padding:4% } #Box8th { width:auto; float:none; padding:4% } #Box9th { width:auto; float:none; clear:none; padding:4% } #Box10th { width:auto; float:none; padding:4% } #Box11th { width:auto; float:none; clear:none; padding:4% } #Box12th { width:auto; float:none; padding:4% } #CiPOservertxt { padding-left:12%; padding-right:9% } #serveranchor { top:-18.62% } #CiPOvasarlasWrapper { max-width:570px } #CiPOarakWrapper { padding:4% } #VMBoxesWrapper { padding:4% } #VMBox1st { width:auto; float:none } #VMBox2nd { width:auto; float:none } #VMBox3rd { width:auto; float:none } #VMBox4th { width:auto; float:none } #vasarlasanchor { top:-3.02% } #CiPOfixedheader { top:0px; min-height:1.52%; max-width:none } #item2 { max-width:210.53% } #overUnderHeaderWrapper { max-width:570px } #overUnderHeader { padding-top:4%; padding-right:6px } #navigation3 { height:auto; padding-top:14px; padding-bottom:14px } #kapcsolatanchor { top:-240px } #probahasznalatanchor { top:-240px } #fwNav1 { width:100%; right:0; left:0; margin-top:0px } #fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:6px solid #000000; border-left:6px solid #000000 } #fwNav1 .fwNavItem a { padding-top:4px; padding-bottom:4px; padding-left:14px; padding-right:14px } #fwNav1 .fwFirstChild { border-top:6px solid #000000 } #fwNav1 .fwLastChild { border-bottom:6px solid #000000 } .fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none } .fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:0; left:100%; margin-right:-100%; background-color:#000000; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out left; -moz-transition:.2s ease-out margin, .2s ease-out left; -ms-transition:.2s ease-out margin, .2s ease-out left; -o-transition:.2s ease-out margin, .2s ease-out left; transition:.2s ease-out margin, .2s ease-out left } .fwNav1-toggle-close { background-image:url('../Resources/x-white1.png'); margin:20px 20px 20px 20px } .fwNavContainer1.fwMenuOn { margin-right:0; left:0 } } @media screen and (max-width:480px) { #PageDiv { width:480px; min-height:0px; max-width:1200px } #twoWrapper { max-width:480px } #twoRight { padding-left:15%; padding-right:15% } #twoLeft { padding-left:15%; padding-right:15% } #modulokanchor { top:-9.21% } #ModulDobozok { max-width:480px } #serveranchor { top:-19.82% } #CiPOvasarlasWrapper { max-width:480px } #vasarlasanchor { top:-3.09% } #overUnderHeaderWrapper { max-width:720px } } @media screen and (max-width:320px) { #PageDiv { width:320px; min-height:100% } #twoWrapper { max-width:320px } #twoRight { padding-left:10%; padding-right:10% } #twoLeft { padding-left:10%; padding-right:10% } #ExhibeoWrapper641x398 { height:6.94% } #modulokanchor { top:-9.06% } #ModulDobozok { max-width:320px } #CiPOservertxt { padding:1.5% 6% 4% 9% } #serveranchor { top:-30.68% } #CiPOvasarlasWrapper { width:320px; max-width:320px } #CiPOarakWrapper { width:300px; min-height:527px; padding:0px } #vasarlasanchor { top:-3.14% } #overUnderHeaderWrapper { max-width:480px } }