@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
/* line 5, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 26, ../sass/styles.sass */
* {
  box-sizing: border-box;
}

/* line 31, ../sass/styles.sass */
body {
  background-size: 100%;
  background: url(../images/bg.jpg) center top no-repeat #000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  padding-top: 50px;
}
/* line 37, ../sass/styles.sass */
body .title {
  margin-bottom: 20px;
  text-align: center;
}
/* line 40, ../sass/styles.sass */
body .title .logo {
  display: inline-block;
  margin: 0 auto 20px;
  width: 100px;
}
/* line 44, ../sass/styles.sass */
body .title h1 {
  color: #fff;
  font-size: 2em;
  font-weight: bold;
}
/* line 48, ../sass/styles.sass */
body .title h2 {
  color: #3399cc;
  font-size: 0.8em;
}
/* line 51, ../sass/styles.sass */
body .rostros {
  margin: 0 auto;
  padding: 0 35px;
}
/* line 54, ../sass/styles.sass */
body .rostros figure {
  overflow: hidden;
  display: inline-block;
  font-size: 0;
  position: relative;
  position: relative;
  vertical-align: top;
  z-index: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
@media (min-width: 769px) {
  /* line 54, ../sass/styles.sass */
  body .rostros figure {
    width: 25%;
    height: 205px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  /* line 54, ../sass/styles.sass */
  body .rostros figure {
    width: 33.3%;
    height: 150px;
  }
}
@media (min-width: 1px) and (max-width: 480px) {
  /* line 54, ../sass/styles.sass */
  body .rostros figure {
    width: 100%;
  }
}
/* line 72, ../sass/styles.sass */
body .rostros figure a {
  display: block;
}
/* line 74, ../sass/styles.sass */
body .rostros figure figcaption {
  bottom: 0;
  font-size: 14px;
  padding: 5px 10px;
  position: absolute;
  text-align: center;
  width: 100%;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.8) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.8) 100%);
}
/* line 82, ../sass/styles.sass */
body .rostros figure figcaption p {
  color: #3399cc;
  font-size: 0.8em;
  position: relative;
  padding-bottom: 5px;
  display: block;
  margin-bottom: 5px;
}
/* line 89, ../sass/styles.sass */
body .rostros figure figcaption p:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.7)), color-stop(70%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
/* line 97, ../sass/styles.sass */
body .rostros figure figcaption h2 {
  color: #fff;
  font-size: 0.9em;
  font-weight: lighter;
  line-height: 90%;
}
/* line 102, ../sass/styles.sass */
body .rostros figure img {
  height: auto;
  width: 100%;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
/* line 107, ../sass/styles.sass */
body .rostros figure:hover {
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  z-index: 3;
}
/* line 110, ../sass/styles.sass */
body .rostros figure:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  border: 1px solid #3399cc;
}

/* line 115, ../sass/styles.sass */
.modals > div {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), black);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), #000000);
  background: linear-gradient(rgba(0, 0, 0, 0.8), #000000);
}
/* line 126, ../sass/styles.sass */
.modals > div > div {
  color: #fff;
  display: block;
  margin: 10% auto 0;
  max-width: 700px;
  position: relative;
  text-align: center;
  width: 100%;
  padding: 0 10px;
}
/* line 135, ../sass/styles.sass */
.modals > div > div .fecha {
  color: #007caa;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
  margin-bottom: 15px;
  position: relative;
}
/* line 142, ../sass/styles.sass */
.modals > div > div .fecha:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.7)), color-stop(70%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
/* line 151, ../sass/styles.sass */
.modals > div > div h2 {
  font-weight: bold;
  margin-bottom: 10px;
  font-weight: normal;
}
@media (min-width: 1001px) {
  /* line 151, ../sass/styles.sass */
  .modals > div > div h2 {
    font-size: 30px;
  }
}
@media (min-width: 481px) and (max-width: 1000px) {
  /* line 151, ../sass/styles.sass */
  .modals > div > div h2 {
    font-size: 20px;
  }
}
@media (min-width: 1px) and (max-width: 480px) {
  /* line 151, ../sass/styles.sass */
  .modals > div > div h2 {
    font-size: 15px;
  }
}
/* line 161, ../sass/styles.sass */
.modals > div > div p {
  color: #cccccc;
  line-height: 15px;
  margin-bottom: 15px;
}
/* line 165, ../sass/styles.sass */
.modals > div .close {
  background: #fff;
  color: #3399cc;
  cursor: pointer;
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 20px auto 0;
  max-width: 100px;
  right: 10px;
  text-align: center;
  top: 10%;
}
/* line 177, ../sass/styles.sass */
.modals > div .close:hover {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: #3399cc;
  color: #fff;
}

/* line 181, ../sass/styles.sass */
.textmodal {
  overflow: auto;
  padding: 0 10px;
}
@media (min-width: 1001px) {
  /* line 181, ../sass/styles.sass */
  .textmodal {
    max-height: 300px;
  }
}
@media (min-width: 481px) and (max-width: 1000px) {
  /* line 181, ../sass/styles.sass */
  .textmodal {
    max-height: 250px;
  }
}
@media (min-width: 1px) and (max-width: 480px) {
  /* line 181, ../sass/styles.sass */
  .textmodal {
    max-height: 200px;
  }
}

/* line 190, ../sass/styles.sass */
.textmodal::-webkit-scrollbar-track {
  border-radius: 5px;
}

/* line 192, ../sass/styles.sass */
.textmodal::-webkit-scrollbar {
  width: 5px;
}

/* line 194, ../sass/styles.sass */
.textmodal::-webkit-scrollbar-thumb {
  background-color: rgba(85, 85, 85, 0.66);
  border-radius: 5px;
}