/* ================================================================================================ */
/* tags gerais */

* { margin: 0; padding: 0; }

Body {
	background: #000000 url(../imagens/bgPage.jpg) center top repeat-y;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #424242;
}

Img { border: none; }

A { text-decoration: none; color: #333333; }

Input, Select, Textarea { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }

/* ================================================================================================ */
/* frame externo */

#layout {
	display: block;
	width: 770px;
	margin: 0 auto;
}
	
/* ================================================================================================ */
/* topo */

#topo {
	position: relative;
	display: block;
	width: 770px;
	height: 109px;
	background: url(../imagens/topo_logo.jpg) top no-repeat;
}

#topo A {
	position: absolute;
	top: 40px;
	left: 102px;
	display: block;
	width: 600px;
	height: 36px;
	margin: 0 auto;
	text-indent: -200px;
	overflow: hidden;
}

/* links principais */

/* ================================================================================================ */
/* conteudo */

#conteudo {
	position: relative;
	float: left;
	display: block;
	width: 770px;
	background: url(../imagens/box_bg.gif) center repeat-y;
}

/* ================================================================================================ */
/* box */

#conteudo Dl {
	background: url(../imagens/box_topo.gif) top center no-repeat;
	padding-top: 10px;
	width: 770px;
}

/* titulo do box */

#conteudo Dl Dt {
	position: relative;
	height: 40px;
	line-height: 40px;
	width: 720px;
	margin: 0 auto;
	color: #1A0001;
}

#conteudo Dl Dt Strong {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 87px;
	background: url(../imagens/box_titulo.gif) right center no-repeat;
}

#conteudo Dl Dt Small {
	position: absolute;
	right: 0px;
	padding-right: 20px;
	background: url(../imagens/formOk.gif) right center no-repeat;
}

/* ================================================================================================ */
/* textual */

#conteudo Dl Dd {
	width: 720px;
	margin: 0px auto 10px auto;
	min-height: 300px;
}

#conteudo Dl Dd H1 { font-size: 14px; color: #B8790A; }
#conteudo Dl Dd H2 { font-size: 12px; line-height: 18px; }

#conteudo Dl Dd P { margin-top: 10px; line-height: 17px; }

#conteudo Dl Dd Img {
	float: left;
	margin: 0px 20px 10px 0px;
	background: #D9Ad1F;
	padding: 4px;
	border: 1px solid #1A0001;
}

/* ================================================================================================ */
/* home */

#conteudo Dl.home Dd #painel {
	position: relative;
	float: left;
	margin: 20px 0px 15px 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #D9Ad1F;
	border: 1px solid #1A0001;
	padding: 4px;
}

#conteudo Dl.home Dd #painel Img {
	float: none;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	width: 520px;
	height: 320px;
}

#conteudo Dl.home Dd #painel Div {
	position: absolute;
	bottom: 4px;
	left: 4px;
	width: 520px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	color: #1A0001;
	background: url(../imagens/home_bg.png) center bottom no-repeat;
}

#conteudo Dl.home Dd Ul {
	float: right;
	list-style: none;
	width: 170px;
	margin-top: 36px;
}
#conteudo Dl.home Dd Ul Li {
	height: 80px;
	width: 80px;
	margin: 14px auto;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	text-indent: -1000px;
	overflow: hidden;
}

#conteudo Dl.home Dd Ul Li#br { background-image: url(../imagens/icone_br.jpg); }
#conteudo Dl.home Dd Ul Li#us { background-image: url(../imagens/icone_us.jpg); }
#conteudo Dl.home Dd Ul Li#ar { background-image: url(../imagens/icone_ar.jpg); }


/* ================================================================================================ */
/* listar */

#conteudo Ul.listar { list-style: none; display: block; }
#conteudo Ul.listar Li { float: left; width: 33%; }

#conteudo Ul.listar Li A { display: block; text-align: center; margin-bottom: 20px; }
#conteudo Ul.listar Li A:hover { color: #B8790A; }

#conteudo Ul.listar Li A Img { float: none; margin: 0; }
#conteudo Ul.listar Li A Strong { display: block; font-size: 14px; line-height: 24px; padding: 0px 5px; }

/* ================================================================================================ */
/* paginar */

#conteudo #paginar {
	float: left;
	position: relative;
	display: block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	border-top: 1px solid #D9Ad1F;
}

#conteudo #paginar A { display: block; color: #1A0001; }
#conteudo #paginar A:hover { color: #B8790A; }
#conteudo #paginar A#anterior { float: left; }
#conteudo #paginar A#proximo { float: right; }
#conteudo #paginar Small {
	position: absolute;
	display: block;
	left: 50%;
	width: 100px;
	height: 20px;
	line-height: 20px;
	margin-left: -50px;
	text-align: center;
}

/* ================================================================================================ */
/* arvore genealogica */

#conteudo Table {
	margin: 20px 0px;
	text-align: left;
	width: 210px;
	height: 50px;
}
#conteudo Table Th {
	border-right: 1px solid #999;
	padding-right: 10px;
	width: 50%;
}
#conteudo Table Td {
	padding-left: 10px;
	font-size: xx-small;
}

/* ================================================================================================ */
/* link de download */

#conteudo A#download {
	position: absolute;
	bottom: 0px;
	right: 40px;
	display: block;
	height: 30px;
	line-height: 30px;
	padding-right: 40px;
	background: url(../imagens/icone_download.jpg) right center no-repeat;
	text-align: right;
}
#conteudo A#download:hover { color: #B8790A; }

/* ================================================================================================ */
/* garanhões */

#conteudo .garanhao Ul.listar Li { width: 50%; }
#conteudo .garanhao Ul.listar Li A Strong { font-size: 16px; line-height: 26px; }

/* ================================================================================================ */
/* gerações */

#conteudo .geracao Ul.listar Li { width: 50%; }
#conteudo .geracao Ul.listar Li A { margin-top: 20px; }
#conteudo .geracao Ul.listar Li A Strong {
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	padding-left: 40px;
	background: url(../imagens/icone_download.jpg) left center no-repeat;
}

/* ================================================================================================ */
/* contato */

#conteudo #mapa {
	float: left;
	background-color: #D9Ad1F;
	border: 1px solid #1A0001;
	padding: 4px;
	margin-right: 20px;
}
#conteudo #mapa Iframe {
	border: 1px solid #1A0001;
	width: 280px;
	height: 280px;
}
#conteudo #mapa Small { display: none; }


#conteudo #endereco { float: left; width: 175px; }
#conteudo #endereco H1 { margin-top: 10px; }

#conteudo Form { float: right; width: 214px; }
#conteudo Form Label {
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
}
#conteudo Form Input, #conteudo Form Select, #conteudo Form Textarea {
	width: 100%;
	height: 18px;
	line-height: 18px;
	margin-bottom: 6px;
	border: 1px solid #B8790A;
}
#conteudo Form Select { height: 20px; }
#conteudo Form Textarea { height: 100px; }

#conteudo Form A {
	float: right;
	display: block;
	background: #CC0000;
	color: #FFFFFF;
	text-align: center;
	width: 110px;
	height: 31px;
	line-height: 28px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 auto;
	background: url(../imagens/contato_enviar.jpg) center no-repeat;
}
#conteudo Form A:hover { color: #1A0001; }

/* ================================================================================================ */
/* check form */

#conteudo Form Label.erro { background: url(../imagens/formErro.gif) right bottom no-repeat; }
#conteudo Form Label.ok { background: url(../imagens/formOk.gif) right bottom no-repeat; }

#conteudo Form Input.erro, #conteudo Form Textarea.erro { border: 1px solid #CC0000; }
#conteudo Form Input.ok, #conteudo Form Textarea.ok { border: 1px solid #61C250; }

/* ================================================================================================ */
/* conteúdo sem foto */

#conteudo #animalMenu { float: left; width: 250px; }
#conteudo .noFoto Ul.listar { float: left; width: 250px; }
#conteudo .noFoto Ul.listar Li { width: 100%; }
#conteudo .noFoto Ul.listar Li A { text-align: left; margin-bottom: 0px; }
#conteudo .noFoto #paginar { margin-top: 10px; }

#conteudo #animalInfo { float: right; width: 400px; }
#conteudo #animalInfo P { margin-bottom: 10px; }

#conteudo #animalInfo Ul { list-style: none; }
#conteudo #animalInfo Ul Li { float: left; width: 50%; font-size: 12px; }
#conteudo #animalInfo Ul Li Ul { margin-top: 10px; }
#conteudo #animalInfo Ul Li Ul Li {
	float: none;
	text-indent: 15px;
	padding: 2px 0px;
	width: auto;
	font-size: 11px;
	background: url(../imagens/animal_li.gif) 0px 6px no-repeat;
}
#conteudo #animalInfo Ul Li Ul Li Ul { margin: 5px 0px; }
#conteudo #animalInfo Ul Li Ul Li Ul Li { margin-left: 10px; font-size: 10px; }

/* ================================================================================================ */
/* menu */

#menu {
	clear: both;
	display: block;
	width: 770px;
	padding-top: 15px;
	background: url(../imagens/box_base.gif) top no-repeat;
}

#menu Ul {
	list-style: none;
	height: 38px;
	width: 720px;
	margin: 0 auto;
	background: url(../imagens/menu_bg.gif) center no-repeat;
}
#menu Ul Li { float: left; }
#menu Ul Li A {
	display: block;
	width: 140px;
	margin: 0 2px;
	height: 38px;
	line-height: 34px;
	text-align: center;
	color: #1A0001;
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#menu Ul Li A:hover { color: #533800; }


/* ================================================================================================ */
/* rodapé */

#rodape {
	position: relative;
	display: block;
	width: 700px;
	height: 23px;
	margin: 0 auto;
}

#rodape Small {
	float: left;
	height: 23px;
	line-height: 23px;
	color: #1A0001;
}

#rodape A#cdi {
	float: right;
	display: block;
	width: 32px;
	height: 23px;
	background: url(../imagens/rodape_cdi.png) center no-repeat;
	text-indent: -100px;
	overflow: hidden;
	cursor: pointer;
}

/* ================================================================================================ */
/* Hacks IE6 */


* Html #rodape A#cdi {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='interface/imagens/rodape_cdi.png');
}
* Html #conteudo Dl.home Dd #painel Div {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='interface/imagens/home_bg.png');
}
* Html #conteudo Dl Dd { height: 300px; }