@charset 'utf-8';

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* base */
body { font: 13px/1.4em tahoma, arial, sans-serif; color: #5d5d5d; background: #fff url(../images/body.png) repeat-x 0 0; }
body.main { background-image: url(../images/body.main.png); }
a { text-decoration: underline; color: #5a5a5a; }
b { position: absolute; left: 0; width: 100%; top: 0; height: 100%; }
a b { /* ie6 ie7 */ !cursor: pointer; }
br.clr { clear: both; }

#wrapper { background: url(../images/header.png) no-repeat 50% 0; }
body.main #wrapper { background-image: url(../images/header.main.jpg); }
body.main.en #wrapper { background-image: url(../images/header.main.en.jpg); }

/* header */
#header { width: 830px; margin: 0 auto; /* ie6 ie7 */ !position: relative; !z-index: 10; }
#header h1,
#header p.logo { float: left; width: 200px; }
#header h1 a,
#header p.logo a { position: relative; display: block; height: 114px; line-height: 114px; text-align: center; }
#header h1 b,
#header p.logo b { background-image: url(../images/logo.png); }
ul#menu { float: left; padding: 41px 0 0 31px; }
ul#menu li { position: relative; float: left; }
ul#menu a { display: block; height: 32px; line-height: 32px; border: solid transparent; border-width: 1px 0 0; padding: 0 15px; font-size: 12px; text-transform: uppercase; text-decoration: none; letter-spacing: -1px; color: #dbd7ce; }
ul#menu a:hover,
ul#menu li.solutions:hover a { border-color: #8b8983; color: #fff; background: #6b6b6b; }
ul#menu ul { position: absolute; z-index: 100; display: none; width: auto; border: solid #8b8983; border-width: 0 0 1px; padding: 10px 0; background: #6b6b6b; }
ul#menu li.solutions:hover ul { display: block; }
ul#menu ul li { position: static; float: none; }
ul#menu ul a { height: 20px; line-height: 20px; border: 0; text-transform: none; white-space: nowrap; letter-spacing: 0; color: #fff; }
ul#menu li.solutions ul a:hover { background: #8d8d8d; }
ul#language { float: right; padding: 49px 0 0; }
ul#language li { float: left; margin: 0 0 0 1px; }
ul#language a { display: block; height: 17px; line-height: 16px; border: solid #444342; border-width: 1px 0 0; padding: 0 6px; font-size: 10px; text-transform: uppercase; text-decoration: none; letter-spacing: -1px; color: #616161; background: #2c2c2c; }
body.hu ul#language li.hu a,
body.en ul#language li.en a,
ul#language a:hover { border-color: #8b8983; color: #fff; background: #6b6b6b; }

/* content */
#content { clear: both; width: 830px; margin: 0 auto; padding: 60px 0 0; }
#content h1,
body.main #content h2 { position: relative; height: 50px; line-height: 50px; padding: 0 5px; }
#content h1 b,
#content h2 b { background: url(../images/title.png) no-repeat 0 0; }
body.en #content h1 b,
body.en #content h2 b { background-image: url(../images/title.en.png); }
#content h2 { line-height: 1.4em; font-size: 17px; font-weight: bold; text-transform: uppercase; }
#content>br { clear: both; }
/* main */
body.main #content { padding: 0; background: url(../images/content.main.jpg) no-repeat 610px 516px; }
#content #promo { position: relative; height: 454px; margin: 0 0 60px; background: url(../images/header.main.jpg) no-repeat 50% -114px; }
body.en #content #promo { background-image: url(../images/header.main.en.jpg); }
#content #promo h2 { width: 180px; height: 65px; line-height: 65px; padding: 0; }
#content #promo h2:first-child { width: 400px; height: 115px; line-height: 55px; }
#content #promo h2 a { display: block; height: 65px; padding: 0 5px; }
#content #promo h2 b { background: url(../images/header.main.jpg) -185px -299px; }
body.en #content #promo h2 b { background-image: url(../images/header.main.en.jpg); }
#content #promo h2:first-child b { background-position: -185px -114px; }
#content #promo p { width: 275px; height: 70px; color: #acacac; }
body.en #content #promo p { width: 290px; }
#content #promo ul a { color: #545454; }
#content #promo ul span { color: #fff; }
#content #promo div.flash { position: absolute; right: 0; width: 594px; bottom: 0; height: 272px; /* background: url(../images/flash.jpg) 0 0; */ }
#content #promo ul.slideshow li { width: auto !important; text-align: right; }
#content #promo ul.nav { position: absolute; top: 188px; right: 0; z-index: 99; }
#content #promo ul.nav li { float: left; width: 21px; height: 20px; text-indent: -10000px; background: url('../images/slideshow.png') 0 -1px; cursor: pointer; }
#content #promo ul.nav li:hover { background-position: 0 -22px; }
#content #promo ul.nav li.next { background-position: -21px -1px; }
#content #promo ul.nav li.next:hover { background-position: -21px -22px; }
body.main #content .feed,
body.main #content .career { float: left; width: 255px; min-height: 315px; padding: 0 20px 0 10px; }
body.main #content .feed li { border: solid #ebebeb; border-width: 0 0 1px; padding: 15px 0; }
body.main #content .feed span { display: block; font-size: 11px; color: #b7b7b7; }
body.main #content iframe { overflow: hidden; width: 255px; height: 63px; margin: 5px 0 0; border: 0; }
body.main #twitter a { display: block; height: 42px; line-height: 42px; padding: 0 0 0 60px; text-decoration: none; background: url(../images/icon.twitter.png) no-repeat 11px 50%; }
body.main #content .career h2 { padding: 0; }
body.main #content .career h2 a { display: block; height: 50px; padding: 0 5px; }
body.main #content .career h2 b { background-position: 0 -50px; }
body.main #content .career h3 { line-height: 1.4em; margin: 10px 0 0; font-size: 17px; }
body.main #content .career p { margin: 0 0 10px; }
body.main #content .career p.challenge { padding: 0 0 0 20px; background: url(../images/bullet.png) no-repeat 5px 8px; }
/* solutions */
body.solutions #content h1 b { background-position: 0 -200px; }
body.solutions #content ul { margin: 30px 0 0; }
body.solutions #content li { position: relative; float: left; width: 355px; height: 100px; margin: 0 0 20px 20px; border: solid #cecece; border-width: 0 0 1px; padding: 20px 25px 40px; background: #ececec; }
body.solutions #content li.fir { margin: 0 0 20px 0; }
body.solutions #content h2 { margin: 0 0 5px; text-transform: none; }
body.solutions #content a.more { position: absolute; right: 0; width: 62px; bottom: 0; height: 36px; line-height: 36px; padding: 0 35px 0 0; font-size: 11px; font-weight: bold; text-align: right; text-decoration: none; background: url(../images/more.png) 0 0; }
body.solutions #content a.more:hover { background-position: 0 -36px; }
/* solutions - subpage */
body.solutionsSubpage #content h1 b { background-position: 0 -250px; }
body.solutionsSubpage #content ul.breadcrumb { overflow: auto; margin: 0 0 35px; }
body.solutionsSubpage #content ul.breadcrumb li { float: left; margin: 0 5px 0 0; padding: 0 0 0 20px; background: url(../images/bullet.breadcrumb.png) no-repeat 5px 5px; }
body.solutionsSubpage #content ul.breadcrumb li:first-child { padding: 0; background: none; }
body.solutionsSubpage #content iframe { overflow: hidden; width: 350px; height: 23px; border: 0; }
body.solutionsSubpage #content p { margin: 0 0 15px; }
body.solutionsSubpage #content p.lead { font-weight: bold; margin: 20px 0 15px; }
body.solutionsSubpage #content ul.tags { overflow: auto; margin: 30px 0 45px; }
body.solutionsSubpage #content ul.tags li { float: left; width: 250px; padding: 0 0 0 20px; color: #aaa; background: url(../images/bullet.png) no-repeat 5px 8px; }
body.solutionsSubpage #content ul.tags li.fir { clear: left; }
body.solutionsSubpage #content h2 { padding: 35px 0 25px; border: solid #c3c3c3; border-width: 1px 0 0; text-transform: none; }
body.solutionsSubpage #content ul.project>li { margin: 0 0 25px; border: solid #cecece; border-width: 0 0 1px; padding: 20px 35px 15px; background: #f2f2f2; }
body.solutionsSubpage #content h3 { line-height: 1.4em; margin: 0 0 15px; font-size: 17px; font-weight: bold; }
body.solutionsSubpage #content ul.project p { margin: 0 0 10px; }
body.solutionsSubpage #content ul.project ul { overflow: auto; margin: 20px 0 -5px; }
body.solutionsSubpage #content ul.project ul li { float: left; width: 260px; margin: 0 0 15px; padding: 0 0 0 20px; font-weight: bold; background: url(../images/bullet.png) no-repeat 5px 8px; }
/* solutions - applications */
body.solutionsApplications #content h1 b { background-position: 0 -300px; }
/* solutions - applications - indafoto */
body.solutionsApplicationsIndafoto #content { background: url(../images/content.indafoto.jpg) no-repeat 100% 110px; }
body.solutionsApplicationsIndafoto #content h1 b { background-position: 0 -500px; }
body.solutionsApplicationsIndafoto #content ul.breadcrumb { margin: 0 0 20px; }
body.solutionsApplicationsIndafoto #content h2 { width: 400px; margin: 0 0 5px; border: 0; padding: 0; text-transform: uppercase; }
body.solutionsApplicationsIndafoto #content p { width: 400px; margin: 0 0 35px; }
body.solutionsApplicationsIndafoto #content ul { margin: 0 0 35px; }
body.solutionsApplicationsIndafoto #content li { padding: 0 0 0 20px; background: url(../images/bullet.png) no-repeat 5px 8px; }
body.solutionsApplicationsIndafoto #content p.comment { line-height: 1.4em; margin: -30px 0 35px; padding: 0 0 0 5px; font-size: 11px; color: #b0b0b0; }
body.solutionsApplicationsIndafoto #content div.video { float: right; width: 422px; height: 305px; margin: -35px 0 0; background: url(../images/video.indafoto.jpg) no-repeat 0 100%; }
body.solutionsApplicationsIndafoto #content div.video h2 { height: 20px; line-height: 20px; margin: 0 0 10px; font-size: 14px; }
/* solutions - applications - weblizing */
body.solutionsApplicationsWeblizing #content { background: url(../images/content.weblizing.jpg) no-repeat 100% 124px; }
body.solutionsApplicationsWeblizing #content ul.breadcrumb { margin: 0 0 20px; }
body.solutionsApplicationsWeblizing #content h1 b { background-position: 0 -550px; }
body.solutionsApplicationsWeblizing #content p { width: 380px; margin: 0 0 35px; }
body.solutionsApplicationsWeblizing #content ul { margin: 0 0 35px; }
body.solutionsApplicationsWeblizing #content li { padding: 0 0 0 20px; background: url(../images/bullet.png) no-repeat 5px 8px; }
body.solutionsApplicationsWeblizing #content p.download { width: 285px; }
body.solutionsApplicationsWeblizing #content p.download a { display: block; height: 53px; padding: 15px 70px 0 20px; text-decoration: none; background: url(../images/download.png) 0 0; }
body.solutionsApplicationsWeblizing #content p.download span { display: block; line-height: 1.4em; font-size: 18px; font-weight: bold; }
body.solutionsApplicationsWeblizing #content ul.tags { overflow: auto; }
body.solutionsApplicationsWeblizing #content ul.tags li { float: left; width: 180px; padding: 0 0 0 20px; color: #aaa; background: url(../images/bullet.png) no-repeat 5px 8px; }
body.solutionsApplicationsWeblizing #content ul.tags li.fir { clear: left; }
/* solutions - cms */
body.solutionsContentManagement #content { background: url(../images/content.content.management.jpg) no-repeat 100% 47px; }
body.solutionsContentManagement #content h1 b { background-position: 0 -250px; }
body.solutionsContentManagement #content p { width: 400px; }
body.solutionsContentManagement #content ul.project p { width: auto; }
body.solutionsContentManagement #content ul.tags li { width: 150px; }
/* solutions - online marketing */
body.solutionsOnlineMarketing #content h1 b { background-position: 0 -350px; }
/* solutions - online marketing - vodafone */
body.solutionsOnlineMarketingVodafone #content { background: url(../images/content.vodafone.jpg) no-repeat 100% 110px; }
body.solutionsOnlineMarketingVodafone #content ul.breadcrumb { margin: 0 0 20px; }
body.solutionsOnlineMarketingVodafone #content h1 b { background-position: 0 -600px; }
body.solutionsOnlineMarketingVodafone #content p { width: 400px; margin: 0 0 35px; }
body.solutionsOnlineMarketingVodafone #content p.link { width: 301px; }
body.solutionsOnlineMarketingVodafone #content p.link a { display: block; height: 36px; line-height: 36px; padding: 165px 0 1px 181px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; color: #fff; background: url(../images/vodafone.jpg) 0 0; }
/* solutions - online marketing - seo */
body.solutionsOnlineMarketingSeo #content h1 { height: 76px; line-height: 35px; }
body.solutionsOnlineMarketingSeo #content h1 b { background-position: 0 -900px; }
body.solutionsOnlineMarketingSeo #content ul.breadcrumb { margin: 0 0 20px; }
body.solutionsOnlineMarketingSeo #content h2 { margin: 25px 0 5px; border: 0; padding: 0; }
body.solutionsOnlineMarketingSeo #content h3 { margin: 0 0 5px; }
body.solutionsOnlineMarketingSeo #content p { margin: 0 0 10px; }
body.solutionsOnlineMarketingSeo #content ul { margin: 0 0 10px; }
body.solutionsOnlineMarketingSeo #content ol { margin: 0 0 10px; padding: 0 0 0 20px; }
body.solutionsOnlineMarketingSeo #content ul li { margin: 0 0 5px; padding: 0 0 0 20px; background: url(../images/bullet.png) no-repeat 5px 8px; }
body.solutionsOnlineMarketingSeo #content ol li { margin: 0 0 5px; list-style: decimal outside; }
body.solutionsOnlineMarketingSeo #content table { margin: 0 0 10px; }
body.solutionsOnlineMarketingSeo #content td,
body.solutionsOnlineMarketingSeo #content th { border: 1px solid #ccc; padding: 5px 10px; text-align: left; }
/* solutions - social media */
body.solutionsSocialMedia #content h1 b { background-position: 0 -400px; }
body.solutionsSocialMedia #content h2 { margin: 35px 0 5px; border: 0; padding: 0; text-transform: uppercase; }
body.solutionsSocialMedia #content ul.tags { margin: 15px 0 0; }
body.solutionsSocialMedia #content li { padding: 0 0 0 20px; background: url(../images/bullet.png) no-repeat 5px 8px; }
/* solutions - e-learning */
body.solutionsElearning #content h1 b { background-position: 0 -450px; }
/* research */
body.research #content { background: url(../images/content.research.jpg) no-repeat 395px 75px; }
body.research #content h1 { width: 400px; }
body.research #content h1 b { background-position: 0 -100px; }
body.research #content p.lead { width: 400px; margin: 20px 0 25px; font-weight: bold; }
body.research #content li { border: solid #c3c3c3; border-width: 1px 0 0; padding: 35px 0 25px 100px; }
body.research #content li:first-child { border: 0; }
body.research #content li.seventh { background: url(../images/research.seventh.jpg) no-repeat 0 70px; }
body.research #content li.leonardo { background: url(../images/research.leonardo.jpg) no-repeat 0 70px; }
body.research #content li h2 { margin: 0 0 10px -100px; }
body.research #content li ul { margin: 0 0 10px -100px; }
body.research #content li li { line-height: 2em; border: 0; padding: 0 0 0 20px; background: url(../images/bullet.png) no-repeat 5px 10px; }
body.research #content li p { margin: 0 0 10px; }
/* partners */
body.partners #content h1 { height: 83px; }
body.partners #content h1 b { background-position: 0 -976px; }
body.partners #content li { border: solid #c3c3c3; border-width: 1px 0 0; padding: 35px 0; }
body.partners #content li:first-child { border: 0; }
body.partners #content li li { float: left; width: 267px; border: 0; padding: 20px 0 0 14px; }
body.partners #content li li.fir { padding: 20px 0 0; }
body.partners #content li a { display: block; line-height: 1.4em; font-size: 11px; font-weight: bold; text-decoration: none; }
body.partners #content li span { display: block; height: 117px; margin: 0 0 5px; background: url(../images/partner.jpg) 0 0; }
body.partners #content li.mfb span { background-position: 0 0; }
body.partners #content li.mfb a:hover span { background-position: -267px 0; }
body.partners #content li.otp span { background-position: 0 -117px; }
body.partners #content li.otp a:hover span { background-position: -267px -117px; }
body.partners #content li.cig span { background-position: 0 -234px; }
body.partners #content li.cig a:hover span { background-position: -267px -234px; }
body.partners #content li.leo span { background-position: 0 -351px; }
body.partners #content li.leo a:hover span { background-position: -267px -351px; }
body.partners #content li.cafe span { background-position: 0 -468px; }
body.partners #content li.cafe a:hover span { background-position: -267px -468px; }
body.partners #content li.hammer span { background-position: 0 -585px; }
body.partners #content li.hammer a:hover span { background-position: -267px -585px; }
body.partners #content li.confhotel span { background-position: 0 -702px; }
body.partners #content li.confhotel a:hover span { background-position: -267px -702px; }
body.partners #content li.index span { background-position: 0 -819px; }
body.partners #content li.index a:hover span { background-position: -267px -819px; }
body.partners #content li.sulivilag span { background-position: 0 -936px; }
body.partners #content li.sulivilag a:hover span { background-position: -267px -936px; }
body.partners #content li.humania span { background-position: 0 -1053px; }
body.partners #content li.humania a:hover span { background-position: -267px -1053px; }
body.partners #content li.human span { background-position: 0 -1170px; }
body.partners #content li.human a:hover span { background-position: -267px -1170px; }
body.partners #content li.furge span { background-position: 0 -1287px; }
body.partners #content li.furge a:hover span { background-position: -267px -1287px; }
body.partners #content li.minddiak span { background-position: 0 -1404px; }
body.partners #content li.minddiak a:hover span { background-position: -267px -1404px; }
body.partners #content li.jobb span { background-position: 0 -1521px; }
body.partners #content li.jobb a:hover span { background-position: -267px -1521px; }
body.partners #content li.corvinus span { background-position: 0 -1638px; }
body.partners #content li.corvinus a:hover span { background-position: -267px -1638px; }
body.partners #content li.corvinno span { background-position: 0 -1755px; }
body.partners #content li.corvinno a:hover span { background-position: -267px -1755px; }
body.partners #content br { clear: both; }
/* career */
body.career #content h1 { height: 76px; line-height: 35px; margin: 0 0 20px; }
body.career #content h1 b { background-position: 0 -1059px; }
body.career #content>p { width: 480px; margin: 0 0 35px; }
body.career #content h2 { line-height: 1.4em; margin: 0 0 5px; font-size: 13px; text-transform: none; }
body.career #content li { padding: 0 0 0 20px; background: url(../images/bullet.png) no-repeat 5px 8px; }
body.career #content ul.career li { margin: 35px 0; padding: 0; background: none; }
body.career #content ul.career li:first-child { border: solid #cecece; border-width: 0 0 1px; padding: 20px 25px; background: #f2f2f2; }
body.career #content ul.career h2 { line-height: 1.4em; font-size: 17px; text-transform: uppercase; }
body.career #content ul.career ul { margin: 10px 0 0; }
body.career #content ul.career li li,
body.career #content ul.career li li:first-child { margin: 0; padding: 0 0 0 20px; border: 0; background: url(../images/bullet.png) no-repeat 5px 8px; }
/* career - subpage */
body.careerSubpage #content>ul { overflow: auto; margin: 0 0 35px; }
body.careerSubpage #content>ul>li { float: left; margin: 0 5px 0 0; padding: 0 0 0 20px; background: url(../images/bullet.breadcrumb.png) no-repeat 5px 5px; }
body.careerSubpage #content>ul>li:first-child { padding: 0; background: none; }
body.careerSubpage #content div { margin: -65px 0 15px; padding: 65px 0 0; background: url(../images/career.png) no-repeat 100% 0; }
body.careerSubpage #content div>ul { overflow: auto; border: solid #cecece; border-width: 0 0 1px; background: #f2f2f2; }
body.careerSubpage #content div>ul>li { float: left; padding: 20px 25px; width: 365px; }
body.careerSubpage #content div>ul>li.fir { clear: left; }
body.careerSubpage #content h2 { line-height: 1.4em; margin: 0 0 5px; font-size: 13px; text-transform: none; }
body.careerSubpage #content li li { padding: 0 0 0 20px; border: 0; background: url(../images/bullet.png) no-repeat 5px 8px; }
/* career - app developer */
body.careerAppDev #content h1 b { background-position: 0 -700px; }
/* career - project manager */
body.careerPM #content h1 b { background-position: 0 -750px; }
body.careerPM #content div { background-position: 100% -65px; }
/* career - sitebuilder */
body.careerSitebuilder #content h1 b { background-position: 0 -800px; }
body.careerSitebuilder #content div { background-position: 100% -130px; }
/* career - graphic */
body.careerGraphic #content h1 b { background-position: 0 -850px; }
body.careerGraphic #content div { background-position: 100% -195px; }
/* career - tech leader */
body.careerTechLeader #content h1 b { background-position: 0 -650px; }
body.careerTechLeader #content div { background-position: 100% -260px; }
/* contact */
body.contact #content h1 { margin: 0 0 25px; }
body.contact #content h1 b { background-position: 0 -150px; }
#gmap { float: right; width: 554px; height: 242px; }
body.contact #content h2 { line-height: 1.4em; margin: 20px 0 0; font-size: 13px; text-transform: none; }
body.contact p#facebook { margin: 20px 0 0; padding: 0 0 0 25px; background: url(../images/bullet.facebook.png) no-repeat 0 50%; }
body.contact #content iframe { overflow: hidden; width: 255px; height: 63px; margin: 20px 0 0; border: 0; }
body.contact #twitter a { display: block; width: 255px; height: 42px; line-height: 42px; padding: 0 0 0 60px; text-decoration: none; background: url(../images/icon.twitter.png) no-repeat 11px 50%; }

/* footer */
#footer { margin: 60px 0 0; background: #1a1a1a; color: #acacac; }
#footer>div { width: 830px; margin: 0 auto; padding: 60px 0 100px; }
#footer>div>br { clear: both; }
#footer div div { float: left; }
#footer h2 { position: relative; height: 15px; line-height: 1em; margin: 0 0 5px; }
#footer b { background: url(../images/logo.footer.png) no-repeat 0 0; }
#footer ul { float: right; }
#footer li { float: left; }
#footer ul ul,
#footer ul p { float: none; height: 110px; border: solid #353535; border-width: 0 0 0 1px; padding: 0 15px; }
#footer li li { float: none; }
#footer li li a { text-decoration: none; color: #acacac; }
#footer p a { color: #8f8f8f; }