/* 
    Arquivo style.css
    Desenvolvedores: José Carlos
    Data: 20/01/2016, 11:41:31
*/

.videos-projetos iframe{
    margin-right: 10px;
    margin-bottom: 10px;
    max-width: 100%;
}
@media(max-width: 768px){
    .videos-projetos{
        text-align: center !important;
    }
}

/*Tudo*/
.tudo{
    width: 100%;
    padding-top: 50px;
    position: relative;
    min-height: 100%;
    padding-bottom: 220px;
}

/* boring stuff */
body {
    font-family: 'Maven Pro', sans-serif;
    background-color: #FBFBFB;
}

img{
    object-fit: cover;
}

.alinhar-baixo{
    position: absolute;
    bottom: 0;
}

html, body {
    height: 100%;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    padding-right: 0px;
}
/**********************/

.logo_back{
    background-image: url(../imagens/background1.png);
    background-repeat:  no-repeat;
    height: 114px;
    margin-top: 5px;
    width: 299.43px;
    background-size: 100% auto;
    background-position: center bottom;
    background-size: 100% auto;
    left: 0.09px;
    margin: auto;
    padding: 0px;
    position: fixed;
    right: 0px;
    z-index: 15;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;

}

.titulo{
    font-size: 20vw;
}

.logo_gbd{
    background-image: url(../imagens/logo-gbd.png);
    color: transparent;
    display: block;
    overflow: hidden;
    margin-top: 0px;
    position: relative;
    background-position: center top;
    margin: auto;
    z-index: 2000;
    background-size: 48% auto;
    background-repeat:  no-repeat;
    height: 100%;
}

/*Cabecalho*/

.logo_english{
    background-image: url(../imagens/english.jpg);
    background-repeat:  no-repeat;
    background-size: 30px;
    padding-left: 40px;
}

.logo_portuguese{
    background-image: url(../imagens/portuguese.png);
    background-repeat:  no-repeat;
    background-size: 30px;
    padding-left: 40px;
}

/*corrigindo bug quando passa o mouse por cima do logo principal */
.navbar-inverse #identidade:hover, .navbar-inverse #identidade:active, .navbar-inverse #identidade:focus {background-color: white;}

.navbar-inverse #identidade{
    border-bottom: 5px solid white;
    margin-bottom: -5px;
    font-size: 20px;
}
/*************************************************/

.subir{
    height: 20px !important;
    margin-top: 5px;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}


/** SELEÇÃO DE CORES **/

.navbar-inverse{
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#5988C8, #76A8EC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5988C8, #76A8EC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5988C8, #76A8EC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5988C8, #76A8EC); /* Standard syntax */
}

.navbar-inverse .navbar-nav > li  {
    border-bottom: 5px solid #76A8EC;
    transition: border-bottom 0.3s ease 0s;

}
.navbar-inverse .navbar-nav > li .vermelho:focus, .navbar-inverse .navbar-nav > li.vermelho:hover{
    border-bottom: 5px solid #FF4848;
    transition: border-bottom 0.7s ease 0s;

}
.navbar-inverse .navbar-nav > li .verde:focus, .navbar-inverse .navbar-nav > li.verde:hover{
    border-bottom: 5px solid #9EDE13; /*9EDE13    #61A409*/
    transition: border-bottom 0.7s ease 0s;

}
.navbar-inverse .navbar-nav > li .azul:focus, .navbar-inverse .navbar-nav > li.azul:hover{
    border-bottom: 5px solid #356AAE; /* #0372A6 aki*/
    transition: border-bottom 0.7s ease 0s;
}

.navbar-inverse .navbar-nav > li .branco:focus, .navbar-inverse .navbar-nav > li.branco:hover{
    border-bottom: 5px solid #fff; /* #0372A6 aki*/
    transition: border-bottom 0.7s ease 0s;
}

.ativadoVermelho{
    border-bottom: 5px solid #FF4848 !important;
}
.ativadoAzul{
    border-bottom: 5px solid #356AAE !important;
}
.ativadoVerde{
    border-bottom: 5px solid #9EDE13 !important;
}
.ativadoBranco{
    border-bottom: 5px solid #fff !important;
}

.bordaVerde{
    border-bottom-color: #9EDE13;
}


.navbar-inverse{
    border-color: #b9b9b9;
    font-size: 13.0px;
}


#containerEscritas{
    display: none;
}

/****************************************/

nav a{
    font-weight: bold;
    color: white !important;
}

.logo a{
    background-color: white;
    color: black !important;
}

.collapse .logo{
    display: none;
}

@media(min-width: 768px){
    nav a{
        text-align: center;
    }

    nav ul{
        width: 37%;
    }

    .logo {
        width: 26%;
    }

    nav ul>li{
        width: 25%;
    }

    .logo>li{
        width: 100%;
    }

    .navbar-header .navbar-brand{
        display: none;
    }

    .collapse .logo{
        display: block;
    }

    .rodape{
        position: absolute;
        font-size: 12px;
        bottom: 0;
    }

    #containerEscritas{
        display: block;
    }
}

@media(min-width: 768px) and (max-width: 1000px){
    nav a{
        font-size: 10px;
    }

    .rodape{
        position: inherit;
    }
}

@media(max-width: 1200px){
    .navbar-inverse #identidade{font-size: 1.2vw;}
}

@media(max-width: 1000px){
    .navbar-inverse #identidade{font-size: 1.1vw;}
}

/*Escritos perto do logo*/

.escritoDireita{
    text-align: left;
}
.escritoEsquerda{
    text-align: right;
}
.container > div > h2 > small {
    font-size: 15px;
    font-style: italic;
    font-weight: 100;
}


/************************/

/*Conteudo*/
.content{
    padding-top: 50px;
}
.alinhardireita{
    text-align: right;

}
.alinhardireita > a {
    text-decoration: none;
}

/**********************/

/*Rodapé*/
#acessoLogin > a{
    color: white;
}

#logo_unesp{
    margin-top: 20px;
    text-align: right;
}


.rodape{
    width: 100%;
    color: white;
    background-color: #5988C8;
    padding-bottom: 10px;
    margin-top: 10px;
    position: absolute;
    bottom: 0px;
}
.rodape small{
    color: white;
}
.line{
    background-color: white;
    height: 1px;
    width: 100%;
}

.rodape img{
    width: 200px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.pad-bot-10{
    padding-bottom: 10px;
}


#linhafinal{
    padding-top: 10px;

}
#acessoLogin{
    text-decoration: none;
}

@media(max-width: 768px){
    .rodape .col-xs-3{
        width: 50%;
    }
    .tudo{
        padding-bottom: 360px;
    }
}
/*      Responsividade logo     */

@media(max-width: 1199px) and (min-width: 990px){
    .logo_back{
        width: 248px;
        height: 92px;
    }

    .sub-cab{
        margin-top: 30px;
    }
}


@media(max-width: 990px) and (min-width:780px){
    .logo_back{
        width: 200px;
        height: 70px;
    }

    .sub-cab{
        margin-top: 30px;
    }
}



@media(max-width: 780px) and (min-width:774px){
    .logo_back{
        width: 195px;
        height: 70px;
    }
    .sub-cab{
        margin-top: 30px;
    }
}
@media(max-width: 1199px){
    #logo_unesp{
        display: none;
    }

}

@media(max-width: 774px) and (min-width:767px){
    .logo_back{
        width: 195px;
        height: 70px;
        left: 8px;
    }
    .sub-cab{
        margin-top: 30px;
    }
}
@media(max-width: 767px){
    .logo_back{
        display: none;
    }

    .sub-cab{
        display:none;
    }
    #estiloNoticia{
        height: 80px;
        width: 80%;
        margin-left: 10%;
    }
    #estiloNoticia h4{
        font-size: 14px;
        font-weight: 500;
    }
}



/**********************/

/*********************************************************/
/* NOTICIAS */

#noticia{
    text-align: justify;
}

textarea{
    resize: vertical;
    min-height: 180px;
}

/*********************************************************/
/* SOBRE */
#btnEnviarFormulario{
    margin-top: 10px;
    text-align: right;
}
/*********************************************************/
/* Padrões */

.tab__content{
}

#tabPublic .tab__content{
    min-height: 600px;
}
#tituloPagina{
    text-align: center;
}

/*********************************************************/
/* visualizar Noticia */
#noticias{
    background-color: white;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 20px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
}
#noticias:hover{
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.23), 0px 5px 5px rgba(0, 0, 0, 0.19);
    transition: box-shadow 0.3s ease 0s;
}
.ctnVisualizarNoticia > #principalFundo{
    background: white;
    padding-left: 50px;
    padding-right: 50px;
    transition: box-shadow 0.3s ease 0s;
    border-radius: 10px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
}
.stage{
    width: 100% !important;
}

#dataNoticia {
    font-size: 10px;
}
#listaNoticias{
    margin-bottom: 15px;
    background-color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px; 
    transition: box-shadow 0.3s ease 0s;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
    border-left-style: solid;
    border-left-color: #6899DB;
}

#ultimasNoticias{
    margin-top: -1px;
    padding-bottom: 10px;
}

#listaNoticias:hover {
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.23), 0px 5px 5px rgba(0, 0, 0, 0.19);
    transition: box-shadow 0.3s ease 0s;
}
#listaNoticias > a >  .col-xs-2{
    margin-top: 1em;
}
#seta1{

}
#tituloLista{
    margin-bottom: 15px;
    background-color: white;
    padding-top: 5px;
    padding-bottom:5px;
    border-radius: 5px;
    transition: box-shadow 0.3s ease 0s;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24); 
}
a>#listaNoticias>div>p{
    margin-bottom: 2px;
}
#estiloNoticia{
    color: #333333 !important;
}

/* CARD HOVER */
.scrollNoticias div.card:hover{
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.22), 0px 3px 8px rgba(0, 0, 0, 0.24); 
    transition: box-shadow 0.3s ease 0s;

}



#link_rodape{
    text-decoration: none;
    color:#FFF !important;
}
#link{
    text-decoration: none;
    color:#333 !important;
}


/**********************************************************************************/
/* FUNDO BRANCO ATRÁS DO CONTEÚDO PRINCIPAL */
#principalFundo_index{
    padding-top: 20px;

    background: white;
    padding-left: 50px;
    padding-right: 50px;
    transition: box-shadow 0.3s ease 0s;
    border-radius: 10px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
}
#principalFundo_login{
    padding-top: 20px;
    padding-bottom: 50px;
    background: white;
    padding-left: 50px;
    padding-right: 50px;
    transition: box-shadow 0.3s ease 0s;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.24);
}
#principalFundo_login:hover{
    box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.23), 0px 5px 8px rgba(0, 0, 0, 0.19);
    transition: box-shadow 0.3s ease 0s;
}
#principalFundo_cadastroDepo{
    padding-top: 20px;
    padding-bottom: 50px;
    background: white;
    padding-left: 50px;
    padding-right: 50px;
    transition: box-shadow 0.3s ease 0s;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.24);
}
#principalFundo_cadastroDepo:hover{
    box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.23), 0px 5px 8px rgba(0, 0, 0, 0.19);
    transition: box-shadow 0.3s ease 0s;
}
#principalFundo_contato{
    padding-top: 20px;
    padding-bottom: 50px;
    background: white;
    padding-left: 50px;
    padding-right: 80px;
    transition: box-shadow 0.3s ease 0s;
    border-radius: 10px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
}

@media(max-width: 990px){
    #principalFundo_contato{
        padding-left: 20px;
        padding-right: 50px;
    }
}
#principalFundo_depoimentos{
    padding-top: 10px;
    margin-top: 20px;
    padding-bottom: 20px;
    background: white;
    padding-left: 50px;
    padding-right: 50px;
    transition: box-shadow 0.3s ease 0s;
    border-radius: 10px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
}
#principalFundo_depoimentos div{
    margin-bottom: 10px;
}

#principalFundo_depoimentos ul{
    padding-left: 15px;
}

#principalFundo_depoimentos .pre-conteudo{
    text-align: right;
}

@media(max-width: 800px) {

    #principalFundo_depoimentos .pre-conteudo{
        text-align: center;
    }

    #principalFundo_depoimentos ul{
        text-align: center;
    }

}

.texto_depo{
    text-align: justify;
}
.imagem_depo_dir{
    float: right; 
    margin-left: 10px;
    margin-bottom: 3px;
}
.imagem_depo_esq{
    float: left; 
    margin-right: 10px;
    margin-bottom: 3px;
}
/**********************************************************************************/
/* grid de noticias */
#estiloNoticia{
    background-color: white;
    border-radius: 5px; 
    transition: box-shadow 0.3s ease 0s;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
    padding-bottom: 10px;
    margin-top: 15px;
    padding-top: 15px;
    max-height: 100px;
    height: 100px;
}
#estiloNoticia:hover{
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.23), 0px 5px 5px rgba(0, 0, 0, 0.19);
    transition: box-shadow 0.3s ease 0s;
}
.esquerda{
    left: 5%;
}
.direita{
    right: 0px;
}
#seta{
    margin-top: 50%;
}
@media(max-width: 1000px){
    .esquerda{
        left: 0;
    }
    #seta{
        margin-top: 30%;
    }
}
/**********************************************************************************/
/* loader */
.aloader {
    display: table;
    border: 3px solid #5988C8;
    padding: 5px;
    margin: 0 auto;

    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.aloader .aloader__item {
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    background-color: #5988C8;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    animation: _fade 0.5s 2s infinite alternate forwards;
}
.aloader .aloader__item:not(:last-child) {
    margin-right: 5px;
}
.aloader .aloader__item:first-child {
    animation-delay: 0.2s;
}
.aloader .aloader__item:nth-child(2) {
    animation-delay: 0.4s;
}
.aloader .aloader__item:last-child {
    animation-delay: 0.6s;
}
@keyframes _fade {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    to {
        filter: alpha(opacity=100);
        opacity: 1;
    }
}
.aloader{
    margin-top: 50px;
}

#mostraVideo > iframe {
    margin-bottom: 30px;
}

#orientacoesCont ol,h3{
    text-align: justify;
}
#orientacoesCont{
    padding-top: 20px;

    background: white;
    padding-left: 50px;
    padding-right: 50px;
    transition: box-shadow 0.3s ease 0s;
    border-radius: 10px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);

}
#orientacoesCont li{
    margin: 1%;
}
/**********************************************************************************/
/* projetos */
.cardd{
    background-color: #f2f2f2;
    border-radius: 20px;
    padding: 10px;
    height: 170px;
    margin-top: 20px;
    text-align: center; 
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
}
.cardd:hover{
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.23), 0px 5px 8px rgba(0, 0, 0, 0.19);
    transition: box-shadow 0.3s ease 0s;
}
.distance{
    width: 30px;
}


.modalbg {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;

    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 99999;
    -moz-transition: all 2s ease-out;
    -webkit-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -transition-delay: 0.2s;
    display: block;
    pointer-events: none;
}
.modalbg .dialog {
    width: 80%;
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    top: -1000px;
    margin: 5% auto;
    padding: 5px 20px 13px 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ffffff;
    background: -moz-linear-gradient(#ffffff, #cccccc);
    background: -webkit-linear-gradient(#ffffff, #cccccc);
    background: -o-linear-gradient(#ffffff, #cccccc);
    box-shadow: 0 0 10px #000000;
    -moz-box-shadow: 0 0 10px #000000;
    -webkit-box-shadow: 0 0 10px #000000;

}
.modalbg .dialog .ie7 {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
}
.modalbg:target {
    display: block;
    text-align: justify;
    pointer-events: auto;
    background: rgba(228, 228, 228, 0.8) none repeat scroll 0% 0%;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.modalbg:target .dialog {
    top: -15px;
    -moz-transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -transition-delay: 0.4s;
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    box-shadow: 0 0 10px #000000;
    -moz-box-shadow: 0 0 10px #000000;
    -webkit-box-shadow: 0 0 10px #000000;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -transition-delay: 0.2s;
}
.close .ie7 {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
}
.close:hover {
    background: #41454A;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.fineprint {
    font-style: italic;
    font-size: 10px;
    color: #646;
}
#projetos small{
    color: #777;
    text-decoration: none;
}
#projetos a{
    color: #333;
    text-decoration: none;
}
#link_no_decoration{
    color: #333;
    text-decoration: none;
}

/*************Botão fechar estilizado************/
.closee {
    line-height: 25px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 24px;
    text-decoration: none; 
}
.closee:hover {

    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
/**********************************************/

.tab__content > ol > li{
    margin-bottom: 10px;
}
#div_Input{
    margin-left: 11px;
}

/**********************************************/

.MapaContato{
    width:100%;
    height: auto;
    min-height: 265px;
}


.CaixaInfo{
    border-left: 2px solid #d6d6d6;
    padding-left: 30px;
    padding-top: 0px;
}
.connected-carousels .carousel-stage{
    height: 100% !important;
}
@media (max-width: 500px) {
    #ultimasNoticias{
        padding-top: 20px;
        font-size: 18px;
        text-align: center;
        font-weight: 600;
    }
    #principalFundo_contato{
        width: 93%;
        font-size: 12px;
    }
    #btnEnviarFormulario{
        text-align: center;
        margin-bottom: 20px;
    }
    .nome_depo h2{
        text-align: center !important;
        font-size: 16px !important;
    }
    #principalFundo_depoimentos{
        width: 98%;
        margin-left: 1%;
    }

    .texto_depo img{
        width: 100%;
    }
    .texto_depo p {
        font-size: 13px;
    }
    .conteudo > h4{
        font-size: 13px !important;
        font-weight: 400 !important;
        margin-top: 0px !important;
        text-align: center !important;
    }
    #maisNoticias > h4{
        font-size: 13px !important;
    }
    .logo_back{
        display: none;
    }
    #rodapezin{
        font-size: 11px;
    }

    .sub-cab{
        display:none;
    }
    #tituloPagina{
        font-size: 17px;
        font-weight: 700;
    }
    #dataNoticia{
        text-align: center;
    }
    #noticia{
        font-size: 13px;
    }
    .connected-carousels .carousel-navigation{
        width: 200px !important;
    }
    .connected-carousels .next-navigation{
        right: 45px !important;
    }
    .stage{
        height: 100% !important;
        width: 100% !important;
    }
    .navbar-brand{
        font-size: 12px;
    }

    .imagemzinha{
        height: 300px;
    }
    #estiloNoticia{
        height: 80px;
        width: 80%;
        margin-left: 10%;
    }
    #estiloNoticia h4{
        font-size: 14px;
        font-weight: 500;
    }
    .jcarousel-pagination a{
        margin-top: -5px !important;
        text-align: center !important;
        margin-left: -3px;
        height: 5px !important;
        width: 5px !important;
    }
    #principalFundo_index{
        width: 96%;
        font-size: 12px;
    }
    .col-imagem{
        height: 180px !important;
    }

    .titulo-destaque h1{
        font-size: 23px;
        text-align: center;
        display: block !important;
    }

    .ultimasNoticias h1{
        font-size: 23px;
        text-align: center;
    }

    .tab-wrap label{
        font-size: 10px;
        font-weight: 300;
    }
    .connected-carousels .prev-stage span, .connected-carousels .next-stage span{
        top:35% !important;
    }
    .cardd{
        width: 80%;
        margin-left: 10%;
    }
    #principalFundo_depoimentos h2{
        font-size: 19px;
    }
    .texto_depo{
        font-size: 14px;
    }

}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
    background-color: #8AB4EC;
}
.navbar-inverse .navbar-toggle{
    border: none;
}

@media (max-width: 400px){
    .logo_back{
        display: none;
    }


    .sub-cab{
        display:none;
    }
    .imagemzinha{
        height: 200px;
    }
    .connected-carousels .prev-stage span, .connected-carousels .next-stage span{
        top:25% !important;
    }

    #estiloNoticia{
        height: 80px;
        width: 80%;
        margin-left: 10%;
    }
    #estiloNoticia h4{
        font-size: 14px;
        font-weight: 500;
    }
}

#acessoLogin{
    text-align: right;
}

.connected-carousels .prev-stage, .connected-carousels .next-stage{
    width: 100px !important; 
}

.conteudo > h4{
    font-size: 16px;
    margin-top: 0px;
}


.slick-prev, .slick-next{
    background-color: #6595d7 !important;
    border-radius: 50px;
}

.slick-prev:before, .slick-next:before {
    font-family: "Glyphicons Halflings", "slick", sans-serif !important;
    font-size: 11px !important;
}

.slick-prev:before { content: "\e257" !important;}
.slick-next:before { content: "\e258" !important;}

.slick-dots li button:before {
    content: '██' !important;
    color: #6595d7 !important;
}
.slick-dots{
    bottom: -28px !important;
}
.slick-dots li{
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.your-class{
    -webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.20) !important;
    -moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.20) !important;
    box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.20) !important;
    border: solid !important;
    border-color: #fff  !important;
    border-radius: 10px;
    border-width: 8px !important;
    margin-bottom: 20px !important;
}

.imagemzinha{
    border-radius: 10px !important;
    background-color: #e6e6e6  !important;
    width: 100% !important;
}

.slick-next{
    right: -35px  !important;
}
.slick-prev{
    left: -35px !important;
}

.titulo-destaque h1{
    display: none;
}


@media (max-width:750px) { 
    #principalFundo_depoimentos{
        padding-left: 0px;
        padding-right: 30px;
    }

}

.eventos_geci{
    list-style-type: none;
    text-align: justify !important;
}


.eventos_geci li{
    margin-bottom: 5px
}

@media (max-width:800px){
    #principalFundo_depoimentos{
        padding-right: 15px;
    }
}

.botao-voltar-projeto-info{
    margin-left: 25px;
}


@media (max-width:800px){
    #principalFundo_depoimentos > .projeto-info-estilo{
        padding-right: 20px;
    }
}

.cardd{
    margin-right: 20px;

}

.cardd > .nome-projeto{

    text-align: center !important;
}



@media (min-width:800px){
    .organiza-espacos{
        margin-left: 5%;
    }
}


.lista-eventos{
    padding-bottom: 1.5em;
}


.sub-lista-eventos{
    list-style-type: initial;
}


#sumir{
    z-index: -999;
}

.jcarousel-control-prev, .jcarousel-control-next{
    top: 10% !important;
    height: 80% !important;
}

.jcarousel-control-prev .glyphicon, .jcarousel-control-next .glyphicon{
    top: 50% !important;
}

.titulo-erro{
    margin-top: 50px;
    font-weight: bold;
    width:100%;
    font-size: 3em;
    text-align:center;
    padding-bottom:2px;
    background: /* gradient can be an image */
        linear-gradient(
        to right, 
        rgba(251,251,251,1) 20%,
        rgba(0,255,0,1) 30%,
        rgba(0,0,255,1) 50%,
        rgba(255,0,0,1) 70%,
        rgba(251,251,251,1) 80%
        )
        left 
        bottom
        no-repeat; 
    background-size:100% 2px ;/* if linear-gradient, we need to resize it */

}

.mensagem-erro{
    font-size: 2em;
    text-align: center;
    width: 100%;

}

.lista-enderecos-erro{
    list-style-type: none;
    font-size: 1.5em;
}

.subtitulo-erro, .lista-enderecos-erro{
    margin-left: 15%;
    
}