.trabajos2
{
	width:870px;
	height:300px;
	background-color: #000000;
	margin-right: auto;
	margin-left: auto;
	border: 15px solid #1a1a1a;
	margin-top: 20px;

}
#separador_portfolio{
height:80px;
}
.imagen_portfolio {
	position:relative;
	width:600px;
	height:100%;
	z-index:2;
	float: left;
}
.desc_proyecto {
	position:relative;
	width:233px;
	height:100%;
	z-index:2;
	float: left;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #1a1a1a;
	padding-right: 5px;
	padding-left: 17px;
	background-image:url(../img/fondo_proyectos.gif)
}
.desc_proyecto ul{
margin:0px;

padding-left:15px;
list-style:none;
}
.desc_proyecto img{
position:relative;
margin-left:17px;
margin-top:27px;
margin-bottom:23px;
}
.verproyecto, .verproyecto2{
position:absolute;
top:263px;
left:150px;

}

.verproyecto a, .verproyecto2 a{
display:block;
width: 93px;
height:31px;

}
.verproyecto a{
background-image:url(../img/ver-proyecto.gif);
}
.verproyecto2 a{
background-image:url(../img/see_project.gif);
}
.verproyecto a:hover, .verproyecto2 a:hover{
background-position:bottom;
}
.verproyecto a span, .verproyecto2 a span{
display:none;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
h2{
	font-size:1.9em;
	color: #0babd9;
	margin-bottom: 8px;
	margin-top:10px;
}
.desc_proyecto a{
	color:#999;
}