@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,600');

html { width: 100%; border: 0px; padding: 0px; margin: 0px; }
body { width: 100%; border: 0px; padding: 0px; margin: 0px; font-family: 'Titillium Web', sans-serif; background: #EBEBEB; overflow-y: scroll; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-input-placeholder 						{ color: #333333; }
::-moz-placeholder									{ color: #333333; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

.topo-celular										{ display: none; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

h1													{ margin: 0px 0px 20px 0px; font-size: 32px; color: #000000; }
h3													{ margin: 0px 0px 10px 0px; font-size: 18px; }
h5													{ margin: 0px 0px 0px 0px; font-size: 12px; }
.field 												{ float: left; width: 100%; margin: 0px 0px 8px 0px; }
.botao 												{ float: left; width: 100%; margin: 0px 0px 0px 0px; }

select												{ float: left; width: 100%; border-radius: 6px; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 10px; outline: none; color: #666666; background: #FFFFFF; height: 38px; }
input[type=text]									{ float: left; width: 100%; border-radius: 6px; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 10px; outline: none; }
input[type=password]								{ float: left; width: 100%; border-radius: 6px; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 10px; outline: none; }
input[type=checkbox]								{ float: left; width: 22px; border-radius: 6px; border: 1px solid #C5C5C5; margin: 5px 0px 0px 0px; padding: 0px; outline: none; }
textarea											{ float: left; width: 100%; height: 200px; border-radius: 6px; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 10px; outline: none; }

input[type=submit]									{ float: right; margin: 0px 0px 0px 0px; padding: 0px 20px; min-width: 20px; height: 40px; border: 0px; border-radius: 6px; background: #718E1E; text-align: center; font-size: 13px; color: #FFFFFF; cursor: pointer; outline: none; }
input[type=submit]:hover							{ float: right; margin: 0px 0px 0px 0px; padding: 0px 20px; min-width: 20px; height: 40px; border: 0px; border-radius: 6px; background: #666666; text-align: center; font-size: 13px; color: #FFFFFF; cursor: pointer; outline: none; }

input[type=button]									{ float: right; margin: 0px 0px 0px 0px; padding: 0px 20px; min-width: 20px; height: 40px; border: 0px; border-radius: 6px; background: #718E1E; text-align: center; font-size: 13px; color: #FFFFFF; cursor: pointer; outline: none; }
input[type=button]:hover							{ float: right; margin: 0px 0px 0px 0px; padding: 0px 20px; min-width: 20px; height: 40px; border: 0px; border-radius: 6px; background: #666666; text-align: center; font-size: 13px; color: #FFFFFF; cursor: pointer; outline: none; }

.campo_INPUTFILE 									{ display: none; }
.botao_INPUTFILE1 									{ float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 10px; background: #F6C042; border-radius: 6px; color: #684719; cursor: pointer; }
.botao_INPUTFILE1:hover 							{ float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 10px; background: #625132; border-radius: 6px; color: #FFFFFF; cursor: pointer; }
.botao_INPUTFILE2 									{ float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 10px; background: #EEEEEE; border-radius: 6px; color: #BAbAbA; cursor: no-drop; }

.mensagem-obrigado-v								{ float: left; margin: 0px 0px 20px 0px;  width: 100%; padding: 14px; border: 1px solid #D0E6BF; background: #DBEED3; color: #346B54; border-radius: 6px; text-transform: uppercase; font-weight: bold; font-size: 14px; }
.mensagem-obrigado-v spam							{ float: right; color: #346B54; }
.mensagem-obrigado-v b								{ font-weight: bold; font-size: 18px; }
.mensagem-obrigado-v a								{ color: #0000FF; }

.botao-voltar										{ float: right; margin: 3px 0px 0px 0px; font-size: 14px; color: #FFFFFF; background: #666666; border: 1px solid #666666; border-radius: 6px; padding: 4px 20px; }
.botao-voltar:hover									{ float: right; margin: 3px 0px 0px 0px; font-size: 14px; color: #FFFFFF; background: #222222; border: 1px solid #666666; border-radius: 6px; padding: 4px 20px; }

.botao-voltar-animal								{ float: right; margin: 6px 0px 0px 0px; font-size: 14px; color: #FFFFFF; background: #666666; border: 1px solid #666666; border-radius: 6px; padding: 4px 20px; }
.botao-voltar-animal:hover							{ float: right; margin: 6px 0px 0px 0px; font-size: 14px; color: #FFFFFF; background: #222222; border: 1px solid #666666; border-radius: 6px; padding: 4px 20px; }

/*- TOPO BRANCO ----------------------*/

.topo												{ width: 100%; height: 50px; position: fixed; z-index: 999; top: 0px; left: 0px; background: #FFFFFF; }
.topo-1200 											{ margin: 0px auto; padding: 0px; min-width: 980px; max-width: 1400px; width: 96%; }

.topo1-menu											{ float: left; min-width: 10px; padding-top: 12px; }
.topo1-menu .ico-home								{ float: left; min-width: 10px; margin: 2px 0px 0px 0px; font-size: 15px; padding: 0px 20px 0px 0px; color: #444444; }
.topo1-menu .ico-contato							{ float: left; min-width: 10px; margin: 2px 0px 0px 0px; font-size: 15px; padding: 0px 20px 0px 0px; color: #444444; }
.topo1-menu .ico-duvidas							{ float: left; min-width: 10px; margin: 2px 0px 0px 0px; font-size: 15px; padding: 0px 20px 0px 0px; color: #444444; }
.topo1-menu .ico-facebook							{ float: left; min-width: 10px; margin: 2px 0px 0px 0px; font-size: 15px; padding: 0px 20px 0px 0px; color: #444444; }
.topo1-menu .ico-instagram							{ float: left; min-width: 10px; margin: 2px 0px 0px 0px; font-size: 15px; padding: 0px 20px 0px 0px; color: #444444; }

.topo1-anuncie										{ float: right; min-width: 10px; height: 32px; margin: 9px 9px 0px 0px; padding: 4px 20px 4px 20px; font-size: 16px; color: #FFFFFF; font-weight: bold; background: #718E1E; border-radius: 6px; }
.topo1-anuncie:hover								{ color: #FFFFFF; background: #666666; }

.topo1-painel										{ float: right; min-width: 10px; height: 32px; margin: 9px 0px 0px 0px; padding: 5px 20px 5px 20px; font-size: 16px; color: #FFFFFF; font-weight: bold; background: #D65036; border-radius: 6px; }
.topo1-painel:hover									{ color: #FFFFFF; background: #666666; }

/*- TOPO AMARELO ---------------------*/

.topo-amarelo										{ width: 100%; height: 70px; position: fixed; z-index: 999; top: 50px; left: 0px; background: #FFBF00; -webkit-box-shadow: 0 0 100px 0 rgba(0,0,0,0.2); box-shadow: 0 0 100px 0 rgba(0,0,0,0.2); }
.topo-amarelo-1200 									{ margin: 0px auto; padding: 0px; min-width: 980px; max-width: 1400px; width: 96%; }

.topo2-logo											{ float: left; width: 150px; margin: 13px 80px 0px 0px; }

.topo2-menu 										{ float: left; margin: 13px 0px 0px 0px; font-size: 15px; }
.topo2-menu li										{ float: left; margin: 10px 40px 0px 0px; color: #000000; font-weight: bold; text-transform: uppercase; list-style: none; padding: 0px 0px 27px 0px; display: block; cursor: pointer; }
.topo2-menu li:last-child							{ margin: 10px 0px 0px 0px; }
.topo2-menu li:hover								{ color: #634821; }
.topo2-menu ul										{ margin: 0px 0px 0px 0px; list-style: none; padding: 0px 0px 0px 0px; }
.topo2-menu li ul									{ display: none; margin: 0px 0px 0px 0px; }
.topo2-menu li:hover ul								{ display: block; position: absolute; background: #666; margin: 24px 0px 0px 0px; padding: 0px 0px 0px 0px; border-radius: 0px 0px 4px 4px; }
.topo2-menu li:hover li								{ float: none; padding: 5px 15px; border-top: 1px solid #000000; margin: 0px 0px 0px 0px; }
.topo2-menu li ul li:hover							{ background: #444444; }			
.topo2-menu a										{ color: #FFFFFF; text-decoration: none; text-transform: none; font-weight: normal; }			
.topo2-menu a:hover									{ color: #FFFFFF; }

.topo2-whatsapp										{ float: right; min-width: 10px; margin: 14px 0px 0px 0px; font-size: 22px; color: #000000; font-weight: bold; padding: 0px 0px 0px 0px; text-align: center; line-height: 18px; }
.topo2-whatsapp	span								{ font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; }

/*- BUSCA  ---------------------------*/

.topo-busca											{ width: 100%; height: 204px; margin: 120px 0px 30px 0px; background: #40322B; background-image: url("/imagens/fundo_madeira11.jpg"); }
.topo-busca-1200 									{ margin: 0px auto; padding: 0px; min-width: 980px; max-width: 1400px; width: 96%; }
.caixas-busca-home									{ float: left; width: 100%; margin: 20px 0px 0px 0px; color: #FFFFFF; }

/*- BOTÕES PAINEL DO CLIENTE ---------*/

.topo-opcao-painel									{ width: 100%; min-height: 204px; margin: 120px 0px 30px 0px; background: #FFFFFF; border-bottom: 5px solid #999999; }
.topo-opcao-painel-1200 							{ margin: 0px auto; padding: 0px; min-width: 980px; max-width: 1400px; width: 96%; }

.caixas-opcao-painel								{ width: 100%; margin: 0px 0px 0px 0px; padding: 20px 0px; color: #000000; }
.bloco-painel .row .bloco1							{ float: left; color: #333333; margin: 10px 9px 0px 0px; width: calc(11.111% - 8px); background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; cursor: pointer; padding: 0px; }
.bloco-painel .row .bloco2 							{ float: left; color: #333333; margin: 10px 9px 0px 0px; width: calc(11.111% - 8px); background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; cursor: pointer; padding: 0px; }
.bloco-painel .row .bloco3 							{ float: left; color: #333333; margin: 10px 9px 0px 0px; width: calc(11.111% - 8px); background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; cursor: pointer; padding: 0px; }
.bloco-painel .row .bloco4 							{ float: left; color: #333333; margin: 10px 9px 0px 0px; width: calc(11.111% - 8px); background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; cursor: pointer; padding: 0px; }
.bloco-painel .row .bloco5 							{ float: left; color: #333333; margin: 10px 9px 0px 0px; width: calc(11.111% - 8px); background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; cursor: pointer; padding: 0px; }
.bloco-painel .row .bloco6 							{ float: left; color: #333333; margin: 10px 9px 0px 0px; width: calc(11.111% - 8px); background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; cursor: pointer; padding: 0px; }
.bloco-painel .row .bloco7 							{ float: left; color: #333333; margin: 10px 9px 0px 0px; width: calc(11.111% - 8px); background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; cursor: pointer; padding: 0px; }
.bloco-painel .row .bloco8 							{ float: left; color: #333333; margin: 10px 9px 0px 0px; width: calc(11.111% - 8px); background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; cursor: pointer; padding: 0px; }
.bloco-painel .row .bloco9 							{ float: left; color: #333333; margin: 10px 0px 0px 0px; width: calc(11.111% - 8px); background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; cursor: pointer; padding: 0px; }

.bloco-painel .row .bloco1 .thumbnail 				{ margin: 10px 0px 10px 0px; }
.bloco-painel .row .bloco2 .thumbnail 				{ margin: 10px 0px 10px 0px; }
.bloco-painel .row .bloco3 .thumbnail 				{ margin: 10px 0px 10px 0px; }
.bloco-painel .row .bloco4 .thumbnail 				{ margin: 10px 0px 10px 0px; }
.bloco-painel .row .bloco5 .thumbnail 				{ margin: 10px 0px 10px 0px; }
.bloco-painel .row .bloco6 .thumbnail 				{ margin: 10px 0px 10px 0px; }
.bloco-painel .row .bloco7 .thumbnail 				{ margin: 10px 0px 10px 0px; }
.bloco-painel .row .bloco8 .thumbnail 				{ margin: 10px 0px 10px 0px; }
.bloco-painel .row .bloco9 .thumbnail 				{ margin: 10px 0px 10px 0px; }

.bloco-painel .row .bloco1:hover 					{ background: #7FBD38; color: #FFFFFF; }
.bloco-painel .row .bloco2:hover 					{ background: #7FBD38; color: #FFFFFF; }
.bloco-painel .row .bloco3:hover 					{ background: #387EEB; color: #FFFFFF; }
.bloco-painel .row .bloco4:hover 					{ background: #D65036; color: #FFFFFF; }
.bloco-painel .row .bloco5:hover 					{ background: #E18D21; color: #FFFFFF; }
.bloco-painel .row .bloco6:hover 					{ background: #666666; color: #FFFFFF; }
.bloco-painel .row .bloco7:hover 					{ background: #666666; color: #FFFFFF; }
.bloco-painel .row .bloco8:hover 					{ background: #666666; color: #FFFFFF; }
.bloco-painel .row .bloco9:hover 					{ background: #666666; color: #FFFFFF; }

.bloco-painel .row .bloco-sair						{ float: right; min-width: 10px; margin: 0px 0px 0px 0px; padding: 2px 10px 2px 10px; font-size: 14px; color: #FFFFFF; background: #666666; border-radius: 6px; }
.bloco-painel .row .bloco-sair:hover				{ color: #FFFFFF; background: #D65036; }

/*- BLOCO CENTRAL --------------------*/

.conteudo 											{ margin: 0px 0px 0px 0px; width: 100%; }
.conteudo-1200 										{ margin: 0px auto; min-width: 980px; max-width: 1400px; width: 96%; min-height: 600px; color: #666666; }
.conteudo-1200 .conteudo-central					{ float: left; min-height: 600px; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

.institucional-esq									{ float: left; width: calc(75% - 30px); margin: 0px 30px 0px 0px; padding: 20px; min-height: 600px; border: 1px solid #D3DDE3; background: #FFFFFF; border-radius: 6px; }
.institucional-dir									{ float: left; width: calc(25% - 0px); margin: 0px 0px 0px 0px; padding: 10px; min-height: 300px; border: 1px solid #D3DDE3; background-image: url("/imagens/020.png"); border-radius: 6px; }

.caixas-dir											{ float: left; width: 100%; min-height: 100px; margin: 0px 0px 0px 0px; }
.caixas-dir .parceiros-dir							{ float: left; width: 100%; height: 75px; margin: 0px 0px 10px 0px; padding: 0px; border: 1px solid #DDDDDD; border-radius: 6px; background: center center no-repeat #FFFFFF; background-size: contain; }
.caixas-dir .parceiros-dir:last-child				{ margin: 0px 0px 0px 0px; }
.caixas-dir .parceiros-dir .parceiros-link			{ width: 100%; height: 75px; }

/*- BLOCO HOME -----------------------*/

.home-newsletter									{ float: left; width: 100%; min-height: 100px; background: #FCF8E5; border: 1px solid #F8EBD0; border-radius: 6px; margin: 0px 0px 20px 0px; padding: 10px; font-size: 15px; color: #866E43; }

.caixas-parceiros									{ float: left; width: 100%; min-height: 100px; margin: 0px 0px 20px 0px; padding: 10px; border-radius: 6px; border: 1px solid #CCCCCC; background-image: url("/imagens/020.png"); color: #000000; }
.caixas-parceiros .parceiros						{ float: left; width: calc(20% - 16px); height: 75px; margin: 4px 20px 14px 0px; padding: 0px; background: center center no-repeat #FFF; background-size: contain; }
.caixas-parceiros .parceiros:nth-child(5n)			{ width: calc(20% - 16px); margin: 4px 0px 14px 0px; }
.caixas-parceiros .parceiros .parceiros-link		{ width: 100%; height: 75px; }

.home-conteudo-quadrado								{ float: left; width: calc(20% - 16px); height: 250px; margin: 0px 20px 20px 0px; color: #333333; padding: 0px; font-size: 14px; }
.home-conteudo-quadrado:nth-child(5n)				{ width: calc(20% - 16px); margin: 0px 0px 20px 0px; }

.home-conteudo-quadrado-imagem						{ float: left; width: 100%; height: 250px; background: center center no-repeat #FFFFFF; background-size: cover; border-radius: 6px; }
.home-conteudo-quadrado-legenda						{ float: left; width: 100%; margin: 150px 0px 0px 0px; height: 100px; padding: 10px 10px; color: #FFFFFF; font-size: 16px; background-color: rgba(0,0,0,0.9); border-radius: 0px 0px 6px 6px; }
.home-conteudo-quadrado-imagem:hover 				{ -webkit-box-shadow: 0 1px 20px 0 rgba(0,0,0,0.4); box-shadow: 0 1px 20px 0 rgba(0,0,0,0.4); transition: all .2s ease-in-out; }
.home-conteudo-quadrado-legenda:hover				{ background-color: rgba(0,0,0,0.7); }

.home-botao_RACA									{ float: left; width: calc(20% - 8px); margin: 0px 10px 10px 0px; padding: 12px; border: 1px solid #D3DDE3; background: #FFFFFF; border-radius: 6px; }
.home-botao_RACA:nth-child(5n)						{ width: calc(20% - 8px); margin: 0px 0px 10px 0px; }
.home-botao_RACA:hover								{ border: 1px solid #444444; border-radius: 6px; }
.home-botao_RACA a 									{ font-size: 16px; color: #000000; text-decoration: none; }

.full-banner-home									{ width: 100%; min-height: 80px; border-radius: 6px; padding: 10px; border: 1px solid #D3DDE3; background: #FFFFFF; text-align: center; background-image: url("/imagens/020.png"); }

/*- BLOCO ANIMAL BUSCA ---------------*/

.caixa-animal-destaque-home							{ float: left; width: calc(16.666% - 16.666px); min-height: 400px; margin: 0px 20px 20px 0px; padding: 12px; border: 1px solid #D3DDE3; background: #F9F9F9; border-radius: 6px; }
.caixa-animal-destaque-home:nth-child(6n)			{ width: calc(16.666% - 16.666px); margin: 0px 0px 20px 0px; }
.caixa-animal-destaque-home:hover					{ -webkit-box-shadow: 0 1px 20px 0 rgba(0,0,0,0.4); box-shadow: 0 1px 20px 0 rgba(0,0,0,0.4); transition: all .2s ease-in-out; }

.caixa-animal-destaque-home a						{ text-decoration: none; }
.caixa-animal-destaque-home .imagem					{ width: 100%; height: 160px; margin-right: 10px;  border: 1px solid #666666; background: center center no-repeat #000000; background-size: contain; }
.caixa-animal-destaque-home .estado					{ padding: 0px 0px 0px 0px; font-size: 13px; color: #866666; }
.caixa-animal-destaque-home .raca					{ padding: 0px 0px 0px 0px; font-size: 13px; color: #8D3317; }
.caixa-animal-destaque-home .nome					{ padding: 8px 0px 2px 0px; font-size: 13px; color: #000000; height: 60px; font-weight: bold; text-transform: uppercase; text-align: center; }
.caixa-animal-destaque-home .ref					{ padding: 0px 0px 0px 0px; font-size: 13px; color: #000000; }
.caixa-animal-destaque-home .preco					{ width: 100%; padding: 0px 0px 10px 0px; text-align: center; font-size: 24px; color: #000000; font-weight: bold; }
.caixa-animal-destaque-home .botao					{ width: 100%; padding: 10px 0px; text-align: center; margin-top: 10px; background: #718E1E; border: 1px solid #718E1E; border-radius: 6px; color: #FFFFFF; font-size: 16px; font-weight: bold; text-transform: uppercase; cursor: pointer; }
.caixa-animal-destaque-home .botao:hover			{ background: #FFFFFF; color: #000000; }

.botao-busca-voltar1								{ float: left; min-width: 10px; margin: 0px 0px 0px 0px; text-transform: uppercase; font-size: 14px; color: #FFFFFF; background: #666666; border: 1px solid #666666; border-radius: 6px; padding: 6px 20px; }
.botao-busca-voltar1:hover							{ float: left; min-width: 10px; margin: 0px 0px 0px 0px; text-transform: uppercase; font-size: 14px; color: #FFFFFF; background: #222222; border: 1px solid #666666; border-radius: 6px; padding: 6px 20px; }
.botao-busca-voltar2								{ float: left; min-width: 10px; margin: 0px 0px 0px 0px; text-transform: uppercase; font-size: 14px; color: #FFFFFF; background: #666666; border: 1px solid #666666; border-radius: 6px; padding: 6px 20px; opacity: 0.1; filter: alpha(opacity=10); }

.botao-busca-proximo1								{ float: right; min-width: 10px; margin: 0px 0px 0px 0px; text-transform: uppercase; font-size: 14px; color: #FFFFFF; background: #718E1E; border: 1px solid #718E1E; border-radius: 6px; padding: 6px 20px; }
.botao-busca-proximo1:hover							{ float: right; min-width: 10px; margin: 0px 0px 0px 0px; text-transform: uppercase; font-size: 14px; color: #FFFFFF; background: #222222; border: 1px solid #666666; border-radius: 6px; padding: 6px 20px; }
.botao-busca-proximo2								{ float: right; min-width: 10px; margin: 0px 0px 0px 0px; text-transform: uppercase; font-size: 14px; color: #FFFFFF; background: #718E1E; border: 1px solid #718E1E; border-radius: 6px; padding: 6px 20px; opacity: 0.1; filter: alpha(opacity=10); }

/*- BLOCO ANIMAL VENDIDO -------------*/

.caixa-animal-destaque-home-vendido					{ float: left; width: calc(16.666% - 16.666px); min-height: 200px; margin: 0px 20px 20px 0px; padding: 12px; border: 1px solid #D3DDE3; background: #F9F9F9; border-radius: 6px; }
.caixa-animal-destaque-home-vendido:nth-child(6n)	{ width: calc(16.666% - 16.666px); margin: 0px 0px 20px 0px; }

.caixa-animal-destaque-home-vendido .imagem			{ width: 100%; height: 160px; margin-right: 10px;  border: 1px solid #666666; background: center center no-repeat #000000; background-size: contain; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.caixa-animal-destaque-home-vendido .raca			{ padding: 8px 0px 0px 0px; font-size: 13px; color: #8D3317; text-align: center; }
.caixa-animal-destaque-home-vendido .nome			{ padding: 8px 0px 0px 0px; font-size: 13px; color: #000000; height: 60px; font-weight: bold; text-transform: uppercase; text-align: center; }

/*- FICHA DO ANIMAL ------------------*/

.ficha-animal-lado-esq								{ float: left; width: calc(70% - 30px); margin: 0px 30px 0px 0px; padding: 0px; min-height: 300px; background: #FFFFFF; border-radius: 6px; }
.ficha-animal-lado-dir								{ float: left; width: calc(30% - 0px); margin: 0px 0px 0px 0px; padding: 0px; min-height: 300px; background: #FFFFFF; border-radius: 6px; }

.ficha-animal-fotos									{ float:left; margin: 0px 0px 0px 0px; width: 100%; }
.ficha-animal-fotos .gr								{ float: left; width: 100%; height: 600px; background: center center no-repeat #000000; background-size: contain; border-radius: 6px; }

.ficha-animal-fotos .galeria						{ float: left; width: 100%; margin: -80px 0px 0px 0px; padding: 10px 10px; background-color: rgba(255,255,255,0.6); }
.ficha-animal-fotos .galeria .pq					{ float: left; width: 64px; height: 40px; margin: 0px 6px 0px 0px; background: center center no-repeat #FFFFFF; background-size: cover; border: 0px; border-radius: 6px; cursor: pointer; }
.ficha-animal-fotos .galeria .video					{ float: left; width: 64px; height: 40px; font-size: 26px; text-align: center; border-radius: 6px; color: #FFFFFF; background: #BE342D; margin: 0px 6px 0px 0px; }

.ficha-animal-preco									{ width: 100%; margin: 20px 0px 20px 0px; text-align: center; }
.ficha-animal-preco .info1							{ width: 100%; margin: 0px 0px 0px 0px; font-size: 40px; color: #75843E; font-weight: bold; text-transform: uppercase; }

.ficha-animal-informacoes							{ width: 100%; }	
.ficha-animal-informacoes .bloco:first-child		{ border-top: 1px solid #CCCCCC; }
.ficha-animal-informacoes .bloco					{ width: 100%; margin: 0px 0px 0px 0px; padding: 10px; color: #000000; font-size: 14px; border-bottom: 1px solid #CCCCCC; }
.ficha-animal-informacoes .bloco1					{ width: 100%; margin: 0px 0px 0px 0px; padding: 15px 10px; color: #000000; font-size: 16px; border-bottom: 1px solid #BCDA90; background: #BCDA90; text-align: center; }
.ficha-animal-informacoes .bloco1 a					{ color: #000000; text-decoration: none; }
.ficha-animal-informacoes .bloco1 a:hover			{ color: #000000; text-decoration: underline; }

.ficha-animal-informacoes .bloco2					{ width: 100%; margin: 0px 0px 0px 0px; padding: 0px; }
.ficha-animal-informacoes .bloco2 .botao1			{ float: left; width: calc(50% - 1px); margin: -1px 1px 0px 0px; padding: 23px; background: #666666; color: #FFFFFF; font-weight: bold; border-radius: 0px 0px 0px 6px; cursor: pointer; text-align: center; font-size: 26px; }
.ficha-animal-informacoes .bloco2 .botao1:hover		{ background: #FFBF00; color: #FFFFFF; }
.ficha-animal-informacoes .bloco2 .botao2			{ float: left; width: calc(50% - 0px); margin: -1px 0px 0px 0px; padding: 23px; background: #666666; color: #FFFFFF; font-weight: bold; border-radius: 0px 0px 6px 0px; cursor: pointer; text-align: center; font-size: 26px; }
.ficha-animal-informacoes .bloco2 .botao2:hover		{ background: #FFBF00; color: #FFFFFF; }

.ficha-animal-descricao								{ float: left; margin: 30px 0px 0px 0px; padding: 10px; width: 100%; min-height: 100px; border: 0px; border-radius: 6px; background: #FFFFFF; color: #000000; border: 1px solid #CCCCCC; }

.ficha-animal-pedigreeM1							{ float: left; margin: 30px 0px 0px 0px; width: 100%; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 6px; }
.ficha-animal-pedigreeM1 .bloco1					{ float: left; width: 4%; height: 364px; border-radius: 6px 0px 0px 6px; background: #dae9f2; border-right: 0px; }
.ficha-animal-pedigreeM1 .bloco1 .titulo			{ float: left; margin: 134px 0px 0px -156px; padding: 30px 0px 0px 0px; width: 336px; height: 80px; font-size: 20px; color: #6D7C81; text-align: center; text-transform: uppercase; -moz-transform: scale(1) rotate(270deg); -webkit-transform: scale(1) rotate(270deg); -o-transform: scale(1) rotate(270deg); -ms-transform: scale(1) rotate(270deg); transform: scale(1) rotate(270deg); }
.ficha-animal-pedigreeM1 .bloco2					{ float: left; width: 24%; padding: 10px; }
.ficha-animal-pedigreeM1 .bloco2 .ficha_campo_M		{ width: 100%; background: #dae9f2; height: 36px; padding:6px 4px; border: 1px solid #C9C3C8; font-size: 12px; color: #000000; text-align: center; border-radius: 4px; outline: none; display: block; }
.ficha-animal-pedigreeM1 .bloco2 .ficha_campo_F		{ width: 100%; background: #f2e5f6; height: 36px; padding:6px 4px; border: 1px solid #C9C3C8; font-size: 12px; color: #000000; text-align: center; border-radius: 4px; outline: none; display: block; }

.ficha-animal-pedigreeF1							{ float: left; margin: 30px 0px 0px 0px; width: 100%; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 6px; }
.ficha-animal-pedigreeF1 .bloco1					{ float: left; width: 4%; height: 364px; border-radius: 6px 0px 0px 6px; background: #f2e5f6; border-right: 0px; }
.ficha-animal-pedigreeF1 .bloco1 .titulo			{ float: left; margin: 134px 0px 0px -156px; padding: 30px 0px 0px 0px; width: 336px; height: 80px; font-size: 20px; color: #6D7C81; text-align: center; text-transform: uppercase; -moz-transform: scale(1) rotate(270deg); -webkit-transform: scale(1) rotate(270deg); -o-transform: scale(1) rotate(270deg); -ms-transform: scale(1) rotate(270deg); transform: scale(1) rotate(270deg); }
.ficha-animal-pedigreeF1 .bloco2					{ float: left; width: 24%; padding: 10px; }
.ficha-animal-pedigreeF1 .bloco2 .ficha_campo_M		{ width: 100%; background: #dae9f2; height: 36px; padding: 6px 4px; border: 1px solid #C9C3C8; font-size: 12px; color: #000000; text-align: center; border-radius: 4px; outline: none; display: block; }
.ficha-animal-pedigreeF1 .bloco2 .ficha_campo_F		{ width: 100%; background: #f2e5f6; height: 36px; padding: 6px 4px; border: 1px solid #C9C3C8; font-size: 12px; color: #000000; text-align: center; border-radius: 4px; outline: none; display: block; }

.ficha-separador									{ float: left; width: 100%; height: 160px; }

.ficha-rodape										{ width: 100%; height: 110px; position: fixed; z-index: 999; bottom: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; background: #202020; border-top: 3px solid #FFBF00; }
.ficha-rodape-1200 									{ margin: 0px auto; padding: 0px; min-width: 980px; max-width: 1400px; width: 96%; }

.ficha-rodape-1200 .logo							{ float: left; width: 100px; margin: -48px 20px 0px 0px; height:100px; background: #000000; border: 3px solid #FFBF00; }
.ficha-rodape-1200 .proprietario					{ float: left; width: calc(60% - 146px); margin: 0px 20px 0px 0px; color: #FFFFFF; }
.ficha-rodape-1200 .proprietario a					{ color: #FFFFFF; text-decoration: none; }
.ficha-rodape-1200 .proprietario a:hover			{ color: #FFFFFF; text-decoration: underline; }


.ficha-rodape-1200 .telefone						{ float: left; width: calc(20% - 10px); margin: 6px 20px 0px 0px; }
.ficha-rodape-1200 .telefone .botao					{ width: 100%; margin: 0px 0px 0px 0px; padding: 16px 10px; background: #FFBF00; border: 1px solid #FFBF00; color: #000000; font-weight: bold; border-radius: 6px; cursor: pointer; text-align: center; font-size: 14px; display: inline; }
.ficha-rodape-1200 .telefone .botao:hover			{ background: #77863F; border: 1px solid #77863F; color: #FFFFFF; }

.ficha-rodape-1200 .mensagem						{ float: left; width: calc(20% - 10px); margin: 6px 0px 0px 0px; }
.ficha-rodape-1200 .mensagem .botao					{ width: 100%; margin: 0px 0px 0px 0px; padding: 16px 10px; background: #FFBF00; border: 1px solid #FFBF00; color: #000000; font-weight: bold; border-radius: 6px; cursor: pointer; text-align: center; font-size: 14px; display: inline; }
.ficha-rodape-1200 .mensagem .botao:hover			{ background: #77863F; border: 1px solid #77863F; color: #FFFFFF; }

.popup-amarelo										{ float: left; width: 100%; height: 70px; margin: 0px 0px 40px 0px; background: #FFBF00; -webkit-box-shadow: 0 0 100px 0 rgba(0,0,0,0.2); box-shadow: 0 0 100px 0 rgba(0,0,0,0.2); }
.popup-amarelo-1200 								{ margin: 0px auto; padding: 0px; width: 96%; }
.popup-logo											{ float: left; width: 150px; margin: 13px 80px 0px 0px; }

/*- RAÇAS ----------------------------*/

.botao_RACA											{ float: left; width: calc(20% - 8px); margin: 0px 10px 10px 0px; padding: 12px; border: 1px solid #D3DDE3; background-image: url("/imagens/020.png"); border-radius: 6px; }
.botao_RACA:nth-child(5n)							{ width: calc(20% - 8px); margin: 0px 0px 10px 0px; }
.botao_RACA:hover									{ border: 1px solid #444444; border-radius: 6px; }
.botao_RACA a 										{ font-size: 16px; color: #000000; text-decoration: none; }

.racas-caixa-ON										{ float: left; margin: 0px 0px 0px 0px; width: 100%; padding: 6px 6px 6px 6px; border-radius: 6px; background: #FFFFFF; font-size: 18px; cursor: pointer; }
.racas-caixa-OFF									{ float: left; margin: -9px 0px 20px 0px; width: 100%; padding: 20px 10px 0px 10px; border-radius: 0px 0px 6px 6px; background: #FFFFFF; display: none; }
.racas-caixa-espaco									{ float: left; margin: 0px 0px 20px 0px; width: 100%; }

/*- DEPOIMENTOS ----------------------*/

.depoimentos 										{ width: 100%; column-count: 3; column-gap: 1em; }
.depoimentos .clientes								{ color: #333333; display: inline-block; margin: 0px 0px 30px 0px; padding: 50px; background: url('../imagens/007.png') left top no-repeat #FFFFFF; border: 1px solid #CCCCCC; border-radius: 6px; font-size: 14px; }
.depoimentos .clientes b							{ color: #000000; }
.depoimentos .clientes span							{ font-size: 15px; font-style: italic; line-height: 24px; }

/*- SEJA UM FOTOGRAFO ----------------*/

.fotografo-info										{ float: left; width: 100%; margin: 50px 0px 0px 0px; color: #FFFFFF; padding: 20px; background: url('../imagens/008.png') right top no-repeat #D65036; border: 1px solid #A63224; border-radius: 6px; font-size: 16px; text-align: justify; }

/*- FOTOGRAFOS -----------------------*/

.fotografos 										{ float: left; width: 100%; color: #333333; margin: 20px 0px 0px 0px; padding: 0px; background: url('../imagens/005.png') right bottom no-repeat #F9F9F9; border: 1px solid #CCCCCC; border-radius: 6px; font-size: 14px; }
.fotografos .imagem									{ float: left; width: 150px; height: 150px; margin: 0px 0px 0px 0px;  background: center center no-repeat #FFFFFF; background-size: cover; border-radius: 6px 0px 0px 6px; }
.fotografos .dados									{ float: left; width: calc(100% - 150px); padding: 8px 0px 0px 20px; }
.fotografos span									{ font-size: 18px; font-weight: bold; color: #000000; }

/*- NOTICIAS DICAS EVENTOS -----------*/

.home-interna-quadrado								{ float: left; width: calc(25% - 15px); height: 250px; margin: 0px 20px 20px 0px; color: #333333; padding: 0px; font-size: 14px; }
.home-interna-quadrado:nth-child(4n)				{ width: calc(25% - 15px); margin: 0px 0px 20px 0px; }

.home-interna-quadrado-imagem						{ float: left; width: 100%; height: 250px; background: center center no-repeat #FFFFFF; background-size: cover; border-radius: 6px; }
.home-interna-quadrado-legenda						{ float: left; width: 100%; margin: 150px 0px 0px 0px; height: 100px; padding: 10px 10px; color: #FFFFFF; font-size: 16px; background-color: rgba(0,0,0,0.9); border-radius: 0px 0px 6px 6px; }
.home-interna-quadrado-imagem:hover 				{ -webkit-box-shadow: 0 1px 20px 0 rgba(0,0,0,0.4); box-shadow: 0 1px 20px 0 rgba(0,0,0,0.4); transition: all .2s ease-in-out; }
.home-interna-quadrado-legenda:hover				{ background-color: rgba(0,0,0,0.7); }

.conteudo-geral-materia 							{ float: left; width: 100%; color: #333333; margin: 0px 0px 0px 0px; padding: 0px; border-radius: 6px; font-size: 14px; }
.conteudo-geral-titulo								{ width: 100%; padding: 20px; font-size: 18px; font-weight: bold; color: #000000; background: #F2F2F2; border-radius: 6px; }
.conteudo-geral-completa							{ width: 100%; padding: 0px 0px 0px 0px; font-size: 16px; color: #000000; }
.conteudo-geral-galeria								{ width: 100%; height: 600px; margin: 20px 0px 20px 0px; background: center center no-repeat; background-size: cover; border-radius: 6px; }

/*- ANUNCIE AQUI ---------------------*/

.anuncie-aqui										{ float: left; width: 100%; color: #333333; margin: 20px 0px 0px 0px; padding: 10px; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 6px; font-size: 14px; }
.anuncie-aqui-imagem								{ float: left; width: 250px; height: 178px; margin: 0px 20px 0px 0px; }
.anuncie-aqui-texto									{ float: left; width: calc(100% - 270px); padding: 0px 0px 0px 0px; font-size: 14px; color: #000000; }
.anuncie-aqui-texto b								{ font-size: 18px; }
.anuncie-aqui-texto span							{ color: #DAA321; }

/*- FALE CONOSCO ---------------------*/

.contato-info										{ float: left; width: 100%; margin: 50px 0px 0px 0px; color: #FFFFFF; padding: 20px; background: url('../imagens/008.png') right top no-repeat #D65036; border: 1px solid #A63224; border-radius: 6px; font-size: 16px; text-align: justify; }
.contato-info a										{ color: #FFFFFF;}

/*- PERGUNTAS FREQUENTES -------------*/

.perguntas-frequentes-pergunta						{ float: left; margin: 0px 0px 6px 0px; width: 100%; padding: 6px 6px 6px 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #F9F9F9; font-size: 14px; cursor: pointer; }
.perguntas-frequentes-resposta						{ float: left; margin: -9px 0px 36px 0px; width: 100%; padding: 20px; border-radius: 0px 0px 10px 10px; background: #F9F9F9; text-align: justify; font-size: 14px; display: none; }
.perguntas-frequentes-espaco						{ float: left; margin: 0px 0px 20px 0px; width: 100%; }

/*- ANUNCIE GRÁTIS -------------------*/

.cadastre-se 										{ float: left; margin: 0px 0px 0px 0px; padding: 10px; width: 100%; border-radius: 6px; background: #FFFFFF; color: #000000; border: 1px solid #CCCCCC; font-size: 14px; }

/*- LOGIN DO CLIENTE -----------------*/

.painel-login 										{ float: left; margin: 0px 0px 0px 0px; padding: 10px; width: 100%; border-radius: 6px; background: #FFFFFF; color: #000000; border: 1px solid #CCCCCC; font-size: 14px; }
.painel-login a 									{ color: #666666; text-decoration: none; }
.painel-login a:hover 								{ color: #000000; text-decoration: underline; }

.botao-cadastre-se									{ margin: 0px auto !important; width: 100%; padding: 20px; background: #BC4B42; border: 1px solid #BC4B42; border-radius: 5px; color: #FFFFFF; font-size: 18px !important; font-weight: bold; text-align: center; display: block; cursor: pointer; float: none !important; }
.botao-cadastre-se:hover							{ background: #97423B; color: #FFFFFF; }

.botao-jatenhocadastro								{ margin: 0px auto !important; width: 100%; padding: 20px; background: #BC4B42; border: 1px solid #BC4B42; border-radius: 5px; color: #FFFFFF; font-size: 18px !important; font-weight: bold; text-align: center; display: block; cursor: pointer; float: none !important; }
.botao-jatenhocadastro:hover						{ background: #97423B; color: #FFFFFF; }

/*- ESQUECI MINHA SENHA --------------*/

.esqueci-minha-senha 								{ float: left; margin: 0px 0px 50px 0px; padding: 10px; width: 100%; border-radius: 6px; background: #FFFFFF; color: #000000; border: 1px solid #CCCCCC; font-size: 14px; }

/*- PAINEL DO CLIENTE ----------------*/

.financeiro-bloco									{ float: left; width: 100%; margin: 10px 0px 20px 0px; color: #9F3C3A; background: #F0D9D9; border: 1px solid #E8C5CB; border-radius: 6px; padding: 10px; }
.financeiro-bloco h2								{ margin: 0px 0px 10px 0px; font-size: 22px; }

.financeiro-bloco .financeiro-lista					{ float: left; width: 100%; color: #333333; padding: 0px; margin: 0px 0px 0px 0px;  }
.financeiro-bloco .financeiro-lista .data			{ float: left; width: 30%; }
.financeiro-bloco .financeiro-lista .numero			{ float: left; width: 40%; }
.financeiro-bloco .financeiro-lista .numero	a		{ float: right; margin: 0px 0px 8px 0px; width: 180px; background: #EBEBEB; border: 1px solid #CCCCCC; border-radius: 6px; cursor: pointer; text-align: center; padding: 2px; font-size: 13px; color: #333333; text-decoration: none }
.financeiro-bloco .financeiro-lista .valor			{ float: right; width: 20%; text-align: right; }

/*- PAINEL NOVO ANIMAL ---------------*/

.etapa-cadastro-animal1								{ margin: 10px auto 30px auto; padding: 0px 0px 0px 0px; width: 960px; height: 50px; background: url('/imagens/015_01.png') top center no-repeat; display: none; }
.etapa-cadastro-animal2								{ margin: 10px auto 30px auto; padding: 0px 0px 0px 0px; width: 960px; height: 50px; background: url('/imagens/015_02.png') top center no-repeat; display: none; }
.etapa-cadastro-animal3								{ margin: 10px auto 30px auto; padding: 0px 0px 0px 0px; width: 960px; height: 50px; background: url('/imagens/015_03.png') top center no-repeat; display: none; }
.etapa-cadastro-animal4								{ margin: 10px auto 30px auto; padding: 0px 0px 0px 0px; width: 960px; height: 50px; background: url('/imagens/015_04.png') top center no-repeat; display: none; }
.etapa-cadastro-animal5								{ margin: 10px auto 30px auto; padding: 0px 0px 0px 0px; width: 960px; height: 50px; background: url('/imagens/015_05.png') top center no-repeat; display: none; }

.etapa-cadastro1									{ float: left; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 24px; width: 20%; }
.etapa-cadastro2									{ float: left; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 48px; width: 20%; }
.etapa-cadastro3									{ float: left; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 32px; width: 20%; }
.etapa-cadastro4									{ float: left; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 42px; width: 20%; }
.etapa-cadastro5									{ float: left; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 60px; width: 20%; }

.etapa-cadastro-animal1 a							{ color: #3E7B3D; text-decoration: none; font-weight: bold; }
.etapa-cadastro-animal1 a:hover						{ color: #666666; text-decoration: none; font-weight: bold; border-bottom: 2px solid #3E7B3D; }
.etapa-cadastro-animal2 a							{ color: #3E7B3D; text-decoration: none; font-weight: bold; }
.etapa-cadastro-animal2 a:hover						{ color: #666666; text-decoration: none; font-weight: bold; border-bottom: 2px solid #3E7B3D; }
.etapa-cadastro-animal3 a							{ color: #3E7B3D; text-decoration: none; font-weight: bold; }
.etapa-cadastro-animal3 a:hover						{ color: #666666; text-decoration: none; font-weight: bold; border-bottom: 2px solid #3E7B3D; }
.etapa-cadastro-animal4 a							{ color: #3E7B3D; text-decoration: none; font-weight: bold; }
.etapa-cadastro-animal4 a:hover						{ color: #666666; text-decoration: none; font-weight: bold; border-bottom: 2px solid #3E7B3D; }
.etapa-cadastro-animal5 a							{ color: #3E7B3D; text-decoration: none; font-weight: bold; }
.etapa-cadastro-animal5 a:hover						{ color: #666666; text-decoration: none; font-weight: bold; border-bottom: 2px solid #3E7B3D; }

.bloco-cadastro-animal1 							{ float: left; width: 100%; min-height: 366px; margin: 0px 0px 18px 0px; padding: 10px; background: #FFFFFF; border: 1px solid #DDDDDD; color: #666666; border-radius: 6px; font-size: 14px; display: none; }
.bloco-cadastro-animal1 .bloco1 					{ float: left; width: 100%; margin: 20px 0px 18px 0px; padding: 10px; background: #DBEED3; border: 1px solid #D0E6BF; color: #346B54; border-radius: 6px; }

.bloco-cadastro-animal2 							{ float: left; width: 100%; min-height: 366px; margin: 0px 0px 18px 0px; padding: 10px; background: #FFFFFF; border: 1px solid #DDDDDD; color: #666666; border-radius: 6px; display: none; }

.bloco-cadastro-animal3 							{ float: left; width: 100%; min-height: 366px; margin: 0px 0px 18px 0px; padding: 10px; background: #FFFFFF; border: 1px solid #DDDDDD; color: #666666; border-radius: 6px; display: none; }
.bloco-cadastro-animal3 .legenda					{ float: left; position: absolute; font-weight: bolder; }
.bloco-cadastro-animal3 .bloco2						{ float: left; width: 25%; padding: 0px; }
.bloco-cadastro-animal3 .bloco2 .ficha_campo_M		{ width: 100%; background: #dae9f2; height: 36px; padding: 6px 4px; border: 1px solid #C9C3C8; font-size: 12px; color: #000000; text-align: left; border-radius: 4px; outline: none; display: block; }
.bloco-cadastro-animal3 .bloco2 .ficha_campo_F		{ width: 100%; background: #f2e5f6; height: 36px; padding: 6px 4px; border: 1px solid #C9C3C8; font-size: 12px; color: #000000; text-align: left; border-radius: 4px; outline: none; display: block; }

.bloco-cadastro-animal4 							{ float: left; width: 100%; min-height: 366px; margin: 0px 0px 18px 0px; padding: 10px; background: #FFFFFF; border: 1px solid #DDDDDD; color: #666666; border-radius: 6px; display: none; }
.bloco-cadastro-animal4 .legenda					{ float: left; position: absolute; font-weight: bolder; }
.bloco-cadastro-animal4 .bloco2						{ float: left; width: 25%; padding: 0px; }
.bloco-cadastro-animal4 .bloco2 .ficha_campo_M		{ width: 100%; background: #dae9f2; height: 36px; padding:6px 4px; border: 1px solid #C9C3C8; font-size: 12px; color: #000000; text-align: left; border-radius: 4px; outline: none; display: block; }
.bloco-cadastro-animal4 .bloco2 .ficha_campo_F		{ width: 100%; background: #f2e5f6; height: 36px; padding:6px 4px; border: 1px solid #C9C3C8; font-size: 12px; color: #000000; text-align: left; border-radius: 4px; outline: none; display: block; }

.bloco-cadastro-animal5 							{ float: left; width: 100%; min-height: 366px; margin: 0px 0px 18px 0px; padding: 10px; background: #FFFFFF; border: 1px solid #DDDDDD; color: #666666; border-radius: 6px; display: none; }
.bloco-cadastro-animal5 .nv:first-child				{ width: calc(12% - 10px); margin: 0px 0px 0px 0px; }
.bloco-cadastro-animal5 .nv							{ float: left; width: calc(12% - 10px); height: 84px; margin: 0px 0px 0px 10px; background: center center no-repeat #FFFFFF; background-size: cover; border: 0px; border-radius: 6px; cursor: move; }
.bloco-cadastro-animal5 .nv a						{ margin: 46px 0px 0px 0px; padding: 2px; background-color: rgba(255,255,255,0.6); font-size: 13px; color: #000000; display: block; text-decoration: none; text-align: center; }
.bloco-cadastro-animal5 .nv a:hover					{ margin: 46px 0px 0px 0px; padding: 2px; background-color: rgba(255,255,255,0.9); font-size: 13px; color: #000000; display: block; text-decoration: none; text-align: center; }

/*- ANIMAIS SEMPRE NA HOME -----------*/

.lista-animal-republicacao 							{ float: left; width: calc(25% - 15px); margin: 0px 20px 20px 0px; border-radius: 6px; background: #FFFFFF; }
.lista-animal-republicacao:nth-child(4n)			{ width: calc(25% - 15px); margin: 0px 0px 20px 0px; }
.lista-animal-republicacao .imagem					{ float: left; width: 100%; height: 170px; background: center center no-repeat #FFF; background-size:cover; border-radius: 6px 6px 0px 0px; }
.lista-animal-republicacao .imagem .cadastro		{ float: left; width: 100%; margin: 128px 0px 0px 0px; padding: 4px; background-color: rgba(0,0,0,0.6); color: #FFFFFF; text-align: center; line-height: 12px; font-size: 11px; }
.lista-animal-republicacao .animal 					{ float: left; width: 100%; height: 80px; padding: 10px; font-size: 11px; color: #625132; text-align: center; }
.lista-animal-republicacao .botao 					{ float: left; width: 100%; font-size: 15px; padding: 20px 10px; background: #3E5330; color: #FFFFFF; border-radius: 0px 0px 6px 6px; text-align: center; }
.lista-animal-republicacao .botao i 				{ margin: 0px 10px 0px 0px; }

/*- BLOCO PAGAMENTO ------------------*/

.bloco-valores-anuncio 								{ float: left; width: 100%; border-top: 2px solid #CCCCCC; color: #000000; padding: 0px; margin: 30px 0px 0px 0px; }

.bloco-valores-anuncio .bloco01 					{ float: left; margin: 10px 0px 20px 0px; width: 33%; font-size: 28px; line-height: 28px; }
.bloco-valores-anuncio .bloco01 span 				{ font-size: 16px; font-weight: normal; display: block; }
.bloco-valores-anuncio .bloco02 					{ float: left; margin: 10px 0px 20px 0px; width: 33%; font-size: 28px; line-height: 28px; }
.bloco-valores-anuncio .bloco02 span 				{ font-size: 16px; font-weight: normal; display: block; }
.bloco-valores-anuncio .bloco03 					{ float: left; margin: 10px 0px 20px 0px; width: 34%; font-size: 28px; line-height: 28px; text-align: right; font-weight: bold; }
.bloco-valores-anuncio .bloco03 span 				{ font-size: 16px; font-weight: normal; display: block; }

.bloco-valores-anuncio .bloco04 					{ float: left; margin: 10px 20px 30px 0px; width: calc(50% - 20px); font-size: 20px; background: #718E1E; border: 1px solid #718E1E; color: #FFFFFF; border-radius: 6px; padding: 10px; text-align: center; cursor: pointer; }
.bloco-valores-anuncio .bloco04:hover 				{ background: #666666; border: 1px solid #666666; }
.bloco-valores-anuncio .bloco05 					{ float: left; margin: 10px 0px 30px 0px; width: calc(50% - 0px);  font-size: 20px; background: #718E1E; border: 1px solid #718E1E; color: #FFFFFF; border-radius: 6px; padding: 10px; text-align: center; cursor: pointer; }
.bloco-valores-anuncio .bloco05:hover 				{ background: #666666; border: 1px solid #666666; }

.pagamento-cartao									{ float: left; padding: 20px; width: 100%; min-height: 700px; margin: 0px 30px 30px 0px; border-radius: 6px; color: #666666; background: url('../imagens/014.png') left bottom no-repeat #FFFFFF; border: 1px solid #CCCCCC; text-align: justify; display: none; }
.pagamento-cartao .bandeira-cartao 					{ float: left; margin: 0px 0px 18px 0px;  width: 15%; text-align: center; }
.pagamento-cartao .bandeira-cartao img				{ width: 80px; margin: 0px 0px 0px 0px; border: 1px solid #DDDDDD; border-radius: 6px; }

.pagamento-deposito									{ float: left; padding: 20px; width: 100%; min-height: 200px; margin: 0px 0px 30px 0px; border-radius: 6px; color: #666666; background: #FFFFFF; border: 1px solid #CCCCCC; text-align: justify; display: none; }

.carregando_PAGSEGURO								{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color:rgba(0,0,0,0.8); z-index: 99999; color: #FFFFFF; display: none; }

/*- MENSAGENS ------------------------*/

.mensagens-lista 									{ float: left; margin: 0px 0px 4px 0px; padding: 0px; width: 100%; background: #FFFFFF; color: #666666; font-size: 14px; }
.mensagens-lista:hover 								{ float: left; margin: 0px 0px 4px 0px; padding: 0px; width: 100%; background: #F2F2F2; color: #633D0C; font-size: 14px; }

.mensagens-lista .icone 							{ float: left; margin: 0px 0px 0px 0px; padding: 10px; width: 4%; }
.mensagens-lista .data 								{ float: left; margin: 0px 0px 0px 0px; padding: 10px; width: 20%; }
.mensagens-lista .nome 								{ float: left; margin: 0px 0px 0px 0px; padding: 10px; width: 30%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; }
.mensagens-lista .animal 							{ float: left; margin: 0px 0px 0px 0px; padding: 10px; width: 30%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; }
.mensagens-lista .botao 							{ float: left; margin: 0px 0px 0px 0px; padding: 10px; width: 16%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mensagens-lista .botao	span						{ float: right; margin: 0px 0px 0px 0px; width: 100%; background: #EBEBEB; border: 1px solid #CCCCCC; border-radius: 6px; cursor: pointer; text-align: center; padding: 0px; font-size: 13px; color: #333333; text-decoration: none }

.mensagens-ficha									{ float: left; padding: 0px; width: 100%; min-height: 400px; margin: 0px 0px 30px 0px; border-radius: 6px; color: #333333; background: #FFFFFF; border: 1px solid #CCCCCC; }
.mensagens-ficha .recebida 							{ float: left; margin: 0px 0px 0px 0px; padding: 10px; width: 100%; border-bottom: 1px solid #CCCCCC; }
.mensagens-ficha .visualizada 						{ float: left; margin: 0px 0px 0px 0px; padding: 10px; width: 100%; border-bottom: 1px solid #CCCCCC; }
.mensagens-ficha .nome 								{ float: left; margin: 0px 0px 0px 0px; padding: 10px; width: 100%; border-bottom: 1px solid #CCCCCC; }
.mensagens-ficha .animal 							{ float: left; margin: 0px 0px 0px 0px; padding: 10px; width: 100%; border-bottom: 1px solid #CCCCCC; background: #D0E6BF; color: #346B54; }
.mensagens-ficha .mensagem 							{ float: left; margin: 0px 0px 0px 0px; padding: 10px; width: 100%; }

/*- PAINEL LISTA ANIMAIS -------------*/

.lista-animal-painel 								{ float: left; width: 100%; margin: 0px 0px 15px 0px; border-radius: 6px; background: #FFFFFF; }
.lista-animal-painel .imagem						{ float: left; width: 170px; height: 170px; background: center center no-repeat #FFF; background-size: cover; border-radius: 6px 0px 0px 6px; }
.lista-animal-painel .imagem .cadastro				{ float: left; width: 100%; margin: 128px 0px 0px 0px; padding: 4px; background-color: rgba(0,0,0,0.6); color: #FFFFFF; text-align: center; line-height: 12px; font-size: 11px; }
.lista-animal-painel .animal 						{ float: left; width: calc(70% - 170px); padding: 10px; }
.lista-animal-painel .animal span					{ font-size: 11px; color: #008000; }
.lista-animal-painel .animal .estatistica 			{ padding: 10px; font-size: 13px; margin: 10px 0px 0px 20px; }
.lista-animal-painel .animal .estatistica b			{ font-size: 15px; color: #0000FF; }
.lista-animal-painel .tipo 							{ float: left; width: 15%; padding: 10px; text-align: center; }
.lista-animal-painel .tipo .ver						{ float: right; width: 100%; margin: 8px 0px 4px 0px; font-size: 11px; color: #625132; background: #FBF8E5; text-align: center; border: 1px solid #F8EBD0; border-radius: 6px; padding: 4px; }
.lista-animal-painel .tipo .gerenciar				{ float: right; width: 100%; margin: 0px 0px 4px 0px; font-size: 11px; color: #3E5330; background: #E2EFDA; text-align: center; border: 1px solid #DAE8C9; border-radius: 6px; padding: 4px; }
.lista-animal-painel .tipo .vendido					{ float: right; width: 100%; margin: 0px 0px 4px 0px; font-size: 11px; color: #58718C; background: #DDEDF6; text-align: center; border: 1px solid #C5E7F0; border-radius: 6px; padding: 4px; }
.lista-animal-painel .tipo .bloquear				{ float: right; width: 100%; margin: 0px 0px 0px 0px; font-size: 11px; color: #7A3A37; background: #EFDFDF; text-align: center; border: 1px solid #E6CDD1; border-radius: 6px; padding: 4px; }
.lista-animal-painel .tipo span						{ font-size: 15px; color: #FF0000; }
.lista-animal-painel .valor 						{ float: left; width: 15%; padding: 10px; color: #0000FF; text-align: right; }

.lista-animal-pendente 								{ float: left; width: calc(25% - 15px); margin: 0px 20px 20px 0px; border-radius: 6px; background: #FFFFFF; }
.lista-animal-pendente:nth-child(4n)				{ width: calc(25% - 15px); margin: 0px 0px 20px 0px; }
.lista-animal-pendente .imagem						{ float: left; width: 100%; height: 170px; background: center center no-repeat #FFF; background-size:cover; border-radius: 6px 6px 0px 0px; }
.lista-animal-pendente .imagem .cadastro			{ float: left; width: 100%; margin: 128px 0px 0px 0px; padding: 4px; background-color: rgba(0,0,0,0.6); color: #FFFFFF; text-align: center; line-height: 12px; font-size: 11px; }
.lista-animal-pendente .animal 						{ float: left; width: 100%; height: 100px; padding: 10px; font-size: 11px; color: #625132; text-align: center; }
.lista-animal-pendente .botao 						{ float: left; width: 100%; font-size: 15px; padding: 20px 10px; background: #3E5330; color: #FFFFFF; border-radius: 0px 0px 6px 6px; text-align: center; }
.lista-animal-pendente .botao i 					{ margin: 0px 10px 0px 0px; }
.lista-animal-pendente .vendido						{ float: right; width: 100%; margin: 0px 0px 8px 0px; font-size: 11px; color: #58718C; background: #DDEDF6; text-align: center; border: 1px solid #C5E7F0; border-radius: 6px; padding: 4px; }

.lista-animal-vendido-painel 						{ float: left; width: calc(25% - 15px); margin: 0px 20px 20px 0px; border-radius: 6px; background: #FFFFFF; }
.lista-animal-vendido-painel:nth-child(4n)			{ width: calc(25% - 15px); margin: 0px 0px 20px 0px; }
.lista-animal-vendido-painel .imagem				{ float: left; width: 100%; height: 170px; background: center center no-repeat #FFF; background-size:cover; border-radius: 6px 6px 0px 0px; }
.lista-animal-vendido-painel .imagem .editar		{ float: left; width: 100%; margin: 128px 0px 0px 0px; padding: 4px; background-color: rgba(0,0,0,0.6); color: #FFFFFF; text-align: center; line-height: 12px; font-size: 11px; }
.lista-animal-vendido-painel .animal 				{ float: left; width: 100%; height: 80px; padding: 10px; font-size: 11px; color: #7A3A37; text-align: center; }

/*- FINANCEIRO -----------------------*/

.financeiro-lista-interna							{ float: left; width: 100%; color: #333333; padding: 8px; margin: 0px 0px 8px 0px; border-radius: 6px; background: #FFFFFF; }
.financeiro-lista-interna .data						{ float: left; width: 30%; }
.financeiro-lista-interna .numero					{ float: left; width: 40%; }
.financeiro-lista-interna .valor					{ float: right; width: 20%; text-align: right; }

/*- FICHA DO PROPRIETARIO -------------*/

.titulo_proprietario									{ font-size: 28px; margin: 0px 0px 20px 0px; color: #000000; }

.ficha-proprietario-informacoes							{ width: 100%; }	
.ficha-proprietario-informacoes .bloco					{ float: left; width: calc(20% - 20px); margin: 0px 25px 20px 0px; padding: 10px; color: #000000; font-size: 16px; background: #FFFFFF; border: 1px solid #CCCCCC; border-top: 3px solid #F6C142; text-align: center; }
.ficha-proprietario-informacoes .bloco:nth-child(5n)	{ float: left; width: calc(20% - 20px); margin: 0px 0px 20px 0px; padding: 10px; color: #000000; font-size: 16px; background: #FFFFFF; border: 1px solid #CCCCCC; border-top: 3px solid #F6C142; text-align: center; }
.ficha-proprietario-informacoes .bloco b				{ color: #000000; font-size: 34px; }

/*- RODAPE ---------------------------*/

.rodape												{ float: left; width: 100%; min-height: 220px; margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; background: #202020; border-top: 3px solid #FFBF00; }
.rodape-1200 										{ margin: 0px auto; padding: 0px; min-width: 980px; max-width: 1400px; width: 96%; }

.rodape-1200 h3										{ color: #FFFFFF; }
.rodape-1200 a										{ color: #FFFFFF; font-size: 14px; text-decoration: none; }
.rodape-1200 a:hover								{ color: #FFBF00; font-size: 14px; text-decoration: none; }

.rodape-1200 .rodape-bloco1							{ float: left; width: 25%; margin: 0px 0px 0px 0px; }
.rodape-1200 .rodape-bloco2							{ float: left; width: 25%; margin: 0px 0px 0px 0px; }
.rodape-1200 .rodape-bloco3							{ float: left; width: 25%; margin: 0px 0px 0px 0px; }
.rodape-1200 .rodape-bloco4							{ float: left; width: 25%; margin: 0px 0px 0px 0px; }

.desenvolvido										{ float: left; margin: 0px 0px 0px 0px; width: 100%; height: 40px; background: #373737; color: #FFFFFF; font-size: 14px; }
.desenvolvido-1200 									{ margin: 0px auto; padding: 0px; min-width: 980px; max-width: 1400px; width: 96%; }
.desenvolvido-1200 .desenvolvido-bloco1				{ float: left; margin: 8px 0px 0px 0px; }
.desenvolvido-1200 .desenvolvido-bloco2				{ float: right; margin: 8px 0px 0px 0px; }

/*- 1300px -----------------*/
/*- 1300px -----------------*/
/*- 1300px -----------------*/
/*- 1300px -----------------*/

@media (max-width: 1300px){

.caixa-animal-destaque-home							{ float: left; width: calc(25% - 15px); }
.caixa-animal-destaque-home:nth-child(6n)			{ width: calc(25% - 15px); margin: 0px 20px 20px 0px; }
.caixa-animal-destaque-home:nth-child(4n)			{ width: calc(25% - 15px); margin: 0px 0px 20px 0px; }

.caixa-animal-destaque-home-vendido					{ float: left; width: calc(25% - 15px); }
.caixa-animal-destaque-home-vendido:nth-child(6n)	{ width: calc(25% - 15px); margin: 0px 20px 20px 0px; }
.caixa-animal-destaque-home-vendido:nth-child(4n)	{ width: calc(25% - 15px); margin: 0px 0px 20px 0px; }

}

/*- 1024px -----------------*/
/*- 1024px -----------------*/
/*- 1024px -----------------*/
/*- 1024px -----------------*/

@media (max-width: 1024px){

.home-conteudo-quadrado									{ float: left; width: calc(25% - 15px); margin: 0px 20px 20px 0px; }
.home-conteudo-quadrado:nth-child(4n)					{ width: calc(25% - 15px); margin: 0px 0px 20px 0px; }
.home-conteudo-quadrado:nth-child(5n)					{ display: none; }

}

/*- 980px -----------------*/
/*- 980px -----------------*/
/*- 980px -----------------*/
/*- 980px -----------------*/

@media (max-width: 980px){

.topo-celular											{ width: 100%; height: 60px; position: fixed; z-index: 9999; top: 0px; left: 0px; background: #FFBF00; border-bottom: 3px solid #333333; display: block; }
.topo-celular-1200 										{ margin: 0px auto; padding: 0px; min-width: 300px; max-width: 1400px; width: 96%; }

.topo-celular-logo										{ float: left; }
.topo-celular-logo img									{ float: left; width: 120px; margin: 12px 0px 0px 0px; }
.topo-celular-busca										{ float: right; margin: 6px 24px 0px 0px; color: #000000; font-size: 32px; }
.topo-celular-painel									{ float: right; margin: 6px 24px 0px 0px; color: #000000; font-size: 32px; }
.topo-celular-menu										{ float: right; margin: 6px 0px 0px 0px; color: #000000; font-size: 32px; }

.topo-celular-submenu 									{ width: 100%; height: calc(100% - 60px); position: fixed; z-index: 9999; top: 60px; left: 0px; background: #333333; display: block; border-bottom: 10px solid #FFBF00; }
.topo-celular-submenu h3								{ color: #FFFFFF; padding: 10px 0px 0px 10px; }
.topo-celular-submenu a  								{ font-size: 12px; color: #000000; text-decoration: none; text-transform: uppercase; }

.topo-celular-submenu .bloco-celular-qdmenu1			{ float: left; width: calc(33.333% - 6.666px); margin: 10px 10px 20px 0px; padding: 8px; background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; font-size: 12px; line-height: 16px; text-align: center; }
.topo-celular-submenu .bloco-celular-qdmenu2			{ float: left; width: calc(33.333% - 6.666px); margin: 10px 10px 20px 0px; padding: 8px; background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; font-size: 12px; line-height: 16px; text-align: center; }
.topo-celular-submenu .bloco-celular-qdmenu3			{ float: left; width: calc(33.333% - 6.666px); margin: 10px 0px 20px 0px; padding: 8px; background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; font-size: 12px; line-height: 16px; text-align: center; }

.topo-celular-submenu .bloco-celular-opmenu 			{ float: left; margin: 4px 0px 0px 0px; width: 100%; padding: 10px 20px 10px 10px; font-size: 14px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; background: #575757; }

.topo-celular-submenu .bloco-celular-sbmenu				{ float: left; margin: 0px 0px 0px 0px; width: 100%; padding: 16px 20px 0px 20px; }
.topo-celular-submenu .bloco-celular-sbmenu:last-child	{ float: left; margin: 0px 0px 0px 0px; width: 100%; padding: 16px 20px 16px 20px; }
.topo-celular-submenu .bloco-celular-sbmenu a 			{ font-size: 14px; color: #FFFFFF; text-decoration: none; text-transform: uppercase; }

.menu-usuario-painel-submenu 							{ width: 100%; height: calc(100% - 60px); position: fixed; z-index: 9999; top: 60px; left: 0px; background: #333333; display: block; border-bottom: 10px solid #FFBF00; }
.menu-usuario-painel-submenu h3							{ color: #FFFFFF; padding: 10px 0px 0px 10px; }
.menu-usuario-painel-submenu a  						{ font-size: 12px; color: #000000; text-decoration: none; text-transform: uppercase; }
.menu-usuario-painel-submenu .bloco-celular-qdmenu1		{ float: left; width: calc(33.333% - 6.666px); margin: 10px 10px 0px 0px; padding: 8px; background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; font-size: 12px; line-height: 16px; text-align: center; }
.menu-usuario-painel-submenu .bloco-celular-qdmenu2		{ float: left; width: calc(33.333% - 6.666px); margin: 10px 10px 0px 0px; padding: 8px; background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; font-size: 12px; line-height: 16px; text-align: center; }
.menu-usuario-painel-submenu .bloco-celular-qdmenu3		{ float: left; width: calc(33.333% - 6.666px); margin: 10px 0px 0px 0px; padding: 8px; background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; font-size: 12px; line-height: 16px; text-align: center; }
.menu-usuario-painel-submenu .bloco-celular-qdmenu4		{ float: left; width: calc(33.333% - 6.666px); margin: 10px 10px 0px 0px; padding: 8px; background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; font-size: 12px; line-height: 16px; text-align: center; }
.menu-usuario-painel-submenu .bloco-celular-qdmenu5		{ float: left; width: calc(33.333% - 6.666px); margin: 10px 10px 0px 0px; padding: 8px; background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; font-size: 12px; line-height: 16px; text-align: center; }
.menu-usuario-painel-submenu .bloco-celular-qdmenu6		{ float: left; width: calc(33.333% - 6.666px); margin: 10px 0px 0px 0px; padding: 8px; background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; font-size: 12px; line-height: 16px; text-align: center; }
.menu-usuario-painel-submenu .bloco-celular-qdmenu7		{ float: left; width: calc(33.333% - 6.666px); margin: 10px 10px 0px 0px; padding: 8px; background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; font-size: 12px; line-height: 16px; text-align: center; }
.menu-usuario-painel-submenu .bloco-celular-qdmenu8		{ float: left; width: calc(33.333% - 6.666px); margin: 10px 10px 0px 0px; padding: 8px; background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; font-size: 12px; line-height: 16px; text-align: center; }
.menu-usuario-painel-submenu .bloco-celular-qdmenu9		{ float: left; width: calc(33.333% - 6.666px); margin: 10px 0px 0px 0px; padding: 8px; background: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 6px; font-size: 12px; line-height: 16px; text-align: center; }

.menu-usuario-painel-submenu .bloco-sair				{ float: right; min-width: 10px; margin: 20px 0px 0px 0px; padding: 2px 10px 2px 10px; font-size: 14px; color: #FFFFFF; background: #CCCCCC; border-radius: 6px; }

.topo-celular-busca-submenu 							{ width: 100%; height: calc(100% - 60px); position: fixed; z-index: 9999; top: 60px; left: 0px; background: #333333; border-bottom: 10px solid #FFBF00; padding: 10px; }
.topo-celular-busca-submenu h3							{ color: #00000; }
.topo-celular-busca-submenu-rolagem 					{ width: 100%; height: 100%; overflow-y: scroll; }
.topo-celular-busca-submenu .home-filtro 				{ color: #FFFFFF; }

.topo													{ display: none; }
.topo-amarelo											{ display: none; }
.topo-busca												{ display: none; }
.topo-opcao-painel										{ display: none; }

.conteudo 												{ margin: 80px 0px 0px 0px; width: 100%; }
.conteudo-1200 											{ min-width: 300px; max-width: 1400px; width: 96%; }
.conteudo-1200 .conteudo-central						{ margin: 0px 0px 0px 0px !important; }

.institucional-esq										{ width: 100%; margin: 0px 0px 20px 0px;  }
.institucional-dir										{ width: 100%; margin: 0px 0px 0px 0px; }

.home-newsletter .field									{ width: 100% !important; }
.home-newsletter .botao									{ width: 100% !important; }

.depoimentos 											{ width: 100%; column-count: 2; column-gap: 1em; }

.caixas-parceiros .parceiros							{ width: calc(25% - 15px); }
.caixas-parceiros .parceiros:nth-child(4n)				{ width: calc(25% - 15px); margin: 4px 0px 14px 0px; }
.caixas-parceiros .parceiros:nth-child(5n)				{ display: none; }

.caixa-animal-destaque-home								{ width: calc(33.333% - 13.333px); margin: 0px 20px 20px 0px; }
.caixa-animal-destaque-home:nth-child(2n)				{ width: calc(33.333% - 13.333px); margin: 0px 20px 20px 0px; }
.caixa-animal-destaque-home:nth-child(4n)				{ width: calc(33.333% - 13.333px); margin: 0px 20px 20px 0px; }
.caixa-animal-destaque-home:nth-child(3n)				{ width: calc(33.333% - 13.333px); margin: 0px 0px 20px 0px; }

.caixa-animal-destaque-home-vendido						{ width: calc(33.333% - 13.333px); margin: 0px 20px 20px 0px; }
.caixa-animal-destaque-home-vendido:nth-child(2n)		{ width: calc(33.333% - 13.333px); margin: 0px 20px 20px 0px; }
.caixa-animal-destaque-home-vendido:nth-child(4n)		{ width: calc(33.333% - 13.333px); margin: 0px 20px 20px 0px; }
.caixa-animal-destaque-home-vendido:nth-child(3n)		{ width: calc(33.333% - 13.333px); margin: 0px 0px 20px 0px; }

.ficha-proprietario-informacoes .bloco					{ width: calc(20% - 20px); margin: 0px 25px 20px 0px; font-size: 12px; }
.ficha-proprietario-informacoes .bloco:nth-child(5n)	{ width: calc(20% - 20px); margin: 0px 0px 20px 0px; font-size: 12px;  }
.ficha-proprietario-informacoes .bloco b				{ font-size: 28px; }

.home-interna-quadrado									{ width: calc(50% - 10px); margin: 0px 20px 20px 0px; }
.home-interna-quadrado:nth-child(2n)					{ width: calc(50% - 10px); margin: 0px 0px 20px 0px; }
.home-interna-quadrado:nth-child(4n)					{ width: calc(50% - 10px); margin: 0px 0px 20px 0px; }

.ficha-animal-lado-esq									{ float: left; width: 100%; margin: 0px 0px 20px 0px; }
.ficha-animal-lado-dir									{ float: left; width: 100%; margin: 0px 0px 0px 0px; }

.ficha-rodape-1200 										{ min-width: 300px; }
.ficha-rodape-1200 .logo								{ float: left; width: 100px; margin: -48px 20px 0px 0px; height:100px; background: #000000; border: 3px solid #FFBF00; }
.ficha-rodape-1200 .proprietario						{ float: left; width: calc(100% - 276px); margin: 0px 20px 0px 0px; color: #FFFFFF; }

.ficha-rodape-1200 .telefone							{ float: left; width: 60px; margin: 6px 10px 0px 0px; }
.ficha-rodape-1200 .telefone .botao						{ padding: 10px 10px; font-size: 22px; }
.ficha-rodape-1200 .telefone .botao span 				{ display: none; }

.ficha-rodape-1200 .mensagem							{ float: left; width: 60px; margin: 6px 0px 0px 0px; }
.ficha-rodape-1200 .mensagem .botao						{ padding: 10px 10px;font-size: 22px; }
.ficha-rodape-1200 .mensagem .botao span 				{ display: none; }

.etapa-cadastro-animal1									{ float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 200px; background: none; display: none; }
.etapa-cadastro-animal2									{ float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 200px; background: none; display: none; }
.etapa-cadastro-animal3									{ float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 200px; background: none; display: none; }
.etapa-cadastro-animal4									{ float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 200px; background: none; display: none; }
.etapa-cadastro-animal5									{ float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 200px; background: none; display: none; }

.etapa-cadastro1										{ margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; width: 100%; background: #202020; padding: 4px; border-radius: 6px; }
.etapa-cadastro2										{ margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; width: 100%; background: #302020; padding: 4px; border-radius: 6px; }
.etapa-cadastro3										{ margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; width: 100%; background: #402020; padding: 4px; border-radius: 6px; }
.etapa-cadastro4										{ margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; width: 100%; background: #502020; padding: 4px; border-radius: 6px; }
.etapa-cadastro5										{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; background: #602020; padding: 4px; border-radius: 6px; }

.etapa-cadastro-animal1 a								{ color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight: bold; }
.etapa-cadastro-animal2 a								{ color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight: bold; }
.etapa-cadastro-animal3 a								{ color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight: bold; }
.etapa-cadastro-animal4 a								{ color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight: bold; }
.etapa-cadastro-animal5 a								{ color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight: bold; }

.bloco-cadastro-animal1 								{ float: left; width: 100%; min-height: 366px; margin: 0px 0px 18px 0px; padding: 10px; background: #FFFFFF; border: 1px solid #DDDDDD; color: #666666; border-radius: 6px; font-size: 14px; display: none; }
.bloco-cadastro-animal1 .field							{ width: 100% !important; }
.bloco-cadastro-animal1 .bloco1 						{ float: left; width: 100%; margin: 20px 0px 18px 0px; padding: 10px; background: #DBEED3; border: 1px solid #D0E6BF; color: #346B54; border-radius: 6px; }

.bloco-cadastro-animal5 .nv:first-child					{ width: calc(33.333% - 10px); margin: 0px 10px 10px 0px; }
.bloco-cadastro-animal5 .nv								{ float: left; width: calc(33.333% - 10px); height: 84px; margin: 0px 10px 10px 0px; background: center center no-repeat #FFFFFF; background-size: cover; border: 0px; border-radius: 6px; cursor: move; }

.botao_RACA												{ width: calc(33.333% - 6.666px); margin: 0px 10px 10px 0px; }
.botao_RACA:nth-child(5n)								{ width: calc(33.333% - 6.666px); margin: 0px 10px 10px 0px; }
.botao_RACA:nth-child(3n)								{ width: calc(33.333% - 6.666px); margin: 0px 0px 10px 0px; }

.home-botao_RACA										{ width: calc(33.333% - 6.666px); margin: 0px 10px 10px 0px; }
.home-botao_RACA:nth-child(5n)							{ width: calc(33.333% - 6.666px); margin: 0px 10px 10px 0px; }
.home-botao_RACA:nth-child(3n)							{ width: calc(33.333% - 6.666px); margin: 0px 0px 10px 0px; }

.rodape													{ display: none; }

.desenvolvido											{ height: 62px; margin: 20px 0px 0px 0px; }
.desenvolvido-1200										{ min-width: 320px; max-width: 1400px; width: 96%; }
.desenvolvido-1200 .desenvolvido-bloco1					{ float: left; width: 100%; padding: 8px 0px 8px 0px; margin: 0px 0px 0px 0px; font-size: 9px; text-align: center; }
.desenvolvido-1200 .desenvolvido-bloco2					{ float: left; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 9px; text-align: center; }

}

/*- 799px -----------------*/
/*- 799px -----------------*/
/*- 799px -----------------*/
/*- 799px -----------------*/

@media (max-width: 799px){

.home-conteudo-quadrado									{ float: left; width: calc(33.333% - 13.333px); margin: 0px 20px 20px 0px; }
.home-conteudo-quadrado:nth-child(3n)					{ width: calc(33.333% - 13.333px); margin: 0px 0px 20px 0px; }
.home-conteudo-quadrado:nth-child(4n)					{ display: none; }
.home-conteudo-quadrado:nth-child(5n)					{ display: none; }

.ficha-animal-fotos										{ float:left; margin: 0px 0px 0px 0px; width: 100%; }
.ficha-animal-fotos .gr									{ float: left; width: 100%; height: 380px; border-radius: 6px 6px 0px 0px; }
.ficha-animal-fotos .galeria							{ float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 10px 10px 0px 10px; background: #444; border-radius: 0px 0px 6px 6px; }
.ficha-animal-fotos .galeria .pq						{ float: left; width: calc(25% - 7.5px); height: 40px; margin: 0px 10px 10px 0px; }
.ficha-animal-fotos .galeria .pq:nth-child(4n)			{ float: left; width: calc(25% - 7.5px); height: 40px; margin: 0px 0px 10px 0px; }
.ficha-animal-fotos .galeria .video						{ float: left; width: calc(25% - 7.5px); height: 40px; font-size: 26px; margin: 0px 10px 10px 0px; }

.ficha-animal-pedigreeM1-rolagem 						{ float: left; width: 100%; overflow-y: scroll; }
.ficha-animal-pedigreeM1								{ float: left; margin: 30px 0px 0px 0px; width: 1000px; }
.ficha-animal-pedigreeF1-rolagem 						{ float: left; width: 100%; overflow-y: scroll; }
.ficha-animal-pedigreeF1								{ float: left; margin: 30px 0px 0px 0px; width: 1000px; }

.botao-voltar											{ width: 100%; text-align: right; margin: 0px 0px 16px 0px; font-size: 16px; }
.botao-voltar:hover										{ margin: 0px 0px 16px 0px; font-size: 16px; }

.botao-voltar-animal									{ width: 100%; text-align: right; margin: 0px 0px 16px 0px; font-size: 16px; }
.botao-voltar-animal:hover								{ margin: 0px 0px 16px 0px; font-size: 16px; }

.painel-login .field									{ width: 100% !important; }
.botao-cadastre-se										{ width: 100%; padding: 10px; font-size: 11px; }
.cadastre-se .field										{ width: 100% !important; }

.lista-animal-republicacao 								{ float: left; width: calc(50% - 10px); margin: 0px 20px 20px 0px; border-radius: 6px; background: #FFFFFF; }
.lista-animal-republicacao:nth-child(2n)				{ width: calc(50% - 10px); margin: 0px 0px 20px 0px; }

.bloco-valores-anuncio .bloco01 						{ width: 100%; background: #FFFFFF; padding: 10px; margin: 10px 0px 0px 0px; }
.bloco-valores-anuncio .bloco02 						{ width: 100%; background: #FFFFFF; padding: 10px; margin: 10px 0px 0px 0px; }
.bloco-valores-anuncio .bloco03 						{ width: 100%; background: #FFFFFF; padding: 10px; margin: 10px 0px 0px 0px; }
.bloco-valores-anuncio .bloco04 						{ width: 100%; margin: 10px 0px 0px 0px; }
.bloco-valores-anuncio .bloco05 						{ width: 100%; }

.pagamento-cartao										{ width: 100%; min-height: 660px; margin: 20px 0px 0px 0px; }
.pagamento-cartao .field								{ width: 100% !important; }

.pagamento-deposito										{ width: 100%; min-height: 532px; margin: 20px 0px 0px 0px; }

.mensagens-lista .icone 								{ width: 10%; }
.mensagens-lista .data 									{ width: 90%; }
.mensagens-lista .nome 									{ width: 100%; }
.mensagens-lista .animal 								{ width: 100%; }
.mensagens-lista .botao 								{ width: 100%; }
.mensagens-lista .botao	span							{ width: 100%; }

.lista-animal-painel .imagem							{ width: 100%; height: 220px; border-radius: 6px 6px 0px 0px; }
.lista-animal-painel .imagem .cadastro					{ width: 100%; margin: 178px 0px 0px 0px; }
.lista-animal-painel .animal 							{ width: 100%; padding: 10px; }
.lista-animal-painel .tipo 								{ width: 100%; }
.lista-animal-painel .valor 							{ width: 100%; }

.lista-animal-pendente 									{ float: left; width: calc(50% - 10px); margin: 0px 20px 20px 0px; border-radius: 6px; background: #FFFFFF; }
.lista-animal-pendente:nth-child(2n)					{ width: calc(50% - 10px); margin: 0px 0px 20px 0px; }

.lista-animal-vendido-painel 							{ float: left; width: calc(50% - 10px); margin: 0px 20px 20px 0px; border-radius: 6px; background: #FFFFFF; }
.lista-animal-vendido-painel:nth-child(2n)				{ width: calc(50% - 10px); margin: 0px 0px 20px 0px; }

.ficha-proprietario-informacoes .bloco					{ width: calc(50% - 5px); margin: 0px 10px 10px 0px; font-size: 12px; }
.ficha-proprietario-informacoes .bloco:nth-child(2n)	{ width: calc(50% - 5px); margin: 0px 0px 10px 0px; font-size: 12px;  }
.ficha-proprietario-informacoes .bloco:nth-child(5n)	{ width: 100%; margin: 0px 0px 10px 0px; font-size: 12px;  }
.ficha-proprietario-informacoes .bloco b				{ font-size: 28px; }

}

/*- 640px -----------------*/
/*- 640px -----------------*/
/*- 640px -----------------*/
/*- 640px -----------------*/

@media (max-width: 640px){

.caixas-parceiros .parceiros							{ width: calc(50% - 10px); }
.caixas-parceiros .parceiros:nth-child(2n)				{ width: calc(50% - 10px); margin: 4px 0px 14px 0px; }
.caixas-parceiros .parceiros:nth-child(3n)				{ display: none; }
.caixas-parceiros .parceiros:nth-child(4n)				{ display: none; }
.caixas-parceiros .parceiros:nth-child(5n)				{ display: none; }

.home-conteudo-quadrado									{ float: left; width: calc(50% - 10px); margin: 0px 20px 20px 0px; }
.home-conteudo-quadrado:nth-child(2n)					{ width: calc(50% - 10px); margin: 0px 0px 20px 0px; }
.home-conteudo-quadrado:nth-child(3n)					{ display: none; }
.home-conteudo-quadrado:nth-child(4n)					{ display: none; }
.home-conteudo-quadrado:nth-child(5n)					{ display: none; }

.caixa-animal-destaque-home								{ width: calc(50% - 10px); margin: 0px 20px 20px 0px; }
.caixa-animal-destaque-home:nth-child(3n)				{ width: calc(50% - 10px); margin: 0px 20px 20px 0px; }
.caixa-animal-destaque-home:nth-child(2n)				{ width: calc(50% - 10px); margin: 0px 0px 20px 0px; }
.caixa-animal-destaque-home:nth-child(4n)				{ width: calc(50% - 10px); margin: 0px 0px 20px 0px; }

.caixa-animal-destaque-home-vendido						{ width: calc(50% - 10px); margin: 0px 20px 20px 0px; }
.caixa-animal-destaque-home-vendido:nth-child(3n)		{ width: calc(50% - 10px); margin: 0px 20px 20px 0px; }
.caixa-animal-destaque-home-vendido:nth-child(2n)		{ width: calc(50% - 10px); margin: 0px 0px 20px 0px; }
.caixa-animal-destaque-home-vendido:nth-child(4n)		{ width: calc(50% - 10px); margin: 0px 0px 20px 0px; }


.home-interna-quadrado									{ width: calc(50% - 10px); margin: 0px 20px 20px 0px; }
.home-interna-quadrado:nth-child(2n)					{ width: calc(50% - 10px); margin: 0px 0px 20px 0px; }
.home-interna-quadrado:nth-child(4n)					{ width: calc(50% - 10px); margin: 0px 0px 20px 0px; }

.botao_RACA												{ width: calc(50% - 5px); margin: 0px 10px 10px 0px; }
.botao_RACA:nth-child(5n)								{ width: calc(50% - 5px); margin: 0px 10px 10px 0px; }
.botao_RACA:nth-child(3n)								{ width: calc(50% - 5px); margin: 0px 10px 10px 0px; }
.botao_RACA:nth-child(2n)								{ width: calc(50% - 5px); margin: 0px 0px 10px 0px; }

.home-botao_RACA										{ width: calc(50% - 5px); margin: 0px 10px 10px 0px; }
.home-botao_RACA:nth-child(5n)							{ width: calc(50% - 5px); margin: 0px 10px 10px 0px; }
.home-botao_RACA:nth-child(3n)							{ width: calc(50% - 5px); margin: 0px 10px 10px 0px; }
.home-botao_RACA:nth-child(2n)							{ width: calc(50% - 5px); margin: 0px 0px 10px 0px; }

.ficha-rodape-1200 .proprietario span					{ display: none; }
.ficha-rodape-1200 .proprietario b						{ display: none; }

}

/*- 413px -----------------*/
/*- 413px -----------------*/
/*- 413px -----------------*/
/*- 413px -----------------*/

@media (max-width: 413px){

.botao_RACA												{ width: 100%; margin: 0px 0px 10px 0px; }
.botao_RACA:nth-child(2n)								{ width: 100%; margin: 0px 0px 10px 0px; }
.botao_RACA:nth-child(3n)								{ width: 100%; margin: 0px 0px 10px 0px; }
.botao_RACA:nth-child(4n)								{ width: 100%; margin: 0px 0px 10px 0px; }
.botao_RACA:nth-child(5n)								{ width: 100%; margin: 0px 0px 10px 0px; }

.home-botao_RACA										{ width: 100%; margin: 0px 0px 10px 0px; }
.home-botao_RACA:nth-child(2n)							{ width: 100%; margin: 0px 0px 10px 0px; }
.home-botao_RACA:nth-child(3n)							{ width: 100%; margin: 0px 0px 10px 0px; }
.home-botao_RACA:nth-child(4n)							{ width: 100%; margin: 0px 0px 10px 0px; }
.home-botao_RACA:nth-child(5n)							{ width: 100%; margin: 0px 0px 10px 0px; }

.caixas-parceiros .parceiros							{ width: 100%; }
.caixas-parceiros .parceiros:nth-child(2n)				{ display: none; }
.caixas-parceiros .parceiros:nth-child(3n)				{ display: none; }
.caixas-parceiros .parceiros:nth-child(4n)				{ display: none; }
.caixas-parceiros .parceiros:nth-child(5n)				{ display: none; }

.home-conteudo-quadrado									{ width: 100%; }
.home-conteudo-quadrado:nth-child(2n)					{ width: 100%; }
.home-conteudo-quadrado:nth-child(3n)					{ width: 100%; display: block; }
.home-conteudo-quadrado:nth-child(4n)					{ width: 100%; display: block; }
.home-conteudo-quadrado:nth-child(5n)					{ width: 100%; display: block; }

.caixa-animal-destaque-home								{ width: 100%; margin: 0px 0px 20px 0px; }
.caixa-animal-destaque-home:nth-child(2n)				{ width: 100%; margin: 0px 0px 20px 0px; }
.caixa-animal-destaque-home:nth-child(3n)				{ width: 100%; margin: 0px 0px 20px 0px; }
.caixa-animal-destaque-home:nth-child(4n)				{ width: 100%; margin: 0px 0px 20px 0px; }

.caixa-animal-destaque-home-vendido						{ width: 100%; margin: 0px 0px 20px 0px; }
.caixa-animal-destaque-home-vendido:nth-child(2n)		{ width: 100%; margin: 0px 0px 20px 0px; }
.caixa-animal-destaque-home-vendido:nth-child(3n)		{ width: 100%; margin: 0px 0px 20px 0px; }
.caixa-animal-destaque-home-vendido:nth-child(4n)		{ width: 100%; margin: 0px 0px 20px 0px; }

.home-interna-quadrado									{ width: 100%; margin: 0px 0px 20px 0px; }
.home-interna-quadrado:nth-child(2n)					{ width: 100%; margin: 0px 0px 20px 0px; }
.home-interna-quadrado:nth-child(3n)					{ width: 100%; margin: 0px 0px 20px 0px; }
.home-interna-quadrado:nth-child(4n)					{ width: 100%; margin: 0px 0px 20px 0px; }

}