/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

/******** INICIO SCROLL HORIZONTAL NAVEGACION PORTAFOLIO */
.contenido_folios{
	position:relative;
	overflow:hidden;
	height:56px;
	margin:0px;
}

.contenido_folios .nav-folios {
	width:20000em;
	position:absolute;;
	clear:both;
}
/******** FIN ********************************************/

/******** INICIO SCROLL HORIZONTAL PORTAFOLIO */
.scrollable_folio{
	position:relative;
	overflow:hidden;
	width: 800px;
	height:273px;
	margin-left:32px;
}

.scrollable_folio .items_folio {
	width:20000em;
	position:absolute;;
	clear:both;
}

.internal_portafolio{ width:750px; padding:20px; margin-right:50px;}
/************************ FIN */

/******** INICIO SCROLL HORIZONTAL CASOS DE ESTUDIO **********/
.scrollable-estudio{
	position:relative;
	overflow:hidden;
	width: 800px;
	height:360px;
}

.scrollable-estudio .items-estudio {
	width:20000em;
	position:absolute;;
	clear:both;
}

.internal_portafolio{ width:770px; padding:10px; margin-right:50px; }
/************************ FIN *******************************/

/**** Este estilo aplica para los div scrollable del home ************/
div.portafolio, div.estudio, div.servicio  {
	height:115px;
	width:570px;
	cursor:pointer;
    font-family:Helvetica, Arial, Verdana;
	font-size: 13px;
	color:#949598;
}
div.servicio table tr tr, div.estudio table tr td, div.portafolio table tr td{
	font-family:Helvetica, Arial, Verdana;
	font-size: 14px;
	font-weight:bold;
	color:#949598;
}

/*****************************fin***************************************/

.scrollable-oficinaphoto {
position:relative;
	overflow:hidden;
	width: 860px;
	height:113px;

}

.scrollable-oficinaphoto .items-oficinaphoto {
	width:20000em;
	position:absolute;
	clear:both;
}


.scrollable-oficinaphoto img {
	float:left;
	margin:0px 5px;
	background-color:#fff;
	padding:2px;
	cursor:pointer;
	width:100px;
	height:100px;
	
}

/***************************************************/

.scrollable-images {

	position:relative;
	overflow:hidden;
	width: 840px;
	height:370px;

}

.scrollable-images .items-images {
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 570px;
	height:125px;

	/* custom decorations */
	/*border:1px solid #ccc;
	background:url(../../media/images/scrollable/gradient/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
.scrollable h5 { 
	text-align:center;
	margin-bottom:2px
}

/* single scrollable item */
.scrollable img {
	float:left;
	/*margin:20px 5px 1px 21px;*/
	
	background-color:#fff;
	padding:2px;
	/*border:1px solid #ccc;*/
	cursor:pointer;
	/*width:530px;*/
	/*height:115px;*/
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	/*border:2px solid #000;
	z-index:9999;
	position:relative;*/
}

/*price view*/
.price {
	font-size:9px;
	text-align:center;
}