natural disaster ficha

/* arabic */
@font-face {
  font-family: 'Reem Kufi';
  font-style: normal;
  font-weight: 400;
  src: local('Reem Kufi Regular'), local('ReemKufi-Regular'), url(https://fonts.gstatic.com/s/reemkufi/v1/UaqTAKa4Uv2-zsuS8_b9kRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin */
@font-face {
  font-family: 'Reem Kufi';
  font-style: normal;
  font-weight: 400;
  src: local('Reem Kufi Regular'), local('ReemKufi-Regular'), url(https://fonts.gstatic.com/s/reemkufi/v1/FTp4cbXHs33vRJgqopuR4ltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

#base-fichanat {width: 500px; color: #000; line-height: 100%; text-align: justify; font-weight: normal; font-family: verdana; position: relative; height: 300px; overflow: hidden;}
#base-fichanat .door {width: 250px; height: 300px; overflow: hidden; position: relative;}
#base-fichanat .door .open {width: 250px; height: 300px; display: inline-block; overflow: hidden;}
.door .open nombre {font-family: reem kufi; padding-top: 15px; font-size: 20px; text-transform: uppercase; text-align: center; line-height: 100%; display: block;}
.door .open img {width: 250px; height:140px;}
.door .open comillas {font-family: georgia; display: inline-block; font-size: 70px; position: relative; bottom: -15px; padding-left: 10px;}
.door .open comillas2 {font-family: georgia; display: inline-block; font-size: 70px; position: relative; bottom: -15px; padding-right: 10px;}
.door .open cita {font-size: 10px; line-height: 100%; text-align: justify; display: inline-block; width: 150px; padding-left: 10px; padding-right: 10px; height: 50px; overflow: hidden;}
#base-fichanat .historia {font-size: 10px; width: 230px; padding: 10px; height: 280px; overflow: auto; display: inline-block; line-height: 105%; font-family: verdana; position: absolute; right: 0px; top: 0px;}
#base-fichanat .historia::first-letter {font-family: georgia; font-size: 20px; font-style: italic; font-weight: 700;}
.door .open plotocrack a {display: block; font-family: reem kufi; text-transform: uppercase; font-size: 10px; text-align: center; padding-top: 30px;}
.door .open .aunlado {height: 160px; width: 250px; position: relative; overflow: hidden;}
.door .open .aunlado .slide {height: 160px; width: 500px; position: absolute; left: 0px; transition: 1s;} .door .open:hover .aunlado .slide {left: -250px; transition: 1s;}
.door .open .aunlado .slide .caja1 {display: inline-block; overflow: hidden; width: 250px; height: 160px;}
.door .open .aunlado .slide .caja2 {width: 250px; height: 160px; display: inline-block; overflow: hidden;}
.door .open .aunlado .slide .caja2 infonat {text-transform: uppercase; font-size: 10px; line-height: 100%; display: inline-block; text-align: center; padding: 5px 2px; margin: 1px; width: 113px; border: 3px solid #fff;}
.door .open .aunlado .slide .caja2 crononat {display: block; margin: 1px; padding: 2px; width: 238px; border: 3px solid #fff; text-align: left; font-size: 10px; font-family: verdana; line-height: 105%; overflow: auto; height: 64px;}