@charset "utf-8";
/* CSS Document */
/*--- Contenedor ---*/
#tablon{background-color:#F7BD73;border:1px solid #A52A2A;width:100%;text-align:center;}
/*--- Contenido ---*/
a{color: #fff;text-decoration:none;}
.main{position:relative;width:100%;margin: 0 auto;}
.view{width:47.6%;height:auto;margin:1.2%;float:left;border: 10px solid #fff;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;background: #fff url(../img/foneda.jpg) no-repeat center center;}
.view .mask,.view .content {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;}
.view img {display: block;position: relative;}
.view h2{line-height:12px;text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:0.9rem;padding:10px;background: rgba(0, 0, 0, 0.8);margin: 10px 0 0 0;}
.view p{font-family:Georgia,serif;font-style:italic;font-size:0.75rem;position:relative;color:#fff;padding:10px 20px 20px;text-align:center;}
.view 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 a.info: hover{-webkit-box-shadow: 0 0 5px #000;-moz-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;}
.ver-edad 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;width:100%;height: auto;}
.ver-edad .mask{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;}
.ver-edad h2{border-bottom: 1px solid rgba(0, 0, 0, 0.3);background: transparent;margin: 10px 10px 0px 10px;-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;}
.ver-edad 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;}
.ver-edad 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;}
.ver-edad:hover 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;}
.ver-edad:hover .mask{-ms-filter: 'progid: DXImageTransform.Microsoft.Alpha(Opacity=100)';filter: alpha(opacity=100);opacity: 1;}
.ver-edad:hover h2,.ver-edad:hover p,.ver-edad: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;}
@media screen and (max-width:1023px) {
.view h2{font-size:0.6rem;padding:0 0 10px 0;}
.view p{font-size:0.5rem;padding:0 0 10px 0;}
a{font-size:0.7rem;}
}
@media screen and (max-width:410px) {
.view{width:97%;height:auto;}
}