/* CSS Document - 27/10/2006 - 14:40h - Desenvolvido por Miriam Fernandes (TecSite) */
* { 
	margin:0 0 0px 0;
	padding:0;
	text-decoration: none;
	line-height:140%;
	list-style:none;
}

.floatL {
	float:left;
	margin:10px;
}

span.destaque {
		font-size:14px;
		font-weight:bold;
		
}

a:link, a:visited {
	color:#666600;
}


a:hover {
	color:#96A02D;
	border-bottom:1px dotted #000;
	
}

.banners_laterais { /* configurações para a lista de banners laterais do site */
	width:130px;
	text-align:center;
}

.banners_laterais li {
	margin-bottom:15px;
}


body {
	margin-top:0; 
	background: #660000 url(../images/bg.jpg); /* Imagem de Fundo e cor de fundo */
	font:12px Arial, Verdana, Helvetica;
	color:#666600; /* Tamanho e família de fontes */	
}

#geral {
	width:770px;
	height:auto;
	margin:0 auto; /* Centraliza o layout */
	background:url(../images/bg_geral.jpg) repeat-y;		
}


#regiao_1 { /* Topo do site, onde tem o Fale Conosco, FAQ, Mapa do Site e Indique o site */
	width:770px;
	height:55px;	
	background:url(../images/bg_regiao1.jpg) no-repeat;
	color:#fff;
}

	#regiao_1 ul li a:link,
	#regiao_1 ul li a:visited {
		color:#fff;
	}
	
	#regiao_1 ul li a:hover {
		color:#333;
		border-bottom:1px dotted #000;
	}
	
	
	#regiao_1 ul {
		width: 480px;
		height:30px;
		margin:5px 0 0 260px;		
	}
	
	#regiao_1 ul li {
		float:left;
		margin:0;
		display:block;
	}

	#regiao_1 ul #link_mail {
		background:url(../images/ico_mail.gif) no-repeat top left;	
		height:40px;	
		padding:5px 20px;
	}
	
	#regiao_1 ul #link_faq {
		background:url(../images/ico_faq.gif) no-repeat top left;	
		height:40px;		
		padding:5px 20px;
	}
	
	#regiao_1 ul #link_sitemap {
		background:url(../images/ico_sitemap.gif) no-repeat top left;	
		height:40px;	
		padding:5px 35px;
	}
	
	#regiao_1 ul #link_indique {
		background:url(../images/ico_indique.gif) no-repeat top left;	
		height:40px;		
		padding:5px 30px;
	}
	
#regiao_2 { /* Área onde encontra-se o menu principal do site */
	width:770px;
	height:227px;
	background:url(../images/bg_regiao2.jpg) no-repeat;
}

	#regiao_2 #menu_principal { /* Menu principal do site */
		width:295px;
		height:227px;		
		float:left;	
	}
	
	#regiao_2 #menu_principal ul {
		margin: 0 0 0 32px;			
	}
	
	#regiao_2 #menu_principal li{
		text-indent:-99999px;
		overflow:hidden;		
	}
	
	#regiao_2 #menu_principal a {
		border:0; /* tira o efeito pontilhado dos links do menu */
	}
	
	#regiao_2 #menu_principal #top a {
		height:51px;
		background:transparent url(../images/r2_menu_top.jpg) no-repeat;
		display:block;
	}
	
	#regiao_2 #menu_principal #bottom {
		height:36px;
		background:transparent url(../images/r2_menu_bottom.jpg) no-repeat;
	}
	
	#regiao_2 #menu_principal #link_racas a {
		height:32px;
		background:transparent url(../images/bt_racas.jpg) no-repeat;
		display:block;
	}
	
	#regiao_2 #menu_principal #link_shopping a {
		height:26px;
		background:transparent url(../images/bt_shopping.jpg) no-repeat;
		display:block;
	}
	
	#regiao_2 #menu_principal #link_colunas a {
		height:26px;
		background:transparent url(../images/bt_colunas.jpg) no-repeat;
		display:block;
	}
	
	#regiao_2 #menu_principal #link_esportes a {
		height:27px;
		background:transparent url(../images/bt_esportes.jpg) no-repeat;
		display:block;
	}
	
	#regiao_2 #menu_principal #link_noticias a {
		height:29px;
		background:transparent url(../images/bt_noticias.jpg) no-repeat;
		display:block;
	}
	
	#regiao_2 #box_banner_topo {
		width:223px;		
		height:227px;
		height:217px!important;
		float:left;
		padding-top:10px;
		text-align:center;
	}
	
	#regiao_2 #box_pesquisa {/****/		
		width:192px;/*width:252px;*/
		height:227px;	
		background:url(../images/bg_box_pesquisa.jpg) no-repeat;
		float:left;
		padding:0 40px 0 20px;
		color:#fff;
		
	}
	
	#regiao_2 #box_pesquisa p {
		line-height:90%;
		margin-top:110px;
		width:175px;
	}
	
	#regiao_2 #pesquisa input { /* Campo do formulário de pesquisa */
		height:13px;/*height:16px;*/					
		width:140px;				
		color:#fff;
		border:1px dotted #fff;
		background-color:#c18753;
		font-size:1em;
		padding:0 0 3px 3px;
		/*clear:both;*/	
	}
	
	#regiao_2 #pesquisa .radio {
		border:0;
		width:1em;
		margin-right:5px;
		/*text-align:left;*/
		background:none;		
	}
	
	#regiao_2 #pesquisa .bt_pesquisa {
		width: 57px;
		height:22px;
		border:0;
		color:#000;	
		background:transparent url(../images/bt_pesquisa.gif) no-repeat;
		float:right;
		margin-right:15px;
		cursor:pointer;
		border:0;
		display:block;
		padding:0;
		text-align:center;
	}
	
#regiao_3 { /* Área onde encontra-se o menu de Raças e Espécies e Colunas Técnicas */
	width:770px;
	height:264px;
	background:url(../images/bg_regiao3.jpg) no-repeat;
	color:#fff;
	font-size:14px;
}
	#regiao_3 a:link,
	#regiao_3 a:visited {
		color:#fff;
	}
	
	#regiao_3 a:hover {
		color:#333;
	}
	
	#regiao_3 #colunas_tecnicas {
		width:217px;
		height:264px;
		/*height:174px!important;*/
		float:left;
		margin-left:10px;			
		font-weight:bold;
	/*	background:url(../images/bg_colunas_tecnicas.jpg) no-repeat;*/
		/*padding:90px 0 0 0;*/
	}
	
	#regiao_3 #colunas_tecnicas ul {
		margin:0px 0 0 15px;
	}	
	
	
	#regiao_3 #lista_colunas li {
		background:url(../images/bullet.gif) no-repeat top left;
		padding: 0 0 0 20px;
		height:auto;
		display:block;		
	} 
		
	#regiao_3 #box_racas_1 {
		width:169px;
		width:129px!important;
		height:264px;
		/*height:174px!important;	*/	
		float:left;
		padding:0 20px 0 20px;
	/*	background:url(../images/bg_box_racas_1.jpg) no-repeat;	*/
		
	}
	
	#regiao_3 #box_racas_2 {
		width:344px;
		height:264px;
		height:244px!important;
		float:left;
		margin-right:13px;
		/*background:url(../images/bg_box_racas_2.jpg) no-repeat;*/
		padding-top:20px;
	}

html>body #regiao_3 #box_racas_2 {

	margin-top:0;
}


	#regiao_3 #box_racas_2 li {
		float:left;
		margin-right:12px;
	}
	
	#regiao_3 #box_racas_2 li a {
		display:block;
		border:0;
	}
	

#regiao_4 { /* Conteúdo do site */
	width:770px;
	height:auto;clear:both;
	color:#666600;
}

	#regiao_4 .box_esquerdo { /* Neste box vão banners 120x60 - lado esquerdo */
		width:170px;		
		height:auto; /* altura variavel */
		margin-left:13px;
		float:left;		
		text-align:center;
		padding-top:10px;
	}

	#regiao_4 .box_direito { /* Neste box vão banners 120x60 - lado direito */
		width:130px;
		height:auto; /* altura variável */			
		float:left;
		text-align:center;
		padding-top:10px;
	}
	
	#regiao_4 .box_central { /* Neste box, vai o conteudo textual da home */
		width:410px;
		height:100%; /* altura variável */			
		float:left;
		font-size:14px;
	}
	
	#regiao_4 .box_direito ul li,
	#regiao_4 .box_esquerdo ul li {
		display:block;
		margin-bottom:10px;
	}
	
	#regiao_4 .conteudo_lado_direito, 
	#regiao_4 .conteudo_lado_esquerdo {		
		width:195px;
		float:left;
		margin-top:10px;					
	}
	
	#regiao_4 .conteudo_lado_esquerdo {
		margin-right:20px;		
	}	

#regiao_5 { /* Acima do rodapé */
	width:770px;
	height:266px;
	clear:both;
	font-size:12px;	
}

	#regiao_5 .box_esquerdo {
		width: 360px;
		height:266px;		
		background-color:#EDE4D0;
		margin-left:13px;
		float:left;
	}
	
	#regiao_5 .box_direito {
		width: 360px;
		height:266px;		
		background-color:#DDD0A6;	
		margin-right:13px;
		float:left;
	}
	
	#regiao_5 ul, 
	#regiao_5 p {
		margin:10px 15px 0 25px;
	}
		
	#regiao_5 li {
		line-height:190%;
	}
	
	#regiao_5 .margem {
		margin-left:120px;
	}
	
	#regiao_5 #lista_parceiros ul {
		margin:0;
		width:160px;
	}
	
	#regiao_5 #lista_parceiros li{
		float:left;
		margin-right:20px;		
	}
	
	
#regiao_6 { /* Rodapé do site */
	width:770px;
	height:128px;
	height:108px!important;	
	background:url(../images/bg_regiao6.jpg) no-repeat;
	clear:both;
	text-align:center;
	padding-top:20px;	
}

	#regiao_6 #texto_rodape {
		font-size:11px;
		text-align:center;
		margin-top:20px;
		letter-spacing:2px;
	}
	
	#regiao_6 a:hover,
	#regiao_7 a:hover {
		border:0;
	}	


/* ------ titulos - usando técnica de Image Replacement ---------- */
.titulos {
	text-indent:-9000px;	
	overflow:hidden;	
}

#t_ultimas_noticias { /* titulo do box Últimas Notícias */
	background:url(../images/t_ultimas_noticias.jpg) no-repeat;	
	margin:10px 0 0 15px;
	height: 40px;
}

#t_colunas_tecnicas {
	background:url(../images/t_colunas_tecnicas.jpg) no-repeat;
	margin:15px 0 0 10px;
	height: 78px;
}

#t_racas_especies {
	background:url(../images/t_racas_especies.jpg) no-repeat;
	margin:15px 0 0 0px;
	height: 78px;
}


/*---------------- CSS HACKS ----------------*/
html>body #regiao_1 {
	padding-top:5px;
	height:50px;
}

html>body #regiao_5 .box_esquerdo{
	margin-left:25px;
}

html>body #regiao_4 .box_esquerdo,
html>body #regiao_3 #colunas_tecnicas,
html>body #regiao_4 #box_esquerdo_interno { /* CSS hack para Firefox */
		margin-left:21px;/* conserta o problema com a margem esquerda */
	}

html>body #regiao_4 .box_esquerdo{
	padding-left:10px;
	width:140px;
}	

html>body #regiao_8 #lado_direito {
	padding-left:25px;
	width:495px;
}


/* --- ESTILOS INTERNOS ----*/
#regiao_7 { /* Página Interna - Área abaixo do menu principal do site, destinada a publicidade */
	width:770px;
	height:105px; 
	height:80px!important; 
	background:url(../images/bg_regiao7.jpg) no-repeat;
	text-align:center;
	padding-top:25px;
}

#regiao_8 {
	width:770px;		
	color:#666600;
	text-align:justify;	
}

	#regiao_8 p { /* Configurando os paragrafos dos textos internos */
		margin-bottom: 15px;
	}
	
	#regiao_8 h5 { /* Tamanho dos Titulos dos textos */
		font-size:1.3em;
	}
	
	#regiao_8 #lado_esquerdo {/* Área onde se localiza o menu de raças e a lista de banners 120x60 */	
		width:200px;
		width:160px!important;
		/*height:350px;*/
		float:left;
		padding:0 0 0 40px;				
	}
	
	#regiao_8 #lado_esquerdo p {
		margin-left: 30px;
	}
	
	#regiao_8 #lado_esquerdo .banners_laterais {
		margin-left:20px;
	}
		
	#regiao_8 #lado_direito {
		width:550px;
		width:490px;				
		float:left;
		padding:20px 40px 0 20px;	
	}
	
	#regiao_8 #menu_racas {
		background:url(../images/bg_menu_racas.gif) no-repeat;
		width:174px;
		height:350px;
		height:320px!important;
		/*margin:0 0 0 35px;*/
		color:#fff;
		font-weight:bold;
		font-size:14px;
		padding-top:30px;
	}
	
	#regiao_8 #menu_racas li a:link,
	#regiao_8 #menu_racas li a:visited { 
		color:#fff;
	}
	
	#regiao_8 #menu_racas li a:hover {
		color:#333;
		border-bottom:1px dotted #000;
	} 
		
	#regiao_8 #menu_racas li {
		width:85px;		
		margin-left:20px;
		display:block;
		border-bottom:1px solid #fff;
	}
	
	#regiao_8 #menu_racas #link_caes {
		background: url(../images/ico_caes_mini.jpg) no-repeat top left;
		height:28px;
		padding:15px 0 0 45px;
		
	}
	
	
	#regiao_8 #menu_racas #link_gatos {
		background: url(../images/ico_gatos_mini.jpg) no-repeat top left;
		height:28px;
		padding:15px 0 0 45px;
		
	}
	
	#regiao_8 #menu_racas #link_cavalos {
		background: url(../images/ico_cavalos_mini.jpg) no-repeat top left;
		height:28px;
		padding:15px 0 0 45px;		
	}

	#regiao_8 #menu_racas #link_peixes {
		background: url(../images/ico_peixes_mini.jpg) no-repeat top left;
		height:28px;
		padding:15px 0 0 45px;		
	}

	#regiao_8 #menu_racas #link_passaros {
		background: url(../images/ico_passaros_mini.jpg) no-repeat top left;
		height:28px;
		padding:15px 0 0 45px;		
	}

	#regiao_8 #menu_racas #link_outros {
		background: url(../images/ico_outros_mini.jpg) no-repeat top left;
		height:28px;
		padding:15px 0 0 45px;		
	}
	
	#regiao_8 #imprime_indica {
		width:490px;
		width:450px!important;
		padding:20px;
		border-top: 2px solid #666600;
	}
	
	#regiao_8 #imprime_indica ul li {
		float:left;
		margin-right:25px;
		height:52px;
		display:block;
	}


/* ---- ESTILOS PARA OS FORMULÁRIOS: 30/10/2006 - 22:00h ---*/
.formularios {
	width:360px;
	margin:0 auto;
	margin-bottom:20px;
	margin-top:20px;
}

.formularios fieldset {
	border:0;
	font-family:Arial, Verdana;
	font-size:14px;
	color:#666600;
	margin-left:15px;	
}

.formularios legend {	
	display:none;
}

.formularios label {
	float:left;
	width:auto;
	display:block;
	padding:0 5px;
	margin-bottom:10px;
	margin-right:5px;
}

.formularios input {
	width:320px;
	height:18px;
	color:#666600;
	margin:0;	
	border:1px solid #FCF3E2;
	border-bottom:1px solid #9ba42e;	
	border-right:1px solid #ccc;
	border-left:3px solid #9ba42e;
	display:block;
	background:#FCF3E2;
	padding-left:5px;			
}

.formularios select {
	border:1px solid #9ba42e;
	border-bottom:1px solid #9ba42e;	
	border-right:1px solid #ccc;
	border-left:3px solid #9ba42e;
	color:#666600;	
	font-size:1em;
	font-family:Arial, Verdana;
	display:block;
	background:#FCF3E2;
	padding-left:5px;
}

.formularios textarea {
	width:320px;
	height:70px;
	color:#666600;
	margin:0;	
	border:1px solid #9ba42e;
	border-bottom:1px solid #9ba42e;	
	border-right:1px solid #ccc;
	border-left:3px solid #9ba42e;
	font-size:1em;
	font-family:Arial, Verdana;
	display:block;
	background:#FCF3E2;
	padding-left:5px;		
}

.formularios input.radio {
	border:0;
	width:1em;
	float:left;
}

.formularios .asterisco {
	color:#FF0000;
	font-size:1em;
}

.formularios input.botao {
	margin-top:30px;
	width: 120px;
	height:25px;
	background:#9ba42e;
	color:#fff;
	border:1px solid #eee;
	border-top:1px solid #999;
	border-left:1px solid #999;
	margin-bottom:20px;
	text-align:center;
}


.formularios br {
	clear:both;
}

/* Formulario de Pesquisa da Home - Farofa */
#pesquisa {