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

#primaryContent{
	width:620px;
	float:left;
	display:inline;
}
#secondaryContent{
	float:right;
	width:264px;
	padding-right:24px;
	display:inline;
}
#secondaryContent h3{
	margin-top:0px;
}
#secondaryContent p{
	margin-bottom:30px;
}
#secondaryContent a{
	text-decoration:none;
	color:#666;
}
#secondaryContent a:hover{
	text-decoration:underline;
}
/******ITEMS PORFOLIO****/
.item-trabajo{
	float:left;
	width:280px;
	margin-right:25px;
	margin-bottom:35px;
	margin-top:7px;
	display:inline;
	height:320px;
}

.item-trabajo h3{
	width:248px;
	height:18px;
	padding:10px;
	background-color: #EFEFEF;
	border: #E0E0E0 1px solid;
	
	color:#F60;
	font-size:14px;
}
.item-trabajo h3 span{
	color: #666;
}
.item-trabajo p{
	color:#666;
}
.item-trabajo img{
	border:1px solid #CCC;
}
.item-trabajo a{
	color:#337a81;
	font-size:14px;
	margin-top:13px;
	text-decoration: none;
}
.item-trabajo a:hover{
	text-decoration:underline;
	font-style:italic;
}
.item-trabajo a img{
	border: none;
}

/*********BOX CAPTION*********/
			.boxgrid{ 
				width:267px;
				height: 177px; 
				overflow: hidden; 
				position: relative;
				cursor:pointer;
			}
				.boxgrid a img{ 
					position: absolute; 
					top: 0; 
					left: 0;
					cursor:pointer;
					border:#AAA 1px solid;
				}
				.boxgrid h4{ 
					padding: 0 10px;
					margin-top:9px;
					color: #FFF; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
					font-size:10px;
				}				
				
			.boxcaption{ 
				float: left; 
				position: absolute;
				top:177px;
				background: #000; 
				height: 50px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 175;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 150;
 					left: 0;
 				}
/**********BOX CAPTION************/				

/******FIN ITEMS PORFOLIO****/