/*------------------------------PROPIEDADES DEL TITULO DE PORTAFOLIO DE CLIENTES----------------------------------*/
.h4portafolio{
	/*----COLOR DEL TITULO DEL FORMULARIO----*/
	color:#D7AF00;

	/*----ALINEACION DEL TITULO DEL FORMULARIO----*/
	text-align:center;

	/*----ATAMAÑO DEL TEXTO TITULO DEL FORMULARIO----*/
	font-size:20px;
	    font-weight: bold;
	/*----EDITE ESTOS VALORES SOLO SI POSEE LOS CONOCIMIENTOS NECESARIOS----*/
	margin:0;
	margin-bottom:20px;
}

.box2 {
    width:90%;
    height:auto;

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(214,175,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(214,175,0,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(214,175,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(214,175,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(214,175,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(214,175,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6af00', GradientType=0 );

  margin:0 5% 20px 5%;
    border:0px;
    
    text-align:center;
}

.caja1 {
    margin:2%;
display: inline-block;
    width: 25%;
        height:auto;
    background:#FFF;
}


.caja {
    position:relative;
    width: 80%;
    min-height: 50px;
    margin:0 auto 25px auto;
    padding: 5px;
    border: 0px solid  #000;
    font-size: 14px;
    line-height: 150%;
}
.caja_interior {
    height: 0;
    overflow: hidden; -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.caja_interior.style2 {
    height: inherit;
    max-height: 0;
}
.caja:hover .caja_interior{
	height: auto;
}
.caja:hover .caja_interior.style2{
    height: inherit;
    max-height: 1000px;
}
.caja .hover{
    position:absolute;
    left:0;
    top: 35%;
    width:100%;
    margin-top: -10px;
    text-align:center; -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.caja:hover .hover{
    opacity:0;
}

.aportafolio{
    	color:#D7AF00;
    		font-size:18px;
	    font-weight: bold;
}

.cajaimg{
    width:90%;

 	display: table-cell;
	vertical-align: middle;
}

.textoportafolio{
    color:#606366;
     font-weight: bold;
}

@media screen and (max-width:850px){
.caja1 {
    margin:2%;
display: inline-block;
    width: 35%;
        height:auto;
    background:#FFF;
}
}

@media screen and (max-width:650px){
.caja1 {
    margin:2%;
display: inline-block;
    width: 55%;
        height:auto;
    background:#FFF;
}
}

@media screen and (max-width:550px){
.caja1 {
    margin:2%;
display: inline-block;
    width: 90%;
        height:auto;
    background:#FFF;
}
}