/* ************************************
GERAL
************************************ */
body {
    background-color: #f2f2f2;
}
.title {
    color: #d43718;
}
.title:hover {
    color: #900;
    text-decoration: none;
}
.bg-white {
    background-color: #fff;
}
.bg-red {
    background-color: #d43718;
}
.bg-dark-gray {
    background-color: #212121;
}
.mt-10 {
    margin-top: 10px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}
.p-10 {
    padding: 10px;
}
.pt-10 {
    padding-top: 10px;
}
.pb-10 {
    padding-bottom: 10px;
}
.text-shadow {
    text-shadow: 2px 2px 2px rgba(0,0,0,1), -1px -1px 1px rgba(100,100,100,0.67)
}
.inset-text-effect {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: none;
    z-index: auto;
    width: auto;
    height: auto;
    position: static;
    cursor: default;
    opacity: 1;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    outline: none;
    border: 0 solid rgba(0,0,0,1);
    -webkit-border-radius: 0;
    border-radius: 0;
    color: rgba(48,48,48,1);
    text-decoration: none;
    text-align: center;
    text-transform: normal;
    text-indent: 0;
    -o-text-overflow: clip;
    text-overflow: clip;
    letter-spacing: normal;
    white-space: pre;
    word-spacing: normal;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: 1px 1px 0 rgba(140,140,140,0.6), -1px -1px 1px rgba(0,0,0,0.67);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}
/* ************************************
BUTTONS
************************************ */
.btn-danger,
.btn-danger:hover {
    background-color: #d43718;

}
/* ************************************
CABECALHO
************************************ */
header {
    padding: 10px 0;
}
h1.logo img {
    margin: auto;
}
/* ************************************
MENU
************************************ */
.navbar {
    border: 0 none;
    border-radius: 0;
}
.navbar a {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.navbar-header button {
    border: 1px solid #fff;
    color: #fff;
}
.navbar-red {
    background-color: #d43718;
    border-color: #d43718;
}
.navbar-red .navbar-collapse {
    padding: 0;
}
.navbar-red .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-red .navbar-nav>li>a {
    color: #fff;
}
.navbar-red .nav>li>a:focus,
.navbar-red .nav>li>a:hover {
    background-color: #c00;
}
.navbar-red .navbar-nav>.active>a,
.navbar-red .navbar-nav>.active>a:focus,
.navbar-red .navbar-nav>.active>a:hover {
    background-color: #900;
    color: #fff;
}
/* ************************************
FORM PESQUISA
************************************ */
#search {
    padding-top: 25%;
}
#search button {
    border-left: 0 none;
}
#search-navbar .input-group {
    margin: 0 15px;
}
/* ************************************
FORM LOGIN
************************************ */
header #login {
    border: 1px solid #ccc;
    padding: 0 15px;
}
header #login .form-group {
    margin-bottom: 10px;
}
header #login div.recover {
    margin-top: -10px;
}
header #login small {
    font-style: italic;
    font-size: 82%;
}
.loginbox {
    height: 175px;
    max-height: 175px;
    display: block;
	margin-top: 0px;
}
.loginbox form {
	height: 100%;
	width: 100%;
	position: relative;
	top: 0;
}
.loginbox form#loginform {
	z-index: 100;
}
#recoverform {
	display: none;
}
.loginbox form#recoverform {
	z-index: 50;
	opacity: 0;
    display: none;
	top: -175px;
}
.login-form section {
    margin-bottom: 15px;
    position: relative;
}

/* ************************************
SLIDESHOW
************************************ */
.carousel-indicators {
    width: 100%;
    margin-left: 0;
    left: 0;
    padding-right: 20px;
    text-align: right;
    bottom: 10px;
}

/* ************************************
LINKS
************************************ */
#links {
    padding: 15px 0;
}
#links table {
    margin-bottom: 0;
}
#links table td,
#links table th {
    border: 0;
    text-align: center;
    vertical-align: middle;
}
#links img {
    max-height: 80px;
}
#links div.bg-white {
    border-bottom: 1px solid #eee;
}
#links div.bg-white .media {
    padding: 10px 0;
}

/* ************************************
EVENTOS
************************************ */
#events-list .date {
    font-style: italic;
    font-size: 0.85em;
    color: #900;
    margin-bottom: 5px;
}
#events-list .media-left .bg-red {
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
}
#events-list .media-left .bg-red .date {
    font-size: 20px;
    line-height: 16px;
    color: #fff;
}

/* ************************************
AGENDA
************************************ */
#agenda .date {
    font-style: italic;
    font-size: 0.85em;
    color: #900;
    margin-bottom: 5px;
}

/* ************************************
MÍDIAS
************************************ */
#midias .item img {
    -webkit-filter: grayscale(85%);
    filter: grayscale(85%);
}
#midias .item img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

/* **************************************** */
/* DIRETORIA */
/* **************************************** */
#diretoria .media-left img {
    max-width: 120px;
    max-height: 120px;
}

/* **************************************** */
/* NOTÍCIAS */
/* **************************************** */
#news .media-left img {
	max-width: 200px;
}

/* ************************************
RODAPÉ
************************************ */
footer,
footer a {
    color: #aaa;
}
footer a:hover {
    color: #ccc;
    text-decoration: none;
}
footer .social-media li {
    width: 50px;
    height: 50px;
    border: 2px solid #aaa;
    border-radius: 50%;
    font-size: 20px;
    padding: 10px;
    margin: 0 3px;
}

footer .social-media li:hover {
    background-color: #ccc;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

footer .social-media li:hover a {
    color: #333;
}

/* ************************************
PAGINAÇÃO
************************************ */
.pagination li a {
    color: #d43718;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #900;
    color: #fff;
    border-color: #aaa;
}
.pagination>li>a:hover {
    color: #fff;
    background-color: #c00;
}

/* ************************************
RESPONSIVE
************************************ */
@media (max-width: 768px) {
    /* ************************************
    MENU
    ************************************ */
    .navbar-nav {
        margin: 0;
    }
    .navbar .navbar-nav {
        width: 100%;
    }
    .nav>li>a {
        padding: 15px 10px;
    }
    /* ************************************
    LOGIN
    ************************************ */
    #login h4 {
        font-size: 15px;
        font-weight: bold;
    }
    #login,
    #login .btn-sm {
        font-size: 10px;
    }
    #login .btn-sm {
        padding: 3px;
    }
    /* ************************************
    NOTÍCIAS
    ************************************ */
    #news .media {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }
    #news .media .media-left {
        width: 100%;
        display: block;
        max-height: 120px;
        text-align: center;
        margin-bottom: 10px;
    }
    #news .media .media-left img {
        width: 100%;
        max-height: 120px;
    }
}
@media (min-width: 768px) {
    /* ************************************
    MENU
    ************************************ */
    .navbar .nav, .navbar .nav > li {
        float: none;
        display: inline-block;
    }
    .navbar .navbar-collapse {
        text-align: center;
    }
    /* ************************************
    LINKS
    ************************************ */
    #links .media-left {
        width: 33%;
        display: inline-block;
    }
    #links .media-left img {
        max-width: 100%;
    }
    #links .media-body {
        width: 66%;
        display: inline-block;
    }
    /* ************************************
    RODAPÉ
    ************************************ */
    footer .company-info div:first-child {
        text-align: right;
        border-right: 1px solid #aaa;
    }
    footer .company-info div:last-child {
        text-align: left;
    }
}