#secciones .tabs h3 {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	
}

.portfolio .description {
	left: 20px;
}

/* @end */


/* @group Functional */

#secciones,
#secciones .tabs {
	height: 370px;
	overflow: hidden;
}

#secciones .tabs .wrap {
	position: absolute;
	top: 0;
	left: 70px;
	width: 470px;
	height: 500px;
	padding: 20px 70px 0 0;
	z-index: 1;
}

/* @group Headings */

#secciones .tabs h3 {cursor: pointer; }

#secciones #webs.tabs h3:hover,
#secciones #webs.current h3 {background-position: right top; }

#secciones #logos.tabs h3:hover,
#secciones #logos.current h3 {background-position: right top; }

#secciones #graficas.tabs h3:hover,
#secciones #graficas.current h3 {background-position: right top; }

#secciones #multimedia.tabs h3:hover,
#secciones #multimedia.current h3 {background-position: right top; }

#secciones #clientes.tabs h3:hover,
#secciones #clientes.current h3 {background-position: right top; }

/*tabs*/

#secciones #webs.tabs { /* Sets open tab. */
	width: 610px;
	overflow: hidden;
}

#secciones #webs.tabs .wrap,
#secciones #logos.tabs .wrap {
	width: 610px;
	left: 18px;
	padding-right: 0;
}
#secciones #graficas.tabs .wrap {
	width: 610px;
	left: 18px;
	padding-right: 0;
}

#entradasportfolio,
#logostabs {
	width: 610px;
	clear: both;
	position: relative;
}
#entradasportfolio,
#graficastabs {
	width: 610px;
	clear: both;
	position: relative;
}

.portfolio,
.logostab {
	width: 540px !important;
	padding-left: 52px;
	position: relative;
}

.logostab {
	width: 470px !important;
	padding: 0 70px 0 52px;
}

.tabs img.left {
	display: inline;
	margin-left: -40px;
}

.tabs img.right {
	display: inline;
	margin-right: -40px;
}

/*Portfolio */

#portfolio-controls {
	position: absolute;
	top: 200px;
	left: 52px;
	z-index: 1000;
	width: 470px;
}

#portfolio-controls #previous,
#portfolio-controls #next {
	display: block;
	text-indent: -999em;
	width: 30px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	top: 35px;
}

#portfolio-controls #previous {
	left: 10px;
	background: url(../imagenes/prev.png) no-repeat left top;
}

#portfolio-controls #next {
	right: -10px;
	background: url(../imagenes/next.png) no-repeat left top;
}

#portfolio-controls #buttons {
	display: none;
}

/*logos */

#logos ul#tabs, #graficas ul#tabs2 {
	float: left;
	display: inline;
	text-align: center;
	width: 470px;
	margin: 0 0 16px 52px;
	padding: 10px 0;
	background: url(../imagenes/fondologos.gif) repeat-y left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#logos li, #graficas li {
	display: inline;
	margin: 0;
	padding: 0 13px 0 13px;
	cursor: pointer;
	line-height: normal;
	vertical-align: bottom !important;
	color: #363636;
	text-transform: uppercase;
}

#logos li.last, #graficas li.last {
	width: 156px;
	text-align: right;
}

#logos li.current, #graficas li.current {
	font-weight: bold;
	color: #D61522;
	text-transform: uppercase;
	text-decoration:underline;
}

/*graficas 

#graficas ul#tabs2 {
	float: left;
	display: inline;
	text-align: center;
	width: 470px;
	margin: 0 0 16px 52px;
	padding: 10px 0;
	background: url(../imagenes/fondologos.gif) repeat-y left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#graficas li {
	display: inline;
	margin: 0;
	padding: 0 13px 0 13px;
	cursor: pointer;
	line-height: normal;
	vertical-align: bottom !important;
	color: #363636;
	text-transform: uppercase;
}

#graficas li.last {
	width: 156px;
	text-align: right;
}

#graficas li.current {
	font-weight: bold;
	color: #D61522;
	text-transform: uppercase;
	text-decoration:underline;
}*/