/* CSS Document */
	body {
		z-index: 0;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		display: block;
	}
	
	#apresentacao {
		margin-left: 14%;
		margin-top: 6%;
		position: relative;
		text-align: left;
		width: 750px;
		height: 495px;
		background: url(../reconquista_bg.jpg);
		background-repeat: no-repeat;
	}
	
	#catalogoBotao{
		position: relative;
		bottom: 20px;
		left: 0px;
	}
	
	#container {
		z-index: 0;
		text-align: left;
		position: relative;
		left: 0px;
		bottom: 0px;
		height: 5px;
	}
	
	#janela {
		z-index: 0;
		text-align: left;
	    display: none;
		position: absolute;
		height: 0px;
		width: 5px;
		left: 15px;
		bottom: 15px;
	}
	
	#janelaSombraDireita {
		z-index: 0;
		position: absolute;
		background-color: #666666;
		height: 462px;
		width: 5px;
		bottom: 0px;
		right: 0px;
	}

	* html #janelaSombraDireita {
		z-index: 0;
		position: absolute;
		background-color: #666666;
		height: 450px;
		width: 5px;
		bottom: 0px;
		right: 0px;
	}
	
	#janelaSombraInferior {
		z-index: -1;
		position: absolute;
		background-color: #666666;
		height: 5px;
		padding: 0;
		width: 715px;
		margin-right: 5px;
		bottom: 0px;
		right: 0px;
	}

	* html #janelaSombraInferior {
		z-index: -1;
		position: absolute;
		background-color: #666666;
		height: 5px;
		padding: 0;
		width: 700px;
		margin-right: 5px;
		bottom: 0px;
		right: 0px;
	}
	
	#janelaConteudo {
		z-index: 1;
		position: absolute;
		bottom: 5px;
		right: 5px;
		color: #D3DEE7;
		background-color: #5F744B;
		background-image: url(../crioulosdompedrito_catalogo_bg.jpg);
		background-repeat: no-repeat;
		height: 450px;
		width: 710px;
		padding: 5px;
		border: 2px solid #748F5C;
	}

	#janelaTitulo {
	z-index: 0;
	position: absolute;
	top: 0px;
	left: -2px;
	background-color: #748F5C;
	margin-top: -5px;
	width: 724px;
	height: 18px;
	color: #fff;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	}

	#titulo {
		display: block;
		padding-left: 7px;
	}
	
	#janelaFechar {
		position: absolute;
		top: 0px;
		right: 0px;
		padding: 5px;
		padding-top: 0px;
		width: 14px;
		height: 14px;
		background-image: url(../reconquista_fundo_botao.gif);
		background-position: 4px 0px;
		background-repeat: no-repeat;
		text-transform: none;
	}
	
	#janelaFechar a {
		color: #FFFFFF;
		font-family: Tahoma;
		font-size: 10px;
		font-weight: bold;
		display: block;
	}
	#janelaFechar a:hover {
		color: #CCCCCC;
		font-family: Tahoma;
		font-size: 10px;
		font-weight: bold;
	}
	#actFechaJanela {
		color: #000;
		font-family: Tahoma;
		font-size: 8px;
		line-height: 8px;
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 1px;
		padding-bottom: 3px;
	}
	#conteudo {
		position: absolute;
		z-index: 0;
		margin-top: 15px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		text-align: justify;
		color: #EEEADB;
		font-family: Tahoma;
		font-size: 10px;
		line-height: 11px;
		overflow: hidden;
		height: 495px;
		width: 705px;
	}

	#carregandoDados {
	z-index: 100;
	display: none;
	position: absolute;
	top: 40%;
	left: 45%;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #996600;
	padding: 10px;
	color: #fff;
	background-color: #CC9900;
	font-family: Tahoma;
	font-size: 10px;
	}

	.carregandoDados {
		position: absolute;
		text-align: center;
		padding-left: 2px;
		padding-left: 10px;
		color: #EEEADB;
		font-family: Tahoma;
		font-size: 10px;
	}
	
	#catalogoFotoBox{
		position: relative;
		display: block;
		top: 0px;
		left: 0px;
		padding: 5px;
		text-align: center;
		vertical-align: middle;
	}

	#catalogoFotoCredito{
		position: absolute;
		display: block;
		top: 5px;
		right: 11px;
		padding: 3px;
		text-align: center;
		vertical-align: middle;
		color: #749FC7;
		font-family: Tahoma;
		font-size: 10px;
	}

	.catalogoFotoCreditoLink{
		text-decoration: none;
		color: #749FC7;
		font-family: Tahoma;
		font-size: 10px;
	}
	.catalogoFotoCreditoLink:hover{
		text-decoration: none;
		color: #749FC7;
		font-family: Tahoma;
		font-size: 10px;
	}
	.catalogoFotoCreditoLink:visited{
		text-decoration: none;
		color: #749FC7;
		font-family: Tahoma;
		font-size: 10px;
	}
	
	.catalogoFoto{
		border-top-color: #5F744B;
		border-top-width: 20px;
		border-top-style: solid;

		border-left-color: #5F744B;
		border-left-width: 5px;
		border-left-style: solid;

		border-right-color: #5F744B;
		border-right-width: 5px;
		border-right-style: solid;

		border-bottom-color: #5F744B;
		border-bottom-width: 2px;
		border-bottom-style: solid;
	}
	
	
	a {
		text-decoration: none;
	}
	img {
		border: none;
	}
	#ImageBoxOverlay {
		background-color: #000;
	}
	#ImageBoxCaption {
		background-color: #fff;
	}
	#ImageBoxContainer {
		width: 250px;
		height: 250px;
		background-color: #fff;
	}
	#ImageBoxCaptionText {
		font-weight: bold;
		padding-bottom: 5px;
		font-size: 13px;
		color: #000;
	}
	#ImageBoxCaptionImages {
		margin: 0;
	}
	#ImageBoxNextImage {
		background-image: url(images/imagebox/spacer.gif);
		background-color: transparent;
	}
	#ImageBoxPrevImage {
		background-image: url(images/imagebox/spacer.gif);
		background-color: transparent;
	}
	#ImageBoxNextImage:hover {
		background-image: url(images/imagebox/next_image.jpg);
		background-repeat:	no-repeat;
		background-position: right top;
	}
	#ImageBoxPrevImage:hover {
		background-image: url(images/imagebox/prev_image.jpg);
		background-repeat:	no-repeat;
		background-position: left bottom;
	}
	h2, h4, p {
		padding-left: 20px;
	}	

	/*	Animais	*/
	#corpoAnimais {
		position: absolute;
		overflow: hidden;
		display: block;
		width: 696px;
		height: 430px;
		padding: 5px;
		top: 0px;
		left: 0px;
	}

	#animalDados {
		position: absolute;
		display: block;
		width: 696px;
		height: 371px;
		top: 0px;
		left: 5px;
	}

	* html #animalDados {
		position: absolute;
		display: block;
		width: 690px;
		height: 371px;
		top: 0px;
		left: 5px;
	}

	#animalGenealogia {
		position: absolute;
		float: left;
		top: 0px;
		left: 0px;
		width: 343px;
	}
	
	#catalogoOutrasFotos {
		position: absolute;
		z-index: 10;
		top: 40px;
		left: 110px;
		width: 70px;
		height: 20px;
	}
	
	#animalFoto {
		position: absolute;
		float: right;
		top: 0px;
		right: 0px;
		width: 343px;
	}

	#animalTexto {
		position: absolute;
		clear: both;
		display: block;
		left: 0px;
		bottom: 21px;
		height: 69px;
		vertical-align: middle;
		font-size: 10px;
		color: #EEEADB;
		text-transform: none;
		text-align: justify;
		line-height: 12px;
	}

	.animalTextoConteudo {
		height: 69px;
	}

	/* Regulamento */
	#catalogoRegulamento {	
		clear: both;
		z-index: 15;
		position: absolute;
		width: 700px;
		height: 17px;
		bottom: 57px;
		left: 5px;
	}

	* html #catalogoRegulamento {	
		clear: both;
		z-index: 15;
		position: absolute;
		width: 696px;
		height: 17px;
		bottom: 57px;
		left: 5px;
	}

	#regulamentoTitulo {
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
	width: 70px;
	cursor: pointer;
	text-align: left;
	color: #fff;
	font-family: Tahoma;
	font-size: 10px;
	background-color: #444C34;
	border: 1px;
	border-style: solid;
	border-color: #677F52;
	border-bottom: none;
	}

	#regulamentoTituloFechar {
		clear: both;
		height: 15px;
		text-align: right;
		padding-right: 6px;
		background-color: #677F52;
		border-color: #677F52;
		border-style: solid;
		border-width: 1px;
		border-top: none;
	}

	#regulamentoTituloFechar a {
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		font-family: Tahoma;
		font-size: 10px;
	}

	#regulamentoTexto {
		clear: both;
		display: none;
		top: 5px;
		overflow: hidden;
		font-size: 10px;
	}

	#regulamentoTextoConteudo {
	clear: both;
	top: 5px;
	height: 333px;
	overflow: auto;
	text-align: justify;
	color: #F7F7F7;
	font-family: Tahoma;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-color: #677F52;
	border-style: solid;
	border-width: 1px;
	background-color: #444C34;
	
	scrollbar-base-color: #7F9167;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #889371;
	scrollbar-darkshadow-color: #5F684D;
	scrollbar-face-color: #7F9167;
	scrollbar-highlight-color: #5F684D;
	scrollbar-shadow-color: #5F684D;
	}


	/* Acesso Rapido */

	#catalogoAcessoRapido {	
		clear: both;
		float: right;
		z-index: 15;
		position: relative;
		width:  250px;
		height: 23px;
		top: 25px;
		right: 55px;
	}

	* html #catalogoAcessoRapido {	
		clear: both;
		z-index: 15;
		position: relative;
		width: 246px;
		height: 23px;
		top: 25px;
		right: 55px;
	}

	#acessoRapidoTitulo {
		float: right;
		height: 12px;
		padding-top: 2px;
		padding-bottom: 3px;
		padding-left: 5px;
		width: 169px;
		cursor: pointer;
		text-align: left;
		color: #fff;
		font-family: Tahoma;
		font-size: 10px;
		background-color: #CC9933;
		border: 1px;
		border-style: solid;
		border-color: #5F744B;
		/* border-bottom: none; */
	}
	
	* html #acessoRapidoTitulo {
		height: 10px;
	}

	#acessoRapidoTituloFechar {
		clear: both;
		float:right;
		margin-top: 1px;
		height: 15px;
		text-align: right;
		padding-right: 6px;
		background-color: #A8802B;
		border-color: #5F744B;
		border-style: solid;
		border-width: 1px;
		border-bottom: 0px;
	}

	#acessoRapidoTituloFechar a {
		text-decoration: none;
		float: right;
		color: #fff;
		font-weight: bold;
		font-family: Tahoma;
		font-size: 10px;
	}

	#acessoRapidoTexto {
		clear: both;
		display: none;
		float: right;
		width: 242px;
		top: 19px;
		right: 0px;
		overflow: hidden;
		font-size: 10px;
	}

	#acessoRapidoTextoConteudo {
		clear: both;
		float: right;
		width: 230px;
		top: 0px;
		height: 180px;
		overflow: auto;
		text-align: justify;
		color: #F7F7F7;
		font-family: Tahoma;
		font-size: 10px;
		line-height: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		border-color: #5F744B;
		border-style: solid;
		border-width: 1px;
		border-top: 0px;
		background-color: #CC9933;

		scrollbar-base-color: #CCA13D;
		scrollbar-arrow-color: #FFFFFF;
		scrollbar-3dlight-color: #CCA13D;
		scrollbar-darkshadow-color: #A37201;
		scrollbar-face-color: #E3AB02;
		scrollbar-highlight-color: #D39402;
		scrollbar-shadow-color: #B58424;
	}

	#acessoRapidoTextoConteudo a {
		display: block;
		text-align: justify;
		color: #F7F7F7;
		font-family: Tahoma;
		font-size: 10px;
	}
	
	#acessoRapidoTextoConteudo a:hover {
		display: block;
		text-align: justify;
		background-color: #DFB44F;
		color: #FFFFFF;
		font-family: Tahoma;
		font-size: 10px;
	}
	
	/* Thumbs */

	#thumbAnimais {	
		position: absolute;
		z-index: 20;
		display: block;
		bottom: 10px;
		left: 5px;
	}

	/**
	 * This <div> element is wrapped by jCarousel around the list
	 * and has the classname "jcarousel-scope".
	 */
	.jcarousel-scope {
	position: relative;
	width: 656px;
	background-color: #677F52;
	padding: 5px 22px;
	}

	* html .jcarousel-scope {
	position: relative;
	width: 650px;
	background-color: #677F52;
	padding: 5px 22px;
	}
	
	/**
	 * Similar styles will be applied by jCarousel. But we additionally
	 * add it here for better displaying with browsers having
	 * javascript disabled.
	 */
	.jcarousel-list {
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	
	.jcarousel-list li {
		float: left;
		list-style: none;
		width: 54px;
		height: 37px;
		margin: 0px;
		margin-right: 6px;
	}

	/**
	 * The buttons are added dynamically by jCarousel before
	 * the <ul> list (inside the <div> described above) and
	 * have the classnames "jcarousel-next" and "jcarousel-prev".
	 */
	.jcarousel-next {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 14px;
	height: 39px;
	cursor: pointer;
	color: #FFFFFF;
	border: none;
	background-color: #9BC464;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	}
	
	.jcarousel-next-disabled {
	color: #485838;
	background-color: #5F744B;
	cursor: pointer;
	}
	
	.jcarousel-prev {
	position: absolute;
	top: 4px;
	left: 3px;
	width: 14px;
	height: 39px;
	cursor: pointer;
	color: #fff;
	border: none;
	background-color: #9BC464;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	}
	
	.jcarousel-prev-disabled {
		color: #485838;
		background-color: #5F744B;
		cursor: default;
	}
	
	.catalogoIDM {
		position: absolute;
		font-family: Tahoma, Verdana, Arial;
		font-size: 10px;
		line-height: 12px;
		color:#ffffff;
		font-weight:bold;
		bottom: 2px;
		left: 0px;
		background-color: #006699;
		padding-left: 2px;
		padding-right: 2px;
		border: 1px;
		border-style: solid;
		border-color: #3399FF;
	}
	
	.catalogoIDF {
		position: absolute;
		z-index: 10;
		font-family: Tahoma, Verdana, Arial;
		font-size: 10px;
		line-height: 12px;
		color:#ffffff;
		font-weight:bold;
		background-color: #B62326;
		bottom: 2px;
		left: 0px;
		padding-left: 2px;
		padding-right: 2px;
		border: 1px;
		border-style: solid;
		border-color: #CC0000;
	}