/* CSS BASE */
  body,
  label, 
  input, 
  button, 
  select, 
  textarea, 
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .btn {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  html,  body { 
    height: 100%;
  }
  body {
    color: #666;
    line-height: 18px;
    background: #f9f9fa url(usimages/bg_body.png) center top repeat-y;
    font-family: Verdana;
  }
  body > .contbiner, 
  .-container > .container, 
  .page-container > .container-fluid {
    margin-top: 20px;
  }
  a:hover {
    text-decoration: none;
  }


/* MENU */
  nav {
    text-align: center;
    position: relative;
    z-index: 9999;
    clear: both;
    margin-top: -10px;
    *margin-top: 0px;
    margin-bottom: 30px;
  }

  nav li {
    float: left;
    list-style: none;
    height: 55px;
    margin-right: 1%;
  }
  nav li a {
    display: block;
    color: #999;
    padding: 14px 0px 14px 0px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    *font-size: 13px;
    font-weight: 600;
  }
  nav li a:hover, 
  nav li a.active  {
    text-decoration: none;
    border-top-color: #77cc33;
    border-bottom-color: #77cc33;
    color: #66cc33;
    background: url(usimages/arrow_menu.png) no-repeat center top;
  }
  .header-fix nav li a:hover,   
  .header-fix nav li a.active {
    border-bottom-color: transparent;
  }
  nav .navsub {
    position: absolute;
    display: none;
    padding: 15px 15px 15px 15px;
    margin-top: 10px;
    min-width: 194px;
    border: 1px solid #ccc;
    background: #fff;
    *margin-left: -80px;
    *width: 194px;
  }
  nav .navsub ul {
    float: left;
    width: 194px;
    margin: 0px;
    min-height: 105px;
  }
  nav .navsub.subright ul {
    float: right;
  }
  nav .navsub ul li {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #eee;
    height: auto;
    min-height: 34px;
    *height: 34px;
  }
  nav .navsub ul li:last-child {
    border-bottom: none;
  }
  nav .navsub ul li a {
    color: #888;
    margin: 0px;
    padding: 8px 10px 8px 10px;
    font: 12px Verdana;
    line-height: 18px;
  }
  nav .navsub ul li a:hover,
  nav .navsub ul li a.select {
    color: #fff;
    background: #b2e599;
    border-color: #fff;
  }
  nav .navsub ul ul {
    position: absolute;
    display: none;
    margin-left: 210px;
    padding-left: 15px;
    border-left: 1px solid #eee;
    top: 15px;
  }
  nav .navsub.subright ul ul {
    margin-left: -240px;
    border-left: 0;
    border-right: 1px solid #eee;
    padding-right: 15px;
  }
  nav .navsub.subright ul ul li {

  }
  nav .navsub img {
    position: absolute;
    border: 1px solid #eee;
    padding: 4px;
    top: 10px;
    right: 10px;
    /*width: 110px;
    height: 110px;*/
  }
  nav .navsub.subright img {
    right: none;
    left: 10px;
    /*width: 110px;
    height: 110px;*/
  }
  nav .seta_menu {
    display: block;
    position: relative;
    width: 100%;
    height: 7px;
    background: url(usimages/arrow_menusub.png) center no-repeat;
    z-index: 9001;
    margin: 10px 0 -12px 0;
  }


/* SUBMENU MENU INTERNO */
  .menu_interno {
    margin: 22px 0 0 0;
    padding: 0px;
  }
  .menu_interno li {
    list-style: none;  
  }
  .menu_interno a {
    display: block;
    padding: 8px 10px 8px 10px;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    *font-weight: 200;
    margin-bottom: 2px;
  }
  .menu_interno .active,
  .menu_interno a:hover {
    background: #94db70;
    color: #fff;
    text-decoration: none;
  }


/* TITLES */
  h1 {
    width: 155px;
    height: 45px;
    margin: 20px 0 20px 0;
  }
  h1 a {
    background: url(usimages/logo.png) center center no-repeat;
    display: block;
    text-indent: -9999px;
    height: 45px;
  }
  h1.logoMecanica a {
    background: url(usimages/logo_mecanica.png) center center no-repeat;
  }
  h1.logoMineracao a {
    background: url(usimages/logo_mineracao.png) center center no-repeat;
  }
  h1.logoSolucoes a {
    background: url(usimages/logo_solucoes.png) center center no-repeat;
  }
  h2 {
    padding: 0;
    margin: -2px 0 8px 0px;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px!important;
    font-weight: 600;
    line-height: 24px;
    padding-right: 20px;
    clear: both;
  }
  h2 a {
    color: #666!important;
  }
  h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    color: #4fb4e7;
  }
  h3.tag,
  h3.inverse {
    display: inline;
    font-size: 14px;
    /*background: #2a80b9;*/
	background: #6dbf34;
    color: #fff;
    padding: 0px 14px 0px 14px;
    text-transform: uppercase;
    float: right;
    line-height: 30px;
  }
  h3.inverse {
    background: #fff;
    color: #2a80b9;
    float: left;
    padding: 0px 14px 0px 0px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    line-height: 15px;
  }
  h3.free,
  h3.freeCenter {
    color: #66cc33;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    padding: 0px 0 6px 0;
  }
  h3.freeCenter {
    text-align: center;
    border-bottom: 2px solid #b2e599;
  }
  h4 {
    color: #336699;
    font-size: 12px;
    font-weight: bold;
  }
  h4.titlebox {
    margin-top: 0px;
    padding: 8px 20px 8px 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
  }
  h4.uppercase {
    margin: 0 0 8px 0;
    line-height: 16px;
    padding: 0px;
    color: #888;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: -1px;
  }
  h5 {
    color: #44aa00;
    font-weight: bold;
    font-size: 12px;
  }
  h6 {
    color: #33bb00;
    font-weight: normal;
    background: url(usimages/arrow_title.png) no-repeat left 5px;
    padding: 0 0 0 15px;
  }


/* ELEMENTS FORMAT */
  legend {
    color: #888;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .noticia-data {
    color: #77cc33;
    display: block;
    margin-bottom: 15px;
  }


/* TABLE */
  thead.medium {
    background: #ddd;
  }
  thead.inverse {
    background: #444;
    color: #ddd;
  }
  td {
    padding-bottom: 0px!important;
  }
  .tr-collapse td {
    padding: 20px!important;
  }
  .tr-collapse {
    display: none;
  }
  .optionicons {
    margin-left: 5px;
    padding: 5px;
  }
  ul.no-list li {
    list-style-type: none;
  }


/* FIGURES */
  figure {
    margin: 0px;
    position: relative;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
    width: 100%;
    height: 256px;
    background-repeat: no-repeat!important;
    /**behavior: url(assets/css/boxsizing.htc);*/
  }


/* SLIDESHOW */
  .carousel-indicators {
    position: absolute;
    top: 295px;
    left: 50%;
    list-style: none;
    padding: 0;
    text-align: center;
    z-index: 9990;
  }
  .carousel-indicators li {
    display: inherit;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    text-indent: -999px;
    background-color: #fff;
    margin: 2px 3px 0 3px;
  }
  .carousel-indicators .active {
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin: 0 1px 0 1px;
  }
  .carousel {
    padding-bottom: 20px;
    *padding-bottom: 7px;
  }
  .carousel-control {
    position: absolute;
    top: auto;
    left: 0px;
    width: 30px;
    padding-top: 140px;
    height: 180px;
    bottom: 20px;
    font-size: 20px;
    font-weight: 100;
    line-height: 27px;
    text-align: center;
    background: #aaa;
    color: #fff;
    border: 0;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
  }
  .carousel-control.right {
    right: 0px;
    left: auto;
  }
  .carousel-control:hover,
  .carousel-control:focus {
    background: #ddd;
    color: #666;
    text-decoration: none;
  }



header {
  position: relative;
  border-bottom: 5px solid #77cc33;
  background: #fff;
  z-index: 9001;
}

/* NAV HEADER */
  .navheader,
  .features,
  .capa,
  .destaque {
    color: #ddd;
  }

  .navheader {
    margin-top: 25px;
  }
  .navheader ul, .navheader form {
    float: right;
  }
  .navheader li {
    float: left;
    list-style: none;
    margin-left: 0px;
    font-size: 10px;
  }
  .navheader-menu, .navheader-busca {
    margin-top: 6px;
  }
  .navheader-menu .lang a {
    margin: 0 3px;
  }
  .navheader-menu li {
    margin: 0 10px;
    color: #888;
  }
  .navheader-menu li a {
    color: #888;
  }
  .navheader-menu li a:hover {
    color: #2aa0d9;
    text-decoration: none;
  }

  .navheader form input {
    width: 190px;
    height: 24px;
    padding: 2px 35px 2px 15px;
    border: 0px;
    font-size: 11px;
    background-image: url(usimages/bg_search.png);
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0);
	box-sizing: border-box;
  }
  .navheader form input:focus {
      -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0);
         -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0);
              box-shadow: 0 0px 0 rgba(0, 0, 0, 0);
  }

  .navheader-social a,
  .footer-social a {
    display: block;
    width: 35px;
    height: 35px;
    background-image: url(usimages/icon_socialmidia.png);
    text-indent: -9999px;
  }
  .navheader-social .ico_twitter        {background-position:   0px top}
  .navheader-social .ico_facebook       {background-position: -45px top}
  .navheader-social .ico_linkedin       {background-position: -90px top}
  .navheader-social .ico_twitter:hover  {background-position:   0px -35px}
  .navheader-social .ico_facebook:hover {background-position: -45px -35px}
  .navheader-social .ico_linkedin:hover {background-position: -90px -35px}
  .footer-social .ico_twitter           {background-position:   0px -70px}
  .footer-social .ico_facebook          {background-position: -45px -70px}
  .footer-social .ico_linkedin          {background-position: -90px -70px}
  .footer-social .ico_twitter:hover     {background-position:   0px -106px}
  .footer-social .ico_facebook:hover    {background-position: -45px -106px}
  .footer-social .ico_linkedin:hover    {background-position: -90px -106px}


/* FEATURES - CAPA DO SITE */
  .features .capa figure {
    height: 320px;
  }
  .features .capaInterna figure {
    height: 220px;
  }
  .features .container-fluid {
    padding: 0px!important;
  }
  .features .carousel-control {
    position: absolute;
    top: auto;
    left: 0px;
    width: 80px;
    padding-top: 0px;
    height: 70px;
    bottom: 150px;
    background-color: transparent;
    background-image: url(usimages/arrow_carousel1.png);
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    background-position: right bottom;
    background-repeat: no-repeat;
    z-index: 999;
  }
  .features .carousel-control:hover {
    background-position: right top;

  }
  .features .carousel-control.right {
    right: 0px;
    left: auto;
    background-position: left bottom;
  }
  .features .carousel-control.right:hover {
    background-position: left top;
  }



  .features-a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .capa, 
  .capaInterna {
    height: 320px;
    width: 100%;
  }
  .capaInterna {
    height: 220px;
  }


/* BREADCRUMB */
  .breadcrumb {
    background-color: transparent;
    margin: 10px 0 0 0;
    padding: 0px;
    float: left;
    display: inline-block;
    margin: 1px 0 20px 0;
    font-size: 9px;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
  .breadcrumb li {
    float: left;
    padding: 3px 6px 2px 6px;
    border-right: 1px solid #e6e6e6;
    margin: 0px;
    line-height: 15px;
    color: #bbb;
    text-shadow: none;
  }
  .breadcrumb li:last-child {
    background: #b2e599;
    color: #fff;
    border: none;
    text-shadow: none;
  }
  .breadcrumb a {
    color: #aaa;
  }
  .breadcrumb a:hover {
    color: #444;
    text-decoration: none;
  }
  .title-bread ul.breadcrumb {
    width: auto;
    margin-left: 10px;
  }


/* ABAS */
  .tab-content {
    border: 1px solid #ddd;
    border-top: 0px;
    padding: 10px;
    padding: 20px;
    border-color: #eee;
    border-bottom: none;
    border-right: none;
    overflow: hidden;
  }
  .nav-tabs {
    margin: 0px;
  }
  .nav-tabs,
  .nav-tabs li a:hover {
    border-color: #eee;
  }
  .nav-tabs li a {
    font-size: 10px;
    padding-left: 6px;
    padding-right: 6px;
    background: #fafafa;
    color: #ccc;
    font-weight: bold;
    border: 1px solid #eee;
    border-right: none;
    margin: 0;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
            margin-top: 3px;
  }
  .nav-tabs li:last-child a,
  .nav-tabs li:last-child.active a:hover {
    border-right: 1px solid #eee;
  }
  .nav-tabs li.active a,
  .nav-tabs li.active a:hover {
    border-color: #eee!important;
    border-bottom-color: #fff!important;
    color: #66cc33!important;
    padding: 10px 8px 9px 8px;
    margin-top: 0px;
  }
  .tabs-left {
    margin-top: -10px;
  }
  .tabs-left .tab-content {
    border: none;
  }
  .tabs-left .nav-tabs {
    width: 84px;
  }
  .tabs-left .nav-tabs li a {
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
  }
  .tabs-left .nav-tabs li a,
  .tabs-left .nav-tabs li a:hover,
  .tabs-left .nav-tabs li.active a,
  .tabs-left .nav-tabs li.active a:hover {
    width: 64px;
    margin: 0px;
    border: 1px solid #eee!important;
    border-left: 0px!important;

    padding: 10px 0 10px 10px;
  }
  .tabs-left .nav-tabs li.active a,
  .tabs-left .nav-tabs li.active a:hover {
    border-right: 1px solid #fff!important;
  }
  .tab-content table td {
    border: 1px solid #ddd;
  }


/* HOME */
  .row {
    margin-bottom: 30px;
  }
  .news-list {
    margin: 0px;
    padding: 0px;
  }
  .news-list li {
    list-style: none;
  }
  .news-list .news {
    background: #f6f7f7 url(usimages/bt_mais.png) right bottom no-repeat;
    margin-bottom: 8px;
    line-height: 15px;
    color: #888;
  }
  .news-list .news a {
    display: block;
    color: #888;
    padding: 10px 20px 12px 20px;
  }
  .news-list .news a:hover {
    color: #2aa0d9;
    text-decoration: none;
  }
  .news-list .news h4 {
    margin: 0 0 8px 0;
  }
  .maisnoticias {
    float: right;
    color: #fff;
    background: #aee88f;
    padding: 1px 6px 2px 6px;
    font-weight: bold;
    font-size: 10px;
  }
  .maisnoticias:hover {
    color: #fff;
    text-decoration: none;
    background: #66cc33;
  }


  figure.foto-mercado figcaption {
    position: absolute;
    color: #fff;
    background: rgba(102, 198, 51, 0.92);
    *background: #66C633;
    background: #66C633\9;
    filter:alpha(opacity=94); 
    bottom: 0px;
    width: 100%;
  }
  figure.foto-mercado figcaption section{
    padding: 14px 0px 6px 0px;
  }
  figure.foto-mercado h6 {
    color: #267a25;
    font-size: 11px;
    margin: 0 0 0 20px;
    padding: 0px;
    font-weight: bold;
    background: none;
  }
  figure.foto-mercado .cont_collapse {
    display: none;
  }
  figure.foto-mercado p {
    margin-left: 20px;
    margin-right: 20px;
    line-height: 15px;
  }
  figure.foto-mercado .cont_collapse p {
    text-align: justify;
  }
  figure.foto-sustentavel {
    height: 119px;
    margin-top: 18px;
  }

  .empresas .carousel-inner {
    margin-top: 0px;
  }
  .empresas figure {
    height: 270px;
  }
  .empresas figure.item {
    background-position: center center;
    background-repeat: no-repeat;
  }
  .empresas .carousel-control {
    position: absolute;
    top: auto;
    left: 0px;
    width: 38px;
    padding-top: 0px;
    height: 29px;
    bottom: 140px;
    background-color: transparent;
    background-image: url(usimages/arrow_carousel2.png);
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    background-position: right 0;
    background-repeat: no-repeat;
  }
  .empresas .carousel-control:hover {
    background-position: right -58px;
  }
  .empresas .carousel-control.right {
    right: 0px;
    left: auto;
    background-position: 0 -29px;
  }
  .empresas .carousel-control.right:hover{
    background-position: 0 -87px;
  }



  .degrade {
    position: absolute;
    width: 100%;
    height: 70px;
    z-index: 900;
  }
  .empresas-a {
    display: block;
    position: relative;
    height: 100%;
  }
  .empresas-a span{
    position: absolute; 
    bottom: 0px;
    width: 100%;
    min-height: 50px; 
    background: rgba(30, 30, 30, 0.95);
    *background: #1a1a1a;
    background: #1a1a1a\9;
  }
  .empresas-a p{
    margin: 10px 10px 10px 15px;
    color: #eee;
    line-height: 15px;
    font-size: 11px;
  }


/* PAGINAÇÃO */
  .pagination {
    text-align: center;
    margin: 0px;
    padding: 0 0 20px 0;
  }
  .pagination a {
    display: inline-block;
    padding: 5px 10px 4px 10px;
    *padding: 4px 10px 5px 10px;
    color: #999;
    background: #f0f0f0;
    margin: 0 2px 0 2px;
  }
  .pagination a:hover {
    text-decoration: none;
    color: #fff;
    background: #a2e882;
  }
  .page-numbers.current {
    display: inline-block;
    padding: 4px 9px 3px 9px;
    *padding: 3px 9px 3px 9px;
    border: 1px solid #ccc;
    color: #999;
    font-weight: bold;
    background: #fafafa;
    margin: 0 2px 0 2px;
  }



/* BANCO DE IMAGENS */ 
  .bancodeimagens figure {
    position: relative;
    float: left;
    width: 25%;
    height: auto;
    margin-bottom: 18px;
  }
  .bancodeimagens figure img {
    width: 90%;
  }
  .bancodeimagens figure figcaption {
    position: absolute;
    width: 90%;
    height: 100%;
    cursor: default;
    text-align: center;
  } 
  .bancodeimagens figure figcaption h3 {
    height: 42%;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin: 12px;
    text-align: left;
  }  
  .bancodeimagens figure figcaption a {
    display: inline-block;
    *display: block;
    width: 86%;
    padding: 4px 0 4px 0;
    margin-bottom: 5px;
    border: 1px solid rgba(255,255,255,0.5);
    *border: 1px solid #eee;
    color: #fff;
    font-size: 11px;
    text-align: center;
  }


  .bancodeimagens figure:nth-child(1n+1) figcaption{
    background: rgba(227, 75, 75, 0.9);
    *background: #e34b4b;
    background: #e34b4b\9;
  }  
  .bancodeimagens figure:nth-child(2n+1) figcaption{
    background: rgba(134, 86, 134, 0.9);
    *background: #865686;
    background: #865686\9;
  }
  .bancodeimagens figure:nth-child(3n+1) figcaption{
    background: rgba(96, 157, 209, 0.9);
    *background: #609dd1;
    background: #609dd1\9;
  }
  .bancodeimagens figure:nth-child(4n+1) figcaption{
    background: rgba(153, 204, 102, 0.9);
    *background: #99cc66;
    background: #99cc66\9;
  }
  .bancodeimagens figure:nth-child(5n+1) figcaption{
    background: rgba(241, 197, 14, 0.9);
    *background: #f1c50e;
    background: #f1c50e\9;
  }
  .bancodeimagens figure:nth-child(6n+1) figcaption{
    background: rgba(231, 126, 34, 0.9);
    *background: #e77e22;
    background: #e77e22\9;
  }
  .bancodeimagens figure:nth-child(7n+1) figcaption{
    background: rgba(0, 190, 156, 0.9);
    *background: #00be9c;
    background: #00be9c\9;
  }


/* QUICKLINK */
  .quicklink {
    margin: 0px;
  }
  .quicklink li {
    float: left;
    list-style: none;
    text-align: center;
    width: 121px;
    color: #999;
    line-height: 14px;
  }
  .quicklink img {
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .quicklink p {
    margin: 0 10px 0 10px;
    font-size: 11px;
  }
  .quicklink a {
    color: #999;
  }
  .quicklink a:hover {
    color: #66cc33;
    text-decoration: none;
    width: 111px;
  }
  .quicklink a:hover img {
    margin-top: 0px;
    margin-bottom: 5px;
    border: 5px solid #aee88f;
  }

  .quick_container {
    float: left;
    overflow: hidden;
    width: 90%;
    padding-top: 0px;
  }
  .quick_control {
    float: left;
    width: 5%;
    height: 60px;
  }
  .quick_back, .quick_next{
    margin-top: 30px;
    display: block;
    width: 30px;
    height: 29px;
    background-position: -30px 0;
    background-image: url(usimages/arrow_quicklinks.png);
  }
  .quick_back:hover{
    background-position: 0 0;
  }
  .quick_next:hover{
    background-position: 0 -29px;
  }
  .quick_back {
    float: right;
    margin-right: 10px;
  }
  .quick_next {
    background-position: -30px -29px;
    margin-left: 10px;
  }
  .quicklink .sem-item {
    width: 90px;
    height: 90px;
    margin: 0 15px 0 15px;
    background: #f3f3f3;
  }


/* SIDEBAR */
  .sidebar {
    width: auto;
    background: #f2f2f2;
    border: 0;
    border-top: 3px solid #66cc33;
    border-bottom: 3px solid #66cc33;
    padding: 15px;
  }
  .sidebar ul {
    margin: 0;
  }
  .sidebar li {
    margin-bottom: 15px;
    list-style: none;
  }


/* TEXT TOOLS */
  .texttools {
    float: right;
    margin-top: 1px;
  }
  .texttools li {
    display: inline;
    float: left;
    line-height: 15px;
    margin-left: 5px;
    color: #bbb;
    text-rendering: geometricPrecision;
  }

  .texttools li a {
    display: block;
    width: 22px;
    height: 22px;
    background-image: url(usimages/glyphicons-textcontrol.png);
  }

  .ico_tool_zoommenos {background-position: 0 0;}
  .ico_tool_zoommais  {background-position: -22px 0;}
  .ico_tool_favoritos {background-position: -44px 0;}
  .ico_tool_print     {background-position: -66px 0;}
  .ico_tool_linkedin  {background-position: -88px 0;}
  .ico_tool_twitter   {background-position: -110px 0;}
  .ico_tool_facebook  {background-position: -132px 0;}


/* DESTAQUE CONTEÚDO */
  .destaque-conteudo {
    margin: 20px 0 20px 0;
    background: #f2f2f2;
    border: 1px solid #ececec;
    padding: 8px;
    color: #44aa00;
    font-weight: bold;
    *zoom: 1;
  }
  .destaque-conteudo:before,
  .destaque-conteudo:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .destaque-conteudo:after {
    clear: both;
  }

  .destaque-conteudo span {
    display: block; 
    width: auto;
  }
  .destaque-conteudo img.alignnone {
    width: 100%;
    margin-bottom: 10px;
  }
  .destaque-conteudo img.alignleft {
    float: left;
    width: 63%;
    margin-right: 10px;
  }
  .destaque-conteudo img.alignright {
    float: right;
    width: 63%;
    margin-left: 10px;
  }
  .destaque-conteudo img.aligncenter {
    display: block;
    margin: 0 auto 10px auto;
  }


/* SALA DE IMPRENSA */
  .imprensa {
    font-size: 12px;
    color: #666;
  }
  .btCadastro {
    display: block;
    background: #77cc33 url(usimages/ico_cadastro.png) 17% 8px no-repeat;
    margin: 10px 0 20px 0;
    padding: 10px 0 10px 32%;
    color: #fff;
    font-weight: bold;
  }
  .btCadastro:hover {
    text-decoration: none;
    background-color: #b2e599;
    color: #fff;
  }
  .imprensa-servicos {
   text-align: center;
   margin: 20px 0 20px 0;
   border-bottom: 1px solid #ddd;
  }
  .imprensa-servicos a {
    display: inline-block; 
    border-right: 1px solid #ddd;
  }
  .imprensa-servicos a:last-child {
   border-right: none;
  }
  .imprensa-servicos a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
  }

  .list-striped {
    padding: 0px;
    margin: -0px;
    /*height: 250px;
    overflow: auto;*/
  }
  .list-striped li {
    list-style: none;
    padding: 5px 20px 10px 20px;
    line-height: 14px;
    font-size: 12px;
    border-bottom: 1px solid #eee;
  }
  .list-striped li:last-child {
    border-bottom: none;
  }
  .list-striped li:hover {
    background: #f4f4f4;
  }
  .list-striped li h5 {
    color: #2a80b9;
    font-size: 12px;
  }
  .list-striped li p {
    margin: 0 0 10px 0;
    padding: 0px;
  }
  .list-striped li a {
    display: block;
    margin-bottom: 2px;
  }
  .list-striped li a:last-child {
    margin-bottom: 10px;
  }
  .table-striped td {  
    padding: 10px!important;
  }
  .table-striped td:first-child {  
    padding-right: 0!important;
  }
  .table-striped td:last-child {
    padding-left: 0!important;
  }
  .table-striped h4 {
    color: #48a900;
  }
  .table-striped.lista {
    margin-top: 10px;
  }
  .table-striped.lista p {
    color: #666;
  }
  .table-striped.lista td {
    vertical-align: top;
  }
  .table-striped.lista td:first-child {
    padding: 10px 20px 10px 20px!important;
  }
  .table-striped.lista img {
    width: 106px!important;
    height: 70px;
  }


/* TIME LINE */
  .timeline-title {
    color: #666;
    font-size: 22px;
  }

  div#timelineContainer h1 {
    color:#7DBADF;
    font-size:36px;
    font-weight:400;
    margin:0;
    font-family: 'Open Sans', sans-serif;
  }
  div#timelineContainer h2 {
    font-size:13px;
    font-weight:400;
    margin:5px 0;
    font-family: 'Open Sans', sans-serif;
  }
  div#timelineContainer h3 {
    font-size:1.6em;
    margin:10px 0 10px 10px;
  }
  div#timelineContainer a:link,
  div#timelineContainer a:visited {
    color:#7097af;
    text-decoration:none;
  }
  div#timelineContainer a:hover {
    color:#7DBADF;
  }
  div#timelineContainer a img {
    border:none;
  }
  div#timelineContainer p {
    margin:0 0 10px 8px;
    font-size:1.3em;
    font-weight:400;
    line-height:1.6em;
  }
  div#timelineContainer .clear {
    clear:both;
    line-height:0;
    font-size:0;
  }

  /* ============ TIMELINE ============= */

  div#timelineContainer {
    position: relative;
    border-left:2px solid #ccc;
    margin:20px auto;
    font-size: 10px;
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
  }
  div#timelineContainer div.timelineToggle {
    float:right;
    margin-right:0;
    white-space:nowrap;
  }
  div#timelineContainer a.expandAll {
    float: right;
    color:#fff;
    cursor:pointer;
    background:#2980b5;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    font-size:10px;
    padding:0px 5px;
    margin-top: 15px;
  }
    div#timelineContainer a.expandAll:hover {
      background:#49a0d5;
      cursor:pointer;
      text-decoration: none;
    }

  div#timelineContainer div.timelineMajor {
    clear:left;
    float:left;
    margin:0 0 12px;
    width: 100%;
  }
    div#timelineContainer .timelineMajor h2 {
      background:url(usimages/timeline_century_tick.gif) left center no-repeat;
      font-family: Arial;
      cursor: pointer;
      font-weight:400;
      margin:0 0 10px;
      padding:4px 4px 4px 20px;
      font-family: 'Open Sans', sans-serif;
    }
    div#timelineContainer .timelineMajor h2 span {
      background:#94dc70;
      -webkit-border-radius:4px;
      -moz-border-radius:4px;
      font-size: 18px;
      border-radius:4px;
      color:#fff;
      padding:6px 10px 6px 10px;
    }

    div#timelineContainer div.timelineMajor p {
      margin: 0 0 16px 26px;
      color: #888;
    }

  div#timelineContainer dl.timelineMinor {
    position: relative;
    clear:left;
    float:left;
    margin:0 12px 0 0;
    padding:0px 4px 10px 0;
    position:relative;
    width: 100%;
  }
    div#timelineContainer .timelineMinor dt {
      background:url(usimages/timeline_decade_tick.gif) left center no-repeat;
      clear:left;
      font-size:1.6em;
      list-style-type:none;
      line-height:1.2em;
      margin:0 0 12px;
      padding:0 0 0 24px;
      white-space:nowrap;
    }
      div#timelineContainer .timelineMinor dt a {
        color:#bbb;
        cursor:pointer;
        font-weight: bold;
      }
      div#timelineContainer .timelineMinor dt a.closed {
        color:#bbb;
        font-size:1em;
        margin-left:0;
      }
      div#timelineContainer .timelineMinor dt a.open {
        color:#82cd54;
      }
      div#timelineContainer .timelineMinor dt a:hover {
        color:#82cd54;
        text-decoration: none;
      }

    div#timelineContainer .timelineMinor dd {
      padding-left:24px;
      width:100%;
      color: #888!important;
      font-size: 12px!important;
    }
      div#timelineContainer .timelineMinor dd h3 {
        color:#888;
        clear:both;
        float:left;
        font-size:1.5em;
        margin:0;
        white-space:nowrap;
      }
      div#timelineContainer .timelineMinor dd p {
        margin: 10px 0 0 0;
        font-size: 12px!important;
      }
      div#timelineContainer .timelineMinor dd a {
        float: left;
        margin-right: 5px;
      }
      div#timelineContainer .timelineMinor dd a:last-child {
      }
        
  div#timelineContainer .timelineEvent {
    width: 95%!important;
  }
  div#timelineContainer .timelineEvent p {
    clear:left;
    float:left;
    line-height:1.5em;
    margin:6px 0 10px;
    width: auto;
  }
  div#timelineContainer .timelineEvent h4 {
    clear:left;
    float:left;
    font-size:1.4em;
    font-weight:400;
    margin: 0 0 0 0;
    padding:0 0 0 20px;
  }
  div#timelineContainer .timelineEvent blockquote {
    border-left:2px solid #ccc;
    clear:left;
    float:left;
    font-size:1.8em;
    margin-left:0;
    padding:0 30px;
    width:400px;
  }
  div#timelineContainer .timelineEvent blockquote .attribution{
    font-size:0.7em;
    text-align: right;
  }
  div#timelineContainer .timelineEvent div.media {
    float:right;
    padding:0 0 12px;
    width:300px;
  }
    div#timelineContainer .timelineEvent .media img {
      border:2px solid #000;
      margin:0;
    }
    div#timelineContainer .timelineEvent .media p {
      font-size:1.2em;
      margin:0;
      padding:0;
    }
    div#timelineContainer .timelineEvent .media a:link,.timelineEvent .media a:visited {
      color:#ab221b;
    }
    div#timelineContainer .timelineEvent .media a:hover {
      color:#7DBADF;
    }



  /* Smartphones (landscape and portrait) ----------- */
  @media screen and (max-width: 768px) {
      div#timelineContainer * {
          max-width: 460px;
      }
      div#timelineContainer body {
          font-size: large;
      }
      div#timelineContainer .container {
         padding:10px;
      }
      div#timelineContainer div.timelineToggle {
         float:none;
      }
      div#timelineContainer .timelineEvent div.media {
          display:none;
          float:none;
      }
      div#timelineContainer .timelineMinor dt {
         font-size:1.2em;
         white-space: normal;
      }
      div#timelineContainer .timelineMinor dd h3 {
         font-size:1em;
         white-space: normal;
      }
      div#timelineContainer {
      }
      div#timelineContainer .timelineMinor dd {
          margin-left:20px;
          padding-left:0;
          width:100%;
      }
      div#timelineContainer .timelineEvent .media p {
         font-size:1em;
      }
      div#timelineContainer dl.timelineMinor {
         float:none;
         max-width:80%;
      }
      div#timelineContainer .timelineEvent p {
         float:none;
         width:100%;
      }
      div#timelineContainer .timelineEvent blockquote {
         float:none;
         width:200px;
         font-size:1em;
      }
  }
  /* Smartphones (portrait) ----------- */
  @media only screen and (max-width : 320px) {
      div#timelineContainer * {
          max-width: 300px;
      }
  }


/* EMPRESAS */
  .empresas-interna .carousel-inner {
    margin-top: 0px;
  }
  .empresas-interna figure {
    height: 200px;
  }
  .empresas-interna figure span {
    float: left;
    display: block;
    width: 50%;
    height: 200px;
    position: relative;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .empresas-interna-descricao {
    float: right; 
    width: 50%;
    height: 200px;
    background: #34495e; 
    right: 0px;
    color: #fff;
  }
  .empresas-interna-descricao p {
    color: #fff;
    line-height: 16px;
    margin: 10px 35px 20px 20px!important;
    font-size: 11px;
  }
  .empresas-interna-descricao h4 {
    margin: 20px 20px 10px 20px;
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
  }
  .empresas-interna .carousel-control {
    position: absolute;
    top: 105px;
    left: 0px;
    width: 38px;
    padding-top: 0px;
    height: 29px;
    bottom: 140px;
    background-color: transparent;
    background-image: url(usimages/arrow_carousel2.png);
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    background-position: right 0;
    background-repeat: no-repeat;
  }
  .empresas-interna .carousel-control:hover {
    background-position: right -58px;
  }
  .empresas-interna .carousel-control.right {
    right: 0px;
    left: auto;
    background-position: 0 -29px;
  }
  .empresas-interna .carousel-control.right:hover{
    background-position: 0 -87px;
  }


  .empresa-cases {
    float: left;
    width: 68%;
    padding-right: 2%;
  }
  .empresa-cases h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0px;
    line-height: 16px;
    color: #2a80b9;
  }
  .empresa-cases-image {
    float: right;
    width: 30%;
    height: 200px;
    *background-position: center top!important;
  }


  .empresas-interna .empresas-interna-descricao {
    float: right; 
    width: 50%; 
    height: 200px; 
    background: #34495e; 
    right: 0px;
    color: #fff;
  }
  .empresas-interna .empresas-interna-descricao p {
    color: #fff;
    line-height:  16px;
  }
  .empresas-interna-descricao h4 {
    margin: 20px 20px 10px 20px;
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
  }
  .empresas-interna .tag {
    position: absolute;
    left: 0px;
    z-index: 8000;
  }

    



/* MAPA DO SITE */
  .maplist {
    margin-bottom: 20px;
    *zoom: 1;
  }
  .maplist:before,
  .maplist:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .maplist:after {
    clear: both;
  }
  .maplist > ul {
    float: left;
    width: 31%;
    margin: 0 0 0 2%;
    padding: 0px;
  }
  .maplist ul li{
    list-style: none;
    margin: 0px;
  }
  .maplist ul li > h4 {
    margin-left: -15px;
  }
  .maplist h3 {
    padding: 0px;
    border-bottom: 1px solid #ad8;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 25px;
    color: #666;
  }
  .maplist a {
    color: #666;
    text-decoration: none;
  }
  .maplist a:hover,
  .maplist ul li h4 a {
    color: #4ad;
  }
  .maplist ul ul {
    padding-bottom: 20px;
  }


/* FALE CONOSCO */
  .faleconosco p {
    padding: 10px 0 10px 0;
  }
  .faleconosco ul {
    margin: 0px;
  }
  .faleconosco ul li {
    list-style: none;
    margin-bottom: 20px;
    background: #f2f2f2;
    *zoom: 1;
  }
  .faleconosco ul li:before,
  .faleconosco ul li:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .faleconosco ul li:after {
    clear: both;
  }

  .faleconosco ul li h4 {
    margin: 10px 0 0 0;
    color: #5fad3e;
  }
  .faleconosco ul li p {
    padding: 0px;
    line-height: 16px;
  }
  .faleconosco ul li i {
    float: left;
    display: block;
    width: 90px;
    height: 90px;
    margin-right: 15px;
    background-color: #7fcd5e;
  }

  [class^="iconContato-"],
  [class*="iconContato-"] {
    background-image: url(usimages/icons-faleconosco.png);
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 14px;
    margin-top: 0px;
    *margin-right: .3em;
    vertical-align: text-top;
  }
  .iconContato-informacoes {
    background-position: 0px 0;
  }
  .iconContato-vagas {
    background-position: -90px 0;
  }
  .iconContato-fornecimento {
    background-position: -180px 0;
  }
  .iconContato-canal {
    background-position: -270px 0;
  }
  .iconContato-enderecos {
    background-position: -360px 0;
  }
  .urGridLayout input,
  .urGridLayout textarea {
    width: 100%;
  }
  .urBtnStd {
    float: right;
    padding: 6px 14px 6px 14px;
    background: #7fcd5e;
    color: #fff;
    margin-left: 8px;
  }
  .urBtnStd:hover {
    text-decoration: none;
    background: #9fed7e;
    color: #fff;
  }


/* ERRO 404 */
  .page404 {
    margin-top: 180px;
    font-family: 'Open Sans', sans-serif;
  }
  .page404 h3{
    margin-bottom: 60px;
    color: #8c7;
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase;
  }
  .page404-bar {
    background: #ad8;
  }
  .page404-bar .container {
    position: relative;
    height: 150px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
  }
  .page404-bar h2{
    position: absolute;
    right: 0px;
    font-size: 180px!important;
    font-weight: bold;
    line-height: 145px;
    color: #fff;
  }
  .page404-bar h4{
    margin-top: 28px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
  }
  .page404-bar ul{ 
    margin-left: 18px;
  }
  .page404-bar ul li{
    font-size: 15px;
  }

  @media (min-width: 1440px) {
    .page404-bar {
      width: 1440px;
      margin: 0 auto 0 auto;
    }

  }


/* FOOTER */
  footer {
    padding: 20px 0 20px 0;
    border-top: 1px solid #cfcfcf;
    background: #ececec;
  }
  footer ul {
    float: left;
    width: 30%;
    margin: 10px 3% 0 0;
  }
  footer ul li {
    border-bottom: 1px solid #ccc;
    padding: 4px 0 4px 0;
    list-style: none;
  }
  footer ul li:last-child {
    border: 0;
  }
  footer ul li a {
    color: #999;
  }
  footer ul li a:hover {
    text-decoration: none;
  }
  footer ul:nth-child(4) li {
    margin-left: 15px;
  }
  footer .container ul:nth-child(4) li:first-child{
    margin-left: 0px;
    cursor: default;
  }
  
  footer ul li.footer_title{
	margin-left: -15px!important;
	cursor: default;
  }
  footer ul li.footer_title a {
  color: #666;
  }
  footer ul li.footer_title a:hover{
  color: #666;
  }
  .footer-social {
    float: right;
    width: 15%;
  }
  .footer-social li {
    float: right;
    margin-left: 8px;
    border-bottom: 0;
  }
  .copyright {
    color: #999;
    font-size: 11px;
    padding-top: 40px;
    display: block;
    clear: both;
  }
  .copyright img {
    margin: -5px 3% 0 0; 
  }


/* COLOR */
  /* Azul */
  .color-blue {  
    color: #4fb4e7;
  }
  .border-blue {  
    border-color: #5fa0cb;
  }
  .background-blue,
  .active-blue li ul li,
  .active-blue.usiMenuside li a.group.active {  
    background-color: #5fa0cb!important;
    color: #fff!important;
  }
  /* Verde */
  .color-green {  
    color: #77cc33;
  }
  .border-green {  
    border-color: #77cc33;
  }
  .background-green,
  .active-green li ul li,
  .active-green.usiMenuside li a.group.active {  
    background-color: #77cc33!important;
    color: #fff!important;
  }



/* RESPONSIVE */
  @media (min-width: 1456px) {
    .capa, 
    .capaInterna, 
    header {
      width: 1440px;
      margin: 0 auto 0 auto;
    }
    footer {
      width: 1400px;
      margin: 50px auto 0 auto;
      padding: 20px;

    }
  }  
  @media (max-width: 767px) {
    nav li {
      float: none;
      width: 100%!important;
    }
    .navheader-busca, 
    .navheader-social {
      display: none;
    }
    nav li a {
      font-size: 14px!important;
      border-bottom: 2px solid #77cc33; 
    }
    nav li a:hover {
      border-top-color: transparent;
      background: #fff;
    }
    .navsub {
      display: none;
      position: absolute;
      top: 0px;
      background: #0fc!important;
    }
    .span4 {
      margin-bottom: 60px;
    }
    .span4 figure {
      background-position: top;
      height: 400px;
    }
    .span4 figure.foto-sustentavel {
      height: 150px;
    }

    h3.tag {
      float: none;
      position: relative;
      display: block;
      width: auto;
      margin: -30px 0 0 0;
    }
  }  
  @media (min-width: 980px) {
    .nav-collapse.collapse {
      height: auto !important;
      overflow: visible !important;
    }
  }
  .span2-5 {
    width: 180px;
  }
  .span1-5 {
    width: 90px;
  }
  @media (min-width: 1200px) {
    .span2-5 {
      width: 220px;
    }
    .span1-5 {
      width: 110px;
    }
    .empresas-interna-descricao p {
      font-size: 12px;
    }
    .empresas-interna-descricao h4 {
      margin: 20px;
    }
  }
  @media (max-width: 979px) {
    nav li a {
      font-size: 12px;
    }
  }




  
  [class^="iconFile-"],
  [class*="iconFile-"] {
    background-image: url(usimages/usimetro-iconsfile.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    line-height: 14px;
    margin-top: 0px;
    *margin-right: .3em;
    width: 20px;
    vertical-align: text-top;
  }
  .iconFile-pdf {
    background-position: 0 0;
  }
  .iconFile-doc, .iconFile-docx {
    background-position: -24px 0;
  }
  .iconFile-zip {
    background-position: -48px 0;
  }
  .iconFile-jpg {
    background-position: -72px 0;
  }
  .iconFile-xls, .iconFile-xlsx {
    background-position: -92px 0;
  }
  .iconFile-txt {
    background-position: -120px 0;
  }
  .iconFile-ppt, .iconFile-pptx {
    background-position: -144px 0;
  }
  .iconFile-default {
    background-position: -168px 0;
  }
  .iconFile-folderdoc {
    background-position: -192px 0;
  }
  .iconFile-folder {
    background-position: -216px 0;
  }
  .iconFile-folderClose {
    background-position: -240px 0;
  }
  .iconFile-paper {
    background-position: -264px 0;
  }
  .iconFile-picture {
    background-position: -288px 0;
  }


/* IMPRENSA - Download left-tab */
  .table-striped a {
    display: inline-block;
    color: #666;
  }
  .table-striped a:hover {
    color: #77cc33;
  }
  .fancybox-inner form label {
    float: left;
    display: block;
    width: 100px!important;
    height: 30px;
    padding-right: 15px; 
    text-align: right;
  }
  .fancybox-inner form span {
    float: left;
    width: 350px;
  }
  .fancybox-inner form input[type="text"],
  .fancybox-inner form input[type="email"],
  .fancybox-inner form textarea {
    width: 350px;
  }
  .fancybox-inner form textarea {
    height: 150px;
  }
  .fancybox-inner form input[type="submit"] {
    float: right;
    margin-right: 20px;
    border: none;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    background: #77cc33;
    padding: 4px 10px 4px 14px;
  }




  .tabs-left {
    border: 1px solid #eee;
    min-height: 382px;
  }
  .tabs-left .tab-content {
    padding-left: 0px;
  }

  .tabs-left .nav-tabs {
    border-right: 1px solid #eee;
  }
  .tabs-left .nav-tabs li a {
    border-left: none;
    font-size: 12px;
  }
  .tabs-left .nav-tabs li.btext {
    padding: 2px 0 5px 10px;
    font-size: 11px;
  }
  .tabs-left .nav-tabs li.btext a {
    display: inline;
    padding: 0;
    border: 0!important;
    background: transparent;
  }
  .tabs-left .nav-tabs li.btext a:hover {
    color: #666;
  }
  .tabs-left .nav-tabs li.btext:last-child {
    border-bottom: 1px solid #eee;
  }
  .tabs-left .nav-tabs li.btext a i { 
    margin-top: -3px;
    -webkit-filter: grayscale(100%); 
  }
  .tabs-left .nav-tabs li.btext a:hover i { 
    -webkit-filter: grayscale(0%); 
  }
  .wpcf7-list-item {
    display: block;
  }
  .wpcf7-submit {
    margin-right: 20px;
    border: none;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    background: #77cc33;
    margin-top: 10px;
    padding: 4px 10px 4px 14px;
  }
  .wpcf7-not-valid-tip-no-ajax,
  .wpcf7-validation-errors {
    color: #da4b4b;
  }
  .wpcf7-mail-sent-ok {
    color: #77cc33;
  }
  .tags h4 {
    color: #5b93b8;
    padding-bottom: 4px;
    margin-top: 50px;
    border-bottom: 2px solid #a9e38c;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: normal;
  }

  .tags a {
    display: inline-block;
    margin: 0 1px 5px 0;
    padding: 0 6px 0 6px;
    font-size: 10px!important;
    background: #94bfdc;
    color: #fff;
    text-transform: uppercase;
  }
  .tags a:hover {
    color: #58a0d1;
    background: #eee;
  }

  header {
    z-index: 8001;
  }
  nav {
    z-index: 7050;
  }
  .empresas-interna .tag {
    z-index: 7000;
  }

  #glossaryList li {
    float: none;
    display: block;
  }  
  #glossaryList hr {
    clear: both;
    margin-bottom: 20px;
  }  
  #glossaryList .glossaryLinkMain {
    font-weight: bold;
    display: block;
    clear: both;
  }
  #glossaryList-nav .ln-letters a {
    display: block;
    background: #b2e599;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 1px;
    font-size: 10px;
  }  
  #glossaryList-nav .ln-letters a:hover {
    background: #fff;
    color: #77cc33;
    border: 1px solid #b2e599;
  }




header .container {
  position: relative;
  height: 87px;
}
.menu-empresas {
  position: absolute;
  top: 32px;
  right: 0;
  margin-top:0;
}
.menu-empresas li {
  float: left;
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
}
.menu-empresas li a {
  color: #666;
  padding-right: 15px;
  text-decoration: none!important;
}
.menu-empresas li a:hover {
  color: #77cc33;
}
.menu-empresas > li:first-child {
  margin-right: 10px;
  border-right: 1px solid #ccc;
}
.menu-empresas > li:last-child {
  padding-right: 20px;
  background: url('usimages/usimetro-arrows.png') no-repeat 95px -310px;
}
.menu-empresas li ul {
  display: none;
  position: absolute;
  width: 130px;
  background: #fff;
  padding: 0 10px 10px 0;
  margin: 4px 0 0 -10px;
  *margin: 20px 0 0 -128px;
}
.menu-empresas li ul li {
  width: 100%;
  display: block;
  padding-top: 5px;
  padding-left: 10px;
}
.menu-empresas li ul li a {
  width: 100%;
  display: block;
  text-transform: none;
}

.marginEmpresas {
  margin-top: -5px;
}

.tabelas table {
  width: 100%;
  border-collapse: collapse;
}
.tabelas table td {
  border: none;
}
.tabelas table table {
  border-width: 1px;
}
.tabelas table table td {
  border-collapse: collapse;
  padding: 6px;
  font-size: 11px;
  border: 1px solid #ccc;
}
.tabelas table table tbody tr:first-child td {
  background: #94db70;
  color: #fff;
  font-weight: bold;
  border-color: #fff;
}

.tabela-post {
  border-width: 1px;
  width: 100%;
}
.tabela-post td {
  border-collapse: collapse;
  padding: 6px;
  font-size: 11px;
  border: 1px solid #ccc;
}
.tabela-post thead tr td {
  background: #94db70;
  color: #fff;
  font-weight: bold;
}


h1 {
  position: relative;
  z-index: 10;
}
.navheader {
  position: relative;
  z-index: 10;
}

 @-moz-document url-prefix() { 
    .header-fix .bgmenu {
        margin-top: -10px;
    }
    .header-fix .menu {
        margin-top: -3px;
    }
}

  .accordionGroup a.mostraEsconde {
    background-repeat: no-repeat;
    background-position: right -120px;
    background-image: url(usimages/usimetro-arrows.png);
    border: 1px solid #eaeaea;

    cursor: pointer;
    display: block;    
    font-weight: bold;
    padding: 10px 10px 10px 12px;
    text-decoration: none;
    *zoom: 1;
    margin-top: 5px;
  }
  .accordionGroup a.mostraEsconde.active {
    background-position: right -180px;
  }
  
  
  .dataTable thead td {
	padding: 3px;
  }
  .dataTable thead th {
	background: #94db70;
	color: #fff;
  }
  .dataTable .odd td {
	background: #edeeef!important;
  }
  .dataTable td a {
	color: #55aa11;
  }
  .dataTable td a:hover {
	color: #77cc33;
  }
  .dataTables_filter label {
	width: 260px;
	 float: left;
	 font-size: 13px;
  }
  .dataTables_filter label input{
	 float: right;
	 margin-top: -4px;
  }
  .dataTables_paginate {
	float: right;
  }	
  .dataTables_paginate a {
	display: inline-block;
	background: #77cc33;
	color: #ffffff;
	padding: 4px 10px 4px 10px;
	margin-left: 4px;
	cursor: pointer;
  }	
  .dataTables_paginate a:hover {
	background: #94db70;
  }	
  
  /* EXTRANET SOLUÇÕES SUB-MENU */

  #submenu-extranet{
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 180px;
    background: #FFF;
        padding-right: 10px;
  }

  #submenu-extranet li{
    display: block;
    width: 100%;
    text-align: right;

  }

    #submenu-extranet li a{
      color:#b6b6b6;
    }

    #submenu-extranet li a:hover{
      color:#2aa0d9;
    }

  .navheader-menu li:hover #submenu-extranet{
    display: block;
  }

  .navheader-menu li{
    position: relative;
  }

  a.login-extranet{
    cursor: default;
    background:url(../images/seta-extranet-su.png) no-repeat right center;
    padding-right: 10px;
  }

  a.login-extranet:hover{
    color:#888 !important;
  }

  /* Fim EXTRANET SOLUÇÕES SUB-MENU */
  
    
/*INICIO Chat Bob Steel*/
.modalBobSteel {
    display: none;
    position: fixed;
    z-index: 9999;
    right: 50px;
    bottom: 45px;
    width: 390px;
}

.modalBobSteel-content {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    border-radius: 5px;
    width: 100%;
}

.closeModal {
    color: #aaaaaa;
    float: right;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
}

.closeModal:hover,.closeModal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#myBtn{
    position: fixed;
    bottom: 15px;
    right: 20px;
    background: transparent;
    box-shadow: none !important;
    text-shadow: none !important;
    width: 61px;
    height: 61px;
    padding: 0;
    border: none;
    border-radius: 50%;
    z-index: 99999;
    outline: none;
}


.btnChat{
	position: fixed;
    bottom: 20px;
    right: 50px;
    background:transparent;
    box-shadow:none;
    text-shadow:none;
    width:61px;
    height:61px;
    padding: 0;
    border:none;
    border-radius:50%;
    z-index: 99999;
}
.btnChat:hover{
	background-color: transparent;
}

#myModal{
	z-index:99999;
	top: 38%;
    left: 90.5%;
	width:400px;	
}

#myModal .modal-body{
	padding:0;
	max-height: none;
}

#myModal .modal-body .close{
	
    font-size: 24px;
    padding: 5px 5px 0 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
	
}
#myModal .modal-body .close:hover{
	color: red;
}

#myModalFale{
	z-index:99999;
}

#myModalFale .modal-body{
	padding:0;
	max-height: none;
}
#myModalFale .modal-body .close{
	
    font-size: 24px;
    padding: 5px 5px 0 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
	
}
#myModalFale .modal-body .close:hover{
	color: red;
}

.modal-backdrop{
	display: none;
	z-index:-999999;
}

@media (max-width: 1024px) and (max-height: 600px) {
	
	#myModal {
	    top: 1%;
    	left: 83%;
	}
}

@media (min-width: 1024px) and (max-width: 1024px) {
	
	#myModal {
	    top: 15%;
    	left: 83%;
	}
}

@media (min-width: 1200px) {

}
 
@media (min-width: 1280px) and (max-width: 1280px) {
	
	#myModal {
	    top: 20%;
    	left: 85%;
	}
}


@media (min-width: 1366px) and (max-width: 1366px) {
	
	#myModal {
	    top: 18%;
	    left: 87%;
	}
}

@media (min-width: 1400px) and (max-width: 1400px) {
	
	#myModal {
	    top: 15%;
	    left: 87%;
	}
}

@media (min-width: 1440px) and (max-width: 1440px) {
	
	#myModal {
	    top: 25%;
	    left: 87%;
	}
}

@media (min-width: 1600px) and (max-width: 1600px) {
	
	#myModal {
	    top: 30%;
	    left: 87%;
	}
}

@media (min-width: 800px) and (max-width: 800px) {

	#myModal {
	    top: 25%;
	    left: 80%;
	}
	
}

@media (min-width: 481px) and (max-width: 768px) {
	
	#myModal {
	    top: 25%;
	    left: 80%;
	}
}
 
@media (max-width: 480px) {
	#myModal{
	    top: 25%;
    	left: 10px;
    	right: 10px;
		width:auto !important;
	}
	#iframeChat{
		height:360px !important;
	}
}

@media (max-width: 320px) {
	#myModal{
	    top: 0;
	    left: 10px;
	}
	.btnChat{
	    bottom: 10px;
	    right: 10px;
	}
}

/*FIM Chat Bob Steel*/

/*CONHECIMENTO USIMINAS*/

.content-publications{
	display:grid;
	grid-template-columns: 26% 34% 40%;
	/*grid-template-columns:repeat(3,1fr);*/
	grid-gap:25px;
}

/*busca publicacao*/
.content-publications .form-search form{
	margin: 3rem 0 1.5rem;
}

.content-publications .form-search form input{
   border-radius: 14px 0 0 14px;
   padding: 5px 30px;
   border-right: none;
}

.content-publications .form-search form .btn{	
	
}

.content-publications .form-search form .btn{	
	background: transparent;
	box-shadow:none;
	outline: none;
	/*padding:8px;*/
}

.content-publications .form-search form .btn:hover .fa-search{
	color: #33bb00;
}

.content-publications .link-search-advanced h3{
	font-size: 18px;
	font-weight:600;
	color:#666666;
}

.content-publications .link-search-advanced a{
	font-size: 14px;
    color: #33bb00;
}

.content-publications .link-search-advanced a .fa{
	margin-left:10px;	
}

.content-publications .list-types h3{
	font-size: 18px;
	font-weight:600;
	color:#666666;
}

.content-publications .list-types ul{
	padding:0;
	margin:0;	
}

.content-publications .list-types ul li{
	list-style-type:none;
}

.content-publications .list-types ul li a{
	color: #33bb00;
}

.content-publications .list-types ul li a:hover{
	cursor:pointer;
	color: #0088cc;
}


/*ultima publicacao*/
.content-publications .last-publications .img-pub a .img-pub-thumb{
	width:100%;
	background-size:cover;
	margin-bottom:15px;
}

.content-publications .last-publications .text-pub .btn-more {
  float: right;
  display: block;  
  border-right: none;
  padding: 2px 7px;
  color: #fff!important;
  background: #76cd42;
  width: 15px;
}

.content-publications .last-publications .text-pub .btn-more:hover,.btn-more:visited {
  text-decoration: none;
  color: #fff!important;
}

.content-publications .last-publications .text-pub .btn-more .more {
  float: left;
  display: block;
  font-size: 20px;
  position: relative;
  top: -2px;
}

.content-publications .last-publications .text-pub .btn-more .moretext {
  margin-left: 5px;
  display: none;
  position: absolute;
  white-space: nowrap;
  cursor: pointer;
}


/*lista publicac?es*/
.content-publications .list-publications{
	padding: 0 0 0 25px;
}

.content-publications .list-publications .item-pub{
	margin-bottom: 15px;
}

.content-publications .list-publications .item-pub h4 a{
	font-size: 14px;
	color: #33bb00;
}

.content-publications .list-publications .item-pub h4 a:hover{
	color: #33bb00;
	color: #0088cc;
}

.content-publications .list-publications .item-pub .author-pub{
	font-style:italic;
	font-weight:600;
	font-size:12px;
}

.content-publications .list-publications .btn-more {
  float: right;
  display: block;  
  border-right: none;
  padding: 2px 7px;
  color: #fff!important;
  background: #76cd42;
  width: 15px;
}

.content-publications .list-publications .btn-more:hover,.btn-more:visited {
  text-decoration: none;
  color: #fff!important;
}

.content-publications .list-publications .btn-more .more {
  float: left;
  display: block;
  font-size: 20px;
  position: relative;
  top: -2px;
}

.content-publications .list-publications .btn-more .moretext {
  margin-left: 5px;
  display: none;
  position: absolute;
  white-space: nowrap;
  cursor: pointer;
}


/*busca avancada*/
.list-result{
	border: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px;
    padding: 20px;
    border-color: #eee;
    border-bottom: none;
    border-right: none;
    overflow: hidden;
}

.list-result h5{
	margin-bottom:35px;
}
.list-result .itens{
	margin-bottom:15px;
}

.list-result .itens a{
	font-weight:600;
}

.list-result .itens .details{
	margin:0;
	font-weight:600;	
}

.list-filters{
	margin-top:1.5rem;
	padding:1rem 0;
}

.loading{
	display:none;
	margin-left: auto;
    margin-right: auto;
    border: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px;
    padding: 20px;
    border-color: #eee;
    border-bottom: none;
    border-right: none;
    overflow: hidden;
    width: 100%;
    align-items: center;
    justify-content: center;
}

result-filter-type, .list-result-data{
	display:none;	
}

@media screen and (max-width: 768px) {
	.content-publications{
		grid-template-columns: 1fr;
	}
	.content-publications .list-publications{
		padding:0;
	}
}
/*CONHECIMENTO USIMINAS*/