/* 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;
	}
	
	#janela {
		z-index: 0;
		text-align: left;
	    display: none;
		position: absolute;
		height: 0px;
		width: 5px;
		float: inherit;
		left: 13%;
		bottom: 18%;
	}
	
	#janelaSombraDireita {
		z-index: 0;
		position: absolute;
		background-color: #666666;
		height: 415px;
		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;
	}
	
	#janelaConteudo {
		z-index: 1;
		position: absolute;
		bottom: 5px;
		right: 5px;
		color: #FFFFFF;
		background-color: #000;
		height: 400px;
		width: 710px;
		padding: 5px;
		border: 2px solid #5A1E1E;
	}
	#janelaTitulo {
		z-index: 0;
		position: absolute;
		top: 0px;
		left: -2px;
		background-color: #5A1E1E;
		margin-top: -5px;
		width: 724px;
		height: 18px;
		color: #FFFFFF;
		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: #000;
		font-family: Tahoma;
		font-size: 10px;
		line-height: 11px;
		overflow: hidden;
		height: 395px;
		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: #B53C3C;
		padding: 10px;
		color: #fff;
		background-color: #5A1E1E;
		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: #AF4F32;
		font-family: Tahoma;
		font-size: 10px;
	}
	
	.catalogoFoto{
		border-top-color: #5A1E1E;
		border-top-width: 20px;
		border-top-style: solid;

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

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

		border-bottom-color: #5A1E1E;
		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;
	}	

	/*	Bovinos	*/
	#corpoBovinos {
		position: absolute;
		display: block;
		width: 660px;
		height: 380px;
		padding: 5px;
		top: 0px;
		left: 0px;
	}

	#bovinoDados {
		position: absolute;
		display: block;
		height: 300px;
		top: 0px;
		left: 5px;
	}

	#thumbBovinos {	
		position: absolute;
		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: #5A1E1E;
		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: #fff;
		border: none;
		background-color: #A03434;
		font-family: Tahoma;
		font-size: 10px;
		font-weight: bold;
	}
	
	.jcarousel-next-disabled {
		color: #AC3939;
		background-color: #5A1E1E;
		cursor: pointer;
	}
	
	.jcarousel-prev {
		position: absolute;
		top: 4px;
		left: 3px;
		width: 14px;
		height: 39px;
		cursor: pointer;
		color: #fff;
		border: none;
		background-color: #A03434;
		font-family: Tahoma;
		font-size: 10px;
		font-weight: bold;
	}
	
	.jcarousel-prev-disabled {
		color: #AC3939;
		background-color: #5A1E1E;
		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;
		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;
	}