/*****
Proyecto: Minerva S.F.
Autor: Minerva S.F.
*****/

/**********************************************************************************************************************************************************
*********************************************************************** PORTFOLIO *************************************************************************
/*********************************************************************************************************************************************************/

	

  	#website .portfolio{
		display:block;
		width: 920px;
		margin: 0 auto;
		margin-top:40px; /*100px;*/
		font-size: 14px;
		text-align: justify;
		margin-bottom:40px;
	}
		/*#website .portfolio .portcabecera{
			display: block;
			margin: 0 auto;
			text-align: center;
			width: 100%;
			text-transform: uppercase;
			font-size: 26px; 			
			margin-bottom: 30px;
		}
			#website .portfolio .portcabecera .portdecor {
				background: #112551;
				border-radius: 8px;
				color:#ffffff;
				padding:10px 0px;
				width: 920px;
				display: block;
			}*/
		#website .portfolio .clientesporf{
			display: table;
			border-collapse: collapse;
			margin-bottom:20px;
			width: 945px;
		}
			#website .portfolio .clientesporf .proyecto{
				/*width: 356px*/
				height: 212px;
				overflow: hidden;
				display: block;
				float: left;
				margin-right:20px;
				margin-bottom:20px;
			}
			.tam1{
				width: 356px;
			}
			.tam2{
				width: 168px;
			}
			.tam3{
				width: 450px;
			}
				#website .portfolio .clientesporf .proyecto .portcolumna-img {
					/*width: 278px;*/
					height: 168px;
					overflow: hidden;
					position: relative;
					text-align: center;
					margin-bottom: 10px;
					border-radius:3px;
				}
				#website .portfolio .clientesporf .proyecto .portcolumna-img .efecto {
					/*width: 278px;*/
					height: 168px;
					position: absolute;
					overflow: hidden;
					top: 0;
					left: 0;
				}
				#website .portfolio .clientesporf .proyecto .portcolumna-img img {
					display: block;
					position: relative;
					/*width: 278px;*/
				}

	/*			#website .portfolio .clientesporf .proyecto .portcolumna-img h2 {
					text-transform: uppercase;
					color: #fff;
					text-align: center;
					position: relative;
					font-size: 17px;
					padding: 10px;
					background: rgba(0, 0, 0, 0.9);
					margin: 20px 0 0 0;
				}*/

				#website .portfolio .clientesporf .proyecto .portcolumna-img a.enlace {
					display: inline-block;
					text-decoration: none;
					padding: 7px 0px;
					background: #222;
					color: #fff;
					text-transform: uppercase;
					margin-top: 68px;
					width: 100%;
				}
				#website .portfolio .clientesporf .proyecto .portcolumna-img a.enlace:hover {
					transition-property: background-color, color;
					transition-duration: 0.5s;
					transition-timing-function: ease-out;
					-webkit-transition-property: background-color, color;
					-webkit-transition-duration: 0.5s;
					-o-transition-property: background-color, color;
					-o-transition-duration: 0.5s;
					background-color:#ffffff;
					color:#2ba3d8;
				}
				#website .portfolio .clientesporf .proyecto .portfoliounic img {
					transition: all 0.2s linear;
				}
				#website .portfolio .clientesporf .proyecto .portfoliounic .efecto {
					opacity: 0;
					background-color: rgba(0,148,255, 0.6);
					transition: all 0.3s ease-in-out;
				}
	/*			#website .portfolio .clientesporf .proyecto .portfoliounic h2 {
					transform: translateX(-200px);
					opacity: 0;
					transition: all 0.7s ease-in-out;
				}*/
				#website .portfolio .clientesporf .proyecto .portfoliounic a.enlace{
					opacity: 0;
					transition: all 0.4s ease-in-out;
					transform: translateY(100px);
				}
				#website .portfolio .clientesporf .proyecto .portfoliounic:hover img {
					transform: scale(1.1);
				}
				#website .portfolio .clientesporf .proyecto .portfoliounic:hover .efecto {
					opacity: 1;
				}
	/*			#website .portfolio .clientesporf .proyecto .portfoliounic:hover h2,*/
				#website .portfolio .clientesporf .proyecto .portfoliounic:hover a.enlace {
					opacity: 1;
					transform: translateX(0px);
				}
				#website .portfolio .clientesporf .proyecto .portfoliounic:hover a.enlace {
					transition-delay: 0.2s;
					transform: translateY(0px);
				}

	
				#website .portfolio .clientesporf .proyecto .tituloproy{
					color: #333333;
					text-align: left;
					font-size: 14px;
					font-weight:bold;
					display:block;
				}
				#website .portfolio .clientesporf .proyecto .tipoproy{
					color: #959595;
					text-align: left;
					font-size: 12px;
					display:block;
				}



/**********************************************************************************************************************************************************
******************************************************************* PORTFOLIO DISEÑO **********************************************************************
/*********************************************************************************************************************************************************/

	
  	#website .portfoliodiseno{
		display:block;
		width: 920px;
		margin: 0 auto;
		font-size: 14px;
		text-align: justify;
		margin-bottom:40px;
	}
		#website .portfoliodiseno .clientesdiseno {
			display: table;
			border-collapse: collapse;
			margin-bottom: 20px;
			width: 945px;
		}
			#website .portfoliodiseno .clientesdiseno .muestra {
				height: 212px;
				overflow: hidden;
				display: block;
				float: left;
				margin-right: 20px;
				margin-bottom: 20px;
			}
				#website .portfoliodiseno .clientesdiseno .muestra .diseno-img {
					height: 168px;
					overflow: hidden;
					position: relative;
					text-align: center;
					margin-bottom: 10px;
					border-radius: 3px;
				}
				#website .portfoliodiseno .clientesdiseno .muestra .titdiseno{
					color: #333333;
					text-align: left;
					font-size: 14px;
					font-weight: bold;
					display: block;
				}
				#website .portfoliodiseno .clientesdiseno .muestra .tipodiseno{
					color: #959595;
					text-align: left;
					font-size: 12px;
					display: block;
				}