@import url("yreset.css");
html, body {font-family: Tahoma, Arial, Helvetica, Verdana; font-size:11px; line-height: 14px; color: #333; margin:0; padding:0; height: 100%;}
* {background-repeat: no-repeat;}
a {color: #000; text-decoration: underline;}
a:hover {color: #cc0000; text-decoration: none;}
hr {height: 1px; background-color: #b2b2b2; border: 0; margin-left: 0px; width: 830px; margin-bottom: 10px; clear: both;}
#document {width: 945px; margin: 0 auto; padding-bottom: 10px;}
#header {width:941px; height: 256px; position: relative; background-image: url(../img/backgrounds/header-bg-icons-2.jpg); background-position: 111px 0; margin: 0 auto 10px auto;}
#header #brand {width: 830px; height: 100px; position: absolute; top:30px; left: 111px;}
#header #brand #logo {width: 178px; height: 100px; margin:0px 0px 0px 0px; padding:0px;}
#header #brand #logo a {display:block; width: 159px; height: 58px; overflow: hidden; text-indent:-99999px; background:url("../img/brand/islogo.png") no-repeat; margin-top:20px;}
#header #brand .slogan {width: 158px; height: 12px; background-image: url(../img/brand/we-love-the-challenge.gif); text-indent: -5000px; float: right; margin-top: 30px; position: absolute; left:0px; top:73px;}
#header #brand .tradigital {width: 69px; height: 12px; background-image: url(../img/brand/tradigital.png); text-indent: -5000px; float: right; position: absolute; left:252px; top:103px;}
#navigation {position: absolute; top: 146px; left: 111px; border-bottom: 1px solid #e5e5e5; width: 830px; padding-bottom: 26px;}
#navigation li {float: left; width: 240px; margin-right: 10px;}
#navigation li.last {margin-right: 0;}
#navigation li p.title {font-size: 50px; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; font-family: arial ; color: #eaeaea; line-height: 27px; margin-bottom: 7px;}
#navigation li p.title span {font-size: 14px; color: #b7b7b7; display: block; clear: both; margin-left: 3px;}
#navigation li ul li {float: left; margin-right: 10px; width: auto; margin-top: -5px;}
#navigation li ul li a {color: #000; font-weight: bold; text-decoration: none; text-transform: uppercase; font-family: arial ;}
#navigation li ul li a:hover {color: #cc0000 !important;}
#navigation li ul li a.selected {color: #cc0000;}
#navigation li:hover p.title,
#navigation li.selected p.title {color: #cc0000;}
#navigation li:hover p.title span,
#navigation li.selected p.title span {color: #cc0000;}
#navigation li:hover p.head,
#navigation li.selected p.head {color: #000;}
#navigation li:hover ul li a,
#navigation li.selected ul li a {color: #000;}
#navigation li:hover ul li a:hover,
#navigation li.selected ul li a:hover {color: #000; text-decoration: none;}
#navigation li.infinit p.title {text-indent: -5000px; background-image: url(../img/backgrounds/menu.gif); width: 196px; height: 67px;}
#navigation li.solutions p.title {text-indent: -5000px; background-image: url(../img/backgrounds/menu.gif); background-position: -196px 0; width: 310px; height: 67px;}
#navigation li.infinit p.selected_menu_infinit {background-position: 0 -66px;}
#navigation li.solutions p.selected_menu_solutions {background-position: -196px -67px;}
#header div.contact {position: absolute; right:0; top:186px; text-align: right; font-family: arial ; font-weight: bold;}
#header div.contact p.title {font-size: 14px; color: #cc0000; margin-bottom: 27px;}
#header div.contact p.title a {text-decoration: none; color: #cc0000;}
#header div.contact p.title a:hover {}
#header div.contact ul li {float: left; margin-left: 10px; width: auto; margin-top: -12px;}
#header div.contact ul li a {color: #000; font-weight: bold; text-decoration: none; text-transform: uppercase; font-family: arial ;}
#header div.contact ul li a:hover {color: #cc0000;}
#content {padding-left: 111px;}
ul.latest {margin-bottom: 20px; display: block; overflow: hidden;}
ul.latest li {float: left; width: 200px; margin-right: 10px; display: block; overflow: hidden;}
ul.latest li.title {width: 101px; text-align: right; color: #cc0000; font-size: 16px; font-weight: bold; line-height: 16px; letter-spacing: -2px; font-family: arial;}
ul.latest li.last {margin-right: 0;}
div#lastProject {width: 941px; height: 283px; background-image: url(../img/backgrounds/homepage-featured-bg.jpg); background-position: 111px 0; margin-bottom: 20px;}
div#lastProject p.title {width: 101px; text-align: right; color: #cc0000; font-size: 16px; font-weight: bold; line-height: 16px; letter-spacing: -2px; font-family: arial; float: left; margin-right: 10px;}
div#lastProject object#flashcontent {width: 830px; margin: 0 !important; float: right; display: block; overflow: hidden;}
ul#latestProjects {margin-bottom: 30px;}
ul#latestProjects li {}
ul#latestProjects li p.icon {margin-bottom: 5px;}
ul#latestProjects li h2 {font-weight: bold;}
ul#latestProjects li p.head {line-height: 14px; margin-bottom: 10px;}
ul#latestProjects:hover li.title {color: #000;}
ul#latestNews {margin-bottom: 0px; float:left; }
ul#latestNews li.news { height:100px; float:left; width:150px; margin-right:20px;}
ul#latestNews li a {color: #777; text-decoration: none;}
ul#latestNews li a .title {color: #000;}
ul#latestNews li a .date {color: #cc0000;}
ul#latestNews li a:hover {text-decoration: none; color: #000;}
ul#latestNews li a:hover .title {color: #cc0000;}
ul#latestNews li a:hover .date {color: #cc0000;}
ul#latestNews:hover li.title {color: #000;}
div.contactBox {margin-left: -111px; clear: both; margin-bottom: 30px; display: block; overflow: hidden; font-family: arial; letter-spacing: -1px; font-weight: bold; text-transform: uppercase;}
div.contactBox span {display: block;}
div.contactBox a {text-decoration: none;}
div.contactBox a:hover {text-decoration: none;}
div.contactBox p.contact {width: 101px; float: left; margin-right: 10px; text-align: right; font-size: 16px; color: #cc0000;}
div.contactBox p.contact span {font-size: 12px; color: #000; line-height: 14px;}
div.contactBox p.portfolio {font-size: 16px;}
div.contactBox p.portfolio a {color: #777;}
div.contactBox p.portfolio a:hover {color: #000;}
div.contactBox p.portfolio span {font-size: 12px; line-height: 14px;}
ul.type {}
ul.type li {float: left; margin-right: 1px; width: auto;}
ul.type li a {background-image: url(../img/icons/types.gif); height: 11px; text-indent: -5000px; display: block;}
ul.type li.interactive a {background-position: 0 0; width: 65px;}
ul.type li.interactive a:hover {background-position: 0 -11px;}
ul.type li.atl a {background-position: -66px 0; width: 24px;}
ul.type li.atl a:hover {background-position: -66px -11px;}
ul.type li.btl a {background-position: -91px 0; width: 24px;}
ul.type li.btl a:hover {background-position: -91px -11px;}
body.homepage #content {padding-left: 0;}
body.homepage div.contactBox {margin-left: 0;}
body.homepage div#header {margin-bottom:15px;}
div.section {background-color: #c00; background-image: url(../img/backgrounds/highlight-bg-red.jpg); color: #fff; padding:10px 10px 10px 10px; position: relative; margin-bottom: 20px; display: block; overflow: hidden; float:left; width:810px;}
div.section .sectionTitle {font-size: 12px; font-family: Arial; font-weight: bold; letter-spacing: -1px; text-transform: uppercase;}
div.section a.more {/*position: absolute;*/position:relative; left:630px; bottom: 12px; color: #fff; text-decoration: underline;}
div.section a.more:hover {text-decoration: none;}
body.projects div#header,
body.project div#header {margin-bottom: 0;}
body.project #primary {width: 620px; float: left; margin-bottom: 30px;}
body.project #primary h1 {font-size: 20px; line-height: 20px; color: #cc0000; font-family: arial; letter-spacing: -1px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}
body.project #primary div.presentation {width: 200px; float: left; color: #999;}
body.project #primary div.presentation p.projectLink {display: block; margin: 10px 0 20px 0;}
body.project #primary div.presentation p.projectLink img {margin-right: 3px;}
body.project #primary div.presentation p.projectLink a span {color: #999; text-decoration: underline; line-height: 14px;}
body.project #primary div.presentation p.projectLink a:hover span {color: #cc0000; text-decoration: none;}
body.project #primary div.presentation p.projectLink a:hover {color: #cc0000; text-decoration: none;}
body.project #primary div.details {width: 410px; float: right;}
body.project #primary ul.gallery {margin: 10px 0;}
body.project #secondary {width: 200px; float: right; margin-bottom: 30px; border-top:1px solid #ccc; margin-top: 24px; padding-top: 12px;}
ul.projects {display: block; overflow: hidden; width: 800px; padding-top: 20px;}
ul.projects li {width: 200px; float: left; margin-right: 10px; margin-bottom: 25px; display: block;}
ul.projects li.mod4_0 {margin-right: 0;}
ul.projects li h2 a {color: #fff; font-weight: bold; text-decoration: none;}
ul.projects li p.head {padding-left: 19px;}
body.project div.section ul.projects {display: none;}
#primary h2 {margin: 10px 0; color: #000;}
#primary p {margin-bottom: 15px; line-height: 15px;}
div.related p.title {color: #000; margin-bottom: 10px;}
div.related a {color: #999; text-decoration: none; line-height: 14px;}
div.related a:hover {color: #000; text-decoration: underline;}
div.related ul {}
div.related ul li {padding-left: 10px; background-image: url(../img/bullets/smallest-arrow-black.gif); background-position: 0 5px; margin-bottom: 5px;}
div.related ul li h2 {margin: 0 !important;}
div.related {margin-bottom: 15px;}
div.clients ul li {padding-left: 0; background-image: none;}
div.section ul.projects {width: 810px; display: block; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px;}
div.section ul.projects li.title {width: 810px;font-size: 16px; font-family: Arial; font-weight: bold; letter-spacing: -1px; text-transform: uppercase; color: #e06666; margin-bottom: 10px; border-bottom: 1px solid #e06666; padding-bottom: 0; line-height: 18px;}
div.section p.headline {font-size: 15px; font-family: Arial; font-weight: bold; letter-spacing: -1px; text-transform: uppercase; color: #e06666; margin-bottom: -25px; padding-bottom: 0; line-height: 17px;}
div.section ul.projects li {float: left; margin-right: 2px; display: block; height:150px; /*width: 195px;*/}
div.section ul.projects li.title { height:auto; }
div.section ul.projects li.last {margin-right: 0;}
div.section ul.projects li h2 {}
div.section ul.projects li p.head {color:#FFF; font-size:12px; padding: 3px 0px 0px 0px; font-weight:bold;}
div.section ul.projects li.link {width: 92px; height: 92px !important; margin-bottom: 0;}
div.section ul.projects li.link img {display:block;}
body.projects div.section ul.projects {border-bottom: 0; padding-bottom: 0;}
/*PROJECTS*/
div.section .primary {float:left; width:400px; margin:0px 10px 0px 0px; padding:0px;}
div.section .secondary {float:left; width:380px; margin:0px; padding:10px; background:url("../img/backgrounds/bg-projects.png");}
div.section .secondary .websites {width:100%; margin:0px; padding:0px;}
div.section .secondary .websites li {float:left; width:190px; margin:0px 0px 3px 0px; padding:0px; text-align:left;}
div.section ul.projects li p.links a {color:#eeb3b3;}
div.section ul.projects li p.links a.visitWebsite {text-decoration:underline !important; text-shadow:0px 0px #fff !important;}
div.section ul.projects li p.links a.visitWebsite:hover {text-decoration:none !important;}
div.section .secondary .websites li a, div.section ul.projects li p.links a.visitWebsite {color:#FFF; font-size:11px; line-height:12px; text-shadow:1px 1px #6d0001; text-decoration:none; background:url("../img/bullets/websites-bullet.jpg") 0px 5px no-repeat; padding-left:10px;}
div.section .secondary .websites li a:hover {text-decoration:underline;}
div.section .secondary .websites-title {font-size:14px; line-height:16px; color:#FFF; margin-bottom:10px;}
h1.title {font-size: 20px; line-height: 20px; color: #cc0000; font-family: arial; letter-spacing: -1px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}
body.contact-details h2.title {font-size: 20px; line-height: 20px; color: #cc0000; font-family: arial; letter-spacing: -1px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}
body.contact-details div.head {font-size:22px; line-height: 22px; color: #999; font-family: arial; letter-spacing: -1px; font-weight: normal; margin-bottom: 10px; line-height: 20px;}
body.corporate div#content {padding-top: 20px;}
body.corporate hr {height: 1px; background-color: #b2b2b2; border: 0; margin-left: 0; width: 830px; margin-bottom: 10px; clear: both;}
body.corporate div#presentation div.head p {margin-bottom: 10px;}
body.quote div#presentation {float:left; background-color: #fff; width: 200px; margin-left: -10px; padding: 10px; margin-bottom: 20px;}
body.quote div#primary{float:left; background-color: #fff; width: 600px; margin-left: 0px; padding: 10px; margin-bottom: 20px;}
#gallayer ul li {float:left;width:20px;display:block;border:0px solid red;}
#gallayer ul {margin-bottom:10px;margin-top:10px;border:0px solid red;height:20px;}
body div.secondaryhead {color: #000;border-bottom:1px solid #b2b2b2; font-family:Arial;font-size:20px;padding-bottom: 8px;}
body.clients div.clientlogos {color: #000;border-bottom:3px solid #b2b2b2; font-family:Arial;font-size:20px;padding-bottom: 8px;}
body.clients div#primary ul.clientslist {display: block; overflow: hidden; margin-bottom:40px }
body.clients div#primary ul.clientslist li {width: 138px; height: 103px; float: left;}
body.clients div#primary div.logolinks {display: block; overflow: hidden;margin-left:210px; margin-bottom:40px }
body.partners #primary ul.partners {margin-bottom: 30px; display: block; overflow: hidden;}
body.partners #primary ul.partners li {width: 200px; float: left; margin-right: 10px; margin-bottom: 10px;}
body.partners #primary ul.partners li.last {margin-right: 0;}
body.partners #primary ul.partners li h2 {margin-bottom: 0; background-image: url(../img/brand/partners.gif); width: 200px; height: 90px; display: block; text-indent: -5000px; margin-top: 0 !important;}
body.partners #primary ul.partners li p.head {margin-bottom: 5px;}
body.partners #primary ul.partners li h3 {color: #000;}
body.partners #primary ul.partners li p.title {color: #ccc;}
body.partners #primary ul.partners li:hover p.head {color: #000;}
body.partners #primary ul.partners li:hover h3 {color: #cc0000;}
body.partners #primary ul.partners li.grey h2 {background-position: 0 0;}
body.partners #primary ul.partners li.grey:hover h2 {background-position: 0 -90px;}
body.partners #primary ul.partners li.ogilvy h2 {background-position: -210px 0;}
body.partners #primary ul.partners li.ogilvy:hover h2 {background-position: -210px -90px;}
body.partners #primary ul.partners li.odyssey h2 {background-position: -420px 0;}
body.partners #primary ul.partners li.odyssey:hover h2 {background-position: -420px -90px;}
body.partners #primary ul.partners li.cj h2 {background-position: -630px 0;}
body.partners #primary ul.partners li.cj:hover h2 {background-position: -630px -90px;}
body.partners #primary ul.partners li.mccann h2 {background-position: -840px 0;}
body.partners #primary ul.partners li.mccann:hover h2 {background-position: -840px -90px;}
body.partners #primary ul.partners li.starcom h2 {background-position: -1050px 0;}
body.partners #primary ul.partners li.starcom:hover h2 {background-position: -1050px -90px;}
body.solutions #primary ul.solutions {display: block; overflow: hidden; margin-bottom: 30px;}
body.solutions #primary ul.solutions li {width: 270px; float: left; margin-right: 10px;}
body.solutions #primary ul.solutions li.last {margin-right: 0;}
body.solutions #primary ul.solutions li h2 {font-size: 20px; color: #cc0000; font-family: arial; letter-spacing: -1px; font-weight: bold; margin-bottom: 10px;}
body.solutions #primary ul.solutions li h2 span {color: #ccc;}
body.solutions #primary ul.solutions li div.head p {margin-bottom: 10px;}
body.solutions #primary ul.solutions li div.head ul {margin-bottom: 10px !important; display: block;}
body.solutions #primary ul.solutions li ul li {background-image: url(../img/bullets/smallest-arrow-black.gif); background-position: 0 5px; padding-left: 10px; color: #888; float: none;}
body.solutions #primary ul.solutions li div.hidden {display: none;}
body.solutions #primary ul.solutions li div.head a.more {text-decoration: none; margin-bottom: 20px; display: block; color: #999;}
body.about-us div#presentation {width: 200px; float: left; margin-right: 10px;}
body.about-us div#primary {width: 410px; float: left; padding-top: 28px;}
body.about-us div#secondary {clear: both; background-color: #000; width: 830px; margin-left: -10px; padding: 10px; margin-bottom: 20px; background-image: url(../img/backgrounds/highlight-bg-black.jpg);}
div#presentation div.head {font-size:22px; line-height: 22px; color: #999; font-family: arial; letter-spacing: -1px; font-weight: normal; margin-bottom: 10px; line-height: 20px;}
body.about-us div#side {width: 200px; float: right;}
body.about-us div#secondary {display: block; overflow: hidden;}
body.about-us div#secondary ul.infinitPartners {display: block; overflow: hidden;}
body.about-us div#secondary ul.infinitPartners li {width: 200px; float: left; margin-right: 10px;}
body.about-us div#secondary ul.infinitPartners li.last {margin-right: 0;}
body.about-us div#secondary ul.infinitPartners li h2 {color: #fff; font-size: 14px; font-family: arial; letter-spacing: -1px; font-weight: bold; margin-bottom: 3px;}
body.about-us div#secondary ul.infinitPartners li p.title {color: #fff; margin-bottom: 6px;}
body.about-us div#secondary ul.infinitPartners li p.head {color: #777;}
body.about-us div#secondary ul.infinitcontact {display: block; overflow: hidden;}
body.about-us div#secondary ul.infinitcontact li {width: 200px; float: left; margin-right: 10px;}
body.about-us div#secondary ul.infinitcontact li.last {margin-right: 0;}
body.about-us div#secondary ul.infinitcontact li h2 {color: #fff; font-size: 10px; font-family: arial; letter-spacing: -1px; font-weight: normal; margin-bottom: 3px;}
body.about-us div#secondary ul.infinitcontact li p.title {color: #fff; margin-bottom: 6px;}
body.about-us div#secondary ul.infinitcontact li p.title a {text-decoration: underline;color:#fff}
body.about-us div#secondary ul.infinitcontact li p.head {color: #666;}
body.about-us div#primary p.signature {font-size: 20px; color: #999; font-family: arial; letter-spacing: -1px; font-weight: normal; margin-bottom: 10px; line-height: 23px; margin: 20px 0;}
body.about-us div#primary p.signature span {font-size: 23px; color: #cc0000; display: block;}
body.about-us div#side p.signature {font-size: 20px; color: #999; font-family: arial; letter-spacing: -1px; font-weight: normal; margin-bottom: 10px; line-height: 23px; margin: 28px 0;}
body.about-us div#side p.signature span {font-weight: bold; font-size: 11px; clear: both; display: block;}
body.about-us div#side p.signature span a {color: #cc0000;}
body.contact-details div#secondary {clear: both; background-color: #000; width: 830px; margin-left: -10px; padding: 10px; margin-bottom: 20px; color: #fff; padding-bottom: 30px; background-image: url(../img/backgrounds/highlight-bg-black.jpg);}
body.contact-details div#secondary a {color: #fff; text-decoration: underline;}
body.contact-details div#secondary ul.contactDetails {display: block; overflow: hidden;}
body.contact-details div#secondary ul.contactDetails li {width: 200px; float: left; margin-right: 10px;}
body.contact-details div#secondary ul.contactDetails li.last {margin-right: 0;}
body.contact-details div#secondary ul.contactDetails li p.title {text-transform: uppercase; margin-bottom: 5px;}
/* ===== facebook app page ===== */
h1.fbtitle {font-size: 33px; line-height: 33px; color: #cc0000; font-family: arial; letter-spacing: -1px; font-weight: bold; margin-bottom: 38px; text-transform: uppercase; margin-top: 6px; float: left;}
div.fbsection {padding: 43px 24px 0px 24px; width: 782px;}
div.flashContainer{
float:left;
margin-right: 18px;
}
div.fbItem {
height: 382px;
margin-bottom: 70px;
}
div.fbItem img{
float: left;
margin-bottom: 10px;
}
div.clear {
clear:both;
}
/* ===== end fb app page ===== */
p.error {color: red;}
form#quoteForm p {line-height: 30px;}
form#quoteForm input {border: 0; border-bottom: 1px solid #999; color: #999;}
form#quoteForm p label.full {display: block;}
form#quoteForm input.submit {cursor: pointer; margin: 20px 0; background-color: #cc0000; color: #fff; border: 0; padding: 3px 7px; text-transform: uppercase;}
form#quoteForm textarea {width: 410px;}
body.projects div.head p.head {font-size: 14px; line-height: 16px;}
body.projects div.head p.interactive {font-size:16px !important; line-height:18px !important;}
body.projects div.head a:hover {color: #fff;}
ul.solutionsList li {padding-left: 10px; background-image: url(../img/bullets/smallest-arrow-white.gif); background-position: 0 5px; margin-bottom: 5px;}
ul.solutionsListAtl li {padding-left: 10px; background-image: url(../img/bullets/smallest-arrow-white.gif); background-position: 0 5px; margin-bottom: 5px;}
ul.solutionsListAtl {padding-left: 10px; margin-bottom: 5px; display:block;width:230;margin-left:10px;float:left;}
ul.solutionsListBtl li {padding-left: 10px; background-image: url(../img/bullets/smallest-arrow-white.gif); background-position: 0 5px; margin-bottom: 5px;}
body.press div#presentation {}
body.press div#primary {width: 410px; float: left; margin-right: 10px;}
body.press div#secondary {clear: both; background-color: #000; width: 830px; margin-left: -10px; padding: 10px; margin-bottom: 20px; background-image: url(../img/backgrounds/highlight-bg-black.jpg);}
body.press div#side {width: 200px; float: left; color: #999;}
body.press div#primary h2 {margin: 0 !important; margin-bottom: 10px !important;}
body.press div#primary a {text-decoration: none;color: #CC0000;}
body.press div#primary a:hover {text-decoration:underline;}
.newsList h3 {margin: 0 !important;}
.newsList h3 a {text-decoration: none; color: #cc0000; font-family: arial ;}
.newsList h3 a:hover {text-decoration: underline;}
/*ul.newsList h3 {margin: 0 !important;}
ul.newsList h3 a {text-decoration: none; color: #cc0000; text-transform: uppercase; font-family: arial ; font-size: 12px;}
ul.newsList h3 a:hover {text-decoration: underline;}*/
.pagination-sel{padding:2px 5px;background-color:#666;color:#fff;}
.pagination-digit{padding:2px 5px;background-color: #F8070E;}
.pagination-digit a{color:#fff;text-decoration:none;}
.pagination-digit a:hover{color:#666;text-decoration:none;}
#paginare a{text-decoration:none;}
#paginare a:hover{text-decoration:none;}
div.banners p.title{
color:#CC0000;
font-family:arial;
font-size:16px;
font-weight:bold;
letter-spacing:-2px;
line-height:16px;
text-align:right;
width:101px;
text-transform:uppercase;
float:left;
}
div.banners>div{
float:left;
margin-left:10px;
margin-bottom:10px;
overflow:hidden;
}
div.banners2 h1{
width:300px;
overflow:hidden;
}
div.banners2 p.back{
margin:0px 0 0 780px;
}
div.banners2 p.back a:hover{
color:#fff;
}
ul.solutionsList{
width:390px;
float:left;
}
ul.solutionsList li a {color:#FFF;}
div.video{
margin-right:-10px;
float:right;
cursor:pointer;
}
div.video a{
background-image:url(../img/buton.png);
width:284px;
height:69px;
text-decoration:none;
display:block;
margin-top:30px;
float:left;
}
div.video a:hover{
background-image:url(../img/buton.png) !important;
float:left;
background-position:bottom;
}
div#content hr{
margin-left:110px;
}
div.gal{
margin:0 auto;
width:370px;
}
div.terms{
height:100px;
}
/* HOME LOGOS */
#logos_home {margin-bottom:20px; display:block; overflow:hidden;}
#logos_home .title {
color: #CC0000;
float: left;
font-family: arial;
font-size: 16px;
font-weight: bold;
letter-spacing: -2px;
line-height: 16px;
margin-right: 10px;
text-align: right;
width: 101px;
}
.hold-the-logos {float:left;}
.hold-the-logos ul {display:block; width:830px; height:200px; }
.hold-the-logos ul li {float:left; display:block; width:166px; height:200px;}
.hold-the-logos ul li a {display:block; overflow:hidden; width:100%; height:100%; font-size:12px; color:#CCC; font-family:Arial; position:relative; text-decoration:none; }
.hold-the-logos ul li#l-gsbet a {background: url(../img/home-logos/sprite-box-logos-v2.jpg) no-repeat 0 0; }
.hold-the-logos ul li#l-gsbet a:hover {background-position: 0 -200px;}
.hold-the-logos ul li a .head {width:100%; position:absolute; top:15px; text-align:center; text-decoration:none;}
.hold-the-logos ul li a .head span {color:#FF0000;}
.hold-the-logos ul li a .foot {width:100%; position:absolute; bottom:15px; text-align:center; text-decoration:none;}
.hold-the-logos ul li a:hover .foot {text-decoration:underline;}
/*.hold-the-logos ul li a.over .foot {text-decoration:underline;}*/
.hold-the-logos ul li a:hover .head {text-decoration:none;}
.hold-the-logos ul li#l-desperados a {background: url(../img/home-logos/sprite-box-logos-v2.jpg) no-repeat -166px 0;}
.hold-the-logos ul li#l-desperados a:hover {background-position: -166px -200px;}
.hold-the-logos ul li#l-xtb a {background: url(../img/home-logos/sprite-box-logos-v2.jpg) no-repeat -332px 0;}
.hold-the-logos ul li#l-xtb a:hover {background-position: -332px -200px;}
.hold-the-logos ul li#l-rgr a {background: url(../img/home-logos/sprite-box-logos-v2.jpg) no-repeat -498px 0;}
.hold-the-logos ul li#l-rgr a:hover {background-position: -498px -200px;}
.hold-the-logos ul li#l-honda a {background: url(../img/home-logos/sprite-box-logos-v2.jpg) no-repeat -664px 0;}
.hold-the-logos ul li#l-honda a:hover {background-position: -664px -200px;}
.facebook_like {position:absolute; left:111px; top:5px;}
.facebook_visit {position:absolute; right:-2px; top:-1px; z-index:2;}
.facebook_visit a {border:0px; outline:none;}
/*header links: youtube channel, twitter page, facebook page*/
#youtube_link, #facebook_link, #twitter_link, #linkedin_link{
height:30px;
width:30px;
position:absolute;
top:57px;
right:285px;
z-index:3;
}
#twitter_link{
top:93px;
right:186px;
}
#facebook_link{
top:122px;
right:86px;
height:33px;
width:33px;
}
#linkedin_link{
top:22px;
right:383px;
height:33px;
width:33px;
}
/* footer icons right*/
#infinit_on_the_web{
float:right;
margin-right:20px;
top:-20px;
position:relative;
}
#infinit_on_the_web a{
text-decoration:none;
}
/* members of ribbon */
div#members-of{
position:fixed;
top: 20%;
right: 0px;
width: 34px;
height: 174px;
overflow:hidden;
background:#000000 url(../img/homepage-members-of/bg-members-of-mic.jpg) top left no-repeat;
}
div#members-of:hover{
width:62px;
}
div#members-of ul{
list-style:none;
margin:1px 0 0 35px;
}
div#members-of ul li{
list-style:none;
margin:3px 0 0 0;
}
div#members-of ul li img{
vertical-align:bottom;
}
/* EOF style.css*/
/*Press*/
@font-face {
font-family: 'AgencyFBBold';
src: url('../font/agencyb-webfont.eot');
src: url('../font/agencyb-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/agencyb-webfont.woff') format('woff'),
url('../font/agencyb-webfont.ttf') format('truetype'),
url('../font/agencyb-webfont.svg#AgencyFBBold') format('svg');
font-weight: normal;
font-style: normal;
}
#press-wrapper{
background:url(../img/press/press-bg_cutext.png) top left no-repeat;
width:834px;
height:976px;
overflow:hidden;
margin:0;
margin-top:-40px;
padding:0;
}
#press-sidebar{
width:243px;
float:left;
margin:160px 0 0 25px;
}
#press-sidebar #filtru-an{
list-style:none;
height:30px;
width:100%;
}
#press-sidebar #filtru-an li{
display:block;
float:left;
width:115px;
height:30px;
overflow:hidden;
line-height:30px;
background-color:#FFFFFF;
color:#000000;
text-align:center;
border:1px solid #000000;
}
#press-sidebar #filtru-an li:hover{
background-color:#000000;
}
#press-sidebar #filtru-an li:hover a{
color:#FFFFFF;
}
#press-sidebar #filtru-an li.selected{
background-color:#000000;
color:#FFFFFF;
}
#press-sidebar #filtru-an li.selected a{
color:#FFFFFF;
}
#press-sidebar #filtru-an li a{
font-family:AgencyFBBold;
text-decoration:none;
font-size:14px;
display:block;
width:100%;
height:30px;
}
#press-sidebar #filtru-luna li a.nume-luna{
background:url(../img/press/li-luna-closed.png) top left no-repeat;
width:243px;
height:30px;
line-height:30px;
display:block;
color:#FFFFFF;
font-size:16px;
display:block;
width:100%;
text-indent:30px;
height:30px;
text-decoration:none;
font-family:AgencyFBBold;
}
#press-sidebar #filtru-luna li.selected a,
#press-sidebar #filtru-categorie li.selected a,
#press-sidebar #filtru-categorie li a:hover,
#press-sidebar #filtru-luna li a:hover{
color:#CA0000;
}
#press-sidebar #filtru-categorie li{
height:123px;
width:243px;
overflow:hidden;
}
#press-sidebar #filtru-categorie li a{
display:block;
width:243px;
height:123px;
color: #FFFFFF;
font-family:AgencyFBBold;
font-size:30px;
line-height:123px;
text-decoration:none;
text-indent:125px;
}
#press-sidebar #filtru-categorie li #categ-tv{
background:url(../img/press/tv-categ-bg.png) top left no-repeat;
}
#press-sidebar #filtru-categorie li #categ-presa{
background:url(../img/press/presa-categ-bg.png) top left no-repeat;
}
#press-sidebar #filtru-categorie li #categ-online{
background:url(../img/press/online-categ-bg.png) top left no-repeat;
}
#press-content{
width:509px;
border:2px solid #000000;
float:left;
margin:180px 0 0 20px;
height:737px;
overflow:hidden;
}
#press-content .black-strip{
height:30px;
margin:1px;
background-color:#000000;
color:#fff;
font-size:20px;
text-indent:10px;
font-family:AgencyFBBold;
line-height:30px;
}
#press-content #press-detail{ margin:10px;height:660px;}
#press-content #press-detail img{ margin:0 10px 10px 0;}
#press-content #press-detail address{ float:left;}
#press-content #tv-section,
#press-content #presa-section,
#press-content #online-section{
margin:10px 20px 10px 20px;
padding-bottom:5px;
border-bottom:1px solid #CCC;
}
#press-content h2.titlu-sectiune{
text-indent:90px;
font-family:AgencyFBBold;
font-size:32px;
margin-bottom:10px;
}
#press-content #online-section{
border-bottom:none;
}
#press-content #tv-section h2.titlu-sectiune{
background:url(../img/press/tv-categ-alb.png) top left no-repeat;
height:67px;
line-height:67px;
}
#press-content #presa-section h2.titlu-sectiune{
background:url(../img/press/presa-categ-alb.png) top left no-repeat;
height:79px;
line-height:79px;
}
#press-content #online-section h2.titlu-sectiune{
background:url(../img/press/online-categ-alb.png) top left no-repeat;
height:77px;
line-height:77px;
}
#press-content p{
margin-bottom:10px;
}
#press-list {height:660px;width:463px;margin:0 auto;margin-top:20px;padding-top:10px;}
#press-list li {border-bottom:1px solid #CCCCCC;padding:0px 10px 0px 10px; clear:both;overflow:hidden;margin-bottom:10px;}
#press-list li:first-child{border-top:1px solid #CCCCCC;padding-top:10px;}
#press-list li a.title{font-size:11px;color:#CC0000;text-decoration:none;margin-bottom:7px;display:block;float:left;width:350px;}
#press-list li a.more{font-size:11px;color:#CC0000;text-decoration:none;margin-bottom:7px;display:block;float:right;background:url(../img/arrow.png) center right no-repeat;padding-right:15px;}
#press-list li p{clear:both;}
#press-list li span.date{background:url(../img/calendar.png) center left no-repeat;padding-left:15px;float:right;color:#111;font-size:11px;}
div.extra{margin:1px 0 0 0;background:transparent url(../img/extra-back.png) repeat-x top left}
div.extra div.item{margin:0px 5px;background: transparent url(../img/extra-separator.png) no-repeat left top;padding:10px 0 5px 0;clear:both;overflow:hidden;}
div.extra div.item .left{float:left;}
div.extra div.item .right{float:right;}
div.extra div.item .source{color:#CA0000;font-family:AgencyFBBold;font-size:16px;display:block;float:left;height:18px;}
div.extra div.item .date{background:url(../img/calendar.png) center left no-repeat;padding-left:15px;float:right;color:#111;font-size:11px;margin-bottom:5px;}
#press-sidebar #filtru-luna li.selected div.extra div.item a.more{clear:both;font-size:11px;color:#111;text-decoration:none;margin-bottom:7px;display:block;float:right;background:url(../img/arrow.png) center right no-repeat;padding-right:10px;}
div.extra div.item .title{font-size:11px;color:#333;width:150px;float:left;clear:both;}
div.extra h2{margin:0px 5px;font-family:AgencyFBBold;font-size:18px;padding:10px 0;}
div.extra h2.tv{padding-left:30px;background: transparent url(../img/tv-small.png) no-repeat left center;}
div.extra h2.online{padding-left:30px;background: transparent url(../img/online-small.png) no-repeat left center;}
div.extra h2.press{padding-left:30px;background: transparent url(../img/press-small.png) no-repeat left center;}