/***** general *****/
  * {
    word-wrap:break-word;
  }
  
  #general, textarea, input.text, body {
  	background:#FFF;
  	color:#000;
  	font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Geneva, sans-serif;
  }
  
  p {
    line-height:1.4;
  }
  
  a {
    color:#3272B3;
  }
  a:hover {
    text-decoration:underline;
  }
  
  body {
    background:url(/images/body-bg.png);
  }
  #tab {
    background:none;
    overflow:hidden;
  }
  
  .wrapper {
    width:960px;
    margin:0 auto;
    position:relative;
  }
  #tab .wrapper {
    width:520px;
  }
  
  #general {
    background:none;
    border-top:3px #85C548 solid;
  	font-size:13px;
  }
  .insert-bg {
    background:url(/images/destaque-bg.png) left 150px repeat-x !important;
  }
  
  #content {
    background:#FFF;
    padding:30px;
    min-height:300px;
  
    box-shadow:1px 1px 3px #999;
    -moz-box-shadow:1px 1px 3px #999;
    -webkit-box-shadow:1px 1px 3px #999;
    
    border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  }
  #tab #content {  
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
  }
  
  h1 {
    color:#85C548;
    font-family:Georgia;
    font-size:42px;
    margin:0 0 30px 0;
    text-shadow:1px 1px 0 #FFF;
  }
  h1 small {
    font-size:13px;
    display:block;
    margin:8px 0 0 0;
  }
  h2 {
    color:#85C548;
    font-family:Georgia;
    font-size:32px;
    margin:0 0 30px 0;
    text-transform:lowercase;
    text-shadow:1px 1px 0 #FFF;
  }
  h4 {
    color:#85C548;
    font-family:Georgia;
    font-size:18px;
    margin:0 0 20px 0;
    padding:0 0 3px 5px;
    text-transform:lowercase;
    border-bottom:1px #85C548 solid;
  }
  
  .desc {
    margin:-25px 0 30px;
    color:#444;
    font-size:14px;
  }
  
  .actions {
    margin:20px 0 0 0;
  }
  
  .pagination {
    margin:30px 0 0 0;
  }
  
  .pagination a, .pagination span {
    display:none;
  }
  .pagination span.next {
    background:#DDD;
    padding:7px 10px;
    color:#666;
    border:1px #CCC solid;
    font-weight:bold;
    font-size:11px;
    text-transform:lowercase;
    display:block;
    text-align:center;
    
    text-shadow:1px 1px 0 #FFF;
    
    border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	
  	box-shadow:1px 1px 0 #FFF;
    -moz-box-shadow:1px 1px 0 #FFF;
    -webkit-box-shadow:1px 1px 0 #FFF;
  }
  .pagination a.next {
    background:url(/images/paginate-bg.png) repeat-x bottom;
    padding:7px 10px;
    color:#2E451D;
    border:1px #ADD392 solid;
    font-weight:bold;
    font-size:11px;
    text-transform:lowercase;
    display:block;
    text-align:center;
    
    text-shadow:1px 1px 0 #FFF;
    
    border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	
  	box-shadow:1px 1px 0 #FFF;
    -moz-box-shadow:1px 1px 0 #FFF;
    -webkit-box-shadow:1px 1px 0 #FFF;
  }
  .pagination a.next:hover {
    background:#DEF5CF;
    color:#537D33;
    text-decoration:none;
  }
  
  /***** form *****/
    .text, select, textarea {
      background:#FFF;
      border:1px #DDD solid;
      border-top:1px #666 solid;
      border-left:1px #666 solid;
      padding:10px;
      font-size:22px;
      width:500px;
      
      border-radius:3px;
      -moz-border-radius:3px;
      -webkit-border-radius:3px;
    }
    
    form .field {
      margin:0 0 20px 0;
      
    }
    form label {
      display:block;
      font-size:15px;
      text-transform:uppercase;
      color:#777;
      padding:0 3px;
      margin:0 0 2px 0;
    }
    
    form .actions {
      text-align:right;
      margin:0;
    }
    
    form input[type=submit]{
      background:url(/images/submit-bg.png) bottom #F4F4F4 repeat-x;
      font-weight:bold;
      font-size:18px; 
      border:none;
      padding:10px 15px;
      border:2px #C0C0C0 solid;
      color:#333;
      text-shadow:1px 1px 0 #FFF;
      cursor:pointer;
      
      border-radius:5px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
    }

  /***** /form *****/

/***** /general *****/

/***** header *****/
  #header {
    position:relative;
    padding:25px 30px;
  }
  
  #languages {
    position:absolute;
    top:0;
    right:0;
  }
  #languages .loading { 
    position:absolute;
    top:7px;
    display:none;
    left:-18px;
  }
  #languages .item {
    background:url(/images/language-ico.png) left top;
    width:43px;
    height:29px;
    float:left;
    text-indent:-9999px;
  }
  #languages .en {
    background-position:left top;
  }
  #languages .pt-BR {
    background-position:right top;
  }
  #languages .en:hover, #languages .en-current {
    background-position:left bottom;
  }
  #languages .pt-BR:hover, #languages .pt-BR-current {
    background-position:right bottom;
  }
/***** /header *****/

/***** menu *****/
  #menu {
    position:absolute;
    top:50%;
    left:200px;
    margin:-18px 0 0 0;
  }
  #menu li {
    float:left;
    margin:0 10px 0 0;
  }
  #menu li a {
    background:url(/images/menu-link-bg.png) repeat-x 0 -9999px;
    color:#666;
    float:left;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    padding:9px 17px;
    position:relative;
    text-transform:lowercase;
    text-shadow:1px 1px 0 #FFF;
    
    border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
    
  }
  #menu li a .seta {
    position:absolute;
    display:none;
    bottom:-5px;
    left:50%;
    margin:0 0 0 -5px;
    width:10px;
    height:5px;
    background:url(/images/menu-seta.png);
  }
  #menu li a.current, #menu li a:hover {
    color:#FFF;
    text-shadow:-1px -1px 0 #86B941;
    background-position:top left;
  }
  #menu li a.current .seta, #menu li a:hover .seta {
    display:block;
  }
/***** /menu *****/

/***** main *****/
  #main {
    float:left;
    width:530px;
    margin:0 30px 0 0;
  }
  #tab #main {
    margin:0;
    width:auto;
  }
/***** /main *****/

/***** home *****/
  #home #destaque {
    background:url(/images/destaque-bg.png) bottom;
    height:305px;
    position:relative;
  }
  #home #destaque .wrapper {
    height:100%;
  }
  
  
  #home #destaque #destaque-box {
    overflow:hidden;
  }
  #home #destaque #destaque-box li {
    padding:50px 130px;
    float:left;
    width:720px;
  }
  #home #destaque #destaque-box .content {
    float:left;
    margin:0 50px 0 0;
    text-align:right;
    width:400px;
  }
  #home #destaque #destaque-box .content .content-text {
    margin:0 0 15px;
  }
  #home #destaque #destaque-box .image {
    float:left;
    text-align:left;
    width:270px;
  }
  
  #home #destaque .arrow {
    background:url(/images/pagination-big-arrow.png) no-repeat top;
    height:67px;
    margin:-43px 0 0 0;
    position:absolute;  
    top:50%;
    width:44px;
  }
  #home #destaque .arrow-left {
    background-position:left top;
    left:20px;
  }
  #home #destaque .arrow-left:hover {
    background-position:left bottom;
  }
  #home #destaque .arrow-right {
    background-position:right top;
    right:20px;
  }
  #home #destaque .arrow-right:hover {
    background-position:right bottom;
  }
  
  #home #destaque #destaque-cloud {
    background:url(/images/destaque-cloud.png) no-repeat center;
    bottom:-9px;
    height:75px;
    left:0;
    position:absolute;
    width:960px;
  }
  
  #home #home-main {
    background:url(/images/home-main-bg.png) repeat-x bottom;
    padding:40px 0 20px;
    margin:0 0 30px;
    min-height:310px;
  }
  
  #home #home-main #follow {
    position:absolute;
    top:0;
    right:0;
  }
  
  #home #home-main #follow #siga-dito-text {
    position:absolute;
    top:-43px;
    left:-90px;
  }
  
  #home #home-main #follow li {
    float:left;
    margin:0 5px 0 0;
  }
  #home #home-main #follow li.ico {
    position:relative;
    top:2px;
  }
  
  #home #home-main #about {
    float:left;
    width:460px;
    margin:0 50px 0 0;
    padding:0 0 0 30px;
  }
  
  #home #home-main #about #dito-facts {
    padding:30px 0 0;
    border-top:1px #FFF solid;
  }
  
  #home #home-main #about #dito-facts #dito-facts-box {
    overflow:hidden;
    width:460px;
  }
  
  #home #home-main #about #dito-facts h2 {
    font-size:46px;
    margin:0 0 10px;
  }
  #home #home-main #about #dito-facts li {
    font-size:17px;
    line-height:1.2;
    float:left;
    width:390px;
    padding-right:100px;
    text-shadow:1px 1px 0 #FFF;
  }
  #home #home-main #about #dito-facts li a {
    color:#666;
  }
  
  #home #home-main #about #dito-facts .arrow {
    background:url(/images/pagination-small-arrow.png) no-repeat top;
    height:21px;
    margin:-10px 0 0 0;
    position:absolute;  
    top:50%;
    width:21px;
  }
  #home #home-main #about #dito-facts .arrow-left {
    background-position:left top;
    right:25px;
  }
  #home #home-main #about #dito-facts .arrow-left:hover {
    background-position:left bottom;
  }
  #home #home-main #about #dito-facts .arrow-right {
    background-position:right top;
    right:0;
  }
  #home #home-main #about #dito-facts .arrow-right:hover {
    background-position:right bottom;
  }
  
  #home #home-main #about #what-we-do {
    border-bottom:1px #DBDBDB solid;
    padding:0 0 30px 0;
  }
  
  #home #home-main #about #what-we-do h3 {
    font-weight:bold;
    color:#333;
    font-size:24px;
    margin:0 0 10px;
  }
  #home #home-main #about #what-we-do p {
    font-size:14px;
    line-height:1.4;
    color:#333;
  }
  
  #home #home-main #projeto-destaque {
    float:left;
    width:420px;
    margin:40px 0 0 0;
  }
  
  #home #home-main #projeto-destaque #projeto-destaque-box {
    width:420px;
    height:250px;
    overflow:hidden;
  }
  
  #home #home-main #projeto-destaque h3 {
    font-size:14px;
    color:#999;
    font-weight:bold;
    position:relative;
    left:40px;
    margin:0 0 10px;
  }
  #home #home-main #projeto-destaque h3 strong {
    color:#333;
  }
  
  #home #home-main #projeto-destaque li {
    float:left;
    width:420px;
    height:250px;
  }
  
  #home #home-main #projeto-destaque li .image {
    background-repeat:no-repeat;
    background-position:center;
    width:358px;
    display:block;
    height:226px;
    margin:0 auto;
    border:1px #FFF solid;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  }
  
  #home #home-main #projeto-destaque li .shadow {
    width:338px;
    height:15px;
    display:block;
    margin:0 auto;
    background:url(/images/image-bottom-shadow.png) no-repeat;
  }
  
  #home #home-main #projeto-destaque .arrow {
    background:url(/images/pagination-med-arrow.png) no-repeat top;
    height:50px;
    margin:-25px 0 0 0;
    position:absolute;  
    top:50%;
    width:34px;
  }
  #home #home-main #projeto-destaque .arrow-left {
    background-position:left top;
    left:15px;
  }
  #home #home-main #projeto-destaque .arrow-right {
    background-position:right top;
    right:15px;
  }
  
  #boxes {
    background:#FFF;
    border:1px #D2D2D2 solid;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  }
  
  #boxes .box {
    padding:25px 30px 30px;
    float:left;
    width:258px;
  }
  
  #boxes .box h2 {
    background-position:left center;
    background-repeat:no-repeat;
    border-bottom:1px #D2D2D2 solid;
    color:#76B73C;
    font-family:inherit;
    font-weight:bold;
    font-size:22px;
    margin:-20px 0 30px 0;
    text-transform:lowercase;
    position:relative;
    padding:15px 0 25px 30px;
  }
  
  #boxes #posts h2 {
    background-image:url(/images/posts-ico.png);
  }
  #boxes #twitter h2 {
    background-image:url(/images/twitter-ico.png);
  }
  #boxes #jobs h2 {
    background-image:url(/images/jobs-ico.png);
  }
  #boxes #clients h2 {
    background-image:url(/images/clients-ico.png);
  }
  
  #boxes .box h2 .actions {
    position:absolute;
    top:-5px;
    right:0;
  }
  
  #boxes .box .actions {
    text-align:right;
  }
  
  #boxes #posts {
    border-right:1px #D2D2D2 solid;
  }
  
  #boxes #posts li {
    color:#CCC;
    padding:0 0 0 5px;
    margin:0 0 20px 15px;
    list-style:circle;
  }
  #boxes #posts li a {
    color:#324A4E;
  }
  
  
  #boxes #twitter {
    border-right:1px #D2D2D2 solid;
  }
  
  #boxes #twitter #twtr-widget-1 .twtr-bd, #boxes #twitter #twtr-widget-1 .twtr-timeline i a, #boxes #twitter #twtr-widget-1 .twtr-bd p {
    color:#324A4E !important;
    font-size:13px !important;
  }
  
  #boxes #twitter .twtr-tweet-wrap {
    padding:0 !important;
  }
  
  #boxes #twitter #twtr-widget-1 {
    /*background:url(/images/tweets-bg.png) repeat-x bottom center;
    border:1px #D4D4D4 solid;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;*/
  }
  
  #boxes #twitter #twtr-widget-1 .twtr-tweet {
    padding:0 0 20px;
    margin:0 0 20px;
    color:#324A4E;
  }
  
  #boxes #twitter #twtr-widget-1 .twtr-doc, #boxes #twitter #twtr-widget-1 .twtr-hd a, #boxes #twitter #twtr-widget-1 h3, #boxes #twitter #twtr-widget-1 h4, #boxes #twitter #twtr-widget-1 .twtr-popular, #boxes #twitter #twtr-widget-1 .twtr-new-results, #boxes #twitter #twtr-widget-1 .twtr-results-inner, #boxes #twitter #twtr-widget-1 .twtr-timeline {
    background:none !important;
  }
  
  #boxes #twitter #twtr-widget-1 .twtr-hd {
    display:none !important;
  }
  
  #boxes #twitter #twtr-widget-1 .twtr-ft {
    display:none !important;
  }
  
  #boxes #jobs li {
    border-bottom:1px #DDD dotted;
    padding:0 0 20px 20px;
    margin:0 0 20px 0;
  }
  #boxes #jobs li a {
    color:#333;
  }
  
  
  #boxes #clients {
    background:#F4F4F4;
    border-top:1px #D2D2D2 solid;
    width:auto;
    float:none;
    
    -moz-border-radius-bottomright:5px;
  	-moz-border-radius-bottomleft:5px;
  	-webkit-border-bottom-right-radius:5px;
  	-webkit-border-bottom-left-radius:5px;
  }
  
  #boxes #clients .client {
    background-position:center;
    background-repeat:no-repeat;
    height:100px;
    width:137px;
    background-color:#FFF;
    border:1px #DDD solid;
    margin:0 10px 0 0;
    float:left;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  }
  #boxes #clients .last {
    margin-right:0;
  }
  
/***** /home *****/

/***** news *****/
  #news .news {
    padding:15px;
    margin:0 0 20px;
    background:#F9F9F9;
    border-bottom:1px #DDD solid;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  }
  #news .news .image {
    width:180px;
    height:150px;
    background:#FFF;
    border:2px #DDD solid;
    float:left;
    padding:10px;
    margin:0 20px 0 0;
  }
  #news .news .image .image-box {
    width:180px;
    overflow:hidden;
    height:150px;
  }
  #news .news .image a {
    cursor:url(/images/cursor-zoom.png), -moz-zoom-in;
  }
  .ie #news .news .image a {
    cursor:pointer;
  }
  #news .news .data {
    float:left;
    width:635px;
    padding:10px 0;
  }
  #news .news .data h2 {
    margin-bottom:10px;
    font-size:22px;
    text-transform:none;
  }
  #news .news .data h2 a {
    color:#000;
  }
  
  #news .news .data .date {
    color:#999;
    font-size:16px;
    margin:0 0 15px;
  }
  #news .news .data .description {
    line-height:1.4;
    font-size:14px;
  }
  #news .news .data .link {
    margin:15px 0 0 0;
    padding:15px 15px 0 15px;
    border-top:1px #DDD dotted;
    text-align:right;
  }
  #news .news .data .link .ico {
    position:relative;
    top:3px;
  }
/***** /news *****/

/***** sidebar *****/
  #sidebar {
    background:#F8F8F8;
    padding:30px;
    margin:-30px -30px -30px 0;
    float:left;
    width:309px;
    
    -moz-border-radius-topright:5px;
  	-moz-border-radius-bottomright:5px;
  	-webkit-border-top-right-radius:5px;
  	-webkit-border-bottom-right-radius:5px;
  }
  
  #tab #sidebar {
    display:none;
  }
/***** /sidebar *****/

/***** fatos *****/
  #fatos {
  }
  #fatos #fatos-box {
    margin:-30px 0 0 0;
  }
  #fatos .fato {
    border-bottom:1px #CCC dotted;
    padding:40px 30px 40px 0;
    position:relative;
  }
  #fatos .fato .num {
    font-size:42px;
    float:left;
    color:#CCC;
    text-align:center;
    width:80px;
    font-family:'Times New Roman';
    text-shadow:1px 1px 0 #FFF;
    position:relative;
    top:5px;
  }
  #fatos .fato p {
    font-family:Georgia;
    color:#222;
    font-size:18px;
    text-shadow:1px 1px 0 #FFF;
    float:left;
    width:410px;
  }
  
  #fatos .fato .share {
    position:absolute;
    bottom:7px;
    right:10px;
    display:none;
  }
  
  #fatos .fato .share iframe {
    float:left;
    margin:0 0 0 10px;
    width:96px !important;
  }
  
  #fatos .fato .share iframe.facebook-iframe {
    width:77px !important;
  }
  
  
  #fatos .current {
    background:#FCFCFC;
  }
  #fatos .current .share {
    display:block;
  }
  #fatos .current .num {
    color:#888;
  }
/***** /fatos *****/

/***** cases *****/
  #cases {
  }
  
  #cases .case {
    border-bottom:1px #CCC dotted;
    padding:0 10px 35px 10px;
    margin:0 -10px 30px -10px;
  }
  
  #cases .last {
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0;
  }
  
  #cases .case .case-box {
    border-top:2px #85C549 solid;
    position:relative;
    margin:53px 0 0 0;
  }
  
  #cases .case .photo .ss {
    
  }
  
  #cases .case .data {
    position:absolute;
    top:-21px;
    left:0;
    width:100%;
  }
  #cases .case .data .nome {
    background:#85C549;
    color:#FFF;
    font-size:11px;
    font-weight:bold;
    float:left;
    padding:5px 10px 4px;
    
    -moz-border-radius-topright:5px;
  	-moz-border-radius-topleft:5px;
  	-webkit-border-top-right-radius:5px;
  	-webkit-border-top-left-radius:5px;
  }
  #cases .case .data .client {
    position:absolute;
    right:0;
    padding:5px;
    font-style:italic;
    font-size:11px;
    color:#999;
    bottom:0;
  }
/***** /cases *****/

/***** contato *****/
  #contato .side {
    float:left;
  }
  #contato .email {
    margin:0 20px 0 0;
    width:300px;
  }
  #contato .email .text {
    width:278px;
  }
  #contato .telefone {
    width:200px;
  }
  #contato .telefone .text {
    width:178px;
  }
  #contato textarea {
    height:148px;
  }
  
  #contato #endereco {
    background:#FFF;
    border:1px #DDD solid;
    padding:20px;
    margin:0 0 20px 0;
    
    border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  }
  
  #contato #endereco h5 {
    font-weight:bold;
    margin:0 0 10px 0;
    font-size:16px;
  }
/***** /contato *****/

/***** clientes *****/
  #clientes .cliente {
    background-repeat:no-repeat;
    background-position:center;
    float:left;
    margin:0 20px 20px 0;
    height:100px;
    width:150px;
    border:1px #DDD solid;
    
    border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  }
  #clientes .cliente:hover {
    border-color:#999;
  }
  
  #tab #clientes .cliente {
    width:130px;
    height:90px;
  }
/***** /clientes *****/

/***** project *****/
  #project #project-sidebar {
  }
  #project #project-images {
    float:left;
    width:360px;
    position:relative;
  }
  #project #project-images .jcarousel-clip {
    overflow:hidden;
  }
  
  #project #project-images li {
    float:left;
    width:360px;
    height:250px;
  }
  
  #project #project-images li .image {
    background-repeat:no-repeat;
    background-position:center;
    width:358px;
    height:226px;
    margin:0 auto;
    border:1px #FFF solid;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  }
  
  #project #project-images li .shadow {
    width:338px;
    height:15px;
    display:block;
    margin:0 auto;
    background:url(/images/image-bottom-shadow.png) no-repeat;
  }
  
  #project #project-images .arrow {
    background:url(/images/pagination-med-arrow.png) no-repeat top;
    height:50px;
    margin:-25px 0 0 0;
    position:absolute;  
    top:50%;
    width:34px;
  }
  #project #project-images .arrow-left {
    background-position:left top;
    left:-15px;
  }
  #project #project-images .arrow-right {
    background-position:right top;
    right:-15px;
  }
  
  #project #project-facts {
    padding:20px;
    background:#F8F8f8;
    float:left;
    margin:0 30px 0 0;
    width:470px;
    border-bottom:2px #DDD solid;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  }
  
  #project #project-facts h2 {
    margin:0 0 5px;
    text-shadow:1px 1px 0 #FFF;
  }
  
  #project #project-facts .fact {
    border-bottom:1px #CCC dotted;
    padding:10px 10px 10px 0;
    position:relative;
    text-shadow:1px 1px 0 #FFF;
  }
  #project #project-facts .last {
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
  }
  #project #project-facts .fact .num {
    font-size:28px;
    float:left;
    color:#CCC;
    width:30px;
    font-family:'Times New Roman';
    text-shadow:1px 1px 0 #FFF;
  }
  #project #project-facts .fact p {
    font-family:Georgia;
    color:#222;
    font-size:16px;
    text-shadow:1px 1px 0 #FFF;
    float:left;
    width:425px;
  }
  
  #project #project-data {
    margin:0 0 20px;
  }
  #project #project-descricao p {
    font-size:16px;
  }
/***** /project *****/

/***** footer  *****/
  #footer {
    margin:30px 0;
  }
  
  #footer .wrapper {
    padding:0 30px;
    width:900px;
  }
  
  #footer #footer-logo {
    float:left;
    border-right:1px #CCC solid;
    padding:0 30px 0 0;
    margin:0 30px 0 0;
  }
  
  #footer #footer-content {
    float:left;
    padding:10px 0;
  }
  
  #footer #footer-content li {
    float:left;
    font-size:12px;
    margin:0 15px 0 0;
  }
  
  #footer #footer-content .copyright {
    color:#999;
    font-size:11px;
    margin:5px 0 0 0;
  }
/***** /footer  *****/

/***** jobs *****/

  #jobs .job {
    color:#999;
    padding:13px;
    display:block;
    border:1px #DDD solid;
    border-left:2px #85C548 solid;
    margin:0 0 3px 0;
    position:relative;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  }
  #jobs .job span {
    color:#000;
  }
  #jobs .highlight {
    border-left-color:#85C548;
  }
  #jobs .job .title {
    font-weight:bold;
  }
  #jobs .job .city {
    background:#FFFFCC;
    padding:0 2px;
  }
  #jobs .job .additional-data {
    position:absolute;
    top:50%;
    right:10px;
    margin:-6px 0 0 0;
  }
  #jobs .job .new {
    margin:-5px 0 0 0;
    position:relative;
    top:4px;
  }
  #jobs .job .date {
    font-size:11px;
    color:#999;
  }
  #jobs .job:hover {
    background:#F8F8F8;
    text-decoration:none;
  }
  
  #jobs ul {
    margin:0 0 30px 0;
  }
  
  #jobs #why {
    float:left;
    width:210px;
    background:#FCFCFC;
    border-top:2px #DDD solid;
    padding:20px 20px 10px;
    position:relative;
    margin:20px 0 0 0;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  }
  #jobs #why p {
    color:#666;
    text-shadow:1px 1px 0 #FFF;
    font-size:12px;
    line-height:1.4;
    margin:0 0 10px 0;
  }
  
  #jobs #why .seta {
    border-color: transparent transparent #FCFCFC transparent;
    border-style:solid;
    border-width:10px;
    width:0;
    height:0;
    position:absolute;
    top:-20px;
    left:160px;
  }
  #jobs #why .seta-border {
    border-color: transparent transparent #DDD transparent;
    border-style:solid;
    border-width:10px;
    width:0;
    height:0;
    position:absolute;
    top:-22px;
    left:160px;
  }
/***** /jobs *****/


/***** job *****/
  #job #job-header {
    border-bottom:2px #DDD solid;
    background:#FCFCFC;
    margin:-30px -30px 30px;
    padding:30px;
    position:relative;
    
    -moz-border-radius-topleft:5px;
  	-moz-border-radius-topright:5px;
  	-webkit-border-top-left-radius:5px;
  	-webkit-border-top-right-radius:5px;
  }
  #job #job-header h1 {
    margin-bottom:10px;
  }
  #job #job-header #job-foto {
    float:right;
  }
  
  #job #job-header .date {
    font-size:11px;
    color:#999;
    text-transform:uppercase;
    margin:0 0 25px;
    text-shadow:1px 1px 0 #FFF;
  }
  #job #job-header .company {
    font-size:18px;
    color:#666;
    margin:0 0 10px;
  }
  #job #job-header .url {
    font-size:16px;
  }
  
  #job #job-apply {
    border-top:1px #DDD dotted;
    padding:31px 0 16px 0;
    margin:15px 0 0 0;
  }
  #job #job-apply .btn {
    background:url(/images/menu-link-bg.png) repeat-x bottom left #9CD63F;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    padding:12px 17px;
    position:relative;
    text-transform:lowercase;
    color:#FFF;
    border:1px #86B941 solid;
    text-shadow:-1px -1px 0 #86B941;
    
    border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  }
  
  #job #job-description {
    margin:0 0 30px;
    position:relative;
    min-height:150px;
  }
  
  #job #job-description p {
    font-size:14px;
    line-height:1.4;
    padding:0 250px 0 0;
  }
  
  #job #job-instructions {
    padding:20px;
    background:#f5f5f5;
    border:1px #DDD solid;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  }
  #job #job-instructions h3 {
    color:#000;
    font-weight:bold;
    margin:0 0 10px;
  }
  
  /***** apply job *****/
    #new-apply .explicacao {
      background:#F8f8F8;
      padding:20px;
      width:480px;
      margin:0 0 20px;
      
      border-radius:5px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
    }
    #new-apply form {
      width:520px;
    }
    #new-apply label {
      font-size:11px;
      color:#555;
    }
    #new-apply .text {
      font-size:14px;
    }
    #new-apply small {
      font-size:10px;
      color:#999;
      display:block;
      margin:3px 0 0 0;
    }
    
    #new-apply .side {
      float:left;
      width:250px;
    }
    #new-apply .first {
      margin:0 20px 0 0;
    }
    #new-apply .side .text {
      width:230px;
    }
    
    #new-apply .briefing textarea {
      height:80px;
    }
    
    #new-apply .actions {
      position:relative;
      padding:20px 0 0 0;
      border-top:1px #DDD solid;
    }
    
    #new-apply .campos-obrigatorios {
      position:absolute;
      top:50%;
      left:0;
      color:#555;
    }
  /***** /apply job *****/

/***** /job *****/

.flash-message {
  border-bottom:1px #DDD solid;
  font-size:14px;
  background:#FCFCFC;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  
  box-shadow:0 1px 3px #999;
  -moz-box-shadow:0 1px 3px #999;
  -webkit-box-shadow:0 1px 3px #999;
}

.flash-message p {
  padding:10px;
}

.close-flash-message {
  margin:-9px 0 0 0;
  position:absolute;
  top:50%;
  right:10px;
}

.flash-notice {
  background:#F2F9E3;
  border-color:#D6ECA6;
}

.flash-warning {
  background:#FCF8EB;
  border-color:#F0EEA6;
}

.flash-error {
  background:#FAEDED;
  border-color:#E9ADAD;
}

#error_explanation {
  background:#F8F4E4;
  padding:20px;
  margin:0 0 20px;
      
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

#error_explanation h2 {
  font-size:18px;
  color:#000;
  margin:0 0 10px;
}

#error_explanation li {
  line-height:1.4;
  list-style:disc;
  color:#444;
  margin:0 0 0 20px;
}