.caja {
    display: inline-block;
    width: 310px;
    height: 275px;
    vertical-align: top;
    margin: 1em 1.5em 2em 0;
    cursor: pointer;
    position: relative;
    font-family: Tahoma, Arial;
    -webkit-perspective: 4000px;
       -moz-perspective: 4000px;
        -ms-perspective: 4000px;
         -o-perspective: 4000px;
            perspective: 4000px;
  }
  
 .item {
    height: 275px;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
          -ms-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transition: -webkit-transform .6s;
         -moz-transition: -moz-transform .6s;
          -ms-transition: -ms-transform .6s;
           -o-transition: -o-transform .6s;
              transition: transform .6s;
  }
  
    .item:hover {
      -webkit-transform: translateZ(-50px) rotateX(95deg);
         -moz-transform: translateZ(-50px) rotateX(95deg);
          -ms-transform: translateZ(-50px) rotateX(95deg);
           -o-transform: translateZ(-50px) rotateX(95deg);
              transform: translateZ(-50px) rotateX(95deg);
    }
    
      .item:hover img {
        box-shadow: none;
        border-radius: 15px;
      }
      
      .item:hover .informacion {
		box-shadow: 0px 3px 8px rgba(0,0,0,10);
		border-radius: 3px;
		color: #FFF;
      }

    .item img {
	display: block;
	position: absolute;
	border-radius: 3px;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	-webkit-transform: translateZ(280px);
	-moz-transform: translateZ(280px);
	-ms-transform: translateZ(280px);
	-o-transform: translateZ(280px);
	transform: translateZ(280px);
      -webkit-transition: all .6s;
         -moz-transition: all .6s;
          -ms-transition: all .6s;
           -o-transition: all .6s;
              transition: all .6s;     
    }
    
    .item .informacion {
      display: block;
      position: absolute;
      top: 0;
      /*height: 80px;
      	width: 290px;*/
	  height: 275px;
	  width: 310px
      text-align: left;
      border-radius: 15px;
      padding: 10px;
      font-size: 12px;
      text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
      box-shadow: none;
      background: #9a837c;
      -webkit-transform: rotateX(-90deg) translateZ(50px);
         -moz-transform: rotateX(-90deg) translateZ(50px);
          -ms-transform: rotateX(-90deg) translateZ(50px);
           -o-transform: rotateX(-90deg) translateZ(50px);
              transform: rotateX(-90deg) translateZ(50px);
      -webkit-transition: all .6s;
         -moz-transition: all .6s;
          -ms-transition: all .6s;
           -o-transition: all .6s;
              transition: all .6s;
      
    }
		
.informacion strong {
	border-bottom: 1px solid #CCCCCC;
	display: block;
	font-size: 18px;
	margin: 0 0 4px;
	padding: 2px 0;
	text-align: center;
	color: #FFF;
}
.informacion a {
    color:#FFF;
    display: block;
    font-family: 'Prosto One',cursive;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
}
.informacion a:hover {
	color:#CCC;
}


.item .informacion2 {
      display: block;
      position: absolute;
      top: 0;
      /*height: 80px;
      	width: 290px;*/
	  height: 275px;
	  width: 310px
      text-align: left;
      border-radius: 15px;
      padding: 10px;
      font-size: 12px;
      text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
      box-shadow: none;
      background: #9a837c;
      -webkit-transform: rotateX(-90deg) translateZ(50px);
         -moz-transform: rotateX(-90deg) translateZ(50px);
          -ms-transform: rotateX(-90deg) translateZ(50px);
           -o-transform: rotateX(-90deg) translateZ(50px);
              transform: rotateX(-90deg) translateZ(50px);
      -webkit-transition: all .6s;
         -moz-transition: all .6s;
          -ms-transition: all .6s;
           -o-transition: all .6s;
              transition: all .6s;
      
    }
		
.informacion2 strong {
	border-bottom: 1px solid #CCCCCC;
	display: block;
	font-size: 18px;
	margin: 0 0 4px;
	padding: 2px 0;
	text-align: center;
	color: #FFF;
}
.informacion2 a {
    color:#FFF;
    display: block;
    font-family: 'Prosto One',cursive;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
}
.informacion2 a:hover {
	color:#CCC;
}