/* --- LAYOUT --- 
------------------------------------------------------------------- */
section { 
	display: block;
}


body{
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #fff;

	background:#000;
}

#wrap{ 
	position:relative; 
	width:900px; 
	text-align:left; 
	margin:0 auto;	
	}


.border-radious{
	-webkit-border-radius:4px;
   	-moz-border-radius:4px;
	border-radius:4px;
	}


.filter-border{	
	-webkit-border-radius:4px;
   	-moz-border-radius:4px;
	border-radius:4px;
	background:#343737;
	padding:1px;
	border:1px solid #5d6363;
	-moz-box-shadow:inset -1px 1px 4px rgba(0,0,0,.3);    
	-webkit-box-shadow:inset -1px 1px 4px rgba(0,0,0,.3);    
	box-shadow:inset -1px 1px 4px rgba(0,0,0,.3);
}


/* --- Box --- */

.work-box{
	float:left;
	width:248px;
	padding:8px;
	margin:0 0 28px 28px;
	background:#222;
	}
	.work-box p{
		font-size:18px;
		line-height:26px;
		/*font-weight:700;*/
		color:#ffffff;
		padding:10px 0;
		}
		.work-box p span{
			font-size:14px;			
			color:#777777;
			font-weight:500;
			padding:10px 0;
		}



.box-container-img{
	position:relative; 
	width:246px; 
	overflow:hidden; 
	height:232px; 
	background:#000;

	cursor:pointer;

}



.box-image{ 
	position:absolute;
}



/* --- Filter --- */

.wrap { overflow:hidden;}

#images{ clear:both; }

.filter-detail{
	float:left;
	width:548px; 	
	padding:0 152px 0 148px;
	text-align:center;
	margin:0 0 30px 28px;
	background:url(../images/filter-detail.png) no-repeat left 12px;	
	}
	body.work .filter-detail{
		padding:28px 0 0 0;
		margin:0 0 30px 0;
		background:none;	
	}
	

/* --- Interaction --- */

.launch, .trabajos-info, { 
	display:block;
	width:246px; 
	background:#000;
	}
	
	.trabajos-info{ 		
		height:350px;
		background:#000; no-repeat 0 -56px;
		}
		.trabajos-info span{
			position:absolute;
			top:0px; left:0; bottom:0; right:0;
			background:url(../images/launch.jpg) no-repeat 0 -250px;        
			opacity:0;
			-webkit-transition:opacity 0.5s;
			-moz-transition:opacity 0.5s;
			-o-transition:opacity 0.5s;
			}
			.trabajos-info:hover span {
				opacity:1;
				}


/* --- Colorbox --- 
-------------------------------------------------------------------*/
	
		
#colorbox, #cboxOverlay, #cboxWrapper{
	position:absolute; 
	top:0; 
	left:0;
	z-index:9999; 
	overflow:hidden;
}	
#cboxOverlay{
	position:fixed; 
	width:100%; 
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft{
	clear:left;
}
#cboxContent{
	position:relative;
}
#cboxLoadedContent{
	overflow:auto;
}
#cboxLoadedContent iframe{
	display:block; 
	width:100%; 
	height:100%; 
	border:0;
}
#cboxTitle{
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic{
	position:absolute; 
	top:0; 
	left:0; 
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
	cursor:pointer;
}

#cboxOverlay{
	background:#151515;
}

#colorbox{}
    #cboxContent{
		margin:20px 0;
		}
        #cboxLoadedContent{
			background:#000;
			padding:40px 15px 15px 15px; 
			-moz-border-radius:5px; 	
			-webkit-border-radius:5px; 
			border-radius:5px;			
			}
        #cboxTitle{
			position:absolute; 
			top:12px; 
			left:15px; 
			color:#666; 
			font-size:13px; 
			font-style:italic; 
			line-height:17px;
			}
        #cboxCurrent{
			position:absolute; 
			top:13px; 
			right:40px; 
			color:#999;
			font-size:12px; 
			line-height:16px;
			}
        #cboxSlideshow{
			position:absolute; 
			top:-20px; 
			right:90px; 
			color:#000;
			}
        #cboxPrevious{
			position:absolute; 
			top:50%; 
			left:0; 
			margin-top:-32px; 
			background:url(../images/controls.png) no-repeat top left; 
			width:50px; 
			height:71px; 
			text-indent:-9999px;
			}
        #cboxPrevious.hover{
			background-position:bottom left;
			}
        #cboxNext{
			position:absolute; 
			top:50%; 
			right:0; 
			margin-top:-32px; 
			background:url(../images/controls.png) no-repeat top right; 
			width:50px; 
			height:71px; 
			text-indent:-9999px;
			}
        #cboxNext.hover{
			background-position:bottom right;
			}
        #cboxLoadingOverlay{
			background:#000;
			}
        #cboxLoadingGraphic{
			background:url(../images/loading.gif) no-repeat center center;
			}
        #cboxClose{
			position:absolute; 
			top:10px; 
			right:2px; 
			display:block; 
			background:url(../images/controls.png) no-repeat top center; 
			width:38px; 
			height:20px; 
			text-indent:-9999px;
			}
        #cboxClose.hover{
			background-position:bottom center;
			}