@charset "utf-8";.view h2,.view p{box-sizing:border-box;color:#fff;text-align:center}.view,.view h2,.view p{box-sizing:border-box}.view a.info,.view h2{text-transform:uppercase}.view{width:100%;height:auto;float:left;border:15px solid #fff;overflow:hidden;position:relative;text-align:center;cursor:default;background:#fff}.view .content,.view .mask{width:100%;height:100%;padding:10px;box-sizing:border-box;position:absolute;overflow:hidden;top:0;left:0}.view h2,.view img,.view p{position:relative}.view img{ba
   display:block;width:100%;-webkit-filter:brightness(90%) grayscale(.35);filter:brightness(90%) grayscale(.35)}.view h2{font-size:24px;font-weight:700;padding:5px 5%;border-top:1px solid #999;background:0 0;margin:auto;width:90%}.view p{font-family:Georgia,serif;font-style:italic;font-size:12px;padding:0 5% 5px}.view a.info{display:inline-block;text-decoration:none;padding:7px 14px;background:#fc0;color:#000;border-radius:4px;transition:all .3s ease-in-out}.view a.info,.view-fifth img{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.view a.info:hover{background:#000;color:#fc0}.view-fifth img{background:url(../images/loader.gif) 50% 50% no-repeat #fc0;transition:all .3s ease-in-out}.view-fifth .mask{background-color:rgba(240,240,240,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.view-fifth h2{background:rgba(255,255,255,0);color:#333;font-weight:700}.view-fifth p{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;color:#333;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}.view-fifth:hover .mask{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.view-fifth:hover img{-webkit-transform:translateY(101%);-moz-transform:translateY(101%);-o-transform:translateY(101%);-ms-transform:translateY(101%);transform:translateY(101%)}.view-fifth:hover p{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.icon-most-recent{background:url(../images/portafolio/logos/most-recent.png) center center no-repeat;width:250px;height:125px;display:inline-block;margin:40px auto 20px}.icon-portafolio{background:#333;width:200px;height:45px;display:inline-block;margin:0 auto 5px}.web01{background:url(../images/portafolio/logos/01.png) center center no-repeat}.web02{background:url(../images/portafolio/logos/02.png) center center no-repeat}.web03{background:url(../images/portafolio/logos/03.png) center center no-repeat}.web04{background:url(../images/portafolio/logos/04.png) center center no-repeat}.web05{background:url(../images/portafolio/logos/05.png) center center no-repeat}.web06{background:url(../images/portafolio/logos/06.png) center center no-repeat}.web07{background:url(../images/portafolio/logos/07.png) center center no-repeat}.web08{background:url(../images/portafolio/logos/08.png) center center no-repeat}.web09{background:url(../images/portafolio/logos/09.png) center center no-repeat}.web10{background:url(../images/portafolio/logos/10.png) center center no-repeat}.web11{background:url(../images/portafolio/logos/11.png) center center no-repeat}.web12{background:url(../images/portafolio/logos/12.png) center center no-repeat}.web13{background:url(../images/portafolio/logos/13.png) center center no-repeat}.web14{background:url(../images/portafolio/logos/14.png) center center no-repeat}.web15{background:url(../images/portafolio/logos/15.png) center center no-repeat}.web16{background:url(../images/portafolio/logos/16.png) center center no-repeat}.web17{background:url(../images/portafolio/logos/17.png) center center no-repeat}.web18{background:url(../images/portafolio/logos/18.png) center center no-repeat}.web19{background:url(../images/portafolio/logos/19.png) center center no-repeat}.web20{background:url(../images/portafolio/logos/20.png) center center no-repeat}.web21{background:url(../images/portafolio/logos/21.png) center center no-repeat}.web22{background:url(../images/portafolio/logos/22.png) center center no-repeat}.web23{background:url(../images/portafolio/logos/23.png) center center no-repeat}.web24{background:url(../images/portafolio/logos/24.png) center center no-repeat}.web25{background:url(../images/portafolio/logos/25.png) center center no-repeat}.web26{background:url(../images/portafolio/logos/26.png) center center no-repeat}.web27{background:url(../images/portafolio/logos/27.png) center center no-repeat}.web28{background:url(../images/portafolio/logos/28.png) center center no-repeat}.web29{background:url(../images/portafolio/logos/29.png) center center no-repeat}.web30{background:url(../images/portafolio/logos/30.png) center center no-repeat}.web31{background:url(../images/portafolio/logos/31.png) center center no-repeat}.web32{background:url(../images/portafolio/logos/32.png) center center no-repeat}@media screen and (max-width:1050px){.view h2{font-size:16px;padding:5px 2%;width:96%}.view p{font-size:8px;line-height:1em;padding:0 2% 5px}.view a.info{padding:5px 10px;border-radius:4px;font-size:10px}}@media screen and (max-width:625px){.icon-most-recent,.icon-portafolio{display:none}.view .content,.view .mask{padding:15px}.view h2{font-size:20px;padding:5px 2%;width:96%;border-top:0 solid #999}.view p{font-size:10px;padding:0 5% 2px}.view a.info{display:inline-block;text-decoration:none;padding:7px 14px;background:#fc0;color:#000;border-radius:4px;text-transform:uppercase}} @media screen and (max-width:1180px){.view p{font-size:11px;padding:0 3% 5px;line-height:1.3em;}}
   
   
   .view a.info{padding: 3px 9px;font-size: 11px;}