.art{border-bottom:10px solid #375F7A;}
.cul{border-bottom:10px solid #CE423F;}
.dis{border-bottom:10px solid #DBBE1E;}


/* Efecto Hover Sección Inicio*/
@media (max-width: 450px){
	.area-over .area-flash{}

}
.area-over{float:left; margin:0px 0px 0px 0px;}	
.area-over em {color:#111 !important;display: block; font-family: 'Crimson Text', serif; font-size: 20px; letter-spacing: 3px;font-style: normal;font-weight: 200;line-height: 20px;margin: 80px auto 5px;
    padding: 0 0 5px;text-shadow: none;text-transform: uppercase;width: 214px;}

.area-over em strong{ font-weight:normal; width:200px; display:block; margin:0 auto; }	
.area-flash .dataflash  p {color: #ccc; font-size: 12px; padding:0px 20px 0px;margin:0px 5px 5px;line-height: 16px;}
.area-flash{position:relative;display: block;text-align: center;line-height: 0;max-width: 100%;margin:5px;}
 .area-flash{width:214px; height:207px;}
 .area-flash a{ width:214px; height:207px;display:block;}
 .area-flash img{ width:214px; height:207px;	background-position: center center;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;	
  }
 .area-flash a:hover img{
    -webkit-transform: translate3d(0,214px,0) rotate3d(1,0,0,-90deg);
  	-moz-transform: translate3d(0,214px,0) rotate3d(1,0,0,-90deg);
  	-o-transform: translate3d(0,214px,0) rotate3d(1,0,0,-90deg);
  	-ms-transform: translate3d(0,214px,0) rotate3d(1,0,0,-90deg);
  	transform: translate3d(0,214px,0) rotate3d(1,0,0,-90deg);
  	opacity: 0;
  } 	
.area-flash .dataflash{
  position:absolute; width:214px; height:207px; top:0; left:0;display:block; transition: opacity .25s;background-position: center center;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	opacity: 0;
}

.area-flash a:hover .dataflash{ opacity:1; filter:alpha(opacity=100);
  -webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}