@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@import "https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700";

.body-site{
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: 'Roboto', sans-serif;
}

.bloco-padrao-noticias h3{
  margin-top: 0;
  font-weight: 300;
}

body{
  background-color: #fff;
}

.body-mt{
  margin-top: 50px;
}

figure{
  padding: 7px;
  background-color: #ECF0F1;
}

figure figcaption{
  text-align: center;
  margin-top: 5px;
}

blockquote{
  border-left-color: #eece1d;
}

.img-slide{
  width: 100%;
}

/* Menu navegação */
.navbar-body{
  background-color: #fff;
  padding: 1px 0 5px 0;
}

.navbar-body .logo-center{
  text-align: center;
  padding: 15px 0;
  display: none;
  border-bottom: 2px solid #172143;
}

.navbar-body .logo-center img{
  max-width: 200px;
}

.navbar{
  margin-top: 30px;
  font-size: 18px;
  z-index: 200;
}
.navbar-brand-centered {
    position: absolute;
    left: 50%;
    display: block;
    width: 140px;
    text-align: center;
    background-color: transparent;
    top: -30px;
    z-index: 2;
}
.navbar-brand-centered img{
  max-width: 120px;
}
.navbar>.container .navbar-brand-centered,
.navbar>.container-fluid .navbar-brand-centered {
    margin-left: -80px;
}

.bg-nav{
  position: absolute;
  left: 50%;
  display: block;
  width: 300px;
  height: 50px;
  text-align: center;
  background-color: transparent;
  z-index: 1;
  top: 75px;
}

.navbar>.container .bg-nav{
  margin-left: -155px;
}

.navbar-default {
  background-color: #ffffff;
  border-color: #ffffff;
}
.navbar-default .navbar-brand {
  color: #20326f;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5199d2;
}
.navbar-default .navbar-text {
  color: #20326f;
}
.navbar-default .navbar-nav > li > a {
  color: #20326f;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #5199d2;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #20326f;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #5199d2;
  background-color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #5199d2;
  background-color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #5199d2;
  background-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #5199d2;
  background-color: #ffffff;
}
.navbar-default .navbar-toggle {
  border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #20326f;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #20326f;
}
.navbar-default .navbar-link {
  color: #20326f;
}
.navbar-default .navbar-link:hover {
  color: #5199d2;
}

/* Slide */
.slide-body{
  border-bottom: 5px solid #EECE1D;
}

.slideshow {
  width: 100%;
  background-color: #237bba;
  margin: auto;
}


.titulo-padrao-1{
  font-weight: 300;
  border-bottom: 3px solid #b8dff9;
  color: #0F3A61;
  padding-bottom: 8px;
  margin-top: 0;
  font-size: 22px;
}

.titulo-padrao-2{
  font-weight: 300;
  border-bottom: 3px solid #eece1d;
  color: #0F3A61;
  padding-bottom: 8px;
  margin-top: 0;
  font-size: 22px;
}

.titulo-padrao-3{
  font-weight: 300;
  padding-bottom: 8px;
  margin-top: 0;
  color: #3C7EB7;
  font-size: 35px;
  font-weight: 300;
}

.titulo-padrao-col-1{
  font-weight: 400;
  border-bottom: 3px solid #eece1d;
  color: #0F3A61;
  padding-bottom: 8px;
  margin-top: 0;
  font-size: 20px;
}

.bloco-noticias-home{
  margin-bottom: 30px;
}

.bloco-padrao .foto-bloco{
  position: relative;
}

.bloco-padrao .foto-bloco .bloco-data{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3px 5px;
  background-color: #3C7EB7;
  color: #fff;
  font-size: 12px;
}

.bloco-padrao p{
  color: #888;
}

.bloco-padrao a:hover{
  text-decoration: none;
}

.bloco-padrao a img{
  width: 100%;
  border-bottom: 5px solid #3c7eb7;
}

.bloco-padrao a h3{
  margin: 5px 0;
  font-size: 22px;
  font-weight: 300;
}

.banner-home img{
  width: 100%;
}

.col-video{
  z-index: 1;
}

.col-video #player{
  z-index: 2;
  border: 2px solid #a2a2a2;
}

/* Animal */
.bloco-animal{
  margin-bottom: 15px;
}

.bloco-animal .foto-bloco-animal{
  position: relative;
  max-width: 100%;
}

.bloco-animal .carimbo-vendido{
  position: absolute;
  top: 0;
  left: 0;
  max-width: 90px;
  border: none;
}

.bloco-animal .carimbo-homozigoto{
  position: absolute;
  bottom: 10px;
  right: 3px;
  max-width: 65px;
  border: none;
}

.bloco-animal p{
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
  line-height: 17px;
}

.bloco-animal a h3,
.bloco-animal h3{
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 3px;
  color: #3c7eb7;
  margin-top: 10px;
}

.bloco-animal h3{
  font-size: 18px;
}

.bloco-animal .tipo-flag{
  margin-bottom: 10px;
}

.bloco-animal .infos{
  margin-bottom: 3px;
}

.bloco-animal .valor{
  display: block;
  font-weight: bold;
  color: #a94442;
}

.botao-mais-animais{
  margin-bottom: 30px;
}

/* Rodapé */
.footer{
  background-color: #0f3a61;
  padding: 40px 0;
  border-top: #EECE1D 5px solid;
  color: #fff;
  min-height: 510px;
  margin-top: 30px;
}

.footer img{
  max-width: 150px;
  margin-bottom: 15px;
}

.footer h1{
  font-weight: 400;
  font-size: 30px;
}

.footer h1 span{
  display: block;
  font-weight: 100;
  font-size: 20px;
  margin-bottom: 5px;
}

.footer p{
  margin: 18px 0;
}

.footer p a{
  color: #b8dff9;
}

.footer .associacoes{
  margin: 20px auto;
}

.footer .associacoes span{
  display: block;
  margin-bottom: 4px;
}

.footer .social-buttons{
  text-align: center;
  margin: 30px auto;
}

.footer #social-buttons{
  display: flex;
  justify-content: center;
}

.footer p.assinatura{
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 0;
}

.embed-responsive iframe{
  border: 4px solid #235e8e;
}

/* Paginas padrão */
.titulo-body .container{
  color: #fff;
  padding: 70px 15px 15px 15px;
}

.titulo-body{
  border-bottom: 5px solid #EECE1D;
  background-color: #EECE1D;
}

.titulo-body h1{
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 35px;
}

.editorial p{
  font-size: 18px;
  color: #777;
}

.editorial h2{
  font-weight: 400;
  font-size: 30px;
  color: #1d6787;
  margin-top: 0;
  font-weight: 300;
}

.editorial figure{
  margin: 20px 0;
}

.editorial .figure-a-esquerda{
  max-width: 380px;
  float: left;
  margin: 5px 10px 5px 0;
}

.editorial .figure-a-direita{
  max-width: 380px;
  float: right;
  margin: 5px 0 5px 10px;
}

.titulo-editorial{
  font-weight: 300;
  font-size: 40px;
  color: #3498db;
}

.well-noticias{
  font-size: 13px;
  margin-bottom: 10px;
}

.col-bg{
  background-color: #f1f1f1;
  padding: 20px 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.bloco-galeria{
  margin-bottom: 30px;
}

.bloco-galeria figcaption{
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
}

.form-group .form-control{
  border: none;
  background-color: #ECF0F1;
  font-size: 18px;
  padding: 20px 15px;
}

.btn-categoria{
  margin: 40px 0 20px 0;
}

.btn-categoria .btn-white{
  margin: 3px;
}

.btn-white {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    font-size: 18px;
}
.btn-white:hover,.btn-white.active {
    color: #1d6787;
    background-color: #fff;
}

.pedigree-body .titulo{
  font-weight: 400;
  font-size: 45px;
  color: #1d6787;
  margin: 0;
}

.pedigree-body hr{
  margin: 10px 0 15px 0;
}

.col-bg .well-titulo{
  margin-bottom: 5px;
  font-size: 14px;
  padding: 5px 10px;
}

.table tbody tr td{
    vertical-align: middle;
    padding: 0 5px;
}

.table tbody tr td .well{
    margin: 3px 0;
    font-size: 12px;
    color: #fff;
    background-color: #4c6975;
}

.infos-animais div{
  background-color: #fff;
  border: solid 2px #ECF0F1;
  font-size: 13px;
  color: #1C2838;
  padding: 8px 4px;
}

.infos-animais div span{
  font-size: 16px;
}

.foto-pequena{
  cursor:pointer;
}

.foto-bloco-animal{
  position: relative;
}

.foto-animal-body .carimbo-vendido{
  position: absolute;
  max-width: 130px;
}

.foto-animal-body .carimbo-homozigoto{
  position: absolute;
  max-width: 110px;
  right: -3px;
  top: -10px;
}

.btn-proposta{
  margin-top: 5px;
}

.aviso{
  margin: 40px 0;
}

.corpo-post{
  margin-top: 20px;
}

.corpo-post p{
	font-size: 16px;
	color: #666;
}

.corpo-post figure{
    border: 1px solid gray;
    background: #f5f2f0;
    padding: 8px 8px 8px 8px;
		margin-bottom: 10px;
		margin-top: 10px;
		max-width: 100%;
}

.corpo-post figure.align-left {
    width: 395px;
    float: left;
    margin: 5px 10px 5px 0;
}

.corpo-post figure.align-right {
    width: 395px;
    float: right;
    margin: 5px 0 5px 10px;
}

.corpo-post figure img, .corpo-post figure.align-left img, .corpo-post figure.align-right img{
  width: 100%;
}

.corpo-post figure.image figcaption {
    margin: 6px 8px 0 8px;
    text-align: center;
    font-size: 13px;
}

.corpo-post figure.image figcaption p {
    font-size: 13px;
		margin: 0;
}

.corpo-post ul, .corpo-post ol{
  font-size: 16px;
}

.corpo-post ul li, .corpo-post ol li  {
	position: relative;
  left: 1.2em;
  padding-right: 1.2em;
}

/* Galeria de fotos */
.fotos-galeria figure{
  border: 1px solid gray;
  background: #f5f2f0;
  padding: 5px 5px 5px 5px;
  margin: 5px;
  max-width: 100%;
  clear: both;
}

.fotos-galeria figure img{
  width: 100%;
}

.fotos-galeria figure figcaption {
    margin: 6px 8px 0 8px;
    text-align: center;
    font-size: 13px;
}

.legenda-video{
  margin-top: 4px;
}

i.icon-contato{
  margin-right: 10px;
}

.well-titulo-2{
  background-color: #053e54;
  color: #eece1d;
}

.form-group .form-control{
  border: none;
  background-color: #f1f1f1;
  font-size: 18px;
  padding: 20px 15px;
}

.form-control:focus {
    outline: none !important;
    border-color: #053e54;
    box-shadow: 0 0 2px #053e54;
}

.banner-cgc{
  width: 100%;
  max-width: 400px;
}


.form-control::-webkit-input-placeholder { color: #9ba7aa; }
.form-control:-moz-placeholder { color: #9ba7aa; }
.form-control::-moz-placeholder { color: #9ba7aa; }
.form-control:-ms-input-placeholder { color: #9ba7aa; }