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

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 805px; /*Width of Carousel Viewer itself*/
height: 455px; /*Height should enough to fit largest content's height*/
float:left;
margin-left:15px;
}

.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: 0px; /*margin around each panel*/
width: 805px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:450px;
}

/* carousel nav */

.carousel_left_nav {
	width:70px;
	height:100px;
	float:left;
	margin-top:180px;
}
.carousel_right_nav {
	width:70px;
	height:100px;
	float:right;
	margin-top:180px;
}

.paginator_portafolio {
	float:left;
	width:980px;;
	height:25px;
	margin:0 auto 0 auto;
}
/* panel content */
.panel_content {
	float:left;
	width:800px;
	height:445px;
	margin:0 auto 0 auto;
}
.panel_content_img {
	width:500px;
	height:425px;
	float:left;
	background:#E3F4F9;
	padding:10px;
	border:1px solid #BAE2F0;
}
.panel_content_img img {
	border:1px solid #BAE2F0;
}
.panel_content_info {
	width:220px;
	height:415px;
	float:right;
	background:#E3F4F9 ;
	color:#666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #BAE2F0;
	padding:15px;
}
#content_info_panel a {
	color:#069;
}
#content_info_panel :hover {
	color:#C30;
	text-decoration:underline;
}
/* fin panel content */

/* ajax loader portafolio */

.loader_portafolio {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	width:800px;
	height:100px;
	margin:200px auto 0 auto;
	float:left;
	text-align:center;
}
/* portafolio */

.portafolio {
	width:975px;
	height:495px;
	float:left;
}