.webprofesionales {
  font-family: 'Ubuntu', sans-serif;
  background: #ffffff;
  color: #999999;
  font-size: 16px;
}

.webprofesionales #messages div.messages.error {
  display: none;
}

.webprofesionales .col-xs-1,
.webprofesionales .col-sm-1,
.webprofesionales .col-md-1,
.webprofesionales .col-lg-1,
.webprofesionales .col-xs-2,
.webprofesionales .col-sm-2,
.webprofesionales .col-md-2,
.webprofesionales .col-lg-2,
.webprofesionales .col-xs-3,
.webprofesionales .col-sm-3,
.webprofesionales .col-md-3,
.webprofesionales .col-lg-3,
.webprofesionales .col-xs-4,
.webprofesionales .col-sm-4,
.webprofesionales .col-md-4,
.webprofesionales .col-lg-4,
.webprofesionales .col-xs-5,
.webprofesionales .col-sm-5,
.webprofesionales .col-md-5,
.webprofesionales .col-lg-5,
.webprofesionales .col-xs-6,
.webprofesionales .col-sm-6,
.webprofesionales .col-md-6,
.webprofesionales .col-lg-6,
.webprofesionales .col-xs-7,
.webprofesionales .col-sm-7,
.webprofesionales .col-md-7,
.webprofesionales .col-lg-7,
.webprofesionales .col-xs-8,
.webprofesionales .col-sm-8,
.webprofesionales .col-md-8,
.webprofesionales .col-lg-8,
.webprofesionales .col-xs-9,
.webprofesionales .col-sm-9,
.webprofesionales .col-md-9,
.webprofesionales .col-lg-9,
.webprofesionales .col-xs-10,
.webprofesionales .col-sm-10,
.webprofesionales .col-md-10,
.webprofesionales .col-lg-10,
.webprofesionales .col-xs-11,
.webprofesionales .col-sm-11,
.webprofesionales .col-md-11,
.webprofesionales .col-lg-11,
.webprofesionales .col-xs-12,
.webprofesionales .col-sm-12,
.webprofesionales .col-md-12,
.webprofesionales .col-lg-12 {
  padding-left: 10px;
  padding-right: 10px;
}

.webprofesionales .row {
  margin-left: -10px;
  margin-right: -10px;
}

.webprofesionales .element-invisible {
  display: none !important;
}

@media (min-width: 1024px) {
  .webprofesionales .container {
    width: 970px;
  }
}

@media only screen and (max-width: 640px) {
  .webprofesionales {
    /* padding-top: 154px; */
    padding-top: 184px;
    /* DEC: Avoid header overlapping content */
  }
}

.webprofesionales .block-weather {
  margin: 0 !important;
}

.webprofesionales .font {
  font-family: 'Ubuntu', sans-serif;
  font-family: 'Varela Round', sans-serif;
  font-family: 'Noticia Text', serif;
}

.webprofesionales .clear {
  display: block;
  clear: both;
  width: 100%;
}

.webprofesionales img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.webprofesionales h1 {
  font-size: 3em;
}

@media only screen and (max-width: 640px) {
  .webprofesionales h1 {
    font-size: 2.4em;
  }
}

.webprofesionales h2 {
  font-size: 1.9em;
}

@media only screen and (max-width: 640px) {
  .webprofesionales h2 {
    font-size: 1.7em;
  }
}

.webprofesionales h3 {
  font-size: 1.7em;
}

@media only screen and (max-width: 640px) {
  .webprofesionales h3 {
    font-size: 1.5em;
  }
}

.webprofesionales h4 {
  font-size: 1.5em;
}

@media only screen and (max-width: 640px) {
  .webprofesionales h4 {
    font-size: 1.3em;
  }
}

.webprofesionales h5 {
  font-size: 1.4em;
}

@media only screen and (max-width: 640px) {
  .webprofesionales h5 {
    font-size: 1.2em;
  }
}

.webprofesionales .responsive-iframe {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.webprofesionales .responsive-iframe img,
.webprofesionales .responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.webprofesionales .field-name-field-image .field-label,
.webprofesionales .field-name-field-mobile-image .field-label,
.webprofesionales .field-name-field-ipad-image .field-label {
  display: none;
}

.webprofesionales .field-name-field-banner-image img,
.webprofesionales .field-name-field-mobile-image img,
.webprofesionales .field-name-field-ipad-image img {
  width: 100%;
  height: auto;
}

.webprofesionales .node-page2 p {
  line-height: 2em;
  margin: 20px 0;
}

.webprofesionales .node-page2 .video,
.webprofesionales .node-page2 .content .field-name-field-image {
  margin-top: 25px;
}

@media only screen and (max-width: 640px) and (min-width: 640px) {

  .webprofesionales .node-page2 .video,
  .webprofesionales .node-page2 .content .field-name-field-image {
    padding-right: 20px;
  }
}

@media only screen and (max-width: 640px) and (min-width: 640px) {
  .webprofesionales .block-views {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.webprofesionales select.custom-select {
  border: none;
  background: #0099D7 url("../../images/select-arrow.png") no-repeat 95% 50%;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  padding: 3px 40px 3px 5px;
  text-transform: uppercase;
  color: #ffffff;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .sub-top>.container>.row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.webprofesionales .login {
  display: block;
  float: right;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .login {
    float: none;
  }
}

.webprofesionales .login.hover .login-popup {
  display: block;
}

.webprofesionales .login a.cerrar-session,
.webprofesionales .login span.iniciar-session {
  font-size: 13px;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 140px;
  top: -43px;
  padding: 10px 0 14px;
  z-index: 99;
  color: #FFF;
}

@media only screen and (max-width: 800px) {

  .webprofesionales .login a.cerrar-session,
  .webprofesionales .login span.iniciar-session {
    left: 0;
    width: 100%;
    text-align: center;
    top: 0px;
  }
}

.webprofesionales .login a.cerrar-session {
  width: 140px;
  text-align: center;
  right: 115px;
  overflow: hidden;
}

@media only screen and (max-width: 800px) {
  .webprofesionales .login a.cerrar-session {
    width: 80%;
    margin: 0 10%;
    top: -5px;
    left: 0;
    right: auto;
  }
}

.webprofesionales .login .login-popup {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  padding: 0 10px;
  z-index: 99;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .login .login-popup {
    padding: 0;
  }
}

.webprofesionales .contents .login-popup .cerrar-login-popup {
  display: none;
}

.webprofesionales .contents .login-popup .loading {
  padding: 0;
}

.webprofesionales #edit-picture {
  display: none;
}

.webprofesionales .login-popup {
  width: 100%;
  color: #ffffff;
  margin-top: -40px;
  position: relative;
  clear: both;
}

.webprofesionales .login-popup .cerrar-login-popup {
  display: block;
  width: 30px;
  height: 18px;
  position: absolute;
  right: 15px;
  top: 10px;
  background: url("../../images/menu2.png") repeat scroll 0% 0%;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .login-popup .cerrar-login-popup {
    right: 7px;
    top: 11px;
  }
}

.webprofesionales .login-popup .box {
  display: block;
  width: 50%;
  float: right;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .login-popup .box {
    width: 100%;
    float: none;
  }
}

.webprofesionales .login-popup .box form .field {
  display: block;
  margin-bottom: 15px;
}

.webprofesionales .login-popup .box form .field input {
  width: 100%;
  padding: 10px;
  border: none;
  background: #ffffff;
  color: #333333;
}

.webprofesionales .login-popup .box form .right {
  text-align: right;
}

.webprofesionales .login-popup .box form .right a {
  text-decoration: underline;
  font-size: 12px;
  color: #ffffff;
}

.webprofesionales .login-popup .box h3 {
  margin: 0 0 15px;
  font-size: 16px;
}

.webprofesionales .login-popup .box .btn {
  display: block;
  clear: both;
  width: 100%;
  padding: 10px;
  color: #ffffff;
  text-align: center;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 19px;
}

.webprofesionales .login-popup .box .info {
  font-size: 13px;
  padding: 30px 50px;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .login-popup .box .info {
    padding: 20px 45px 20px 15px;
  }
}

.webprofesionales .login-popup .box.box-registrate {
  background: #014A81;
}

.webprofesionales .login-popup .box.box-registrate .btn {
  background: #FFBF39;
}

.webprofesionales .login-popup .box.box-iniciar-sesion {
  background: #0076BE;
}

.webprofesionales .login-popup .box.box-iniciar-sesion .btn {
  background: #FF6A1D;
}

.webprofesionales .login-popup .loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  text-align: center;
  display: none;
  padding: 0 10px;
}

.webprofesionales .login-popup .loading .inner {
  background-color: rgba(0, 0, 0, 0.8);
  display: block;
  width: 100%;
  height: 100%;
}

.webprofesionales .login-popup .loading span {
  display: block;
  vertical-align: middle;
  text-align: center;
  padding: 10% 0;
}

.webprofesionales .login-popup.blocking .loading {
  display: block;
}

.webprofesionales #remember-form .box .info {
  height: 140px;
}

@media only screen and (max-width: 640px) {
  .webprofesionales #remember-form .box .info {
    height: auto;
  }
}

.webprofesionales #remember-form .loading span {
  padding: 8% 0;
}

.webprofesionales #formProfile {
  display: none;
}

.webprofesionales .btn-opciones {
  display: block;
  float: left;
  position: absolute;
  left: 10px;
  bottom: 30px;
}

.webprofesionales .btn-opciones a {
  display: block;
  float: left;
  margin-right: 5px;
}

.webprofesionales header .promotour {
  display: block;
  padding: 10px 0;
}

@media only screen and (max-width: 800px) {
  .webprofesionales header {
    /*
      padding-left: 15px;
      padding-right: 15px;
      */
  }
}

@media only screen and (max-width: 640px) {
  .webprofesionales header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    background: #ffffff;
    padding: 0;
  }
}

.webprofesionales header h1 {
  color: #817451;
  text-align: center;
  margin-top: 10px;
  font-size: 1.8em;
}

.webprofesionales header .middle {
  background: #D15645;
  color: #ffffff;
  padding: 7px 0;
  position: relative;
  z-index: 90;
}

.webprofesionales header .middle .websites {
  display: block;
  float: left;
}

.webprofesionales header .middle .websites ul {
  display: block;
  padding: 0;
  margin: 0;
}

.webprofesionales header .middle .websites ul li {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  padding-right: 6px;
  margin-right: 5px;
  border-right: 1px solid #ffffff;
}

.webprofesionales header .middle .websites ul li a {
  display: block;
  color: #ffffff;
  font-size: 0.8em;
}

.webprofesionales header .middle .websites ul li:last-child {
  border: none;
  padding: 0;
  margin: 0;
}

.webprofesionales header .middle .social {
  display: block;
  float: right;
}

.webprofesionales header .middle .social a {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  margin-left: 5px;
}

.webprofesionales header .top {
  background: #D15645;
  color: #ffffff;
  padding: 7px 0;
  position: relative;
  z-index: 99;
}

.webprofesionales header .top .menu {
  position: relative;
  min-height: 35px;
}

.webprofesionales header .top .menu.active nav {
  display: block;
  padding-bottom: 0;
}

.webprofesionales header .top .menu.active a.menu-action {
  background: url("../../images/menu2.png") no-repeat center;
}

@media only screen and (max-width: 800px) {
  .webprofesionales header .top .menu nav {
    display: none;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .webprofesionales header .top .menu nav a {
    font-weight: bold;
    font-size: 16px !important;
    padding: 10px 0;
    display: block;
    cursor: pointer;
  }

  .webprofesionales header .top .menu nav ul {
    margin: 0;
    padding: 0;
  }

  .webprofesionales header .top .menu nav ul li {
    display: block;
    margin: 0;
  }

  .webprofesionales header .top .menu nav ul li ul {
    display: none;
  }

  .webprofesionales header .top .menu nav ul li ul li a,
  .webprofesionales header .top .menu nav ul li ul li span.nolink {
    font-size: 13px !important;
    font-weight: normal !important;
    padding: 7px;
    border-left: 1px solid #ffffff;
  }

  .webprofesionales header .top .menu nav ul li ul ul {
    padding-left: 20px;
  }

  .webprofesionales header .top .menu nav ul li.active-menu>ul {
    display: block;
  }

  .webprofesionales header .top .menu nav ul li .nolink {
    font-weight: bold;
    font-size: 16px !important;
    padding: 10px 0;
    display: block;
    cursor: pointer;
  }

  .webprofesionales header .top .menu nav ul li a {
    font-weight: bold !important;
  }

  .webprofesionales header .top .menu nav ul li a:hover {
    background: #F8F4E7;
    text-decoration: none;
    color: #817451;
  }

  .webprofesionales header .top .menu nav .menu-split {
    display: block;
    width: 150px;
    height: 1px;
    background: #ECEFF4;
    margin: 20px auto;
  }
}

.webprofesionales header .top .menu a {
  color: #ffffff;
}

.webprofesionales header .top .menu a.menu-action {
  display: block;
  width: 30px;
  height: 30px;
  background: url("../../images/menu1.png") no-repeat center;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 3px;
}

.webprofesionales header .top .menu a.font-size {
  padding-top: 5px;
  margin-right: 10px;
}

.webprofesionales header .top .menu .buscar {
  position: absolute;
  right: 250px;
  top: 6px;
}

.webprofesionales header .top .menu .buscar>img {
  cursor: pointer;
}

.webprofesionales header .top .menu .buscar form {
  position: absolute;
  display: block;
  right: 30px;
  top: -2px;
  /* background: #0099D7; */
  padding: 0;
  /* width: 262px; */
}

.webprofesionales header .top .menu .buscar form input[type=submit],
.webprofesionales header .top .menu .buscar form input[type=text] {
  color: #999999;
}

.webprofesionales header .top .menu .buscar form input[type=submit] {
  display: none;
}

@media only screen and (max-width: 800px) {
  .webprofesionales header .top .menu .buscar form input[type=text] {
    width: 150px;
  }
}

@media only screen and (max-width: 479px) {
  .webprofesionales header .top .menu .buscar form input[type=text] {
    width: 100px;
  }
}

.webprofesionales header .top .menu .buscar:hover form {
  display: block;
}

@media only screen and (max-width: 800px) {
  .webprofesionales header .top .menu .buscar {
    right: 0px;
  }
}

.webprofesionales header .top .menu .languages {
  display: block;
  display: none;
  float: left;
  padding: 5px 0;
  margin-right: 10px;
}

.webprofesionales header .top .menu .languages a {
  display: inline;
  margin: 0 5px;
}

.webprofesionales header .top .menu .languages a.active {
  text-decoration: underline;
}

.webprofesionales header .top .menu .websites,
.webprofesionales header .top .menu .font-size,
.webprofesionales header .top .menu .languages-mobile {
  display: block;
  float: left;
}

.webprofesionales header .top .menu .websites {
  padding-top: 2px;
}

.webprofesionales header .top .menu .websites ul {
  margin: 0;
  padding: 5px 0;
}

.webprofesionales header .top .menu .websites ul li {
  margin: 0;
  padding: 0 5px;
  display: inline-block;
  zoom: 1;
}

.webprofesionales header .top .menu .websites ul li:first-child {
  border-right: 1px solid #ffffff;
  padding-right: 6px;
}

.webprofesionales header .top .menu .websites ul li a {
  font-size: 12px;
}

@media only screen and (max-width: 800px) {
  .webprofesionales header .top .menu .websites ul li {
    display: block;
    padding: 0 !important;
    border: none !important;
  }
}

@media only screen and (max-width: 800px) {
  .webprofesionales header .top .menu .websites {
    float: none;
    padding: 10px 0;
  }
}

.webprofesionales header .top .menu .languages-mobile {
  position: absolute;
  top: 3px;
  right: 0;
}

.webprofesionales header .top .menu .languages-mobile select {
  background: #0099D7 url("../../images/select-arrow-white.png") no-repeat 95% 50%;
  border: none;
  padding: 3px 20px 3px 5px;
}

.webprofesionales header .top .menu .social {
  position: absolute;
  right: 0px;
  top: 4px;
}

@media only screen and (max-width: 800px) {
  .webprofesionales header .top .menu .social {
    position: relative;
    right: auto;
    top: auto;
  }
}

.webprofesionales header .top .menu .social a {
  display: inline;
  margin: 0 3px;
}

@media only screen and (max-width: 800px) {
  .webprofesionales header .top .menu .social a {
    margin: 0 10px;
  }
}

.webprofesionales header .top .menu .social a img {
  display: inline;
}

.webprofesionales header .bot .encabezado {
  text-align: center;
}

.webprofesionales header .bot .encabezado>a {
  text-decoration: none !important;
  display: block;
  float: left;
  clear: both;
  width: 100%;
  text-align: left;
  padding: 50px 0;
}

.webprofesionales header .bot .encabezado>a img {
  display: inline;
}

.webprofesionales header .bot .encabezado h1 {
  color: #0099D7;
  font-size: 30px;
  font-weight: bold;
  font-family: 'Varela Round', sans-serif;
  margin: 60px 0 0px;
}

@media only screen and (max-width: 640px) {
  .webprofesionales header .bot .encabezado h1 {
    font-size: 24px;
  }
}

.webprofesionales header .bot .encabezado h2 {
  color: #717171;
  margin: 0 auto 50px;
  font-size: 15px;
}

.webprofesionales header .bot .encabezado nav {
  margin-bottom: 5px;
}

.webprofesionales header .bot .encabezado nav ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.webprofesionales header .bot .encabezado nav ul li {
  display: inline-block;
  zoom: 1;
  margin: 0;
  padding: 0;
  position: relative;
}

.webprofesionales header .bot .encabezado nav ul li a,
.webprofesionales header .bot .encabezado nav ul li span {
  color: #000000;
  font-size: 15px;
  font-weight: 500;
  font-family: 'Ubuntu', sans-serif;
  display: block;
  padding: 5px 10px;
  text-transform: uppercase;
  cursor: pointer;
}

.webprofesionales header .bot .encabezado nav ul li a:hover,
.webprofesionales header .bot .encabezado nav ul li span:hover {
  text-decoration: none;
}

.webprofesionales header .bot .encabezado nav ul li ul {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 99;
  background: #ffffff;
  padding: 10px;
  display: none;
  width: 220px;
  border: 1px solid #dddddd;
  border-top: none;
}

.webprofesionales header .bot .encabezado nav ul li ul li {
  display: block;
  clear: both;
  text-align: left;
}

.webprofesionales header .bot .encabezado nav ul li ul li a,
.webprofesionales header .bot .encabezado nav ul li ul li span {
  font-size: 15px;
}

.webprofesionales header .bot .encabezado nav ul li ul li>ul {
  left: 100%;
  top: 0;
  border-left: none;
  border-top: 1px solid #dddddd;
}

.webprofesionales header .bot .encabezado nav ul li:hover>ul {
  display: block;
}

.webprofesionales .btn.btn-yellow,
.webprofesionales .btn.btn-rss {
  background: #FFBA00 url("../../images/arrow-right-red.png") no-repeat 95% 50%;
  border: 1px solid #ffffff;
  color: #000000;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 10px 30px 10px 15px;
  font-weight: bold;
}

.webprofesionales .btn.btn-rss {
  background: #FFBA00 url("../../images/arrow-right-red.png") no-repeat 95% 50% !important;
}

.webprofesionales .btn.btn-descargar-jpg {
  margin: 30px auto 0 !important;
  display: inline-block;
  float: right;
}

.webprofesionales .btn.btn-yellow-download {
  background: #FFBA00 url("../../images/descargar.png") no-repeat 8% 50%;
  background-size: 45px;
  line-height: 45px;
  height: 70px;
  width: 100%;
  color: #ffffff;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 10px 10px 10px 27%;
  font-weight: bold;
  text-align: left;
}

.webprofesionales .btn.btn-yellow-download span {
  display: block;
  font-size: 9px;
}

.webprofesionales .btn.btn-yellow-download.btn-yellow-download-unloged {
  line-height: 15px;
  padding-top: 18px !important;
}

.webprofesionales .btn.btn-blue {
  color: #ffffff;
  background: #009AD8 url("../../images/arrow-right-white.png") no-repeat 90% 50% !important;
  border: 1px solid #ffffff;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 10px 30px 10px 15px;
  font-weight: bold;
}

.webprofesionales .field-name-field-grafico .field-name-field-selecciona-tipo-de-grafico {
  display: none;
}

.webprofesionales .field-name-field-grafico ul.action-links,
.webprofesionales .field-name-field-grafico ul.field-collection-view-links {
  display: none;
}

.webprofesionales .field-name-field-grafico .field-collection-view,
.webprofesionales .field-name-field-grafico .field-collection-container {
  padding: 0;
  margin: 0;
  border: none;
}

.webprofesionales .node-informe .articulo {
  border-top: 20px solid #5CC0E5;
}

.webprofesionales .node-informe .articulo>.detalle>h2 {
  padding: 20px 40px 10px;
  margin: 0;
  background: #F4F4F4;
  border-left: 1px solid #C2C2C2;
  border-right: 1px solid #C2C2C2;
  width: 100%;
}

.webprofesionales .field-name-field-grafico {
  background: #F4F4F4;
  border-left: 1px solid #C2C2C2;
  border-right: 1px solid #C2C2C2;
  width: 100%;
  padding: 0;
}

.webprofesionales .field-name-field-grafico>.field-items>.field-item {
  display: block;
  width: 100%;
  padding: 30px 40px;
  margin-bottom: 0;
}

.webprofesionales .field-name-field-grafico>.field-items>.field-item.even {
  border-bottom: 20px solid #F8BA37;
}

.webprofesionales .field-name-field-grafico>.field-items>.field-item.odd {
  border-bottom: 20px solid #5CC0E5;
}

.webprofesionales .field-name-field-grafico .field-name-field-grafico-titulo {
  font-style: italic;
  font-size: 1.8em;
  color: #666666;
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .webprofesionales .field-name-field-grafico .field-name-field-grafico-titulo {
    font-size: 1.5em;
  }
}

.webprofesionales .graph-icon-text-text-text-color {
  display: block;
  margin: 10px 0;
  max-width: 750px;
}

.webprofesionales .graph-icon-text-text-text-color .icon {
  -webkit-border-radius: 355px;
  border-radius: 355px;
  overflow: hidden;
  border: 8px solid;
  display: inline-block;
  zoom: 1;
  width: 25%;
  vertical-align: middle;
  margin-right: 4%;
  background: #ffffff;
  padding: 20px;
}

@media only screen and (max-width: 639px) {
  .webprofesionales .graph-icon-text-text-text-color .icon {
    border: 4px solid;
  }
}

.webprofesionales .graph-icon-text-text-text-color .info {
  display: inline-block;
  zoom: 1;
  width: 70%;
  vertical-align: middle;
}

.webprofesionales .graph-icon-text-text-text-color .info .numero {
  font-size: 3em;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
}

@media only screen and (max-width: 639px) {
  .webprofesionales .graph-icon-text-text-text-color .info .numero {
    font-size: 2em;
  }
}

.webprofesionales .graph-icon-text-text-text-color .info .texto-corto {
  font-size: 1.3em;
  color: #666666;
}

@media only screen and (max-width: 639px) {
  .webprofesionales .graph-icon-text-text-text-color .info .texto-corto {
    font-size: 1.1em;
  }
}

.webprofesionales .graph-icon-text-text-text-color .info .aclaracion {
  font-size: 1em;
  color: #999999;
}

@media only screen and (max-width: 639px) {
  .webprofesionales .graph-icon-text-text-text-color .info .aclaracion {
    font-size: 0.8em;
  }
}

.webprofesionales .graph-icon-people {
  display: block;
  width: 100%;
  clear: both;
  margin: 5px 0;
}

.webprofesionales .graph-icon-people .graph-icon-text-text-text-color {
  display: inline-block;
  zoom: 1;
  width: 35%;
  margin-right: 3%;
  vertical-align: middle;
}

.webprofesionales .graph-icon-people .graph-people {
  display: inline-block;
  zoom: 1;
  width: 60%;
  vertical-align: middle;
  position: relative;
}

.webprofesionales .graph-icon-people .graph-people .peoples {
  width: 100%;
  z-index: 3;
  position: relative;
}

.webprofesionales .graph-icon-people .graph-people .peoples img {
  width: 100%;
}

.webprofesionales .graph-icon-people .graph-people .bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
}

.webprofesionales .field-collection-item-field-tipo-grafico-2>.content,
.webprofesionales .field-collection-item-field-tipo-grafico-3>.content,
.webprofesionales .field-collection-item-field-tipo-grafico-4>.content,
.webprofesionales .field-collection-item-field-tipo-grafico-7>.content {
  float: none;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  width: 50%;
}

.webprofesionales .field-collection-item-field-tipo-grafico-2>.icon,
.webprofesionales .field-collection-item-field-tipo-grafico-3>.icon,
.webprofesionales .field-collection-item-field-tipo-grafico-4>.icon,
.webprofesionales .field-collection-item-field-tipo-grafico-7>.icon {
  -webkit-border-radius: 355px;
  border-radius: 355px;
  overflow: hidden;
  border: 8px solid;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-color: #ffffff;
  float: none;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  width: 42%;
  vertical-align: middle;
  margin: 0 0 0 4%;
}

.webprofesionales .field-collection-item-field-tipo-grafico-2>.chart,
.webprofesionales .field-collection-item-field-tipo-grafico-3>.chart,
.webprofesionales .field-collection-item-field-tipo-grafico-4>.chart,
.webprofesionales .field-collection-item-field-tipo-grafico-7>.chart {
  float: none;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  width: 42%;
  vertical-align: middle;
  margin: 0 0 0 4%;
  background-size: 70%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 355px;
  border-radius: 355px;
}

.webprofesionales .field-collection-item-field-tipo-grafico-2>.content,
.webprofesionales .field-collection-item-field-tipo-grafico-3>.content {
  vertical-align: top;
}

.webprofesionales .field-collection-item-field-tipo-grafico-2>.chart,
.webprofesionales .field-collection-item-field-tipo-grafico-3>.chart {
  vertical-align: top;
}

.webprofesionales .chart>canvas {
  display: block;
  width: 100%;
}

.webprofesionales .field-name-field-tipo-grafico-1,
.webprofesionales .field-name-field-tipo-grafico-2,
.webprofesionales .field-name-field-tipo-grafico-3,
.webprofesionales .field-name-field-tipo-grafico-4,
.webprofesionales .field-name-field-tipo-grafico-5,
.webprofesionales .field-name-field-tipo-grafico-6,
.webprofesionales .field-name-field-tipo-grafico-7,
.webprofesionales .field-name-field-tipo-grafico-8 {
  display: none;
}

.webprofesionales .tipo-grafico-1 .field-name-field-tipo-grafico-1,
.webprofesionales .tipo-grafico-2 .field-name-field-tipo-grafico-2,
.webprofesionales .tipo-grafico-3 .field-name-field-tipo-grafico-3,
.webprofesionales .tipo-grafico-4 .field-name-field-tipo-grafico-4,
.webprofesionales .tipo-grafico-5 .field-name-field-tipo-grafico-5,
.webprofesionales .tipo-grafico-6 .field-name-field-tipo-grafico-6,
.webprofesionales .tipo-grafico-7 .field-name-field-tipo-grafico-7,
.webprofesionales .tipo-grafico-8 .field-name-field-tipo-grafico-8 {
  display: block;
}

.webprofesionales .field-collection-item-field-tipo-grafico-3>.icon,
.webprofesionales .field-collection-item-field-tipo-grafico-3>.chart,
.webprofesionales .field-collection-item-field-tipo-grafico-7>.icon,
.webprofesionales .field-collection-item-field-tipo-grafico-7>.chart {
  margin: 0 4% 0 0;
}

.webprofesionales .field-collection-item-field-tipo-grafico-4 {
  margin-bottom: 40px;
}

.webprofesionales .field-collection-item-field-tipo-grafico-4 .chart-wrapper {
  margin: 0 auto;
  width: 60%;
  display: block;
  vertical-align: middle;
}

.webprofesionales .field-collection-item-field-tipo-grafico-4 .chart-wrapper .chart {
  width: 100%;
  margin: 0;
  background-size: 70%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 500px;
  border-radius: 500px;
}

.webprofesionales .linear-data {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.webprofesionales .linear-data ul {
  display: block;
  margin: 0;
  padding: 0;
}

.webprofesionales .linear-data ul li {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  text-align: center;
  width: 26%;
  margin: 0 3%;
}

.webprofesionales .linear-data ul li .icon {
  -webkit-border-radius: 355px;
  border-radius: 355px;
  overflow: hidden;
  border: 8px solid;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-color: #ffffff;
  float: none;
}

.webprofesionales .linear-data ul li .texto-corto {
  font-size: 2em;
  padding: 10px 20px;
  font-weight: bold;
  text-align: left;
  line-height: 1.2em;
}

.webprofesionales .linear-data ul li .aclaracion {
  color: #666666;
  font-style: italic;
  font-size: 1em;
  padding: 0 20px;
  text-align: left;
}

.webprofesionales .graph-text-text-color {
  display: block;
  width: 100%;
  padding: 10px 0;
  border-top: 1px dotted #333333;
  border-bottom: 1px dotted #333333;
  margin-bottom: -1px;
}

.webprofesionales .graph-text-text-color .texto-corto {
  font-style: italic;
  margin-bottom: -5px;
  font-size: 1.6em;
}

@media only screen and (max-width: 639px) {
  .webprofesionales .graph-text-text-color .texto-corto {
    font-size: 1.3em;
  }
}

.webprofesionales .graph-text-text-color .numero {
  font-weight: bold;
  font-size: 3em;
}

@media only screen and (max-width: 639px) {
  .webprofesionales .graph-text-text-color .numero {
    font-size: 2em;
  }
}

.webprofesionales .graph-icon-bar {
  display: block;
  clear: both;
  margin: 10px 0;
}

.webprofesionales .graph-icon-bar .bar {
  display: inline-block;
  zoom: 1;
  width: 65%;
  position: relative;
  height: 50px;
  background: #ffffff;
  vertical-align: middle;
}

.webprofesionales .graph-icon-bar .bar .fill {
  display: block;
  position: absolute;
  z-index: 1;
  height: 100%;
}

.webprofesionales .graph-icon-bar .bar .icon {
  display: block;
  width: 46px;
  margin: 2px 10px 0 0;
  float: right;
  position: relative;
  z-index: 2;
  -webkit-border-radius: 355px;
  border-radius: 355px;
  overflow: hidden;
  border: 1px solid #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-color: #ffffff;
}

.webprofesionales .graph-icon-bar .bar .icon img {
  border: 4px solid;
  -webkit-border-radius: 355px;
  border-radius: 355px;
}

.webprofesionales .graph-icon-bar .info {
  display: inline-block;
  zoom: 1;
  width: 30%;
  vertical-align: middle;
  margin-left: 2%;
}

.webprofesionales .graph-icon-bar .info .texto-corto {
  font-style: italic;
  margin-bottom: -5px;
}

.webprofesionales .graph-icon-bar .info .numero {
  font-weight: bold;
  font-size: 2em;
}

@media only screen and (max-width: 639px) {
  .webprofesionales .graph-icon-bar .info .numero {
    font-size: 1.6em;
  }
}

.webprofesionales #user-pass label,
.webprofesionales #user-pass .form-actions,
.webprofesionales #user-pass--2 label,
.webprofesionales #user-pass--2 .form-actions {
  display: none;
}

.webprofesionales #user-pass input[type=text],
.webprofesionales #user-pass--2 input[type=text] {
  width: 100%;
  padding: 10px;
  border: none;
  background: #ffffff;
  color: #333333;
}

.webprofesionales .node-calendario .detalle>h2 * {
  display: inline;
}

.webprofesionales .contents {
  color: #5B5B5B;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  font-size: 14px;
}

.webprofesionales .contents .block-views .views-row .download {
  position: relative;
  right: auto;
  top: auto;
  display: block;
  width: 100%;
}

.webprofesionales .contents .block-views .views-row .download a {
  display: block;
  width: 100%;
  color: #FFFFFF;
  background: #D15645 url("../../images/descargar.png") no-repeat 15px 50%;
  padding: 15px 20px 15px 60px;
  font-size: 12px;
  background-size: 30px;
}

.webprofesionales .contents .content {
  /*
      .view-documentos{
        .view-filters{
          form{
            .views-exposed-widget{
              &.views-widget-filter-keys{
                margin-left: 60%;
                @media only screen and (max-width: 992px) {
                  margin-left: 48%;
                }
                @media only screen and (max-width: 639px) {
                  margin-left: 0;
                }
              }
              input[type=text]{
                max-width: 200px;
                width: 200px;
                @media only screen and (max-width: 992px) {

                }
                @media only screen and (max-width: 639px) {
                  max-width: 100%;
                  width: 100%;
                }

              }

            }
          }
        }
      }
      */
}

.webprofesionales .contents .content form {
  margin: 0px 50px 50px;
}

.webprofesionales .contents .content form input[type=text],
.webprofesionales .contents .content form input[type=password],
.webprofesionales .contents .content form textarea {
  border: 1px solid #999999;
  background: #ffffff;
  padding: 2px 5px;
  max-width: 100%;
}

.webprofesionales .contents .content form.comment-form {
  margin: 0;
}

.webprofesionales .contents .content #user-pass-reset {
  text-align: center;
}

.webprofesionales .contents .content #user-pass-reset p {
  margin: 0;
}

.webprofesionales .contents .content #user-pass-reset #edit-actions {
  margin-top: 3em;
  text-align: center;
}

.webprofesionales .contents .content #user-pass-reset #edit-actions #edit-submit {
  color: #ffffff;
  background: #009AD8 !important;
  border: 1px solid #ffffff;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 10px 20px;
  font-weight: bold;
}

.webprofesionales .contents .content .view-filters form {
  margin: 0px 0 40px;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget {
  max-width: 30%;
  margin-right: 0;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget .form-item {
  margin-right: 0;
  width: 100%;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget .date-padding {
  width: 100%;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget .date-padding .form-item {
  width: 40%;
  float: left;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget .date-padding .form-item:last-child {
  float: right;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget .date-padding .form-item:first-child {
  float: left;
}

@media only screen and (max-width: 639px) {
  .webprofesionales .contents .content .view-filters form .views-exposed-widget {
    max-width: none;
    width: 100%;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
  }
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget label {
  display: none;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=text],
.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=submit],
.webprofesionales .contents .content .view-filters form .views-exposed-widget select {
  height: 40px;
  line-height: 30px;
  border: 1px solid #999999;
  margin-right: 0;
  max-width: 200px;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=text].error,
.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=submit].error,
.webprofesionales .contents .content .view-filters form .views-exposed-widget select.error {
  color: #ff0000 !important;
  border-color: #ff0000 !important;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=text] option[value="65"],
.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=text] option[value="83"],
.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=submit] option[value="65"],
.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=submit] option[value="83"],
.webprofesionales .contents .content .view-filters form .views-exposed-widget select option[value="65"],
.webprofesionales .contents .content .view-filters form .views-exposed-widget select option[value="83"] {
  background: #dddddd;
  text-transform: uppercase;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {

  .webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=text],
  .webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=submit],
  .webprofesionales .contents .content .view-filters form .views-exposed-widget select {
    max-width: 140px;
  }
}

@media only screen and (max-width: 639px) {

  .webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=text],
  .webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=submit],
  .webprofesionales .contents .content .view-filters form .views-exposed-widget select {
    max-width: none;
    width: 100%;
  }
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=text]::-webkit-input-placeholder,
.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=submit]::-webkit-input-placeholder,
.webprofesionales .contents .content .view-filters form .views-exposed-widget select::-webkit-input-placeholder {
  color: #5B5B5B;
  opacity: 1;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=text]:-moz-placeholder,
.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=submit]:-moz-placeholder,
.webprofesionales .contents .content .view-filters form .views-exposed-widget select:-moz-placeholder {
  /* Firefox 18- */
  color: #5B5B5B;
  opacity: 1;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=text]::-moz-placeholder,
.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=submit]::-moz-placeholder,
.webprofesionales .contents .content .view-filters form .views-exposed-widget select::-moz-placeholder {
  /* Firefox 19+ */
  color: #5B5B5B;
  opacity: 1;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=text]:-ms-input-placeholder,
.webprofesionales .contents .content .view-filters form .views-exposed-widget input[type=submit]:-ms-input-placeholder,
.webprofesionales .contents .content .view-filters form .views-exposed-widget select:-ms-input-placeholder {
  color: #5B5B5B;
  opacity: 1;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget.views-submit-button,
.webprofesionales .contents .content .view-filters form .views-exposed-widget.views-reset-button {
  float: left;
  margin-right: 0;
  padding-right: 0;
  margin-top: -2px;
  margin-left: 0.5em;
}

@media only screen and (max-width: 639px) {

  .webprofesionales .contents .content .view-filters form .views-exposed-widget.views-submit-button,
  .webprofesionales .contents .content .view-filters form .views-exposed-widget.views-reset-button {
    padding-right: 15px;
    margin-left: 0;
  }
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget.views-submit-button .form-submit,
.webprofesionales .contents .content .view-filters form .views-exposed-widget.views-reset-button .form-submit {
  margin-top: 0;
  padding-right: 60px;
  padding-left: 20px;
  background: #EFEDEE url("../../images/icon-buscar.png") no-repeat 85% 50%;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  height: 44px;
  max-width: none;
}

.webprofesionales .contents .content .view-filters form .views-exposed-widget.views-reset-button .form-submit {
  background: #EFEDEE url("../../images/icon-limpiar.png") no-repeat 85% 50%;
}

.webprofesionales .contents .content .view-investigacion .view-filters form .views-exposed-widget .date-padding .form-item {
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  .webprofesionales .contents .container .row {
    margin-left: 0;
    margin-right: 0;
  }

  .webprofesionales .contents .container .row .col-xs-1,
  .webprofesionales .contents .container .row .col-sm-1,
  .webprofesionales .contents .container .row .col-md-1,
  .webprofesionales .contents .container .row .col-lg-1,
  .webprofesionales .contents .container .row .col-xs-2,
  .webprofesionales .contents .container .row .col-sm-2,
  .webprofesionales .contents .container .row .col-md-2,
  .webprofesionales .contents .container .row .col-lg-2,
  .webprofesionales .contents .container .row .col-xs-3,
  .webprofesionales .contents .container .row .col-sm-3,
  .webprofesionales .contents .container .row .col-md-3,
  .webprofesionales .contents .container .row .col-lg-3,
  .webprofesionales .contents .container .row .col-xs-4,
  .webprofesionales .contents .container .row .col-sm-4,
  .webprofesionales .contents .container .row .col-md-4,
  .webprofesionales .contents .container .row .col-lg-4,
  .webprofesionales .contents .container .row .col-xs-5,
  .webprofesionales .contents .container .row .col-sm-5,
  .webprofesionales .contents .container .row .col-md-5,
  .webprofesionales .contents .container .row .col-lg-5,
  .webprofesionales .contents .container .row .col-xs-6,
  .webprofesionales .contents .container .row .col-sm-6,
  .webprofesionales .contents .container .row .col-md-6,
  .webprofesionales .contents .container .row .col-lg-6,
  .webprofesionales .contents .container .row .col-xs-7,
  .webprofesionales .contents .container .row .col-sm-7,
  .webprofesionales .contents .container .row .col-md-7,
  .webprofesionales .contents .container .row .col-lg-7,
  .webprofesionales .contents .container .row .col-xs-8,
  .webprofesionales .contents .container .row .col-sm-8,
  .webprofesionales .contents .container .row .col-md-8,
  .webprofesionales .contents .container .row .col-lg-8,
  .webprofesionales .contents .container .row .col-xs-9,
  .webprofesionales .contents .container .row .col-sm-9,
  .webprofesionales .contents .container .row .col-md-9,
  .webprofesionales .contents .container .row .col-lg-9,
  .webprofesionales .contents .container .row .col-xs-10,
  .webprofesionales .contents .container .row .col-sm-10,
  .webprofesionales .contents .container .row .col-md-10,
  .webprofesionales .contents .container .row .col-lg-10,
  .webprofesionales .contents .container .row .col-xs-11,
  .webprofesionales .contents .container .row .col-sm-11,
  .webprofesionales .contents .container .row .col-md-11,
  .webprofesionales .contents .container .row .col-lg-11,
  .webprofesionales .contents .container .row .col-xs-12,
  .webprofesionales .contents .container .row .col-sm-12,
  .webprofesionales .contents .container .row .col-md-12,
  .webprofesionales .contents .container .row .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
  }
}

.webprofesionales .contents .banner {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 25px;
}

.webprofesionales .contents .banner .field-name-field-header-image .field-label {
  display: none;
}

.webprofesionales .contents .banner .block-imageblock {
  width: 100%;
  height: 100%;
  position: relative;
}

.webprofesionales .contents .banner .block-imageblock .titulo {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

.webprofesionales .contents .banner .block-imageblock .titulo .inner {
  display: table;
  width: 100%;
  height: 100%;
}

.webprofesionales .contents .banner .block-imageblock .titulo .inner h1 {
  display: table-cell;
  color: #FFFFFF;
  text-shadow: 0 0 20px #000000;
  font-size: 40px;
  padding-left: 10%;
  font-weight: normal;
  margin: 0;
  vertical-align: middle;
}

@media only screen and (max-width: 992px) {
  .webprofesionales .contents .banner .block-imageblock .titulo .inner h1 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 639px) {
  .webprofesionales .contents .banner .block-imageblock .titulo .inner h1 {
    font-size: 20px;
  }
}

.webprofesionales .contents .banner #banner {
  position: relative;
}

.webprofesionales .contents .banner #banner .field-name-field-header-image-texto {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.webprofesionales .contents .banner #banner .field-name-field-header-image-texto .field-label {
  display: none;
}

.webprofesionales .contents .banner #banner .field-name-field-header-image-texto .field-items {
  display: table;
  width: 100%;
  height: 100%;
}

.webprofesionales .contents .banner #banner .field-name-field-header-image-texto .field-items .field-item {
  display: table-cell;
  vertical-align: middle;
  color: #FFFFFF;
  text-shadow: 0 0 20px #000000;
  font-size: 40px;
  padding-left: 20%;
}

.webprofesionales .contents .banner #banner .field-name-field-header-image-texto .field-items .field-item h1 {
  display: block;
  vertical-align: middle;
  color: #FFFFFF;
  text-shadow: 0 0 20px #000000;
  font-size: 40px;
}

@media only screen and (max-width: 992px) {
  .webprofesionales .contents .banner #banner .field-name-field-header-image-texto .field-items .field-item h1 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 639px) {
  .webprofesionales .contents .banner #banner .field-name-field-header-image-texto .field-items .field-item h1 {
    font-size: 20px;
  }
}

.webprofesionales .contents .banner .breadcrumb {
  display: block;
  text-align: left;
  color: #796C49;
  font-size: 13px;
  background: #ECEFF4;
  padding: 10px 15px;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-transform: uppercase;
}

.webprofesionales .contents .banner .breadcrumb>* {
  margin-right: 2px;
}

.webprofesionales .contents .banner .breadcrumb a {
  text-decoration: underline;
  color: #796C49;
  text-transform: uppercase;
}

.webprofesionales .contents .banner .breadcrumb span {
  color: #796C49;
}

.webprofesionales .contents .banner .breadcrumb span.delimiter {
  color: #FFC325;
}

.webprofesionales .contents .featured {
  text-align: left;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.webprofesionales .contents .featured .visible-ipad {
  display: none;
}

@media only screen and (max-width: 991px) and (min-width: 640px) {
  .webprofesionales .contents .featured .visible-ipad {
    display: block;
  }
}

@media only screen and (max-width: 991px) and (min-width: 640px) {
  .webprofesionales .contents .featured .visible-sm {
    display: none !important;
  }
}

@media only screen and (max-width: 992px) {
  .webprofesionales .contents .featured {
    margin-bottom: 0px;
  }
}

.webprofesionales .contents .featured>* {
  padding-left: 20px;
  padding-right: 20px;
}

.webprofesionales .contents .featured .slideshow {
  padding: 0;
  margin-bottom: 30px;
}

.webprofesionales .contents .featured h2 {
  color: #5A5A5A;
  font-weight: normal;
  font-size: 40px;
}

.webprofesionales .contents .featured p {
  color: #5A5A5A;
  font-size: 1.4em;
}

.webprofesionales .contents .grid-banners .grid-item {
  width: 32%;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}

.webprofesionales .contents .grid-banners .grid-item:first-child {
  margin-left: 0;
}

.webprofesionales .contents .grid-banners .grid-item:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 992px) {
  .webprofesionales .contents .grid-banners .grid-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.webprofesionales .contents .grid-same-height .grid-item-1 {
  background: #ECEFF4;
  padding: 15px;
}

.webprofesionales .contents .grid-item {
  display: block;
  margin-bottom: 20px;
  background: #ffffff;
}

.webprofesionales .contents .grid-item>a {
  text-decoration: none !important;
  display: block;
}

.webprofesionales .contents .grid-item .field-label {
  display: none;
}

.webprofesionales .contents .grid-item .image {
  position: relative;
}

.webprofesionales .contents .grid-item .image .image1 {
  position: relative;
}

.webprofesionales .contents .grid-item .image .image2 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
}

.webprofesionales .contents .grid-item .image:hover .image2 {
  opacity: 1;
}

.webprofesionales .contents .grid-item .btn {
  color: #ffffff;
  border: 3px solid #ffffff;
  background: #0077BE url("../../images/arrow-right-white.png") no-repeat 93% 50%;
  padding: 10px 35px 10px 20px;
  font-weight: bold;
  margin: 10px auto;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.webprofesionales .contents .grid-item.grid-item-banner {
  text-align: center;
  padding: 25px 20px 15px;
  color: #ffffff;
}

.webprofesionales .contents .grid-item.grid-item-banner.grid-item-banner-celeste {
  background: #009AD8;
}

.webprofesionales .contents .grid-item.grid-item-banner.grid-item-banner-celeste .info h4 img {
  display: inline;
  margin-right: 10px;
}

.webprofesionales .contents .grid-item.grid-item-banner .image {
  margin-bottom: 14px;
}

.webprofesionales .contents .grid-item.grid-item-banner .info h4 {
  color: #ffffff;
  text-decoration: none;
  margin-top: 0;
}

.webprofesionales .contents .grid-item.grid-item-informe {
  color: #ffffff;
  height: 353px;
  position: relative;
}

.webprofesionales .contents .grid-item.grid-item-informe.grid-item-auto {
  height: auto;
}

@media only screen and (max-width: 992px) {
  .webprofesionales .contents .grid-item.grid-item-informe {
    height: auto;
  }
}

.webprofesionales .contents .grid-item.grid-item-informe .info {
  display: block;
  padding: 10px 35px 20px;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media only screen and (max-width: 992px) {
  .webprofesionales .contents .grid-item.grid-item-informe .info {
    position: relative;
    left: auto;
    bottom: auto;
  }
}

.webprofesionales .contents .grid-item.grid-item-informe .info h4,
.webprofesionales .contents .grid-item.grid-item-informe .info p,
.webprofesionales .contents .grid-item.grid-item-informe .info a {
  color: #ffffff;
}

.webprofesionales .contents .grid-item.grid-item-informe .info h4 {
  text-decoration: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #ffffff;
  max-height: 80px !important;
}

.webprofesionales .contents .grid-item.grid-item-informe .info a {
  text-decoration: none;
  font-style: normal;
}

.webprofesionales .contents .grid-item.grid-item-informe .meta {
  position: relative;
  padding-left: 35px;
  padding-top: 15px;
}

.webprofesionales .contents .grid-item.grid-item-informe .meta .cat {
  color: #333333;
}

.webprofesionales .contents .grid-item.grid-item-informe .meta .date {
  color: #ffffff;
}

.webprofesionales .contents .grid-item.grid-item-informe .meta .icono {
  position: absolute;
  left: 0;
  top: 0;
}

.webprofesionales .contents .grid-item.grid-item-informe.grid-item-informe-naranja {
  background: #D25645;
}

.webprofesionales .contents .grid-item.grid-item-informe.grid-item-informe-naranja .meta .cat {
  color: #FFFFFF;
}

.webprofesionales .contents .grid-item.grid-item-3,
.webprofesionales .contents .grid-item.grid-item-2-inverted {
  text-align: right;
}

@media only screen and (max-width: 992px) {

  .webprofesionales .contents .grid-item.grid-item-3,
  .webprofesionales .contents .grid-item.grid-item-2-inverted {
    text-align: left;
    padding-left: 15px;
  }
}

.webprofesionales .contents .grid-item.grid-item-3 .image,
.webprofesionales .contents .grid-item.grid-item-2-inverted .image {
  display: block;
  float: right;
  width: 66%;
  padding-top: 4px;
}

@media only screen and (max-width: 992px) {

  .webprofesionales .contents .grid-item.grid-item-3 .image,
  .webprofesionales .contents .grid-item.grid-item-2-inverted .image {
    width: 48%;
    margin: 0 0 15px 15px;
  }
}

.webprofesionales .contents .grid-item.grid-item-3 .info,
.webprofesionales .contents .grid-item.grid-item-2-inverted .info {
  float: left;
  width: 31.5%;
  display: block;
}

@media only screen and (max-width: 992px) {

  .webprofesionales .contents .grid-item.grid-item-3 .info,
  .webprofesionales .contents .grid-item.grid-item-2-inverted .info {
    width: 48%;
    float: none;
    width: auto;
    margin-right: 4%;
  }
}

.webprofesionales .contents .grid-item.grid-item-3 .meta,
.webprofesionales .contents .grid-item.grid-item-2-inverted .meta {
  float: left;
  width: 34%;
  display: block;
}

@media only screen and (max-width: 992px) {

  .webprofesionales .contents .grid-item.grid-item-3 .meta,
  .webprofesionales .contents .grid-item.grid-item-2-inverted .meta {
    float: none;
    width: auto;
  }
}

.webprofesionales .contents .grid-item.grid-item-3 .meta .icono,
.webprofesionales .contents .grid-item.grid-item-2-inverted .meta .icono {
  display: block;
  float: right;
  margin-left: 10px;
  margin-top: 4px;
}

.webprofesionales .contents .grid-item.grid-item-2-inverted .image {
  width: 48%;
}

.webprofesionales .contents .grid-item.grid-item-2-inverted .info {
  width: 48%;
}

.webprofesionales .contents .grid-item.grid-item-2-inverted .meta {
  width: 52%;
}

@media only screen and (max-width: 992px) {

  .webprofesionales .contents .grid-item.grid-item-1 .meta,
  .webprofesionales .contents .grid-item.grid-item-1 .info {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .webprofesionales .contents .grid-item.grid-item-1 .image {
    display: block;
    float: left;
    width: 48%;
    padding-top: 4px;
  }
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-item.grid-item-1 .image {
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .webprofesionales .contents .grid-item.grid-item-1 .info {
    margin-left: 4%;
    float: left;
    width: 48%;
    display: block;
    padding: 0;
  }
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-item.grid-item-1 .info {
    width: 44%;
    margin-right: 4%;
  }
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-item.grid-item-1 .info {
    float: none;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
  }
}

@media only screen and (max-width: 992px) {
  .webprofesionales .contents .grid-item.grid-item-1 .meta {
    float: left;
    width: 50%;
    display: block;
    padding-bottom: 0px;
    padding: 0;
  }
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-item.grid-item-1 .meta {
    float: none;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .webprofesionales .contents .grid-item.grid-item-1 .meta .icono {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
    padding: 0;
  }
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-item.grid-item-1 .meta .icono {
    float: none;
    width: auto;
  }
}

.webprofesionales .contents .grid-item.grid-item-2 .image {
  display: block;
  float: left;
  width: 48%;
  padding-top: 4px;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-item.grid-item-2 .image {
    width: 100%;
  }
}

.webprofesionales .contents .grid-item.grid-item-2 .info {
  margin-left: 4%;
  float: left;
  width: 48%;
  display: block;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-item.grid-item-2 .info {
    width: 44%;
    margin-right: 4%;
  }
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-item.grid-item-2 .info {
    float: none;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
  }
}

.webprofesionales .contents .grid-item.grid-item-2 .meta {
  float: left;
  width: 50%;
  display: block;
  padding-bottom: 0px;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-item.grid-item-2 .meta {
    float: none;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.webprofesionales .contents .grid-item.grid-item-2 .meta .icono {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-item.grid-item-2 .meta .icono {
    float: none;
    width: auto;
  }
}

.webprofesionales .contents .grid-item.grid-item-featured {
  background: #EEEDED;
}

.webprofesionales .contents .grid-item.grid-item-featured.grid-item-featured-2 {
  padding: 17px;
}

.webprofesionales .contents .grid-item.grid-item-featured.grid-item-featured-2 .image {
  width: 50%;
}

.webprofesionales .contents .grid-item.grid-item-featured.grid-item-featured-2 .info {
  width: 45%;
}

.webprofesionales .contents .grid-item.grid-item-featured.grid-item-featured-3 {
  padding: 20px;
  height: 470px;
}

@media only screen and (max-width: 992px) {
  .webprofesionales .contents .grid-item.grid-item-featured.grid-item-featured-3 {
    height: auto;
  }
}

.webprofesionales .contents .grid-item.grid-item-featured.grid-item-featured-3 .image {
  width: 100%;
  padding: 10px 30px;
}

.webprofesionales .contents .grid-item.grid-item-featured.grid-item-featured-3 .info {
  width: 100%;
}

.webprofesionales .contents .grid-item.grid-item-featured .image {
  display: block;
  float: left;
  width: 27%;
  padding: 3%;
  margin-right: 2%;
}

.webprofesionales .contents .grid-item.grid-item-featured .image span {
  display: block;
  -webkit-border-radius: 355px;
  border-radius: 355px;
  overflow: hidden;
  padding: 8px;
  background: #ffffff url("../../images/color.jpg") no-repeat center;
  background-size: cover;
}

.webprofesionales .contents .grid-item.grid-item-featured .image span>* {
  background: #ffffff;
  -webkit-border-radius: 355px;
  border-radius: 355px;
  overflow: hidden;
}

.webprofesionales .contents .grid-item.grid-item-featured .meta .icono {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
}

.webprofesionales .contents .grid-item.grid-item-featured .info {
  border-bottom: 1px solid #BEC4C6;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 10px;
  float: left;
  width: 68%;
}

.webprofesionales .contents .grid-item.grid-item-featured .info h4 {
  text-decoration: none;
  font-size: 1.6em;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-item.grid-item-featured .info h4 {
    font-size: 1.3em;
  }
}

.webprofesionales .contents .grid-item .meta .icono {
  margin: 0 0 5px;
}

.webprofesionales .contents .grid-item .meta .cat {
  color: #000000;
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
  line-height: 18px;
}

.webprofesionales .contents .grid-item .meta .date {
  color: #00a8e6;
  font-weight: bold;
  font-size: 0.9em;
}

.webprofesionales .contents .grid-item .download {
  position: absolute;
  right: 10px;
  top: 10px;
}

.webprofesionales .contents .grid-item .head {
  background: #ECEFF4;
  position: relative;
  padding: 10px 15px;
}

.webprofesionales .contents .grid-item .sharethis-buttons {
  display: block;
  clear: both;
  width: 100%;
  margin-top: 10px;
}

.webprofesionales .contents .grid-item .info {
  position: relative;
  overflow: hidden;
  color: #404040;
}

.webprofesionales .contents .grid-item .info h4,
.webprofesionales .contents .grid-item .info h4 a {
  color: #00a8e6;
  font-size: 1.4em;
  font-weight: normal;
}

.webprofesionales .contents .grid-item .info p {
  font-size: 0.9em;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-item .info p {
    font-size: 1.1em;
  }
}

.webprofesionales .contents .grid-item .info p a {
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

.webprofesionales .contents .grid-item .info .field-label {
  display: block;
}

.webprofesionales .contents .grid-item .info .field-name-field-tags .field-item:after {
  content: ",";
}

.webprofesionales .contents .grid-item .info div.field-name-field-tags div.field-items div:last-child:after {
  content: "";
}

.webprofesionales .contents .grid-item .info .field-name-field-tags .field-item {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 10px;
  float: left;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-item {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.webprofesionales .contents .grid-item.grid-item-block {
  color: #ffffff;
  background: #014983;
  padding: 10px 20px;
  margin-bottom: 0;
  min-height: 200px;
  position: relative;
}

.webprofesionales .contents .grid-item.grid-item-block a {
  color: #ffffff;
  text-decoration: none;
}

.webprofesionales .contents .grid-item.grid-item-block .meta {
  padding: 5px;
  border-bottom: 1px solid #ffffff;
}

.webprofesionales .contents .grid-item.grid-item-block .meta .date {
  color: #ffffff;
  font-size: 16px;
}

.webprofesionales .contents .grid-item.grid-item-block .info {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 20px;
  width: 100%;
}

.webprofesionales .contents .grid-item.grid-item-block .info h4 {
  color: #ffffff;
  text-decoration: none;
  font-style: italic;
}

.webprofesionales .contents .grid-item.grid-item-block .info h4 a {
  color: #ffffff;
  text-decoration: none;
}

.webprofesionales .contents .grid-item .documento-teaser {
  border: 2px solid #D15645;
  position: relative;
}

.webprofesionales .contents .grid-item .documento-teaser>a {
  padding: 15px 25px 5px;
  display: block;
}

.webprofesionales .contents .grid-item .documento-teaser:before {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  top: -2px;
  background: #FFFFFF;
  border-bottom: 2px solid #D15645;
  border-right: 2px solid #D15645;
  width: 35px;
  height: 35px;
}

.webprofesionales .contents .grid-item .documento-teaser .meta {
  padding-left: 20px;
  padding-bottom: 200px;
}

.webprofesionales .contents .grid-item .documento-teaser .meta .date,
.webprofesionales .contents .grid-item .documento-teaser .meta .cat {
  color: #666666;
}

.webprofesionales .contents .grid-item .documento-teaser .info {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 25px 60px;
}

.webprofesionales .contents .grid-item .documento-teaser .info h4 {
  color: #D15645;
  text-decoration: none;
  margin: 0;
}

.webprofesionales .contents .grid-item .documento-teaser .download {
  position: relative;
  right: auto;
  top: auto;
  display: block;
  width: 100%;
}

.webprofesionales .contents .grid-item .documento-teaser .download a {
  display: block;
  width: 100%;
  color: #FFFFFF;
  background: #D15645 url("../../images/descargar.png") no-repeat 15px 50%;
  padding: 15px 20px 15px 60px;
  font-size: 12px;
  background-size: 30px;
}

.webprofesionales .contents .grid-filter {
  display: block;
  width: 100%;
  background: #ECEFF4;
  padding: 10px;
  margin-bottom: 20px;
}

.webprofesionales .contents .grid-filter select.custom-select {
  width: 170px;
  margin-right: 10px;
  padding: 5px 40px 5px 5px;
  font-weight: bold;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .contents .grid-filter select.custom-select {
    width: 44%;
    margin-right: 5%;
  }
}

.webprofesionales #file2 .btn {
  display: block;
  float: left;
  padding-left: 30px;
  padding-right: 50px;
  width: auto;
}

@media only screen and (max-width: 640px) {
  .webprofesionales #file2 .btn {
    width: 100%;
  }
}

.webprofesionales .table-documentos {
  padding: 0 20px 20px;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .table-documentos {
    padding: 0 10px 10px;
  }
}

.webprofesionales .table-documentos table {
  text-align: center;
}

.webprofesionales .table-documentos table .col1,
.webprofesionales .table-documentos table .col3 {
  width: 30%;
}

.webprofesionales .table-documentos table .col2 {
  background: #D9D9D9;
}

.webprofesionales .table-documentos table th,
.webprofesionales .table-documentos table td {
  padding: 10px;
}

.webprofesionales .table-documentos table th {
  font-weight: bold;
  background: #014D6D !important;
  color: #ffffff;
  text-align: center;
}

.webprofesionales .table-documentos table td {
  background: #EEECED;
  color: #000000;
  border-bottom: 1px solid #E0E0E0;
}

.webprofesionales .node-informe .grid-item .info .field-name-field-grafico .field-label {
  display: none;
}

.webprofesionales .node-informe .grid-item .info .field-collection-container .action-links {
  display: none;
}

.webprofesionales .node-informe .grid-item .info>.field {
  padding-left: 40px;
  padding-right: 40px;
  background: #F4F4F4;
  border-left: 1px solid #C2C2C2;
  border-right: 1px solid #C2C2C2;
  width: 100%;
}

.webprofesionales .node-informe .grid-item .info>.field.field-type-list-text .field-items,
.webprofesionales .node-informe .grid-item .info>.field.field-type-taxonomy-term-reference .field-items {
  float: none;
  display: inline;
  text-align: left;
}

.webprofesionales .node-informe .grid-item .info>.field.field-type-list-text .field-items .field-item,
.webprofesionales .node-informe .grid-item .info>.field.field-type-taxonomy-term-reference .field-items .field-item {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  margin-right: 7px;
}

.webprofesionales .node-informe .grid-item .info>.field.field-last {
  border-bottom: 1px solid #C2C2C2;
  display: block;
  height: 30px;
  width: 100%;
}

.webprofesionales .table-anuncios {
  position: relative;
}

.webprofesionales .table-anuncios .accordion{
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: auto;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 auto;
}

.webprofesionales .table-anuncios .accordion-item{
  margin-top: 2rem;
}

.webprofesionales .table-anuncios .accordion-item-header{
  width: 100%;
  height: 3em;
  margin: 0;
  background-color: #0098D7;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  line-height: 3em;
  cursor: pointer;
}

.webprofesionales .table-anuncios .accordion-item-header:after{
  content: '\002B';
  color: #ffffff;
  font-weight: bold;
  margin-left: 10px;
}

.webprofesionales .table-anuncios .accordion-item.active .accordion-item-header:after{
  content: "\2212";
  color: #ffffff;
}

.webprofesionales .table-anuncios .accordion-item-content{
  display: none;
}

.webprofesionales .table-anuncios table {
  text-align: center;
  width: 100%;
}

.webprofesionales .table-anuncios table tr.row-documentos {
  display: none;
}

.webprofesionales .table-anuncios table tr.row-documentos>td {
  padding: 0;
}

.webprofesionales .table-anuncios table tr.row-documentos .table-documentos {
  padding: 30px 15px;
  background: #ffffff;
  position: relative;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  margin-top: -50px;
}

.webprofesionales .table-anuncios table tr.row-documentos .table-documentos>h3 {
  position: absolute;
  left: 15px;
  top: 8px;
  margin: 0;
  font-size: 16px;
}

.webprofesionales .table-anuncios table tr.row-documentos .table-documentos .close-table-documentos {
  position: absolute;
  right: 15px;
  top: 5px;
}

.webprofesionales .table-anuncios table tr.row-documentos.active {
  display: table-row;
}

.webprofesionales .table-anuncios table .col2,
.webprofesionales .table-anuncios table .col3,
.webprofesionales .table-anuncios table .col4 {
  width: 20%;
}

.webprofesionales .table-anuncios table .col2,
.webprofesionales .table-anuncios table .col4 {
  background: #D9D9D9;
}

.webprofesionales .table-anuncios table th,
.webprofesionales .table-anuncios table td {
  padding: 10px;
}

.webprofesionales .table-anuncios table th {
  font-weight: bold;
  background: #014D6D !important;
  color: #ffffff;
  text-align: center;
}

.webprofesionales .table-anuncios table td {
  background: #EEECED;
  color: #000000;
  border-bottom: 2px solid #ffffff;
}

.webprofesionales .table-anuncios table td a {
  text-decoration: underline;
}

.webprofesionales .table-anuncios.active>table>tbody>tr {
  display: none;
}

.webprofesionales .table-anuncios .view-filters .views-exposed-widget.views-submit-button .form-submit { 
  font-size: 0;
  padding-right: 30px !important;
  background: #EFEDEE url("../../images/icon-buscar.png") no-repeat 55% 50% !important;
}

.webprofesionales .contrataciones .detalle h2 {
  background: #0098D7;
  color: #ffffff;
  font-size: 1.2em;
  padding: 10px 15px;
  margin: 30px 0 20px;
}

.webprofesionales .contrataciones .detalle .datos .dato .info {
  color: #000000;
  font-size: 1.1em;
}

.webprofesionales .contrataciones .detalle .datos .dato .info .field {
  display: table;
  width: 100%;
}

.webprofesionales .contrataciones .detalle .datos .dato .info .field .field-label,
.webprofesionales .contrataciones .detalle .datos .dato .info .field .field-items {
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
}

@media only screen and (max-width: 640px) {

  .webprofesionales .contrataciones .detalle .datos .dato .info .field .field-label,
  .webprofesionales .contrataciones .detalle .datos .dato .info .field .field-items {
    padding: 10px;
  }
}

.webprofesionales .contrataciones .detalle .datos .dato .info .field .field-label {
  font-weight: bold;
  width: 40%;
  text-align: right;
  text-transform: uppercase;
}

.webprofesionales .contrataciones .detalle .datos .dato.dato-odd {
  background: #EEECED;
}

.webprofesionales .contrataciones .detalle .datos .dato.dato-even {
  background: #E0E0E0;
}

.webprofesionales .view-contrataciones table td {
  vertical-align: middle;
  text-align: center;
  background: #EEECED;
  color: #000000;
  padding: 13px;
  font-size: 1em;
}

@media (min-width: 801px) and (max-width: 991px) {
  .webprofesionales .view-contrataciones table td {
    font-size: 0.7em;
  }
}

.webprofesionales .view-contrataciones table td>span {
  display: inline-block;
}

.webprofesionales .view-contrataciones table td.nro-expediente {
  font-weight: bold;
  width: 12% !important;
}

.webprofesionales .view-contrataciones table td.objeto {
  width: 16% !important;
}

.webprofesionales .view-contrataciones table td.tipo {
  width: 14% !important;
}

.webprofesionales .view-contrataciones table td.estado {
  width: 15% !important
}

.webprofesionales .view-contrataciones table td.tipo-financiacion {
  width: 15% !important
}

.webprofesionales .view-contrataciones table td.ultima-publicacion {
  background-image: url("../../images/contrataciones.jpg");
  background-position: bottom right;
  background-repeat: no-repeat;
  width: 14% !important;
}

.webprofesionales .view-contrataciones table td.ultima-publicacion>span .day {
  display: block;
  background: url("../../images/calendar.jpg") no-repeat center center;
  width: 100%;
  min-height: 41px;
  font-size: 20px;
  padding-top: 11px;
}

.webprofesionales .view-contrataciones table td.ultima-publicacion>span .month-year {
  font-size: 12px;
}

@media only screen and (max-width: 800px) {

  .webprofesionales .view-contrataciones table td.nro-expediente,
  .webprofesionales .view-contrataciones table td.objeto,
  .webprofesionales .view-contrataciones table td.tipo,
  .webprofesionales .view-contrataciones table td.estado,
  .webprofesionales .view-contrataciones table td.tipo-financiacion,
  .webprofesionales .view-contrataciones table td.ultima-publicacion {
    display: block;
    width: 100% !important;
  }
}

.webprofesionales .view-contrataciones table td:nth-child(odd) {
  background: #E0E0E0;
}

.webprofesionales .view-contrataciones table td:nth-child(even) {
  background: #EEECED;
}

.webprofesionales .view-contrataciones .view-header {
  margin-bottom: 20px;
}

@media only screen and (max-width: 800px) {
  .webprofesionales .view-contrataciones .view-header {
    display: none;
  }
}

.webprofesionales .view-contrataciones .view-header table td {
  background: #0098D7 !important;
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 1em !important;
  padding: 13px;
  border: 1px solid #0098D7;
}

@media (min-width: 801px) and (max-width: 991px) {
  .webprofesionales .view-contrataciones .view-header table td {
    font-size: 0.7em !important;
  }
}

.webprofesionales .view-contrataciones .view-header table td.nro-expediente,
.webprofesionales .view-contrataciones .view-header table td.objeto,
.webprofesionales .view-contrataciones .view-header table td.tipo,
.webprofesionales .view-contrataciones .view-header table td.estado,
.webprofesionales .view-contrataciones .view-header table td.ultima-publicacion,
.webprofesionales .view-contrataciones .view-header table td.tipo-financiacion {
  border-right: 1px solid #0076BE;
}

.webprofesionales .view-contrataciones .view-header table td.tipo-financiacion {
  border-right: none;
}

.webprofesionales .view-contrataciones .view-content .item-list ul li {
  display: block;
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
}

.webprofesionales .view-contrataciones .view-content .item-list ul li .contrataciones-teaser {
  display: block;
}

@media only screen and (max-width: 640px) {

  .webprofesionales .view-investigacion .view-content,
  .webprofesionales .view-noticias .view-content,
  .webprofesionales .view-actualidad .view-content,
  .webprofesionales .view-documentos .view-content,
  .webprofesionales .view-articulos .view-content {
    padding: 0 15px;
  }
}

.webprofesionales .view-investigacion .view-content .item-list ul li,
.webprofesionales .view-noticias .view-content .item-list ul li,
.webprofesionales .view-actualidad .view-content .item-list ul li,
.webprofesionales .view-documentos .view-content .item-list ul li,
.webprofesionales .view-articulos .view-content .item-list ul li {
  display: block;
  width: 33.3%;
  float: left;
  margin: 0;
  padding: 0 0.75%;
}

@media only screen and (max-width: 640px) {

  .webprofesionales .view-investigacion .view-content .item-list ul li,
  .webprofesionales .view-noticias .view-content .item-list ul li,
  .webprofesionales .view-actualidad .view-content .item-list ul li,
  .webprofesionales .view-documentos .view-content .item-list ul li,
  .webprofesionales .view-articulos .view-content .item-list ul li {
    width: 100% !important;
    padding: 0 !important;
  }
}

.webprofesionales .view-investigacion .view-content .item-list ul li.views-row-1,
.webprofesionales .view-investigacion .view-content .item-list ul li.views-row-4,
.webprofesionales .view-investigacion .view-content .item-list ul li.views-row-7,
.webprofesionales .view-investigacion .view-content .item-list ul li.views-row-10,
.webprofesionales .view-noticias .view-content .item-list ul li.views-row-1,
.webprofesionales .view-noticias .view-content .item-list ul li.views-row-4,
.webprofesionales .view-noticias .view-content .item-list ul li.views-row-7,
.webprofesionales .view-noticias .view-content .item-list ul li.views-row-10,
.webprofesionales .view-actualidad .view-content .item-list ul li.views-row-1,
.webprofesionales .view-actualidad .view-content .item-list ul li.views-row-4,
.webprofesionales .view-actualidad .view-content .item-list ul li.views-row-7,
.webprofesionales .view-actualidad .view-content .item-list ul li.views-row-10,
.webprofesionales .view-documentos .view-content .item-list ul li.views-row-1,
.webprofesionales .view-documentos .view-content .item-list ul li.views-row-4,
.webprofesionales .view-documentos .view-content .item-list ul li.views-row-7,
.webprofesionales .view-documentos .view-content .item-list ul li.views-row-10,
.webprofesionales .view-articulos .view-content .item-list ul li.views-row-1,
.webprofesionales .view-articulos .view-content .item-list ul li.views-row-4,
.webprofesionales .view-articulos .view-content .item-list ul li.views-row-7,
.webprofesionales .view-articulos .view-content .item-list ul li.views-row-10 {
  padding-left: 0;
  padding-right: 1.5%;
}

.webprofesionales .view-investigacion .view-content .item-list ul li.views-row-3,
.webprofesionales .view-investigacion .view-content .item-list ul li.views-row-6,
.webprofesionales .view-investigacion .view-content .item-list ul li.views-row-7,
.webprofesionales .view-investigacion .view-content .item-list ul li.views-row-12,
.webprofesionales .view-noticias .view-content .item-list ul li.views-row-3,
.webprofesionales .view-noticias .view-content .item-list ul li.views-row-6,
.webprofesionales .view-noticias .view-content .item-list ul li.views-row-7,
.webprofesionales .view-noticias .view-content .item-list ul li.views-row-12,
.webprofesionales .view-actualidad .view-content .item-list ul li.views-row-3,
.webprofesionales .view-actualidad .view-content .item-list ul li.views-row-6,
.webprofesionales .view-actualidad .view-content .item-list ul li.views-row-7,
.webprofesionales .view-actualidad .view-content .item-list ul li.views-row-12,
.webprofesionales .view-documentos .view-content .item-list ul li.views-row-3,
.webprofesionales .view-documentos .view-content .item-list ul li.views-row-6,
.webprofesionales .view-documentos .view-content .item-list ul li.views-row-7,
.webprofesionales .view-documentos .view-content .item-list ul li.views-row-12,
.webprofesionales .view-articulos .view-content .item-list ul li.views-row-3,
.webprofesionales .view-articulos .view-content .item-list ul li.views-row-6,
.webprofesionales .view-articulos .view-content .item-list ul li.views-row-7,
.webprofesionales .view-articulos .view-content .item-list ul li.views-row-12 {
  padding-right: 0;
  padding-left: 1.5%;
}

.webprofesionales .view-formacion .view-content ul,
.webprofesionales .view-herramientas .view-content ul {
  display: block;
  margin: 0;
  padding: 0;
}

.webprofesionales .view-formacion .view-content ul li,
.webprofesionales .view-herramientas .view-content ul li {
  display: block;
  margin: 0;
  padding: 0;
  width: 66%;
  float: left;
  margin-bottom: 21px;
}

@media only screen and (max-width: 640px) {

  .webprofesionales .view-formacion .view-content ul li,
  .webprofesionales .view-herramientas .view-content ul li {
    width: 100% !important;
  }
}

.webprofesionales .view-formacion .view-content ul li .grid-item,
.webprofesionales .view-herramientas .view-content ul li .grid-item {
  background: #85CBE4;
  display: block;
  position: relative;
  margin: 0;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .image,
.webprofesionales .view-formacion .view-content ul li .grid-item .fieldtype,
.webprofesionales .view-herramientas .view-content ul li .grid-item .image,
.webprofesionales .view-herramientas .view-content ul li .grid-item .fieldtype {
  display: block;
  float: left;
  width: 49%;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .image img,
.webprofesionales .view-formacion .view-content ul li .grid-item .fieldtype img,
.webprofesionales .view-herramientas .view-content ul li .grid-item .image img,
.webprofesionales .view-herramientas .view-content ul li .grid-item .fieldtype img {
  margin: 0;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .image span,
.webprofesionales .view-formacion .view-content ul li .grid-item .fieldtype span,
.webprofesionales .view-herramientas .view-content ul li .grid-item .image span,
.webprofesionales .view-herramientas .view-content ul li .grid-item .fieldtype span {
  color: #014A7F;
  font-size: 30px;
  text-transform: uppercase;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .fieldtype,
.webprofesionales .view-herramientas .view-content ul li .grid-item .fieldtype {
  padding: 20px;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .meta,
.webprofesionales .view-herramientas .view-content ul li .grid-item .meta {
  display: block;
  float: left;
  width: 51%;
  padding: 20px;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .meta .date,
.webprofesionales .view-herramientas .view-content ul li .grid-item .meta .date {
  color: #006FB2;
  font-size: 18px;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .info,
.webprofesionales .view-herramientas .view-content ul li .grid-item .info {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 51%;
  padding: 10px 20px;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .info h4,
.webprofesionales .view-formacion .view-content ul li .grid-item .info h4 a,
.webprofesionales .view-herramientas .view-content ul li .grid-item .info h4,
.webprofesionales .view-herramientas .view-content ul li .grid-item .info h4 a {
  color: #ffffff;
  text-decoration: none;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .info .call-to-action,
.webprofesionales .view-herramientas .view-content ul li .grid-item .info .call-to-action {
  display: block;
  padding: 5px 0;
  border-top: 1px solid #ffffff;
  width: 100%;
  color: #ffffff;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .info .call-to-action a,
.webprofesionales .view-herramientas .view-content ul li .grid-item .info .call-to-action a {
  color: #ffffff;
  font-size: 13px;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .corner,
.webprofesionales .view-herramientas .view-content ul li .grid-item .corner {
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  z-index: 3;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .corner.corner1,
.webprofesionales .view-herramientas .view-content ul li .grid-item .corner.corner1 {
  left: 0;
  top: 0;
  background: url("../../images/corner1.png") no-repeat center;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .corner.corner2,
.webprofesionales .view-herramientas .view-content ul li .grid-item .corner.corner2 {
  right: 0;
  top: 0;
  background: url("../../images/corner2.png") no-repeat center;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .corner.corner3,
.webprofesionales .view-herramientas .view-content ul li .grid-item .corner.corner3 {
  right: 0;
  bottom: 0;
  background: url("../../images/corner3.png") no-repeat center;
}

.webprofesionales .view-formacion .view-content ul li .grid-item .corner.corner4,
.webprofesionales .view-herramientas .view-content ul li .grid-item .corner.corner4 {
  left: 0;
  bottom: 0;
  background: url("../../images/corner4.png") no-repeat center;
}

.webprofesionales .view-formacion .view-content ul li.views-row-1 .corner1,
.webprofesionales .view-formacion .view-content ul li.views-row-1 .corner3,
.webprofesionales .view-herramientas .view-content ul li.views-row-1 .corner1,
.webprofesionales .view-herramientas .view-content ul li.views-row-1 .corner3 {
  display: none;
}

.webprofesionales .view-formacion .view-content ul li.views-row-2 .corner2,
.webprofesionales .view-formacion .view-content ul li.views-row-2 .corner4,
.webprofesionales .view-herramientas .view-content ul li.views-row-2 .corner2,
.webprofesionales .view-herramientas .view-content ul li.views-row-2 .corner4 {
  display: none;
}

.webprofesionales .view-formacion .view-content ul li.views-row-3 .corner1,
.webprofesionales .view-formacion .view-content ul li.views-row-3 .corner2,
.webprofesionales .view-formacion .view-content ul li.views-row-3 .corner3,
.webprofesionales .view-formacion .view-content ul li.views-row-3 .corner4,
.webprofesionales .view-formacion .view-content ul li.views-row-4 .corner1,
.webprofesionales .view-formacion .view-content ul li.views-row-4 .corner2,
.webprofesionales .view-formacion .view-content ul li.views-row-4 .corner3,
.webprofesionales .view-formacion .view-content ul li.views-row-4 .corner4,
.webprofesionales .view-formacion .view-content ul li.views-row-5 .corner1,
.webprofesionales .view-formacion .view-content ul li.views-row-5 .corner2,
.webprofesionales .view-formacion .view-content ul li.views-row-5 .corner3,
.webprofesionales .view-formacion .view-content ul li.views-row-5 .corner4,
.webprofesionales .view-herramientas .view-content ul li.views-row-3 .corner1,
.webprofesionales .view-herramientas .view-content ul li.views-row-3 .corner2,
.webprofesionales .view-herramientas .view-content ul li.views-row-3 .corner3,
.webprofesionales .view-herramientas .view-content ul li.views-row-3 .corner4,
.webprofesionales .view-herramientas .view-content ul li.views-row-4 .corner1,
.webprofesionales .view-herramientas .view-content ul li.views-row-4 .corner2,
.webprofesionales .view-herramientas .view-content ul li.views-row-4 .corner3,
.webprofesionales .view-herramientas .view-content ul li.views-row-4 .corner4,
.webprofesionales .view-herramientas .view-content ul li.views-row-5 .corner1,
.webprofesionales .view-herramientas .view-content ul li.views-row-5 .corner2,
.webprofesionales .view-herramientas .view-content ul li.views-row-5 .corner3,
.webprofesionales .view-herramientas .view-content ul li.views-row-5 .corner4 {
  display: none;
}

.webprofesionales .view-formacion .view-content ul li.views-row-6 .corner2,
.webprofesionales .view-formacion .view-content ul li.views-row-6 .corner4,
.webprofesionales .view-herramientas .view-content ul li.views-row-6 .corner2,
.webprofesionales .view-herramientas .view-content ul li.views-row-6 .corner4 {
  display: none;
}

@media only screen and (min-width: 640px) {

  .webprofesionales .view-formacion .view-content ul li.views-row-2,
  .webprofesionales .view-formacion .view-content ul li.views-row-3,
  .webprofesionales .view-formacion .view-content ul li.views-row-4,
  .webprofesionales .view-formacion .view-content ul li.views-row-5,
  .webprofesionales .view-herramientas .view-content ul li.views-row-2,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 {
    width: 32%;
    float: right;
  }

  .webprofesionales .view-formacion .view-content ul li.views-row-2 .grid-item,
  .webprofesionales .view-formacion .view-content ul li.views-row-3 .grid-item,
  .webprofesionales .view-formacion .view-content ul li.views-row-4 .grid-item,
  .webprofesionales .view-formacion .view-content ul li.views-row-5 .grid-item,
  .webprofesionales .view-herramientas .view-content ul li.views-row-2 .grid-item,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3 .grid-item,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4 .grid-item,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 .grid-item {
    height: 625px;
    background: #014A7F;
  }

  .webprofesionales .view-formacion .view-content ul li.views-row-2 .grid-item .image,
  .webprofesionales .view-formacion .view-content ul li.views-row-2 .grid-item .fieldtype,
  .webprofesionales .view-formacion .view-content ul li.views-row-3 .grid-item .image,
  .webprofesionales .view-formacion .view-content ul li.views-row-3 .grid-item .fieldtype,
  .webprofesionales .view-formacion .view-content ul li.views-row-4 .grid-item .image,
  .webprofesionales .view-formacion .view-content ul li.views-row-4 .grid-item .fieldtype,
  .webprofesionales .view-formacion .view-content ul li.views-row-5 .grid-item .image,
  .webprofesionales .view-formacion .view-content ul li.views-row-5 .grid-item .fieldtype,
  .webprofesionales .view-herramientas .view-content ul li.views-row-2 .grid-item .image,
  .webprofesionales .view-herramientas .view-content ul li.views-row-2 .grid-item .fieldtype,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3 .grid-item .image,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3 .grid-item .fieldtype,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4 .grid-item .image,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4 .grid-item .fieldtype,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 .grid-item .image,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 .grid-item .fieldtype {
    display: block;
    width: 100%;
  }

  .webprofesionales .view-formacion .view-content ul li.views-row-2 .grid-item .image span,
  .webprofesionales .view-formacion .view-content ul li.views-row-2 .grid-item .fieldtype span,
  .webprofesionales .view-formacion .view-content ul li.views-row-3 .grid-item .image span,
  .webprofesionales .view-formacion .view-content ul li.views-row-3 .grid-item .fieldtype span,
  .webprofesionales .view-formacion .view-content ul li.views-row-4 .grid-item .image span,
  .webprofesionales .view-formacion .view-content ul li.views-row-4 .grid-item .fieldtype span,
  .webprofesionales .view-formacion .view-content ul li.views-row-5 .grid-item .image span,
  .webprofesionales .view-formacion .view-content ul li.views-row-5 .grid-item .fieldtype span,
  .webprofesionales .view-herramientas .view-content ul li.views-row-2 .grid-item .image span,
  .webprofesionales .view-herramientas .view-content ul li.views-row-2 .grid-item .fieldtype span,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3 .grid-item .image span,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3 .grid-item .fieldtype span,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4 .grid-item .image span,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4 .grid-item .fieldtype span,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 .grid-item .image span,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 .grid-item .fieldtype span {
    color: #85CBE4;
  }

  .webprofesionales .view-formacion .view-content ul li.views-row-2 .grid-item .meta,
  .webprofesionales .view-formacion .view-content ul li.views-row-3 .grid-item .meta,
  .webprofesionales .view-formacion .view-content ul li.views-row-4 .grid-item .meta,
  .webprofesionales .view-formacion .view-content ul li.views-row-5 .grid-item .meta,
  .webprofesionales .view-herramientas .view-content ul li.views-row-2 .grid-item .meta,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3 .grid-item .meta,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4 .grid-item .meta,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 .grid-item .meta {
    display: block;
    width: 100%;
    padding-top: 40px;
  }

  .webprofesionales .view-formacion .view-content ul li.views-row-2 .grid-item .meta .date,
  .webprofesionales .view-formacion .view-content ul li.views-row-3 .grid-item .meta .date,
  .webprofesionales .view-formacion .view-content ul li.views-row-4 .grid-item .meta .date,
  .webprofesionales .view-formacion .view-content ul li.views-row-5 .grid-item .meta .date,
  .webprofesionales .view-herramientas .view-content ul li.views-row-2 .grid-item .meta .date,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3 .grid-item .meta .date,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4 .grid-item .meta .date,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 .grid-item .meta .date {
    color: #009DD3;
  }

  .webprofesionales .view-formacion .view-content ul li.views-row-2 .grid-item .info,
  .webprofesionales .view-formacion .view-content ul li.views-row-3 .grid-item .info,
  .webprofesionales .view-formacion .view-content ul li.views-row-4 .grid-item .info,
  .webprofesionales .view-formacion .view-content ul li.views-row-5 .grid-item .info,
  .webprofesionales .view-herramientas .view-content ul li.views-row-2 .grid-item .info,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3 .grid-item .info,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4 .grid-item .info,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 .grid-item .info {
    display: block;
    width: 100%;
  }
}

@media only screen and (min-width: 640px) {

  .webprofesionales .view-formacion .view-content ul li.views-row-3,
  .webprofesionales .view-formacion .view-content ul li.views-row-4,
  .webprofesionales .view-formacion .view-content ul li.views-row-5,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 {
    float: left;
    margin-right: 2%;
  }

  .webprofesionales .view-formacion .view-content ul li.views-row-3 .grid-item,
  .webprofesionales .view-formacion .view-content ul li.views-row-4 .grid-item,
  .webprofesionales .view-formacion .view-content ul li.views-row-5 .grid-item,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3 .grid-item,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4 .grid-item,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 .grid-item {
    height: 300px;
  }

  .webprofesionales .view-formacion .view-content ul li.views-row-3 .grid-item .image,
  .webprofesionales .view-formacion .view-content ul li.views-row-4 .grid-item .image,
  .webprofesionales .view-formacion .view-content ul li.views-row-5 .grid-item .image,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3 .grid-item .image,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4 .grid-item .image,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 .grid-item .image {
    display: none;
  }

  .webprofesionales .view-formacion .view-content ul li.views-row-3 .grid-item .fieldtype,
  .webprofesionales .view-formacion .view-content ul li.views-row-4 .grid-item .fieldtype,
  .webprofesionales .view-formacion .view-content ul li.views-row-5 .grid-item .fieldtype,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3 .grid-item .fieldtype,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4 .grid-item .fieldtype,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 .grid-item .fieldtype {
    height: auto !important;
  }

  .webprofesionales .view-formacion .view-content ul li.views-row-3 .grid-item .meta,
  .webprofesionales .view-formacion .view-content ul li.views-row-4 .grid-item .meta,
  .webprofesionales .view-formacion .view-content ul li.views-row-5 .grid-item .meta,
  .webprofesionales .view-herramientas .view-content ul li.views-row-3 .grid-item .meta,
  .webprofesionales .view-herramientas .view-content ul li.views-row-4 .grid-item .meta,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 .grid-item .meta {
    padding-top: 30px;
  }
}

.webprofesionales .view-formacion .view-content ul li.views-row-4 .grid-item,
.webprofesionales .view-herramientas .view-content ul li.views-row-4 .grid-item {
  background: #85CBE4;
}

@media only screen and (min-width: 640px) {

  .webprofesionales .view-formacion .view-content ul li.views-row-5,
  .webprofesionales .view-herramientas .view-content ul li.views-row-5 {
    float: left;
    margin-right: 0;
  }
}

@media only screen and (min-width: 640px) {

  .webprofesionales .view-formacion .view-content ul li.views-row-6,
  .webprofesionales .view-herramientas .view-content ul li.views-row-6 {
    float: right;
    margin-right: 0;
  }
}

.webprofesionales .view-calendario h3,
.webprofesionales .view-eventos h3 {
  background: #F49401;
  padding: 15px 20px;
  color: #ffffff;
  margin-bottom: 20px;
  clear: both;
}

.webprofesionales .view-calendario .views-row,
.webprofesionales .view-eventos .views-row {
  background: #014A7F;
  padding: 15px 20px 20px;
  width: 32%;
  display: block;
  float: left;
  margin-right: 2%;
  margin-bottom: 30px;
  position: relative;
}

@media only screen and (max-width: 640px) {

  .webprofesionales .view-calendario .views-row,
  .webprofesionales .view-eventos .views-row {
    width: 48%;
    margin-right: 4%;
  }
}

.webprofesionales .view-calendario .views-row.views-row-3rd,
.webprofesionales .view-eventos .views-row.views-row-3rd {
  margin-right: 0;
}

@media only screen and (max-width: 640px) {

  .webprofesionales .view-calendario .views-row.views-row-2nd,
  .webprofesionales .view-eventos .views-row.views-row-2nd {
    margin-right: 0;
  }
}

.webprofesionales .view-calendario .views-row .views-field-field-fecha-evento-1,
.webprofesionales .view-eventos .views-row .views-field-field-fecha-evento-1 {
  color: #ffffff;
  padding: 5px 0 10px;
  border-bottom: 1px solid #ffffff;
  font-size: 1.1em;
  margin-bottom: 10px;
  font-weight: bold;
}

.webprofesionales .view-calendario .views-row .views-field-title,
.webprofesionales .view-calendario .views-row .views-field-field-ciudad,
.webprofesionales .view-calendario .views-row .views-field-field-pais,
.webprofesionales .view-eventos .views-row .views-field-title,
.webprofesionales .view-eventos .views-row .views-field-field-ciudad,
.webprofesionales .view-eventos .views-row .views-field-field-pais {
  display: inline;
}

.webprofesionales .view-calendario .views-row .views-field-title *,
.webprofesionales .view-calendario .views-row .views-field-title a,
.webprofesionales .view-calendario .views-row .views-field-field-ciudad *,
.webprofesionales .view-calendario .views-row .views-field-field-ciudad a,
.webprofesionales .view-calendario .views-row .views-field-field-pais *,
.webprofesionales .view-calendario .views-row .views-field-field-pais a,
.webprofesionales .view-eventos .views-row .views-field-title *,
.webprofesionales .view-eventos .views-row .views-field-title a,
.webprofesionales .view-eventos .views-row .views-field-field-ciudad *,
.webprofesionales .view-eventos .views-row .views-field-field-ciudad a,
.webprofesionales .view-eventos .views-row .views-field-field-pais *,
.webprofesionales .view-eventos .views-row .views-field-field-pais a {
  color: #ffffff;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  display: inline;
}

.webprofesionales .view-calendario .views-row .views-field-field-pais:after,
.webprofesionales .view-eventos .views-row .views-field-field-pais:after {
  content: '';
  display: block;
  clear: both;
}

.webprofesionales .view-calendario .views-row .views-field-title:after,
.webprofesionales .view-calendario .views-row .views-field-field-ciudad:after,
.webprofesionales .view-eventos .views-row .views-field-title:after,
.webprofesionales .view-eventos .views-row .views-field-field-ciudad:after {
  content: " - ";
  color: #ffffff;
  font-weight: bold;
}

.webprofesionales .view-calendario .views-row .views-field-field-resumen,
.webprofesionales .view-eventos .views-row .views-field-field-resumen {
  color: #ffffff;
  margin-bottom: 10px;
  min-height: 50px;
  font-size: 0.9em;
}

.webprofesionales .view-calendario .views-row .views-field-view-node,
.webprofesionales .view-calendario .views-row .views-field-field-documento-adjunto,
.webprofesionales .view-eventos .views-row .views-field-view-node,
.webprofesionales .view-eventos .views-row .views-field-field-documento-adjunto {
  display: block;
  float: left;
  width: 50%;
  margin-top: 10px;
}

.webprofesionales .view-calendario .views-row .views-field-view-node img,
.webprofesionales .view-calendario .views-row .views-field-field-documento-adjunto img,
.webprofesionales .view-eventos .views-row .views-field-view-node img,
.webprofesionales .view-eventos .views-row .views-field-field-documento-adjunto img {
  display: inline;
  float: none;
}

.webprofesionales .view-calendario .views-row .views-field-field-documento-adjunto,
.webprofesionales .view-eventos .views-row .views-field-field-documento-adjunto {
  float: right;
  text-align: right;
  margin-top: 10px;
}

.webprofesionales .view-calendario .views-row .views-field-field-documento-adjunto a,
.webprofesionales .view-eventos .views-row .views-field-field-documento-adjunto a {
  display: inline-block !important;
  background: url("../../images/descargar.png") no-repeat 0 50%;
  background-size: 30px;
  padding: 5px 0 5px 35px;
  margin-top: -5px;
}

.webprofesionales .view-calendario .views-row .views-field-view-node a,
.webprofesionales .view-calendario .views-row .views-field-field-documento-adjunto a,
.webprofesionales .view-calendario .views-row .views-field-field-url-externa a,
.webprofesionales .view-calendario .views-row .views-field-views-conditional a,
.webprofesionales .view-eventos .views-row .views-field-view-node a,
.webprofesionales .view-eventos .views-row .views-field-field-documento-adjunto a,
.webprofesionales .view-eventos .views-row .views-field-field-url-externa a,
.webprofesionales .view-eventos .views-row .views-field-views-conditional a {
  display: inline;
  color: #ffffff;
  text-decoration: underline;
}

.webprofesionales .view-calendario .views-row-1,
.webprofesionales .view-eventos .views-row-1 {
  background: #014A7F;
}

.webprofesionales .view-calendario .views-row-2,
.webprofesionales .view-eventos .views-row-2 {
  background: #0177BF;
}

.webprofesionales .view-calendario .views-row-3,
.webprofesionales .view-eventos .views-row-3 {
  background: #0199D8;
}

.webprofesionales .view-calendario .views-row-4,
.webprofesionales .view-eventos .views-row-4 {
  background: #85CBE4;
}

.webprofesionales .view-investigacion .grid-item {
  background: #EEEDED;
  padding: 15px 20px 80px;
  position: relative;
}

.webprofesionales .view-investigacion .grid-item .image {
  display: block;
  text-align: left;
  width: 60%;
  -webkit-border-radius: 255px;
  border-radius: 255px;
  background: #ffffff;
  overflow: hidden;
  padding: 8px;
  background: url("../../images/color.jpg") no-repeat;
  background-size: cover;
}

.webprofesionales .view-investigacion .grid-item .image>* {
  -webkit-border-radius: 255px;
  border-radius: 255px;
  background: #ffffff;
  overflow: hidden;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .view-investigacion .grid-item .image {
    width: 80%;
  }
}

.webprofesionales .view-investigacion .grid-item .image img {
  margin: 0;
}

.webprofesionales .view-investigacion .grid-item .info h4,
.webprofesionales .view-investigacion .grid-item .info h4 a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.3em;
}

.webprofesionales .view-investigacion .grid-item .meta {
  padding-top: 10px;
  border-top: 1px solid #cccccc;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 7% 15px;
  width: 86%;
}

.webprofesionales .view-investigacion .grid-item .meta .icono {
  display: block;
  float: left;
  margin-right: 10px !important;
  margin-top: 4px !important;
}

.webprofesionales .view-blog .view-content ul {
  display: block;
  margin: 0;
  padding: 0;
}

.webprofesionales .view-blog .view-content ul li {
  display: block;
  margin: 0;
  padding: 0;
}

.webprofesionales .view-blog .view-content ul li .grid-item {
  display: block;
  clear: both;
  position: relative;
}

.webprofesionales .view-blog .view-content ul li .grid-item .image {
  display: block;
  width: 50%;
  background: #ffffff;
  margin: 0;
}

.webprofesionales .view-blog .view-content ul li .grid-item .info {
  display: block;
  width: 50%;
  padding: 20px;
  color: #ffffff;
}

.webprofesionales .view-blog .view-content ul li .grid-item .info h4 {
  color: #ffffff;
  text-decoration: none !important;
  font-size: 1.5em;
}

.webprofesionales .view-blog .view-content ul li .grid-item .meta .date {
  color: #ffffff;
}

.webprofesionales .view-blog .view-content ul li.views-row-odd .grid-item {
  background: #FF6A1D;
}

.webprofesionales .view-blog .view-content ul li.views-row-odd .grid-item .image {
  float: left;
  background: #ffffff;
}

.webprofesionales .view-blog .view-content ul li.views-row-odd .grid-item .info {
  float: right;
}

.webprofesionales .view-blog .view-content ul li.views-row-even .grid-item {
  background: #FF9A00;
}

.webprofesionales .view-blog .view-content ul li.views-row-even .grid-item .image {
  float: right;
}

.webprofesionales .view-blog .view-content ul li.views-row-even .grid-item .info {
  float: left;
  text-align: right;
}

.webprofesionales .pager {
  margin-bottom: 60px;
}

.webprofesionales .pager li {
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
}

.webprofesionales .pager li.pager-current,
.webprofesionales .pager li a,
.webprofesionales .pager li span {
  display: inline-block;
  zoom: 1;
}

.webprofesionales .pager li.pager-current {
  color: #FE6B1B;
  margin-top: -5px;
  font-size: 1em;
}

.webprofesionales .pager li.pager-previous a,
.webprofesionales .pager li.pager-next a {
  width: 61px;
  height: 61px;
  border: none;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}

.webprofesionales .pager li.pager-previous a {
  background: url("../../images/page-before.jpg") no-repeat center;
}

.webprofesionales .pager li.pager-next a {
  background: url("../../images/page-more.jpg") no-repeat center;
}

.webprofesionales .pager.pager--infinite-scroll li a {
  width: 61px;
  height: 61px;
  border: none;
  text-indent: -99999px;
  white-space: nowrap;
  overflow: hidden;
  background: url("../../images/page-more.jpg") no-repeat center;
}

.webprofesionales .prevnext {
  display: block;
  clear: both;
  margin: 20px 0;
}

.webprofesionales .prevnext a {
  color: #ffffff;
  display: block;
  padding: 15px 20px;
  font-size: 18px;
}

.webprofesionales .prevnext a.history-back {
  background: #0099D7;
  font-size: 14px;
  padding: 10px 20px 10px 15px;
  float: left;
}

.webprofesionales .prevnext a.history-back img {
  margin-right: 5px;
  width: 20px;
}

.webprofesionales .prevnext a.prev {
  background: #0099D7;
}

.webprofesionales .prevnext a.prev img {
  margin-right: 10px;
}

.webprofesionales .prevnext a.next {
  background: #004981;
  text-align: right;
}

.webprofesionales .prevnext a.next img {
  margin-left: 10px;
}

.webprofesionales .prevnext a img {
  display: inline;
}

.webprofesionales .plus {
  display: block;
  margin-bottom: 45px;
}

.webprofesionales .texto {
  padding: 20px;
  margin-bottom: 20px;
}

.webprofesionales .texto .content table {
  border: none;
}

.webprofesionales .texto .content table tr,
.webprofesionales .texto .content table td,
.webprofesionales .texto .content table tbody {
  border: none;
}

.webprofesionales .texto .content table img {
  max-width: none;
}

.webprofesionales .texto .content table td {
  min-width: 20px;
  vertical-align: top;
}

.webprofesionales .texto .content table td p {
  line-height: 2em;
  margin: 20px 0;
}

.webprofesionales .mycustomnodepage .texto {
  padding: 0px;
  margin-bottom: 0px;
}

.webprofesionales .empleados {
  margin: 40px 0 50px;
}

.webprofesionales .empleado {
  text-align: center;
  margin-bottom: 20px;
  font-family: 'Noticia Text', serif;
}

.webprofesionales .empleado .image {
  margin-bottom: 10px;
}

.webprofesionales .empleado .nombre {
  font-size: 17px;
}

.webprofesionales .empleado .posicion {
  font-size: 13px;
  font-weight: bold;
}

.webprofesionales .view-articulos .view-content .item-list ul li {
  margin: 30px 0;
}

.webprofesionales .separador {
  text-align: center;
  display: block;
  margin: 20px auto 40px;
}

.webprofesionales .separador h2 {
  color: #000000;
}

.webprofesionales .separador .split {
  display: block;
  width: 200px;
  height: 1px;
  background: #817451;
  margin: 30px auto;
}

.webprofesionales #file {
  display: none;
}

.webprofesionales .articulo .meta .icono {
  display: block;
  float: left;
  margin-right: 10px !important;
  margin-top: 4px !important;
}

.webprofesionales .articulo .image,
.webprofesionales .articulo .video {
  display: block;
  margin: 30px auto;
}

.webprofesionales .articulo .image img,
.webprofesionales .articulo .video img {
  width: 100%;
}

.webprofesionales .articulo .info .field-name-body img {
  width: 100%;
}

.webprofesionales .articulo .detalle {
  display: block;
  padding: 0;
}

@media only screen and (max-width: 640px) and (min-width: 640px) {
  .webprofesionales .articulo .detalle {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .webprofesionales .articulo .detalle {
    width: 100%;
    padding: 0 20px;
  }
}

.webprofesionales .articulo .detalle h1 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.webprofesionales .articulo .detalle .texto {
  padding: 20px;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .articulo .detalle .texto {
    padding: 10px 0;
  }
}

.webprofesionales .region-sidebar .datos {
  margin-top: 10px;
  display: block;
  padding: 0;
  color: #333333;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .region-sidebar .datos {
    width: 100%;
    margin-bottom: 20px;
  }
}

.webprofesionales .region-sidebar .datos .items {
  text-align: center;
  margin-bottom: 20px;
  background: #ECEFF4;
  padding-bottom: 20px;
}

.webprofesionales .region-sidebar .datos .items .item {
  text-align: left;
  padding: 7px 20px;
  border-bottom: 1px solid #F4EFE1;
}

.webprofesionales .region-sidebar .datos .btn {
  display: block;
  margin: 0 auto;
  width: auto;
  background-image: none;
  padding: 10px 20px;
}

.webprofesionales .region-sidebar .datos .btn.btn-yellow {
  background-color: #FF9B00;
}

.webprofesionales .region-sidebar .datos .btn img {
  display: inline;
  margin-right: 10px;
}

.webprofesionales .region-sidebar a.descargar {
  display: block;
  width: 100%;
  background: url("../../images/descargar.jpg") no-repeat center center;
  background-size: cover;
  height: 70px;
}

.webprofesionales .region-sidebar .block {
  margin-bottom: 10px;
}

.webprofesionales .region-sidebar .block-views {
  background: #0177BF;
  padding: 30px 20px;
  color: #ffffff;
}

.webprofesionales .region-sidebar .block-views h2,
.webprofesionales .region-sidebar .block-views a {
  color: #ffffff;
}

.webprofesionales .region-sidebar .block-views h2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1.3em;
  text-transform: uppercase;
}

.webprofesionales .region-sidebar .block-views ol {
  padding-left: 45px;
}

.webprofesionales .region-sidebar .block-views ol li {
  font-size: 1.2em;
  margin: 10px 0;
  font-weight: bold;
}

.webprofesionales .region-sidebar .block-views ol li .views-field {
  padding-left: 10px;
  font-size: 1em;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  margin-top: -3px;
}

.webprofesionales .region-sidebar .block-views ol li .views-field a {
  font-size: 0.8em;
}

.webprofesionales .region-sidebar #block-views-recursos-relacionados-block,
.webprofesionales .region-sidebar #block-views-post-relacionados-block,
.webprofesionales .region-sidebar #block-views-documentos-relacionados-block,
.webprofesionales .region-sidebar #block-views-noticias-relacionadas-block,
.webprofesionales .region-sidebar #block-views-articulos-relacionados-block,
.webprofesionales .region-sidebar #block-views-cursos-relacionados-block {
  background: #EEECED;
  margin-bottom: 0;
}

.webprofesionales .region-sidebar #block-views-recursos-relacionados-block h2,
.webprofesionales .region-sidebar #block-views-post-relacionados-block h2,
.webprofesionales .region-sidebar #block-views-documentos-relacionados-block h2,
.webprofesionales .region-sidebar #block-views-noticias-relacionadas-block h2,
.webprofesionales .region-sidebar #block-views-articulos-relacionados-block h2,
.webprofesionales .region-sidebar #block-views-cursos-relacionados-block h2 {
  color: #000000;
}

.webprofesionales .region-sidebar #block-views-recursos-relacionados-block ul,
.webprofesionales .region-sidebar #block-views-post-relacionados-block ul,
.webprofesionales .region-sidebar #block-views-documentos-relacionados-block ul,
.webprofesionales .region-sidebar #block-views-noticias-relacionadas-block ul,
.webprofesionales .region-sidebar #block-views-articulos-relacionados-block ul,
.webprofesionales .region-sidebar #block-views-cursos-relacionados-block ul {
  padding: 0;
  margin: 0;
}

.webprofesionales .region-sidebar #block-views-recursos-relacionados-block ul li,
.webprofesionales .region-sidebar #block-views-post-relacionados-block ul li,
.webprofesionales .region-sidebar #block-views-documentos-relacionados-block ul li,
.webprofesionales .region-sidebar #block-views-noticias-relacionadas-block ul li,
.webprofesionales .region-sidebar #block-views-articulos-relacionados-block ul li,
.webprofesionales .region-sidebar #block-views-cursos-relacionados-block ul li {
  display: block;
  padding: 5px 0 5px 10px;
  margin: 0;
}

.webprofesionales .region-sidebar #block-views-recursos-relacionados-block ul li a,
.webprofesionales .region-sidebar #block-views-post-relacionados-block ul li a,
.webprofesionales .region-sidebar #block-views-documentos-relacionados-block ul li a,
.webprofesionales .region-sidebar #block-views-noticias-relacionadas-block ul li a,
.webprofesionales .region-sidebar #block-views-articulos-relacionados-block ul li a,
.webprofesionales .region-sidebar #block-views-cursos-relacionados-block ul li a {
  color: #0099D7;
  text-decoration: underline;
}

.webprofesionales .region-sidebar #block-imageblock-17 {
  margin-bottom: 0;
}

.webprofesionales .region-sidebar #block-views-blog-mas-destacados-block {
  background: #0099D7;
  margin-bottom: 0;
}

.webprofesionales .region-sidebar .block-search {
  background: #EDEDED;
  padding: 20px;
  text-align: center;
}

.webprofesionales .region-sidebar .block-search .content form {
  margin: 0;
}

.webprofesionales .comment-wrapper #new {
  display: none;
}

.webprofesionales .comment-wrapper .comment {
  display: block;
  padding: 20px;
  background: #EEECED;
  color: #808D93;
  margin-bottom: 20px;
  position: relative;
}

.webprofesionales .comment-wrapper .comment a {
  color: #808D93;
}

.webprofesionales .comment-wrapper .comment .data {
  display: block;
  width: 25%;
  float: left;
}

.webprofesionales .comment-wrapper .comment .info {
  display: block;
  width: 70%;
  float: right;
  padding: 10px 0;
}

.webprofesionales .comment-wrapper .comment h3 {
  margin-top: 5px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.webprofesionales .comment-wrapper .comment .submitted {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
}

.webprofesionales .comment-wrapper .comment ul.links a {
  text-decoration: underline;
}

.webprofesionales form.comment-form {
  background: #EEECED;
  padding: 2px 20px;
}

.webprofesionales .form-actions {
  text-align: right;
}

.webprofesionales .bx-wrapper .bx-viewport {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: auto;
}

.webprofesionales .bx-wrapper .bx-controls-direction a {
  width: 60px;
  height: 59px;
  margin-top: -25px;
}

.webprofesionales .bx-wrapper .bx-controls-direction a.bx-prev {
  background: url("../../images/slideshow-prev.png") no-repeat center;
}

.webprofesionales .bx-wrapper .bx-controls-direction a.bx-next {
  background: url("../../images/slideshow-next.png") no-repeat center;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .bx-wrapper .bx-controls-direction a {
    display: none;
  }
}

.webprofesionales .stButton .stFb,
.webprofesionales .stButton .stTwbutton,
.webprofesionales .stButton .stMainServices {
  height: 20px;
}

.webprofesionales .views-view-grid {
  width: 100%;
  margin-bottom: 40px;
}

.webprofesionales .views-view-grid td {
  vertical-align: top;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 20px;
  width: 32%;
  position: relative;
  display: block;
  float: left;
  box-sizing: content-box;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .views-view-grid td {
    width: 100% !important;
  }
}

.webprofesionales .views-view-grid td.col-first {
  padding-left: 0;
}

.webprofesionales .views-view-grid td.col-last {
  padding-right: 0;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .views-view-grid td {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 640px) {

  .webprofesionales .views-view-grid tbody,
  .webprofesionales .views-view-grid tr,
  .webprofesionales .views-view-grid th,
  .webprofesionales .views-view-grid td {
    border: 0;
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
  }
}

.webprofesionales .empleado-profile {
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}

.webprofesionales .empleado-profile .field-label {
  display: none;
}

.webprofesionales .empleado-profile .image {
  display: block;
}

@media only screen and (max-width: 640px) {
  .webprofesionales .empleado-profile .image img {
    width: 100%;
  }
}

.webprofesionales .empleado-profile .info {
  display: block;
  background: #0099D7;
  padding: 15px 0;
}

.webprofesionales .empleado-profile .contact {
  position: relative;
  display: block;
  width: 100%;
}

.webprofesionales .empleado-profile .contact a {
  display: block;
  float: left;
  width: 33.3%;
  padding: 20px 0;
  text-align: center;
}

.webprofesionales .empleado-profile .contact a.btn-email {
  background: #004E6E;
}

.webprofesionales .empleado-profile .contact a.btn-email span {
  background: #004E6E;
}

.webprofesionales .empleado-profile .contact a.btn-phone {
  background: #0077BE;
}

.webprofesionales .empleado-profile .contact a.btn-phone span {
  background: #0077BE;
}

.webprofesionales .empleado-profile .contact a.btn-linkedin {
  background: #86CBE4;
}

.webprofesionales .empleado-profile .contact a.btn-linkedin span {
  background: #86CBE4;
}

.webprofesionales .empleado-profile .contact a span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.webprofesionales .empleado-profile .contact a:hover span {
  display: block;
  padding: 25px 0;
  color: #ffffff;
}

.webprofesionales .empleado-profile .contact.no-linked-in a {
  width: 50%;
}

.webprofesionales footer {
  font-size: 15px;
}

.webprofesionales footer .top {
  background: #D15645;
  color: #ffffff;
  padding: 10px 0;
}

.webprofesionales footer .top a {
  color: #ffffff;
  display: inline;
  margin: 0 20px 0 0;
}

.webprofesionales footer .mid {
  background: #ECEFF4;
  color: #40371F;
  padding: 20px 0 30px;
}

.webprofesionales footer .mid .oficina-split {
  display: block;
  clear: both;
  width: 150px;
  height: 1px;
  background: #0099D7;
  margin: 20px auto;
}

.webprofesionales footer .mid .oficina {
  display: block;
  float: left;
  width: 50%;
  padding: 0 4% 0 0;
  font-size: 0.9em;
}

@media only screen and (max-width: 640px) {
  .webprofesionales footer .mid .oficina br {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .webprofesionales footer .mid .oficina {
    width: 100%;
    text-align: center;
    float: none;
  }
}

.webprofesionales footer .mid .oficina h2,
.webprofesionales footer .mid .oficina h3 {
  font-size: 1.2em;
}

@media only screen and (max-width: 640px) {
  .webprofesionales footer .mid .oficina p .line {
    display: block;
    width: 100%;
  }
}

.webprofesionales footer .bot {
  color: #666666;
  padding: 10px 0;
  font-size: 12px;
}

.webprofesionales footer .bot a {
  color: #888888;
  text-decoration: underline;
}

.webprofesionales footer .bot .copyright {
  display: block;
  float: left;
  padding: 7px 0;
}

@media only screen and (max-width: 640px) {
  .webprofesionales footer .bot .copyright {
    display: block;
    width: 100%;
    float: none;
  }
}

.webprofesionales footer .bot .copyright ul,
.webprofesionales footer .bot .copyright ul li {
  display: inline;
  margin: 0;
  padding: 0;
}

.webprofesionales footer .bot .copyright span {
  margin-right: 10px;
}

@media only screen and (max-width: 640px) {
  .webprofesionales footer .bot .copyright span {
    display: block;
    width: 100%;
  }
}

.webprofesionales footer .bot .copyright a {
  margin: 0 5px;
}

.webprofesionales footer .bot .sponsors {
  display: block;
  float: right;
}

.webprofesionales footer .bot .sponsors a {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  margin-left: 5px;
}

@media only screen and (max-width: 640px) {
  .webprofesionales footer .bot .sponsors {
    display: block;
    width: 100%;
    float: none;
  }
}

.webprofesionales #node-134 .texto,
.webprofesionales #node-135 .texto {
  padding: 0;
  margin-bottom: 10px;
}

.webprofesionales #node-134 .texto h1,
.webprofesionales #node-135 .texto h1 {
  display: none;
}

.webprofesionales #block-views-calendario-footer-block {
  width: 66%;
  float: left;
  display: block;
  margin-right: 2%;
}

.webprofesionales #block-views-calendario-footer-block h2 {
  color: #F96A1B;
  font-size: 1.2em;
  text-transform: uppercase;
  background: url("../../images/icon-calendario.jpg") no-repeat 0 50%;
  padding: 25px 0 25px 70px;
  margin-bottom: 10px;
}

.webprofesionales #block-views-calendario-footer-block table td {
  padding: 0 10px;
}

.webprofesionales #block-views-calendario-footer-block table td .views-field-published-at {
  color: #F96A1B;
  font-size: 1em;
  font-style: italic;
  margin-bottom: 5px;
}

.webprofesionales #block-views-calendario-footer-block table td .views-field-title a {
  color: #000000;
  text-decoration: underline;
  font-size: 1em;
}

.webprofesionales #block-views-calendario-footer-block table td .views-field-body {
  color: #000000;
  font-size: 1em;
}

.webprofesionales #block-imageblock-12,
.webprofesionales #block-imageblock-13,
.webprofesionales #block-imageblock-14,
.webprofesionales #block-imageblock-20 {
  width: 32%;
  float: left;
  display: block;
  margin-right: 2%;
}

@media only screen and (max-width: 640px) {

  .webprofesionales #block-imageblock-12,
  .webprofesionales #block-imageblock-13,
  .webprofesionales #block-imageblock-14,
  .webprofesionales #block-imageblock-20 {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.webprofesionales .region-footer-before>div:last-child {
  margin-right: 0 !important;
}

.webprofesionales span.file {
  margin: 5px 0;
}

.webprofesionales span.file img {
  float: left;
  margin-right: 5px;
}

@media only screen and (max-width: 991px) and (min-width: 751px) {
  body.node-type-listado-convocatorias-fondo .webprofesionales .view-contrataciones table td {
    padding: 5px;
    font-size: 0.9em !important;
  }
}

@media only screen and (max-width: 750px) and (min-width: 641px) {
  body.node-type-listado-convocatorias-fondo .webprofesionales .view-contrataciones table td {
    padding: 5px;
    font-size: 0.8em !important;
  }
}

body.fontsize-1 .webprofesionales {
  font-size: 14px;
}

body.fontsize-1 .webprofesionales .contents {
  font-size: 12px;
}

body.fontsize-1 .webprofesionales footer {
  font-size: 13px;
}

body.fontsize-2 .webprofesionales {
  font-size: 16px;
}

body.fontsize-2 .webprofesionales .contents {
  font-size: 14px;
}

body.fontsize-2 .webprofesionales footer {
  font-size: 15px;
}

body.fontsize-3 .webprofesionales {
  font-size: 18px;
}

body.fontsize-3 .webprofesionales .contents {
  font-size: 16px;
}

body.fontsize-3 .webprofesionales footer {
  font-size: 17px;
}

body.fontsize-4 .webprofesionales {
  font-size: 20px;
}

body.fontsize-4 .webprofesionales .contents {
  font-size: 18px;
}

body.fontsize-4 .webprofesionales footer {
  font-size: 19px;
}

.front .webprofesionales .contents .grid-item .info h4,
.front .webprofesionales .contents .grid-item .info h4 a {
  max-height: 50px;
}

/*
#sliding-popup{
  display: block!important;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #000000;
  .popup-content{
    color: #ffffff;
    a{
      color: #ffffff;
      text-decoration: underline;
    }
    &:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0;
    }

  }
}
*/
#eucookielaw {
  display: none;
  position: fixed;
  width: 100%;
  padding: 20px 10px 10px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  left: 0;
  bottom: 0;
  z-index: 999;
  text-align: center;
  font-size: 12px;
}

#eucookielaw a {
  color: #FFFFFF;
  text-decoration: underline;
}

body.page-node-2 .texto .field h3,
body.page-node-2 .texto .field h2,
body.page-node-3 .texto .field h3,
body.page-node-3 .texto .field h2 {
  color: #ffffff;
  background: #0099D7;
  font-weight: normal;
  font-size: 20px;
  padding: 5px 10px;
}

body.page-node-2349 #messages {
  display: none;
}

header .visible-xs {
  display: none !important;
}

header .hidden-xs {
  display: block !important;
}

@media (max-width: 800px) {
  header .visible-xs {
    display: block !important;
  }

  header .hidden-xs {
    display: none !important;
  }
}

.logged-in .node-page2 .btn-registrarse {
  display: none;
}


.tooltipFDV {
  position: relative;
  display: initial;
  border-bottom: 1px dotted black;
}

.tooltipFDV .tooltiptextFDV {
  visibility: hidden;
  width: 300px;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}

.tooltipFDV:hover .tooltiptextFDV {
  visibility: visible;
}

/*

body.page-taxonomy-term{
  .feed-icon{
    display: none;
  }
  #block-system-main{

    .content{
      @media only screen and (max-width: 640px) {
        padding: 0 15px;
      }
      .node{
        display: block;
        width: 33.3%;
        float: left;
        margin: 0;
        padding: 0 0.75%;
        &:nth-child(3n+2){
          padding-left: 0;
          padding-right: 1.5%;
        }
        &:nth-child(3n+4){
          padding-right: 0;
          padding-left: 1.5%;
        }
        @media only screen and (max-width: 640px) {
          width: 100%!important;
          padding: 0!important;
        }
        .grid-item{
          background: #EEEDED;
          padding: 15px 20px 80px;
          position: relative;
          .image{
            display: block;
            text-align: left;
            width: 60%;
            -webkit-border-radius: 255px;
            border-radius: 255px;
            background: #ffffff;
            overflow: hidden;

            //border: 8px solid #0099D7;
            padding: 8px;
            background: url("../../images/color.jpg") no-repeat;
            background-size: cover;
            &>*{
              -webkit-border-radius: 255px;
              border-radius: 255px;
              background: #ffffff;
              overflow: hidden;
            }
            @media only screen and (max-width: 640px) {
              width: 80%;
            }
            img{
              margin: 0;
            }
          }
          .info{
            h4, h4 a{
              text-decoration: none;
              text-transform: uppercase;
              font-size: 1.3em;
            }
          }
          .meta{
            padding-top: 10px;
            border-top: 1px solid #cccccc;
            position: absolute;
            left: 0;
            bottom: 0;
            margin: 0 7% 15px;
            width: 86%;
            .icono{
              display: block;
              float: left;
              margin-right: 10px!important;
              margin-top: 4px!important;
            }
          }
        }
      }
    }

    .pager{
      &>*{
        display: none;
      }
      .pager-previous, .pager-next{
        display: inline-block;
        *display:inline;
        zoom:1;
        vertical-align: middle;
      }
    }
  }
}

*/

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