html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */


/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages

There are three custom edits:
 * remove arial, helvetica from explicit font stack
 * make the line-height relative and unit-less
 * remove the pre, code styles
*/


body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }

table { font-size:inherit; font:100%; }

select, input, textarea { font:99% sans-serif; }


/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 


/* 
 * minimal base styles 
 */


/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
body, select, input, textarea { color:#444; }

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
 
/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }

/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color:#B30F0F; }
a:hover { color:#fff; }


ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }

small { font-size:85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align:top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #B30F0F; color:#fff; text-shadow: none; }
::selection { background:#B30F0F; color:#fff; text-shadow: none; }

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #B30F0F; }


/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.clear { clear: both; }
.left { float: left;}
.right { float: right}

 /* Primary Styles
    Author: MMStudio
 */

* {
    margin: 0;
}

html, body {
    height: 100%;

}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -3.5em;
}

.footer, .push {
    height: 3.5em;
}

.footer{
    background: #fff;
}

.copyrigth2{
    text-transform: uppercase;
    font-size: 11px;
    color: #454545;
    float: left;
    margin: 16px 0 0 0;
}

.social{
    float: right;

}

 body{
   font-family: Helvetica, Arial, sans-serif;
   text-align: center;
   background: url(../images/bk_body.jpg) no-repeat #000000;
   /*background-image:url(../images/bk_body.jpg);
   background-repeat:no-repeat;*/
  background-attachment:fixed;
  /*   background:url(../images/bk_body_padrao.jpg) #000 repeat-x;*/
}

input{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
}

noscript div a , noscript div a:active, noscript div a:visited{
  color: #000;
}

noscript div a:hover{
  color: #FFFFFF;
}

noscript div{
  background-color: #B30F0F;
  color: #FFFFFF;  
}

#scrollPane {
  bottom:0;
  display:none;
  position:absolute;
  right:0;
  top:40px;
  width:27px;
  z-index: 12;
}

#draggable {
  background:url("../images/pt/sprite.png") no-repeat 0 -302px transparent;
  cursor:move;
  width:27px;
  height:148px;
  position:relative;
}

#toTop {
  cursor:pointer;
  width:27px;
  height:16px;
  position:absolute;
  top:63px;
}

.content {
	width:954px;
	margin:auto;
}

.box{
  background-color: #000;
  margin-top: 2px;
  padding: 10px;
}

#container{
  font-size:0.9em;
	text-align:left;
  /*overflow:hidden;*/
  position: relative;
  z-index: 10;
}

#container-bg {
  overflow:hidden;
  position:absolute;
  width:1000px;

  left: 50%;
  margin-left: -500px;

  display: none;
}

#wrapper-bg {
  background-image:url("../images/bg.png");
  background-repeat:repeat-y;
  height:100%;
  width:100%;
}

#header{
  height: 40px;
  background-color: #fff;
}

#menu{
  float: left;
}

#menu ul{
  list-style:none;
  margin-left: 0;
}

#menu ul li{
  float:left;
  margin-right: 10px;
  height:40px;
}

#menu li a{
  position:relative;
  display:inline-block;
  
  color:transparent;
  
  height:40px;
  z-index:100;


}

#menu li.homept{
  background: url(../images/pt/menu1.jpg) no-repeat -42px -70px;
  width: 52px;
}

#menu li.portfoliopt{
  background: url(../images/pt/menu1.jpg) no-repeat -110px -70px;
  width: 89px;
}

#menu li.quemsomospt{
  background: url(../images/pt/menu1.jpg) no-repeat -210px -70px;
  width: 114px;
}

#menu li.contactospt{
  background: url(../images/pt/menu1.jpg) no-repeat -340px -70px;
  width: 99px;
}

#menu li.homept a{
  background: url(../images/pt/select_menu.gif) no-repeat -42px 40px;
  width: 52px;
}

#menu li.portfoliopt a{
  background: url(../images/pt/select_menu.gif) no-repeat -110px 40px;
  width: 89px;
}

#menu li.quemsomospt a{
  background: url(../images/pt/select_menu.gif) no-repeat -210px 40px;
  width: 114px;
}

#menu li.contactospt a{
  background: url(../images/pt/select_menu.gif) no-repeat -340px 40px;
  width: 99px;
}

#menu li.homeen{
  background: url(../images/pt/menu1.jpg) no-repeat -42px -70px;
  width: 52px;
}

#menu li.portfolioen{
  background: url(../images/pt/menu1.jpg) no-repeat -110px -70px;
  width: 89px;
}

#menu li.quemsomosen{
  background: url(../images/pt/menu1.jpg) no-repeat -210px -70px;
  width: 50px;
}

#menu li.contactosen{
  background: url(../images/pt/menu1.jpg) no-repeat -282px -70px;
  width: 99px;
}

#menu li.homeen a{
  background: url(../images/pt/select_menu.gif) no-repeat -42px 70px;
  width: 52px;
}

#menu li.portfolioen a{
  background: url(../images/pt/select_menu.gif) no-repeat -110px 70px;
  width: 89px;
}

#menu li.quemsomosen a{
  background: url(../images/pt/select_menu.gif) no-repeat -210px 70px;
  width: 50px;
}

#menu li.contactosen a{
  background: url(../images/pt/select_menu.gif) no-repeat -282px 70px;
  width: 99px;
}

#logo{
  z-index: 11;
  position: absolute;
  left:50%;
  margin-left:-472px;
  width: 380px;
  height: 100px;
  background:url(../images/pt/sprite.png) no-repeat -18px 0;
}

#main{
  clear: both;
  margin-top: 140px;
}

#newsletter {
  text-align: left;
  color:#888888;
  float:right;
  font-size:0.9em;
  left:50%;
  margin-left:162px;
  margin-top:12px;
  position:absolute;
  top:0;
  width:295px;
  z-index:11;
}

#newsletter .h1{
  background-color:#fff;
  height: 28px;
}

#newsletter .selected {
  background-color:#000;
}

#newsletter .box{
  font-size:98%;
  margin-top: 0;
  position:absolute;
  top:25px;
  width: 295px;
}

.newsletter-iButton{
  margin-top: 6px;
}

.newsletter-iButton .lbl{
  float: left;
  margin: 1px 0 0 10px;
}

.newsletter-input{
  margin-top: 4px;
}

.newsletter-input input[type=button]{
  margin-left: 5px;
}

.s265{
  width: 221px;
}

.sizeInputLogin{
  width: 240px;
}

#btnLogin{
  margin-left: 41px;
}

a#btnForgetLogin{
  margin: 7px 0 0 10px;
  display:block;
}

#login_msg{
  display: none;
  margin: 2px 0 10px 41px;
}

.h1{
  height: 30px;
  background-color: #000;
  position: relative;
}

.h1 div{
  height: 18px;
  position: relative;
  top: 5px;
  left: 10px;
}

.titlastWorks{
  margin-bottom: 1px;
}

.titlastWorks div{
  width:240px;
  background:url(../images/pt/sprite.png) -122px -427px no-repeat;
  top:6px;
}

.titcontactos div{
  width: 111px;
  background:url(../images/pt/sprite.png) -207px -135px no-repeat;
}

.titsocial{
	width: 410px;
}
.titsocial div{
  width: 160px;
  background:url(../images/pt/sprite.png) -207px -153px no-repeat;
}

.titprotfolio div{
  width: 349px;
  background:url(../images/pt/sprite.png) -82px -224px no-repeat;
}

.titnewsletter{
  float:left;
  width: 100px;
  cursor: pointer;
}

.titnewsletter div{
  width: 81px;
  background:url(../images/pt/sprite.png) -84px -322px no-repeat;
}

.titnewsletter.selected div{
  background:url(../images/pt/sprite.png) -84px -302px no-repeat;
}

.titclients{
  float:left;
  width: 75px;
  cursor: pointer;
}

.titclients div{
  width: 55px;
  background:url(../images/pt/sprite.png) -176px -322px no-repeat;
}

.titclients.selected div{
  width: 55px;
  background:url(../images/pt/sprite.png) -176px -302px no-repeat;
}

.titquemsomos {
  background: url(../images/pt/sprite.png) no-repeat 6px -650px #000000;
  height:40px;
}

.titquemsomos div{
  width: 123px;
  background:url(../images/pt/sprite.png) -677px -424px no-repeat;
  top: 14px;
  left: 30px;
}

.titservicos {
  background: url(../images/pt/sprite.png) no-repeat 6px -650px #000000;
  height:40px;
}

.titservicos div{
  width: 150px;
  background:url(../images/pt/sprite.png) -677px -400px no-repeat;
  top: 14px;
  left: 30px;
}

.titequipa div{
  width: 81px;
  background:url(../images/pt/sprite.png) -84px -284px no-repeat;
}

.tittestemunhos div{
  width: 120px;
  background:url(../images/pt/sprite.png) -282px -246px no-repeat;
}

.titformulario div{
  width: 112px;
  background:url(../images/pt/sprite.png) -282px -269px no-repeat;
}

.titformularioVideo div{
  width: 178px;
  background:url(../images/pt/sprite.png) -208px -202px no-repeat;
}


.formularioContainer{
  float: left;
  width: 360px;
  margin-right: 1px;
}

.formularioVideoContainer{
  float: left;
  width: 593px;
}

.formulario{
  background: #000;
  margin-top: 1px;
  padding: 10px;
  min-height: 302px;
}

.formularioVideo{
  background: #000;
  margin-top: 1px;
  padding: 10px;
}

.sContactos{
  width: 318px;
  overflow: auto;
}

.formulario label{
  display: block;
  margin-bottom: 4px;
  color: #b7b7b7;
  text-transform: uppercase;
}

.formulario .require{
  color: #B30F0F;
  margin-left: 4px;
}

.formulario .requireText{
  color:#6c6a6a;
}

.formulario .line{
  margin-bottom: 8px;
}

#testemunhos{
  margin-top: 20px;
}

/*
.boxTestemunhosContainer{
  background: #000;
  margin-top: 1px;
}
*/

.boxTestemunhos {
  background: url(../images/bk_equipa.gif) 455px 0 no-repeat #000;
  color: #bfbfbf;
  padding: 10px;
  margin-top: 1px;
  width: 456px;
  float:left;
  position: relative;
}

.boxTestemunhos img{
  border: 1px solid #373737;
  vertical-align:text-top;
  float:left;
  margin: 0 15px 0 0;
}

#testemunhos h2 {
  color:#B30F0F;
  font-size:32px;
  font-weight:normal;
  line-height:30px;
  margin-bottom:8px;
}

.boxTestemunhos .links{
  position: absolute;
  bottom: 10px;
  left: 226px;
}

#testemunhos a.buttonImg {
  display:inline-block;
  margin-top:5px;
}

#testemunhos a.buttonImg img {
  border:0 none;
  float:none;
  margin:0 8px 0 0;
}

.infoVideo{
  font-size: 10px;
  text-transform: uppercase;
  margin-top: 4px;
}

.boxTestemunhosContainer .left {
  margin-right:1px;
}

/*
.boxEquipaContainer{
  background: #000;
  margin-top: 1px;
}
*/

.boxEquipa {
  background: url(../images/bk_equipa.gif) 455px 0 no-repeat #000;
  color: #bfbfbf;
  padding: 10px;
  margin-top: 1px;
  width: 456px;
  float:left;
}

.boxEquipaContainer .left{
  margin-right: 1px;
}

.boxPattern {
  /*background:url(../images/bk_box.gif) top left repeat-x #000 ;*/
  background: #000;
  color: #bfbfbf;
  padding: 10px;
}

.boxPattern img , .boxEquipa img{
  border: 3px solid #373737;
  vertical-align:text-top;
  float:left;
  margin: 0 15px 10px 0;
}

.boxPattern .logo {
    background: url("../images/pt/sprite.png") no-repeat -656px -472px transparent;
    display: block;
    height: 55px;
    margin: 0;
    width: 295px;
}

.boxPattern p{
  margin-bottom: 10px;
}

#quemsomos big{
  font-size: 40px;
  color: #fff;
}

#quemsomos .boxPattern{
    min-height: 263px;
    padding: 10px 35px;
}

#servicos , #equipa{
  margin-top: 1px;
}

#servicos div.h1 div{
  height:24px;
}

#servicos ul{
  list-style-type: none;
  margin-left: 0;
}

#servicos div.left{
  width: 467px;
}


.dscEquipa{
  color:#fff;
}

.dscEquipa .line {
  margin-bottom: 5px;
}

.dscEquipa .line .label {
  width: 70px;
  float: left;
  text-transform: uppercase;
  color: #6c6a6a;
}

.cargo , .links{
  margin-top: 20px;
}

.cargo span , .links span{
  color: #6c6a6a;
  text-transform: uppercase;
}

#equipa h2{
  color:#B30F0F;
  font-size:32px;
  font-weight:normal;
  line-height:30px;
  margin-bottom: 8px;
}

#equipa a.buttonImg img {
  border: 0;
  float:none;
  margin:0;
  margin-right: 12px;
}

#equipa a.buttonImg {
  margin-top: 5px;
  text-transform: lowercase;
  font-size: 12px;
  display: inline-block;
}


#listProjects{
  margin-top: 5px;
}

#listProjects .item{
  float: left;
  width: 307px;
  padding: 4px;
  background: #000000;
  cursor: pointer;
  margin-bottom: 3px;
}

#listProjects .begin{
  margin-right: 3px;
}

#listProjects .end{
  margin-left: 2px;
}

#listProjects .img{
  display:block; 
  overflow:hidden;
  width: 307px;
  height: 210px;
}

#listProjects .item .dsc{
  margin: 5px 0 4px 4px;
  display: none;
}

#listProjects .dsc h2 , #detail .dsc h2{
  font-weight: normal;
  font-size: 16px;
  color:#000000;
  line-height:26px;
  text-transform: uppercase;
  line-height: 16px;
}

#listProjects .dsc h3 , #detail .dsc h3{
  color:#a3a3a3;
  text-transform: uppercase;
  font-size: 11px;
}

#listProjects .dsc .button{
  margin-top: 8px;
}

#listProjects .dsc span , #detail .dsc span{
  color:#000;
  text-transform: uppercase;
}

#footer{
  clear: both;
  margin: 80px 0 40px 0;
}

div.contactos{
  width: 375px;
  font-size: 11px;
}

.bk{
  /* background-color: #000;*/
}

.detailportfolio{
  padding-bottom: 40px;
}

.copyrigthContainer{
  margin-top:30px;
  /*margin-bottom:40px;*/
}


.copyrigth {
  text-transform: uppercase;
  font-size: 9px;
  background:#000;
  height:10px;
  width:385px;
  padding:8px 5px 6px 5px;
}

.barBlack{
  background:#000;
  height:10px;
}

.copyrigth span{
    color: #fff;
}

.map {
  width: 207px;
  height:109px;
  background:url(../images/pt/sprite.png) 0 -113px no-repeat;
  float: left;
  margin-right: 3px;
}

.address{
  float: left;
  text-transform: uppercase;
  
}

.address div{
  line-height: 16px;
}


.address span , .address a{
  color: #FFFFFF;
  text-transform: lowercase;
}

.address a{
  color: #B30F0F;
}

.address h2{
  color: #FFFFFF;
  font-size: 15px;
  
}

.address h3{
  font-size: 11px;
  margin-bottom: 5px;
}

.projectBar{
  margin-top: 1px;
}

.box-shadow{
  margin-top: 1px;
  -webkit-box-shadow: 2px 2px 4px #000;
  -moz-box-shadow: 2px 2px 4px #000;
  box-shadow: 2px 2px 4px #000;
}

.projectBar-title{
  float: left;
  width: 790px;
  height:15px;
  margin-right: 2px;
  background-color: #1d1d1d;
  padding:10px 0 9px 10px;
  color: #fff;
}

.projectBar-btn{
  float: right;
}

.btnProject a{
  display: block;
  text-transform: uppercase;
  color: #717171;
  font-size:0.8em;
  background:url(../images/pt/sprite.png) -284px -264px no-repeat #000;
  border:1px solid #1D1D1D;
  height:13px;
  padding:10px 0 9px 10px;
  width:140px;

}

.loading-project{
  background:url(../images/loader2.gif) repeat-x #000;
  height: 13px;
  margin-top: 2px;
  display: none;
}


input[type=text] , textarea , input[type=password] {
  background: url("../images/bk_input.gif") #1d1d1d left top repeat-x;
  border:1px solid #313131;
  color:#FFFFFF;
  font-size:100%;
  padding:5px 4px;
  min-width: 50px;
}

.button , .buttonWhite{
  text-transform: uppercase;
  background: #B30F0F;
  color: #FFFFFF;
  border: 0;
  height: 25px;
  font-size: 10px;
}

#detail{
  display: none;
  width: 954px;
  margin-bottom: 30px;
}

.sharefacebookContainerDetail {
  bottom:2px;
  position:absolute;
  right:122px;
}

.itemPortfolio .dsc{
  background: url(../images/bk_dsc.gif) no-repeat top left #FFFFFF;
  width: 322px;
  height: 239px;
  float: left;
  padding: 30px 5px 5px 17px;
  position: relative;
  margin: 0px 0px 0px 0px;
}

.itemPortfolio .dsc h3{
  margin-bottom: 10px;
}

.itemPortfolio .dsc .visit{
  position: absolute;
  bottom: 7px;
  left: 14px;
}

.itemPortfolio .dsc .facebook{
  position: absolute;
  bottom: 5px;
  right: 14px;
}

.itemPortfolio .dsc p{
  font-size: 11px;
}

.itemPortfolio .maskImgRight{
  width: 610px;
  height: 274px;
  display: block;
  overflow:hidden;
}

.itemPortfolio .maskImgButtom img{
  margin: 0;
  padding: 0;
  border: 0;
}

.itemPortfolio .maskImgButtom{
  width: 954px;
  display: block;
  overflow:hidden;
  height: auto;
  min-height: 274px;
  background:#000;
}

.itemPortfolio .maskImgButtom2{
  height: 400px;
}

.new{
  position: absolute;
  width: 80px;
  height: 77px;
  z-index: 100;
  background: url(../images/pt/sprite.png) no-repeat 0 -223px;
  margin: 4px 0 0 4px;
}

#newsletter_msg { 
  height: 0;
  color: #B30F0F;
  text-transform: uppercase;
}

#newsletter_msg_error { 
  color: #B30F0F;
  text-transform: uppercase;
}

#newsletter_msg span.success{
  color: #72ba30;
}

#newsletter_msg_error span.success{
  color: #72ba30;
}
.loadImg{
  background:url(../images/loading.gif) no-repeat 50% 50% #000;
}
.loadImg2{
  background:url(../images/loading.gif) no-repeat 50% 50% #fff;
}

.closeProject {
  position: relative;
  height: 29px;
  background: #1d1d1d;
}

.closeProject .title{
  position: absolute;
  left: 0;
  margin: 7px 0 0 5px;
}

.closeProject .btn{
  position: absolute;
  right: 0;
  margin: 2px 2px 0 0;
}

.closeProject .title{
   font-size: 14px;
   color:#fefefe;
   text-transform: uppercase;
}

.closeProject .title span{
  color:#A3A3A3;
  font-size: 10px;
}

a.buttonImg {
  display: block;
  height: 20px;
  text-transform: uppercase;
  color: #B30F0F;
  font-size: 10px;
}

a.buttonImg img{
  margin-right: 3px;
  vertical-align: middle;
}

.newsletter-iButton{
  display: block;
}

div.barProject{
  background: #000;
  height: 29px;
}

#newsletter span.label-input{
  color:#B7B7B7;
  display:block;
  margin-bottom:4px;
  text-transform:uppercase;
  width:40px;
  padding-top:6px;
  float: left;
}

#newsletter .line {
  margin-bottom:8px;
}


#newsletter .box , .newsletterContainer , .loginContainer{
  display:none;
}


/*
.loginContainer{
  display:block;
}
*/

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}

/*
#container div.portfolio{
  margin-top:15px;
}
*/

body.ie7 #container div.portfolio{
  margin-top:150px;
}

div.portfolio #listProjects {
  margin-top:2px;
}

.headerPortfolio{
  background-color: #000;
  padding-top: 15px;
  margin-bottom: 1px;
}

.dscPortfolio{
  margin: 3px 0 0 10px;
  padding-bottom: 10px;
}

.dscPortfolio span{
  color: #B30F0F;
}

ul.menuPortfolio {
  list-style:none outside none;
  margin: 0 0 0 10px;
}

ul.menuPortfolio li{
  float: left;
  margin-right: 5px;
}

ul.menuPortfolio li.btn1 a , ul.menuPortfolio li.btn2 a{
  display: block;
  width: 22px;
  height: 24px;
  background-image: url(../images/pt/sprite.png);
  background-repeat: no-repeat;
}

ul.menuPortfolio li.btn1 a{
  background-position:  -229px -248px;
}

ul.menuPortfolio li.btn2 a{
  background-position:  -256px -248px;
}

ul.menuPortfolio li.btn1 a.selected{
  background-position:  -229px -271px;
}

ul.menuPortfolio li.btn2 a.selected{
  background-position:  -256px -271px;
}

ul.menuPortfolio li.titListPortfolio{
  color: #fff;
  margin-top: 5px;
  font-size: 15px;
}

.lang{
  position:absolute;
  left:50%;
  margin-left:442px;
  z-index: 11;
}

.lang a{
  display: block;
  width: 35px;
  height: 39px;
  background: url(../images/pt/sprite.png) -394px -302px no-repeat #000;
}


.feedAndMobileContainer{
  position:absolute;
  top: 8px;
  right:8px;
  margin-right:10px;
  z-index: 11;
}

.feedAndMobileContainer .mobile {
  background: url(../images/pt/sprite.png) -262px -299px no-repeat;
  position:relative;
  display:block;
  width: 37px;
  height:23px;
  float:left;
}

.feedAndMobileContainer .mobile span.hover {
  background: url(../images/pt/sprite.png) -262px -329px no-repeat;
  display:inline-block;
  width: 37px;
  height:23px;
  left:0;
  top:0;
  position:absolute;
}

.feedAndMobileContainer .feed {
  background: url(../images/pt/sprite.png) -300px -299px no-repeat;
  position:relative;
  display:block;
  width: 18px;
  height:24px;
  float:left;
}

.feedAndMobileContainer .feed span.hover {
  background: url(../images/pt/sprite.png) -300px -329px no-repeat;
  display:inline-block;
  width: 18px;
  height:24px;
  left:0;
  top:0;
  position:absolute;
}

.facebookShare {
  text-indent:-999999px;  
}

.facebookShare a {
  background:url("../images/pt/sprite.png") -448px -377px no-repeat;
  display:block;
  width:86px;
  height:25px;
  position:relative;
}

.facebookShare a span.hover {
  background:url("../images/pt/sprite.png") -448px -351px no-repeat;
  display:inline-block;
  width:86px;
  height:25px;
  left:0;
  top:0;
  position:absolute;
}

.sharefacebookContainerportfolio {
  float:right;
  margin-right:1px;
  margin-top:0;
}

.facebookLike{
  float:left;
}

div.social ul{
  margin-left:0;
  margin-top: 6px;
}

div.social .box{
  height:46px;
  width: 390px;
}

div.social ul li {
  display:inline;
  float:left;
  margin-left:14px;
  text-indent:-999999px;
}

div.social ul li a {
  display:block;
  position:relative;
}

div.social ul li a span.hover{
  left:0;
  top:0;
  position:absolute;
  display:inline-block;
}

.contactos_record
{
	background: url("../images/pt/gravar_normal.gif") repeat -0px -0px;
	width:67px;
	height:23px;	
	display:block;
	float:left;
}
.contactos_record:hover
{
	background: url("../images/pt/gravar_hover.gif")  repeat -0px -0px;
	width:67px;
	height:23px;
	display:block;
	float:left;
}

.contactos_ver
{
	background: url("../images/pt/ver_gravacao_normal.gif") repeat -0px -0px;
	width:92px;
	height:23px;	
	display:block;
	float:left;
}
.contactos_ver:hover
{
	background: url("../images/pt/ver_gravacao_hover.gif")  repeat -0px -0px;
	width:92px;
	height:23px;
	display:block;
	float:left;
}

.contactos_stop
{
	background: url("../images/pt/stop_normal.gif") repeat -0px -0px;
	width:92px;
	height:23px;	
	display:block;
	float:left;
}
.contactos_stop:hover
{
	background: url("../images/pt/stop_hover.gif")  repeat -0px -0px;
	width:92px;
	height:23px;
	display:block;
	float:left;
}
div.social ul li.flickr a {
  background:url(../images/pt/sprite.png) repeat -98px -394px;
  width:78px;
  height:22px;
  margin-top:5px;
}

div.social ul li.flickr a span.hover {
  background:url(../images/pt/sprite.png) no-repeat -98px -365px;
  display:inline-block;
  width:78px;
  height:22px;
}

div.social ul li.facebook a {
  background:url(../images/pt/sprite.png) repeat -31px -394px;
  width:55px;
  height:22px;
  margin-top:5px;
}

div.social ul li.facebook a span.hover {
  background:url(../images/pt/sprite.png) no-repeat -31px -365px;
  display:inline-block;
  width:55px;
  height:22px;
}

div.social ul li.twitter a {
  background:url(../images/pt/sprite.png) repeat -275px -393px;
  width:103px;
  height:26px;
  margin-top:5px;
}

div.social ul li.twitter a span.hover {
  background:url(../images/pt/sprite.png) no-repeat -275px -364px;
  width:103px;
  height:26px;
}

div.social ul li.vimeo a {
  background:url(../images/pt/sprite.png) repeat -186px -393px;
  width:79px;
  height:22px;
  margin-top:5px;
  margin-right:5px;
}

div.social ul li.vimeo a span.hover {
  background:url(../images/pt/sprite.png) no-repeat -186px -364px;
  width:79px;
  height:22px;
}


/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}


/*
 * jQuery Nivo Slider v2.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * March 2010
 */


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:46%;
	z-index:99;
	cursor:pointer;
  background:url(../images/pt/sprite.png) no-repeat;
  width:34px;
  height:53px;
  text-indent:-9999px;
  display: block;
}


a.nivo-prevNav {
  background-position: -958px -424px;
	left:10px;
}
a.nivo-nextNav {
  background-position: -1028px -480px;
	left:896px;
}

.videoContainer{
   float:left;
   position:relative;
   display: block;
   width: 487px;
   height: 274px;
}

.videoContainer div.play{
  position: absolute;
  top:0;
  left: 0;
  width: 404px;
  height: 272px;
  background:url(../images/pt/play.png) repeat 50% 50%;
  cursor:pointer;
}

#videoHome{
  position: absolute;
  top:0;
  left: 0;
}

.sharefacebookHome{
  margin: 5px 0 5px 15px;
}

#sliderContainer{
  background:url(../images/loading.gif) no-repeat 50% 50% #000;
}

#slider {
	position:relative;
	background: none;
  border: 8px solid #000;
  min-height: 400px;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.nivo-controlNav {
  top:5px;
  right: 5px;
  position:absolute;
  z-index: 100;
}

.nivo-controlNav a {
  background: #232323;
  border:0;
  display:block;
  float:left;
  width:16px;
  height:16px;
  margin-right:3px;
  cursor: pointer;
  color:#fff;
  text-align:center;
}

.nivo-controlNav a.active {
	background:#b30f0f;
  color:#fff;
}

.nivo-controlNav a:hover {
	background:#b30f0f;
  color:#fff;
}

/* Caption styles */
.nivo-caption {
	position:absolute;
	right:5px;
  top:20px;
	color:#767676;
	z-index:89;
}
.nivo-caption p {

  font-size: 10px;
  margin: 0;
  padding: 5px;
  text-transform: uppercase;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}



/*
 * ibutton
 */

.ibutton-container {
  position: relative;
  height: 18px;
  cursor: pointer;
  overflow: hidden;
	/* set max width to that of sprite */
	max-width: 100px;
	/* prevent text selection */
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore;
	-moz-user-input: disabled;
	/* set default width based on ON/OFF labels */
	width: 60px;
  float: left;
}

.ibutton-container input {
  position: absolute;
	top: 0;
	left: 0;

	/* hide the element */
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;

	/* allow checking of input if visible */
	-moz-user-input: enabled  !important;
}

.ibutton-handle {
  display: block;
  height: 15px;
  cursor: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 -15px;
  z-index: 3;
  padding-left: 3px;
	/* set default width based on ON/OFF labels */
	width: 23px;
}

.ibutton-handle-right {
  height: 100%;
  width: 100%;
  padding-right: 3px;
  background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 100% -15px;
  z-index: 3;
}

.ibutton-handle-middle {
  height: 100%;
  width: 100%;
  background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 50% -15px;
  z-index: 3;
}

div.ibutton-label-on, div.ibutton-label-off {
  white-space: nowrap;
  font-size: 10px;
  line-height: 10px;
  font-weight: bold;
  
  text-transform: uppercase;
  cursor: inherit;
  display: block;
  height: 13px;
  position: absolute;
  width: auto;
  top: 0;
  padding-top: 2px;
  overflow: hidden;
  background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 0;
}

div.ibutton-label-on {
  color: #fff;
  text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
  left: 0;  
  z-index: 1;
}

div.ibutton-label-on span {
  padding-left: 8px;
}

div.ibutton-label-off {
  color: #7c7c7c;
  background-position: 100% 0;
  text-shadow: 0 -1px 2px rgba(153, 153, 153, 0.4);
  text-align: right;
  right: 0;
	/* the off label needs to near the left edge (ideally just 5px away)
	 * it just needs to be close enough that it won't show under the handle if dragged to the left
	 */
	width: 95%;
}

div.ibutton-label-off span {
  padding-right: 8px;
}

/* create an outline when button gets focus via keyboard */
.ibutton-container label {
	cursor: inherit;
	border: 1px dotted transparent;
}

.ibutton-focus label {
	/* we must use border, since outline doesn't work in IE */
	border: 1px dotted #666 !important;
}

.ibutton-focus div.ibutton-label-on span label {
	/* use white for more contrast */
	border-color: #fff !important;
}

/* add padding to right/left so that text gets clipped before absolute edge */
.ibutton-padding-left, .ibutton-padding-right {
	position: absolute;
	top: 4px;
	z-index: 2;
	background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 -4px;
	width: 3px;
	height: 11px;
}

.ibutton-padding-left {
	left: 0;
}

.ibutton-padding-right {
	right: 0;
	background-position: 100% -4px;
}

/* change the styles of the handle when being dragged */
.ibutton-active-handle .ibutton-handle {
	background-position: 0 -60px;
}

.ibutton-active-handle .ibutton-handle-right {
	background-position: 100% -60px;
}

.ibutton-active-handle .ibutton-handle-middle {
	background-position: 50% -60px;
}

/* styles to use when the button is disabled */
.ibutton-disabled {
	cursor: not-allowed !important; /* cursor options: default or not-allowed */
}

.ibutton-disabled .ibutton-handle {
	background-position: 0 -45px;
}

.ibutton-disabled .ibutton-handle-right {
	background-position: 100% -45px;
}

.ibutton-disabled .ibutton-handle-middle {
	background-position: 50% -45px;
}

.ibutton-disabled div.ibutton-label-on {
	background-position: 0 -29px;
}

.ibutton-disabled div.ibutton-label-off {
	background-position: 100% -29px;
}

.ibutton-disabled .ibutton-padding-left {
	background-position: 0 -29px;
}

.ibutton-disabled .ibutton-padding-right {
	background-position: 100% -29px;
}

.ibutton-disabled div.ibutton-label-on {
	color: #fff;
}

.ibutton-disabled div.ibutton-label-off {
	color: #cbcbcb;
}


/*edit*/

#info{
  display:block;
  margin-top: 3px;
  margin-bottom: 15px;
  height:430px;
  color:#bfbfbf;
}

#info div.cl1 , #info div.cl2 , #info div.cl3 {
  background: #000;
  width: 316px;
  height:430px;
  float:left;
  margin-right:3px;
  position: relative;
}

#info div.cl3{
  margin-right:0;
}


#info div.cl2, #info div.cl3{
  background:url("../images/pt/sprite.png") no-repeat 289px -662px #000000;
}

.tithot{
    margin-bottom: 1px;
    margin-top: 20px;
}

.tithot div{
  width: 150px;
  background:url(../images/pt/sprite.png) -4px -596px no-repeat;
  top:6px;
}

div#listProjects.listProjectsHome{
  margin-top:3px;
}

#info .cl1 .logo{
  display:block;
  width:292px;
  height:76px;
  background:url(../images/pt/sprite.png) -4px -513px no-repeat;
  margin:13px 0 15px 13px;
}

#info .cl1 .dsc{
  margin-left:13px;
  margin-right:13px;
}

#info .cl1 .dsc p{
  margin-bottom:15px;
}

#info .cl1 .dsc em{
  color:#b30f0f;
}

#quemsomos span , #info .cl1 .dsc span{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-transform: lowercase;
}

#info .cl1 .dsc i{
  color:#ffffff;
}

#info .clContent{
  margin:25px 13px 0 13px;
}

#info .cl2 .tit{
  display:block;
  width:200px;
  height:20px;
  background:url(../images/pt/sprite.png) -4px -620px no-repeat;
}

#info .cl2 .line , #info .cl3 .line{
  display:block;
  height:2px;
  background:url(../images/pt/sprite.png) -4px -506px repeat-x;
  margin-top:8px;
  margin-bottom:8px;
}

#info .cl3 .line{
  margin-top:3px;
}

#info .cl2 .txt{
  margin-bottom:4px;
}

/*Social home*/
#info .cl2 ul{
  margin-left:0;
}

#info .cl2 ul li {
  display:inline;
  float:left;
  margin-left:6px;
  text-indent:-999999px;
}

#info .cl2 ul li a {
  display:block;
  position:relative;
}

#info .cl2 ul li a span.hover{
  left:0;
  top:0;
  position:absolute;
  display:inline-block;
}

#info .cl2 ul li.flickr a {
  background:url(../images/pt/sprite.png) repeat -58px -453px;
  width:66px;
  height:18px;
  margin-top:5px;
}

#info .cl2 ul li.flickr a span.hover {
  background:url(../images/pt/sprite.png) no-repeat -58px -480px;
  width:66px;
  height:18px;
}

#info .cl2 ul li.facebook {
margin-left:0;
}

#info .cl2 ul li.facebook a {
  background:url(../images/pt/sprite.png) repeat -4px -453px;
  width:44px;
  height:18px;
  margin-top:5px;
}

#info .cl2 ul li.facebook a span.hover {
  background:url(../images/pt/sprite.png) no-repeat -4px -480px;
  display:inline-block;
  width:44px;
  height:18px;
}

#info .cl2 ul li.twitter a {
  background:url(../images/pt/sprite.png) repeat -207px -452px;
  width:87px;
  height:21px;
  margin-top:5px;
}

#info .cl2 ul li.twitter a span.hover {
  background:url(../images/pt/sprite.png) no-repeat -207px -479px;
  width:87px;
  height:21px;
}

#info .cl2 ul li.vimeo a {
  background:url(../images/pt/sprite.png) repeat -132px -452px;
  width:68px;
  height:19px;
  margin-top:5px;
  margin-right:5px;
}

#info .cl2 ul li.vimeo a span.hover {
  background:url(../images/pt/sprite.png) no-repeat -132px -479px;
  width:68px;
  height:19px;
}

#info .cl2 .rss a{
  background:url(../images/pt/sprite.png) no-repeat -644px -108px;
  height:47px;
  width:193px;
}

#info .cl2 .rss a span.hover {
  background:url(../images/pt/sprite.png) no-repeat -844px -108px;
  height:47px;
  width:193px;
}


#info .cl2 .mobile a{
  background:url(../images/pt/sprite.png) no-repeat -640px -12px;
  height:84px;
  width:180px;
}

#info .cl2 .mobile a span.hover {
  background:url(../images/pt/sprite.png) no-repeat -840px -12px;
  height:84px;
  width:180px;
}

#info .cl2 .rss , #info .cl2 .mobile {
  text-indent:-999999px;
}

#info .cl2 .rss a , #info .cl2 .mobile a {
  display:block;
  position:relative;
}

#info .cl2 .rss a span.hover , #info .cl2 .mobile a span.hover{
  left:0;
  top:0;
  position:absolute;
  display:inline-block;
}

#info .cl2 .ftit{
  display:block;
  width:217px;
  height:15px;
  margin-top:10px;
  background:url(../images/pt/sprite.png) -158px -596px no-repeat;
}

#info .cl3 .tit{
  display:block;
  width:113px;
  height:15px;
  background:url(../images/pt/sprite.png) -210px -177px no-repeat;
}

.newsContainer{
  width:303px;
  height:380px;
  overflow:hidden;
  margin-top:10px;
  position:relative;
}

.listNews , .detailNews{
  width:303px;
  height:379px;
  float:left;
}

.listNews {
  cursor:pointer;
}

#btnCloseDetailNews{
  margin-top:10px;
}

.newsfooter{
  display:none;
}

.detailNewsScroll{
  height: 330px;
  width: 303px;
  padding-bottom: 10px;
}

/*
#info .cl3 .lineDetailNews
{
  margin-top: 0px;
}
*/
#info .cl3 .line {
 margin-bottom: 0;
}

.detailNews h1 {
  margin-top:8px;
}

.detailNews .dsc p{
  margin-bottom:10px;
}

.news{
  width:606px;
  font-size:11px;
}

.listNews{
  margin-bottom:4px;
}

.listNews ul{
  margin-left:0;
  list-style:none;
  margin-bottom:10px;
}

.listNews h1 , .detailNews h1{
  text-transform: uppercase;
}

.listNews p{
  color:#616161;
}

.listNews h1{
  color:#BFBFBF;
}

.listNews .date{
  color:#940303;
  text-transform: uppercase;
  position: absolute;
  bottom: 1px;
}

a.btn{
  display:block;
  width:  62px;
  height: 14px;
  background:#161616;
  color:#940303;
  padding: 4px 0 2px 5px;
  text-transform:uppercase;
  font-size:10px;
}

a.btn span{

  display:inline-block;
  width:  12px;
  height: 7px;
  background:url(../images/pt/sprite.png) -210px -120px no-repeat;

}

a.btnTop{
  float:right;
  margin-right:1px;
  background:#B30F0F;
  color: #FFFFFF;
  width: 39px;
  height: 16px;
  padding: 7px 0 2px 8px;
}

a.btnTop span {
  background-position: -252px -121px;
  height: 10px;
  margin-left: -1px;
  width: 10px;
}


.detailNews{
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.detailNews .img{
  margin-top:8px;
}

.detailNews .dsc{
  margin-top:8px;
}

.detailNews .date{
  color:#940303;
  text-transform: uppercase;
}

.listNews li{
  border-top: 1px solid #1e1e1e;
  color:#616161;
}

.listNews li.odd , .listNews li.even{
  position:relative;
  height:58px;
  cursor: pointer;
  padding:10px 5px 5px 5px;
}

.allwaysRocking{
  position: absolute;
  width: 154px;
  height: 122px;
  display:block;
  background:url(../images/pt/sprite.png) -471px -9px no-repeat;
  bottom: 10px;
}

.listNews li.odd{
  background:url(../images/pt/sprite.png) -755px -155px no-repeat;
}

.listNews li.even{
  background:url(../images/pt/sprite.png) -755px -253px no-repeat;
}

#footer .cl1 , #footer .cl2 , #footer .cl3{
  float: left;
}

#footer .cl1 , #footer .cl2{
  margin-right:5px;
}

.titdownload{
  margin-top: 5px;
  width:410px;
}

.titdownload div {
  background:url("../images/pt/sprite.png") no-repeat -84px -340px transparent;
  width:104px;
}
.titnewsletterList
{
	width:158px;
}
.titnewsletterList div {
  background:url("../images/pt/sprite.png") no-repeat -270px -113px transparent;
  width:108px;
}

a#btnOldVersionNewsletter{
  width: 124px;
  margin-top: -1px;
}

.lastNewsletter .date{
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 10px;
}

div.containerNewsletterList{
  width: 129px;
  overflow:hidden;
  margin:0 5px;
}

div.newsletterList ul , div.wallpaper ul{
  margin-left:0;
  list-style:none;
}

div.newsletterList ul li{
  border-top:1px solid #1E1E1E;
  padding:2px 2px 0 2px;
}

div.newsletterList ul li a{
  display:block;
  width:129px;
  height: 18px;
}

div.newsletter{
  width: 264px;
  height:297px;
}

div.newsletterList{
  float:left;
}

div.lastNewsletter{
  float:left;
  margin-right: 2px;
}

#btnBackNewsletter{
  width:124px;
}

#btnGoogleMaps{
  width:100px;

}

#btnGoogleMaps span{
  margin-left: 4px;
  background-position:-240px -122px;
  height: 10px;
  width: 10px;
}

#btnGoogleMaps.open{
  background-position:-240px -110px;
}

#googleMaps{
  width: 355px;
  height: 188px;
  margin-top: 5px;
  display:none;
}

#googleMaps_canvas{
  width: 355px;
  height: 170px;
}

.linkGoogleMaps{
  margin-top: 5px;
}

#btnPrevWallpapers , #btnNextWallpapers{
  width: 140px;
  position: absolute;
  bottom: 2px;
  display:none;
}

#btnNextWallpapers span{
  background-position:-227px -120px;
  margin-left: 8px;  
}

#btnPrevWallpapers{
  left: 2px;
}

#btnNextWallpapers{
  right: 2px;
}

.containerWallpaper{
  position: relative;
  width:390px;
  height: 194px;
  overflow: hidden;
}

.wallpaper .item{
  float:left;
  width:390px;
}

.wallpaper h1{
  text-transform: uppercase;
  color:#bfbfbf;
  font-size:10px;
}

.wallpaper h2{
  color:#616161;
  font-size:9px;
}

.wallpaper h3{
  color:#B30F0F;
  text-transform: uppercase;
}

.ipadDownload , .iphoneDownload{
  color:#616161;
  font-size:10px;
  float:left;
  margin-bottom: 12px;
}

.iphoneDownload{
  margin-left: 35px;
  text-align:right;
}

.iphoneImg{
  margin-top: 15px;
  margin-left: 11px;
}

.wallpaperSizes{
  margin-left:10px;
}

.wallpaperSizes li{
  font-size:10px;
  color:#616161;
  margin-bottom:10px;
  cursor:pointer;
}

.wallpaper .img , .ipadImg , .iphoneImg , .wallpaperSizes{
  float: left;
}

.wallpaper .right h1{
  margin-top:11px;
}

.wallpaper .right{
  float:left;
  margin-left: 11px;
}

.servicos h2{
  height: 40px;
  text-indent: 9999px;
  margin-bottom: 4px;
}

.servicos li{
  width:452px;
  min-height: 270px;
  margin-left:30px;
  float:left;
}

.servicos li.left{
  margin-left:0;
}

h2.branding{
  background:url("../images/pt/sprite.png") no-repeat -448px -402px transparent;
  width: 163px;
}

h2.newmedia{
  background:url("../images/pt/sprite.png") no-repeat -448px -442px transparent;
  width: 185px;
}

h2.advertasing{
  background:url("../images/pt/sprite.png") no-repeat -448px -482px transparent;
  width: 209px;
}


h2.identidade{
  background:url("../images/pt/sprite.png") no-repeat -448px -522px transparent;
  width: 184px;
}

h2.fotoandvideo{
  background:url("../images/pt/sprite.png") no-repeat -448px -562px transparent;
  width: 356px;
}

h2.webmarketing{
  background:url("../images/pt/sprite.png") no-repeat -448px -602px transparent;
  width: 251px;
}

/*
 * 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: 14px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #0d0d0d;
	position: relative;
}

.jspDrag
{
	background: #8d0404;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

.contacts_p
{
	padding-left:10px;
	color:#FFFFFF;
	font-size:11px;
}
.contacts_p2
{
	font-size:11px;
}

.jspDragTop , .jspDragBottom{
  width:5px;
  height:6px;
  background: url("../images/pt/sprite.png") no-repeat -244px -113px transparent;
  position: absolute;
  left: 4px;
}

.jspDragTop{
  top:15px;
}

.jspDragBottom{
  bottom:15px;
  background-position:-244px -125px;
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


.itemPortfolio .casestudy {
        background: none;
        background-color: #fff;
        height: auto;
        padding: 20px 5px 5px 17px;
        width: 240px;
}

#detail .casestudy h1, #listProjects .casestudy h1{
         color: #000000;
    font-size: 64px;
    font-weight: normal;
    line-height: 52px;
    margin-bottom: 10px;
    text-transform: uppercase;
        
}
#detail .casestudy h2,#listProjects .casestudy h2{
        color: #b30f0f;
        font-size: 20px;
}

#detail .casestudy h3, #listProjects .casestudy h3{
        color: #000;
        font-size: 15px;
        font-weight: normal;
        line-height: 15px;
        text-transform: lowercase;
}

#detail .casestudy .visit, #listProjects .casestudy .visit{
        position: relative;
        bottom: 0px;
        left: 0px;
        margin-top:2px;
}

.casestudy-item{
    margin-bottom:40px;
}

#detail .casestudy-creditos h3 strong, #detail .casestudy-creditos h3 b
#listProjects .casestudy-creditos h3 strong, #listProjects .casestudy-creditos h3 b {
        color: #787878;
        font-weight:normal;
}
#detail .casestudy-creditos h3 , #listProjects .casestudy-creditos h3{
        font-size: 12px;
        margin: 0;
        text-transform: capitalize;
}

.casestudy-premios a:hover{
        color: #B30F0F;
}
.casestudy-premios a{
        font-size: 12px;
        color: #000;
}

#detail .casestudy h2.fases , #listProjects .casestudy h2.fases{
        color: #000;
}

.casestudy-makingof a{
        font-size: 16px;
        text-transform: uppercase;
}

.casestudy-makingof a:hover{
        color: #000;

}

.casestudy-container{
        float: left;
        margin-left: 2px;
        width: 689px;
        margin-top: 1px;
}

.casestudy-item-header, .casestudy-item-content{
        background: #fff;
        padding: 10px;
        margin-bottom: 1px;
}

.casestudy-item-header{
        padding 13px 19px 9px 11px;
}

#detail .casestudy , #listProjects .casestudy{
        margin-top:1px;
}

.casestudy-item-header h2{
        font-size:30px;
        color: #B30F0F;
        text-transform: uppercase;
        font-weight: normal;
        line-height: 30px;
}

.casestudy-item-header h3{
        font-size:18px;
        color: #9c9c9c;
        text-transform: uppercase;
        font-weight: normal;
        line-height: 18px;
}

#casestudy-showreal{
        width: 669px;
        height: 393px;
}

.casestudy-item-header a {
    background: url("../images/pt/sprite.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 36px;
    position: absolute;
    text-indent: -9999px;
    width: 23px;
    z-index: 99;
}

.casestudy-item-header a.nextNav {
        background-position: -958px -543px;
        right: 5px;
}
        
.casestudy-item-header a.prevNav {
        background-position: -958px -586px;
        left: 5px;
}

.casestudy-item-header .right{
        position: relative;
      top: 10px;
    width: 64px;
}

.bk-processo{
    background:url("../images/pt/processo.jpg") no-repeat 0 0 transparent;
        width: 923px;
        height: 684px;
        position: relative;
}
.bk-marcas{
    background:url("../images/pt/marcas.jpg") no-repeat 0 0 transparent;
        width: 923px;
        height: 264px;
        position: relative;
}

#servicos .boxPattern{
        padding:10px 15px;
}

.bk-processo div.processos{
        color: #FFFFFF;
    font-size: 12px;
    padding-left: 2px;
    position: absolute;
    text-transform: uppercase;
    top: 358px;
    width: 222px;
}

.bk-processo div.processos li{
        margin-bottom: 6px;
}

.processo1{
        left: 12px;
}
.processo2{
        left: 240px;
}
.processo3{
        left: 467px;
}
.processo4{
        left: 695px;
}

#marcas{
        margin-top:1px;
}

#overlay {
    background: #000000;
    position: absolute;
    top: 40px;
    width: 100%;
    display: none;
}

#btnClose2{
    position: absolute;
    right: 2px;
    top: 2px;
    display: none;
}

.contactos .box{ margin-top:1px; }