@charset "utf-8";
/* CSS Document */
/* INDEX
--------------------------------------------- */

#bt_acervo a:link, #bt_acervo a:visited, #bt_acervo a:active {color: #C1272D; text-decoration: none;}
#bt_acervo a:hover {color: #CCC; text-decoration: none;}

a:link, a:visited, a:active {color: #666; text-decoration: none;}
a:hover {color: #C1272D; text-decoration: none;}


#content_obras_acervo { float:left; width:1044px; height:auto; margin-top:20px;}
.line_top { float:left; width:1024px; height:auto; border-bottom:solid 1px #CCC; margin-bottom:20px;}
.line_bottom { 
	float:left; 
	width:1024px; 
	height:auto; 
	border-top:solid 1px #CCC;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:right;	
}
.info_acervo { 
	float:left; 
	width:auto; 
	height:auto; 
	margin-top:-15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:left;
	}


#content_bio { float:left; width:800px; height:auto; margin-top:40px;}


/* CAPITION_ACERVO
--------------------------------------------- */

.content_caption_acervo {
	position:relative; /* important(so we can absolutely position the description div */ 
}
.content_caption_acervo
	{ 
	float:left; 
	width:154px; 
	height:auto; 
	margin-right:20px; 
	margin-bottom:20px;
}
.content_caption_acervo
	{ 
	float:left; 
	width:154px; 
	height:auto; 
	margin-right:20px; 
	margin-bottom:20px;
}



.description_acervo {
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	width:100%;
}
.description_content_acervo {
	padding:4px 10px 4px 10px;
	background-color: rgba(0, 0, 0, 0.45);
	width:auto;
	height:auto;
}
