@import url("class.css"); /* 0.2.1 - 04 march, 2010 */ body { font-size:12px; font-family:Arial, sans-serif; text-align:center; } a:link { color:#222; text-decoration:none; } a:visited { color:#222; text-decoration:none; } a:hover { text-decoration:underline; } a:active { color:#333; } a img { border:0; } p { margin:0 0 10px 0; } h1.marketing-tehnologie { margin:28px 0 0 0; display:block; width:618px; height:50px; background:url(../images/h1-titles.png) no-repeat 0 0; text-indent:-9999px; } h1.fulltime { display:block; width:120px; height:22px; background:url(../images/h1-titles.png) no-repeat 2px -142px; text-indent:-9999px; } h1.freelance { display:block; width:130px; height:25px; background:url(../images/h1-titles.png) no-repeat -118px -139px; text-indent:-9999px; } h2.clientii-nostri { display:block; width:291px; height:55px; background:url(../images/h1-titles.png) no-repeat 0 -58px; text-indent:-9999px; } a.btt-rss { display:block; width:296px; height:70px; background:url(../images/btt.png) no-repeat -694px -775px; text-indent:-9999px; line-height:0; font-size:0; color:transparent; } .wrap { margin:0 auto; width:930px; text-align:left; } #header { width:930px; height:56px; margin:40px 0; } #header #logo { float:left; width:127px; height:56px; } #header #menu { float:right; width:621px; height:16px; margin:20px 0 0 0; } #header #menu ul { margin:0; padding:0; } #header #menu ul li { margin:0; padding:0; list-style:none; } #header #menu ul li a { float:left; display:block; margin:0 25px 0 0; text-indent:-9999px; background:url(../images/btt.png) no-repeat; } #header #menu ul li a.despre-noi { width:75px; background-position:-306px -873px; } #header #menu ul li a.despre-noi:hover, #header #menu ul li a.despre-noi-active { width:75px; background-position:-306px -893px; } #header #menu ul li a.servicii { width:54px; background-position:-416px -873px; } #header #menu ul li a.servicii:hover, #header #menu ul li a.servicii-active { width:54px; background-position:-416px -893px; } #header #menu ul li a.portofoliu { width:80px; background-position:-505px -873px; } #header #menu ul li a.portofoliu:hover, #header #menu ul li a.portofoliu-active { width:80px; background-position:-505px -893px; } #header #menu ul li a.clienti { width:49px; background-position:-613px -873px; } #header #menu ul li a.clienti:hover, #header #menu ul li a.clienti-active { width:49px; background-position:-613px -893px; } #header #menu ul li a.blog { width:36px; background-position:-689px -873px; } #header #menu ul li a.blog:hover, #header #menu ul li a.blog-active { width:36px; background-position:-689px -893px; } #header #menu ul li a.in-presa { width:59px; background-position:-755px -873px; } #header #menu ul li a.in-presa:hover, #header #menu ul li a.in-presa-active { width:59px; background-position:-755px -893px; } #header #menu ul li a.jobs { width:33px; background-position:-840px -873px; } #header #menu ul li a.jobs:hover, #header #menu ul li a.jobs-active { width:33px; background-position:-840px -893px; } #header #menu ul li a.contact { width:60px; background-position:-891px -873px; margin:0 !important; } #header #menu ul li a.contact:hover, #header #menu ul li a.contact-active { width:60px; background-position:-891px -893px;} #header #menu ul li a.contact-active { margin:0 !important; } #bar { background:#87265B url(../images/bg-heading.png) no-repeat; width:100%; height:116px; position:absolute; top:136px; left:0; z-index:-1; } #homepage #bar { height:400px; background-image:url(../images/bg-heading-homepage.png); } #homepage #heading { width:100%; height:400px; background-image:none; } #heading { width:986px; height:116px; margin:0 0 0 -38px; padding:0 0 0 38px; background:url(../images/bg-inside-heading.png) no-repeat; } #heading h1 { float:left; margin:20px 0 0 0; background:url(../images/h1-heading-titles.png) no-repeat 0 0; text-indent:-9999px; } #heading h1.despre-noi { width:457px; height:74px; background-position:0 0; } #heading h1.servicii { width:320px; height:68px; background-position:-1px -83px; } #heading h1.portofoliu { width:496px; height:71px; background-position:-4px -164px; } #heading h1.clienti { width:284px; height:92px; background-position:-2px -250px; } #heading h1.blog { width:210px; height:69px; background-position:-368px -250px; } #heading h1.in-presa { width:355px; height:85px; margin-top:15px; background-position:-6px -345px; } #heading h1.jobs { width:201px; height:78px; background-position:-377px -354px; } #heading h1.contact { width:379px; height:70px; background-position:-8px -464px; } #heading .social-media { float:right; margin:40px 57px 0 0; } #heading .social-media a { display:block; float:left; width:38px; height:38px; margin:0 0 0 3px; background:url(../images/btt.png) no-repeat; text-indent:-9999px; } #heading .social-media a.facebook { background-position:-608px -269px; } #heading .social-media a.facebook:hover { background-position:-608px -316px; } #heading .social-media a.twitter { background-position:-656px -269px; } #heading .social-media a.twitter:hover { background-position:-656px -316px; } #content { margin:35px 0 0 0; } #content #left { float:left; width:618px; } #content #right { float:right; width:299px; } /* --------------- HOMEPAGE --------------- */ /* Homepage: On the blog */ #content .b-on-the-blog { margin:42px 0 0 0; position:relative; padding:58px 20px 0 20px; width:577px; height:143px; background:url(../images/btt.png) no-repeat -306px -1px; } #content .b-on-the-blog a.ico-rss { position:absolute; right:40px; top:20px; width:16px; height:17px; background:url(../images/ico-rss.gif) no-repeat; text-indent:-9999px; } #content .b-on-the-blog h2 a { color:#FFD700; font-size:17px; font-weight:bold; letter-spacing:-1px; } #content .b-on-the-blog p { height:78px; overflow:hidden; color:#FFF; } #content .b-on-the-blog .floatleft, #content .b-on-the-blog .floatright { width:257px; } /* Homepage: Follow us - Big Buttons */ #content .b-follow-us { margin:0 0 34px 0; } #content .b-follow-us span.s-follow-us { display:block; margin:0; width:120px; height:22px; background:url(../images/btt.png) no-repeat -875px -219px; text-indent:-9999px; line-height:0; font-size:0; color:transparent; } #content .b-follow-us a { float:left; display:block; background:url(../images/btt.png) no-repeat 0 0; text-indent:-9999px; line-height:0; font-size:0; color:transparent; } #content .b-follow-us a.btt-facebook { width:145px; height:66px; background-position:-705px -338px; } #content .b-follow-us a.btt-facebook:hover { background-position:-705px -268px; } #content .b-follow-us a.btt-twitter { width:145px; height:66px; background-position:-850px -338px; } #content .b-follow-us a.btt-twitter:hover { background-position:-850px -268px; } /* Homepage: Newsletter */ #content .b-newsletter { padding:60px 20px 0 20px; width:257px; height:140px; background:url(../images/btt.png) no-repeat -1px -158px; } #content .b-newsletter p { width:250px; color:#FFF; } #content .b-newsletter form { width:250px; position:relative; top:7px; } #content .b-newsletter form input.ipt-email { width:203px; position:relative; float:left; padding:9px 0 7px 0; height:20px; margin:0 0 0 12px; border:0; } #content .b-newsletter form input.btt-arr { float:right; margin:-13px 0 0 0; } /* --------------- PAGES --------------- */ /* PAGES: About Us */ #content .pg-about-us { margin:35px 0 0 0; background:url(../images/hr-cnt-about.png) repeat-y; } #content .pg-about-us #left { float:left; width:448px; } #content .pg-about-us #left p { font-size:13px; line-height:25px; } #content .pg-about-us #right { float:right; width:430px; } /* PAGES: SERVICES: Boxes */ #content .pg-services {} #content .pg-services .b-services { float:left; width:270px; height:146px; padding:55px 0 0 25px; margin:0 22px 25px 0; background:url(../images/btt.png) no-repeat 0 0; } #content .pg-services .b-services.strategie-planning { background-position:-1px -370px; } #content .pg-services .b-services.digital-media { background-position:-306px -420px; } #content .pg-services .b-services.search-media { background-position:-306px -650px; margin:0; } #content .pg-services .b-services.creatie { background-position:-1px -593px; } #content .pg-services .b-services.analytics { background-position:-1px -799px; } #content .pg-services .b-services ul { margin:0; padding:0; } #content .pg-services .b-services ul li { padding:0 0 0 15px; list-style:none; display:block; background:url(../images/arr-services-box.png) no-repeat center left; margin:0 0 5px 0; font-size:14px; font-weight:bold; color:#FFF; letter-spacing:-1px; } /* PAGES: PORTOFOLIO: Boxes */ #content .pg-portofolio {} #content .pg-portofolio .b-project { float:left; position:relative; margin:0 32px 30px 0; width:287px; height:204px; background:url(../images/btt.png) no-repeat -306px -207px; } #content .pg-portofolio .b-project .d-picture { padding:5px; } #content .pg-portofolio .b-project .d-picture img { margin:0 0 0 2px; } #content .pg-portofolio .b-project .d-picture:hover .d-name { cursor:hand; visibility:visible; } #content .pg-portofolio .b-project .d-name { position:absolute; bottom:18px; left:14px; visibility:hidden; width:255px; padding:10px; background:url(../images/bg-portofoliu-hover.png) no-repeat; } #content .pg-portofolio .b-project .d-name p { margin:0; font-size:12px; font-weight:bold; color:#000; } /* PAGES: PORTOFOLIO: Inside Content */ #content .pg-portofolio-cnt { } #content .pg-portofolio-cnt .floatleft { width:200px; } #content .pg-portofolio-cnt .floatright { width:680px; } #content .pg-portofolio-cnt .d-details p.breadcrumbs { color:#979797; font-size:15px; font-weight:bold; margin:0 0 2px 0; } #content .pg-portofolio-cnt .d-details p.breadcrumbs span { background:url(../images/arr-breadcrumbs-right.png) no-repeat center right; padding:0 10px 0 0; } #content .pg-portofolio-cnt .d-details p.breadcrumbs span a {color:#979797;} #content .pg-portofolio-cnt .d-details p.breadcrumbs span a:hover {color:#000000;text-decoration:none;} #content .pg-portofolio-cnt .d-details h2 { color:#D14537; font-size:20px; font-weight:bold; margin:0 0 5px 0; } #content .pg-portofolio-cnt .d-details p.about { font-size:12px; line-height:20px; color:#434343; padding:6px 0; margin:6px 0; border-top:1px dotted #B5B5B5; border-bottom:1px dotted #B5B5B5; } #content .pg-portofolio-cnt .d-details p.about-tech { padding:0 0 6px 0; margin:0 0 16px 0; color:#676767; font-style:italic; border-bottom:1px dotted #B5B5B5; } #content .pg-portofolio-cnt .d-details a.link { display:block; width:199px; height:39px; background:url(../images/btt.png) no-repeat -346px -945px; } #content .pg-portofolio-cnt .d-details a.link span { display:block; font-size:15px; font-weight:bold; color:#666; padding:10px 0 0 29px; } #content .pg-portofolio-cnt .d-details a:hover { text-decoration:none; } #content .pg-portofolio-cnt .d-details a:hover span { color:#111; } #content .pg-portofolio-cnt .d-project .d-project-no { float:left; width:52px; height:44px; background:url(../images/btt.png) no-repeat -937px -134px; } #content .pg-portofolio-cnt .d-project .d-project-no span { display:block; font-size:16px; font-weight:bold; color:#666; padding:11px 5px 0 11px; } #content .pg-portofolio-cnt .d-project .d-project-no-name { float:left; display:block; } #content .pg-portofolio-cnt .d-project .d-project-no-name h3 { font-size:16px; font-weight:bold; color:#666; padding:11px 5px 0 11px; } #content .pg-portofolio-cnt .d-project .d-project-image {} /* PAGE: Jobs page */ #content .pg-jobs { margin:35px 0 0 0; } #content .pg-jobs #d-jobs-box { } #content .pg-jobs #d-jobs-box .box { width:455px; padding:50px 0 0 0; } #content .pg-jobs #d-jobs-box .box h4 { padding:10px 0; margin:0; background:url(../images/jobs-box-hr.png) no-repeat bottom left; } #content .pg-jobs #d-jobs-box .b-fulltime { float:left; background:url(../images/jobs-box-fulltime.png) no-repeat top left; } #content .pg-jobs #d-jobs-box .b-fulltime .inside { padding:10px 30px 50px 20px; } #content .pg-jobs #d-jobs-box .b-fulltime .bottom { width:455px; height:22px; padding:0; background:url(../images/jobs-box-bottom.png) no-repeat bottom left; } #content .pg-jobs #d-jobs-box .b-freelance { float:right; background:url(../images/jobs-box-freelance.png) no-repeat top left; } #content .pg-jobs #d-jobs-box .b-freelance .inside { padding:10px 30px 50px 20px; } #content .pg-jobs #d-jobs-box .b-freelance .bottom { width:455px; height:22px; padding:0; background:url(../images/jobs-box-bottom.png) no-repeat bottom left; } #content .pg-jobs #d-jobs-box h4 { font-size:15px; font-weight:bold; } #content .pg-jobs #d-jobs-box h4 .active_job { color:#932B65; } #content .pg-jobs #d-jobs-box #job_title { font-size:21px !important;width:500px !important; } /* PAGE: In the press */ #content .pg-press {} #content .pg-press .floatleft { float:left; width:590px; } #content .pg-press .floatleft h2 { color:#C5412C; font-size:28px; font-weight:bold; margin:0; } #content .pg-press .floatleft p.date { font-size:12px; color:#999; margin:0 0 15px 0; } #content .pg-press .floatleft p { font-size:13px; line-height:22px; } #content .pg-press .news_link {text-decoration:underline;font-weight:bold; margin-top:15px;} #content #b-press-titles .b-press-titles-top { width:299px; height:100px; background:url(../images/box-titluri-top.png) no-repeat top left; } #content #b-press-titles .b-press-titles-middle { width:299px; background:url(../images/box-titluri-middle.png) repeat-y; } #content #b-press-titles .b-press-titles-bottom { position:relative; top:-10px; width:299px; height:12px; background:url(../images/box-titluri-bottom.png) no-repeat bottom left; } #content #b-press-titles ul { position:relative; top:-45px; margin:0; padding:0 25px; } #content #b-press-titles ul li { list-style:none; display:block; padding:8px 0; margin:0; background:url(../images/hr-box-bottom.png) repeat-x left bottom; } #content #b-press-titles ul li a { font-size:15px; color:#000; font-weight:bold; } #content #b-press-titles ul li a.active { color:#BD3900; } /* PAGE: Contact */ #content .pg-contact {} /* PAGE: Blog */ #blog { margin:35px 0 0 0; } #blog #left { float:left; width:550px; } #blog #right { float:right; width:299px; } #blog #left h2 { color:#C5412C; font-size:29px; font-weight:bold; letter-spacing:-1px; margin:0; } #blog #left p { font-size:13px; line-height:22px; } #blog #left p.breadcrumbs { font-size:29px; color:#C1C1C1; margin:0 0 7px 0; } #blog #left p.breadcrumbs a { color:#C1C1C1; background:url(../images/arr-breadcrumbs-blog-a.png) no-repeat center right; padding:0 20px 0 0; } #blog #left p.date { font-size:12px; color:#C1C1C1; margin-left:2px; } #b-blog-search .box-search { padding:60px 20px 0 20px; width:257px; height:80px; background:url(../images/btt.png) no-repeat -1px -1px; } #b-blog-search .box-search form { width:250px; position:relative; top:3px; } #b-blog-search .box-search form input.ipt-keywords { width:203px; position:relative; top:-11px; padding:9px 0 7px 0; height:20px; margin:0 0 0 12px; border:0; } #b-blog-search .box-search form input.btt-arr { margin:2px 0 0 0; } #b-blog-categories .b-blog-categories-top { width:299px; height:100px; background:url(../images/box-categories-top.png) no-repeat top left; } #b-blog-categories .b-blog-categories-middle { width:299px; background:url(../images/box-titluri-middle.png) repeat-y; } #b-blog-categories .b-blog-categories-bottom { position:relative; top:-10px; width:299px; height:12px; background:url(../images/box-titluri-bottom.png) no-repeat bottom left; } #b-blog-categories ul { position:relative; top:-45px; margin:0; padding:0 33px; } #b-blog-categories ul li { list-style:none; display:block; padding:8px 0; margin:0; background:url(../images/hr-box-bottom.png) no-repeat left bottom; } #b-blog-categories ul li a { font-size:15px; color:#000; font-weight:bold; } /* FOOTER: OUR CLIENTS */ #d-clients { margin:40px 0 40px 0;} #d-clients a { float:left; display:block; margin:0 5px 0 0; background:url(../images/btt.png) no-repeat 0 0; text-indent:-9999px; line-height:0; font-size:0; color:transparent; } #d-clients a.clients-unicredit { width:197px; height:41px; background-position:-802px -722px; } #d-clients a.clients-unicredit:hover { background-position:-802px -681px; } #d-clients a.clients-piraeus { width:110px; height:41px; background-position:-827px -627px; } #d-clients a.clients-piraeus:hover { background-position:-827px -586px; } #d-clients a.clients-intesa { width:224px; height:41px; background-position:-705px -543px; } #d-clients a.clients-intesa:hover { background-position:-705px -502px; } #d-clients a.clients-interamerican { width:185px; height:41px; background-position:-705px -461px; } #d-clients a.clients-interamerican:hover { background-position:-705px -420px; } #d-clients a.clients-real { width:87px; height:41px; background-position:-715px -723px; } #d-clients a.clients-real:hover { background-position:-715px -682px; } #d-clients a.clients-kraft { width:100px; height:41px; background-position:-715px -634px; } #d-clients a.clients-kraft:hover { background-position:-715px -593px; } @media all and (-webkit-min-device-pixel-ratio:0) { }