@charset "UTF-8";
/*variables:*/
body {
  background-color: #f5f5f5; }

@media (max-width: 797px) {
  body {
    padding-left: 0px;
    padding-right: 0px; } }
footer {
  color: #5e6a5e;
  margin-top: 5px;
  font-size: 12px;
  font-family: "Arial", sans-serif;
  background-color: #d9d9d9;
  height: 40%; }
  footer h3 {
    font-size: 10px; }
  footer h4 {
    font-size: 9px; }
  footer ul {
    font-size: 9px; }

/*Puzzle*/
#sortable {
  list-style-type: none;
  padding-right: 10px;
  margin-left: -45px !important; }
  #sortable li {
    float: left;
    width: 33%; }
    #sortable li img {
      vertical-align: bottom;
      width: 100%;
      height: auto; }

@media (orientation: landscape) {
  #sortable {
    width: 50vw; } }
@media (orientation: portrait) {
  #sortable {
    width: 70vh; } }
.mostrar {
  display: inline; }

.ocultar {
  display: none; }

#saber {
  width: 80vw;
  position: relative;
  margin: 0px auto 0px, auto;
  padding: 10px; }
  #saber div:nth-child(2) {
    top: 35px;
    left: 10px;
    width: 350px;
    height: 250px;
    margin-left: 5px;
    text-align: justify; }

.palabras > span {
  font-family: "Della Respira", serif;
  text-shadow: 2px 5px 10px #5e6a5e; }
  .palabras > span:first-child {
    top: 0px;
    left: 10px;
    color: #5e6a5e;
    font-size: 750%; }
  .palabras > span:last-child {
    position: absolute;
    top: 110px;
    left: 300px;
    color: #97b597;
    font-size: 900%;
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(90deg); }

#saberMas {
  text-align: justify;
  margin-right: 5px;
  margin-left: 5px; }
  #saberMas h3 {
    color: #5e6a5e;
    text-shadow: 2px 5px 10px #5e6a5e;
    font-family: "Della Respira", serif;
    font-size: 300%; }
  #saberMas p.encuadrado {
    display: block;
    background: #ffffff;
    padding: 15px 20px 15px 45px;
    margin: 0 0 20px;
    position: relative;
    font-family: "Della Respira", serif;
    font-size: 16px;
    line-height: 1.2;
    color: #5e6a5e;
    text-align: justify;
    border-left: 15px solid #97b597;
    border-right: 2px solid #97b597;
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc; }
    #saberMas p.encuadrado:before {
      content: "\201C";
      /*Unicode for Left Double Quote*/
      /*Font*/
      font-family: Georgia, serif;
      font-size: 60px;
      font-weight: bold;
      color: #d9d9d9;
      /*Positioning*/
      position: absolute;
      left: 10px;
      top: 5px; }
    #saberMas p.encuadrado:after {
      /*Reset to make sure*/
      content: ""; }
    #saberMas p.encuadrado a {
      text-decoration: none;
      background: #ccc;
      cursor: pointer;
      padding: 0 3px;
      color: #97b597; }
    #saberMas p.encuadrado a:hover {
      color: #d9d9d9; }
    #saberMas p.encuadrado em {
      font-style: italic; }
    #saberMas p.encuadrado cite {
      display: block;
      font-size: 13px;
      text-align: right; }

.carousel-inner .item img {
  width: 100%; }

.container-fluid .carousel-indicators .active {
  background-color: #5e6a5e; }
.container-fluid .carousel-indicators li {
  border: 1px solid #97b597; }

.navbar-default {
  background-color: #97b597;
  border-color: #5e6a5e;
  margin: 0;
  padding: 0;
  border-color: transparent; }
  .navbar-default .navbar-brand {
    color: #d9d9d9; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #ffffff; }
  .navbar-default .navbar-text {
    color: #d9d9d9; }
  .navbar-default .navbar-nav > li > a {
    color: #d9d9d9; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #ffffff; }
  .navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: #97b597; }
    .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
      color: #d9d9d9; }
      .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
        color: #ffffff;
        background-color: #5e6a5e; }
    .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
      background-color: #5e6a5e; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #5e6a5e; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #5e6a5e; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #5e6a5e; }
  .navbar-default .navbar-toggle {
    border-color: #5e6a5e; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #5e6a5e; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #d9d9d9; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #d9d9d9; }
  .navbar-default .navbar-link {
    color: #d9d9d9; }
    .navbar-default .navbar-link:hover {
      color: #ffffff; }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #d9d9d9; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #ffffff; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #5e6a5e; } }
/*Ahorcado*/
#contenedorTeclado {
  margin: 25px auto;
  padding-left: 9px;
  height: 160px;
  width: 450px;
  background-color: #97b597 !important;
  border-radius: 25px; }

.teclado {
  margin: 0;
  padding: 15px;
  list-style: none;
  font-family: "Della Respira", serif; }
  .teclado li {
    float: left;
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #d9d9d9;
    border: 1px solid #f9f9f9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
  .teclado li:hover {
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #5e6a5e;
    cursor: pointer; }

#ahorcado {
  margin: 20px;
  text-align: center; }

.tituloAhorcado {
  color: #5e6a5e;
  text-shadow: 2px 5px 10px #5e6a5e;
  font-family: "Della Respira", serif;
  font-size: 200%; }

.letrasUsadas {
  text-align: center;
  text-decoration: underline;
  font-family: "Della Respira", serif;
  color: #5e6a5e;
  margin-top: 5px;
  margin-left: 2px;
  border: 2px solid #5e6a5e;
  border-radius: 5px; }
  .letrasUsadas #letrasError {
    margin: 0;
    padding: 8px;
    list-style: none;
    font-family: "Della Respira", serif; }
    .letrasUsadas #letrasError li {
      float: left;
      margin: 0 5px 5px 0;
      width: 30px;
      height: 30px;
      line-height: 25px;
      text-align: center;
      background: #f07878;
      border: 1px solid #f9f9f9;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      font-size: 12px; }
  .letrasUsadas #letrasExito {
    margin: 0;
    padding: 8px;
    list-style: none;
    font-family: "Della Respira", serif; }
    .letrasUsadas #letrasExito li {
      float: left;
      margin: 0 5px 5px 0;
      width: 30px;
      height: 30px;
      line-height: 25px;
      text-align: center;
      background: #94b9eb;
      border: 1px solid #f9f9f9;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      font-size: 12px; }

.letrasBajoFoto {
  margin: 0;
  padding: 10px;
  list-style: none;
  font-family: "Della Respira", serif; }
  .letrasBajoFoto li {
    float: left;
    margin: 0 3px 3px 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #d9d9d9;
    border: 1px solid #f9f9f9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
  .letrasBajoFoto li:hover {
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #5e6a5e;
    cursor: pointer; }

.derrota {
  font-family: "Della Respira", serif;
  font-size: 25px;
  text-align: center; }

.victoria {
  font-family: "Della Respira", serif;
  font-size: 12px;
  text-align: justify; }

/*Noticias*/
.noticia {
  text-align: justify;
  font-family: "Arial", sans-serif; }
  .noticia h3 {
    font-size: 18px; }
  .noticia h4 {
    font-size: 14px;
    color: #5e6a5e; }
  .noticia div {
    font-size: 10px; }

hr {
  height: 1px;
  border: 0;
  background-color: #5e6a5e; }

/*Valencia*/
.encabezado {
  color: #5e6a5e;
  text-shadow: 1px 2px 3px #5e6a5e;
  font-family: "Della Respira", serif;
  font-size: 35px; }

.seccionVal {
  height: 80%;
  width: 100%; }
  .seccionVal .imgTop {
    margin-top: 35px;
    margin-bottom: 5px; }

.sopaLetrasImg {
  height: 30%;
  width: 40%; }

.crucigrama table {
  text-align: center;
  background-color: #97b597; }
.crucigrama tr {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: inherit; }
.crucigrama td {
  font-family: "Arial", sans-serif;
  font-size: 14px;
  padding: 10px 5px;
  overflow: hidden;
  word-break: normal;
  width: 200px;
  /*Aquí va el ancho de la Celda*/
  height: 10px;
  /*Aquí el Alto*/ }
.crucigrama th {
  font-family: "Arial", sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 5px;
  overflow: hidden;
  word-break: normal;
  text-align: center; }

#infoCrucigrama > div {
  margin-top: 5px;
  margin-bottom: 10px; }

.valorCrucigrama {
  border-style: solid;
  border-width: 1px; }

/*Animaciones*/
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
  animation-delay: 0.1s;
  animation-duration: 1.5s; }

@-webkit-keyframes entrarIzquierda {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes entrarIzquierda {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.entrarIzquierda {
  -webkit-animation-name: entrarIzquierda;
  animation-name: entrarIzquierda;
  animation-delay: 0s;
  animation-duration: 3s; }

@-webkit-keyframes entrarDerecha {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes entrarDerecha {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.entrarDerecha {
  -webkit-animation-name: entrarDerecha;
  animation-name: entrarDerecha;
  animation-delay: 0s;
  animation-duration: 3s; }

/*# sourceMappingURL=main.css.map */