body {
    height: 100%;
    -webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/*.container, .site {
    min-width: 1169px !important;
}*/


* {
    font-family: 'Raleway', sans-serif;
}

a {
    text-decoration: none;
    transition: all .3s ease;
}

@media (min-width: 1200px){
    /*.container {
       width: 1170px;
    }*/
}

.no-pd{
    padding: 0;
}

td.font-400-upper, td.font-400-upper *{
    font-weight: 400;
    text-transform: uppercase;
}

/* ----------
      CORES
   ---------- */
.bg-cinza {background-color: #7c9fb0;}
.bg-vermelho {background-color: #C94A53;}
.bg-verde {background-color: #2DC341;}
.txt-cinza {color:#7C9FB0;}
.txt-verde {color: #2DC341;}
.txt-vermelho {color: #C94A53;}
.txt-white {color:white;}
.txt-black {color:black;}


a.btn-mural{
    font-weight: 600;
    color: #fff;
    background: #00ccef;
    padding: 10px 15px;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}
a.btn-mural:hover{
    background: #7C9FB0;
}


/* ----------
     NAVBAR
   ---------- */
nav.trabalhos-main-menu {
    background: #e6e6e6;
}
.main-menu {
    z-index: 10;
    margin:0 auto;
    /*width: 1100px;
    height: 200px;*/
    display: flex;
    /* position: relative; */
    top:0;
}

.main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-menu ul li {
    display: inline-block;
    padding:2px 17px;
}

.alerta-inscricao, #formulario .warning{
    font-size: 14px;
}

.main-menu ul li a, .main-menu ul li.active a {
    padding:0;
    text-transform: uppercase;
    color: black;
    font-size: 17px;
    text-decoration: none;
}

.main-menu ul li:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #7C9FB0;
    float: left;
    margin-top:7px;
}



.main-menu ul li.active a, .main-menu ul li:hover, .main-menu ul li a:active, .main-menu ul li a:hover, .main-menu ul li a:focus {
    font-weight: 700;
    color: black;
}

.main-menu ul li:hover:after, .main-menu ul li.active:after  {
    background-color: #C94A53;
}

.main-menu .logo {
    margin-top:10px;
    margin-bottom: 10px;
    /*width: 350px;*/
    width: 272px;
}

.main-menu .lista {
    margin-top:15px;
}




/*navbar novo*/




.pesquisa input {
    border: 0;
    font-size: 13px;
    background: #d8d5d5;
    height: 20px;
    width: 190px;
    padding: 0 10px;
}

.pesquisa button {
    background: none;
    border: 0;
}

.pesquisa {
    margin-top:15px;
}


/* ---------
    CAROUSEL
   --------- */
.carousel {
    box-shadow: 0 2px 10px rgba(0,0,0,0.4);
}

.carousel-control.right, .carousel-control.left {
    background-image:none;
}

.carousel-control {
    text-shadow: none;
    opacity: 1;
}

.left.carousel-control, .right.carousel-control {
    margin-top: -130px;
}

.left.carousel-control {
    margin-left:-40px;
}

.nav-pills{
    display: flex;
    justify-content: center;
}
.nav-pills>li{
    float: none;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    background: none !important;
}
.nav-pills .btn.focus, .nav-pills .btn:focus, .nav-pills .btn.focus, .nav-pills .btn:active.focus, .nav-pills .btn:active:focus, .nav-pills.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}


/*conectando ideia e conhecimento*/

.conectando {
    position: absolute;
    width: 511px;
    bottom:220px;
    left: 0;
    
}


/*mensagens*/
.after-carousel {
    /* position: absolute;
    bottom:0; */
    height: 100px;
    display: flex;
    width: 100%;
}

.after-carousel-text {
    position: absolute;
    display: block;
    bottom: 20px;
    left:0;
    right:0;
    margin:0 auto;
}

.blue, .white {
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.blue {
    background-color: rgba(22, 59, 73, 0.7);
    /* height: 150px; */
}

.after-carousel-left{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    padding: 10px 40px 10px 10px
}
.after-carousel-left p {
    font-size: 16px;
    margin: 0;
}
.after-carousel-right{
    float: left;
    padding: 10px 10px 10px 40px;
    color: black;
    display: flex;
    align-items: center;
    height: 100%;
}

.white {
    background: rgba(255,255,255,0.5); 
  background: -webkit-linear-gradient(left, white , rgba(255,255,255,0)); 
  background: -o-linear-gradient(right, white, rgba(255,255,255,0)); 
  background: -moz-linear-gradient(right, white, rgba(255,255,255,0));
  background: linear-gradient(to right, white , rgba(255,255,255,0)); 
    height: 100%;
    text-align: center;
    color: black;
}


.after-carousel-right h2 {
    font-size: 26px;
    line-height: 26px;
    margin:0;
    font-weight: 700;
    color: black;
}

.after-carousel-right .branco h2 strong {
    font-weight: 800;
    color: black;
}

.after-carousel-right .branco a {
    font-weight: 900;
    text-decoration: none;
    display: block;
}


.after-carousel-right .col-xs-7.azul {
    padding-right:10px;
}

.carousel-inner .item {
    width: 100%;
    height: 750px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}



.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    font-size: 60px;

}

.carousel-indicators {
    left: 30%;
    bottom:160px;
}

.carousel-indicators li {
    width: 22px;
    height: 22px;
    border:0;
    background:#7C9FB0;
    margin: 0;
    margin-left:5px;
    margin-right:5px;
}
.carousel-indicators li.active {
    width: 22px;
    height: 22px;
    border: 0;
    background: #C94A53;
    margin-left:5px;
    margin-right:5px;
    
}

/* ---------
    CONTEUDO
   --------- */

.link-warning {
    color: black;
    text-decoration: none!important;
    font-weight: 700;
    border-bottom: 2px solid #C94A53;
}

.conteudo {
    font-size: 16px;
    color: black;
}

.conteudo p {
    font-size: 16px;
    color: black;
}

.conteudo p.justify {
    text-align: justify;
}

.home-texto {
    max-height: 430px;
    overflow: hidden;
    transition: max-height 2.5s ease;
}
.home-texto.abre-texto {
    max-height: 9999px;
    transition: max-height 2.5s ease;
}



.btn {
    border: 0;
    border-radius: 0;transition: all .4s ease;
}

.btn-default {
    background-color: #C94A53;
    color: white;
    font-weight: 700;
    height: 30px;
    min-width: 100px;
    
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
    color: white;
    background-color: #942d34;
}



/*reset bootstrap btn-default*/

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: white;
    background-color: #942d34;
}



.btn-secondary {
    background: #7C9FB0;
    color: white;
    min-width: 100px;
    height: 30px;
    font-weight: 700;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    color: white;
    background: rgba(22, 59, 73,0.7);
}



/* ---------
    FOOTER
   --------- */


.copyright {
    font-size: 10px;
    position: relative;
    top:-25px;
    text-align: right;
}
footer {
    background-color: #e8e8e8;
    bottom: 0;
    height: 100%;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.4);
    margin-top: 5px;
    padding: 10px 0;
    font-size: 12px;
    width: 100%;
}
footer img{
    max-width: 100%;
}
/*p.realizacao{
    margin-right: 130px;
}*/
.noticias {
    display: flex;
    gap: 50px;
    padding-bottom: 30px;
}
.noticia p {
    font-size: 16px;
}
.noticia button {
    background-color: #C94A53;
    color: white;
    font-weight: 700;
    border: none;
}







/* ----------
    PÁGINAS
   ----------*/


.margin-content {
    padding-bottom: 71px;
    padding-top: 71px;
}


/*programacao*/


.programacao {
    margin-top: 25px;
    font-size:16px;
}

.programacao .col-xs-12.titulo {
    margin-bottom: 25px;
    text-align: center;
}
.programacao .anexos a {
    color: #333;
}


/*menu*/
.menu {
    margin-bottom: 25px;
}



.programacao .btn-materias {
    width: 280px;
    height: 108px;
    background-color: #e5ecef;
    padding: 0;
    margin: 0;
    background-position:top center;
    background-repeat: no-repeat;
    background-size:cover;
}

.programacao .btn-materias span {
    font-size: 18px;
    color: white;
    font-weight: 700;
}

.programacao .btn-exatas {
    background-image: url('../images/icone-exatas.png');
}

.programacao .btn-vida {
    background-image: url('../images/icone-vida.png');
}

.programacao .btn-humanas {
    background-image: url('../images/icone-humanas.png');
}

/* trabalhos */


.trabalhos .btn {
    background: none;
}

.btn-round a .btn-materias {
    display: block;
    width: 158px;
    height: 150px !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size:auto;
    transition: all .2s ease;
    margin: 0 auto;
}

.btn-round .btn-exatas {
    background-image: url('../images/trab-exatas.png');

}

.btn-round .btn-exatas:hover {
    background-image: url('../images/trab-exatas-hover.png');
}


.btn-round .btn-vida {
    background-image: url('../images/trab-vida.png');

}

.btn-round .btn-vida:hover {
    background-image: url('../images/trab-vida-hover.png');
}


.btn-round .btn-humanas {
    background-image: url('../images/trab-humanas.png');

}

.btn-round .btn-humanas:hover {
    background-image: url('../images/trab-humanas-hover.png');
}


.trabalhos .btn-lista {
    margin-top: 30px;
}
.trabalhos ul {
    list-style: none;
    padding-left: 0;
    display: none
}

.trabalhos ul li {
    height: auto;
    background: #e5ecef;
    padding: 5px 0;
    margin: 2px auto;
    width: 272px;
    transition: all .35s ease;
}

.trabalhos ul li a {
    font-weight: 700;
    text-decoration: none;
    transition: all .35s ease;
    color:#7c9fb0;
}

.trabalhos ul li:hover a {
    color: white;
}

.trabalhos ul li:hover {
    background-color:#7c9fb0; 
}


.conteudo img{
    max-width: 100%;
}

.div-image-galerias img{
	max-width: 100%;
}


.view-poster embed {
    min-height: 270px;
}


/* MENU MOBILE */

.logo-mobile {
    background: #fff;
}
.logo-mobile .div-logo-mobile{
    /* position: fixed; */
    z-index: 1000;
    background-color: #fff;
    border-bottom: 1px solid #dbcc925e;
}
.logo-mobile img{
    margin: 4px;
    width: 200px;
}
.menu-mobile{
    display: none;
    /* height: 0px; */
}
.menu-mobile .navbar{
    min-height: auto;
}
.menu-mobile .navbar-default{
    /* background: transparent; */
    border: none;
    margin: 0;
}
.menu-mobile .navbar-header{
    margin-top: 5px;
    float: right;
    /* margin-right: 60px; */
}
.menu-mobile .navbar-default .navbar-toggle{
    /* position: fixed; */
    z-index: 1000;
    border: none;
    background: none;
    margin-top: 20px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #242424;
    width: 35px;
    height: 4px;
}
.menu-mobile .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border: none;
}
.menu-mobile ul.nav.navbar-nav{
    margin: 0;
    width: 100%;
    /* position: relative; */
    background-color: #fff;
    z-index: 100;
    /* margin-top: 80px; */
}
.menu-mobile ul.navbar-nav>li>a{
    margin: 0;
    text-align: center;
    padding: 10px;
    border-top: 1px solid #f0f2f7;
}
.menu-mobile form.form-pesquisa{
    padding-top: 15px;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    border-top: 1px solid #f0f2f7;
}

/* div.espaco-topo-mobile{
    height: 80px;
} */
.footer-menu-mb{
    background-color: #e8e8e8;
    padding: 30px 20px;
}
.footer-menu-mb img{
    max-width: 100%;
}

.navbar-toggle span {
    display: block;
    width: 100%;
    
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
nav.active .navbar-toggle span.icon-bar:nth-child(1){
    -webkit-transform: rotate(44deg) translateX(6px) translateY(6px);
    -moz-transform: rotate(44deg) translateX(6px) translateY(6px);
    -ms-transform: rotate(44deg) translateX(6px) translateY(6px);
    -o-transform: rotate(44deg) translateX(6px) translateY(6px);
    transform: rotate(44deg) translateX(6px) translateY(6px);
}

nav.active .navbar-toggle span.icon-bar:nth-child(2) {
    opacity: 0;
}

nav.active .navbar-toggle span.icon-bar:nth-child(3) {
    -webkit-transform: rotate(-44deg) translateX(6px) translateY(-5px);
    -moz-transform: rotate(-44deg) translateX(6px) translateY(-5px);
    -ms-transform: rotate(-44deg) translateX(6px) translateY(-5px);
    -o-transform: rotate(-44deg) translateX(6px) translateY(-5px);
    transform: rotate(-44deg) translateX(6px) translateY(-5px);
}

.coluna-trabalho {
    padding: 0 20px 20px;
}
.coluna-trabalho a {
    position: relative;
    display: flex;
}

.after-carousel-right a.txt-vermelho {
    font-size: 25px;
    line-height: 30px;
}
.item-destaque {
    font-weight: 600;
}
.tabela-programacao {
    overflow: scroll;
}
@media screen and (max-width: 1800px){
    /* .carousel, .carousel .item{
        height: 40vw
    } */
    .carousel, .carousel .item{
        height: auto;
        min-height: 40vw;
    }
    
    .carousel-inner>.item.active{
        background-size: contain !important;
    }
}
@media screen and (max-width: 1439px){
    .main-menu .logo {
        margin-left: 30px;
        width: 250px;
    }
    .conectando {
        width: 320px;
        bottom: 200px;
        left: 30px;
    }
    .carousel, .carousel .item{
        height: auto;
        min-height: 40vw;
    }
    .carousel-inner>.item.active{
        background-size: contain !important;
    }
}
@media screen and (max-width: 1199px){
    .main-menu, .after-carousel-text{
        width: 100%;
    }
    .main-menu .logo {
        margin-left: 0px;
        width: 220px;
    }
    .conectando {
        width: 320px;
        bottom: 130px;
        left: 30px;
    }
    .after-carousel-text{
        bottom: 30px;
    }
    /*
    .carousel, .carousel .item{
        /*height: 550px;
        /* height: calc( 40vw + 101px ); 
        height: auto;
        min-height: 235px;
    } */
    .after-carousel-text .azul p {
        line-height: 20px;
    }
    .main-menu ul li {
        padding: 2px 10px;
    }
    .main-menu ul li a, .main-menu ul li.active a{
        font-size: 14px;
    }
    .after-carousel-text .azul p, .after-carousel-text .branco a{
        font-size: 18px;
    }
    .after-carousel-text h2 {
    	font-size: 35px;
    	line-height: 25px;
	}
	.programacao{
		padding-top: 0;
	}
	.div-img-programacao img{
		max-width: 400px;
	}
    .programacao .btn-materias span {
        font-size: 35px;
    }
}
@media screen and (max-width: 991px){
	.main-menu ul li {
        padding: 2px 10px;
    }
    .main-menu ul li a, .main-menu ul li.active a {
        font-size: 13px;
    }
    .main-menu .logo {
        width: 180px;
    }
    .after-carousel-text .azul p, .after-carousel-text .branco a{
        line-height: 16px;
        font-size: 14px;
    }.conteudo p.justify{
        font-size: 14px;
    }
    .after-carousel-text h2 {
    	font-size: 25px;
    	line-height: 20px;
	}
    .programacao .btn-vida, .programacao .btn-exatas, .programacao .btn-humanas{
        width: 100%;
        height: 60px;
        background-size: cover;
        padding: 10px;
    }
    .programacao .btn-materias span {
        font-size: 25px;
    }
}
@media screen and (max-width: 767px){
    .col-xs-12.div-logo-mobile {
        display: none;
    }
    div#bs-example-navbar-collapse-1 {
        width: 100%;
    }
    .programacao table.table.table-bordered {
        font-size: 14px;
    }
    .carousel{
        top: 0;
        margin-bottom: 0;
    }
    .margin-content {
        padding-top: 30px;
    }
    .row.menu div, #posters-content ul li {
    margin: 10px 0;
    }
    .desc-programacao{
        font-size: 14px;
    }
    ul{
        -webkit-padding-start:0;
    }
    .btn-round a .btn-materias {
        width: 100%;
        background-size: contain;
        height: 80px !important;
    }
    .after-carousel-text {
        bottom: 10px;
    }
    
    .after-carousel-left, .after-carousel-right{
        padding: 10px;
    }
    .after-carousel-left p {
        font-size: 12px;
    }
    .after-carousel-right h2 {
        font-size: 22px;
        line-height: 22px;
    }

    .nav-pills {
        flex-wrap: wrap;
    }
    .h2, h2 {
        font-size: 22px;
    }
}
@media screen and (max-width: 550px){
    .programacao .btn-vida, .programacao .btn-exatas, .programacao .btn-humanas{
        height: 35px;
    }
    .programacao .btn-materias span {
        font-size: 15px;
    }
    .desc-programacao{
        font-size: 13px;
    }
}
@media screen and (max-width: 450px){
    .div-img-programacao img {
        max-width: 100%;
    }
    .after-carousel-text h2 {
        font-size: 18px;
    }
    .after-carousel-text .azul p, .after-carousel-text .branco a {
        line-height: 12px;
        font-size: 12px;
    }
    .programacao .btn-vida, .programacao .btn-exatas, .programacao .btn-humanas {
        height: 30px;
    }
    .programacao table.table.table-bordered {
        font-size: 12px;
    }
}
@media screen and (max-width: 425px){
    .restrito-content input {
        width: 100%;
    }
    .after-carousel-left p {
        font-size: 11px;
    }
    .after-carousel-right h2 {
        font-size: 18px;
        line-height: 18px;
    }
}
@media screen and (max-width: 320px){
    .after-carousel-text h2 {
        font-size: 16px;
    }
}