/*
Theme Name: DN wordpress
Theme URI: http://aurumsistemas.com.br
Description: Tema criado pela empresa Aurum desenvolvimento de Soluções para o Cliente David Nascimento <a href="http://aurumsistemas.com.br">Visite nosso site</a>.
Author: Gustavo Freire
Author URI: http://guzendev.com
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/


/** Generated by FG **/

@font-face {
    font-family: 'DNFONT';
    src: url('fonts/Copperplate Gothic Thirty-Three BC.eot');
    src: local('☺'), url('fonts/Copperplate Gothic Thirty-Three BC.woff') format('woff'), url('fonts/Copperplate Gothic Thirty-Three BC.ttf') format('truetype'), url('fonts/Copperplate Gothic Thirty-Three BC.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/** Generated by FG **/



.btn-adv {
    padding: 26px;
    padding-top: 32px;
    width: 181px;
    margin-right: -12px;
    height: 130px;
    font-family: "Corbel";
    word-wrap: break-word;
    text-align: center;
    white-space: normal;
    background: url(./img/btn-adv.png);
    background-position: -6px 8px;
    background-size: 193px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    font-size: 15px;
    margin-top: 1%;
    margin-bottom: 1%;
    transition: -webkit-transform .28s;
    font-weight: 700;
    text-rendering: geometricPrecision;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.btn-adv:hover {
    padding-top: 25px;
    background-size: 169px;
    background-position: 10px -101px;
    background-repeat: no-repeat;
    background-color: transparent;
    font-weight: bold;
    color: #003866;
    font-size: 15px;
    -webkit-transform: translateZ(0) scale(1.1);
    text-rendering: geometricPrecision;
}

.btn-adv2 {
    padding: 26px;
    padding-top: 32px;
    width: 181px;
    margin-right: -12px;
    height: 130px;
    font-family: "Corbel";
    word-wrap: break-word;
    text-align: center;
    white-space: normal;
    background: url(./img/btn-adv2.png);
    background-position: -6px 8px;
    background-size: 193px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    color: #003866;
    font-weight: bold;
    border: 0;
    font-size: 15px;
    margin-top: 1%;
    margin-bottom: 1%;
    transition: -webkit-transform .28s;
    font-weight: 700;
    text-rendering: geometricPrecision;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.btn-adv2:hover {
    padding-top: 25px;
    background-size: 169px;
    background-position: 10px -101px;
    background-repeat: no-repeat;
    background-color: transparent;
    font-weight: bold;
    color: #003866;
    font-size: 15px;
    -webkit-transform: translateZ(0) scale(1.1);
}

.btn-adv:focus,
.btn-adv:active {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

a:focus,
a:active {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.DN-header {
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+39,828c95+100,c9c9c9+100&amp;1+0,0.98+79 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+59,828c95+100,c9c9c9+100&amp;1+0,0.98+79 */
    background: rgba(246, 246, 246, 1);
    background: -moz-linear-gradient(left, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 1) 11%, rgba(255, 255, 255, 1) 33%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246, 246, 246, 1)), color-stop(11%, rgba(246, 246, 246, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(left, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 1) 11%, rgba(255, 255, 255, 1) 33%, rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(left, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 1) 11%, rgba(255, 255, 255, 1) 33%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(left, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 1) 11%, rgba(255, 255, 255, 1) 33%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to right, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 1) 11%, rgba(255, 255, 255, 1) 33%, rgba(200, 200, 200, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ededed', GradientType=1);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fac9c9c9', GradientType=1);
    /* IE6-9 */
    height: 127px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 40px;
    -webkit-box-shadow: -1px 10px 29px -4px rgba(138, 138, 138, 1);
    -moz-box-shadow: -1px 10px 29px -4px rgba(138, 138, 138, 1);
    box-shadow: 1px 10px 29px -10px rgba(80, 80, 80, 1);
    position: relative;
    z-index: 1;
}

.container {
    z-index: 99;
    padding-top: 40px;
    background-image: url("./img/Prata copy.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 40px;
    width: 100%;
    padding-left: -100px;
}

.page-cont {
    margin-top: -40px !important;
    background-position: 20px !important;
    margin-bottom: -60px;
}

.DN-header a img {
    width: auto;
    margin-left: -1%;
    margin-top: -0.7%;
}

@media (max-width: 768px) {
    .container {
        width: 100%;
        background-size: 400%;
    }
}

@media (max-width: 1366px) {
    .container {
        background-position: center;
        background-clip: border-box;
        background-size: 100% 420%;
        display: inline-block;
        width: 100%;
    }
}

body {
    background-image: url("./img/fundo.jpg");
    background-repeat: no-repeat;
    max-width: 1000px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased !important;
    font-family: 'Corbel', "Lucida Grande", Arial !important;
    text-rendering: optimizelegibility;
}

.Bem_vindo_a_intranet_David_do_Nascimento__Seu_E {
    font-size: 20.4px;
    font-family: "DNFONT";
    color: rgb(0, 55, 104);
    text-transform: uppercase;
    line-height: 1;
    text-align: right;
    position: absolute;
    font-weight: normal;
    left: 674.578px;
    top: 25.277px;
    z-index: 59;
    padding-right: 20px;
    max-height: 120px;
}

.footerDN {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002c5b+36,262626+100 */
    background: rgb(0, 44, 91);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 44, 91, 1) 36%, rgba(38, 38, 38, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(36%, rgba(0, 44, 91, 1)), color-stop(100%, rgba(38, 38, 38, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 44, 91, 1) 36%, rgba(38, 38, 38, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 44, 91, 1) 36%, rgba(38, 38, 38, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 44, 91, 1) 36%, rgba(38, 38, 38, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 44, 91, 1) 36%, rgba(38, 38, 38, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#002c5b', endColorstr='#262626', GradientType=0);
    /* IE6-9 */
    width: 100%;
    height: 340px;
    overflow: hidden;
}

.btn-ft {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#959799+0,003768+37,003768+38,003768+38,003768+50,003768+100 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6b8ba+2,003768+48,003768+48,003768+48,003768+50,003768+50,003768+50,003768+100 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9c9c9+0,003768+45 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#748391+0,003768+38 */
    background: rgb(116, 131, 145);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(116, 131, 145, 1) 0%, rgba(0, 55, 104, 1) 38%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(116, 131, 145, 1)), color-stop(38%, rgba(0, 55, 104, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(116, 131, 145, 1) 0%, rgba(0, 55, 104, 1) 38%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(116, 131, 145, 1) 0%, rgba(0, 55, 104, 1) 38%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(116, 131, 145, 1) 0%, rgba(0, 55, 104, 1) 38%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(116, 131, 145, 1) 0%, rgba(0, 55, 104, 1) 38%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#748391', endColorstr='#003768', GradientType=0);
    /* IE6-9 */
    -webkit-box-shadow: 0px 2px 20px #666666;
    -moz-box-shadow: 0px 2px 20px #666666;
    box-shadow: 0px 2px 20px #666666;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 9px;
    font-family: Arial;
    color: #ffffff;
    font-size: 15px;
    padding: 4px 5px 1px 5px;
    //margin-left: 10%;
    width: 150px;
    text-decoration: none;
    border: 0;
    font-weight: bolder;
}

.btn-ft2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9c9c9+0,003768+45 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#748391+0,003768+38 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,919191+38 */
    background: rgb(204, 204, 204);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(204, 204, 204, 1) 0%, rgba(145, 145, 145, 1) 38%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(204, 204, 204, 1)), color-stop(38%, rgba(145, 145, 145, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(204, 204, 204, 1) 0%, rgba(145, 145, 145, 1) 38%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(204, 204, 204, 1) 0%, rgba(145, 145, 145, 1) 38%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(204, 204, 204, 1) 0%, rgba(145, 145, 145, 1) 38%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(220, 220, 220, 1) 4%, rgba(90, 90, 90, 1) 38%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#919191', GradientType=0);
    /* IE6-9 */
    -webkit-box-shadow: 0px 2px 20px #666666;
    -moz-box-shadow: 0px 2px 20px #666666;
    box-shadow: 0px 2px 20px #666666;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 9px;
    font-family: Arial;
    color: #ffffff;
    font-size: 15px;
    padding: 4px 5px 1px 5px;
    margin-left: 10%;
    width: 150px;
    text-decoration: none;
    border: 0;
}

.btn-ft:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

.btn-ft2:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
    color: #000;
}

.info1 {
    font-size: 12px;
    font-family: "Corbel";
    color: #003663;
    text-transform: uppercase;
    line-height: 1.75;
    margin-top: -20px;
    position: absolute;
    display: inline-block;
    margin-left: 10px;
}

.info2 {
    word-wrap: break-word;
    font-size: 12.5px;
    font-family: "Corbel";
    line-height: 1.75;
    position: absolute;
    display: inline-block;
    color: #fff;
    margin-top: 5px;
    margin-left: 10px;
}

.info3 {
    word-wrap: break-word;
    font-size: 10px;
    font-family: "Corbel";
    color: #003663;
    text-transform: uppercase;
    line-height: 1.75;
    margin-top: -20px;
    position: absolute;
    display: inline-block;
    margin-left: 840px;
    font-weight: bold;
}

.info4 {
    word-wrap: break-word;
    font-size: 10px;
    font-family: "Corbel";
    color: #fff;
    text-transform: uppercase;
    line-height: 1.75;
    position: absolute;
    display: inline-block;
    margin-left: 840px;
    margin-top: 5px;
}

.postagem {
    height: 500px;
    overflow: scroll;
    overflow-x: hidden;
    width: 72%;
}

.container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 12px;
    border-radius: 12px;
}

.container::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: #183962;
    opacity: 1;
    z-index: 99;
}

::-webkit-scrollbar-track {
    margin-top: 20%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f4f4f+0,000000+89&amp;0.65+0,0+100 */
    background: -moz-linear-gradient(top, rgba(79, 79, 79, 0.65) 0%, rgba(0, 0, 0, 0.07) 89%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(79, 79, 79, 0.65)), color-stop(89%, rgba(0, 0, 0, 0.07)), color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(79, 79, 79, 0.65) 0%, rgba(0, 0, 0, 0.07) 89%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(79, 79, 79, 0.65) 0%, rgba(0, 0, 0, 0.07) 89%, rgba(0, 0, 0, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(79, 79, 79, 0.65) 0%, rgba(0, 0, 0, 0.07) 89%, rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(79, 79, 79, 0.65) 0%, rgba(0, 0, 0, 0.07) 89%, rgba(0, 0, 0, 0) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a64f4f4f', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
    z-index: 2;
    opacity: 1 !important;
    border-radius: 12px;
}

a {
    color: #183962;
    font-family: "Corbel";
    text-transform: uppercase;
    font-weight: normal;
    font-size: 15px;
    font-family: "Corbel";
    color: rgb(0, 55, 104);
}

li ul {
    list-style-type: none;
}

.current {
    text-decoration: none;
    color: #666;
}

.btn-col {
  text-align: center;
    //margin-left: 8.5%;
    margin-top: -2%;
    margin-bottom: 3%;
}

.social-col {
    margin-left: 16.8%;
}

.inici {
    margin-left: -13px !important;
}

ul.children {
    margin-left: -25px;
}

.currents {
    text-decoration: underline !important;
}

img.attachment-full {
    margin-left: -110px;
}

.nome {
    color: #666;
    text-align: left;
    text-decoration: underline;
}

.cargo {
    color: #183962;
}

.aniversario {
    background: url("./img/balao.png");
    width: 15% !important;
    height: 5%;
    background-repeat: no-repeat;
    display: inline-block;
}

.blocoPessoa {
    width: 200px;
}

.list.btn-default:hover {
    color: #00274A !important;
    background-color: rgba(0, 55, 104, 0.23);
    border-color: #00274A;
}

.list.btn-default {
    background-color: transparent;
    border-color: #003768 !important;
    color: #003768;
    min-width: 40px !important;
}

.list.btn-default.active {
    color: #fff;
    background-color: #003768;
    box-shadow: none;
}

.list.btn-default.active:hover {
    background-color: #003768 !important;
    color: #fff !important;
}

.list.btn {
    border: 1.5px solid #003768 !important;
    border-radius: 10px;
}

.clear {
    clear: both;
}

.navigation {
    display: block;
    float: right;
    margin-top: 18px;
    width: 100%;
    background-color: #003768;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding-top: 3px;

}
.btn-group{
   zoom: 0.85;
   margin-top: -26px !important;
   margin-bottom: 35px;
}

a#prev {
    float: left;
    color: #fff;
    font-size: 18px;
    margin-left: 18px;
}

a#next {
    float: right;
    color: #fff;
    font-size: 18px;
    margin-right: 18px;
}

.week{
    margin-top: 3px;
    background-color: #ACACAD;
    height: 29px;
    line-height: 33px;
    font-weight: bold;
    color: #003768;
}

.carrousel-item .img img {
    width: 100%;
    height: auto;
}

.calendar-item-wrap {
    float: left;
    background-color: #fff;
    margin-left: 12px;
    border-bottom: 2px solid #7C92A6;
    width: 13%;
    //height: 70px;
    height: 90px;
    padding: 5px;
}

a.expand {
    position: absolute;
    //top: 0px;
    //right: -26px;
    top: -20px;
    right: 0px;
}

.calender_day_info {
    //display: inline-block;
    //margin-left: 2px;
    font-size: 12px;
    font-weight: bold;
    color: #777474;
    position: relative;
    //width: 67%;
    //padding-top: 5px;
    margin: 0;
    text-align: justify;
}

span.room{
    color : #003768;
}

span.calendar-item-day {
    display: inline-block;
    color: #003768;
    font-weight: bold;
    vertical-align: top;
}

span.calendar-item-info {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #777474;
    position: relative;
    width: 67%;
    padding-top: 5px;
}

span.room {
    color: #003768;
}

.calender_week_view.no-month .calendar-item-wrap{
    background-color: #CFCFCF;
}

.calender_week_view.no-month .calendar-item-wrap .calendar-item-day{
    color: #fff;
}

.no-month{
    background-color: #CFCFCF;
}
.no-month .calendar-item-day{
    color: #fff;
}

.modal {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    z-index: 999999;
}

.modal .login {
    background-color: rgba(255,255,255,0.8);
    padding: 15px;
    width: 450px;
    text-align: center;
    border-radius: 14px;
    margin: 114px auto;
    position: relative;
    overflow: hidden;
    padding-top: 71px;
}

.header-login {
    position: absolute;
    width: 100%;
    color: #fff;
    background-color: #003768;
    top: 0px;
    left: 0px;
    line-height: 40px;
    font-size: 20px;
    padding-top: 18px;
}

.modal-close a{
    text-transform: capitalize;
    color: #003768 !important;
}

.day-content {
    text-align: left;
    margin-left: 80px;
    padding-top: 25px;
    font-size: 18px;
    font-weight: bold;
    color: #777778;
}

span.hour {
    margin-right: 10px;
    color: #003768;
}

#day-data h1 {
    text-align: left;
    font-size: 28px;
    margin-left: 30px;
    color: #003768;
}

#day-data {
    height: 350px;
    overflow-y: auto;
}

.trigger-next {
    position: absolute;
    right: 20px !important;
    width: 10px;
    top: 50% !important;
    margin-top: -15px;
    font-size: 30px;
}

.trigger-previous {
    position: absolute;
    left: 15px;
    right: 0 !important;
    width: 10px;
    top: 50% !important;
    margin-top: -15px;
    font-size: 30px;
}

.light-box-content {
    display: none;
    z-index: 999999;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.light-box-wrap {
    background-color: rgba(0, 0, 0, .7);
    width: 1000px;
    text-align: center;
    padding: 40px;
    border-radius: 10px;
    margin: 150px auto;
    position: relative;
}

.light-box-close {
    position: absolute;
    right: 40px;
}

.light-box-close a {
    color: #fff;
}

.triggers {
    position: absolute;
    top: 200px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}

.light-box-previous {
    left: 7%;
}

.light-box-next {
    right: 7%;
}

.column {
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
}

.column:nth-child(1) {
    margin-left: 0;
}

.input-text, .input,
.input-text:focus,.input:focus {
    box-shadow: inset 2px 2px 10px #666;
    -moz-box-shadow: inset 2px 2px 10px #666;
    -webkit-box-shadow: inset 2px 2px 10px #666;
    width: 400px;
    min-height: 40px;
    background: transparent;
    border: none;
    border-radius: 10px;
    margin: 10px;
    padding-left: 10px;
    background-color: #fff;
    padding-right: 5px;
    outline: 0;
    display: inline-block;
}

.login-remember, .login-submit{
    display: none;
}

.input, .input:focus{
    width: 230px;
    background-color: #C5C4C4;
}

.btn-submit {
    background: #53718b; /* Old browsers */
    background: -moz-linear-gradient(top,  #53718b 0%, #53718b 15%, #53718b 15%, #013768 46%, #013768 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53718b), color-stop(15%,#53718b), color-stop(15%,#53718b), color-stop(46%,#013768), color-stop(100%,#013768)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #53718b 0%,#53718b 15%,#53718b 15%,#013768 46%,#013768 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #53718b 0%,#53718b 15%,#53718b 15%,#013768 46%,#013768 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #53718b 0%,#53718b 15%,#53718b 15%,#013768 46%,#013768 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #53718b 0%,#53718b 15%,#53718b 15%,#013768 46%,#013768 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53718b', endColorstr='#013768',GradientType=0 ); /* IE6-9 */
    font-weight: bold;
    color: #fff;
    padding: 5px 35px;
    font-size: 18px;
    border-radius: 9px;
    border: none;
    display: inline-block;
    height: 30px;
    vertical-align: bottom;
    margin-bottom: 13px;
    box-shadow: 4px 7px 10px #999;
}
.container ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 12px;
    border-radius: 12px;


}
.container ::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: #183962;
    opacity: 1;
    z-index: 99;

    }
::-webkit-scrollbar-track {
    margin-top: 20%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f4f4f+0,000000+89&amp;0.65+0,0+100 */
background: -moz-linear-gradient(top,  rgba(79,79,79,0.65) 0%, rgba(0,0,0,0.07) 89%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,79,79,0.65)), color-stop(89%,rgba(0,0,0,0.07)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(79,79,79,0.65) 0%,rgba(0,0,0,0.07) 89%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(79,79,79,0.65) 0%,rgba(0,0,0,0.07) 89%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(79,79,79,0.65) 0%,rgba(0,0,0,0.07) 89%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(79,79,79,0.65) 0%,rgba(0,0,0,0.07) 89%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a64f4f4f', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
z-index: 2;
    opacity: 1 !important;
    border-radius: 12px;
}

.modal-close{
    right: 8px !important;
    top: 8px;
}
.btn:focus {
  outline: none;
  background-color: transparent;
  padding-top: 25px;
    background-size: 169px;
    background-position: 10px -101px;
    background-repeat: no-repeat;
    background-color: transparent;
    font-weight: bold;
    color: #003866;
    font-size: 15px;
    -webkit-transform: translateZ(0) scale(1.1);
    text-rendering: geometricPrecision;

}
.btn:focus:active{
	  padding-top: 25px;
    background-size: 169px;
    background-position: 10px -101px;
    background-repeat: no-repeat;
    background-color: transparent;
    font-weight: bold;
    color: #003866;
    font-size: 15px;
    -webkit-transform: translateZ(0) scale(1.1);
    text-rendering: geometricPrecision;
	outline: none;
	border: 0;
}

a.navigate-item:focus {
    transform: scale(1) !important;
    padding-top: 6px !important;
    height: 34px !important;
    font-weight: normal !important;
}
.custom-marker2:before{
content: url(http://daviddonascimento.com.br/corporativo/intranet/wp-content/themes/DN_wordpress%204/img/seta.png);
position: relative;
top: 3.5px;
color: #183962;
left: -5px;

}

.custom-marker{
    text-transform: capitalize;
    font-weight: bold;
    margin-left: 59px;
    color: #333;
    font-family: "Corbel";
    font-size: 15px;
}
.custom-marker:before{
content: url(http://daviddonascimento.com.br/corporativo/intranet/wp-content/themes/DN_wordpress%204/img/seta.png);
position: relative;
top: 3.5px;
-webkit-filter: grayscale(0);
color: #183962;
left: -5px;

}
.custom-marker:hover{
    color: #183962;
}
.custom-marker2:hover{
    color: #183962;
}
.custom-marker2{
    text-transform: none;
    font-weight: bold;
    margin-left: 40px;
    color: #333;
    font-family: "Corbel";
    font-size: 15px;
}
.navbar-campanhas{
    float: right;
    margin-top: 16px;
    width: 415px;
    height: 35px;
    overflow: hidden;
    padding: 0px 6px;
}
.nav-prox{
  right: 0px;
}
.nav-prox, .nav-ant{
  position: absolute;
  margin-top: 0px;
}
.navbar-campanhas .mascara{
    width: 310px;
      overflow: hidden;
      float: left;
      margin-left: 50px;

}
.navbar-campanhas .limite{
  width: 2000px;
  overflow: hidden;
  float: left;
  height: 40px;
      margin-top: -1px;
}
.limite a{

}
