section#portfolio_showcase {
	width: 950px;
	background: #666;
	padding-top: 5px;
  padding-left: 5px;
	}
	
section#portfolio_showcase2 {
	width: 950px;
	}	


.view_portfolio,
.view_portfolio2 {
   width: 470px;
   height: 265px;
   float: left;
   border: none;
   overflow: hidden;
   position: relative;
   text-align: center;
  /* -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;*/
   cursor: default;
   background: #333;
}


.view_portfolio2 {
	margin: 0px 0px 5px 0px;
}

.view_portfolio{
	margin: 0px 5px 5px 0px;
}

.view_portfolio .mask_port,.view_portfolio .content,
.view_portfolio2 .mask_port,.view_portfolio .content {
   width: 470px;
   height: 265px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view_portfolio img.primera_img,
.view_portfolio2 img.primera_img {
   display: block;
   position: relative;
}

.view_portfolio .mask_port img.segunda_img,
.view_portfolio2 .mask_port img.segunda_img {
   display: inline-block;
   text-decoration: none;
   padding: 0px 0px;
}

.view_portfolio h2,
.view_portfolio2 h2 {
   color: #fdc5e6;
   text-align: center;
   position: absolute;
   font: 18px 'LeagueGothicRegular', Helvetica, sans-serif;
   padding: 230px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   z-index:10;
   width: 470px;
}

/*
.view_portfolio p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}


.view_portfolio a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view_portfolio a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
*/


/*style10*/

.view-tenth img.primera_img
 {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.view-tenth img.segunda_img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}

.view-tenth .mask_port  {
  /* background-color: rgba(255, 231, 179, 0.3);*/
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}

/*
.view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}*/


/*
.view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}


.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
*/

.view-tenth:hover img.primera_img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask_port {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   cursor: pointer;
   cursor: hand;
}


/* portfolio individual, anterior y siguiente*/				
	
#nav_antsig ul, #nav_antsig ul li { list-style:none; padding:0px; margin:0px; float:left; color:#888787;}

div#contenedor4 div#nav_antsig ul span { padding:6px 0px 0px 10px; margin:0px; color:#888787; float:left; font: 16px 'LeagueGothicRegular', Helvetica, sans-serif; text-transform:uppercase;}


#nav_antsig { background:url(../images/portfolio_subnavbar.html) top center no-repeat; height:35px; padding:0px; margin:0px;}
#nav_antsig ul li { background: none; margin: 5px 0px 0px 10px; padding:3px 7px; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
	font: 16px 'LeagueGothicRegular', Helvetica, sans-serif; text-transform:uppercase;
	-webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear;  }
	
#nav_antsig ul li a{color:#888787; text-decoration:none;}	
#nav_antsig ul li:hover a {color:#fff; text-decoration:none;}	

#nav_antsig ul li:hover { background:#888787; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
	font: 16px 'LeagueGothicRegular', Helvetica, sans-serif; text-transform:uppercase;
	-webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear;  }		
	
	
			
				

.sociabilizar { float:left; width:350px; overflow:hidden; margin: 7px 0px 0px 20px; padding:0px; 
opacity: 0.5;
filter:alpha(opacity=50);
filter: "alpha(opacity=50)";
-moz-opacity:0.5; }

.sociabilizar:hover { opacity: 1;
filter:alpha(opacity=100);
filter: "alpha(opacity=100)";
-moz-opacity:1; }

/* clientes específicos */

div.clear { clear:both;}

/*toyota*/	
div#bg_toyota {
	margin: 10px 0px 0px 0px;
	background: url(../portfolio/clientes/toyota/toyota_banners_campaign_qkstudio.html) top center #000;
	height:1224px;
	width:950px;
	padding:0px;
	}	
	
div#banner_toyota {
	margin: 0px 0px 0px 0px;
	background: url(../portfolio/clientes/toyota/toyota_banners_campaign_qkstudio.html) top center #000;
	padding:136px 0 0 93px;
	}					
	
div#video_toyota {
	margin: 0px 0px 0px 0px;
	padding:5px 0 0 609px;
	}						
	
/*rexona*/	
	
div#bg_rexona {
	margin: 0px 0px 0px 0px;
	background: url(../portfolio/clientes/rexona/rexona_web_video_qkstudio.html) top center;
	padding:0px 0px 0px 0px;
	height: 792px;
	width:950px;
	}					

div#video_rexona {
	margin: 0px 0px 0px 0px;
	padding: 313px 0px 0px 240px;
	}		
	
/*rexona*/	
	
div#bg_peroni {
	margin: 0px 0px 0px 0px;
	background: url(../portfolio/clientes/peroni/peroni_web_yacht_campaign_qkstudio.html) top center;
	padding:0px 0px 0px 0px;
	height: 2449px;
	width:950px;
	}					

div#video_peroni {
	margin: 0px 0px 0px 0px;
	padding: 125px 0 0 28px;
	}		
	

/*lexus*/		
							
div#bg_lexus {
	margin: 0px 0px 0px 0px;
	background: url(../portfolio/clientes/lexus/lexus_panel_animado_qkstudio.html) top center;
	padding:0px 0px 0px 0px;
	height: 597px;
	width:950px;
	}					

div#video_lexus_bg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../portfolio/clientes/lexus/lexus_video_qkstudio.html) top center;
	height: 351px;
	width:950px;
	}	
	
div#video_lexus {
	margin: 0px 0px 0px 477px;
	padding: 0px 0px 0px 0px;
	}		



/*lexus*/		
							
div#bg_tiza {
	margin: 0px 0px 0px 0px;
	background: url(../portfolio/clientes/tiza/tiza_web_2012_qkstudio.html) top center;
	padding:0px 0px 0px 0px;
	height: 752px;
	width:950px;
	}	
	
div#video_tiza {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}			

.works_list {
list-style:none;
overflow: hidden;
padding: 0px;
margin:0px;
}

.works_list li {
display: block;
width: 470px;
height: 265px;
margin: 0px 5px 5px 0px;
float: left;
padding:0;
}