@import url(../basico.css);
@import url(../chromestyle.css);
@import url(../lightbox.css);
body 
{
	background:url(../../imagenes/portafolio/fondo.gif) repeat-y 0;
}
div#lema_portafolio
{
	width:290px;
	float:left;

}
div#lema_portafolio h1
{
	background:url(../../imagenes/portafolio/lema_portafolio.gif) no-repeat 0;
	width:270px;
	height:120px;
	margin:40px auto;	
	margin-bottom:20px;
	padding:0;
}
div#lema_portafolio h2
{
	background:url(../../imagenes/portafolio/imagen_portafolio.jpg) no-repeat 0;
	width:290px;
	height:240px;
	margin:0;
	padding:0;
	
}
div#cuerpo_contenido
{
	margin-top:5px;
}
div#cuerpo_contenido a 
{
	width:22px;
	height:12px;
	margin:0;
	padding:0px;
	border:0;

	
}


div#cuerpo_contenido h1
{
	color:#6666CC;
	font-family:Trebuchet MS;
	font-size:14px;
	font-style:italic;
	padding-left:15px;
	margin:0;
	margin-bottom:15px;
}
div#cuerpo_contenido h2
{
	color:#6666CC;
	font-family:Trebuchet MS;
	font-size:12px;
	padding-left:15px;
	margin:0;
	height:18px;
		
}

div#cuerpo_contenido p
{
	margin:0;
	margin-bottom:15px;
	padding:0;
	padding-left:15px;	
	color:#666666;
	font-size:12px;
	font-family:Trebuchet MS;
}
div#datos
{	
}
div#datos a
{
	color:#000000;
	font-family:Trebuchet MS;
	font-size:12px;	
	font-weight:bold;
}
div#datos img
{
	margin:20px;
	border:solid 1px #6666CC;
}
div#datos img#dg
{
	margin:20px;
	border:solid 0px #6666CC;
}
div#galeria
{
	width:290px;
	float:right;
}

div#galeria ul
{
	list-style:none;
	margin:0;
	padding:0;
	margin-left:15px;
	
}
div#galeria ul li
{
	display:inline;
	float:left;
	margin:5px 5px 0px 10px;	
	padding:0;	
	font-family:Trebuchet MS;
	font-size:12px;
	line-height:12px;

	width:70px;
	height:70px;

}
div#galeria a
{
	border:solid 1px Black;
	cursor:hand;
	margin-bottom:0px;
	margin-top:0px;
	display:block;
	width:35px;
	height:35px;
	margin-bottom:2px;
		font-family:Trebuchet MS;
}
div#galeria a img
{
	border:none;
	margin:0;	
}

div#galeria a img.activo, div#galeria a:hover img.activo
{
	border:solid 1px #E60000;
	
}
div#galeria a:hover, div#galeria a.activo
{
	border:solid 1px #E60000;
	color:#E60000;
	
}
.cliente
{
	color:#666666;
	font-family:Trebuchet MS;
	font-size:12px;		
	
}

.texto_activo
{
	color:#E60000;
}

#lightboxImage
{
	border:solid 1px #6666CC;
	width:498px;
	/*width:width - 2px;*/
	
}
#imageDetails
{
	line-height:22px;
	color:#2A2A2A;
	font-size:12px;	
	font-family:Trebuchet MS;
}

#imageDetails #caption
{
	font-weight:normal;
	
}

#imageDetails #caption em
{
	font-weight:bold;
	text-decoration:none;	

}