﻿.fullspace {
  margin: 0 !important;
  padding: 0 !important; }

@media (min-width:1366px) {
  .fullspace {
    margin: 0 auto !important; } }

.portada.cuerpo {
  float: left;
  width: 100%; }

.BarometroCuerpo .entradilla {
  padding-top: 40px !important;
  float: left;
  padding-bottom: 40px;
  border-bottom: solid 1px #E4002B;
  margin-bottom: 40px; }

@media (min-width:768px) and (max-width:1024px) {
  .BarometroCuerpo .entradilla {
    margin-bottom: 30px;
    padding-top: 20px !important; } }

@media (max-width:767px) {
  .BarometroCuerpo .entradilla {
    padding-top: 10px !important;
    padding-bottom: 20px;
    margin-bottom: 0; } }
  .BarometroCuerpo .entradilla.error {
    text-align: center; }

.BarometroCuerpo .banda-participa {
  padding: 40px;
  float: left;
  background-color: #E4002B;
  margin-bottom: 40px;
  color: #ffffff; }

@media (min-width:768px) and (max-width:1024px) {
  .BarometroCuerpo .banda-participa {
    margin-bottom: 30px;
    padding-top: 20px !important; } }

@media (max-width:767px) {
  .BarometroCuerpo .banda-participa {
    padding-top: 10px !important;
    padding-bottom: 20px;
    margin-bottom: 0; } }
  .BarometroCuerpo .banda-participa .wrap {
    background: url(../img/barometrox1.png) right 40px no-repeat; }

@media (min-width:768px) and (max-width:1024px) {
  .BarometroCuerpo .banda-participa .wrap {
    background-size: 30%;
    background-position-y: 75px; } }

@media (max-width:767px) {
  .BarometroCuerpo .banda-participa .wrap {
    background-size: 30%;
    background-position-y: 75px; } }
  .BarometroCuerpo .banda-participa h2 {
    text-align: left; }

@media (min-width:768px) and (max-width:1024px) {
  .BarometroCuerpo .banda-participa h2 {
    padding-left: 0; } }

@media (max-width:767px) {
  .BarometroCuerpo .banda-participa h2 {
    padding-left: 0;
    padding-right: 0; } }
  .BarometroCuerpo .banda-participa ul {
    margin-top: 0; }
    .BarometroCuerpo .banda-participa ul li {
      padding: 0 0 0 30px;
      margin-bottom: 20px;
      background: url(../img/check.png) left top no-repeat !important; }

@media (max-width:767px) {
  .BarometroCuerpo .banda-participa ul li {
    padding: 0 0 0 30px !important; } }
  .BarometroCuerpo .banda-participa .txt-legal {
    margin: 20px 0 40px; }

@media (max-width:767px) {
  .BarometroCuerpo .banda-participa .txt-legal {
    margin: 10px 0; } }
  .BarometroCuerpo .banda-participa .mensaje.error {
    color: #ffffff;
    border-color: #ffffff;
    float: left;
    width: 49%;
    clear: left; }

@media (max-width:767px) {
  .BarometroCuerpo .banda-participa .mensaje.error {
    width: 100%; } }

.BarometroCuerpo .suscripcion {
  padding: 40px; }

@media (max-width:767px) {
  .BarometroCuerpo .suscripcion {
    float: left; } }
  .BarometroCuerpo .suscripcion h2 {
    letter-spacing: 0.3rem;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left;
    padding-left: 0; }

@media (min-width:768px) and (max-width:1024px) {
  .BarometroCuerpo .suscripcion h2 {
    margin-bottom: 10px; } }

@media (max-width:767px) {
  .BarometroCuerpo .suscripcion h2 {
    margin-bottom: 10px;
    float: left;
    width: 100%; } }
  .BarometroCuerpo .suscripcion p.l3 {
    color: #910048; }
  .BarometroCuerpo .suscripcion article {
    padding-top: 170px; }

@media (min-width:768px) and (max-width:1024px) {
  .BarometroCuerpo .suscripcion article {
    padding-top: 70px; }
    .BarometroCuerpo .suscripcion article .UCIBtn {
      float: left;
      clear: left;
      width: auto; } }
    @media (max-width: 768px) {
      .BarometroCuerpo .suscripcion article {
        padding-top: 180px; } }

@media (max-width:767px) {
  .BarometroCuerpo .suscripcion article {
    padding-top: 40px; } }
    .BarometroCuerpo .suscripcion article .mensaje.error {
      margin-top: 20px;
      float: left; }

.BarometroCuerpo .accesos {
  border-top: solid 1px #E4002B;
  margin-top: 40px;
  padding-top: 20px; }

@media (min-width:768px) and (max-width:1024px) {
  .BarometroCuerpo .accesos {
    margin-top: 30px; } }

@media (max-width:767px) {
  .BarometroCuerpo .accesos {
    margin-top: 0;
    border-top: 0;
    float: left; } }
  .BarometroCuerpo .accesos h2 {
    letter-spacing: 0.3rem;
    text-transform: uppercase;
    margin-bottom: 40px; }

@media (min-width:768px) and (max-width:1024px) {
  .BarometroCuerpo .accesos h2 {
    margin-bottom: 20px; } }

@media (max-width:767px) {
  .BarometroCuerpo .accesos h2 {
    margin-bottom: 20px; } }
  .BarometroCuerpo .accesos .cols {
    width: 33.3% !important;
    margin: 0 !important; }
    @media (max-width: 900px) {
      .BarometroCuerpo .accesos .cols {
        width: 100% !important; }
        .BarometroCuerpo .accesos .cols input {
          width: 50% !important;
          clear: left;
          margin: 20px 25% 0 !important; } }

@media (max-width:767px) {
  .BarometroCuerpo .accesos .cols {
    float: left; } }
  .BarometroCuerpo .accesos .soy {
    padding: 20px 40px;
    position: relative;
    height: 630px; }

@media (min-width:768px) and (max-width:1024px) {
  .BarometroCuerpo .accesos .soy {
    height: 580px; } }
    .BarometroCuerpo .accesos .soy span {
      text-align: center;
      width: 100%;
      display: block; }
    .BarometroCuerpo .accesos .soy img.barometro {
      width: 90%;
      margin: 20px 10% 0 0; }

@media (max-width:767px) {
  .BarometroCuerpo .accesos .soy img.barometro {
    width: 80% !important;
    margin: 20px 10% 0 !important; } }
    .BarometroCuerpo .accesos .soy p {
      text-align: left;
      margin-bottom: 0; }
      @media (max-width: 900px) {
        .BarometroCuerpo .accesos .soy p {
          text-align: center; } }
    .BarometroCuerpo .accesos .soy input {
      width: 100%;
      margin: 10px 0 0;
      float: left; }
      .BarometroCuerpo .accesos .soy input.UCIBtn {
        width: auto;
        margin: 0; }
      .BarometroCuerpo .accesos .soy input.input {
        color: #6d6d6d;
        padding: 5px 5px 0; }
  .BarometroCuerpo .accesos .ser {
    background-color: #f9e7d9;
    padding: 20px 40px;
    position: relative;
    height: 630px; }

@media (min-width:768px) and (max-width:1024px) {
  .BarometroCuerpo .accesos .ser {
    height: 580px; } }
    .BarometroCuerpo .accesos .ser.suscriptor {
      background-color: #fbf1e8; }
    .BarometroCuerpo .accesos .ser p.l3 {
      color: #910048; }
    .BarometroCuerpo .accesos .ser p:last-child {
      padding-top: 85px; }
  .BarometroCuerpo .accesos .UCIBtn {
    position: absolute;
    float: left;
    bottom: 40px;
    left: 40px; }
  @media (max-width: 900px) {
    .BarometroCuerpo .accesos .cols {
      width: 100%;
      height: auto; }
      .BarometroCuerpo .accesos .cols img.barometro {
        width: 50%;
        margin: 20px 25% 0; }
      .BarometroCuerpo .accesos .cols .UCIBtn {
        position: relative;
        bottom: auto;
        left: auto; }
      .BarometroCuerpo .accesos .cols p:last-child {
        padding-top: inherit; } }

.BarometroCuerpo .consulta {
  background-color: #910048;
  color: #ffffff;
  text-align: left;
  padding: 40px;
  margin: 40px 0 60px; }

@media (max-width:767px) {
  .BarometroCuerpo .consulta {
    float: left; } }
  .BarometroCuerpo .consulta h2 {
    text-align: left;
    padding: 0;
    margin-bottom: 20px; }
  .BarometroCuerpo .consulta p {
    margin: 20px 0 0 !important; }
    .BarometroCuerpo .consulta p .UCIBtn {
      float: left; }

.BarometroCuerpo .claims {
  color: #00635b;
  display: none; }
  .BarometroCuerpo .claims p:last-child {
    color: #910048;
    margin: 40px 0; }

.BarometroCuerpo ul {
  margin-top: 40px; }
  .BarometroCuerpo ul li {
    padding: 100px 10px 10px; }
    .BarometroCuerpo ul li.datos {
      background: url(../img/ico1.png) top center no-repeat;
      background-size: 20%; }
    .BarometroCuerpo ul li.metodologia {
      background: url(../img/ico2.png) top center no-repeat;
      background-size: 20%; }
    .BarometroCuerpo ul li.profesionales {
      background: url(../img/ico3.png) top center no-repeat;
      background-size: 20%; }
    .BarometroCuerpo ul li.practico {
      background: url(../img/ico4.png) top center no-repeat;
      background-size: 20%; }
    .BarometroCuerpo ul li h3 {
      color: #910048;
      margin-bottom: 20px; }

@media (min-width:768px) and (max-width:1024px) {
  .BarometroCuerpo ul li {
    padding: 80px 10px 10px;
    background-size: 30% !important; } }

@media (max-width:767px) {
  .BarometroCuerpo ul {
    float: left;
    margin-top: 0; }
    .BarometroCuerpo ul li {
      padding: 80px 10px 10px !important;
      background-size: 20% !important; } }
