﻿/*#C5C5C5*/
/*Definición del Theme de Hablar con Dios*/
/*Este es como el Helper de FuncionesPublicas.less*/
/****************** Botón.ini ******************/
/****************** Botón.fin ******************/
/* ******************************************* */
/* ******************************************* */
/********************* Funciones Slider.ini ********************/
/********************* Funciones Slider.fin ********************/
/************************* Contenido tras imagen.ini ************************/
/************************* Contenido tras imagen.fin ************************/
/******************************* Burbuja.ini ********************************/
/******************************* Burbuja.fin ********************************/
/***************************** Paginadores.ini ******************************/
/***************************** Paginadores.fin ******************************/
/*************************** Hover Rectangulo.ini ***************************/
/*************************** Hover Rectangulo.fin ***************************/
/******************************** Mixims.ini ********************************/
/******************************** Mixims.fin ********************************/
html {
  position: relative;
  min-height: 100%;
}
body {
  font-family: 'Raleway', sans-serif;
  /* Margin bottom by footer height */
  padding-bottom: 0;
  background-color: #eceff7;
}
.lg-contenedor-body {
  width: 970px;
  margin: auto;
}
@media (min-width: 1200px) {
  /*solo lg*/
  body {
    padding-bottom: 170px;
  }
}
@media (max-width: 1199px) {
  /*Menos lg*/
  body {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  /*Solo xs*/
  body {
    /*background-color: white;*/
  }
}
/*********************** Llave (Curly bracket).ini **********************/
.ContenedorLlaves {
  position: relative;
}
.ContenidoEntreLlaves {
  padding-left: 17px;
  padding-right: 17px;
}
.ContenidoLlave {
  position: absolute;
  padding-left: 17px;
  padding-right: 17px;
  font-weight: bold;
}
.LlaveLeft {
  position: absolute;
  top: 0;
}
.LlaveLeft .ContenidoLlave {
  right: 17px;
  text-align: right;
}
.LlaveLeft .Izquierda {
  height: 66px;
  width: 17px;
  top: 17px;
  position: absolute;
  border-left: 2px solid;
}
.LlaveLeft .Izquierda :before {
  content: "";
  width: 100%;
  height: 17px;
  position: absolute;
  top: -17px;
  left: -2px;
  display: block;
  border-left: 2px solid;
  border-color: inherit;
  border-top-left-radius: 17px;
}
.LlaveLeft .Izquierda :after {
  content: "";
  width: 100%;
  height: 17px;
  position: absolute;
  bottom: -17px;
  left: -15px;
  display: block;
  border-right: 2px solid;
  border-color: inherit;
  border-bottom-right-radius: 17px;
}
.LlaveLeft .Derecha {
  height: 66px;
  width: 17px;
  top: 117px;
  position: absolute;
  border-left: 2px solid;
}
.LlaveLeft .Derecha :before {
  content: "";
  width: 100%;
  height: 17px;
  position: absolute;
  top: -17px;
  right: 15px;
  display: block;
  border-right: 2px solid;
  border-color: inherit;
  border-top-right-radius: 17px;
}
.LlaveLeft .Derecha :after {
  content: "";
  width: 100%;
  height: 17px;
  position: absolute;
  bottom: -17px;
  left: -2px;
  display: block;
  border-left: 2px solid;
  border-color: inherit;
  border-bottom-left-radius: 17px;
}
.LlaveRight {
  position: absolute;
  top: 0;
}
.LlaveRight .ContenidoLlave {
  left: 17px;
  text-align: left;
}
.LlaveRight .Izquierda {
  height: 66px;
  width: 17px;
  top: 17px;
  position: absolute;
  border-left: 2px solid;
}
.LlaveRight .Izquierda :before {
  content: "";
  width: 100%;
  height: 17px;
  position: absolute;
  top: -17px;
  left: -15px;
  display: block;
  border-right: 2px solid;
  border-color: inherit;
  border-top-right-radius: 17px;
}
.LlaveRight .Izquierda :after {
  content: "";
  width: 100%;
  height: 17px;
  position: absolute;
  bottom: -17px;
  left: -2px;
  display: block;
  border-left: 2px solid;
  border-color: inherit;
  border-bottom-left-radius: 17px;
}
.LlaveRight .Derecha {
  height: 66px;
  width: 17px;
  top: 117px;
  position: absolute;
  border-left: 2px solid;
}
.LlaveRight .Derecha :before {
  content: "";
  width: 100%;
  height: 17px;
  position: absolute;
  top: -17px;
  right: 2px;
  display: block;
  border-left: 2px solid;
  border-color: inherit;
  border-top-left-radius: 17px;
}
.LlaveRight .Derecha :after {
  content: "";
  width: 100%;
  height: 17px;
  position: absolute;
  bottom: -17px;
  left: -15px;
  display: block;
  border-right: 2px solid;
  border-color: inherit;
  border-bottom-right-radius: 17px;
}
@media (max-width: 767px) {
  /*Solo xs*/
  .LlaveLeft .ContenidoLlave {
    -moz-transform: rotateZ(-90deg);
    -ms-transform: rotateZ(-90deg);
    -o-transform: rotateZ(-90deg);
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
  }
}
/*********************** Llave (Curly bracket).fin **********************/
.cabecera-logo-contenedor-hcd {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  vertical-align: top;
}
.cabecera-menuhcd-logo-contenedor {
  position: relative;
  padding-bottom: 13px;
  display: inline-block;
  padding-right: 40px;
}
.cabecera-menuhcd-logo-contenedor .cabecera-menuhcd-logo-autor {
  font-size: 13px;
  left: 12px;
  position: absolute;
  top: 27px;
  color: white;
  white-space: nowrap;
}
.cabecera-menuhcd-logo-contenedor .cabecera-menuhcd-logo-hcd {
  cursor: pointer;
  font-size: 23.4px;
  margin: 0;
  padding: 0;
  font-weight: bold;
  color: #D19F02;
  text-decoration: none;
}
.cabecera-menuhcd-logo-contenedor .cabecera-menuhcd-logo-hcd :active,
.cabecera-menuhcd-logo-contenedor .cabecera-menuhcd-logo-hcd :hover,
.cabecera-menuhcd-logo-contenedor .cabecera-menuhcd-logo-hcd :focus,
.cabecera-menuhcd-logo-contenedor .cabecera-menuhcd-logo-hcd :visited {
  color: #D19F02;
  text-decoration: none;
}
.cabecera-menuhcd-contenedor {
  padding-top: 5px;
  background-color: #002c4d;
  padding-bottom: 5px;
  padding-left: 10px;
}
.cabecera-menuhcd-contenedor .cabecera-submenu-contenedor,
.cabecera-menuhcd-contenedor .cabecera-subsubmenu-item,
.cabecera-menuhcd-contenedor .cabecera-subsubmenu-contenedor {
  background-color: #002c4d;
  border-color: #002c4d;
}
.cabecera-menuhcd-contenedor .cabecera-menuhcd-nacegacion {
  display: inline-block;
  vertical-align: sub;
}
.cabecera-menuhcd-contenedor .cabecera-menuhcd-nacegacion .cabecera-menu-item,
.cabecera-menuhcd-contenedor .cabecera-menuhcd-nacegacion .cabecera-submenu-item {
  color: white;
}
.cabecera-menuhcd-contenedor .cabecera-menuhcd-nacegacion .cabecera-menu-item a,
.cabecera-menuhcd-contenedor .cabecera-menuhcd-nacegacion .cabecera-submenu-item a {
  color: white;
}
.cabecera-menuhcd-contenedor .cabecera-menuhcd-nacegacion .cabecera-menu-item a :active,
.cabecera-menuhcd-contenedor .cabecera-menuhcd-nacegacion .cabecera-submenu-item a :active,
.cabecera-menuhcd-contenedor .cabecera-menuhcd-nacegacion .cabecera-menu-item a :hover,
.cabecera-menuhcd-contenedor .cabecera-menuhcd-nacegacion .cabecera-submenu-item a :hover,
.cabecera-menuhcd-contenedor .cabecera-menuhcd-nacegacion .cabecera-menu-item a :focus,
.cabecera-menuhcd-contenedor .cabecera-menuhcd-nacegacion .cabecera-submenu-item a :focus,
.cabecera-menuhcd-contenedor .cabecera-menuhcd-nacegacion .cabecera-menu-item a :visited,
.cabecera-menuhcd-contenedor .cabecera-menuhcd-nacegacion .cabecera-submenu-item a :visited {
  color: white;
}
.cabecera-menuhcd-contenedor .cabecera-menuhcd-redes-contenedor {
  display: inline-block;
  vertical-align: baseline;
  padding-left: 35px;
}
.Master-CabeceraMovilHCD-LogoPalabra-Imagen {
  height: 36px;
  margin-top: 0;
  margin-left: 10.8px;
  float: right;
}
@media (max-width: 1199px) {
  .cabecera-menuhcd-logo-contenedor {
    padding-right: 0;
  }
  .cabecera-menuhcd-logo-contenedor .cabecera-menuhcd-logo-hcd {
    line-height: 20px;
  }
  .cabecera-menuhcd-logo-contenedor .cabecera-menuhcd-logo-hcd:after {
    position: absolute;
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    right: -20px;
    top: 2px;
    color: #D19F02;
    font-size: 13px;
  }
  .cabecera-menuhcd-logo-contenedor .cabecera-menuhcd-logo-autor {
    color: #003882;
    top: 23px;
  }
  .master-cabecera-logoPalabra-contenedor {
    height: 60px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .master-cabecera-logoPalabra-contenedor .master-cabecera-logoPalabra-imagen {
    margin: auto;
    float: none;
  }
}
.Master-Cabecera-Logo {
  color: #D19F02;
}
.Master-Cabecera-Logo :active,
.Master-Cabecera-Logo :hover,
.Master-Cabecera-Logo :focus,
.Master-Cabecera-Logo :visited {
  color: #D19F02;
}
@media (max-width: 312px) {
  .Master-Cabecera-Logo {
    font-size: 23.4px;
  }
  .Master-Cabecera-Autor {
    left: 2.6rem;
  }
}
@media (max-width: 272px) {
  .Master-Cabecera-Logo {
    font-size: 20.8px;
  }
  .Master-Cabecera-Autor {
    left: 2.6rem;
  }
}
.master-tableta-menu-icono {
  margin-right: 7px;
}
.Master-Cabecera-LogoHCD-Contenedor {
  text-decoration: none;
  color: #D19F02;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  height: 40px;
  width: 220px;
}
.Master-Cabecera-LogoHCD-Contenedor :hover,
.Master-Cabecera-LogoHCD-Contenedor :active,
.Master-Cabecera-LogoHCD-Contenedor :focus {
  text-decoration: none;
  color: #D19F02;
}
.Master-Cabecera-LogoHCD-Contenedor .Master-Cabecera-LogoHCD-Logo {
  font-size: 28px;
  position: absolute;
  top: -8px;
  right: 10px;
}
.Master-Cabecera-LogoHCD-Contenedor .Master-Cabecera-LogoHCD-Autor {
  font-size: 12px;
  position: absolute;
  right: 35px;
  bottom: -2px;
  color: black;
}
.Master-Cabecera-LogoHCD-Contenedor .Master-Cabecera-LogoHCD-Autor:after {
  position: absolute;
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  right: -20px;
  bottom: 0px;
  color: #D19F02;
}
.Master-Cabecera-Movil-Home {
  margin-left: 15px;
}
/********************** Efecto nieve.ini ***********************/
@-webkit-keyframes snowflakes-fall {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}
@-webkit-keyframes snowflakes-shake {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes snowflakes-fall {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}
@keyframes snowflakes-shake {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(0px);
  }
}
.snowflake {
  position: fixed;
  top: -10%;
  z-index: 9999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  -webkit-animation-name: snowflakes-fall, snowflakes-shake;
  -webkit-animation-duration: 10s,3s;
  -webkit-animation-timing-function: linear, ease-in-out;
  -webkit-animation-iteration-count: infinite,infinite;
  -webkit-animation-play-state: running,running;
  animation-name: snowflakes-fall, snowflakes-shake;
  animation-duration: 10s,3s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite,infinite;
  animation-play-state: running,running;
  color: #fff;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}
.snowflake:nth-of-type(0) {
  left: 1%;
  -webkit-animation-delay: 0s,0s;
  animation-delay: 0s,0s;
  font-size: 23px;
}
.snowflake:nth-of-type(1) {
  left: 10%;
  -webkit-animation-delay: 1s,1s;
  animation-delay: 1s,1s;
  font-size: 20px;
}
.snowflake:nth-of-type(2) {
  left: 20%;
  -webkit-animation-delay: 6s, 0.5s;
  animation-delay: 6s, 0.5s;
  font-size: 15px;
}
.snowflake:nth-of-type(3) {
  left: 30%;
  -webkit-animation-delay: 4s,2s;
  animation-delay: 4s,2s;
  font-size: 21px;
}
.snowflake:nth-of-type(4) {
  left: 40%;
  -webkit-animation-delay: 2s,2s;
  animation-delay: 2s,2s;
  font-size: 26px;
}
.snowflake:nth-of-type(5) {
  left: 50%;
  -webkit-animation-delay: 8s,3s;
  animation-delay: 8s,3s;
  font-size: 13px;
}
.snowflake:nth-of-type(6) {
  left: 60%;
  -webkit-animation-delay: 6s,2s;
  animation-delay: 6s,2s;
  font-size: 18px;
}
.snowflake:nth-of-type(7) {
  left: 70%;
  -webkit-animation-delay: 2.5s, 1s;
  animation-delay: 2.5s, 1s;
  font-size: 25px;
}
.snowflake:nth-of-type(8) {
  left: 80%;
  -webkit-animation-delay: 1s,0s;
  animation-delay: 1s,0s;
  font-size: 15px;
}
.snowflake:nth-of-type(9) {
  left: 90%;
  -webkit-animation-delay: 3s, 1.5s;
  animation-delay: 3s, 1.5s;
  font-size: 20px;
}
/********************** Efecto nieve.fin ***********************/