/*
 * HAVAS
 * Version: february 2012
 * Author: M.Kmieć  
 */
/* Reset */
body,p,pre,ul,ol,fieldset,input,option,textarea,th,td,
dl,dd,hr,blockquote,caption,legend,form,button{margin:0;padding:0;}
ol,ul{list-style:none;}
q:before{content:no-open-quote;}
q:after{content:no-close-quote;}
legend,caption{text-align:left;color:#000;}
fieldset,abbr,acronym,img{border:none;}
a,ins{text-decoration:none;}
cite,address,dfn,var{font-style:normal;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;font-size:1em;}
*:focus{outline:none;}
/* Global */
body {
	font-size: 100%;
	font:normal 12px/14px "Calibri", Arial, Helvetica, Garuda, FreeSans, sans-serif;
	color: #737477;
	min-width:1040px;
	background:#fff;
}
img{color: #737477;}
#page{
  width:1000px;
  padding:0 20px;
  margin:0 auto;
}
a{color:#6D6E71;}
a:hover{color:#000;text-decoration:underline;}
header,section,footer{
  float:left;
  width:100%;
  clear:both;
}
section{position:relative;}
br.clear{clear:both;}
/*-----header-----*/
header h1 a{
  display:block;
  width:220px;
  height:39px;
  background:transparent url(/images/frontend/logo.png) 0 0 no-repeat;
  text-indent:-1000em;
}
header h1{
  float:right;
  margin:4px 3px 50px 0;
}
header nav{
  float:left; 
  margin-top:31px;
  width:736px;
}
header nav li{
  float:left;
  background:transparent url(/images/frontend/line.png) 0 50% no-repeat;
  padding-left:6px;
  margin-right:7px;
  text-transform:uppercase;
  position:relative;
}
header nav li:first-child{
  background:none;
  padding-left:0;
}
header nav li ul{
  position:absolute;
  left:0;
  top:14px;
  background:#fff;
  padding:6px 6px 0 6px;
  width:135px;
  z-index:300;
  display:none;
}
header nav li ul li{
  float:none;
  background:none;
  padding-left:0;
  margin-right:0;
  padding:6px 0;
  border-bottom:1px solid #6D6E71;
  text-transform:none;
  font-size:11px;
}
header nav li ul li:first-child{border-top:1px solid #BD002D; }
header nav li ul li:last-child{border-bottom:none; }

header nav li.selected > a{color:#BD002D;}

header nav li ul li.selected{
  position:relative;
  left:-6px;
  padding-left:6px;
  padding-right:6px;
  background:#BD002D;
  width:135px;
  border-bottom:1px solid #BD002D;
  border-top:1px solid #BD002D;
  position:relative;
  top:-1px;
}

header nav li ul li.selected a{
  color:#fff;
}

header nav li:hover ul{
  display:block;
}
header #lang{
  /*float:right;
  margin-top:18px; 
  text-align:right; */
  float:left;
  position:absolute;
  top:10px;
  left:0;
  font-size:9px;
  font-family: "Arial", Helvetica, Garuda, FreeSans, sans-serif;
  
}
header #lang p, header #lang ul{float:left;}
header #lang li{float:left;margin-left:7px;}
header #lang li a{
  text-transform:uppercase;
  text-decoration:underline;
}
header #lang li.selected a{
  text-decoration:none;
}

header{position:relative; padding-top:30px;}
header .fb-like {
    right:248px;
    position: absolute;
    top: 87px;
}
/*-----content-----*/
#content{
  width: 203px; 
  height:371px;
  float:right;
  background:#F4F5F6;
  padding:49px 20px 10px 25px;
  position:absolute;
  right:0;
  top:0;
  z-index:200;
}

.sub #content, .contacts #content{padding-top:32px; height:388px;}

#content.big{
  height:auto;
  min-height:375px;
  padding-bottom:40px;
}

#content.big .scroll-panel {
  height:auto;
  min-height:315px;  
}

.sub #content.big .scroll-panel {
    min-height:332px;
}

.our-work.sub #content.big .scroll-panel{
    min-height:306px;
}

.FeatureDay #content.big .scroll-panel {
    min-height:289px;
}

#content.big .scroll-panel .scroll-panel-wrap{
	column-width: 455px;
	column-gap: 20px;
	-moz-column-width: 455px;
	-moz-column-gap: 20px;
	-webkit-column-width: 455px;
	-webkit-column-gap: 20px;
	-o-column-width: 455px;
	-o-column-gap: 20px;    	
}

#content.big .scroll-panel .scroll-panel-wrap table {
    display: inline-block;
    width: 100%;
 }


#content a{
  color:#DD0229;
  text-decoration:underline;
}

#content a:hover{
  color:#000;
}

#content h3{
  font-size:18px;
  line-height:20px;
  color:#BD002D;
  font-family: "Arial", Helvetica, Garuda, FreeSans, sans-serif;
}

#content h4, .frontier-box h4{
  color:#BD002D;
  font-family: "Arial", Helvetica, Garuda, FreeSans, sans-serif;
  font-size:12px;
  line-height:14px; 
  font-weight:bold; 
  margin-bottom:5px;  
}

#title-badges{
  width:86px;
  height:85px;
  margin-bottom:5px;
}

.sub #title-badges{
  width:52px;
  height:52px;
  top:-25px;
  right:181px; 
}

#title-badges a, #title-badges span{
  display:block;
  text-indent:-1000em;
  width:100%;
  height:100%;
}

#title-badges {
  position:absolute;
  right:147px;
  top:-41px;
  z-index:400;
}

.sub-nav{
  font:normal 11px/14px "Arial", Helvetica, Garuda, FreeSans, sans-serif;
  position:absolute;
  bottom:10px;
  left:25px;
  list-style-type:none !important;
  margin:0 !important;
}


.next-prev{
  font:normal 11px/14px "Arial", Helvetica, Garuda, FreeSans, sans-serif;
  position:absolute;
  bottom:32px;
  left:25px;
  list-style-type:none !important;
  margin:0 !important;
  width:203px;
}

.read-more{
  font:normal 11px/14px "Arial", Helvetica, Garuda, FreeSans, sans-serif;
}

.scroll-panel-wrap ul.next-prev{list-style-type:none; padding:0 0 10px;}
.next-prev li{float:right; text-align:right; width:101px;}
.next-prev li:first-child{
  float:left; 
  text-align:left;
}
.next-prev li.right{
  float:right; 
  text-align:right;
}
#content .sub-nav li.selected a{
  color:#6D6E71;
  text-decoration:none;
}

.mainpage #title-badges, .default #title-badges {
  background:transparent url(/images/frontend/Havas_Red-Logo.png) 0 0 no-repeat;
}

.who-we-are-page #title-badges {
  background:transparent url(/images/frontend/who-we-are-badge.png) 0 0 no-repeat;
}

.who-we-are-page.sub #title-badges {
  background:transparent url(/images/frontend/who-we-are-badge2.png) 0 0 no-repeat;
}

.what-we-do #title-badges {
  background:transparent url(/images/frontend/what-we-do-badge.png) 0 0 no-repeat;
}

.our-network #title-badges {
  background:transparent url(/images/frontend/our-network-badge.png) 0 0 no-repeat;
}

.our-awards #title-badges {
  background:transparent url(/images/frontend/our-awards-badge.png) 0 0 no-repeat;
}

.our-awards.sub #title-badges {
  background:transparent url(/images/frontend/our-awards-badge2.png) 0 0 no-repeat;
}

.our-work #title-badges {
  background:transparent url(/images/frontend/our-work-badge.png) 0 0 no-repeat;
}

.our-work.sub #title-badges {
  background:transparent url(/images/frontend/our-work-badge2.png) 0 0 no-repeat;
}

.media-center #title-badges {
  background:transparent url(/images/frontend/media-centre-badge.png) 0 0 no-repeat;
}

.media-center.sub #title-badges {
  background:transparent url(/images/frontend/media-centre-badge2.png) 0 0 no-repeat;
}

.contacts #title-badges {
  background:transparent url(/images/frontend/contacts-badge.png) 0 0 no-repeat;
  width:51px;
  height:52px;
  top:-25px;
  right:181px; 
}

.our-services #title-badges {
  background:transparent url(/images/frontend/our-services-badge.png) 0 0 no-repeat;
}

.our-services.sub #title-badges {
  background:transparent url(/images/frontend/our-services-badge2.png) 0 0 no-repeat;
}

.our-clients #title-badges {
  background:transparent url(/images/frontend/our-clients-badge.png) 0 0 no-repeat;
}

.our-clients.sub #title-badges {
  background:transparent url(/images/frontend/our-clients-badge2.png) 0 0 no-repeat;
}

.special #title-badges {
  background:transparent url(/images/frontend/special-badge.png) 0 0 no-repeat;
}

.flightdeck #title-badges {
  background:transparent url(/images/frontend/flightdeck-badge.png) 0 0 no-repeat;
}


.frontier-analysis #title-badges {
  background:transparent url(/images/frontend/frontier-analysis-badge.png) 0 0 no-repeat;
}

.usa #title-badges {
  background:transparent url(/images/frontend/flags/usa.png) 0 0 no-repeat;
}
.mexico #title-badges {
  background:transparent url(/images/frontend/flags/mexico.png) 0 0 no-repeat;
}
.netherlands #title-badges {
  background:transparent url(/images/frontend/flags/netherlands.png) 0 0 no-repeat;
}
.peru #title-badges {
  background:transparent url(/images/frontend/flags/peru.png) 0 0 no-repeat;
}
.france #title-badges {
  background:transparent url(/images/frontend/flags/france.png) 0 0 no-repeat;
}
.poland #title-badges {
  background:transparent url(/images/frontend/flags/poland.png) 0 0 no-repeat;
}
.russia #title-badges {
  background:transparent url(/images/frontend/flags/russia.png) 0 0 no-repeat;
}
.gabon #title-badges {
  background:transparent url(/images/frontend/flags/gabon.png) 0 0 no-repeat;
}
.southafrica #title-badges {
  background:transparent url(/images/frontend/flags/southafrica.png) 0 0 no-repeat;
}
.spain #title-badges {
  background:transparent url(/images/frontend/flags/spain.png) 0 0 no-repeat;
}
.uk #title-badges {
  background:transparent url(/images/frontend/flags/uk.png) 0 0 no-repeat;
}
.argentina #title-badges {
  background:transparent url(/images/frontend/flags/argentina.png) 0 0 no-repeat;
}
.brazil #title-badges {
  background:transparent url(/images/frontend/flags/brazil.png) 0 0 no-repeat;
}
.chile #title-badges {
  background:transparent url(/images/frontend/flags/chile.png) 0 0 no-repeat;
}
/*.china #title-badges {
  background:transparent url(/images/frontend/flags/china.png) 0 0 no-repeat;
}*/
.colombia #title-badges {
  background:transparent url(/images/frontend/flags/colombia.png) 0 0 no-repeat;
}
.germany #title-badges {
  background:transparent url(/images/frontend/flags/germany.png) 0 0 no-repeat;
}
.india #title-badges {
  background:transparent url(/images/frontend/flags/india.png) 0 0 no-repeat;
}
.italy #title-badges {
  background:transparent url(/images/frontend/flags/italy.png) 0 0 no-repeat;
}
.malaysia #title-badges {
  background:transparent url(/images/frontend/flags/malaysia.png) 0 0 no-repeat;
}
.portugal #title-badges {
  background:transparent url(/images/frontend/flags/portugal.png) 0 0 no-repeat;
}

#content p, .article p{
  margin:10px 0;
}

#content li, .article li{
  margin:1px 0;
}

.article ul, .scroll-panel-wrap ul{
  list-style-type:circle;
  margin:10px 20px;
}
.article ol, .scroll-panel-wrap ol{
  list-style-type:decimal;
  margin:10px 20px;
}

#article-wrap {
    height: 430px;
    margin-left: 24px;
    overflow: hidden;
    width: 728px;
}

.article{
  columns: 2;
  -moz-columns: 2;
  -webkit-columns: 2; 
  -o-columns: 2; 
}

.article-gallery img{
  display:inline-block;
  margin-right:2px;
}

.social-ico{float:left;width:90px; overflow:hidden;margin-bottom:5px;}
#rss-ico{
  width:20px;
  height:20px;
  background:transparent url(/images/frontend/rss.png) 0 0 no-repeat;
  text-indent:-1000em;
  display:block;
}
.scroll-panel {
    height: 315px;
    overflow: auto;
}

.sub .scroll-panel {
    height: 332px;
}

.our-work.sub .scroll-panel{
    height: 306px;
}


.FeatureDay .scroll-panel{
    height: 289px;
}

.scroll-panel, .scroll-panel-wrap {
    width:100%;
    float:left;
}

section.contacts .scroll-panel {
    height: 358px;
}

.lead{
 font-family: "Arial", Helvetica, Garuda, FreeSans, sans-serif;
 font-weight:bold;
}

#content p.more{width:100%;float:left;clear:both;}
#content p.more #more{float:right;}
#content p.more #less{float:left;}

.addthis_toolbox{
  position:absolute;
  bottom:10px;
  right:10px;
}


.a2a_dd{
  position:absolute;
  /*bottom:10px;
  right:15px; */
    right: 335px;
    top: -36px;  
}

section.contacts .addthis_toolbox, section.contacts .a2a_dd{
  display:none;
}

.fpb{
  position:absolute;
  bottom:10px;
  right:15px; 
}


/*-----graphic-panel-----*/
#graphic-panel{
  width:752px;
  height:430px;
  float:left;
  position:relative;
}
#graphic-panel.team, #graphic-panel.awards-list, #graphic-panel.press{
  overflow:auto;
}

.js #graphic-panel.team, .js .features_day_list{
  overflow:visible !important;
}

.mainpage #graphic-panel{
  background:transparent url(/images/frontend/mainpage-photo.jpg) 0 0 no-repeat;
}

#red-stripe{
 width:36px;
 height:430px; 
 /*background:transparent url(/images/frontend/red-stripe.png) 0 0 no-repeat;*/
 background: rgba(182,1,44,0.9);
 position:absolute;
 right:16px;
 top:0;
}
#bagdes{
  position:absolute;
  left:25px;
  top:150px;
}

#bagdes_new {
    position: absolute;
    right: 160px;
    top: 270px;
}

.center-img{text-align:center;}
#special_feature {
    right: 195px;
    position: absolute;
    bottom: 15px;
}

#special_feature.global_badges {right:525px;}

/*-----footer-----*/
#latest-tweet{
  color:#999B9E;
  font-size:10px;
  line-height:12px;
  border-top:1px solid #C0C1C3;
  border-bottom:1px solid #C0C1C3;
  width:703px;
  float:left;
  margin: 20px 16px 0 33px;
  padding:5px 0;
  position:relative;
  font-family: "ArialNarrow", Arial, Helvetica, Garuda, FreeSans, sans-serif;
}

#latest-tweet .time a{
  font-style:italic;
  color:#DD0229;
}

#latest-tweet .time a:hover{
  color:#000;
}

#latest-tweet .user a{
  font-weight:bold;
  color:#DD0229;
}

#latest-tweet .user a:hover{
  color:#000;
}

.rrt-content{margin:0 5px;}
.rrt-meta{font-style:italic;}

#latest-tweet h4{
  color:#BD002D;
  text-transform:uppercase;
  display:inline;
}
#latest-tweet div.tweet, #tweet-slider{
  display:inline-block;
  /*vertical-align: top;*/
  width: 590px;
  float:right;
  /*min-height:12px;*/
}
#latest-tweet div a{text-decoration:underline;}
#havas-media-logo{
  width:154px;
  height:8px;
  background:transparent url(/images/frontend/part_of_havas_media_group.png) 0 0 no-repeat;
  text-indent:-1000em;
  display:block;
  /*margin-left:20px; */
  position:relative;
  top:-3px;
}
#footer-right{
  width:228px;
  float:left;
  font-size:9px;
  font-family: "Arial", Helvetica, Garuda, FreeSans, sans-serif;
  color:#C0C1C3;
  padding:26px 0 0 20px;
}
#footer-right p{float:right;}
#footer-right a{
  color:#C0C1C3;
  text-decoration:underline;
}

#twitter-logo span{
  width:24px;
  height:24px;
  background:transparent url(/images/frontend/twitter.png) 0 0 no-repeat;
  text-indent:-1000em;
  display:block;
  position:absolute;
  top:0;
  left:-33px;
  text-indent:-1000em;
}

/*-----team-----*/

ul.team li{
  float:left;
  width:110px;
  margin:0 7px 5px 15px;
  font-size:11px;
  height:185px;
  overflow:hidden;
  padding-top:5px;
  padding-left:2px;
}

ul.team li a{
  display:block;
}

ul.team li.clearleft{
  clear:left;
}
ul.team li.selected img{
  border:2px solid #BD002D;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  position:relative;
  top:-2px;
  left:-2px;
  margin-bottom:-9px;
}

ul.team li.selected a strong{
  color:#000;
}

ul.team li img{
  display:block;
  box-shadow:2px 2px 4px rgba(13,11,9,0.75);
  -moz-box-shadow:2px 2px 4px rgba(13,11,9,0.75);
  -webkit-box-shadow:2px 2px 4px rgba(13,11,9,0.75);
  max-width:100px;
  max-height:120px;
  margin-bottom:-5px;
}

ul.team li a strong{
  font-size:12px;
  color:#DD0229;
  font-weight:normal;
}

ul.team li a:hover strong{
  color:#000;
}

ul.team {
    height: 384px;
    width: 709px;
}

#team-panel{margin-top:23px;}

#graphic-panel #next, #graphic-panel #prev, #graphic-panel #next2, #graphic-panel #prev2, #graphic-panel #next3, #graphic-panel #prev3{
    position:absolute; 
    left:315px;
    width: 46px;
    height: 46px;
    display:block;
    z-index:100;    
    text-indent: -1000em;
}

#graphic-panel #next.pdf-list, #graphic-panel #prev.pdf-list{
  left:347px;
}


#graphic-panel #next.gal, #graphic-panel #prev.gal{
  left:110px;
}

#graphic-panel #next2.gal, #graphic-panel #prev2.gal{
  left:348px;
}

#graphic-panel #next3.gal, #graphic-panel #prev3.gal{
  left:592px;
}

#graphic-panel #next.horz, #graphic-panel #prev.horz{
  top:195px;
  width: 31px;
  height: 31px;
}

#graphic-panel #next, #graphic-panel #next2, #graphic-panel #next3{background: url("/images/frontend/down2.png") no-repeat -46px 0 transparent;}
#graphic-panel #prev, #graphic-panel #prev2, #graphic-panel #prev3{background: url("/images/frontend/up2.png") no-repeat -46px 0 transparent;}

#graphic-panel #next:hover, #graphic-panel #next2:hover, #graphic-panel #next3:hover,
#graphic-panel #prev:hover, #graphic-panel #prev2:hover, #graphic-panel #prev3:hover{
  background-position:0 0;
}

#graphic-panel #next{bottom:-22px;}
#graphic-panel #prev{top:-16px;}

#graphic-panel #next.gal, #graphic-panel #next2.gal, #graphic-panel #next3.gal{bottom:25px;}
#graphic-panel #prev.gal, #graphic-panel #prev2.gal, #graphic-panel #prev3.gal{top:5px;}


#graphic-panel #next.horz{left:30px;background: url("/images/frontend/left.png") no-repeat 0 0 transparent;
  width: 46px;
  height: 46px;
}
#graphic-panel #prev.horz{left:708px;background: url("/images/frontend/right.png") no-repeat 0 0 transparent;
  width: 46px;
  height: 46px;
}

#graphic-panel #next.horz:hover, #graphic-panel #prev.horz:hover{
  background-position:0 -46px;
}

#graphic-panel.features_day_list #next, #graphic-panel.features_day_list #prev{left:345px;}


/*-----network-----*/

#worldmap{
  position:relative;
  top:0;
  left:0;
  width:752px;
  height:430px;
  overflow:hidden;
}

.js .country-img{display:none;}

#worldmap img{
  position:absolute;
  top:0;
  left:0;
}

.zoom {
    left: 10px;
    position: absolute;
    top: 390px;
    z-index: 100;
    color:#DD0229;
    text-decoration:underline;
}

.zoom:hover{
  color:#000;
}

#map-usa-zoom{
  position:absolute;
  top:141px;
  left:103px;
  display:none;
  cursor:pointer;
  z-index:20;
}

#map-europe1-zoom{
  position:absolute;
  top:101px;
  left:342px;
  display:none;
  cursor:pointer;
  z-index:20;
}

#map-europe-zoom{
  position:absolute;
  top:-60px;
  left:180px;
  cursor:pointer;
  z-index:20;
}

#transparentMapEU {z-index:101; left: 225px; top: 38px; position: absolute;}

.js #map-europe-zoom{
  top:38px;
  left:225px;
}

#map-france-zoom{
  position:absolute;
  top:166px;
  left:312px;
  display:none;
  cursor:pointer;
  z-index:21;
}

#map-mexico-zoom{
  position:absolute;
  top:185px;
  left:103px;
  display:none;
  cursor:pointer;
  z-index:20;
}
#map-colombia-zoom{
  position:absolute;
  top:239px;
  left:149px;
  display:none;
  cursor:pointer;
  z-index:20;
}
#map-brazil-zoom{
  position:absolute;
  top:259px;
  left:203px;
  display:none;
  cursor:pointer;
  z-index:20;
}
#map-peru-zoom{
  position:absolute;
  top:274px;
  left:175px;
  display:none;
  cursor:pointer;
  z-index:20;

}
#map-chile-zoom{
  position:absolute;
  top:274px;
  left:123px;
  display:none;
  cursor:pointer;
  z-index:20;

}
#map-argentina-zoom{
  position:absolute;
  top:326px;
  left:213px;
  display:none;
  cursor:pointer;
  z-index:20;

}
#map-southafrica-zoom{
  position:absolute;
  top:325px;
  left:392px;
  display:none;
  cursor:pointer;
  z-index:20;

}

#map-malaysia-zoom{
  position:absolute;
  top:160px;
  left:102px;
  display:none;
  cursor:pointer;
  z-index:20;

}
#map-india-zoom{
  position:absolute;
  top:184px;
  left:510px;
  display:none;
  cursor:pointer;
  z-index:20;

}
#map-china-zoom{
  position:absolute;
  top:123px;
  left:518px;
  display:none;
  cursor:pointer;
  z-index:20;

}
#map-russia-zoom{
  position:absolute;
  top:36px;
  left:418px;
  display:none;
  cursor:pointer;
  z-index:20;

}
#map-gabon-zoom{
  position:absolute;
  top:263px;
  left:350px;
  display:none;
  cursor:pointer;z-index:20;

}
#map-portugal-zoom{
  position:absolute;
  top:253px;
  left:258px;
  display:none;
  cursor:pointer;z-index:21;
}

#map-spain-zoom{
  position:absolute;
  top:236px;
  left:279px;
  display:none;
  cursor:pointer;z-index:21;
}
#map-italy-zoom{
  position:absolute;
  top:207px;
  left:383px;
  display:none;
  cursor:pointer;z-index:21;
}
#map-poland-zoom{
  position:absolute;
  top:132px;
  left:431px;
  display:none;
  cursor:pointer;z-index:21;
}
#map-romania-zoom{
  cursor: pointer;
    display: none;
    left: 457px;
    position: absolute;
    top: 205px;
    z-index: 21;
}
#map-swiss-zoom{
  cursor: pointer;
    display: none;
    left: 381px;
    position: absolute;
    top: 198px;
    z-index: 21;
}
#map-germany-zoom{
  position:absolute;
  top:132px;
  left:377px;
  display:none;
  cursor:pointer;z-index:21;
}

#map-uk-zoom{
  position:absolute;
  top:72px;
  left:292px;
  display:none;
  cursor:pointer;z-index:21;
}

#map-netherlands-zoom{
  position:absolute;
  top:141px;
  left:355px;
  display:none;
  cursor:pointer;z-index:21;
}

/*-----press-----*/

#pdf-list-panel {
    height: 381px;
    overflow: hidden;
    position: relative;
    width: 735px;
    margin-top:40px;  
}

#pdf-list {
    height: 350px;
    overflow: hidden;
    width: 735px;    
}

#pdf-list li{
  float:left;
  width:340px;
  padding:0 0 7px 0;
  margin-bottom:7px;
  text-transform:uppercase;
  border-bottom:1px solid #DD0229;
  color:#6D6E71;
  height:43px;
  overflow:hidden;
}

#pdf-list li em.date{
   color:#BD002D;
   text-transform:none;
   font-style:normal;
}

#pdf-list li .postnews:hover em.date{color:#000;}

#pdf-list li.clearleft{clear:left;margin-right:50px;}

#pdf-list li .pdf{
  float:right;
  width:65px;  
  text-align:right;
}

#pdf-list li .pdf a{
  background:transparent url(/images/frontend/pdf.png) 100% 0 no-repeat;
  text-transform:none;  
  display:inline-block;
  padding:32px 0 0 0;
  font:normal 8px/10px "Arial", Helvetica, Garuda, FreeSans, sans-serif;
  color: #DD0229;
  text-decoration:underline;
}

#pdf-list li .pdf a:hover{color:#000;}

#pdf-list li div{width:275px; float:left;}

/*-----gallery-----*/

.gallery-box{
  width:215px;
  float:left;
  height:360px;
  overflow:hidden;
  margin:35px 15px 0 15px;
}

.gallery-box a{
  color:#DD0229;
  text-decoration:underline;
}

.gallery-box a:hover{
  color:#000;
}

.gallery-box h4{
  font-size:18px
  line-height:20px;
  color:#BD002D;
}

.gallery-box li{
  padding:9px 0;
  border-bottom:1px solid #DD0229;
  width:215px;
}

.photo-box{
  color:#6D6E71;
  font-size:10px;
  line-height:13px;
  width:95px;
  float:right;
}

.photo-box strong.photo-box-title{
  font-weight:normal;
  font-size:12px;
  text-transform:uppercase;
}

.f8{
  font:normal 8px/10px "Arial", Helvetica, Garuda, FreeSans, sans-serif;
}

.gallery-box h4{
  text-transform:uppercase;
  color:#6D6E71;
  border-bottom:1px solid #6D6E71;
}

#gallery1, #gallery2, #gallery3, .gallery-scroll{
  height:306px;
}

/*-----contacts-----*/

input, select, textarea{
  font:normal 12px/14px "Arial", Helvetica, Garuda, FreeSans, sans-serif;
}

label{
  font-weight:bold;
  width:40px;
  display:inline-block;
  font:bold 10px/12px "Arial", Helvetica, Garuda, FreeSans, sans-serif;
  color:#BD002D;
}

.textarea label{
  width:auto;
  margin-bottom:3px;
}

input[type='text']{
  width:150px;
  background:#fff;
  border:none;
  padding:0 5px;
  height:22px;
}

select{
  width:160px;
  background:#fff;
  border:none;
  height:22px;
}

textarea{
  width:193px;
  height:80px;
  background:#fff;
  border:none;
  padding:5px;
  resize:none;
  overflow:auto;
}

input[type='submit']{
  /*background:#DC0229;
  padding:2px 5px;
  color:#fff;
  border-radius:5px;
  -moz-border-radius:5px;
  -wevkit-border-radius:5px;*/
  width:45px;
  height:22px;
  padding:0;
  background:transparent url(/images/frontend/send.png) 0 0 no-repeat;
  cursor:pointer;
  border:none;
  float:right;
  text-indent:-1000em;
}

form div{
  margin-bottom:6px;
  position:relative;
}

form div span{
  position:absolute;
  top:15px;
  left:0;
  color:red;
  font-size:10px;
  font-style:italic;
}

form div.textarea span{
  top:0;
  left:75px;
}

.notice, .error{font-style:italic; font-weight:bold;}
.error{color:red;}
.notice{color:green;}

/*-----services-----*/

#our-services-list, .ourclientslist, #awards-list, .projects-list{
    height: 430px;
    overflow:hidden;
    width: 728px;
}

#ourclientslist-panel, #projects-list-panel, #features_day_list{width:728px !important;}

#our-services-list li, .ourclientslist li, #awards-list li, .projects-list li{
    height: 142px;
    overflow:hidden;
    width: 180px;
    margin:0 0 2px 2px;
    float:left;
    position:relative;
    /*font-size:11px;
    font-family: "Arial", Helvetica, Garuda, FreeSans, sans-serif;*/
    text-align:center;
}

.middle_img li a{
    display: table-cell;
    height: 142px;
    width: 180px;
    text-align:center;
    vertical-align: middle;
}

#our-services-list li a span.service-title, .ourclientslist li a span.service-title, #awards-list li a span.service-title, 
.projects-list li a span.service-title{
  position:absolute;
  left:0;
  bottom:0;
  color:#000;
  /*text-align:right;*/
  background:#fff;
  padding:5px;
  display:block;
  width:170px;
}

#our-services-list li a:hover span.service-title, .ourclientslist li a:hover span.service-title, #awards-list li a:hover span.service-title,
.projects-list li a:hover span.service-title{
  color:#DD0229;
  text-decoration:none;
}

#our-services-list li.selected a span.service-title, .ourclientslist li.selected a span.service-title, #awards-list li.selected a span.service-title,
.projects-list li.selected a span.service-title{
  color:#DD0229;
  text-decoration:none;
}

/*
#our-services-list li{
  background:transparent url(/images/frontend/services.jpg) 0 0 no-repeat;
}

#our-services-list li a{
  display:block;
  width:170px;
  height:132px;
  padding:5px;
  color:#000;
}*/

#our-services-list li a:hover{
  text-decoration:none;
}


/*-----frontier-----*/

#frontier-slider{margin-top:40px;float:left;width:100%;height: 370px;}
.frontier-slide{
  width:100%;height: 370px;
}
.frontier-box{
  float:left;
  width:356px;
  margin:0 20px 20px 0;
  padding-bottom:20px;
  border-bottom:1px solid #DD0229;
  height:144px;
  overflow:hidden;
}

.frontier-box.clearleft{clear:left;}
.frontier-box p{margin:5px 0;}

.frontier-box a{
  color:#DD0229;
  text-decoration:underline;
}

.frontier-box h4 a{
  color:#BD002D;
}

.frontier-box a:hover{
  color:#000;
}

.frontier-subnav li{
    float:left; 
    margin-right:20px;
    font: 11px/14px "Arial",Helvetica,Garuda,FreeSans,sans-serif;
}

.frontier-date{font-style:italic;}

/*--------------*/

#social-buttons{width:1030px; margin:15px 0 20px 0; float:left; clear:both;}
#social-buttons li{float:left; margin-right:32px;}
#social-buttons li.last{margin-right:0;}
#social-buttons li:first-child{margin-left:1px;}
#social-buttons li a{display:block; width: 115px; height:24px; text-indent:-1000em;}
#twitter-bt{background:transparent url(/images/frontend/follow-twitter.png) 0 0 no-repeat;}
#facebook-bt{background:transparent url(/images/frontend/friend-on-facebook.png) 0 0 no-repeat;}
#youtube-bt{background:transparent url(/images/frontend/watch-on-youtube.png) 0 0 no-repeat;}
#linkedin-bt{background:transparent url(/images/frontend/follow-on-linkedin.png) 0 0 no-repeat;}
#slideshare-bt{background:transparent url(/images/frontend/view-on-slideshare.png) 0 0 no-repeat;}
#blog-bt{background:transparent url(/images/frontend/visit-our-blog.png) 0 0 no-repeat;}
#pinterest-bt{background:transparent url(/images/frontend/view-on-pinterest.png) 0 0 no-repeat;}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer
{
	overflow: hidden;
	position: relative;
}
.jspPane
{
	position: absolute;
}
.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}
.jspVerticalBar *
{
	margin: 0;
	padding: 0;
}
.jspCap
{
	display: none;
}

.jspTrack
{
	background: #D5D5D6;
	position: relative;
}
.jspDrag
{
	background: #7E7E7E;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspArrow
{
	background: #BC002C;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled
{
	cursor: default;
	background: #BC002C;
}
.jspVerticalBar .jspArrow
{
	height: 16px;
}
.jspVerticalBar .jspArrow:focus
{
	outline: none;
}
.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

#at16psf input{height:auto;}

.at300bs, .a2a_dd {
    background: transparent url(/images/frontend/share.png) 0 0 no-repeat !important;
    height: 22px !important;
    width: 45px !important;
    text-indent:-1000em;
}

#follow-slider{
  position:relative;
  top:-4px;
  left:-20px;
}

#follow-slider li{height:20px;}

.arial10{
  font:normal 10px/14px "Arial", Helvetica, Garuda, FreeSans, sans-serif;
}

#a2apage_EMAIL, #a2apage_DEFAULT, #a2apage_find_container { display:none !important; }

/*#container{
  position:absolute;
  top:0;
  left:0;
  z-index:100;
}*/

.a2a_menu a span, .a2a_tabs .a2a_tab_selected span{
  color:#6D6E71 !important;
}

#a2apage_show_more_less{display:none !important;}
.share-container{position:relative !important; width:1000px; margin:0 auto;}

.a2a_menu {
    background: none !important;
    border: none !important;
    min-width: auto !important;
    padding: 0 !important;
    left: 770px !important;
    top: 145px !important;
    width:228px !important;
}

.a2a_menu_inside {
    background-color: #F4F5F6 !important;
    border: none !important;
    padding: 0 !important;
}

.a2a_menu, .a2a_menu_inside {
    border-radius: none !important;
    -moz-border-radius: none !important;
    -webkit-border-radius: none !important;
    -o-border-radius: none !important;
}
a.a2a_i{
  width:112px !important;
  border:none !important;
  padding:5px 6px !important;
  width:100px !important;
}

a.a2a_i:hover, a.a2a_i:active{
  background:none !important;
}

a.a2a_i:hover span, a.a2a_i:active span{
  color:#000 !important;
  text-decoration:underline !important;
}

div.a2a_menu_powered_by{
  background:none !important;
  text-align:right !important;
  padding:0 !important;
  margin:0 !important;
}

#twitter_update_list, #twitter_update_list *{display:inline;}
#follow-slider{z-index:1;}
#privacy-policy{z-index:2; position:relative; margin-top:5px; clear:both;}

.our-work #graphic-panel, .gallery-box{overflow:auto;}
.js .our-work #graphic-panel, .js .gallery-box{overflow:visible;}

#ajaxloader{text-align:center;}

/* slider na str. głównej */

#graphic-panel.main_slider{
 background:none;
}

#graphic-panel.main_slider #red-stripe{display:none;}
.slider_el_img img{width:752px;  height:auto;}
#main_prev, #main_next{
  position:absolute; 
  top:192px; 
  z-index:100;
  display:block;    
  text-indent: -1000em;   
  width: 46px;
  height: 46px;
}
#main_prev{
  left:24px;  
  background: url("/images/frontend/left.png") no-repeat 0 0 transparent;
}
#main_next{
  right:24px;  
  background: url("/images/frontend/right.png") no-repeat 0 0 transparent;
}
#main_slider{
    height: 430px;
    overflow: hidden;
    position: relative;
    width: 752px;
}
.slider_el_img{position:absolute; top:0; left:0; z-index:1;}
.slider_el_wrap{position:relative; z-index:2; color:#fff;
  padding:44px 88px;
  width:288px;
  font-size: 18px;
  line-height: 20px;
  background: transparent url(/images/frontend/opacity.png) 0 0 repeat;
  height: 342px;
}
.slider_el_wrap h3{
    text-transform:uppercase;
    font-size: 36px;
    line-height: 40px;
    margin-bottom:20px;
    font-family: "Arial",Helvetica,Garuda,FreeSans,sans-serif;
}
.slider_el_wrap p{margin:10px 0;}
a.slider_more{
  color:#fff;
  text-decoration:underline;
}
a.slider_more:hover{color:#DD0229;}

.fb_iframe_widget_lift {
    z-index: 1000 !important;
}