/*elementos básicos*/
html{background:#232828;  }
/*estilos del catalogo
div#albums {
	float:left; 
	margin:0;
	padding:0;
	}
	
*/

/*cabecera*/
#cabecera {
	background:  url(../images/cabecera_obras.jpg) no-repeat 87px 47px;
}

/*descripcion album*/
div.details{ float: left; width: 100%; padding: 0; margin:10px 0;}
div.details .picture_det {
	background: #f4f4f4;
	border: 1px solid #D5D7D1;
	padding:5px;
	/*padding-bottom: 20px;*/
	margin: 0 10px 10px 0;
	float:left;
	width:auto;
	}
div.details .picture_det a { float:left; width:auto; margin:0; padding:0;}
div.details .picture_det img{ float:left; width: auto; margin:0; padding:0; background:none; border: none;}
div.details p { float:left; width: 350px; margin:0 0 6px 0; font-size: 16px; font-family:Arial, Helvetica, sans-serif; color:#626666; line-height:18px;}
div.details h2 { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color:#626666; margin: 0 0 8px; clear:both; float:left; width:auto;}
.description { width:350px; float:right; margin:0; padding:0;}

div#current_album { margin: 0; padding:0; float: left; width: 100%;}

div#pictures{ float: left; padding: 10px 0 0; margin: 10px 0 0; width: 100%; border-top: 1px dotted #B2B4AF; border-bottom:1px dotted #B2B4AF;}
div.picture { display:inline; float:left; width:98px; height: 98px; border: 1px solid #D5D7D1; background:#f4f4f4; padding: 5px; margin: 0 4px 17px; }
div.picture p {display: none;}
div.picture a { float:left; height:98px; width: 98px; overflow:hidden; }

h2.foto { 
	float: left;
	clear:none;
	width: 157px;
	height: 20px;
	margin: 2px 0 0 0;
	padding: 5px 0 0 0;
	font-size: 12px; 
	font-weight: bold;
	text-align: left;
	background: none;
	display: none;
	}

h2.foto a { width: auto; float:left; }

/*subalbunes*/
div#subalbums{ float: left; padding: 0 0 0 0; margin: 20px 0 0 0; width: 100%;  }
div.subalbum { float:left; padding:0; margin: 0 7px 20px 0; height: 260px; width: 167px;}
div.subalbum  p{ font-size: 10px; display: none;}
/*div.subalbum  img{}
div.subalbum a.foto_producto{ color:red; text-align: left; margin:0; padding:0;}*/
/*fin subalbum*/

/*Menu obras*/
/*menu principal*/
div#menu_principal{
	float:left;
	width:335px;
	margin: -10px 0 0;
	padding: 10px 0 0;
	background:  url(../images/lineas_obras.gif) no-repeat top left;
	}
div#menu_principal ul{ margin: 0px; padding: 0 0 0 63px; list-style-type: none;}
div#menu_principal ul li { 
	float: left;
	padding: 0 0 8px 15px;
	clear:both;
	width: 94px;
	}
div#menu_principal ul li a{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#B2B4AF;
	margin: 0px;
	padding: 0 0 0 15px;
	cursor: pointer;
	text-align:left;
	}
div#menu_principal ul li a:hover { font-weight:bold;}

/*segundo nivel de menu*/
#albums, #block_menu { 
	position:absolute;
	left: 172px;
	width:161px; 
	margin:0; 
	padding: 0;
	}
div#menu_principal #albums ul, #block_menu ul { float:left; width: 161px; margin:0; padding:0;}
div#menu_principal #albums ul li.producto, #block_menu ul li.bloque_t { float:left; width:161px; padding:0 0 5px 0; margin:0;}
div#menu_principal #albums ul li.producto a {
	float:left; 
	width:146px; 
	margin:0; 
	padding:3px 0 3px 15px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color:#848984;
	background: url(../images/list1_bg.gif) no-repeat 5px 7px;
	}
div#menu_principal #albums ul li.producto a:hover, div#menu_principal #albums ul li.producto a:focus { color:#B2B4AF; font-weight: normal; text-decoration: underline;}

/*menu selecionado*/
div#menu_principal li a.trabajos { color: #B2B4AF; font-weight: bold; background: url(../images/list0_bg.gif) no-repeat 0px 4px; }

/*pie*/
#footer { float:left; width:100%; height: 36px; margin-top: 10px; background: url(../images/pie_obras.gif) no-repeat left bottom;}