/**************************************/
/**
 * @author Everton Colafati (14) 9745-9103
 * @email colafati@colafati.com.br
 * @copyright 2008
 */
/**************************************/

body
{margin:0; padding:0; font-family: Arial;}

div.All
{ margin: 0 auto; width: 970px;}

	div.Logo
	{background-image: url(imagens/topo_logos.jpg); background-repeat: no-repeat; height: 110px; width: 100%;}
		a.LogoLink
		{display: block; float: left; margin: 5px; width: 210px; height: 100px;}

div.BordaDireita,
div.BordaEsquerda
{width: 8px; float: left;}

img
{border:none;}

a
{text-decoration: none; color: #000;}

div.erro
{text-align: center; font:bold 12px Arial; color: #f00; border:solid 3px #f00; width:350px; margin:10px auto; padding:5px;}

div.ok
{text-align: center; font:bold 12px Arial; color: #090; border:solid 3px #090; width:350px; margin:10px auto; padding:5px;}

br.Limpa
{clear: both; line-height: 0px;}

h1.Titulo
{background-color: #E5E5E5; padding: 4px 4px 4px 10px; margin: 0; font: bold 14px Arial; color: #666; text-transform: uppercase; height: 16px; margin: 0 15px 0 -4px;}

h2
{background-color: #E5E5E5; padding: 4px 4px 4px 10px; margin: 0; font: bold 11px Arial; color: #666; text-transform: uppercase; height: 16px;}

h3
{padding: 0 4px; margin: 0; font: bold 12px Arial; color: #666; text-transform: uppercase; height: 16px;}

input
{font: bold 11px Arial; border: solid 1px #CCC; vertical-align: middle;}

.ImgLogin
{position: absolute;margin-left: 5px;border: none !important;}

div.Todo
{}

div.BarraTopo
{width: 970px; height: 260px;}

	div.Conteudo,
	div.Conteudo2
	{width: 698px; float: left; padding: 3px; margin-left: 20px; border: solid 1px #DADADA;}
	
	div.Conteudo2
	{margin-top: 20px;}
	
	div.Corpo
	{clear: both;}
	
	div.ConteudoDireita
	{width: 224px; float: left; padding: 3px;}
	div.ConteudoEsquerda
	{width: 228px; float: left; padding: 3px; margin: 0 3px; border: solid 1px #DADADA; text-align: center;}
	
	div.SliceTopo
	{width: 570px; height: 260px; margin: 2px; float: left; padding: 0;}
	
	div.slider
	{position: relative; width: 570px; height: 260px;}
		div.slider div.SlideTab
		{position: absolute; top: 0; left: 0;}
		div.slider ul
		{list-style: none; margin: 0; padding: 0; position:absolute; right: 5px; bottom: 5px; z-index:100;}
			div.slider ul li
			{float:left;}
				div.slider ul li a
				{display: block; padding: 3px 5px; border: solid 1px #FFF; margin: 0 2px; background-color: #F3EEE3; color: #000; font: bold 14px Arial;}
				div.slider ul li a:hover,
				div.slider ul li a.ativo
				{border: solid 1px #CCC; margin: 0 2px; background-color: #FFF;}
	
	
	div.OpcoesBarra
	{width: 390px; height: 260px; margin: 2px; float: left; padding: 0;}
	
	div.Coluna1
	{width: 450px; float:left; margin: 3px; border: 1px solid #DADADA;}
		div.Lado1
		{width: 260px; float: left;}
		div.Lado2
		{width: 260px; margin-left: 5px; float: left;}
	
	div.Coluna2
	{margin:3px 3px 3px 25px; width: 180px; float:left; border: 1px solid #DADADA;}
	
	div.TouroDestaque
	{margin: 5px; border: solid 1px #DADADA;}
	div.TouroDestaque h1
	{margin: 0; font: bold 13px Arial; text-align: left; color: #666; padding: 2px 2px 2px 2px;}
	div.TouroDestaque p
	{margin: 0; text-align: left; padding: 2px 2px 2px 12px; font: normal 11px/11px Arial;}
	/*div.TouroDestaque div
	{border:solid 2px #e5e5e5; margin:4px; text-align: center; padding: 2px 10px;}*/
	div.TouroDestaque span a
	{font: normal 11px/11px Arial; color: #666; text-decoration: none; padding-left: 10px;}
	div.TouroDestaque span a:hover
	{color: #000;}
	
	div.Banner
	{margin: 5px; text-align: center; border: solid 1px #DADADA;}
	div.Banner img
	{margin: 10px;}
	
	div.Newsletter
	{margin: 5px; font: normal 11px Arial;}
		div.Newsletter span
		{color: #004774;}
	
	div.Promocoes
	{ margin: 5px; text-align: center;}
		div.Promocoes p
		{margin: 0 20px 0 20px; font: bold 12px/18px Arial; text-align: left;}
		h1.Destaque
		{background-color: #E5E5E5; padding: 4px 4px 4px 10px; margin: 0; font: bold 14px Arial; color: #666; text-transform: uppercase; text-align: left; margin: 0 20px;}
	
	div.FlashTopo
	{height: 240px; width: 970px; padding: 0;}
	
	div.Linha
	{height: 3px; width: 970px; /* IE 6 */ _display:none;}
	
	div.Busca
	{width: 390px; height: 74px; background-repeat: no-repeat;}
		div.BuscaConteudo
		{padding: 10px; text-align: left;font: bold 12px Arial; color: #666;}
	div.Busca img
	{vertical-align: middle;}
	
	div.MenuTopo ul
	{width: 100%; height: 36px; list-style: none; margin: 0 0 5px 0; padding: 0; background-image: url('imagens/fundo_menu.jpg');}
		div.MenuTopo ul li
		{float: left; margin: 0 2px; color: #FFF; font: bold 11.5px Arial; padding: 10px 13px 0 13px; height: 26px; position: relative;}
		div.MenuTopo ul li a
		{color:#FFF; text-decoration: none;}
		div.MenuTopo ul li a:hover
		{color:#FFDE62;}
		div.MenuTopo ul li.Inicio
		{width: 120px;}
			div.MenuTopo ul li ul
			{display: none; position: absolute; background-image: none; width: 120px; top: 30px; left: 0;}
			div.MenuTopo ul li:hover ul
			{display: block; z-index: 9999;}
			div.MenuTopo ul li ul li
			{display: block; background-image: none; background-color: #e5e5e5; border: solid 1px #CCC; padding: 0; margin: 0; width: 120px;}
				div.MenuTopo ul li ul li a
				{color: #000; display: block;  padding: 5px;}
				div.MenuTopo ul li ul li a:hover
				{color: #333;}
		
	ul.Touros
	{list-style: none; margin: 0; padding: 0;}
		ul.Touros li
		{margin: 2px 0; font: bold 12px Arial; padding-left: 10px;}
		
	div.RodapeLinks
	{background-color: #f5f5f5; height: 30px;}
	div.Rodape
	{height: 24px; margin-top: 15px; text-align: center; margin-bottom: 7px; background-color: #f5f5f5; font: normal 10px/24px Arial;}
	
	ul.Rodape
	{width: 766px; height: 33px; list-style: none; margin: 0; padding: 0;}
		ul.Rodape li
		{float: left; margin: 0 2px; color: #777; font: normal 10px Arial; padding: 8px 2px 0 2px; height: 26px;}
		ul.Rodape li a
		{color:#777; text-decoration: none;}
		ul.Rodape li a:hover
		{color:#000;}
	div.Categorias
	{/*background-color: #e5e5e5;*/ width: 513px;}
	ul.Categorias
	{ list-style: none; margin: 0; padding: 0; width: 513px; position: relative;}
		ul.Categorias a
		{text-decoration: none; color: #333;}
		ul.Categorias li
		{ width: 513px; padding: 0; font: bold 14px Arial; color: #666; margin: 0;}
		ul.Categorias li div
		{ background-color: #FFF; padding: 5px 0;}
		ul.Categorias li ul
		{ list-style: none; margin: 8px 0; padding: 0;  background-color: #e5e5e5;}
		ul.Categorias li ul li
		{width: 165px; padding: 2px 0; font: bold 13px/15px Arial; color: #666; float: none; background: none;}
		ul.Categorias li ul li a
		{text-decoration: none; color: #666;}
	ul.Categorias_Full
	{ list-style: none; margin: 0; padding: 0; width: 513px; position: relative;background-color: #FFF;}
		ul.Categorias_Full a
		{text-decoration: none; color: #333;}
		ul.Categorias_Full li
		{float: left; width: 513px; padding: 0; font: bold 14px Arial; color: #666; margin: 0;}
		ul.Categorias_Full li div
		{ background-color: #FFF; padding: 5px 0;}
		ul.Categorias_Full li ul
		{ list-style: none; margin: 8px 0; padding: 0;  /*background-color: #e5e5e5;*/}
		ul.Categorias_Full li ul li
		{width: 513px; padding: 2px 0; font: bold 13px/15px Arial; color: #666; float: none; background: none;}
		ul.Categorias_Full li ul li a
		{text-decoration: none; color: #666;}

ul.MenuLateral
{list-style: none; margin: 0 auto; padding: 0; width: 215px; font: bold 12px Arial; text-align: left;}
	ul.MenuLateral li.Principal
	{ padding: 0; margin: 5px 0 15px 0;}
		ul.MenuLateral li.Principal div.Holder
		{height: 35px; background-image: url(imagens/fundo_menu_lateral.jpg); border-left: solid 1px #FFF; border-right: solid 1px #FFF; border: solid 1px #DADADA;}
		ul.MenuLateral li.Principal div.Icon
		{background-image: url(imagens/menu_lateral_icon.jpg); background-repeat: no-repeat; height: 35px; line-height: 35px; padding-left: 34px; border-left: solid 1px #FFF; border-right: solid 1px #FFF;}

		
div.Contato
{margin: 5px 5px 5px 40px;}

div.AnimaisLista
{margin: 2px; padding: 2px; font: bold 12px/20px Arial; width: 165px; float: left;}
	div.AnimaisLista a
	{color: #000; text-decoration: none;}
	
	
/******************************************/
table.Animal
{width: 700px; font: normal 11px Arial; margin: auto;}
	table.Animal td.Titulo
	{width: 150px; font-weight: bold; text-align: right;}
	


ul.Genealogia,
ul.Genealogia ul
{list-style: none; margin: 0; padding: 0;font: bold 11px Arial; position: relative; background: no-repeat center; width: 500px; height: 320px;}
		ul.Genealogia li
		{width: 130px; text-align: center;}
		ul.Genealogia li.Animal
		{position: absolute; left:313px; top:146px}
		ul.Genealogia li.Pai
		{position: absolute; top:65px; left: 215px;}
		ul.Genealogia li.Mae
		{position: absolute; top:226px; left: 215px;}
		ul.Genealogia li.PVo
		{position: absolute; top:25px; left: 105px;}
		ul.Genealogia li.PVoh
		{position: absolute; top:105px; left: 105px;}
		ul.Genealogia li.MVo
		{position: absolute; top:185px; left: 105px;}
		ul.Genealogia li.MVoh
		{position: absolute; top:265px; left: 105px;}
		ul.Genealogia li.PBVoh
		{position: absolute; top:45px; left: 5px;}
		ul.Genealogia li.PBVo
		{position: absolute; top:5px; left: 5px;}
		ul.Genealogia li.PBVo2
		{position: absolute; top:85px; left: 5px;}
		ul.Genealogia li.PBVoh2
		{position: absolute; top:125px; left: 5px;}
		ul.Genealogia li.MBVoh
		{position: absolute; top:205px; left: 5px;}
		ul.Genealogia li.MBVo
		{position: absolute; top:165px; left: 5px;}
		ul.Genealogia li.MBVo2
		{position: absolute; top:245px; left: 5px;}
		ul.Genealogia li.MBVoh2
		{position: absolute; top:285px; left: 5px;}

div.Medidas
{width:250px; height: 129px; position: relative; font: bold 11px Arial; margin-top: 30px;}
	div.Medida_1
	{position:absolute; top:65px; left:10px;}
	div.Medida_2
	{position:absolute; top:3px; left:48px;}
	div.Medida_3
	{position:absolute; top:92px; left:43px;}
	div.Medida_4
	{position:absolute; top:9px; left:120px;}
	div.Medida_5
	{position:absolute; top:45px; left:125px;}
	div.Medida_6
	{position:absolute; top:115px; left:155px;}
	div.Medida_7
	{position:absolute; top:70px; left:190px;}

div.AniamlGenealogia
{ width: 680px; margin: 2px;}
div.AniamlMedidas
{width: 680px; margin: 2px;}

div.AnimalImagem
{float: left; width: 270px; margin: 2px;}
div.AnimalDados
{float: left;width: 400px; margin: 2px; font: normal 12px Arial; text-align: justify;}
	
span.Atencao
{font: bold 12px Arial; color: #F00 !important;}

div.Video
{position:absolute; border:solid 6px #333; padding:5px; background-color:#fff; z-index:1002; left: 240px; top:160px; display:none;}
div.Video a
{color: #000; font: bold 11px Arial; text-decoration: none;}

div.Amigo
{position:absolute; border:solid 6px #333; padding:5px; background-color:#fff; z-index:1002; left: 240px; top:300px; display:none; width: 320px; height: 240px; font-size: 12px;}

div.Orcamento
{font: normal 12px/20px Arial; padding-top: 5px;}
div.Orcamento input,div.Orcamento textarea
{vertical-align: top; border: 1px solid #CCCCCC;}

/*///////////////////////PAGINAÇÃO
*/
div.paginacao
{font:normal 12px Arial, Helvetica, sans-serif; padding:5px; margin:8px; text-align:center; border-top: solid 2px #F0F0F0;}
	div.paginacao strong
	{float:left; line-height: 22px; margin-right:5px;}
ul.Paginacao
{list-style: none; padding:0; margin:0;}
	ul.Paginacao li.Separa
	{padding-top:5px; font: bold 13px Arial;}
	ul.Paginacao li
	{margin:2px; float:left;}
		ul.Paginacao li a
		{color:#000; font:normal 11px Arial; text-decoration:none; display:block; padding:2px 3px; border:solid 1px #CCC;}
	ul.Paginacao li a:hover,
	ul.Paginacao li a.ativo
	{background-color: #CCC; border-color:#999; font-weight: bold;}
	ul.Paginacao li.Primeiro
	{margin:-1px 0 0 0; border-left: 1px solid #990134;}
/*///////////////////////ARTIGOS
*/
ul.Artigos
{list-style: none; padding:0; margin:0;}
	ul.Artigos li
	{margin:5px; display: block; border-left: solid 4px #E5E5E5; border-bottom: solid 1px #E5E5E5; padding: 1px 4px; font:bold 12px Arial;}
	ul.Artigos li a
	{color:#000; text-decoration:none; display:block; padding:2px 3px;}
/*
div.LinkRaca
{width:150px; float:left; margin:10px; background-color:#FFF; text-align:center;}
div.LinkRaca a
{display: block; border:solid 4px #CCC;padding:5px; font: bold 18px Arial;}
div.LinkRaca a:hover
{border:solid 4px #090;}
div.LinkRaca span
{font: bold 11px Arial;}*/

/**** RANKING */
#RankMensal ul,
#RankAnual ul
{display: none;}
#RankSemanal ul a,
#RankMensal ul a,
#RankAnual ul a
{color: #666;}

.RankMenu
{font: bold 14px Arial; margin: 0; padding: 0; list-style: none;}
	.RankMenu li
	{float: left; width: 100px; margin: 5px; padding: 3px 1px; text-align: center; font: bold 14/22px Arial; cursor: pointer;}

/********** BOX */
.Box
{ margin: 5px 2px; border: solid 1px #E5E5E5; text-align: center;}
.Box p
{background-image: url("imagens/fundo_menu_lateral.jpg"); background-repeat: repeat-x; padding: 4px; font: bold 11px Arial; color: #98989A; margin: -2px 0 2px 0; text-align: left;}

/********* Loja */
.LojaChamada
{font: normal 11px Arial; margin: 2px 5px ; width: 140px; height: 150px; padding: 5px 0; text-align: center; float: left;}
.LojaChamada a
{display: block;}
.LojaChamada:hover
{background-color: #f5f5f5;}
.LojaChamada img
{margin: 3px; padding: 0; max-height: 90px; max-width: 120px;}

/********* Destaque */
.DestaqueAnimal
{font: normal 11px Arial; margin: 2px 5px ; width: 165px; height: 150px; padding: 5px 0; text-align: center; float: left;}
.DestaqueAnimal a
{display: block;}
.DestaqueAnimal:hover
{background-color: #f5f5f5;}
.DestaqueAnimal img
{margin: 3px; padding: 0; max-height: 90px; max-width: 120px;}


/******** Login */
.Login
{float: right; width: 240px; font: bold 13px Arial; color: #666; text-align: right; line-height: 22px; padding: 20px 50px 0 20px;}
input.login
{font: bold 12px Arial; color: #666; height: 17px; margin: 0 0 4px 0; background-repeat: no-repeat; background-position: left;}
.Login button
{border: solid 1px #999; background-repeat: no-repeat; background-image: url('imagens/ok.jpg'); background-position: right; background-color: #FFF; padding-right: 25px; height: 21px;}
.Logado
{font: normal 12px Arial; line-height: 18px;}

.Logado a
{color: #900; font-weight: bold;}

.BlocoMC
{width: 300px; float: left; border: solid 1px #CCC; margin: 25px 20px; height: 90px; line-height: 18px; font: bold 14px Arial;}
.BlocoMC a 
{display: block; margin: 10px 2px; padding: 0 8px; border-left: solid 15px #CCC;}
.BlocoMC a:hover
{background-color: #F5F5F5;}

.Formulario
{font: normal 14px Arial; width: 90%; margin: 0 auto;}
.Formulario .Titulo
{width: 20%;}
.Formulario input
{width: 90%}

.LojaTexto
{width: 45%; float: left; font: bold 14px Arial; padding: 10px; color: #000; border: solid 1px #e5e5e5; background-color: #f5f5f5; margin: 5px;}
.LojaPreco
{width: 40%; float: left; font: bold 16px/25px Arial; color: #090; padding: 10px;}
.LojaTelefone
{font: bold 12px Arial; color: #000;}

.AnimalLoja
{width: 45%; float: left; margin: 5px 10px 5px 10px; padding: 5px; border: solid 1px #CCC; height: 80px;}
.AnimalLoja span
{font: bold 11px Arial; color: #060;}
.AnimalLoja span:hover
{text-decoration: underline;}
.AnimalLoja img
{float: left; margin: 3px; padding: 0; max-height: 75px; max-width: 90px;}

.ClassificadoCategoria
{text-align: left; padding-left: 10px; font: normal 12px Arial; margin: 8px 10px; border-bottom: solid 1px #e5e5e5;}
.ClassificadoCategoria a
{display: block;}

.Classificado
{border: solid 1px #e5e5e5; margin: 10px auto; padding: 5px;}

.ClassificadoConta
{width: 95%; border: solid 1px #e5e5e5; margin: 10px auto; padding: 5px;}
.ClassificadoConta:hover
{background-color: #fcfcfc; border-color: #666;}
.ClassificadoContaDir
{width: 20%; float: right;}
.ClassificadoContaEsq
{width: 75%; float: left;}
.ClasificadoContaTitulo
{background-color: #e5e5e5; padding: 2px; font: bold 15px Arial;}
.ClassificadoContaStatusS
{float: right; width: 80px; text-align: center; border: solid 1px #090; color: #090; font-weight: bold;}
.ClassificadoContaStatusN
{float: right; width: 80px; text-align: center; border: solid 1px #900; color: #900; font-weight: bold;}
.ClassificadoContaPreco
{color: #090; font-weight: bold; font-size: 22px;}
.ClassificadoContaIcones
{list-style: none;}
.ClassificadoContaIcones a
{display: block;}
.ClassificadoContaIcones li
{margin: 5px; font: bold 11px Arial;}
.ClassificadoContaIcones li:hover
{border-color: #666; cursor: pointer;}
.ClassificadoContaIcones li span
{float: left;}
.ClassificadoContaFormTabela
{margin: auto; font: normal 12px Arial;}
.ClassificadoContaFormTabela input,
.ClassificadoContaFormTabela textarea
{width: 90%; margin: 3px; padding: 5px; border-bottom: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; border-left: solid 1px #CCC; border-top: solid 1px #CCC;}
.ClassificadoContaFormRadio
{width: auto !important;}
.ClassificadoContaFormTitulo
{font: bold 12px/35px Arial; text-align: right; width: 100px; vertical-align: top;}
.ClassificadoContaFormTabela span
{font: normal 11px Arial; color: #666;}
.ClassificadoContaImagem
{padding: 3px;}
.ClassificadoContaImagemImg
{border: solid 1px #999; width: 60px; height: 48px; float: left; margin: 3px; background-position: center; background-repeat: no-repeat;}
.ClassificadoContaImagemCampo
{float: left;}