body
{
  background: #0f0f0f url('../img/fondos/bg.portfolio.jpg') repeat-x top center;
  color: #aaa;
}

h2
{
	color: #f90;
}
h1 span.h3, h2 span.h3
{
	color: #fff;
}
h3
{
	color: #fff;
}

#anim{
	position: absolute;
	z-index: 10;
	width: 1000px;
	height: 490px;
	top: 130px;
	margin-left: -20px;
	display: block;
}

#anim img{
	display: block;
	margin: 0 auto;
}


#anim-place{
	height: 430px;
}

.content-line-2 a:link, .content-line-2 a:visited
{
	color: #aaa; 
}
.content-line-2 a:hover
{
	color: #f60; 
}
.hover_button p
{
	margin: 0;
	padding: 0;
}

.hover_button
{
	font: 10px "Lucida Grande", sans-serif;
	text-transform: uppercase;
	height: 24px;
	color: #fff;	
}
.hover_button a, .hover_button a.button:link, .hover_button a.button:visited
{
	color: #fff;
	text-decoration: none;	
}

.hover_button a.button 
{
	  
	background: url('../img/botones/boton_orange2_a.png') no-repeat top right;
	  display: block;
	  float: left; 
	  height: 24px;
	  margin: 0 0 0 4px;
	  padding: 0 24px 0 0;
	  color: #fff;
}


.hover_button a.button span 
{
	background: url('../img/botones/boton_orange2_span.png') no-repeat top left;
	display: block;
	line-height: 10px;
	height: 10px;
	padding: 7px 0px 7px 11px;
	margin: 0;
}

.hover_button a.button:hover
{
	background: url('../img/botones/boton_orange2_a.png') no-repeat bottom right;
	display: block;
	float: left; 
	height: 24px;
	margin:  0 0 0 4px;
	padding: 0 24px 0 0;
	text-decoration: none;
	font-weight: normal;
}

.hover_button a.button:hover span 
{
	background: url('../img/botones/boton_orange2_span.png') no-repeat bottom left;
	display: block;
	line-height: 10px;
	height: 10px;
	padding: 7px 0px 7px 11px;
	margin: 0;
} 

/********* BOTONERA ***********/
#botonera #head-portfolio 
{
  background: transparent url("../img/header/bg_botonera_sprite.png")
        -643px -142px no-repeat;
        color: #000;
        height: 26px;
}

#services
{
	display: block;
	width: 230px;
	height: 100%;
	float: left;
	margin: 0;
}
#services ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	color: #fff;
	margin-bottom: 20px;
}
#services li
{
	font-weight: bold;
}
#services a
{
	font-weight: normal;
	color: #888;
	text-decoration: none;
}
#services a:hover
{
	color: #f90;
}
#description
{
	display:block;
	width: 720px;
	float: right;
	height: 100%;
}
#description
{
	margin: 10px 0 50px 0;
}
#description h4
{
	font-size: medium;
	color: #f90;
}
#description strong
{
	font-weight: bold;
	color: #fff;
}
#description .carrousel
{
	height: 33px;
	overflow: hidden;
	text-transform: uppercase;
	margin: 30px 0;
}
#description .carrousel .back
{
	color: #f90;
	font-weight: bold;
}
#description .carrousel .hover_button
{
	float: left;
}
#description .carrousel img
{
	float: right;
	margin: 0;
}
#description .carrousel img:hover
{
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

#description .carrousel p
{
	float: right;
	display: block;
	margin: 5px;
}
/*********** PROJECT SLIDER ***********/
#project-slider
{
	position: relative;
	height: 90px;
	width: 700px;
	margin: 10px 0 30px 0;
	overflow: hidden;
	float: left;
}
#project-slider .previous
{
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 40px;
	background: url("../img/footer/arrow_gray.png") center left no-repeat;
	height: 33px;
	width: 32px;
	z-index: 7;
}
#project-slider .previous:hover
{
	background: url("../img/footer/arrow_gray.png") -32px center no-repeat;
}
#project-slider .next
{
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 40px;
	background: url("../img/footer/arrow_gray.png") center right no-repeat;
	height: 33px;
	width: 32px;
	z-index: 8;
}
#project-slider .next:hover
{
	background: url("../img/footer/arrow_gray.png") -64px center no-repeat;
}

#project-slider .slider-content
{
	position: absolute;
	width: 5000px;
	height: 140px;
	top: 10px;
	z-index: 1;
}
#project-slider .slider-elm
{
	margin: 0 5px;
	height: 90px;
	width: 150px;
	overflow: hidden;
	float: left;
}
#project-slider .slider-elm img
{
	height: 90px;
	width: 150px;
	overflow: hidden;
	cursor: pointer;
}

#project-slider .slider-view
{
	position: absolute;
	left: 32px;
	width: 627px;
	height: 90px;
	overflow: hidden;
	z-index: 1;
}
/*********** END PROJECT SLIDER ***********/

/********* BOTONERA ***********/
#botonera #head-portfolio 
{
  background: transparent url("../img/header/bg_botonera_sprite.png")
        -643px -142px no-repeat;
        color: #000;
        height: 26px;
}

#presentation-text
{  
	clear: both;
	background: transparent url("../img/bg_presentation_text_dark.png") top center repeat-y;
	overflow: hidden;
	margin: 20px 0;
}

#presentation-text .top, #presentation-text .bottom, .separation
{  
	clear: both;
	height: 2px;
	background: transparent url("../img/line_dark.png") top center repeat-x;
}

#banner-left {
	width: 220px;
	height: 186px;
	background: transparent url('../img/portfolio/banner-portfolio.png') no-repeat top;
}

#banner-left a {
	height: 186px;
	display: block;
}

#banner-left:hover {
	background: transparent url('../img/portfolio/banner-portfolio.png') no-repeat bottom;
}