/* Desenvlvido por Eduardo Chaves */

@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url('../fonts/RobotoCondensed-Regular.eot?') format('eot'), 
       url('../fonts/RobotoCondensed-Regular.woff') format('woff'), 
       url('../fonts/RobotoCondensed-Regular.ttf')  format('truetype'),
       url('../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
}

@font-face {
  font-family: 'RobotoCondensed-Light';
  src: url('../fonts/RobotoCondensed-Light.eot?') format('eot'), 
       url('../fonts/RobotoCondensed-Light.woff') format('woff'), 
       url('../fonts/RobotoCondensed-Light.ttf')  format('truetype'),
       url('../fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light') format('svg');
}


body { font-family: 'RobotoCondensed-Light'; position: relative; }

h1, h2, h3, h4, h5 { font-family: 'RobotoCondensed-Regular'; margin: 30px 0;}

p { font-size: 16px; text-align: justify; margin: 10px 0;}

/* LINKS PRETOS */
a { color: #000000; text-decoration: none;}
a:hover { color: #68b2b1;}

/* LINKS BRANCOS */

.link_white { text-shadow: none; background-color:#ffffff; border-radius:35px; color:#68b2b1; display:inline-block; height:70px; padding:11px; margin: 10px; text-decoration:none; width:70px; transition: all 0.5s linear;}
.link_white:hover { color: #ffffff; background-color:#68b2b1; }

.link_white_pq { background-color:#000000; border-bottom-left-radius:35px; border-bottom-right-radius:35px; border-top-left-radius:35px; border-top-right-radius:35px; color:#FFFFFF; display:inline-block; height:45px; margin:0; padding:11px; text-decoration:none; text-shadow:none; width:45px; }
.link_white_pq:hover { color: #ffffff; background-color:#68b2b1; }

/* ESTILIZAR BARRA DO MENU*/
.navbar { min-height: 85px; background-color:#ffffff; border-color:#E7E7E7; }

.navbar-header { min-height: 85px; }

.navbar-toggle { margin-top: 25px; }

.navbar-nav > li { transition: all 0.5s linear; } 
.navbar-nav > li:hover {
  background-color: #68b2b1; 
  color: #ffffff;
} 
.navbar-nav > li.active {
  background-color: #68b2b1; 
  color: #ffffff;
} 

.navbar-nav > li > a {
  line-height:70px;
  padding-bottom:10px;
  padding-top:10px;
  font-size: 20px;
} 
.navbar-nav > li > a:hover {
  color: #ffffff;
}

/* BARRAS DE PROGRESSO */

.meter { 
      height: 15px;  /* Can be anything */
      position: relative;
      margin: 10px 0 10px 0; /* Just for demo spacing */
      background: #ffffff;
      border: 3px solid #000;
      -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
      -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
      box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
    }
    .meter > span {
      display: block;
      height: 100%;
      background-color: rgb(43,194,83);
      background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(43,194,83)),
        color-stop(1, rgb(84,240,84))
       );
      background-image: -moz-linear-gradient(
        center bottom,
        rgb(43,194,83) 37%,
        rgb(84,240,84) 69%
       );
      -webkit-box-shadow: 
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
      -moz-box-shadow: 
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
      box-shadow: 
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
      position: relative;
      overflow: hidden;
    }
    .meter > span:after, .animate > span > span {
      content: "";
      position: absolute;
      top: 0; left: 0; bottom: 0; right: 0;
      background-image: 
         -webkit-gradient(linear, 0 0, 100% 100%, 
            color-stop(.25, rgba(255, 255, 255, .2)), 
            color-stop(.25, transparent), color-stop(.5, transparent), 
            color-stop(.5, rgba(255, 255, 255, .2)), 
            color-stop(.75, rgba(255, 255, 255, .2)), 
            color-stop(.75, transparent), to(transparent)
         );
      background-image: 
        -moz-linear-gradient(
          -45deg, 
            rgba(255, 255, 255, .2) 25%, 
            transparent 25%, 
            transparent 50%, 
            rgba(255, 255, 255, .2) 50%, 
            rgba(255, 255, 255, .2) 75%, 
            transparent 75%, 
            transparent
         );
      z-index: 1;
      -webkit-background-size: 50px 50px;
      -moz-background-size: 50px 50px;
      -webkit-animation: move 2s linear infinite;
      overflow: hidden;
    }
    
    .animate > span:after {
      display: none;
    }
    
    @-webkit-keyframes move {
        0% {
           background-position: 0 0;
        }
        100% {
           background-position: 50px 50px;
        }
    }

    

    .blue > span {
      background-color: #68b2b1;
      background-image: -moz-linear-gradient(top, #68b2b1, #84dedb);
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #68b2b1),color-stop(1, #84dedb));
      background-image: -webkit-linear-gradient(#68b2b1, #84dedb); 
    }
    
    .orange > span {
      background-color: #f1a165;
      background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
      background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
    }
    
    .red > span {
      background-color: #f0a3a3;
      background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
      background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
    }
    
    .nostripes > span > span, .nostripes > span:after {
      -webkit-animation: none;
      background-image: none;
    }