.nav-pills>* img {
    margin: 0 auto 0
}

.nav>li>a {
    text-decoration: none !important
}

.nav-pills>* a {
    color: #24135f
}

.nav-pills>* a:hover {
    color: #24135f
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #24135f;
    color: #fff
}

hr {
    border-top: 2px solid #EEE
}

a,
a:visited {
    text-decoration: none
}

li span.title {
    color: #3c3c3c;
    font-weight: bold;
    font-size: 1.2em
}

li.list {
    list-style: none !important;
    margin-top: 1.000em
}

li.sublist {
    list-style: none !important;
    margin-top: .7em;
    margin-left: -1em
}

li span.subtitle,
li span.subtitle a {
    font-family: inherit;
    font-size: 1.1em;
    font-weight: bold;
    color: #3c3c3c
}

#main {
    margin: auto;
    width: 100%
}

#main h2 {
    font-size: 2.5em;
    font-weight: bold;
    width: 100%;
    padding: 10px;
    margin-bottom: 8px
}

h2 span span {
    color: #7e7f93
}

#main h3 {
    color: #949494;
    font-size: 1.8em;
    position: relative;
    top: -15px;
    padding-left: 10px;
    margin-bottom: 15px
}

#main {
    margin-top: 48px
}

#header {
    background-color: #24135f;
    height: 48px;
    color: #fff;
    font-size: 1.8em;
    padding-top: 5px;
    margin: 0
}

#header hr {
    border-width: 2px;
    border-color: #cfcfcf;
    margin: 1px
}

.nav-pills>li {
    min-width: 200px;
    width: 100px;
    font-weight: bold
}

h1 {
    color: #3c3c3c;
    font-size: 1.5em
}

#tabPanel {
    margin-top: 20px;
    margin-bottom: 20px
}

.panel-group {
    width: 80%;
    margin: 0 auto 0
}

.panel-default>.panel-heading {
    border: 0;
    border-bottom: 1px #888 dotted;
    background-color: transparent !important
}

.panel-default {
    border: 0
}

.panel-title {
    font-weight: bold;
    font-size: 1.4em
}

p {
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
    line-height: 1.5em
}

p.enfasis::first-letter {
    font-size: 1.8em;
    padding-left: 35px
}

p.sangria::first-letter {
    padding-left: 30px
}

img.retina {
    width: 100%;
    height: auto;
    margin: auto
}

@media(min-width:768px) {
    .nav-justified>li {
        display: inline-table
    }

    .form-contact {
        max-width: 50%;
        margin: 0 auto 0
    }

    #Resena p {
        text-align: justify;
        font-size: 1.1em
    }
}

@media screen and (max-width:800px) {
    .nav>li>a>img {
        max-width: 45px
    }

    .nav-justified>li {
        display: inline-table
    }
}

@media screen and (max-width:450px) {
    .nav>li>a>img {
        max-width: 45px
    }

    .nav-justified>li {
        display: inline-table
    }

    .form-contact {
        max-width: 95%;
        margin: 0 auto 0
    }

    #Resena p {
        text-align: justify;
        font-size: 1.1em
    }

    .panel-group {
        width: 100%;
        margin: 0 auto 0
    }
}

@media screen and (min-width:1350px) {

    #main h2,
    #main h3 {
        position: relative;
        left: -40px
    }
}