@font-face {
    font-family: 'Mocha Mattari';
    src: url('../fonts/MochaMattari.eot');
    src: local('?'), url('../fonts/MochaMattari.woff') format('woff'), url('../fonts/MochaMattari.ttf') format('truetype'), url('../fonts/MochaMattari.svg') format('svg');
}

@media print {
    a[href]:after {
        content: none !important;
    }

    .header-name {
        position: absolute;
        top: 0;
        margin-left: 0;
        width: 35%;
    }

    .header-logo {
        position: absolute;
        bottom: 0;
        margin-left: 0;
        width: 35%;
    }

    #head_back {
        display: none;
    }
}

body {
    font-family: 'Helvetica', sans-serif;
    font-size: 11.5pt;
    color: #3B2314;
    overflow-x: hidden;
}

hr {
    border-color: rgba(59, 35, 20, 0.4);
}

footer a, footer a:visited {
    font-family: 'Helvetica', sans-serif;
    color: #FFF !important;
}

input, select {
    background: #efefef none repeat scroll 0 0;
    border: medium none;
}

input[type="submit"] {
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.6);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.6);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.6);
}

#conteudo ul {
    list-style: none;
    padding-left: 5px;
}

#conteudo ul li:before {
    content: "\2022";
    padding-right: 8px;
}

.charoles-header {
    height: 75%;
    background: url('../imagens/00.Home_principal.jpg') center bottom no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    border-bottom: 10px solid white;
    position: relative;
}

.charoles-content {
    background: url('../imagens/00.Home_principal.jpg') center top no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
}

.content-text {
    background: rgba(255,255,255,1);
    text-align: justify;
    height: 100%;
    overflow-y: scroll;
    padding: 0 4%;
}

.content-text h2 {
    font-size: 30pt;
    font-family: 'Mocha Mattari';
    color: #3B2314;
}

.content-text h3 {
    font-family: 'Mocha Mattari';
    color: #3B2314;
}

.charoles-recentes img {
    height: 32%;
    width: 100%;
    object-fit: cover;
}

.recente-left {
    border-right: 5px solid white;
    height: 32%;
    width: 50%;
}

.recente-right {
    border-left: 5px solid white;
    height: 32%;
    width: 50%;
}

.tagline {
    text-shadow: 0 0 10px #000;
    color: #fff;
}

.img-center {
    margin: 0 auto;
}

footer {
    background: rgba(59,35,20,1);
    color: #FFF;
    font-size: 90%;
}

nav a {
    font-family: 'Mocha Mattari';
}

#dummy-nav {
    display: none;
    position: absolute;
    top: 0;
}

a,a:visited {
    color: #3B2314 !important;
}

a:hover, a:active {
    color: #754629 !important;
}

.header-name {
    position: absolute;
    top: 0;
    margin-left: 3%;
    width: 13vw;
}

.header-logo {
    position: absolute;
    bottom: 0;
    margin-left: 3%;
    width: 13vw;
}

.header-name-mobile {
    display: none;
}

.header-logo-mobile {
    display: none;
}

#head_back {
    height: 40%;
    margin-bottom: 30px;
    background-size: 100%;
}

.header-rs{
    margin-top: 10px;
    width: 100%;
}

@media screen and (max-height: 899px) and (min-height:701px){
    .header-name {
        width: 13vw;
    }

    .header-logo {
        width: 13vw;
    }

    .charoles-header {
        height: 80%;
    }
}

@media screen and (max-height:700px){
    .header-name {
        width: 13vw;
    }

    .header-logo {
        width: 13vw;
    }

    .charoles-header {
        height: 85%;
    }
}

@media screen and (max-width: 837px){
    body {
        overflow-x: hidden !important;
    }

    .recente-right {
        margin-top: 10px;
    }

    .header-name {
        display: none;
    }

    .header-name img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .header-name-mobile {
        display: block;
        position: relative;
        left: 5vw;
        width: 95vw;
    }

    .header-rs-mobile {
        margin-top: 10px;
        width: 100%;
    }

    .header-rs-mobile img {
        margin-top: 5vh;
    }

    .header-logo-mobile {
        display: block;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }

    .navbar-toggle {
        position: absolute;
        top: 0;
        right: 0;
    }

    .navbar-nav {
        float: right;
        background: rgba(255,255,255,0.85);
    }

    #menu {
        position: absolute;
        top: 50px;
        right: 10px;
        z-index: 100;
    }

    .header-logo {
        display: none;
    }

    .content-text {
        background: rgba(255,255,255,1);
        text-align: justify;
        height: auto;
        overflow-y: hidden;
    }

    .navbar-toggle .icon-bar {
        background: #3B2314;
    }

    .navbar-toggle {
        border-color: #3B2314;
    }

    #galeria img {
        width: 100%;
    }

    #galeria col-sm-6 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .noticia-label {
        font-size: larger !important;
    }

    .recente-left {
        border-right: 5px solid white;
        width: 100%;
    }

    .recente-right {
        border-left: 5px solid white;
        width: 100%;
    }

    .gal-s-left {
        padding-right: 0 !important;
    }

    .gal-s-right {
        padding-left: 0 !important;
    }

    footer span {
        display:block;
    }

    .toggle-mobile {
        display: inline-block !important;
        float: right;
    }

    .toggle {
        display: none !important;
    }

    .navbar-nav > li > a {
        display: inline-block !important;
    }

    .divider-cust {
        display: none !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }

    .navbar-header {
        float:none;
    }

    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .recente-right .noticia-label {
        margin-right: 5px;
    }
}

@media screen and (min-width: 838px){
    .navbar-toggle {
        display: none;
    }

    .gal-s-left {
        padding-right: 8px !important;
    }

    .gal-s-right {
        padding-left: 8px !important;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }

    .toggle-mobile {
        display: none !important;
    }

    .toggle {
        display: inline-block !important;
    }

    .navbar-nav {
        position: relative;
    }

    li.dropdown {
        position: static;
    }

    .dropdown-menu {
        width: 100%;
        border: none;
        box-shadow: none;
        background: none;
        padding: 0;
        top: 40px;
    }

    .dropdown-menu > li {
        display: inline-block;
        background: none;
    }

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }

    .navbar-nav > li > a {
        font-size: 1.2vw;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .dropdown-menu > li > a {
        font-size: 1.2vw;
    }

    .divider-cust {
        font-size: 1.2vw;
        line-height: 15px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .recente-right .noticia-label {
        margin-right: 10px;
    }
}

.noticia {
    position: relative;
    font-family: 'Mocha Mattari';
}

.noticia-label {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 33%;
    font-size: xx-large;
    text-align: right;
    line-height: 108%;
}

.label-clara {
    color: #FFF;
    text-shadow: -2px 2px 5px rgba(59, 35, 20, 0.70);
}

.label-escura {
    color: #3B2314;
    text-shadow: -2px 2px 5px rgba(255, 255, 255, 0.70);
}

.active {
    text-decoration: underline;
}

.inactive a {
    color: rgba(59,35,20,0.4);
}

.corpos-sociais {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    width: 98%;
}

.corpos-sociais tr {
    border-bottom: 1px solid #3B2314;
    border-top: 1px solid #3B2314;
}

.corpos-sociais td {
    padding: 5px 15px;
}

.corpos-area {
    background: rgba(59, 35, 20, 0.05);
    color: #F6921E;
    text-align: center;
    font-weight: bolder;
    line-height: 30px;
}

.corpos-area td {
    text-align: center;
}

.corpos-header {
    background: rgba(59, 35, 20, 0.20);
    font-weight: bolder;
}

/*
 *  Galeria
 */

#galeria > div {
    margin: 15px 0;
    padding: 0;
}

#galeria > .col-sm-6 > a > img {
    height: 30%;
    object-fit: cover;
    width: 100%;
}

#galeria > a > .col-sm-12 {
    height: 40%;
}

/*
 *  Concursos
 */

.tab_c {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    background: white;
    width: 98%;
}

.tab_c tr {
    border-bottom: 1px solid #3B2314;
    border-top: 1px solid #3B2314;
}

.tab_c td {
    padding: 5px 15px;
    font-size: 80%;
}

.tab_tit_ver {
    background: rgba(59, 35, 20, 0.05);
    color: #F6921E;
    font-weight: bolder;
    line-height: 30px;
}

.h3r {
    text-align: center;
}

td {
    text-align: left;
}

#bolsa-conteudo font {
    font-family: 'Helvetica';
    font-size: 11.5pt;
}

/*
 *   Genealogias
 */

.elemento_geneal{
    background: #EFEFEF;
    border-radius: 4px;
}

#ficha_tecnica {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.bol_gen {
    padding-left: 10px;
}

.geneal_powerd {
    margin-top: 10px;
    font-size: 10pt;
}

.geneal_powerd font{
    color: #3B2314;
}

.geneal_imagem{
    border-radius: 4px;
}

.varios_animais {
    text-align: left;
    width: 100%;
}

.varios_animais tr {
    border-bottom: 1px solid;
    border-top: 1px solid;
}

.varios_animais td {
    padding: 10px;
}

.varios_animais a {
    font-weight: bold;
}

.tab_conc_cel font {
    font-family: 'Helvetica', sans-serif;
    font-size: 100%;
}

.tab_conc_cel {
    font-size: 80%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .recente-right .noticia-label {
        margin-right: 20px;
    }
}

.shop-table td:nth-child(1) {
    width: 30%;
    text-align: center;
}
.shop-table td:nth-child(2) {
    width: 50%;
}
.shop-table td:nth-child(3) {
    width: 20%;
}
.shop-table .shop-options, .shop-table .shop-qtt {
    text-align: right;
}
#cart {
    float: right;
}