* {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
body{
    font-family:Open Sans,Helvetica,sans-serif;
    padding:0!important;
}



.container{
    padding:0 10px!important;
}
img {
    border: medium none;
}
.mnone {
    margin: 0 !important;
}
.pnone {
    padding: 0 !important;
}
.bnone {
    border: 0 none !important;
}
.bacnone {
    background: none !important;
}
.w100 {
    width: 100% !important;
}
a{
    transition: all 0.5s linear 0s;
}
a:hover{
    transition: all 0.5s linear 0s;
}
.center {
    margin: auto;
}
.pagina{
    overflow:hidden;
}
.modal{
    display:none;
}
.topo {
    background:#000 url('../img/bg.webp');
    background-size: cover;
    background-position: center;

}
.topo .titulo {
    margin-top: 20px;
    padding: 20px;
}
.topo .top img{
    display:block;
    margin-left: auto;
    margin-right: auto;
}
.topo .top .right img{
    margin:70px 6px 50px 0;
}
.topo .top .right a.bt1{
    background:#000;
    border:2px solid #000;
    padding:10px 20px;
    font:900 15px Roboto, Arial, sans-serif;
    color:#F1DD17;
    margin-bottom:25px;
}
.topo .top .right a.bt1:hover{
    opacity:0.8!important;
    text-decoration:none;
}
.topo .top .right a.bt2{
    border:2px solid #FFF;
    padding:10px 20px;
    font:900 15px Roboto, Arial, sans-serif;
    color:#FFF;
    margin-bottom:25px;
}
.topo .top .right a.bt2:hover{
    border:2px solid #FFF;
    color:#FFF;
    background:#2484A8;
    text-decoration:none;
}

.conteudo .sobre{
    padding:30px 0 0px;
    font: 15px "Open Sans", Arial, sans-serif;
    color: #555;
    letter-spacing: -0.5px;
}
.conteudo .sobre h1{
    font:800 28px "Open Sans", Arial, sans-serif;
    color: #3a2764;
    letter-spacing: -1px;
    text-align:center;
}
.conteudo .sobre p{
    font:400 17px "Open SanSs", Arial, sans-serif;
    color: #111;
    letter-spacing: -0.5px;
    text-align:center;
}
.conteudo .sobre p a{
    color: #000;
}
.conteudo .sobre p strong{
    font: 800 22px/21px "Open Sans", Arial, sans-serif;
    letter-spacing: -2px;
    color: #000;
    margin-top: 12px;
    display: inline-block;
}
.conteudo .sobre .botoes{
    margin-top:15px;
    display:inline-block;
    background:#9E2251;
    font: 800 22px/21px "Open Sans", Arial, sans-serif;
    letter-spacing: -1px;
    color: #FFF;
    padding:16px 50px;
    border-radius:5px;
    transition: all 0.2s linear 0s;
}
.conteudo .sobre .botoes:hover{
    opacity:0.8;
    text-decoration:none;
    transition: all 0.2s linear 0s;
}
.conteudo .sobre .fotos{
    text-align:center;
}
.conteudo .sobre .fotos .anteriores{
    margin-top:15px;
    font:300 13px "Open Sans", Arial, sans-serif;
    color: #111;
}

.atividades .segundo{
    margin-top: 25px;
}

.conteudo .atividades{
    background: rgb(229,35,98);
    background: -moz-linear-gradient(90deg, rgba(229,35,98,1) 0%, rgba(0,145,214,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(229,35,98,1) 0%, rgba(0,145,214,1) 100%);
    background: linear-gradient(90deg, rgba(111,63,125,1) 0%, rgba(130,108,203,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e52362",endColorstr="#0091d6",GradientType=1);
    padding:50px 0;
    margin-bottom: 15px;


}
.conteudo .atividades h2{
    font:800 48px "Open Sans", Arial, sans-serif;
    color: #FFF;
    letter-spacing: -2px;
    text-align:center;
    margin-bottom: 25px;
}
.conteudo .atividades div{
    text-align:center;
}
.conteudo .atividades a{
    font:20px "Open Sans", Arial, sans-serif;
    letter-spacing:-2px;
    display: block;
}
.conteudo .atividades a strong{
    font:800 30px/30px "Open Sans", Arial, sans-serif;
    letter-spacing:-2px;
}
.conteudo .atividades a:hover{
    text-decoration:none;
    /*-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);*/
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.conteudo .atividades a{
    min-height: 130px;
    background-size: contain !important;
}

.conteudo .atividades a.edital{
    min-height: 0 !important;
    color: #FFF;
}

.conteudo .atividades .um a{
    background:url(../img/salao-de-iniciacao-cientifica.jpg) no-repeat;
    color:#000;
    padding:104px 0;
}
.conteudo .atividades .dois a{
    background:url(../img/forum-de-pesquisa-cientifica-e-tecnologica.jpg) no-repeat;
    color:##d9c6ac;
    padding:89px 0;
}
.conteudo .atividades .tres a{
    background:url(../img/bloco-3.jpg) no-repeat;
    color:#000;
    padding:104px 0;
    margin-right: 20px;
}
.conteudo .atividades .quatro a{
    background:url(../img/salao-de-extensao.jpg) no-repeat;
    color:##d9c6ac;
    padding:119px 0;
}
.conteudo .atividades .cinco a{
    background:url(../img/mostra-das-ciencias-e-inovacao.jpg) no-repeat;
    color:#000;
    padding:104px 0;
}
.conteudo .atividades .seis a{
    background:url(../img/bloco-6.jpg) no-repeat;
    color:#2D9A37;
    padding:125px 0;
}
.blococenter {
    margin-left: 160px;
}

div.span6 > a > strong{
    color: #1e9829;
}

.conteudo .titulo-maior h1{
    font:800 42px/42px "Open Sans", Arial, sans-serif;
    color: #0091d6;
    letter-spacing: -3px;
    text-transform:uppercase;
}
.conteudo .pagina{
    padding:50px 0;
}
.conteudo p{
    font:400 15px "Open Sans", Arial, sans-serif;
    color: #333;
    letter-spacing: -0.2px;
    margin-bottom:20px;
}
.conteudo p a{
    text-decoration:underline;
    color:#000;
}
.conteudo ul li{
    font:300 15px "Open Sans", Arial, sans-serif;
    color: #333;
    letter-spacing: -0.2px;
    list-style: initial;
}
.conteudo ul li a{
    text-decoration:underline;
}

#facebook {
    text-align:center;
    padding: 50px;
}
#rodape .logos{
    text-align:center;
    margin:60px 0;
}
#rodape .logos ul{
    overflow: hidden;
}
#rodape .logos ul li{
    display: inline-table;
    min-height: 75px;
    line-height: 150px;
    vertical-align: middle;
    padding: 0 20px 15px 0;
}
#rodape .logos ul li.separa{
    width:100%;
    padding:0;
    margin:0;
    min-height:0;
    float:left;
}
#rodape .logos ul li img{
    max-width:165px;
}

#rodape .base{
    padding: 50px 0;
    background:#EFEFEF;
}
#rodape .left{
    text-align:right;
    margin-top:11px;
    padding-right:20px;
}
#rodape .right img {
    margin:0 25px 15px 0;
}
#rodape p{
    font: 300 14px Roboto,Arial,Helvetica,sans-serif;
    color:#333;
}
#rodape p a{
    color:#333;
    text-decoration:underline;
}
#rodape .basetexto{
    padding: 50px 0;
    background:#000;
    color: white;
}
.modal ul{
    margin:0;
}
.modal ul li{
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px solid #ddd;
}
.modal a{
    color:#333;
    padding:0;
}
@media(max-width:767px) {

    .topo .left img{
        display:none;
    }
    .topo .top img{
        display:inline-block;
        margin-left: 0px;
        margin-top: 20px;
    }
    .conteudo .sobre .botoes .simule{
        font: 800 18px/21px "Open Sans", Arial, sans-serif;
        padding:16px 40px;
    }
    .topo .top .right img{
        margin:5px 6px 10px 0;
    }
    .conteudo .sobre h1{
        text-align:center
    }
    .conteudo .sobre p{
        text-align:center
    }
    .conteudo .atividades .span4 a{
        padding:30px 10px!important;
    }
    /*    .conteudo .atividades .dois a{ background:#000; color:#fff; padding:89px 0;}
        .conteudo .atividades .tres a{background:#fff; color:#000; padding:104px 0; margin-right: auto}
        .conteudo .atividades .quatro a{background:#000; color:#fff; padding:104px 0;}
        .conteudo .atividades .cinco a{background:#fff; color:#000; padding:125px 0;}
        .conteudo .atividades .seis a{background:#000; color:#fff; padding:125px 0;}*/
    .atividades .segundo{
        margin-top: 0px;
    }

    .atividades .segundo .divide{
        display: none;
    }

    .conteudo .atividades a{
        background-position: center !important;
        margin-bottom: 50px;
        padding: 120px 0 !important;
    }

    .conteudo .atividades a.edital{
        min-height: 0 !important;
        color: #FFF;
        padding: 0 !important;
    }


    .blococenter {
        margin-left:0!important;
    }
    #rodape .left{
        text-align:center;
        margin-bottom:40px;
        padding-right:0;
    }
    #rodape .right{
        text-align:center;
    }
    #rodape .right img {
        margin:0 25px 15px 0;
    }
    #rodape .logos ul li{
        display:inline-table;
        width:20%;
    }
    #rodape .logos ul li img {
        max-width: 90px;
    }
    #facebook {
        text-align:center;
        padding: 5px;
    }
}

#rodape .base{
    text-align: center;
}

a {
    color: white;
    text-decoration: none;
}

.text-warning {
    color: #824793;
}

/* conteudo .atividades a strong {
    font-size: large;;
    letter-spacing: -2px;
} */




@media screen and (max-width: 580px) {
    .container.basetexto-mobile{
        display: show;
    }

    .basetexto-desktop{
        display: none;
    }

    img.estude-na-ulbra {
        right: 20px;
        bottom: 5px;
    }

}

@media screen and (min-width: 580px) {
    .basetexto-mobile{
        display: none;
    }

    .basetexto-desktop{
        display: show;
    }
}

div.span12.noticias ul li a{
    color: #3a2764;
}

div.span12.noticias ul li a.data{
    text-decoration: none;
}

div.span12.noticias h3{
    font-size: 15px;
}


#modal-estude .modal-header{
    background: #471923;
    color: #FFF;
}
#modal-estude .nav-tabs.nav-stacked > li > a{
    font-weight: 700;
}

#modal-estude .nav-tabs.nav-stacked > li > a:hover{
    background: #471923;
    color: #FFF;
}

.btn-inscreva-se{
    font-size: 14px;
    line-height: 20px;
    margin-left: 10px;
    color: #FFF !important;
    text-align: center;
    text-decoration: none !important;
    background: #0a2142;
    padding: 8px 15px !important;
    border-radius: 25px;
    box-shadow: 0 0 0 rgba(0, 117, 214, 0.8);
    animation: pulsar 1.8s infinite;
}

img.estude-na-ulbra {
    right: 60px;
    bottom: 25px;
    position: fixed;
    z-index: 10;
    max-width: 100px;
    text-align: center;
}

@media screen and (max-width: 580px) {
    img.estude-na-ulbra {
        right: 20px;
        bottom: 5px;
        max-width: 75px;
    }

    div.span12.noticias h3{
        line-height: 15px;
    }

    div.span12 .span2{
        min-height: 0;
        margin-top: 31px;
    }

}

@-webkit-keyframes pulsar {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 117, 214, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(0, 117, 214, 5, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 117, 214, 0);
    }
}

@keyframes pulsar {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 117, 214, 0.4);
        box-shadow: 0 0 0 0 rgba(0, 117, 214, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 15px rgba(0, 117, 214, 0);
        box-shadow: 0 0 0 15px rgba(0, 117, 214, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 117, 214, 0);
        box-shadow: 0 0 0 0 rgba(0, 117, 214, 0);

    }
}